更新

src/views/backOfficeSystem/DeploymentDisposal/mpvGroup/components/addForm.vue

@@ -4,7 +4,7 @@
       <span class="title">{{ title }} 重点群体管理 </span>
       <div>
         <el-button size="small" @click="close">关闭</el-button>
-        <el-button type="primary" size="small" :loading="loading" @click="submit">保存</el-button>
+        <el-button type="primary" v-if="!disabled" size="small" :loading="loading" @click="submit">保存</el-button>
       </div>
     </div>
     <div class="form_cnt">
@@ -35,8 +35,8 @@
           </div>
         </template>
        </FormMessage>
-      <div><span class="mr10">管理重点人 : </span><el-button @click="chooseVisible_RY = true" type="primary" >选择</el-button></div>
+      <div class="ml50 mr50"><span class="mr10">管理重点人 : </span><el-button @click="chooseVisible_RY = true" type="primary" >选择</el-button></div>
-      <div class="boxlist">
+      <div class="boxlist ml50 mr50">
         <MyTable
           :tableData="listQuery.zdryList"
           :tableColumn="pageData.zdryColumn"
@@ -51,6 +51,36 @@
           </template>
         </MyTable>
       </div>
+      <!-- 选择审核人 -->
+      <div class="ww100 mt20 ml50 mr50">
+        <el-steps direction="vertical" :active="listQuery.wccz" space="500" finish-status="success">
+            <el-step title="发起申请" >
+                <template #description>
+                    <div class="flex align-center ww100 mt10 mb20">
+                        <el-input v-model="listQuery.bkfqrXm" readonly class="ww20"></el-input>
+                        <el-input v-model="listQuery.bkfqrSsbmmc" readonly class="ww20 ml10 mr10"></el-input>
+                        <span class="f12" style="color: #333333;"> 备注发起人和部门根据登陆人自动填写</span>
+                    </div>
+                </template>
+            </el-step>
+            <el-step title="审核确认" >
+                <template #description>
+                    <div class="flex align-center ww100 mt10 mb20 depBox">
+                          <span class="mr4">审核部门 : </span>
+                          <MOSTY.Department v-model="listQuery.bkshrSsbmdm" clearable :placeholder="listQuery.bkshrSsbmmc ? listQuery.bkshrSsbmmc : '' "  />
+                    </div>
+                </template>
+            </el-step>
+            <el-step title="审批确认" >
+                <template #description>
+                    <div class="flex align-center ww100 mt10 mb20 depBox">
+                        <span lass="mr4">审批部门 : </span>
+                        <MOSTY.Department v-model="listQuery.bksprSsbmdm" clearable :placeholder="listQuery.bksprSsbmmc ? listQuery.bksprSsbmmc : '' "  />
+                    </div>
+                </template>
+            </el-step>
+        </el-steps>
+      </div>
     </div>
   </div>
   <!-- 采集录入 -->
@@ -62,6 +92,8 @@
 </template>
 
 <script setup>
+import { getItem } from "@/utils/storage";
+import * as MOSTY from "@/components/MyComponents/index";
 import Addcjlr from './addcjlr.vue'
 import BkryDialod from '@/components/ChooseList/ChooseZdr/index.vue';
 import ChooseMarks from "@/components/ChooseList/ChooseMarks/index.vue";
@@ -142,6 +174,15 @@ onMounted(() => { });
 const init = async (type, row) => {
   dialogForm.value = true;
   title.value = type == "add" ? "新增" :  type == 'detail' ?  '详情':"编辑";
+  pageData.tableConfiger.haveControls = true;
+  if(type == 'add'){
+    listQuery.value.bkfqrXm = getItem("USERNAME");
+    listQuery.value.bkfqrSfzh = getItem("idEntityCard");
+    listQuery.value.bkfqrSsbmmc = getItem("deptId")[0].deptName;;
+    listQuery.value.bkfqrSsbmdm = getItem("deptId")[0].deptCode;;
+  }
+  disabled.value = type == 'detail' ? true : false;
+  if(row) pageData.tableConfiger.haveControls = false;
   if(row) getDataById(row.id)
 };
 
@@ -236,7 +277,7 @@ defineExpose({ init });
 @import "~@/assets/css/element-plus.scss";
 
 .boxlist {
-  width: 99%;
+  width: calc(99% - 100px);
   margin-top: 10px;
   overflow: hidden;
 }
@@ -246,5 +287,23 @@ defineExpose({ init });
   border: 1px solid #e9e9e9;
   border-radius: 4px;
 }
+.depBox{
+    border: 1px solid #e9e9e9;
+    width: 305px;
+    padding: 0 0 0 4px;
+    border-radius: 4px;
+    ::v-deep .el-input__inner{
+        border: none;
+    }
+    ::v-deep .el-cascader .el-input.is-focus .el-input__inner{
+        border-color: transparent !important;
+    }
+    ::v-deep .el-input__inner:focus {
+        box-shadow: none;
+    }
+    ::v-deep .el-input.is-disabled .el-input__inner{
+        border-color: transparent !important;
+    }
   
+}
 </style>