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

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

@ -1,437 +1,572 @@
<template> <template>
<div> <div>
<div class="title"> <div class="title">
<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"
<el-form-item label="任务名称"> :model="updata"
<el-input v-model="updata.routeName"></el-input> class="demo-form-inline"
</el-form-item> ref="updata"
<el-form-item label="适用范围"> >
<el-select v-model="updata.suitRange"> <el-form-item label="任务名称">
<el-option label="在院" value="IN_THE_HOSPITAL" /> <el-input v-model="updata.routeName"></el-input>
<el-option label="出院" value="DISCHARGE" /> </el-form-item>
<el-option label="门诊" value="OUTPATIENT_SERVICE" /> <el-form-item label="适用范围">
<el-option label="门诊+出院" value="OUTPATIENT_SERVICE_DISCHARGE" /> <el-select v-model="updata.suitRange" @change="changeoptions">
</el-select> <el-option
</el-form-item> v-for="item in options"
</el-form> :key="item.dictValue"
<div class="chufatitle"> :label="item.dictLabel"
<span>触发条件</span> :value="item.dictValue"
<el-button type="primary" plain size="mini" @click="addtriggerCondition">添加触发条件</el-button> >
</div> </el-option>
<el-form ref="updata" :model="updata" label-width="80px"> </el-select>
<div class="node" v-for="(item, index) in updata.triggerConditionList" :key="index" </el-form-item>
:style="updata.triggerConditionList.length > 1 ? '' : 'margin:0'"> </el-form>
<div style="display: inline-block;margin-right:20px;font-size:14px">触发条件{{ index + 1 }}</div> <div class="chufatitle">
<el-select v-model="item.triggerConditionName" style="width:120px"> <span>触发条件</span>
<el-option label="诊断" value="DIAGNOSIS" /> <el-button type="primary" plain size="mini" @click="addtriggerCondition"
<el-option label="换药日期" value="DRESSING_CHANGE_DATE" /> >添加触发条件</el-button
<el-option label="治疗方式" value="TREATMENT_METHOD" /> >
<el-option label="手术名称" value="SURGICAL_NAME" /> </div>
<el-option label="药品名称" value="DRUG_NAME" /> <el-form ref="updata" :model="updata" label-width="80px">
</el-select> <div
<el-select v-model="item.triggerConditionOperator" style="width: 100px;"> class="node"
<el-option label="包含" value="CONTAIN" /> v-for="(item, index) in updata.triggerConditionList"
<el-option label="不包含" value="NOT_CONTAIN" /> :key="index"
<el-option label="等于" value="EQUAL_TO" /> :style="updata.triggerConditionList.length > 1 ? '' : 'margin:0'"
<el-option label="不等于" value="NOT_EQUAL_TO" /> >
</el-select> <div
<el-input v-model="item.triggerConditionValue" style="width: 300px;" style="display: inline-block; margin-right: 20px; font-size: 14px"
placeholder="请输入触发条件"></el-input> >
<i class="el-icon-delete" @click="delitem(item, index, updata.triggerConditionList)"></i> 触发条件{{ index + 1 }}
</div> </div>
</el-form> <el-select v-model="item.triggerConditionName" style="width: 120px">
<el-option label="诊断" value="DIAGNOSIS" />
<el-option label="换药日期" value="DRESSING_CHANGE_DATE" />
<el-option label="治疗方式" value="TREATMENT_METHOD" />
<el-option label="手术名称" value="SURGICAL_NAME" />
<el-option label="药品名称" value="DRUG_NAME" />
</el-select>
<el-select
v-model="item.triggerConditionOperator"
style="width: 100px"
>
<el-option label="包含" value="CONTAIN" />
<el-option label="不包含" value="NOT_CONTAIN" />
<el-option label="等于" value="EQUAL_TO" />
<el-option label="不等于" value="NOT_EQUAL_TO" />
</el-select>
<el-input
v-model="item.triggerConditionValue"
style="width: 300px"
placeholder="请输入触发条件"
></el-input>
<i
class="el-icon-delete"
@click="delitem(item, index, updata.triggerConditionList)"
></i>
</div> </div>
<div class="nodes"> </el-form>
<div class="nodenames"> </div>
<div class="timetitle"> <div class="nodes">
管理路径节点({{ list.length }}) <div class="nodenames">
<i class="el-icon-circle-plus-outline" @click="additem"></i> <div class="timetitle">
</div> 管理路径节点({{ list.length }})
<el-timeline> <i class="el-icon-circle-plus-outline" @click="additem"></i>
<el-timeline-item v-for="(item, index) in list" :key="index" </div>
:color="listindex == index ? '#409EFF' : ''" @click.native='clicktimelineitem(item, index)'> <el-timeline>
<div class="top"> <el-timeline-item
<div class="toptop"> v-for="(item, index) in list"
<el-select style="width:90px" v-model="item.routeNodeName"> :key="index"
<el-option label="出院后" value="AFTER_DISCHARGE" /> :color="listindex == index ? '#409EFF' : ''"
@click.native="clicktimelineitem(item, index)"
>
<div class="top">
<div class="toptop">
<el-select style="width: 100px" v-model="item.routeNodeName">
<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
<span>天</span> style="width: 90px"
</div> v-model="item.routeNodeDay"
<div> type="number"
<i class="el-icon-delete" @click="delitem(item, index, list)"></i> ></el-input>
</div> <span>天</span>
</div> </div>
<el-card :class="listindex == index ? 'cards' : ''"> <div>
<h3 style="height: 20px;"> <i
{{ item.taskType == 'PHONE_OUTBOUND' ? "电话外呼" : "" }} class="el-icon-delete"
{{ item.taskType == 'QUESTIONNAIRE_SCALE' ? "问卷量表" : "" }} @click="delitem(item, index, list)"
{{ item.taskType == 'PROPAGANDA_ARTICLE' ? "宣教文案" : "" }} ></i>
{{ item.taskType == 'TEXT_REMIND' ? "文字提醒" : "" }} </div>
{{ item.taskType == 'ARTIFICIAL_FOLLOW_UP' ? "人工随访" : "" }}
</h3>
</el-card>
</el-timeline-item>
</el-timeline>
</div>
<div class="nodetexts">
<div 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-item label="任务内容">
<el-radio-group v-model="formInline.taskType">
<el-radio label="PHONE_OUTBOUND">电话外呼</el-radio>
<el-radio label="QUESTIONNAIRE_SCALE">问卷量表</el-radio>
<el-radio label="PROPAGANDA_ARTICLE">宣教文案</el-radio>
<el-radio label="TEXT_REMIND">文字提醒</el-radio>
<el-radio label="ARTIFICIAL_FOLLOW_UP">人工随访</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="电话模板" v-if="formInline.taskType == 'PHONE_OUTBOUND'">
<scriptphone @on-template="scriptphoneontemplate"></scriptphone>
</el-form-item>
<el-form-item label="宣教模板" v-if="formInline.taskType == 'PROPAGANDA_ARTICLE'">
<propaganda @on-template="propagandaontemplate"></propaganda>
</el-form-item>
<el-form-item label="提醒内容" v-if="formInline.taskType == 'TEXT_REMIND'">
<el-input type="textarea" v-model="formInline.textRemindContent" :rows="6"
placeholder="请输入内容" />
</el-form-item>
<el-form-item label="人工随访模板" v-if="formInline.taskType == 'ARTIFICIAL_FOLLOW_UP'">
<question @on-template="questionontemplate"></question>
</el-form-item>
</el-form>
<el-form :model="formInline" class="demo-form-inline" :inline="true"
v-if="formInline.taskType == 'QUESTIONNAIRE_SCALE'">
<el-form-item label="问卷模板">
<question @on-template="questionontemplate"></question>
</el-form-item>
<el-form-item label="问卷有效期">
<el-input-number v-model="formInline.questionExpirationDate" :min="1" :max="99"
label="描述文字"></el-input-number>
天
</el-form-item>
</el-form>
</div>
<div
v-if="formInline.taskType == 'TEXT_REMIND' || formInline.taskType == 'PROPAGANDA_ARTICLE' || formInline.taskType == 'QUESTIONNAIRE_SCALE'">
<div class="PushMethod">
<span>推送方式：短信</span>
<el-switch v-model="formInline.messagePushSign" active-color="#13ce66" active-value="1"
inactive-value="0">
</el-switch>
</div>
<div class="PushMethod">
<span>推送方式：公众号</span>
<el-switch v-model="formInline.officialPushSign" active-color="#13ce66" active-value="1"
inactive-value="0">
</el-switch>
</div>
<div class="PushMethod">
<span>推送方式：小程序</span>
<el-switch v-model="formInline.appletPushSign" active-color="#13ce66" active-value="1"
inactive-value="0">
</el-switch>
</div>
</div>
<div class="PushMethod" v-if="formInline.taskType == 'PHONE_OUTBOUND'">
<span>推送方式：人工电话</span>
<el-switch v-model="formInline.phonePushSign" active-color="#13ce66" active-value="1"
inactive-value="0">
</el-switch>
</div>
</div> </div>
<el-card :class="listindex == index ? 'cards' : ''">
<h3 style="height: 20px">
{{ item.taskType == "PHONE_OUTBOUND" ? "电话外呼" : "" }}
{{ item.taskType == "QUESTIONNAIRE_SCALE" ? "问卷量表" : "" }}
{{ item.taskType == "PROPAGANDA_ARTICLE" ? "宣教文案" : "" }}
{{ item.taskType == "TEXT_REMIND" ? "文字提醒" : "" }}
{{ item.taskType == "ARTIFICIAL_FOLLOW_UP" ? "人工随访" : "" }}
</h3>
</el-card>
</el-timeline-item>
</el-timeline>
</div>
<div class="nodetexts">
<div
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-item label="任务内容">
<el-radio-group v-model="formInline.taskType">
<el-radio label="PHONE_OUTBOUND">电话外呼</el-radio>
<el-radio label="QUESTIONNAIRE_SCALE">问卷量表</el-radio>
<el-radio label="PROPAGANDA_ARTICLE">宣教文案</el-radio>
<el-radio label="TEXT_REMIND">文字提醒</el-radio>
<el-radio label="ARTIFICIAL_FOLLOW_UP">人工随访</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item
label="电话模板"
v-if="formInline.taskType == 'PHONE_OUTBOUND'"
>
<scriptphone @on-template="scriptphoneontemplate"></scriptphone>
</el-form-item>
<el-form-item
label="宣教模板"
v-if="formInline.taskType == 'PROPAGANDA_ARTICLE'"
>
<propaganda @on-template="propagandaontemplate"></propaganda>
</el-form-item>
<el-form-item
label="提醒内容"
v-if="formInline.taskType == 'TEXT_REMIND'"
>
<el-input
type="textarea"
v-model="formInline.textRemindContent"
:rows="6"
placeholder="请输入内容"
/>
</el-form-item>
<el-form-item
label="人工随访模板"
v-if="formInline.taskType == 'ARTIFICIAL_FOLLOW_UP'"
>
<question @on-template="questionontemplate"></question>
</el-form-item>
</el-form>
<el-form
:model="formInline"
class="demo-form-inline"
:inline="true"
v-if="formInline.taskType == 'QUESTIONNAIRE_SCALE'"
>
<el-form-item label="问卷模板">
<question @on-template="questionontemplate"></question>
</el-form-item>
<el-form-item label="问卷有效期">
<el-input-number
v-model="formInline.questionExpirationDate"
:min="1"
:max="99"
label="描述文字"
></el-input-number>
天
</el-form-item>
</el-form>
</div> </div>
<div
v-if="
formInline.taskType == 'TEXT_REMIND' ||
formInline.taskType == 'PROPAGANDA_ARTICLE' ||
formInline.taskType == 'QUESTIONNAIRE_SCALE'
"
>
<div class="PushMethod">
<span>推送方式：短信</span>
<el-switch
v-model="formInline.messagePushSign"
active-color="#13ce66"
active-value="1"
inactive-value="0"
>
</el-switch>
</div>
<div class="PushMethod">
<span>推送方式：公众号</span>
<el-switch
v-model="formInline.officialPushSign"
active-color="#13ce66"
active-value="1"
inactive-value="0"
>
</el-switch>
</div>
<div class="PushMethod">
<span>推送方式：小程序</span>
<el-switch
v-model="formInline.appletPushSign"
active-color="#13ce66"
active-value="1"
inactive-value="0"
>
</el-switch>
</div>
</div>
<div class="PushMethod" v-if="formInline.taskType == 'PHONE_OUTBOUND'">
<span>推送方式：人工电话</span>
<el-switch
v-model="formInline.phonePushSign"
active-color="#13ce66"
active-value="1"
inactive-value="0"
>
</el-switch>
</div>
</div>
</div> </div>
</div>
</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 {
updata: { options: [],
signPatientRecordId: '', parentDictCodelist: [],
patientId: '', updata: {
patientName: '', signPatientRecordId: "",
departmentId: '', patientId: "",
departmentName: '', patientName: "",
routeName: '', departmentId: "",
suitRange: '', departmentName: "",
routeNodeList: [], routeName: "",
triggerConditionList: [{ suitRange: "",
routeId: '', routeNodeList: [],
routeName: '', triggerConditionList: [
triggerConditionName: '', {
triggerConditionOperator: '', routeId: "",
triggerConditionValue: '', routeName: "",
}], triggerConditionName: "",
}, triggerConditionOperator: "",
formInline: { triggerConditionValue: "",
routeNodeDay: '', },
taskType: '', ],
routeNodeName: '', },
questionExpirationDate: 7, formInline: {
questionInfoId: "", routeNodeDay: "",
questionnaireName: "", taskType: "",
phoneId: "", routeNodeName: "",
phoneTemplateName: "", questionExpirationDate: 7,
propagandaInfoId: '', questionInfoId: "",
propagandaTitle: "", questionnaireName: "",
textRemindContent: '', phoneId: "",
officialPushSign: '0', phoneTemplateName: "",
messagePushSign: '0', propagandaInfoId: "",
appletPushSign: '0', propagandaTitle: "",
phonePushSign: '0', textRemindContent: "",
}, officialPushSign: "0",
list: [ messagePushSign: "0",
{ appletPushSign: "0",
routeNodeDay: '', phonePushSign: "0",
taskType: '', },
routeNodeName: '', list: [
questionExpirationDate: 7, {
questionInfoId: "", routeNodeDay: "",
questionnaireName: "", taskType: "",
phoneId: "", routeNodeName: "",
phoneTemplateName: "", questionExpirationDate: 7,
propagandaInfoId: '', questionInfoId: "",
propagandaTitle: "", questionnaireName: "",
textRemindContent: '', phoneId: "",
officialPushSign: '0', phoneTemplateName: "",
messagePushSign: '0', propagandaInfoId: "",
appletPushSign: '0', propagandaTitle: "",
phonePushSign: '0', textRemindContent: "",
} officialPushSign: "0",
], messagePushSign: "0",
listindex: 0, appletPushSign: "0",
} phonePushSign: "0",
},
],
listindex: 0,
};
},
created() {
this.infolist();
// console.log(this.updata, "this.updata");
// this.parentDictCode = this.options.find(
// (el) => el.dictValue == this.updata.suitRange
// ).dictCode;
// 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: {
infolist() {
var dictType = "suit_range";
getAgencytype(dictType).then((res) => {
console.log(res, "res");
this.options = res.data;
});
}, },
created() { changeoptions(e) {
this.formInline = this.list[0] console.log(e);
this.updata.signPatientRecordId = this.$route.query.signPatientRecordId this.parentDictCode = this.options.find(
this.updata.patientId = this.$route.query.patientId (el) => el.dictValue == e
this.updata.patientName = this.$route.query.patientName ).dictCode;
this.updata.departmentId = this.$route.query.departmentId console.log(this.parentDictCode, "this.parentDictCode");
this.updata.departmentName = this.$route.query.departmentName this.changelisy();
}, },
methods: { changelisy() {
addtriggerCondition() { list(this.parentDictCode).then((res) => {
this.updata.triggerConditionList.push({ this.parentDictCodelist = res.rows;
routeId: '', res.rows.forEach((e) => {
routeName: '', this.list.forEach((el) => {
triggerConditionName: '', el.routeNodeName = e.dictLabel;
triggerConditionOperator: '', });
triggerConditionValue: '', });
}) });
}, },
//宣教传值 addtriggerCondition() {
propagandaontemplate(item) { this.updata.triggerConditionList.push({
this.formInline.propagandaInfoId = item.templateId routeId: "",
this.formInline.propagandaTitle = item.templateName routeName: "",
}, triggerConditionName: "",
//问卷传值 triggerConditionOperator: "",
questionontemplate(item) { triggerConditionValue: "",
if (this.formInline.taskType == 'ARTIFICIAL_FOLLOW_UP') { });
this.formInline.followTemplateId = item.templateId },
this.formInline.followTemplateName = item.templateName //宣教传值
} else { propagandaontemplate(item) {
this.formInline.questionInfoId = item.templateId this.formInline.propagandaInfoId = item.templateId;
this.formInline.questionnaireName = item.templateName this.formInline.propagandaTitle = item.templateName;
} },
}, //问卷传值
//话术传值 questionontemplate(item) {
scriptphoneontemplate(item) { if (this.formInline.taskType == "ARTIFICIAL_FOLLOW_UP") {
this.formInline.phoneId = item.templateId this.formInline.followTemplateId = item.templateId;
this.formInline.phoneTemplateName = item.templateName this.formInline.followTemplateName = item.templateName;
}, } else {
clicktimelineitem(item, index) { this.formInline.questionInfoId = item.templateId;
this.formInline = item this.formInline.questionnaireName = item.templateName;
this.listindex = index }
}, },
additem(item) { //话术传值
this.list.push({ scriptphoneontemplate(item) {
routeNodeDay: '', this.formInline.phoneId = item.templateId;
taskType: '', this.formInline.phoneTemplateName = item.templateName;
routeNodeName: '', },
questionExpirationDate: 7, clicktimelineitem(item, index) {
questionInfoId: "", this.formInline = item;
questionnaireName: "", this.listindex = index;
phoneId: "", },
phoneTemplateName: "", additem(item) {
propagandaInfoId: '', list(this.parentDictCode).then((res) => {
propagandaTitle: "", res.rows.forEach((e) => {
textRemindContent: '', this.list.forEach((el) => {
officialPushSign: '0', el.routeNodeName = e.dictLabel;
messagePushSign: '0', });
appletPushSign: '0', });
phonePushSign: '0', });
}) this.list.push({
}, routeNodeDay: "",
delitem(item, index, list) { taskType: "",
list.splice(index, 1) routeNodeName: "",
}, questionExpirationDate: 7,
upload() { questionInfoId: "",
this.updata.routeNodeList = this.list questionnaireName: "",
signrouteadd(this.updata).then(res => { phoneId: "",
this.$notify({ phoneTemplateName: "",
type: 'success', propagandaInfoId: "",
title: '提示', propagandaTitle: "",
message: '保存成功,即将返回签约患者列表', textRemindContent: "",
duration: 3000 officialPushSign: "0",
}); messagePushSign: "0",
setTimeout(() => { appletPushSign: "0",
this.$store.dispatch('tagsView/delView', this.$route).then(({ visitedViews }) => { phonePushSign: "0",
this.$router.push({ });
path: "/patient/signRecord", },
}); delitem(item, index, list) {
}) list.splice(index, 1);
}, 3000); },
}) upload() {
}, this.updata.routeNodeList = this.list;
} signrouteadd(this.updata).then((res) => {
this.$notify({
type: "success",
title: "提示",
message: "保存成功,即将返回签约患者列表",
duration: 3000,
});
setTimeout(() => {
this.$store
.dispatch("tagsView/delView", this.$route)
.then(({ visitedViews }) => {
this.$router.push({
path: "/patient/signRecord",
});
});
}, 3000);
});
},
},
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.chufatitle { .chufatitle {
display: flex; display: flex;
align-items: center; align-items: center;
margin-bottom: 20px; margin-bottom: 20px;
span { span {
margin-right: 30px; margin-right: 30px;
font-size: 16px; font-size: 16px;
font-weight: bold; font-weight: bold;
} }
} }
.node { .node {
margin-bottom: 10px; margin-bottom: 10px;
.el-icon-delete { .el-icon-delete {
padding-left: 10px; padding-left: 10px;
} }
} }
.PushMethod { .PushMethod {
height: 100px; height: 100px;
padding: 20px; padding: 20px;
line-height: 60px; line-height: 60px;
margin-top: 10px; margin-top: 10px;
border-radius: 10px; border-radius: 10px;
background-color: #fff; background-color: #fff;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
} }
.title { .title {
padding: 20px; padding: 20px;
} }
.nodes { .nodes {
background-color: #F1F3F5; background-color: #f1f3f5;
// height: 700px; // height: 700px;
height: calc(100vh - 308px);
display: flex;
justify-content: space-between;
padding-top: 20px;
.nodenames {
border-radius: 10px;
background-color: #fff;
height: calc(100vh - 308px); height: calc(100vh - 308px);
display: flex; width: 25%;
justify-content: space-between; padding: 0 40px 20px 40px;
padding-top: 20px; background-color: #fff;
overflow: scroll;
.nodenames { .timetitle {
border-radius: 10px; height: 60px;
background-color: #fff; display: flex;
height: calc(100vh - 308px); align-items: center;
width: 25%; justify-content: space-between;
padding: 0 40px 20px 40px;
background-color: #fff;
overflow: scroll;
.timetitle {
height: 60px;
display: flex;
align-items: center;
justify-content: space-between;
}
::v-deep .el-timeline {
width: 100%;
padding: 15px 0 0 !important;
}
} }
.nodetexts { ::v-deep .el-timeline {
padding-bottom: 20px; width: 100%;
overflow: scroll; padding: 15px 0 0 !important;
border-radius: 10px;
width: 73%;
height: calc(100vh - 308px);
} }
}
.nodetexts {
padding-bottom: 20px;
overflow: scroll;
border-radius: 10px;
width: 73%;
height: calc(100vh - 308px);
}
} }
.top { .top {
display: flex;
justify-content: space-between;
align-items: center;
.toptop {
display: flex; display: flex;
justify-content: space-between;
align-items: center; align-items: center;
}
.toptop { span {
display: flex; padding: 0 4px;
align-items: center; }
}
span { i {
padding: 0 4px; font-size: 17px;
} }
i { i:nth-child(2) {
font-size: 17px; padding-left: 12px;
} }
i:nth-child(2) {
padding-left: 12px;
}
} }
::v-deep .el-timeline-item__timestamp { ::v-deep .el-timeline-item__timestamp {
margin: 0 !important; margin: 0 !important;
padding: 0 !important; padding: 0 !important;
} }
.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 {
padding-left: 20px !important; padding-left: 20px !important;
} }
::v-deep .el-timeline-item__content { ::v-deep .el-timeline-item__content {
transform: translateY(-2%); transform: translateY(-2%);
} }
::v-deep .el-card { ::v-deep .el-card {
margin-top: 20px !important; margin-top: 20px !important;
} }
.dialog-footer { .dialog-footer {
display: inline-block; display: inline-block;
float: right; float: right;
} }
</style> </style>

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) => {