From 09a1bd58e04706d7e1d6e1543b990c08a4b8f97c Mon Sep 17 00:00:00 2001
From: WXL <1785969728@qq.com>
Date: 星期四, 16 一月 2025 13:57:03 +0800
Subject: [PATCH] 测试完成

---
 src/views/followvisit/record/detailpage/index.vue |  358 ++++++++++++++++++++++++++++++++++++++++++++++++-----------
 1 files changed, 288 insertions(+), 70 deletions(-)

diff --git a/src/views/followvisit/record/detailpage/index.vue b/src/views/followvisit/record/detailpage/index.vue
index 93964f2..3477ff8 100644
--- a/src/views/followvisit/record/detailpage/index.vue
+++ b/src/views/followvisit/record/detailpage/index.vue
@@ -26,22 +26,37 @@
         <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
+            prop="sendstate"
+            align="center"
+            width="200"
+            label="鏈嶅姟鐘舵��"
+          >
             <template slot-scope="scope">
-            <div v-if="scope.row.sendstate == 1">
-              <el-tag type="primary"
-              :disable-transitions="false">琚鍙�</el-tag></div>
-            <div v-if="scope.row.sendstate == 2">
-              <el-tag type="primary"
-              :disable-transitions="false">寰呭彂閫�</el-tag>
+              <div v-if="scope.row.sendstate == 1">
+                <el-tag type="primary" :disable-transitions="false"
+                  >琚鍙�</el-tag
+                >
               </div>
-            <div v-if="scope.row.sendstate == 3"> <el-tag type="success"
-              :disable-transitions="false">宸插彂閫佹湭棰嗗彇</el-tag></div>
-            <div v-if="scope.row.sendstate == 4"> <el-tag type="info"
-              :disable-transitions="false">涓嶆墽琛�</el-tag></div>
-            <div v-if="scope.row.sendstate == 5"> <el-tag type="danger"
-              :disable-transitions="false">鍙戦�佸け璐�</el-tag></div>
-          </template>
+              <div v-if="scope.row.sendstate == 2">
+                <el-tag type="primary" :disable-transitions="false"
+                  >寰呭彂閫�</el-tag
+                >
+              </div>
+              <div v-if="scope.row.sendstate == 3">
+                <el-tag type="success" :disable-transitions="false"
+                  >宸插彂閫佹湭棰嗗彇</el-tag
+                >
+              </div>
+              <div v-if="scope.row.sendstate == 4">
+                <el-tag type="info" :disable-transitions="false">涓嶆墽琛�</el-tag>
+              </div>
+              <div v-if="scope.row.sendstate == 5">
+                <el-tag type="danger" :disable-transitions="false"
+                  >鍙戦�佸け璐�</el-tag
+                >
+              </div>
+            </template>
           </el-table-column>
           <el-table-column
             prop="finishtime"
@@ -153,43 +168,56 @@
       </div>
     </div>
     <div class="Followuserinfo">
+
       <div>
         <div class="headline">
-          <div>浜哄伐澶勭悊鎰忚</div>
+          <div>浜哄伐澶勭悊</div>
+          <div style="margin-left: 30px;"><el-button type="warning"
+                >涓�閿懠鍙�</el-button
+              ></div>
         </div>
-        <div style="margin-left: 30px">
-          <el-button type="warning" @click="Editsingletaskson('1')"
-            >鏆備笉澶勭悊</el-button
-          >
-          <el-button type="success" @click="Editsingletaskson('2')"
-            >鐥呮儏绋冲畾</el-button
-          >
-          <el-button type="primary" @click="Editsingletaskson('3')"
-            >閫氱煡灏辫瘖</el-button
-          >
-          <!-- <el-button type="danger" @click="Editsingletaskson('4')"
-            >澶辫</el-button
-          > -->
-          <el-button type="info" @click="Editsingletaskson('5')"
-            >浜哄伐闅忚</el-button
-          >
-        </div>
+        <el-form ref="form" :model="form" label-width="80px">
+          <el-form-item label="闅忚璁板綍">
+            <el-input type="textarea" v-model="form.remark"></el-input>
+          </el-form-item>
+
+          <el-form-item label="澶勭悊鎰忚">
+            <div>
+              <el-button plain type="warning" @click="Editsingletaskson('1')"
+                >鏆備笉澶勭悊</el-button
+              >
+              <el-button plain type="success" @click="Editsingletaskson('2')"
+                >鐥呮儏绋冲畾</el-button
+              >
+              <el-button plain type="primary" @click="Editsingletaskson('3')"
+                >閫氱煡灏辫瘖</el-button
+              >
+              <!-- <el-button type="danger" @click="Editsingletaskson('4')"
+    >澶辫</el-button
+  > -->
+              <el-button plain type="info" @click="Editsingletaskson('5')"
+                >涓績闅忚</el-button
+              >
+            </div>
+          </el-form-item>
+        </el-form>
       </div>
     </div>
     <div>
