From 3d50e2c6d8cd86ee10b4353ad6365c59f588dbc4 Mon Sep 17 00:00:00 2001
From: WXL <1785969728@qq.com>
Date: 星期三, 31 七月 2024 17:22:02 +0800
Subject: [PATCH] 测试完成

---
 src/views/followvisit/tasklist/index.vue                 |   62 ++--
 src/views/repositoryai/verbaltrick/index.vue             |    6 
 src/views/repositoryai/templateku/configurat/index.vue   |  124 +++-------
 src/main.js                                              |    3 
 src/views/repositoryai/verbaltrick/particulars/index.vue |  153 ++++++++---
 src/api/AiCentre/Qtemplate.js                            |    1 
 package.json                                             |    1 
 src/views/knowledge/questionnaire/compilequer/index.vue  |  123 ++++++++-
 src/views/knowledge/questionnaire/index.vue              |  203 +++++++++++-----
 src/views/repositoryai/matching/myAudio.vue              |    2 
 10 files changed, 419 insertions(+), 259 deletions(-)

diff --git a/package.json b/package.json
index 7645f46..2d12b50 100644
--- a/package.json
+++ b/package.json
@@ -72,6 +72,7 @@
     "style-loader": "^3.3.3",
     "stylus-loader": "^7.1.3",
     "vue": "2.6.12",
+    "vue-audio-better": "^3.0.1",
     "vue-cli": "^2.9.6",
     "vue-codemirror": "^4.0.6",
     "vue-count-to": "1.0.13",
diff --git a/src/api/AiCentre/Qtemplate.js b/src/api/AiCentre/Qtemplate.js
index d87fb2f..76d3463 100644
--- a/src/api/AiCentre/Qtemplate.js
+++ b/src/api/AiCentre/Qtemplate.js
@@ -9,6 +9,7 @@
     data: data,
   });
 }
