| | |
| | | <div class="app-container"> |
| | | <el-row :gutter="20"> |
| | | <!--部门数据--> |
| | | <el-col :span="5" :xs="24"> |
| | | <el-form :inline="true" ref="form" :model="form" class="demo-form-inline" label-width="78px" :rules="rules"> |
| | | <el-form-item label="姓名" prop="name"> |
| | | <el-col :span="8" :xs="24"> |
| | | <el-form :inline="true" ref="form" :model="form" class="demo-form-inline" label-width="86px" :rules="rules"> |
| | | <el-form-item label="姓名" prop="name" style="display: flex;"> |
| | | <el-input v-model="form.name" placeholder="请输入姓名" /> |
| | | </el-form-item> |
| | | <el-form-item label="联系电话" prop="phone"> |
| | | <el-form-item label="联系电话" prop="phone" style="display: flex;"> |
| | | <el-input v-model="form.phone" placeholder="请输入联系电话" /> |
| | | </el-form-item> |
| | | <!-- @focus="hadeltjpro" --> |
| | | <el-form-item label="体检项目" prop="tjProName"> |
| | | <el-form-item label="体检项目" prop="tjProName" style="display: flex;"> |
| | | <el-input ref="inputName" v-model="form.tjProName" placeholder="请输入体检项目" /> |
| | | </el-form-item> |
| | | <el-form-item label="数量" prop="number"> |
| | | <el-form-item label="数量" prop="number" style="display: flex;"> |
| | | <el-input ref="inputName" v-model="form.number" placeholder="请输入数量" /> |
| | | </el-form-item> |
| | | <el-form-item label="应收金额" prop="ys"> |
| | | <el-form-item label="应收金额" prop="ys" style="display: flex;"> |
| | | <el-input v-model="form.ys" placeholder="金额"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="优惠" prop="zk"> |
| | | <el-input-number v-model="form.zk" :precision="2" :step="0.1" :max="10" :min="1" |
| | | <el-form-item label="优惠" prop="zk" style="display: flex;" label-width="103px |
| | | "> |
| | | <el-input-number v-model="form.zk" style="width:98%" :precision="2" :step="0.1" :max="10" :min="1" |
| | | disabled></el-input-number> |
| | | </el-form-item> |
| | | <el-form-item label="实收金额" prop="ss"> |
| | | <el-form-item label="实收金额" prop="ss" style="display: flex;"> |
| | | <el-input v-model="form.ss" placeholder="实付" @input="numberChange"> |
| | | </el-input> |
| | | </el-form-item> |
| | | <el-form-item label="付款类型" prop="type"> |
| | | <el-select style="width: 198px" v-model="form.type" placeholder="请选择付款类型"> |
| | | <el-form-item label="付款类型" prop="type" style="display: flex;" label-width="102px"> |
| | | <el-select v-model="form.type" 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-col> |
| | | |
| | | <!--用户数据--> |
| | | <el-col :span="17" :xs="24" style="padding: 0 10px;"> |
| | | <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-col :span="15" :xs="24"> |
| | | |
| | | <el-form :inline="true" ref="form" :model="queryParams" class="demo-form-inline" label-width="90px"> |
| | | <el-row> |
| | | <el-col :span="7"> |
| | | <el-form-item label="姓名" prop="name" style="display: flex;"> |
| | | <el-input v-model="queryParams.name" placeholder="请输入姓名" /> |
| | | </el-form-item> |
| | | <el-form-item label="联系电话" prop="phone"> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="联系电话" prop="phone" style="display: flex;"> |
| | | <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 :span="3"> |
| | | <el-form-item> |
| | | <el-button type="primary" icon="el-icon-search" size="mini" |
| | | @click="handleUpdate">查询</el-button> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | |
| | | </el-form> |
| | | |
| | | |
| | | |
| | | <div style="margin-bottom: 10px;"> |
| | | <el-radio-group v-model="queryParams.type" @input="handleUpdate" style="margin-left: 30px"> |
| | | <el-radio-button label="1">收费记录</el-radio-button> |
| | |
| | | <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> |
| | | <el-table-column label="订单流水号" align="center" prop="waterId" width="194px" /> |
| | | <el-table-column label="体检项目" align="center" prop="tjProName" width="120px" :show-overflow-tooltip="true"/> |
| | | <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"> |
| | |
| | | waterId: "", |
| | | toggleSearchStatus: "0", |
| | | queryParams: { |
| | | name: "", |
| | | phone: "", |
| | | name: null, |
| | | phone: null, |
| | | type: "1" |
| | | }, |
| | | 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, |