-      <el-tabs type="border-card">
-        <el-tab-pane>
+      <el-tabs v-model="activeName" type="border-card">
+        <el-tab-pane name="wj">
           <span class="mulsz" slot="label"
             ><i class="el-icon-notebook-1"></i> 闂嵎闅忚缁撴灉</span
           >
           <div class="CONTENT">
             <div class="title">{{ taskname ? taskname : "闂嵎" }}</div>
-            <div class="preview-left">
+            <!-- 闂嵎浠诲姟灞曠ず -->
+            <div class="preview-left" v-if="!Voicetype">
               <!-- 鍗曢�� -->
               <div
                 class="topic-dev"
                 v-for="(item, index) in tableDatatop"
-                :key="item.aaa"
+                :key="item.id"
               >
                 <div
                   :class="
@@ -280,41 +308,121 @@
                 </div>
               </div>
             </div>
-            <el-button type="primary" @click="getdetail">淇濆瓨闂嵎</el-button>
+            <!-- 璇煶闂嵎褰㈠紡灞曠ず -->
+            <div class="preview-left" v-else>
+              <!-- 鍗曢�� -->
+              <div
+                class="topic-dev"
+                v-for="(item, index) in tableDatatop"
+                :key="item.id"
+              >
+                <div v-if="item.targetvalue">
+                  <div class="dev-text">
+                    {{ index + 1 }}銆乕鍗曢�塢<span>{{ item.questiontext }}</span>
+                  </div>
+                  <div class="dev-xx">
+                    <el-radio-group
+                      v-model="item.matchedtext"
+                      @change="handleOptionChange($event, index, item)"
+                    >
+                      <el-radio
+                        v-for="(items, index) in item.scriptResult"
+                        :key="items"
+                        :label="items"
+                        >{{ items }}</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-else>
+                  <div class="dev-text">
+                    {{ index + 1 }}銆乕闂瓟]<span>{{ item.questiontext }}</span>
+                  </div>
+                  <div class="dev-xx">
+                    <el-input
+                      type="textarea"
+                      :rows="2"
+                      placeholder="璇疯緭鍏ョ瓟妗�"
+                      v-model="item.matchedtext"
+                      clearable
+                    >
+                    </el-input>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <el-button v-if="Voicetype" type="primary" @click="yuyingetdetail"
+              >淇濆瓨鏈嶅姟璇︽儏</el-button
+            >
+            <el-button v-else type="primary" @click="getdetail"
+              >淇濆瓨鏈嶅姟璇︽儏</el-button
+            >
           </div>
         </el-tab-pane>
-        <el-tab-pane>
+        <!-- 璇煶闅忚璇︽儏---------------------- -->
+        <el-tab-pane name="yy">
           <span class="mulsz" slot="label"
             ><i class="el-icon-headset"></i> 璇煶闅忚璇︽儏</span
           >
           <div class="borderdiv">
             <div class="title">{{ taskname ? taskname : "闂嵎" }}</div>
+            <div
+              style="
+                display: flex;
+                text-align: center;
+                align-items: center;
+                color: #59a0f0;
+              "
+            >
+              瀹屾暣璇煶锛�
+              <mini-audio
+                :audio-source="
+                  voice ? voice : 'https://example.com/example.mp3'
+                "
+              ></mini-audio>
+            </div>
             <div class="preview-left">
-              <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>
-                    <mini-audio
-                          :audio-source="
-                            topicobj.ivrVoice
-                              ? topicobj.ivrVoice
-                              : 'https://example.com/example.mp3'
-                          "
-                        ></mini-audio>
+              <div v-for="item in voiceDatatop">
+                <div class="leftside">
+                  <i class="el-icon-phone-outline"></i
+                  ><span>{{ item.questiontext }}</span>
+                </div>
+                <div class="offside">
+                  <i class="el-icon-user"></i>
+                  <div class="offside-value">
+                    <el-input
+                      type="textarea"
+                      :autosize="{ minRows: 1 }"
+                      v-model="item.asrtext"
+                    ></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>
+                      <mini-audio
+                        :audio-source="
+                          item.questionvoice
+                            ? item.questionvoice
+                            : 'https://example.com/example.mp3'
+                        "
+                      ></mini-audio>
+                    </div>
                   </div>
                 </div>
               </div>
             </div>
