From ffd90f0ffa90ea262bea48c8c0e6788160a444d6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=8C=83=E5=BC=BA=E5=BC=BA?= <787203167>
Date: Fri, 5 Jan 2024 14:03:09 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=8F=82=E6=95=B0=E6=A8=A1?=
 =?UTF-8?q?=E6=9D=BF=E7=AE=A1=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 jero-web/src/common/lang/en-us.js             |   3 +
 jero-web/src/common/lang/zh-cn.js             |   3 +
 .../components/setupMaintainerModel.vue       | 253 +++++
 .../parameter/ParameterTemplate/index.vue     | 975 +++++++++---------
 4 files changed, 772 insertions(+), 462 deletions(-)
 create mode 100644 jero-web/src/views/parameter/ParameterTemplate/components/setupMaintainerModel.vue

diff --git a/jero-web/src/common/lang/en-us.js b/jero-web/src/common/lang/en-us.js
index 602a59322..47bf257c6 100644
--- a/jero-web/src/common/lang/en-us.js
+++ b/jero-web/src/common/lang/en-us.js
@@ -2038,4 +2038,7 @@ module.exports = {
   experienceReference:'Experience reference',
   onlyTheDataFilledUrged:'Only the data whose status is to be filled in or To be processed by eng. interface can be urged',
   onlyTheDataWhoseStatusUrged:'Only the data whose status is to be filled in can be urged',
+  maintainer:'Maintainer',
+  setupMaintainer:'Setup maintainer',
+  maximumOfBeSelected:'A maximum of 30 personnel can be selected',
 }
\ No newline at end of file
diff --git a/jero-web/src/common/lang/zh-cn.js b/jero-web/src/common/lang/zh-cn.js
index 2277c5c8f..466e275f5 100644
--- a/jero-web/src/common/lang/zh-cn.js
+++ b/jero-web/src/common/lang/zh-cn.js
@@ -3772,4 +3772,7 @@ module.exports = {
   experienceReference:'经验参考',
   onlyTheDataFilledUrged:'只能催办状态为待填写或待工程接口人处理的数据',
   onlyTheDataWhoseStatusUrged:'只能催办状态为待填写的数据',
+  maintainer:'维护人',
+  setupMaintainer:'设置维护人',
+  maximumOfBeSelected:'最多只能选择30个人员',
 }