+// 闂嵎妯＄増鍒楄〃
 export function getQtemplatelist(data) {
   return request({
     url: "/smartor/svyLibTemplate/list",
diff --git a/src/main.js b/src/main.js
index 38cb1dc..680da18 100644
--- a/src/main.js
+++ b/src/main.js
@@ -73,6 +73,8 @@
 import DictData from "@/components/DictData";
 // 缁勪欢灏佽闆嗘垚
 import components from "./components";
+// 璇煶缁勪欢
+import VueAudio from 'vue-audio-better'
 // 娉ㄥ唽杩囨护鍣�
 // 鑷畾涔夋寚浠�
 import * as directives from "./directives";
@@ -109,6 +111,7 @@
 Vue.use(directive);
 Vue.use(plugins);
 Vue.use(VueMeta);
+Vue.use(VueAudio)
 DictData.install();
 Vue.use(components);
 // Vue.use(VueQuillEditor)
diff --git a/src/views/followvisit/tasklist/index.vue b/src/views/followvisit/tasklist/index.vue
index 28b2664..205806b 100644
--- a/src/views/followvisit/tasklist/index.vue
+++ b/src/views/followvisit/tasklist/index.vue
@@ -12,12 +12,18 @@
         label-width="98px"
       >
         <el-form-item label="浠诲姟鍚嶇О">
-          <el-input v-model="topqueryParams.name"></el-input>
+          <el-input
+            v-model="topqueryParams.taskName"
+            @keyup.enter.native="handleQuery"
+          ></el-input>
         </el-form-item>
-        <el-form-item label="瀹℃牳浜�">
-          <el-input v-model="topqueryParams.name"></el-input>
+        <el-form-item label="鍒涘缓浜�">
+          <el-input
+            v-model="topqueryParams.createBy"
+            @keyup.enter.native="handleQuery"
+          ></el-input>
         </el-form-item>
-        <el-form-item label="瀹℃牳鏃堕棿">
+        <el-form-item label="鍒涘缓鏃堕棿">
           <el-date-picker
             v-model="dateRange"
             style="width: 240px"
@@ -28,32 +34,17 @@
             end-placeholder="缁撴潫鏃ユ湡"
           ></el-date-picker>
         </el-form-item>
-        <el-form-item label="闅忚绫诲瀷" prop="status">
-          <el-select v-model="topqueryParams.topic" placeholder="璇烽�夋嫨">
-            <el-option
-              v-for="item in topicoptions"
-              :key="item.value"
-              :label="item.label"
-              :value="item.value"
-            >
-            </el-option>
-          </el-select>
+
+        <el-form-item label="妯＄増鍚嶇О" prop="status">
+          <el-input
+            v-model="topqueryParams.templatename"
+            @keyup.enter.native="handleQuery"
+          ></el-input>
         </el-form-item>
-        <el-form-item label="妯＄増" prop="status">
-          <el-select v-model="topqueryParams.topic" placeholder="璇烽�夋嫨">
+        <el-form-item label="浠诲姟鐘舵��" prop="status">
+          <el-select v-model="topqueryParams.sendState" placeholder="璇烽�夋嫨">
             <el-option
-              v-for="item in topicoptions"
-              :key="item.value"
-              :label="item.label"
-              :value="item.value"
-            >
-            </el-option>
-          </el-select>
-        </el-form-item>
-        <el-form-item label="闂ㄨ瘖闅忚鐘舵��" prop="status">
-          <el-select v-model="topqueryParams.topic" placeholder="璇烽�夋嫨">
-            <el-option
-              v-for="item in topicoptions"
+              v-for="item in dict.type.task_status"
               :key="item.value"
               :label="item.label"
               :value="item.value"
@@ -137,7 +128,6 @@
           label="浠诲姟鍚嶇О"
           fixed
           align="center"
-          sortable
           key="taskName"
           prop="taskName"
           :show-overflow-tooltip="true"
@@ -654,12 +644,14 @@
         this.taskoptions,
         this.tasktopic
       );
-      getTasklist(this.topqueryParams).then((response) => {
-        this.userList = response.rows;
-        this.total = response.total;
-        this.$forceUpdate();
-        this.loading = false;
-      });
+      getTasklist(this.addDateRange(this.topqueryParams, this.dateRange)).then(
+        (response) => {
+          this.userList = response.rows;
+          this.total = response.total;
+          this.$forceUpdate();
+          this.loading = false;
+        }
+      );
     },
     // 鏌ョ湅闂ㄨ瘖闅忚璇︽儏
     Referencequestion(row) {
diff --git a/src/views/knowledge/questionnaire/compilequer/index.vue b/src/views/knowledge/questionnaire/compilequer/index.vue
index 5f90647..3315792 100644
--- a/src/views/knowledge/questionnaire/compilequer/index.vue
+++ b/src/views/knowledge/questionnaire/compilequer/index.vue
@@ -246,6 +246,13 @@
               @click="getaddtopiclist"
               >娣诲姞棰樼洰</el-button
             >
+            <el-button
+              type="success"
+              icon="el-icon-edit-outline"
+              round
+              @click="Operateit = !Operateit"
+              >{{ !Operateit ? "缂栬緫棰樼洰" : "瀹屾暣淇℃伅灞曠ず" }}</el-button
+            >
           </div>
           <div style="display: flex">
             <span
@@ -264,7 +271,7 @@
           </div>
         </div>
         <div class="presentation">
-          <div class="presentation-left">
+          <div :class="Operateit ? 'presentation-left' : 'spresentation-left'">
             <el-card class="box-card" style="min-height: 688px">
               <el-table
                 v-loading="loading"
@@ -275,6 +282,7 @@
                   align="center"
                   key="sort"
                   prop="sort"
+                  width="50"
                 />
                 <el-table-column
                   label="棰樼洰鏍囬"
@@ -284,14 +292,60 @@
                   :show-overflow-tooltip="true"
                 />
                 <el-table-column
+                  label="棰樺瀷"
+                  align="center"
+                  key="scriptType"
+                  prop="scriptType"
+                  :show-overflow-tooltip="true"
+                >
+                  <template slot-scope="scope">
+                    <dict-tag
+                      :options="askvaluetype"
+                      :value="scope.row.scriptType"
+                    />
+                  </template>
+                </el-table-column>
+                <el-table-column
+                  v-if="!Operateit"
                   label="棰樼洰鍐呭"
                   align="center"
                   key="scriptContent"
                   prop="scriptContent"
                   :show-overflow-tooltip="true"
                 />
+                <el-table-column
+                  v-if="!Operateit"
+                  label="鎸囨爣鍚嶇О"
+                  align="center"
+                  key="targetname"
+                  prop="targetname"
+                  :show-overflow-tooltip="true"
+                />
+                <el-table-column
+                  v-if="!Operateit"
+                  label="鏄惁蹇呭～"
+                  align="center"
+                  key="ismandatory"
+                  prop="ismandatory"
+                  :show-overflow-tooltip="true"
+                >
+                  <template slot-scope="scope">
+                    <dict-tag
+                      :options="required"
+                      :value="scope.row.ismandatory"
+                    />
+                  </template>
+                </el-table-column>
+                <el-table-column
+                  label="涓嬮璺宠浆"
+                  align="center"
+                  key="nextScriptno"
+                  prop="nextScriptno"
+                  :show-overflow-tooltip="true"
+                />
 
                 <el-table-column
+                  v-if="Operateit"
                   label="鎿嶄綔"
                   align="center"
                   width="250"
@@ -327,27 +381,32 @@
               </el-table>
             </el-card>
           </div>
-          <div class="presentation-right">
+          <div class="presentation-right" v-if="Operateit">
             <el-card class="box-card">
               <el-form
                 :inline="true"
                 :model="topicobj"
                 class="demo-form-inline"
               >
-                <div class="headline">
-                  棰樼洰璁剧疆璇︽儏
-                  <span style="margin-left: 30px"
-                    ><el-button type="primary" @click="Submittopicobj"
-                      >淇濆瓨</el-button
-                    ></span
-                  >
-                </div>
-                <el-form-item label="棰樼洰鏍囬">
-                  <el-input
-                    v-model="topicobj.scriptTopic"
-                    placeholder="璇疯緭鍏ユ爣棰�"
-                  ></el-input>
-                </el-form-item>
+                <div class="headline">棰樼洰璁剧疆璇︽儏</div>
+                <el-row :gutter="10">
+                  <el-col :span="12">
+                    <el-form-item label="棰樼洰鏍囬">
+                      <el-input
+                        v-model="topicobj.scriptTopic"
+                        placeholder="璇疯緭鍏ユ爣棰�"
+                      ></el-input> </el-form-item
+                  ></el-col>
+                  <el-col :span="12">
+                    <el-form-item label="涓嬮璺宠浆" v-if="!topicobj.branchFlag">
+                      <el-input
+                        v-model="topicobj.nextScriptno"
+                        placeholder="璇疯緭鍏ラ鍙�"
+                      ></el-input>
+                    </el-form-item>
+                  </el-col>
+                </el-row>
+
                 <el-row :gutter="10">
                   <el-col :span="12"
                     ><el-form-item label="鏄惁蹇呭～">
@@ -380,6 +439,12 @@
                       </el-select> </el-form-item
                   ></el-col>
                 </el-row>
+                <el-form-item label="鏄惁鐢遍�夐」閰嶇疆璺宠浆">
+                  <el-radio-group v-model="topicobj.branchFlag">
+                    <el-radio :label="1">鏄�</el-radio>
+                    <el-radio :label="0">鍚�</el-radio>
+                  </el-radio-group>
+                </el-form-item>
                 <div v-if="topicobj.scriptType != 3">
                   <div class="headline">閫夐」璁剧疆</div>
                   <div
@@ -781,11 +846,13 @@
       themelist: [],
       languagelist: [],
       courtyardlist: [],
+      askvaluetype: [],
       precedencetype: [],
       inputValueillness: "",
       inputVisible: false,
       inputVisibleillness: false,
       illnessVisible: false, //鎸囨爣鐤剧梾寮规
+      Operateit: true,
       deptOptions: [],
       optionsillness: [],
       delScriptVOList: [],
@@ -839,6 +906,8 @@
     this.required = store.getters.required;
     this.valuetype = store.getters.valuetype;
     this.courtyardlist = store.getters.courtyardlist;
+    this.askvaluetype = store.getters.askvaluetype;
+
     // this.test();
   },
 
@@ -1293,8 +1362,7 @@
   // display: flex;
 }
 .sidecolumn {
-  margin: 20px;
-  margin-bottom: 0;
+  margin: 10px 20px 0 20px;
   padding: 20px;
   background: #edf1f7;
   border: 1px solid #dcdfe6;
@@ -1308,6 +1376,8 @@
   // margin-top: 20px;
   margin: 20px;
   padding: 30px;
+  padding-top: 5px;
+  margin-top: 10px;
   background: #ffff;
   border: 1px solid #dcdfe6;
   -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12),
