| | |
| | | <template> |
| | | <div class="app-container"> |
| | | <el-form |
| | | :model="queryParams" |
| | | ref="queryForm" |
| | | size="small" |
| | | :inline="true" |
| | | v-show="showSearch" |
| | | label-width="68px" |
| | | > |
| | | <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px"> |
| | | <el-row> |
| | | <el-col :span="11"> |
| | | <el-form-item label="单位名称" prop="company" style="display: flex"> |
| | | <el-select |
| | | :remote-method="getRemoteData" |
| | | v-model="queryParams.company" |
| | | value-key="drugManufacturerId" |
| | | remote |
| | | filterable |
| | | placeholder="请选择单位名称" |
| | | clearable |
| | | @change="searchSelect" |
| | | > |
| | | <el-option |
| | | v-for="dict in CompanyList" |
| | | :key="dict.drugManufacturerId" |
| | | :label="dict.cnName" |
| | | :value="dict.drugManufacturerId" |
| | | /> |
| | | <el-select :remote-method="getRemoteData" v-model="queryParams.company" value-key="drugManufacturerId" |
| | | remote filterable placeholder="请选择单位名称" clearable @change="searchSelect"> |
| | | <el-option v-for="dict in CompanyList" :key="dict.drugManufacturerId" :label="dict.cnName" |
| | | :value="dict.drugManufacturerId" /> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="6"> |
| | | <el-form-item> |
| | | <el-button |
| | | type="primary" |
| | | icon="el-icon-search" |
| | | size="mini" |
| | | @click="handleQuery" |
| | | style="margin: 0 15px" |
| | | >搜索</el-button |
| | | > |
| | | <el-button icon="el-icon-refresh" size="mini" @click="resetQuery" |
| | | >重置</el-button |
| | | > |
| | | <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery" |
| | | style="margin: 0 15px">查询</el-button> |
| | | <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | |
| | | <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> |
| | | </el-row> --> |
| | | |
| | | <el-table |
| | | id="sig" |
| | | v-loading="loading" |
| | | :data="infoList" |
| | | @selection-change="handleSelectionChange" |
| | | border |
| | | ref="tb" |
| | | max-height="260px" |
| | | > |
| | | <el-table id="sig" v-loading="loading" :data="infoList" @selection-change="handleSelectionChange" border ref="tb" |
| | | max-height="260px"> |
| | | <el-table-column type="selection" width="55" align="center" /> |
| | | <el-table-column label="部门" align="center" prop="pacName" /> |
| | | <el-table-column label="预检人数" align="center" prop="count" /> |
| | | <el-table-column label="实检人数" align="center" prop="sjCount" /> |
| | | <el-table-column label="已结人数" align="center" prop="yjsrs" /> |
| | | <el-table-column label="应收金额" align="center" prop="copeWith" /> |
| | | <el-table-column label="签约金额" align="center" prop="signingPrice"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | label="已付金额" |
| | | align="center" |
| | | prop="transactionAmount" |
| | | /> |
| | | <el-table-column label="已付金额" align="center" prop="transactionAmount" /> |
| | | <el-table-column label="差额" align="center" prop="difference" /> |
| | | <el-table-column label="签约人" align="center" prop="payer" /> |
| | | <el-table-column |
| | | label="预约时间" |
| | | align="center" |
| | | prop="createTime" |
| | | :formatter="formatDate" |
| | | /> |
| | | <el-table-column label="预约时间" align="center" prop="createTime" :formatter="formatDate" /> |
| | | </el-table> |
| | | |
| | | <el-form |
| | | :inline="true" |
| | | :model="formInline" |
| | | class="demo-form-inline" |
| | | style="margin: 12px 6px" |
| | | label-width="100px" |
| | | > |
| | | |
| | | <div > |
| | | <el-radio-group v-model="jcStatus" @change="radioChange" style="margin-left: 20px; margin-top: 20px"> |
| | | <el-radio-button label="0">已检未结账人员</el-radio-button> |
| | | <el-radio-button label="1">未检人员</el-radio-button> |
| | | <el-radio-button label="2">全部人员</el-radio-button> |
| | | </el-radio-group> |
| | | |
| | | <el-form :inline="true" :model="formInline" class="demo-form-inline" style="margin: 12px 6px" label-width="100px"> |
| | | <el-row> |
| | | <el-col :span="5"> |
| | | <el-form-item label="负责人" style="display: flex"> |
| | | <el-input |
| | | v-model="formInline.payer" |
| | | placeholder="单位负责人" |
| | | ></el-input> |
| | | <el-input v-model="formInline.payer" placeholder="单位负责人"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="6"> |
| | |
| | | </el-col> |
| | | <el-col :span="6"> |
| | | <el-form-item label="交易类型" prop="payType" style="display: flex"> |
| | | <el-select |
| | | v-model="formInline.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 v-model="formInline.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-col> |
| | | <el-col :span="4"> |
| | | <el-form-item style="display: flex"> |
| | | <el-button |
| | | type="primary" |
| | | size="mini" |
| | | @click="SubmitEvent" |
| | | style="margin: 0 15px" |
| | | >收费</el-button |
| | | > |
| | | <el-button type="primary" size="mini" @click="SubmitEvent" style="margin: 0 15px">结账</el-button> |
| | | </el-form-item> |
| | | </el-col> |
| | | <!-- <el-col :span="7"> |
| | |
| | | </el-row> |
| | | </el-form> |
| | | |
| | | |
| | | <el-radio-group |
| | | v-model="jcStatus" |
| | | @input="radioChange" |
| | | style="margin-left: 20px; margin-top: 20px" |
| | | > |
| | | <el-radio-button label="0">已检未结账人员</el-radio-button> |
| | | <el-radio-button label="1">未检人员</el-radio-button> |
| | | <el-radio-button label="2">全部人员</el-radio-button> |
| | | </el-radio-group> |
| | | |
| | | |
| | | </div> |
| | | |
| | | <el-row :gutter="20"> |
| | | <!-- <el-form :model="queryParams1" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px" |
| | | style="margin-top: 20px; margin-right: 22%;"> |
| | | <el-form-item label="结账时间"> |
| | | <el-date-picker clearable v-model="queryParams1.reservationTime" type="date" value-format="yyyy-MM-dd" |
| | | placeholder="请选择结账时间"> |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery1" |
| | | style="margin: 0 15px">查询</el-button> |
| | | <el-button icon="el-icon-refresh" size="mini" @click="resetQuery1">重置</el-button> |
| | | </el-form-item> |
| | | </el-form> --> |
| | | <el-col :span="12" :xs="24" style="padding: 0px 20px"> |
| | | <div class="tj"> |
| | | <span class="tj_txt">体检人员情况表</span> |
| | | </div> |
| | | |
| | | <el-table |
| | | v-loading="loading" |
| | | :data="peopleList" |
| | | border |
| | | max-height="260px" |
| | | > |
| | | <el-table v-loading="loadings" :data="peopleList" border max-height="260px" @selection-change="handlepeopleListChange"> |
| | | <el-table-column type="selection" width="55" align="center" /> |
| | | <el-table-column label="序号" align="center" prop="newID" /> |
| | | <el-table-column label="姓名" align="center" prop="name" /> |
| | | <el-table-column label="性别" align="center" prop="sex" /> |
| | | <el-table-column label="电话" align="center" prop="iphone" /> |
| | | <el-table-column label="状态" align="center" prop="tjStatus" /> |
| | | <el-table-column label="姓名" align="center" prop="name" width="100" /> |
| | | <el-table-column label="性别" align="center" prop="xb" width="80" /> |
| | | <el-table-column label="电话" align="center" prop="dh" width="120" /> |
| | | <el-table-column label="金额" align="center" prop="tjf" width="120" /> |
| | | |
| | | <el-table-column label="状态" align="center" prop="tjStatus" width="80" /> |
| | | <el-table-column label="体检时间" align="center" prop="tjTime"> |
| | | </el-table-column> |
| | | </el-table> |
| | |
| | | <span class="tj_txt">已结账记录</span> |
| | | </div> |
| | | |
| | | <el-table |
| | | v-loading="loading" |
| | | :data="dataList" |
| | | border |
| | | max-height="260px" |
| | | > |
| | | <el-table-column |
| | | label="交易金额" |
| | | align="center" |
| | | prop="transactionAmount" |
| | | /> |
| | | <el-table-column |
| | | label="交易方式" |
| | | align="center" |
| | | prop="paymentMethod" |
| | | /> |
| | | <el-table v-loading="loading" :data="dataList" border max-height="260px"> |
| | | <el-table-column label="交易金额" align="center" prop="transactionAmount" /> |
| | | <el-table-column label="交易方式" align="center" prop="paymentMethod" /> |
| | | <el-table-column label="交易人员" align="center" prop="payer" /> |
| | | <el-table-column label="操作人员" align="center" prop="payee"> |
| | | </el-table-column> |
| | |
| | | name: "Info", |
| | | dicts: ["dict_pay_type"], |
| | | data() { |
| | | let checkPhoneNum = (rule, value, callback) => { |
| | | 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 { |
| | | // 绑定单选按钮 |
| | | tjStatus: "0", |
| | | jcStatus:0, |
| | | jcStatus: 0, |
| | | formInline: { |
| | | payer: "", |
| | | price: "", |
| | | }, |
| | | // 遮罩层 |
| | | loading: true, |
| | | // 遮罩层 |
| | | loadings: false, |
| | | // 选中数组 |
| | | ids: [], |
| | | // 非单个禁用 |
| | |
| | | // 体检单位缴费明细表格数据 |
| | | infoList: [], |
| | | copeWith: "", |
| | | pacIds: "", |
| | | transactionAmount: "", |
| | | dataList: [], |
| | | tableList: [], |
| | |
| | | payer: null, |
| | | payee: null, |
| | | }, |
| | | queryParams1: { |
| | | reservationTime: null |
| | | }, |
| | | // 表单参数 |
| | | form: {}, |
| | | // 表单校验 |
| | | rules: {}, |
| | | rules: { |
| | | reservationTime: [ |
| | | { required: true, validator: checkPhoneNum, trigger: "change" }, |
| | | ], |
| | | }, |
| | | }; |
| | | }, |
| | | created() { |
| | |
| | | this.compId = val; |
| | | }, |
| | | |
| | | radioChange(val){ |
| | | radioChange(val) { |
| | | this.peopleList = [] |
| | | this.loadings = true |
| | | let data = { |
| | | teamNo: this.teamNo, |
| | | pacId: this.pacIds |
| | | } |
| | | getTeamTjPeopleList(data).then((res) => { |
| | | if (res.data) { |
| | | if (this.jcStatus == 0) { |
| | | this.peopleList = res.data.yjwjzList; |
| | | |
| | | } else if (this.jcStatus == 1) { |
| | | this.peopleList = res.data.wjList; |
| | | } else { |
| | | this.peopleList = res.data.syList; |
| | | } |
| | | |
| | | } |
| | | this.loadings = false |
| | | }); |
| | | }, |
| | | |
| | | |
| | | handlepeopleListChange(selection){ |
| | | console.log(selection) |
| | | }, |
| | | |
| | | // 体检公司拼音搜索 |
| | |
| | | this.infoList.forEach((item) => { |
| | | this.copeWith = item.copeWith; |
| | | this.transactionAmount = item.transactionAmount; |
| | | this.formInline.price = item.copeWith - item.transactionAmount; |
| | | |
| | | if (item.payInfo != null) { |
| | | this.tjCompPayId = item.payInfo.tjCompPayId; |
| | | } |
| | |
| | | this.loading = false; |
| | | }); |
| | | }, |
| | | handleQuery1() { |
| | | |
| | | }, |
| | | resetQuery1() { |
| | | this.resetForm("queryForm1"); |
| | | this.handleQuery1(); |
| | | }, |
| | | /** 重置按钮操作 */ |
| | | resetQuery() { |
| | | this.resetForm("queryForm"); |
| | |
| | | }, |
| | | // 多选框选中数据 |
| | | handleSelectionChange(selection) { |
| | | console.log(2222); |
| | | if (selection.length > 1) { |
| | | let del_row = selection.shift(); |
| | | this.$refs.tb.toggleRowSelection(del_row, false); //设置这一行取消选中 |
| | |
| | | // this.multiple = !selection.length; |
| | | this.tableList = selection; |
| | | this.teamNo = ""; |
| | | this.pacIds = ""; |
| | | this.tableList.forEach((item) => { |
| | | this.teamNo = item.teamNo; |
| | | this.pacIds = item.pacId |
| | | this.copeWith = item.copeWith; |
| | | this.transactionAmount = item.transactionAmount; |
| | | this.formInline.price = item.copeWith - item.transactionAmount; |
| | | if (item.payInfo != null) { |
| | | this.tjCompPayId = item.payInfo.tjCompPayId; |
| | | } |
| | |
| | | }); |
| | | } |
| | | }); |
| | | console.log(11111); |
| | | this.loadings = true |
| | | if (this.teamNo) { |
| | | getTeamTjPeopleList(this.teamNo).then((res) => { |
| | | let data = { |
| | | teamNo: this.teamNo, |
| | | pacId: this.pacIds |
| | | } |
| | | getTeamTjPeopleList(data).then((res) => { |
| | | if (res.data) { |
| | | this.peopleList = res.data; |
| | | res.data.forEach((item, index) => { |
| | | item.newID = |
| | | (this.queryParams.pageNum - 1) * this.queryParams.pageSize + |
| | | index + |
| | | 1; |
| | | }); |
| | | if (this.jcStatus == 0) { |
| | | this.peopleList = res.data.yjwjzList; |
| | | } else if (s.jcStatus == 1) { |
| | | this.peopleList = res.data.wjList; |
| | | } else { |
| | | this.peopleList = res.data.syList |
| | | ; |
| | | } |
| | | } |
| | | this.loadings = false |
| | | }); |
| | | } |
| | | }, |
| | |
| | | // this.open = true; |
| | | // this.title = "添加体检单位缴费明细"; |
| | | // }, |
| | | |
| | | // 单选按钮 |
| | | radioChange(val) {}, |
| | | |
| | | /** 收费提交按钮 */ |
| | | SubmitEvent() { |
| | |
| | | } |
| | | }, |
| | | /** 导出按钮操作 */ |
| | | handleExport() {}, |
| | | handleExport() { }, |
| | | }, |
| | | }; |
| | | </script> |