\ No newline at end of file
diff --git a/jero-web/src/views/parameter/ParameterTemplate/components/setupMaintainerModel.vue b/jero-web/src/views/parameter/ParameterTemplate/components/setupMaintainerModel.vue
new file mode 100644
index 000000000..4cc39efdf
--- /dev/null
+++ b/jero-web/src/views/parameter/ParameterTemplate/components/setupMaintainerModel.vue
@@ -0,0 +1,253 @@
+<template>
+  <a-drawer
+    :title="title"
+    :maskClosable="false"
+    :width="500"
+    placement="right"
+    :closable="true"
+    @close="handleCancel"
+    :visible="visible"
+    style="height: 100%;overflow: auto;padding-bottom: 53px;">
+    <a-spin :spinning="confirmLoading">
+      <a-form>
+        <a-form-model :model="formInline" class="formAdd" :rules="rules" ref="ruleForm">
+          <a-row :gutter="24">
+            <a-col :span="24">
+              <div class="box-title-text">
+                <div class="title-text">
+                  <span class="Required">*</span>
+                  <span class="title-text-text" :title="$t('maintainer')">{{$t('maintainer')}}</span>
+                </div>
+                <a-form-model-item class="itemModel" prop="maintainerName">
+                  <PersonnelSelection :query="{db_field_name:'maintainer',db_field_txt:$t('maintainer')}"
+                                      :personneQuery="formInline"
+                                      v-if="visible"
+                                      class="maintainerClass"
+                                      @change="PersonnelSelectionChange"
+                                      v-model="formInline.maintainerName"/>
+                </a-form-model-item>
+              </div>
+            </a-col>
+          </a-row>
+        </a-form-model>
+      </a-form>
+    </a-spin>
+    <div class="drawer-bootom-button">
+      <a-button style="margin-right: 8px" @click="handleCancel">{{$t('cancel')}}</a-button>
+      <a-button @click="handleSubmit" type="primary" :loading="confirmLoading">{{$t('submit')}}</a-button>
+    </div>
+  </a-drawer>
+</template>
+
+<script>
+  import PersonnelSelection from '@/components/PersonnelSelection/index'
+  import { getAction, postAction, downloadFile, putAction } from '@/api/manage'
+
+  export default {
+    name: 'setupMaintainerModel',
+    components: {
+      PersonnelSelection
+    },
+    props: ['url'],
+    data() {
+      return {
+        formInline: {},
+        confirmLoading: false,
+        visible: false,
+        rules: {
+          maintainerName: [
+            { required: true, message: this.$t('PleaseSelect') + this.$t('maintainer'), trigger: 'change' }
+          ]
+        },
+        disabled: false,
+        projectNameList: [],
+        title: ''
+      }
+    },
+    mounted() {
+
+    },
+    methods: {
+      editModel(value) {
+        this.visible = true
+        this.title = this.$t('setupMaintainer')
+        this.$nextTick(() => {
+          this.formInline = JSON.parse(JSON.stringify(value))
+          this.$refs['ruleForm'].clearValidate()
+        })
+      },
+      handleCancel() {
+        this.visible = false
+      },
+      handleSubmit() {
+        this.$refs.ruleForm.validate(valid => {
+          if (valid) {
+            let query = JSON.parse(JSON.stringify(this.formInline))
+            let maintainerName = query.maintainerName.split(',')
+            if (maintainerName.length > 30) {
+              this.$message.warning(this.$t('maximumOfBeSelected'))
+              return
+            }
+            Object.keys(query).forEach(res => {
+              if (query[res] && query[res] instanceof Array) {
+                query[res] = query[res].join(',')
+              }
+            })
+            this.confirmLoading = true
+            putAction('params/template/edit', query).then((res) => {
+              if (res.success) {
+                this.confirmLoading = false
+                this.$message.success(this.$t('OperationSuccessful'))
+                this.visible = false
+                this.$emit('setupMaintainerModelForm')
+              } else {
+                this.$message.warning(this.$t('operationFailed'))
+                this.confirmLoading = false
+              }
+            })
+          }
+        })
+      },
+      handleInput(value) {
+        this.$nextTick(() => {
+          this.formInline = { ...this.formInline }
+          this.$refs.ruleForm.validateField([value])
+        })
+      },
+      PersonnelSelectionChange(value, id) {
+        this.formInline[value] = id
+        this.formInline = { ...this.formInline }
+      },
+      projectNameChange(value) {
+        console.log(value)
+      }
+    }
+  }
+</script>
+
+<style>
+  .formAdd .ant-form-item-label {
+    width: 130px;
+  }
+
+  .formAdd .ant-form-item-control-wrapper {
+    display: inline-block;
+    width: 100%;
+  }
+
+  /*.formAdd .ant-form-item {*/
+  /*  margin-bottom: 20px;*/
+  /*}*/
+
+  .itemModel .ant-form-item-control-wrapper {
+    width: 100%;
+  }
+
+  .box-input .ant-select-selection--single {
+    height: 38px;
+  }
+
+  .box-input .ant-select-selection--multiple {
+    height: 38px;
+  }
+
+  .box-input .ant-select-selection__rendered {
+    line-height: 38px;
+    height: 38px;
+  }
+
+  .box-input .ant-select-selection--multiple .ant-select-selection__rendered > ul > li {
+    margin-top: 6px;
+  }
+
+  .box-input .ant-calendar-picker {
+    line-height: 38px;
+    height: 38px;
+  }
+
+  .box-input .ant-calendar-picker-input {
+    height: 38px;
+  }
+
+  .box-input .ant-input-number-input-wrap {
+    line-height: 38px;
+    height: 38px;
+  }
+  .ant-input-disabled {
+    color: rgba(0, 0, 0, 0.65) !important;
+  }
+
+
+</style>
+<style scoped>
+  .box-title-text {
+    line-height: 1.4;
+    display: flex;
+    /*align-items: center;*/
+  }
+
+  .title-text {
+    width: 74px;
+    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: 48px;
+  }
+
+  .box-input {
+    display: inline-block;
+    height: 38px;
+    width: 100%;
+  }
+
+  .itemModel {
+    width: calc(100% - 90px);
+    display: inline-block;
+    margin-top: 2px;
+  }
+
+  .Required {
+    color: red;
+    margin-right: 4px;
+  }
+
+  .title-text-text {
+    margin-top: 9px;
+  }
+
+
+  .formAdd {
+    margin-bottom: 40px;
+  }
+
+
+  .drawer-bootom-button {
+    position: absolute;
+    bottom: 0;
+    width: 100%;
+    z-index: 100;
+    border-top: 1px solid #e8e8e8;
+    padding: 10px 16px;
+    text-align: right;
+    left: 0;
+    background: #fff;
+    border-radius: 0 0 2px 2px;
+  }
+
+  /deep/ .add-input {
+    min-height: 135px !important;
+  }
+
+  ::v-deep .maintainerClass .itemModelStand-input{
+    height: 120px;
+  }
+  ::v-deep .maintainerClass .itemModelStand-input .ant-select-selection--multiple{
+    min-height: 120px;
+  }
+</style>
\ No newline at end of file
diff --git a/jero-web/src/views/parameter/ParameterTemplate/index.vue b/jero-web/src/views/parameter/ParameterTemplate/index.vue
index 2d11a7f7b..fbf41068b 100644
--- a/jero-web/src/views/parameter/ParameterTemplate/index.vue
+++ b/jero-web/src/views/parameter/ParameterTemplate/index.vue
@@ -2,34 +2,34 @@
   <a-card :bordered="false">
     <div class="table-page-search-wrapper">
       <a-form layout="inline" @keyup.enter.native="searchQuery">