-            <el-button type="primary" @click="getdetail">淇濆瓨闅忚璇︽儏</el-button>
+            <el-button v-if="Voicetype" type="primary" @click="yuyingetdetail"
+              >淇濆瓨闅忚璇︽儏</el-button
+            >
+            <el-button v-else type="primary" @click="getdetail"
+              >淇濆瓨闅忚璇︽儏</el-button
+            >
           </div>
         </el-tab-pane>
       </el-tabs>
@@ -325,24 +433,33 @@
 <script>
 import {
   getsearchrResults,
+  getPersonVoices,
   getTaskservelist,
+  getTaskFollowup,
   Editsingletaskson,
   serviceSubtaskDetailedit,
   serviceSubtaskDetailadd,
+  updatePersonVoices,
+  addPersonVoices,
 } from "@/api/AiCentre/index";
 export default {
   dicts: ["sys_normal_disable", "sys_user_sex", "sys_yujing", "sys_suggest"],
   data() {
     return {
-      radio: "1",
       userid: "",
       input: "浠婂ぉ韬綋杩樹笉閿�",
       radio: "2",
       taskname: "",
+      activeName: "wj",
+      voice: "",
+      templateid: "",
+      form: {},
       tableDatatop: [], //棰樼洰琛�
+      voiceDatatop: [], //棰樼洰琛�
       Whetherall: false, //鏄惁鍏ㄩ儴璁板綍灞曠ず
+      Voicetype: 0, //鏄惁涓鸿闊虫湇鍔�
       logsheetlist: [],
-      topicobj:{},
+      topicobj: {},
       sendname: null,
       serviceType: null,
       id: null,
@@ -356,8 +473,9 @@
     this.id = this.$route.query.id;
     this.sendname = this.$route.query.sendname;
     this.patid = this.$route.query.patid;
+    this.Voicetype = this.$route.query.Voicetype;
     this.serviceType = this.$route.query.serviceType;
-    this.getsearchrResults();
+
     this.getTaskservelist(this.taskid);
   },
 
@@ -368,7 +486,7 @@
         taskid: this.taskid,
         patid: this.patid,
         subId: this.id,
-        isFinish:false,
+        isFinish: false,
       }).then((res) => {
         if (res.code === 200) {
           this.tableDatatop = res.data.scriptResult.script;
@@ -383,6 +501,62 @@
           });
           this.taskname = res.data.taskName;
           this.overdata();
+        }
+      });
+    },
+    // 鑾峰彇璇煶鏁版嵁
+    getPersonVoices() {
+      let obj = {
+        taskid: this.taskid,
+        patid: this.patid,
+        subId: this.id,
+      };
+      console.log(this.voiceDatatop, "111");
+
+      getPersonVoices(obj).then((res) => {
+        console.log("222");
+        if (res.code == 200) {
+          this.voiceDatatop = res.data.serviceSubtaskDetails;
+          this.voice = res.data.voice;
+          this.activeName = "yy";
+          this.taskname = res.data.taskName;
+          // 闂嵎灞曠ず鏁版嵁澶勭悊
+          this.tableDatatop = res.data.filteredDetails;
+          this.tableDatatop.forEach((item) => {
+            if (item.targetvalue) {
+              item.scriptResult = item.targetvalue.split("&");
+            } else {
+              item.scriptResult = [];
+            }
+          });
+          if (!this.tableDatatop.length) {
+            this.puttaskid(this.templateid);
+          }
+        }
+      });
+    },
+    // 鑾峰彇闂嵎瀹屾暣鏁版嵁姣斿
+    puttaskid(id) {
+      getTaskFollowup(id).then((res) => {
+        if (res.code == 200) {
+          this.tableDatatop = res.data.ivrTaskTemplateScriptVOList;
+          this.tableDatatop.forEach((item) => {
+            item.id = null;
+            // 绫诲瀷鍒ゆ柇璧嬪��
+            if (item.ivrTaskScriptTargetoptionList) {
+              item.targetvalue = 1;
+              item.questiontext = item.scriptContent;
+              item.targetvalue = item.ivrTaskScriptTargetoptionList
+                .map((obj) => obj.targetvalue)
+                .join("&");
+            }
+            if (item.targetvalue) {
+              item.scriptResult = item.targetvalue.split("&");
+            } else {
+              item.scriptResult = [];
+            }
+          });
+          console.log(this.tableDatatop, "this.tableDatatop");
         }
       });
     },
