From 49fcdb7178dffc69769e2fb8cb6a03e204cb1e68 Mon Sep 17 00:00:00 2001
From: WXL <1785969728@qq.com>
Date: 星期五, 31 五月 2024 18:26:42 +0800
Subject: [PATCH] 测试完成

---
 src/views/knowledge/questionnaire/compilequer/index.vue |  169 +++++++++++++++++++++++++++++++++++++++++---------------
 1 files changed, 124 insertions(+), 45 deletions(-)

diff --git a/src/views/knowledge/questionnaire/compilequer/index.vue b/src/views/knowledge/questionnaire/compilequer/index.vue
index d01a149..d49e57d 100644
--- a/src/views/knowledge/questionnaire/compilequer/index.vue
+++ b/src/views/knowledge/questionnaire/compilequer/index.vue
@@ -2,14 +2,27 @@
   <div class="Questionnairemanagement">
     <!-- 宸︿晶鏍� -->
     <div class="sidecolumn">
-      <div style="height: 400px">
-        <el-steps direction="vertical" :active="Editprogress">
-          <el-step title="鍩虹淇℃伅"></el-step>
-          <el-step title="闂嵎棰樼洰"></el-step>
-          <el-step
-            title="闂嵎棰勮"
-            description="鏌ョ湅闂嵎棰勮锛屽彲瀵煎嚭PDF"
-          ></el-step>
+      <div>
+        <el-steps finish-status="success" :active="Editprogress" simple>
+          <el-step>
+            <template slot="title">
+              <span style="cursor: pointer" @click="Editprogress = 1"
+                >鍩虹淇℃伅</span
+              >
+            </template>
+          </el-step>
+          <el-step>
+            <template slot="title">
+              <span style="cursor: pointer" @click="Editprogress = 2"
+                >闂嵎棰樼洰</span
+              >
+            </template>
+          </el-step>
+          <el-step description="鏌ョ湅闂嵎棰勮锛屽彲瀵煎嚭PDF">
+            <span slot="title" style="cursor: pointer" @click="Editprogress = 3"
+              >闂嵎棰勮</span
+            >
+          </el-step>
         </el-steps>
       </div>
     </div>
@@ -33,14 +46,19 @@
               filterable
               placeholder="璇烽�夋嫨鍒嗙被"
             >
-              <el-option
-                class="ruleFormaa"
-                v-for="item in optionsclass"
-                :key="item.id"
-                :label="item.name"
-                :value="item.id"
+              <el-option-group
+                v-for="group in optionsclass"
+                :key="group.id"
+                :label="group.name"
               >
-              </el-option>
+                <el-option
+                  v-for="item in group.svyLibTitleCategoryList"
+                  :key="item.id"
+                  :label="item.name"
+                  :value="item.id"
+                >
+                </el-option>
+              </el-option-group>
             </el-select>
           </el-form-item>
           <el-form-item label="闂嵎鏍囬" prop="name">
@@ -265,8 +283,8 @@
                 <el-table-column
                   label="搴忓彿"
                   align="center"
-                  key="topicid"
-                  prop="topicid"
+                  key="guid"
+                  prop="guid"
                 />
                 <el-table-column
                   label="棰樼洰"
@@ -286,22 +304,33 @@
                 <el-table-column
                   label="鎿嶄綔"
                   align="center"
-                  width="200"
+                  width="250"
                   class-name="small-padding fixed-width"
                 >
                   <template slot-scope="scope">
                     <el-button
                       icon="el-icon-edit"
                       type="primary"
-                      round
+                      circle
                       @click="handleUpdate(scope.row)"
-                      >淇敼</el-button
-                    >
+                    ></el-button>
                     <el-button
                       type="danger"
                       icon="el-icon-delete"
                       circle
                       @click="handleDelete(scope.row)"
+                    ></el-button>
+                    <el-button
+                      @click="syioption(scope.row)"
+                      type="success"
+                      icon="el-icon-top"
+                      circle
+                    ></el-button>
+                    <el-button
+                      @click="xiayioption(scope.row)"
+                      type="success"
+                      icon="el-icon-bottom"
+                      circle
                     ></el-button>
                   </template>
                 </el-table-column>
