From d097e13a2ac2c55491bfd07e58b09580338520a6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=8C=83=E5=BC=BA=E5=BC=BA?= <787203167>
Date: Fri, 24 Mar 2023 11:07:19 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E9=A6=96=E9=A1=B5=E6=B5=81?=
 =?UTF-8?q?=E7=A8=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/dashboard/components/myList.vue |  45 +-
 .../components/SentList.vue                   |  13 +
 .../components/doneList.vue                   |  13 +
 .../views/virtualAuthenticationList/index.vue | 774 +++++++++---------
 4 files changed, 449 insertions(+), 396 deletions(-)

diff --git a/jero-web/src/views/dashboard/components/myList.vue b/jero-web/src/views/dashboard/components/myList.vue
index a3f743475..3bd57aa82 100644
--- a/jero-web/src/views/dashboard/components/myList.vue
+++ b/jero-web/src/views/dashboard/components/myList.vue
@@ -10,11 +10,11 @@
     <div class="myList-box-content" v-if="dataSource.length > 0">
       <div class="myList-box-content-box" v-for="(item,index) in dataSource" :key="index" @click="prcClick(item)">
         <div class="top">
-          <span class="top-text" v-if="item.flowType == 10"
+          <span class="top-text" v-if="item.flowType == 10 || item.flowType == 21"
                 :title="item.projectName+'-'+ item.flowTypeShow">
             {{item.projectName+'-'+ item.flowTypeShow}}
           </span>
-          <span class="top-text" :title="item.serialNumber+'-'+item.flowTypeShow">
+          <span v-else class="top-text" :title="item.serialNumber+'-'+item.flowTypeShow">
             {{item.serialNumber+'-'+item.flowTypeShow}}
           </span>
           <!--          <span class="top-admin" :title="prcTypeName[item.prcType]">{{prcTypeName[item.prcType]}}</span>-->
@@ -31,17 +31,22 @@
       <JNoData/>
     </div>
     <JLoading style="z-index: 999" :loading="loading">{{$t('dataLoading')}}</JLoading>
+    <designCompliance ref="designComplianceRef" @designComplianceList="designComplianceList"/>
   </div>
 </template>
 
 <script>
   import { getAction, postAction, deleteAction, downloadFile } from '@/api/manage'
+  import designCompliance from '../../toDoCenter/projectRegulationTasks/components/designCompliance'
   import { mapGetters } from 'vuex'
   import moment from 'moment'
   import store from '@/store/'
 
   export default {
     name: 'myList',
+    components:{
+      designCompliance
+    },
     data() {
       return {
         pageSize: 4,
@@ -97,6 +102,9 @@
           path: '/projectRegulationTasks'
         })
       },
+      designComplianceList(){
+         this.queryProcess()
+      },
       prcClick(row) {
         let query = {}
         row.router = this.$route.path
@@ -126,6 +134,19 @@
             }
           })
           window.open(newUrl.href, '_blank')
+        } else if (row.flowType == '21') {
+          let newUrl = this.$router.resolve({
+            path: '/ProjectDetails',
+            query: {
+              id: row.projectLibraryId,
+              projectName: row.projectName,
+              projectNameId: row.projectNameId,
+              targetMarket: row.targetMarket,
+              studioEngineer: row.studioEngineer,
+              type: '106'
+            }
+          })
+          window.open(newUrl.href, '_blank')
         } else if (row.flowType == '2') {
           row.taskId = row.taskId + ''
           if (row.taskId.length > 30) {
@@ -143,7 +164,7 @@
             TaskKey: row.taskDefinitionKey,
             isDisplay: true,
             flowType: 2,
-            Sponsor: 'designInitiatorName',
+            Sponsor: 'regulationOwnerName',
             personLiable: 'designDutyName',
             typeOfDeliverables: 'designDeliverableTypeName',
             deliverableTemplate: 'designDeliverableTemplate',
@@ -153,13 +174,8 @@
             targetMarket: row.targetMarket,
             projectNameId: row.projectNameId,
             primaryKeyId: row.primaryKeyId,
-            PersonChargeFeedback: row.personChargeFeedback
           }
-          let newUrl = this.$router.resolve({
-            path: '/taskListProcess',
-            query: query
-          })
-          window.open(newUrl.href, '_blank')
+          this.$refs.designComplianceRef.getList(JSON.parse(JSON.stringify(query)), this.$t('designComplianceReview'))
         } else if (row.flowType == '3') {
           row.taskId = row.taskId + ''
           if (row.taskId.length > 30) {
@@ -211,7 +227,7 @@
             TaskKey: row.taskDefinitionKey,
             flowType: 4,
             isDisplay: true,
-            Sponsor: 'verifyInitiatorName',
+            Sponsor: 'regulationOwnerName',
             personLiable: 'verifyDutyName',
             typeOfDeliverables: 'verifyDeliverableTypeName',
             deliverableTemplate: 'verifyDeliverableTemplate',
@@ -221,15 +237,10 @@
             targetMarket: row.targetMarket,
             projectNameId: row.projectNameId,
             primaryKeyId: row.primaryKeyId,
-            PersonChargeFeedback: row.personChargeFeedback
           }
-          let newUrl = this.$router.resolve({
-            path: '/taskListProcess',
-            query: query
-          })
-          window.open(newUrl.href, '_blank')
+          this.$refs.designComplianceRef.getList(JSON.parse(JSON.stringify(query)), this.$t('verificationComplianceReview'))
         }
