licp
2024-04-12 b6aa932155c42ec4cf854957e160cdb254d62009
src/views/quality/processInspect/index.vue
@@ -2,7 +2,7 @@
   <div class="content-main">
      <div class="rawPage">
            <basic-container>
                <ttable
                <ttable
                :table="table"
                @handleSelectionChange="handleSelectionChange"
                :prelang="prelang"
@@ -12,19 +12,6 @@
                <template #toolbar></template>
                </ttable>
            </basic-container>
            <el-dialog
            top="10vh"
            title="打印预览"
            :visible.sync="printDialogVisible"
            width="60%">
            <div style="width:100%;height: 60vh;overflow-y: scroll;">
                <printTemplate id="printRaw" :formData="printFormData"></printTemplate>
            </div>
            <span slot="footer" class="dialog-footer">
                <el-button @click="()=>{printDialogVisible = false;this.printFormData=null}">取 消</el-button>
                <el-button type="primary" @click="printFun()">打 印</el-button>
            </span>
            </el-dialog>
      </div>
   </div>
</template>
@@ -34,18 +21,15 @@
    import * as fecha from 'element-ui/lib/utils/date'
   import processInspectForm from './processInspect-form'
    import { transform } from '@/util/fileTransform'
    import { mapGetters } from 'vuex'
    import { page,deleteById,exportProcessInsProduct } from '@/api/quality/processInspect'
    import printTemplate from './processInspect-print.vue'
   export default {
      components: {
         processInspectForm,
            ttable,
            printTemplate
      },
      data() {
         return {
                printFormData: null,
                printDialogVisible: false,
                result:[{label:'全部',value: ''},{label:'合格',value: '1'},{label:'不合格',value: '0'}],
                type: [1],
                prelang: 'processInspect',
@@ -73,12 +57,28 @@
                    column: [
                        {
                            minWidth: '120',
                            prop: 'orderNumber',
                            label: '订单编号',
                            prop: 'proInsNo',
                            label: '过程检验编号',
                            isTrue: true,
                            isSearch: true,
                            searchInfoType: 'text',
                            render: { fun: this.addOrUpdateHandle }
                        },
                        {
                            minWidth: '120',
                            prop: 'orderNumber',
                            label: '订单编号',
                            isTrue: true,
                            isSearch: true,
                            searchInfoType: 'text'
                        },
                        {
                            minWidth: '120',
                            prop: 'materialCode',
                            label: '产品编号',
                            isTrue: true,
                            isSearch: true,
                            searchInfoType: 'text'
                        },
                        {
                            minWidth: '120',
@@ -90,7 +90,6 @@
                        },
                        {
                            minWidth: '130',
                            width: '150',
                            prop: 'specs',
                            label: '规格型号',
                            sort: true,
@@ -163,28 +162,8 @@
                            }
                        },
                    ],
                    toolbar: [
                    {
                        text: '新增',
                        type: 'primary',
                        fun: this.addOrUpdateHandle
                    },
                    {
                        text: '导出',
                        fun: this.exportExcel
                    }
                    ],
                    operator: [{
                        text: '打印',
                        type: 'text',
                        size: 'small',
                        fun: this.showPrint
                    },{
                        text: '作废',
                        type: 'text',
                        size: 'small',
                        fun: this.deleteHandle
                    }],
                    toolbar: [],
                    operator: null,
                    operatorConfig: {
                    fixed: 'right',
                    label: '操作',
@@ -194,15 +173,30 @@
                },
         }
      },
      created() { },
        computed: {
            ...mapGetters(['permissions'])
        },
      created() {
            if(this.permissions.quality_processInspect_add){
                this.table.toolbar.push({
                        text: '新增',
                        type: 'primary',
                        fun: this.addOrUpdateHandle
                    })
            }
            if(this.permissions.quality_processInspect_del){
                this.table.operator = [{
                        text: '作废',
                        type: 'text',
                        size: 'small',
                        fun: this.deleteHandle
                    }]
            }
         },
      methods: {
            showPrint(){
                this.printDialogVisible = true
            },
            exportExcel(){
                let queryParam=this.$refs.processInspect.getQueryParam();
                delete queryParam.criteria
                console.log(queryParam);
                exportProcessInsProduct(queryParam).then((res)=>{
                    transform(res)
                })
@@ -225,10 +219,15 @@
         },
         // 新增 / 修改
         addOrUpdateHandle(row) {
                if(!this.permissions.quality_processInspect_edit && row){
                    this.$message.error("该角色没有操作权限")
                    return
                }
            this.$router.push({
               name: 'processInspectForm',
               query: { id: row == null ? null : row.id,resultVal : row == null ? null : row.result },
            })
               query: { id: row == null ? null : row.id },
                    params: { resultVal : row == null ? null : row.result }
                })
         },
            formatResult(row, column, cellValue){
                if(cellValue != undefined || cellValue != null){
@@ -330,4 +329,4 @@
   .rawPage .content-body {
      flex: 1;
   }
</style>
</style>