From 5041f085db17d808fdd914a9829a80007b12dbde Mon Sep 17 00:00:00 2001
From: WXL <1785969728@qq.com>
Date: 星期二, 04 六月 2024 17:00:34 +0800
Subject: [PATCH] 测试完成

---
 src/views/outsideChain.vue |  140 ++++++++++++++++++++++++++++++----------------
 1 files changed, 90 insertions(+), 50 deletions(-)

diff --git a/src/views/outsideChain.vue b/src/views/outsideChain.vue
index 56c3182..608ccee 100644
--- a/src/views/outsideChain.vue
+++ b/src/views/outsideChain.vue
@@ -1,52 +1,55 @@
 <template>
   <div class="questionnaire">
-    <h1>澶忓闃叉殤闅忚鏀堕泦闂嵎</h1>
-    <el-form :model="formData" label-width="80px">
-      <el-form-item label="闂涓�">
-        <el-input v-model="formData.question1"></el-input>
-      </el-form-item>
-      <el-form-item label="闂浜�">
-        <el-input v-model="formData.question2"></el-input>
-      </el-form-item>
-      <el-form-item label="闂涓�">
-        <el-radio-group v-model="formData.question3">
-          <el-radio label="閫夐」1">閫夐」1</el-radio>
-          <el-radio label="閫夐」2">閫夐」2</el-radio>
-          <el-radio label="閫夐」3">閫夐」3</el-radio>
-        </el-radio-group>
-      </el-form-item>
-      <el-form-item label="闂鍥�">
-        <el-radio-group v-model="formData.question3">
-          <el-radio label="閫夐」1">閫夐」1</el-radio>
-          <el-radio label="閫夐」2">閫夐」2</el-radio>
-          <el-radio label="閫夐」3">閫夐」3</el-radio>
-        </el-radio-group>
-      </el-form-item>
-      <el-form-item label="闂浜�">
-        <el-radio-group v-model="formData.question3">
-          <el-radio label="閫夐」1">閫夐」1</el-radio>
-          <el-radio label="閫夐」2">閫夐」2</el-radio>
-          <el-radio label="閫夐」3">閫夐」3</el-radio>
-        </el-radio-group>
-      </el-form-item>
-      <el-form-item label="闂鍏�">
-        <el-radio-group v-model="formData.question3">
-          <el-radio label="閫夐」1">閫夐」1</el-radio>
-          <el-radio label="閫夐」2">閫夐」2</el-radio>
-          <el-radio label="閫夐」3">閫夐」3</el-radio>
-        </el-radio-group>
-      </el-form-item>
-      <el-form-item>
-        <el-button type="primary" @click="submitForm">鎻愪氦闂嵎</el-button>
-      </el-form-item>
-    </el-form>
+    <div class="CONTENT">
+      <div class="title">鏆戞湡闂嵎</div>
+      <div class="preview-left">
+        <!-- 鍗曢�� -->
+        <div
+          class="topic-dev"
+          v-for="(item, index) in questionList"
+          :key="item.aaa"
+        >
+          <div class="dev-text">
+            {{ index + 1 }}銆�<span>{{ item.questionText }}</span>
+          </div>
+
+          <div class="dev-xx" v-if="item.valueType == 1">
+            <el-radio-group v-model="item.radio">
+              <el-radio
+                v-for="(items, index) in item.ivrLibaScriptTargetoptionList"
+                :key="items.id"
+                :label="items.id"
+                >{{ items.targetvalue }}</el-radio
+              >
+            </el-radio-group>
+          </div>
+          <div v-else>
+            <el-input
+              type="textarea"
+              placeholder="鏈幏鍙栧埌淇℃伅"
+              v-model.sync="item.questionResult"
+              :rows="2"
+            />
+          </div>
+        </div>
+      </div>
+      <el-form :model="formData" label-width="80px">
+        <el-form-item>
+          <el-button type="primary" @click="submitForm">鎻愪氦闂嵎</el-button>
+        </el-form-item>
+      </el-form>
+    </div>
   </div>
 </template>
 
 <script>
+import { getExternalfollowup } from "@/api/AiCentre/index";
 export default {
   data() {
     return {
+      taskid: 355,
+      patid: 265823,
+      questionList: null,
       formData: {
         question1: "",
         question2: "",
@@ -65,22 +68,59 @@
       // 鍙互灏嗘暟鎹彁浜ゅ埌鍚庣鎴栬�呰繘琛屽叾浠栧鐞�
     },
     getQuestionnaire() {
-      this.taskid = this.$route.query.taskid;
-      this.userid = this.$route.query.userid;
-      this.$modal.msgSuccess("鐢ㄦ埛id涓�" + this.userid);
+      // this.taskid = this.$route.query.taskid;
+      // this.patid = this.$route.query.patid;
+      this.$modal.msgSuccess("鐢ㄦ埛id涓�" + this.patid);
       this.$modal.msgSuccess("浠诲姟id涓�" + this.taskid);
+      getExternalfollowup(this.taskid, this.patid).then((res) => {
+        if (res.code == 200) {
+          this.questionList = res.rows;
+        }
+      });
     },
   },
 };
 </script>
 
-<style scoped>
+<style lang="scss" scoped>
 .questionnaire {
-  max-width: 600px;
-  margin: 0 auto;
-  padding: 20px;
-  border: 1px solid #eee;
-  border-radius: 5px;
-  background-color: #e1f3f2;
+  // background-image: url("../assets/images/chainbackground.jpg");
+  // background-repeat: no-repeat;
+  // background-position: center center;
+  // background-size: cover;
+  // height: 100vh;
+  background-image: url("../assets/images/chainbackground.jpg");
+  background-size: cover;
+  background-attachment: fixed; /* 淇濇寔鑳屾櫙鍥哄畾 */
+  background-position: center;
+  font-family: Arial, sans-serif;
+  min-height: 100vh;
+  margin: 0;
+  padding: 0;
+  .CONTENT {
+    padding: 10px;
+    .title {
+      font-size: 22px;
+      font-weight: bold;
+      margin-bottom: 20px;
+      text-align: center;
+    }
+  }
+}
+.preview-left {
+  margin: 20px;
+  //   margin: 20px;
+  padding: 30px;
+  // background: #ffff;
+  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);
+  .topic-dev {
+    margin-bottom: 25px;
+    font-size: 20px !important;
+    .dev-text {
+      margin-bottom: 10px;
+    }
+  }
 }
 </style>

--
Gitblit v1.9.3