修uguuai

src/views/second/segmentation/contentDetail.vue

@@ -37,23 +37,29 @@
           <el-row type="flex">
             <el-col :span="5" class="grey"><span>牵头部门</span></el-col>
             <el-col :span="7"
-              ><span><pre>{{ data.leaderDeptList | formatList }}</pre></span></el-col
+              ><span>
+                <pre>{{ data.leaderDeptList | formatList }}</pre>
+              </span></el-col
             >
             <el-col :span="5" class="grey"><span>责任领导</span></el-col>
             <el-col :span="7"
-              ><span><pre>{{ data.leaderPrincipalList | formatList }}</pre></span></el-col
+              ><span>
+                <pre>{{ data.leaderPrincipalList | formatList }}</pre>
+              </span></el-col
             >
           </el-row>
           <el-row type="flex">
             <el-col :span="5" class="grey"><span>配合部门</span></el-col>
             <el-col :span="7"
-              ><span><pre>{{ data.cooperateDeptList | formatList }}</pre></span></el-col
+              ><span>
+                <pre>{{ data.cooperateDeptList | formatList }}</pre>
+              </span></el-col
             >
             <el-col :span="5" class="grey"><span>责任领导</span></el-col>
             <el-col :span="7"
-              ><span><pre>{{
-                data.cooperatePrincipalList | formatList
-              }}</pre></span></el-col
+              ><span>
+                <pre>{{ data.cooperatePrincipalList | formatList }}</pre>
+              </span></el-col
             >
           </el-row>
           <el-row type="flex">
@@ -118,7 +124,6 @@
               <template slot-scope="{ row }">
                 <treeselect
                   v-if="row.edit || row.add"
-                  :multiple="true"
                   v-model="form.leaderDept"
                   :options="formatDep"
                   placeholder="请选择牵头部门"
@@ -136,7 +141,62 @@
                     }
                   "
                 />
-                <span v-else><pre>{{ row.leaderDeptList | formatList }}</pre></span>
+                <span v-else>
+                  <pre>{{ row.leaderDeptList | formatList }}</pre>
+                </span>
+              </template>
+            </el-table-column>
+            <el-table-column label="责任领导" align="center" width="180">
+              <template slot-scope="{ row }">
+                <treeselect
+                  v-if="row.edit || row.add"
+                  v-model="form.leaderPrincipal"
+                  :options="principalList"
+                  placeholder="请选择牵头部门责任领导"
+                  :defaultExpandLevel="1"
+                  :normalizer="
+                    (d) => {
+                      return {
+                        id: d.id,
+                        label: d.realname,
+                        children:
+                          d.children && d.children.length > 0
+                            ? d.children
+                            : undefined,
+                      };
+                    }
+                  "
+                />
+                <span v-else>
+                  <pre>{{ row.leaderPrincipalList | formatList }}</pre>
+                </span>
+              </template>
+            </el-table-column>
+            <el-table-column label="其他牵头部门" align="center" width="180">
+              <template slot-scope="{ row }">
+                <treeselect
+                  v-if="row.edit || row.add"
+                  :multiple="true"
+                  v-model="form.leaderDept"
+                  :options="formatDep"
+                  placeholder="请选择其他牵头部门"
+                  :defaultExpandLevel="1"
+                  :normalizer="
+                    (d) => {
+                      return {
+                        id: d.id,
+                        label: d.name,
+                        children:
+                          d.children && d.children.length > 0
+                            ? d.children
+                            : undefined,
+                      };
+                    }
+                  "
+                />
+                <span v-else>
+                  <pre>{{ row.leaderDeptList | formatList }}</pre>
+                </span>
               </template>
             </el-table-column>
             <el-table-column label="责任领导" align="center" width="180">
@@ -161,7 +221,9 @@
                     }
                   "
                 />
-                <span v-else><pre>{{ row.leaderPrincipalList | formatList }}</pre></span>
+                <span v-else>
+                  <pre>{{ row.leaderPrincipalList | formatList }}</pre>
+                </span>
               </template>
             </el-table-column>
             <el-table-column label="配合部门" align="center" width="180">
@@ -186,7 +248,9 @@
                     }
                   "
                 />
-                <span v-else><pre>{{ row.cooperateDeptList | formatList }}</pre></span>
+                <span v-else>
+                  <pre>{{ row.cooperateDeptList | formatList }}</pre>
+                </span>
               </template>
             </el-table-column>
             <el-table-column label="责任领导" align="center" width="180">
@@ -211,9 +275,9 @@
                     }
                   "
                 />
-                <span v-else><pre>{{
-                  row.cooperatePrincipalList | formatList
-                }}</pre></span>
+                <span v-else>
+                  <pre>{{ row.cooperatePrincipalList | formatList }}</pre>
+                </span>
               </template>
             </el-table-column>
             <el-table-column label="操作" align="center" width="135">
@@ -351,6 +415,7 @@ export default {
     },
     change(type, index) {
       if (type == "add") {
+        this.form={};
         let data = this.data;
         data[map[this.type]].push({ add: true });
       }