| | |
| | | <template> |
| | | <div class="app-container"> |
| | | <el-row :gutter="10" class="mb8"> |
| | | <el-col :span="1.5"> |
| | | <el-form :inline="true" ref="form" :model="queryParams" class="demo-form-inline" label-width="80px"> |
| | | <el-form-item label="姓名" prop="name"> |
| | | |
| | | <el-form :inline="true" ref="form" :model="queryParams" class="demo-form-inline" label-width="78px"> |
| | | |
| | | <el-form-item label="姓名" prop="name" > |
| | | <el-input v-model="queryParams.name" placeholder="请输入姓名" /> |
| | | </el-form-item> |
| | | <el-form-item label="联系电话" prop="phone"> |
| | | |
| | | <el-form-item label="联系电话" prop="phone" > |
| | | <el-input v-model="queryParams.phone" placeholder="请输入联系电话" /> |
| | | </el-form-item> |
| | | </el-form> |
| | | </el-col> |
| | | <el-col :span="1.5"> |
| | | <el-button type="primary" icon="el-icon-search" size="mini" @click="handleUpdate">查询</el-button> |
| | | </el-col> |
| | | </el-row> |
| | | <div style="margin-bottom: 10px;"> |
| | | |
| | | <el-form-item> |
| | | <el-button type="primary" icon="el-icon-search" size="mini" @click="handleUpdate">查询</el-button> |
| | | </el-form-item> |
| | | |
| | | </el-form> |
| | | |
| | | <div style="margin: 10px 25px;"> |
| | | <el-radio-group v-model="type" @input="handleUpdate"> |
| | | <el-radio-button label="1">收费记录</el-radio-button> |
| | | <el-radio-button label="2">退费记录</el-radio-button> |
| | | </el-radio-group> |
| | | </div> |
| | | |
| | | <template> |
| | | <template > |
| | | <el-table v-loading="loading" :data="tableList" @selection-change="handleSelect" border max-height="720px" |
| | | :row-style="changRed"> |
| | | :row-style="changRed" style="margin-left: 20px; width: 99%"> |
| | | <el-table-column type="selection" width="55" align="center" /> |
| | | <el-table-column label="姓名" align="center" prop="customer.cusName" width="90px" /> |
| | | <el-table-column label="手机号" align="center" prop="customer.cusPhone" width="110px" |
| | | :show-overflow-tooltip="true"></el-table-column> |
| | | <el-table-column label="订单流水号" align="center" prop="waterId" width="180px" /> |
| | | <el-table-column label="体检项目" align="center" prop="tjProName" width="120px" /> |
| | | <el-table-column label="应收金额" align="center" prop="copeWith" width="90px" /> |
| | | <el-table-column label="实收金额" align="center" prop="paidIn" width="80px" /> |
| | | <el-table-column label="付款类型" align="center" prop="payType" width="80px"> |
| | | <el-table-column label="姓名" align="center" prop="customer.cusName" /> |
| | | <el-table-column label="手机号" align="center" prop="customer.cusPhone" |
| | | ></el-table-column> |
| | | <!-- :show-overflow-tooltip="true" --> |
| | | <el-table-column label="订单流水号" align="center" prop="waterId" /> |
| | | <el-table-column label="体检项目" align="center" prop="tjProName" /> |
| | | <el-table-column label="应收金额" align="center" prop="copeWith" /> |
| | | <el-table-column label="实收金额" align="center" prop="paidIn" /> |
| | | <el-table-column label="付款类型" align="center" prop="payType"> |
| | | <template slot-scope="scope"> |
| | | <dict-tag :options="dict.type.dict_pay_type" :value="scope.row.payType" /> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="收费员" align="center" prop="updateBy" width="100px" /> |
| | | <el-table-column label="收退时间" align="center" prop="updateTime" /> |
| | | <el-table-column fixed="right" label="操作" align="center" class-name="small-padding " width="100px" |
| | | <el-table-column label="收费员" align="center" prop="updateBy" /> |
| | | <el-table-column label="收退时间" align="center" prop="updateTime" /> |
| | | <el-table-column fixed="right" label="操作" align="center" class-name="small-padding" |
| | | v-if="queryParams.type == '4'"> |
| | | <template slot-scope="scope"> |
| | | <el-button size="mini" type="text" @click="handlerefund(scope.row)" |
| | |
| | | name: "Examcharge", |
| | | |
| | | data() { |
| | | let checkPhoneNum = (rule, value, callback) => { |
| | | console.log( value) |
| | | let patter = new RegExp(/^1\s*[3456789]\s*(\d\s*){9}$/); |
| | | if (value == "" && value == undefined && !value) { |
| | | return callback(''); |
| | | } else if(value != undefined && value != ""){ |
| | | return callback(); |
| | | }else if (!patter.test(value)) { |
| | | return callback(''); |
| | | } |
| | | }; |
| | | return { |
| | | tjNumbers: "", |
| | | // 遮罩层 |
| | |
| | | type: "1", |
| | | toggleSearchStatus: "0", |
| | | queryParams: { |
| | | name: "", |
| | | phone: "", |
| | | type: "" |
| | | name: null, |
| | | phone: null, |
| | | type: null |
| | | }, |
| | | formIn: { |
| | | name: "", |
| | | tjPro: "", |
| | | phone: "", |
| | | name: null, |
| | | tjPro: null, |
| | | phone: null, |
| | | number: 1, |
| | | ys: "0", |
| | | ss: "0", |
| | |
| | | currentTime: "", |
| | | // 表单参数 |
| | | form: { |
| | | name: "", |
| | | tjPro: "", |
| | | name: null, |
| | | tjPro: null, |
| | | tjProName: "体检费", |
| | | phone: "", |
| | | phone: null, |
| | | number: 1, |
| | | ys: 0, |
| | | ss: 0, |
| | |
| | | }, |
| | | // 表单校验 |
| | | rules: { |
| | | name: [{ required: true, message: "姓名不能为空", trigger: "change" }], |
| | | name: [{ required: true, validator: checkPhoneNum, trigger: "change" }], |
| | | tjPro: [ |
| | | { required: true, message: "体检项目不能为空", trigger: "change" }, |
| | | { required: true, validator: checkPhoneNum, trigger: "change" }, |
| | | ], |
| | | type: [ |
| | | { required: true, message: "付款类型不能为空", trigger: "blur" }, |
| | | { required: true, validator: checkPhoneNum, trigger: "blur" }, |
| | | ], |
| | | }, |
| | | }; |
| | |
| | | },//清除定时器,以避免内存泄露。 |
| | | |
| | | getList() { |
| | | getTjPrice().then(res => { |
| | | if (res.data) { |
| | | const r = /^\+?[0-9][0-9]*$/; //正整数(可以0打头) |
| | | if (r.test(res.data)) { |
| | | this.form.ys = res.data + ".00"; |
| | | } else { |
| | | this.form.ys = res.data |
| | | } |
| | | // getTjPrice().then(res => { |
| | | // if (res.data) { |
| | | // const r = /^\+?[0-9][0-9]*$/; //正整数(可以0打头) |
| | | // if (r.test(res.data)) { |
| | | // this.form.ys = res.data + ".00"; |
| | | // } else { |
| | | // this.form.ys = res.data |
| | | // } |
| | | |
| | | this.form.ss = this.form.ys |
| | | } |
| | | }) |
| | | // this.form.ss = this.form.ys |
| | | // } |
| | | // }) |
| | | getInfo(this.queryParams).then((response) => { |
| | | this.hospName = response.hospName; |
| | | }); |
| | |
| | | this.tableList = res.data |
| | | |
| | | }) |
| | | }else{ |
| | | } else { |
| | | this.queryParams.type = this.type |
| | | getFlowingWaterList(this.queryParams).then(res => { |
| | | this.tableList = res.data |