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

修改

Browse Source
This commit is contained in:
闫晓茹 2024-05-23 09:37:51 +08:00
parent a3fd80e068
commit a46b3f7a65
2 changed files with 508 additions and 384 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

411
src/views/system/ManuallyCreatingTasks/index.vue
View File

@ -4,29 +4,46 @@
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
<el-button type="primary" @click="upload">保存</el-button> <el-button type="primary" @click="upload">保存</el-button>
</div> </div>
<el-descriptions title="手动创建任务"> <el-descriptions title="手动创建任务"> </el-descriptions>
</el-descriptions> <el-form
<el-form :inline="true" :model="updata" class="demo-form-inline" ref="updata"> :inline="true"
:model="updata"
class="demo-form-inline"
ref="updata"
>
<el-form-item label="任务名称"> <el-form-item label="任务名称">
<el-input v-model="updata.routeName"></el-input> <el-input v-model="updata.routeName"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="适用范围"> <el-form-item label="适用范围">
<el-select v-model="updata.suitRange"> <el-select v-model="updata.suitRange" @change="changeoptions">
<el-option label="在院" value="IN_THE_HOSPITAL" /> <el-option
<el-option label="出院" value="DISCHARGE" /> v-for="item in options"
<el-option label="门诊" value="OUTPATIENT_SERVICE" /> :key="item.dictValue"
<el-option label="门诊+出院" value="OUTPATIENT_SERVICE_DISCHARGE" /> :label="item.dictLabel"
:value="item.dictValue"
>
</el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-form> </el-form>
<div class="chufatitle"> <div class="chufatitle">
<span>触发条件</span> <span>触发条件</span>
<el-button type="primary" plain size="mini" @click="addtriggerCondition">添加触发条件</el-button> <el-button type="primary" plain size="mini" @click="addtriggerCondition"
>添加触发条件</el-button
>
</div> </div>
<el-form ref="updata" :model="updata" label-width="80px"> <el-form ref="updata" :model="updata" label-width="80px">
<div class="node" v-for="(item, index) in updata.triggerConditionList" :key="index" <div
:style="updata.triggerConditionList.length > 1 ? '' : 'margin:0'"> class="node"
<div style="display: inline-block;margin-right:20px;font-size:14px">触发条件{{ index + 1 }}</div> v-for="(item, index) in updata.triggerConditionList"
:key="index"
:style="updata.triggerConditionList.length > 1 ? '' : 'margin:0'"
>
<div
style="display: inline-block; margin-right: 20px; font-size: 14px"
>
触发条件{{ index + 1 }}
</div>
<el-select v-model="item.triggerConditionName" style="width: 120px"> <el-select v-model="item.triggerConditionName" style="width: 120px">
<el-option label="诊断" value="DIAGNOSIS" /> <el-option label="诊断" value="DIAGNOSIS" />
<el-option label="换药日期" value="DRESSING_CHANGE_DATE" /> <el-option label="换药日期" value="DRESSING_CHANGE_DATE" />
@ -34,15 +51,24 @@
<el-option label="手术名称" value="SURGICAL_NAME" /> <el-option label="手术名称" value="SURGICAL_NAME" />
<el-option label="药品名称" value="DRUG_NAME" /> <el-option label="药品名称" value="DRUG_NAME" />
</el-select> </el-select>
<el-select v-model="item.triggerConditionOperator" style="width: 100px;"> <el-select
v-model="item.triggerConditionOperator"
style="width: 100px"
>
<el-option label="包含" value="CONTAIN" /> <el-option label="包含" value="CONTAIN" />
<el-option label="不包含" value="NOT_CONTAIN" /> <el-option label="不包含" value="NOT_CONTAIN" />
<el-option label="等于" value="EQUAL_TO" /> <el-option label="等于" value="EQUAL_TO" />
<el-option label="不等于" value="NOT_EQUAL_TO" /> <el-option label="不等于" value="NOT_EQUAL_TO" />
</el-select> </el-select>
<el-input v-model="item.triggerConditionValue" style="width: 300px;" <el-input
placeholder="请输入触发条件"></el-input> v-model="item.triggerConditionValue"
<i class="el-icon-delete" @click="delitem(item, index, updata.triggerConditionList)"></i> style="width: 300px"
placeholder="请输入触发条件"
></el-input>
<i
class="el-icon-delete"
@click="delitem(item, index, updata.triggerConditionList)"
></i>
</div> </div>
</el-form> </el-form>
</div> </div>
@ -53,40 +79,60 @@
<i class="el-icon-circle-plus-outline" @click="additem"></i> <i class="el-icon-circle-plus-outline" @click="additem"></i>
</div> </div>
<el-timeline> <el-timeline>
<el-timeline-item v-for="(item, index) in list" :key="index" <el-timeline-item
:color="listindex == index ? '#409EFF' : ''" @click.native='clicktimelineitem(item, index)'> v-for="(item, index) in list"
:key="index"
:color="listindex == index ? '#409EFF' : ''"
@click.native="clicktimelineitem(item, index)"
>
<div class="top"> <div class="top">
<div class="toptop"> <div class="toptop">
<el-select style="width:90px" v-model="item.routeNodeName"> <el-select style="width: 100px" v-model="item.routeNodeName">
<el-option label="出院后" value="AFTER_DISCHARGE" /> <el-option
v-for="item in parentDictCodelist"
:key="item.dictValue"
:label="item.dictLabel"
:value="item.dictValue"
>
</el-option>
<!-- <el-option label="出院后" value="AFTER_DISCHARGE" />
<el-option label="入院后" value="AFTER_ADMISSION" /> <el-option label="入院后" value="AFTER_ADMISSION" />
<el-option label="就诊后" value="AFTER_CONSULTATION" /> <el-option label="就诊后" value="AFTER_CONSULTATION" />
<el-option label="就诊/出院后" value="AFTER_VISIT_DISCHARGE" /> <el-option label="就诊/出院后" value="AFTER_VISIT_DISCHARGE" />
<el-option label="术前" value="PREOPERATIVE" /> <el-option label="术前" value="PREOPERATIVE" />
<el-option label="术后" value="POSTOPERATIVE" /> <el-option label="术后" value="POSTOPERATIVE" /> -->
</el-select> </el-select>
<el-input style="width: 90px;" v-model="item.routeNodeDay" type="number"></el-input> <el-input
style="width: 90px"
v-model="item.routeNodeDay"
type="number"
></el-input>
<span>天</span> <span>天</span>
</div> </div>
<div> <div>
<i class="el-icon-delete" @click="delitem(item, index, list)"></i> <i
class="el-icon-delete"
@click="delitem(item, index, list)"
></i>
</div> </div>
</div> </div>
<el-card :class="listindex == index ? 'cards' : ''"> <el-card :class="listindex == index ? 'cards' : ''">
<h3 style="height: 20px;"> <h3 style="height: 20px">
{{ item.taskType == 'PHONE_OUTBOUND' ? "电话外呼" : "" }} {{ item.taskType == "PHONE_OUTBOUND" ? "电话外呼" : "" }}
{{ item.taskType == 'QUESTIONNAIRE_SCALE' ? "问卷量表" : "" }} {{ item.taskType == "QUESTIONNAIRE_SCALE" ? "问卷量表" : "" }}
{{ item.taskType == 'PROPAGANDA_ARTICLE' ? "宣教文案" : "" }} {{ item.taskType == "PROPAGANDA_ARTICLE" ? "宣教文案" : "" }}
{{ item.taskType == 'TEXT_REMIND' ? "文字提醒" : "" }} {{ item.taskType == "TEXT_REMIND" ? "文字提醒" : "" }}
{{ item.taskType == 'ARTIFICIAL_FOLLOW_UP' ? "人工随访" : "" }} {{ item.taskType == "ARTIFICIAL_FOLLOW_UP" ? "人工随访" : "" }}
</h3> </h3>
</el-card> </el-card>
</el-timeline-item> </el-timeline-item>
</el-timeline> </el-timeline>
</div> </div>
<div class="nodetexts"> <div class="nodetexts">
<div style=" background-color: #fff; border-radius: 10px;padding:20px;" <div
:style="formInline.taskType == 'TEXT_REMIND' ? '' : 'height:160px'"> style="background-color: #fff; border-radius: 10px; padding: 20px"
:style="formInline.taskType == 'TEXT_REMIND' ? '' : 'height:160px'"
>
<el-form :model="formInline" class="demo-form-inline"> <el-form :model="formInline" class="demo-form-inline">
<el-form-item label="任务内容"> <el-form-item label="任务内容">
<el-radio-group v-model="formInline.taskType"> <el-radio-group v-model="formInline.taskType">
@ -97,57 +143,102 @@
<el-radio label="ARTIFICIAL_FOLLOW_UP">人工随访</el-radio> <el-radio label="ARTIFICIAL_FOLLOW_UP">人工随访</el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<el-form-item label="电话模板" v-if="formInline.taskType == 'PHONE_OUTBOUND'"> <el-form-item
label="电话模板"
v-if="formInline.taskType == 'PHONE_OUTBOUND'"
>
<scriptphone @on-template="scriptphoneontemplate"></scriptphone> <scriptphone @on-template="scriptphoneontemplate"></scriptphone>
</el-form-item> </el-form-item>
<el-form-item label="宣教模板" v-if="formInline.taskType == 'PROPAGANDA_ARTICLE'"> <el-form-item
label="宣教模板"
v-if="formInline.taskType == 'PROPAGANDA_ARTICLE'"
>
<propaganda @on-template="propagandaontemplate"></propaganda> <propaganda @on-template="propagandaontemplate"></propaganda>
</el-form-item> </el-form-item>
<el-form-item label="提醒内容" v-if="formInline.taskType == 'TEXT_REMIND'"> <el-form-item
<el-input type="textarea" v-model="formInline.textRemindContent" :rows="6" label="提醒内容"
placeholder="请输入内容" /> v-if="formInline.taskType == 'TEXT_REMIND'"
>
<el-input
type="textarea"
v-model="formInline.textRemindContent"
:rows="6"
placeholder="请输入内容"
/>
</el-form-item> </el-form-item>
<el-form-item label="人工随访模板" v-if="formInline.taskType == 'ARTIFICIAL_FOLLOW_UP'"> <el-form-item
label="人工随访模板"
v-if="formInline.taskType == 'ARTIFICIAL_FOLLOW_UP'"
>
<question @on-template="questionontemplate"></question> <question @on-template="questionontemplate"></question>
</el-form-item> </el-form-item>
</el-form> </el-form>
<el-form :model="formInline" class="demo-form-inline" :inline="true" <el-form
v-if="formInline.taskType == 'QUESTIONNAIRE_SCALE'"> :model="formInline"
class="demo-form-inline"
:inline="true"
v-if="formInline.taskType == 'QUESTIONNAIRE_SCALE'"
>
<el-form-item label="问卷模板"> <el-form-item label="问卷模板">
<question @on-template="questionontemplate"></question> <question @on-template="questionontemplate"></question>
</el-form-item> </el-form-item>
<el-form-item label="问卷有效期"> <el-form-item label="问卷有效期">
<el-input-number v-model="formInline.questionExpirationDate" :min="1" :max="99" <el-input-number
label="描述文字"></el-input-number> v-model="formInline.questionExpirationDate"
:min="1"
:max="99"
label="描述文字"
></el-input-number>
天 天
</el-form-item> </el-form-item>
</el-form> </el-form>
</div> </div>
<div <div
v-if="formInline.taskType == 'TEXT_REMIND' || formInline.taskType == 'PROPAGANDA_ARTICLE' || formInline.taskType == 'QUESTIONNAIRE_SCALE'"> v-if="
formInline.taskType == 'TEXT_REMIND' ||
formInline.taskType == 'PROPAGANDA_ARTICLE' ||
formInline.taskType == 'QUESTIONNAIRE_SCALE'
"
>
<div class="PushMethod"> <div class="PushMethod">
<span>推送方式：短信</span> <span>推送方式：短信</span>
<el-switch v-model="formInline.messagePushSign" active-color="#13ce66" active-value="1" <el-switch
inactive-value="0"> v-model="formInline.messagePushSign"
active-color="#13ce66"
active-value="1"
inactive-value="0"
>
</el-switch> </el-switch>
</div> </div>
<div class="PushMethod"> <div class="PushMethod">
<span>推送方式：公众号</span> <span>推送方式：公众号</span>
<el-switch v-model="formInline.officialPushSign" active-color="#13ce66" active-value="1" <el-switch
inactive-value="0"> v-model="formInline.officialPushSign"
active-color="#13ce66"
active-value="1"
inactive-value="0"
>
</el-switch> </el-switch>
</div> </div>
<div class="PushMethod"> <div class="PushMethod">
<span>推送方式：小程序</span> <span>推送方式：小程序</span>
<el-switch v-model="formInline.appletPushSign" active-color="#13ce66" active-value="1" <el-switch
inactive-value="0"> v-model="formInline.appletPushSign"
active-color="#13ce66"
active-value="1"
inactive-value="0"
>
</el-switch> </el-switch>
</div> </div>
</div> </div>
<div class="PushMethod" v-if="formInline.taskType == 'PHONE_OUTBOUND'"> <div class="PushMethod" v-if="formInline.taskType == 'PHONE_OUTBOUND'">
<span>推送方式：人工电话</span> <span>推送方式：人工电话</span>
<el-switch v-model="formInline.phonePushSign" active-color="#13ce66" active-value="1" <el-switch
inactive-value="0"> v-model="formInline.phonePushSign"
active-color="#13ce66"
active-value="1"
inactive-value="0"
>
</el-switch> </el-switch>
</div> </div>
</div> </div>
@ -156,156 +247,201 @@
</template> </template>
<script> <script>
import propaganda from '../components/propaganda.vue' import propaganda from "../components/propaganda.vue";
import scriptphone from '../components/script.vue' import scriptphone from "../components/script.vue";
import question from '../components/question.vue' import question from "../components/question.vue";
import { import { signrouteadd } from "@/api/system/ManuallyCreatingTasks";
signrouteadd import { getAgencytype } from "@/api/system/agency";
} from '@/api/system/ManuallyCreatingTasks' import { list } from "@/api/system/specialDiseaseNode";
export default { export default {
components: { scriptphone, question, propaganda }, components: { scriptphone, question, propaganda },
name: "ManuallyCreatingTasks", name: "ManuallyCreatingTasks",
data() { data() {
return { return {
options: [],
parentDictCodelist: [],
updata: { updata: {
signPatientRecordId: '', signPatientRecordId: "",
patientId: '', patientId: "",
patientName: '', patientName: "",
departmentId: '', departmentId: "",
departmentName: '', departmentName: "",
routeName: '', routeName: "",
suitRange: '', suitRange: "",
routeNodeList: [], routeNodeList: [],
triggerConditionList: [{ triggerConditionList: [
routeId: '', {
routeName: '', routeId: "",
triggerConditionName: '', routeName: "",
triggerConditionOperator: '', triggerConditionName: "",
triggerConditionValue: '', triggerConditionOperator: "",
}], triggerConditionValue: "",
},
],
}, },
formInline: { formInline: {
routeNodeDay: '', routeNodeDay: "",
taskType: '', taskType: "",
routeNodeName: '', routeNodeName: "",
questionExpirationDate: 7, questionExpirationDate: 7,
questionInfoId: "", questionInfoId: "",
questionnaireName: "", questionnaireName: "",
phoneId: "", phoneId: "",
phoneTemplateName: "", phoneTemplateName: "",
propagandaInfoId: '', propagandaInfoId: "",
propagandaTitle: "", propagandaTitle: "",
textRemindContent: '', textRemindContent: "",
officialPushSign: '0', officialPushSign: "0",
messagePushSign: '0', messagePushSign: "0",
appletPushSign: '0', appletPushSign: "0",
phonePushSign: '0', phonePushSign: "0",
}, },
list: [ list: [
{ {
routeNodeDay: '', routeNodeDay: "",
taskType: '', taskType: "",
routeNodeName: '', routeNodeName: "",
questionExpirationDate: 7, questionExpirationDate: 7,
questionInfoId: "", questionInfoId: "",
questionnaireName: "", questionnaireName: "",
phoneId: "", phoneId: "",
phoneTemplateName: "", phoneTemplateName: "",
propagandaInfoId: '', propagandaInfoId: "",
propagandaTitle: "", propagandaTitle: "",
textRemindContent: '', textRemindContent: "",
officialPushSign: '0', officialPushSign: "0",
messagePushSign: '0', messagePushSign: "0",
appletPushSign: '0', appletPushSign: "0",
phonePushSign: '0', phonePushSign: "0",
} },
], ],
listindex: 0, listindex: 0,
} };
}, },
created() { created() {
this.formInline = this.list[0] this.infolist();
this.updata.signPatientRecordId = this.$route.query.signPatientRecordId // console.log(this.updata, "this.updata");
this.updata.patientId = this.$route.query.patientId // this.parentDictCode = this.options.find(
this.updata.patientName = this.$route.query.patientName // (el) => el.dictValue == this.updata.suitRange
this.updata.departmentId = this.$route.query.departmentId // ).dictCode;
this.updata.departmentName = this.$route.query.departmentName // this.changelisy();
this.formInline = this.list[0];
this.updata.signPatientRecordId = this.$route.query.signPatientRecordId;
this.updata.patientId = this.$route.query.patientId;
this.updata.patientName = this.$route.query.patientName;
this.updata.departmentId = this.$route.query.departmentId;
this.updata.departmentName = this.$route.query.departmentName;
}, },
methods: { methods: {
infolist() {
var dictType = "suit_range";
getAgencytype(dictType).then((res) => {
console.log(res, "res");
this.options = res.data;
});
},
changeoptions(e) {
console.log(e);
this.parentDictCode = this.options.find(
(el) => el.dictValue == e
).dictCode;
console.log(this.parentDictCode, "this.parentDictCode");
this.changelisy();
},
changelisy() {
list(this.parentDictCode).then((res) => {
this.parentDictCodelist = res.rows;
res.rows.forEach((e) => {
this.list.forEach((el) => {
el.routeNodeName = e.dictLabel;
});
});
});
},
addtriggerCondition() { addtriggerCondition() {
this.updata.triggerConditionList.push({ this.updata.triggerConditionList.push({
routeId: '', routeId: "",
routeName: '', routeName: "",
triggerConditionName: '', triggerConditionName: "",
triggerConditionOperator: '', triggerConditionOperator: "",
triggerConditionValue: '', triggerConditionValue: "",
}) });
}, },
//宣教传值 //宣教传值
propagandaontemplate(item) { propagandaontemplate(item) {
this.formInline.propagandaInfoId = item.templateId this.formInline.propagandaInfoId = item.templateId;
this.formInline.propagandaTitle = item.templateName this.formInline.propagandaTitle = item.templateName;
}, },
//问卷传值 //问卷传值
questionontemplate(item) { questionontemplate(item) {
if (this.formInline.taskType == 'ARTIFICIAL_FOLLOW_UP') { if (this.formInline.taskType == "ARTIFICIAL_FOLLOW_UP") {
this.formInline.followTemplateId = item.templateId this.formInline.followTemplateId = item.templateId;
this.formInline.followTemplateName = item.templateName this.formInline.followTemplateName = item.templateName;
} else { } else {
this.formInline.questionInfoId = item.templateId this.formInline.questionInfoId = item.templateId;
this.formInline.questionnaireName = item.templateName this.formInline.questionnaireName = item.templateName;
} }
}, },
//话术传值 //话术传值
scriptphoneontemplate(item) { scriptphoneontemplate(item) {
this.formInline.phoneId = item.templateId this.formInline.phoneId = item.templateId;
this.formInline.phoneTemplateName = item.templateName this.formInline.phoneTemplateName = item.templateName;
}, },
clicktimelineitem(item, index) { clicktimelineitem(item, index) {
this.formInline = item this.formInline = item;
this.listindex = index this.listindex = index;
}, },
additem(item) { additem(item) {
list(this.parentDictCode).then((res) => {
res.rows.forEach((e) => {
this.list.forEach((el) => {
el.routeNodeName = e.dictLabel;
});
});
});
this.list.push({ this.list.push({
routeNodeDay: '', routeNodeDay: "",
taskType: '', taskType: "",
routeNodeName: '', routeNodeName: "",
questionExpirationDate: 7, questionExpirationDate: 7,
questionInfoId: "", questionInfoId: "",
questionnaireName: "", questionnaireName: "",
phoneId: "", phoneId: "",
phoneTemplateName: "", phoneTemplateName: "",
propagandaInfoId: '', propagandaInfoId: "",
propagandaTitle: "", propagandaTitle: "",
textRemindContent: '', textRemindContent: "",
officialPushSign: '0', officialPushSign: "0",
messagePushSign: '0', messagePushSign: "0",
appletPushSign: '0', appletPushSign: "0",
phonePushSign: '0', phonePushSign: "0",
}) });
}, },
delitem(item, index, list) { delitem(item, index, list) {
list.splice(index, 1) list.splice(index, 1);
}, },
upload() { upload() {
this.updata.routeNodeList = this.list this.updata.routeNodeList = this.list;
signrouteadd(this.updata).then(res => { signrouteadd(this.updata).then((res) => {
this.$notify({ this.$notify({
type: 'success', type: "success",
title: '提示', title: "提示",
message: '保存成功,即将返回签约患者列表', message: "保存成功,即将返回签约患者列表",
duration: 3000 duration: 3000,
}); });
setTimeout(() => { setTimeout(() => {
this.$store.dispatch('tagsView/delView', this.$route).then(({ visitedViews }) => { this.$store
.dispatch("tagsView/delView", this.$route)
.then(({ visitedViews }) => {
this.$router.push({ this.$router.push({
path: "/patient/signRecord", path: "/patient/signRecord",
}); });
}) });
}, 3000); }, 3000);
}) });
},
}, },
}
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@ -346,7 +482,7 @@ export default {
} }
.nodes { .nodes {
background-color: #F1F3F5; background-color: #f1f3f5;
// height: 700px; // height: 700px;
height: calc(100vh - 308px); height: calc(100vh - 308px);
display: flex; display: flex;
@ -384,7 +520,6 @@ export default {
} }
} }
.top { .top {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
@ -414,8 +549,8 @@ export default {
} }
.cards { .cards {
border: 1px solid #409EFF; border: 1px solid #409eff;
border-left: 5px solid #409EFF; border-left: 5px solid #409eff;
} }
::v-deep .el-timeline-item__wrapper { ::v-deep .el-timeline-item__wrapper {

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

@ -38,7 +38,7 @@
> >
<div class="top"> <div class="top">
<div class="toptop"> <div class="toptop">
<el-select v-model="item.routeNodeName" style="width: 87px"> <el-select v-model="item.routeNodeName" style="width: 100px">
<el-option <el-option
v-for="item in parentDictCodelist" v-for="item in parentDictCodelist"
:key="item.dictValue" :key="item.dictValue"
@ -508,9 +508,6 @@ export default {
mounted() {}, mounted() {},
methods: { methods: {
changeoptions(e) { changeoptions(e) {
// this.lists.routeNodeName=''
// delete this.lists.routeNodeName
// this.$set(this.lists, 'routeNodeName', '')
console.log(e); console.log(e);
this.parentDictCode = this.options.find( this.parentDictCode = this.options.find(
(el) => el.dictValue == e (el) => el.dictValue == e
@ -548,15 +545,7 @@ export default {
this.parentDictCode = this.options.find( this.parentDictCode = this.options.find(
(el) => el.dictValue == this.updata.suitRange (el) => el.dictValue == this.updata.suitRange
).dictCode; ).dictCode;
list(this.parentDictCode).then((res) => { this.changelisy();
this.parentDictCodelist = res.rows;
res.rows.forEach((e) => {
this.lists.forEach((el) => {
el.routeNodeName = e.dictLabel;
});
});
});
// console.log(this.updata.suitRange, "this.updata.suitRange");
this.updata.routeName = this.$route.query.routeName; this.updata.routeName = this.$route.query.routeName;
this.updata.specialDiseaseRouteId = this.$route.query.id; this.updata.specialDiseaseRouteId = this.$route.query.id;
selectSpecialDisease(this.$route.query.id).then((res) => { selectSpecialDisease(this.$route.query.id).then((res) => {