[update] 修改企标制修订流程

src/components/ProcessCommonLayout.vue

@@ -32,7 +32,17 @@
             <van-icon class="iconfont" class-prefix="icon" name="circle" />
           </template>
           <h3>{{ item.nodeName }}</h3>
-          <p>{{ item.linkUserIds_dictText }}</p>
+          <p v-if="!item.canChoose">{{ item.linkUserIds_dictText }}</p>
+          <div v-else>
+            <select-user-field v-if="item.chooseSource === 'user'"
+                               class="no-label"
+                               v-model="item.linkUserIds"
+                               :type="item.chooseType"
+                               :checkedNames="item.linkUserIds_dictText"
+                               :fieldName="item.variableName"
+                               @selectNameChange="nameChange"
+                               input-type="textarea" />
+          </div>
         </van-step>
       </van-steps>
     </div>
@@ -48,9 +58,11 @@
 
 <script>
 import { getPersonInfoList } from '@/api/api'
+import SelectUserField from '@/components/SelectUserField'
 
 export default {
   name: 'ProcessCommonLayout',
+  components: { SelectUserField },
   props: {
     // 加载效果
     loading: {
@@ -63,6 +75,14 @@ export default {
       type: String,
       required: false,
       default: ''
+    },
+    // 人员信息可以修改的字段
+    canChooseFields: {
+      type: Array,
+      required: false,
+      default: () => {
+        return []
+      }
     }
   },
   data () {
@@ -96,7 +116,24 @@ export default {
         if (res.success) {
           console.log(res.result)
           // 处理人员信息数据，判断每个节点是否能选人
-          this.personnelInfoData = res.result
+          this.personnelInfoData = res.result.map(item => {
+            return {
+              ...item,
+              canChoose: this.canChooseFields.includes(item.variableName),
+              chooseType: item.variableType === 'string' ? 'radio' : 'checkbox'
+            }
+          })
+        }
+      })
+    },
+    // 从草稿进来填过的人员需要回显
+    draftInitPersonInfo (personInfoObj) {
+      this.personnelInfoData = this.personnelInfoData.map(item => {
+        return {
+          ...item,
+          linkUserIds: personInfoObj[item.variableName] || item.linkUserIds,
+          linkUserIds_dictText: personInfoObj[item.variableName + '_dictText'],
+          userList: personInfoObj[item.variableName + '_dictText']
         }
       })
     },
@@ -105,10 +142,12 @@ export default {
       const personnelObj = {}
       for (const item of this.personnelInfoData) {
         // 该属性还没有人就给他赋值
-        if ((item.canChoose || item.sort === 1) && !personnelObj[item.variableName]) {
+        if (!personnelObj[item.variableName]) {
           personnelObj[item.variableName] = item.linkUserIds
+          personnelObj[item.variableName + '_dictText'] = item.linkUserIds_dictText || item.userList
         }
       }
+      console.log(personnelObj)
       return personnelObj
     },
     // 有校验的获取人员对象
@@ -116,7 +155,7 @@ export default {
       let personnelObj = {}
       for (const item of this.personnelInfoData) {
         // 该属性还没有人就给他赋值
-        if ((item.canChoose || item.sort === 1) && !personnelObj[item.variableName]) {
+        if (item.canChoose && !personnelObj[item.variableName]) {
           personnelObj[item.variableName] = item.linkUserIds
         }
       }
@@ -125,6 +164,11 @@ export default {
         personnelObj = false
       }
       return personnelObj
+    },
+    nameChange (value, fieldName) {
+      console.log(value, fieldName)
+      this.personnelInfoData.find(item => item.variableName === fieldName).linkUserIds_dictText = value
+      this.personnelInfoData.find(item => item.variableName === fieldName).userList = value
     }
   }
 }
@@ -230,4 +274,10 @@ export default {
     display: none;
   }
 }
+
+.no-label {
+  /deep/ .van-cell__title {
+    display: none;
+  }
+}
 </style>