@@ -431,6 +605,32 @@
       });
       this.Editsingletasksonyic(excep);
     },
+    yuyingetdetail() {
+      this.tableDatatop.forEach((item, index) => {
+        console.log(item.scriptResult, "scriptResult");
+        item.scriptResult = item.scriptResult.join("&");
+        item.templatequestionnum = index + 1;
+        item.subId = this.id;
+        item.taskid = this.taskid;
+        item.asrtext = item.matchedtext;
+        item.isoperation = 1;
+        item.patid = this.patid;
+        item.templateid = item.templateID;
+      });
+      if (this.tableDatatop[0].id) {
+        updatePersonVoices(this.tableDatatop).then((res) => {
+          if (res.code == 200) {
+            this.$modal.msgSuccess("鏈嶅姟淇敼鎴愬姛");
+          }
+        });
+      } else {
+        addPersonVoices(this.tableDatatop).then((res) => {
+          if (res.code == 200) {
+            this.$modal.msgSuccess("鏈嶅姟淇濆瓨鎴愬姛");
+          }
+        });
+      }
+    },
     // 鑾峰彇鎮ｈ�呰褰�
     getTaskservelist(taskid) {
       this.taskid = taskid;
@@ -444,7 +644,15 @@
         taskid: taskid,
       }).then((res) => {
         if (res.code == 200) {
+          this.form = res.rows[0].serviceSubtaskList[0];
+          console.log(this.form,'form3');
           this.logsheetlist = res.rows[0].serviceSubtaskList;
+          this.templateid = this.logsheetlist[0].templateid;
+        }
+        if (this.Voicetype) {
+          this.getPersonVoices();
+        } else {
+          this.getsearchrResults();
         }
       });
     },
@@ -455,7 +663,7 @@
         taskid: this.taskid,
       }).then((res) => {
         if (res.code == 200) {
-          objson = res.rows[0];
+          objson = res.rows[0].serviceSubtaskList[0];
           objson.suggest = son;
           Editsingletaskson(objson).then((res) => {
             if (res.code) {
@@ -474,8 +682,6 @@
       }).then((res) => {
         if (res.code == 200) {
           objson = res.rows[0].serviceSubtaskList[0];
-          console.log(objson,'obj');
-
           objson.excep = excep;
           Editsingletaskson(objson).then((res) => {
             if (res.code) {
@@ -497,9 +703,17 @@
         .catch(() => {});
     },
     handleOptionChange(a, b, c) {
-      var obj = this.tableDatatop[b].svyLibTemplateTargetoptions.find(
-        (item) => item.optioncontent == a
-      );
+      console.log(this.tableDatatop[b], "this.tableDatatop[b]");
+
+      if (this.Voicetype) {
+        var obj = this.tableDatatop[b].ivrTaskScriptTargetoptionList.find(
+          (item) => item.optioncontent == a
+        );
+      } else {
+        var obj = this.tableDatatop[b].svyLibTemplateTargetoptions.find(
+          (item) => item.optioncontent == a
+        );
+      }
       if (obj.isabnormal) {
         this.tableDatatop[b].isabnormal = true;
       } else {
@@ -569,7 +783,7 @@
     text-align: center;
   }
   .leftside {
-    margin-bottom: 30px;
+    margin: 30px 0;
     span {
       width: 400px;
       margin-left: 20px;
@@ -645,6 +859,10 @@
     right: -5px; /* 鏍规嵁闇�瑕佽皟鏁� */
     top: 0;
   }
+  ::v-deep.el-input-group__textarea {
+    white-space: pre-wrap; /* 淇濇寔绌虹櫧绗﹀簭鍒楀苟姝ｅ父鎹㈣ */
+    word-break: break-all; /* 鍦ㄩ暱鍗曡瘝鎴朥RL鍦板潃鍐呴儴杩涜鎹㈣ */
+  }
   ::v-deep.el-checkbox__label {
     position: relative;
     padding-right: 10px; /* 鏍规嵁闇�瑕佽皟鏁� */

--
Gitblit v1.9.3