<template>
|
<div class="Questionnairemanagement">
|
<!-- 上侧栏 -->
|
<div class="sidecolumn">
|
<div>
|
<el-steps simple :active="Editprogress">
|
<el-step
|
icon="el-icon-edit"
|
title="基础信息"
|
description="选择模板、形式等基础信息"
|
></el-step>
|
<el-step
|
icon="el-icon-user"
|
title="任务主体"
|
description="在本部选择服务患者"
|
></el-step>
|
</el-steps>
|
</div>
|
</div>
|
<!-- 下侧数据 -->
|
<div class="leftvlue" style="margin: 0 20px">
|
<!-- 基本信息 -->
|
<div v-if="Editprogress == 1">
|
<el-alert title="选择模板、形式等基础信息" type="success" effect="dark">
|
</el-alert>
|
<div class="leftvlue-jbxx">
|
<!-- 基础信息 -->
|
<div class="examine-jic">
|
<div class="headline">
|
<div>基础信息</div>
|
</div>
|
<div class="jic-value">
|
<el-form
|
ref="form"
|
:model="form"
|
:rules="rules"
|
label-width="125px"
|
>
|
<el-row :gutter="20">
|
<el-col :span="12"
|
><el-form-item label="任务名称" prop="taskName">
|
<el-input
|
style="width: 220px"
|
v-model="form.taskName"
|
placeholder="请输入任务名称"
|
/> </el-form-item
|
></el-col>
|
<el-col :span="12"
|
><el-form-item label="任务类型">
|
<el-select
|
v-model="serviceType"
|
placeholder="请选择新增类型"
|
>
|
<el-option
|
v-for="item in tasktypes"
|
:key="item.value"
|
:label="item.label"
|
:value="item.value"
|
>
|
</el-option>
|
</el-select> </el-form-item
|
></el-col>
|
</el-row>
|
|
<el-form-item label="任务描述" prop="taskDesc">
|
<el-input
|
type="textarea"
|
v-model="form.taskDesc"
|
placeholder="请输入任务描述"
|
/>
|
</el-form-item>
|
<el-form-item label="服务形式">
|
<el-radio-group v-model="checkList">
|
<el-radio
|
v-for="(item, index) in checkboxlist"
|
:key="index"
|
:label="item.value"
|
>
|
{{ item.label }}</el-radio
|
>
|
</el-radio-group>
|
</el-form-item>
|
<el-form-item label="执行周期" prop="longTask">
|
<el-radio-group v-model="form.longTask">
|
<el-radio :label="0">自定义周期</el-radio>
|
<el-radio :label="1">长期任务</el-radio>
|
</el-radio-group>
|
</el-form-item>
|
<el-row :gutter="20" v-if="form.longTask">
|
<el-col :span="8">
|
<el-form-item label="周期时间" prop="name">
|
<el-input
|
v-model="form.sendDay"
|
placeholder="默认5天后"
|
></el-input>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-form-item
|
label="执行设置"
|
prop="sendType"
|
v-if="!form.longTask"
|
>
|
<el-radio-group v-model="form.sendType">
|
<el-radio :label="1">时间段执行</el-radio>
|
<el-radio :label="3">时间点执行</el-radio>
|
<el-radio :label="2">即刻执行</el-radio>
|
</el-radio-group>
|
</el-form-item>
|
<el-form-item
|
label="执行日期"
|
v-if="form.sendType == 1 && !form.longTask"
|
prop="daytime"
|
>
|
<el-date-picker
|
v-model="daytime"
|
@change="changeTimeday"
|
type="daterange"
|
range-separator="至"
|
start-placeholder="开始日期"
|
end-placeholder="结束日期"
|
value-format="yyyy-MM-dd"
|
>
|
</el-date-picker>
|
</el-form-item>
|
|
<el-form-item
|
label="执行时间点"
|
v-if="form.sendType == 3 && !form.longTask"
|
prop="daytime"
|
>
|
<div style="display: flex">
|
<div style="margin-right: 10px">
|
<el-date-picker
|
v-model="time4"
|
value-format="yyyy-MM-dd HH:mm:ss"
|
@change="Totaldate"
|
type="datetime"
|
placeholder="选择日期时间"
|
>
|
</el-date-picker>
|
</div>
|
</div>
|
</el-form-item>
|
|
<el-form-item
|
label="执行时间段"
|
v-if="form.sendType == 1 && !form.longTask"
|
prop="daytime"
|
>
|
<div style="display: flex">
|
<div style="margin-right: 10px">
|
<span style="font-size: 18px; margin-right: 10px">①</span>
|
<el-time-picker
|
is-range
|
arrow-control
|
@change="changeTime"
|
v-model="time1"
|
range-separator="至"
|
start-placeholder="开始时间"
|
end-placeholder="结束时间"
|
placeholder="选择时间范围"
|
value-format="HH:mm:ss"
|
>
|
</el-time-picker>
|
</div>
|
<div style="margin-right: 10px">
|
<span style="font-size: 18px; margin-right: 10px">②</span>
|
<el-time-picker
|
is-range
|
arrow-control
|
@change="changeTime"
|
v-model="time2"
|
range-separator="至"
|
start-placeholder="开始时间"
|
end-placeholder="结束时间"
|
placeholder="选择时间范围"
|
value-format="HH:mm:ss"
|
>
|
</el-time-picker>
|
</div>
|
<div style="margin-right: 10px">
|
<span style="font-size: 18px; margin-right: 10px">③</span>
|
<el-time-picker
|
is-range
|
arrow-control
|
@change="changeTime"
|
v-model="time3"
|
range-separator="至"
|
start-placeholder="开始时间"
|
end-placeholder="结束时间"
|
placeholder="选择时间范围"
|
value-format="HH:mm:ss"
|
>
|
</el-time-picker>
|
</div>
|
</div>
|
</el-form-item>
|
<el-form-item label="任务关联" prop="longTask">
|
<el-radio-group v-model="form.appltype">
|
<el-radio label="1">科室关联</el-radio>
|
<el-radio label="2">病区关联</el-radio>
|
<el-radio label="3">疾病关联</el-radio>
|
<el-radio label="4">手术关联</el-radio>
|
</el-radio-group>
|
</el-form-item>
|
<el-row v-if="form.appltype == 1">
|
<el-col :span="20"
|
><el-form-item label="适用科室" prop="region">
|
<el-select
|
v-model="deptcodesWards"
|
@remove-tag="removetag"
|
style="width: 400px"
|
size="medium"
|
multiple
|
filterable
|
placeholder="请选择科室"
|
>
|
<el-option
|
class="ruleFormaa"
|
v-for="item in belongDepts"
|
:label="item.deptName"
|
:value="item.deptCode"
|
>
|
</el-option>
|
</el-select> </el-form-item
|
></el-col>
|
</el-row>
|
<el-row v-if="form.appltype == 2">
|
<el-col :span="20"
|
><el-form-item label="适用病区" prop="region">
|
<el-select
|
v-model="leavehospitaldistrictcodes"
|
style="width: 400px"
|
@remove-tag="removehpsp"
|
size="medium"
|
multiple
|
filterable
|
placeholder="请选择病区"
|
>
|
<el-option
|
class="ruleFormaa"
|
v-for="item in belongWards"
|
:label="item.districtName"
|
:value="item.districtCode"
|
>
|
</el-option>
|
</el-select> </el-form-item
|
></el-col>
|
</el-row>
|
<el-row v-if="form.appltype == 3">
|
<!-- <el-col :span="20"
|
><el-form-item label="适用疾病" prop="region">
|
<el-select
|
v-model="illnesscodes"
|
style="width: 400px"
|
@remove-tag="removediagg"
|
size="medium"
|
:remote-method="remotedonor"
|
multiple
|
filterable
|
remote
|
placeholder="请选择病区"
|
>
|
<el-option
|
class="ruleFormaa"
|
v-for="item in donorchargeList"
|
:key="item.icdcode"
|
:label="item.icdname"
|
:value="item.icdcode"
|
>
|
</el-option>
|
</el-select> </el-form-item
|
></el-col> -->
|
<div class="xinz-infs">
|
<el-form-item>
|
<template #label>
|
<el-tooltip
|
class="item"
|
effect="light"
|
content="选择好适用疾病后，可以方便您通过疾病诊断查找到对应的病人!"
|
placement="top-start"
|
>
|
<i class="el-icon-warning-outline"></i>
|
</el-tooltip>
|
</template>
|
<div style="margin-bottom: 10px">
|
<el-button
|
type="warning"
|
@click="$refs.child.handleAddpatient()"
|
>添加疾病诊断</el-button
|
>
|
</div>
|
<el-tag
|
v-for="tag in diagglist"
|
@close="removediagg(tag.icd10code)"
|
type="warning"
|
closable
|
:disable-transitions="false"
|
>
|
{{ tag.icdname }}
|
</el-tag>
|
<!-- <el-tag v-if="hasMore" type="info">+{{ remaining }} more</el-tag> -->
|
</el-form-item>
|
</div>
|
</el-row>
|
<el-row v-if="form.appltype == 4">
|
<el-col :span="20"
|
><el-form-item label="适用手术" prop="region">
|
<el-select
|
v-model="operationcodes"
|
style="width: 400px"
|
@remove-tag="removeopera"
|
size="medium"
|
:remote-method="remoteopcode"
|
multiple
|
filterable
|
remote
|
placeholder="请选择手术"
|
>
|
<el-option
|
class="ruleFormaa"
|
v-for="item in baseoperaList"
|
:label="item.opdesc"
|
:value="item.opcode"
|
>
|
</el-option>
|
</el-select> </el-form-item
|
></el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="12"
|
><el-form-item label="开场白" prop="kcb">
|
<el-input
|
type="textarea"
|
:rows="3"
|
v-model="form.kcb"
|
placeholder="请输入开场白"
|
/> </el-form-item
|
></el-col>
|
<el-col :span="12"
|
><el-form-item label="结束语" prop="jsy">
|
<el-input
|
type="textarea"
|
:rows="3"
|
v-model="form.jsy"
|
placeholder="请输入结束语"
|
/> </el-form-item
|
></el-col>
|
</el-row>
|
</el-form>
|
</div>
|
</div>
|
<div class="examine-jic">
|
<div class="headline">
|
<div>任务使用模板</div>
|
<div style="margin-left: 20px">
|
<el-form ref="forms">
|
<el-form-item label="">
|
<el-input
|
style="width: 300px"
|
:disabled="true"
|
v-model="form.templatename"
|
placeholder="请点击右侧选择"
|
/>
|
<el-button
|
v-if="
|
(form.templateid && form.sendState == 1) ||
|
!form.templateid
|
"
|
style="margin-left: 10px"
|
type="primary"
|
icon="el-icon-edit"
|
@click="drawermb = true"
|
circle
|
></el-button>
|
|
<el-button
|
v-if="form.templateid"
|
type="success"
|
icon="el-icon-search"
|
@click="previewfnmb"
|
circle
|
></el-button>
|
</el-form-item>
|
</el-form>
|
</div>
|
</div>
|
|
<div class="examine-jic">
|
<div class="jic-value">
|
<div style="margin-bottom: 10px">模板中使用的变量：</div>
|
|
<el-row :gutter="20">
|
<el-table :data="variableList" style="width: 100%">
|
<el-table-column
|
prop="name"
|
align="center"
|
label="变量名称"
|
>
|
</el-table-column>
|
<el-table-column prop="value" align="center" label="匹配符">
|
</el-table-column>
|
<el-table-column label="替换值" align="center">
|
<template slot-scope="scope">
|
<el-input
|
:disabled="scope.row.default"
|
v-model="scope.row.fill"
|
placeholder="请输入内容"
|
></el-input>
|
</template>
|
</el-table-column>
|
<el-table-column label="操作" align="center">
|
<template slot-scope="scope">
|
<!-- <el-button
|
size="mini"
|
@click="variableEdit(scope.$index, scope.row)"
|
>编辑</el-button
|
> -->
|
<el-button
|
size="mini"
|
type="danger"
|
@click="variableDelete(scope.$index, scope.row)"
|
>删除</el-button
|
>
|
</template>
|
</el-table-column>
|
</el-table>
|
</el-row>
|
</div>
|
</div>
|
</div>
|
</div>
|
<el-button type="success" @click="nextstep('ruleForm')">{{
|
quote ? "立即创建" : "任务详情配置"
|
}}</el-button>
|
<el-button @click="resetForm('ruleForm')">重置</el-button>
|
</div>
|
<!-- 任务详情 -->
|
<div v-if="Editprogress == 2">
|
<el-alert title="在本阶段选择宣教病人" type="success" effect="dark">
|
</el-alert>
|
<div class="leftvlue-jbxx">
|
<div class="examine-jic">
|
<div class="headline">
|
<div>患者列表</div>
|
</div>
|
<div class="examine-jic">
|
<div class="jic-value">
|
<el-row :gutter="20">
|
<el-row :gutter="10" class="mb8">
|
<el-col :span="1.5">
|
<el-select
|
v-model="patientqueryParams.allhosp"
|
placeholder="请选择新增类型"
|
>
|
<el-option
|
v-for="item in taskoptions"
|
: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"
|
:disabled="!patientqueryParams.allhosp"
|
@click="handleQuery"
|
>新增</el-button
|
>
|
</el-col>
|
|
<!-- <el-col :span="1.5">
|
<el-button
|
type="danger"
|
plain
|
icon="el-icon-delete"
|
size="medium"
|
:disabled="multiple"
|
@click="handleDelete"
|
>删除</el-button
|
>
|
</el-col> -->
|
|
<!-- <el-col :span="1.5"> </el-col> -->
|
</el-row>
|
<!-- 选中患者列表 -->
|
<SFtable
|
@details="detailhz"
|
@handleUpdate="handleUpdate"
|
:currentList="overallCase"
|
:tableLabel="tableLabelhzwb"
|
:serialnumber="false"
|
:searchTrue="true"
|
:multiplechoice="false"
|
:controlxz="false"
|
:typeinfo="2"
|
/>
|
<!-- <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')">{{
|
quote ? "立即创建" : "确认任务配置"
|
}}</el-button>
|
<el-button @click="resetForm('ruleForm')">重置</el-button>
|
</div>
|
</div>
|
<!-- 添加患者 -->
|
<el-dialog
|
title="选择患者"
|
:visible.sync="dialogVisiblepatient"
|
width="70%"
|
:before-close="handleClosehz"
|
:close-on-click-modal="false"
|
>
|
<div class="examine-jic">
|
<div class="jic-value">
|
<el-row :gutter="20">
|
<!--用户数据-->
|
<el-form
|
:model="patientqueryParams"
|
ref="queryForm"
|
size="small"
|
:inline="true"
|
v-show="showSearch"
|
label-width="98px"
|
>
|
<el-form-item label="患者：">
|
<el-input
|
v-model="patientqueryParams.name"
|
@keyup.enter.native="handleQuery"
|
></el-input>
|
</el-form-item>
|
<el-form-item label="患者诊断：">
|
<el-input
|
v-model="patientqueryParams.leavediagname"
|
@keyup.enter.native="handleQuery"
|
></el-input>
|
</el-form-item>
|
<el-select
|
v-model="patientqueryParams.searchscope"
|
placeholder="请选择患者范围"
|
>
|
<el-option
|
v-for="item in source"
|
:key="item.value"
|
:label="item.label"
|
:value="item.value"
|
>
|
</el-option>
|
</el-select>
|
|
<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>
|
<!-- 选择患者列表 -->
|
<SFtable
|
ref="multipleTable"
|
@handleSelectionChange="handleSelectionChange"
|
:currentList="patientuserList"
|
:tableLabel="tableLabelhz"
|
:heights="600"
|
:serialnumber="false"
|
:center="false"
|
:typeinfo="3"
|
/>
|
</el-row>
|
<pagination
|
v-show="patienttotal > 0 && this.patientqueryParams.allhosp != 6"
|
:total="patienttotal"
|
:page.sync="patientqueryParams.pageNum"
|
:limit.sync="patientqueryParams.pageSize"
|
@pagination="handleAddpatient"
|
/>
|
</div>
|
</div>
|
<span slot="footer" class="dialog-footer">
|
<el-button @click="dialogVisiblepatient = false">取 消</el-button>
|
<el-button type="primary" @click="AddDispatchpatients"
|
>确定添加</el-button
|
>
|
</span>
|
</el-dialog>
|
<!-- 模板预览 -->
|
<el-dialog title="模板预览" :visible.sync="previewtf" width="70%">
|
<el-tabs type="border-card">
|
<el-tab-pane label="模板基础数据"
|
><div class="preview-left">
|
<el-form :model="objyl" label-width="100px" class="demo-objyl">
|
<el-row :gutter="10">
|
<el-col :span="14">
|
<el-form-item label="问卷分类" prop="categoryid">
|
<el-select
|
v-model="objyl.categoryid"
|
size="medium"
|
filterable
|
placeholder="请选择分类"
|
>
|
<el-option-group
|
v-for="group in optionsclass"
|
:key="group.id"
|
:label="group.name"
|
>
|
<el-option
|
v-for="item in group.svyLibTemplateCategoryList"
|
:key="item.id"
|
:label="item.name"
|
:value="item.id"
|
>
|
</el-option>
|
</el-option-group>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
<el-col :span="10">
|
<el-form-item label="评价类型" prop="scoreType">
|
<el-select
|
v-model="objyl.scoreType"
|
placeholder="请选择分类"
|
>
|
<el-option
|
v-for="group in appraiselist"
|
:key="group.value"
|
:label="group.label"
|
:value="group.value"
|
>
|
</el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row :gutter="20">
|
<el-col :span="14">
|
<el-form-item label="可用状态" prop="isenable">
|
<el-radio-group v-model="objyl.isenable">
|
<el-radio
|
v-for="(item, index) in usable"
|
:label="item.value"
|
>{{ item.label }}</el-radio
|
>
|
</el-radio-group>
|
</el-form-item>
|
</el-col>
|
<el-col :span="8">
|
<el-form-item label="版本号" prop="name">
|
<el-input
|
v-model="objyl.version"
|
placeholder="默认1.0"
|
></el-input>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-form-item label="问卷标题" prop="svyname">
|
<div style="width: 400px">
|
<el-input v-model="objyl.svyname"></el-input>
|
</div>
|
</el-form-item>
|
|
<el-form-item label="问卷描述" prop="description">
|
<el-input
|
type="textarea"
|
:rows="2"
|
placeholder="请输入内容"
|
v-model="objyl.description"
|
>
|
</el-input
|
></el-form-item>
|
|
<el-form-item label="问卷结束语" prop="conclusion">
|
<el-input
|
type="textarea"
|
:rows="2"
|
placeholder="请输入内容"
|
v-model="objyl.conclusion"
|
>
|
</el-input
|
></el-form-item>
|
</el-form></div
|
></el-tab-pane>
|
<el-tab-pane label="问题展示"
|
><div class="preview-left">
|
<div v-for="item in questionList">
|
<!-- 单选 -->
|
<div
|
class="scriptTopic-dev"
|
:key="item.sort"
|
v-if="item.scriptType == 1"
|
>
|
<div class="dev-text">
|
{{ item.sort }}、[单选]<span>{{ item.scriptContent }}</span>
|
</div>
|
<div class="dev-xx">
|
<el-radio-group v-model="item.remark">
|
<el-radio
|
v-for="(items, index) in item.svyLibTemplateTargetoptions"
|
:key="index"
|
:label="index"
|
>{{ items.optioncontent }}</el-radio
|
>
|
</el-radio-group>
|
</div>
|
</div>
|
<!-- 多选 -->
|
<div
|
class="scriptTopic-dev"
|
:key="item.sort"
|
v-if="item.scriptType == 2"
|
>
|
<div class="dev-text">
|
{{ item.sort }}、[多选]<span>{{ item.scriptContent }}</span>
|
</div>
|
<div class="dev-xx">
|
<el-checkbox-group v-model="item.qremark">
|
<el-checkbox
|
v-for="(items, index) in item.svyLibTemplateTargetoptions"
|
:key="index"
|
:label="index"
|
>
|
{{ items.optioncontent }}
|
</el-checkbox>
|
</el-checkbox-group>
|
</div>
|
</div>
|
<!-- 填空 -->
|
<div
|
class="scriptTopic-dev"
|
:key="item.sort"
|
v-if="item.scriptType == 4"
|
>
|
<div class="dev-text">
|
{{ item.sort }}、[问答]<span>{{ item.scriptContent }}</span>
|
</div>
|
<div class="dev-xx">
|
<el-input
|
placeholder="请输入答案"
|
v-model="item.radioas"
|
clearable
|
>
|
</el-input>
|
</div>
|
</div>
|
</div></div
|
></el-tab-pane>
|
</el-tabs>
|
|
<span slot="footer" class="dialog-footer">
|
<el-button @click="previewGo">保存模板详情修改</el-button>
|
<el-button type="primary" @click="Departmenttreatment"
|
>保存使用</el-button
|
>
|
</span>
|
<!-- <span slot="footer" class="dialog-footer">
|
<el-button
|
v-if="(form.templateid && form.sendState == 1) || !form.templateid"
|
type="primary"
|
@click="Departmenttreatment"
|
>{{ form.templateid ? "替换使用" : "选择使用" }}</el-button
|
>
|
<el-button
|
:type="previewtftype ? 'success' : 'warning'"
|
@click="previewGo"
|
>{{
|
previewtftype ? "前往修改已选择模板" : "新增保存并前往修改"
|
}}</el-button
|
>
|
</span> -->
|
</el-dialog>
|
<el-drawer
|
title="问卷内容列表"
|
:visible.sync="drawermb"
|
direction="rtl"
|
size="50%"
|
>
|
<div class="headline"></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.svyname"
|
@keyup.enter.native="handleQuerymb"
|
></el-input>
|
</el-form-item>
|
<!-- <el-form-item label="适用形式" prop="status">
|
<el-select v-model="topqueryParams.topica" placeholder="请选择">
|
<el-option
|
v-for="item in taskoptions"
|
: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="handleQuerymb"
|
>搜索</el-button
|
>
|
<el-button
|
icon="el-icon-refresh"
|
size="medium"
|
@click="resetQuerymb"
|
>重置</el-button
|
>
|
</el-form-item>
|
</el-form>
|
<el-divider></el-divider>
|
<!-- 选择模板列表 -->
|
<SFtable
|
@selectfn="selectfn"
|
:currentList="userList"
|
:tableLabel="tableLabel"
|
:serialnumber="false"
|
:controlsc="false"
|
:multiplechoice="false"
|
:typeinfo="1"
|
/>
|
<pagination
|
v-show="total > 0"
|
:total="total"
|
:page.sync="topqueryParams.pageNum"
|
:limit.sync="topqueryParams.pageSize"
|
@pagination="Acquisitiontype"
|
/>
|
</el-row>
|
</div>
|
</div>
|
</el-drawer>
|
<Optional-Form
|
ref="child"
|
:dialogVisiblepatient="dialogVisiblepatientjb"
|
:overallCase="diagglist"
|
@addoption="dialogVisiblepatientjb = false"
|
@kkoption="dialogVisiblepatientjb = true"
|
/>
|
</div>
|
</template>
|
|
<script>
|
import { messagelistpatient } from "@/api/patient/homepage";
|
import store from "@/store";
|
import {
|
getTaskpatientQC,
|
taskoperhospgetsondel,
|
taskdiaghospgetsondel,
|
getillnesslist,
|
getbaseopera,
|
Externallist,
|
getQtemplatelist,
|
getQtemplateobj,
|
TaskQuestioncomit,
|
deleteTaskQuestioncomit,
|
Questionnairetaskgetson,
|
getTaskQuestioncomit,
|
depthospgetson,
|
getillness,
|
Editsingletask,
|
getQtemplateclassify,
|
taskdepthospgetsondel,
|
taskdepthospgetsonlist,
|
taskdiaggetlist,
|
taskopergetlist,
|
} from "@/api/AiCentre/index";
|
import OptionalForm from "@/components/OptionalForm"; //正则组件
|
import SFtable from "@/components/SFtable"; //表格组件
|
import { MessageBox } from "element-ui";
|
|
export default {
|
name: "ServiceDetails",
|
data() {
|
return {
|
title: "宣教内容列表",
|
currenttype: 1, //1宣教2门诊3出院4复诊5体检6问卷
|
id: "", //
|
previewid: "", //任务模板传递id
|
libName: "",
|
templateor: false,
|
objyl: {},
|
overallCase: [], //选择患者总
|
allpids: [],
|
appraiselist: [],
|
optionsclass: [],
|
illnesslist: [],
|
mode: [],
|
libId: null, //模板库模板id
|
Editprogress: 1, //编辑进度
|
drawermb: false, //选择模板弹窗
|
previewtf: false, //预览
|
loading: false, // 遮罩层
|
patientloading: false, // 遮罩层
|
previewtftype: 0, //预览情况0新模板预览1已选择模板修改
|
dialogVisiblepatient: false, //添加患者弹框
|
dialogVisiblepatientjb: false, //添加疾病弹框
|
deptcodesWards: [], //科室数据
|
leavehospitaldistrictcodes: [], //病区数据
|
operationcodes: [], //手术数据
|
illnesscodes: [], //疾病数据
|
radio: 1,
|
checkboxlist: [],
|
tableLabel: [],
|
questionList: [],
|
donorchargeList: [],
|
baseoperaList: [],
|
usable: [
|
{ value: "0", label: "可用" },
|
{ value: "1", label: "停用" },
|
],
|
required: [
|
{ value: "1", label: "必填" },
|
{ value: "2", label: "不必填" },
|
],
|
props: { multiple: true, value: "deptCode", label: "deptName" },
|
propstask: { value: "deptCode", label: "deptName" },
|
// 患者表单
|
tableLabelhz: [
|
{ label: "出院日期", width: "150", prop: "inhosptime" },
|
{ label: "患者", width: "", prop: "name" },
|
{ label: "患者诊断", width: "", prop: "leavediagname" },
|
{ label: "身份证", width: "200", prop: "idcardno" },
|
{ label: "性别", width: "", prop: "sex" },
|
{ label: "年龄", width: "", prop: "age" },
|
{ label: "责任护士", width: "", prop: "nurseName" },
|
{ label: "主治医生", width: "", prop: "drname" },
|
{ label: "科室", width: "240", prop: "dept" },
|
{ label: "病区", width: "240", prop: "leavehospitaldistrictname" },
|
],
|
// 患者表单
|
tableLabelhzwb: [
|
{ label: "出院日期", width: "150", prop: "endtime" },
|
{ label: "患者", width: "", prop: "name" },
|
{ label: "患者诊断", width: "", prop: "diagname" },
|
{ label: "身份证", width: "200", prop: "sfzh" },
|
{ label: "性别", width: "", prop: "sex" },
|
{ label: "年龄", width: "", prop: "age" },
|
{ label: "出院天数", width: "", prop: "endDay" },
|
{ label: "责任护士", width: "", prop: "nurseName" },
|
{ label: "主治医生", width: "", prop: "drname" },
|
{ label: "科室", width: "180", prop: "deptName" },
|
{ label: "病区", width: "150", prop: "leavehospitaldistrictname" },
|
],
|
|
tableLabelwj: [
|
{ label: "问卷标题", width: "", prop: "svyname" },
|
{ label: "问卷描述", width: "", prop: "description" },
|
{ label: "修改日期", width: "", prop: "updateTime" },
|
{ label: "创建人", width: "", prop: "createBy" },
|
],
|
// 变量
|
tableLabelvariable: [
|
{ label: "变量名称", width: "", prop: "variablename" },
|
{ label: "匹配符", width: "", prop: "character" },
|
{ label: "替换值", width: "", prop: "Replacementvalue" },
|
],
|
preachform: [
|
{ label: "多媒体", value: 1 },
|
{ label: "纸质", value: 2 },
|
{ label: "智能语音", value: 3 },
|
{ label: "短信", value: 4 },
|
{ label: "微信公众号", value: 5 },
|
{ label: "微信小程序", value: 6 },
|
{ label: "支付宝", value: 7 },
|
{ label: "智能小程序", value: 8 },
|
{ label: "钉钉", value: 9 },
|
{ label: "线下（纸质）", value: 10 },
|
{ label: "线上（短信/钉钉的文本、问卷链接）", value: 11 },
|
],
|
// 时间处理
|
daytime: [], //日期
|
applydaytime: [], //计算日期
|
time1: "", //上午时间段
|
time2: "", //下午时间段
|
time3: "", //晚上时间段
|
time4: "", //晚上时间段
|
topqueryParams: {
|
pageNum: 1, //
|
pageSize: 10,
|
},
|
checkList: "",
|
deliverytopqueryParams: {
|
pageNum: 1, //
|
pageSize: 10,
|
},
|
patientqueryParams: {
|
pageNum: 1, //
|
pageSize: 10,
|
topica: 1, //0全部1科室2病区
|
leavehospitaldistrictcodes: [],
|
leaveldeptcodes: [],
|
},
|
topicoptions: [{ children: [{ children: [] }] }],
|
showSearch: true, //
|
total: 0, //
|
sontotal: 0, //
|
patienttotal: 0, //
|
// 选中数组
|
ids: [],
|
// 非单个禁用
|
single: true,
|
// 非多个禁用
|
multiple: true,
|
// 用户表格数据
|
userList: [], //模板列表
|
multiplechoice: [], //多选结果
|
patientuserList: [], //选择患者列表
|
sonuserList: [], //选中患者列表
|
delvariableList: [], //删除变量临时存储
|
longtype: [
|
{ value: 0, label: "自定义周期" },
|
{ value: 1, label: "长期任务" },
|
],
|
variableList: [
|
{
|
name: "姓名",
|
value: "${name}",
|
fill: "派发时自动匹配",
|
default: true,
|
},
|
{
|
name: "地址",
|
value: "${dzz}",
|
fill: "派发时自动匹配",
|
default: true,
|
},
|
{
|
name: "智能语音",
|
value: "${dhh}",
|
fill: "派发时自动匹配",
|
default: true,
|
},
|
], //变量列表
|
transitionList: [
|
{
|
name: "姓名",
|
value: "${name}",
|
fill: "派发时自动匹配",
|
default: true,
|
},
|
{
|
name: "地址",
|
value: "${dzz}",
|
fill: "派发时自动匹配",
|
default: true,
|
},
|
{
|
name: "智能语音",
|
value: "${dhh}",
|
fill: "派发时自动匹配",
|
default: true,
|
},
|
],
|
variableListTime: [],
|
tasktopic: null, //新增类型
|
SelectPatientslist: [],
|
form: {
|
patTaskRelevances: [],
|
sendType: 1,
|
longTask: 0,
|
templatename: "",
|
templateid: null,
|
libtemplateid: null,
|
kcb:
|
"亲爱的患者/家属，我们是" +
|
localStorage.getItem("orgname") +
|
"的医护人员，为了更好地了解您的康复情况，请您抽一点宝贵时间，观看这份宣教资讯。",
|
jsy: "请您注意休息和营养，生活上要劳逸结合，适当锻炼，戒烟限酒，保持心情舒畅，定期复诊。那本次宣教内容就到这里，祝您身体健康！",
|
},
|
taskoptions: [
|
{
|
value: "1",
|
label: "出院病人",
|
},
|
{
|
value: "4",
|
label: "在院病人",
|
},
|
{
|
value: "2",
|
label: "门诊病人",
|
},
|
{
|
value: "3",
|
label: "体检病人",
|
},
|
{
|
value: "6",
|
label: "院外患者",
|
},
|
{
|
value: "5",
|
label: "手术病人",
|
},
|
],
|
source: [
|
{
|
value: 0,
|
label: "所属患者",
|
},
|
{
|
value: 1,
|
label: "科室患者",
|
},
|
{
|
value: 2,
|
label: "病区患者",
|
},
|
],
|
|
tasktypes: [
|
{
|
value: 1,
|
label: "监测评估",
|
},
|
{
|
value: 2,
|
label: "出院随访",
|
},
|
{
|
value: 3,
|
label: "门诊随访",
|
},
|
{
|
value: 4,
|
label: "宣教关怀",
|
},
|
{
|
value: 5,
|
label: "复诊管理",
|
},
|
// {
|
// value: 5,
|
// label: "满意度调查",
|
// },
|
{
|
value: 7,
|
label: "患者报告",
|
},
|
// {
|
// value: 8,
|
// label: "其他通知",
|
// },
|
{
|
value: 9,
|
label: "体检随访",
|
},
|
// {
|
// value: 1",
|
// label: "医技随访",
|
// },
|
{
|
value: 11,
|
label: "影像随访",
|
},
|
{
|
value: 12,
|
label: "心电随访",
|
},
|
// {
|
// value: "13",
|
// label: "专病随访",
|
// },
|
],
|
// 科室/病区
|
belongWards: [],
|
deptlist: [],
|
hosplist: [],
|
diagglist: [],
|
operlist: [],
|
tempDetpRelevanceslist: [], //科室数据
|
tempDetpRelevanceslistform: [], //科室数据
|
tempbelongWards: [], //病区数据
|
tempbelongWardsform: [], //病区数据
|
rules: {
|
taskName: [
|
{ required: true, message: "任务名称不能为空", trigger: "blur" },
|
{
|
min: 2,
|
max: 30,
|
message: "任务名称长度必须介于 2 和 30 之间",
|
trigger: "blur",
|
},
|
],
|
sendType: [
|
{ required: true, message: "发送设置不能为空", trigger: "blur" },
|
],
|
deptcode: [
|
{ required: true, message: "适用科室不能为空", trigger: "blur" },
|
],
|
// leavehospitaldistrictcode: [
|
// { required: true, message: "适用病区不能为空", trigger: "blur" },
|
// ],
|
},
|
belongDepts: [],
|
// 科室院区查询入参
|
queryParamsdept: {},
|
quote: false,
|
serviceType: null,
|
};
|
},
|
components: { SFtable, OptionalForm },
|
|
created() {
|
this.appraiselist = store.getters.appraiselist;
|
this.belongWards = store.getters.belongWards;
|
this.belongDepts = store.getters.belongDepts;
|
this.mode = store.getters.Askmode;
|
this.id = this.$route.query.id;
|
this.newadd = this.$route.query.newadd;
|
this.form.type = this.$route.query.type;
|
this.form.typename = this.$route.query.typename;
|
this.serviceType = Number(this.$route.query.serviceType);
|
this.form.serviceType = Number(this.$route.query.serviceType);
|
this.Acquisitiontype();
|
this.getillnesslist();
|
this.Getdetails();
|
this.getQtemplateclassify();
|
},
|
activated() {
|
if (this.id != this.$route.query.id) {
|
this.Acquisitiontype();
|
this.Getdetails();
|
this.getQtemplateclassify();
|
}
|
},
|
computed: {
|
displayedTags() {
|
// 返回前10个tag
|
return this.illnesslist.slice(0, 10);
|
},
|
hasMore() {
|
// 判断是否有更多的tag
|
return this.illnesslist.length > 10;
|
},
|
remaining() {
|
// 计算剩余的tag数量
|
return this.illnesslist.length - 10;
|
},
|
},
|
methods: {
|
// 变量转换对象转数组
|
convertFormat1ToFormat2(data) {
|
let result = [];
|
for (let key in data) {
|
let innerKey = Object.keys(data[key])[0];
|
result.push({
|
name: key,
|
value: innerKey,
|
fill: data[key][innerKey],
|
});
|
}
|
return result;
|
},
|
// 数组转对象
|
convertFormat2ToFormat1(data) {
|
let result = {};
|
data.forEach((item) => {
|
let innerObj = {};
|
innerObj[item.value] = item.fill;
|
result[item.name] = innerObj;
|
});
|
return result;
|
},
|
// 获取当前类型
|
Acquisitiontype() {
|
let queryParams = {
|
pageNum: this.topqueryParams.pageNum,
|
pageSize: this.topqueryParams.pageSize,
|
isenable: "",
|
};
|
this.currenttype = this.$route.query.type;
|
this.title = "问卷内容列表";
|
this.tableLabel = this.tableLabelwj;
|
if (this.form.serviceType == 1) {
|
this.checkboxlist = [
|
{
|
value: "1",
|
label: "人工",
|
},
|
|
{
|
value: "2",
|
label: "纸质",
|
},
|
{
|
value: "4",
|
label: "短信",
|
},
|
{
|
value: "5",
|
label: "微信公众号",
|
},
|
{ label: "微信小程序", value: 6 },
|
];
|
} else if (this.form.serviceType == 6) {
|
this.checkboxlist = [
|
{
|
value: "3",
|
label: "智能语音",
|
},
|
{
|
value: "4",
|
label: "短信",
|
},
|
{
|
value: "5",
|
label: "微信公众号",
|
},
|
{
|
value: "6",
|
label: "微信小程序",
|
},
|
|
// {
|
// value: "8",
|
// label: "智能机器人",
|
// },
|
];
|
} else if (
|
this.form.serviceType == 7 ||
|
this.form.serviceType == 10 ||
|
this.form.serviceType == 11 ||
|
this.form.serviceType == 8 ||
|
this.form.serviceType == 12 ||
|
this.form.serviceType == 13 ||
|
this.form.serviceType == 9
|
) {
|
this.checkboxlist = [
|
{
|
value: "1",
|
label: "人工",
|
},
|
{
|
value: "2",
|
label: "纸质",
|
},
|
{
|
value: "3",
|
label: "智能语音",
|
},
|
{
|
value: "4",
|
label: "短信",
|
},
|
{
|
value: "5",
|
label: "微信公众号",
|
},
|
{
|
value: "6",
|
label: "微信小程序",
|
},
|
{
|
value: "7",
|
label: "术后随访",
|
},
|
];
|
} else if (
|
this.form.serviceType == 2 ||
|
this.form.serviceType == 3 ||
|
this.form.serviceType == 5 ||
|
this.form.serviceType == 4
|
) {
|
this.checkboxlist = [
|
{
|
value: "1",
|
label: "人工",
|
},
|
{
|
value: "3",
|
label: "智能语音",
|
},
|
{
|
value: "4",
|
label: "短信",
|
},
|
{
|
value: "5",
|
label: "微信公众号",
|
},
|
{
|
value: "6",
|
label: "微信小程序",
|
},
|
|
// {
|
// value: "8",
|
// label: "智能机器人",
|
// },
|
];
|
}
|
getQtemplatelist(this.topqueryParams).then((response) => {
|
this.userList = response.rows;
|
this.total = response.total;
|
});
|
},
|
nextstep() {
|
this.$refs["form"].validate((valid) => {
|
if (valid) {
|
if (this.Editprogress <= 3) {
|
return this.Editprogress++;
|
}
|
} else {
|
this.$modal.msgError("表单内容未完善，请检查");
|
}
|
});
|
},
|
// 保存
|
submitForm(formName) {
|
if (this.time4 && this.form.sendType == 3)
|
this.form.showTimeMorn = this.time4;
|
this.form.sendTimeslot = [
|
{
|
begantime: this.time4,
|
endtime: "",
|
xh: 1,
|
},
|
];
|
if (this.form.appltype == 1) {
|
this.leavehospitaldistrictcodes = [];
|
this.operationcodes = [];
|
this.illnesscodes = [];
|
} else if (this.form.appltype == 2) {
|
this.deptcodesWards = [];
|
this.operationcodes = [];
|
this.illnesscodes = [];
|
} else if (this.form.appltype == 3) {
|
this.deptcodesWards = [];
|
this.leavehospitaldistrictcodes = [];
|
this.operationcodes = [];
|
} else if (this.form.appltype == 4) {
|
this.deptcodesWards = [];
|
this.illnesscodes = [];
|
this.leavehospitaldistrictcodes = [];
|
}
|
if (this.checkList) {
|
this.form.preachform = this.checkList;
|
} else {
|
this.$modal.msgError("请选择服务类型");
|
return;
|
}
|
console.log(this.operationcodes[0]);
|
console.log(this.operationcodes);
|
|
if (
|
this.deptcodesWards[0] ||
|
this.leavehospitaldistrictcodes[0] ||
|
this.diagglist[0] ||
|
this.operationcodes[0]
|
) {
|
} else {
|
this.$modal.msgError("请选择任务关联条件");
|
return;
|
}
|
|
if (!this.form.patTaskRelevances[0] && !this.form.longTask) {
|
this.$modal.msgError("请选择病人");
|
return;
|
}
|
|
if (!this.form.templatename && !this.templateor) {
|
this.$modal.msgError("未选择模板");
|
return;
|
}
|
|
if ((this.form.sendType == 1 && this.time1) || this.form.sendType == 2) {
|
} else if (
|
(this.form.sendType == 3 && this.time4) ||
|
this.form.longTask
|
) {
|
} else {
|
return this.$modal.msgError("时间信息缺失");
|
}
|
const filteredArray = this.variableList.filter(
|
(item) =>
|
item.name !== "姓名" && item.name !== "电话" && item.name !== "地址"
|
);
|
this.form.textParam = this.convertFormat2ToFormat1(filteredArray);
|
if (this.form.taskid) {
|
this.form.isoperation = 2;
|
} else {
|
this.form.isoperation = 1;
|
}
|
if (!this.form.type) {
|
this.form.type = this.$route.query.type;
|
}
|
this.form.serviceType = this.serviceType;
|
this.form.deptcode = this.deptcodesWards.join(",");
|
this.form.leavehospitaldistrictcode =
|
this.leavehospitaldistrictcodes.join(",");
|
this.form.opcode = this.operationcodes.join(",");
|
this.form.icd10code = this.diagglist
|
.map((item) => item.icdcode)
|
.join(",");
|
Editsingletask(this.form).then((res) => {
|
if (res.code == 200) {
|
if (this.form.taskid) {
|
this.$modal.msgSuccess("修改成功");
|
} else {
|
this.$modal.msgSuccess("新增成功");
|
}
|
this.$router.push({
|
path: "/followvisit/tasklist",
|
query: { tasktopic: this.form.serviceType },
|
});
|
}
|
});
|
},
|
|
// ----------------------表格子组件事件
|
// 选择预览
|
selectfn(row, type) {
|
// 模板情况下获取模板信息
|
if (type == 1) {
|
this.libName = row.svyname;
|
this.libId = row.svyid;
|
this.questionList = row.svyTemplateLibScripts;
|
getQtemplateobj({ svyid: row.svyid }).then((res) => {
|
if (res.code == 200) {
|
this.objyl = res.rows[0];
|
if (this.form.longTask) {
|
this.objyl.longTemp = 1;
|
}
|
|
this.tempDetpRelevanceslist = [];
|
this.tempbelongWards = [];
|
this.objyl.suitway = this.objyl.suitway.split(",");
|
this.questionList = res.rows[0].svyTemplateLibScripts;
|
this.questionList.forEach((item) => {
|
item.qremark = [];
|
});
|
this.getillness(row.svyid);
|
this.previewtf = true;
|
}
|
});
|
this.previewid = row.svyid;
|
this.Variablehandling(row.svyTemplateLibScripts, 1);
|
} else if (type == 2) {
|
} else if (type == 3) {
|
}
|
},
|
// 预览
|
previewfnmb() {
|
getTaskQuestioncomit(this.form.templateid).then((res) => {
|
if (res.code == 200) {
|
console.log(res, "预览数据");
|
this.objyl = res.data;
|
if (this.objyl.suitway)
|
this.objyl.suitway = this.objyl.suitway.split(",");
|
|
this.getillness(this.form.libtemplateid);
|
|
this.previewtf = true;
|
getQtemplateobj({ svyid: this.form.libtemplateid }).then((res) => {
|
if (res.code == 200) {
|
this.questionList = res.rows[0].svyTemplateLibScripts;
|
this.questionList.forEach((item) => {
|
item.qremark = [];
|
});
|
this.previewtftype = 1;
|
this.objyl.svyTemplateLibScripts =
|
res.rows[0].svyTemplateLibScripts;
|
}
|
});
|
}
|
});
|
},
|
getillness(id) {
|
if (id) {
|
getillness({ outid: id, type: 5 }).then((res) => {
|
this.illnesslist = res.rows;
|
this.illnesslist.forEach((item) => {
|
item.icdname = item.icd10name;
|
});
|
});
|
}
|
},
|
getillnesslist() {
|
getillnesslist({
|
pageNum: 1,
|
pageSize: 1000,
|
}).then((res) => {
|
this.donorchargeList = res.rows;
|
});
|
getbaseopera({
|
pageNum: 1,
|
pageSize: 1000,
|
}).then((res) => {
|
this.baseoperaList = res.rows;
|
});
|
},
|
// 手术查询
|
remoteopcode(name) {
|
if (name) {
|
getbaseopera({
|
pageNum: 1,
|
pageSize: 1000,
|
opdesc: name,
|
}).then((res) => {
|
this.baseoperaList = res.rows;
|
});
|
}
|
},
|
// 疾病查询
|
remotedonor(name) {
|
if (name) {
|
getbaseopera({
|
pageNum: 1,
|
pageSize: 1000,
|
opdesc: name,
|
}).then((res) => {
|
this.baseoperaList = res.rows;
|
});
|
}
|
},
|
// 处理问题层变量
|
Variablehandling(arr, type) {
|
let Variablist = [];
|
if (type == 1) {
|
// 循环问题
|
arr.forEach((res) => {
|
// 循环选项
|
JSON.parse(res.otherdata).forEach((item) => {
|
if (item.default != 1) {
|
Variablist.push({
|
value: item.variate,
|
fill: "",
|
name: item.variatename,
|
});
|
}
|
});
|
});
|
const Aarr = Variablist.filter(
|
(obj, index, self) =>
|
index ===
|
self.findIndex((t) => t.name === obj.name && t.value === obj.value)
|
);
|
|
this.variableList = this.transitionList.concat(Aarr);
|
// this.form.textParam = this.convertFormat2ToFormat1(this.variableList);
|
}
|
},
|
// 子任务二级弹框
|
handleAddpatient(row) {
|
this.allpids = [];
|
this.overallCase.forEach((item) => {
|
this.allpids.push(item.patid);
|
});
|
if (
|
this.patientqueryParams.allhosp == 1 ||
|
(this.patientqueryParams.allhosp == 1 &&
|
this.patientqueryParams.cry == 1)
|
) {
|
this.tableLabelhz = [
|
// { label: "入院日期", width: "170", prop: "starttime" },
|
{ label: "出院日期", width: "150", prop: "endtime" },
|
{ label: "患者", width: "", prop: "name" },
|
{ label: "患者诊断", width: "", prop: "leavediagname" },
|
{ label: "身份证", width: "200", prop: "idcardno" },
|
{ label: "性别", width: "", prop: "sex" },
|
{ label: "年龄", width: "", prop: "age" },
|
{ label: "出院天数", width: "", prop: "endDay" },
|
{ label: "责任护士", width: "", prop: "nurseName" },
|
{ label: "医生", width: "", prop: "drname" },
|
{ label: "科室", width: "180", prop: "dept" },
|
{ label: "病区", width: "150", prop: "leavehospitaldistrictname" },
|
];
|
} else if (this.patientqueryParams.allhosp == 4) {
|
this.tableLabelhz = [
|
{ label: "入院日期", width: "150", prop: "starttime" },
|
{ label: "患者", width: "", prop: "name" },
|
{ label: "患者诊断", width: "", prop: "leavediagname" },
|
{ label: "身份证", width: "200", prop: "idcardno" },
|
{ label: "性别", width: "", prop: "sex" },
|
{ label: "年龄", width: "", prop: "age" },
|
{ label: "出院天数", width: "", prop: "endDay" },
|
{ label: "责任护士", width: "", prop: "nurseName" },
|
{ label: "医生", width: "", prop: "drname" },
|
{ label: "科室", width: "180", prop: "dept" },
|
{ label: "病区", width: "150", prop: "leavehospitaldistrictname" },
|
];
|
}
|
if (this.allpids[0]) {
|
this.patientqueryParams.pids = this.allpids;
|
} else {
|
this.patientqueryParams.pids = null;
|
}
|
// 类型判断
|
if (this.patientqueryParams.allhosp == 1) {
|
this.patientqueryParams.cry = 1;
|
} else if (this.patientqueryParams.allhosp == 4) {
|
this.patientqueryParams.cry = 0;
|
this.patientqueryParams.allhosp = "1";
|
}
|
// 来源判断
|
|
if (this.patientqueryParams.searchscope == 1) {
|
this.patientqueryParams.leaveldeptcodes = store.getters.belongDepts.map(
|
(obj) => obj.deptCode
|
);
|
this.patientqueryParams.leavehospitaldistrictcodes = [];
|
} else if (this.patientqueryParams.searchscope == 2) {
|
this.patientqueryParams.leavehospitaldistrictcodes =
|
store.getters.belongWards.map((obj) => obj.districtCode);
|
this.patientqueryParams.leaveldeptcodes = [];
|
} else {
|
this.patientqueryParams.leaveldeptcodes = store.getters.belongDepts.map(
|
(obj) => obj.deptCode
|
);
|
this.patientqueryParams.leavehospitaldistrictcodes =
|
store.getters.belongWards.map((obj) => obj.districtCode);
|
}
|
getTaskpatientQC(this.patientqueryParams).then((response) => {
|
this.patientuserList = response.rows;
|
this.patientuserList.forEach((item) => {
|
if (item.endtime) {
|
item.endDay = this.daysBetween(item.endtime);
|
}
|
});
|
this.patienttotal = response.total;
|
this.loading = false;
|
this.Restorecheck();
|
});
|
this.dialogVisiblepatient = true;
|
},
|
handleUpdate() {},
|
handleDelete() {},
|
handleExport() {},
|
// 选择患者表数据
|
handleSelectionChange(selection) {
|
this.SelectPatientslist = structuredClone(selection);
|
this.multiple = !selection.length;
|
|
// 赋值给整体选中数组
|
this.SelectPatientslist.forEach((item) => {
|
const isExist = this.overallCase.find((obj) => obj.name == item.name);
|
if (!isExist) {
|
item.isoperation = 1;
|
item.patid = item.id;
|
item.hospType = this.patientqueryParams.allhosp;
|
item.sfzh = item.idcardno;
|
item.deptCode = item.deptcode;
|
item.deptName = item.dept;
|
item.admindate = item.inhosptime;
|
item.diagname = item.leavediagname;
|
item.sfzh = item.idcardno;
|
if (this.patientqueryParams.allhosp == 6) {
|
item.patfrom = 1;
|
}
|
this.overallCase.push(item);
|
this.form.patTaskRelevances.push(item);
|
}
|
});
|
},
|
// 切换页后恢复选中
|
Restorecheck() {
|
const allid = this.overallCase.map((item) => item.patid);
|
const overlap = this.patientuserList.filter((value) => {
|
return allid.includes(value.patid);
|
});
|
// 保持ids和当前页面的同步性
|
this.SelectPatientslist = overlap;
|
this.toggleSelection(overlap);
|
},
|
// 挂载选择状态
|
toggleSelection(rows) {
|
if (rows) {
|
this.decision = true;
|
this.$nextTick(() => {
|
rows.forEach((row) => {
|
this.$refs.multipleTable.toggleRowSelection(row, true);
|
});
|
this.decision = false;
|
});
|
} else {
|
this.$refs.multipleTable.clearSelection();
|
}
|
},
|
// 删除选中患者
|
detailhz(row, info) {
|
this.$modal
|
.confirm('是否确认删除患者"' + row.name + '"的服务项？')
|
.then(() => {
|
let indexa = this.overallCase.indexOf(row);
|
let indexb = this.form.patTaskRelevances.indexOf(row);
|
this.overallCase.splice(indexa, 1);
|
if (!this.form.taskid) {
|
this.form.patTaskRelevances.splice(indexa, 1);
|
} else {
|
this.form.patTaskRelevances[indexb].isoperation = 3;
|
}
|
this.$modal.msgSuccess("删除成功");
|
});
|
},
|
getList() {},
|
handleQuery() {
|
// 获取外部患者
|
console.log(this.patientqueryParams.allhosp, "aaalll");
|
|
if (this.patientqueryParams.allhosp == 6) {
|
this.Externallist();
|
console.log();
|
|
return;
|
}
|
if (this.patientqueryParams.topica == 0) {
|
this.patientqueryParams.leavehospitaldistrictcodes =
|
store.getters.leavehospitaldistrictcodes;
|
this.patientqueryParams.leaveldeptcodes = store.getters.leaveldeptcodes;
|
} else if (this.patientqueryParams.topica == 1) {
|
this.patientqueryParams.leavehospitaldistrictcodes = null;
|
this.patientqueryParams.leaveldeptcodes = store.getters.leaveldeptcodes;
|
} else if (this.patientqueryParams.topica == 2) {
|
this.patientqueryParams.leavehospitaldistrictcodes =
|
store.getters.leavehospitaldistrictcodes;
|
this.patientqueryParams.leaveldeptcodes = null;
|
}
|
|
if (
|
!this.patientqueryParams.leavehospitaldistrictcodes ||
|
!this.patientqueryParams.leavehospitaldistrictcodes[0]
|
)
|
this.patientqueryParams.leavehospitaldistrictcodes = null;
|
if (
|
!this.patientqueryParams.leaveldeptcodes ||
|
!this.patientqueryParams.leaveldeptcodes[0]
|
)
|
this.patientqueryParams.leaveldeptcodes = null;
|
this.handleAddpatient();
|
},
|
// 获取外部患者导入列表
|
Externallist() {
|
this.tableLabelhz = [
|
{ label: "患者", width: "", prop: "name" },
|
{ label: "身份证", width: "200", prop: "idcardno" },
|
{ label: "性别", width: "", prop: "sex" },
|
{ label: "年龄", width: "", prop: "age" },
|
{ label: "出院天数", width: "", prop: "endDay" },
|
];
|
this.patientqueryParams.pageSize = 1000;
|
|
Externallist(this.patientqueryParams).then((response) => {
|
this.patientuserList = response.rows;
|
this.patientuserList.forEach((item) => {
|
if (item.endtime) {
|
item.endDay = this.daysBetween(item.endtime);
|
}
|
});
|
this.dialogVisiblepatient = true;
|
this.patienttotal = response.total;
|
this.loading = false;
|
});
|
},
|
|
resetQuerymb() {
|
this.topqueryParams = { svyname: "" };
|
this.handleQuerymb();
|
},
|
resetQuery() {
|
this.patientqueryParams = {
|
pageNum: 1, //
|
pageSize: 10,
|
topica: 1, //0全部1科室2病区
|
leavehospitaldistrictcodes: [],
|
leaveldeptcodes: [],
|
};
|
this.handleQuery();
|
},
|
handleQuerymb() {
|
getQtemplatelist(this.topqueryParams).then((response) => {
|
this.userList = response.rows;
|
this.total = response.total;
|
});
|
},
|
handleClosehz() {
|
this.dialogVisiblepatient = false;
|
},
|
// 上一步
|
laststep() {
|
this.Editprogress--;
|
},
|
// 提交表单
|
resetForm(formName) {
|
this.$refs[formName].resetFields();
|
},
|
// 预览模板
|
PreviewTemplate() {},
|
Acknowledgereference() {
|
this.quote = true;
|
},
|
// 获取详情
|
Getdetails() {
|
this.form = {
|
patTaskRelevances: [],
|
sendType: 1,
|
sendDay: 5,
|
templatename: "",
|
templateid: null,
|
libtemplateid: null,
|
kcb:
|
"亲爱的患者/家属，我们是" +
|
localStorage.getItem("orgname") +
|
"的医护人员，为了更好地了解您的康复情况，请您抽一点宝贵时间，完成这份随访问卷。",
|
jsy: "请您注意休息和营养，生活上要劳逸结合，适当锻炼，戒烟限酒，保持心情舒畅，定期复诊。那本次回访就到这里，祝您身体健康！",
|
};
|
|
this.questionList = [];
|
if (this.id) {
|
Questionnairetaskgetson({ taskid: this.id }).then((res) => {
|
let filteredArray = "";
|
if (res.code == 200) {
|
this.form = res.data;
|
this.form.serviceType = this.serviceType;
|
this.form.patTaskRelevances = this.form.patTaskRelevances
|
? this.form.patTaskRelevances
|
: [];
|
this.overallCase = this.form.patTaskRelevances.concat();
|
this.checkList = this.form.preachform;
|
|
this.overallCase.forEach((item) => {
|
if (item.endtime) {
|
item.endDay = this.daysBetween(item.endtime);
|
}
|
});
|
if (this.form.showDate)
|
this.daytime = this.form.showDate.split(",");
|
if (this.form.showTimeMorn) {
|
if (this.form.sendType == 3) {
|
this.time4 = this.form.showTimeMorn;
|
} else {
|
this.time1 = this.form.showTimeMorn.split(",");
|
}
|
}
|
// 获取任务科室
|
if (this.form.taskid) {
|
this.listDept();
|
}
|
if (this.form.showTimeNoon)
|
this.time2 = this.form.showTimeNoon.split(",");
|
if (this.form.showTimeNight)
|
this.time3 = this.form.showTimeNight.split(",");
|
filteredArray = this.convertFormat1ToFormat2(this.form.textParam);
|
this.variableList = this.transitionList.concat(filteredArray);
|
} else {
|
this.$modal.msgError(res.code);
|
}
|
|
if (this.newadd) {
|
this.neWaddfn();
|
}
|
});
|
}
|
},
|
// 依照新增时处理
|
neWaddfn() {
|
this.id = null;
|
this.form.taskName = "";
|
this.form.taskid = null;
|
this.overallCase = [];
|
this.form.patTaskRelevances = [];
|
this.daytime = []; //日期
|
this.applydaytime = []; //计算日期
|
this.time1 = ""; //上午时间段
|
this.time2 = ""; //下午时间段
|
this.time3 = ""; //晚上时间段
|
this.time4 = ""; //晚上时间段
|
},
|
// 获取各类
|
listDept() {
|
this.leavehospitaldistrictcodes = [];
|
this.deptcodesWards = [];
|
this.queryParamsdept.taskId = this.form.taskid;
|
taskdepthospgetsonlist(this.queryParamsdept).then((res) => {
|
if (res.code == 200) {
|
let arr = res.rows;
|
arr.forEach((item) => {
|
if (item.deptType == 1) {
|
this.deptlist.push(item);
|
this.deptcodesWards.push(item.deptCode);
|
} else if (item.deptType == 2) {
|
this.hosplist.push(item);
|
this.leavehospitaldistrictcodes.push(item.deptCode);
|
}
|
});
|
}
|
});
|
taskdiaggetlist(this.queryParamsdept).then((res) => {
|
if (res.code == 200) {
|
let arr = res.rows;
|
arr.forEach((item) => {
|
getillnesslist({
|
icdcode: item.icd10code,
|
}).then((res) => {
|
item.icdname = res.rows[0].icdname;
|
this.diagglist.push(item);
|
});
|
this.illnesscodes.push(item.icd10code);
|
});
|
}
|
});
|
taskopergetlist(this.queryParamsdept).then((res) => {
|
if (res.code == 200) {
|
let arr = res.rows;
|
arr.forEach((item) => {
|
this.operlist.push(item);
|
this.operationcodes.push(item.opcode);
|
});
|
}
|
});
|
},
|
// 任务科室删除触发
|
removetag(row) {
|
let result = this.deptlist
|
.filter((item) => item.deptCode == row)
|
.map((item) => item.id);
|
|
if (result.length) {
|
taskdepthospgetsondel(result).then((res) => {
|
if (res.code) {
|
this.$modal.msgSuccess("删除成功");
|
}
|
});
|
}
|
},
|
// 院区删除删除触发
|
removehpsp(row) {
|
let result = this.hosplist
|
.filter((item) => item.deptCode == row)
|
.map((item) => item.id);
|
if (result.length) {
|
taskdepthospgetsondel(result).then((res) => {
|
if (res.code) {
|
this.$modal.msgSuccess("删除成功");
|
}
|
});
|
}
|
},
|
// 手术删除触发
|
removeopera(row) {
|
let result = this.operlist
|
.filter((item) => item.opcode == row)
|
.map((item) => item.id);
|
if (result.length) {
|
taskoperhospgetsondel(result).then((res) => {
|
if (res.code) {
|
this.$modal.msgSuccess("删除成功");
|
}
|
});
|
}
|
},
|
// 疾病删除触发
|
removediagg(row) {
|
let result = this.diagglist
|
.filter((item) => item.icd10code == row)
|
.map((item) => item.id);
|
if (result.length) {
|
taskdiaghospgetsondel(result).then((res) => {
|
if (res.code) {
|
this.diagglist = this.diagglist.filter(
|
(item) => item.icd10code != row
|
);
|
this.$modal.msgSuccess("删除成功");
|
}
|
});
|
}
|
},
|
|
getQtemplateclassify() {
|
getQtemplateclassify({}).then((res) => {
|
this.optionsclass = res.rows;
|
});
|
},
|
// 新增派送患者
|
AddDispatchpatients() {
|
// this.SelectPatientslist.forEach((item) => {
|
// item.isoperation = 1;
|
// });
|
// this.form.patTaskRelevances.push(...this.SelectPatientslist);
|
// this.overallCase.push(...this.SelectPatientslist);
|
this.dialogVisiblepatient = false;
|
},
|
|
variableDelete(index, row) {
|
this.variableList.splice(index, 1);
|
row.isoperation = 3;
|
this.delvariableList.push(row);
|
},
|
|
// 时间----------
|
changeTime(row) {
|
this.processingTime();
|
},
|
Totaldate(row) {
|
this.form.sendTimeslot = [{ begantime: row, endtime: row, xh: 1 }];
|
this.form.showTimeMorn = row;
|
},
|
changeTimeday(row) {
|
const startDate = new Date(row[0]);
|
const endDate = new Date(row[1]);
|
this.applydaytime = this.getDates(startDate, endDate);
|
this.processingTime();
|
},
|
getDates(startDate, endDate) {
|
const dates = [];
|
let currentDate = new Date(startDate);
|
|
while (currentDate <= endDate) {
|
dates.push(this.$moment(currentDate).format("YYYY-MM-DD"));
|
currentDate.setDate(currentDate.getDate() + 1);
|
}
|
|
return dates;
|
},
|
// 时间最终处理方法
|
processingTime() {
|
const combinedData = [];
|
let serialnumber = 1;
|
if (this.time3[0]) {
|
serialnumber = 3;
|
} else if (this.time2[0]) {
|
serialnumber = 2;
|
} else if (this.time1[0]) {
|
serialnumber = 1;
|
} else {
|
return;
|
}
|
|
for (let i = 0; i < this.applydaytime.length; i++) {
|
combinedData.push({
|
begantime: `${this.applydaytime[i]} ${this.time1[0]}`,
|
endtime: `${this.applydaytime[i]} ${this.time1[1]}`,
|
xh: serialnumber * i + 1,
|
});
|
if (serialnumber >= 2) {
|
combinedData.push({
|
begantime: `${this.applydaytime[i]} ${this.time2[0]}`,
|
endtime: `${this.applydaytime[i]} ${this.time2[1]}`,
|
xh: serialnumber * i + 2,
|
});
|
}
|
if (serialnumber >= 3) {
|
combinedData.push({
|
begantime: `${this.applydaytime[i]} ${this.time3[0]}`,
|
endtime: `${this.applydaytime[i]} ${this.time3[1]}`,
|
xh: serialnumber * i + 3,
|
});
|
}
|
}
|
this.form.sendTimeslot = combinedData;
|
// 展示数据临时存储日期、早、中、晚
|
|
this.form.showDate = this.daytime.join(",");
|
if (this.time1) this.form.showTimeMorn = this.time1.join(",");
|
if (this.time2) this.form.showTimeNoon = this.time2.join(",");
|
if (this.time3) this.form.showTimeNight = this.time3.join(",");
|
},
|
// 查看模板
|
previewGo() {
|
this.$modal.confirm("是否前往修改任务模板详细内容？").then(() => {
|
this.drawermb = false; //选择模板弹窗
|
this.previewtf = false; //预览
|
this.$router.push({
|
path: "/knowledge/tpuconfigurat/",
|
query: { id: this.previewid, task: true, data: this.form },
|
});
|
});
|
},
|
// 保存/更新任务模板
|
previewFn() {
|
if (Array.isArray(this.objyl.suitway)) {
|
this.objyl.suitway = this.objyl.suitway.join(",");
|
}
|
this.objyl.templateid = this.objyl.svyid;
|
|
this.objyl.isoperation = 1;
|
this.objyl.taskid = this.form.taskid;
|
|
if (this.objyl.id) {
|
deleteTaskQuestioncomit(this.objyl.id).then((res) => {
|
if (res.code == 200) {
|
(this.objyl.id = null),
|
TaskQuestioncomit(this.objyl).then((response) => {
|
this.previewtf = false;
|
this.form.libtemplateid = this.objyl.svyid;
|
this.form.templateid = response.data;
|
this.form.templatename = this.objyl.svyname;
|
this.$modal.msgSuccess("选择模板成功");
|
});
|
}
|
});
|
} else {
|
TaskQuestioncomit(this.objyl).then((response) => {
|
this.previewtf = false;
|
this.form.libtemplateid = this.objyl.svyid;
|
this.form.templateid = response.data;
|
this.form.templatename = this.objyl.svyname;
|
this.$modal.msgSuccess("选择模板成功");
|
});
|
}
|
},
|
// 保存科室/病区
|
putbelongDepts(id) {
|
this.tempDetpRelevanceslistform.forEach((item) => {
|
item.tempid = id;
|
});
|
this.tempbelongWardsform.forEach((item) => {
|
item.tempid = id;
|
});
|
depthospgetson(this.tempDetpRelevanceslistform).then((res) => {
|
if (res.code == 200) {
|
this.$modal.msgSuccess("科室更新成功");
|
this.tempDetpRelevanceslistform = [];
|
}
|
});
|
depthospgetson(this.tempbelongWardsform).then((res) => {
|
if (res.code == 200) {
|
this.$modal.msgSuccess("病区更新成功");
|
this.tempbelongWardsform = [];
|
}
|
});
|
},
|
|
// 科室处理
|
Departmenttreatment() {
|
if (!this.form.taskid) {
|
this.templateor = true;
|
MessageBox.confirm(
|
"当前为新增任务未保存不可关联模板，是否先暂存模板保存任务后生效？",
|
"功能提示",
|
{
|
confirmButtonText: "暂存模板",
|
cancelButtonText: "取消",
|
type: "warning",
|
}
|
)
|
.then(() => {
|
if (Array.isArray(this.objyl.suitway)) {
|
this.objyl.suitway = this.objyl.suitway.join(",");
|
}
|
this.objyl.templateid = this.objyl.svyid;
|
this.form.libtemplateid = this.objyl.svyid;
|
this.objyl.isoperation = 1;
|
this.objyl.svyTaskTemplateScriptVOS =
|
this.objyl.svyTemplateLibScripts;
|
this.form.svyTaskTemplateVO = this.objyl;
|
this.form.templatename = this.objyl.svyname;
|
this.$modal.msgSuccess("暂存成功保存任务后模板失效");
|
this.drawermb = false;
|
this.previewtf = false;
|
})
|
.catch(() => {
|
this.drawermb = false;
|
this.previewtf = false;
|
});
|
} else {
|
setTimeout(() => {
|
this.previewFn();
|
}, 1000);
|
}
|
},
|
},
|
};
|
</script>
|
|
<style lang="scss" scoped>
|
.Questionnairemanagement {
|
}
|
.leftvlue-jbxx {
|
margin-top: 10px;
|
}
|
.sidecolumn {
|
width: 100%;
|
// min-height: 12vh;
|
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: 100%;
|
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 {
|
margin: 20px;
|
.headline {
|
font-size: 24px;
|
height: 40px;
|
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;
|
}
|
}
|
}
|
}
|
.xinz-infs {
|
font-size: 18px;
|
line-height: 48px;
|
|
.el-tag + .el-tag {
|
margin-left: 10px;
|
}
|
}
|
// .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;
|
// }
|
// }
|
.preview-left {
|
margin: 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);
|
.scriptTopic-dev {
|
margin-bottom: 25px;
|
font-size: 20px !important;
|
.dev-text {
|
margin-bottom: 10px;
|
}
|
}
|
}
|
.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: 18px;
|
}
|
}
|
::v-deep.el-input.is-disabled .el-input__inner {
|
background-color: #f5f7fa;
|
border-color: #dfe4ed;
|
color: rgb(253, 66, 66);
|
cursor: not-allowed;
|
}
|
::v-deep.el-checkbox-group {
|
span {
|
font-size: 18px;
|
}
|
}
|
</style>
|
