kd-aiot-frontend-qms/src/views/sample/sampleRecord/index.vue

<template>
  <div class="ele-body">
    <el-card shadow="never">
      <seek-page :seekList="seekList" @search="search"></seek-page>
      <ele-pro-table
        ref="table"
        row-key="id"
        :columns="columns"
        :datasource="datasource"
        @columns-change="handleColumnChange"
        :cache-key="cacheKeyUrl"
        autoAmendPage
      >
        <template v-slot:toolbar>
          <el-button type="primary" size="mini" @click="addSampleOpen('add')"
            v-if="$hasPermission('qms:samplingrecord:save')"
            >新增</el-button
          >
        </template>
        <template v-slot:code="{ row }">
          <el-link
            type="primary"
            :underline="false"
            @click="addSampleOpen('view', row)"
          >
            {{ row.code }}
          </el-link>
        </template>
        <template v-slot:action="{ row }">
          <el-link
            type="primary"
            :underline="false"
            icon="el-icon-edit"
            @click="addSampleOpen('edit', row)"
            v-if="[0, 3].includes(row.approvalStatus)&&$hasPermission('qms:samplingrecord:update')"
          >
            编辑
          </el-link>
          <el-link
            type="primary"
            :underline="false"
            v-if="[0, 3].includes(row.approvalStatus)&&$hasPermission('qms:samplingrecord:update')"
            @click="approvalSubmit(row)"
            >提交</el-link
          >
          <!-- <el-popconfirm
            class="ele-action"
            title="确定要删除此条数据吗？"
            @confirm="deleteRow(row)"
            v-if="[0, 3].includes(row.approvalStatus)&&$hasPermission('qms:samplingrecord:update')"
          >
            <template v-slot:reference>
              <el-link type="danger" :underline="false" icon="el-icon-delete">
                删除
              </el-link>
            </template>
          </el-popconfirm> -->
        </template>
      </ele-pro-table>
    </el-card>
    <addSample ref="addSampleRef" @reload="search" :isSampleRecord="true"></addSample>
    <processSubmitDialog
      :processSubmitDialogFlag.sync="processSubmitDialogFlag"
      v-if="processSubmitDialogFlag"
      ref="processSubmitDialogRef"
      @reload="search"
    ></processSubmitDialog>
  </div>
</template>