@@ -1387,6 +1457,16 @@
       color: #f52727;
     }
   }
+  .spresentation-left {
+    width: 100%;
+    // height: 500px;
+    .button-textxg {
+      color: #024df0;
+    }
+    .button-textsc {
+      color: #f52727;
+    }
+  }
   .presentation-right {
     width: 50%;
     max-height: 688px;
@@ -1411,6 +1491,13 @@
 .custom-width {
   width: 100px; /* 璁剧疆瀹藉害鏍峰紡 */
 }
+.el-select {
+  width: 40%;
+}
+
+.el-cascader {
+  width: 40%;
+}
 ::v-deep .addtopic-input {
   input {
     background: #02a7f0;
diff --git a/src/views/knowledge/questionnaire/index.vue b/src/views/knowledge/questionnaire/index.vue
index d46d0a7..1606dd4 100644
--- a/src/views/knowledge/questionnaire/index.vue
+++ b/src/views/knowledge/questionnaire/index.vue
@@ -68,72 +68,48 @@
               v-show="showSearch"
               label-width="98px"
             >
-              <el-form-item label="闂嵎鍚嶇О" prop="userName">
+              <el-form-item label="闂嵎鍚嶇О" prop="svyname">
                 <el-input
-                  v-model="queryParams.userName"
+                  v-model="queryParams.svyname"
                   placeholder="璇疯緭鍏�"
                   clearable
                   style="width: 200px"
                   @keyup.enter.native="handleQuery"
                 />
               </el-form-item>
-              <el-form-item label="閫傜敤绉戝" prop="region">
-                <el-cascader
-                  v-model="queryParams.administrative"
-                  :options="deptList"
-                  :props="props"
-                  :show-all-levels="false"
-                  clearable
-                >
-                  <template slot-scope="{ node, data }">
-                    <span>{{ data.deptName }}</span>
-                    <span v-if="!node.isLeaf">
-                      ({{ data.children.length }})
-                    </span>
-                  </template>
-                </el-cascader>
-              </el-form-item>
-              <el-form-item label="閫氱煡鍐呭" prop="userName">
-                <el-input
-                  v-model="queryParams.userNamevalue"
-                  placeholder="璇疯緭鍏�"
-                  clearable
-                  style="width: 200px"
-                  @keyup.enter.native="handleQuery"
-                />
-              </el-form-item>
-              <el-form-item label="閫傜敤鏂瑰紡" prop="shape">
-                <el-cascader
-                  v-model="queryParams.shapevalue"
-                  :options="editableTabs"
-                  :props="propss"
-                  clearable
-                ></el-cascader>
-              </el-form-item>
-              <el-form-item label="鍐呭褰㈠紡" prop="classify">
+              <el-form-item label="閫傜敤闄㈠尯" prop="region">
                 <el-select
-                  v-model="queryParams.classifyvalue"
-                  placeholder="璇烽�夋嫨"
+                  v-model="queryParams.campus"
+                  size="medium"
+                  filterable
+                  placeholder="璇烽�夋嫨鍒嗙被"
                 >
                   <el-option
-                    v-for="(item, index) in editableTabs"
-                    :key="index++"
-                    :label="item.title"
-                    :value="index++"
+                    v-for="item in courtyardlist"
+                    :key="item.label"
+                    :label="item.label"
+                    :value="item.label"
                   >
                   </el-option>
                 </el-select>
               </el-form-item>
+              <el-form-item label="涓昏鍐呭" prop="userName">
+                <el-input
+                  v-model="queryParams.description"
+                  placeholder="璇疯緭鍏�"
+                  clearable
+                  style="width: 200px"
+                  @keyup.enter.native="handleQuery"
+                />
+              </el-form-item>
+
               <el-form-item label="鍙敤鐘舵��" prop="classify">
-                <el-select
-                  v-model="queryParams.classifyvalue"
-                  placeholder="璇烽�夋嫨"
-                >
+                <el-select v-model="queryParams.isenable" placeholder="璇烽�夋嫨">
                   <el-option
-                    v-for="(item, index) in editableTabs"
-                    :key="index++"
-                    :label="item.title"
-                    :value="index++"
+                    v-for="(item, index) in qyoptions"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.value"
                   >
                   </el-option>
                 </el-select>
@@ -189,15 +165,15 @@
               @selection-change="handleSelectionChange"
             >
               <el-table-column type="selection" width="50" align="center" />
-              <el-table-column
+              <!-- <el-table-column
                 label="搴忓彿"
                 fixed
                 align="center"
                 key="svyid"
                 prop="svyid"
-              />
+              /> -->
               <el-table-column
-                label="闂嵎鏍囬"
+                label="闂嵎鍚嶇О"
                 fixed
                 align="center"
                 key="svyname"
@@ -254,7 +230,7 @@
               </el-table-column>
 
               <el-table-column
-                label="鍙敤"
+                label="鏄惁鍙敤"
                 align="center"
                 key="isenable"
                 prop="isenable"
@@ -287,7 +263,7 @@
                     v-hasPermi="['system:user:edit']"
                   >
                     <span class="button-text"
-                      ><i class="el-icon-edit"></i>浜岀淮鐮�</span
+                      ><i class="el-icon-edit"></i>棰勮</span
                     ></el-button
                   >
                   <!-- <el-button
@@ -411,7 +387,7 @@
       </span>
     </el-dialog>
     <!-- 浜岀淮鐮佸睍绀哄脊妗� -->
-    <el-dialog width="30%" :visible.sync="goQRCodeVisible">
+    <!-- <el-dialog width="30%" :visible.sync="goQRCodeVisible">
       <div class="qrcode-dialo">
         <div class="qrcode-text">
           {{ namequestionnaire }}<span>{{ haoquestionnaire }}</span>
@@ -421,6 +397,69 @@
             src="D:/qrcode/fc9a1fa37e394ac3ac606bf6b77b17c3"
             fit="cover"
           ></el-image>
+        </div>
+      </div>
+    </el-dialog> -->
+    <!-- 闂嵎妯＄増棰勮 -->
+    <el-dialog title="闅忚棰樼洰棰勮" :visible.sync="topicVisible" width="50%">
+      <div class="preview-left">
+        <!-- 鍗曢�� -->
+        <div
+          class="scriptTopic-dev"
+          v-for="item in topicform.svyTemplateLibScripts"
+          :key="item.sort"
+          v-if="item.scriptType == 1"
+        >
+          <div class="dev-text">
+            {{ item.sort }}銆乕鍗曢�塢<span>{{ item.scriptContent }}</span>
+          </div>
+          <div class="dev-xx">
+            <el-radio-group v-model="item.remark">
+              <el-radio
+                v-for="(items, index) in item.svyLibTemplateTargetoptions"
+                :key="index"
+                :label="index"
+                >{{ items.optioncontent }}</el-radio
+              >
+            </el-radio-group>
+          </div>
+        </div>
+        <!-- 澶氶�� -->
+        <div
+          class="scriptTopic-dev"
+          v-for="item in topicform.svyTemplateLibScripts"
+          :key="item.sort"
+          v-if="item.scriptType == 2"
+        >
+          <div class="dev-text">
+            {{ item.sort }}銆乕澶氶�塢<span>{{ item.scriptContent }}</span>
+          </div>
+          <div class="dev-xx">
+            <el-checkbox-group v-model="qremark">
+              <el-checkbox
+                v-for="(items, index) in item.svyLibTemplateTargetoptions"
+                :key="index"
+                :label="index"
+              >
+                {{ items.optioncontent }}
+              </el-checkbox>
+            </el-checkbox-group>
+          </div>
+        </div>
+        <!-- 濉┖ -->
+        <div
+          class="scriptTopic-dev"
+          v-for="item in topicform.svyTemplateLibScripts"
+          :key="item.sort"
+          v-if="item.scriptType == 3"
+        >
+          <div class="dev-text">
+            {{ item.sort }}銆乕濉┖]<span>{{ item.scriptContent }}</span>
+          </div>
+          <div class="dev-xx">
+            <el-input placeholder="璇疯緭鍏ョ瓟妗�" v-model="radioas" clearable>
+            </el-input>
+          </div>
         </div>
       </div>
     </el-dialog>
@@ -436,7 +475,7 @@
   addQtemplateclassify,
   editQtemplateclassify,
   getQtemplatelist,
-  issueinfo,
+  getQtemplateobj,
   compileissue,
   delQtemplateinfo,
   Followupinfo,
@@ -462,6 +501,7 @@
       loading: false,
       // 閫変腑鏁扮粍
       ids: [],
+      qremark: [],
       // 闈炲崟涓鐢�
       single: true,
       // 闈炲涓鐢�
@@ -473,6 +513,7 @@
       namequestionnaire: "",
       haoquestionnaire: "",
       QRcodeurl: "",
+      courtyardlist: "",
       // 鐢ㄦ埛琛ㄦ牸鏁版嵁
       userList: [],
 
@@ -492,6 +533,8 @@
       idds: "",
       amendtag: false, //鏄惁淇敼绫诲埆
       dialogFormVisible: false, //淇敼娣诲姞绫诲埆寮规
+      topicVisible: false, //
+      topicform: {},
       classifyform: {}, //绫诲埆琛ㄥ崟
       indexid: null,
       inputValue: "",
@@ -530,6 +573,7 @@
     this.languagelist = store.getters.languagelist;
     this.qyoptions = store.getters.usable;
     this.editableTabs = store.getters.editableTabs;
+    this.courtyardlist = store.getters.courtyardlist;
   },
 
   methods: {
@@ -547,15 +591,20 @@
     },
 
     goQRCode(row) {
-      getQRcode({
-        url: "/outsideChain?param1=KHRYDSSuTpwGWDhAS6OnpfxObRZf8fd/TIagYWPvDuyku+MjtrWt1efC1htoBDc+G4QP2UOWPNitAO4TwH4oIQ==&param2=CP/xYqwqDhWACt2aQ/HOwhgRM62Lh4/1upwYDl7dmKSuiaa4zRzMgu7rmRztiwQj2YvJ1KAX1zBTpUAIdxPvUA==",
-      }).then((res) => {
-        console.log(res);
-        this.QRcodeurl = "D:/qrcode/fc9a1fa37e394ac3ac606bf6b77b17c3";
+      getQtemplateobj({ svyid: row.svyid }).then((res) => {
+        this.topicform = res.rows[0];
+        console.log(this.topicform);
+        this.topicVisible = true;
       });
-      this.goQRCodeVisible = true;
-      this.namequestionnaire = row.userName;
-      this.haoquestionnaire = row.nickName;
+      // getQRcode({
+      //   url: "/outsideChain?param1=KHRYDSSuTpwGWDhAS6OnpfxObRZf8fd/TIagYWPvDuyku+MjtrWt1efC1htoBDc+G4QP2UOWPNitAO4TwH4oIQ==&param2=CP/xYqwqDhWACt2aQ/HOwhgRM62Lh4/1upwYDl7dmKSuiaa4zRzMgu7rmRztiwQj2YvJ1KAX1zBTpUAIdxPvUA==",
+      // }).then((res) => {
+      //   console.log(res);
+      //   this.QRcodeurl = "D:/qrcode/fc9a1fa37e394ac3ac606bf6b77b17c3";
+      // });
+      // this.goQRCodeVisible = true;
+      // this.namequestionnaire = row.userName;
+      // this.haoquestionnaire = row.nickName;
     },
     // 琛ㄥ崟閲嶇疆
     reset() {
@@ -710,7 +759,8 @@
         });
         return;
       }
-      let calssvalue = {};
+      let calssvalue = {
+      };
       if (
         this.classifyform.pid &&
         this.classifyform.name &&
@@ -719,11 +769,12 @@
         const index = this.deptOptions.findIndex(
           (obj) => obj.id == this.classifyform.pid
         );
+        console.log(this.deptOptions[index]);
         calssvalue = this.deptOptions[index];
-        calssvalue.svyLibTitleCategoryList.push(this.classifyform);
+        calssvalue.svyLibTemplateCategoryList.push(this.classifyform);
       } else if (this.radio == "涓诲垎绫�" && this.classifyform.name) {
         this.classifyform.pid = null;
-        this.classifyform.svyLibTitleCategoryList = [];
+        this.classifyform.svyLibTemplateCategoryList = [];
       } else {
         return this.$modal.msgError("璇峰～鍐欏畬鏁翠俊鎭�");
       }
@@ -954,6 +1005,22 @@
     vertical-align: bottom;
   }
 }
