| src/api/doctor/checkAll.js | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
| src/views/doctor/checkAll/index.vue | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
| src/views/doctor/examination/index.vue | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
| src/views/reservation/career/index.vue | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 |
src/api/doctor/checkAll.js
@@ -158,13 +158,19 @@ } //总检点击体检信息详情 export function getFcList(tjNumber) { export function getFcList(data) { return request({ url: '/check/getFcList', method: 'get', params: { tjNum: tjNumber, type:0 } params: data }) } export function UpdFcPro(data) { return request({ url: '/check/UpdFcPro', method: 'post', data: data }) } src/views/doctor/checkAll/index.vue
@@ -227,15 +227,16 @@ </div> </div> <div class="section-title">职业病总检</div> <el-form ref="numberValidateForm" label-width="80px" class="demo-ruleForm"> <el-form-item label="检查结论"> <el-input type="textarea" placeholder="请输入内容" v-model="textarea1" :rows="3" style="width: 96%"></el-input> </el-form-item> <el-form-item label="体检结果"> <el-input type="textarea" placeholder="请输入内容" v-model="res" :rows="3" style="width: 96%"></el-input> </el-form-item> </el-form> <el-form ref="numberValidateForm" label-width="80px" class="demo-ruleForm"> <el-form-item label="检查结论"> <el-input type="textarea" placeholder="请输入内容" v-model="textarea1" :rows="3" style="width: 96%"></el-input> </el-form-item> <el-form-item label="体检结果"> <el-input type="textarea" placeholder="请输入内容" v-model="res" :rows="3" style="width: 96%"></el-input> </el-form-item> </el-form> <div style="margin: 0 0px 10px 15px" v-if="tjproject != '1'"> <el-button type="primary" @click="propoChange">快捷建议</el-button> <el-button type="primary" @click="proposalChange">生成建议</el-button> @@ -394,19 +395,27 @@ 复查项目 </div> <div style="display: flex;margin:15px ;"> <span slot="label" style="display: inline-block; border-bottom: 2px solid blue" @click="handleQuery"> <span slot="label" style="display: inline-block; border-bottom: 2px solid blue;font-size: 0.8vw;" @click="handleQuery"> 项目选择 </span> <div style="margin:0 20px;">项目名称：{{ }}</div> <div style="margin:0 20px ;">价格：{{ }}</div> <div v-if="xmChange.length > 0" style="display: flex;"> <div style="margin:0 40px;font-size: 0.8vw;">项目名称：{{ xmChange[0].pro_name || "" }}</div> <div style="margin:0 40px ;font-size: 0.8vw;">价格：{{ xmChange[0].price || "" }}</div> </div> <div v-else style="display: flex;"> <div style="margin:0 40px;font-size: 0.8vw;">项目名称：{{ }}</div> <div style="margin:0 40px ;font-size: 0.8vw;">价格：{{ }}</div> </div> <el-button type="primary" size="mini" @click="handleaddClick()">添加</el-button> </div> <el-table :row-style="redxiangmu" :data="fcList" style="width: 100%"> <el-table-column align="center" label="序号" width="144" prop="deptName"></el-table-column> <el-table-column align="center" prop="proName" label="科室" width="260"></el-table-column> <el-table-column align="center" prop="pro_name" label="项目名称" width="260"></el-table-column> <el-table-column label="价格" align="center" prop="bcupdateTime" width="100" /> <el-table-column type="selection" width="40" align="center" /> <el-table-column label="序号" align="center" prop="index" /> <el-table-column label="名称" align="center" prop="pro_name" width="100px" /> <el-table-column label="价格" align="center" prop="price" /> <el-table-column label="科室" align="center" prop="dept_name" /> <el-table-column label="操作" align="center" width="130px"> <template slot-scope="scope"> <el-button type="primary" icon="el-icon-share" size="mini" @click="handledeleteClick(scope.row)" @@ -416,207 +425,210 @@ </el-table> </div> </template> <el-button type="primary" @click="addnew" :disabled="isdisabled">新增</el-button> <template v-if="wenzhen"> <div class="hist3"> <span class="txt">问诊信息</span> <el-form ref="form" :model="formobj" label-width="100px" :inline="true" size="mini"> <el-collapse class="coll" v-model="activeName" accordion> <el-collapse-item class="coll" title="基本信息" name="1" style="width: 100%; font-weight: 600"> <div style="width: 100%"> <el-form-item label="姓名" prop="cusName"> <el-input disabled v-model="formobj.cusName" placeholder="请输入姓名" /> </el-form-item> <el-form-item label="职业" prop="work"> <el-select filterable v-model="formobj.work" placeholder="请选择职业" clearable style="width: 150px" disabled> <el-option v-for="dict in dict.type.tj_work" :key="dict.value" :label="dict.label" :value="dict.value" /> </el-select> </el-form-item> <el-form-item label="工作状态" prop="workStatus"> <el-select disabled filterable v-model="formobj.workStatus" placeholder="请选择工作状态" clearable style="width: 150px"> <el-option v-for="dict in dict.type.tj_work_status" :key="dict.value" :label="dict.label" :value="dict.value" /> </el-select> </el-form-item> <el-form-item label="接触毒物" prop="contactPoison"> <el-input disabled type="textarea" rows="4" v-model="formobj.contactPoison" placeholder="请输入接触毒物" style="width: 700px" /> </el-form-item> <el-form-item label="既往病史" prop="medicalHistory"> <el-input disabled type="textarea" rows="4" v-model="formobj.medicalHistory" placeholder="请输入既往病史" style="width: 700px" /> </el-form-item> </div> </el-collapse-item> <el-collapse-item title="月经史" name="2" v-show="sex"> <div style="width: 100%"> <el-form-item label="初潮(岁)" prop="chuchao"> <el-input v-model="formobj.chuchao" style="width: 70px" disabled /> </el-form-item> <el-form-item label="经期" prop="jingqi"> <el-input v-model="formobj.jingqi" disabled style="width: 70px" />天 </el-form-item> <el-form-item label="周期" prop="zhouqi"> <el-input v-model="formobj.zhouqi" disabled style="width: 70px" />天 </el-form-item> <el-form-item label="末次月经" prop="mociage"> <el-input v-model="formobj.mociage" disabled style="width: 100px" /> </el-form-item> </div> </el-collapse-item> <el-collapse-item title="生育史" name="3" v-show="sex"> <div style="width: 100%"> <el-form-item label="现有子女(人)" prop="zinv"> <el-input v-model="formobj.zinv" style="width: 70px" disabled /> </el-form-item> <el-form-item label="流产(次)" prop="liuchan"> <el-input v-model="formobj.liuchan" style="width: 70px" disabled /> </el-form-item> <el-form-item label="早产(次)" prop="zaochan"> <el-input v-model="formobj.zaochan" style="width: 70px" disabled /> </el-form-item> <el-form-item label="死产(次)" prop="sichan"> <el-input v-model="formobj.sichan" style="width: 70px" disabled /> </el-form-item> <el-form-item label="异常胎(次)" prop="yichangtai"> <el-input v-model="formobj.yichangtai" style="width: 70px" disabled /> </el-form-item> </div> </el-collapse-item> <el-collapse-item title="烟酒史" name="4"> <div style="width: 100%"> <el-form-item label="是否吸烟" prop="xiyan"> <el-select disabled filterable v-model="formobj.xiyan" placeholder="请选择是否吸烟" clearable style="width: 150px"> <el-option v-for="dict in dict.type.tj_smoking_pinlv" :key="dict.value" :label="dict.label" :value="dict.value" /> </el-select> </el-form-item> <el-form-item label="吸烟频率" prop="xiyanpinlv"> <el-input v-model="formobj.xiyanpinlv" disabled style="width: 70px" />支/天 </el-form-item> <el-form-item label="吸烟时间" prop="xiyanyear"> <el-input v-model="formobj.xiyanyear" disabled style="width: 70px" />年 </el-form-item><br /> <el-form-item label="是否饮酒" prop="yinjiu"> <el-select filterable v-model="formobj.yinjiu" disabled placeholder="请选择是否饮酒" clearable style="width: 150px"> <el-option v-for="dict in dict.type.tj_smoking_pinlv" :key="dict.value" :label="dict.label" :value="dict.value" /> </el-select> </el-form-item> <el-form-item label="饮酒频率" prop="yinjiupinlv"> <el-input v-model="formobj.yinjiupinlv" disabled style="width: 70px" />ml/天 </el-form-item> <el-form-item label="饮酒时间" prop="yinjiuyear"> <el-input v-model="formobj.yinjiuyear" disabled style="width: 70px" />年 </el-form-item> <el-form-item label="其他" prop="qita"> <el-input v-model="formobj.qita" placeholder="请输入其他" disabled type="textarea" style="width: 600px" rows="2" /> </el-form-item> </div> </el-collapse-item> <el-collapse-item title="急慢性职业病史信息" name="5"> <div style="width: 100%"> <el-table border :data="formobj.tjAskHistorysList" ref="tjAskHistorys" style="width: 98%"> <el-table-column type="selection" width="40" align="center" /> <el-table-column label="疾病名称" prop="diseaseName"> <template slot-scope="scope"> <el-input size="mini" disabled v-model="scope.row.diseaseName" placeholder="请输入疾病名称" /> </template> </el-table-column> <el-table-column label="诊断日期" prop="diseaseData"> <template slot-scope="scope"> <el-date-picker size="mini" v-model="scope.row.diseaseData" align="right" type="date" placeholder="选择日期" :picker-options="pickerOptions" style="width: 130px" value-format="yyyy-MM-dd"> </el-date-picker> </template> </el-table-column> <el-table-column label="诊断单位" prop="diseaseCompany"> <template slot-scope="scope"> <el-input size="mini" disabled v-model="scope.row.diseaseCompany" placeholder="请输入诊断单位" /> </template> </el-table-column> <el-table-column label="是否痊愈" prop="isOk"> <template slot-scope="scope"> <el-select disabled filterable size="mini" v-model="scope.row.isOk" placeholder="请选择是否痊愈" clearable> <el-option v-for="dict in dict.type.sys_yes_no" :key="dict.value" :label="dict.label" :value="dict.value" /> </el-select> </template> </el-table-column> <el-table-column label="备注" prop="remark"> <template slot-scope="scope"> <el-input disabled size="mini" v-model="scope.row.remark" placeholder="请输入备注" /> </template> </el-table-column> </el-table> </div> </el-collapse-item> <el-collapse-item title="职业史" name="7"> <div style="width: 100%"> <el-table border :data="formobj.workLogs" style="width: 98%"> <el-table-column type="selection" width="40" align="center" /> <el-table-column label="开始时间" prop="beginTime"> <template slot-scope="scope"> <el-date-picker size="mini" v-model="scope.row.beginTime" align="right" type="date" placeholder="选择日期" :picker-options="pickerOptions" style="width: 130px" value-format="yyyy-MM-dd"> </el-date-picker> </template> </el-table-column> <el-table-column label="结束时间" prop="endTime"> <template slot-scope="scope"> <el-date-picker size="mini" disabled v-model="scope.row.endTime" align="right" type="date" placeholder="选择日期" :picker-options="pickerOptions" style="width: 130px" value-format="yyyy-MM-dd"> </el-date-picker> </template> </el-table-column> <el-table-column label="工作单位" prop="workCompany"> <template slot-scope="scope"> <el-input size="mini" disabled v-model="scope.row.workCompany" placeholder="请输入工作单位" /> </template> </el-table-column> <el-table-column label="部门" prop="workDept"> <template slot-scope="scope"> <el-input disabled size="mini" v-model="scope.row.workDept" placeholder="请输入部门" /> </template> </el-table-column> <el-table-column label="工种" prop="workType"> <template slot-scope="scope"> <el-input disabled size="mini" v-model="scope.row.workType" placeholder="请输入工种" /> </template> </el-table-column> <el-table-column label="有害因素" prop="harmTypeLogs"> <template slot-scope="scope"> <el-select filterable disabled size="mini" v-model="scope.row.harmTypeLogs" multiple placeholder="请选择有害因素" clearable> <el-option v-for="dict in harmTypeList" :key="dict.aid" :label="dict.harmtype" :value="dict.aid" /> </el-select> </template> </el-table-column> <el-table-column label="防护措施" prop="fangHu"> <template slot-scope="scope"> <el-input disabled size="mini" v-model="scope.row.fangHu" placeholder="请输入防护措施" /> </template> </el-table-column> </el-table> </div> </el-collapse-item> </el-collapse> </el-form> </div> </template> <el-button type="primary" @click="addnew" :disabled="isdisabled" style="margin-top: 20px;">新增</el-button> </div> </div> </div> <div class="hist3" v-if="wenzhen"> <span class="txt">问诊信息</span> <el-form ref="form" :model="formobj" label-width="100px" :inline="true" size="mini"> <el-collapse class="coll" v-model="activeName" accordion> <el-collapse-item class="coll" title="基本信息" name="1" style="width: 100%; font-weight: 600"> <div style="width: 100%"> <el-form-item label="姓名" prop="cusName"> <el-input disabled v-model="formobj.cusName" placeholder="请输入姓名" /> </el-form-item> <el-form-item label="职业" prop="work"> <el-select filterable v-model="formobj.work" placeholder="请选择职业" clearable style="width: 150px" disabled> <el-option v-for="dict in dict.type.tj_work" :key="dict.value" :label="dict.label" :value="dict.value" /> </el-select> </el-form-item> <el-form-item label="工作状态" prop="workStatus"> <el-select disabled filterable v-model="formobj.workStatus" placeholder="请选择工作状态" clearable style="width: 150px"> <el-option v-for="dict in dict.type.tj_work_status" :key="dict.value" :label="dict.label" :value="dict.value" /> </el-select> </el-form-item> <el-form-item label="接触毒物" prop="contactPoison"> <el-input disabled type="textarea" rows="4" v-model="formobj.contactPoison" placeholder="请输入接触毒物" style="width: 700px" /> </el-form-item> <el-form-item label="既往病史" prop="medicalHistory"> <el-input disabled type="textarea" rows="4" v-model="formobj.medicalHistory" placeholder="请输入既往病史" style="width: 700px" /> </el-form-item> </div> </el-collapse-item> <el-collapse-item title="月经史" name="2" v-show="sex"> <div style="width: 100%"> <el-form-item label="初潮(岁)" prop="chuchao"> <el-input v-model="formobj.chuchao" style="width: 70px" disabled /> </el-form-item> <el-form-item label="经期" prop="jingqi"> <el-input v-model="formobj.jingqi" disabled style="width: 70px" />天 </el-form-item> <el-form-item label="周期" prop="zhouqi"> <el-input v-model="formobj.zhouqi" disabled style="width: 70px" />天 </el-form-item> <el-form-item label="末次月经" prop="mociage"> <el-input v-model="formobj.mociage" disabled style="width: 100px" /> </el-form-item> </div> </el-collapse-item> <el-collapse-item title="生育史" name="3" v-show="sex"> <div style="width: 100%"> <el-form-item label="现有子女(人)" prop="zinv"> <el-input v-model="formobj.zinv" style="width: 70px" disabled /> </el-form-item> <el-form-item label="流产(次)" prop="liuchan"> <el-input v-model="formobj.liuchan" style="width: 70px" disabled /> </el-form-item> <el-form-item label="早产(次)" prop="zaochan"> <el-input v-model="formobj.zaochan" style="width: 70px" disabled /> </el-form-item> <el-form-item label="死产(次)" prop="sichan"> <el-input v-model="formobj.sichan" style="width: 70px" disabled /> </el-form-item> <el-form-item label="异常胎(次)" prop="yichangtai"> <el-input v-model="formobj.yichangtai" style="width: 70px" disabled /> </el-form-item> </div> </el-collapse-item> <el-collapse-item title="烟酒史" name="4"> <div style="width: 100%"> <el-form-item label="是否吸烟" prop="xiyan"> <el-select disabled filterable v-model="formobj.xiyan" placeholder="请选择是否吸烟" clearable style="width: 150px"> <el-option v-for="dict in dict.type.tj_smoking_pinlv" :key="dict.value" :label="dict.label" :value="dict.value" /> </el-select> </el-form-item> <el-form-item label="吸烟频率" prop="xiyanpinlv"> <el-input v-model="formobj.xiyanpinlv" disabled style="width: 70px" />支/天 </el-form-item> <el-form-item label="吸烟时间" prop="xiyanyear"> <el-input v-model="formobj.xiyanyear" disabled style="width: 70px" />年 </el-form-item><br /> <el-form-item label="是否饮酒" prop="yinjiu"> <el-select filterable v-model="formobj.yinjiu" disabled placeholder="请选择是否饮酒" clearable style="width: 150px"> <el-option v-for="dict in dict.type.tj_smoking_pinlv" :key="dict.value" :label="dict.label" :value="dict.value" /> </el-select> </el-form-item> <el-form-item label="饮酒频率" prop="yinjiupinlv"> <el-input v-model="formobj.yinjiupinlv" disabled style="width: 70px" />ml/天 </el-form-item> <el-form-item label="饮酒时间" prop="yinjiuyear"> <el-input v-model="formobj.yinjiuyear" disabled style="width: 70px" />年 </el-form-item> <el-form-item label="其他" prop="qita"> <el-input v-model="formobj.qita" placeholder="请输入其他" disabled type="textarea" style="width: 600px" rows="2" /> </el-form-item> </div> </el-collapse-item> <el-collapse-item title="急慢性职业病史信息" name="5"> <div style="width: 100%"> <el-table border :data="formobj.tjAskHistorysList" ref="tjAskHistorys" style="width: 98%"> <el-table-column type="selection" width="40" align="center" /> <el-table-column label="疾病名称" prop="diseaseName"> <template slot-scope="scope"> <el-input size="mini" disabled v-model="scope.row.diseaseName" placeholder="请输入疾病名称" /> </template> </el-table-column> <el-table-column label="诊断日期" prop="diseaseData"> <template slot-scope="scope"> <el-date-picker size="mini" v-model="scope.row.diseaseData" align="right" type="date" placeholder="选择日期" :picker-options="pickerOptions" style="width: 130px" value-format="yyyy-MM-dd"> </el-date-picker> </template> </el-table-column> <el-table-column label="诊断单位" prop="diseaseCompany"> <template slot-scope="scope"> <el-input size="mini" disabled v-model="scope.row.diseaseCompany" placeholder="请输入诊断单位" /> </template> </el-table-column> <el-table-column label="是否痊愈" prop="isOk"> <template slot-scope="scope"> <el-select disabled filterable size="mini" v-model="scope.row.isOk" placeholder="请选择是否痊愈" clearable> <el-option v-for="dict in dict.type.sys_yes_no" :key="dict.value" :label="dict.label" :value="dict.value" /> </el-select> </template> </el-table-column> <el-table-column label="备注" prop="remark"> <template slot-scope="scope"> <el-input disabled size="mini" v-model="scope.row.remark" placeholder="请输入备注" /> </template> </el-table-column> </el-table> </div> </el-collapse-item> <el-collapse-item title="职业史" name="7"> <div style="width: 100%"> <el-table border :data="formobj.workLogs" style="width: 98%"> <el-table-column type="selection" width="40" align="center" /> <el-table-column label="开始时间" prop="beginTime"> <template slot-scope="scope"> <el-date-picker size="mini" v-model="scope.row.beginTime" align="right" type="date" placeholder="选择日期" :picker-options="pickerOptions" style="width: 130px" value-format="yyyy-MM-dd"> </el-date-picker> </template> </el-table-column> <el-table-column label="结束时间" prop="endTime"> <template slot-scope="scope"> <el-date-picker size="mini" disabled v-model="scope.row.endTime" align="right" type="date" placeholder="选择日期" :picker-options="pickerOptions" style="width: 130px" value-format="yyyy-MM-dd"> </el-date-picker> </template> </el-table-column> <el-table-column label="工作单位" prop="workCompany"> <template slot-scope="scope"> <el-input size="mini" disabled v-model="scope.row.workCompany" placeholder="请输入工作单位" /> </template> </el-table-column> <el-table-column label="部门" prop="workDept"> <template slot-scope="scope"> <el-input disabled size="mini" v-model="scope.row.workDept" placeholder="请输入部门" /> </template> </el-table-column> <el-table-column label="工种" prop="workType"> <template slot-scope="scope"> <el-input disabled size="mini" v-model="scope.row.workType" placeholder="请输入工种" /> </template> </el-table-column> <el-table-column label="有害因素" prop="harmTypeLogs"> <template slot-scope="scope"> <el-select filterable disabled size="mini" v-model="scope.row.harmTypeLogs" multiple placeholder="请选择有害因素" clearable> <el-option v-for="dict in harmTypeList" :key="dict.aid" :label="dict.harmtype" :value="dict.aid" /> </el-select> </template> </el-table-column> <el-table-column label="防护措施" prop="fangHu"> <template slot-scope="scope"> <el-input disabled size="mini" v-model="scope.row.fangHu" placeholder="请输入防护措施" /> </template> </el-table-column> </el-table> </div> </el-collapse-item> </el-collapse> </el-form> </div> </el-drawer> <el-dialog title="PDF 预览" :visible.sync="dialogVisible" :close-on-click-modal="false" width="50%"> @@ -709,19 +721,16 @@ </el-dialog> <el-dialog :visible.sync="xmopen" width="800px" append-to-body> <el-form ref="form" :model="forms" label-width="80px"> <el-form-item label="名称" prop="pacName"> <el-input v-model="forms.pacName" placeholder="请输入名称" /> </el-form-item> </el-form> <el-table :data="datasList" ref="elTable" v-loading="loading" @selection-change="handlexmChange" border height="320px"> <el-table-column type="selection" width="40" align="center" /> <el-table-column label="序号" align="center" prop="pacRemark" /> <el-table-column label="名称" align="center" prop="pacName" width="100px" /> <el-table-column label="价格" align="center" prop="price" /> <el-table-column label="科室" align="center" prop="pacRemark" /> </el-table> <div style="margin: 20px;"> <el-table :data="datasList" ref="elTable" v-loading="loading" @selection-change="handlexmChange" border height="320px"> <el-table-column type="selection" width="40" align="center" /> <el-table-column label="名称" align="center" prop="pro_name" width="100px" /> <el-table-column label="价格" align="center" prop="price" /> <el-table-column label="科室" align="center" prop="dept_name" /> </el-table> </div> <div slot="footer" class="dialog-footer"> <el-button type="primary" @click="submitFormxm">确 定</el-button> <el-button @click="cancels">取 消</el-button> @@ -755,7 +764,7 @@ isPdfOrJimu, addOrder, addOrder1, getFcList getFcList, UpdFcPro } from "@/api/doctor/checkAll"; import { getInfoById } from "@/api/hosp/history"; import { getInfo } from "@/api/login"; @@ -800,6 +809,7 @@ selectedAdvice: null, activeAdviceIndex: 0, advicerulesList: [], xmChange: [], showjianyi: false, adviceLoading: false, // 控制表格加载状态 adviceEmptyText: '暂无数据', // 自定义空数据提示 @@ -1251,25 +1261,50 @@ handleQuery() { this.xmopen = true let data = { tjNum: this.tjNumber, type: 0 } getFcList(data).then(res => { this.datasList = res.data }) }, handleaddClick() { console.log(this.xmChange) let data = { orderId: this.xmChange[0].order_id, data: [{ proId: this.xmChange[0].pro_id, type: 1 }] } UpdFcPro(data).then(res => { }) }, handledeleteClick() { UpdFcPro(data).then(res => { }) }, handlexmChange() { handlexmChange(selection) { this.xmChange = [] this.xmChange = selection if (selection.length > 1) { let del_row = selection.shift(); this.$refs.elTable.toggleRowSelection(del_row, false); //设置这一行取消选中 } }, submitFormxm() { this.xmopen = false }, cancels() { this.xmopen = false this.xmChange = [] }, getExpends() { this.expends = this.yichangList.flatMap(item => @@ -1296,6 +1331,7 @@ xiangmuqingkuang() { cSWebGetPro(this.tjNumber).then((res) => { this.status1 = 1; this.wenzhen = false this.statusList = res.data; if (this.statusList.length == 0) { @@ -1335,7 +1371,12 @@ fuchaxiangmu() { this.status1 = 2; getFcList(this.tjNumber).then(res => { this.wenzhen = false let data = { tjNum: this.tjNumber, type: 1 } getFcList(data).then(res => { this.fcList = res.data }) }, @@ -2342,17 +2383,20 @@ } } } .section-title { font-size: 20px; font-weight: bold; color: #303133; background-color: #f5f7fa; padding: 10px 15px; border-left: 4px solid #409eff; /* 左侧蓝色边条，增强视觉效果 */ border-left: 4px solid #409eff; /* 左侧蓝色边条，增强视觉效果 */ margin-bottom: 15px; margin-top: 15px; border-radius: 4px; } .dialog-pager { display: flex; justify-content: center; src/views/doctor/examination/index.vue
@@ -313,6 +313,7 @@ size="mini" type="text" @click="yijian(scope.row)" v-if="yijiantype == N" >已检</el-button > <el-button @@ -427,6 +428,7 @@ selectedTjNumber: "", drawer: false, type: null, yijiantype: null, CompanyList: [], CheckBox: {}, // 查询参数 @@ -749,6 +751,10 @@ this.type = res.data; }); getConfigKey("sfyccsyjan").then((res) => { this.yijiantype = res.msg; }); cSWebGetPro(tjNumber).then((res) => { this.xiangmuList = res.data; this.xiangmuList.forEach((item) => { src/views/reservation/career/index.vue
New file @@ -0,0 +1,914 @@ <template> <div class="app-container"> <el-form :model="objs" :rules="rules" ref="form" size="small" :inline="true" label-width="100px"> <el-form-item label="单位名称" prop="drugManufacturerId"> <el-select :remote-method="getRemoteData" v-model="objs.drugManufacturerId" remote filterable style="width: 200px" placeholder="请选择单位名称" clearable @clear="getCompanyList" @change="idFn"> <el-option v-for="dict in CompanyList" :key="dict.cnName" :label="dict.cnName" :value="dict.drugManufacturerId" /> </el-select> <i class="el-icon-circle-plus-outline" @click="handleAdd"></i> </el-form-item> <!-- <el-form-item label="部门" prop="dwDeptName"> <el-select v-model="objs.dwDeptName" placeholder="请选择部门" style="width: 200px" clearable @change="idBm" > <el-option v-for="dict in deptList" :key="dict.id" :label="dict.dwDeptName" :value="dict.id" /> </el-select> <i class="el-icon-circle-plus-outline" @click="handleAddbumen"></i> </el-form-item> --> <!-- <el-form-item label="分组" prop="payType"> <el-select v-model="objs.payType" placeholder="请选择结算方式" style="width: 200px" clearable> <el-option v-for="dict in groupingList" :key="dict.id" :label="dict.groupingName" :value="dict.id" /> </el-select> </el-form-item> --> <el-form-item label="预约时间" prop="reservationTime"> <el-date-picker clearable v-model="objs.reservationTime" type="date" format="yyyy-MM-dd" value-format="yyyy-MM-dd" style="width: 130px" placeholder="请选择预约日期" @change="selectTime" :picker-options="setDisabled"> </el-date-picker> </el-form-item> <el-form-item label="有效天数" prop="yxts"> <el-input style="width: 100px" v-model="objs.yxts" placeholder="有效天数" />天(可自定义) </el-form-item> </el-form> <el-row :gutter="10" class="mb8" style="margin: 5px 20px"> <el-col :span="1.5"> <el-button type="primary" icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button> </el-col> <el-col :span="1.5"> <el-button type="primary" icon="el-icon-upload2" size="mini" @click="handleImport">导入</el-button> </el-col> <el-col :span="1.5"> <el-button type="primary" icon="el-icon-upload2" size="mini" @click="importTemplate">下载模板</el-button> </el-col> <el-col :span="1.5"> <el-button type="primary" class="btn" icon="el-icon-thumb" :disabled="isdisabled" size="mini" @click="submitForm"> 确认</el-button> </el-col> </el-row> <div style="margin: 5px 20px; width: 94%"> <el-table v-loading="loading" :data="userList" :summary-method="getSummaries" show-summary border> <el-table-column label="单位名称" align="center" prop="company" width="200"> </el-table-column> <el-table-column label="单位部门" align="center" prop="department" width="200"> </el-table-column> <!-- <el-table-column label="工号" align="center" prop="jobNo" width="80" /> --> <el-table-column label="姓名" align="center" prop="name" width="75" /> <el-table-column label="性别" align="center" prop="sex" width="75"> <template slot-scope="scope"> <dict-tag :options="dict.type.sys_user_sex" :value="scope.row.sex" /> </template> </el-table-column> <el-table-column label="身份证号" align="center" prop="idCard" width="200" /> <el-table-column label="年龄" align="center" prop="age" width="75" /> <el-table-column label="出生日期" align="center" prop="birthday" width="100" /> <!-- <el-table-column label="职位" align="center" prop="position" /> --> <!-- <el-table-column label="部门" align="center" prop="department" /> --> <!-- <el-table-column label="部门编号" align="center" prop="departmentId" /> --> <el-table-column label="联系电话" align="center" prop="phoe" width="140" /> <el-table-column label="地址" align="center" prop="address" /> <el-table-column label="婚姻状况" align="center" prop="marriage" key="marriage"> <template slot-scope="scope"> <dict-tag :options="dict.type.dict_user_marry" :value="scope.row.marriage" /> </template> </el-table-column> <el-table-column label="民族" align="center" prop="nation" key="nation"> <template slot-scope="scope"> <dict-tag :options="dict.type.dict_user_national" :value="scope.row.nation" /> </template> </el-table-column> <!-- <el-table-column label="联系邮箱" align="center" prop="email" /> --> <!-- <el-table-column label="体检类别" align="center" prop="tjCategory" /> --> <el-table-column label="分组" align="center" prop="groupingName" /> <el-table-column label="所在地" align="center" prop="szd" /> <el-table-column label="项目收费" align="center" prop="ysPrice" /> </el-table> </div> <!-- 用户导入对话框 --> <el-dialog :title="upload.title" :visible.sync="upload.open" width="400px" append-to-body> <el-upload ref="upload" :limit="1" :key="uploadKey" accept=".xls" :headers="upload.headers" :data="data" :action="upload.url" :disabled="upload.isUploading" :on-progress="handleFileUploadProgress" :on-success="handleFileSuccess" :auto-upload="false" 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格式文件。</span> <!-- <el-link type="primary" :underline="false" style="font-size: 12px; vertical-align: baseline" @click="importTemplate" >下载模板</el-link > --> </div> </el-upload> <div slot="footer" class="dialog-footer"> <el-button type="primary" @click="submitFileForm">保存信息</el-button> <el-button @click="upload.open = false">取 消</el-button> </div> </el-dialog> <!-- 添加或修改体检单位信息维护对话框 --> <div class="dia"> <el-dialog :title="title" :visible.sync="open" width="1000px" append-to-body> <el-form ref="form" :model="form" :rules="rules" label-width="100px" :inline="true"> <el-form-item label="单位名称" prop="cnName"> <el-input v-model="form.cnName" placeholder="请输入中文名称" /> </el-form-item> <el-form-item label="联系人" prop="contactPerson"> <el-input v-model="form.contactPerson" placeholder="请输入联系人" /> </el-form-item> <el-form-item label="联系电话" prop="contactPhone"> <el-input v-model="form.contactPhone" placeholder="请输入联系电话" /> </el-form-item> <el-form-item label="税号" prop="taxNumber"> <el-input v-model="form.taxNumber" placeholder="请输入税号" /> </el-form-item> <el-form-item label="法人" prop="legalPerson"> <el-input v-model="form.legalPerson" placeholder="请输入法人" /> </el-form-item> <el-form-item label="注册地址" prop="registerAddress"> <el-input v-model="form.registerAddress" placeholder="请输入注册地址" /> </el-form-item> <el-form-item label="通讯地址" prop="mailingAddress"> <el-input v-model="form.mailingAddress" placeholder="请输入通讯地址" /> </el-form-item> <el-form-item label="开户银行" prop="bankAccount"> <el-input v-model="form.bankAccount" placeholder="请输入开户银行" /> </el-form-item> <el-form-item label="银行账户" prop="countNum"> <el-input v-model="form.countNum" placeholder="请输入银行账户" /> </el-form-item> <el-form-item label="邮箱" prop="email"> <el-input v-model="form.email" placeholder="请输入邮箱" /> </el-form-item> <el-form-item label="负责人" prop="principal"> <el-input v-model="form.principal" placeholder="请输入负责人" /> </el-form-item> <el-form-item label="网址" prop="url"> <el-input v-model="form.url" placeholder="请输入网址" /> </el-form-item> <el-form-item label="传真" prop="faxNumber"> <el-input v-model="form.faxNumber" placeholder="请输入传真" /> </el-form-item> <el-form-item label="行政区划名称" prop="areaName"> <el-input v-model="form.areaName" placeholder="请输入行政区划名称" /> </el-form-item> <el-form-item label="排序" prop="orderNum"> <el-input v-model="form.orderNum" placeholder="请输入排序" /> </el-form-item> <el-form-item label="有效时间" prop="validTime"> <el-date-picker clearable v-model="form.validTime" type="date" value-format="yyyy-MM-dd" placeholder="请选择有效时间"> </el-date-picker> </el-form-item><br /> <el-form-item label="备注" prop="remark"> <el-input v-model="form.remark" type="textarea" placeholder="请输入内容" :rows="2" label-width="400px" style="width: 830px" resize="none"></el-input> </el-form-item> </el-form> <div slot="footer" class="dialog-footer2"> <el-button type="primary" @click="submitFormS">确 定</el-button> <el-button @click="cancel">取 消</el-button> </div> </el-dialog> </div> <!-- 添加或修改部门信息维护对话框 --> <div class="dia"> <el-dialog :title="title" :visible.sync="open1" width="1000px" append-to-body> <el-form ref="form" :model="form" :rules="rules" label-width="100px" :inline="true"> <el-form-item label="单位名称" prop="drugManufacturerId"> <el-select :remote-method="getRemoteData" v-model="objs.drugManufacturerId" remote filterable style="width: 200px" placeholder="请选择单位名称" clearable @clear="getCompanyList" @change="idFn1"> <el-option v-for="dict in CompanyList" :key="dict.cnName" :label="dict.cnName" :value="dict.drugManufacturerId" /> </el-select> </el-form-item> <el-form-item label="部门名称" prop="dwDeptName"> <el-input v-model="form.dwDeptName" placeholder="请输入部门名称" /> </el-form-item> <el-form-item label="签约金额" prop="signingPrice"> <el-input v-model="form.signingPrice" placeholder="请输入签约金额" /> </el-form-item> </el-form> <div slot="footer" class="dialog-footer2"> <el-button type="primary" @click="handleAddDept">确 定</el-button> <el-button @click="cancel">取 消</el-button> </div> </el-dialog> </div> </div> </template> <script> import Cookies from "js-cookie" import { addDept, addComp, Deptlist, getDwAndDwDept, newExcelImport, } from "@/api/system/comp"; import { newConfirm, getCompany, queryCompany, getconfigKey, } from "@/api/team/tuanti"; import { getToken } from "@/utils/auth"; export default { dicts: [ "dict_user_national", "dict_user_marry", "sys_yes_no", "sys_user_sex", "reservation_pay_type", "sys_normal_disable", ], name: "Tijian", data() { let checkPhoneNum = (rule, value, callback) => { console.log(value); let patter = new RegExp(/^1\s*[3456789]\s*(\d\s*){9}$/); if (value == "" && value == undefined && !value) { return callback(""); } else if (value != undefined && value != "") { return callback(); } else if (!patter.test(value)) { return callback(""); } }; return { leftList: "", isdisabled: true, setDisabled: { // 返回禁用时间 disabledDate(time) { // return time.getTime() < Date.now()// 不可选历史天、不可选当前天、可选未来天 return time.getTime() < Date.now() - 8.64e7; // 不可选历史天、可选当前天、可选未来天 }, }, CompanyList: [], reservationList: [], rightList: [], isShow: true, isShows: true, message: "显示", fileList: [], //上传文件列表 tableHead: [], //表头 tableData: [], // 表数据 form: { company: "", payType: "", name: "", phoe: "", signingPic: "", discount: "", }, formLabelWidth: "120px", imageUrl: "", size: "", tcShow: false, creaseopen: false, // 套餐提交按钮 confirm: false, TotalPrice: 0, TotalPrice1: 0, discount: 100, deptList: [], groupingList: [], tableList: [], data: { dwId: "", dwDeptId: "", dwName: "", }, objs: { drugManufacturerId: "", reservationTime: "", yxts: "", }, DataList: [], tjOrderList: [], //单个项目集合 // 选中数组 ids: [], // 非单个禁用 single: true, // 非多个禁用 multiple: true, // 是否显示弹出层 Seachopen: false, dialogVisible: false, notification: false, // 用户表格数据 userList: null, // 用户导入参数 upload: { // 是否显示弹出层（用户导入） open: false, // 弹出层标题（用户导入） title: "", // 是否禁用上传 isUploading: false, // 是否更新已经存在的用户数据 updateSupport: 0, // 设置上传的请求头部 headers: { Authorization: "Bearer " + getToken(), hospId: Cookies.get("hospId") }, // 上传的地址 url: process.env.VUE_APP_BASE_API + "/reservation/reservation/newExcelImportNotDwDeptId", }, // 查询参数 queryParam: { pageNum: 1, pageSize: 10, company: undefined, companyId: undefined, pacName: undefined, jobNo: undefined, name: undefined, sex: undefined, idCard: undefined, age: undefined, birthday: undefined, position: undefined, department: undefined, departmentId: undefined, phoe: undefined, address: undefined, marriage: undefined, nation: undefined, email: undefined, tjCategory: undefined, payType: undefined, }, // 表单参数 form: {}, // 表单校验 rules: { drugManufacturerId: [ { required: true, validator: checkPhoneNum, trigger: "change" }, ], reservationTime: [ { required: true, validator: checkPhoneNum, trigger: "blur" }, ], // dwDeptName: [ // { required: true, validator: checkPhoneNum, trigger: "change" }, // ], signingPic: [ { required: true, validator: checkPhoneNum, trigger: "blur" }, ], contactPerson: [ { required: true, validator: checkPhoneNum, trigger: "blur" }, ], contactPhone: [ { required: true, validator: checkPhoneNum, trigger: "blur" }, ], taxNumber: [ { required: true, validator: checkPhoneNum, trigger: "blur" }, ], legalPerson: [ { required: true, validator: checkPhoneNum, trigger: "blur" }, ], registerAddress: [ { required: true, validator: checkPhoneNum, trigger: "blur" }, ], bankAccount: [ { required: true, validator: checkPhoneNum, trigger: "blur" }, ], countNum: [ { required: true, validator: checkPhoneNum, trigger: "blur" }, ], principal: [ { required: true, validator: checkPhoneNum, trigger: "blur" }, ], faxNumber: [ { required: true, validator: checkPhoneNum, trigger: "blur" }, ], mailingAddress: [ { required: true, validator: checkPhoneNum, trigger: "blur" }, ], email: [{ required: true, validator: checkPhoneNum, trigger: "blur" }], pacName: [ { required: true, validator: checkPhoneNum, trigger: "change" }, ], payType: [ { required: true, validator: checkPhoneNum, trigger: "change" }, ], phoe: [ { required: true, pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/, validator: checkPhoneNum, trigger: "blur", }, ], proPrice: [ { required: true, validator: checkPhoneNum, trigger: "blur" }, ], createTime: [ { required: true, validator: checkPhoneNum, trigger: "blur" }, ], cnName: [{ required: true, validator: checkPhoneNum, trigger: "blur" }], businessLicenseNumber: [ { required: true, validator: checkPhoneNum, trigger: "blur" }, ], createTime: [ { required: true, validator: checkPhoneNum, trigger: "blur" }, ], updateTime: [ { required: true, validator: checkPhoneNum, trigger: "blur" }, ], effective: [ { required: true, validator: checkPhoneNum, trigger: "change", }, ], name: [{ required: true, validator: checkPhoneNum, trigger: "change" }], contactPhone: [ { required: true, validator: checkPhoneNum, trigger: "change" }, ], }, ListObj: {}, uploadKey: 0, // 遮罩层 loading: true, pacStatus: "启用", // 选中数组 ids: [], // 非单个禁用 single: true, // 非多个禁用 multiple: true, // 显示搜索条件 showSearch: true, // 总条数 total: 0, // 体检单位信息维护表格数据 compList: [], // 弹出层标题 title: "", // 是否显示弹出层 open: false, open1: false, // 查询参数 queryParams: { pageNum: 1, pageSize: 10, cnName: null, enName: null, code: null, }, }; }, created() { this.getCompanyList(); }, watch: { inputVal(newValue) { if (newValue) { this.searchData(true); } else { this.searchData(false); } }, }, methods: { // 保存部门 handleAddDept() { let data = { dwName: this.data.dwName, dwId: this.data.dwId, dwDeptName: this.form.dwDeptName, signingPrice: this.form.signingPrice, }; addDept(data).then((response) => { if (response.code == 200) { this.$modal.msgSuccess("新增成功"); this.open1 = false; } }); }, idFn(value) { this.userList = [] if (value) { this.data.dwId = value; Deptlist(value).then((response) => { this.deptList = response.data; }); } }, idFn1(value) { console.log(value); if (value) { this.data.dwId = value; this.CompanyList.forEach((item) => { console.log(item); if (item.drugManufacturerId == this.data.dwId) { this.data.dwName = item.cnName; } }); } }, idBm(value) { this.data.dwDeptId = value; }, getSummaries(param) { const { columns, data } = param; const sums = []; columns.forEach((column, index) => { // if (index === 0) { // sums[index] = "合计"; // return; // } if (index === 0) { sums[index] = "总计人数"; return; } if (index === 1) { sums[index] = this.ListObj.count; return; } if (index === 2) { sums[index] = "男组人数"; return; } if (index === 3) { sums[index] = this.ListObj.manCount; return; } if (index === 4) { sums[index] = "男组金额"; return; } if (index === 5) { sums[index] = this.ListObj.manMoney; return; } if (index === 6) { sums[index] = "女组人数"; return; } if (index === 7) { sums[index] = this.ListObj.woManCount; return; } if (index === 8) { sums[index] = "女组金额"; return; } if (index === 9) { sums[index] = this.ListObj.woManMoney; return; } if (index === 10) { sums[index] = "合计金额"; return; } if (index === 11) { sums[index] = this.ListObj.hjMoney; return; } }); return sums; }, // 搜索 getRemoteData(query) { if (query) { let compName = query; queryCompany(compName).then((response) => { this.CompanyList = response.data; this.CompanyList.forEach((item) => { this.objs = item; }); }); } }, // 获取单位信息集合 getCompanyList() { this.loading = true; getconfigKey('team_reservation_default_day').then((res) => { console.log(res, 1111); this.objs.yxts = res.msg; }); getCompany(this.queryParam).then((response) => { this.CompanyList = response.data; this.total = response.total; this.loading = false; }); }, // 取消按钮 cancel() { this.open = false; this.open1 = false; this.creaseopen = false; this.reset(); }, /** 新增按钮操作 */ handleAdd() { this.reset(); this.open = true; this.title = "添加体检单位信息维护"; }, /** 部门新增按钮操作 */ handleAddbumen() { this.reset(); this.open1 = true; this.title = "添加部门信息维护"; }, /** 提交按钮 */ submitFormS() { this.$refs["form"].validate((valid) => { if (valid) { addComp(this.form).then((response) => { this.$modal.msgSuccess("新增成功"); this.open = false; this.getCompanyList(); }); } }); }, // 表单重置 reset() { this.form = { company: null, payType: null, name: null, phoe: null, signingPic: null, pacStatus: "启用", }; this.resetForm("form"); }, /** 重置按钮操作 */ resetQuery() { this.date = []; this.objs.drugManufacturerId = ""; this.objs.dwDeptName = ""; this.objs.reservationTime = ""; this.TotalPrice = ""; this.tableData[0] = []; this.TotalPrice1 = ""; this.userList = [] // this.resetForm("form"); this.form = {}; }, //获取时间 selectTime(val) { this.objs.reservationTime = val; }, /** 导入按钮操作 */ handleImport() { if (this.objs.drugManufacturerId && this.objs.reservationTime) { this.$refs.upload?.clearFiles(); this.uploadKey = Date.now(); // 改变 key 强制重新渲染组件 this.upload.title = "用户导入"; this.upload.open = true; } else { this.$modal.msgError("请选择单位或预约时间"); } }, /** 下载模板操作 */ importTemplate() { this.download( "/reservation/reservation/importTemplate", {}, `职业团体预约Excel模版.xls` ); }, // 文件上传中处理 handleFileUploadProgress(event, file, fileList) { this.upload.isUploading = true; }, // 文件上传成功处理 handleFileSuccess(response, file, fileList) { if (response.code == 500) { this.isdisabled = true; // Message.warning(response.msg); // this.$modal.msgError(response.msg); // this.$modal.msgError("人员"+ response.data.list + "信息错误"); if (response.data) { if (response.data.list) { const errorList = ` <div style="max-height: 300px; overflow-y: auto;"> ${response.data.list.join(", ")} </div>` this.$confirm(errorList, `${response.msg}`, { confirmButtonText: "确定", cancelButtonText: "取消", type: "error", center: true, dangerouslyUseHTMLString: true, }); } } else { this.$confirm(`${response.msg}`, { confirmButtonText: "确定", cancelButtonText: "取消", type: "error", center: true, dangerouslyUseHTMLString: true, }); } } else { this.isdisabled = false; this.ListObj = response.data; this.userList = response.data.list; this.userList.forEach((item) => { this.CompanyList.forEach((item1) => { if (item1.drugManufacturerId == this.objs.drugManufacturerId) { item.company = item1.cnName; } }); }); } this.upload.open = false; this.upload.isUploading = false; this.$refs.upload.clearFiles(); this.leftList = response.msg; if (this.leftList == "操作失败") { this.isdisabled = true; this.$alert( "<div style='overflow: auto;overflow-x: hidden;max-height: 70vh;padding: 10px 20px 0;'>" + response.msg + "<div style='br;margin:10px'>" + response.data[0] + "身份证或手机号码有误" + "</div>", "导入结果", { dangerouslyUseHTMLString: true } ); } // else { // console.log(11111) // this.isdisabled = false; // this.$alert( // "<div style='overflow: auto;overflow-x: hidden;max-height: 70vh;padding: 10px 20px 0;'>" + // response.msg, // { dangerouslyUseHTMLString: true } // ); // this.rightList = response; // } for (let i = 0; i < fileList.length; i++) { if (file.name != fileList[i].name) { this.fileList.push({ name: file.name, url: "", uid: file.uid, }); } } // let data = { // dwDeptId: this.deptId, // dwId: this.dwId, // file:file // } // newExcelImport(data).then(response => { // console.log(11111) // }) const files = { 0: file }; // this.readExcel(files); }, // 提交上传文件 submitFileForm() { this.$refs.upload.submit(); this.isShow = false; }, // readExcel(file) { // const fileReader = new FileReader(); // fileReader.onload = (ev) => { // try { // const data = ev.target.result; // const workbook = read(data, { type: "binary" }); // const params = []; // // 取对应表生成json表格内容 // workbook.SheetNames.forEach((item) => { // params.push({ // name: item, // dataList: utils.sheet_to_json(workbook.Sheets[item]), // }); // this.tableData.push(utils.sheet_to_json(workbook.Sheets[item])); // }); // // 该算法仅针对表头无合并的情况 // if (this.tableData.length > 0) { // // 获取excel中第一个表格数据tableData[0][0]，并且将表头提取出来 // for (const key in this.tableData[0][0]) { // this.tableHead.push(key); // } // } // return params; // // 重写数据 // } catch (e) { // console.log("error:" + e); // return false; // } // }; // fileReader.readAsBinaryString(file[0].raw); // }, /** 确认按钮 */ submitForm() { // if (this.objs.reservationTime && this.data.dwDeptId) { if (this.objs.reservationTime) { let data = { copeWith: this.ListObj.hjMoney, reservations: this.userList, reservationTime: this.objs.reservationTime, dwDeptId: this.data.dwDeptId, yxts: this.objs.yxts, dwId: this.data.dwId, }; newConfirm(data).then((res) => { this.$modal.msgSuccess("提交成功"); this.confirm = true; this.userList = []; }); } else { this.$modal.msgError("请填写带星号内容"); } }, }, }; </script> <style> .el-dialog:not(.is-fullscreen) { margin-top: 6vh !important; width: 600px; } /* .el-table td.el-table__cell div { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; flex-wrap: wrap; font-size: 14px; } */ .upload-demo { width: 100%; } .el-icon-circle-plus-outline { line-height: 20px; font-size: 20px; } .dia { display: flex; } .dialog-footer2 { width: 960px; height: 36px; display: flex; justify-content: center; } .dialog-footer1 { width: 860px; height: 36px; display: flex; justify-content: center; } </style>
