修改问卷和话术预览

This commit is contained in:
闫晓茹 2024-07-04 10:32:25 +08:00
parent 734957ee0e
commit d5d5099358
3 changed files with 156 additions and 38 deletions

View File

@ -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"
v-if="
form.taskSubdivisiontemplateType == 'QUESTIONNAIRE' &&
form.templateId
"
<el-dialog
title="问卷预览"
:visible.sync="lookquestionlist"
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
class="imageScriptpreview"
v-if="phoneNodeContent "
<el-dialog
title="话术预览"
: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
class="imageScriptpreview"
v-if="lookitemnew"
<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>

View File

@ -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') {

View File

@ -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
class="righttextarea"
v-show="
form.taskSubdivisiontemplateType == 'QUESTIONNAIRE' &&
form.templateId
"
<el-dialog
title="问卷预览"
:visible.sync="lookquestionlist"
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%"
@ -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
class="imageScriptpreview"
v-if="
phoneNodeContent && form.templateType == 'SCRIPT'
"
<el-dialog
title="话术预览"
: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 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") {
// idid
@ -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) {
console.log(this.form.templateId,'this.form.templateId5555555555')
} else if (
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) {
console.log(this.form.templateId,'this.form.templateId')
} else if (
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;
}