From f9902f7a3b79d22bde9f199263ac36de26816470 Mon Sep 17 00:00:00 2001
From: WXL (wul) <wl_5969728@163.com>
Date: 星期五, 08 五月 2026 14:46:10 +0800
Subject: [PATCH] 测试完成

---
 src/views/outsideChainwtnew.vue |  391 ++++++++++++++++++++++++++++++++-----------------------
 1 files changed, 230 insertions(+), 161 deletions(-)

diff --git a/src/views/outsideChainwtnew.vue b/src/views/outsideChainwtnew.vue
index 3b5a39e..e435d5c 100644
--- a/src/views/outsideChainwtnew.vue
+++ b/src/views/outsideChainwtnew.vue
@@ -1,160 +1,177 @@
 <template>
   <div class="questionnaire-optimized">
-    <div class="content-wrapper" v-if="!accomplish">
-      <div class="questionnaire-container">
-        <!-- 闂嵎鏍囬鍖哄煙 -->
-        <div class="questionnaire-header">
-          <h1 class="questionnaire-title">
-            {{ taskname ? taskname : "闂嵎" }}
-          </h1>
-          <div class="questionnaire-description">
-            {{
-              kcb
-                ? kcb
-                : "浜茬埍鐨勬偅鑰�-瀹跺睘锛屾垜浠槸鍖婚櫌鐨勫尰鎶や汉鍛橈紝涓轰簡鏇村ソ鍦颁簡瑙ｆ偍鐨勫悍澶嶆儏鍐碉紝璇锋偍鎶戒竴鐐瑰疂璐垫椂闂达紝瀹屾垚杩欎唤闅忚闂嵎銆�"
-            }}
-          </div>
-        </div>
-
-        <el-divider class="custom-divider"></el-divider>
-
-        <!-- 闂嵎棰樼洰鍖哄煙 -->
-        <div class="questions-section">
-          <div
-            class="question-item"
-            v-for="(item, index) in visibleQuestions"
-            :key="item.id"
-            :class="{
-              'has-warning':
-                item.prompt &&
-                item.scriptResult &&
-                (item.scriptType !== 2 || item.scriptResult.length > 0),
-            }"
-          >
-            <!-- 棰樼洰棰樺共 -->
-            <div class="question-stem">
-              <span class="question-number"
-                >{{ getVisibleQuestionIndex(index) }}.</span
-              >
-              <span class="question-text">{{ item.scriptContent }}</span>
-              <span class="question-type-tag">
-                {{
-                  item.scriptType === 1
-                    ? "[鍗曢�塢"
-                    : item.scriptType === 2
-                    ? "[澶氶�塢"
-                    : "[闂瓟]"
-                }}
-              </span>
-            </div>
-
-            <!-- 鍗曢�夐鐩� -->
-            <div
-              class="question-options"
-              v-if="item.scriptType == 1 && !item.ishide"
-            >
-              <el-radio-group class="options-group" v-model="item.scriptResult">
-                <el-radio
-                  v-for="(
-                    option, optionIndex
-                  ) in item.svyTaskTemplateTargetoptions"
-                  :key="optionIndex"
-                  :label="option.optioncontent"
-                  :class="{
-                    'abnormal-option':
-                      option.isabnormal &&
-                      item.scriptResult == option.optioncontent,
-                  }"
-                  @click.native.prevent="
-                    handleRadioToggle(
-                      item,
-                      index,
-                      item.svyTaskTemplateTargetoptions,
-                      option.optioncontent
-                    )
-                  "
-                  class="option-radio"
-                >
-                  <span class="option-text">{{ option.optioncontent }}</span>
-                </el-radio>
-              </el-radio-group>
-            </div>
-
-            <!-- 澶氶�夐鐩� -->
-            <div class="question-options" v-if="item.scriptType == 2">
-              <el-checkbox-group
-                class="options-group"
-                v-model="item.scriptResult"
-              >
-                <el-checkbox
-                  v-for="(
-                    option, optionIndex
-                  ) in item.svyTaskTemplateTargetoptions"
-                  :key="optionIndex"
-                  :label="option.optioncontent"
-                  :class="{
-                    'abnormal-option': option.isabnormal,
-                  }"
-                  @change="$forceUpdate()"
-                  class="option-checkbox"
-                >
-                  <span class="option-text">{{ option.optioncontent }}</span>
-                </el-checkbox>
-              </el-checkbox-group>
-            </div>
-
-            <!-- 濉┖棰樼洰 -->
-            <div class="question-input" v-if="item.scriptType == 4">
-              <el-input
-                type="textarea"
-                :rows="3"
-                placeholder="璇疯緭鍏ユ偍鐨勫洖绛�"
-                v-model="item.scriptResult"
-                clearable
-                class="answer-textarea"
-              ></el-input>
-            </div>
-
-            <!-- 鎻愮ず淇℃伅 -->
-            <div
-              class="question-warning"
-              v-show="
-                item.prompt &&
-                item.scriptResult &&
-                (item.scriptType !== 2 || item.scriptResult.length > 0)
-              "
-            >
-              <el-alert
-                :title="item.prompt"
-                type="warning"
-                :closable="false"
-                class="warning-alert"
-              ></el-alert>
-            </div>
-          </div>
-        </div>
-
-        <!-- 鎻愪氦鎸夐挳 -->
-        <div class="submit-section">
-          <el-button type="primary" @click="cache(true)" class="submit-button">
-            鎻愪氦闂嵎
-          </el-button>
-        </div>
+    <div v-if="loading" class="loading-container">
+      <div class="loading-content">
+        <i class="el-icon-loading loading-icon"></i>
+        <div class="loading-text">闂嵎鍔犺浇涓紝璇风◢鍊�...</div>
       </div>
     </div>
 
