修改问卷和话术预览

src/views/system/ManageNodeInformation/index.vue

@@ -343,6 +343,15 @@
                 :templateName="form.templateName"
               ></question>
             </el-form-item>
+            <span
+              style="display: inline-block; width: 10px"
+              v-if="
+                form.taskSubdivisiontemplateType == 'QUESTIONNAIRE' &&
+                form.templateId
+              "
+            >
+              <el-button @click="looklist">预览</el-button>
+            </span>
             <el-form-item
               label="宣教库模板选择"
               prop=""
@@ -381,15 +390,19 @@
           </div>
         </div>
         <!-- 问卷 -->
-        <div
+
-          class="righttextarea"
+        <el-dialog
-          v-if="
+          title="问卷预览"
-            form.taskSubdivisiontemplateType == 'QUESTIONNAIRE' &&
+          :visible.sync="lookquestionlist"
-            form.templateId
+          width="40%"
-          "
         >
           <questionopennew :lookitemnew="lookitemnew"></questionopennew>
-        </div>
+          <span slot="footer" class="dialog-footer">
+            <el-button type="primary" @click="lookquestionlist = false"
+              >确 定</el-button
+            >
+          </span>
+        </el-dialog>
         <div class="bottomform">
           <wangeditor
             style="width: 100%"
@@ -510,6 +523,8 @@
                   </el-radio-group>
                 </span>
               </div>
+            </div>
+            <div class="flex">
               <div class="pushMethod">
                 话术模板：
                 <span
@@ -529,6 +544,12 @@
                     :templateName="form.phoneTemplateName"
                   ></scripts>
                 </span>
+                <span
+                  style="display: inline-block; width: 10px"
+                  v-if="form.phoneTemplateId"
+                >
+                  <el-button @click="look">预览</el-button>
+                </span>
               </div>
               <div
                 class="pushMethod"
@@ -549,6 +570,12 @@
                     :templateName="form.templateName"
                   ></question>
                 </span>
+                <span
+                  style="display: inline-block; width: 10px"
+                  v-if="form.templateId"
+                >
+                  <el-button @click="lookquestion">预览</el-button>
+                </span>
               </div>
               <!-- <div class="pushMethod">
                 <el-switch
@@ -628,21 +655,33 @@
               </div>
             </div>
             <!-- 话术模板内容 -->
-            <div
+            <el-dialog
-              class="imageScriptpreview"
+              title="话术预览"
-              v-if="phoneNodeContent "
+              :visible.sync="lookNodeContent"
+              width="90%"
             >
               <Scriptpreview
                 :phoneNodeContent="phoneNodeContent"
               ></Scriptpreview>
-            </div>
+              <span slot="footer" class="dialog-footer">
+                <el-button type="primary" @click="lookNodeContent = false"
+                  >确 定</el-button
+                >
+              </span>
+            </el-dialog>
             <!-- 问卷模板内容 -->
-            <div
+            <el-dialog
-              class="imageScriptpreview"
+              title="问卷预览"
-              v-if="lookitemnew"
+              :visible.sync="lookquestionname"
+              width="40%"
             >
               <questionopennew :lookitemnew="lookitemnew"></questionopennew>
-            </div>
+              <span slot="footer" class="dialog-footer">
+                <el-button type="primary" @click="lookquestionname = false"
+                  >确 定</el-button
+                >
+              </span>
+            </el-dialog>
           </div>
         </div>
       </div>

src/views/system/ManageNodeInformation/indexjs.js

