<template>
|
<div class="Questionnairemanagement">
|
<!-- 左侧栏 -->
|
<div class="sidecolumn">
|
<div style="height: 300px">
|
<el-steps direction="vertical" :active="Editprogress">
|
<el-step title="基础信息"></el-step>
|
<el-step title="任务详情设置"></el-step>
|
</el-steps>
|
</div>
|
</div>
|
<!-- 右侧数据 -->
|
<div class="leftvlue">
|
<!-- 基本信息 -->
|
<div v-if="Editprogress == 1">
|
<div class="leftvlue-jbxx">
|
<!-- 基础信息 -->
|
<div class="examine-jic">
|
<div class="headline">
|
<div>基础信息</div>
|
<div>当前版本：1.2.0</div>
|
</div>
|
<div class="jic-value">
|
<el-form ref="form" :model="form" label-width="105px">
|
<el-form-item label="任务名称：">
|
<el-input v-model="form.name"></el-input>
|
</el-form-item>
|
<el-form-item label="任务描述：">
|
<el-input type="textarea" v-model="form.desc"></el-input>
|
</el-form-item>
|
<el-form-item label="重复计划处理:">
|
<el-radio-group v-model="form.resource">
|
<el-radio label="新计划自动结案"></el-radio>
|
<el-radio label="原计划自动结案"></el-radio>
|
</el-radio-group>
|
</el-form-item>
|
<el-form-item label="过期任务处理:">
|
<el-radio-group v-model="form.resource">
|
<el-radio label="自动关闭"></el-radio>
|
<el-radio label="自动执行"></el-radio>
|
<el-radio label="人工处理"></el-radio>
|
</el-radio-group>
|
</el-form-item>
|
<el-form-item label="所有任务完成自动结案:" label-width="158px">
|
<el-radio-group v-model="form.resource">
|
<el-radio label="是"></el-radio>
|
<el-radio label="否"></el-radio>
|
</el-radio-group>
|
</el-form-item>
|
</el-form>
|
</div>
|
</div>
|
<!-- <div class="examine-jic">
|
<div class="headline">任务设置</div>
|
<div class="jic-value">
|
<el-form ref="form" :model="form" label-width="80px">
|
<el-form-item label="引用模版" prop="desc">
|
<el-cascader
|
class="demo-cascader"
|
v-model="form.templatevalue"
|
:options="options"
|
:props="{ expandTrigger: 'hover' }"
|
></el-cascader>
|
<el-select v-model="form.data2" placeholder="版本">
|
<el-option
|
v-for="item in options"
|
:key="item.value"
|
:label="item.label"
|
:value="item.value"
|
>
|
</el-option>
|
</el-select>
|
<div style="display: flex; margin-top: 20px">
|
<div class="PreviewTemplate" @click="PreviewTemplate()">
|
预览模版
|
</div>
|
<el-button type="primary" @click="Acknowledgereference"
|
>确认引用</el-button
|
>
|
</div>
|
</el-form-item>
|
</el-form>
|
</div>
|
</div> -->
|
</div>
|
<el-button type="success" @click="submitForm('ruleForm')">{{
|
quote ? "立即创建" : "任务详情设置"
|
}}</el-button>
|
<el-button @click="resetForm('ruleForm')">重置</el-button>
|
</div>
|
<!-- 问卷设置 -->
|
<!-- <div v-if="Editprogress == 2">
|
<div class="leftvlue-jbxx">
|
<div class="examine-jic">
|
<div class="headline">方案设置</div>
|
<div class="jic-value">
|
<el-form ref="form" :model="form" label-width="105px">
|
<el-form-item label="患者来源">
|
<el-select v-model="form.region" placeholder="请选择活动区域">
|
<el-option label="区域一" value="shanghai"></el-option>
|
<el-option label="区域二" value="beijing"></el-option>
|
</el-select>
|
</el-form-item>
|
<el-form-item label="出院科室" prop="desc">
|
<el-cascader
|
class="demo-cascader"
|
placeholder="包含"
|
v-model="form.templatevalue"
|
:options="options"
|
:props="{ expandTrigger: 'hover' }"
|
></el-cascader>
|
<el-select v-model="form.data2" placeholder="请选择适用科室">
|
<el-option
|
v-for="item in options"
|
:key="item.value"
|
:label="item.label"
|
:value="item.value"
|
>
|
</el-option>
|
</el-select>
|
</el-form-item>
|
<el-form-item label="出院病区" prop="desc">
|
<el-cascader
|
class="demo-cascader"
|
placeholder="不包含"
|
v-model="form.templatevalue"
|
:options="options"
|
:props="{ expandTrigger: 'hover' }"
|
></el-cascader>
|
<el-select v-model="form.data2" placeholder="请选择适用科室">
|
<el-option
|
v-for="item in options"
|
:key="item.value"
|
:label="item.label"
|
:value="item.value"
|
>
|
</el-option>
|
</el-select>
|
</el-form-item>
|
<el-form-item label="患者来源" prop="desc">
|
<el-cascader
|
class="demo-cascader"
|
placeholder="包含"
|
v-model="form.templatevalue"
|
:options="options"
|
:props="{ expandTrigger: 'hover' }"
|
></el-cascader>
|
<el-select v-model="form.data2" placeholder="请选择适用科室">
|
<el-option
|
v-for="item in options"
|
:key="item.value"
|
:label="item.label"
|
:value="item.value"
|
>
|
</el-option>
|
</el-select>
|
</el-form-item>
|
<el-form-item label="就诊科室" prop="desc">
|
<el-cascader
|
class="demo-cascader"
|
placeholder="包含"
|
v-model="form.templatevalue"
|
:options="options"
|
:props="{ expandTrigger: 'hover' }"
|
></el-cascader>
|
<el-select v-model="form.data2" placeholder="请选择适用科室">
|
<el-option
|
v-for="item in options"
|
:key="item.value"
|
:label="item.label"
|
:value="item.value"
|
>
|
</el-option>
|
</el-select>
|
</el-form-item>
|
|
<el-form-item label="重复计划处理:">
|
<el-radio-group v-model="form.resource">
|
<el-radio label="新计划自动结案"></el-radio>
|
<el-radio label="原计划自动结案"></el-radio>
|
</el-radio-group>
|
</el-form-item>
|
<el-form-item label="过期任务处理:">
|
<el-radio-group v-model="form.resource">
|
<el-radio label="自动关闭"></el-radio>
|
<el-radio label="自动执行"></el-radio>
|
<el-radio label="人工处理"></el-radio>
|
</el-radio-group>
|
</el-form-item>
|
<el-form-item label="所有任务完成自动结案:" label-width="158px">
|
<el-radio-group v-model="form.resource">
|
<el-radio label="是"></el-radio>
|
<el-radio label="否"></el-radio>
|
</el-radio-group>
|
</el-form-item>
|
<el-form-item label="">
|
<el-row gutter="5">
|
<el-col :span="8"
|
><el-select v-model="form.value" placeholder="请选择自动结案方式">
|
<el-option
|
v-for="item in options"
|
:key="item.value"
|
:label="item.label"
|
:value="item.value"
|
>
|
</el-option> </el-select
|
></el-col>
|
</el-row>
|
<el-row gutter="5">
|
<el-col :span="6"
|
><el-select v-model="form.value" placeholder="请选择患者状态">
|
<el-option
|
v-for="item in options"
|
:key="item.value"
|
:label="item.label"
|
:value="item.value"
|
>
|
</el-option> </el-select
|
></el-col>
|
<el-col :span="6"
|
><el-select v-model="form.value" placeholder="请选择">
|
<el-option
|
v-for="item in options"
|
:key="item.value"
|
:label="item.label"
|
:value="item.value"
|
>
|
</el-option> </el-select
|
></el-col>
|
</el-row>
|
<el-row type="flex" gutter="5">
|
<el-col :span="6"
|
><el-select v-model="form.value" placeholder="请选择">
|
<el-option
|
v-for="item in options"
|
:key="item.value"
|
:label="item.label"
|
:value="item.value"
|
>
|
</el-option> </el-select
|
></el-col>
|
<el-col :span="6"
|
><el-select v-model="form.value" placeholder="请选择">
|
<el-option
|
v-for="item in options"
|
:key="item.value"
|
:label="item.label"
|
:value="item.value"
|
>
|
</el-option> </el-select
|
></el-col>
|
</el-row>
|
</el-form-item>
|
</el-form>
|
</div>
|
</div>
|
</div>
|
<el-button type="primary" @click="laststep()">上一步</el-button>
|
<el-button type="success" @click="submitForm('ruleForm')"
|
>下一步</el-button
|
>
|
<el-button @click="resetForm('ruleForm')">重置</el-button>
|
</div> -->
|
<!-- 任务详情 -->
|
<div v-if="Editprogress == 2">
|
<div class="leftvlue-jbxx">
|
<div class="examine-jic">
|
<div class="headline">主路径</div>
|
<div class="jic-value">
|
<el-form ref="form" :model="form" label-width="80px">
|
<el-form-item label="基线时间">
|
<el-select v-model="form.region" placeholder="请选择活动区域">
|
<el-option label="出院前" value="shanghai"></el-option>
|
<el-option label="出院后" value="beijing"></el-option>
|
</el-select>
|
</el-form-item>
|
<el-form-item label="触发条件">
|
<el-radio-group v-model="form.resource">
|
<el-radio label="有"></el-radio>
|
<el-radio label="无"></el-radio>
|
</el-radio-group>
|
</el-form-item>
|
</el-form>
|
</div>
|
</div>
|
<div class="examine-jic">
|
<div class="headline">
|
<div>任务列表</div>
|
</div>
|
<div class="examine-jic">
|
<div class="jic-value">
|
<el-row :gutter="20">
|
<!--用户数据-->
|
|
<el-form
|
:model="topqueryParams"
|
ref="queryForm"
|
size="small"
|
:inline="true"
|
v-show="showSearch"
|
label-width="98px"
|
>
|
<el-form-item label="任务名称">
|
<el-input v-model="topqueryParams.name"></el-input>
|
</el-form-item>
|
|
<el-form-item label="任务类型" prop="status">
|
<el-select
|
v-model="topqueryParams.topic"
|
placeholder="请选择"
|
>
|
<el-option
|
v-for="item in topicoptions"
|
:key="item.value"
|
:label="item.label"
|
:value="item.value"
|
>
|
</el-option>
|
</el-select>
|
</el-form-item>
|
|
<el-form-item label="任务状态" prop="status">
|
<el-select
|
v-model="topqueryParams.topic"
|
placeholder="请选择"
|
>
|
<el-option
|
v-for="item in topicoptions"
|
:key="item.value"
|
:label="item.label"
|
:value="item.value"
|
>
|
</el-option>
|
</el-select>
|
</el-form-item>
|
<el-form-item>
|
<el-button
|
type="primary"
|
icon="el-icon-search"
|
size="medium"
|
@click="handleQuery"
|
>搜索</el-button
|
>
|
<el-button
|
icon="el-icon-refresh"
|
size="medium"
|
@click="resetQuery"
|
>重置</el-button
|
>
|
</el-form-item>
|
</el-form>
|
<el-divider></el-divider>
|
<el-row :gutter="10" class="mb8">
|
<el-col :span="1.5">
|
<el-select
|
v-model="topqueryParams.topic"
|
placeholder="请选择新增类型"
|
>
|
<el-option
|
v-for="item in topicoptions"
|
:key="item.value"
|
:label="item.label"
|
:value="item.value"
|
>
|
</el-option>
|
</el-select>
|
</el-col>
|
<el-col :span="1.5">
|
<el-button
|
type="primary"
|
plain
|
icon="el-icon-plus"
|
size="medium"
|
@click="handleAdd"
|
v-hasPermi="['system:user:add']"
|
>新增</el-button
|
>
|
</el-col>
|
<el-col :span="1.5">
|
<el-button
|
type="success"
|
plain
|
icon="el-icon-edit"
|
size="medium"
|
:disabled="single"
|
@click="handleUpdate"
|
v-hasPermi="['system:user:edit']"
|
>修改</el-button
|
>
|
</el-col>
|
<el-col :span="1.5">
|
<el-button
|
type="danger"
|
plain
|
icon="el-icon-delete"
|
size="medium"
|
:disabled="multiple"
|
@click="handleDelete"
|
v-hasPermi="['system:user:remove']"
|
>删除</el-button
|
>
|
</el-col>
|
|
<!-- <el-col :span="1.5"> </el-col> -->
|
</el-row>
|
<!-- <right-toolbar
|
:showSearch.sync="showSearch"
|
@queryTable="getList"
|
:columns="columns"
|
></right-toolbar> -->
|
<el-table
|
v-loading="loading"
|
:data="sonuserList"
|
@selection-change="handleSelectionChange"
|
>
|
<el-table-column
|
type="selection"
|
width="50"
|
align="center"
|
/>
|
<el-table-column
|
label="序号"
|
align="center"
|
key="id"
|
prop="id"
|
/>
|
|
<el-table-column
|
label="任务名称"
|
align="center"
|
sortable
|
key="name"
|
prop="name"
|
:show-overflow-tooltip="true"
|
/>
|
<el-table-column
|
label="服务模板"
|
align="center"
|
key="impTemplate"
|
prop="impTemplate"
|
/>
|
<el-table-column
|
label="创建日期"
|
align="center"
|
key="create_time"
|
prop="create_time"
|
/>
|
<el-table-column
|
label="执行状态"
|
align="center"
|
key="phonenumber"
|
prop="phonenumber"
|
width="120"
|
/>
|
|
<el-table-column
|
label="执行状态"
|
align="center"
|
key="topicnumber"
|
prop="topicnumber"
|
width="120"
|
:show-overflow-tooltip="true"
|
>
|
<template slot-scope="scope">
|
<div>执行完成/执行失败</div>
|
</template>
|
</el-table-column>
|
<el-table-column
|
label="更新人"
|
align="center"
|
key="update_by"
|
prop="update_by"
|
sortable
|
width="120"
|
:show-overflow-tooltip="true"
|
/>
|
|
<el-table-column
|
label="更新时间"
|
sortable
|
align="center"
|
prop="update_time"
|
width="160"
|
>
|
<template slot-scope="scope">
|
<span>{{ parseTime(scope.row.createTime) }}</span>
|
</template>
|
</el-table-column>
|
<el-table-column
|
label="操作"
|
align="center"
|
width="120"
|
class-name="small-padding fixed-width"
|
>
|
<template slot-scope="scope">
|
<el-button
|
size="medium"
|
type="text"
|
@click="handleUpdate(scope.row)"
|
v-hasPermi="['system:user:edit']"
|
><span class="button-zx"
|
><i class="el-icon-s-promotion"></i>开始执行</span
|
></el-button
|
>
|
</template>
|
</el-table-column>
|
<el-table-column
|
label="任务详情"
|
align="center"
|
width="200"
|
class-name="small-padding fixed-width"
|
>
|
<template slot-scope="scope">
|
<el-button
|
size="medium"
|
type="text"
|
@click="handleUpdate(scope.row)"
|
v-hasPermi="['system:user:edit']"
|
><span class="button-xq"
|
><i class="el-icon-s-data"></i>详情</span
|
></el-button
|
>
|
<el-button
|
size="medium"
|
type="text"
|
@click="handleUpdate(scope.row)"
|
v-hasPermi="['system:user:edit']"
|
><span class="button-bb"
|
><i class="el-icon-s-order"></i>报表</span
|
></el-button
|
>
|
<el-button
|
size="medium"
|
type="text"
|
@click="handleUpdate(scope.row)"
|
v-hasPermi="['system:user:edit']"
|
><span class="button-sc"
|
><i class="el-icon-delete"></i>删除</span
|
></el-button
|
>
|
</template>
|
</el-table-column>
|
</el-table>
|
|
<pagination
|
v-show="total > 0"
|
:total="total"
|
:page.sync="topqueryParams.pageNum"
|
:limit.sync="topqueryParams.pageSize"
|
@pagination="getList"
|
/>
|
</el-row>
|
</div>
|
</div>
|
</div>
|
</div>
|
<el-button type="primary" @click="laststep()">上一步</el-button>
|
<el-button type="success" @click="submitForm('ruleForm')"
|
>立即创建</el-button
|
>
|
<el-button @click="resetForm('ruleForm')">重置</el-button>
|
</div>
|
</div>
|
<!-- 任务详情 -->
|
<el-dialog
|
title="任务详情"
|
:visible.sync="dialogVisible"
|
width="60%"
|
:before-close="handleCloserw"
|
>
|
<div class="jic-value">
|
<div class="details-jic">
|
<div class="details-title">任务编辑</div>
|
<el-form ref="form" :model="form" label-width="80px">
|
<el-form-item label="计划时间:">
|
<el-row :gutter="20">
|
<el-col :span="3">出院后</el-col>
|
<el-col :span="4">
|
<el-input v-model="form.name"></el-input>
|
</el-col>
|
<el-col :span="4"
|
><el-select v-model="form.region" placeholder="请选择">
|
<el-option label="区域一" value="shanghai"></el-option>
|
<el-option
|
label="区域二"
|
value="beijing"
|
></el-option> </el-select
|
></el-col>
|
<el-col :span="6">
|
<el-time-picker
|
placeholder="选择时间"
|
v-model="form.date2"
|
style="width: 100%"
|
></el-time-picker
|
></el-col>
|
</el-row>
|
</el-form-item>
|
|
<el-form-item label="出院时间晚于指定时间时:" label-width="180px">
|
<el-radio-group v-model="form.resource">
|
<el-radio label="当天执行"></el-radio>
|
<el-radio label="第二天按指定时间执行"></el-radio>
|
</el-radio-group>
|
</el-form-item>
|
<el-form-item label="周期任务:">
|
<el-radio-group v-model="form.resource">
|
<el-radio label="是"></el-radio>
|
<el-radio label="否"></el-radio>
|
</el-radio-group>
|
</el-form-item>
|
<el-form-item label="选择问卷:">
|
<el-row :gutter="20">
|
<el-col :span="6"
|
><el-select v-model="form.region" placeholder="请选择模版">
|
<el-option label="区域一" value="shanghai"></el-option>
|
<el-option
|
label="区域二"
|
value="beijing"
|
></el-option> </el-select
|
></el-col>
|
<el-col :span="4">
|
<div style="color: #02a7f0; cursor: pointer">预览</div>
|
</el-col>
|
</el-row>
|
</el-form-item>
|
|
<el-form-item label="频率:">
|
<el-row :gutter="20">
|
<el-col :span="5"
|
><el-input v-model="form.name"></el-input
|
></el-col>
|
<el-col :span="5"
|
><el-select v-model="form.region" placeholder="#/次">
|
<el-option label="天/次" value="shanghai"></el-option>
|
<el-option
|
label="周/次"
|
value="beijing"
|
></el-option> </el-select
|
></el-col>
|
<el-col :span="2">总次数</el-col>
|
<el-col :span="5"
|
><el-input v-model="form.name"></el-input
|
></el-col>
|
</el-row>
|
</el-form-item>
|
<el-form-item label="问卷介绍:">
|
<el-input type="textarea" v-model="form.desc"></el-input>
|
</el-form-item>
|
<el-form-item label="提交提示:">
|
<el-input type="textarea" v-model="form.desc"></el-input>
|
</el-form-item>
|
<el-form-item label="有限期限:">
|
<el-row :gutter="20">
|
<el-col :span="4"
|
><el-input v-model="form.name"></el-input
|
></el-col>
|
<el-col :span="6">天</el-col>
|
</el-row>
|
</el-form-item>
|
<el-form-item label="逾期判断:">
|
<el-row :gutter="20">
|
<el-col :span="4"
|
><el-input v-model="form.name"></el-input
|
></el-col>
|
<el-col :span="4.5"
|
><div style="color: red">
|
未完成则视为"已逾期"，逾期前
|
</div></el-col
|
>
|
<el-col :span="4"
|
><el-input v-model="form.name"></el-input
|
></el-col>
|
<el-col :span="6">天进行"将逾期"提醒</el-col>
|
</el-row>
|
</el-form-item>
|
<el-form-item label="失访判断:">
|
<el-row :gutter="20">
|
<el-col :span="6"
|
><el-input v-model="form.name"></el-input
|
></el-col>
|
<el-col :span="9">天随访未完成则自动变成“失访状态”</el-col>
|
</el-row>
|
</el-form-item>
|
</el-form>
|
<div class="details-renw">
|
<el-form ref="form" :model="form" label-width="105px">
|
<el-form-item label="执行方式">
|
<el-radio-group v-model="form.resource">
|
<el-radio label="微信/短信"></el-radio>
|
<el-radio label="AI电话"></el-radio>
|
<el-radio label="人工"></el-radio>
|
</el-radio-group>
|
</el-form-item>
|
|
<el-form-item label="执行人">
|
<el-row :gutter="20">
|
<el-col :span="6"
|
><el-select v-model="form.value" placeholder="请选择科室">
|
<el-option
|
v-for="item in options"
|
:key="item.value"
|
:label="item.label"
|
:value="item.value"
|
>
|
</el-option> </el-select
|
></el-col>
|
<el-col :span="6"
|
><el-select v-model="form.value" placeholder="请选择人员">
|
<el-option
|
v-for="item in options"
|
:key="item.value"
|
:label="item.label"
|
:value="item.value"
|
>
|
</el-option> </el-select
|
></el-col>
|
</el-row>
|
</el-form-item>
|
<el-form-item label="Ai外呼模版">
|
<el-select v-model="form.value" placeholder="请选择">
|
<el-option
|
v-for="item in options"
|
:key="item.value"
|
:label="item.label"
|
:value="item.value"
|
>
|
</el-option>
|
</el-select>
|
</el-form-item>
|
<el-form-item label="重复计划处理:">
|
<el-radio-group v-model="form.resource">
|
<el-radio label="新计划自动结案"></el-radio>
|
<el-radio label="原计划自动结案"></el-radio>
|
</el-radio-group>
|
</el-form-item>
|
</el-form>
|
</div>
|
<div class="details-renw">
|
<el-form ref="form" :model="form" label-width="105px">
|
<el-form-item label="补偿重发">
|
<el-row :gutter="20">
|
<el-col :span="2">执行失败</el-col>
|
<el-col :span="6"
|
><el-input v-model="form.name"></el-input>
|
</el-col>
|
<el-col :span="6">
|
<el-select v-model="form.value" placeholder="时间标准">
|
<el-option
|
v-for="item in options"
|
:key="item.value"
|
:label="item.label"
|
:value="item.value"
|
>
|
</el-option>
|
</el-select>
|
</el-col>
|
</el-row>
|
</el-form-item>
|
|
<el-form-item label="发送方式">
|
<el-radio-group v-model="form.resource">
|
<el-radio label="微信/短信"></el-radio>
|
<el-radio label="AI电话"></el-radio>
|
</el-radio-group>
|
</el-form-item>
|
<el-form-item label="推送模版">
|
<el-row :gutter="20">
|
<el-col :span="6"
|
><el-select
|
v-model="form.value"
|
placeholder="请选择短信模版"
|
>
|
<el-option
|
v-for="item in options"
|
:key="item.value"
|
:label="item.label"
|
:value="item.value"
|
>
|
</el-option> </el-select
|
></el-col>
|
<el-col :span="6"
|
><el-select
|
v-model="form.value"
|
placeholder="请选择微信模版"
|
>
|
<el-option
|
v-for="item in options"
|
:key="item.value"
|
:label="item.label"
|
:value="item.value"
|
>
|
</el-option> </el-select
|
></el-col>
|
</el-row>
|
</el-form-item>
|
<el-form-item label="优先顺序:">
|
<el-radio-group v-model="form.resource">
|
<el-radio label="新计划自动结案"></el-radio>
|
<el-radio label="原计划自动结案"></el-radio>
|
</el-radio-group>
|
</el-form-item>
|
</el-form>
|
</div>
|
</div>
|
</div>
|
<div class="leftvlue-jbxx">
|
<div class="examine-jic">
|
<div class="headline">
|
<div>派送患者列表</div>
|
<div class="Add-details">+添加</div>
|
</div>
|
<div class="examine-jic">
|
<div class="jic-value">
|
<el-row :gutter="20">
|
<!--用户数据-->
|
|
<el-form
|
:model="topqueryParams"
|
ref="queryForm"
|
size="small"
|
:inline="true"
|
v-show="showSearch"
|
label-width="98px"
|
>
|
<el-form-item label="任务名称">
|
<el-input v-model="topqueryParams.name"></el-input>
|
</el-form-item>
|
|
<el-form-item label="任务类型" prop="status">
|
<el-select
|
v-model="topqueryParams.topic"
|
placeholder="请选择"
|
>
|
<el-option
|
v-for="item in topicoptions"
|
:key="item.value"
|
:label="item.label"
|
:value="item.value"
|
>
|
</el-option>
|
</el-select>
|
</el-form-item>
|
|
<el-form-item label="任务状态" prop="status">
|
<el-select
|
v-model="topqueryParams.topic"
|
placeholder="请选择"
|
>
|
<el-option
|
v-for="item in topicoptions"
|
:key="item.value"
|
:label="item.label"
|
:value="item.value"
|
>
|
</el-option>
|
</el-select>
|
</el-form-item>
|
<el-form-item>
|
<el-button
|
type="primary"
|
icon="el-icon-search"
|
size="medium"
|
@click="handleQuery"
|
>搜索</el-button
|
>
|
<el-button
|
icon="el-icon-refresh"
|
size="medium"
|
@click="resetQuery"
|
>重置</el-button
|
>
|
</el-form-item>
|
</el-form>
|
<el-row :gutter="10" class="mb8">
|
<el-col :span="1.5">
|
<el-button
|
type="primary"
|
plain
|
icon="el-icon-plus"
|
size="medium"
|
@click="handleAddpatient"
|
v-hasPermi="['system:user:add']"
|
>新增</el-button
|
>
|
</el-col>
|
|
<el-col :span="1.5">
|
<el-button
|
type="danger"
|
plain
|
icon="el-icon-delete"
|
size="medium"
|
:disabled="multiple"
|
@click="handleDelete"
|
v-hasPermi="['system:user:remove']"
|
>删除</el-button
|
>
|
</el-col>
|
<!-- <el-col :span="1.5"> </el-col> -->
|
</el-row>
|
|
<el-table
|
v-loading="loading"
|
:data="sonuserList"
|
@selection-change="handleSelectionChange"
|
>
|
<el-table-column type="selection" width="50" align="center" />
|
<el-table-column
|
label="序号"
|
align="center"
|
key="userId"
|
prop="userId"
|
/>
|
|
<el-table-column
|
label="患者名称"
|
align="center"
|
sortable
|
key="userName"
|
prop="userName"
|
:show-overflow-tooltip="true"
|
/>
|
|
<el-table-column
|
label="入院日期"
|
align="center"
|
key="nickName"
|
prop="nickName"
|
/>
|
<el-table-column
|
label="执行状态"
|
align="center"
|
key="topicnumber"
|
prop="topicnumber"
|
width="120"
|
:show-overflow-tooltip="true"
|
>
|
<template slot-scope="scope">
|
<div>执行完成/执行失败</div>
|
</template>
|
</el-table-column>
|
<el-table-column
|
label="操作"
|
align="center"
|
width="120"
|
class-name="small-padding fixed-width"
|
>
|
<template slot-scope="scope">
|
<el-button
|
size="medium"
|
type="text"
|
@click="handleUpdate(scope.row)"
|
v-hasPermi="['system:user:edit']"
|
><span class="button-zx"
|
><i class="el-icon-s-promotion"></i>开始执行</span
|
></el-button
|
>
|
</template>
|
</el-table-column>
|
<el-table-column
|
label="任务详情"
|
align="center"
|
width="300"
|
class-name="small-padding fixed-width"
|
>
|
<template slot-scope="scope">
|
<el-button
|
size="medium"
|
type="text"
|
@click="handleUpdate(scope.row)"
|
v-hasPermi="['system:user:edit']"
|
><span class="button-xq"
|
><i class="el-icon-s-data"></i>详情</span
|
></el-button
|
>
|
|
<el-button
|
size="medium"
|
type="text"
|
@click="handleUpdate(scope.row)"
|
v-hasPermi="['system:user:edit']"
|
><span class="button-sc"
|
><i class="el-icon-delete"></i>删除</span
|
></el-button
|
>
|
</template>
|
</el-table-column>
|
</el-table>
|
</el-row>
|
</div>
|
</div>
|
</div>
|
</div>
|
<span slot="footer" class="dialog-footer">
|
<el-button @click="dialogVisible = false">取 消</el-button>
|
<el-button type="primary" @click="dialogVisible = false"
|
>确 定</el-button
|
>
|
</span>
|
</el-dialog>
|
<!-- 添加患者 -->
|
<el-dialog
|
title="添加派发患者"
|
:visible.sync="dialogVisiblepatient"
|
width="70%"
|
:before-close="handleClosehz"
|
>
|
<div class="examine-jic">
|
<div class="jic-value">
|
<el-row :gutter="20">
|
<!--用户数据-->
|
<el-form
|
:model="topqueryParams"
|
ref="queryForm"
|
size="small"
|
:inline="true"
|
v-show="showSearch"
|
label-width="98px"
|
>
|
<el-form-item label="患者名称：">
|
<el-input v-model="topqueryParams.name"></el-input>
|
</el-form-item>
|
<el-form-item label="患者来源" prop="status">
|
<el-select v-model="topqueryParams.topic" placeholder="请选择">
|
<el-option
|
v-for="item in topicoptions"
|
:key="item.value"
|
:label="item.label"
|
:value="item.value"
|
>
|
</el-option>
|
</el-select>
|
</el-form-item>
|
<el-form-item label="出院科室" prop="status">
|
<el-select v-model="topqueryParams.topic" placeholder="请选择">
|
<el-option
|
v-for="item in topicoptions"
|
:key="item.value"
|
:label="item.label"
|
:value="item.value"
|
>
|
</el-option>
|
</el-select>
|
</el-form-item>
|
|
<el-form-item label="出院病区" prop="status">
|
<el-select v-model="topqueryParams.topic" placeholder="请选择">
|
<el-option
|
v-for="item in topicoptions"
|
:key="item.value"
|
:label="item.label"
|
:value="item.value"
|
>
|
</el-option>
|
</el-select>
|
</el-form-item>
|
<el-form-item>
|
<el-button
|
type="primary"
|
icon="el-icon-search"
|
size="medium"
|
@click="handleQuery"
|
>搜索</el-button
|
>
|
<el-button
|
icon="el-icon-refresh"
|
size="medium"
|
@click="resetQuery"
|
>取消创建</el-button
|
>
|
</el-form-item>
|
</el-form>
|
|
<el-table
|
v-loading="loading"
|
:data="userList"
|
@selection-change="handleSelectionChange"
|
>
|
<el-table-column type="selection" width="50" align="center" />
|
<el-table-column
|
label="序号"
|
align="center"
|
key="userId"
|
prop="userId"
|
/>
|
|
<el-table-column
|
label="患者名称"
|
align="center"
|
sortable
|
key="userName"
|
prop="userName"
|
:show-overflow-tooltip="true"
|
/>
|
|
<el-table-column
|
label="入院日期"
|
align="center"
|
key="nickName"
|
prop="nickName"
|
/>
|
<el-table-column
|
label="执行状态"
|
align="center"
|
key="topicnumber"
|
prop="topicnumber"
|
width="120"
|
:show-overflow-tooltip="true"
|
>
|
<template slot-scope="scope">
|
<div>执行完成/执行失败</div>
|
</template>
|
</el-table-column>
|
|
<el-table-column
|
label="任务详情"
|
align="center"
|
width="200"
|
class-name="small-padding fixed-width"
|
>
|
<template slot-scope="scope">
|
<el-button
|
size="medium"
|
type="text"
|
@click="handleUpdate(scope.row)"
|
v-hasPermi="['system:user:edit']"
|
><span class="button-xq"
|
><i class="el-icon-s-data"></i>详情</span
|
></el-button
|
>
|
|
<el-button
|
size="medium"
|
type="text"
|
@click="handleUpdate(scope.row)"
|
v-hasPermi="['system:user:edit']"
|
><span class="button-sc"
|
><i class="el-icon-delete"></i>删除</span
|
></el-button
|
>
|
</template>
|
</el-table-column>
|
</el-table>
|
</el-row>
|
</div>
|
</div>
|
<span slot="footer" class="dialog-footer">
|
<el-button @click="dialogVisiblepatient = false">取 消</el-button>
|
<el-button type="primary" @click="dialogVisiblepatient = false"
|
>确定添加</el-button
|
>
|
</span>
|
</el-dialog>
|
</div>
|
</template>
|
|
<script>
|
import {
|
listsvr_prjtask,
|
getsvr_prjtask,
|
addsvr_prjtask,
|
updatesvr_prjtask,
|
delsvr_prjtask,
|
} from "@/api/smartorpor/svr_prjtask";
|
|
export default {
|
data() {
|
return {
|
Editprogress: 2, //编辑进度
|
loading: false, // 遮罩层
|
dialogVisible: false, //任务详情弹框
|
dialogVisiblepatient: false, //添加患者弹框
|
topqueryParams: {},
|
topicoptions: [],
|
showSearch: true, //
|
total: 0, //
|
// 选中数组
|
ids: [],
|
// 非单个禁用
|
single: true,
|
// 非多个禁用
|
multiple: true,
|
// 用户表格数据
|
userList: null,
|
sonuserList: null,
|
form: {
|
name: "",
|
region: "",
|
date1: "",
|
date2: "",
|
delivery: false,
|
type: [],
|
resource: "",
|
desc: "",
|
},
|
options: [
|
{
|
value: "选项1",
|
label: "黄金糕",
|
},
|
{
|
value: "选项2",
|
label: "双皮奶",
|
},
|
{
|
value: "选项3",
|
label: "蚵仔煎",
|
},
|
{
|
value: "选项4",
|
label: "龙须面",
|
},
|
{
|
value: "选项5",
|
label: "北京烤鸭",
|
},
|
],
|
quote: false,
|
};
|
},
|
|
created() {
|
this.Addsubtask();
|
this.Getsubtask();
|
},
|
|
methods: {
|
// 下一步
|
submitForm(formName) {
|
if (this.Editprogress <= 3) {
|
return this.Editprogress++;
|
}
|
// 提交
|
// this.$refs[formName].validate((valid, object) => {
|
// if (valid) {
|
// alert("submit!");
|
// } else {
|
// console.log("error submit!!", object);
|
// return false;
|
// }
|
// });
|
},
|
handleAdd() {
|
this.dialogVisible = true;
|
},
|
handleAddpatient() {
|
this.dialogVisiblepatient = true;
|
},
|
handleUpdate() {},
|
handleDelete() {},
|
handleExport() {},
|
handleSelectionChange() {},
|
getList() {},
|
handleQuery() {},
|
resetQuery() {},
|
handleCloserw() {
|
this.dialogVisible = false;
|
},
|
handleClosehz() {
|
this.dialogVisiblepatient = false;
|
},
|
// 上一步
|
laststep() {
|
this.Editprogress--;
|
},
|
// 提交表单
|
resetForm(formName) {
|
this.$refs[formName].resetFields();
|
},
|
// 预览模版
|
PreviewTemplate() {},
|
Acknowledgereference() {
|
this.quote = true;
|
},
|
// 新增子任务
|
Addsubtask() {
|
this.topqueryParams.pguid = 2;
|
addsvr_prjtask(this.topqueryParams).then((res) => {
|
console.log(res);
|
});
|
},
|
// 查询子任务列表
|
Getsubtask() {
|
this.topqueryParams.pguid = 2;
|
console.log(this.topqueryParams);
|
// this.topqueryParams.pid = this.$route.query.id;
|
// console.log(this.topqueryParams.pid);
|
listsvr_prjtask(this.topqueryParams).then((res) => {
|
this.sonuserList = res.rows;
|
console.log(this.sonuserList);
|
});
|
},
|
},
|
};
|
</script>
|
|
<style lang="scss" scoped>
|
.Questionnairemanagement {
|
display: flex;
|
}
|
.sidecolumn {
|
width: 300px;
|
min-height: 100vh;
|
text-align: center;
|
// display: flex;
|
// margin-top: 20px;
|
margin: 20px;
|
margin-bottom: 0;
|
padding: 30px;
|
background: #edf1f7;
|
border: 1px solid #dcdfe6;
|
-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12),
|
0 0 6px 0 rgba(0, 0, 0, 0.04);
|
}
|
.leftvlue {
|
// display: flex;
|
// flex: 1;
|
width: 80%;
|
margin-top: 20px;
|
// margin: 20px;
|
padding: 30px;
|
background: #ffff;
|
border: 1px solid #dcdfe6;
|
-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12),
|
0 0 6px 0 rgba(0, 0, 0, 0.04);
|
}
|
.examine-jic {
|
.headline {
|
font-size: 24px;
|
border-left: 5px solid #41a1be;
|
padding-left: 5px;
|
margin-bottom: 10px;
|
display: flex;
|
justify-content: space-between;
|
.Add-details {
|
font-size: 18px;
|
color: #02a7f0;
|
cursor: pointer;
|
}
|
}
|
.jic-value {
|
font-size: 20px;
|
border-top: 1px solid #a7abac;
|
padding: 10px;
|
margin-bottom: 10px;
|
.details-jic {
|
padding: 10px 15px;
|
border: 1px solid #dcdfe6;
|
-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12),
|
0 0 6px 0 rgba(0, 0, 0, 0.04);
|
.details-title {
|
display: flex;
|
justify-content: space-between;
|
margin-bottom: 10px;
|
div:nth-child(2) {
|
color: #02a7f0;
|
cursor: pointer;
|
}
|
}
|
.details-renw {
|
background: #e4ebfc;
|
padding: 15px 5px;
|
border-radius: 5px;
|
margin-bottom: 20px;
|
}
|
}
|
}
|
}
|
// .leftvlue-jbxx {
|
// margin-bottom: 50px;
|
// font-size: 20px;
|
// span {
|
// position: absolute;
|
// right: 80px;
|
// }
|
// .demo-cascader {
|
// margin-right: 20px;
|
// }
|
// .PreviewTemplate {
|
// color: #02a7f0;
|
// cursor: pointer;
|
// font-size: 20px;
|
// margin: 0 20px;
|
// }
|
// }
|
.jic-value {
|
font-size: 20px;
|
border-top: 1px solid #a7abac;
|
padding: 10px;
|
margin-bottom: 10px;
|
.details-jic {
|
padding: 10px 15px;
|
border: 1px solid #dcdfe6;
|
-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12),
|
0 0 6px 0 rgba(0, 0, 0, 0.04);
|
.details-title {
|
display: flex;
|
justify-content: space-between;
|
margin-bottom: 10px;
|
div:nth-child(2) {
|
color: #02a7f0;
|
cursor: pointer;
|
}
|
}
|
.details-renw {
|
background: #e4ebfc;
|
padding: 15px 5px;
|
border-radius: 5px;
|
margin-bottom: 20px;
|
}
|
}
|
}
|
::v-deep .addtopic-input {
|
input {
|
background: #02a7f0;
|
color: #edf1f7;
|
width: 150px;
|
}
|
}
|
::v-deep.el-step.is-vertical .el-step__title {
|
font-size: 25px;
|
}
|
::v-deep.el-row {
|
margin-bottom: 10px;
|
}
|
// ::v-deep.el-input--medium {
|
// font-size: 24px !important;
|
// }
|
::v-deep.ruleFormaa.el-select {
|
display: inline-block;
|
position: relative;
|
width: 700px;
|
}
|
.el-select__tags {
|
font-size: 20px;
|
max-width: 888px !important;
|
}
|
::v-deep.el-radio__inner {
|
width: 22px;
|
height: 22px;
|
}
|
// ::v-deep.topic-dev.el-radio__label {
|
// font-size: 24px;
|
// }
|
::v-deep.el-radio-group {
|
span {
|
font-size: 24px;
|
}
|
}
|
::v-deep.el-checkbox-group {
|
span {
|
font-size: 24px;
|
}
|
}
|
</style>
|
