| | |
| | | v-show="showSearch" |
| | | label-width="68px" |
| | | > |
| | | <el-form-item label="姓名" prop="name"> |
| | | <el-input |
| | | style="width: 120px" |
| | | v-model="queryParams.name" |
| | | placeholder="请输入姓名" |
| | | clearable |
| | | @keyup.enter.native="handleQuery" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="身份证号" prop="idCard"> |
| | | <el-input |
| | | v-model="queryParams.idCard" |
| | | placeholder="请输入身份证号" |
| | | clearable |
| | | @keyup.enter.native="handleQuery" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="联系电话" prop="phoe"> |
| | | <el-input |
| | | v-model="queryParams.phoe" |
| | | placeholder="请输入联系电话" |
| | | clearable |
| | | @keyup.enter.native="handleQuery" |
| | | style="width: 140px" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="单位名称" prop="company"> |
| | | <el-select |
| | | :remote-method="getRemoteData" |
| | | v-model="queryParams.company" |
| | | remote |
| | | default-first-option |
| | | allow-create |
| | | filterable |
| | | style="width: 200px" |
| | | placeholder="请选择单位名称" |
| | | clearable |
| | | @change="idFn1" |
| | | > |
| | | <el-option |
| | | v-for="dict in CompanyList" |
| | | :key="dict.cnName" |
| | | :label="dict.cnName" |
| | | :value="dict.drugManufacturerId" |
| | | /> |
| | | </el-select> |
| | | <i class="el-icon-circle-plus-outline" @click="handleAdd1"></i> |
| | | </el-form-item> |
| | | <el-form-item label="预约超期" prop="isExpire"> |
| | | <el-select |
| | | v-model="queryParams.isExpire" |
| | | placeholder="请选择是否超期" |
| | | clearable |
| | | style="width: 140px" |
| | | > |
| | | <el-option |
| | | v-for="dict in options" |
| | | :key="dict.value" |
| | | :label="dict.label" |
| | | :value="dict.value" |
| | | /> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button |
| | | type="primary" |
| | | icon="el-icon-search" |
| | | size="mini" |
| | | @click="handleQuery" |
| | | >搜索</el-button |
| | | > |
| | | <el-button icon="el-icon-refresh" size="mini" @click="resetQuery" |
| | | >重置</el-button |
| | | > |
| | | </el-form-item> |
| | | <el-row> |
| | | <el-col> |
| | | <el-form-item label="姓名" prop="name"> |
| | | <el-input |
| | | style="width: 120px" |
| | | v-model="queryParams.name" |
| | | placeholder="请输入姓名" |
| | | clearable |
| | | @keyup.enter.native="handleQuery" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="身份证号" prop="idCard"> |
| | | <el-input |
| | | v-model="queryParams.idCard" |
| | | placeholder="请输入身份证号" |
| | | clearable |
| | | @keyup.enter.native="handleQuery" |
| | | /> |
| | | </el-form-item> |
| | | |
| | | <el-form-item label="单位名称" prop="company"> |
| | | <el-select |
| | | :remote-method="getRemoteData" |
| | | v-model="queryParams.company" |
| | | remote |
| | | default-first-option |
| | | allow-create |
| | | filterable |
| | | style="width: 200px" |
| | | placeholder="请选择单位名称" |
| | | clearable |
| | | @change="idFn1" |
| | | > |
| | | <el-option |
| | | v-for="dict in CompanyList" |
| | | :key="dict.cnName" |
| | | :label="dict.cnName" |
| | | :value="dict.drugManufacturerId" |
| | | /> |
| | | </el-select> |
| | | <i class="el-icon-circle-plus-outline" @click="handleAdd1"></i> |
| | | </el-form-item> |
| | | |
| | | <el-form-item label="预约时间"> |
| | | <el-date-picker |
| | | clearable |
| | | v-model="createTimeList" |
| | | @change="dateChangebirthday2" |
| | | type="daterange" |
| | | range-separator="-" |
| | | start-placeholder="开始日期" |
| | | end-placeholder="结束日期" |
| | | :picker-options="pickerOptions" |
| | | value-format="yyyy-MM-dd" |
| | | placeholder="请选择出预约时间" |
| | | style="width: 300px" |
| | | > |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col> |
| | | <el-form-item label="联系电话" prop="phoe"> |
| | | <el-input |
| | | v-model="queryParams.phoe" |
| | | placeholder="请输入联系电话" |
| | | clearable |
| | | @keyup.enter.native="handleQuery" |
| | | style="width: 140px" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="预约超期" prop="isExpire"> |
| | | <el-select |
| | | v-model="queryParams.isExpire" |
| | | placeholder="请选择是否超期" |
| | | clearable |
| | | style="width: 140px" |
| | | > |
| | | <el-option |
| | | v-for="dict in options" |
| | | :key="dict.value" |
| | | :label="dict.label" |
| | | :value="dict.value" |
| | | /> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button |
| | | type="primary" |
| | | icon="el-icon-search" |
| | | size="mini" |
| | | @click="handleQuery" |
| | | >搜索</el-button |
| | | > |
| | | <el-button icon="el-icon-refresh" size="mini" @click="resetQuery" |
| | | >重置</el-button |
| | | > |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | </el-form> |
| | | <el-row :gutter="10" style="margin: 10px 15px"> |
| | | <el-col :span="1.5"> |
| | |
| | | cusIds: [], |
| | | // 结果 |
| | | result: "", |
| | | createTimeList: "", |
| | | startTime: "", |
| | | proIds: [], |
| | | // 显示搜索条件 |
| | | showSearch: true, |
| | |
| | | cusBrithday: null, |
| | | cusAddr: null, |
| | | cusPhone: null, |
| | | yykssj: "", // 预约开始时间 |
| | | yyjssj: "", // 预约结束时间 |
| | | cusPostcode: null, |
| | | cusEmail: null, |
| | | indexCard: null, |
| | |
| | | orderByColumn: "reservationTime", |
| | | isAsc: "desc", |
| | | name: null, |
| | | reservationTime: null, |
| | | idCard: null, |
| | | phoe: null, |
| | | email: null, |
| | |
| | | // }, |
| | | // ], |
| | | }, |
| | | pickerOptions: { |
| | | shortcuts: [ |
| | | { |
| | | text: "最近一周", |
| | | onClick(picker) { |
| | | const end = new Date(); |
| | | const start = new Date(new Date().setHours(0, 0, 0, 0)); |
| | | start.setTime(start.getTime() - 3600 * 1000 * 24 * 7); |
| | | picker.$emit("pick", [start, end]); |
| | | }, |
| | | }, |
| | | { |
| | | text: "最近一个月", |
| | | onClick(picker) { |
| | | const end = new Date(); |
| | | const start = new Date(new Date().setHours(0, 0, 0, 0)); |
| | | start.setTime(start.getTime() - 3600 * 1000 * 24 * 30); |
| | | picker.$emit("pick", [start, end]); |
| | | }, |
| | | }, |
| | | { |
| | | text: "最近三个月", |
| | | onClick(picker) { |
| | | const end = new Date(); |
| | | const start = new Date(new Date().setHours(0, 0, 0, 0)); |
| | | start.setTime(start.getTime() - 3600 * 1000 * 24 * 90); |
| | | picker.$emit("pick", [start, end]); |
| | | }, |
| | | }, |
| | | ], |
| | | }, |
| | | }; |
| | | }, |
| | | created() { |
| | |
| | | |
| | | this.discount = |
| | | (Math.floor((this.TotalPrice / this.TotalPrice1) * 100) / 100) * 10; |
| | | }, |
| | | |
| | | dateChangebirthday2(val) { |
| | | this.startTime = val; |
| | | }, |
| | | |
| | | /** 删除按钮操作 */ |
| | |
| | | /** 查询体检预约列表 */ |
| | | getList() { |
| | | this.loading = true; |
| | | if (this.startTime) { |
| | | this.queryParams.yykssj = this.startTime[0]; |
| | | this.queryParams.yyjssj = this.startTime[1]; |
| | | } else if (this.createTimeList) { |
| | | this.queryParams.yykssj = this.createTimeList[0]; |
| | | this.queryParams.yyjssj = this.createTimeList[1]; |
| | | } else if (this.createTimeList == null) { |
| | | this.queryParams.yykssj = null; |
| | | this.queryParams.yyjssj = null; |
| | | } |
| | | listReservation(this.queryParams).then((response) => { |
| | | this.reservationList = response.rows; |
| | | // response.rows.forEach((item, index) => |
| | |
| | | }, |
| | | /** 重置按钮操作 */ |
| | | resetQuery() { |
| | | this.startTime = []; |
| | | this.createTimeList = []; |
| | | this.resetForm("queryForm"); |
| | | this.queryParams = { |
| | | pageNum: 1, |
| | | pageSize: 10, |
| | | cusName: null, |
| | | cusSex: null, |
| | | cusBrithday: null, |
| | | cusAddr: null, |
| | | cusPhone: null, |
| | | yykssj: "", // 预约开始时间 |
| | | yyjssj: "", // 预约结束时间 |
| | | cusPostcode: null, |
| | | cusEmail: null, |
| | | indexCard: null, |
| | | cusNational: null, |
| | | cusMarryStatus: null, |
| | | cusIdcard: null, |
| | | cusIntroduce: null, |
| | | cusNumber: null, |
| | | cusIsvip: null, |
| | | }; |
| | | this.handleQuery(); |
| | | }, |
| | | // 多选框选中数据 |
| | |
| | | alert("11111"); |
| | | } |
| | | websocket.onopen = function () { |
| | | console.log('res',res); |
| | | |
| | | console.log("res", res); |
| | | |
| | | try { |
| | | // 连接设备 |
| | | var jsonObjs = { |