修改
This commit is contained in:
辉
parent
b84dd29df8
commit
e991163b87
@ -31,7 +31,7 @@
|
||||
:color="listindex == index ? '#409EFF' : ''" @click.native='clicktimelineitem(item, index)'>
|
||||
<div class="top">
|
||||
<div class="toptop">
|
||||
<el-select style="width:87px" v-model="formInline">
|
||||
<el-select style="width:87px" v-model="item.routeNodeName">
|
||||
<el-option label="出院后" value="AFTER_DISCHARGE" />
|
||||
<el-option label="入院后" value="AFTER_ADMISSION" />
|
||||
<el-option label="就诊后" value="AFTER_CONSULTATION" />
|
||||
@ -39,7 +39,7 @@
|
||||
<el-option label="术前" value="PREOPERATIVE" />
|
||||
<el-option label="术后" value="POSTOPERATIVE" />
|
||||
</el-select>
|
||||
<el-input style="width: 50px;"></el-input>
|
||||
<el-input style="width: 50px;" v-model="item.routeNodeDay"></el-input>
|
||||
<span>天</span>
|
||||
</div>
|
||||
<div>
|
||||
@ -47,8 +47,13 @@
|
||||
</div>
|
||||
</div>
|
||||
<el-card :class="listindex == index ? 'cards' : ''">
|
||||
<h3 style="height: 20px;">2</h3>
|
||||
<p style="height: 16px;">3333333</p>
|
||||
<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>
|
||||
@ -65,7 +70,7 @@
|
||||
</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'">
|
||||
|
||||
@ -79,7 +84,7 @@
|
||||
<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"
|
||||
@ -92,7 +97,10 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import scriptphone from '../components/script.vue'
|
||||
import question from '../components/question.vue'
|
||||
export default {
|
||||
components: { scriptphone, question },
|
||||
name: "ManuallyCreatingTasks",
|
||||
data() {
|
||||
return {
|
||||
@ -101,24 +109,58 @@ export default {
|
||||
suitRange: ''
|
||||
},
|
||||
formInline: {
|
||||
routeNodeDay: '',
|
||||
taskType: '',
|
||||
routeNodeName: '',
|
||||
questionExpirationDate: "",
|
||||
questionInfoId: "",
|
||||
questionnaireName: "",
|
||||
phoneTemplateId: "",
|
||||
phoneTemplateName: "",
|
||||
},
|
||||
list: [{
|
||||
|
||||
}, {}],
|
||||
list: [
|
||||
{
|
||||
routeNodeDay: '',
|
||||
taskType: '',
|
||||
routeNodeName: '',
|
||||
questionExpirationDate: "",
|
||||
questionInfoId: "",
|
||||
questionnaireName: "",
|
||||
phoneTemplateId: "",
|
||||
phoneTemplateName: "",
|
||||
}
|
||||
],
|
||||
listindex: 0,
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.formInline = this.list[0]
|
||||
},
|
||||
methods: {
|
||||
//问卷传值
|
||||
questionontemplate(item) {
|
||||
this.formInline.questionInfoId = item.templateId
|
||||
this.formInline.questionnaireName = item.templateName
|
||||
},
|
||||
//话术传值
|
||||
scriptphoneontemplate(item) {
|
||||
this.formInline.phoneTemplateId = item.templateId
|
||||
this.formInline.phoneTemplateName = item.templateName
|
||||
},
|
||||
clicktimelineitem(item, index) {
|
||||
this.formInline = item
|
||||
this.listindex = index
|
||||
},
|
||||
additem(item) {
|
||||
this.list.push({
|
||||
routeNodeDay: '',
|
||||
taskType: '',
|
||||
routeNodeName: '',
|
||||
questionExpirationDate: "",
|
||||
questionInfoId: "",
|
||||
questionnaireName: "",
|
||||
phoneTemplateId: "",
|
||||
phoneTemplateName: "",
|
||||
})
|
||||
},
|
||||
delitem(item, index) {
|
||||
|
||||
@ -179,6 +179,7 @@ export default {
|
||||
/** 查询问卷基本信息列表 */
|
||||
getList() {
|
||||
this.loading = true;
|
||||
this.queryParams.questionnaireStatus = "PUBLISHED"
|
||||
listQuestion(this.queryParams).then(response => {
|
||||
this.questionList = response.rows;
|
||||
this.total = response.total;
|
||||
|
||||
306
src/views/system/components/script.vue
Normal file
306
src/views/system/components/script.vue
Normal file
@ -0,0 +1,306 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-button size="small" @click="classificationOpen = true" style="width: 200px;font-size:14px;text-align:left"
|
||||
:style="handleselectName ? 'color:black' : 'color:#C0C4CC'">{{ handleselectName ? handleselectName :
|
||||
'请选择'
|
||||
}}</el-button>
|
||||
<el-dialog title="话书库模板选择" :visible.sync="classificationOpen" width="70%"
|
||||
:before-close="classificationOpenfalse">
|
||||
<el-row :gutter="20">
|
||||
<!--部门数据-->
|
||||
<el-col :span="6" :xs="24">
|
||||
<div class="leftscript" ref="box">
|
||||
<div class="name">科室名称</div>
|
||||
<div>
|
||||
<el-input v-model="name" placeholder="请输入科室名称" clearable
|
||||
@keyup.enter.native="handleQuery" />
|
||||
</div>
|
||||
<div class="listitem">
|
||||
<div :class="itemname == null ? 'allactive' : 'all'" @click="itemdata()">
|
||||
全部
|
||||
</div>
|
||||
<span class="count">{{ count }}</span>
|
||||
</div>
|
||||
<div class="listitem" v-for="(item, index) in DepartmentoList" :key="index"
|
||||
@click="itemdata(item)">
|
||||
<div :class="itemname == item.id ? 'allactive' : 'all'">
|
||||
{{ item.departmentName }}
|
||||
</div>
|
||||
<span class="count">{{ item.countNum }}</span>
|
||||
</div>
|
||||
</div>
|
||||
</el-col>
|
||||
<!--用户数据-->
|
||||
<el-col :span="18" :xs="24">
|
||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch"
|
||||
label-width="100px">
|
||||
<el-form-item label="通用话术名称" prop="commonScriptName">
|
||||
<el-input v-model="queryParams.commonScriptName" placeholder="请输入通用话术名称" clearable
|
||||
@keyup.enter.native="handleQuery" />
|
||||
</el-form-item>
|
||||
<el-form-item label="话术名称" prop="scriptName">
|
||||
<el-input v-model="queryParams.scriptName" placeholder="请输入话术名称" clearable
|
||||
@keyup.enter.native="handleQuery" />
|
||||
</el-form-item>
|
||||
<el-form-item label="话术ID" prop="scriptId">
|
||||
<el-input v-model="queryParams.scriptId" placeholder="请输入话术ID" clearable
|
||||
@keyup.enter.native="handleQuery" />
|
||||
</el-form-item>
|
||||
<el-form-item label="平台ID" prop="platformId">
|
||||
<el-input v-model="queryParams.platformId" placeholder="请输入平台ID" clearable
|
||||
@keyup.enter.native="handleQuery" />
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" icon="el-icon-search" size="mini"
|
||||
@click="handleQuery">搜索</el-button>
|
||||
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<el-table v-loading="loading" :data="scriptList" @row-dblclick="handleselect">
|
||||
<el-table-column label="序号" align="center" prop="sort" type="index" />
|
||||
<el-table-column label="通用话术名称" align="center" prop="commonScriptName"
|
||||
:show-overflow-tooltip="true" />
|
||||
<el-table-column label="话术名称" align="center" prop="scriptName" :show-overflow-tooltip="true" />
|
||||
<el-table-column label="话术ID" align="center" prop="scriptId" :show-overflow-tooltip="true" />
|
||||
<el-table-column label="平台ID" align="center" prop="platformId" :show-overflow-tooltip="true" />
|
||||
<el-table-column label="话术简介" align="center" prop="scriptIntroduction"
|
||||
:show-overflow-tooltip="true" />
|
||||
<el-table-column label="病种名称" align="center" prop="diseaseTypeName"
|
||||
:show-overflow-tooltip="true" />
|
||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
||||
<template slot-scope="scope">
|
||||
<el-button size="mini" type="text" @click="handleselect(scope.row)"
|
||||
v-if="handleselectId != scope.row.textMessageId">选择</el-button>
|
||||
<el-button size="mini" type="text" @click="nohandleselect(scope.row)"
|
||||
v-if="handleselectId == scope.row.textMessageId">取消选择</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum"
|
||||
:limit.sync="queryParams.pageSize" @pagination="getList" />
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { listScript, getScript, delScript, addScript, updateScript, departmentDisease, department, listDisease, listScriptNum } from "@/api/manage/script";
|
||||
import stationAcatar from "../../system/stationAvatar/index.vue";
|
||||
export default {
|
||||
components: { stationAcatar },
|
||||
name: "Script",
|
||||
data() {
|
||||
return {
|
||||
handleselectName: '',
|
||||
handleselectId: '',
|
||||
classificationOpen: false,
|
||||
itemname: null,
|
||||
departmentName: null,
|
||||
diseaseTypeName: null,
|
||||
name: '',
|
||||
departmentId: null,
|
||||
count: '',//全部
|
||||
// 遮罩层
|
||||
loading: true,
|
||||
// 选中数组
|
||||
ids: [],
|
||||
// 非单个禁用
|
||||
single: true,
|
||||
// 非多个禁用
|
||||
multiple: true,
|
||||
// 显示搜索条件
|
||||
showSearch: true,
|
||||
// 总条数
|
||||
total: 0,
|
||||
// 话术信息表格数据
|
||||
scriptList: [],
|
||||
DepartmentoList: [],
|
||||
// 弹出层标题
|
||||
title: "",
|
||||
// 是否显示弹出层
|
||||
open: false,
|
||||
//分类管理
|
||||
// 查询参数
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
departmentId: null,
|
||||
departmentName: null,
|
||||
diseaseTypeId: null,
|
||||
diseaseTypeName: null,
|
||||
commonScriptName: null,
|
||||
scriptName: null,
|
||||
scriptId: null,
|
||||
platformId: null,
|
||||
scriptStatus: "NORMAL",
|
||||
scriptIntroduction: null,
|
||||
scriptSort: null,
|
||||
scriptRemark: null,
|
||||
},
|
||||
querydepartmen: {
|
||||
departmentName: "",
|
||||
// pageNum: 1,
|
||||
// pageSize: 10,
|
||||
},
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.getList();
|
||||
this.Departmentlist();
|
||||
},
|
||||
watch: {
|
||||
name(val) {
|
||||
this.querydepartmen.departmentName = val
|
||||
this.Departmentlist();
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
nohandleselect() {
|
||||
this.handleselectId = ''
|
||||
this.handleselectName = ''
|
||||
this.$emit("on-template", { templateId: '', templateName: '', templateContent: "" });
|
||||
},
|
||||
handleselect(item) {
|
||||
this.handleselectId = item.id
|
||||
this.handleselectName = item.commonScriptName
|
||||
this.$emit("on-template", { templateId: item.id, templateName: item.commonScriptName });
|
||||
this.classificationOpen = false
|
||||
},
|
||||
classificationOpenfalse() {
|
||||
this.classificationOpen = false
|
||||
},
|
||||
// 左侧科室
|
||||
Departmentlist() {
|
||||
this.loading = true;
|
||||
this.querydepartmen.scriptStatus = "NORMAL"
|
||||
listScriptNum(this.querydepartmen).then(response => {
|
||||
this.DepartmentoList = response.data;
|
||||
//定义
|
||||
let sum = 0;
|
||||
this.DepartmentoList.forEach((item) => {
|
||||
if (item.countNum != null) {
|
||||
sum += item.countNum;
|
||||
}
|
||||
this.count = sum;
|
||||
});
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
// 左侧科室
|
||||
itemdata(item) {
|
||||
if (item) {
|
||||
this.itemname = item.id
|
||||
this.departmentName = item.departmentName
|
||||
this.loading = true;
|
||||
this.queryParams.departmentId = item.id
|
||||
this.getList()
|
||||
} else {
|
||||
this.queryParams.departmentId = ''
|
||||
this.itemname = null
|
||||
this.getList()
|
||||
}
|
||||
},
|
||||
/** 查询话术信息列表 */
|
||||
getList() {
|
||||
this.loading = true;
|
||||
this.queryParams.scriptStatus = "NORMAL"
|
||||
listScript(this.queryParams).then(response => {
|
||||
this.scriptList = response.rows;
|
||||
this.total = response.total;
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
/** 搜索按钮操作 */
|
||||
handleQuery() {
|
||||
this.queryParams.pageNum = 1;
|
||||
this.getList();
|
||||
},
|
||||
/** 重置按钮操作 */
|
||||
resetQuery() {
|
||||
this.queryParams.departmentId = null;
|
||||
this.itemname = null;
|
||||
this.queryParams = {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
departmentId: null,
|
||||
departmentName: null,
|
||||
diseaseTypeId: null,
|
||||
diseaseTypeName: null,
|
||||
commonScriptName: null,
|
||||
scriptName: null,
|
||||
scriptId: null,
|
||||
platformId: null,
|
||||
scriptStatus: 'NORMAL',
|
||||
scriptIntroduction: null,
|
||||
scriptSort: null,
|
||||
scriptRemark: null,
|
||||
}
|
||||
this.resetForm("queryForm");
|
||||
this.getList();
|
||||
},
|
||||
}
|
||||
};
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
::v-deep .el-input-number .el-input__inner {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.app-container {
|
||||
display: inline-block;
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
::v-deep .el-textarea__inner {
|
||||
width: 206px;
|
||||
}
|
||||
|
||||
.leftscript {
|
||||
// width: 30%;
|
||||
height: 650px;
|
||||
overflow: auto;
|
||||
|
||||
.name {
|
||||
font-weight: 700;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.listitem {
|
||||
width: 100%;
|
||||
height: 50px;
|
||||
border-bottom: 1px solid #dcdfe6;
|
||||
position: relative;
|
||||
|
||||
.count {
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
left: 210px;
|
||||
color: #a4a6aa;
|
||||
top: 10px;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.all {
|
||||
height: 50px;
|
||||
line-height: 50px;
|
||||
padding-left: 13px;
|
||||
}
|
||||
|
||||
.allactive {
|
||||
background: #e8f4ff;
|
||||
height: 50px;
|
||||
line-height: 50px;
|
||||
padding-left: 13px;
|
||||
border-left: 3px solid #4d9de7;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.button {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
left: 20px;
|
||||
top: -11px;
|
||||
}
|
||||
</style>
|
||||
Loading…
Reference in New Issue
Block a user