[update] 配置 提示 删除权限控制

jero-web/src/views/projectManagement/components/ParameterItemCollectionList.vue

@@ -65,6 +65,11 @@
     <div class="table-operator">
       <a-popconfirm overlayClassName='popconfirm' placement="bottomRight">
         <template slot="title" id="popconfirm">
+          <!--      退回-->
+          <div @click="returnDataJurisdiction" class="operator-text-title">
+            <a-icon type="delete"/>
+            {{$t('sendBack')}}
+          </div>
           <!--     下发收集 -->
           <div @click="distributionAndCollectionJurisdiction" class="operator-text-title">
             <a-icon type="solution"/>
@@ -115,16 +120,17 @@
         <a-icon type="check-circle"/>
         {{$t('submit')}}
       </div>
-      <!--      退回-->
-      <div @click="returnDataJurisdiction" class="operator-text">
-        <a-icon type="delete"/>
-        {{$t('sendBack')}}
-      </div>
       <!--      批量删除-->
-      <div @click="handleDelJurisdiction" class="operator-text" v-has="'document:deleteBatch'">
+      <div @click="handleDelJurisdiction" class="operator-text">
         <a-icon type="delete"/>
         {{$t('BatchDelete')}}
       </div>
+      <!--       角色切换   -->
+      <div class="operator-text"
+           @click="roleSwitchingClick">
+        <a-icon type="select"/>
+        {{ $t('roleSwitching') }}
+      </div>
     </div>
     <div style="width: 100%">
       <!-- 表格-10控件-->
@@ -194,6 +200,39 @@
       <synchronous-submission-library v-if='areaVisibsynchronous' :paramsManifest='paramsManifest' @GetgetTableList='GetgetTableList'
                            :selectedRowKeysArray='selectedRowKeysArray' @areaVisible='areaVisibsynchronous = false'/>
     </a-modal>
+    <a-modal
+      :title="$t('roleSwitching')"
+      :width="500"
+      :visible="visibleRoleSwitching"
+      :confirm-loading="confirmLoadingRoleSwitching"
+      :maskClosable="false"
+      @ok="handleOkRoleSwitching"
+      @cancel="handleCancelRoleSwitching"
+    >
+      <a-form-model :model="formInlineRoleSwitching" class="formAdd" :rules="rulesRoleSwitching"
+                    ref="ruleFormRoleSwitching">
+        <a-row :gutter="24">
+          <a-col :span="24">
+            <div class="box-title-text-index">
+              <div class="title-text-Comment">
+                <span class="Required">*</span>
+                <span class="title-text-text" :title="$t('roleSwitching')">{{$t('roleSwitching')}}</span>
+              </div>
+              <a-form-model-item class="itemModelComment itemitem" :prop="'roleSwitchingCode'">
+                <a-select allowClear mode="multiple" :placeholder="$t('pleaseSelect')+$t('roleSwitching')"
+                          v-model="formInlineRoleSwitching.roleSwitchingCode">
+                  <a-select-option v-for="(item, key) in RoleType" :key="key" :value="item.value">
+                    <span style="display: inline-block;width: 100%" :title=" item.label " >
+                      {{ item.label }}
+                    </span>
+                  </a-select-option>
+                </a-select>
+              </a-form-model-item>
+            </div>
+          </a-col>
+        </a-row>
+      </a-form-model>
+    </a-modal>
   </a-card>
 </template>
 
@@ -314,6 +353,23 @@ export default {
       },
       rules: {},
       FreezeList: [], // 冻结字段
+      visibleRoleSwitching: false, // 角色切换
+      confirmLoadingRoleSwitching: false,
+      formInlineRoleSwitching: {},
+      rulesRoleSwitching: {
+        roleSwitchingCode: [
+          {
+            required: true,
+            message: this.$t('roleSwitching') + this.$t('cannotEmpty'),
+            trigger: 'change'
+          }
+        ]
+      },
+      RoleType: [ // 控件类型
+        {value:'homo', label: '认证工程师' },
+        {value:'sdt', label: '工程接口人' },
+        {value:'dre', label: '填写人' },
+      ],
     }
   },
   props: {
@@ -326,6 +382,15 @@ export default {
   mounted() {
   },
   methods:{
+    handleCancelRoleSwitching() {
+      this.visibleRoleSwitching = false
+    },
+    handleOkRoleSwitching() {
+    //
+    },
+    roleSwitchingClick() {
+      this.visibleRoleSwitching = true
+    },
     GetgetLoginUserType() {
       console.log('ooo')
       this.$refs.CollectionTabel.getLoginUserType()
@@ -1191,11 +1256,33 @@ export default {
   }
 </style>
 <style>
+  .box-title-text-index {
+    line-height: 1.4;
+    display: flex;
+  }
+  .title-text-Comment {
+    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 .ant-select-selection {
     height: 38px !important;
   }
-
+  .itemitem{
+    width: 250px;
+  }
   .box-input .ant-select-selection__rendered {
     line-height: 38px;
   }
+  .Required{
+    color: red;
+  }
 </style>