From 94f651c7f972c96246a515a73e64ad292efae6c8 Mon Sep 17 00:00:00 2001
From: qq787203167 <787203167@qq.com>
Date: Fri, 22 Apr 2022 18:21:04 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E6=B3=95=E8=A7=84=E6=B8=85?=
 =?UTF-8?q?=E5=8D=95=E7=9A=84=E9=A1=B5=E9=9D=A2=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/listOfRegulations.vue          | 1572 +++++++++--------
 1 file changed, 800 insertions(+), 772 deletions(-)

diff --git a/jero-web/src/views/projectManagement/components/listOfRegulations.vue b/jero-web/src/views/projectManagement/components/listOfRegulations.vue
index e363f6ae0..57780aca8 100644
--- a/jero-web/src/views/projectManagement/components/listOfRegulations.vue
+++ b/jero-web/src/views/projectManagement/components/listOfRegulations.vue
@@ -64,41 +64,48 @@
         </div>
       </div>
       <div style="float: right;margin-top: 1px" v-if="isDisplay">
-        <div class="operator-text" v-has="'document:importZip'">
-          <ImportFile :url="url" :isTrue="true" :accept="'.xls'" @getList="getPersonnelList"/>
-        </div>
-        <div @click="handleModule" class="operator-text">
-          <a-icon type="download"/>
-          {{ $t('templateDownload') }}
-        </div>
-        <div @click="handleExport" class="operator-text">
-          <a-icon type="export" :rotate="-90"/>
-          {{ $t('export') }}
+        <a-popconfirm overlayClassName='popconfirm' placement="bottomRight">
+          <template slot="title" id="popconfirm">
+            <div class="operator-text-title">
+              <ImportFile :url="url" :isTrue="true" :accept="'.xls'" @getList="getPersonnelList"/>
+            </div>
+            <div @click="handleModule" class="operator-text-title">
+              <a-icon type="download"/>
+              {{ $t('templateDownload') }}
+            </div>
+            <div @click="handleExport" class="operator-text-title">
+              <a-icon type="export" :rotate="-90"/>
+              {{ $t('export') }}
+            </div>
+            <div @click="handleDel" class="operator-text-title">
+              <a-icon type="delete"/>
+              {{ $t('BatchDelete') }}
+            </div>
+            <div class="operator-text-title" @click="bringInRelevantPersonnelClick">
+              <a-icon type="user"/>
+              {{ $t('bringInRelevantPersonnel') }}
+            </div>
+          </template>
+          <div class="operator-text" style="position: relative">
+            <span style="position: absolute;left: -13px;top: -4px">...</span>{{ $t('more') }}
+          </div>
+        </a-popconfirm>
+        <div @click="transferClick" class="operator-text">
+          <a-icon type="profile"/>
+          {{ $t('Transfer') }}
         </div>
         <div @click="copyClick" class="operator-text">
           <a-icon type="copy"/>
           {{ $t('copy') }}
         </div>
-        <div @click="transferClick" class="operator-text">
-          <a-icon type="profile"/>
-          {{ $t('Transfer') }}
-        </div>
         <div @click="handleAdd" class="operator-text">
           <a-icon type="plus"/>
           {{ $t('add') }}
         </div>
-        <div @click="handleDel" class="operator-text">
-          <a-icon type="delete"/>
-          {{ $t('BatchDelete') }}
-        </div>
         <div class="operator-text" @click="batSettingClick">
           <a-icon type="setting"/>
           {{ $t('batSetting') }}
         </div>
-        <div class="operator-text" @click="bringInRelevantPersonnelClick">
-          <a-icon type="user"/>
-          {{ $t('bringInRelevantPersonnel') }}
-        </div>
       </div>
       <div v-if="!isDisplay" style="float: right;margin-top: 1px;margin-bottom: 19px">
         <div class="operator-text" @click="submitClick(0)">
@@ -238,807 +245,828 @@
 </template>
 
 <script>
-import ImportFile from '@/components/ImportFile/index'
-import listAddModel from './listAddModel'
-import listEditModel from './listEditModel'
-import batSetting from './batSetting'
-import transferList from './transferList'
-import globalAdvancedQuery from '@/components/globalAdvancedQuery/index'
-import {getAction, postAction, downloadFile, deleteAction} from '@/api/manage'
-import moment from 'moment'
-import {mapGetters} from 'vuex'
-import {Base64} from 'js-base64'
+  import ImportFile from '@/components/ImportFile/index'
+  import listAddModel from './listAddModel'
+  import listEditModel from './listEditModel'
+  import batSetting from './batSetting'
+  import transferList from './transferList'
+  import globalAdvancedQuery from '@/components/globalAdvancedQuery/index'
+  import { getAction, postAction, downloadFile, deleteAction } from '@/api/manage'
+  import moment from 'moment'
+  import { mapGetters } from 'vuex'
+  import { Base64 } from 'js-base64'
 
