修改
This commit is contained in:
辉
parent
9d2bf3e236
commit
e56a41c8a7
@ -1,154 +1,76 @@
|
||||
<template>
|
||||
<div>
|
||||
<div class="title">
|
||||
<div style="background-color: #f1f3f5;padding-top:10px">
|
||||
<div class="title" ref="layout">
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button type="primary" @click="upload">保存</el-button>
|
||||
</div>
|
||||
<el-descriptions title="手动创建任务"> </el-descriptions>
|
||||
<el-form
|
||||
:inline="true"
|
||||
:model="updata"
|
||||
class="demo-form-inline"
|
||||
ref="updata"
|
||||
>
|
||||
<el-form :inline="true" :model="updata" class="demo-form-inline" ref="updata">
|
||||
<el-form-item label="任务名称">
|
||||
<el-input v-model="updata.routeName"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="适用范围">
|
||||
<el-select v-model="updata.suitRange" @change="changeoptions">
|
||||
<el-option
|
||||
v-for="item in options"
|
||||
:key="item.dictValue"
|
||||
:label="item.dictLabel"
|
||||
:value="item.dictValue"
|
||||
>
|
||||
<el-option v-for="item in options" :key="item.dictValue" :label="item.dictLabel" :value="item.dictValue">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div class="chufatitle">
|
||||
<span>触发条件</span>
|
||||
<!-- <el-button type="primary" plain size="mini" @click="addtriggerCondition"
|
||||
>添加触发条件</el-button
|
||||
> -->
|
||||
</div>
|
||||
<el-form ref="updata" :model="updata" label-width="80px">
|
||||
<div class="chufatitle">
|
||||
<span>触发条件</span>
|
||||
<!-- <el-button type="primary" plain size="mini" @click="addtriggerCondition" >添加触发条件</el-button > -->
|
||||
</div>
|
||||
<div class="nodesname">
|
||||
<div
|
||||
class="node"
|
||||
v-for="(item, index) in updata.triggerConditionList"
|
||||
:key="index"
|
||||
>
|
||||
<div class="node" v-for="(item, index) in updata.triggerConditionList" :key="index">
|
||||
<!-- 且或 -->
|
||||
<div
|
||||
style="
|
||||
<div style="
|
||||
width: 60px;
|
||||
position: absolute;
|
||||
left: 3%;
|
||||
top: 220px;
|
||||
top: 195px;
|
||||
background-color: red;
|
||||
"
|
||||
v-if="updata.triggerConditionList.length === 3"
|
||||
>
|
||||
" v-if="updata.triggerConditionList.length === 3">
|
||||
<img src="@/assets/images/images.png" class="login-code-img" />
|
||||
<el-select
|
||||
v-model="item.triggerLogic"
|
||||
style="width: 60px"
|
||||
placeholder=""
|
||||
@change="changetriggerLogicsname($event, index)"
|
||||
>
|
||||
<el-option
|
||||
v-for="itemh in optionslistS"
|
||||
:key="itemh.dictValue"
|
||||
:label="itemh.dictLabel"
|
||||
:value="itemh.dictValue"
|
||||
>
|
||||
<el-select v-model="item.triggerLogic" style="width: 60px" placeholder=""
|
||||
@change="changetriggerLogicsname($event, index)">
|
||||
<el-option v-for="itemh in optionslistS" :key="itemh.dictValue" :label="itemh.dictLabel"
|
||||
:value="itemh.dictValue">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
|
||||
<!-- 诊断 在这里-->
|
||||
<el-select
|
||||
v-model="item.triggerConditionCode"
|
||||
style="width: 120px"
|
||||
@change="changetriggerConditionName($event, index)"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in optionsname"
|
||||
:key="item.dictValue"
|
||||
:label="item.dictLabel"
|
||||
:value="item.dictValue"
|
||||
>
|
||||
<el-select v-model="item.triggerConditionCode" style="width: 120px"
|
||||
@change="changetriggerConditionName($event, index)">
|
||||
<el-option v-for="item in optionsname" :key="item.dictValue" :label="item.dictLabel"
|
||||
:value="item.dictValue">
|
||||
</el-option>
|
||||
</el-select>
|
||||
<!-- 包含 -->
|
||||
<el-select
|
||||
v-model="item.triggerConditionOperator"
|
||||
style="width: 100px"
|
||||
@change="changetriggerLogic($event, index)"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in item.optionstriggerConditionOperator"
|
||||
:key="item.dictValue"
|
||||
:label="item.dictLabel"
|
||||
:value="item.dictValue"
|
||||
>
|
||||
<el-select v-model="item.triggerConditionOperator" style="width: 100px"
|
||||
@change="changetriggerLogic($event, index)">
|
||||
<el-option v-for="item in item.optionstriggerConditionOperator" :key="item.dictValue"
|
||||
:label="item.dictLabel" :value="item.dictValue">
|
||||
</el-option>
|
||||
</el-select>
|
||||
<el-input
|
||||
v-if="item.dictDataType == 'STRING' || !dictDataType"
|
||||
v-model="item.triggerConditionValue"
|
||||
style="width: 300px"
|
||||
placeholder="请输入触发条件"
|
||||
maxlength="100"
|
||||
></el-input>
|
||||
<el-select
|
||||
v-if="item.dictDataType == 'SELECT'"
|
||||
v-model="item.triggerConditionValue"
|
||||
style="width: 300px"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in ConditionValue"
|
||||
:key="item.dictValue"
|
||||
:label="item.dictLabel"
|
||||
:value="item.dictValue"
|
||||
>
|
||||
<el-input v-if="item.dictDataType == 'STRING' || !dictDataType" v-model="item.triggerConditionValue"
|
||||
style="width: 300px" placeholder="请输入触发条件" maxlength="100"></el-input>
|
||||
<el-select v-if="item.dictDataType == 'SELECT'" v-model="item.triggerConditionValue" style="width: 300px">
|
||||
<el-option v-for="item in ConditionValue" :key="item.dictValue" :label="item.dictLabel"
|
||||
:value="item.dictValue">
|
||||
</el-option>
|
||||
</el-select>
|
||||
<el-date-picker
|
||||
v-if="item.dictDataType == 'DATE'"
|
||||
v-model="item.triggerConditionValue"
|
||||
style="width: 300px"
|
||||
type="date"
|
||||
placeholder="选择日期时间"
|
||||
value-format="yyyy-MM-dd"
|
||||
>
|
||||
<el-date-picker v-if="item.dictDataType == 'DATE'" v-model="item.triggerConditionValue" style="width: 300px"
|
||||
type="date" placeholder="选择日期时间" value-format="yyyy-MM-dd">
|
||||
</el-date-picker>
|
||||
<!-- {{ item }} -->
|
||||
<el-input
|
||||
v-if="item.dictDataType == 'DECIMAL'"
|
||||
style="width: 300px"
|
||||
v-model="item.triggerConditionValue"
|
||||
type="number"
|
||||
:min="0"
|
||||
></el-input>
|
||||
<el-input v-if="item.dictDataType == 'DECIMAL'" style="width: 300px" v-model="item.triggerConditionValue"
|
||||
type="number" :min="0"></el-input>
|
||||
<span class="icon">
|
||||
<el-button
|
||||
type="danger"
|
||||
class="el-icon-remove-outline"
|
||||
plain
|
||||
@click="delitemlistname(index)"
|
||||
v-if="index != 0"
|
||||
></el-button>
|
||||
|
||||
<el-button
|
||||
type="primary"
|
||||
plain
|
||||
class="el-icon-circle-plus-outline"
|
||||
@click="addtriggerCondition(index)"
|
||||
v-if="index == 0"
|
||||
>添加属性</el-button
|
||||
>
|
||||
<el-button type="danger" class="el-icon-remove-outline" plain @click="delitemlistname(index)"
|
||||
v-if="index != 0"></el-button>
|
||||
<el-button type="primary" plain class="el-icon-circle-plus-outline" @click="addtriggerCondition(index)"
|
||||
v-if="index == 0">添加属性</el-button>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
@ -158,7 +80,6 @@
|
||||
:key="index"
|
||||
:style="updata.triggerConditionList.length > 1 ? '' : 'margin:0'"
|
||||
>
|
||||
|
||||
<el-select v-model="item.triggerConditionName" style="width: 120px">
|
||||
<el-option label="诊断" value="DIAGNOSIS" />
|
||||
<el-option label="换药日期" value="DRESSING_CHANGE_DATE" />
|
||||
@ -188,42 +109,27 @@
|
||||
<!-- <el-button @click="submit" style="float:right">保存触发条件</el-button> -->
|
||||
</el-form>
|
||||
</div>
|
||||
<div class="nodes">
|
||||
<div class="nodes" :style="{ 'height': heightLine + 'px' }">
|
||||
<div class="nodenames">
|
||||
<div class="timetitle">
|
||||
管理路径节点({{ list.length }})
|
||||
<i class="el-icon-circle-plus-outline" @click="additem"></i>
|
||||
</div>
|
||||
<el-timeline>
|
||||
<el-timeline-item
|
||||
v-for="(item, index) in list"
|
||||
:key="index"
|
||||
:color="listindex == index ? '#409EFF' : ''"
|
||||
@click.native="clicktimelineitem(item, index)"
|
||||
>
|
||||
<el-timeline-item v-for="(item, index) in list" :key="index" :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 v-for="item in parentDictCodelist" :key="item.dictValue" :label="item.dictLabel"
|
||||
:value="item.dictValue">
|
||||
</el-option>
|
||||
</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>
|
||||
</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>
|
||||
<el-card :class="listindex == index ? 'cards' : ''">
|
||||
@ -239,10 +145,8 @@
|
||||
</el-timeline>
|
||||
</div>
|
||||
<div class="nodetexts">
|
||||
<div
|
||||
style="background-color: #fff; border-radius: 10px; padding: 20px"
|
||||
:style="formInline.taskType == 'TEXT_REMIND' ? '' : 'height:160px'"
|
||||
>
|
||||
<div style="background-color: #fff; border-radius: 10px; padding: 20px"
|
||||
:style="formInline.taskType ? formInline.taskType != 'PHONE_OUTBOUND' ? formInline.taskType == 'TEXT_REMIND' ? 'height:260px' : 'height:160px' : 'height:80px' : 'height:80px'">
|
||||
<el-form :model="formInline" class="demo-form-inline">
|
||||
<el-form-item label="任务内容">
|
||||
<el-radio-group v-model="formInline.taskType">
|
||||
@ -259,66 +163,37 @@
|
||||
>
|
||||
<scriptphone @on-template="scriptphoneontemplate"></scriptphone>
|
||||
</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>
|
||||
</el-form-item>
|
||||
<el-form-item
|
||||
label="提醒内容"
|
||||
v-if="formInline.taskType == 'TEXT_REMIND'"
|
||||
>
|
||||
<el-input
|
||||
type="textarea"
|
||||
v-model="formInline.textRemindContent"
|
||||
:rows="6"
|
||||
style="width: 600px"
|
||||
placeholder="请输入内容"
|
||||
/>
|
||||
<el-form-item label="提醒内容" v-if="formInline.taskType == 'TEXT_REMIND'">
|
||||
<el-input type="textarea" v-model="formInline.textRemindContent" :rows="6" style="width: 600px"
|
||||
placeholder="请输入内容" />
|
||||
</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>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<el-form
|
||||
:model="formInline"
|
||||
class="demo-form-inline"
|
||||
:inline="true"
|
||||
v-if="formInline.taskType == 'QUESTIONNAIRE_SCALE'"
|
||||
>
|
||||
<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-input-number v-model="formInline.questionExpirationDate" :min="1" :max="99"
|
||||
label="描述文字"></el-input-number>
|
||||
天
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
<div>
|
||||
<div
|
||||
class="PushMethodrg"
|
||||
v-if="formInline.taskType == 'ARTIFICIAL_FOLLOW_UP'"
|
||||
>
|
||||
<div class="PushMethodrg" v-if="formInline.taskType == 'ARTIFICIAL_FOLLOW_UP'">
|
||||
<div class="flex">
|
||||
<div class="itemlist">推送方式：人工电话</div>
|
||||
|
||||
<div class="itemlist">
|
||||
<el-switch
|
||||
v-model="formInline.phonePushSign"
|
||||
active-color="#13ce66"
|
||||
active-value="1"
|
||||
inactive-value="0"
|
||||
>
|
||||
<el-switch v-model="formInline.phonePushSign" active-color="#13ce66" active-value="1"
|
||||
inactive-value="0">
|
||||
</el-switch>
|
||||
</div>
|
||||
</div>
|
||||
@ -326,16 +201,9 @@
|
||||
<div class="itemlist">
|
||||
重播次数：
|
||||
<span>
|
||||
<el-select
|
||||
v-model="formInline.phoneRedialTimes"
|
||||
style="width: 100px"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in optionslistS"
|
||||
:key="item.dictValue"
|
||||
:label="item.dictLabel"
|
||||
:value="item.dictValue"
|
||||
>
|
||||
<el-select v-model="formInline.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>
|
||||
@ -343,150 +211,86 @@
|
||||
<div class="itemlist">
|
||||
时间间隔:
|
||||
<span>
|
||||
<el-input
|
||||
v-model.number="formInline.phoneTimeInterval"
|
||||
oninput="value=value.replace(/[^\d]/g,'')"
|
||||
style="width: 100px"
|
||||
>
|
||||
<el-input v-model.number="formInline.phoneTimeInterval" oninput="value=value.replace(/[^\d]/g,'')"
|
||||
style="width: 100px">
|
||||
</el-input>
|
||||
</span>
|
||||
</div>
|
||||
<div class="itemlist">
|
||||
短信提醒：
|
||||
<el-select
|
||||
v-model="formInline.phoneMessageRemind"
|
||||
style="width: 150px"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in optionslist"
|
||||
:key="item.dictValue"
|
||||
:label="item.dictLabel"
|
||||
:value="item.dictValue"
|
||||
>
|
||||
<el-select v-model="formInline.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="itemlist">
|
||||
短信模板：
|
||||
<span
|
||||
class="spanname"
|
||||
v-if="formInline.phoneMessageRemind == 'NOT_SEND_MESSAGE'"
|
||||
>
|
||||
<message
|
||||
style="width: 200px"
|
||||
@on-template="messageontemplateMESSAGE"
|
||||
:templateId="formInline.phoneMessageTemplateId"
|
||||
:templateName="formInline.phoneMessageTemplateName"
|
||||
></message>
|
||||
<span class="spanname" v-if="formInline.phoneMessageRemind == 'NOT_SEND_MESSAGE'">
|
||||
<message style="width: 200px" @on-template="messageontemplateMESSAGE"
|
||||
:templateId="formInline.phoneMessageTemplateId" :templateName="formInline.phoneMessageTemplateName">
|
||||
</message>
|
||||
</span>
|
||||
<span v-else>
|
||||
<message
|
||||
style="width: 200px"
|
||||
@on-template="messageontemplateMESSAGE"
|
||||
:templateId="formInline.phoneMessageTemplateId"
|
||||
:templateName="formInline.phoneMessageTemplateName"
|
||||
></message>
|
||||
<message style="width: 200px" @on-template="messageontemplateMESSAGE"
|
||||
:templateId="formInline.phoneMessageTemplateId" :templateName="formInline.phoneMessageTemplateName">
|
||||
</message>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="PushMethod"
|
||||
v-if="
|
||||
formInline.taskType == 'TEXT_REMIND' ||
|
||||
formInline.taskType == 'PROPAGANDA_ARTICLE' ||
|
||||
formInline.taskType == 'QUESTIONNAIRE_SCALE'
|
||||
"
|
||||
>
|
||||
<div class="PushMethod" v-if="formInline.taskType == 'TEXT_REMIND' ||
|
||||
formInline.taskType == 'PROPAGANDA_ARTICLE' ||
|
||||
formInline.taskType == 'QUESTIONNAIRE_SCALE'
|
||||
">
|
||||
<span>推送方式：公众号</span>
|
||||
<div class="pushMethod">
|
||||
模板：
|
||||
<span>
|
||||
<officialAccount
|
||||
@on-template="officialAccountontemplate"
|
||||
:templateId="formInline.officialTemplateId"
|
||||
:templateName="formInline.officialTemplateName"
|
||||
>
|
||||
<officialAccount @on-template="officialAccountontemplate" :templateId="formInline.officialTemplateId"
|
||||
:templateName="formInline.officialTemplateName">
|
||||
</officialAccount>
|
||||
</span>
|
||||
</div>
|
||||
<el-switch
|
||||
v-model="formInline.officialPushSign"
|
||||
active-color="#13ce66"
|
||||
active-value="1"
|
||||
inactive-value="0"
|
||||
>
|
||||
<el-switch v-model="formInline.officialPushSign" active-color="#13ce66" active-value="1" inactive-value="0">
|
||||
</el-switch>
|
||||
</div>
|
||||
<div
|
||||
class="PushMethod"
|
||||
v-if="
|
||||
formInline.taskType == 'TEXT_REMIND' ||
|
||||
formInline.taskType == 'PROPAGANDA_ARTICLE' ||
|
||||
formInline.taskType == 'QUESTIONNAIRE_SCALE'
|
||||
"
|
||||
>
|
||||
<div class="PushMethod" v-if="formInline.taskType == 'TEXT_REMIND' ||
|
||||
formInline.taskType == 'PROPAGANDA_ARTICLE' ||
|
||||
formInline.taskType == 'QUESTIONNAIRE_SCALE'
|
||||
">
|
||||
<span>推送方式：小程序</span>
|
||||
<div class="pushMethod">
|
||||
模板：
|
||||
<span>
|
||||
<miniProgram
|
||||
@on-template="miniProgramtemplate"
|
||||
:templateId="formInline.appletTemplateId"
|
||||
:templateName="formInline.appletTemplateName"
|
||||
>
|
||||
<miniProgram @on-template="miniProgramtemplate" :templateId="formInline.appletTemplateId"
|
||||
:templateName="formInline.appletTemplateName">
|
||||
</miniProgram>
|
||||
</span>
|
||||
</div>
|
||||
<el-switch
|
||||
v-model="formInline.appletPushSign"
|
||||
active-color="#13ce66"
|
||||
active-value="1"
|
||||
inactive-value="0"
|
||||
>
|
||||
<el-switch v-model="formInline.appletPushSign" active-color="#13ce66" active-value="1" inactive-value="0">
|
||||
</el-switch>
|
||||
</div>
|
||||
<div
|
||||
class="PushMethod"
|
||||
v-if="
|
||||
formInline.taskType == 'TEXT_REMIND' ||
|
||||
formInline.taskType == 'PROPAGANDA_ARTICLE' ||
|
||||
formInline.taskType == 'QUESTIONNAIRE_SCALE'
|
||||
"
|
||||
>
|
||||
<span
|
||||
style="display: inline-block; width: 128px"
|
||||
>推送方式：短信</span
|
||||
>
|
||||
<div class="PushMethod" v-if="formInline.taskType == 'TEXT_REMIND' ||
|
||||
formInline.taskType == 'PROPAGANDA_ARTICLE' ||
|
||||
formInline.taskType == 'QUESTIONNAIRE_SCALE'
|
||||
">
|
||||
<span style="display: inline-block; width: 128px">推送方式：短信</span>
|
||||
<div class="pushMethod">
|
||||
模板：
|
||||
<message
|
||||
@on-template="messageontemplateMESSAGE"
|
||||
:templateId="formInline.phoneMessageTemplateId"
|
||||
:templateName="formInline.phoneMessageTemplateName"
|
||||
></message>
|
||||
<message @on-template="messageontemplateMESSAGE" :templateId="formInline.phoneMessageTemplateId"
|
||||
:templateName="formInline.phoneMessageTemplateName"></message>
|
||||
</div>
|
||||
<el-switch
|
||||
v-model="formInline.messagePushSign"
|
||||
active-color="#13ce66"
|
||||
active-value="1"
|
||||
inactive-value="0"
|
||||
>
|
||||
<el-switch v-model="formInline.messagePushSign" active-color="#13ce66" active-value="1" inactive-value="0">
|
||||
</el-switch>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="PushMethodrg"
|
||||
v-if="formInline.taskType == 'PHONE_OUTBOUND'"
|
||||
>
|
||||
<div class="PushMethodrg" v-if="formInline.taskType == 'PHONE_OUTBOUND'">
|
||||
<div class="flex">
|
||||
<div class="itemlist">
|
||||
推送方式：
|
||||
<span>
|
||||
<el-radio-group
|
||||
v-model="formInline.phoneDialMethod"
|
||||
@change="changephoneDialMethod"
|
||||
>
|
||||
<el-radio-group v-model="formInline.phoneDialMethod" @change="changephoneDialMethod">
|
||||
<el-radio label="COMMON">人工电话</el-radio>
|
||||
<el-radio label="AI">自动外呼</el-radio>
|
||||
</el-radio-group>
|
||||
@ -494,57 +298,32 @@
|
||||
</div>
|
||||
<div class="itemlist">
|
||||
话术模板：
|
||||
<span
|
||||
class="spanname"
|
||||
v-if="
|
||||
formInline.questionInfoId &&
|
||||
formInline.phoneDialMethod == 'COMMON'
|
||||
"
|
||||
>
|
||||
<scripts
|
||||
@on-template="messageontemplateword"
|
||||
:templateId="formInline.phoneId"
|
||||
:templateName="formInline.phoneTemplateName"
|
||||
></scripts>
|
||||
<span class="spanname" v-if="formInline.questionInfoId &&
|
||||
formInline.phoneDialMethod == 'COMMON'
|
||||
">
|
||||
<scripts @on-template="messageontemplateword" :templateId="formInline.phoneId"
|
||||
:templateName="formInline.phoneTemplateName"></scripts>
|
||||
</span>
|
||||
<span v-else>
|
||||
<scripts
|
||||
@on-template="messageontemplateword"
|
||||
:templateId="formInline.phoneId"
|
||||
:templateName="formInline.phoneTemplateName"
|
||||
></scripts>
|
||||
<scripts @on-template="messageontemplateword" :templateId="formInline.phoneId"
|
||||
:templateName="formInline.phoneTemplateName"></scripts>
|
||||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="itemlist"
|
||||
v-if="
|
||||
formInline.phoneDialMethod == 'COMMON' ||
|
||||
!formInline.phoneDialMethod
|
||||
"
|
||||
>
|
||||
<div class="itemlist" v-if="formInline.phoneDialMethod == 'COMMON' ||
|
||||
!formInline.phoneDialMethod
|
||||
">
|
||||
问卷模板：
|
||||
<span class="spanname" v-if="formInline.phoneId">
|
||||
<question
|
||||
@on-template="questionontemplate"
|
||||
:templateId="formInline.questionInfoId"
|
||||
:templateName="formInline.questionnaireName"
|
||||
></question>
|
||||
<question @on-template="questionontemplate" :templateId="formInline.questionInfoId"
|
||||
:templateName="formInline.questionnaireName"></question>
|
||||
</span>
|
||||
<span v-else>
|
||||
<question
|
||||
@on-template="questionontemplate"
|
||||
:templateId="formInline.questionInfoId"
|
||||
:templateName="formInline.questionnaireName"
|
||||
></question>
|
||||
<question @on-template="questionontemplate" :templateId="formInline.questionInfoId"
|
||||
:templateName="formInline.questionnaireName"></question>
|
||||
</span>
|
||||
</div>
|
||||
<div class="itemlist">
|
||||
<el-switch
|
||||
v-model="formInline.phonePushSign"
|
||||
active-color="#13ce66"
|
||||
active-value="1"
|
||||
inactive-value="0"
|
||||
>
|
||||
<el-switch v-model="formInline.phonePushSign" active-color="#13ce66" active-value="1" inactive-value="0">
|
||||
</el-switch>
|
||||
</div>
|
||||
</div>
|
||||
@ -552,16 +331,9 @@
|
||||
<div class="itemlist">
|
||||
重播次数111：
|
||||
<span>
|
||||
<el-select
|
||||
v-model="formInline.phoneRedialTimes"
|
||||
style="width: 100px"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in optionslisttime"
|
||||
:key="item.dictValue"
|
||||
:label="item.dictLabel"
|
||||
:value="item.dictValue"
|
||||
>
|
||||
<el-select v-model="formInline.phoneRedialTimes" style="width: 100px">
|
||||
<el-option v-for="item in optionslisttime" :key="item.dictValue" :label="item.dictLabel"
|
||||
:value="item.dictValue">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</span>
|
||||
@ -569,49 +341,30 @@
|
||||
<div class="itemlist">
|
||||
时间间隔:
|
||||
<span>
|
||||
<el-input
|
||||
v-model.number="formInline.phoneTimeInterval"
|
||||
oninput="value=value.replace(/[^\d]/g,'')"
|
||||
style="width: 100px"
|
||||
>
|
||||
<el-input v-model.number="formInline.phoneTimeInterval" oninput="value=value.replace(/[^\d]/g,'')"
|
||||
style="width: 100px">
|
||||
</el-input>
|
||||
</span>
|
||||
</div>
|
||||
<div class="itemlist">
|
||||
短信提醒：
|
||||
<el-select
|
||||
v-model="formInline.phoneMessageRemind"
|
||||
style="width: 150px"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in optionslist"
|
||||
:key="item.dictValue"
|
||||
:label="item.dictLabel"
|
||||
:value="item.dictValue"
|
||||
>
|
||||
<el-select v-model="formInline.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="itemlist">
|
||||
短信模板：
|
||||
<span
|
||||
class="spanname"
|
||||
v-if="formInline.phoneMessageRemind == 'NOT_SEND_MESSAGE'"
|
||||
>
|
||||
<message
|
||||
style="width: 200px"
|
||||
@on-template="messageontemplateMESSAGE"
|
||||
:templateId="formInline.phoneMessageTemplateId"
|
||||
:templateName="formInline.phoneMessageTemplateName"
|
||||
></message>
|
||||
<span class="spanname" v-if="formInline.phoneMessageRemind == 'NOT_SEND_MESSAGE'">
|
||||
<message style="width: 200px" @on-template="messageontemplateMESSAGE"
|
||||
:templateId="formInline.phoneMessageTemplateId" :templateName="formInline.phoneMessageTemplateName">
|
||||
</message>
|
||||
</span>
|
||||
<span v-else>
|
||||
<message
|
||||
style="width: 200px"
|
||||
@on-template="messageontemplateMESSAGE"
|
||||
:templateId="formInline.phoneMessageTemplateId"
|
||||
:templateName="formInline.phoneMessageTemplateName"
|
||||
></message>
|
||||
<message style="width: 200px" @on-template="messageontemplateMESSAGE"
|
||||
:templateId="formInline.phoneMessageTemplateId" :templateName="formInline.phoneMessageTemplateName">
|
||||
</message>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
@ -638,6 +391,7 @@ export default {
|
||||
name: "ManuallyCreatingTasks",
|
||||
data() {
|
||||
return {
|
||||
heightLine: 0,
|
||||
optionsname: '',
|
||||
options: [],
|
||||
optionslist: [],
|
||||
@ -707,8 +461,6 @@ export default {
|
||||
listindex: 0,
|
||||
optionstriggerConditionOperator: [], // 将这部分选项的
|
||||
dictDataType: "",
|
||||
|
||||
|
||||
};
|
||||
},
|
||||
created() {
|
||||
@ -718,7 +470,6 @@ export default {
|
||||
this.infolistoptionslistS();
|
||||
this.optiononditionOperators();
|
||||
this.optiononditionOperator();
|
||||
|
||||
this.formInline = this.list[0];
|
||||
this.updata.signPatientRecordId = this.$route.query.signPatientRecordId;
|
||||
this.updata.patientId = this.$route.query.patientId;
|
||||
@ -726,6 +477,10 @@ export default {
|
||||
this.updata.departmentId = this.$route.query.departmentId;
|
||||
this.updata.departmentName = this.$route.query.departmentName;
|
||||
},
|
||||
mounted() {
|
||||
this.getMaxTableHeight()
|
||||
this.screenChange()
|
||||
},
|
||||
methods: {
|
||||
// 且或
|
||||
infolistoptionslistS() {
|
||||
@ -746,11 +501,8 @@ export default {
|
||||
var dictType = "trigger_condition_operator";
|
||||
getAgencytype(dictType).then((res) => {
|
||||
this.updata.triggerConditionList.optionstriggerConditionOperator = res.data;
|
||||
|
||||
});
|
||||
},
|
||||
|
||||
|
||||
// 包含
|
||||
changetriggerLogic(e, index) {
|
||||
// this.openlist.triggerConditionList[index].triggerConditionOperatorName =
|
||||
@ -759,7 +511,6 @@ export default {
|
||||
// ).dictLabel;
|
||||
this.updata.triggerConditionList[index].triggerConditionValue = null;
|
||||
},
|
||||
|
||||
// 诊断
|
||||
changetriggerConditionName(e, index) {
|
||||
var dictType = e;
|
||||
@ -777,7 +528,6 @@ export default {
|
||||
this.updata.triggerConditionList[index].dictDataType =
|
||||
this.optionsname.find((el) => el.dictValue == e).dictDataType;
|
||||
},
|
||||
|
||||
// 包含或等号接口
|
||||
handlelist(index) {
|
||||
var dictType = "trigger_condition_operator";
|
||||
@ -792,10 +542,8 @@ export default {
|
||||
var dictType = "trigger_condition_operator";
|
||||
getAgencytype(dictType).then((res) => {
|
||||
this.updata.triggerConditionList.optionstriggerConditionOperator = res.data;
|
||||
|
||||
});
|
||||
},
|
||||
|
||||
// 且或
|
||||
changetriggerLogicsname(e, index) {
|
||||
this.updata.triggerConditionList[index].triggerLogic = e;
|
||||
@ -810,12 +558,10 @@ export default {
|
||||
// spinner: "el-icon-loading",
|
||||
// background: "rgba(0, 0, 0, 0.7)",
|
||||
// });
|
||||
|
||||
// this.updata.triggerConditionList.forEach((e) => {
|
||||
// e.routeId = this.$route.query.id;
|
||||
// e.routeName = this.$route.query.routeName;
|
||||
// delete e.optionstriggerConditionOperator
|
||||
|
||||
// });
|
||||
// delete this.updata.triggerConditionList.optionstriggerConditionOperator
|
||||
// loading.close();
|
||||
@ -869,6 +615,9 @@ export default {
|
||||
// 删除属性
|
||||
delitemlistname(index, item) {
|
||||
this.updata.triggerConditionList.splice(index, 1);
|
||||
setTimeout(() => {
|
||||
this.getMaxTableHeight()
|
||||
}, 20);
|
||||
},
|
||||
addtriggerCondition() {
|
||||
var obj = {
|
||||
@ -877,18 +626,19 @@ export default {
|
||||
triggerConditionName: "",
|
||||
triggerConditionOperator: "",
|
||||
triggerConditionValue: "",
|
||||
|
||||
triggerConditionOperatorName: "",
|
||||
dictDataType: "STRING",
|
||||
triggerLogic: "AND",
|
||||
triggerLogicName: "",
|
||||
};
|
||||
|
||||
if (this.updata.triggerConditionList.length == 3) {
|
||||
this.$message.error("至多仅支持两种属性");
|
||||
} else {
|
||||
this.updata.triggerConditionList.push(obj);
|
||||
}
|
||||
setTimeout(() => {
|
||||
this.getMaxTableHeight()
|
||||
}, 20);
|
||||
},
|
||||
//宣教传值
|
||||
propagandaontemplate(item) {
|
||||
@ -916,7 +666,6 @@ export default {
|
||||
this.formInline.phoneMessageTemplateName = item.templateName;
|
||||
this.formInline.messagePreview = item.templateContent;
|
||||
},
|
||||
|
||||
// 话术
|
||||
messageontemplateword(item) {
|
||||
this.formInline.phoneId = item.templateId;
|
||||
@ -940,13 +689,15 @@ export default {
|
||||
this.listindex = index;
|
||||
},
|
||||
additem(item) {
|
||||
list(this.parentDictCode).then((res) => {
|
||||
res.rows.forEach((e) => {
|
||||
this.list.forEach((el) => {
|
||||
el.routeNodeName = e.dictLabel;
|
||||
if (this.parentDictCode) {
|
||||
list(this.parentDictCode).then((res) => {
|
||||
res.rows.forEach((e) => {
|
||||
this.list.forEach((el) => {
|
||||
el.routeNodeName = e.dictLabel;
|
||||
});
|
||||
});
|
||||
});
|
||||
});
|
||||
}
|
||||
this.list.push({
|
||||
routeNodeDay: "",
|
||||
taskType: "",
|
||||
@ -999,12 +750,9 @@ export default {
|
||||
e.routeId = this.$route.query.id;
|
||||
e.routeName = this.$route.query.routeName;
|
||||
delete e.optionstriggerConditionOperator
|
||||
|
||||
});
|
||||
delete this.updata.triggerConditionList.optionstriggerConditionOperator
|
||||
console.log(this.updata, 'updata')
|
||||
// return
|
||||
|
||||
signrouteadd(this.updata).then((res) => {
|
||||
this.$notify({
|
||||
type: "success",
|
||||
@ -1023,14 +771,46 @@ export default {
|
||||
}, 3000);
|
||||
});
|
||||
},
|
||||
// 获取表格最高高度
|
||||
getMaxTableHeight() {
|
||||
const windowInnerHeight = window.innerHeight // 屏幕可视高度
|
||||
const layoutDiv = this.$refs.layout
|
||||
this.heightLine =
|
||||
windowInnerHeight - 84 -
|
||||
this.getBoxHeight(layoutDiv)
|
||||
console.log(this.getBoxHeight(layoutDiv))
|
||||
},
|
||||
// 屏幕resize监听
|
||||
screenChange() {
|
||||
// 屏幕resize监听事件：一旦屏幕宽高发生变化，就会执行resize
|
||||
window.addEventListener('resize', this.getMaxTableHeight, true)
|
||||
// 将屏幕监听事件移除
|
||||
// 这步是必须的。离开页面时不移除，再返回，或者进入到别的有相同元素的页面会报错
|
||||
// 或者将这里的方法直接写在beforeDestroy函数中也可以
|
||||
this.$once('hook:beforeDestroy', () => {
|
||||
window.removeEventListener('resize', this.getMaxTableHeight, true)
|
||||
})
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
::-webkit-scrollbar {
|
||||
width: 5px;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb {
|
||||
border-radius: 5px;
|
||||
background: #C0C0C0;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-track {
|
||||
width: 5px;
|
||||
}
|
||||
|
||||
.chufatitle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-bottom: 20px;
|
||||
|
||||
span {
|
||||
margin-right: 30px;
|
||||
@ -1038,17 +818,17 @@ export default {
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
|
||||
.login-code-img {
|
||||
width: 62px;
|
||||
height: 100px;
|
||||
position: absolute;
|
||||
background: red;
|
||||
z-index: 0;
|
||||
// top: 17%;
|
||||
position: absolute;
|
||||
// left: 2%;
|
||||
top: -75%;
|
||||
top: -90%;
|
||||
}
|
||||
|
||||
.PushMethodrg {
|
||||
background-color: #fff;
|
||||
width: 100%;
|
||||
@ -1070,9 +850,11 @@ export default {
|
||||
line-height: 30px;
|
||||
font-size: 14px;
|
||||
color: #64666a;
|
||||
|
||||
.spanname {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
::v-deep .el-input__inner {
|
||||
color: black;
|
||||
font-size: 14px;
|
||||
@ -1087,12 +869,14 @@ export default {
|
||||
}
|
||||
|
||||
.nodesname {
|
||||
|
||||
// margin-left: 6%;
|
||||
// width: 660px;
|
||||
// display: flex;
|
||||
// flex-wrap: wrap;
|
||||
// position: relative;
|
||||
// padding-left: 20px;
|
||||
|
||||
.node {
|
||||
margin-bottom: 10px;
|
||||
margin-left: 102px;
|
||||
@ -1102,6 +886,7 @@ export default {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.selectnamelist {
|
||||
// position: absolute;
|
||||
// right: 54px;
|
||||
@ -1121,25 +906,32 @@ export default {
|
||||
}
|
||||
|
||||
.title {
|
||||
padding: 20px;
|
||||
width: 98.5%;
|
||||
border-radius: 10px;
|
||||
padding: 10px 20px;
|
||||
margin: 0 auto;
|
||||
background-color: #fff;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.nodes {
|
||||
// height: var(--heightLine);
|
||||
background-color: #f1f3f5;
|
||||
// height: 700px;
|
||||
height: calc(100vh - 308px);
|
||||
// height: calc(100vh - 300px);
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
padding-top: 20px;
|
||||
justify-content: space-evenly;
|
||||
padding-top: 10px;
|
||||
|
||||
.nodenames {
|
||||
border-radius: 10px;
|
||||
background-color: #fff;
|
||||
height: calc(100vh - 308px);
|
||||
// height: calc(100vh - 320px);
|
||||
height: 100%;
|
||||
width: 25%;
|
||||
padding: 0 40px 20px 40px;
|
||||
background-color: #fff;
|
||||
overflow: scroll;
|
||||
overflow-y: scroll;
|
||||
|
||||
.timetitle {
|
||||
height: 60px;
|
||||
@ -1156,10 +948,11 @@ export default {
|
||||
|
||||
.nodetexts {
|
||||
padding-bottom: 20px;
|
||||
overflow: scroll;
|
||||
overflow-y: scroll;
|
||||
border-radius: 10px;
|
||||
width: 73%;
|
||||
height: calc(100vh - 308px);
|
||||
// height: calc(100vh - 320px);
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@ -1212,6 +1005,7 @@ export default {
|
||||
display: inline-block;
|
||||
float: right;
|
||||
}
|
||||
|
||||
::v-deep .el-form-item__content {
|
||||
display: inline-block !important;
|
||||
}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user