-      <a-row :gutter="24">
-        <a-col :md="6" :sm="8">
-          <div class="box-title-text">
-            <div class="title-text" :title="$t('parameterTemplate')">
-              <span>{{$t('parameterTemplate')}}</span>
+        <a-row :gutter="24">
+          <a-col :md="6" :sm="8">
+            <div class="box-title-text">
+              <div class="title-text" :title="$t('parameterTemplate')">
+                <span>{{$t('parameterTemplate')}}</span>
+              </div>
+              <a-input class="box-input" :placeholder="$t('PleaseEnter')+$t('parameterTemplate')"
+                       v-model="queryParam.paramsTemplateName"></a-input>
             </div>
-            <a-input class="box-input" :placeholder="$t('PleaseEnter')+$t('parameterTemplate')"
-                     v-model="queryParam.paramsTemplateName"></a-input>
-          </div>
-        </a-col>
-        <a-col :md="6" :sm="8">
-          <div class="box-title-text">
-            <div class="title-text" :title="$t('zoneOfApplication')">
-              <span>{{$t('zoneOfApplication')}}</span>
+          </a-col>
+          <a-col :md="6" :sm="8">
+            <div class="box-title-text">
+              <div class="title-text" :title="$t('zoneOfApplication')">
+                <span>{{$t('zoneOfApplication')}}</span>
+              </div>
+              <j-dict-select-tag class="box-input" v-model="queryParam.region"
+                                 :placeholder="$t('PleaseSelect')+$t('zoneOfApplication')"
+                                 :type="'select'"
+                                 :triggerChange="false" :dictCode="'region'"/>
             </div>
-            <j-dict-select-tag class="box-input" v-model="queryParam.region"
-                               :placeholder="$t('PleaseSelect')+$t('zoneOfApplication')"
-                               :type="'select'"
-                               :triggerChange="false" :dictCode="'region'"/>
-          </div>
-        </a-col>
-        <span style="float: right;overflow: hidden;margin-right: 11px" class="table-page-search-submitButtons">
+          </a-col>
+          <span style="float: right;overflow: hidden;margin-right: 11px" class="table-page-search-submitButtons">
                <a-col :md="6" :sm="24">
                   <a-button class="box-button" @click="searchReset">{{$t('reset')}}</a-button>
                   <a-button class="box-button" style="margin-left: 8px" type="primary" @click="searchQuery">{{$t('query')}}</a-button>
                </a-col>
       </span>
-      </a-row>
+        </a-row>
       </a-form>
     </div>
     <div class="table-operator">
@@ -69,13 +69,28 @@
            {{ text && text.length > 50 ? text.slice(0, 49) + '...' : text }}
         </span>
         <span slot="operation" slot-scope="text,record">
-            <a class="text-operation" :disabled="record.status == '1' ? true : false" v-has="'params:template:edit'" @click="edit(record)">{{$t('edit')}}</a>
+           <a class="text-operation" v-has="'params:template:setupMaintainer'"
+              @click="setupMaintainerClick(record)">{{$t('setupMaintainer')}}</a>
+
+            <a class="text-operation"
+               :disabled="record.status == '1' || record.authorityFlag == '1'? true : false"
+               v-has="'params:template:edit'"
+               @click="edit(record)">{{$t('edit')}}</a>
+
             <a class="text-operation"
                v-has="'params:template:publish'"
-               @click="withdrawOrRelease(record)">{{record.status && record.status == '1'? $t('withdraw') : $t('release')}}</a>
-            <a class="text-operation" :disabled="record.status == '1' ? true : false" v-has="'params:template:maintenanceTemplate'"
+               :disabled="record.authorityFlag == '1'? true : false"
+               @click="withdrawOrRelease(record)">
+              {{record.status && record.status == '1'? $t('withdraw') : $t('release')}}
+            </a>
+
+            <a class="text-operation"
+               :disabled="record.status == '1' || record.authorityFlag == '1'? true : false"
+               v-has="'params:template:maintenanceTemplate'"
                @click="maintenanceTemplateClick(record)">{{$t('maintenanceTemplate')}}</a>
-            <a class="text-operation" :disabled="record.status == '1' ? true : false"
+
+            <a class="text-operation"
+               :disabled="record.status == '1' || record.authorityFlag == '1'? true : false"
                v-has="'params:template:delete'" @click="deleteLib(record)">{{$t('deleteLib')}}</a>
         </span>
       </a-table>
