xinyilu/postdischarge-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

xg

Browse Source
This commit is contained in:
辉 2024-07-04 10:08:31 +08:00
parent 734957ee0e
commit cb36631499
1 changed files with 126 additions and 352 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

422
src/views/system/specialDiseaseNode/index.vue
View File

@ -8,17 +8,8 @@
</div>
<div class="select">
<span> 适用范围 </span>
<el-select
v-model="updata.suitRange"
placeholder="请选择"
@change="changeoptions"
>
<el-option
v-for="item in options"
:key="item.dictValue"
:label="item.dictLabel"
:value="item.dictValue"
>
<el-select v-model="updata.suitRange" placeholder="请选择" @change="changeoptions">
<el-option v-for="item in options" :key="item.dictValue" :label="item.dictLabel" :value="item.dictValue">
</el-option>
</el-select>
</div>
@ -30,59 +21,30 @@
<i class="el-icon-circle-plus-outline" @click="addlist"></i>
</div>
<el-timeline>
<el-timeline-item
v-for="(item, index) in lists"
:key="index"
:color="listindex == index ? '#409EFF' : ''"
>
<el-timeline-item v-for="(item, index) in lists" :key="index" :color="listindex == index ? '#409EFF' : ''">
<div class="top">
<div class="toptop">
<el-select v-model="item.routeNodeName" style="width: 100px">
<el-option
v-for="item in parentDictCodelist"
:key="item.dictValue"
:label="item.dictLabel"
:value="item.dictValue"
>
<el-option v-for="item in parentDictCodelist" :key="item.dictValue" :label="item.dictLabel"
:value="item.dictValue">
</el-option>
</el-select>
<el-input
v-model="item.routeNodeDay"
style="width: 70px"
type="number"
:min="0"
></el-input>
<el-input v-model="item.routeNodeDay" type="number" style="width:70px" :min="0"></el-input>
<span>天</span>
</div>
<div>
<i class="el-icon-delete" @click="delitem(item, index)"></i>
<i
class="el-icon-circle-plus-outline"
@click="additem(item)"
></i>
<i class="el-icon-circle-plus-outline" @click="additem(item)"></i>
</div>
</div>
<el-card
v-for="(uitem, uindex) in item.list"
:key="uitem.id"
@click.native="bottomclickevent(uitem, index, uindex)"
:class="listindex == index && itemindex == uindex ? 'cards' : ''"
>
<el-card v-for="(uitem, uindex) in item.list" :key="uitem.id"
@click.native="bottomclickevent(uitem, index, uindex, item)"
:class="listindex == index && itemindex == uindex ? 'cards' : ''">
<h3 style="height: 20px">{{ uitem.taskTypeName }}</h3>
<el-tag
v-if="uitem.routeCheckStatus == 'AGREE'"
class="routeCheckStatus"
>已审核</el-tag
>
<el-tag
v-else-if="uitem.routeCheckStatus == 'DISAGREE'"
type="danger"
class="routeCheckStatus"
>不同意</el-tag
>
<el-tag v-else type="warning" class="routeCheckStatus"
>未审核</el-tag
>
<el-tag v-if="uitem.routeCheckStatus == 'AGREE'" class="routeCheckStatus">已审核</el-tag>
<el-tag v-else-if="uitem.routeCheckStatus == 'DISAGREE'" type="danger"
class="routeCheckStatus">不同意</el-tag>
<el-tag v-else type="warning" class="routeCheckStatus">未审核</el-tag>
<p style="height: 16px">{{ uitem.taskSubdivisionName }}</p>
</el-card>
</el-timeline-item>
@ -92,95 +54,48 @@
<div class="topform">
<el-form ref="form" :inline="true" :model="form" class="form">
<el-form-item label="任务类型" prop="">
<el-select
v-model="form.taskType"
style="width: 110px"
@change="changeTaskType"
>
<el-option
v-for="item in selectTaskTypeList"
:key="item.taskTypeCode"
:label="item.taskTypeName"
:value="item.taskTypeCode"
>
<el-select v-model="form.taskType" style="width: 110px" @change="changeTaskType">
<el-option v-for="item in selectTaskTypeList" :key="item.taskTypeCode" :label="item.taskTypeName"
:value="item.taskTypeCode">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="任务细分" prop="">
<el-select
v-model="form.taskSubdivision"
style="width: 110px"
@change="changetaskSubdivision"
>
<el-option
v-for="item in taskPartitionList"
:key="item.taskPartitionCode"
:label="item.taskPartitionName"
:value="item.taskPartitionCode"
>
<el-select v-model="form.taskSubdivision" style="width: 110px" @change="changetaskSubdivision">
<el-option v-for="item in taskPartitionList" :key="item.taskPartitionCode"
:label="item.taskPartitionName" :value="item.taskPartitionCode">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="任务状态" prop="">
<el-select v-model="form.taskStatus" style="width: 110px">
<el-option
v-for="item in taskStatusDictList"
:key="item.id"
:label="item.taskStatusName"
:value="item.taskStatusCode"
>
<el-option v-for="item in taskStatusDictList" :key="item.id" :label="item.taskStatusName"
:value="item.taskStatusCode">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="二级分类描述" prop="">
<el-input
v-model="form.secondClassifyDescribe"
style="width: 110px"
disabled
></el-input>
<el-input v-model="form.secondClassifyDescribe" style="width: 110px" disabled></el-input>
</el-form-item>
<el-form-item label="执行时间" prop="">
<el-time-select
v-model="form.executionTime"
style="width: 120px"
placeholder="选择时间"
disabled
>
<el-time-select v-model="form.executionTime" style="width: 120px" placeholder="选择时间" disabled>
</el-time-select>
</el-form-item>
<el-form-item
label="问卷库模板选择"
prop=""
v-if="form.taskSubdivisiontemplateType == 'QUESTIONNAIRE'"
>
<question
@on-template="questionontemplate"
:templateId="form.templateId"
:templateName="form.templateName"
></question>
<el-form-item label="问卷库模板选择" prop="" v-if="form.taskSubdivisiontemplateType == 'QUESTIONNAIRE'">
<question @on-template="questionontemplate" :templateId="form.templateId"
:templateName="form.templateName"></question>
</el-form-item>
<el-form-item
label="宣教库模板选择"
prop=""
v-if="form.taskSubdivisiontemplateType == 'PROPAGANDA'"
>
<propaganda
@on-template="propagandaontemplate"
:templateId="form.templateId"
:templateName="form.templateName"
></propaganda>
<el-form-item label="宣教库模板选择" prop="" v-if="form.taskSubdivisiontemplateType == 'PROPAGANDA'">
<propaganda @on-template="propagandaontemplate" :templateId="form.templateId"
:templateName="form.templateName"></propaganda>
</el-form-item>
</el-form>
</div>
<!-- 宣教 -->
<div
class="imageScriptpreviews"
v-if="
formview &&
<div class="imageScriptpreviews" v-if="formview &&
form.taskSubdivisiontemplateType == 'PROPAGANDA' &&
form.templateId
"
>
">
<div class="bodytop">
<div class="titledata">{{ formview.propagandaTitle }}</div>
@ -188,40 +103,23 @@
<img :src="baseUrl + formview.propagandaCoverPath" alt="" />
<div class="know">知识卡片</div>
<div class="knowlist">
<Editorxj
v-model="formview.propagandaContent"
:min-height="192"
/>
<Editorxj v-model="formview.propagandaContent" :min-height="192" />
</div>
</div>
</div>
</div>
<!-- 问卷 -->
<div
class="righttextarea"
v-show="
form.taskSubdivisiontemplateType == 'QUESTIONNAIRE' &&
<div class="righttextarea" v-show="form.taskSubdivisiontemplateType == 'QUESTIONNAIRE' &&
form.templateId
"
>
">
<questionopennew :lookitemnew="lookitemnew"></questionopennew>
</div>
<div class="bottomform">
<wangeditor
style="width: 100%"
:nodeContent="form.nodeContent"
@on-nodeContent="onNodeContent"
v-show="
form.taskSubdivisiontemplateType != 'QUESTIONNAIRE' &&
<wangeditor style="width: 100%" :nodeContent="form.nodeContent" @on-nodeContent="onNodeContent" v-show="form.taskSubdivisiontemplateType != 'QUESTIONNAIRE' &&
form.taskSubdivisiontemplateType != 'PROPAGANDA' &&
form.taskSubdivisiontemplateType != 'SCRIPT'
"
ref="wangeditor"
/>
<div
class="card"
v-show="form.taskSubdivisiontemplateType != 'SCRIPT'"
>
" ref="wangeditor" />
<div class="card" v-show="form.taskSubdivisiontemplateType != 'SCRIPT'">
<div class="flex">
<div class="pushMethod">
推送方式：
@ -229,19 +127,11 @@
</div>
<div class="pushMethod">
模板：
<message
@on-template="messageontemplate"
:templateId="form.messageTemplateId"
:templateName="form.messageTemplateName"
></message>
<message @on-template="messageontemplate" :templateId="form.messageTemplateId"
:templateName="form.messageTemplateName"></message>
</div>
<div class="pushMethod">
<el-switch
v-model="form.messagePushSign"
active-color="#13ce66"
active-value="1"
inactive-value="0"
>
<el-switch v-model="form.messagePushSign" active-color="#13ce66" active-value="1" inactive-value="0">
</el-switch>
</div>
</div>
@ -250,10 +140,7 @@
<el-input class="textarea" v-model="form.messagePreview" disabled></el-input>
</div> -->
</div>
<div
class="card"
v-show="form.taskSubdivisiontemplateType != 'SCRIPT'"
>
<div class="card" v-show="form.taskSubdivisiontemplateType != 'SCRIPT'">
<div class="flex">
<div class="pushMethod">
推送方式：
@ -262,21 +149,13 @@
<div class="pushMethod">
模板：
<span>
<officialAccount
@on-template="officialAccountontemplate"
:templateId="form.officialTemplateId"
:templateName="form.officialTemplateName"
>
<officialAccount @on-template="officialAccountontemplate" :templateId="form.officialTemplateId"
:templateName="form.officialTemplateName">
</officialAccount>
</span>
</div>
<div class="pushMethod">
<el-switch
v-model="form.officialPushSign"
active-color="#13ce66"
active-value="1"
inactive-value="0"
>
<el-switch v-model="form.officialPushSign" active-color="#13ce66" active-value="1" inactive-value="0">
</el-switch>
</div>
</div>
@ -285,10 +164,7 @@
<el-input v-model="form.officialRemindContent" class="textarea" disabled></el-input>
</div> -->
</div>
<div
class="card"
v-show="form.taskSubdivisiontemplateType != 'SCRIPT'"
>
<div class="card" v-show="form.taskSubdivisiontemplateType != 'SCRIPT'">
<div class="flex">
<div class="pushMethod">
推送方式：
@ -297,21 +173,13 @@
<div class="pushMethod">
模板：
<span>
<miniProgram
@on-template="miniProgramtemplate"
:templateId="form.appletTemplateId"
:templateName="form.appletTemplateName"
>
<miniProgram @on-template="miniProgramtemplate" :templateId="form.appletTemplateId"
:templateName="form.appletTemplateName">
</miniProgram>
</span>
</div>
<div class="pushMethod">
<el-switch
v-model="form.appletPushSign"
active-color="#13ce66"
active-value="1"
inactive-value="0"
>
<el-switch v-model="form.appletPushSign" active-color="#13ce66" active-value="1" inactive-value="0">
</el-switch>
</div>
</div>
@ -324,19 +192,12 @@
<el-input v-model="form.appletPromptDescription" class="textarea" disabled></el-input>
</div> -->
</div>
<div
class="card"
style="height: 250px"
v-show="form.taskSubdivisiontemplateType == 'SCRIPT'"
>
<div class="card" style="height: 250px" v-show="form.taskSubdivisiontemplateType == 'SCRIPT'">
<div class="flex">
<div class="pushMethod">
推送方式：
<span>
<el-radio-group
v-model="form.phoneDialMethod"
@change="changephoneDialMethod"
>
<el-radio-group v-model="form.phoneDialMethod" @change="changephoneDialMethod">
<el-radio label="COMMON">人工电话</el-radio>
<el-radio label="AI">自动外呼</el-radio>
</el-radio-group>
@ -344,42 +205,24 @@
</div>
<div class="pushMethod">
话术模板：
<span
class="spanname"
v-if="form.templateId && form.phoneDialMethod == 'COMMON'"
>
<scripts
@on-template="messageontemplateword"
:templateId="form.phoneTemplateId"
:templateName="form.phoneTemplateName"
></scripts>
<span class="spanname" v-if="form.templateId && form.phoneDialMethod == 'COMMON'">
<scripts @on-template="messageontemplateword" :templateId="form.phoneTemplateId"
:templateName="form.phoneTemplateName"></scripts>
</span>
<span v-else>
<scripts
@on-template="messageontemplateword"
:templateId="form.phoneTemplateId"
:templateName="form.phoneTemplateName"
></scripts>
<scripts @on-template="messageontemplateword" :templateId="form.phoneTemplateId"
:templateName="form.phoneTemplateName"></scripts>
</span>
</div>
<div
class="pushMethod"
v-if="form.phoneDialMethod == 'COMMON' || !form.phoneDialMethod"
>
<div class="pushMethod" v-if="form.phoneDialMethod == 'COMMON' || !form.phoneDialMethod">
问卷模板：
<span class="spanname" v-if="form.phoneTemplateId">
<question
@on-template="questionontemplate"
:templateId="form.templateId"
:templateName="form.templateName"
></question>
<question @on-template="questionontemplate" :templateId="form.templateId"
:templateName="form.templateName"></question>
</span>
<span v-else>
<question
@on-template="questionontemplate"
:templateId="form.templateId"
:templateName="form.templateName"
></question>
<question @on-template="questionontemplate" :templateId="form.templateId"
:templateName="form.templateName"></question>
</span>
</div>
<!-- <div class="pushMethod">
@ -396,16 +239,9 @@
<div class="pushMethod">
重播次数：
<span>
<el-select
v-model="form.phoneRedialTimes"
style="width: 100px"
>
<el-option
v-for="item in optionslistS"
:key="item.dictValue"
:label="item.dictLabel"
:value="item.dictValue"
>
<el-select v-model="form.phoneRedialTimes" style="width: 100px">
<el-option v-for="item in optionslistS" :key="item.dictValue" :label="item.dictLabel"
:value="item.dictValue">
</el-option>
</el-select>
</span>
@ -413,11 +249,8 @@
<div class="pushMethod">
时间间隔(分):
<span>
<el-input
v-model.number="form.phoneTimeInterval"
oninput="value=value.replace(/[^\d]/g,'')"
style="width: 100px"
>
<el-input v-model.number="form.phoneTimeInterval" oninput="value=value.replace(/[^\d]/g,'')"
style="width: 100px">
<!-- <el-option
v-for="item in optionslistS"
:key="item.dictValue"
@ -430,52 +263,28 @@
</div>
<div class="pushMethod">
短信提醒：
<el-select
v-model="form.phoneMessageRemind"
style="width: 150px"
>
<el-option
v-for="item in optionslist"
:key="item.dictValue"
:label="item.dictLabel"
:value="item.dictValue"
>
<el-select v-model="form.phoneMessageRemind" style="width: 150px">
<el-option v-for="item in optionslist" :key="item.dictValue" :label="item.dictLabel"
:value="item.dictValue">
</el-option>
</el-select>
</div>
<div class="pushMethod">
短信模板：
<span
class="spanname"
v-if="form.phoneMessageRemind == 'NOT_SEND_MESSAGE'"
>
<message
style="width: 200px"
@on-template="messageontemplateMESSAGE"
:templateId="form.phoneMessageTemplateId"
:templateName="form.phoneMessageTemplateName"
></message>
<span class="spanname" v-if="form.phoneMessageRemind == 'NOT_SEND_MESSAGE'">
<message style="width: 200px" @on-template="messageontemplateMESSAGE"
:templateId="form.phoneMessageTemplateId" :templateName="form.phoneMessageTemplateName"></message>
</span>
<span v-else>
<message
style="width: 200px"
@on-template="messageontemplateMESSAGE"
:templateId="form.phoneMessageTemplateId"
:templateName="form.phoneMessageTemplateName"
></message>
<message style="width: 200px" @on-template="messageontemplateMESSAGE"
:templateId="form.phoneMessageTemplateId" :templateName="form.phoneMessageTemplateName"></message>
</span>
</div>
</div>
<!-- 话术模板内容 -->
<div
class="imageScriptpreview"
v-if="
phoneNodeContent && form.templateType == 'SCRIPT'
"
>
<Scriptpreview
:phoneNodeContent="phoneNodeContent"
></Scriptpreview>
<div class="imageScriptpreview" v-if="phoneNodeContent && form.templateType == 'SCRIPT'
">
<Scriptpreview :phoneNodeContent="phoneNodeContent"></Scriptpreview>
</div>
<!-- 问卷模板内容 -->
<div class="imageScriptpreview" v-else-if="lookitemnew && form.templateType == 'QUESTIONNAIRE'">
@ -487,41 +296,18 @@
</div>
<div slot="footer" class="dialog-footer">
<el-button @click="TemporaryStorage">暂 存</el-button>
<el-button
type="primary"
@click="dialogVisible = true"
v-if="form.specialDiseaseNodeId"
>审核完成 {{ agreeNumber ? agreeNumber : "0" }} /
{{ totalNumber ? totalNumber : "0" }}</el-button
>
<el-button type="primary" @click="dialogVisibletrue" v-if="form.specialDiseaseNodeId">审核完成 {{ agreeNumber ?
agreeNumber : "0" }} /
{{ totalNumber ? totalNumber : "0" }}</el-button>
</div>
<el-dialog
title="提交审核完成"
:visible.sync="dialogVisible"
width="30%"
:before-close="handleClose"
>
<el-form
ref="routeform"
:model="routeform"
label-width="120px"
:rules="rules"
>
<el-dialog title="提交审核完成" :visible.sync="dialogVisible" width="30%" :before-close="handleClose">
<el-form ref="routeform" :model="routeform" label-width="120px" :rules="rules">
<el-form-item label="节点审核状态" prop="routeCheckStatus">
<el-radio v-model="routeform.routeCheckStatus" label="AGREE"
>同意</el-radio
>
<el-radio v-model="routeform.routeCheckStatus" label="DISAGREE"
>不同意</el-radio
>
<el-radio v-model="routeform.routeCheckStatus" label="AGREE">同意</el-radio>
<el-radio v-model="routeform.routeCheckStatus" label="DISAGREE">不同意</el-radio>
</el-form-item>
<el-form-item label="节点审核备注">
<el-input
type="textarea"
:rows="2"
placeholder="请输入节点审核备注"
v-model="routeform.routeCheckRemark"
>
<el-input type="textarea" :rows="2" placeholder="请输入节点审核备注" v-model="routeform.routeCheckRemark">
</el-input>
</el-form-item>
</el-form>
@ -579,7 +365,6 @@ export default {
baseUrl: process.env.VUE_APP_BASE_API,
showquestion: false,
phoneNodeContent: "",
optionslist: [],
optionslistS: [],
value: "",
@ -666,7 +451,6 @@ export default {
mounted() { },
methods: {
changephoneDialMethod(e) {
console.log(e);
if (e == "AI") {
// this.form.templateId=''
// 清空问卷id和名字
@ -677,10 +461,8 @@ export default {
this.lookitemnew = "";
} else if (e == "COMMON") {
// 清空问卷id话术id和对应名字
this.form.templateId = "";
this.form.templateName = "";
this.form.phoneTemplateId = "";
this.form.phoneTemplateName = "";
// 清空话术和问卷
@ -702,7 +484,6 @@ export default {
// this.taskinfo();
});
},
changeoptions(e) {
this.parentDictCode = this.options.find(
(el) => el.dictValue == e
@ -744,7 +525,6 @@ export default {
res.data.specialDiseaseNodeList.forEach((e) => {
if (e.templateType == "SCRIPT" && e.flowScheme) {
this.phoneNodeContent = e.flowScheme;
console.log(this.phoneNodeContent, "this.phoneNodeContent");
}
if (e.messagePushSign) {
e.messagePushSign = "" + e.messagePushSign;
@ -765,17 +545,12 @@ export default {
"routeNodeName"
);
this.form = this.lists[0].list[0];
console.log(this.form, "this,form");
// 宣教模板回显
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')
// 问卷模板回显
questionname(this.form.templateId).then((res) => {
this.lookitemnew = res.data;
@ -949,7 +724,6 @@ export default {
// !e.taskSubdivision &&
// !e.taskStatus
// );
// console.log(this.updata,'this.updata')
// return
specialDiseaseNode(this.updata).then((res) => {
this.info();
@ -963,19 +737,21 @@ export default {
},
//问卷传值
questionontemplate(item) {
console.log(item, "iten");
this.form.templateId = item.templateId;
this.form.templateName = item.templateName;
this.lookitemnew = item.lookitemnew;
},
//宣教传值
propagandaontemplate(item) {
console.log(item, "iten");
this.form.templateId = item.templateId;
this.form.templateName = item.templateName;
this.formview = item.formview;
},
//点击审核按钮
dialogVisibletrue() {
this.form.routeNodeDay = Number(this.lists[this.listindex].routeNodeDay)
this.dialogVisible = true
},
// 点击每一条
bottomclickevent(uitem, index, uindex) {
// this.phoneNodeContent = "";
@ -988,24 +764,17 @@ export default {
}
setTimeout(() => {
this.form = uitem;
if (this.form.templateType == "PROPAGANDA" && this.form.templateId) {
// 宣教
getPropaganda(this.form.templateId).then((response) => {
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')
questionname(this.form.templateId).then((res) => {
// 问卷
console.log(res, "res");
questionname(this.form.templateId).then((res) => { // 问卷
this.lookitemnew = res.data;
});
// this.loading=true
} else if (this.form.templateType == "SCRIPT" && this.form.flowScheme) {
// 话术
this.phoneNodeContent = this.form.flowScheme;
console.log(this.phoneNodeContent, "this.phoneNodeContent11");
}
this.taskPartitionList = [];
if (this.form.taskType) {
@ -1159,7 +928,7 @@ export default {
spinner: "el-icon-loading",
background: "rgba(0, 0, 0, 0.7)",
});
if (!this.form.routeNodeDay) {
if (Number(this.form.routeNodeDay) != 0 && Number(this.form.routeNodeDay) < 0) {
this.$message.error("请输入节点时间段天数");
return loading.close();
}
@ -1204,17 +973,21 @@ export default {
border: 1.5px solid #c7c7c7;
border-radius: 5px;
}
::v-deep iframe {
width: 100%;
height: 500px;
}
.imageScriptpreview {
width: 100%;
margin-top: 20px;
}
.imageScriptpreviews {
margin: 0 auto;
width: 90%;
// height: 300px;
.titletop {
font-size: 16px;
@ -1256,6 +1029,7 @@ export default {
}
}
}
::v-deep .el-input.is-disabled .el-input__inner {
background-color: #fff !important;
color: #606266 !important;