+.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);
+  .scriptTopic-dev {
+    margin-bottom: 25px;
+    font-size: 20px !important;
+    .dev-text {
+      margin-bottom: 10px;
+    }
+  }
+}
 
 ::v-deep .el-tree-node__content {
   display: -webkit-box;
diff --git a/src/views/repositoryai/matching/myAudio.vue b/src/views/repositoryai/matching/myAudio.vue
index ec471d9..1b0f274 100644
--- a/src/views/repositoryai/matching/myAudio.vue
+++ b/src/views/repositoryai/matching/myAudio.vue
@@ -113,7 +113,7 @@
     },
     theControlList: {
       type: String,
-      default: "",
+      default: "", 
     },
   },
   data() {
diff --git a/src/views/repositoryai/templateku/configurat/index.vue b/src/views/repositoryai/templateku/configurat/index.vue
index f565af4..8aedee9 100644
--- a/src/views/repositoryai/templateku/configurat/index.vue
+++ b/src/views/repositoryai/templateku/configurat/index.vue
@@ -462,6 +462,10 @@
                       </el-select> </el-form-item
                   ></el-col>
                 </el-row>
+                <el-form-item label="闂璇煶" v-if="topicobj.scriptVoice">
+                  <mini-audio :audio-source="topicobj.scriptVoice"></mini-audio>
+                </el-form-item>
+
                 <div
                   class="topicxq"
                   v-if="topicobj.valueType == 2 || topicobj.valueType == 3"
@@ -512,38 +516,16 @@
                           </el-input> </el-form-item
                       ></el-col>
                     </el-row>
-                    <!-- <el-row :gutter="10">
-                      <el-col :span="12"
-                        ><el-form-item label="澶勭悊">
-                          <el-input
-                            type="text"
-                            placeholder="(榛樿)鏃犲０"
-                            v-model="topicobj.text"
-                            maxlength="10"
-                            show-word-limit
-                          >
-                          </el-input> </el-form-item
-                      ></el-col>
-                    </el-row> -->
-
                     <el-row :gutter="10">
                       <el-col :span="16">
-                        <el-form-item label="璇煶鏂囦欢">
-                          <el-upload
-                            class="upload-demo"
-                            style="display: flex"
-                            action="https://jsonplaceholder.typicode.com/posts/"
-                            :on-change="handleChange"
-                            :file-list="fileList"
-                            :limit="1"
-                            :on-exceed="handleExceed"
-                          >
-                            <el-button size="small" type="primary"
-                              >鐐瑰嚮涓婁紶</el-button
-                            >
-                          </el-upload>
-                        </el-form-item></el-col
-                      >
+                        <el-form-item
+                          label="鏃犲尮閰嶈闊�"
+                          v-if="topicobj.nomatchvoice"
+                        >
+                          <mini-audio
+                            :audio-source="topicobj.nomatchvoice"
+                          ></mini-audio> </el-form-item
+                      ></el-col>
                     </el-row>
                   </div>
                   <div class="topicxq">
@@ -560,38 +542,21 @@
                           </el-input> </el-form-item
                       ></el-col>
                     </el-row>
-                    <!-- <el-row :gutter="10">
-                      <el-col :span="12"
-                        ><el-form-item label="澶勭悊">
-                          <el-input
-                            type="text"
-                            placeholder="(榛樿)鏃犲０"
-                            v-model="topicobj.text"
-                            maxlength="10"
-                            show-word-limit
-                          >
-                          </el-input> </el-form-item
-                      ></el-col>
-                    </el-row> -->
 
                     <el-row :gutter="10">
                       <el-col :span="16">
-                        <el-form-item label="璇煶鏂囦欢">
-                          <el-upload
-                            class="upload-demo"
-                            style="display: flex"
-                            action="https://jsonplaceholder.typicode.com/posts/"
-                            :on-change="handleChange"
-                            :file-list="fileList"
-                            :limit="1"
-                            :on-exceed="handleExceed"
-                          >
-                            <el-button size="small" type="primary"
-                              >鐐瑰嚮涓婁紶</el-button
-                            >
-                          </el-upload>
-                        </el-form-item></el-col
-                      >
+                        <el-form-item
+                          label="璇煶鏂囦欢"
+                          v-if="topicobj.noclearlyvoice"
+                        >
+                          <mini-audio
+                            :audio-source="
+                              topicobj.noclearlyvoice
+                                ? topicobj.noclearlyvoice
+                                : 'https://example.com/example.mp3'
+                            "
+                          ></mini-audio> </el-form-item
+                      ></el-col>
                     </el-row>
                   </div>
                   <div class="topicxq">
@@ -608,38 +573,21 @@
                           </el-input> </el-form-item
                       ></el-col>
                     </el-row>
-                    <!-- <el-row :gutter="10">
-                      <el-col :span="12"
-                        ><el-form-item label="澶勭悊">
-                          <el-input
-                            type="text"
-                            placeholder="(榛樿)鏃犲０"
-                            v-model="topicobj.text"
-                            maxlength="10"
-                            show-word-limit
-                          >
-                          </el-input> </el-form-item
-                      ></el-col>
-                    </el-row> -->
 
                     <el-row :gutter="10">
                       <el-col :span="16">
-                        <el-form-item label="璇煶鏂囦欢">
-                          <el-upload
-                            class="upload-demo"
-                            style="display: flex"
-                            action="https://jsonplaceholder.typicode.com/posts/"
-                            :on-change="handleChange"
-                            :file-list="fileList"
-                            :limit="1"
-                            :on-exceed="handleExceed"
-                          >
-                            <el-button size="small" type="primary"
-                              >鐐瑰嚮涓婁紶</el-button
-                            >
-                          </el-upload>
-                        </el-form-item></el-col
-                      >
+                        <el-form-item
+                          label="璇煶鏂囦欢"
+                          v-if="topicobj.sliencevoice"
+                        >
+                          <mini-audio
+                            :audio-source="
+                              topicobj.sliencevoice
+                                ? topicobj.sliencevoice
+                                : 'https://example.com/example.mp3'
+                            "
+                          ></mini-audio> </el-form-item
+                      ></el-col>
                     </el-row>
                   </div>
                 </div>
diff --git a/src/views/repositoryai/verbaltrick/index.vue b/src/views/repositoryai/verbaltrick/index.vue
index 0963c32..1c28856 100644
--- a/src/views/repositoryai/verbaltrick/index.vue
+++ b/src/views/repositoryai/verbaltrick/index.vue
@@ -188,10 +188,10 @@
               />
 
               <el-table-column
-                label="闂璇煶"
+                label="闂鍐呭"
                 align="center"
-                key="scriptVoice"
-                prop="scriptVoice"
+                key="scriptContent"
+                prop="scriptContent"
                 width="200"
               /><el-table-column
                 label="鍏宠仈鎸囨爣"
diff --git a/src/views/repositoryai/verbaltrick/particulars/index.vue b/src/views/repositoryai/verbaltrick/particulars/index.vue
index 6300473..0b85d31 100644
--- a/src/views/repositoryai/verbaltrick/particulars/index.vue
+++ b/src/views/repositoryai/verbaltrick/particulars/index.vue
@@ -246,7 +246,7 @@
                 <div style="display: flex; margin-bottom: 10px">
                   <div
                     v-for="item in variablelist"
-                    class="tsgname"
+                    :class="item.default ? 'tsgname' : 'tsgnames'"
                     @click="tsgnameto(item)"
                   >
                     {{ item.variatename }}
@@ -273,23 +273,32 @@
               </el-form-item> </el-col
           ></el-row>
           <el-row>
-            <el-col :span="6">
+            <el-col :span="12">
               <el-form-item label="闂璇煶" prop="verbaltrickyy">
                 <el-upload
                   class="upload-demo"
-                  action="https://jsonplaceholder.typicode.com/posts/"
-                  :on-change="handleChange"
-                  :file-list="fileList"
+                  :action="uploadImgUrl"
+                  :headers="headers"
+                  :on-success="
+                    (response, file) => handleChange(response, file, 1)
+                  "
+                  accept=".wav,.mp3"
                   :limit="1"
-                  :on-exceed="handleExceed"
                 >
                   <el-button size="small" type="primary">鐐瑰嚮涓婁紶</el-button>
                 </el-upload>
-                <!-- <el-input v-model="indexform.userName" maxlength="66"
-                  show-word-limit /> -->
               </el-form-item>
-            </el-col></el-row
-          >
+            </el-col>
+            <el-col :span="6"> </el-col>
+            <mini-audio
+              :audio-source="
+                indexform.scriptVoice
+                  ? indexform.scriptVoice
+                  : 'https://example.com/example.mp3'
+              "
+            ></mini-audio>
+          </el-row>
+
           <el-row>
             <el-col :span="24">
               <el-form-item label="鏃犲尮閰嶆枃鏈�" prop="noMatchText">
@@ -305,21 +314,31 @@
               </el-form-item> </el-col
           ></el-row>
           <el-row>
-            <el-col :span="6">
-              <el-form-item label="鏃犲尮閰嶈闊�" prop="matchyy">
+            <el-col :span="12">
+              <el-form-item label="鏃犲尮閰嶈闊�" prop="verbaltrickyy">
                 <el-upload
                   class="upload-demo"
-                  action="https://jsonplaceholder.typicode.com/posts/"
-                  :on-change="handleChange"
-                  :file-list="fileList"
+                  :action="uploadImgUrl"
+                  :headers="headers"
+                  :on-success="
+                    (response, file) => handleChange(response, file, 2)
+                  "
+                  accept=".wav,.mp3"
                   :limit="1"
-                  :on-exceed="handleExceed"
                 >
                   <el-button size="small" type="primary">鐐瑰嚮涓婁紶</el-button>
                 </el-upload>
               </el-form-item>
-            </el-col></el-row
-          >
+            </el-col>
+            <el-col :span="6"> </el-col>
+            <mini-audio
+              :audio-source="
+                indexform.nomatchvoice
+                  ? indexform.nomatchvoice
+                  : 'https://example.com/example.mp3'
+              "
+            ></mini-audio>
+          </el-row>
           <el-row>
             <el-col :span="24">
               <el-form-item label="鏃犲０鏂囨湰" prop="slienceText">
@@ -335,21 +354,31 @@
               </el-form-item> </el-col
           ></el-row>
           <el-row>
-            <el-col :span="6">
-              <el-form-item label="鏃犲０璇煶" prop="silentyy">
+            <el-col :span="12">
+              <el-form-item label="鏃犲０璇煶" prop="verbaltrickyy">
                 <el-upload
                   class="upload-demo"
-                  action="https://jsonplaceholder.typicode.com/posts/"
-                  :on-change="handleChange"
-                  :file-list="fileList"
+                  :action="uploadImgUrl"
+                  :headers="headers"
+                  :on-success="
+                    (response, file) => handleChange(response, file, 3)
+                  "
+                  accept=".wav,.mp3"
                   :limit="1"
-                  :on-exceed="handleExceed"
                 >
                   <el-button size="small" type="primary">鐐瑰嚮涓婁紶</el-button>
                 </el-upload>
               </el-form-item>
-            </el-col></el-row
-          >
+            </el-col>
+            <el-col :span="6"> </el-col>
+            <mini-audio
+              :audio-source="
+                indexform.sliencevoice
+                  ? indexform.sliencevoice
+                  : 'https://example.com/example.mp3'
+              "
+            ></mini-audio>
+          </el-row>
 
           <el-row>
             <el-col :span="24">
@@ -366,21 +395,31 @@
               </el-form-item> </el-col
           ></el-row>
           <el-row>
-            <el-col :span="6">
-              <el-form-item label="鍚笉娓呰闊�" prop="vagueyy">
+            <el-col :span="12">
+              <el-form-item label="鍚笉娓呰闊�" prop="verbaltrickyy">
                 <el-upload
                   class="upload-demo"
-                  action="https://jsonplaceholder.typicode.com/posts/"
-                  :on-change="handleChange"
-                  :file-list="fileList"
+                  :action="uploadImgUrl"
+                  :headers="headers"
+                  :on-success="
+                    (response, file) => handleChange(response, file, 4)
+                  "
+                  accept=".wav,.mp3"
                   :limit="1"
-                  :on-exceed="handleExceed"
                 >
                   <el-button size="small" type="primary">鐐瑰嚮涓婁紶</el-button>
                 </el-upload>
               </el-form-item>
-            </el-col></el-row
-          >
+            </el-col>
+            <el-col :span="6"> </el-col>
+            <mini-audio
+              :audio-source="
+                indexform.noclearlyvoice
+                  ? indexform.noclearlyvoice
+                  : 'https://example.com/example.mp3'
+              "
+            ></mini-audio>
+          </el-row>
         </el-form>
         <div slot="footer" class="dialog-footer">
           <el-button type="primary" @click="nextstep">涓嬩竴姝�</el-button>
@@ -595,12 +634,17 @@
 } from "@/api/AiCentre/index";
 import Regular from "@/components/Regular"; //姝ｅ垯缁勪欢
 import store from "@/store";
