This commit is contained in:
2024-03-29 16:17:13 +08:00
parent ad9157d2fd
commit bac5bc4408

View File

@ -10,7 +10,7 @@
<span>
适用范围
</span>
<el-select v-model="value">
<el-select v-model="updata.suitRange">
<el-option label="出院后" value="item.value">
</el-option>
</el-select>
@ -49,42 +49,218 @@
</el-timeline>
</div>
<div class="texts">
<div class="topform">
<el-form ref="form" :inline="true" :model="form" label-width="60px" class="form">
<el-form-item label="任务类型" prop="name">
<el-select v-model="value" style="width:100px" @change="changeTaskType">
<div class="topform" style="height:50px">
<el-form ref="form" :inline="true" :model="form" class="form">
<el-form-item label="任务类型" prop="">
<el-select v-model="value" style="width:110px" @change="changeTaskType">
<el-option v-for="item in selectTaskTypeList" :key="item.id" :label="item.taskTypeName"
:value="item.id">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="任务细分" prop="name">
<el-form-item label="任务细分" prop="">
<el-select v-model="value" style="width:100px">
<el-option v-for="item in taskPartitionList" :key="item.id" :label="item.taskTypeName"
:value="item.id">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="任务状态" prop="name">
<el-form-item label="任务状态" prop="">
<el-select v-model="value" style="width:100px">
<el-option v-for="item in taskStatusDictList" :key="item.id"
:label="item.taskStatusName" :value="item.id">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="二级分类描述" prop="name" label-width="90px">
<el-form-item label="二级分类描述" prop="">
<el-input v-model="form.name" style="width:100px"></el-input>
</el-form-item>
<el-form-item label="执行时间" prop="name">
<el-select v-model="value" style="width:100px">
<el-option label="出院后" value="item.value">
</el-option>
</el-select>
<el-form-item label="执行时间" prop="">
<el-time-select v-model="form.value"
:picker-options="{ start: '08:30', step: '00:15', end: '18:30' }" placeholder="选择时间">
</el-time-select>
</el-form-item>
</el-form>
</div>
<div class="topform">
<el-form ref="form" :inline="true" :model="form" class="form">
<el-form-item label="问卷库模板选择" prop="">
<question @on-template="ontemplate"></question>
</el-form-item>
</el-form>
</div>
<div class="bottomform">
<wangeditor style="height:300px;width:100%;" ref="editor" />
<wangeditor style="width:100%;" ref="editor" />
<div class="card">
<div class="flex">
<div class="pushMethod">
推送方式
<span>
短信
</span>
</div>
<div class="pushMethod">
模板
<span>
<el-select v-model="value" style="width:200px;">
<el-option v-for="item in taskStatusDictList" :key="item.id" style="color:black"
:label="item.taskStatusName" :value="item.id">
</el-option>
</el-select>
</span>
</div>
<div class="pushMethod">
<el-switch v-model="form.value" active-color="#13ce66">
</el-switch>
</div>
</div>
<div class="flextwo">
<div class="text">
短信预览
</div>
<div class="textarea">
医生小助手医生提醒<el-input v-model="form.input" placeholder=""></el-input>-
<el-input v-model="form.input" placeholder="单位名称" style="width: 150px;"></el-input>
</div>
</div>
</div>
<div class="card">
<div class="flex">
<div class="pushMethod">
推送方式
<span>
公众号
</span>
</div>
<div class="pushMethod">
模板
<span>
<el-select v-model="value" style="width:200px;">
<el-option v-for="item in taskStatusDictList" :key="item.id" style="color:black"
:label="item.taskStatusName" :value="item.id">
</el-option>
</el-select>
</span>
</div>
<div class="pushMethod">
<el-switch v-model="form.value" active-color="#13ce66">
</el-switch>
</div>
</div>
<div class="flextwo">
<div class="text">
提醒内容
</div>
<el-input v-model="form.input" placeholder="" class="textarea"
style="border: none;"></el-input>
</div>
</div>
<div class="card">
<div class="flex">
<div class="pushMethod">
推送方式
<span>
小程序
</span>
</div>
<div class="pushMethod">
模板
<span>
<el-select v-model="value" style="width:200px;">
<el-option v-for="item in taskStatusDictList" :key="item.id" style="color:black"
:label="item.taskStatusName" :value="item.id">
</el-option>
</el-select>
</span>
</div>
<div class="pushMethod">
<el-switch v-model="form.value" active-color="#13ce66">
</el-switch>
</div>
</div>
<div class="flextwo">
<div class="text">
提醒内容
</div>
<el-input v-model="form.input" placeholder="" class="textarea"
style="border: none;"></el-input>
</div>
<div class="flextwo">
<div class="text">
提示说明
</div>
<el-input v-model="form.input" placeholder="" class="textarea"
style="border: none;"></el-input>
</div>
</div>
<!-- <div class="card" style="height: 250px;">
<div class="flex">
<div class="pushMethod">
推送方式
<span>
AI电话
</span>
</div>
<div class="pushMethod">
模板
<span>
<el-select v-model="value" style="width:200px;">
<el-option v-for="item in taskStatusDictList" :key="item.id" style="color:black"
:label="item.taskStatusName" :value="item.id">
</el-option>
</el-select>
</span>
</div>
<div class="pushMethod">
<el-switch v-model="form.value" active-color="#13ce66">
</el-switch>
</div>
</div>
<div class="flextwo">
<div class="text">
机构名称
</div>
<div class="text">
我是
</div>
<el-input v-model="form.input" placeholder="" style="width:150px;padding:0 10px"></el-input>
<div class="text">
的工作人员
</div>
</div>
<div class="flextwo">
<div class="text">
重播次数
</div>
<el-input v-model="form.input" placeholder="" style="width:200px;"></el-input>
<div class="text" style="padding-left: 100px;">
时间间隔
</div>
<el-input v-model="form.input" placeholder="" style="width:200px;"></el-input>
</div>
<div class="flextwo">
<div class="text">
短信提醒
</div>
<el-select v-model="value" style="width:200px;">
<el-option v-for="item in taskStatusDictList" :key="item.id" style="color:black"
:label="item.taskStatusName" :value="item.id">
</el-option>
</el-select>
<div class="text" style="padding-left: 100px;">
短信模板
</div>
<el-select v-model="value" style="width:200px;">
<el-option v-for="item in taskStatusDictList" :key="item.id" style="color:black"
:label="item.taskStatusName" :value="item.id">
</el-option>
</el-select>
</div>
</div> -->
<div slot="footer" class="dialog-footer">
<el-button @click=""> </el-button>
<el-button type="primary" @click="">审核完成</el-button>
</div>
</div>
</div>
</div>
@ -93,15 +269,22 @@
<script>
import wangeditor from '../components/wangEditor.vue'
import question from '../components/question.vue'
import {
selectTaskTypeList, taskPartitionList, taskStatusDictList
} from '@/api/system/specialDiseaseNode'
export default {
components: { wangeditor },
components: { wangeditor, question },
name: "specialDiseaseNode",
data() {
return {
form: { name: '' },
updata: {
suitRange: '',
},
form: {
templateId: '',
templateName: '',
},
itemindex: 0,
listindex: 0,
timelinelist: [{
@ -175,12 +358,16 @@ export default {
// console.log(this.$refs.editor.html)
},
methods: {
ontemplate(item) {
this.form.templateId = item.templateId
this.form.templateName = item.templateName
},
topclickevent(index) {
this.listindex = index
this.itemindex = 0
},
bottomclickevent(uitem, index, uindex) {
this.uitem = uitem
this.form = uitem
this.listindex = index
this.itemindex = uindex
},
@ -207,8 +394,79 @@ export default {
</script>
<style scoped lang="scss">
.bottomform {
overflow: scroll;
height: 930px;
background-color: #f2f4f5;
.dialog-footer {
padding: 20px 20px;
text-align: right;
}
.card {
background-color: #fff;
width: 100%;
height: 200px;
margin: 20px 0 0;
padding: 20px 50px 0px 20px;
.flextwo {
display: flex;
align-items: center;
margin-top: 20px;
.text {
font-size: 13px;
color: #64666A;
}
.textarea {
width: 90%;
padding: 0 10px;
height: 50px;
line-height: 50px;
border: 1px solid #DCDFE6;
border-radius: 5px;
display: flex;
align-items: center;
::v-deep .el-input {
padding: 0 10px;
width: 50%;
color: black;
font-size: 13px;
height: 40px;
line-height: 40px;
}
::v-deep .el-input__inner {
color: black;
font-size: 13px;
}
}
}
.flex {
display: flex;
align-items: center;
justify-content: space-between;
.pushMethod {
height: 30px;
line-height: 30px;
font-size: 13px;
color: #64666A;
::v-deep .el-input__inner {
color: black;
font-size: 13px;
}
span {
color: black;
font-size: 13px;
}
}
}
}
}
.topform {
@ -251,10 +509,6 @@ export default {
}
}
::v-deep .el-input__inner {
height: 30px !important;
line-height: 30px !important;
}
.list {
margin: 20px auto;
@ -268,7 +522,7 @@ export default {
width: 22%;
background-color: #fff;
padding: 0 20px 20px;
height: 1000px;
height: 680px;
overflow: scroll;
.timetitle {
@ -286,9 +540,9 @@ export default {
.texts {
width: 75%;
background-color: #fff;
height: 1000px;
height: 680px;
overflow: scroll;
background-color: #fff;
}
}