-      },
+      }
     }
   }
 </script>
diff --git a/jero-web/src/views/toDoCenter/projectRegulationTasks/components/SentList.vue b/jero-web/src/views/toDoCenter/projectRegulationTasks/components/SentList.vue
index 4b4c5c89a..739c4de1c 100644
--- a/jero-web/src/views/toDoCenter/projectRegulationTasks/components/SentList.vue
+++ b/jero-web/src/views/toDoCenter/projectRegulationTasks/components/SentList.vue
@@ -208,6 +208,19 @@
             }
           })
           window.open(newUrl.href, '_blank')
+        } else if (row.flowType == '21') {
+          let newUrl = this.$router.resolve({
+            path: '/ProjectDetails',
+            query: {
+              id: row.projectLibraryId,
+              projectName: row.projectName,
+              projectNameId: row.projectNameId,
+              targetMarket: row.targetMarket,
+              studioEngineer: row.studioEngineer,
+              type: '106'
+            }
+          })
+          window.open(newUrl.href, '_blank')
         } else if (row.flowType == '2') {
           row.taskId = row.taskId + ''
           if (row.taskId.length > 30) {
diff --git a/jero-web/src/views/toDoCenter/projectRegulationTasks/components/doneList.vue b/jero-web/src/views/toDoCenter/projectRegulationTasks/components/doneList.vue
index 74873bffe..239842f2a 100644
--- a/jero-web/src/views/toDoCenter/projectRegulationTasks/components/doneList.vue
+++ b/jero-web/src/views/toDoCenter/projectRegulationTasks/components/doneList.vue
@@ -203,6 +203,19 @@
             }
           })
           window.open(newUrl.href, '_blank')
