<template> <div class="app-container"> <el-form :model="queryParams" ref="queryForm" size="large" :inline="true" v-show="showSearch" label-width="68px" > <el-form-item label="订单号" prop="orderSn"> <el-input v-model="queryParams.orderSn" placeholder="请输入订单号" clearable @keyup.enter.native="handleQuery" /> </el-form-item> <el-form-item label="就诊人姓名" prop="vistorName" label-width="90px"> <el-input v-model="queryParams.vistorName" placeholder="请输入就诊人姓名" clearable @keyup.enter.native="handleQuery" /> </el-form-item> <el-form-item label="接单人" prop="receiverName"> <el-input v-model="queryParams.receiverName" placeholder="请输入接单人" clearable @keyup.enter.native="handleQuery" /> </el-form-item> <el-form-item label="当前状态" prop="yStatus"> <el-select v-model="queryParams.yStatus" placeholder="全部" clearable="" > <el-option v-for="item in [ { label: '已发布', value: 0, }, { label: '已接单', value: 1, }, { label: '已完成', value: 2, }, { label: '退款中', value: 3, }, { label: '已退款', value: 4, }, { label: '进行中', value: 6, }, ]" :key="item.value" :label="item.label" :value="item.value" > </el-option> </el-select> </el-form-item> <el-form-item label="订单类型" prop="orderType"> <el-select v-model="queryParams.orderType" placeholder="全部" clearable="" > <el-option v-for="item in [ { label: '小程序', value: 0, }, { label: '美团', value: 1, }, ]" :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="large" @click="handleQuery" >搜索</el-button > <el-button icon="el-icon-refresh" size="large" @click="resetQuery" >重置</el-button > </el-form-item> </el-form> <el-row :gutter="10" class="mb8"> <el-col :span="1.5"> <el-button type="primary" plain icon="el-icon-plus" size="large" @click="handleAdd" >新增</el-button > </el-col> <!-- <el-col :span="1.5"> <el-button type="success" plain icon="el-icon-edit" size="large" :disabled="single" @click="handleUpdate" v-hasPermi="['system:dbwzOrder:edit']" >修改</el-button> </el-col> --> <!-- <el-col :span="1.5"> <el-button type="danger" plain icon="el-icon-delete" size="large" :disabled="multiple" @click="handleDelete" v-hasPermi="['system:dbwzOrder:remove']" >删除</el-button> </el-col> --> <!-- <el-col :span="1.5"> <el-button type="warning" plain icon="el-icon-download" size="large" @click="handleExport" v-hasPermi="['system:dbwzOrder:export']" >导出</el-button> </el-col> --> <right-toolbar :showSearch.sync="showSearch" @queryTable="getList" ></right-toolbar> </el-row> <el-table v-loading="loading" :data="dbwzOrderList" @selection-change="handleSelectionChange" :default-sort="{ prop: 'createTime', order: 'ascending' }" border="" > <el-table-column type="selection" width="55" align="center" /> <el-table-column label="城市" align="center" prop="cityName" key="cityName" :show-overflow-tooltip="true" /> <el-table-column label="订单号" align="center" prop="orderSn" key="orderSn" :show-overflow-tooltip="true" /> <el-table-column label="科室" align="center" prop="title" key="title" :show-overflow-tooltip="true" width="100" > <template slot-scope="{ row }"> <el-button type="primary" @click="clickSeeROWrEM(row.title, '订单科室')" >查看</el-button > </template> </el-table-column> <el-table-column label="订单价" align="center" prop="payMoney" key="payMoney" :show-overflow-tooltip="true" /> <el-table-column label="就诊人员" align="center" prop="userVsitorVo" key="userVsitorVo" width="100" > <template slot-scope="{ row }"> <el-button v-if="row.userVsitorVo && Object.keys(row.userVsitorVo).length" type="primary" @click="clickSeeVisitor(row)" >查看</el-button > </template> </el-table-column> <el-table-column label="接单人" align="center" prop="ename" key="ename" width="100" > <template slot-scope="{ row }"> <el-button v-if="row.ename" type="primary" @click="clickSeeEM(row)" >查看</el-button > <span v-else>未接单</span> </template> </el-table-column> <el-table-column label="期望就诊时间" align="center" prop="visitTime" key="visitTime" width="180" :show-overflow-tooltip="true" > <template slot-scope="{ row }"> <el-button v-if="row.chiefComplaint" type="primary" @click="clickSeeROWrEM(row.visitTime, '期望就诊时间')" >查看</el-button > </template> </el-table-column> <el-table-column label="备注" align="center" prop="remark" key="remark" width="100" > <!-- v-if="row.remark" --> <template slot-scope="{ row }"> <el-button type="primary" @click="clickSeeROWrEM(row.remark, '订单备注')" >查看</el-button > </template> </el-table-column> <el-table-column label="主诉" align="center" prop="chiefComplaint" key="chiefComplaint" width="100" > <template slot-scope="{ row }"> <el-button v-if="row.chiefComplaint" type="primary" @click="clickSeeROWrEM(row.chiefComplaint, '主诉')" >查看</el-button > </template> </el-table-column> <el-table-column label="现病史" align="center" prop="historyOfPresentIllness" key="historyOfPresentIllness" width="100" > <template slot-scope="{ row }"> <el-button v-if="row.historyOfPresentIllness" type="primary" @click="clickSeeROWrEM(row.historyOfPresentIllness, '现病史')" >查看</el-button > </template> </el-table-column> <el-table-column label="即往史" align="center" prop="pastHistory" key="pastHistory" width="100" > <template slot-scope="{ row }"> <el-button v-if="row.pastHistory" type="primary" @click="clickSeeROWrEM(row.pastHistory, '即往史')" >查看</el-button > </template> </el-table-column> <el-table-column label="上次就医情况" align="center" prop="lastMedicalTreatmentSituation" key="lastMedicalTreatmentSituation" width="100" > <template slot-scope="{ row }"> <el-button v-if="row.lastMedicalTreatmentSituation" type="primary" @click=" clickSeeROWrEM(row.lastMedicalTreatmentSituation, '上次就医情况') " >查看</el-button > </template> </el-table-column> <el-table-column label="治疗后情况" align="center" prop="postTreatmentCondition" key="postTreatmentCondition" width="100" > <template slot-scope="{ row }"> <el-button v-if="row.postTreatmentCondition" type="primary" @click="clickSeeROWrEM(row.postTreatmentCondition, '治疗后情况')" >查看</el-button > </template> </el-table-column> <el-table-column label="相关报告" align="center" prop="relatedReports" key="relatedReports" > <template slot-scope="{ row }"> <span v-if="row.relatedReports">已上传</span> <span v-else>未上传</span> </template> </el-table-column> <el-table-column label="服务要求" align="center" prop="serviceRequirements" key="serviceRequirements" width="100" > <template slot-scope="{ row }"> <el-button v-if="row.serviceRequirements" type="primary" @click="clickSeeROWrEM(row.serviceRequirements, '服务要求')" >查看</el-button > </template> </el-table-column> <el-table-column label="当前状态" align="center" prop="ystatus" key="ystatus" > <template slot-scope="{ row }"> <span v-if="row.ystatus == 0">已发布</span> <span v-if="row.ystatus == 1">已接单</span> <span v-if="row.ystatus == 2">已完成</span> <span v-if="row.ystatus == 3">退款中</span> <span v-if="row.ystatus == 4">已退款</span> <span v-if="row.ystatus == 6">进行中</span> </template> </el-table-column> <el-table-column label="订单状态" align="center" prop="tstatus" key="tstatus" > <template slot-scope="{ row }"> <span v-if="row.tstatus == 0">待支付</span> <span v-if="row.tstatus == 1">已支付</span> <span v-if="row.tstatus == 2">已完成</span> <span v-if="row.tstatus == 7">已取消</span> <span v-if="row.tstatus == 8">已退款</span> </template> </el-table-column> <!-- <el-table-column label="服务完成时间" align="center" prop="overTime" key="overTime" width="180" :show-overflow-tooltip="true" /> --> <el-table-column label="订单类型" align="center" prop="orderType" key="orderType" > <template slot-scope="{ row }"> <span v-if="row.orderType == 0">小程序</span> <span v-if="row.orderType == 1">美团</span> </template> </el-table-column> <el-table-column label="是否好评" align="center" prop="isSatisfaction" key="isSatisfaction" > <template slot-scope="{ row }"> <!-- 0-未评价,1-好评,2-差评 --> <span v-if="row.isSatisfaction == 0">未评价</span> <span v-if="row.isSatisfaction == 1">好评</span> <span v-if="row.isSatisfaction == 2">差评</span> </template> </el-table-column> <el-table-column label="评价" align="center" prop="evaluationContent" key="evaluationContent" width="100" > <template slot-scope="{ row }"> <!-- v-if="row.evaluationContent" --> <el-button type="primary" @click="clickSeeROWrEM(row.evaluationContent, '订单评价')" >查看</el-button > </template> </el-table-column> <!-- <el-table-column label="完成凭证" align="center" prop="voucher" key="voucher" width="170" :show-overflow-tooltip="true" > <template slot-scope="{ row }"> <span> <el-button v-if="row.voucher" type="primary" @click="clickSeeVisitorImg(row)" >点击查看</el-button > </span> </template> </el-table-column> --> <el-table-column label="创建时间" align="center" prop="createTime" key="createTime" width="180" :show-overflow-tooltip="true" sortable > <template slot-scope="{ row }"> <el-button type="primary" @click="clickSeeROWrEM(row.createTime, '创建时间')" >查看</el-button > </template> </el-table-column> <el-table-column label="操作" align="center" class-name="small-padding fixed-width" fixed="right" > <template slot-scope="scope"> <!-- <el-button size="large" type="primary" icon="el-icon-edit" @click="handleUpdate(scope.row)" v-hasPermi="['system:dbwzOrder:edit']" >修改</el-button > --> <!-- <el-button size="large" type="primary" icon="el-icon-delete" @click="handleDelete(scope.row)" v-hasPermi="['system:dbwzOrder:remove']" >删除</el-button > --> <el-button size="large" type="text" @click="handleClickCancell(scope.row)" v-if="[1, '1'].includes(scope.row.tstatus)" >取消</el-button > </template> </el-table-column> </el-table> <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize" @pagination="getList" /> <!-- 添加或修改代办问诊订单对话框 --> <el-dialog :title="title" :visible.sync="open" width="1000px" append-to-body > <el-form ref="form" :model="form" :rules="rules" label-width="120px"> <el-row> <el-col :span="12"> <el-form-item label="订单类型" prop="orderType"> <el-select v-model="form.orderType" clearable placeholder="请选择订单类型" style="width: 270px" > <el-option v-for="item in [ { label: '小程序', value: 0, }, { label: '美团', value: 1, }, ]" :key="item.value" :label="item.label" :value="item.value" > </el-option> </el-select> </el-form-item> </el-col> <el-col :span="12"> <el-form-item label="用户手机号" prop="userPhone"> <el-input v-model="form.userPhone" placeholder="请输入用户手机号" style="width: 270px" maxlength="11" /> </el-form-item> </el-col> </el-row> <el-row> <el-col :span="12"> <el-form-item label="订单号" prop="orderSn"> <el-input v-model="form.orderSn" placeholder="请输入订单号" style="width: 270px" /> </el-form-item> </el-col> <el-col :span="12"> <el-form-item label="城市" prop="cityId"> <el-select v-model="form.cityId" clearable placeholder="请选择城市" filterable style="width: 270px" > <!-- @change="changeCityId" --> <el-option v-for="item in cityVoList" :key="item.id" :label="item.name" :value="item.id" > </el-option> </el-select> </el-form-item> </el-col> </el-row> <el-row> <el-col :span="12"> <el-form-item label="订单价" prop="payMoney"> <el-input-number v-model="form.payMoney" :min="0" label="订单价" :precision="2" :controls="false" placeholder="请输入订单价" style="width: 270px" ></el-input-number> </el-form-item> </el-col> <el-col :span="12"> <el-form-item label="科室" prop="didName"> <el-input v-model="form.didName" placeholder="请输入科室" style="width: 270px" /> </el-form-item> </el-col> </el-row> <el-row> <el-col :span="12"> <el-form-item label="就诊人姓名" prop="name"> <el-input v-model="form.name" placeholder="请输入就诊人姓名" maxlength="5" style="width: 270px" /> </el-form-item> </el-col> <el-col :span="12"> <el-form-item label="就诊人性别" prop="sex"> <el-select v-model="form.sex" clearable placeholder="请选择就诊人性别" style="width: 270px" > <el-option v-for="item in [ { label: '女', value: 0, }, { label: '男', value: 1, }, ]" :key="item.value" :label="item.label" :value="item.value" > </el-option> </el-select> </el-form-item> </el-col> </el-row> <el-row> <el-col :span="12"> <el-form-item label="身份证号" prop="idcard"> <el-input v-model="form.idcard" placeholder="请输入身份证号" style="width: 270px" /> </el-form-item> </el-col> <el-col :span="12"> </el-col> </el-row> <el-row> <el-col :span="12"> <el-form-item label="是否成年" prop="isAdult"> <el-select v-model="form.isAdult" clearable placeholder="请选择是否成年" style="width: 270px" > <el-option v-for="item in [ { label: '成年', value: 0, }, { label: '未成年', value: 1, }, ]" :key="item.value" :label="item.label" :value="item.value" > </el-option> </el-select> </el-form-item> </el-col> <el-col :span="12"> <el-form-item label="接单人" prop="emId"> <div @click="clickOpenCheckPerson"> <el-input v-model="form.emId_name" placeholder="请选择接单人" style="width: 270px" readonly="" /> </div> </el-form-item> </el-col> </el-row> <el-row> <el-col :span="12"> <el-form-item label="主诉" prop="chiefComplaint"> <el-input v-model="form.chiefComplaint" placeholder="请输入主诉" style="width: 270px" /> </el-form-item> </el-col> <el-col :span="12"> <el-form-item label="现病史" prop="historyOfPresentIllness"> <el-input v-model="form.historyOfPresentIllness" placeholder="请输入现病史" style="width: 270px" /> </el-form-item> </el-col> </el-row> <el-row> <el-col :span="12"> <el-form-item label="既往史" prop="pastHistory"> <el-input v-model="form.pastHistory" placeholder="请输入既往史" style="width: 270px" /> </el-form-item> </el-col> <el-col :span="12"> <el-form-item label="上次就医情况" prop="lastMedicalTreatmentSituation" > <el-input v-model="form.lastMedicalTreatmentSituation" placeholder="请输入上次就医情况" style="width: 270px" /> </el-form-item> </el-col> </el-row> <el-row> <el-col :span="12"> <el-form-item label="治疗后情况" prop="postTreatmentCondition"> <el-input v-model="form.postTreatmentCondition" placeholder="请输入既往史" style="width: 270px" /> </el-form-item> </el-col> <el-col :span="12"> <el-form-item label="服务要求" prop="serviceRequirements"> <el-input v-model="form.serviceRequirements" placeholder="请输入服务要求" style="width: 270px" /> </el-form-item> </el-col> </el-row> <el-row> <el-col :span="24"> <el-form-item label="相关报告" prop="relatedReports"> <div style="width: calc(100% - 100px)"> <imageUpload v-model="form.relatedReports" :limit="20" ></imageUpload> </div> </el-form-item> </el-col> </el-row> <el-row> <el-col :span="24"> <el-form-item label="备注" prop="remark"> <el-input type="textarea" :rows="2" placeholder="请输入备注" maxlength="100" show-word-limit v-model="form.remark" style="width: calc(100% - 100px)" > </el-input> </el-form-item> </el-col> </el-row> </el-form> <div slot="footer" class="dialog-footer"> <el-button type="primary" @click="submitForm">确 定</el-button> <el-button @click="cancel">取 消</el-button> </div> </el-dialog> <template v-if="openCheckPerson"> <el-dialog title="选择接单人" :visible.sync="openCheckPerson" width="900px" append-to-body > <el-form :model="queryParamsMin" ref="queryFormMin" size="large" :inline="true" label-width="100px" > <el-form-item label="接单人姓名" prop="name"> <el-input v-model="queryParamsMin.name" placeholder="请输入接单人姓名" clearable style="width: 200px" /> </el-form-item> <el-form-item label="接单人手机号" prop="phone"> <el-input v-model="queryParamsMin.phone" placeholder="请输入接单人姓名" clearable maxlength="11" style="width: 200px" /> </el-form-item> <el-form-item> <el-button type="primary" icon="el-icon-search" size="large" @click="handleQueryMin" >搜索</el-button > <el-button icon="el-icon-refresh" size="large" @click="resetQueryMin" >重置</el-button > </el-form-item> <el-form-item label="所属商户" prop="companyId"> <el-select v-model="queryParamsMin.companyId" placeholder="请选择" clearable="" style="width: 200px" filterable="" > <el-option v-for="item in companyList" :key="item.id" :label="item.name" :value="item.id" > </el-option> </el-select> </el-form-item> </el-form> <div class="popmodel-person"> <div :class=" item.check_is ? 'popmodel-person-item popmodel-person-itema' : 'popmodel-person-item' " v-for="(item, index) in employeesList" :key="index" @click="clickCheckEMply(item, index)" > <div class="popmodel-person-item-top"> <img :src="item.avatar_change_url" alt="" /> <div> <p>{{ item.name }}</p> <p>{{ item.phone }}</p> </div> </div> <p class="popmodel-person-item-botm"> 所属商户:{{ item.companyName }} </p> </div> </div> <pagination v-show="employeesList_total > 0" :total="employeesList_total" :page.sync="queryParamsMin.pageNum" :limit.sync="queryParamsMin.pageSize" @pagination="employeesListAxios" /> <div slot="footer" class="dialog-footer"> <el-button type="primary" @click="clickClosepERSON(1)" >确 定</el-button > <el-button @click="clickClosepERSON(2)">取 消</el-button> </div> </el-dialog> </template> <template v-if="openArticle"> <el-dialog :title="openArticleTitle" :visible.sync="openArticle" width="50%" append-to-body > <div class="hidden-dialog"> <div class="content" v-html="rowArticle"></div> </div> </el-dialog> </template> <template v-if="openArticleInfo"> <el-dialog title="就诊人员信息" :visible.sync="openArticleInfo" width="600px" append-to-body > <div class="contl"> <div class="contl-item"> <p class="contl-item-label">姓名:</p> <p class="contl-item-rig">{{ VisitorData.name }}</p> </div> <div class="contl-item"> <p class="contl-item-label">性别:</p> <p class="contl-item-rig" v-if="VisitorData.sex == 1">男</p> <p class="contl-item-rig" v-else-if="VisitorData.sex == 0">女</p> <p class="contl-item-rig" v-else>未知</p> </div> <div class="contl-item"> <p class="contl-item-label">身份证号:</p> <p class="contl-item-rig">{{ VisitorData.idcard }}</p> </div> <div class="contl-item"> <p class="contl-item-label">是否成年:</p> <p class="contl-item-rig" v-if="VisitorData.isAdult == 1">未成年</p> <p class="contl-item-rig" v-if="VisitorData.isAdult == 0">已成年</p> </div> </div> </el-dialog> </template> <template v-if="openArticleInfoImg"> <el-dialog title="凭证图片" :visible.sync="openArticleInfoImg" width="600px" append-to-body > <imageUpload v-if="VisitorData.voucher" v-model="VisitorData.voucher" :limit=" VisitorData.voucher && VisitorData.voucher.split(',') && VisitorData.voucher.split(',').length ? VisitorData.voucher.split(',').length : 1 " :isShowTip="false" :disabled="true" ></imageUpload> </el-dialog> </template> <template v-if="openEMInfo"> <el-dialog title="接单人信息" :visible.sync="openEMInfo" width="600px" append-to-body > <div class="contl"> <div class="contl-item"> <p class="contl-item-label">姓名:</p> <p class="contl-item-rig">{{ VisitorData.ename }}</p> </div> </div> </el-dialog> </template> </div> </template> <script> import { listDbwzOrder, getDbwzOrder, delDbwzOrder, addDbwzOrder, updateDbwzOrder, } from "@/api/orderManagement/dbwzOrder"; import { addThirdOrderPOST, cityVoListGET, hospitalListGET, servicesListGET, companyListGET, employeesListGET, totalOrderPUT, } from "@/api/addForm/index"; import { listByIds } from "@/api/system/oss"; const validatePhone = (rule, value, callback) => { if (!value) { callback(new Error("手机号不能为空")); } //正则表达式进行验证手机号,从1开始,第二位是35789中的任意一位,以9数字结尾 if (!/^1[35789]\d{9}$/.test(value)) { callback(new Error("手机号格式不正确")); } callback(); }; const validateIsCardId = (rule, value, callback) => { if (!value) { return new Error("请输入身份证号)"); } else { const reg = /^\d{6}(18|19|20)?\d{2}(0[1-9]|1[0-2])(([0-2][1-9])|10|20|30|31)\d{3}(\d|X|x)$/; const card = reg.test(value); if (!card) { callback(new Error("身份证号格式有误!")); } else { callback(); } } }; export default { name: "DbwzOrder", data() { return { openEMInfo: false, openArticleInfoImg: false, openArticleInfo: false, openArticle: false, openArticleTitle: "", rowArticle: "", // 按钮loading buttonLoading: false, // 遮罩层 loading: true, // 选中数组 ids: [], // 非单个禁用 single: true, // 非多个禁用 multiple: true, // 显示搜索条件 showSearch: true, // 总条数 total: 0, // 代办问诊订单表格数据 dbwzOrderList: [], // 弹出层标题 title: "", // 是否显示弹出层 open: false, openCheckPerson: false, // 查询参数 queryParams: { pageNum: 1, pageSize: 10, orderSn: undefined, orderType: undefined, vistorName: undefined, receiverName: undefined, yStatus: undefined, // orderId: undefined, // visitor: undefined, // visitTime: undefined, // did: undefined, // chiefComplaint: undefined, // historyOfPresentIllness: undefined, // pastHistory: undefined, // lastMedicalTreatmentSituation: undefined, // postTreatmentCondition: undefined, // relatedReports: undefined, // serviceRequirements: undefined, // status: undefined, // overTime: undefined, // voucher: undefined, // indications: undefined, }, // 表单参数 form: {}, // 表单校验 rules: { //blur change orderType: [ { required: true, message: "订单类型不能为空", trigger: "change" }, ], userPhone: [ { required: true, message: "用户手机号不能为空", trigger: "blur" }, { required: true, trigger: "blur", min: 11, max: 11, message: "长度不符合", }, { required: true, trigger: "blur", validator: validatePhone }, ], orderSn: [ { required: true, message: "订单号不能为空", trigger: "blur" }, ], cityId: [ { required: true, message: "城市不能为空", trigger: "change" }, ], payMoney: [ { required: true, message: "订单价不能为空", trigger: "blur" }, ], didName: [{ required: true, message: "科室不能为空", trigger: "blur" }], name: [ { required: true, message: "就诊人姓名不能为空", trigger: "blur" }, ], sex: [ { required: true, message: "就诊人性别不能为空", trigger: "change" }, ], idcard: [ { required: true, message: "身份证号不能为空", trigger: "blur" }, { required: true, trigger: "blur", validator: validateIsCardId }, ], isAdult: [ { required: true, message: "是否成年不能为空", trigger: "change" }, ], emId: [ { required: true, message: "接单人不能为空", trigger: ["change", "blur"], }, ], chiefComplaint: [ { required: true, message: "主诉不能为空", trigger: "blur" }, ], historyOfPresentIllness: [ { required: true, message: "现病史不能为空", trigger: "blur" }, ], pastHistory: [ { required: true, message: "既往史不能为空", trigger: "blur" }, ], lastMedicalTreatmentSituation: [ { required: true, message: "上次就医情况不能为空", trigger: "blur" }, ], postTreatmentCondition: [ { required: true, message: "治疗后情况不能为空", trigger: "blur" }, ], relatedReports: [ { required: true, message: "相关报告不能为空", trigger: "change" }, ], }, VisitorData: { name: "", sex: "", idcard: "", isAdult: "", voucher: "", }, queryParamsMin: {}, cityVoList: [], hospitalList: [], servicesList: [], employeesList: [], employeesList_total: 0, companyList: [], }; }, created() { this.getList(); }, methods: { handleClickCancell(row) { let self = this; self .$confirm("是否确认取消此项?", "提示", { confirmButtonText: "确定", cancelButtonText: "取消", type: "warning", }) .then(async () => { const { code } = await totalOrderPUT({ id: row.toOrderId, status: 7, }); if (code === 200) { self.$modal.msgSuccess("取消成功"); self.getList(); } }) .catch(() => { self.$message({ type: "info", message: "已取消删除", }); }); }, clickClosepERSON(type) { let self = this; switch (type) { case 1: let row_data = self.employeesList.filter((item) => { return item.check_is; }); console.log("row_data", row_data); if (row_data?.length) { self.$set(self.form, "emId", row_data[0].id); self.$set(self.form, "emId_name", row_data[0].name); } break; case 2: self.queryParamsMin = { pageNum: 1, pageSize: 10, phone: undefined, name: undefined, companyId: undefined, }; self.companyList = []; self.employeesList = []; break; } self.openCheckPerson = false; }, clickOpenCheckPerson() { this.queryParamsMin = { pageNum: 1, pageSize: 10, phone: undefined, name: undefined, companyId: undefined, }; this.companyList = []; this.employeesList = []; this.openCheckPerson = true; this.employeesListAxios(); this.companyListAxios(); }, handleQueryMin() { this.$set(this.queryParamsMin, "pageNum", 1); this.employeesListAxios(); }, resetQueryMin() { this.resetForm("queryFormMin"); this.handleQueryMin(); }, clickCheckEMply(row, index) { let self = this; self.employeesList.forEach((fk, fl) => { self.$set(self.employeesList, fl, { ...fk, check_is: false, }); }); self.$set(self.employeesList, index, { ...row, check_is: !row.check_is, }); }, async employeesListAxios() { let self = this; const { code, rows, total } = await employeesListGET(this.queryParamsMin); console.log("employeesListGET", code, rows); if (code === 200) { self.employeesList = rows || []; self.employeesList_total = total; if (rows.length) { rows.forEach(async (item, index) => { self.$set(self.employeesList, index, { ...item, check_is: false, avatar_change_url: await self.listByIdsAixos( item.avatar ? item.avatar : 103 ), }); }); } } }, listByIdsAixos(ids) { return new Promise(async (resolve, reject) => { const res = await listByIds(ids); if (res.code === 200 && res?.data?.length && res.data[0]) { resolve(res.data[0].url); } else { resolve(""); } }); }, async companyListAxios() { const { code, rows } = await companyListGET({ pageNum: 1, pageSize: 9999999, }); if (code === 200) { this.companyList = rows; } }, clickSeeEM(row) { this.openEMInfo = true; this.VisitorData = row; }, clickSeeVisitor(row) { this.openArticleInfo = true; this.VisitorData = row.userVsitorVo; }, clickSeeVisitorImg(row) { this.openArticleInfoImg = true; this.VisitorData = row; }, clickSeeROWrEM(text, title) { this.rowArticle = this.replaceSpecialChar(text); this.openArticleTitle = title; this.openArticle = true; }, replaceSpecialChar(detail) { if (!detail) { return ""; } var content = detail.replaceAll( /<img[^>]*>/gi, function (match, capture) { var match = match.replaceAll( /(style="(.*?)")|(width="(.*?)")|(height="(.*?)")/gi, `` ); //清空自带的width,height match = match.replaceAll( "<img", '<img style="max-width:100%;margin: 0 auto;"' ); console.log(match, "change"); //设置最大宽度 return match; } ); return content; }, /** 查询代办问诊订单列表 */ getList() { this.loading = true; listDbwzOrder(this.queryParams).then((response) => { this.dbwzOrderList = response.rows; this.total = response.total; this.loading = false; }); }, // 取消按钮 cancel() { this.open = false; this.reset(); }, // 表单重置 reset() { this.form = { id: undefined, businessId: 3, orderType: undefined, userPhone: undefined, orderSn: undefined, cityId: undefined, payMoney: undefined, didName: undefined, name: undefined, sex: undefined, idcard: undefined, isAdult: undefined, emId: undefined, emId_name: undefined, chiefComplaint: undefined, historyOfPresentIllness: undefined, pastHistory: undefined, lastMedicalTreatmentSituation: undefined, postTreatmentCondition: undefined, serviceRequirements: undefined, relatedReports: undefined, remark: undefined, }; this.resetForm("form"); }, /** 搜索按钮操作 */ handleQuery() { this.queryParams.pageNum = 1; this.getList(); }, /** 重置按钮操作 */ resetQuery() { this.resetForm("queryForm"); this.handleQuery(); }, // 多选框选中数据 handleSelectionChange(selection) { this.ids = selection.map((item) => item.id); this.single = selection.length !== 1; this.multiple = !selection.length; }, /** 新增按钮操作 */ handleAdd() { this.reset(); this.open = true; this.title = "新增订单"; this.cityVoListAxios(); }, async cityVoListAxios() { const { code, data } = await cityVoListGET(); console.log("cityVoListGET", code, data); if (code === 200) { this.cityVoList = data; } }, changeCityId(e) { console.log("changeCityId", e); this.$set(this.form, "hid", undefined); this.$set(this.form, "serviceId", undefined); this.hospitalListAxios(e); this.servicesListAxios(e); }, async hospitalListAxios(cityId) { const { code, data } = await hospitalListGET({ cityId, }); console.log("hospitalListGET", code, data); if (code === 200) { this.hospitalList = data; } }, async servicesListAxios(cityId) { const { code, rows } = await servicesListGET({ pageSize: 999999, pageNum: 1, cityId, bid: this.form.businessId, }); console.log("servicesListGET", code, rows); if (code === 200) { this.servicesList = rows; } }, /** 修改按钮操作 */ handleUpdate(row) { this.loading = true; this.reset(); const id = row.id || this.ids; getDbwzOrder(id).then((response) => { this.loading = false; this.form = response.data; this.open = true; this.title = "修改代办问诊订单"; }); }, /** 提交按钮 */ submitForm() { this.$refs["form"].validate((valid) => { if (valid) { this.buttonLoading = true; if (this.form.id != null) { // updateDbwzOrder(this.form) // .then((response) => { // this.$modal.msgSuccess("修改成功"); // this.open = false; // this.getList(); // }) // .finally(() => { // this.buttonLoading = false; // }); } else { addThirdOrderPOST(this.form) .then((response) => { this.$modal.msgSuccess("新增成功"); this.open = false; this.getList(); }) .finally(() => { this.buttonLoading = false; }); } } }); }, /** 删除按钮操作 */ handleDelete(row) { const ids = row.id || this.ids; this.$modal .confirm('是否确认删除代办问诊订单编号为"' + ids + '"的数据项?') .then(() => { this.loading = true; return delDbwzOrder(ids); }) .then(() => { this.loading = false; this.getList(); this.$modal.msgSuccess("删除成功"); }) .catch(() => {}) .finally(() => { this.loading = false; }); }, /** 导出按钮操作 */ handleExport() { this.download( "system/dbwzOrder/export", { ...this.queryParams, }, `dbwzOrder_${new Date().getTime()}.xlsx` ); }, }, }; </script> <style scoped lang="scss"> .hidden-dialog { height: 500px; overflow-x: hidden; } .content { width: 100%; } .contl { padding: 20px; width: calc(100 - 40px); color: #333333; font-size: 16px; &-item { display: flex; &-label { width: 20%; } &-rig { width: 80%; } } } .popmodel-person { padding: 20px; display: flex; flex-wrap: wrap; justify-content: space-between; &-item { width: 48%; margin-bottom: 20px; border-radius: 10px; padding: 10px; box-sizing: border-box; background: #f0eeee; cursor: pointer; &-top { box-sizing: border-box; display: flex; align-items: center; margin-bottom: 10px; > img { width: 60px; height: 60px; border-radius: 50%; margin-right: 10px; } } &-botm { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } } &-itema { background: #409eff; } } </style>