-    <!-- 瀹屾垚椤甸潰 -->
-    <div class="completion-page" v-else>
-      <div class="completion-content">
-        <div class="completion-icon">鉁�</div>
-        <h2 class="completion-title">鎰熻阿鎮ㄧ殑閰嶅悎!</h2>
-        <p class="completion-message">
-          {{
-            jsy
-              ? jsy
-              : "鐢熸椿涓婅鍔抽�哥粨鍚堬紝娉ㄦ剰浼戞伅鍜岃惀鍏伙紝閫傚綋閿荤偧锛屾垝鐑熼檺閰掞紝淇濇寔蹇冩儏鑸掔晠锛屽畾鏈熷璇娿�傞偅鏈鍥炶灏卞埌杩欓噷锛岀鎮ㄨ韩浣撳仴搴凤紒"
-          }}
-        </p>
+    <!-- 姝ｅ父鍐呭 -->
+    <div v-else>
+      <div class="content-wrapper" v-if="!accomplish">
+        <div class="questionnaire-container">
+          <!-- 闂嵎鏍囬鍖哄煙 -->
+          <div class="questionnaire-header">
+            <h1 class="questionnaire-title">
+              {{ taskname ? taskname : "闂嵎" }}
+            </h1>
+            <div class="questionnaire-description">
+              {{
+                kcb
+                  ? kcb
+                  : "浜茬埍鐨勬偅鑰�-瀹跺睘锛屾垜浠槸鍖婚櫌鐨勫尰鎶や汉鍛橈紝涓轰簡鏇村ソ鍦颁簡瑙ｆ偍鐨勫悍澶嶆儏鍐碉紝璇锋偍鎶戒竴鐐瑰疂璐垫椂闂达紝瀹屾垚杩欎唤闅忚闂嵎銆�"
+              }}
+            </div>
+          </div>
+
+          <el-divider class="custom-divider"></el-divider>
+
+          <!-- 闂嵎棰樼洰鍖哄煙 -->
+          <div class="questions-section">
+            <div
+              class="question-item"
+              v-for="(item, index) in visibleQuestions"
+              :key="item.id"
+              :class="{
+                'has-warning':
+                  item.prompt &&
+                  item.scriptResult &&
+                  (item.scriptType !== 2 || item.scriptResult.length > 0),
+              }"
+            >
+              <!-- 棰樼洰棰樺共 -->
+              <div class="question-stem">
+                <span class="question-number"
+                  >{{ getVisibleQuestionIndex(index) }}.</span
+                >
+                <span class="question-text">{{ item.scriptContent }}</span>
+                <span class="question-type-tag">
+                  {{
+                    item.scriptType === 1
+                      ? "[鍗曢�塢"
+                      : item.scriptType === 2
+                      ? "[澶氶�塢"
+                      : "[闂瓟]"
+                  }}
+                </span>
+              </div>
+
+              <!-- 鍗曢�夐鐩� -->
+              <div
+                class="question-options"
+                v-if="item.scriptType == 1 && !item.ishide"
+              >
+                <el-radio-group
+                  class="options-group"
+                  v-model="item.scriptResult"
+                >
+                  <el-radio
+                    v-for="(
+                      option, optionIndex
+                    ) in item.svyTaskTemplateTargetoptions"
+                    :key="optionIndex"
+                    :label="option.optioncontent"
+                    :class="{
+                      'abnormal-option':
+                        option.isabnormal &&
+                        item.scriptResult == option.optioncontent,
+                    }"
+                    @click.native.prevent="
+                      handleRadioToggle(
+                        item,
+                        index,
+                        item.svyTaskTemplateTargetoptions,
+                        option.optioncontent
+                      )
+                    "
+                    class="option-radio"
+                  >
+                    <span class="option-text">{{ option.optioncontent }}</span>
+                  </el-radio>
+                </el-radio-group>
+              </div>
+
+              <!-- 澶氶�夐鐩� -->
+              <div class="question-options" v-if="item.scriptType == 2">
+                <el-checkbox-group
+                  class="options-group"
+                  v-model="item.scriptResult"
+                >
+                  <el-checkbox
+                    v-for="(
+                      option, optionIndex
+                    ) in item.svyTaskTemplateTargetoptions"
+                    :key="optionIndex"
+                    :label="option.optioncontent"
+                    :class="{
+                      'abnormal-option': option.isabnormal,
+                    }"
+                    @change="$forceUpdate()"
+                    class="option-checkbox"
+                  >
+                    <span class="option-text">{{ option.optioncontent }}</span>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </div>
+
+              <!-- 濉┖棰樼洰 -->
+              <div class="question-input" v-if="item.scriptType == 4">
+                <el-input
+                  type="textarea"
+                  :rows="3"
+                  placeholder="璇疯緭鍏ユ偍鐨勫洖绛�"
+                  v-model="item.scriptResult"
+                  clearable
+                  class="answer-textarea"
+                ></el-input>
+              </div>
+
+              <!-- 鎻愮ず淇℃伅 -->
+              <div
+                class="question-warning"
+                v-show="
+                  item.prompt &&
+                  item.scriptResult &&
+                  (item.scriptType !== 2 || item.scriptResult.length > 0)
+                "
+              >
+                <el-alert
+                  :title="item.prompt"
+                  type="warning"
+                  :closable="false"
+                  class="warning-alert"
+                ></el-alert>
+              </div>
+            </div>
+          </div>
+
+          <!-- 鎻愪氦鎸夐挳 -->
+          <div class="submit-section">
+            <el-button
+              type="primary"
+              @click="cache(true)"
+              class="submit-button"
+            >
+              鎻愪氦闂嵎
+            </el-button>
+          </div>
+        </div>
+      </div>
+
+      <!-- 瀹屾垚椤甸潰 -->
+      <div class="completion-page" v-else>
+        <div class="completion-content">
+          <div class="completion-icon">鉁�</div>
+          <h2 class="completion-title">鎰熻阿鎮ㄧ殑閰嶅悎!</h2>
+          <p class="completion-message">
+            {{
+              jsy
+                ? jsy
+                : "鐢熸椿涓婅鍔抽�哥粨鍚堬紝娉ㄦ剰浼戞伅鍜岃惀鍏伙紝閫傚綋閿荤偧锛屾垝鐑熼檺閰掞紝淇濇寔蹇冩儏鑸掔晠锛屽畾鏈熷璇娿�傞偅鏈鍥炶灏卞埌杩欓噷锛岀鎮ㄨ韩浣撳仴搴凤紒"
+            }}
+          </p>
+        </div>
       </div>
     </div>
   </div>
