From 44fe7b7d69118a4d03bed8dadcf9b6bba1416f9d Mon Sep 17 00:00:00 2001
From: WXL <1785969728@qq.com>
Date: 星期三, 04 九月 2024 18:08:10 +0800
Subject: [PATCH] 测试完成

---
 src/views/followvisit/record/detailpage/index.vue |  299 +++++++++++++++++++++++++++++++++++++++++++++++++++++------
 1 files changed, 266 insertions(+), 33 deletions(-)

diff --git a/src/views/followvisit/record/detailpage/index.vue b/src/views/followvisit/record/detailpage/index.vue
index ad484bd..58ee792 100644
--- a/src/views/followvisit/record/detailpage/index.vue
+++ b/src/views/followvisit/record/detailpage/index.vue
@@ -1,48 +1,175 @@
 <template>
+  <!-- 鑱婅繛椤甸潰璁板綍 -->
   <div class="Followupdetailspage">
     <div class="Followuserinfo">
-      <div class="userinfo-text">闅忚璇︽儏</div>
-      <div class="userinfo-value">
-        <span><i class="el-icon-user-solid"></i>鍚撮緳</span><span>鐢�</span
-        ><span><i class="el-icon-user-solid"></i>13803963330</span
-        ><span>鍑洪櫌鏃堕棿锛�:2023-03-29 08:57:57</span>
+      <div>
+        <div class="userinfo-text">{{ sendname }}<span>鎮ｈ�呮湇鍔¤鎯呰鎯�</span>
+          <!-- <el-button type="success">闅忚鍚庣煭淇�</el-button> -->
+        </div>
       </div>
-      <div><el-button type="success">闅忚鍚庣煭淇�</el-button></div>
+      <div>
+        <el-table :data="logsheetlist" style="width: 100%">
+          <el-table-column
+            prop="sendname"
+            align="center"
+            label="濮撳悕"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="sendstate"
+            align="center"
+            label="鏈嶅姟鐘舵��"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="updateTime"
+            align="center"
+            label="瀹屾垚鏃堕棿"
+            width="200"
+            show-overflow-tooltip
+          >
+          </el-table-column>
+          <el-table-column prop="taskName" align="center" width="200"
+          show-overflow-tooltip label="浠诲姟鍚嶇О">
+          </el-table-column>
+          <el-table-column
+            prop="templatename"
+            align="center"
+            label="鏈嶅姟妯℃澘"
+            width="200"
+            show-overflow-tooltip
+          >
+          </el-table-column>
+
+          <el-table-column
+            prop="bankcardno"
+            align="center"
+            label="鍛煎彨鐘舵��"
+            width="210"
+          >
+          </el-table-column>
+          <el-table-column
+          label="鎿嶄綔"
+          fixed="right"
+          align="center"
+          width="200"
+          class-name="small-padding fixed-width"
+        >
+          <template slot-scope="scope">
+            <el-button
+              size="medium"
+              type="text"
+              @click="Seedetails(scope.row)"
+              v-hasPermi="['system:user:edit']"
+              ><span class="button-zx"
+                ><i class="el-icon-s-order"></i>鏌ョ湅鏈嶅姟</span
+              ></el-button
+            >
+          </template>
+        </el-table-column>
+        </el-table>
+      </div>
     </div>
     <div>
       <el-tabs type="border-card">
         <el-tab-pane>
           <span class="mulsz" slot="label"
-            ><i class="el-icon-headset"></i> 璇煶璇︽儏1</span
+            ><i class="el-icon-notebook-1"></i> 闂嵎闅忚缁撴灉</span
           >
-          <div class="borderdiv">璇煶璇︽儏1</div>
+          <div class="CONTENT">
+      <div class="title">{{ taskname ? taskname : "闂嵎" }}</div>
+      <div class="preview-left">
+        <!-- 鍗曢�� -->
+        <div
+          class="topic-dev"
+          v-for="(item, index) in tableDatatop"
+          :key="item.aaa"
+        >
+          <div class="scriptTopic-dev" :key="index" v-if="item.scriptType == 1">
+            <div class="dev-text">
+              {{ index + 1 }}銆乕鍗曢�塢<span>{{ item.scriptContent }}</span>
+            </div>
+            <div class="dev-xx">
+              <el-radio-group
+                v-model="item.scriptResult"
+                @change="handleOptionChange($event, index, item)"
+              >
+                <el-radio
+                  v-for="(items, index) in item.svyLibTemplateTargetoptions"
+                  :key="index"
+                  :label="items.optioncontent"
+                  >{{ items.optioncontent }}</el-radio
+                >
+              </el-radio-group>
+            </div>
+            <div v-show="item.prompt">
+              <el-alert :title="item.prompt" type="warning"> </el-alert>
+            </div>
+          </div>
+          <!-- 澶氶�� -->
+          <div class="scriptTopic-dev" :key="index" v-if="item.scriptType == 2">
+            <div class="dev-text">
+              {{ index + 1 }}銆乕澶氶�塢<span>{{ item.scriptContent }}</span>
+            </div>
+            <div class="dev-xx">
+              <el-checkbox-group
+                v-model="item.scriptResult"
+                @change="updateScore($event, index, item)"
+              >
+                <el-checkbox
+                  @change="$forceUpdate()"
+                  v-for="(items, indexs) in item.svyLibTemplateTargetoptions"
+                  :key="indexs"
+                  :label="items.optioncontent"
+                >
+                  {{ items.optioncontent }}
+                </el-checkbox>
+              </el-checkbox-group>
+            </div>
+            <div v-show="item.prompt && item.scriptResult[0]">
+              <el-alert :title="item.prompt" type="warning"> </el-alert>
+            </div>
+          </div>
+          <!-- 濉┖ -->
+          <div class="scriptTopic-dev" :key="index" v-if="item.scriptType == 4">
+            <div class="dev-text">
+              {{ index + 1 }}銆乕闂瓟]<span>{{ item.scriptContent }}</span>
+            </div>
+            <div class="dev-xx">
+              <el-input
+                type="textarea"
+                :rows="2"
+                placeholder="璇疯緭鍏ョ瓟妗�"
+                v-model="item.scriptResult"
+                clearable
+              >
+              </el-input>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
         </el-tab-pane>
         <el-tab-pane>
           <span class="mulsz" slot="label"
