From 4b94f114e561e0d53633259a04b3f4f71e293f1f Mon Sep 17 00:00:00 2001 From: su1124 <1583764726@qq.com> Date: 星期四, 14 九月 2023 11:11:55 +0800 Subject: [PATCH] su --- src/views/doctor/examination/index.vue | 224 +++++++++++++++++++++++++++----------------------------- 1 files changed, 108 insertions(+), 116 deletions(-) diff --git a/src/views/doctor/examination/index.vue b/src/views/doctor/examination/index.vue index 612fbaa..53c7d2d 100644 --- a/src/views/doctor/examination/index.vue +++ b/src/views/doctor/examination/index.vue @@ -1,142 +1,61 @@ <template> <div class="app-container"> - <el-form - :model="queryParams" - ref="queryForm" - size="small" - :inline="true" - label-width="68px" - > + <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="68px"> <el-form-item label="浣撴鍙�" prop="tjNumber"> - <el-input - v-model="queryParams.tjNumber" - placeholder="璇疯緭鍏ヤ綋妫�鍙�" - clearable - @keyup.enter.native="handleQuery" - style="width: 170px" - /> + <el-input v-model="queryParams.tjNumber" placeholder="璇疯緭鍏ヤ綋妫�鍙�" clearable @keyup.enter.native="handleQuery" style="width: 170px"/> </el-form-item> <el-form-item label="濮撳悕" prop="name"> - <el-input - v-model="queryParams.name" - placeholder="璇疯緭鍏ュ鍚�" - clearable - @keyup.enter.native="handleQuery" - style="width: 110px" - /> + <el-input v-model="queryParams.name" placeholder="璇疯緭鍏ュ鍚�" clearable @keyup.enter.native="handleQuery" style="width: 110px"/> + </el-form-item> + <el-form-item label="鐧昏鏃堕棿" prop="createTimeList"> + <el-date-picker v-model="createTimeList" type="datetimerange" align="right" :picker-options="pickerOptions" style="width: 310px" start-placeholder="寮�濮嬫棩鏈�" end-placeholder="缁撴潫鏃ユ湡" :default-time="['00:00:00', '23:00:00']" format="yyyy-MM-dd HH:mm" value-format="yyyy-MM-dd HH:mm" @change="dateChangebirthday1"> + </el-date-picker> </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-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-form> - <el-radio-group - v-model="checkStatus" - @input="radioChange" - style="margin: 10px 15px" - > + <el-radio-group v-model="checkStatus" @input="radioChange" style="margin: 10px 15px"> <el-radio-button label="0">鏈鏍�</el-radio-button> <el-radio-button label="1">宸插鏍�</el-radio-button> </el-radio-group> <div style="width: 100%; margin-left: 10px; display: flex"> <div style="width: 40%; margin-right: 20px"> - <el-table - id="ta" - v-loading="loading" - ref="tb" - :data="exaList" - border - height="520px" - @selection-change="handleSelectionChange" - :row-class-name="tableRowClassName" - > + <el-table id="ta" v-loading="loading" ref="tb" :data="exaList" border height="520px" @selection-change="handleSelectionChange" :row-class-name="tableRowClassName"> <el-table-column type="selection" width="40" align="center" /> - <el-table-column - label="浣撴鍙�" - align="center" - prop="tjNumber" - width="160px" - /> - <el-table-column - label="濮撳悕" - align="center" - prop="cusName" - width="80px" - /> - <el-table-column - label="鎬у埆" - align="center" - prop="cusSex" - width="60px" - > + <el-table-column label="浣撴鍙�" align="center" prop="tjNumber" width="160px"/> + <el-table-column label="濮撳悕" align="center" prop="cusName" width="80px"/> + <el-table-column label="鎬у埆" align="center" prop="cusSex" width="60px"> <template slot-scope="scope"> <!-- {{scope.row.customer.cusSex}} --> {{ scope.row.cusSex === 0 ? "鐢�" : "濂�" }} <!-- <dict-tag :options="dict.type.sys_user_sex" :value="scope.row.cusSex " /> --> </template> </el-table-column> - <el-table-column - label="鎵嬫満鍙�" - align="center" - prop="cusPhone" - width="120px" - /> - <el-table-column - v-if="checkStatus == '1'" - label="瀹℃牳鐘舵��" - align="center" - prop="confirmStatus" - width="110px" - > + <el-table-column label="鎵嬫満鍙�" align="center" prop="cusPhone" width="120px"/> + <el-table-column label="鐧昏鏃堕棿" align="center" prop="tjTime" width="120px"/> + <el-table-column v-if="checkStatus == '1'" label="瀹℃牳鐘舵��" align="center" prop="confirmStatus" width="110px"> <template slot-scope="scope"> - <span - :style="{ - color: - scope.row.confirmStatus == '301' ? '#0CB618' : '#EA1B29', - }" - v-if="scope.row.confirmStatus == '301'" - >宸查�氳繃</span - > - <span - :style="{ - color: - scope.row.confirmStatus == '301' ? '#0CB618' : '#EA1B29', - }" - v-if="scope.row.confirmStatus == '299'" - >宸查┏鍥�</span - > + <span :style="{ color: scope.row.confirmStatus == '301' ? '#0CB618' : '#EA1B29',}" v-if="scope.row.confirmStatus == '301'">宸查�氳繃</span> + <span :style="{ color: scope.row.confirmStatus == '301' ? '#0CB618' : '#EA1B29',}" v-if="scope.row.confirmStatus == '299'">宸查┏鍥�</span> </template> </el-table-column> - <el-table-column label="鎿嶄綔" align="center"> + <el-table-column label="鎿嶄綔" align="center" > <template slot-scope="scope"> <el-button size="mini" type="text" v-hasPermi="['reservation:reservation:edit']" - v-show=" - scope.row.confirmStatus == '299' || - scope.row.confirmStatus == 288 - " - @click="tongguo(scope.row)" - >閫氳繃</el-button - > + v-show=" scope.row.confirmStatus == '299' || scope.row.confirmStatus == 288" + @click="tongguo(scope.row)">閫氳繃</el-button +> <el-button size="mini" type="text" v-hasPermi="['reservation:reservation:edit']" - v-show=" - scope.row.confirmStatus == '301' || - scope.row.confirmStatus == 288 - " + v-show=" scope.row.confirmStatus == '301' || scope.row.confirmStatus == 288" @click="bohui(scope.row)" >鎾ら攢</el-button > @@ -170,6 +89,7 @@ align="center" prop="type" :show-overflow-tooltip="true" + width="60" > <template slot-scope="scope"> <span v-if="scope.row.type == '0'">鏈</span> @@ -178,17 +98,13 @@ <span v-if="scope.row.type == '3'">寤舵湡</span> </template> </el-table-column> - <el-table-column - label="妫�鏌ュ尰鐢�" - align="center" - prop="doctorName" - width="120" - /> + <el-table-column label="鏀惰垂鏂瑰紡" align="center" prop="sffs" :show-overflow-tooltip="true" + width="80" /> <el-table-column label="鏄惁鏀惰垂" @@ -196,24 +112,30 @@ prop="isPay" :show-overflow-tooltip="true" /> - <el-table-column + <!-- <el-table-column label="绛惧埌鏃堕棿" align="center" prop="qdcreateTime" width="160" + /> --> + <el-table-column + label="妫�鏌ュ尰鐢�" + align="center" + prop="doctorName" + width="100" /> <el-table-column - label="淇濆瓨鏃堕棿" + label="妫�鏌ユ椂闂�" align="center" prop="bcupdateTime" width="160" /> - <el-table-column + <!-- <el-table-column label="淇濆瓨鍖荤敓" align="center" prop="bcdoctorName" width="120" - /> + /> --> <el-table-column label="鏈�鍚庝慨鏀规椂闂�" align="center" @@ -223,7 +145,7 @@ </el-table> </div> </div> - <div style="margin-right: 58%"> + <div style="margin-right: 67%"> <!-- <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :pager-count="5" :current-page.sync="currentPage1" :current-page="page" :page-sizes="pageSize" :page-size="size" layout="total, sizes, prev, pager, next, jumper" :total="total"> </el-pagination> --> @@ -244,6 +166,7 @@ dicts: ["dict_tj_status"], data() { return { + createTimeList: "", total: 0, loading: true, // 鏌ヨ鍙傛暟 @@ -269,14 +192,83 @@ selectList: [], tg: true, bh: true, + pickerOptions: { + shortcuts: [ + { + text: "鏈�杩戜竴鍛�", + onClick(picker) { + const end = new Date(); + const start = new Date(); + start.setTime(start.getTime() - 3600 * 1000 * 24 * 7); + picker.$emit("pick", [start, end]); + }, + }, + { + text: "鏈�杩戜竴涓湀", + onClick(picker) { + const end = new Date(); + const start = new Date(); + start.setTime(start.getTime() - 3600 * 1000 * 24 * 30); + picker.$emit("pick", [start, end]); + }, + }, + { + text: "鏈�杩戜笁涓湀", + onClick(picker) { + const end = new Date(); + const start = new Date(); + start.setTime(start.getTime() - 3600 * 1000 * 24 * 90); + picker.$emit("pick", [start, end]); + }, + }, + ], + }, }; }, created() { this.getList(); + // this.getNowTime(); }, methods: { + // / 澶勭悊榛樿閫変腑褰撳墠鏃ユ湡 + getNowTime() { + var curDate = new Date().getTime(); + var dayNum = 7 * 24 * 3600 * 1000; + var threeDays = curDate - dayNum; + var sDay = this.getLocalTime(threeDays); + var end = this.getLocalTime(curDate); + this.createTimeList = [sDay, end]; + }, + add0(m) { + return m < 10 ? "0" + m : m; + }, + getLocalTime(nS) { + var time = new Date(nS); + var y = time.getFullYear(); + var m = time.getMonth() + 1; + var d = time.getDate(); + var h = time.getHours(); + var mm = time.getMinutes(); + return ( + y + + "-" + + this.add0(m) + + "-" + + this.add0(d) + + " " + + this.add0(h) + + ":" + + this.add0(mm) + ); + }, + + dateChangebirthday1(val) { + this.startTime = val; + }, getList() { this.queryParams.checkStatus = "0"; + this.queryParams.beginTime = this.createTimeList[0]; + this.queryParams.endTime = this.createTimeList[1]; getCsList(this.queryParams).then((res) => { if (res.data) { this.exaList = res.data.customers; -- Gitblit v1.8.0