新增选择责任人优化

itdmWeb/src/views/module-iTDM/flowpath/modules/ItdmNextModal.vue

@@ -39,7 +39,7 @@
 
 <script>
 
-import { getFirNextZrr, getNextZrr, runFlowPathPass1} from '@/api/api'
+import { getNextZrr, runFlowPathPass1} from '@/api/api'
 
 export default{
     props: {

itdmWeb/src/views/module-iTDM/flowpath/modules/ItdmRunFlowPathForm.vue

@@ -4,14 +4,34 @@
       <a-form-model ref="form" :model="model" :rules="validatorRules" slot="detail">
         <a-row>
 
+          
           <a-col :span="24">
+            <a-form-model-item label="委托编号" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="weituoNo">
+              <j-search-select-tag  placeholder="请选择委托编号"  v-model="model.weituoNo"   :dictOptions="weituoNoList" />
+            </a-form-model-item>
+          </a-col>
+          <!-- <a-col :span="24"> -->
 <!--            <a-form-model-item label="流程" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="flowPathId">-->
 <!--              <j-search-select-tag placeholder="请选择流程id" v-model="model.flowPathId" :dictOptions="flowPathOptions"/>-->
 <!--            </a-form-model-item>-->
-          </a-col>
+          <!-- </a-col> -->
           <a-col :span="24">
-            <a-form-model-item label="委托编号" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="weituoNo">
-              <j-search-select-tag  placeholder="请选择委托编号"  v-model="model.weituoNo"   :dictOptions="weituoNoList" />
+            <a-form-model-item label="责任人" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="userName">
+              <a-select
+              v-model="model.userName"
+              placeholder="请选择责任人"
+              show-search
+              allowClear
+              option-label-prop="label">
+                  <a-select-option
+                  v-for="item in zrrOptions"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value">
+                  <span style="float: left">{{ item.label }}</span>
+                  <span style="float: right; color: #8492a6; font-size: 13px">{{ item.value }}</span>
+                  </a-select-option>
+              </a-select>
             </a-form-model-item>
           </a-col>
         </a-row>
@@ -24,7 +44,7 @@
 
   import { httpAction, getAction } from '@/api/manage'
   import { validateDuplicateValue } from '@/utils/util'
-  import { queryFlowPathSelectList } from '@api/api'
+  import { queryFlowPathSelectList, getFirNextZrr } from '@api/api'
 
   export default {
     name: 'ItdmRunFlowPathForm',
@@ -55,12 +75,20 @@
         },
         confirmLoading: false,
         validatorRules: {
+          weituoNo: [
+            { required: true, message: '请选择委托编号!'},
+          ],
+          userName: [
+            { required: true, message: '请选择责任人!'},
+          ],
         },
         url: {
           add: "/flowpath/itdmRunFlowPath/add",
           edit: "/flowpath/itdmRunFlowPath/edit",
           queryById: "/flowpath/itdmRunFlowPath/queryById"
-        }
+        },
+        // 责任人
+        zrrOptions: [],
       }
     },
     computed: {
@@ -74,8 +102,24 @@
       this.initFlowPathDictData()
 
     },
+    created(){
+      this.initFlowPathDictData()
+      this.getZrrList()
+    },
     methods: {
 
+      // 获取责任人列表
+      getZrrList(){
+        getFirNextZrr().then((res) =>{
+            this.zrrOptions = res.map(res => {
+                return {
+                    value: res.userName,  //传的值
+                    label: res.realName,  //展示
+                }
+            })
+        })
+      },
+
       initFlowPathDictData() {
         queryFlowPathSelectList().then(response => {
           this.flowPathOptions = response.result
@@ -119,6 +163,7 @@
             var data = this.model
 
             data.flowPathId='1681829245243805698'
+            console.log(data)
 
             httpAction(httpurl,data,method).then((res)=>{
               if(res.success){