From 51123d5ad145745f855280783c01cc2906b693d0 Mon Sep 17 00:00:00 2001
From: su1124 <1583764726@qq.com>
Date: 星期三, 24 一月 2024 18:00:20 +0800
Subject: [PATCH] su
---
src/views/hosp/inspection/index.vue | 423 ++++++++++++++++++++++++++++++++--------------------
1 files changed, 261 insertions(+), 162 deletions(-)
diff --git a/src/views/hosp/inspection/index.vue b/src/views/hosp/inspection/index.vue
index c24d5dc..ffb8914 100644
--- a/src/views/hosp/inspection/index.vue
+++ b/src/views/hosp/inspection/index.vue
@@ -1,187 +1,286 @@
<template>
- <div class="app-container">
- <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
- <el-form-item label="浣撴鍙�" prop="tjNum">
- <el-input v-model="queryParams.tjNum" placeholder="璇疯緭鍏ヤ綋妫�鍙�" clearable @keyup.enter.native="handleQuery" ref="inputName" @blur="handleQuery" />
- </el-form-item>
- <el-form-item label="瀹㈡埛濮撳悕" prop="cusName">
- <el-input v-model="queryParams.cusName" placeholder="璇疯緭鍏ュ鎴峰鍚�" clearable @keyup.enter.native="handleQuery" />
- </el-form-item>
- <el-form-item label="鐧昏鏃堕棿" prop="registrationTime">
- <el-date-picker clearable v-model="queryParams.registrationTime" type="date" value-format="yyyy-MM-dd"
- placeholder="璇烽�夋嫨鐧昏鏃堕棿">
- </el-date-picker>
- </el-form-item>
- <el-form-item label="椤圭洰鍚�" prop="proName">
- <el-input v-model="queryParams.proName" placeholder="璇疯緭鍏ラ」鐩悕" clearable @keyup.enter.native="handleQuery" />
- </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-form>
+ <div class="app-container">
+ <el-form
+ :model="queryParams"
+ ref="queryForm"
+ size="small"
+ :inline="true"
+ v-show="showSearch"
+ label-width="68px"
+ >
+ <el-form-item label="浣撴鍙�" prop="tjNum">
+ <el-input
+ v-model="queryParams.tjNum"
+ placeholder="璇疯緭鍏ヤ綋妫�鍙�"
+ clearable
+ @keyup.enter.native="handleQuery"
+ ref="inputName"
+ @blur="hb"
+ />
+ </el-form-item>
+ <el-form-item label="瀹㈡埛濮撳悕" prop="cusName">
+ <el-input
+ v-model="queryParams.cusName"
+ placeholder="璇疯緭鍏ュ鎴峰鍚�"
+ clearable
+ @keyup.enter.native="handleQuery"
+ />
+ </el-form-item>
+ <el-form-item label="鐧昏鏃堕棿" prop="registrationTime">
+ <el-date-picker
+ clearable
+ v-model="queryParams.registrationTime"
+ type="date"
+ value-format="yyyy-MM-dd"
+ placeholder="璇烽�夋嫨鐧昏鏃堕棿"
+ >
+ </el-date-picker>
+ </el-form-item>
+ <el-form-item label="椤圭洰鍚�" prop="proName">
+ <el-input
+ v-model="queryParams.proName"
+ placeholder="璇疯緭鍏ラ」鐩悕"
+ clearable
+ @keyup.enter.native="handleQuery"
+ />
+ </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-form>
- <el-row :gutter="10" class="mb8">
- <el-col :span="1.5">
- <el-button type="primary" plain size="mini" v-hasPermi="['hosp:detail:add']"
- @click="handlerestore">鎭㈠</el-button>
- </el-col>
+ <el-row :gutter="10" class="mb8">
+ <el-col :span="1.5">
+ <el-button
+ type="primary"
+ plain
+ size="mini"
+ v-hasPermi="['hosp:detail:add']"
+ @click="handlerestore"
+ >鎭㈠</el-button
+ >
+ </el-col>
+ </el-row>
- </el-row>
+ <el-table
+ v-loading="loading"
+ :data="inspectionList"
+ border
+ @selection-change="handleSelectionChange"
+ >
+ <el-table-column type="selection" width="55" align="center" />
+ <el-table-column label="搴忓彿" align="center" prop="newID" width="55px" />
+ <el-table-column
+ label="浣撴鍙�"
+ align="center"
+ prop="tjNum"
+ :show-overflow-tooltip="true"
+ />
+ <!-- <el-table-column label="瀹㈡埛缂栧彿" align="center" prop="cusId" /> -->
+ <el-table-column
+ label="瀹㈡埛濮撳悕"
+ align="center"
+ prop="cusName"
+ :show-overflow-tooltip="true"
+ />
+ <el-table-column
+ label="韬唤璇佸彿"
+ align="center"
+ prop="cusId"
+ :show-overflow-tooltip="true"
+ />
+ <el-table-column
+ label="椤圭洰鍚�"
+ align="center"
+ prop="proName"
+ :show-overflow-tooltip="true"
+ />
+ <el-table-column
+ label="鍒涘缓浜�"
+ align="center"
+ prop="createBy"
+ :show-overflow-tooltip="true"
+ />
+ <el-table-column
+ label="鐧昏鏃堕棿"
+ align="center"
+ prop="registrationTime"
+ :show-overflow-tooltip="true"
+ >
+ <template slot-scope="scope">
+ <span>{{
+ parseTime(scope.row.registrationTime, "{y}-{m}-{d}")
+ }}</span>
+ </template>
+ </el-table-column>
+ <el-table-column
+ label="寮冩鏃堕棿"
+ align="center"
+ prop="createTime"
+ width="160px"
+ :show-overflow-tooltip="true"
+ >
+ <template slot-scope="scope">
+ <span>{{
+ parseTime(scope.row.createTime, "{y}-{m}-{d} {hh}:{mm}:{ss}")
+ }}</span>
+ </template>
+ </el-table-column>
+ <el-table-column
+ label="澶囨敞"
+ align="center"
+ prop="remark"
+ :show-overflow-tooltip="true"
+ />
+ <!-- <el-table-column label="椤圭洰缂栧彿" align="center" prop="proId" /> -->
+ </el-table>
- <el-table v-loading="loading" :data="inspectionList" border @selection-change="handleSelectionChange">
- <el-table-column type="selection" width="55" align="center" />
- <el-table-column label="搴忓彿" align="center" prop="newID" width="55px" />
- <el-table-column label="浣撴鍙�" align="center" prop="tjNum" :show-overflow-tooltip="true" />
- <!-- <el-table-column label="瀹㈡埛缂栧彿" align="center" prop="cusId" /> -->
- <el-table-column label="瀹㈡埛濮撳悕" align="center" prop="cusName" :show-overflow-tooltip="true" />
- <el-table-column label="韬唤璇佸彿" align="center" prop="cusId" :show-overflow-tooltip="true" />
- <el-table-column label="椤圭洰鍚�" align="center" prop="proName" :show-overflow-tooltip="true" />
- <el-table-column label="鍒涘缓浜�" align="center" prop="createBy" :show-overflow-tooltip="true" />
- <el-table-column label="鐧昏鏃堕棿" align="center" prop="registrationTime" :show-overflow-tooltip="true">
- <template slot-scope="scope">
- <span>{{ parseTime(scope.row.registrationTime, '{y}-{m}-{d}') }}</span>
- </template>
- </el-table-column>
- <el-table-column label="寮冩鏃堕棿" align="center" prop="createTime" width="160px" :show-overflow-tooltip="true">
- <template slot-scope="scope">
- <span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d} {hh}:{mm}:{ss}') }}</span>
- </template>
- </el-table-column>
- <el-table-column label="澶囨敞" align="center" prop="remark" :show-overflow-tooltip="true" />
- <!-- <el-table-column label="椤圭洰缂栧彿" align="center" prop="proId" /> -->
-
- </el-table>
-
- <div class="pag">
- <div class="pag1">
- <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum"
- :limit.sync="queryParams.pageSize" @pagination="getList" />
- </div>
- </div>
-
-
+ <div class="pag">
+ <div class="pag1">
+ <pagination
+ v-show="total > 0"
+ :total="total"
+ :page.sync="queryParams.pageNum"
+ :limit.sync="queryParams.pageSize"
+ @pagination="getList"
+ />
+ </div>
</div>
+ </div>
</template>
<script>
-import {
- listInspection, recall
-} from "@/api/hosp/inspection";
+import { listInspection, recall } from "@/api/hosp/inspection";
export default {
- name: "Inspection",
- data() {
- return {
- // 閬僵灞�
- loading: true,
- // 閫変腑鏁扮粍
- ids: [],
- // 闈炲崟涓鐢�
- single: true,
- // 闈炲涓鐢�
- multiple: true,
- // 鏄剧ず鎼滅储鏉′欢
- showSearch: true,
- // 鎬绘潯鏁�
- total: 0,
- allList: [],
- // 寮冩琛ㄦ牸鏁版嵁
- inspectionList: [],
+ name: "Inspection",
+ data() {
+ return {
+ // 閬僵灞�
+ loading: true,
+ // 閫変腑鏁扮粍
+ ids: [],
+ // 闈炲崟涓鐢�
+ single: true,
+ // 闈炲涓鐢�
+ multiple: true,
+ // 鏄剧ず鎼滅储鏉′欢
+ showSearch: true,
+ // 鎬绘潯鏁�
+ total: 0,
+ allList: [],
+ // 寮冩琛ㄦ牸鏁版嵁
+ inspectionList: [],
- // 鏄惁鏄剧ず寮瑰嚭灞�
- open: false,
- // 鏌ヨ鍙傛暟
- queryParams: {
- pageNum: 1,
- pageSize: 10,
- tjNum: null,
- cusName: null,
- registrationTime: null,
- proName: null
- },
- // 琛ㄥ崟鍙傛暟
- form: {},
- };
- },
- created() {
- this.getList();
- },
- mounted() {
+ // 鏄惁鏄剧ず寮瑰嚭灞�
+ open: false,
+ // 鏌ヨ鍙傛暟
+ queryParams: {
+ pageNum: 1,
+ pageSize: 10,
+ tjNum: null,
+ cusName: null,
+ registrationTime: null,
+ proName: null,
+ },
+ // 琛ㄥ崟鍙傛暟
+ form: {},
+ };
+ },
+ created() {
+ this.getList();
+ },
+ mounted() {
this.$nextTick(() => {
this.$refs.inputName.focus();
});
},
- methods: {
- /** 鏌ヨ寮冩鍒楄〃 */
- getList() {
- this.loading = true;
- listInspection(this.queryParams).then(response => {
- this.inspectionList = response.rows;
- response.rows.forEach((item, index) => {
- item.newID = (this.queryParams.pageNum - 1) * this.queryParams.pageSize + index + 1
- });
- this.total = response.total;
- this.loading = false;
- });
- },
- // 鍙栨秷鎸夐挳
- cancel() {
- this.open = false;
- this.reset();
- },
- // 琛ㄥ崟閲嶇疆
- reset() {
- this.form = {
- id: null,
- deleted: null,
- createBy: null,
- createTime: null,
- updateBy: null,
- updateTime: null,
- tjNum: null,
- cusId: null,
- cusName: null,
- registrationTime: null,
- proId: null,
- proName: null
- };
- this.resetForm("form");
- },
- /** 鎼滅储鎸夐挳鎿嶄綔 */
- handleQuery() {
- this.queryParams.pageNum = 1;
- this.getList();
- },
- /** 閲嶇疆鎸夐挳鎿嶄綔 */
- resetQuery() {
- this.resetForm("queryForm");
- this.handleQuery();
- },
- // 澶氶�夋閫変腑鏁版嵁
- handleSelectionChange(selection) {
- this.allList = selection
- console.log(this.allList )
- },
- handlerestore() {
- recall(this.allList).then(res => {
- if(res.code == 200){
- this.$modal.msgSuccess("宸叉挙鍥炴垚鍔�");
- this.getList();
- }
- })
+ methods: {
+ /** 鏌ヨ寮冩鍒楄〃 */
+ getList() {
+ this.loading = true;
+ listInspection(this.queryParams).then((response) => {
+ this.inspectionList = response.rows;
+ response.rows.forEach((item, index) => {
+ item.newID =
+ (this.queryParams.pageNum - 1) * this.queryParams.pageSize +
+ index +
+ 1;
+ });
+ this.total = response.total;
+ this.loading = false;
+ });
+ },
+ // 鍙栨秷鎸夐挳
+ cancel() {
+ this.open = false;
+ this.reset();
+ },
+ // 琛ㄥ崟閲嶇疆
+ reset() {
+ this.form = {
+ id: null,
+ deleted: null,
+ createBy: null,
+ createTime: null,
+ updateBy: null,
+ updateTime: null,
+ tjNum: null,
+ cusId: null,
+ cusName: null,
+ registrationTime: null,
+ proId: null,
+ proName: null,
+ };
+ this.resetForm("form");
+ },
+ hb() {
+ if (this.queryParams.tjNum != null) {
+ this.handleQuery();
+ }
+ },
+ /** 鎼滅储鎸夐挳鎿嶄綔 */
+ handleQuery() {
+ this.queryParams.pageNum = 1;
+ this.getList();
+ },
+ /** 閲嶇疆鎸夐挳鎿嶄綔 */
+ resetQuery() {
+ this.resetForm("queryForm");
+ this.handleQuery();
+ },
+ // 澶氶�夋閫変腑鏁版嵁
+ handleSelectionChange(selection) {
+ this.allList = selection;
+ },
+ handlerestore() {
+ recall(this.allList).then((res) => {
+ if (res.code == 200) {
+ this.$modal.msgSuccess("宸叉挙鍥炴垚鍔�");
+ this.getList();
}
- }
+ });
+ },
+ },
};
</script>
<style scoped>
.pag {
- width: 100%;
- display: flex;
- justify-content: center;
+ width: 100%;
+ display: flex;
+ justify-content: center;
}
.pag1 {
- width: 30%;
+ width: 30%;
}
</style>
--
Gitblit v1.8.0