@@ -46,6 +46,9 @@ export default {
   name: "specialDiseaseNode",
   data() {
     return {
+      lookNodeContent: false,
+      lookquestionname: false,
+      lookquestionlist: false,
       formview: {},
       lookitemnew: {},
       baseUrl: process.env.VUE_APP_BASE_API,
@@ -628,6 +631,19 @@ export default {
 
       this.phoneNodeContent = item.phoneNodeContent;
     },
+    // 预览话术图
+    look() {
+      this.lookNodeContent = true
+    },
+    // 预览问卷
+    lookquestion() {
+      this.lookquestionname = true
+    },
+    // 问卷库模板选择
+    looklist() {
+      this.lookquestionlist = true
+    },
+
     changephoneDialMethod(e) {
       console.log(e)
       if (e == 'AI') {

src/views/system/specialDiseaseNode/index.vue

@@ -159,6 +159,15 @@
                 :templateName="form.templateName"
               ></question>
             </el-form-item>
+            <span
+              style="display: inline-block; width: 10px"
+              v-if="
+                form.taskSubdivisiontemplateType == 'QUESTIONNAIRE' &&
+                form.templateId
+              "
+            >
+              <el-button @click="looklist">预览</el-button>
+            </span>
             <el-form-item
               label="宣教库模板选择"
               prop=""
@@ -197,15 +206,18 @@
           </div>
         </div>
         <!-- 问卷 -->
-        <div
+        <el-dialog
-          class="righttextarea"
+          title="问卷预览"
-          v-show="
+          :visible.sync="lookquestionlist"
-            form.taskSubdivisiontemplateType == 'QUESTIONNAIRE' &&
+          width="40%"
-            form.templateId
-          "
         >
           <questionopennew :lookitemnew="lookitemnew"></questionopennew>
-        </div>
+          <span slot="footer" class="dialog-footer">
+            <el-button type="primary" @click="lookquestionlist = false"
+              >确 定</el-button
+            >
+          </span>
+        </el-dialog>
         <div class="bottomform">
           <wangeditor
             style="width: 100%"
@@ -342,6 +354,8 @@
                   </el-radio-group>
                 </span>
               </div>
+            </div>
+            <div class="flex">
               <div class="pushMethod">
                 话术模板：
                 <span
@@ -361,6 +375,13 @@
                     :templateName="form.phoneTemplateName"
                   ></scripts>
                 </span>
+                <span
+                  style="display: inline-block; width: 10px"
+                  v-if="form.phoneTemplateId"
+                >
+                  <el-button @click="look">预览</el-button>
+                </span>
+                <!-- <br/> -->
               </div>
               <div
                 class="pushMethod"
@@ -381,6 +402,12 @@
                     :templateName="form.templateName"
                   ></question>
                 </span>
+                <span
+                  style="display: inline-block; width: 10px"
+                  v-if="form.templateId"
+                >
+                  <el-button @click="lookquestion">预览</el-button>
+                </span>
               </div>
               <!-- <div class="pushMethod">
                 <el-switch
@@ -467,20 +494,33 @@
               </div>
             </div>
             <!-- 话术模板内容 -->
-            <div
+            <el-dialog
-              class="imageScriptpreview"
+              title="话术预览"
-              v-if="
+              :visible.sync="lookNodeContent"
-                phoneNodeContent && form.templateType == 'SCRIPT'
+              width="90%"
-              "
             >
               <Scriptpreview
                 :phoneNodeContent="phoneNodeContent"
               ></Scriptpreview>
-            </div>
+              <span slot="footer" class="dialog-footer">
+                <el-button type="primary" @click="lookNodeContent = false"
+                  >确 定</el-button
+                >
+              </span>
+            </el-dialog>
             <!-- 问卷模板内容 -->
-            <div class="imageScriptpreview" v-else-if="lookitemnew && form.templateType == 'QUESTIONNAIRE'">
+            <el-dialog
+              title="问卷预览"
+              :visible.sync="lookquestionname"
+              width="40%"
+            >
               <questionopennew :lookitemnew="lookitemnew"></questionopennew>
-            </div>
+              <span slot="footer" class="dialog-footer">
+                <el-button type="primary" @click="lookquestionname = false"
+                  >确 定</el-button
+                >
+              </span>
+            </el-dialog>
           </div>
         </div>
       </div>
@@ -575,6 +615,9 @@ export default {
   data() {
     return {
       formview: {},
+      lookquestionname: false,
+      lookquestionlist: false,
+      lookNodeContent: false,
       lookitemnew: {},
       baseUrl: process.env.VUE_APP_BASE_API,
       showquestion: false,
@@ -665,6 +708,19 @@ export default {
   },
   mounted() {},
   methods: {
+    // 问卷库模板选择
+    looklist() {
+      this.lookquestionlist = true;
+    },
+    // 预览问卷
+    lookquestion() {
+      this.lookquestionname = true;
+    },
+    // 预览话术图
+    look() {
+      this.lookNodeContent = true;
+    },
+    // 切换人工和自动
     changephoneDialMethod(e) {
       console.log(e);
       if (e == "AI") {
@@ -673,7 +729,7 @@ export default {
         this.form.phoneTemplateId = "";
         this.form.phoneTemplateName = "";
         // 清空话术和问卷
-        this.phoneNodeContent = "";
+        // this.phoneNodeContent = "";
         this.lookitemnew = "";
       } else if (e == "COMMON") {
         // 清空问卷id话术id和对应名字
@@ -684,7 +740,7 @@ export default {
         this.form.phoneTemplateId = "";
         this.form.phoneTemplateName = "";
         // 清空话术和问卷
-        this.phoneNodeContent = "";
+        // this.phoneNodeContent = "";
         this.lookitemnew = "";
       }
     },
@@ -767,14 +823,17 @@ export default {
           this.form = this.lists[0].list[0];
           console.log(this.form, "this,form");
           // 宣教模板回显
-          if (this.form.templateType == "PROPAGANDA"&&this.form.templateId) {
+          if (this.form.templateType == "PROPAGANDA" && this.form.templateId) {
             getPropaganda(this.form.templateId).then((response) => {
               console.log(response, " this.formview ");
 
               this.formview = response.data;
             });
-          } else if (this.form.templateType == "QUESTIONNAIRE"||this.form.templateType == "SCRIPT"&&this.form.templateId) {
+          } else if (
-          console.log(this.form.templateId,'this.form.templateId5555555555')
+            this.form.templateType == "QUESTIONNAIRE" ||
+            (this.form.templateType == "SCRIPT" && this.form.templateId)
+          ) {
+            console.log(this.form.templateId, "this.form.templateId5555555555");
 
             // 问卷模板回显
             questionname(this.form.templateId).then((res) => {
@@ -989,13 +1048,16 @@ export default {
       setTimeout(() => {
         this.form = uitem;
 
-        if (this.form.templateType == "PROPAGANDA"&&this.form.templateId) {
+        if (this.form.templateType == "PROPAGANDA" && this.form.templateId) {
           // 宣教
           getPropaganda(this.form.templateId).then((response) => {
             this.formview = response.data;
           });
-        } else if (this.form.templateType == "QUESTIONNAIRE"&&this.form.templateId) {
+        } else if (
-          console.log(this.form.templateId,'this.form.templateId')
+          this.form.templateType == "QUESTIONNAIRE" &&
+          this.form.templateId
+        ) {
+          console.log(this.form.templateId, "this.form.templateId");
           questionname(this.form.templateId).then((res) => {
             // 问卷
             console.log(res, "res");
@@ -1209,6 +1271,7 @@ export default {
   height: 500px;
 }
 .imageScriptpreview {
+  // background: red;
   width: 100%;
   margin-top: 20px;
 }