-            ><i class="el-icon-headset"></i> 璇煶璇︽儏2</span
-          >
-          <div class="borderdiv">璇煶璇︽儏2</div>
-        </el-tab-pane>
-        <el-tab-pane>
-          <span class="mulsz" slot="label"
-            ><i class="el-icon-notebook-1"></i> 璇煶淇℃伅</span
-          >
-          <div class="borderdiv">璇煶淇℃伅</div>
-        </el-tab-pane>
-        <el-tab-pane>
-          <span class="mulsz" slot="label"
-            ><i class="el-icon-phone-outline"></i> 澶栧懠淇℃伅</span
-          >
-          <div class="borderdiv">澶栧懠淇℃伅</div>
-        </el-tab-pane>
-        <el-tab-pane>
-          <span class="mulsz" slot="label"
-            ><i class="el-icon-s-operation"></i> 鏍囩鐘舵��</span
+            ><i class="el-icon-headset"></i> 璇煶闅忚璇︽儏</span
           >
           <div class="borderdiv">
-            <el-radio v-model="radio" label="1">涓嶅鐞�</el-radio>
-            <el-radio v-model="radio" label="2">缁х画璺熻釜</el-radio
-            ><el-radio v-model="radio" label="3">閫氱煡鍖婚櫌灏辫瘖</el-radio>
+            <div>
+              <div class="leftside">
+                <i class="el-icon-phone-outline"></i><span>鎮ㄤ粖澶╄韩浣撴儏鍐垫�庝箞鏍�</span>
+              </div>
+              <div class="offside">
+                <i class="el-icon-user"></i>
+                <div class="offside-value">
+                  <el-input v-model="input"></el-input>
+                  <el-radio v-model="radio" label="1">寰堟</el-radio>
+                  <el-radio v-model="radio" label="2">杩樺彲浠�</el-radio>
+                  <el-radio v-model="radio" label="3">涓嶅お濂�</el-radio>
+                  <el-radio v-model="radio" label="4">姣旇緝宸�</el-radio>
+                </div>
+              </div>
+            </div>
           </div>
         </el-tab-pane>
       </el-tabs>
@@ -51,28 +178,82 @@
 </template>
 
 <script>
+import {
+  getsearchrResult,
+  getTaskservelist,
+
+} from "@/api/AiCentre/index";
 export default {
   data() {
     return {
       radio: "1",
       userid: "",
+      input: "浠婂ぉ韬綋杩樹笉閿�",
+      radio: "2",
+      taskname:'',
+      tableDatatop: [],//棰樼洰琛�
+      logsheetlist:[],
+      sendname:null,
+      serviceType:null,
+      taskid:null,
+      patid:null,
     };
   },
 
-  created() {},
+  created() {
+    this.taskid=this.$route.query.taskid;
+    this.sendname=this.$route.query.sendname;
+    this.patid=this.$route.query.patid;
+    this.serviceType=this.$route.query.serviceType;
+    this.getsearchrResult();
+    this.getTaskservelist();
+  },
 
-  methods: {},
+
+  methods: {
+    // 鑾峰彇闂嵎鏁版嵁
+    getsearchrResult(){
+      getsearchrResult({
+        taskid:this.taskid,
+        patid:this.patid,
+      }).then((res) => {
+        if (res.code === 200) {
+          this.tableDatatop = res.data.scriptResult.script;
+          this.taskname = res.data.taskName;
+        }
+      });
+    },
+    // 鑾峰彇鎮ｈ�呰褰�
+    getTaskservelist(){
+      getTaskservelist({
+        patid:this.patid,
+      }).then((res) => {
+        if (res.code == 200) {
+          this.logsheetlist = res.rows;
+        }
+      });
+    },
+    Seedetails(){},
+  },
 };
 </script>
 
 <style lang="scss" scoped>
+.Followupdetailspage {
+  margin: 10px;
+}
 .Followuserinfo {
   margin: 20px 10px;
-  display: flex;
   align-items: center;
+  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);
   .userinfo-text {
     font-size: 20px;
     margin-right: 20px;
+    margin-bottom: 10px;
   }
   .userinfo-value {
     color: rgb(15, 139, 211);
@@ -83,6 +264,58 @@
 }
 .borderdiv {
   min-height: 60vh;
+  font-size: 20px;
+  padding: 30px;
+  .leftside {
+    margin-bottom: 30px;
+    span {
+      width: 400px;
+      margin-left: 20px;
+      padding: 10px;
+      color: #fff;
+      background: rgb(110, 196, 247);
+      border-radius: 10px;
+    }
+  }
+  .offside {
+    display: flex;
+    flex-direction: row-reverse;
+    .offside-value {
+      padding: 10px;
+      background: rgb(217, 173, 253);
+      border-radius: 10px;
+      color: #fff;
+      margin-right: 20px;
+    }
+  }
+}
+.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;
+    }
+  }
+}
+::v-deep.offside-value .el-radio__label {
+  color: #fff;
 }
 .mulsz {
   font-size: 25px;

--
Gitblit v1.9.3