<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" label-width="105px">
|
<el-row :gutter="20">
|
<el-col :span="12"
|
><el-form-item label="任务名称">
|
<el-input
|
style="width: 220px"
|
v-model="form.taskName"
|
placeholder="请输入任务名称"
|
/> </el-form-item
|
></el-col>
|
<el-col :span="8"
|
><el-form-item label="模板名称">
|
<el-input
|
style="width: 220px"
|
:disabled="true"
|
v-model="form.templatename"
|
placeholder="请在下列选择"
|
/> </el-form-item
|
></el-col>
|
<el-col :span="4">
|
<el-button
|
type="primary"
|
icon="el-icon-edit"
|
@click="drawermb = true"
|
circle
|
></el-button>
|
<el-button
|
v-if="form.templatename"
|
type="success"
|
icon="el-icon-search"
|
@click="previewfnm"
|
circle
|
></el-button>
|
</el-col>
|
<!-- <el-col :span="2">
|
<el-button
|
v-if="form.templatename"
|
type="success"
|
icon="el-icon-search"
|
@click="previewfnm"
|
circle
|
></el-button>
|
</el-col> -->
|
</el-row>
|
|
<el-form-item label="任务描述">
|
<el-input
|
type="textarea"
|
v-model="form.taskDesc"
|
placeholder="请输入任务描述"
|
/>
|
</el-form-item>
|
<el-row>
|
<el-col :span="20"
|
><el-form-item label="适用科室" prop="region">
|
<el-select
|
v-model="form.deptcode"
|
style="width: 400px"
|
size="medium"
|
filterable
|
placeholder="请选择科室"
|
>
|
<el-option
|
class="ruleFormaa"
|
v-for="item in belongDepts"
|
:key="item.deptCode"
|
:label="item.deptName"
|
:value="item.deptCode"
|
>
|
</el-option>
|
</el-select> </el-form-item
|
></el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="20"
|
><el-form-item label="适用病区" prop="region">
|
<el-select
|
v-model="form.leavehospitaldistrictcode"
|
style="width: 400px"
|
size="medium"
|
filterable
|
placeholder="请选择病区"
|
>
|
<el-option
|
class="ruleFormaa"
|
v-for="item in belongWards"
|
:key="item.districtCode"
|
:label="item.districtName"
|
:value="item.districtCode"
|
>
|
</el-option>
|
</el-select> </el-form-item
|
></el-col>
|
</el-row>
|
<el-form-item label="发送设置：" v-if="currenttype != 2">
|
<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">
|
<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">
|
<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">
|
<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-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-item label="服务形式">
|
<el-checkbox-group v-model="checkList">
|
<el-checkbox
|
v-for="(item, index) in checkboxlist"
|
:key="index"
|
:label="item.value"
|
>
|
{{ item.label }}</el-checkbox
|
>
|
</el-checkbox-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-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-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="就诊科室">
|
<el-input v-model="topqueryParams.deptName"></el-input>
|
</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-button
|
icon="el-icon-upload2"
|
size="medium"
|
type="warning"
|
>当前患者一键发送</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="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="handleAddpatient"
|
>新增</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-button
|
type="info"
|
plain
|
icon="el-icon-upload2"
|
size="medium"
|
@click="handleImport"
|
|
>导入</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-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"
|
@handleUpdate="handleUpdate"
|
@handleSelectionChange="handleSelectionChange"
|
:currentList="patientuserList"
|
:tableLabel="tableLabelhz"
|
:serialnumber="false"
|
:center="false"
|
:typeinfo="3"
|
/>
|
</el-row>
|
<pagination
|
v-show="patienttotal > 0"
|
: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="60%">
|
<div class="preview-left">
|
<!-- 单选 -->
|
<div v-html="htmlRichText"></div>
|
</div>
|
<span slot="footer" class="dialog-footer">
|
<!-- <el-button @click="previewGo">前往模板详情修改</el-button> -->
|
<el-button type="primary" @click="previewFn">确认使用</el-button>
|
</span>
|
</el-dialog>
|
<!-- 用户导入对话框 -->
|
<el-dialog
|
:title="upload.title"
|
:visible.sync="upload.open"
|
width="70%"
|
append-to-body
|
>
|
<el-steps :active="dractive" simple>
|
<el-step title="上传导入文件" icon="el-icon-upload"></el-step>
|
<el-step title="导入检查" icon="el-icon-picture"></el-step>
|
</el-steps>
|
<!-- 上传导入文件 -->
|
<div class="download" v-if="dractive == 1">
|
<el-upload
|
class="upload-demo"
|
ref="upload"
|
:limit="1"
|
accept=".xlsx, .xls"
|
:headers="upload.headers"
|
:action="upload.url"
|
:disabled="upload.isUploading"
|
:on-progress="handleFileUploadProgress"
|
:on-success="handleFileSuccess"
|
drag
|
>
|
<i class="el-icon-upload"></i>
|
<div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
|
<div class="el-upload__tip text-center" slot="tip">
|
<!-- <div class="el-upload__tip" slot="tip">
|
<el-checkbox v-model="upload.updateSupport" />
|
是否更新已经存在的用户数据
|
</div> -->
|
<span>仅允许导入xls、xlsx格式文件。</span>
|
<el-link
|
type="primary"
|
:underline="false"
|
style="font-size: 24px; vertical-align: baseline"
|
@click="importTemplate"
|
>下载模板
|
</el-link>
|
<!-- <el-link
|
type="success"
|
:underline="false"
|
style="font-size: 24px; vertical-align: baseline"
|
href="http://m.qpic.cn/psc?/V50ZTolo1AIhq00dqrJP2169QM2VHGTU/ruAMsa53pVQWN7FLK88i5qfmCJclyMduqqL6kjE4h7TXDAjimVtmLmTyGVfF4qlkyOISsYQ4Mxx705X2tkXEIUPrfCS4L4yK.f11SmO8Tq0!/b&bo=twb0AgAAAAADB2U!&rf=viewer_4"
|
target="_blank"
|
>
|
查看模板</el-link
|
> -->
|
</div>
|
</el-upload>
|
</div>
|
|
<!-- 完成 -->
|
<div class="drexamine" v-else-if="dractive == 2">
|
<div style="display: flex">
|
<img src="@/assets/images/导入.png" />
|
<p>导入患者成功！</p>
|
<p>
|
本次成功导入<span style="color: #72d3a9; font-size: 20px">{{
|
uploadingData.length
|
}}</span
|
>位患者
|
</p>
|
</div>
|
|
<el-table :data="uploadingData" style="width: 100%">
|
<el-table-column prop="serial" label="患者id"> </el-table-column>
|
<el-table-column prop="name" label="姓名"> </el-table-column>
|
<el-table-column prop="sex" label="性别"> </el-table-column>
|
<el-table-column prop="idcardno" width="300" label="证件号码"> </el-table-column>
|
<el-table-column prop="goday" label="出生日期"> </el-table-column>
|
<el-table-column prop="telcode" width="200" label="联系方式"> </el-table-column>
|
<el-table-column prop="createTime" width="200" label="创建日期">
|
</el-table-column>
|
</el-table>
|
<!-- <pagination
|
v-show="total > 0"
|
:total="total"
|
:page.sync="queryParams.pageNum"
|
:limit.sync="queryParams.pageSize"
|
@pagination="geterryList"
|
/> -->
|
</div>
|
|
<div slot="footer">
|
<el-button type="primary" @click="submitFileForm">{{
|
dractive == 1 ? "下一步" : "加入任务"
|
}}</el-button>
|
<el-button @click="submitclose">取 消</el-button>
|
</div>
|
</el-dialog>
|
<el-drawer
|
title="宣教内容列表"
|
:visible.sync="drawermb"
|
direction="rtl"
|
size="50%"
|
>
|
<div class="headline"></div>
|
<div style="margin: 20px">
|
<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.preachname"></el-input>
|
</el-form-item>
|
<el-form-item label="宣教分类" prop="region">
|
<el-select
|
v-model="topqueryParams.assortid"
|
size="medium"
|
filterable
|
placeholder="请选择分类"
|
>
|
<el-option-group
|
v-for="group in sortlist"
|
:key="group.id"
|
:label="group.assortname"
|
>
|
<el-option
|
v-for="item in group.heLibraryAssortList"
|
:key="item.id"
|
:label="item.assortname"
|
:value="item.id"
|
>
|
</el-option>
|
</el-option-group>
|
</el-select>
|
</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 label="适用科室" prop="status">
|
<el-select v-model="topqueryParams.topicd" 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="Acquisitiontypeget"
|
>搜索</el-button
|
>
|
<el-button
|
icon="el-icon-refresh"
|
size="medium"
|
@click="resetQuery"
|
>重置</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="Acquisitiontypeget"
|
/>
|
</el-row>
|
</div>
|
</div>
|
</el-drawer>
|
</div>
|
</template>
|
|
<script>
|
import { messagelistpatient } from "@/api/patient/homepage";
|
import axios from "axios";
|
|
import store from "@/store";
|
import {
|
getTaskpatient,
|
getlibrarylist,
|
getFollowuplist,
|
getQtemplatelist,
|
TaskQuestioncomit,
|
getTaskInfo,
|
gethetaskinfo,
|
delhetaskinfo,
|
Editsingletask,
|
getheLibraryAssort,
|
} from "@/api/AiCentre/index";
|
import { listDept } from "@/api/system/dept";
|
import { getToken } from "@/utils/auth";
|
import SFtable from "@/components/SFtable"; //表格组件
|
|
export default {
|
name: "ServiceDetails",
|
data() {
|
return {
|
title: "宣教内容列表",
|
currenttype: 1, //1宣教2门诊3出院4复诊5体检6问卷
|
id: "", //
|
previewid: "", //任务模板传递id
|
libName: "",
|
overallCase: [], //选择患者总
|
allpids: [],
|
libId: null, //模板库模板id
|
Editprogress: 1, //编辑进度
|
drawermb: false, //选择模板弹窗
|
previewtf: false, //预览
|
loading: false, // 遮罩层
|
patientloading: false, // 遮罩层
|
dialogVisiblepatient: false, //添加患者弹框
|
radio: 1,
|
checkboxlist: [],
|
// 科室/病区
|
belongWards: [],
|
belongWards: [],
|
tableLabel: [],
|
questionList: [],
|
uploadingData: [],
|
htmlRichText: "<p>Hello, <strong>world</strong>!</p>",
|
// 患者表单
|
tableLabelhz: [
|
{ label: "出院日期", width: "150", prop: "inhosptime" },
|
{ label: "患者", width: "", prop: "name" },
|
{ label: "身份证", width: "200", prop: "sfzh" },
|
{ 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: "200", prop: "sfzh" },
|
{ label: "性别", width: "", prop: "sex" },
|
{ label: "年龄", width: "", prop: "age" },
|
{ label: "责任护士", width: "", prop: "nurseName" },
|
{ label: "主治医生", width: "", prop: "drname" },
|
{ label: "科室", width: "180", prop: "deptName" },
|
{ label: "病区", width: "150", prop: "leavehospitaldistrictname" },
|
],
|
|
tableLabelxj: [
|
{ label: "创建人", width: "", prop: "createBy" },
|
{ label: "宣教名称", width: "180", prop: "preachname" },
|
{ label: "宣教描述", width: "180", prop: "preachcontent" },
|
// { label: "宣教形式", width: "", prop: "playType" },
|
{ label: "适用方式", width: "", prop: "suitway" },
|
{ label: "修改日期", width: "", prop: "uploadTime" },
|
],
|
// 变量
|
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 },
|
],
|
upload: {
|
// 是否显示弹出层（用户导入）
|
open: false,
|
// 弹出层标题（用户导入）
|
title: "",
|
// 是否禁用上传
|
isUploading: false,
|
// 是否更新已经存在的用户数据
|
updateSupport: 0,
|
// 设置上传的请求头部
|
headers: { Authorization: "Bearer " + getToken() },
|
// 上传的地址
|
url: process.env.VUE_APP_BASE_API + "/smartor/import/importPatInfo",
|
},
|
//导入进度
|
dractive: 1,
|
// 时间处理
|
daytime: [], //日期
|
applydaytime: [], //计算日期
|
time1: "", //上午时间段
|
time2: "", //下午时间段
|
time3: "", //晚上时间段
|
time4: "", //晚上时间段
|
topqueryParams: {
|
pageNum: 1, //
|
pageSize: 10,
|
},
|
checkList: [],
|
deliverytopqueryParams: {
|
pageNum: 1, //
|
pageSize: 10,
|
},
|
patientqueryParams: {
|
pageNum: 1, //
|
pageSize: 10,
|
},
|
topicoptions: [{ children: [{ children: [] }] }],
|
showSearch: true, //
|
total: 0, //
|
sontotal: 0, //
|
patienttotal: 0, //
|
// 选中数组
|
ids: [],
|
// 非单个禁用
|
single: true,
|
// 非多个禁用
|
multiple: true,
|
// 用户表格数据
|
userList: [], //模板列表
|
patientuserList: [], //选择患者列表
|
sonuserList: [], //选中患者列表
|
delvariableList: [], //删除变量临时存储
|
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: [],
|
sortlist: [],
|
tasktopic: null, //新增类型
|
SelectPatientslist: [],
|
form: {
|
patTaskRelevances: [],
|
sendType: 1,
|
templatename: "",
|
templateid: null,
|
libtemplateid: null,
|
kcb: "亲爱的患者-家属，您好！我们是无锡儿童医院的医护人员，为了更好地了解您的康复情况，请您抽一点宝贵时间，观看这份宣教资讯。",
|
jsy: "生活上要劳逸结合，注意休息和营养，适当锻炼，戒烟限酒，保持心情舒畅，定期复诊。那本次宣教内容就到这里，祝您身体健康！",
|
},
|
taskoptions: [
|
{
|
value: "1",
|
label: "出院病人",
|
},
|
{
|
value: "4",
|
label: "在院病人",
|
},
|
{
|
value: "2",
|
label: "门诊病人",
|
},
|
{
|
value: "3",
|
label: "体检病人",
|
},
|
],
|
source: [
|
{
|
value: 0,
|
label: "所属患者",
|
},
|
{
|
value: 1,
|
label: "科室患者",
|
},
|
{
|
value: 2,
|
label: "病区患者",
|
},
|
],
|
quote: false,
|
};
|
},
|
components: { SFtable },
|
|
created() {
|
this.id = this.$route.query.id;
|
this.form.type = this.$route.query.type;
|
this.newadd = this.$route.query.newadd;
|
this.belongWards = store.getters.belongWards;
|
this.belongDepts = store.getters.belongDepts;
|
this.form.typename = this.$route.query.typename;
|
this.form.serviceType = Number(this.$route.query.serviceType);
|
this.listDept();
|
this.Acquisitiontype();
|
this.Getdetails();
|
this.getheLibraryAssort();
|
},
|
|
methods: {
|
// {
|
// 姓名: { "${name}": "龙傲天" },
|
// 地址: { "${dzz}": "龙宫" },
|
// 电话: { "${dhh}": "八个八" },
|
// }
|
// 变量转换对象转数组
|
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;
|
},
|
Acquisitiontypeget() {
|
console.log(2211);
|
|
getlibrarylist(this.topqueryParams).then((response) => {
|
this.userList = response.rows;
|
this.total = response.total;
|
});
|
},
|
// 获取当前类型
|
Acquisitiontype() {
|
let queryParams = {
|
pageNum: this.topqueryParams.pageNum,
|
pageSize: this.topqueryParams.pageSize,
|
isavailable: "",
|
};
|
this.currenttype = this.$route.query.type;
|
this.title = "宣教内容列表";
|
this.tableLabel = this.tableLabelxj;
|
if (this.form.serviceType == 4) {
|
this.checkboxlist = [
|
{
|
value: "2",
|
label: "纸质",
|
},
|
|
{
|
value: "4",
|
label: "短信",
|
},
|
{
|
value: "5",
|
label: "微信公众号",
|
},
|
{
|
value: "6",
|
label: "微信小程序",
|
},
|
|
{
|
value: "8",
|
label: "智能机器人",
|
},
|
];
|
} else if (this.form.serviceType == 8) {
|
this.checkboxlist = [
|
{
|
value: "4",
|
label: "短信",
|
},
|
{
|
value: "5",
|
label: "微信公众号",
|
},
|
{
|
value: "6",
|
label: "微信小程序",
|
},
|
|
{
|
value: "8",
|
label: "智能机器人",
|
},
|
{
|
value: "9",
|
label: "钉钉",
|
},
|
];
|
}
|
getlibrarylist(queryParams).then((response) => {
|
this.userList = response.rows;
|
this.total = response.total;
|
});
|
},
|
nextstep() {
|
if (this.Editprogress <= 3) {
|
return this.Editprogress++;
|
}
|
},
|
// 保存
|
submitForm(formName) {
|
this.form.preachform = this.checkList.join(",");
|
// this.formatFn(1);
|
if (!this.form.patTaskRelevances[0]) {
|
this.$modal.msgError("请选择病人");
|
return;
|
}
|
if (!this.form.templatename) {
|
this.$modal.msgError("未选择模板");
|
return;
|
}
|
const filteredArray = this.variableList.filter(
|
(item) =>
|
item.name !== "姓名" && item.name !== "电话" && item.name !== "地址"
|
);
|
console.log(filteredArray, "存前变量");
|
this.form.textParam = this.convertFormat2ToFormat1(filteredArray);
|
if (this.form.taskid) {
|
this.form.isoperation = 2;
|
} else {
|
this.form.isoperation = 1;
|
this.form.sendState=1;
|
}
|
if (!this.form.type) {
|
this.form.type = this.$route.query.type;
|
}
|
this.form.leaveldeptcodes = store.getters.belongDepts.map(
|
(obj) => obj.deptCode
|
);
|
this.form.leavehospitaldistrictcodes = store.getters.belongWards.map(
|
(obj) => obj.districtCode
|
);
|
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) {
|
// 模板情况下获取模板信息
|
this.libName = row.preachname;
|
this.htmlRichText = null;
|
this.libId = row.id;
|
console.log(row, "row");
|
this.Tasktemplate = row;
|
this.previewtf = true;
|
this.previewid = row.svyid;
|
console.log(this.questionList, "questionList");
|
// this.Variablehandling(row.svyLibScripts, 1);
|
console.log(row.htmlRichText);
|
axios
|
.get(row.htmlRichText)
|
.then((response) => {
|
console.log(response.data, "数据"); // 输出获取到的文件内容
|
this.htmlRichText = response.data;
|
this.htmlRichText = this.addStyleToImages(this.htmlRichText);
|
})
|
.catch((error) => {
|
this.$modal.msgError("获取富文本失败");
|
console.error("Failed to fetch file:", error);
|
});
|
},
|
// 预览模板
|
previewfnm() {
|
getlibrarylist({ id: this.form.libtemplateid }).then((res) => {
|
this.libName = res.rows[0].preachname;
|
this.htmlRichText = null;
|
this.libId = res.rows[0].id;
|
this.Tasktemplate = res.rows[0];
|
this.previewtf = true;
|
this.previewid = res.rows[0].svyid;
|
axios
|
.get(res.rows[0].htmlRichText)
|
.then((response) => {
|
this.htmlRichText = response.data;
|
this.htmlRichText = this.addStyleToImages(this.htmlRichText);
|
})
|
.catch((error) => {
|
this.$modal.msgError("获取富文本失败");
|
console.error("Failed to fetch file:", error);
|
});
|
});
|
},
|
addStyleToImages(html) {
|
return html.replace(
|
/<img([^>]*)style=(['"])(?:(?!\2).)*\2([^>]*)>/g,
|
'<img$1style="width:100%;height:auto;"$3>'
|
);
|
},
|
|
// 子任务二级弹框
|
handleAddpatient(row) {
|
this.allpids = [];
|
this.overallCase.forEach((item) => {
|
this.allpids.push(item.patid);
|
});
|
if (this.patientqueryParams.allhosp == 1) {
|
this.tableLabelhz = [
|
{ label: "出院日期", width: "150", prop: "endtime" },
|
{ label: "患者", width: "", prop: "name" },
|
{ label: "身份证", width: "200", prop: "sfzh" },
|
{ label: "性别", width: "", prop: "sex" },
|
{ label: "年龄", width: "", prop: "age" },
|
{ label: "责任护士", width: "", prop: "nurseName" },
|
{ label: "医生", width: "", prop: "drname" },
|
{ label: "科室", width: "180", prop: "dept" },
|
{ label: "病区", width: "150", prop: "leavehospitaldistrictname" },
|
];
|
} else if (this.patientqueryParams.allhosp == 2) {
|
this.tableLabelhz = [
|
{ label: "序号", width: "", prop: "patid" },
|
{ label: "患者名称", width: "", prop: "name" },
|
{ label: "性别", width: "", prop: "sex" },
|
{ label: "年龄", width: "", prop: "age" },
|
{ label: "诊断", width: "", prop: "diagname" },
|
{ label: "就诊科室", width: "", prop: "deptName" },
|
{ label: "入院日期", width: "", prop: "inhosptime" },
|
{ label: "创建人", width: "", prop: "createBy" },
|
];
|
}
|
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);
|
}
|
|
getTaskpatient(this.patientqueryParams).then((response) => {
|
console.log(response);
|
this.patientuserList = response.rows;
|
this.patienttotal = response.total;
|
this.loading = false;
|
this.Restorecheck();
|
});
|
this.dialogVisiblepatient = true;
|
},
|
handleUpdate() {},
|
handleDelete() {},
|
handleExport() {},
|
|
// 选择患者表数据
|
handleSelectionChange(selection,type) {
|
console.log("多选患者");
|
this.SelectPatientslist = 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;
|
if (item.idcardno) {
|
item.sfzh = item.idcardno;
|
}
|
if (type) {
|
item.hospType=type
|
}else{
|
item.hospType = this.patientqueryParams.allhosp;
|
}
|
this.overallCase.push(item);
|
this.form.patTaskRelevances.push(item);
|
}
|
});
|
},
|
// 切换页后恢复选中
|
Restorecheck() {
|
console.log(this.overallCase, "this.overallCase");
|
const allid = this.overallCase.map((item) => item.patid);
|
const overlap = this.patientuserList.filter((value) => {
|
return allid.includes(value.patid);
|
});
|
// 保持ids和当前页面的同步性
|
this.SelectPatientslist = overlap;
|
console.log(this.SelectPatientslist, "进入分页SelectPatientslist");
|
|
this.toggleSelection(overlap);
|
},
|
// 挂载选择状态
|
toggleSelection(rows) {
|
if (rows) {
|
this.decision = true;
|
this.$nextTick(() => {
|
rows.forEach((row) => {
|
this.$refs.multipleTable.toggleRowSelection(row, true);
|
});
|
this.decision = false;
|
});
|
console.log(123);
|
} 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);
|
this.form.patTaskRelevances[indexb].isoperation = 3;
|
this.$modal.msgSuccess("删除成功");
|
});
|
},
|
getList() {},
|
handleQuery() {
|
this.handleAddpatient();
|
},
|
resetQuery() {},
|
handleClosehz() {
|
this.dialogVisiblepatient = false;
|
},
|
// 上一步
|
laststep() {
|
this.Editprogress--;
|
},
|
// 提交表单
|
resetForm(formName) {
|
this.$refs[formName].resetFields();
|
},
|
// 预览模板
|
PreviewTemplate() {},
|
Acknowledgereference() {
|
this.quote = true;
|
},
|
// 获取详情
|
Getdetails() {
|
this.form = {
|
patTaskRelevances: [],
|
sendType: 1,
|
templatename: "",
|
templateid: null,
|
libtemplateid: null,
|
serviceType: Number(this.$route.query.serviceType),
|
kcb: "亲爱的患者-家属，您好！我们是无锡儿童医院的医护人员，为了更好地了解您的康复情况，请您抽一点宝贵时间，完成这份随访问卷。",
|
jsy: "生活上要劳逸结合，注意休息和营养，适当锻炼，戒烟限酒，保持心情舒畅，定期复诊。那本次回访就到这里，祝您身体健康！",
|
};
|
|
if (this.id) {
|
getTaskInfo({ taskid: this.id }).then((res) => {
|
let filteredArray = "";
|
console.log(2233);
|
if (res.code == 200) {
|
this.form = res.data;
|
|
this.form.patTaskRelevances = this.form.patTaskRelevances
|
? this.form.patTaskRelevances
|
: [];
|
this.overallCase = this.form.patTaskRelevances.concat();
|
this.checkList = this.form.preachform.split(",");
|
console.log(this.form.showDate, "this.form");
|
if (this.form.daytime) this.daytime = this.form.showDate.split(",");
|
console.log(this.newadd, "依照");
|
|
if (this.form.showTimeMorn) {
|
if (this.form.sendType == 3) {
|
this.time4 = this.form.showTimeMorn;
|
} else {
|
this.time1 = this.form.showTimeMorn.split(",");
|
}
|
}
|
if (this.form.showTimeNoon)
|
this.time2 = this.form.showTimeNoon.split(",");
|
if (this.form.showTimeNight)
|
this.time3 = this.form.showTimeNight.split(",");
|
console.log(1122);
|
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;
|
console.log("依照");
|
this.overallCase = [];
|
this.form.patTaskRelevances = [];
|
this.daytime = []; //日期
|
this.applydaytime = []; //计算日期
|
this.time1 = ""; //上午时间段
|
this.time2 = ""; //下午时间段
|
this.time3 = ""; //晚上时间段
|
this.time4 = ""; //晚上时间段
|
},
|
getheLibraryAssort() {
|
// 宣教分类
|
getheLibraryAssort({}).then((res) => {
|
this.sortlist = res.rows;
|
console.log(this.sortlist);
|
});
|
},
|
// 获取科室列表
|
listDept() {
|
listDept().then((res) => {
|
this.topicoptions = this.handleTree(res.data, "deptId");
|
console.log(this.topicoptions, "topicoptions");
|
});
|
},
|
// 新增派送患者
|
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);
|
console.log(index, row);
|
},
|
// 时间----------
|
changeTime(row) {
|
console.log(row, "时间");
|
this.processingTime();
|
},
|
Totaldate(row) {
|
console.log(row, "时间");
|
this.form.sendTimeslot = [{ begantime: row, endtime: row, xh: 1 }];
|
this.form.showTimeMorn = row;
|
console.log(this.form.sendTimeslot, "时间");
|
},
|
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(",");
|
console.log(combinedData, "combinedData");
|
},
|
// 查看模板
|
previewGo() {
|
this.$router.push({
|
path: "/knowledge/tpuconfigurat/",
|
query: { id: this.previewid, task: true, data: this.form },
|
});
|
},
|
previewFn() {
|
this.Tasktemplate.id = null;
|
|
this.Tasktemplate.templateid = this.libId;
|
this.Tasktemplate.isoperation = 1;
|
TaskQuestioncomit(this.Tasktemplate).then((response) => {
|
console.log(response);
|
this.previewtf = false;
|
this.form.templateid = response.data;
|
this.form.libtemplateid = this.libId;
|
this.form.templatename = this.libName;
|
this.$modal.msgSuccess("选择模板成功");
|
});
|
},
|
// 处理服务形式
|
formatFn(type) {
|
console.log(this.preachform, "preachform");
|
console.log(this.checkList, "checklist");
|
let list = [];
|
let formlist = [];
|
if (type == 1) {
|
this.preachform.forEach((item) => {
|
this.checkList.forEach((obj) => {
|
if (item.label == obj) {
|
list.push(item.value);
|
}
|
});
|
});
|
console.log(list, "list");
|
this.form.preachform = list.join(",");
|
} else {
|
console.log(this.form.preachform, "this.form.preachform");
|
formlist = this.form.preachform.split(",");
|
console.log(11);
|
this.preachform.forEach((item) => {
|
formlist.forEach((obj) => {
|
if (item.value == obj) {
|
list.push(item.label);
|
}
|
});
|
});
|
this.checkList = list;
|
}
|
},
|
/** 导入按钮操作 */
|
handleImport() {
|
this.upload.title = "用户导入";
|
this.upload.open = true;
|
},
|
handleFileUploadProgress(event, file, fileList) {
|
this.upload.isUploading = true;
|
},
|
// 文件上传成功处理
|
handleFileSuccess(response, file, fileList) {
|
this.upload.isUploading = false;
|
this.uploadingData = response.rows;
|
|
this.$refs.upload.clearFiles();
|
},
|
// 提交上传文件
|
submitFileForm() {
|
// 上传
|
if (this.dractive == 1) {
|
this.$refs.upload.submit();
|
this.dractive++;
|
} else if (this.dractive == 2) {
|
this.handleSelectionChange(this.uploadingData,4);
|
this.upload.open = false;
|
this.dractive = 1
|
}
|
},
|
|
/** 下载模板操作 */
|
importTemplate() {
|
this.download(
|
"smartor/import/getImportPatTemplate",
|
{},
|
`user_template_${new Date().getTime()}.xlsx`
|
);
|
},
|
submitclose() {
|
this.upload.open = false;
|
this.dractive = 1;
|
},
|
},
|
};
|
</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 {
|
.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;
|
// }
|
// }
|
.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);
|
.topic-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;
|
}
|
}
|
}
|
.download {
|
text-align: center;
|
.el-upload__tip {
|
font-size: 23px;
|
}
|
.el-upload__text {
|
font-size: 23px;
|
}
|
}
|
.uploading {
|
margin-top: 20px;
|
margin: 20px;
|
padding: 30px;
|
background: #ffffff;
|
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);
|
}
|
.drexamine {
|
// display: flex;
|
align-items: center;
|
justify-content: center;
|
padding: 20px;
|
background: #daeaf5;
|
img {
|
width: 50px;
|
height: 50px;
|
}
|
}
|
.button-textsc {
|
color: #28cfe6;
|
}
|
.button-textxg {
|
color: #de7897;
|
}
|
::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-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: 24px;
|
}
|
}
|
</style>
|