@@ -94,6 +109,7 @@
     </div>
     <JLoading :loading="JLoading">{{ $t('pleaseWaitWhileRunning') }}</JLoading>
     <addModel :url="url" ref="addModelRef" @addModelList="addModelList"/>
+    <setupMaintainerModel ref="setupMaintainerModelRef" @setupMaintainerModelForm="setupMaintainerModelForm"/>
     <a-modal class="show-copy" v-model="areaVisible" :title="$t('templateCopy')" :footer="null" @cancel="hideModal">
       <a-form-model :model="formInline" class="formAdd" :rules="rules" ref="ruleForm">
         <a-row :gutter="24">
@@ -118,146 +134,157 @@
         <a-button @click="handleSubmit" type="primary" :loading="confirmLoading">{{$t('submit')}}</a-button>
       </div>
     </a-modal>
+
+
   </a-card>
 </template>
 
 <script>
-import { getAction, postAction, downloadFile, deleteAction } from '@/api/manage'
-import addModel from './components/addModel'
-import axios from 'axios'
-import { ACCESS_TOKEN } from '@/store/mutation-types'
-import eventBUs from '../../../common/event'
-import Vue from 'vue'
-import { ResizeHeader, ResizeColumnProvide } from '@/mixins/header'
+  import { getAction, postAction, downloadFile, deleteAction } from '@/api/manage'
+  import addModel from './components/addModel'
+  import setupMaintainerModel from './components/setupMaintainerModel'
+  import axios from 'axios'
+  import { ACCESS_TOKEN } from '@/store/mutation-types'
+  import eventBUs from '../../../common/event'
+  import Vue from 'vue'
+  import { ResizeHeader, ResizeColumnProvide } from '@/mixins/header'
 