+        } else if (row.flowType == '21') {
+          let newUrl = this.$router.resolve({
+            path: '/ProjectDetails',
+            query: {
+              id: row.projectLibraryId,
+              projectName: row.projectName,
+              projectNameId: row.projectNameId,
+              targetMarket: row.targetMarket,
+              studioEngineer: row.studioEngineer,
+              type: '106'
+            }
+          })
+          window.open(newUrl.href, '_blank')
         }else if(row.flowType == '2'){
           row.taskId = row.taskId + ''
           if (row.taskId.length > 30) {
diff --git a/jero-web/src/views/virtualAuthenticationList/index.vue b/jero-web/src/views/virtualAuthenticationList/index.vue
index 5c5fe7dd3..10c635433 100644
--- a/jero-web/src/views/virtualAuthenticationList/index.vue
+++ b/jero-web/src/views/virtualAuthenticationList/index.vue
@@ -49,7 +49,7 @@
       :loading="loading"
       :pagination="false"
       :scroll="{x: '100%',y:'calc(100vh - 300px)'}"
-      rowKey="id"
+      :rowKey="(record)=>JSON.stringify(record)"
       :data-source="dataSource"
       :columns="columns"
       @change="tableOnChange"
@@ -113,7 +113,8 @@
               <div class="box-title-text-add">
                 <div class="title-text-add">
                   <span class="Required">*</span>
-                  <span class="title-text-text" :title="$t('CertificationListName')">{{$t('CertificationListName')}}</span>
+                  <span class="title-text-text"
+                        :title="$t('CertificationListName')">{{$t('CertificationListName')}}</span>
                 </div>
                 <a-form-model-item class="itemModel" prop="name">
                   <a-input class="box-input-add"
@@ -147,144 +148,198 @@
 </template>
 
 <script>
-import { getAction, postAction, deleteAction, downloadFile } from '@/api/manage'
-import VueDraggableResizable from 'vue-draggable-resizable'
-import tableDragResize from '@/mixins/tableDragResize'
-import { mapGetters } from 'vuex'
-import { ResizeHeader, ResizeColumnProvide } from '@/mixins/header'
+  import { getAction, postAction, deleteAction, downloadFile } from '@/api/manage'
+  import VueDraggableResizable from 'vue-draggable-resizable'
+  import tableDragResize from '@/mixins/tableDragResize'
+  import { mapGetters } from 'vuex'
+  import { ResizeHeader, ResizeColumnProvide } from '@/mixins/header'
 
-export default {
-  name:'index',
-  components: {
-    VueDraggableResizable
-  },
-  mixins: [tableDragResize, ResizeHeader, ResizeColumnProvide],
-  data() {
-    return {
-      selectedRowKeys: [],
-      rules: {
-        name: [
+  export default {
+    name: 'index',
+    components: {
+      VueDraggableResizable
+    },
+    mixins: [tableDragResize, ResizeHeader, ResizeColumnProvide],
+    data() {
+      return {
+        selectedRowKeys: [],
+        rules: {
+          name: [
+            {
+              required: true,
+              message: this.$t('CertificationListName') + this.$t('cannotEmpty'),
+              trigger: 'blur'
+            },
+            {
+              max: 100,
+              message: this.$t('CertificationListName') + this.$t('cannotExceed') + 100 + this.$t('Characters'),
+              trigger: 'blur'
+            }
+          ],
+          useExplain: [
+            {
+              required: true,
+              message: this.$t('instructionForUse') + this.$t('cannotEmpty'),
+              trigger: 'blur'
+            },
+            {
+              max: 500,
+              message: this.$t('instructionForUse') + this.$t('cannotExceed') + 500 + this.$t('Characters'),
+              trigger: 'blur'
+            }
+          ]
+        },
+        confirmLoading: false,
+        formInline: {},
+        visible: false,
+        title: this.$t('newlyAdded'),
+        userData: {},
+        administrators: false,
+        loading: false,
+        total: 0,
+        pageSize: 10,
+        pageNo: 1,
+        queryParam: {},
+        orderBy: '1',
+        orderByField: '',
+        url: {
+          list: '/authDummy/authDummyInventoryBaseEO/page',//分页列表查询
+          add: '/authDummy/authDummyInventoryBaseEO/add',//添加
+          edit: '/authDummy/authDummyInventoryBaseEO/edit',//编辑
+          deleteBatch: '/authDummy/authDummyInventoryBaseEO/deleteBatch',//批量删除
+          urlWithdraw: '/authDummy/authDummyInventoryBaseEO/issue'//批量发布或撤回
+        },
+        dataSource: [],
+        columns: [
           {
-            required: true,
-            message: this.$t('CertificationListName') + this.$t('cannotEmpty'),
-            trigger: 'blur'
+            title: this.$t('CertificationListName'),
+            align: 'left',
+            dataIndex: 'name',
+            width: 260,
+            ellipsis: true,
+            scopedSlots: { customRender: 'CertificationListName' }
           },
           {
-            max: 100,
-            message: this.$t('CertificationListName') + this.$t('cannotExceed') + 100 + this.$t('Characters'),
-            trigger: 'blur'
-          }
-        ],
-        useExplain: [
-          {
-            required: true,
-            message: this.$t('instructionForUse') + this.$t('cannotEmpty'),
-            trigger: 'blur'
+            title: this.$t('listStatus'),
+            align: 'left',
+            width: 260,
+            ellipsis: true,
+            dataIndex: 'state_dictText'
           },
           {
-            max: 500,
-            message: this.$t('instructionForUse') + this.$t('cannotExceed') + 500 + this.$t('Characters'),
-            trigger: 'blur'
+            title: this.$t('creater'),
+            align: 'left',
+            width: 260,
+            ellipsis: true,
+            dataIndex: 'createBy'
+          },
+          {
+            title: this.$t('operation'),
+            align: 'left',
+            fixed: 'right',
+            width: 400,
+            scopedSlots: { customRender: 'operation' }
           }
         ]
-      },
-      confirmLoading: false,
-      formInline: {},
-      visible: false,
-      title: this.$t('newlyAdded'),
-      userData: {},
-      administrators:false,
-      loading: false,
-      total: 0,
-      pageSize: 10,
-      pageNo: 1,
-      queryParam: {},
-      orderBy: '1',
-      orderByField: '',
-      url: {
-        list: '/authDummy/authDummyInventoryBaseEO/page',//分页列表查询
-        add: '/authDummy/authDummyInventoryBaseEO/add',//添加
-        edit: '/authDummy/authDummyInventoryBaseEO/edit',//编辑
-        deleteBatch: '/authDummy/authDummyInventoryBaseEO/deleteBatch',//批量删除
-        urlWithdraw: '/authDummy/authDummyInventoryBaseEO/issue'//批量发布或撤回
-      },
-      dataSource: [],
-      columns: [
-        {
-          title: this.$t('CertificationListName'),
-          align: 'left',
-          dataIndex: 'name',
-          width: 260,
-          ellipsis: true,
-          scopedSlots: { customRender: 'CertificationListName' }
-        },
-        {
-          title: this.$t('listStatus'),
-          align: 'left',
-          width: 260,
-          ellipsis: true,
-          dataIndex: 'state_dictText'
-        },
-        {
-          title: this.$t('creater'),
-          align: 'left',
-          width: 260,
-          ellipsis: true,
-          dataIndex: 'createBy'
-        },
-        {
-          title: this.$t('operation'),
-          align: 'left',
-          fixed: 'right',
-          width: 400,
-          scopedSlots: { customRender: 'operation' }
-        }
-      ],
-    }
-  },
-  mounted() {
-    this.getList()
-    this.userData = this.userInfo()
-    this.administrators = false
-    if (this.userInfo().userRoleList && this.userInfo().userRoleList.length > 0) {
-      this.userInfo().userRoleList.forEach(res => {
-        if (res.roleCode == 'admin') {
-          this.administrators = true
-        }
-      })
-    }
-  },
-  methods: {
-    ...mapGetters(['userInfo']),
-    onSelectChange(value) {
-      this.selectedRowKeys = value
+      }
     },
-    tableOnChange(pagination, filters, sorter) {
-      this.orderBy = sorter.order == 'ascend' ? '1' : '2'
-      this.orderByField = sorter.columnKey
+    mounted() {
       this.getList()
+      this.userData = this.userInfo()
+      this.administrators = false
+      if (this.userInfo().userRoleList && this.userInfo().userRoleList.length > 0) {
+        this.userInfo().userRoleList.forEach(res => {
+          if (res.roleCode == 'admin') {
+            this.administrators = true
+          }
+        })
+      }
     },
-    //添加
-    handleAdd() {
-      this.title = this.$t('newlyAdded')
-      this.formInline = {}
-      this.visible = true
-      this.$nextTick(() => {
-        this.$refs.ruleForm.clearValidate()
-      })
-    },
-    //批量删除
-    handleDel() {
-      if (this.selectedRowKeys.length > 0) {
+    methods: {
+      ...mapGetters(['userInfo']),
+      onSelectChange(value) {
+        this.selectedRowKeys = value
+      },
+      tableOnChange(pagination, filters, sorter) {
+        this.orderBy = sorter.order == 'ascend' ? '1' : '2'
+        this.orderByField = sorter.columnKey
+        this.getList()
+      },
+      //添加
+      handleAdd() {
+        this.title = this.$t('newlyAdded')
+        this.formInline = {}
+        this.visible = true
+        this.$nextTick(() => {
+          this.$refs.ruleForm.clearValidate()
+        })
+      },
+      //批量删除
+      handleDel() {
+        if (this.selectedRowKeys.length > 0) {
+          let _this = this
+          let selectedRowKeys = JSON.parse(JSON.stringify(this.selectedRowKeys))
+          let isTrue
+          for (let i = 0; i < selectedRowKeys.length; i++) {
+            selectedRowKeys[i] = JSON.parse(selectedRowKeys[i])
+            if (selectedRowKeys[i].state == 1) {
+              isTrue = false
+              break
+            } else {
+              isTrue = true
+            }
+          }
+          if (isTrue){
+            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(res.message)
+                  }
+                })
+              }
+            })
+          }else{
+             this.$message.warning(this.$t(''))
+          }
+        } else {
+          this.$message.warning(this.$t('selectLeastOne'))
+        }
+      },
+      //编辑
+      edit(item) {
+        this.title = this.$t('edit')
+        this.formInline = JSON.parse(JSON.stringify(item))
+        this.visible = true
+        this.$nextTick(() => {
+          this.$refs.ruleForm.clearValidate()
+        })
+      },
+      //撤回
+      withdraw(val) {
+        let item = {}
+        let content = ''
+        if (!val.state || val.state == 2) {
+          content = this.$t('confirmRelease')
+          item.state = 1
+        } else {
+          item.state = 2
+          content = this.$t('confirmWithdraw')
+        }
+        item.id = val.id
         let _this = this
         this.$confirm({
-          content: _this.$t('ConfirmBatchDeletion'),
+          content: content,
           onOk() {
-            let idList = JSON.parse(JSON.stringify(_this.selectedRowKeys))
-            deleteAction(_this.url.deleteBatch, { ids: idList.join(',') }).then((res) => {
+            postAction(_this.url.urlWithdraw, item).then((res) => {
               if (res.success) {
                 _this.$message.success(_this.$t('OperationSuccessful'))
-                _this.selectedRowKeys = []
                 _this.getList()
               } else {
                 _this.$message.warning(res.message)
@@ -292,285 +347,246 @@ export default {
             })
           }
         })
-      } else {
-        this.$message.warning(this.$t('selectLeastOne'))
-      }
-    },
-    //编辑
-    edit(item) {
-      this.title = this.$t('edit')
-      this.formInline = JSON.parse(JSON.stringify(item))
-      this.visible = true
-      this.$nextTick(() => {
-        this.$refs.ruleForm.clearValidate()
-      })
-    },
-    //撤回
-    withdraw(val) {
-      let item = {}
-      let content = ''
-      if (!val.state || val.state == 2) {
-        content = this.$t('confirmRelease')
-        item.state = 1
-      } else {
-        item.state = 2
-        content = this.$t('confirmWithdraw')
-      }
-      item.id = val.id
-      let _this = this
-      this.$confirm({
-        content: content,
-        onOk() {
-          postAction(_this.url.urlWithdraw, item).then((res) => {
-            if (res.success) {
-              _this.$message.success(_this.$t('OperationSuccessful'))
-              _this.getList()
-            } else {
-              _this.$message.warning(res.message)
-            }
-          })
-        }
-      })
-    },
-    //认证清单维护
-    maintenanceList(item) {
-      let newUrl = this.$router.resolve({
-        path: '/certificationListMaintenance',
-        query: {
-          name: item.name,
-          useExplain: item.useExplain,
-          id: item.id,
-          title: '认证清单维护'
-        }
-      })
-      window.open(newUrl.href, '_blank')
-    },
-    //订阅
-    subscribe(val) {
-      let _this = this
-      this.$confirm({
-        content: val.readFlag == 0 || !val.readFlag ? _this.$t('ConfirmSubscribe') : _this.$t('cancelConfirmSubscribe'),
-        onOk() {
-          let url = ''
-          if (val.readFlag == 0 || !val.readFlag) {
-            url = '/authDummy/authDummyInventoryBaseEO/read'
-          } else {
-            url = '/authDummy/authDummyInventoryBaseEO/cancelRead'
+      },
+      //认证清单维护
+      maintenanceList(item) {
+        let newUrl = this.$router.resolve({
+          path: '/certificationListMaintenance',
+          query: {
+            name: item.name,
+            useExplain: item.useExplain,
+            id: item.id,
+            title: '认证清单维护'
           }
-          getAction(url, { id: val.id }).then((res) => {
-            if (res.success) {
-              _this.$message.success(_this.$t('OperationSuccessful'))
-              _this.getList()
+        })
+        window.open(newUrl.href, '_blank')
+      },
+      //订阅
+      subscribe(val) {
+        let _this = this
+        this.$confirm({
+          content: val.readFlag == 0 || !val.readFlag ? _this.$t('ConfirmSubscribe') : _this.$t('cancelConfirmSubscribe'),
+          onOk() {
+            let url = ''
+            if (val.readFlag == 0 || !val.readFlag) {
+              url = '/authDummy/authDummyInventoryBaseEO/read'
             } else {
-              _this.$message.warning(_this.$t('operationFailed'))
+              url = '/authDummy/authDummyInventoryBaseEO/cancelRead'
             }
-          })
-        }
-      })
-    },
-    //删除
-    deleteLib(val) {
-      let _this = this
-      this.$confirm({
-        content: _this.$t('ConfirmDelete'),
-        onOk() {
-          deleteAction(_this.url.deleteBatch, { ids: val.id }).then((res) => {
-            if (res.success) {
-              _this.$message.success(_this.$t('OperationSuccessful'))
-              _this.getList()
-            } else {
-              _this.$message.warning(res.message)
-            }
-          })
-        }
-      })
-    },
-    //虚拟认证清单名称事件
-    CertificationListNameClick(item) {
-      let newUrl = this.$router.resolve({
-        path: '/certificationListMaintenance',
-        query: {
-          name: item.name,
-          useExplain: item.useExplain,
-          id: item.id,
-          title: '虚拟认证清单详情'
-        }
-      })
-      window.open(newUrl.href, '_blank')
-    },
-    searchQuery() {
-      this.pageNo = 1
-      this.getList()
-    },
-    searchReset() {
-      this.queryParam = {}
-      this.pageNo = 1
-      this.getList()
-    },
-    pageOnChange(page, pageSize) {
-      this.pageNo = page
-      this.getList()
-    },
-    SizeChange(page, pageSize) {
-      this.pageNo = 1
-      this.pageSize = pageSize
-      this.getList()
-    },
-    handleCancel() {
-      this.visible = false
-    },
-    handleSubmit() {
-      this.$refs.ruleForm.validate(valid => {
-        if (valid) {
-          let url = ''
-          if (this.formInline.id) {
-            url = this.url.edit
-          } else {
-            url = this.url.add
+            getAction(url, { id: val.id }).then((res) => {
+              if (res.success) {
+                _this.$message.success(_this.$t('OperationSuccessful'))
+                _this.getList()
+              } else {
+                _this.$message.warning(_this.$t('operationFailed'))
+              }
+            })
           }
-          this.confirmLoading = true
-          postAction(url, this.formInline).then((res) => {
-            if (res.success) {
-              this.confirmLoading = false
-              this.$message.success(this.$t('OperationSuccessful'))
-              this.visible = false
+        })
+      },
+      //删除
+      deleteLib(val) {
+        let _this = this
+        this.$confirm({
+          content: _this.$t('ConfirmDelete'),
+          onOk() {
+            deleteAction(_this.url.deleteBatch, { ids: val.id }).then((res) => {
+              if (res.success) {
+                _this.$message.success(_this.$t('OperationSuccessful'))
+                _this.getList()
+              } else {
+                _this.$message.warning(res.message)
+              }
+            })
+          }
+        })
+      },
+      //虚拟认证清单名称事件
+      CertificationListNameClick(item) {
+        let newUrl = this.$router.resolve({
+          path: '/certificationListMaintenance',
+          query: {
+            name: item.name,
+            useExplain: item.useExplain,
+            id: item.id,
+            title: '虚拟认证清单详情'
+          }
+        })
+        window.open(newUrl.href, '_blank')
+      },
+      searchQuery() {
+        this.pageNo = 1
+        this.getList()
+      },
+      searchReset() {
+        this.queryParam = {}
+        this.pageNo = 1
+        this.getList()
+      },
+      pageOnChange(page, pageSize) {
+        this.pageNo = page
+        this.getList()
+      },
+      SizeChange(page, pageSize) {
+        this.pageNo = 1
+        this.pageSize = pageSize
+        this.getList()
+      },
+      handleCancel() {
+        this.visible = false
+      },
+      handleSubmit() {
+        this.$refs.ruleForm.validate(valid => {
+          if (valid) {
+            let url = ''
+            if (this.formInline.id) {
+              url = this.url.edit
+            } else {
+              url = this.url.add
+            }
+            this.confirmLoading = true
+            postAction(url, this.formInline).then((res) => {
+              if (res.success) {
+                this.confirmLoading = false
+                this.$message.success(this.$t('OperationSuccessful'))
+                this.visible = false
+                this.getList()
+              } else {
+                this.$message.warning(this.$t('operationFailed'))
+                this.confirmLoading = false
+              }
+            })
+          }
+        })
+      },
+      getList() {
+        let query = {
+          pageNo: this.pageNo,
+          pageSize: this.pageSize,
+          ...this.queryParam
+        }
+        this.loading = true
+        getAction(this.url.list, query).then((res) => {
+          if (res.success) {
+            if (res.result.current > 1 && res.result.records.length == 0) {
+              this.pageNo = 1
               this.getList()
-            } else {
-              this.$message.warning(this.$t('operationFailed'))
-              this.confirmLoading = false
+              return
             }
-          })
-        }
-      })
-    },
-    getList() {
-      let query = {
-        pageNo: this.pageNo,
-        pageSize: this.pageSize,
-        ...this.queryParam
-      }
-      this.loading = true
-      getAction(this.url.list,query).then((res) => {
-        if (res.success) {
-          if (res.result.current > 1 && res.result.records.length == 0) {
-            this.pageNo = 1
-            this.getList()
-            return
+            this.dataSource = res.result.records || []
+            this.total = res.result.total
+            this.loading = false
+          } else {
+            this.loading = false
           }
-          this.dataSource = res.result.records || []
-          this.total = res.result.total
-          this.loading = false
-        } else {
-          this.loading = false
-        }
-      })
-    },
+        })
+      }
+    }
   }
-}
 </script>
 
 <style scoped>
-@import '~@assets/less/common.less';
+  @import '~@assets/less/common.less';
 
-.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;
+  }
 
-.title-text {
-  width: 20%;
-  min-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;
-}
+  .title-text {
+    width: 20%;
+    min-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;
+  }
 
-.box-input {
-  display: inline-block;
-  width: 70%;
-  height: 38px;
-  margin-top: 2px;
-}
+  .box-input {
+    display: inline-block;
+    width: 70%;
+    height: 38px;
+    margin-top: 2px;
+  }
 
-.box-button {
-  height: 38px;
-  /*margin-top: 2px;*/
-}
+  .box-button {
+    height: 38px;
+    /*margin-top: 2px;*/
+  }
 
-.text-operation {
-  margin-right: 8px;
-}
+  .text-operation {
+    margin-right: 8px;
+  }
 
-.page {
-  text-align: right;
-  margin-top: 20px;
-}
+  .page {
+    text-align: right;
+    margin-top: 20px;
+  }
 
-.formAdd {
-  margin-bottom: 40px;
-}
+  .formAdd {
+    margin-bottom: 40px;
+  }
 
-.box-title-text-add {
-  line-height: 1.4;
-  display: flex;
-}
+  .box-title-text-add {
+    line-height: 1.4;
+    display: flex;
+  }
 
-.title-text-add {
-  width: 114px;
-  text-align: right;
-  display: inline-block;
-  font-weight: 500;
-  font-size: 14px;
-  margin-right: 16px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  height: 42px;
-  line-height: 42px;
-  margin-top: 3px;
-}
+  .title-text-add {
+    width: 114px;
+    text-align: right;
+    display: inline-block;
+    font-weight: 500;
+    font-size: 14px;
+    margin-right: 16px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    height: 42px;
+    line-height: 42px;
+    margin-top: 3px;
+  }
 
-.Required {
-  color: red;
-  margin-right: 4px;
-}
+  .Required {
+    color: red;
+    margin-right: 4px;
+  }
 
-.title-text-text {
-  margin-top: 9px;
-}
+  .title-text-text {
+    margin-top: 9px;
+  }
 
-.itemModel {
-  width: calc(100% - 130px);
-  display: inline-block;
-  margin-top: 2px;
-}
+  .itemModel {
+    width: calc(100% - 130px);
+    display: inline-block;
+    margin-top: 2px;
+  }
 
-.box-input-add {
-  display: inline-block;
-  height: 38px;
-  width: 100%;
-}
+  .box-input-add {
+    display: inline-block;
+    height: 38px;
+    width: 100%;
+  }
 
-.drawer-bootom-button {
-  position: absolute;
-  bottom: 0;
-  z-index: 100;
-  width: 100%;
-  border-top: 1px solid #e8e8e8;
-  padding: 10px 16px;
-  text-align: right;
-  left: 0;
-  background: #fff;
-  border-radius: 0 0 2px 2px;
-}
+  .drawer-bootom-button {
+    position: absolute;
+    bottom: 0;
+    z-index: 100;
+    width: 100%;
+    border-top: 1px solid #e8e8e8;
+    padding: 10px 16px;
+    text-align: right;
+    left: 0;
+    background: #fff;
+    border-radius: 0 0 2px 2px;
+  }
 </style>