<script>
  import dictMixins from '@/mixins/dictMixins';
  import tableColumnsMixin from '@/mixins/tableColumnsMixin';
  import addSample from './components/addSample.vue';
  import { samplingRecordsPage } from '@/api/samplingRecords';
  import processSubmitDialog from '@/components/processSubmitDialog/processSubmitDialog.vue';
  import { reviewStatus } from '@/enum/dict';

  export default {
    mixins: [dictMixins, tableColumnsMixin],
    components: {
      addSample,
      processSubmitDialog
    },
    data() {
      return {
        processSubmitDialogFlag: false,
        cacheKeyUrl: 'qms-2511141047-sampleRecord-table',
        columns: [
          {
            width: 50,
            type: 'index',
            columnKey: 'index',
            align: 'center',
            label: '序号'
          },
          {
            prop: 'code',
            label: '取样记录编码',
            slot: 'code',
            align: 'center',
            minWidth: 150,
            showOverflowTooltip: true
          },
          {
            prop: 'qualityWorkOrderCode',
            label: '质检工单编码',
            align: 'center',
            minWidth: 150,
            showOverflowTooltip: true
          },
          {
            prop: 'qualityWorkOrderName',
            label: '质检工单名称',
            align: 'center',
            minWidth: 120,
            showOverflowTooltip: true
          },
          {
            prop: 'sourceCode',
            label: '来源单号',
            align: 'center',
            minWidth: 150,
            showOverflowTooltip: true
          },

          {
            prop: 'qualityType',
            label: '类型',
            align: 'center',
            showOverflowTooltip: true,
            minWidth: 100,
            formatter: (row) => {}
          },
          {
            prop: 'qualityMode',
            label: '质检方式',
            align: 'center',
            minWidth: 100,
            formatter: (row) => {
              return row.qualityMode == 1 ? '全检' : '抽检';
            },
            showOverflowTooltip: true
          },
          {
            prop: 'productCode',
            label: '编码',
            align: 'center',
            minWidth: 110,
            showOverflowTooltip: true
          },
          {
            prop: 'productName',
            label: '名称',
            align: 'center',
            minWidth: 110,
            showOverflowTooltip: true
          },
          {
            prop: 'batchNo',
            label: '批次号',
            align: 'center',
            minWidth: 110,
            showOverflowTooltip: true
          },
          {
            prop: 'specification',
            label: '规格',
            align: 'center',
            minWidth: 110,
            showOverflowTooltip: true
          },
          {
            prop: 'modelType',
            label: '型号',
            align: 'center',
            minWidth: 110,
            showOverflowTooltip: true
          },
          {
            prop: 'brandNo',
            label: '牌号',
            align: 'center',
            minWidth: 110,
            showOverflowTooltip: true
          },
          {
            prop: 'produceTaskName',
            label: '工序名称',
            align: 'center',
            minWidth: 110,
            showOverflowTooltip: true
          },
          {
            prop: 'pleasePurpose',
            label: '请样目的',
            align: 'center',
            minWidth: 110,
            showOverflowTooltip: true
          },
          {
            prop: 'pleaseQuantity',
            label: '请样数量',
            align: 'center',
            minWidth: 110,
            showOverflowTooltip: true
          },
          {
            prop: 'pleaseUnit',
            label: '单位',
            align: 'center',
            minWidth: 110,
            showOverflowTooltip: true
          },
          {
            prop: 'conditionType',
            label: '取样',
            formatter: (row) => {
              return row.conditionType == 1 ? '整样' : '小样';
            },
            align: 'center',
            minWidth: 110,
            showOverflowTooltip: true
          },
          {
            prop: 'recordingMethod',
            label: '记录方法',
            align: 'center',
            formatter: (row) => {
              return row.recordingMethod == 1 ? '批样' : '单样全部';
            },
            minWidth: 110,
            showOverflowTooltip: true
          },
          {
            prop: 'quantity',
            label: '取样数量',
            align: 'center',
            minWidth: 110,
            showOverflowTooltip: true
          },
          {
            prop: 'unit',
            label: '单位',
            align: 'center',
            minWidth: 110,
            showOverflowTooltip: true
          },
          {
            prop: 'status',
            label: '状态',
            align: 'center',
            minWidth: 110,
            showOverflowTooltip: true,
            formatter: (_row, _column, cellValue) => {
              return _row.status == 1
                ? '审核中'
                : _row.status == 2
                ? '已取样'
                : '未提交';
            }
          },
          {
            prop: 'approvalStatus',
            label: '审核状态',
            align: 'center',
            minWidth: 110,
            showOverflowTooltip: true,
            formatter: (_row, _column, cellValue) => {
              return reviewStatus[_row.approvalStatus];
            }
          },
          {
            prop: 'createUserName',
            label: '创建人',
            align: 'center',
            minWidth: 110,
            showOverflowTooltip: true
          },
          {
            prop: 'createTime',
            label: '创建时间',
            align: 'center',
            minWidth: 110,
            showOverflowTooltip: true
          },
          {
            prop: 'approvalUserName',
            label: '审批人',
            align: 'center',
            minWidth: 110,
            showOverflowTooltip: true
          },
          {
            prop: 'approvalTime',
            label: '审批时间',
            align: 'center',
            minWidth: 110,
            showOverflowTooltip: true
          },
          {
            columnKey: 'action',
            label: '操作',
            width: 220,
            align: 'center',
            resizable: false,
            fixed: 'right',
            slot: 'action',
            showOverflowTooltip: true
          }
        ]
      };
    },
    computed: {
      seekList() {
        return [
          {
            label: '质检工单编码：',
            value: 'workOrderCode',
            type: 'input',
            placeholder: '请输入'
          },
          {
            label: '来源单号：',
            value: 'workOrderCode',
            type: 'input',
            placeholder: '请输入'
          },
          {
            label: '类型：',
            value: 'type',
            type: 'select',
            placeholder: '请输入',
            planList: [
              { label: '类型一', value: '1' },
              { label: '类型二', value: '2' }
            ]
          }
        ];
      }
    },
    methods: {
      // 刷新表格
      reload(where = {}) {
        this.$refs.table.reload({
          where
        });
      },
      addSampleOpen(type, row) {
        this.$refs.addSampleRef.open(type, row);
      },
      approvalSubmit(res) {
        this.processSubmitDialogFlag = true;
        this.$nextTick(() => {
          let params = {
            businessId: res.id,
            businessKey: 'sampling_approval_process',
            formCreateUserId: res.createUserId,
            variables: {
              businessCode: res.code,
              businessName: res.name,
              businessType: '取样'
            }
          };
          this.$refs.processSubmitDialogRef.init(params);
        });
      },
      /* 表格数据源 */
      datasource({ page, limit, where, order }) {
        // 参数
        const body = {
          ...where,
          ...order,
          pageNum: page,
          size: limit
        };
        return samplingRecordsPage(body);
      },
      search(where) {
        this.reload(where);
      }
    }
  };
</script>

<style></style>