-export default {
-  name: 'index',
-  components: {
-    addModel,
-  },
-  mixins:[ResizeHeader, ResizeColumnProvide],
-  data() {
-    return {
-      token:Vue.ls.get(ACCESS_TOKEN),
-      loading: false,
-      toggleSearchStatus: false,
-      JLoading:false,
-      selectedRowKeys: [],
-      selectedRowKeysArray: '',
-      orderBy: '1',
-      orderByField: '',
-      formInline: {},
-      rules: {
-        paramsTemplateName:[
-          { required: true, message: this.$t('PleaseEnter')+this.$t('templateName'), trigger: 'change' },
-          { min:1, max: 50, message: this.$t('cantExeed')+'50'+this.$t('characters'), trigger: 'blur' },
-        ],
-      },
-      visible: false,
-      dataSource: [],
-      confirmLoading: false,
-      url: {
-        list: 'params/template/page',
-        add: 'params/template/add',
-        edit: 'params/template/edit',
-        deleteBatch: 'params/template/delete',
-        deleteAll: 'params/template/deleteBatch',
-        copy: 'params/template/copyById'
-      },
-      total: 0,
-      pageSize: 10,
-      pageNo: 1,
-      title: '新增',
-      columns: [
-        {
-          title: this.$t('zoneOfApplication'),
-          align: 'left',
-          width: 125,
-          ellipsis: true,
-          sorter:true,
-          dataIndex: 'region_dictText',
-        },
-        {
-          title: this.$t('parameterTemplate'),
-          align: 'left',
-          width: 200,
-          ellipsis: true,
-          sorter:true,
-          dataIndex: 'paramsTemplateName',
-          scopedSlots: { customRender: 'projectName' }
-        },
-        {
-          title: this.$t('contentDescription'),
-          align: 'left',
-          ellipsis: true,
-          dataIndex: 'description',
-          // scopedSlots: { customRender: 'titleName' }
-          width: 300
-        },
-        // {
-        //   title: this.$t('zoneOfApplication'),
-        //   align: 'center',
-        //   width: 160,
-        //   ellipsis: true,
-        //   dataIndex: 'region_dictText',
-        // },
-        {
-          title: this.$t('VersionNumber'),
-          align: 'left',
-          width: 120,
-          ellipsis: true,
-          dataIndex: 'version'
-        },
-        {
-          title: this.$t('creater'),
-          align: 'left',
-          width: 120,
-          ellipsis: true,
-          dataIndex: 'createBy'
-        },
-        {
-          title: this.$t('created'),
-          align: 'left',
-          dataIndex: 'createTime',
-          width: 200,
-          sorter:true,
-          ellipsis: true,
-        },
-        {
-          title: this.$t('updated'),
-          align: 'left',
-          width: 200,
-          ellipsis: true,
-          sorter:true,
-          dataIndex: 'updateTime'
-        },
-        {
-          title: this.$t('operation'),
-          align: 'left',
-          fixed: 'right',
-          width: 200,
-          scopedSlots: { customRender: 'operation' }
-        }
-      ],
-      queryParam: {},
-      areaVisible:false,
-      paramsTemplateName: '',
-    }
-  },
-  mounted() {
-    this.getList()
-  },
-  methods: {
-    handleCancel() {
-      this.areaVisible=false
-      this.$refs['ruleForm'].resetFields()
+  export default {
+    name: 'index',
+    components: {
+      addModel,
+      setupMaintainerModel
     },
-    handleSubmit() {
-      if( this.formInline.paramsTemplateName !== undefined) {
-        this.formInline.paramsTemplateName = this.formInline.paramsTemplateName.trim()
+    mixins: [ResizeHeader, ResizeColumnProvide],
+    data() {
+      return {
+        token: Vue.ls.get(ACCESS_TOKEN),
+        loading: false,
+        toggleSearchStatus: false,
+        JLoading: false,
+        selectedRowKeys: [],
+        selectedRowKeysArray: '',
+        orderBy: '1',
+        orderByField: '',
+        formInline: {},
+        rules: {
+          paramsTemplateName: [
+            { required: true, message: this.$t('PleaseEnter') + this.$t('templateName'), trigger: 'change' },
+            { min: 1, max: 50, message: this.$t('cantExeed') + '50' + this.$t('characters'), trigger: 'blur' }
+          ]
+        },
+        visible: false,
+        dataSource: [],
+        confirmLoading: false,
+        url: {
+          list: 'params/template/page',
+          add: 'params/template/add',
+          edit: 'params/template/edit',
+          deleteBatch: 'params/template/delete',
+          deleteAll: 'params/template/deleteBatch',
+          copy: 'params/template/copyById'
+        },
+        total: 0,
+        pageSize: 10,
+        pageNo: 1,
+        title: '新增',
+        columns: [
+          {
+            title: this.$t('zoneOfApplication'),
+            align: 'left',
+            width: 125,
+            ellipsis: true,
+            sorter: true,
+            dataIndex: 'region_dictText'
+          },
+          {
+            title: this.$t('parameterTemplate'),
+            align: 'left',
+            width: 200,
+            ellipsis: true,
+            sorter: true,
+            dataIndex: 'paramsTemplateName',
+            scopedSlots: { customRender: 'projectName' }
+          },
+          {
+            title: this.$t('contentDescription'),
+            align: 'left',
+            ellipsis: true,
+            dataIndex: 'description',
+            // scopedSlots: { customRender: 'titleName' }
+            width: 300
+          },
+          // {
+          //   title: this.$t('zoneOfApplication'),
+          //   align: 'center',
+          //   width: 160,
+          //   ellipsis: true,
+          //   dataIndex: 'region_dictText',
+          // },
+          {
+            title: this.$t('VersionNumber'),
+            align: 'left',
+            width: 120,
+            ellipsis: true,
+            dataIndex: 'version'
+          },
+          {
+            title: this.$t('creater'),
+            align: 'left',
+            width: 120,
+            ellipsis: true,
+            dataIndex: 'createBy'
+          },
+          {
+            title: this.$t('maintainer'),
+            align: 'left',
+            width: 120,
+            ellipsis: true,
+            dataIndex: 'maintainerName'
+          },
+          {
+            title: this.$t('created'),
+            align: 'left',
+            dataIndex: 'createTime',
+            width: 200,
+            sorter: true,
+            ellipsis: true
+          },
+          {
+            title: this.$t('updated'),
+            align: 'left',
+            width: 200,
+            ellipsis: true,
+            sorter: true,
+            dataIndex: 'updateTime'
+          },
+          {
+            title: this.$t('operation'),
+            align: 'left',
+            fixed: 'right',
+            width: 280,
+            scopedSlots: { customRender: 'operation' }
+          }
+        ],
+        queryParam: {},
+        areaVisible: false,
+        paramsTemplateName: ''
       }
-      this.$refs.ruleForm.validate(valid => {
-        if (valid) {
+    },
+    mounted() {
+      this.getList()
+    },
+    methods: {
+      handleCancel() {
+        this.areaVisible = false
+        this.$refs['ruleForm'].resetFields()
+      },
+      handleSubmit() {
+        if (this.formInline.paramsTemplateName !== undefined) {
+          this.formInline.paramsTemplateName = this.formInline.paramsTemplateName.trim()
+        }
+        this.$refs.ruleForm.validate(valid => {
+          if (valid) {
             getAction(this.url.copy + `?id=${this.selectedRowKeys[0]}&paramsTemplateName=${this.formInline.paramsTemplateName}`, {}).then((res) => {
               if (res.success) {
                 this.areaVisible = false
@@ -268,335 +295,359 @@ export default {
                 this.$message.warning(res.message)
               }
             })
-        }
-      })
-    },
-    handleToggleSearch() {
-      this.toggleSearchStatus = !this.toggleSearchStatus
-    },
-    onSelectChange(value) {
-      this.selectedRowKeys = value
-      this.selectedRowKeysArray = this.selectedRowKeys.join(',')
-    },
-    //添加
-    handleAdd() {
-      this.$refs.addModelRef.addModel()
-    },
-    // 复制
-    handlecody(){
-      if (this.selectedRowKeys.length > 1) {
-        this.$message.warning(this.$t('OnlyOneSelected'))
-      } else if(this.selectedRowKeys.length == 0){
-        this.$message.warning(this.$t('pleaseSelectData'))
-      } else {
-        this.areaVisible=true
-        this.formInline = {}
-      }
-    },
-    hideModal(){
-      this.visible = false;
-      this.$refs['ruleForm'].resetFields()
-    },
-    withdrawOrRelease(item){
-      let _this = this
-      this.$confirm({
-        content: item.status && item.status == '1' ? _this.$t('confirmWithdraw') : _this.$t('confirmRelease'),
-        onOk() {
-          _this.JLoading = true
-          if (item.status && item.status == '1'){
-            getAction('params/paramsInfo/withdraw', { paramsTemplateId: item.id }).then((res) => {
-              if (res.success) {
-                _this.$message.success(res.result)
-                _this.getList()
-                _this.JLoading = false
-              } else {
-                _this.$message.warning(res.message)
-                _this.JLoading = false
-              }
-            })
-          }else{
-            getAction('params/paramsInfo/publish', { paramsTemplateId: item.id }).then((res) => {
-              if (res.success) {
-                _this.$message.success(res.result)
-                _this.getList()
-                _this.JLoading = false
-              } else {
-                _this.$message.warning(res.message)
-                _this.JLoading = false
-              }
-            })
-          }
-        }
-      })
-    },
-    maintenanceTemplateClick(item){
-      item.titleNameDesgin = 'maintenance'
-      this.$router.push({
-        path: '/ParameterTemplateList',
-        query: item
-      })
-    },
-    //批量删除
-    handleDel() {
-      let param={
-        ids: this.selectedRowKeysArray
-      }
-      if (this.selectedRowKeys.length > 0) {
-        let _this = this
-        this.$confirm({
-          content: _this.$t('ConfirmBatchDeletion'),
-          onOk() {
-            axios({
-              url: '/jero-boot/params/template/deleteBatch',
-              method: 'post',
-              data: param,
-              transformRequest: [function (data) {
-                let ret = ''
-                for (let it in data) {
-                  ret += encodeURIComponent(it) + '=' + encodeURIComponent(data[it]) + '&'
-                }
-                return ret
-              }],
-              headers: {
-                'Content-Type': 'application/x-www-form-urlencoded',
-                'X-Access-Token':_this.token
-              }
-            })
-              .then( (res) =>{
-                if (res.data.success) {
-                  _this.$message.success(_this.$t('OperationSuccessful'))
-                  _this.selectedRowKeys = []
-                  _this.getList()
-                }else{
-                  _this.$message.warning(_this.$t('operationFailed'))
-                }
-              })
-              .catch( (error) =>{
-                console.log(error);
-              });
           }
         })
-      } else {
-        this.$message.warning(this.$t('selectLeastOne'))
-      }
-    },
-    //编辑
-    edit(item) {
-      this.$refs.addModelRef.editModel(JSON.parse(JSON.stringify(item)))
-    },
-    //删除
-    deleteLib(val) {
-      let _this = this
-      this.$confirm({
-        content: _this.$t('ConfirmDelete'),
-        onOk() {
-          getAction(_this.url.deleteBatch, { id: val.id }).then((res) => {
-            if (res.success) {
-              _this.$message.success(_this.$t('OperationSuccessful'))
-              _this.getList()
+      },
+      handleToggleSearch() {
+        this.toggleSearchStatus = !this.toggleSearchStatus
+      },
+      onSelectChange(value) {
+        this.selectedRowKeys = value
+        this.selectedRowKeysArray = this.selectedRowKeys.join(',')
+      },
+      //添加
+      handleAdd() {
+        this.$refs.addModelRef.addModel()
+      },
+      // 复制
+      handlecody() {
+        if (this.selectedRowKeys.length > 1) {
+          this.$message.warning(this.$t('OnlyOneSelected'))
+        } else if (this.selectedRowKeys.length == 0) {
+          this.$message.warning(this.$t('pleaseSelectData'))
+        } else {
+          this.areaVisible = true
+          this.formInline = {}
+        }
+      },
+      hideModal() {
+        this.visible = false
+        this.$refs['ruleForm'].resetFields()
+      },
+      withdrawOrRelease(item) {
+        let _this = this
+        this.$confirm({
+          content: item.status && item.status == '1' ? _this.$t('confirmWithdraw') : _this.$t('confirmRelease'),
+          onOk() {
+            _this.JLoading = true
+            if (item.status && item.status == '1') {
+              getAction('params/paramsInfo/withdraw', { paramsTemplateId: item.id }).then((res) => {
+                if (res.success) {
+                  _this.$message.success(res.result)
+                  _this.getList()
+                  _this.JLoading = false
+                } else {
+                  _this.$message.warning(res.message)
+                  _this.JLoading = false
+                }
+              })
             } else {
-              _this.$message.warning(_this.$t('operationFailed'))
+              getAction('params/paramsInfo/publish', { paramsTemplateId: item.id }).then((res) => {
+                if (res.success) {
+                  _this.$message.success(res.result)
+                  _this.getList()
+                  _this.JLoading = false
+                } else {
+                  _this.$message.warning(res.message)
+                  _this.JLoading = false
+                }
+              })
+            }
+          }
+        })
+      },
+      maintenanceTemplateClick(item) {
+        item.titleNameDesgin = 'maintenance'
+        this.$router.push({
+          path: '/ParameterTemplateList',
+          query: item
+        })
+      },
+      //批量删除
+      handleDel() {
+        let param = {
+          ids: this.selectedRowKeysArray
+        }
+        if (this.selectedRowKeys.length > 0) {
+          let _this = this
+          let dataSource = []
+          for (let i = 0; i < this.dataSource.length; i++) {
+            for (let j = 0; j < this.selectedRowKeys.length; j++) {
+              if (this.dataSource[i].id == this.selectedRowKeys[j]) {
+                dataSource.push(this.dataSource[i])
+              }
+            }
+          }
+          for (let i = 0; i < dataSource.length; i++) {
+            if (dataSource[i].authorityFlag == '1') {
+              this.$message.warning(this.$t('doNotHavePermissionDeleteData'))
+              return
+            }
+          }
+          this.$confirm({
+            content: _this.$t('ConfirmBatchDeletion'),
+            onOk() {
+              axios({
+                url: '/jero-boot/params/template/deleteBatch',
+                method: 'post',
+                data: param,
+                transformRequest: [function(data) {
+                  let ret = ''
+                  for (let it in data) {
+                    ret += encodeURIComponent(it) + '=' + encodeURIComponent(data[it]) + '&'
+                  }
+                  return ret
+                }],
+                headers: {
+                  'Content-Type': 'application/x-www-form-urlencoded',
+                  'X-Access-Token': _this.token
+                }
+              })
+                .then((res) => {
+                  if (res.data.success) {
+                    _this.$message.success(_this.$t('OperationSuccessful'))
+                    _this.selectedRowKeys = []
+                    _this.getList()
+                  } else {
+                    _this.$message.warning(_this.$t('operationFailed'))
+                  }
+                })
+                .catch((error) => {
+                  console.log(error)
+                })
             }
           })
-        }
-      })
-    },
-    //虚拟清单名称事件
-    entryNameClick(item) {
-      item.titleNameDesgin = 'view'
-      this.$router.push({
-        path: '/ParameterTemplateList',
-        query: item
-      })
-    },
-    searchQuery() {
-      this.pageNo = 1
-      this.getList()
-    },
-    searchReset() {
-      this.pageNo = 1
-      this.queryParam = {}
-      this.getList()
-    },
-    pageOnChange(page, pageSize) {
-      this.pageNo = page
-      this.getList()
-    },
-    SizeChange(page, pageSize) {
-      this.pageNo = 1
-      this.pageSize = pageSize
-      this.getList()
-    },
-    addModelList() {
-      this.pageNo = 1
-      this.getList()
-    },
-    PersonnelSelectionChange(value, id) {
-      this.queryParam[value] = id
-      this.queryParam = { ...this.queryParam }
-    },
-    tableOnChange(pagination, filters, sorter) {
-      this.orderBy = sorter.order == 'ascend' ? '1' : '2'
-      if(sorter.columnKey == 'region_dictText'){
-        this.orderByField = 'region'
-      } else if(sorter.columnKey == 'paramsTemplateName') {
-        this.orderByField = 'params_template_name'
-      } else if(sorter.columnKey == 'createTime') {
-        this.orderByField = 'create_time'
-      } else if(sorter.columnKey == 'updateTime') {
-        this.orderByField = 'update_time'
-      } else{
-        this.orderByField = sorter.columnKey
-      }
-      this.getList()
-    },
-    getList() {
-      let query = {
-        pageNo: this.pageNo,
-        pageSize: this.pageSize,
-        orderBy: this.orderBy,
-        orderByField: this.orderByField,
-        ...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.$message.warning(this.$t('selectLeastOne'))
         }
-      })
+      },
+      setupMaintainerModelForm() {
+        this.getList()
+      },
+      setupMaintainerClick(item) {
+        this.$refs.setupMaintainerModelRef.editModel(item)
+      },
+      //编辑
+      edit(item) {
+        this.$refs.addModelRef.editModel(JSON.parse(JSON.stringify(item)))
+      },
+      //删除
+      deleteLib(val) {
+        let _this = this
+        this.$confirm({
+          content: _this.$t('ConfirmDelete'),
+          onOk() {
+            getAction(_this.url.deleteBatch, { id: val.id }).then((res) => {
+              if (res.success) {
+                _this.$message.success(_this.$t('OperationSuccessful'))
+                _this.getList()
+              } else {
+                _this.$message.warning(_this.$t('operationFailed'))
+              }
+            })
+          }
+        })
+      },
+      //虚拟清单名称事件
+      entryNameClick(item) {
+        item.titleNameDesgin = 'view'
+        this.$router.push({
+          path: '/ParameterTemplateList',
+          query: item
+        })
+      },
+      searchQuery() {
+        this.pageNo = 1
+        this.getList()
+      },
+      searchReset() {
+        this.pageNo = 1
+        this.queryParam = {}
+        this.getList()
+      },
+      pageOnChange(page, pageSize) {
+        this.pageNo = page
+        this.getList()
+      },
+      SizeChange(page, pageSize) {
+        this.pageNo = 1
+        this.pageSize = pageSize
+        this.getList()
+      },
+      addModelList() {
+        this.pageNo = 1
+        this.getList()
+      },
+      PersonnelSelectionChange(value, id) {
+        this.queryParam[value] = id
+        this.queryParam = { ...this.queryParam }
+      },
+      tableOnChange(pagination, filters, sorter) {
+        this.orderBy = sorter.order == 'ascend' ? '1' : '2'
+        if (sorter.columnKey == 'region_dictText') {
+          this.orderByField = 'region'
+        } else if (sorter.columnKey == 'paramsTemplateName') {
+          this.orderByField = 'params_template_name'
+        } else if (sorter.columnKey == 'createTime') {
+          this.orderByField = 'create_time'
+        } else if (sorter.columnKey == 'updateTime') {
+          this.orderByField = 'update_time'
+        } else {
+          this.orderByField = sorter.columnKey
+        }
+        this.getList()
+      },
+      getList() {
+        let query = {
+          pageNo: this.pageNo,
+          pageSize: this.pageSize,
+          orderBy: this.orderBy,
+          orderByField: this.orderByField,
+          ...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
+          }
+        })
+      }
     }
   }
-}
 </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;
-}
-.add-input{
-  width: 82%;
-}
-.box-button {
-  height: 38px;
-  /*margin-top: 2px;*/
-}
+  .box-input {
+    display: inline-block;
+    width: 70%;
+    height: 38px;
+    margin-top: 2px;
+  }
 
-.text-operation {
-  margin-right: 8px;
-}
+  .add-input {
+    width: 82%;
+  }
 
-.page {
-  text-align: right;
-  margin-top: 20px;
-}
+  .box-button {
+    height: 38px;
+    /*margin-top: 2px;*/
+  }
 
-.box-title-text-add {
-  line-height: 1.4;
-  display: flex;
-}
+  .text-operation {
+    margin-right: 8px;
+  }
 
-.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;
-}
+  .page {
+    text-align: right;
+    margin-top: 20px;
+  }
 
-.box-input-add {
-  display: inline-block;
-  height: 38px;
-  width: 100%;
-}
+  .box-title-text-add {
+    line-height: 1.4;
+    display: flex;
+  }
 
-.itemModel {
-  width: calc(100% - 130px);
-  display: inline-block;
-  margin-top: 2px;
-}
+  .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;
-}
+  .box-input-add {
+    display: inline-block;
+    height: 38px;
+    width: 100%;
+  }
 
-.title-text-text {
-  margin-top: 9px;
-}
+  .itemModel {
+    width: calc(100% - 130px);
+    display: inline-block;
+    margin-top: 2px;
+  }
 
-.formAdd {
-  margin-bottom: 40px;
-}
+  .Required {
+    color: red;
+    margin-right: 4px;
+  }
 
-.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;
-}
-.add-text-text{
-  margin-top: -14px;
-}
-::v-deep .ant-table-row:first-child {
-  background: #fff!important;
-  opacity: 0.9;
-}
+  .title-text-text {
+    margin-top: 9px;
+  }
 
-::v-deep .ant-table-body {
-  background: transparent!important;
-}
+  .formAdd {
+    margin-bottom: 40px;
+  }
 
-::v-deep .ant-table-placeholder{
-  margin-top: 8px !important;
-}
+  .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;
+  }
+
+  .add-text-text {
+    margin-top: -14px;
+  }
+
+  ::v-deep .ant-table-row:first-child {
+    background: #fff !important;
+    opacity: 0.9;
+  }
+
+  ::v-deep .ant-table-body {
+    background: transparent !important;
+  }
+
+  ::v-deep .ant-table-placeholder {
+    margin-top: 8px !important;
+  }
 </style>
\ No newline at end of file