-export default {
-  name: 'listOfRegulations',
-  components: {
-    ImportFile,
-    listAddModel,
-    listEditModel,
-    batSetting,
-    transferList,
-    globalAdvancedQuery
-  },
-  data() {
-    return {
-      columns: [
-        {
-          title: this.$t('standard'),
-          align: 'center',
-          dataIndex: 'serialNumber',
-          width: 180,
-          fixed: 'left',
-          scopedSlots: {customRender: 'titleName'}
-        },
-        {
-          title: this.$t('title'),
-          align: 'center',
-          dataIndex: 'title',
-          width: 180,
-          fixed: 'left',
-          scopedSlots: {customRender: 'titleName'}
-        },
-        {
-          title: this.$t('subtitle'),
-          align: 'center',
-          dataIndex: 'subtitle',
-          width: 180,
-          fixed: 'left',
-          scopedSlots: {customRender: 'titleName'}
-        },
-        {
-          title: this.$t('listConfirmationStatus'),
-          align: 'center',
-          ellipsis: true,
-          dataIndex: 'inventoryAffirmStatusName'
-        },
-        {
-          title: this.$t('taskAffirmStatus'),
-          align: 'center',
-          ellipsis: true,
-          dataIndex: 'taskAffirmStatusName'
-        },
-        // {
-        //   title: this.$t('taskReleaseStatus'),
-        //   align: 'center',
-        //   dataIndex: 'taskReleaseStatus'
-        // },
-        {
-          title: this.$t('correspondingStandard'),
-          align: 'center',
-          ellipsis: true,
-          dataIndex: 'correspondingStandard'
-        },
-        {
-          title: this.$t('implementationCategory'),
-          align: 'center',
-          ellipsis: true,
-          dataIndex: 'implementType_dictText'
-        },
-        {
-          title: this.$t('ImplementationDate'),
-          align: 'center',
-          ellipsis: true,
-          dataIndex: 'xin1Che1Xing2Shi2Shi1Ri4Qi1'
-        },
-        {
-          title: this.$t('vehicleInProductionDate'),
-          align: 'center',
-          ellipsis: true,
-          dataIndex: 'implementTime'
-        },
-        {
-          title: 'WVTA ID',
-          align: 'center',
-          dataIndex: 'wvtaId',
-          ellipsis: true
-        },
-        {
-          title: this.$t('certificationType'),
-          align: 'center',
-          ellipsis: true,
-          dataIndex: 'attestationType_dictText'
-        },
-        {
-          title: this.$t('certificationLevel'),
-          align: 'center',
-          ellipsis: true,
-          dataIndex: 'attestationRank_dictText'
-        },
-        //
-        {
-          title: this.$t('areaOfResponsibility'),
-          align: 'center',
-          ellipsis: true,
-          dataIndex: 'dutyTerritory_dictText'
-        },
-        {
-          title: this.$t('regulatoryEngineer'),
-          align: 'center',
-          ellipsis: true,
-          dataIndex: 'regulationOwnerName'
-        },
-        {
-          title: this.$t('certifiedEngineer'),
-          align: 'center',
-          ellipsis: true,
-          dataIndex: 'homologationEngineerName'
-        },
-        {
-          title: this.$t('engineeringInterfacePerson'),
-          align: 'center',
-          ellipsis: true,
-          dataIndex: 'engineeringInterfacePersonName'
-        },
-        {
-          title: this.$t('remarks'),
-          align: 'center',
-          ellipsis: true,
-          dataIndex: 'remark'
-        },
-        {
-          title: this.$t('confirmationOfDesignConformity'),
-          children: [
-            {
-              title: this.$t('Deliverables'),
-              dataIndex: 'designDeliverableTemplateName',
-              align: 'center',
-              scopedSlots: {customRender: 'designDeliverableTemplateName'}
-            },
-            {
-              title: this.$t('Sponsor'),
-              dataIndex: 'designInitiatorName',
-              align: 'center'
-            },
-            {
-              title: this.$t('personLiable'),
-              dataIndex: 'designDutyName',
-              align: 'center'
-            },
-            {
-              title: this.$t('TaskCutOffTime'),
-              dataIndex: 'designDueDate',
-              align: 'center'
-            }
-          ]
-        },
-        {
-          title: this.$t('PrehomoConfirmation'),
-          children: [
-            {
-              title: this.$t('Deliverables'),
-              dataIndex: 'prehomoDeliverableTemplateName',
-              align: 'center',
-              scopedSlots: {customRender: 'prehomoDeliverableTemplateName'}
-            },
-            {
-              title: this.$t('Sponsor'),
-              dataIndex: 'prehomoInitiatorName',
-              align: 'center'
-            },
-            {
-              title: this.$t('personLiable'),
-              dataIndex: 'prehomoDutyName',
-              align: 'center'
-            },
-            {
-              title: this.$t('TaskCutOffTime'),
-              dataIndex: 'prehomoDueDate',
-              align: 'center'
-            }
-          ]
-        },
-        {
-          title: this.$t('verificationAndConformityconfirmation'),
-          children: [
-            {
-              title: this.$t('Deliverables'),
-              dataIndex: 'verifyDeliverableTemplateName',
-              align: 'center',
-              scopedSlots: {customRender: 'verifyDeliverableTemplateName'}
-            },
-            {
-              title: this.$t('Sponsor'),
-              dataIndex: 'verifyInitiatorName',
-              align: 'center'
-            },
-            {
-              title: this.$t('personLiable'),
-              dataIndex: 'verifyDutyName',
-              align: 'center'
-            },
-            {
-              title: this.$t('TaskCutOffTime'),
-              dataIndex: 'verifyDueDate',
-              align: 'center'
-            }
-          ]
-        },
-        {
-          title: this.$t('operation'),
-          align: 'center',
-          fixed: 'right',
-          width: 140,
-          scopedSlots: {customRender: 'operation'}
-        }
-      ],
-      columnsFile: [
-        {
-          title: this.$t('deliverableTemplate'),
-          dataIndex: 'fileName',
-          align: 'center',
-          width: 260,
-          ellipsis: true
-        },
-        {
-          title: this.$t('operation'),
-          align: 'center',
-          width: 130,
-          scopedSlots: {customRender: 'fileOperation'}
-        }
-      ],
-      visibleFile: false,
-      dataSourceFile: [],
-      confirmLoading: false,
-      queryParamQuery:{},
-      isDisplay: true,
-      selectedRowKeys: [],
-      visible: false,
-      formInline: {},
-      rules: {
-        inventoryAffirmDueDate: [
+  export default {
+    name: 'listOfRegulations',
+    components: {
+      ImportFile,
+      listAddModel,
+      listEditModel,
+      batSetting,
+      transferList,
+      globalAdvancedQuery
+    },
+    data() {
+      return {
+        columns: [
           {
-            required: true,
-            message: this.$t('TaskCutOffTime') + this.$t('cannotEmpty'),
-            trigger: 'change'
+            title: this.$t('standard'),
+            align: 'center',
+            dataIndex: 'serialNumber',
+            width: 180,
+            fixed: 'left',
+            scopedSlots: { customRender: 'titleName' }
+          },
+          {
+            title: this.$t('title'),
+            align: 'center',
+            dataIndex: 'title',
+            width: 180,
+            fixed: 'left',
+            scopedSlots: { customRender: 'titleName' }
+          },
+          {
+            title: this.$t('subtitle'),
+            align: 'center',
+            dataIndex: 'subtitle',
+            width: 180,
+            fixed: 'left',
+            scopedSlots: { customRender: 'titleName' }
+          },
+          {
+            title: this.$t('listConfirmationStatus'),
+            align: 'center',
+            ellipsis: true,
+            dataIndex: 'inventoryAffirmStatusName'
+          },
+          {
+            title: this.$t('taskAffirmStatus'),
+            align: 'center',
+            ellipsis: true,
+            dataIndex: 'taskAffirmStatusName'
+          },
+          // {
+          //   title: this.$t('taskReleaseStatus'),
+          //   align: 'center',
+          //   dataIndex: 'taskReleaseStatus'
+          // },
+          {
+            title: this.$t('correspondingStandard'),
+            align: 'center',
+            ellipsis: true,
+            dataIndex: 'correspondingStandard'
+          },
+          {
+            title: this.$t('implementationCategory'),
+            align: 'center',
+            ellipsis: true,
+            dataIndex: 'implementType_dictText'
+          },
+          {
+            title: this.$t('ImplementationDate'),
+            align: 'center',
+            ellipsis: true,
+            dataIndex: 'xin1Che1Xing2Shi2Shi1Ri4Qi1'
+          },
+          {
+            title: this.$t('vehicleInProductionDate'),
+            align: 'center',
+            ellipsis: true,
+            dataIndex: 'implementTime'
+          },
+          {
+            title: 'WVTA ID',
+            align: 'center',
+            dataIndex: 'wvtaId',
+            ellipsis: true
+          },
+          {
+            title: this.$t('certificationType'),
+            align: 'center',
+            ellipsis: true,
+            dataIndex: 'attestationType_dictText'
+          },
+          {
+            title: this.$t('certificationLevel'),
+            align: 'center',
+            ellipsis: true,
+            dataIndex: 'attestationRank_dictText'
+          },
+          //
+          {
+            title: this.$t('areaOfResponsibility'),
+            align: 'center',
+            ellipsis: true,
+            dataIndex: 'dutyTerritory_dictText'
+          },
+          {
+            title: this.$t('regulatoryEngineer'),
+            align: 'center',
+            ellipsis: true,
+            dataIndex: 'regulationOwnerName'
+          },
+          {
+            title: this.$t('certifiedEngineer'),
+            align: 'center',
+            ellipsis: true,
+            dataIndex: 'homologationEngineerName'
+          },
+          {
+            title: this.$t('engineeringInterfacePerson'),
+            align: 'center',
+            ellipsis: true,
+            dataIndex: 'engineeringInterfacePersonName'
+          },
+          {
+            title: this.$t('remarks'),
+            align: 'center',
+            ellipsis: true,
+            dataIndex: 'remark'
+          },
+          {
+            title: this.$t('confirmationOfDesignConformity'),
+            children: [
+              {
+                title: this.$t('Deliverables'),
+                dataIndex: 'designDeliverableTemplateName',
+                align: 'center',
+                scopedSlots: { customRender: 'designDeliverableTemplateName' }
+              },
+              {
+                title: this.$t('Sponsor'),
+                dataIndex: 'designInitiatorName',
+                align: 'center'
+              },
+              {
+                title: this.$t('personLiable'),
+                dataIndex: 'designDutyName',
+                align: 'center'
+              },
+              {
+                title: this.$t('TaskCutOffTime'),
+                dataIndex: 'designDueDate',
+                align: 'center'
+              }
+            ]
+          },
+          {
+            title: this.$t('PrehomoConfirmation'),
+            children: [
+              {
+                title: this.$t('Deliverables'),
+                dataIndex: 'prehomoDeliverableTemplateName',
+                align: 'center',
+                scopedSlots: { customRender: 'prehomoDeliverableTemplateName' }
+              },
+              {
+                title: this.$t('Sponsor'),
+                dataIndex: 'prehomoInitiatorName',
+                align: 'center'
+              },
+              {
+                title: this.$t('personLiable'),
+                dataIndex: 'prehomoDutyName',
+                align: 'center'
+              },
+              {
+                title: this.$t('TaskCutOffTime'),
+                dataIndex: 'prehomoDueDate',
+                align: 'center'
+              }
+            ]
+          },
+          {
+            title: this.$t('verificationAndConformityconfirmation'),
+            children: [
+              {
+                title: this.$t('Deliverables'),
+                dataIndex: 'verifyDeliverableTemplateName',
+                align: 'center',
+                scopedSlots: { customRender: 'verifyDeliverableTemplateName' }
+              },
+              {
+                title: this.$t('Sponsor'),
+                dataIndex: 'verifyInitiatorName',
+                align: 'center'
+              },
+              {
+                title: this.$t('personLiable'),
+                dataIndex: 'verifyDutyName',
+                align: 'center'
+              },
+              {
+                title: this.$t('TaskCutOffTime'),
+                dataIndex: 'verifyDueDate',
+                align: 'center'
+              }
+            ]
+          },
+          {
+            title: this.$t('operation'),
+            align: 'center',
+            fixed: 'right',
+            width: 140,
+            scopedSlots: { customRender: 'operation' }
+          }
+        ],
+        columnsFile: [
+          {
+            title: this.$t('deliverableTemplate'),
+            dataIndex: 'fileName',
+            align: 'center',
+            width: 260,
+            ellipsis: true
+          },
+          {
+            title: this.$t('operation'),
+            align: 'center',
+            width: 130,
+            scopedSlots: { customRender: 'fileOperation' }
+          }
+        ],
+        visibleFile: false,
+        dataSourceFile: [],
+        confirmLoading: false,
+        queryParamQuery: {},
+        isDisplay: true,
+        selectedRowKeys: [],
+        visible: false,
+        formInline: {},
+        rules: {
+          inventoryAffirmDueDate: [
+            {
+              required: true,
+              message: this.$t('TaskCutOffTime') + this.$t('cannotEmpty'),
+              trigger: 'change'
+            }
+          ]
+        },
+        queryParam: {},
+        url: {
+          addModelList: '/document/bussDocumentLibraryEO/queryPageInfoDummy',
+          list: '/project/projectLawsInventoryEO/list',
+          addModel: 'project/projectLawsInventoryEO/add',
+          editModel: '/project/projectLawsInventoryEO/edit',
+          deleteBatch: '/project/projectLawsInventoryEO/deleteBatch',
+          deleteOne: '/project/projectLawsInventoryEO/delete',
+          updateStatusBatch: '/project/projectLawsInventoryEO/updateStatusBatch',
+          matchRelevantPeople: '/project/projectLawsInventoryEO/matchRelevantPeople',
+          queryPersonByProject: '/project/projectRelatedPersonnel/queryPersonByProjectId',
+          setBatch: '',//批量设置
+          copyUrl: '',//复制
+          transferUrl: ''//调取
+        },
+        loading: false,
+        dataSource: [],
+        // fieldList      | array   |✔| 需要查询的列集合示例如下，type类型有:date/datetime/string/int/number
+        fieldList: [
+          {
+            type: 'string',
+            value: 'correspondingStandard',
+            text: this.$t('correspondingStandard')
+          },
+          {
+            type: '',
+            value: 'implementType',
+            text: this.$t('implementationCategory'),
+            dictCode: 'implement_type'//只要 dictCode 有值，无论 type 是什么，都显示为字典下拉框
+          },
+          {
+            type: 'date',
+            value: 'xin1Che1Xing2Shi2Shi1Ri4Qi1',
+            text: this.$t('ImplementationDate')
+          },
+          {
+            type: 'date',
+            value: 'implementTime',
+            text: this.$t('vehicleInProductionDate')
+          },
+          {
+            type: 'string',
+            value: 'wvtaId',
+            text: 'WVTA ID'
+          },
+          {
+            type: '',
+            value: 'attestationType',
+            text: this.$t('certificationType'),
+            dictCode: 'attestation_type'//只要 dictCode 有值，无论 type 是什么，都显示为字典下拉框
+          },
+          {
+            type: '',
+            value: 'attestationRank',
+            text: this.$t('certificationLevel'),
+            dictCode: 'attestation_rank'//只要 dictCode 有值，无论 type 是什么，都显示为字典下拉框
+          },
+          {
+            type: '',
+            value: 'dutyTerritory',
+            text: this.$t('areaOfResponsibility'),
+            dictCode: 'duty_territory'//只要 dictCode 有值，无论 type 是什么，都显示为字典下拉框
           }
         ]
+      }
+    },
+
+    mounted() {
+      if (this.$route.query.studioEngineer == this.userInfo().id) {
+        this.isDisplay = true
+      } else {
+        this.isDisplay = false
+      }
+      this.getList()
+    },
+    methods: {
+      ...mapGetters(['userInfo']),
+      handleModule() {
+
       },
-      queryParam: {},
-      url: {
-        addModelList: '/document/bussDocumentLibraryEO/queryPageInfoDummy',
-        list: '/project/projectLawsInventoryEO/list',
-        addModel: 'project/projectLawsInventoryEO/add',
-        editModel: '/project/projectLawsInventoryEO/edit',
-        deleteBatch: '/project/projectLawsInventoryEO/deleteBatch',
-        deleteOne: '/project/projectLawsInventoryEO/delete',
-        updateStatusBatch: '/project/projectLawsInventoryEO/updateStatusBatch',
-        matchRelevantPeople: '/project/projectLawsInventoryEO/matchRelevantPeople',
-        queryPersonByProject: '/project/projectRelatedPersonnel/queryPersonByProjectId',
-        setBatch: '',//批量设置
-        copyUrl: '',//复制
-        transferUrl: ''//调取
+      handleExport() {
+
       },
-      loading: false,
-      dataSource: [],
-      // fieldList      | array   |✔| 需要查询的列集合示例如下，type类型有:date/datetime/string/int/number
-      fieldList: [
-        {
-          type: 'string',
-          value: 'correspondingStandard',
-          text: this.$t('correspondingStandard')
-        },
-        {
-          type: '',
-          value: 'implementType',
-          text: this.$t('implementationCategory'),
-          dictCode: 'implement_type'//只要 dictCode 有值，无论 type 是什么，都显示为字典下拉框
-        },
-        {
-          type: 'date',
-          value: 'xin1Che1Xing2Shi2Shi1Ri4Qi1',
-          text: this.$t('ImplementationDate')
-        },
-        {
-          type: 'date',
-          value: 'implementTime',
-          text: this.$t('vehicleInProductionDate')
-        },
-        {
-          type: 'string',
-          value: 'wvtaId',
-          text: 'WVTA ID'
-        },
-        {
-          type: '',
-          value: 'attestationType',
-          text: this.$t('certificationType'),
-          dictCode: 'attestation_type'//只要 dictCode 有值，无论 type 是什么，都显示为字典下拉框
-        },
-        {
-          type: '',
-          value: 'attestationRank',
-          text: this.$t('certificationLevel'),
-          dictCode: 'attestation_rank'//只要 dictCode 有值，无论 type 是什么，都显示为字典下拉框
-        },
-        {
-          type: '',
-          value: 'dutyTerritory',
-          text: this.$t('areaOfResponsibility'),
-          dictCode: 'duty_territory'//只要 dictCode 有值，无论 type 是什么，都显示为字典下拉框
-        }
-      ]
-    }
-  },
-
-  mounted() {
-    if (this.$route.query.studioEngineer == this.userInfo().id) {
-      this.isDisplay = true
-    } else {
-      this.isDisplay = false
-    }
-    this.getList()
-  },
-  methods: {
-    ...mapGetters(['userInfo']),
-    handleModule() {
-
-    },
-    handleExport() {
-
-    },
-    //复制
-    copyClick() {
-      if (this.selectedRowKeys.length > 0) {
-        let _this = this
-        this.$confirm({
-          content: _this.$t('ConfirmReplication'),
-          onOk() {
-            let idList = JSON.parse(JSON.stringify(_this.selectedRowKeys))
-            deleteAction(_this.url.copyUrl, {ids: idList.join(',')}).then((res) => {
-              if (res.success) {
-                _this.$message.success(_this.$t('OperationSuccessful'))
-                _this.selectedRowKeys = []
-                _this.getList()
-              } else {
-                _this.$message.warning(_this.$t('operationFailed'))
-              }
-            })
-          }
-        })
-      } else {
-        this.$message.warning(this.$t('selectLeastOne'))
-      }
-    },
-    //调取
-    transferClick() {
-      if (this.selectedRowKeys.length > 0) {
-        this.$refs.transferListRef.transferModel(JSON.parse(JSON.stringify(this.selectedRowKeys)))
-      } else {
-        this.$message.warning(this.$t('selectLeastOne'))
-      }
-    },
-    batSettingClick() {
-      if (this.selectedRowKeys && this.selectedRowKeys.length > 0) {
-        this.$refs.batSettingRef.edit(JSON.parse(JSON.stringify(this.selectedRowKeys)))
-      } else {
-        this.$message.warning(this.$t('selectLeastOne'))
-      }
-    },
-    handleAdd() {
-      this.$refs.addModelRef.addModel()
-    },
-    handleDel() {
-      if (this.selectedRowKeys.length > 0) {
-        let _this = this
-        this.$confirm({
-          content: _this.$t('ConfirmBatchDeletion'),
-          onOk() {
-            let idList = JSON.parse(JSON.stringify(_this.selectedRowKeys))
-            deleteAction(_this.url.deleteBatch, {ids: idList.join(',')}).then((res) => {
-              if (res.success) {
-                _this.$message.success(_this.$t('OperationSuccessful'))
-                _this.selectedRowKeys = []
-                _this.getList()
-              } else {
-                _this.$message.warning(_this.$t('operationFailed'))
-              }
-            })
-          }
-        })
-      } else {
-        this.$message.warning(this.$t('selectLeastOne'))
-      }
-    },
-    edit(item) {
-      this.$refs.editModelRef.editModel(JSON.parse(JSON.stringify(item)))
-    },
-    deleteLib(val) {
-      let _this = this
-      this.$confirm({
-        content: _this.$t('ConfirmDelete'),
-        onOk() {
-          deleteAction(_this.url.deleteOne, {id: val.id}).then((res) => {
-            if (res.success) {
-              _this.$message.success(_this.$t('OperationSuccessful'))
-              _this.getList()
-            } else {
-              _this.$message.warning(_this.$t('operationFailed'))
+      //复制
+      copyClick() {
+        if (this.selectedRowKeys.length > 0) {
+          let _this = this
+          this.$confirm({
+            content: _this.$t('ConfirmReplication'),
+            onOk() {
+              let idList = JSON.parse(JSON.stringify(_this.selectedRowKeys))
+              deleteAction(_this.url.copyUrl, { ids: idList.join(',') }).then((res) => {
+                if (res.success) {
+                  _this.$message.success(_this.$t('OperationSuccessful'))
+                  _this.selectedRowKeys = []
+                  _this.getList()
+                } else {
+                  _this.$message.warning(_this.$t('operationFailed'))
+                }
+              })
             }
           })
-        }
-      })
-    },
-    onSelectChange(value) {
-      this.selectedRowKeys = value
-    },
-    searchQuery() {
-      this.getList()
-    },
-    searchReset() {
-      this.queryParam = {}
-      this.getList()
-    },
-    addModelList() {
-      this.getList()
-    },
-    handleSuperQuery(params, matchType) {
-      let sqp = {}
-      if (!params || (params && params.length == 0)) {
-        sqp['superQueryParams'] = ''
-        this.$refs.globalAdvancedQueryRef.superQueryFlag = false
-      } else {
-        this.$refs.globalAdvancedQueryRef.superQueryFlag = true
-        sqp['superQueryParams'] = encodeURI(JSON.stringify(params))
-        sqp['superQueryMatchType'] = matchType
-      }
-      this.queryParamQuery = sqp
-      this.getList()
-    },
-    getList() {
-      let query = {
-        ...this.queryParamQuery,
-        ...this.queryParam,
-        projectLibraryId: this.$route.query.id
-      }
-      this.loading = true
-      getAction(this.url.list, query).then((res) => {
-        if (res.success) {
-          this.dataSource = res.result
-          this.loading = false
         } else {
-          this.loading = false
+          this.$message.warning(this.$t('selectLeastOne'))
         }
-      })
-    },
-    getPersonnelList(){
-       this.getList()
-    },
-    initiateListConfirmationcClick() {
-      if (this.selectedRowKeys && this.selectedRowKeys.length > 0) {
-        let selectedRowKeys = JSON.parse(JSON.stringify(this.selectedRowKeys))
-        this.dataSource.forEach(res => {
-          selectedRowKeys.forEach(val => {
-            if (res.id == val) {
-              if ((res.inventoryAffirmStatus == 'Not started' || res.inventoryAffirmStatus == 'rejected') &&
-                res.homologationEngineerId && res.regulationOwnerId) {
-                this.visible = true
-                this.formInline = {}
-              } else {
-                this.$message.warning(this.$t('dataConfirmation'))
-              }
+      },
+      //调取
+      transferClick() {
+        if (this.selectedRowKeys.length > 0) {
+          this.$refs.transferListRef.transferModel(JSON.parse(JSON.stringify(this.selectedRowKeys)))
+        } else {
+          this.$message.warning(this.$t('selectLeastOne'))
+        }
+      },
+      batSettingClick() {
+        if (this.selectedRowKeys && this.selectedRowKeys.length > 0) {
+          this.$refs.batSettingRef.edit(JSON.parse(JSON.stringify(this.selectedRowKeys)))
+        } else {
+          this.$message.warning(this.$t('selectLeastOne'))
+        }
+      },
+      handleAdd() {
+        this.$refs.addModelRef.addModel()
+      },
+      handleDel() {
+        if (this.selectedRowKeys.length > 0) {
+          let _this = this
+          this.$confirm({
+            content: _this.$t('ConfirmBatchDeletion'),
+            onOk() {
+              let idList = JSON.parse(JSON.stringify(_this.selectedRowKeys))
+              deleteAction(_this.url.deleteBatch, { ids: idList.join(',') }).then((res) => {
+                if (res.success) {
+                  _this.$message.success(_this.$t('OperationSuccessful'))
+                  _this.selectedRowKeys = []
+                  _this.getList()
+                } else {
+                  _this.$message.warning(_this.$t('operationFailed'))
+                }
+              })
             }
           })
+        } else {
+          this.$message.warning(this.$t('selectLeastOne'))
+        }
+      },
+      edit(item) {
+        this.$refs.editModelRef.editModel(JSON.parse(JSON.stringify(item)))
+      },
+      deleteLib(val) {
+        let _this = this
+        this.$confirm({
+          content: _this.$t('ConfirmDelete'),
+          onOk() {
+            deleteAction(_this.url.deleteOne, { id: val.id }).then((res) => {
+              if (res.success) {
+                _this.$message.success(_this.$t('OperationSuccessful'))
+                _this.getList()
+              } else {
+                _this.$message.warning(_this.$t('operationFailed'))
+              }
+            })
+          }
         })
-      } else {
-        this.$message.warning(this.$t('selectLeastOne'))
-      }
-    },
-    handleOk() {
-      this.$refs.ruleForm.validate(valid => {
-        if (valid) {
+      },
+      onSelectChange(value) {
+        this.selectedRowKeys = value
+      },
+      searchQuery() {
+        this.getList()
+      },
+      searchReset() {
+        this.queryParam = {}
+        this.getList()
+      },
+      addModelList() {
+        this.getList()
+      },
+      handleSuperQuery(params, matchType) {
+        let sqp = {}
+        if (!params || (params && params.length == 0)) {
+          sqp['superQueryParams'] = ''
+          this.$refs.globalAdvancedQueryRef.superQueryFlag = false
+        } else {
+          this.$refs.globalAdvancedQueryRef.superQueryFlag = true
+          sqp['superQueryParams'] = encodeURI(JSON.stringify(params))
+          sqp['superQueryMatchType'] = matchType
+        }
+        this.queryParamQuery = sqp
+        this.getList()
+      },
+      getList() {
+        let query = {
+          ...this.queryParamQuery,
+          ...this.queryParam,
+          projectLibraryId: this.$route.query.id
+        }
+        this.loading = true
+        getAction(this.url.list, query).then((res) => {
+          if (res.success) {
+            this.dataSource = res.result
+            this.loading = false
+          } else {
+            this.loading = false
+          }
+        })
+      },
+      getPersonnelList() {
+        this.getList()
+      },
+      initiateListConfirmationcClick() {
+        if (this.selectedRowKeys && this.selectedRowKeys.length > 0) {
           let selectedRowKeys = JSON.parse(JSON.stringify(this.selectedRowKeys))
-          let query = {
-            operatorType: 0,
-            ids: selectedRowKeys.join(','),
-            projectLibraryId: this.$route.query.id,
-            ...this.formInline
-          }
-          this.confirmLoading = true
-          getAction(this.url.updateStatusBatch, query).then((res) => {
-            if (res.success) {
-              this.$message.success(this.$t('OperationSuccessful'))
-              this.visible = false
-              this.selectedRowKeys = []
-              this.confirmLoading = false
-              this.getList()
-            } else {
-              this.$message.warning(this.$t('operationFailed'))
-              this.confirmLoading = false
-            }
-          })
-        }
-      })
-    },
-    getRowKeys(value, callBack) {
-      let isTrue = true
-      for (let i = 0; i < this.dataSource.length; i++) {
-        for (let j = 0; j < value.length; j++) {
-          if (this.dataSource[i].id == value[j]) {
-            if (this.dataSource[i].inventoryAffirmStatus == 'List to confirm') {
-              if (this.dataSource[i].roleCode == 1 && this.dataSource[i].regulationOwnerSubmitStatus) {
-                isTrue = false
-                this.$message.warning(this.$t('The') + (i + 1) + this.$t('submitted'))
-                break
-              } else if (this.dataSource[i].roleCode == 2 && this.dataSource[i].homologationEngineerSubmitStatus) {
-                isTrue = false
-                this.$message.warning(this.$t('The') + (i + 1) + this.$t('submitted'))
-                break
-              } else if (this.dataSource[i].roleCode == 4 && (this.dataSource[i].homologationEngineerSubmitStatus && this.dataSource[i].regulationOwnerSubmitStatus)) {
-                isTrue = false
-                this.$message.warning(this.$t('The') + (i + 1) + this.$t('submitted'))
-                break
+          this.dataSource.forEach(res => {
+            selectedRowKeys.forEach(val => {
+              if (res.id == val) {
+                if ((res.inventoryAffirmStatus == 'Not started' || res.inventoryAffirmStatus == 'rejected') &&
+                  res.homologationEngineerId && res.regulationOwnerId) {
+                  this.visible = true
+                  this.formInline = {}
+                } else {
+                  this.$message.warning(this.$t('dataConfirmation'))
+                }
               }
-            } else {
-              isTrue = false
-              this.$message.warning(this.$t('The') + (i + 1) + this.$t('incorrectsubmitted'))
-              break
-            }
-          }
-        }
-      }
-      if (isTrue) {
-        callBack()
-      }
-    },
-    updateStatusBatch(num, selectedRowKeys) {
-      let _this = this
-      let query = {
-        operatorType: 1,
-        ids: selectedRowKeys.join(','),
-        projectLibraryId: _this.$route.query.id,
-        operatorResult: num
-      }
-      getAction(_this.url.updateStatusBatch, query).then((res) => {
-        if (res.success) {
-          _this.$message.success(_this.$t('OperationSuccessful'))
-          _this.visible = false
-          this.selectedRowKeys = []
-          _this.confirmLoading = false
-          _this.getList()
+            })
+          })
         } else {
-          _this.$message.warning(_this.$t('operationFailed'))
-          _this.confirmLoading = false
+          this.$message.warning(this.$t('selectLeastOne'))
         }
-      })
-    },
-    submitClick(num) {
-      let _this = this
-      if (this.selectedRowKeys && this.selectedRowKeys.length > 0) {
-        this.$confirm({
-          content: num == 0 ? _this.$t('confirmSubmit') : _this.$t('confirmOverrule'),
-          onOk() {
-            let selectedRowKeys = JSON.parse(JSON.stringify(_this.selectedRowKeys))
-            _this.getRowKeys(selectedRowKeys, function () {
-              _this.updateStatusBatch(num, selectedRowKeys)
+      },
+      handleOk() {
+        this.$refs.ruleForm.validate(valid => {
+          if (valid) {
+            let selectedRowKeys = JSON.parse(JSON.stringify(this.selectedRowKeys))
+            let query = {
+              operatorType: 0,
+              ids: selectedRowKeys.join(','),
+              projectLibraryId: this.$route.query.id,
+              ...this.formInline
+            }
+            this.confirmLoading = true
+            getAction(this.url.updateStatusBatch, query).then((res) => {
+              if (res.success) {
+                this.$message.success(this.$t('OperationSuccessful'))
+                this.visible = false
+                this.selectedRowKeys = []
+                this.confirmLoading = false
+                this.getList()
+              } else {
+                this.$message.warning(this.$t('operationFailed'))
+                this.confirmLoading = false
+              }
             })
           }
         })
-      } else {
-        this.$message.warning(this.$t('selectLeastOne'))
-      }
-    },
-    handleCancel() {
-      this.formInline = {}
-      this.visible = false
-    },
-    dateChange(item) {
-      this.formInline[item.db_field_name] = this.formInline[item.db_field_name] ? moment(this.formInline[item.db_field_name]).format('YYYY-MM-DD') : ''
-    },
-    pdfPreview(fileQuery) {
-      let fileName = fileQuery.fileName
-      let index1 = fileName.lastIndexOf('.')
-      let index2 = fileName.length
-      let fileSuffix = fileName.substring(index1, index2)
-      if (fileSuffix == '.pdf') {
-        window.open('/pdf/web/viewer.html?file=' + encodeURIComponent('/jero-boot/sys/common/pdf/viewFile?id=' + fileQuery.id))
-      } else if (fileSuffix == '.docx') {
-        let url = window._CONFIG['onlinePreviewDomainURL'] + '?url=' + Base64.encode(this.downLoadFileUrl + '/' + fileQuery.id + fileSuffix)
-        window.open(url, '_blank')
-      } else if (fileSuffix == '.xlsx' || fileSuffix == '.xls') {
-        let url = window._CONFIG['onlinePreviewDomainURL'] + '?url=' + Base64.encode(this.downLoadFileUrl + '/' + fileQuery.id + fileSuffix)
-        window.open(url, '_blank')
-      } else {
-        downloadFile('/sys/common/downLoadFile', fileQuery.fileName, {id: fileQuery.id})
-      }
-    },
-    pdfPreviewClick(name, id) {
-      let fileName = name
-      let index1 = fileName.lastIndexOf('.')
-      let index2 = fileName.length
-      let fileSuffix = fileName.substring(index1, index2)
-      if (fileSuffix == '.pdf') {
-        window.open('/pdf/web/viewer.html?file=' + encodeURIComponent('/jero-boot/sys/common/pdf/viewFile?id=' + id))
-      } else if (fileSuffix == '.docx') {
-        let url = window._CONFIG['onlinePreviewDomainURL'] + '?url=' + Base64.encode(this.downLoadFileUrl + '/' + id + fileSuffix)
-        window.open(url, '_blank')
-      } else if (fileSuffix == '.xlsx' || fileSuffix == '.xls') {
-        let url = window._CONFIG['onlinePreviewDomainURL'] + '?url=' + Base64.encode(this.downLoadFileUrl + '/' + id + fileSuffix)
-        window.open(url, '_blank')
-      } else {
-        downloadFile('/sys/common/downLoadFile', name, {id: id})
-      }
-    },
-    download(item) {
-      downloadFile('/sys/common/downLoadFile', item.fileName, {id: item.id})
-    },
-    clickButtonToUpload(item) {
-      this.loading = true
-      this.visibleFile = true
-      getAction('sys/common/getFileInfos', {id: item}).then((res) => {
-        if (res.success) {
-          this.dataSourceFile = res.result
-          this.loading = false
-        } else {
-          this.dataSourceFile = []
-          this.loading = false
+      },
+      getRowKeys(value, callBack) {
+        let isTrue = true
+        for (let i = 0; i < this.dataSource.length; i++) {
+          for (let j = 0; j < value.length; j++) {
+            if (this.dataSource[i].id == value[j]) {
+              if (this.dataSource[i].inventoryAffirmStatus == 'List to confirm') {
+                if (this.dataSource[i].roleCode == 1 && this.dataSource[i].regulationOwnerSubmitStatus) {
+                  isTrue = false
+                  this.$message.warning(this.$t('The') + (i + 1) + this.$t('submitted'))
+                  break
+                } else if (this.dataSource[i].roleCode == 2 && this.dataSource[i].homologationEngineerSubmitStatus) {
+                  isTrue = false
+                  this.$message.warning(this.$t('The') + (i + 1) + this.$t('submitted'))
+                  break
+                } else if (this.dataSource[i].roleCode == 4 && (this.dataSource[i].homologationEngineerSubmitStatus && this.dataSource[i].regulationOwnerSubmitStatus)) {
+                  isTrue = false
+                  this.$message.warning(this.$t('The') + (i + 1) + this.$t('submitted'))
+                  break
+                }
+              } else {
+                isTrue = false
+                this.$message.warning(this.$t('The') + (i + 1) + this.$t('incorrectsubmitted'))
+                break
+              }
+            }
+          }
         }
-      })
-    },
-    bringInRelevantPersonnelClick() {
-      let _this = this
-      this.$confirm({
-        content: _this.$t('confirmBringInRelevantPersonnel'),
-        onOk() {
-          getAction(_this.url.matchRelevantPeople, {projectLibraryId: _this.$route.query.id}).then((res) => {
-            if (res.success) {
-              _this.$message.success(_this.$t('OperationSuccessful'))
-              _this.getList()
-            } else {
-              _this.$message.warning(_this.$t('operationFailed'))
+        if (isTrue) {
+          callBack()
+        }
+      },
+      updateStatusBatch(num, selectedRowKeys) {
+        let _this = this
+        let query = {
+          operatorType: 1,
+          ids: selectedRowKeys.join(','),
+          projectLibraryId: _this.$route.query.id,
+          operatorResult: num
+        }
+        getAction(_this.url.updateStatusBatch, query).then((res) => {
+          if (res.success) {
+            _this.$message.success(_this.$t('OperationSuccessful'))
+            _this.visible = false
+            this.selectedRowKeys = []
+            _this.confirmLoading = false
+            _this.getList()
+          } else {
+            _this.$message.warning(_this.$t('operationFailed'))
+            _this.confirmLoading = false
+          }
+        })
+      },
+      submitClick(num) {
+        let _this = this
+        if (this.selectedRowKeys && this.selectedRowKeys.length > 0) {
+          this.$confirm({
+            content: num == 0 ? _this.$t('confirmSubmit') : _this.$t('confirmOverrule'),
+            onOk() {
+              let selectedRowKeys = JSON.parse(JSON.stringify(_this.selectedRowKeys))
+              _this.getRowKeys(selectedRowKeys, function() {
+                _this.updateStatusBatch(num, selectedRowKeys)
+              })
             }
           })
+        } else {
+          this.$message.warning(this.$t('selectLeastOne'))
         }
-      })
+      },
+      handleCancel() {
+        this.formInline = {}
+        this.visible = false
+      },
+      dateChange(item) {
+        this.formInline[item.db_field_name] = this.formInline[item.db_field_name] ? moment(this.formInline[item.db_field_name]).format('YYYY-MM-DD') : ''
+      },
+      pdfPreview(fileQuery) {
+        let fileName = fileQuery.fileName
+        let index1 = fileName.lastIndexOf('.')
+        let index2 = fileName.length
+        let fileSuffix = fileName.substring(index1, index2)
+        if (fileSuffix == '.pdf') {
+          window.open('/pdf/web/viewer.html?file=' + encodeURIComponent('/jero-boot/sys/common/pdf/viewFile?id=' + fileQuery.id))
+        } else if (fileSuffix == '.docx') {
+          let url = window._CONFIG['onlinePreviewDomainURL'] + '?url=' + Base64.encode(this.downLoadFileUrl + '/' + fileQuery.id + fileSuffix)
+          window.open(url, '_blank')
+        } else if (fileSuffix == '.xlsx' || fileSuffix == '.xls') {
+          let url = window._CONFIG['onlinePreviewDomainURL'] + '?url=' + Base64.encode(this.downLoadFileUrl + '/' + fileQuery.id + fileSuffix)
+          window.open(url, '_blank')
+        } else {
+          downloadFile('/sys/common/downLoadFile', fileQuery.fileName, { id: fileQuery.id })
+        }
+      },
+      pdfPreviewClick(name, id) {
+        let fileName = name
+        let index1 = fileName.lastIndexOf('.')
+        let index2 = fileName.length
+        let fileSuffix = fileName.substring(index1, index2)
+        if (fileSuffix == '.pdf') {
+          window.open('/pdf/web/viewer.html?file=' + encodeURIComponent('/jero-boot/sys/common/pdf/viewFile?id=' + id))
+        } else if (fileSuffix == '.docx') {
+          let url = window._CONFIG['onlinePreviewDomainURL'] + '?url=' + Base64.encode(this.downLoadFileUrl + '/' + id + fileSuffix)
+          window.open(url, '_blank')
+        } else if (fileSuffix == '.xlsx' || fileSuffix == '.xls') {
+          let url = window._CONFIG['onlinePreviewDomainURL'] + '?url=' + Base64.encode(this.downLoadFileUrl + '/' + id + fileSuffix)
+          window.open(url, '_blank')
+        } else {
+          downloadFile('/sys/common/downLoadFile', name, { id: id })
+        }
+      },
+      download(item) {
+        downloadFile('/sys/common/downLoadFile', item.fileName, { id: item.id })
+      },
+      clickButtonToUpload(item) {
+        this.loading = true
+        this.visibleFile = true
+        getAction('sys/common/getFileInfos', { id: item }).then((res) => {
+          if (res.success) {
+            this.dataSourceFile = res.result
+            this.loading = false
+          } else {
+            this.dataSourceFile = []
+            this.loading = false
+          }
+        })
+      },
+      bringInRelevantPersonnelClick() {
+        let _this = this
+        this.$confirm({
+          content: _this.$t('confirmBringInRelevantPersonnel'),
+          onOk() {
+            getAction(_this.url.matchRelevantPeople, { projectLibraryId: _this.$route.query.id }).then((res) => {
+              if (res.success) {
+                _this.$message.success(_this.$t('OperationSuccessful'))
+                _this.getList()
+              } else {
+                _this.$message.warning(_this.$t('operationFailed'))
+              }
+            })
+          }
+        })
+      }
     }
   }
-}
 </script>
 
 <style lang="less" scoped>
-@import '~@assets/less/common.less';
+  @import '~@assets/less/common.less';
 
-.doc-detail {
-  background: #fff;
-  height: 100%;
-
-  .Virtual-detail-header {
-    width: 100%;
-    height: 68px;
-    line-height: 68px;
-    padding: 0 32px 0 32px;
-    box-sizing: border-box;
-    display: flex;
-    justify-content: space-between;
-    border-bottom: 2px #eff1f3 solid;
+  .doc-detail {
     background: #fff;
+    height: 100%;
 
-    .Virtual-detail-title {
-      display: inline-block;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-      overflow: hidden;
-      font-size: 20px;
-      font-weight: 400;
-      color: #040B29;
-      line-height: 68px;
-    }
-
-    .doc-detail-right {
-      width: 800px;
+    .Virtual-detail-header {
+      width: 100%;
+      height: 68px;
       line-height: 68px;
+      padding: 0 32px 0 32px;
+      box-sizing: border-box;
       display: flex;
+      justify-content: space-between;
+      border-bottom: 2px #eff1f3 solid;
+      background: #fff;
+
+      .Virtual-detail-title {
+        display: inline-block;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        overflow: hidden;
+        font-size: 20px;
+        font-weight: 400;
+        color: #040B29;
+        line-height: 68px;
+      }
+
+      .doc-detail-right {
+        width: 800px;
+        line-height: 68px;
+        display: flex;
+      }
+    }
+
+    .Virtual-detail-content {
+      padding: 0 38px 0 38px;
+      box-sizing: border-box;
+      font-size: 16px;
+
+      .box-title-text-add {
+        line-height: 1.4;
+      }
+
+      .title-text-add {
+        display: inline-block;
+        font-weight: 500;
+        margin-right: 16px;
+        height: 42px;
+        line-height: 42px;
+      }
     }
   }
 
-  .Virtual-detail-content {
-    padding: 0 38px 0 38px;
-    box-sizing: border-box;
+  .header-text {
     font-size: 16px;
-
-    .box-title-text-add {
-      line-height: 1.4;
-    }
-
-    .title-text-add {
-      display: inline-block;
-      font-weight: 500;
-      margin-right: 16px;
-      height: 42px;
-      line-height: 42px;
-    }
+    font-weight: 400;
+    height: 60px;
+    color: #000F16;
+    line-height: 40px;
   }
-}
 
-.header-text {
-  font-size: 16px;
-  font-weight: 400;
-  height: 60px;
-  color: #000F16;
-  line-height: 40px;
-}
+  .box-title-text {
+    line-height: 1.4;
+    display: flex;
+    align-items: center;
+    margin-bottom: 10px;
+  }
 
-.box-title-text {
-  line-height: 1.4;
-  display: flex;
-  align-items: center;
-  margin-bottom: 10px;
-}
+  .box-title-text-index {
+    line-height: 1.4;
+    display: flex;
+  }
 
-.box-title-text-index {
-  line-height: 1.4;
-  display: flex;
-}
+  .title-text {
+    width: 32px;
+    color: #000F16;
+    display: inline-block;
+    font-weight: 500;
+    font-size: 14px;
+    margin-right: 16px;
+    margin-top: 3px;
+    text-align: left;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
 
-.title-text {
-  width: 32px;
-  color: #000F16;
-  display: inline-block;
-  font-weight: 500;
-  font-size: 14px;
-  margin-right: 16px;
-  margin-top: 3px;
-  text-align: left;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
+  .title-text-index {
+    width: 110px;
+    color: #000F16;
+    display: inline-block;
+    font-weight: 500;
+    font-size: 14px;
+    margin-right: 16px;
+    margin-top: 3px;
+    text-align: right;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    line-height: 40px;
+  }
 
-.title-text-index {
-  width: 110px;
-  color: #000F16;
-  display: inline-block;
-  font-weight: 500;
-  font-size: 14px;
-  margin-right: 16px;
-  margin-top: 3px;
-  text-align: right;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  line-height: 40px;
-}
+  .box-input {
+    display: inline-block;
+    width: 70%;
+    height: 38px;
+    margin-top: 2px;
+  }
 
-.box-input {
-  display: inline-block;
-  width: 70%;
-  height: 38px;
-  margin-top: 2px;
-}
+  .Required {
+    color: red;
+    margin-right: 4px;
+  }
 
-.Required {
-  color: red;
-  margin-right: 4px;
-}
+  .box-button {
+    height: 38px;
+  }
 
-.box-button {
-  height: 38px;
-}
+  .text-operation {
+    margin-right: 8px;
+  }
 
-.text-operation {
-  margin-right: 8px;
-}
+  .page {
+    text-align: right;
+    margin-top: 20px;
+  }
 
-.page {
-  text-align: right;
-  margin-top: 20px;
-}
+  .operator-text-left {
+    font-size: 14px;
+    margin-right: 20px;
+    background: #eff1f3;
+    padding: 8px 8px;
+    cursor: pointer;
+    border-radius: 4px;
+  }
 
-.operator-text-left {
-  font-size: 14px;
-  margin-right: 20px;
-  background: #eff1f3;
-  padding: 8px 8px;
-  cursor: pointer;
-  border-radius: 4px;
-}
+  /deep/ .ant-popover-buttons {
+    display: none !important;
+  }
+
+  .operator-text-title {
+    cursor: pointer;
+    margin-right: 22px;
+    font-size: 14px;
+    font-weight: 400;
+    color: #040B29;
+    margin-bottom: 22px;
+  }
 </style>
 <style>
-.box-input .ant-select-selection {
-  height: 38px !important;
-}
+  .box-input .ant-select-selection {
+    height: 38px !important;
+  }
 
-.box-input .ant-select-selection__rendered {
-  line-height: 38px;
-}
+  .box-input .ant-select-selection__rendered {
+    line-height: 38px;
+  }
+
+  .popconfirm .ant-popover-buttons {
+    display: none !important;
+  }
+
+  .popconfirm .anticon-exclamation-circle {
+    display: none !important;
+  }
 </style>
\ No newline at end of file