+import { getToken } from "@/utils/auth";
 
 export default {
   name: "Verbalproblem",
   components: { Regular },
   data() {
     return {
+      headers: {
+        Authorization: "Bearer " + getToken(),
+      },
+      uploadImgUrl: process.env.VUE_APP_BASE_API + "/common/uploadSort",
       Editprogress: 1, //缂栬緫杩涘害
       loading: false, // 閬僵灞�
       radio: "false", //鍗曢�夐閫変腑
@@ -842,17 +886,19 @@
     },
     // 鏂囦欢----------------------
     // 鎺у埗鏂囦欢
-    handleChange(file, fileList) {
-      this.fileList = fileList.slice(-3);
+    handleChange(response, file, additionalParam) {
+      console.log(response);
+      if (additionalParam == 1) {
+        this.indexform.scriptVoice = response.url;
+      } else if (additionalParam == 2) {
+        this.indexform.nomatchvoice = response.url;
+      } else if (additionalParam == 3) {
+        this.indexform.sliencevoice = response.url;
+      } else if (additionalParam == 4) {
+        this.indexform.noclearlyvoice = response.url;
+      }
     },
-    // 鏂囦欢瓒呭嚭涓暟闄愬埗鏃剁殑閽╁瓙
-    handleExceed(files, fileList) {
-      this.$message.warning(
-        `褰撳墠闄愬埗閫夋嫨 1 涓枃浠讹紝鏈閫夋嫨浜� ${files.length} 涓枃浠讹紝鍏遍�夋嫨浜� ${
-          files.length + fileList.length
-        } 涓枃浠禶
-      );
-    },
+
     // 鏍囩-----------------
     gettabList() {
       const tagqueryParams = {
@@ -1129,7 +1175,7 @@
   padding-top: 0;
   padding-bottom: 0;
 }
-.tsgname {
+.tsgnames {
   width: 90px;
   margin-right: 10px;
   text-align: center;
@@ -1141,9 +1187,24 @@
   font-size: 18px;
   border-radius: 5px;
 }
-.tsgname:hover {
+.tsgnames:hover {
   background: #3366f5;
 }
+.tsgname {
+  width: 90px;
+  margin-right: 10px;
+  text-align: center;
+  cursor: pointer;
+  height: 40px;
+  line-height: 40px;
+  background: #66c18c;
+  color: #ffff;
+  font-size: 18px;
+  border-radius: 5px;
+}
+.tsgname:hover {
+  background: #20894d;
+}
 .tsgnamebj {
   width: 90px;
   margin-left: 15px;

--
Gitblit v1.9.3