@@ -172,6 +189,7 @@
 export default {
   data() {
     return {
+      loading: true,
       taskid: 355,
       patid: 265823,
       kcb: "",
@@ -179,6 +197,7 @@
       isabnormal: 0,
       taskname: "",
       questionList: [],
+      param6: null,
       jsy: null,
       dialogVisible: false,
       Endornot: true,
@@ -208,6 +227,9 @@
   computed: {
     // 璁＄畻灞炴�э細鑾峰彇鎵�鏈夊彲瑙佺殑棰樼洰
     visibleQuestions() {
+      if (!Array.isArray(this.questionList)) {
+        return [];
+      }
       return this.questionList.filter((question) => !question.ishide);
     },
   },
@@ -228,6 +250,7 @@
             res.data.param3,
             res.data.param5
           );
+          this.param6 = res.data.param6;
         }
       });
     },
@@ -247,6 +270,8 @@
       this.taskid = decodeURIComponent(param1);
       this.patid = decodeURIComponent(param2);
       this.taskname = decodeURIComponent(param3);
+      this.loading = true;
+
       // let taskid =
       //   "OFp7tn/B6x7IzKJetvGWHdSWBj7msRlnlj6am9dyuHTH6sEt4uBbVCUXs5kcF/e4O2W6vqHf2Bz9K3/evbYDmw==";
       // let patid =
