feat(cnas-method): 新增方法验证Word表单及上岗证查看功能

liding

14 小时以前 17902d2370c0cd0cf9f332bf1a391303bd2527c9

 src/views/CNAS/process/method/methodVerification/index.vue

@@ -3,8 +3,8 @@
    <div style="display: flex;justify-content: space-between">
      <div style="display: flex;">
        <div style="margin-bottom: 18px;margin-right: 10px;display: flex;align-items: center;line-height: 32px;">
          <span style="width: 88px;font-size: 14px;font-weight: 700;color: var(--lims-text-2);">标准方法</span>
          <el-input size="small" placeholder="请输入" clearable v-model="searchForm.methodName"
          <span style="width: 88px;font-size: 14px;font-weight: 700;color: var(--lims-text-2);">标准名称</span>
          <el-input size="small" placeholder="请输入" clearable v-model="searchForm.standardName"
                    @keyup.enter="searchList"></el-input>
        </div>
        <div style="line-height: 30px;">
@@ -22,24 +22,26 @@
                 @pagination="pagination">
      </limsTable>
    </div>
    <formDIa v-if="formDIa" ref="formDIa" :operationType="operationType" @closeDia="closeDia"></formDIa>
    <component :is="isWordForm ? 'wordFormDIa' : 'formDIa'" v-if="formDIa" ref="formDIa"
               :operationType="operationType" @closeDia="closeDia" />
  </div>
</template>

<script>
import limsTable from '@/components/Table/lims-table.vue'
import formDIa from './component/formDIa.vue';
import wordFormDIa from './component/wordFormDIa.vue';
import { delMethodVerify, exportMethodVerify, pagesMethodVerify } from '@/api/cnas/process/method/methodVerification'

export default {
  name: 'MethodVerification',
  // import 引入的组件需要注入到对象中才能使用
  components: { limsTable, formDIa },
  components: { limsTable, formDIa, wordFormDIa },
  data() {
    // 这里存放数据
    return {
      searchForm: {
        methodName: '',
        standardName: '',
        operationType: 1,
      },
      options: [
@@ -48,18 +50,18 @@
      ],
      tableColumn: [
        {
          label: '标准方法',
          prop: 'methodName',
          label: '标准名称',
          prop: 'standardName',
          minWidth: '100'
        },
        {
          label: '验证原因',
          prop: 'verifyReason',
          label: '标准编号',
          prop: 'standardCode',
          minWidth: '100'
        },
        {
          label: '主要技术变化',
          prop: 'technologyChange',
          label: '验证项目',
          prop: 'verifyItem',
          minWidth: '100'
        },
        {
@@ -103,6 +105,7 @@
      total: 0,
      formDIa: false,
      operationType: '',
      isWordForm: true,
    };
  },
  mounted() {
@@ -113,7 +116,7 @@
    // 查询列表
    searchList() {
      const entity = {
        methodName: this.searchForm.methodName,
        standardName: this.searchForm.standardName,
        operationType: this.searchForm.operationType,
      }
      const page = this.page
@@ -151,12 +154,13 @@
    },
    // 重置查询条件
    resetSearchForm() {
      this.searchForm.methodName = '';
      this.searchForm.standardName = '';
      this.searchList()
    },
    openFormDia(type, row) {
      this.formDIa = true
      this.operationType = type
      this.isWordForm = type === 'add' || !!row?.standardCode
      this.$nextTick(() => {
        this.$refs.formDIa.openDia(row)
      })