@@ -441,7 +470,7 @@
         >
         <el-button type="primary" @click="laststep()">涓婁竴姝�</el-button>
         <el-button type="info" @click="closeFm('ruleForm')">鍏抽棴</el-button>
-        <el-button @click="submitForm('ruleForm')">淇濆瓨棰樼洰鏁版嵁</el-button>
+        <el-button @click="Departmenttreatment('ruleForm')">淇濆瓨棰樼洰鏁版嵁</el-button>
       </div>
       <!-- 闂嵎棰勮 -->
       <div v-if="Editprogress == 3">
@@ -512,9 +541,9 @@
           :inline="true"
           label-width="98px"
         >
-          <el-form-item label="鏍囬" prop="userName">
+          <el-form-item label="闂鏍囬" prop="topic">
             <el-input
-              v-model="queryParams.userName"
+              v-model="queryParams.topic"
               placeholder="璇疯緭鍏�"
               clearable
               style="width: 200px"
@@ -585,6 +614,7 @@
   compileissue,
   delQtemplateinfo,
   Followupinfo,
+  issueinfo,
   getissuelist,
   deltargetillness,
   addtargetillness,
@@ -597,7 +627,7 @@
   data() {
     return {
       sidecolumnrabs: "left", //鏂瑰悜
-      Editprogress: 2, //缂栬緫杩涘害
+      Editprogress: 1, //缂栬緫杩涘害
       currentVersion: "1.2.3", //褰撳墠鐗堟湰
       loading: false, // 閬僵灞�
       drawer: false, //鎺у埗灞曞紑
@@ -659,11 +689,12 @@
       illnessVisible: false, //鎸囨爣鐤剧梾寮规
       deptOptions: [],
       optionsillness: [],
+      delScriptVOList: [],
       illnesslistapi: [],
       illnesslist: [],
       tempDetpRelevanceslist: [],
       optionstag: [],
-      xjxsoptions: [],
+      valuetype: [],
       usable: [],
       required: [],
       mode: [], //鏂瑰紡
@@ -682,14 +713,30 @@
     this.languagelist = store.getters.languagelist;
     this.usable = store.getters.usable;
     this.required = store.getters.required;
-    this.xjxsoptions = store.getters.xjxsoptions;
+    this.valuetype = store.getters.valuetype;
     this.courtyardlist = store.getters.courtyardlist;
   },
 
   methods: {
+    // 鍏叡鏂规硶---------------
     getIndexInArray(arr, obj) {
       return arr.indexOf(obj);
     },
+    // 閫掑綊鎵佸钩鍖�
+    flattenArray(arr) {
+      let result = [];
+      arr.forEach((item) => {
+        result.push(item);
+        if (item.svyLibTitleCategoryList) {
+          result = result.concat(
+            this.flattenArray(item.svyLibTitleCategoryList)
+          );
+          delete item.svyLibTitleCategoryList;
+        }
+      });
+      return result;
+    },
+    // -----------------------------
     // 鑾峰彇鏁版嵁
     getissueinfo() {
       this.id = this.$route.query.id;
@@ -712,7 +759,9 @@
       listDept(this.queryParams).then((response) => {
         this.deptList = this.handleTree(response.data, "deptId");
       });
+      // 鍒嗙被
       getQtemplateclassify({}).then((res) => {
+        // this.optionsclass = this.flattenArray(res.rows);
         this.optionsclass = res.rows;
       });
     },
@@ -738,10 +787,14 @@
     Departmenttreatment() {
       this.ruleForm.deptNames = JSON.stringify(this.tempDetpRelevanceslist);
       console.log(this.tempDetpRelevanceslist);
+      this.ruleForm.svyLibTopics = this.ruleForm.svyLibTopics.concat(
+        this.delScriptVOList
+      );
+      console.log(this.ruleForm.svyLibTopics, "this.ruleForm.svyLibTopics");
       const result = this.tempDetpRelevanceslist.map(
         (subArr) => subArr[subArr.length - 1]
       );
-      console.log(result);
+      console.log(result, "result");
       // id鏁扮粍鏌ユ暟缁勫璞�
       result.forEach((item) => {
         const condition = this.ruleForm.tempDetpRelevances.some(
@@ -760,6 +813,7 @@
       this.ruleForm.tempDetpRelevances.forEach((item) => {
         const condition = result.some((obj) => obj === item.deptId);
         if (!condition) {
+          console.log(condition);
           const index = this.ruleForm.tempDetpRelevances.indexOf(item);
           this.ruleForm.tempDetpRelevances[index].delFlag = 1;
         }
@@ -768,7 +822,6 @@
       setTimeout(() => {
         this.submitForm();
       }, 1000);
-      // this.submitForm();
     },
     // 涓嬩竴姝�
     nextstep() {
@@ -810,17 +863,48 @@
     // 鏂板棰樼洰
     addtopic(row) {
       row.isoperation = 1;
+      row.svyLibTopicoptions.forEach((item) => {
+        item.isoperation = 1;
+      });
       this.ruleForm.svyLibTopics.push(row);
     },
     handleDelete(row) {
-      this.ruleForm.svyLibTopics.splice(
-        this.ruleForm.svyLibTopics.indexOf(row),
-        1
-      );
+      let index = this.ruleForm.svyLibTopics.indexOf(row);
+      this.ruleForm.svyLibTopics.splice(index, 1);
+      row.isoperation=3;
+      this.delScriptVOList.push(row);
+      this.sortFn();
     },
     handleUpdate(row) {
       console.log(row);
       this.topicobj = row;
+      // getissuelist({ svyid: row.svyid }).then((res) => {
+      // });
+    },
+    syioption(row) {
+      const index = this.getIndexInArray(this.ruleForm.svyLibTopics, row);
+      const item = this.ruleForm.svyLibTopics.splice(index, 1)[0]; // 绉婚櫎鎸囧畾绱㈠紩澶勭殑鍏冪礌锛屽苟淇濆瓨鍒癷tem鍙橀噺涓�
+      this.ruleForm.svyLibTopics.splice(index - 1, 0, item); // 灏唅tem鎻掑叆鍒扮储寮曚綅缃殑鍓嶄竴浣�
+      this.sortFn();
+    },
+    xiayioption(row) {
+      const index = this.getIndexInArray(this.ruleForm.svyLibTopics, row);
+      const item = this.ruleForm.svyLibTopics.splice(index, 1)[0]; // 绉婚櫎鎸囧畾绱㈠紩澶勭殑鍏冪礌锛屽苟淇濆瓨鍒癷tem鍙橀噺涓�
+      this.ruleForm.svyLibTopics.splice(index + 1, 0, item); // 灏唅tem鎻掑叆鍒扮储寮曚綅缃殑鍓嶄竴浣�
+      this.sortFn();
+    },
+    sortFn() {
+      this.ruleForm.svyLibTopics = this.ruleForm.svyLibTopics.map(
+        (item, index) => {
+          return {
+            guid: index + 1,
+            svyid: item.svyid,
+            topic: item.topic,
+            topicContent: item.topicContent,
+          };
+        }
+      );
+      console.log(this.ruleForm.svyLibTopics);
     },
 
     // 淇敼棰樼洰淇℃伅
@@ -974,28 +1058,23 @@
 
 <style lang="scss" scoped>
 .Questionnairemanagement {
-  display: flex;
+  // display: flex;
 }
 .sidecolumn {
-  width: 300px;
-  min-height: 100vh;
-  text-align: center;
-  //   display: flex;
-  //   margin-top: 20px;
   margin: 20px;
   margin-bottom: 0;
-  padding: 30px;
+  padding: 20px;
   background: #edf1f7;
   border: 1px solid #dcdfe6;
   -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12),
     0 0 6px 0 rgba(0, 0, 0, 0.04);
 }
 .leftvlue {
-  //   display: flex;
-  //   flex: 1;
-  width: 80%;
-  margin-top: 20px;
-  //   margin: 20px;
+  // //   display: flex;
+  // //   flex: 1;
+  // width: 80%;
+  // margin-top: 20px;
+  margin: 20px;
   padding: 30px;
   background: #ffff;
   border: 1px solid #dcdfe6;

--
Gitblit v1.9.3