@@ -256,10 +281,10 @@
       // let taskids = this.encrypt(this.taskid);
       // let patids = this.encrypt(this.patid);
       // 鍏堝彇缂撳瓨
-      getCachequestionnaire({ param1: this.taskid, param2: this.patid }).then(
-        (res) => {
+      getCachequestionnaire({ param1: this.taskid, param2: this.patid })
+        .then((res) => {
           if (res.code == 200) {
-            this.questionList = res.data;
+            this.questionList = res.data.result;
             this.accomplish = res.data.submit;
             if (this.questionList[0]) {
               this.questionList.forEach((item) => {
@@ -269,6 +294,8 @@
                   item.scriptResult = item.scriptResult.split("&");
                 }
               });
+              this.loading = false;
+
               return;
             } else {
               this.getExternalfollowup();
@@ -276,13 +303,13 @@
           } else {
             this.getExternalfollowup();
           }
-        }
-      );
+        })
+        .finally(() => {});
     },
     // 鑾峰彇鏁版嵁
     getExternalfollowup() {
-      getExternalfollowup({ param1: this.taskid, param2: this.patid }).then(
-        (res) => {
+      getExternalfollowup({ param1: this.taskid, param2: this.patid })
+        .then((res) => {
           if (res.code == 200) {
             this.questionList = res.data.script;
             this.jsy = res.data.jsy;
@@ -294,9 +321,12 @@
                 item.scriptResult = [];
               }
             });
+            this.loading = false;
           }
-        }
-      );
+        })
+        .finally(() => {
+          this.loading = false;
+        });
     },
     // 鍔犲瘑鍑芥暟
     encrypt(txt) {
@@ -316,6 +346,7 @@
       let form = {
         param1: this.taskid,
         param2: this.patid,
+        param6: this.param6,
         excep: this.excep,
         isabnormal: this.isabnormal,
         serviceSubtaskDetailList: [],
@@ -346,6 +377,7 @@
       let form = {
         param1: this.taskid,
         param2: this.patid,
+        param6: this.param6,
         svyTaskTemplateScriptVOS: [],
       };
       const arr = structuredClone(this.questionList);
@@ -471,6 +503,8 @@
         } else {
           // 姝ｅ父璺宠浆閫昏緫
           const nextQuestionIndex = selectedOptionObj.nextQuestion - 1;
+          console.log(nextQuestionIndex, 4);
+          console.log(selectedOptionObj);
 
           this.questionList = this.questionList.map((item, index) => {
             // 淇濈暀褰撳墠棰樼洰涔嬪墠鐨勯殣钘忕姸鎬�
@@ -841,4 +875,39 @@
     font-size: 60px;
   }
 }
+.loading-container {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  min-height: 70vh;
+}
+
+.loading-content {
+  text-align: center;
+  padding: 40px;
+  background: #fff;
+  border-radius: 8px;
+  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
+}
+
+.loading-icon {
+  font-size: 40px;
+  color: #409eff;
+  margin-bottom: 15px;
+  animation: rotating 2s linear infinite;
+}
+
+.loading-text {
+  font-size: 16px;
+  color: #606266;
+}
+
+@keyframes rotating {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}
 </style>

--
Gitblit v1.9.3