| | |
| | | ref="inputName" |
| | | v-model="queryParams.name" |
| | | placeholder="请输入姓名" |
| | | style="width: 120px" |
| | | style="width: 150px" |
| | | clearable |
| | | @keyup.enter.native="handleQuery" |
| | | /> |
| | |
| | | ref="inputName" |
| | | v-model="queryParams.tjNum" |
| | | placeholder="请输入体检号" |
| | | style="width: 170px" |
| | | style="width: 150px" |
| | | clearable |
| | | @keyup.enter.native="handleQuery" |
| | | @blur="hb" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="登记时间" prop="createTimeList"> |
| | | <el-form-item label="体检项目" prop="xmmc"> |
| | | <el-input |
| | | ref="inputName" |
| | | v-model="queryParams.xmmc" |
| | | placeholder="请输入体检项目" |
| | | style="width: 150px" |
| | | clearable |
| | | @keyup.enter.native="handleQuery" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item |
| | | label="单位名称" |
| | | prop="tjCompName" |
| | | style="margin-left: 20px; margin-right: 500px" |
| | | > |
| | | <el-select |
| | | :remote-method="getRemoteData" |
| | | v-model="queryParams.tjCompName" |
| | | value-key="drugManufacturerId" |
| | | style="width: 200px" |
| | | remote |
| | | filterable |
| | | placeholder="请选择单位名称" |
| | | clearable |
| | | @change="searchSelect" |
| | | > |
| | | <el-option |
| | | v-for="dict in CompanyList" |
| | | :key="dict.drugManufacturerId" |
| | | :label="dict.cnName" |
| | | :value="dict" |
| | | /> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="状态" prop="zt"> |
| | | <el-select |
| | | :remote-method="getRemoteData" |
| | | v-model="queryParams.zt" |
| | | style="width: 150px" |
| | | remote |
| | | filterable |
| | | placeholder="请选择状态" |
| | | clearable |
| | | @change="searchSelect" |
| | | > |
| | | <el-option |
| | | v-for="item in ztList" |
| | | :key="item.id" |
| | | :label="item.name" |
| | | :value="item.id" |
| | | /> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item |
| | | label="登记时间" |
| | | prop="createTimeList" |
| | | style="margin-right: 107px" |
| | | > |
| | | <el-date-picker |
| | | v-model="createTimeList" |
| | | type="datetimerange" |
| | |
| | | </el-form-item> |
| | | </el-form> |
| | | |
| | | <div v-if="shijianlist.length > 0" style="margin-bottom: 20px"> |
| | | {{ findNameByTjnum(shijianlist[shijianlist.length - 1].tjNUm) }} |
| | | <el-steps |
| | | :space="200" |
| | | :active="shijianlist[shijianlist.length - 1].sjz" |
| | | finish-status="success" |
| | | align-center |
| | | > |
| | | <el-step title="未检"></el-step> |
| | | <el-step title="在检"></el-step> |
| | | <el-step title="已完成"></el-step> |
| | | <el-step title="已审核"></el-step> |
| | | <el-step title="生成报告"></el-step> |
| | | <el-step title="报告核收"></el-step> |
| | | <el-step title="已打印"></el-step> |
| | | </el-steps> |
| | | </div> |
| | | |
| | | <el-row :gutter="10" class="mb8"> |
| | | <el-col :span="1.5"> |
| | | <el-button |
| | |
| | | type="primary" |
| | | size="mini" |
| | | @click="handleRevoke" |
| | | :loading="isLoading" |
| | | :disabled="single" |
| | | >撤销签到</el-button |
| | | > |
| | |
| | | :disabled="single" |
| | | v-hasPermi="['hosp:order:export']" |
| | | >补录项目</el-button |
| | | > |
| | | </el-col> |
| | | <el-col :span="1.5"> |
| | | <el-button |
| | | type="primary" |
| | | size="mini" |
| | | @click="revokeProject" |
| | | :disabled="single" |
| | | v-hasPermi="['hosp:order:export']" |
| | | >撤销补录</el-button |
| | | > |
| | | </el-col> |
| | | |
| | |
| | | >订单明细</el-button |
| | | > |
| | | </el-col> |
| | | <el-col :span="1.5"> |
| | | <el-button |
| | | type="primary" |
| | | size="mini" |
| | | @click="budadzd" |
| | | :disabled="single" |
| | | v-hasPermi="['hosp:order:export']" |
| | | >打印补录单</el-button |
| | | > |
| | | </el-col> |
| | | <el-col :span="1.5"> |
| | | <el-button |
| | | type="primary" |
| | | size="mini" |
| | | @click="ForceChexiao" |
| | | :disabled="single" |
| | | v-hasPermi="['qzcx']" |
| | | >强制撤销</el-button |
| | | > |
| | | </el-col> |
| | | <el-col :span="1.5"> |
| | | <el-button |
| | | type="primary" |
| | | size="mini" |
| | | @click="ResumeAppointment" |
| | | :disabled="multiple" |
| | | >恢复预约</el-button |
| | | > |
| | | </el-col> |
| | | <right-toolbar |
| | | :showSearch.sync="showSearch" |
| | | @queryTable="getList" |
| | |
| | | border |
| | | v-loading="loading" |
| | | :data="orderList" |
| | | ref="tableRef" |
| | | @selection-change="handleSelectionChange" |
| | | > |
| | | <el-table-column |
| | |
| | | :show-overflow-tooltip="true" |
| | | > |
| | | <template slot-scope="scope"> |
| | | <span v-if="scope.row.tjType == '2'">个人</span> |
| | | <span v-if="scope.row.tjType == '1'">团队</span> |
| | | <dict-tag |
| | | :options="dict.type.dict_team" |
| | | :value="scope.row.tjType" |
| | | /> |
| | | <!-- <span v-if="scope.row.tjType == '2'">个人</span> |
| | | <span v-if="scope.row.tjType == '1'">团队</span> --> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | |
| | | :show-overflow-tooltip="true" |
| | | width="160px" |
| | | /> |
| | | <el-table-column |
| | | label="门诊号" |
| | | align="center" |
| | | prop="cardId" |
| | | :show-overflow-tooltip="true" |
| | | width="160px" |
| | | /> |
| | | <el-table-column |
| | | label="单位名称" |
| | | align="center" |
| | | prop="dictCompName" |
| | | :show-overflow-tooltip="true" |
| | | /> |
| | | <el-table-column |
| | | label="状态" |
| | | align="center" |
| | | prop="zt" |
| | | :show-overflow-tooltip="true" |
| | | /> |
| | | <!-- <el-table-column label="流水号" align="center" prop="tjSerialNumber" /> --> |
| | | <el-table-column |
| | | label="所选套餐" |
| | |
| | | :formatter="driver" |
| | | :show-overflow-tooltip="true" |
| | | /> |
| | | <el-table-column |
| | | label="导诊打印次数" |
| | | align="center" |
| | | prop="dycs" |
| | | width="110px" |
| | | :formatter="driver" |
| | | :show-overflow-tooltip="true" |
| | | > |
| | | <template slot-scope="scope"> |
| | | {{ scope.row.dycs === null ? 0 : scope.row.dycs }} |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | label="登记时间" |
| | | align="center" |
| | |
| | | </el-table-column> |
| | | <!-- <el-table-column label="创建人" align="center" prop="createBy" /> --> |
| | | <!-- <el-table-column label="更新人" align="center" prop="updateBy" /> --> |
| | | <el-table-column |
| | | <!-- <el-table-column |
| | | label="单位工号" |
| | | align="center" |
| | | prop="firmWorkId" |
| | | width="100px" |
| | | :show-overflow-tooltip="true" |
| | | /> |
| | | <el-table-column |
| | | label="单位名称" |
| | | align="center" |
| | | prop="dictCompName" |
| | | :show-overflow-tooltip="true" |
| | | /> |
| | | /> --> |
| | | |
| | | <!-- <el-table-column label="部门名" align="center" prop="firmDeptName" /> --> |
| | | |
| | | <!-- <el-table-column label="客户照片" align="center" prop="photo" /> --> |
| | |
| | | width="1100px" |
| | | style="height: 860px" |
| | | append-to-body |
| | | :close-on-click-modal="false" |
| | | > |
| | | <el-row type="flex" class="row-bg" justify="space-around"> |
| | | <el-col :span="6"> |
| | | <div class="box"> |
| | | <div class="box1"> |
| | | <div |
| | | style="text-align: center; margin-bottom: 10px; margin-top: 10px" |
| | | > |
| | | 项目列表 |
| | | 项目选择 |
| | | </div> |
| | | <el-input placeholder="输入关键字进行过滤" v-model="filterText"> |
| | | </el-input> |
| | | <div class="tab3"> |
| | | <el-tree |
| | | class="filter-tree" |
| | | v-loading="loading" |
| | | :data="Treedata" |
| | | :props="defaultProps" |
| | | show-checkbox |
| | | node-key="proId" |
| | | @check="handleCurrentChecked" |
| | | :default-checked-keys="checkedkey" |
| | | :filter-node-method="filterNode" |
| | | ref="tree" |
| | | :render-content="renderContent" |
| | | > |
| | | </el-tree> |
| | | </div> |
| | | </el-col> |
| | | <el-col :span="5"> |
| | | <div |
| | | style="text-align: center; margin-bottom: 10px; margin-top: 10px" |
| | | <el-tabs |
| | | type="border-card" |
| | | style="height: 560px; margin: 0 10px; width: 100%" |
| | | @tab-click="handleClick" |
| | | v-model="activeNames" |
| | | > |
| | | 明细项目列表 |
| | | </div> |
| | | <div class="tab3"> |
| | | <el-tree |
| | | class="filter-tree" |
| | | v-loading="loading" |
| | | :data="TreedataList" |
| | | node-key="proId" |
| | | :props="defaultProps" |
| | | :filter-node-method="filterNode" |
| | | show-checkbox |
| | | @check-change="handleCurrentChecked1" |
| | | :default-checked-keys="checkedListkey" |
| | | :render-content="renderContent" |
| | | > |
| | | </el-tree> |
| | | </div> |
| | | </el-col> |
| | | <el-col :span="11"> |
| | | <div class="grid-content bg-purple"> |
| | | <div |
| | | style="text-align: center; margin-bottom: 10px; margin-top: 10px" |
| | | > |
| | | 已选项目列表 |
| | | </div> |
| | | <el-table |
| | | :data="DataList" |
| | | border |
| | | style="width: 100%" |
| | | height="400" |
| | | :span-method="objectSpanMethod" |
| | | > |
| | | <el-table-column prop="propinName" label="检查项目"> |
| | | </el-table-column> |
| | | <el-table-column prop="proPrice" label="原价" width="56px"> |
| | | </el-table-column> |
| | | <el-table-column prop="proName" label="明细项目" width="260px"> |
| | | </el-table-column> |
| | | |
| | | <el-table-column |
| | | label="操作" |
| | | align="center" |
| | | fixed="right" |
| | | class-name="small-padding fixed-width" |
| | | width="50px" |
| | | > |
| | | <template slot-scope="scope"> |
| | | <el-button |
| | | size="mini" |
| | | type="text" |
| | | icon="el-icon-delete" |
| | | @click="handleDelete(scope.row)" |
| | | title="删除" |
| | | ></el-button> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | <el-collapse v-model="activeName" accordion v-if="list1"> |
| | | <div> |
| | | <el-collapse-item title="请选择项目"> |
| | | <el-table :data="DataList" border style="width: 100%"> |
| | | <el-table-column prop="proName" label="项目" width="180"> |
| | | </el-table-column> |
| | | <el-table-column prop="ordPrice" label="原价"> |
| | | </el-table-column> |
| | | </el-table> |
| | | </el-collapse-item> |
| | | <el-tab-pane label="组合" name="first"> |
| | | <div class="tab8"> |
| | | <el-row :gutter="20" style="width: 100%"> |
| | | <el-col :span="22"> |
| | | <!-- <div |
| | | style=" |
| | | text-align: center; |
| | | margin-bottom: 10px; |
| | | margin-top: 10px; |
| | | " |
| | | > |
| | | 项目列表 |
| | | </div> --> |
| | | <el-input |
| | | placeholder="输入关键字进行过滤" |
| | | v-model="filterage" |
| | | > |
| | | </el-input> |
| | | <div class="tab3"> |
| | | <el-tree |
| | | class="filter-tree" |
| | | v-loading="loading" |
| | | :data="packageList" |
| | | :props="defaultProp" |
| | | show-checkbox |
| | | node-key="id" |
| | | @check-change="handlepackage" |
| | | :default-checked-keys="checkedkeys" |
| | | :filter-node-method="filterpackage" |
| | | ref="treas" |
| | | :render-content="renderContents" |
| | | > |
| | | </el-tree> |
| | | </div> |
| | | </el-col> |
| | | <!-- <el-col :span="11"> |
| | | <div |
| | | style=" |
| | | text-align: center; |
| | | margin-bottom: 10px; |
| | | margin-top: 10px; |
| | | " |
| | | > |
| | | 明细项目列表 |
| | | </div> |
| | | <div class="tab3"> |
| | | <el-tree |
| | | class="filter-tree" |
| | | v-loading="loading" |
| | | :data="packagedataList" |
| | | node-key="proId" |
| | | :props="defaultpackProps" |
| | | :render-content="renderContent" |
| | | > |
| | | </el-tree> |
| | | </div> |
| | | </el-col> --> |
| | | <!-- <el-col :span="11"> </el-col> --> |
| | | </el-row> |
| | | </div> |
| | | </el-collapse> |
| | | <template> |
| | | <el-form :model="form"> |
| | | <el-form-item label="体检类型" prop="tjType"> |
| | | <el-radio-group v-model="form.tjType"> |
| | | <el-radio :label="1">团队</el-radio> |
| | | <el-radio :label="2">个人</el-radio> |
| | | </el-radio-group> |
| | | </el-form-item> |
| | | </el-form> |
| | | </template> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="单项" name="third"> |
| | | <div class="tab8"> |
| | | <el-row type="flex" class="row-bg" justify="space-around"> |
| | | <el-col :span="22"> |
| | | <!-- <div |
| | | style=" |
| | | text-align: center; |
| | | margin-bottom: 10px; |
| | | margin-top: 10px; |
| | | " |
| | | > |
| | | 项目列表 |
| | | </div> --> |
| | | <el-input |
| | | placeholder="输入关键字进行过滤" |
| | | v-model="filterText" |
| | | > |
| | | </el-input> |
| | | <div class="tab3"> |
| | | <el-tree |
| | | class="filter-tree" |
| | | v-loading="loading" |
| | | :data="Treedata" |
| | | :props="defaultProps" |
| | | show-checkbox |
| | | node-key="proId" |
| | | @check-change="handleCurrentChecked" |
| | | :default-checked-keys="checkedkey" |
| | | :filter-node-method="filterNode" |
| | | ref="tree" |
| | | :render-content="renderContent" |
| | | > |
| | | </el-tree> |
| | | </div> |
| | | </el-col> |
| | | <!-- <el-col :span="11"> |
| | | <div |
| | | style=" |
| | | text-align: center; |
| | | margin-bottom: 10px; |
| | | margin-top: 10px; |
| | | " |
| | | > |
| | | 明细项目列表 |
| | | </div> |
| | | <div class="tab3"> |
| | | <div class="outside1"> |
| | | <el-tree |
| | | class="filter-tree" |
| | | v-loading="loading" |
| | | :data="TreedataList" |
| | | node-key="proId" |
| | | :props="defaultProps" |
| | | :filter-node-method="filterNode" |
| | | show-checkbox |
| | | @check-change="handleCurrentChecked1" |
| | | :default-checked-keys="checkedListkey" |
| | | :render-content="renderContent" |
| | | > |
| | | </el-tree> |
| | | </div> |
| | | </div> |
| | | </el-col> --> |
| | | <!-- <el-col :span="11"> |
| | | <div class="grid-content bg-purple"> |
| | | <div |
| | | style=" |
| | | text-align: center; |
| | | margin-bottom: 10px; |
| | | margin-top: 10px; |
| | | " |
| | | > |
| | | 已选项目列表 |
| | | </div> |
| | | |
| | | <div class="outside"> |
| | | <el-form :inline="true" class="outside1"> |
| | | <el-form-item label="原价"> |
| | | <el-input |
| | | placeholder="原价" |
| | | :value="TotalPrice1" |
| | | disabled |
| | | style="width: 90px" |
| | | ></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="折扣设定"> |
| | | <el-input |
| | | style="width: 90px" |
| | | type="number" |
| | | v-model="discount" |
| | | :value="discount" |
| | | ></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="应付金额"> |
| | | <el-input |
| | | placeholder="应付金额" |
| | | :value="TotalPrice1 * (discount / 10)" |
| | | style="width: 90px" |
| | | ></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="付款类型" prop="payType"> |
| | | <el-select |
| | | style="width: 120px" |
| | | v-model="payType" |
| | | placeholder="请选择付款类型" |
| | | <el-table |
| | | :data="DataList" |
| | | border |
| | | style="width: 100%" |
| | | height="400" |
| | | :span-method="objectSpanMethod" |
| | | > |
| | | <el-table-column prop="propinName" label="检查项目"> |
| | | </el-table-column> |
| | | <el-table-column prop="proPrice" label="原价" width="56px"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="proName" |
| | | label="明细项目" |
| | | width="260px" |
| | | > |
| | | <el-option |
| | | v-for="dict in dict.type.dict_pay_type" |
| | | :key="dict.value" |
| | | :label="dict.label" |
| | | :value="dict.value" |
| | | ></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button |
| | | type="primary" |
| | | @click="submitPrice" |
| | | :disabled="confirm" |
| | | style="margin-top: 34px" |
| | | >提交</el-button |
| | | </el-table-column> |
| | | |
| | | <el-table-column |
| | | label="操作" |
| | | align="center" |
| | | fixed="right" |
| | | class-name="small-padding fixed-width" |
| | | width="50px" |
| | | > |
| | | </el-form-item> |
| | | </el-form> |
| | | </div> |
| | | <template slot-scope="scope"> |
| | | <el-button |
| | | size="mini" |
| | | type="text" |
| | | icon="el-icon-delete" |
| | | @click="handleDelete(scope.row)" |
| | | title="删除" |
| | | ></el-button> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> --> |
| | | <!-- <el-collapse v-model="activeName" accordion v-if="list1"> |
| | | <div> |
| | | <el-collapse-item title="请选择项目"> |
| | | <el-table |
| | | :data="DataList" |
| | | border |
| | | style="width: 100%" |
| | | height="400" |
| | | :span-method="objectSpanMethod" |
| | | > |
| | | <el-table-column |
| | | prop="proName" |
| | | label="项目" |
| | | width="180" |
| | | > |
| | | </el-table-column> |
| | | <el-table-column prop="ordPrice" label="原价"> |
| | | </el-table-column> |
| | | </el-table> |
| | | </el-collapse-item> |
| | | </div> |
| | | </el-collapse> --> |
| | | <!-- </div> |
| | | </el-col> --> |
| | | </el-row> |
| | | </div> |
| | | </el-tab-pane> |
| | | </el-tabs> |
| | | </div> |
| | | |
| | | <div class="grid-content bg-purple"> |
| | | <div style="text-align: center; margin-bottom: 10px; margin-top: 9px"> |
| | | 已选项目列表 |
| | | </div> |
| | | </el-col> |
| | | </el-row> |
| | | <el-table |
| | | :data="DataList3" |
| | | border |
| | | style="width: 100%; table-layout: fixed" |
| | | height="560" |
| | | :span-method="objectspanmethod" |
| | | > |
| | | <el-table-column |
| | | prop="propinName" |
| | | label="检查项目" |
| | | width="200px" |
| | | :show-overflow-tooltip="true" |
| | | > |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="proName" |
| | | label="明细项目" |
| | | width="200px" |
| | | :show-overflow-tooltip="true" |
| | | > |
| | | </el-table-column> |
| | | <el-table-column prop="sl" label="数量" width="56px"> |
| | | </el-table-column> |
| | | <el-table-column prop="proPrice" label="原价" width="56px"> |
| | | </el-table-column> |
| | | |
| | | <el-table-column |
| | | label="操作" |
| | | align="center" |
| | | class-name="small-padding fixed-width" |
| | | width="50px" |
| | | > |
| | | <template slot-scope="scope"> |
| | | <el-button |
| | | size="mini" |
| | | type="text" |
| | | icon="el-icon-delete" |
| | | @click="handleDel(scope.row)" |
| | | title="删除" |
| | | ></el-button> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | |
| | | <!-- <h3 style="font-weight: 600">合计:{{ marryalls }}元</h3> --> |
| | | </div> |
| | | </div> |
| | | <el-form |
| | | :model="form" |
| | | inline |
| | | style="display: flex; justify-content: space-between; margin-top: 20px" |
| | | > |
| | | <!-- 体检类型 --> |
| | | <el-form-item label="体检类型" prop="tjType" style="display: flex"> |
| | | <div class="type"> |
| | | {{ { 1: "团队", 2: "个人", 3: "团体票" }[form.tjType] }} |
| | | </div> |
| | | </el-form-item> |
| | | |
| | | <!-- 原价 --> |
| | | <el-form-item label="原价" style="display: flex"> |
| | | <el-input |
| | | placeholder="原价" |
| | | :value="TotalPrice1" |
| | | disabled |
| | | style="width: 90px" |
| | | ></el-input> |
| | | </el-form-item> |
| | | |
| | | <!-- 折扣设定 --> |
| | | <el-form-item label="折扣" style="display: flex"> |
| | | <el-input |
| | | style="width: 90px" |
| | | type="number" |
| | | v-model="discount" |
| | | :value="discount" |
| | | ></el-input> |
| | | </el-form-item> |
| | | |
| | | <!-- 应付金额 --> |
| | | <el-form-item label="应付" style="display: flex"> |
| | | <el-input |
| | | placeholder="应付金额" |
| | | :value="TotalPrice1 * (discount / 10)" |
| | | style="width: 90px" |
| | | ></el-input> |
| | | </el-form-item> |
| | | |
| | | <!-- 付款类型 --> |
| | | <el-form-item label="付款类型" prop="payType" style="display: flex"> |
| | | <el-select |
| | | style="width: 120px" |
| | | v-model="payType" |
| | | placeholder="请选择付款类型" |
| | | @change="onPayTypeChange" |
| | | > |
| | | <el-option |
| | | v-for="dict in dict.type.dict_pay_type" |
| | | :key="dict.value" |
| | | :label="dict.label" |
| | | :value="dict.value" |
| | | ></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | |
| | | <!-- 结算方式 --> |
| | | <el-form-item label="结算方式" prop="jsType" style="display: flex"> |
| | | <el-select |
| | | v-model="jsType" |
| | | placeholder="请选择结算方式" |
| | | style="width: 130px" |
| | | clearable |
| | | > |
| | | <el-option |
| | | v-for="dict in dict.type.reservation_pay_type" |
| | | :key="dict.value" |
| | | :label="dict.label" |
| | | :value="dict.value" |
| | | /> |
| | | </el-select> |
| | | </el-form-item> |
| | | |
| | | <!-- 提交按钮 --> |
| | | <el-form-item style="display: flex"> |
| | | <el-button |
| | | type="primary" |
| | | :loading="isSubmit1" |
| | | @click="submitPrice1" |
| | | :disabled="confirm" |
| | | > |
| | | 提交 |
| | | </el-button> |
| | | </el-form-item> |
| | | </el-form> |
| | | </el-dialog> |
| | | |
| | | <!-- 添加补录项目 --> |
| | |
| | | width="1100px" |
| | | style="height: 860px" |
| | | append-to-body |
| | | :close-on-click-modal="false" |
| | | > |
| | | <div class="box"> |
| | | <div class="box1"> |
| | | <div |
| | | style="text-align: center; margin-bottom: 10px; margin-top: 10px" |
| | | > |
| | | 项目选择 |
| | | </div> |
| | | <el-tabs |
| | | type="border-card" |
| | | style="height: 560px; margin: 0 10px; width: 100%" |
| | | @tab-click="handleClick" |
| | | v-model="activeNames" |
| | | > |
| | | <el-tab-pane label="组合" name="first"> |
| | | <div class="tab8"> |
| | | <el-row :gutter="20" style="width: 100%"> |
| | | <el-col :span="22"> |
| | | <el-input |
| | | placeholder="输入关键字进行过滤" |
| | | v-model="filterage" |
| | | > |
| | | </el-input> |
| | | <div class="tab3"> |
| | | <el-tree |
| | | class="filter-tree" |
| | | v-loading="loading" |
| | | :data="packageList" |
| | | :props="defaultProp" |
| | | show-checkbox |
| | | node-key="id" |
| | | @check-change="handlepackage" |
| | | :default-checked-keys="checkedkeys" |
| | | :filter-node-method="filterpackage" |
| | | ref="treas" |
| | | :render-content="renderContents" |
| | | > |
| | | </el-tree> |
| | | </div> |
| | | </el-col> |
| | | </el-row> |
| | | </div> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="单项" name="third"> |
| | | <div class="tab8"> |
| | | <el-row type="flex" class="row-bg" justify="space-around"> |
| | | <el-col :span="22"> |
| | | <el-input |
| | | placeholder="输入关键字进行过滤" |
| | | v-model="filterText" |
| | | > |
| | | </el-input> |
| | | <div class="tab3"> |
| | | <el-tree |
| | | class="filter-tree" |
| | | v-loading="loading" |
| | | :data="Treedata" |
| | | :props="defaultProps" |
| | | show-checkbox |
| | | node-key="proId" |
| | | @check-change="handleCurrentChecked" |
| | | :default-checked-keys="checkedkey" |
| | | :filter-node-method="filterNode" |
| | | ref="tree" |
| | | :render-content="renderContent" |
| | | > |
| | | </el-tree> |
| | | </div> |
| | | </el-col> |
| | | </el-row> |
| | | </div> |
| | | </el-tab-pane> |
| | | </el-tabs> |
| | | </div> |
| | | |
| | | <div class="grid-content bg-purple"> |
| | | <div style="text-align: center; margin-bottom: 10px; margin-top: 9px"> |
| | | 已选项目列表 |
| | | </div> |
| | | <el-table |
| | | :data="DataList3" |
| | | border |
| | | style="width: 100%; table-layout: fixed" |
| | | height="560" |
| | | :span-method="objectspanmethod" |
| | | > |
| | | <el-table-column |
| | | prop="propinName" |
| | | label="检查项目" |
| | | width="200px" |
| | | :show-overflow-tooltip="true" |
| | | > |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="proName" |
| | | label="明细项目" |
| | | width="200px" |
| | | :show-overflow-tooltip="true" |
| | | > |
| | | </el-table-column> |
| | | <el-table-column prop="sl" label="数量" width="56px"> |
| | | </el-table-column> |
| | | <el-table-column prop="proPrice" label="原价" width="56px"> |
| | | </el-table-column> |
| | | |
| | | <el-table-column |
| | | label="操作" |
| | | align="center" |
| | | class-name="small-padding fixed-width" |
| | | width="50px" |
| | | > |
| | | <template slot-scope="scope"> |
| | | <el-button |
| | | size="mini" |
| | | type="text" |
| | | icon="el-icon-delete" |
| | | @click="handleDel(scope.row)" |
| | | title="删除" |
| | | ></el-button> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | |
| | | <!-- <h3 style="font-weight: 600">合计:{{ marryalls }}元</h3> --> |
| | | </div> |
| | | </div> |
| | | |
| | | <el-form |
| | | :model="form" |
| | | inline |
| | | style="display: flex; justify-content: space-between; margin-top: 20px" |
| | | > |
| | | <!-- 体检类型 --> |
| | | <el-form-item label="体检类型" prop="tjType" style="display: flex"> |
| | | <div class="type"> |
| | | {{ { 1: "团队", 2: "个人", 3: "团体票" }[form.tjType] }} |
| | | </div> |
| | | </el-form-item> |
| | | |
| | | <!-- 原价 --> |
| | | <el-form-item label="原价" style="display: flex"> |
| | | <el-input |
| | | placeholder="原价" |
| | | :value="TotalPrice1" |
| | | disabled |
| | | style="width: 90px" |
| | | ></el-input> |
| | | </el-form-item> |
| | | |
| | | <!-- 折扣设定 --> |
| | | <el-form-item label="折扣" style="display: flex"> |
| | | <el-input |
| | | style="width: 90px" |
| | | type="number" |
| | | v-model="discount" |
| | | :value="discount" |
| | | ></el-input> |
| | | </el-form-item> |
| | | |
| | | <!-- 应付金额 --> |
| | | <el-form-item label="应付" style="display: flex"> |
| | | <el-input |
| | | placeholder="应付金额" |
| | | :value="TotalPrice1 * (discount / 10)" |
| | | style="width: 90px" |
| | | ></el-input> |
| | | </el-form-item> |
| | | |
| | | <!-- 付款类型 --> |
| | | <el-form-item label="付款类型" prop="payType" style="display: flex"> |
| | | <el-select |
| | | style="width: 120px" |
| | | v-model="payType" |
| | | placeholder="请选择付款类型" |
| | | @change="onPayTypeChange" |
| | | > |
| | | <el-option |
| | | v-for="dict in dict.type.dict_pay_type" |
| | | :key="dict.value" |
| | | :label="dict.label" |
| | | :value="dict.value" |
| | | ></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | |
| | | <!-- 结算方式 --> |
| | | <el-form-item label="结算方式" prop="jsType" style="display: flex"> |
| | | <el-select |
| | | v-model="jsType" |
| | | placeholder="请选择结算方式" |
| | | style="width: 130px" |
| | | clearable |
| | | > |
| | | <el-option |
| | | v-for="dict in dict.type.reservation_pay_type" |
| | | :key="dict.value" |
| | | :label="dict.label" |
| | | :value="dict.value" |
| | | /> |
| | | </el-select> |
| | | </el-form-item> |
| | | |
| | | <!-- 提交按钮 --> |
| | | <el-form-item style="display: flex"> |
| | | <el-button |
| | | type="primary" |
| | | :loading="isSubmit1" |
| | | @click="submitPrice1" |
| | | :disabled="confirm" |
| | | > |
| | | 提交 |
| | | </el-button> |
| | | </el-form-item> |
| | | </el-form> |
| | | |
| | | <!-- <div class="heji"> |
| | | <div class="o"> |
| | | <el-form |
| | | :model="form" |
| | | :inline="true" |
| | | style="display: flex; align-items: center" |
| | | > |
| | | <el-form-item label="体检类型" prop="tjType"> |
| | | <div class="type"> |
| | | {{ { 1: "团队", 2: "个人", 3: "团体票" }[form.tjType] }} |
| | | </div> |
| | | </el-form-item> |
| | | </el-form> |
| | | </div> |
| | | |
| | | <div class="outsides"> |
| | | <el-form :inline="true" class="outside2" label-width="80px"> |
| | | <el-form-item label="原价" style="display: flex"> |
| | | <el-input |
| | | placeholder="原价" |
| | | :value="TotalPrice1" |
| | | disabled |
| | | style="width: 90px" |
| | | ></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="折扣设定" style="display: flex"> |
| | | <el-input |
| | | style="width: 90px" |
| | | type="number" |
| | | v-model="discount" |
| | | :value="discount" |
| | | ></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="应付金额" style="display: flex"> |
| | | <el-input |
| | | placeholder="应付金额" |
| | | :value="TotalPrice1 * (discount / 10)" |
| | | style="width: 90px" |
| | | ></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="付款类型" prop="payType" style="display: flex"> |
| | | <el-select |
| | | style="width: 120px" |
| | | v-model="payType" |
| | | placeholder="请选择付款类型" |
| | | @change="onPayTypeChange" |
| | | > |
| | | <el-option |
| | | v-for="dict in dict.type.dict_pay_type" |
| | | :key="dict.value" |
| | | :label="dict.label" |
| | | :value="dict.value" |
| | | ></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="结算方式" prop="payType"> |
| | | <el-select |
| | | v-model="payType" |
| | | placeholder="请选择结算方式" |
| | | style="width: 130px" |
| | | clearable |
| | | > |
| | | <el-option |
| | | v-for="dict in dict.type.reservation_pay_type" |
| | | :key="dict.value" |
| | | :label="dict.label" |
| | | :value="dict.value" |
| | | /> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item style="display: flex"> |
| | | <el-button |
| | | type="primary" |
| | | @click="submitPrice1" |
| | | :disabled="confirm" |
| | | >提交</el-button |
| | | > |
| | | </el-form-item> |
| | | </el-form> |
| | | </div> |
| | | </div> --> |
| | | </el-dialog> |
| | | |
| | | <el-dialog |
| | | :title="title" |
| | | :visible.sync="open" |
| | | width="1400px" |
| | | append-to-body |
| | | :close-on-click-modal="false" |
| | | class="custom-dialog" |
| | | > |
| | | <el-tabs v-model="activeName1" type="card"> |
| | | <el-tab-pane label="项目汇总" name="second" style="height: 400px"> |
| | | <el-table :data="huizongList" style="width: 100%" max-height="350"> |
| | | <el-table-column |
| | | align="center" |
| | | type="index" |
| | | label="序号" |
| | | width="50" |
| | | ></el-table-column> |
| | | <el-table-column |
| | | align="center" |
| | | prop="parent_pro_name" |
| | | label="项目" |
| | | ></el-table-column> |
| | | <el-table-column |
| | | align="center" |
| | | prop="ks" |
| | | label="科室" |
| | | ></el-table-column> |
| | | <el-table-column |
| | | align="center" |
| | | prop="price" |
| | | label="费用合计" |
| | | ></el-table-column> |
| | | </el-table> |
| | | <h3>付款详情</h3> |
| | | <el-table :data="bill" style="width: 100%; margin-top: 10px"> |
| | | <el-table-column |
| | | align="center" |
| | | prop="copeWith" |
| | | label="应付" |
| | | ></el-table-column> |
| | | <el-table-column |
| | | align="center" |
| | | prop="discount" |
| | | label="折扣" |
| | | ></el-table-column> |
| | | <el-table-column |
| | | align="center" |
| | | prop="paidIn" |
| | | label="实付" |
| | | ></el-table-column> |
| | | </el-table> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="明细项目" name="third" style="height: 450px"> |
| | | <!-- 移除 overflow-y: auto --> |
| | | <el-table |
| | | :data="infoList" |
| | | style="width: 100" |
| | | max-height="500" |
| | | :span-method="objectSpanMethod1" |
| | | > |
| | | <el-table-column |
| | | align="center" |
| | | type="index" |
| | | label="序号" |
| | | width="50" |
| | | ></el-table-column> |
| | | <el-table-column |
| | | align="center" |
| | | prop="parent_pro_name" |
| | | label="父项" |
| | | ></el-table-column> |
| | | <el-table-column |
| | | align="center" |
| | | prop="pro_name" |
| | | label="子项" |
| | | ></el-table-column> |
| | | <el-table-column |
| | | align="center" |
| | | prop="danjia" |
| | | label="单价" |
| | | ></el-table-column> |
| | | <el-table-column |
| | | align="center" |
| | | prop="num" |
| | | label="数量" |
| | | ></el-table-column> |
| | | <el-table-column |
| | | align="center" |
| | | prop="zongjia" |
| | | label="总价" |
| | | ></el-table-column> |
| | | <el-table-column |
| | | align="center" |
| | | prop="time" |
| | | label="开单时间" |
| | | width="180" |
| | | ></el-table-column> |
| | | </el-table> |
| | | </el-tab-pane> |
| | | </el-tabs> |
| | | <div slot="footer" class="dialog-footer"> |
| | | <el-button @click="cancel">取 消</el-button> |
| | | </div> |
| | | </el-dialog> |
| | | |
| | | <el-dialog |
| | | :title="title1" |
| | | :visible.sync="Projectssopen" |
| | | width="1100px" |
| | | style="height: 860px" |
| | | append-to-body |
| | | :close-on-click-modal="false" |
| | | > |
| | | <el-row type="flex" class="row-bg" justify="space-around"> |
| | | <el-col :span="6"> |
| | | <el-col :span="13"> |
| | | <div |
| | | style="text-align: center; margin-bottom: 10px; margin-top: 10px" |
| | | > |
| | | 项目列表 |
| | | 补录列表 |
| | | </div> |
| | | <el-input placeholder="输入关键字进行过滤" v-model="filterText"> |
| | | </el-input> |
| | | |
| | | <div class="tab3"> |
| | | <el-tree |
| | | class="filter-tree" |
| | | v-loading="loading" |
| | | :data="Treedata" |
| | | :props="defaultProps" |
| | | show-checkbox |
| | | node-key="proId" |
| | | @check="handleCurrentChecked" |
| | | :default-checked-keys="checkedkey" |
| | | :filter-node-method="filterNode" |
| | | ref="tree" |
| | | :render-content="renderContent" |
| | | <el-table |
| | | :data="DataLists" |
| | | border |
| | | style="width: 100%" |
| | | height="400" |
| | | @selection-change="handleProjectssChange" |
| | | > |
| | | </el-tree> |
| | | </div> |
| | | </el-col> |
| | | <el-col :span="5"> |
| | | <div |
| | | style="text-align: center; margin-bottom: 10px; margin-top: 10px" |
| | | > |
| | | 明细项目列表 |
| | | </div> |
| | | <div class="tab3"> |
| | | <div class="outside1"> |
| | | <el-tree |
| | | class="filter-tree" |
| | | v-loading="loading" |
| | | :data="TreedataList" |
| | | node-key="proId" |
| | | :props="defaultProps" |
| | | :filter-node-method="filterNode" |
| | | show-checkbox |
| | | @check-change="handleCurrentChecked1" |
| | | :default-checked-keys="checkedListkey" |
| | | :render-content="renderContent" |
| | | <el-table-column type="selection" width="40" align="center" /> |
| | | <el-table-column |
| | | type="index" |
| | | label="序号" |
| | | align="center" |
| | | width="49px" |
| | | > |
| | | </el-tree> |
| | | </div> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="blje" |
| | | label="补录金额" |
| | | align="center" |
| | | width="74px" |
| | | > |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="bldh" |
| | | label="补录单号" |
| | | align="center" |
| | | width="155px" |
| | | > |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="blsj" |
| | | label="补录时间" |
| | | align="center" |
| | | width="156px" |
| | | > |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="blrmc" |
| | | label="补录人" |
| | | align="center" |
| | | width="96px" |
| | | > |
| | | </el-table-column> |
| | | </el-table> |
| | | </div> |
| | | </el-col> |
| | | <el-col :span="11"> |
| | | |
| | | <el-col :span="10"> |
| | | <div class="grid-content bg-purple"> |
| | | <div |
| | | style="text-align: center; margin-bottom: 10px; margin-top: 10px" |
| | | > |
| | | 已选项目列表 |
| | | 补录项目 |
| | | </div> |
| | | |
| | | <el-table |
| | | :data="DataList" |
| | | :data="DataListss" |
| | | border |
| | | style="width: 100%" |
| | | height="400" |
| | | :span-method="objectSpanMethod" |
| | | :span-method="objectSpanMethod2" |
| | | > |
| | | <el-table-column prop="propinName" label="检查项目"> |
| | | </el-table-column> |
| | |
| | | </el-table-column> |
| | | <el-table-column prop="proName" label="明细项目" width="260px"> |
| | | </el-table-column> |
| | | |
| | | <el-table-column |
| | | label="操作" |
| | | align="center" |
| | | fixed="right" |
| | | class-name="small-padding fixed-width" |
| | | width="50px" |
| | | > |
| | | <template slot-scope="scope"> |
| | | <el-button |
| | | size="mini" |
| | | type="text" |
| | | icon="el-icon-delete" |
| | | @click="handleDelete(scope.row)" |
| | | title="删除" |
| | | ></el-button> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | <el-collapse v-model="activeName" accordion v-if="list1"> |
| | | <div> |
| | | <el-collapse-item title="请选择项目"> |
| | | <el-table |
| | | :data="DataList" |
| | | border |
| | | style="width: 100%" |
| | | height="400" |
| | | :span-method="objectSpanMethod" |
| | | > |
| | | <el-table-column prop="proName" label="项目" width="180"> |
| | | </el-table-column> |
| | | <el-table-column prop="ordPrice" label="原价"> |
| | | </el-table-column> |
| | | </el-table> |
| | | </el-collapse-item> |
| | | </div> |
| | | </el-collapse> |
| | | |
| | | <template> |
| | | <el-form :model="form"> |
| | | <el-form-item label="体检类型" prop="tjType"> |
| | | <el-radio-group v-model="form.tjType"> |
| | | <el-radio :label="1">团队</el-radio> |
| | | <el-radio :label="2">个人</el-radio> |
| | | </el-radio-group> |
| | | </el-form-item> |
| | | </el-form> |
| | | </template> |
| | | |
| | | <div class="outside"> |
| | | <el-form :inline="true" class="outside1"> |
| | | <el-form-item label="原价"> |
| | | <el-input |
| | | placeholder="原价" |
| | | :value="TotalPrice1" |
| | | disabled |
| | | style="width: 90px" |
| | | ></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="折扣设定"> |
| | | <el-input |
| | | style="width: 90px" |
| | | type="number" |
| | | v-model="discount" |
| | | :value="discount" |
| | | ></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="应付金额"> |
| | | <el-input |
| | | placeholder="应付金额" |
| | | :value="TotalPrice1 * (discount / 10)" |
| | | style="width: 90px" |
| | | ></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="付款类型" prop="payType"> |
| | | <el-select |
| | | style="width: 120px" |
| | | v-model="payType" |
| | | placeholder="请选择付款类型" |
| | | > |
| | | <el-option |
| | | v-for="dict in dict.type.dict_pay_type" |
| | | :key="dict.value" |
| | | :label="dict.label" |
| | | :value="dict.value" |
| | | ></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button |
| | | type="primary" |
| | | @click="submitPrice1" |
| | | :disabled="confirm" |
| | | style="margin-top: 34px" |
| | | >提交</el-button |
| | | > |
| | | </el-form-item> |
| | | </el-form> |
| | | </div> |
| | | </div> |
| | | </el-col> |
| | | </el-row> |
| | | <div slot="footer" class="dialog-footer"> |
| | | <el-button type="primary" @click="submitForm">撤 销</el-button> |
| | | <!-- <el-button @click="cancel">取 消</el-button> --> |
| | | </div> |
| | | </el-dialog> |
| | | |
| | | <!-- 添加或修改体检记录对话框 --> |
| | | <el-dialog :title="title" :visible.sync="open" width="950px" append-to-body> |
| | | <el-tabs v-model="activeName1" type="card"> |
| | | <el-tab-pane label="订单流水" name="first"> |
| | | <el-table :data="numberList" style="width: 100%"> |
| | | <el-table-column prop="proName" label="项目/耗材" width="300"> |
| | | </el-table-column> |
| | | <el-table-column prop="price" label="单价" width="300"> |
| | | </el-table-column> |
| | | <el-table-column prop="count" label="数量" width="300"> |
| | | </el-table-column> |
| | | </el-table> |
| | | <el-table :data="bill" style="width: 100%"> |
| | | <el-table-column prop="copeWith" label="应付" width="180"> |
| | | </el-table-column> |
| | | <el-table-column prop="discount" label="折扣" width="180"> |
| | | </el-table-column> |
| | | <el-table-column prop="paidIn" label="实付" width="180"> |
| | | </el-table-column> |
| | | <el-table-column prop="payType" label="付款方式" width="180"> |
| | | <template slot-scope="scope"> |
| | | <span v-if="scope.row.payType == '0'">现金支付</span> |
| | | <span v-if="scope.row.payType == '1'">刷卡支付</span> |
| | | <span v-if="scope.row.payType == '2'">支付宝支付</span> |
| | | <span v-if="scope.row.payType == '3'">微信支付</span> |
| | | <span v-if="scope.row.payType == '4'">云闪付支付</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="payStasus" label="付款状态" width="180"> |
| | | <template slot-scope="scope"> |
| | | <span v-if="scope.row.payStasus == '0'">未付款</span> |
| | | <span v-if="scope.row.payStasus == '1'">已付款</span> |
| | | <span v-if="scope.row.payStasus == '2'">退费</span> |
| | | <span v-if="scope.row.payStasus == '3'">预付款</span> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="项目汇总" name="second"> |
| | | <el-table :data="huizongList" style="width: 100%"> |
| | | <el-table-column prop="newID" label="序号"> </el-table-column> |
| | | <el-table-column prop="parent_pro_name" label="项目"> |
| | | </el-table-column> |
| | | <el-table-column prop="ks" label="科室"> </el-table-column> |
| | | <el-table-column prop="price" label="费用合计"> </el-table-column> |
| | | </el-table> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="明细项目" name="third"> |
| | | <el-table :data="infoList" style="width: 100%"> |
| | | <el-table-column prop="newID" label="序号"> </el-table-column> |
| | | <el-table-column prop="parent_pro_name" label="父项"> |
| | | </el-table-column> |
| | | <el-table-column prop="proName" label="子项"> </el-table-column> |
| | | <el-table-column prop="danjia" label="单价"> </el-table-column> |
| | | <el-table-column prop="num" label="数量"> </el-table-column> |
| | | <el-table-column prop="zongjia" label="总价"> </el-table-column> |
| | | <el-table-column prop="time" label="开单时间"> </el-table-column> |
| | | </el-table> |
| | | </el-tab-pane> |
| | | </el-tabs> |
| | | <el-dialog |
| | | :title="title1" |
| | | :visible.sync="budadaozhen" |
| | | width="1100px" |
| | | style="height: 860px" |
| | | append-to-body |
| | | :close-on-click-modal="false" |
| | | > |
| | | <el-row type="flex" class="row-bg" justify="space-around"> |
| | | <el-col :span="13"> |
| | | <div |
| | | style="text-align: center; margin-bottom: 10px; margin-top: 10px" |
| | | > |
| | | 补录列表 |
| | | </div> |
| | | |
| | | <div class="tab3"> |
| | | <el-table |
| | | :data="DataLists" |
| | | border |
| | | style="width: 100%" |
| | | height="400" |
| | | @selection-change="handleProjectssChange" |
| | | > |
| | | <el-table-column type="selection" width="40" align="center" /> |
| | | <el-table-column |
| | | type="index" |
| | | label="序号" |
| | | align="center" |
| | | width="49px" |
| | | > |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="blje" |
| | | label="补录金额" |
| | | align="center" |
| | | width="74px" |
| | | > |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="bldh" |
| | | label="补录单号" |
| | | align="center" |
| | | width="155px" |
| | | > |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="blsj" |
| | | label="补录时间" |
| | | align="center" |
| | | width="156px" |
| | | > |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="blrmc" |
| | | label="补录人" |
| | | align="center" |
| | | width="96px" |
| | | > |
| | | </el-table-column> |
| | | </el-table> |
| | | </div> |
| | | </el-col> |
| | | |
| | | <el-col :span="10"> |
| | | <div class="grid-content bg-purple"> |
| | | <div |
| | | style="text-align: center; margin-bottom: 10px; margin-top: 10px" |
| | | > |
| | | 补录项目 |
| | | </div> |
| | | <el-table |
| | | :data="DataListss" |
| | | border |
| | | style="width: 100%" |
| | | height="400" |
| | | :span-method="objectSpanMethod2" |
| | | > |
| | | <el-table-column prop="propinName" label="检查项目"> |
| | | </el-table-column> |
| | | <el-table-column prop="proPrice" label="原价" width="56px"> |
| | | </el-table-column> |
| | | <el-table-column prop="proName" label="明细项目" width="260px"> |
| | | </el-table-column> |
| | | </el-table> |
| | | </div> |
| | | </el-col> |
| | | </el-row> |
| | | <div slot="footer" class="dialog-footer"> |
| | | <el-button @click="cancel">取 消</el-button> |
| | | <el-button type="primary" @click="dayin">打 印</el-button> |
| | | <!-- <el-button @click="cancel">取 消</el-button> --> |
| | | </div> |
| | | </el-dialog> |
| | | </div> |
| | |
| | | getOrderList, |
| | | getNewDateList, |
| | | revokeTjOrderByTjNum, |
| | | huifuyuyuejilu, |
| | | getTransitionInfo, |
| | | getBlproByTjh, |
| | | revokeBlProByBldhAndTjh, |
| | | getForceChexiao, |
| | | } from "@/api/hosp/order"; |
| | | import moment from "moment"; |
| | | import { getZhList, getlistByZhId } from "@/api/system/package"; |
| | | import { getwater } from "@/api/hosp/customer"; |
| | | import { getInfo } from "@/api/login"; |
| | | import ViewPdf from "@/components/ViewPdf"; |
| | | import { |
| | | projectGetList, |
| | | shijianzhou, |
| | | getaddtTransition, |
| | | getProParentIdDxList, |
| | | getProSonDxList, |
| | | getaddtTransition1, |
| | | } from "@/api/system/tijian"; |
| | | import { |
| | | SubmitCompany, |
| | | getCompany, |
| | | queryCompany, |
| | | addbatch, |
| | | } from "@/api/team/tuanti"; |
| | | export default { |
| | | components: { |
| | | ViewPdf, |
| | | }, |
| | | dicts: ["dict_pay_type"], |
| | | dicts: ["dict_pay_type", "dict_team", "reservation_pay_type"], |
| | | name: "Order", |
| | | data() { |
| | | return { |
| | | ztList: [ |
| | | { name: "未检", id: 0 }, |
| | | { name: "在检", id: 1 }, |
| | | { name: "已完成", id: 2 }, |
| | | { name: "已审核", id: 3 }, |
| | | { name: "生成报告", id: 4 }, |
| | | { name: "报告核收", id: 5 }, |
| | | { name: "已出报告", id: 6 }, |
| | | ], |
| | | DataList3: [], |
| | | bldhid: "", |
| | | budadaozhen: false, |
| | | isLoading: false, |
| | | isSubmit: false, |
| | | isSubmit1: false, |
| | | huizongList: [], |
| | | DataLists: [], |
| | | infoList: [], |
| | | activeName1: "first", |
| | | bldhs: [], |
| | | CompanyList: [], |
| | | filterage: "", |
| | | activeName1: "second", |
| | | filterText: "", |
| | | orderIds: "", |
| | | tjnumbers: "", |
| | | Projectssopen: false, |
| | | title1: "", |
| | | cusIds: "", |
| | | userIds: "", |
| | | cusIdcard: "", |
| | | defaultpackProps: { |
| | | children: [], |
| | | label: "proName", |
| | | }, |
| | | cusName: "", |
| | | cusPhone: "", |
| | | cusSex: "", |
| | | reportTimeList: "", |
| | | createTimeList: "", |
| | | packagedataList: [], |
| | | cusId: "", |
| | | payType: "0", |
| | | jsType: "0", |
| | | packageList: [], |
| | | checkedkeys: [], |
| | | dialogVisible: false, |
| | | daoZhenDan: false, |
| | | Projectopen: false, |
| | |
| | | src: "", |
| | | url: "", |
| | | flag: true, |
| | | bill: null, |
| | | bill: [], |
| | | Treedata: [], |
| | | DataListss: [], |
| | | checkedkey: [], |
| | | checkedListkey: [], |
| | | defaultProps: { |
| | | children: [], |
| | | label: "proName", |
| | | }, |
| | | defaultProp: { |
| | | children: [], |
| | | label: "zhmc", |
| | | }, |
| | | TreedataList: [], |
| | | discount: 10, |
| | | DataList: [], |
| | | shijianlist: [], |
| | | // 套餐提交按钮 |
| | | confirm: false, |
| | | list1: true, |
| | | activeName: "1", |
| | | proIds: [], |
| | | TotalPrice1: 0, |
| | | TotalPrice6: 0, |
| | | TotalPrice7: 0, |
| | | numberList: [], |
| | | dialogVisible: false, |
| | | CheckBox: {}, |
| | | // 遮罩层 |
| | | loading: true, |
| | | // 选中数组 |
| | |
| | | dataObj: {}, |
| | | // 非单个禁用 |
| | | single: true, |
| | | activeNames: "first", |
| | | // 非多个禁用 |
| | | multiple: true, |
| | | tjNUms: [], |
| | | // 显示搜索条件 |
| | | showSearch: true, |
| | | userId: "", |
| | |
| | | orderId: "", |
| | | // 是否显示弹出层 |
| | | open: false, |
| | | Datalists: [], |
| | | // 日期范围 |
| | | datetimerange: [], |
| | | marryalls: 0, |
| | | // 查询参数 |
| | | queryParams: { |
| | | pageNum: 1, |
| | |
| | | tjNum: null, |
| | | bgbeginTime: null, |
| | | bgendTime: null, |
| | | xmmc: null, |
| | | tjCompName: "", |
| | | dw: null, |
| | | }, |
| | | startTime: "", |
| | | startTime1: "", |
| | |
| | | }, |
| | | }; |
| | | }, |
| | | |
| | | watch: { |
| | | filterText(val) { |
| | | this.$refs.tree.filter(val); |
| | | }, |
| | | filterage(val) { |
| | | this.$refs.treas.filter(val); |
| | | }, |
| | | }, |
| | | created() { |
| | |
| | | }); |
| | | }, |
| | | methods: { |
| | | findNameByTjnum(tjnum) { |
| | | const order = this.orderList.find( |
| | | (orderItem) => orderItem.tjNumber === tjnum |
| | | ); |
| | | return order ? order.tjCustomerName : "未找到"; // 如果找不到对应的项,返回一个默认值 |
| | | }, |
| | | // 搜索 |
| | | getRemoteData(query) { |
| | | if (query) { |
| | | let compName = query; |
| | | queryCompany(compName).then((response) => { |
| | | this.CompanyList = response.data; |
| | | this.CompanyList.forEach((item) => { |
| | | this.queryParams = item; |
| | | }); |
| | | }); |
| | | } |
| | | }, |
| | | // 选框数据 |
| | | searchSelect(val) { |
| | | this.CheckBox = val; |
| | | this.queryParams.dw = this.CheckBox.cnName; |
| | | console.log(this.CheckBox, 9999); |
| | | }, |
| | | onPayTypeChange() { |
| | | if (this.payType === "6" && this.form.tjType !== 3) { |
| | | this.cannotSelectPayType = true; |
| | | this.$message.warning("该付款类型在此体检类型下不允许选择!"); |
| | | this.payType = this.dict.type.dict_pay_type[0]?.value || null; |
| | | } else { |
| | | this.cannotSelectPayType = false; |
| | | } |
| | | }, |
| | | getdate() { |
| | | getNewDateList().then((res) => { |
| | | if (res.data) { |
| | |
| | | }, |
| | | filterNode(value, data) { |
| | | if (!value) return true; |
| | | return data.proName.indexOf(value) !== -1; |
| | | // if (value == data.proName) { |
| | | // return data.proName.indexOf(value) !== -1; |
| | | // } else { |
| | | // return data.proEngName.indexOf(value) !== -1; |
| | | // } |
| | | // return data.proName.indexOf(value) !== -1; |
| | | if (data.proName.indexOf(value) !== -1) { |
| | | return data.proName.indexOf(value) !== -1; |
| | | } else { |
| | | return data.proEngName.indexOf(value) !== -1; |
| | | } |
| | | }, |
| | | // / 处理默认选中当前日期 |
| | | // getNowTime() { |
| | |
| | | }, |
| | | /** 查询体检记录列表 */ |
| | | getList() { |
| | | this.queryParams.compId = this.CheckBox.drugManufacturerId; |
| | | if (this.startTime) { |
| | | this.queryParams.djbeginTime = this.startTime[0]; |
| | | this.queryParams.djendTime = this.startTime[1]; |
| | | } else if (this.createTimeList) { |
| | | this.queryParams.djbeginTime = this.createTimeList[0]; |
| | | this.queryParams.djendTime = this.createTimeList[1]; |
| | | } else if (this.createTimeList == null) { |
| | | this.queryParams.djbeginTime = null; |
| | | this.queryParams.djendTime = null; |
| | | } |
| | | if (this.startTime1) { |
| | | this.queryParams.bgbeginTime = this.startTime1[0]; |
| | | this.queryParams.bgendTime = this.startTime1[1]; |
| | | } |
| | | |
| | | this.loading = true; |
| | | getOrderList(this.queryParams).then((response) => { |
| | | this.orderList = response.data.list; |
| | | if (this.orderList) { |
| | | this.orderList.forEach((item, index) => { |
| | | item.newID = |
| | | (this.queryParams.pageNum - 1) * this.queryParams.pageSize + |
| | | index + |
| | | 1; |
| | | }); |
| | | } |
| | | this.total = response.data.total; |
| | | this.loading = false; |
| | | }); |
| | | // 获取单位信息集合 |
| | | getCompany(this.queryParams).then((response) => { |
| | | this.CompanyList = response.data; |
| | | |
| | | this.loading = false; |
| | | }); |
| | | }, |
| | | |
| | | sub() { |
| | | this.queryParams.compId = this.CheckBox.drugManufacturerId; |
| | | if (this.startTime) { |
| | | this.queryParams.djbeginTime = this.startTime[0]; |
| | | this.queryParams.djendTime = this.startTime[1]; |
| | |
| | | }); |
| | | }, |
| | | /** 点击显示导检单报表*/ //lige 开始 |
| | | handleReport1(row) { |
| | | /* handleReport1(row) { |
| | | const tjNumber = this.tjnumbers; |
| | | const viewNum = "792931586196398080"; |
| | | getInfo().then(((res)=>{ |
| | | console.log(res,123); |
| | | |
| | | })) |
| | | const params = { viewNum, tjNumber }; |
| | | hasReport(tjNumber).then((res) => { |
| | | if (res == 1) { |
| | |
| | | this.$message.error("该用户暂无项目!"); |
| | | } |
| | | }); |
| | | }, */ |
| | | handleReport1(row) { |
| | | const tjNumber = this.tjnumbers; |
| | | const viewNum = "792931586196398080"; |
| | | // 先调用 getInfo 获取 userId |
| | | getInfo() |
| | | .then((res) => { |
| | | console.log(res, 1111); |
| | | |
| | | const dqdlr = res.user.userId; // 获取 userId |
| | | console.log("User ID:", dqdlr); |
| | | const params = { viewNum, tjNumber, dqdlr }; // 将 userId 加入 params |
| | | |
| | | // 再调用 hasReport 检查报告状态 |
| | | hasReport(tjNumber).then((reportRes) => { |
| | | if (reportRes === 1) { |
| | | this.$tab.openPage("导诊单", "/report/breDailyReport", params); |
| | | } else { |
| | | this.$message.error("该用户暂无项目!"); |
| | | } |
| | | }); |
| | | }) |
| | | .catch(() => { |
| | | this.$message.error("无法获取用户信息!"); |
| | | }); |
| | | }, |
| | | |
| | | handleRevoke() { |
| | | this.$confirm("您确认要撤销?", "确认信息", { |
| | | distinguishCancelAndClose: true, |
| | | confirmButtonText: "确认", |
| | | cancelButtonText: "取消", |
| | | }) |
| | | // 强制撤销按钮 |
| | | ForceChexiao() { |
| | | const tjNum = this.tjnumbers; |
| | | this.$confirm( |
| | | "您是否需要强制撤销?撤销后该人员本次体检记录不可恢复!", |
| | | "确认信息", |
| | | { |
| | | distinguishCancelAndClose: true, |
| | | confirmButtonText: "确认", |
| | | cancelButtonText: "取消", |
| | | customClass: "custom-message-box", |
| | | } |
| | | ) |
| | | |
| | | .then(() => { |
| | | revokeTjOrderByTjNum(this.tjnumbers).then((res) => { |
| | | this.$modal.msgSuccess(res.msg); |
| | | getForceChexiao(tjNum).then((res) => { |
| | | this.$modal.msgSuccess("撤销成功"); |
| | | this.getList(); |
| | | }); |
| | | }) |
| | |
| | | message: "已取消", |
| | | }); |
| | | } |
| | | }); |
| | | this.$nextTick(() => { |
| | | // 确保弹框渲染后应用样式 |
| | | const messageBox = document.querySelector( |
| | | ".custom-message-box .el-message-box__message" |
| | | ); |
| | | if (messageBox) { |
| | | messageBox.style.color = "red"; // 通过 JS 强制设置颜色 |
| | | } |
| | | }); |
| | | }, |
| | | |
| | | ResumeAppointment() { |
| | | this.isLoading = true; |
| | | this.$confirm("您确认要恢复预约?", "确认信息", { |
| | | distinguishCancelAndClose: true, |
| | | confirmButtonText: "确认", |
| | | cancelButtonText: "取消", |
| | | }) |
| | | .then(() => { |
| | | huifuyuyuejilu(this.tjNUms).then((res) => { |
| | | this.$modal.msgSuccess("恢复成功"); |
| | | // this.isLoading = false; |
| | | this.getList(); |
| | | }); |
| | | }) |
| | | .catch((action) => { |
| | | if (action === "cancel") { |
| | | this.$message({ |
| | | type: "warning", |
| | | message: "已取消", |
| | | }); |
| | | } |
| | | }) |
| | | .finally(() => { |
| | | // 不论操作成功还是失败,都会执行 |
| | | this.isLoading = false; |
| | | }); |
| | | }, |
| | | |
| | | handleRevoke() { |
| | | this.isLoading = true; |
| | | this.$confirm("您确认要撤销?", "确认信息", { |
| | | distinguishCancelAndClose: true, |
| | | confirmButtonText: "确认", |
| | | cancelButtonText: "取消", |
| | | }) |
| | | .then(() => { |
| | | revokeTjOrderByTjNum(this.tjnumbers).then((res) => { |
| | | this.$modal.msgSuccess("撤销成功"); |
| | | // this.isLoading = false; |
| | | this.getList(); |
| | | }); |
| | | }) |
| | | .catch((action) => { |
| | | if (action === "cancel") { |
| | | this.$message({ |
| | | type: "warning", |
| | | message: "已取消", |
| | | }); |
| | | } |
| | | }) |
| | | .finally(() => { |
| | | // 不论操作成功还是失败,都会执行 |
| | | this.isLoading = false; |
| | | }); |
| | | }, |
| | | /** 点击显示体检报告报表*/ |
| | |
| | | djendTime: null, |
| | | bgbeginTime: null, |
| | | bgendTime: null, |
| | | dw: null, |
| | | }; |
| | | this.resetForm("form"); |
| | | }, |
| | |
| | | /** 搜索按钮操作 */ |
| | | handleQuery() { |
| | | this.queryParams.pageNum = 1; |
| | | this.getList(); |
| | | // this.getList(); |
| | | this.sub(); |
| | | }, |
| | | renderContents(h, { node, data, store }) { |
| | | return ( |
| | | <span class="custom-tree-node"> |
| | | <span>{node.label}</span> |
| | | <span>({data.price}元)</span> |
| | | </span> |
| | | ); |
| | | }, |
| | | |
| | | objectspanmethod({ row, column, rowIndex, columnIndex }) { |
| | | let fields = ["propinName"]; |
| | | let cellValue = row[column.property]; |
| | | if (cellValue && fields.includes(column.property)) { |
| | | let prevRow = this.Datalists[rowIndex - 1]; |
| | | let nextRow = this.Datalists[rowIndex + 1]; |
| | | if (prevRow && prevRow[column.property] === cellValue) { |
| | | return { rowspan: 0, colspan: 0 }; |
| | | } else { |
| | | let countRowspan = 1; |
| | | while (nextRow && nextRow[column.property] === cellValue) { |
| | | nextRow = this.Datalists[++countRowspan + rowIndex]; |
| | | } |
| | | |
| | | if (countRowspan > 1) { |
| | | return { rowspan: countRowspan, colspan: 1 }; |
| | | } |
| | | } |
| | | } |
| | | |
| | | // if (columnIndex == 3) { |
| | | // let rowspan = 0; |
| | | // this.DataLists.forEach((element) => { |
| | | // if (element.propinName === row.propinName) { |
| | | // rowspan++; |
| | | // } |
| | | // }); |
| | | // return [rowspan, 1]; |
| | | // } |
| | | }, |
| | | filterpackage(value, data) { |
| | | if (!value) return true; |
| | | if (data.zhmc.indexOf(value) !== -1) { |
| | | return data.zhmc.indexOf(value) !== -1; |
| | | } else { |
| | | return data.pym.indexOf(value) !== -1; |
| | | } |
| | | }, |
| | | /** 重置按钮操作 */ |
| | | resetQuery() { |
| | |
| | | this.startTime1 = []; |
| | | this.createTimeList = []; |
| | | this.resetForm("queryForm"); |
| | | this.queryParams = { |
| | | pageNum: 1, |
| | | pageSize: 10, |
| | | djbeginTime: null, |
| | | djendTime: null, |
| | | tjNum: null, |
| | | bgbeginTime: null, |
| | | bgendTime: null, |
| | | xmmc: null, |
| | | tjCompName: "", |
| | | dw: null, |
| | | }; |
| | | this.handleQuery(); |
| | | }, |
| | | // 多选框选中数据 |
| | | handleSelectionChange(selection) { |
| | | let tjNUms = selection.map((item) => item.tjNumber); |
| | | this.tjNUms = selection.map((item) => item.tjNumber); |
| | | selection.forEach((item) => { |
| | | this.orderIds = item.orderId; |
| | | this.tjnumbers = item.tjNumber; |
| | |
| | | this.cusName = item.tjCustomerName; |
| | | this.cusPhone = item.tjCustomerPhone; |
| | | this.cusSex = item.tjCustomerSex; |
| | | this.form.tjType = parseInt(item.tjType); |
| | | }); |
| | | |
| | | this.ids = selection.map((item) => item.orderId); |
| | | // this.tjNumbers = selection.map((item) => item.tjNumber); |
| | | this.single = selection.length !== 1; |
| | | this.multiple = !selection.length; |
| | | if (tjNUms.length > 0) { |
| | | shijianzhou(tjNUms).then((res) => { |
| | | this.shijianlist = res.data; |
| | | }); |
| | | } else { |
| | | this.shijianlist = []; |
| | | } |
| | | }, |
| | | /** 新增按钮操作 */ |
| | | // handleAdd() { |
| | |
| | | getNumber(tjNumber).then((response) => { |
| | | // this.form = response.data; |
| | | this.numberList = response.data.charging; |
| | | this.bill = response.data.water; |
| | | this.bill = []; |
| | | var copeWith = 0; |
| | | var paidIn = 0; |
| | | var discount = ""; |
| | | response.data.water.forEach((item) => { |
| | | copeWith += item.copeWith; |
| | | paidIn += item.paidIn; |
| | | discount = item.discount; |
| | | }); |
| | | this.bill.push({ |
| | | copeWith: copeWith, |
| | | paidIn: paidIn, |
| | | discount: discount, |
| | | }); |
| | | |
| | | this.title = "订单流水"; |
| | | }); |
| | | getTransitionInfo(tjNumber).then((res) => { |
| | | console.log(111); |
| | | console.log(res); |
| | | this.huizongList = res.data.huizong; |
| | | this.infoList = res.data.info; |
| | | this.huizongList.forEach((item, index) => { |
| | |
| | | getNumber(tjNumber).then((response) => { |
| | | // this.form = response.data; |
| | | this.numberList = response.data.charging; |
| | | this.bill = response.data.water; |
| | | this.bill = []; |
| | | var copeWith = 0; |
| | | var paidIn = 0; |
| | | var discount = ""; |
| | | response.data.water.forEach((item) => { |
| | | copeWith += item.copeWith; |
| | | paidIn += item.paidIn; |
| | | discount = item.discount; |
| | | }); |
| | | this.bill.push({ |
| | | copeWith: copeWith, |
| | | paidIn: paidIn, |
| | | discount: discount, |
| | | }); |
| | | |
| | | this.title = "订单流水"; |
| | | }); |
| | | getTransitionInfo(tjNumber).then((res) => { |
| | | this.huizongList = res.data.huizong; |
| | | this.infoList = res.data.info; |
| | | this.huizongList.forEach((item, index) => { |
| | | item.newID = |
| | | (this.queryParams.pageNum - 1) * this.queryParams.pageSize + |
| | | index + |
| | | 1; |
| | | }); |
| | | this.infoList.forEach((item, index) => { |
| | | item.newID = |
| | | (this.queryParams.pageNum - 1) * this.queryParams.pageSize + |
| | | index + |
| | | 1; |
| | | }); |
| | | }); |
| | | }, |
| | | budadzd() { |
| | | this.bldhs = []; |
| | | this.bldhid = ""; |
| | | getBlproByTjh(this.tjnumbers).then((res) => { |
| | | if (res.data) { |
| | | this.DataLists = res.data; |
| | | this.budadaozhen = true; |
| | | this.title1 = "补打导诊单"; |
| | | } else { |
| | | this.$message({ |
| | | type: "warning ", |
| | | message: "该客户没有补录项目", |
| | | }); |
| | | } |
| | | }); |
| | | }, |
| | | dayin() { |
| | | // this.bldhs = []; |
| | | console.log(this.bldhs); |
| | | this.bldhid.toString(this.bldhs); |
| | | this.bldhs.forEach((item) => { |
| | | console.log(item, 666); |
| | | this.bldhid += item + ","; |
| | | }); |
| | | // this.bldhid = this.bldhs.toString() |
| | | console.log(this.bldhid); |
| | | const tjNumber = this.tjnumbers; |
| | | const viewNum = "983185234038140928"; |
| | | const jxbz = this.bldhid; |
| | | // const params = { viewNum, tjNumber, jxbz }; |
| | | // console.log(params); |
| | | getInfo().then((res) => { |
| | | console.log(res, 1111); |
| | | const dqdlr = res.user.userId; // 获取 userId |
| | | const params = { viewNum, tjNumber, jxbz, dqdlr }; |
| | | |
| | | hasReport(tjNumber).then((res) => { |
| | | if (res == 1) { |
| | | this.$tab.openPage("导诊单", "/report/budabreDailyReport", params); |
| | | this.budadaozhen = false; |
| | | } else { |
| | | this.$message.error("该用户暂无项目!"); |
| | | } |
| | | }); |
| | | }); |
| | | /* hasReport(tjNumber).then((res) => { |
| | | if (res == 1) { |
| | | this.$tab.openPage("导诊单", "/report/budabreDailyReport", params); |
| | | this.budadaozhen = false; |
| | | } else { |
| | | this.$message.error("该用户暂无项目!"); |
| | | } |
| | | }); */ |
| | | }, |
| | | |
| | | handleClick(tab, event) { |
| | | if (this.activeNames == "first") { |
| | | // this.marryalls = 0; |
| | | // this.Datalists = []; |
| | | this.checkedkeys = []; |
| | | |
| | | this.DataList3 = []; |
| | | getZhList().then((response) => { |
| | | if (response.data) { |
| | | this.packageList = response.data; |
| | | } |
| | | this.loading = false; |
| | | }); |
| | | } else { |
| | | // this.TotalPrice1 = 0; |
| | | this.checkedkeys = []; |
| | | // this.DataList = []; |
| | | this.Datalists = []; |
| | | this.DataList3 = []; |
| | | this.getDataList(); |
| | | // if (this.marryalls != 0) { |
| | | // this.TotalPrice1 += this.marryalls; |
| | | // } |
| | | } |
| | | }, |
| | | handlepackage(data, checked, checkedNodes) { |
| | | if (checked == true) { |
| | | // this.$refs.treas.setCheckedKeys([data.id]); |
| | | let datas = { |
| | | zhId: data.id, |
| | | }; |
| | | |
| | | getlistByZhId(datas).then((res) => { |
| | | this.packagedataList = res.data.tjProjectList; |
| | | for (var i = 0; i < this.packagedataList.length; i++) { |
| | | let proId = this.packagedataList[i].proId; |
| | | getProSonDxList(proId).then((res) => { |
| | | this.TreedataList = res.data.list; |
| | | this.TreedataList.forEach((item) => { |
| | | this.Datalists.push(item); |
| | | }); |
| | | |
| | | // 合并 Datalists 和 DataList 到 DataList3 |
| | | this.DataList3 = this.DataList.concat(this.Datalists); |
| | | |
| | | // 清空累加器 |
| | | this.marryalls = 0; |
| | | this.TotalPrice1 = 0; |
| | | |
| | | // 重新计算价格 |
| | | this.DataList3.forEach((item) => { |
| | | console.log(item.proPrice); |
| | | this.TotalPrice1 += item.proPrice * item.sl; |
| | | this.marryalls += item.proPrice * item.sl; |
| | | }); |
| | | |
| | | // 为每个项目添加 propinName |
| | | this.Datalists.forEach((item1) => { |
| | | this.packagedataList.forEach((item3) => { |
| | | if (item1.proParentId == item3.proId) { |
| | | item1.propinName = item3.proName; |
| | | } |
| | | }); |
| | | }); |
| | | }); |
| | | } |
| | | }); |
| | | } else if (checked == false) { |
| | | let datas = { |
| | | zhId: data.id, |
| | | }; |
| | | |
| | | this.marryalls = 0; |
| | | |
| | | // 清空 Datalists 和 DataList3 |
| | | this.Datalists = []; |
| | | this.DataList3 = [...this.DataList]; // 重新设置 DataList3,仅包含原始 DataList |
| | | |
| | | getlistByZhId(datas).then((res) => { |
| | | this.packagedataList = res.data.tjProjectList; |
| | | for (var i = 0; i < this.packagedataList.length; i++) { |
| | | let proId = this.packagedataList[i].proId; |
| | | getProSonDxList(proId).then((res) => { |
| | | this.TreedataList = res.data.list; |
| | | this.checkedListkey = this.checkedListkey.filter( |
| | | (id) => id !== proId |
| | | ); |
| | | |
| | | // 从 DataList3 中移除相关的子项 |
| | | this.DataList3 = this.DataList3.filter( |
| | | (item) => item.proParentId !== proId |
| | | ); |
| | | |
| | | // 更新总价格 |
| | | this.TotalPrice1 = 0; // 清空价格 |
| | | this.DataList3.forEach((item) => { |
| | | this.TotalPrice1 += item.proPrice; |
| | | }); |
| | | }); |
| | | } |
| | | }); |
| | | } |
| | | }, |
| | | |
| | | /* handlepackage(data, checked, checkedNodes) { |
| | | console.log(checked, 3333); |
| | | |
| | | if (checked.checkedNodes.length != 0) { |
| | | this.$refs.treas.setCheckedKeys([data.id]); |
| | | let datas = { |
| | | zhId: data.id, |
| | | }; |
| | | |
| | | getlistByZhId(datas).then((res) => { |
| | | this.packagedataList = res.data.tjProjectList; |
| | | |
| | | for (var i = 0; i < this.packagedataList.length; i++) { |
| | | let proId = this.packagedataList[i].proId; |
| | | getProSonDxList(proId).then((res) => { |
| | | this.TreedataList = res.data.list; |
| | | this.TreedataList.forEach((item) => { |
| | | this.Datalists.push(item); |
| | | this.DataList3 = this.DataList.concat(this.Datalists); |
| | | if (this.Datalists.length >= 1) { |
| | | this.marryalls = 0; |
| | | this.Datalists.forEach((item1) => { |
| | | this.marryalls += item1.proPrice; |
| | | // this.TotalPrice1 = this.marryalls; |
| | | this.TotalPrice1 = 0; |
| | | |
| | | if (this.DataList3.length != 0) { |
| | | this.DataList3.forEach((item) => { |
| | | console.log(item.proPrice); |
| | | this.TotalPrice1 += item.proPrice; |
| | | }); |
| | | } |
| | | this.packagedataList.forEach((item3) => { |
| | | if (item1.proParentId == item3.proId) { |
| | | item1.propinName = item3.proName; |
| | | } |
| | | }); |
| | | }); |
| | | } |
| | | }); |
| | | }); |
| | | } |
| | | }); |
| | | } else if (checked.checkedNodes.length == 0) { |
| | | } |
| | | }, */ |
| | | |
| | | renderContent(h, { node, data, store }) { |
| | | return ( |
| | | <span class="custom-tree-node"> |
| | | <span>{node.label}</span> |
| | | <span>{node.label}</span> |
| | | <span>({data.proPrice}元)</span> |
| | | </span> |
| | | ); |
| | |
| | | |
| | | // 补录项目 |
| | | handleProject(row) { |
| | | this.payType = "0"; |
| | | this.loading = true; |
| | | this.DataList = []; |
| | | this.DataList3 = []; |
| | | this.Datalists = []; |
| | | this.TotalPrice1 = 0; |
| | | this.orderId = row.orderId; |
| | | this.cusId = row.tjCusIdCard; |
| | | this.userId = row.userId; |
| | | console.log(row, 666); |
| | | this.$nextTick(() => { |
| | | this.$refs.tableRef.clearSelection(); // 清除所有选中 |
| | | this.$refs.tableRef.toggleRowSelection(row, true); // 选中当前行 |
| | | }); |
| | | |
| | | this.customer = { |
| | | cusIdcard: row.tjCusIdCard, |
| | | cusName: row.tjCustomerName, |
| | |
| | | if (row.tjType) { |
| | | this.form.tjType = parseInt(row.tjType); |
| | | } else { |
| | | this.form.tjType = 0; |
| | | this.form.tjType = 2; |
| | | } |
| | | this.activeNames = "first"; |
| | | /** 查询部门下拉树结构 */ |
| | | this.getDataList(); |
| | | this.handleClick(); |
| | | |
| | | this.Projectopen = true; |
| | | this.title = "补录项目"; |
| | | }, |
| | |
| | | getDataList() { |
| | | getProParentIdDxList().then((response) => { |
| | | this.Treedata = response.data.list; |
| | | this.checkedkey.push(this.Treedata[0].proId); |
| | | let proId = this.Treedata[0].proId; |
| | | getProSonDxList(proId).then((res) => { |
| | | this.TreedataList = res.data.list; |
| | | this.TreedataList.forEach((item) => { |
| | | this.checkedListkey.push(item.proId); |
| | | this.DataList.push(item); |
| | | this.DataList.forEach((item) => { |
| | | item.propinName = this.Treedata[0].proName; |
| | | }); |
| | | }); |
| | | this.TotalPrice1 = 0; |
| | | // this.checkedkey.push(this.Treedata[0].proId); |
| | | // let proId = this.Treedata[0].proId; |
| | | // getProSonDxList(proId).then((res) => { |
| | | // this.TreedataList = res.data.list; |
| | | // this.TreedataList.forEach((item) => { |
| | | // this.checkedListkey.push(item.proId); |
| | | // this.DataList.push(item); |
| | | // this.DataList.forEach((item) => { |
| | | // item.propinName = this.Treedata[0].proName; |
| | | // }); |
| | | // }); |
| | | // this.TotalPrice1 = 0; |
| | | |
| | | if (this.DataList.length != 0) { |
| | | this.list1 = false; |
| | | this.DataList.forEach((item) => { |
| | | this.TotalPrice1 = item.proPrice + this.TotalPrice1; |
| | | }); |
| | | } |
| | | }); |
| | | // if (this.DataList.length != 0) { |
| | | // this.list1 = false; |
| | | // this.DataList.forEach((item) => { |
| | | // this.TotalPrice1 = item.proPrice + this.TotalPrice1; |
| | | // }); |
| | | // } |
| | | // }); |
| | | this.loading = false; |
| | | }); |
| | | }, |
| | | revokeProject() { |
| | | getBlproByTjh(this.tjnumbers).then((res) => { |
| | | if (res.data) { |
| | | this.DataLists = res.data; |
| | | this.Projectssopen = true; |
| | | this.title1 = "撤销补录"; |
| | | } else { |
| | | this.$message({ |
| | | type: "warning ", |
| | | message: "该客户没有补录项目", |
| | | }); |
| | | } |
| | | }); |
| | | }, |
| | | // 补录项目 |
| | | handleProject1() { |
| | | this.payType = "0"; |
| | | this.loading = true; |
| | | this.DataList = []; |
| | | this.DataList3 = []; |
| | | this.Datalists = []; |
| | | this.TotalPrice1 = 0; |
| | | this.orderId = this.ids; |
| | | this.cusId = this.cusIds; |
| | | this.userId = this.userIds; |
| | |
| | | cusPhone: this.cusPhone, |
| | | cusSex: this.cusSex, |
| | | }; |
| | | this.activeNames = "first"; |
| | | /** 查询部门下拉树结构 */ |
| | | this.getDataList(); |
| | | this.handleClick(); |
| | | |
| | | this.Projectopen1 = true; |
| | | this.title = "补录项目"; |
| | | }, |
| | | |
| | | // 点击获取每个树节点 |
| | | handleCurrentChecked(data, checked, checkedNodes) { |
| | | /* handleCurrentChecked(data, checked, checkedNodes) { |
| | | this.dataObj = data; |
| | | if (checked.checkedNodes.length != 0) { |
| | | this.checkedObj = checked; |
| | | if (checked == true) { |
| | | this.$refs.tree.setCheckedKeys([data.proId]); |
| | | let proId = data.proId; |
| | | getProSonDxList(proId).then((res) => { |
| | |
| | | this.TreedataList.forEach((item) => { |
| | | this.checkedListkey.push(item.proId); |
| | | this.DataList.push(item); |
| | | this.DataList3 = this.DataList.concat(this.Datalists); |
| | | this.spliceData(); |
| | | this.DataList.forEach((item1) => { |
| | | if (item1.proParentId == data.proId) { |
| | |
| | | }); |
| | | }); |
| | | this.TotalPrice1 = 0; |
| | | if (this.DataList.length != 0) { |
| | | this.list1 = false; |
| | | this.DataList.forEach((item) => { |
| | | this.TotalPrice1 = item.proPrice + this.TotalPrice1; |
| | | if (this.DataList3.length != 0) { |
| | | this.DataList3.forEach((item) => { |
| | | this.TotalPrice1 += item.proPrice * item.sl; |
| | | }); |
| | | } |
| | | // this.TotalPrice1 = 0; |
| | | // if (this.DataList.length != 0) { |
| | | // this.list1 = false; |
| | | // this.DataList.forEach((item) => { |
| | | // this.TotalPrice1 = item.proPrice + this.TotalPrice1; |
| | | // }); |
| | | // if (this.marryalls != 0) { |
| | | // this.TotalPrice1 += this.marryalls; |
| | | // } |
| | | // } |
| | | }); |
| | | } else if (checked.checkedNodes.length == 0) { |
| | | } else if (checked == false) { |
| | | let proId = data.proId; |
| | | getProSonDxList(proId).then((res) => { |
| | | this.TreedataList = res.data.list; |
| | | this.checkedListkey = []; |
| | | this.TreedataList.forEach((item) => { |
| | | item.disabled = true; |
| | | }); |
| | | this.DataList3.forEach((item, index) => { |
| | | if (item.proParentId == this.dataObj.proId) { |
| | | this.DataList3.splice(index, this.TreedataList.length); |
| | | } |
| | | }); |
| | | |
| | | // 手动更新总价格 |
| | | this.TotalPrice1 = 0; |
| | | this.DataList3.forEach((item, index) => { |
| | | this.TotalPrice1 += item.proPrice * item.sl; |
| | | }); |
| | | }); |
| | | } |
| | | }, */ |
| | | handleCurrentChecked(data, checked, checkedNodes) { |
| | | this.dataObj = data; |
| | | this.checkedObj = checked; |
| | | |
| | | if (checked === true) { |
| | | // this.$refs.tree.setCheckedKeys([data.proId]); |
| | | let proId = data.proId; |
| | | getProSonDxList(proId).then((res) => { |
| | | this.TreedataList = res.data.list; |
| | | |
| | | this.TreedataList.forEach((item) => { |
| | | // item.disabled = true; |
| | | // this.checkedListkey.push(item.proId); |
| | | if (!this.checkedListkey.includes(item.proId)) { |
| | | this.checkedListkey.push(item.proId); |
| | | } |
| | | this.Datalists.push(item); |
| | | |
| | | this.DataList3.push(item); |
| | | |
| | | this.spliceData(); |
| | | this.DataList3.forEach((item1) => { |
| | | this.TotalPrice1 += item1.proPrice * item1.sl; |
| | | if (item1.proParentId == data.proId) { |
| | | item1.propinName = data.proName; |
| | | item1.propinPrice = this.dataObj.proPrice; |
| | | } |
| | | }); |
| | | }); |
| | | |
| | | // 更新总价格 |
| | | this.TotalPrice1 = 0; |
| | | this.DataList3.forEach((item) => { |
| | | this.TotalPrice1 += item.proPrice * item.sl; |
| | | }); |
| | | }); |
| | | } else if (checked === false) { |
| | | // 当取消选中时 |
| | | let proId = data.proId; |
| | | getProSonDxList(proId).then((res) => { |
| | | this.TreedataList = res.data.list; |
| | | |
| | | // 遍历 TreedataList 并移除相关的子项 ID |
| | | this.TreedataList.forEach((item) => { |
| | | this.checkedListkey = this.checkedListkey.filter( |
| | | (id) => id !== item.proId |
| | | ); |
| | | }); |
| | | |
| | | this.Datalists = this.Datalists.filter( |
| | | (item) => item.proParentId !== proId |
| | | ); |
| | | |
| | | // 从 DataList3 中移除相关的子项 |
| | | this.DataList3 = this.DataList3.filter( |
| | | (item) => item.proParentId !== proId |
| | | ); |
| | | |
| | | // 更新总价格 |
| | | this.TotalPrice1 = 0; |
| | | this.DataList3.forEach((item) => { |
| | | this.TotalPrice1 += item.proPrice * item.sl; |
| | | }); |
| | | }); |
| | | } |
| | | }, |
| | |
| | | this.DataList.forEach((item1) => { |
| | | this.TotalPrice1 = item1.proPrice + this.TotalPrice1; |
| | | }); |
| | | if (this.marryalls != 0) { |
| | | this.TotalPrice1 += this.marryalls; |
| | | } |
| | | } |
| | | }); |
| | | } else if (checked == true) { |
| | |
| | | this.spliceData(); |
| | | this.TotalPrice1 = 0; |
| | | this.DataList.forEach((item1) => { |
| | | console.log(item1.proPrice, 3322); |
| | | console.log(this.TotalPrice1, 1122); |
| | | |
| | | this.TotalPrice1 = item1.proPrice + this.TotalPrice1; |
| | | }); |
| | | if (this.marryalls != 0) { |
| | | this.TotalPrice1 += this.marryalls; |
| | | } |
| | | } |
| | | }, |
| | | |
| | | handleDel(row) { |
| | | this.Datalists.forEach((item, index) => { |
| | | if (item.proId == row.proId) { |
| | | this.Datalists.splice(index, 1); |
| | | this.marryalls = 0; |
| | | this.Datalists.forEach((item1) => { |
| | | this.marryalls += item1.proPrice; |
| | | }); |
| | | } |
| | | }); |
| | | this.DataList3.forEach((item, index) => { |
| | | if (item.proId == row.proId) { |
| | | this.DataList3.splice(index, 1); |
| | | this.marryalls = 0; |
| | | this.DataList3.forEach((item1) => { |
| | | this.marryalls += item1.proPrice; |
| | | }); |
| | | } |
| | | }); |
| | | this.DataList.forEach((item, index) => { |
| | | if (item.proId == row.proId) { |
| | | this.DataList.splice(index, 1); |
| | | this.TotalPrice1 = 0; |
| | | this.DataList.forEach((item1) => { |
| | | this.TotalPrice1 = item1.proPrice + this.TotalPrice1; |
| | | }); |
| | | if (this.marryalls != 0) { |
| | | this.TotalPrice1 += this.marryalls; |
| | | } |
| | | } |
| | | }); |
| | | this.TotalPrice1 = 0; |
| | | this.DataList3.forEach((item) => { |
| | | this.TotalPrice1 += item.proPrice; |
| | | }); |
| | | }, |
| | | /** 删除按钮操作 */ |
| | | handleDelete(row) { |
| | | this.DataList.forEach((item, index) => { |
| | |
| | | this.DataList.forEach((item1) => { |
| | | this.TotalPrice1 = item1.proPrice + this.TotalPrice1; |
| | | }); |
| | | if (this.marryalls != 0) { |
| | | this.TotalPrice1 += this.marryalls; |
| | | } |
| | | } |
| | | }); |
| | | }, |
| | | |
| | | // // 默认接受四个值 { 当前行的值, 当前列的值, 行的下标, 列的下标 } |
| | | objectSpanMethod({ row, column, rowIndex, columnIndex }) { |
| | | console.log(row, column, rowIndex, columnIndex); |
| | | // console.log(row, column, rowIndex, columnIndex); |
| | | let fields = ["propinName"]; |
| | | let cellValue = row[column.property]; |
| | | if (cellValue && fields.includes(column.property)) { |
| | |
| | | } |
| | | }, |
| | | |
| | | objectSpanMethod1({ row, column, rowIndex, columnIndex }) { |
| | | // console.log(row, column, rowIndex, columnIndex); |
| | | let fields = ["parent_pro_name"]; |
| | | let cellValue = row[column.property]; |
| | | if (cellValue && fields.includes(column.property)) { |
| | | let prevRow = this.infoList[rowIndex - 1]; |
| | | let nextRow = this.infoList[rowIndex + 1]; |
| | | if (prevRow && prevRow[column.property] === cellValue) { |
| | | return { rowspan: 0, colspan: 0 }; |
| | | } else { |
| | | let countRowspan = 1; |
| | | while (nextRow && nextRow[column.property] === cellValue) { |
| | | nextRow = this.infoList[++countRowspan + rowIndex]; |
| | | } |
| | | if (countRowspan > 1) { |
| | | return { rowspan: countRowspan, colspan: 1 }; |
| | | } |
| | | } |
| | | } |
| | | }, |
| | | |
| | | objectSpanMethod2({ row, column, rowIndex, columnIndex }) { |
| | | // console.log(row, column, rowIndex, columnIndex); |
| | | let fields = ["propinName"]; |
| | | let cellValue = row[column.property]; |
| | | if (cellValue && fields.includes(column.property)) { |
| | | let prevRow = this.DataListss[rowIndex - 1]; |
| | | let nextRow = this.DataListss[rowIndex + 1]; |
| | | if (prevRow && prevRow[column.property] === cellValue) { |
| | | return { rowspan: 0, colspan: 0 }; |
| | | } else { |
| | | let countRowspan = 1; |
| | | while (nextRow && nextRow[column.property] === cellValue) { |
| | | nextRow = this.DataListss[++countRowspan + rowIndex]; |
| | | } |
| | | if (countRowspan > 1) { |
| | | return { rowspan: countRowspan, colspan: 1 }; |
| | | } |
| | | } |
| | | } |
| | | }, |
| | | |
| | | // 收费按钮 |
| | | submitPrice() { |
| | | this.proIds = []; |
| | | this.isSubmit = true; |
| | | if (this.DataList.length != 0) { |
| | | this.DataList.forEach((item) => { |
| | | this.proIds.push(item.proId); |
| | | }); |
| | | } |
| | | if (this.Datalists.length != 0) { |
| | | this.Datalists.forEach((item) => { |
| | | this.proIds.push(item.proId); |
| | | }); |
| | | } |
| | |
| | | }; |
| | | getaddtTransition(data).then((response) => { |
| | | if (response.code === 200) { |
| | | this.DataList = []; |
| | | this.DataList3 = []; |
| | | this.DataLists = []; |
| | | this.TotalPrice1 = 0; |
| | | let tjType = this.form.tjType; |
| | | let copeWith = this.TotalPrice1; |
| | | let paidIn = copeWith * (this.discount / 10); |
| | |
| | | payType: this.payType, |
| | | }; |
| | | getwater(data).then((res) => { |
| | | this.isSubmit = false; |
| | | this.$modal.msgSuccess("提交成功"); |
| | | this.mobanId = res.data.mobanId; |
| | | this.waterId = res.data.waterId; |
| | |
| | | // 收费按钮 |
| | | submitPrice1() { |
| | | this.proIds = []; |
| | | this.isSubmit1 = true; |
| | | if (this.DataList.length != 0) { |
| | | this.DataList.forEach((item) => { |
| | | this.proIds.push(item.proId); |
| | | }); |
| | | } |
| | | if (this.Datalists.length != 0) { |
| | | this.Datalists.forEach((item) => { |
| | | this.proIds.push(item.proId); |
| | | }); |
| | | } |
| | |
| | | cusId: this.cusIds, |
| | | proIds: this.proIds, |
| | | }; |
| | | getaddtTransition(data).then((response) => { |
| | | getaddtTransition1(data).then((response) => { |
| | | console.log(123456789); |
| | | |
| | | if (response.code === 200) { |
| | | // this.DataList3 = []; |
| | | // this.DataList = []; |
| | | // this.DataList3 = []; |
| | | let tjType = this.form.tjType; |
| | | let copeWith = this.TotalPrice1; |
| | | let paidIn = copeWith * (this.discount / 10); |
| | |
| | | discount, |
| | | copeWith, |
| | | tjType, |
| | | payStasus: this.jsType, |
| | | orderId: this.orderIds, |
| | | tjProIds: this.proIds, |
| | | payType: this.payType, |
| | | }; |
| | | |
| | | getwater(data).then((res) => { |
| | | this.$modal.msgSuccess("提交成功"); |
| | | this.mobanId = res.data.mobanId; |
| | |
| | | const params = { viewNum, tjnumber }; |
| | | this.$tab.openPage("收款小票", "/report/charge", params); |
| | | this.Projectopen1 = false; |
| | | this.Projectopen = false; |
| | | this.isSubmit1 = false; |
| | | }); |
| | | } |
| | | this.isSubmit1 = false; |
| | | }); |
| | | }, |
| | | |
| | | handleProjectssChange(selection) { |
| | | this.DataListss = []; |
| | | this.selection = []; |
| | | |
| | | this.bldhs = selection.map((item) => item.bldh); |
| | | selection.forEach((item) => { |
| | | item.projectList.forEach((item1) => { |
| | | item1.children.forEach((item2) => { |
| | | this.DataListss.push(item2); |
| | | if (this.DataListss.length != 0) { |
| | | this.DataListss.forEach((item) => { |
| | | if (item.proParentId == item1.proId) |
| | | item.propinName = item1.proName; |
| | | }); |
| | | } |
| | | }); |
| | | }); |
| | | }); |
| | | }, |
| | | |
| | | /** 提交按钮 */ |
| | | // submitForm() { |
| | | // this.$refs["form"].validate(valid => { |
| | | // if (valid) { |
| | | // if (this.form.orderId != null) { |
| | | // updateOrder(this.form).then(response => { |
| | | // this.$modal.msgSuccess("修改成功"); |
| | | // this.open = false; |
| | | // this.getList(); |
| | | // }); |
| | | // } else { |
| | | // addOrder(this.form).then(response => { |
| | | // this.$modal.msgSuccess("新增成功"); |
| | | // this.open = false; |
| | | // this.getList(); |
| | | // }); |
| | | // } |
| | | // } |
| | | // }); |
| | | // }, |
| | | submitForm() { |
| | | this.$confirm(" 是否撤销该补录项目?", "提示", { |
| | | confirmButtonText: "是", |
| | | cancelButtonText: "否", |
| | | type: "warning", |
| | | }) |
| | | .then(() => { |
| | | let data = { |
| | | tjh: this.tjnumbers, |
| | | bldhs: this.bldhs, |
| | | }; |
| | | revokeBlProByBldhAndTjh(data).then((res) => { |
| | | this.Projectssopen = false; |
| | | }); |
| | | }) |
| | | .catch(() => { |
| | | this.$message({ |
| | | type: "info", |
| | | message: "已取消撤销", |
| | | }); |
| | | this.Projectssopen = false; |
| | | }); |
| | | }, |
| | | |
| | | /** 导出按钮操作 */ |
| | | handleExport() { |
| | | console.log(this.queryParams) |
| | | this.download( |
| | | "hosp/order/export", |
| | | "/hosp/order/exportOrderList", |
| | | { |
| | | ...this.queryParams, |
| | | }, |
| | |
| | | }, |
| | | }; |
| | | </script> |
| | | <style lang="scss"> |
| | | <style lang="scss" scoped> |
| | | .custom-dialog { |
| | | /* 自定义弹出框的最小高度 */ |
| | | min-height: 600px; /* 从默认高度增加到 600px,可以根据需要调整 */ |
| | | } |
| | | |
| | | /* 调整 el-tabs 的内容区域高度 */ |
| | | ::v-deep .el-tabs__content { |
| | | min-height: 500px; /* 确保选项卡内容区域有足够高度 */ |
| | | } |
| | | |
| | | /* 调整对话框的主体部分 */ |
| | | ::v-deep .el-dialog__body { |
| | | padding: 20px; |
| | | } |
| | | |
| | | /* 可选:调整 footer 的样式 */ |
| | | .dialog-footer { |
| | | padding: 10px 20px; |
| | | text-align: right; |
| | | } |
| | | .pag { |
| | | width: 100%; |
| | | display: flex; |
| | |
| | | // .el-dialog__body { |
| | | // padding: 20px; |
| | | // } |
| | | |
| | | ::v-deep .el-message-box__message { |
| | | color: red !important; /* 强制设置颜色为红色 */ |
| | | } |
| | | // .custom-message-box .el-message-box__message { |
| | | // color: red !important; /* 设置文字为红色 */ |
| | | // } |
| | | .o { |
| | | margin-top: 8px; |
| | | } |
| | | .outside { |
| | | width: 500px; |
| | | display: flex; |
| | | margin-top: 8px; |
| | | } |
| | | .outsides { |
| | | width: 500px; |
| | | display: flex; |
| | | // margin-top: 12px; |
| | | // margin-right: 40%; |
| | | } |
| | | |
| | | .tab3 { |
| | | max-height: 500px; |
| | | max-height: 420px; |
| | | overflow-y: auto; |
| | | border: 1px solid #d9d9d9; |
| | | } |
| | |
| | | display: flex; |
| | | margin-top: 8px; |
| | | } |
| | | .outside2 { |
| | | width: 500px; |
| | | display: flex; |
| | | margin-top: 8px; |
| | | } |
| | | .heji { |
| | | display: flex; |
| | | flex-direction: row; |
| | | justify-content: flex-start; |
| | | align-items: center; |
| | | margin-top: 10px; |
| | | } |
| | | .box { |
| | | display: flex; |
| | | justify-content: space-between; |
| | | } |
| | | .box1 { |
| | | width: 50%; |
| | | display: flex; |
| | | flex-direction: column; |
| | | } |
| | | |
| | | ::v-deep .el-step__title.is-process { |
| | | color: rgb(24, 144, 255); |
| | | } |
| | | ::v-deep .el-step__head.is-process { |
| | | color: rgb(24, 144, 255); |
| | | border-color: rgb(24, 144, 255); |
| | | } |
| | | .shijian { |
| | | display: flex; |
| | | align-items: flex-start; |
| | | } |
| | | </style> |