From 3435a2b1b3e237ee53c98ae7c044d0e84cfa521c Mon Sep 17 00:00:00 2001
From: su1124 <1583764726@qq.com>
Date: 星期四, 25 一月 2024 18:01:18 +0800
Subject: [PATCH] su
---
src/views/hosp/harmType/index.vue | 679 +++++++++++++++++++++++++++++++-------------------------
1 files changed, 377 insertions(+), 302 deletions(-)
diff --git a/src/views/hosp/harmType/index.vue b/src/views/hosp/harmType/index.vue
index a8217c7..d419b00 100644
--- a/src/views/hosp/harmType/index.vue
+++ b/src/views/hosp/harmType/index.vue
@@ -1,331 +1,406 @@
<template>
- <div class="app-container">
- <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
+ <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="harmCode">
+ <el-input
+ v-model="queryParams.harmCode"
+ placeholder="璇疯緭鍏ョ紪鐮�"
+ clearable
+ @keyup.enter.native="handleQuery"
+ />
+ </el-form-item>
+ <el-form-item label="鍚嶇О" prop="harmType">
+ <el-input
+ v-model="queryParams.harmType"
+ placeholder="璇疯緭鍏ヨ亴涓氱梾鎷奸煶鐮�"
+ clearable
+ @keyup.enter.native="handleQuery"
+ />
+ </el-form-item>
+ <el-form-item label="鎷奸煶鐮�" prop="harmPinYin">
+ <el-input
+ v-model="queryParams.harmPinYin"
+ placeholder="璇疯緭鍏ヨ亴涓氱梾鎷奸煶鐮�"
+ clearable
+ @keyup.enter.native="handleQuery"
+ />
+ </el-form-item>
- <el-form-item label="缂栫爜" prop="harmCode">
- <el-input v-model="queryParams.harmCode" placeholder="璇疯緭鍏ョ紪鐮�" clearable @keyup.enter.native="handleQuery" />
- </el-form-item>
- <el-form-item label="鍚嶇О" prop="harmType">
- <el-input v-model="queryParams.harmType" placeholder="璇疯緭鍏ヨ亴涓氱梾鎷奸煶鐮�" clearable
- @keyup.enter.native="handleQuery" />
- </el-form-item>
- <el-form-item label="鎷奸煶鐮�" prop="harmPinYin">
- <el-input v-model="queryParams.harmPinYin" 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-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"
+ icon="el-icon-plus"
+ size="mini"
+ @click="handleAdd"
+ v-hasPermi="['hosp:harmType:add']"
+ >鏂板
+ </el-button>
+ </el-col>
+ <el-col :span="1.5">
+ <el-button
+ type="primary"
+ icon="el-icon-edit"
+ size="mini"
+ :disabled="single"
+ @click="handleUpdate"
+ v-hasPermi="['hosp:harmType:edit']"
+ >淇敼
+ </el-button>
+ </el-col>
+ <el-col :span="1.5">
+ <el-button
+ type="primary"
+ icon="el-icon-delete"
+ size="mini"
+ :disabled="multiple"
+ @click="handleDelete"
+ v-hasPermi="['hosp:harmType:remove']"
+ >鍒犻櫎
+ </el-button>
+ </el-col>
+ <el-col :span="1.5">
+ <el-button
+ type="primary"
+ icon="el-icon-download"
+ size="mini"
+ @click="handleExport"
+ v-hasPermi="['hosp:harmType:export']"
+ >瀵煎嚭
+ </el-button>
+ </el-col>
+ <right-toolbar
+ :showSearch.sync="showSearch"
+ @queryTable="getList"
+ ></right-toolbar>
+ </el-row>
- <el-row :gutter="10" class="mb8">
- <el-col :span="1.5">
- <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd"
- v-hasPermi="['hosp:harmType:add']">鏂板
- </el-button>
- </el-col>
- <el-col :span="1.5">
- <el-button type="success" plain icon="el-icon-edit" size="mini" :disabled="single" @click="handleUpdate"
- v-hasPermi="['hosp:harmType:edit']">淇敼
- </el-button>
- </el-col>
- <el-col :span="1.5">
- <el-button type="danger" plain icon="el-icon-delete" size="mini" :disabled="multiple" @click="handleDelete"
- v-hasPermi="['hosp:harmType:remove']">鍒犻櫎
- </el-button>
- </el-col>
- <el-col :span="1.5">
- <el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport"
- v-hasPermi="['hosp:harmType:export']">瀵煎嚭
- </el-button>
- </el-col>
- <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
- </el-row>
+ <el-table
+ v-loading="loading"
+ :data="harmTypeList"
+ @selection-change="handleSelectionChange"
+ border
+ >
+ <el-table-column type="selection" width="55" align="center" />
+ <el-table-column label="鎺掑簭" align="center" prop="newID" />
+ <el-table-column label="鑱屼笟鐥呯紪鐮�" align="center" prop="harmCode" />
+ <el-table-column label="鑱屼笟鐥呭悕绉�" align="center" prop="harmType" />
+ <el-table-column label="鑱屼笟鐥呮嫾闊崇爜" align="center" prop="harmPinYin" />
+ <el-table-column label="鎻忚堪" align="center" prop="harmInfo" />
+ <el-table-column label="闃叉姢鎺柦" align="center" prop="protection" />
+ <el-table-column
+ label="鎿嶄綔"
+ align="center"
+ class-name="small-padding fixed-width"
+ >
+ <template slot-scope="scope">
+ <el-button
+ size="mini"
+ type="text"
+ icon="el-icon-edit"
+ @click="handleUpdate(scope.row)"
+ v-hasPermi="['hosp:harmType:edit']"
+ title="淇敼"
+ >
+ </el-button>
+ <el-button
+ size="mini"
+ type="text"
+ icon="el-icon-delete"
+ @click="handleDelete(scope.row)"
+ v-hasPermi="['hosp:harmType:remove']"
+ title="鍒犻櫎"
+ >
+ </el-button>
+ </template>
+ </el-table-column>
+ </el-table>
- <el-table v-loading="loading" :data="harmTypeList" @selection-change="handleSelectionChange" border>
- <el-table-column type="selection" width="55" align="center" />
- <el-table-column label="鎺掑簭" align="center" prop="sort" />
- <el-table-column label="鑱屼笟鐥呯紪鐮�" align="center" prop="harmCode" />
- <el-table-column label="鑱屼笟鐥呭悕绉�" align="center" prop="harmType" />
- <el-table-column label="鑱屼笟鐥呮嫾闊崇爜" align="center" prop="harmPinYin" />
- <el-table-column label="鎻忚堪" align="center" prop="harmInfo" />
- <el-table-column label="闃叉姢鎺柦" align="center" prop="protection" />
- <el-table-column label="鎿嶄綔" align="center" class-name="small-padding fixed-width">
- <template slot-scope="scope">
- <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
- v-hasPermi="['hosp:harmType:edit']">淇敼
- </el-button>
- <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
- v-hasPermi="['hosp:harmType:remove']">鍒犻櫎
- </el-button>
- </template>
- </el-table-column>
- </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>
-
-
- <!-- 娣诲姞鎴栦慨鏀硅亴涓氱梾瀵硅瘽妗� -->
- <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
- <el-form ref="form" :model="form" :rules="rules" label-width="80px">
- <el-form-item label="鎺掑簭" prop="sort">
- <el-input v-model="form.sort" placeholder="璇疯緭鍏ユ帓搴�" />
- </el-form-item>
- <el-form-item label="缂栫爜" prop="harmCode">
- <el-input v-model="form.harmCode" placeholder="璇疯緭鍏ョ紪鐮�" />
- </el-form-item>
- <el-form-item label="鎷奸煶鐮�" prop="harmPinYin">
- <el-input v-model="form.harmPinYin" placeholder="璇疯緭鍏ユ嫾闊崇爜" />
- </el-form-item>
- <el-form-item label="鍚嶇О" prop="harmType">
- <el-input v-model="form.harmType" placeholder="璇疯緭鍏ュ悕绉�" />
- </el-form-item>
-
- <el-form-item label="鎻忚堪" prop="harmInfo">
- <el-input v-model="form.harmInfo" type="textarea" placeholder="璇疯緭鍏ユ弿杩�" />
- </el-form-item>
-
-
- <el-form-item label="闃叉姢鎺柦" prop="protection">
- <el-input v-model="form.protection" placeholder="璇疯緭鍏ラ槻鎶ゆ帾鏂�" />
- </el-form-item>
- </el-form>
- <div slot="footer" class="dialog-footer">
- <el-button type="primary" @click="submitForm">纭� 瀹�</el-button>
- <el-button @click="cancel">鍙� 娑�</el-button>
- </div>
- </el-dialog>
+ <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>
+
+ <!-- 娣诲姞鎴栦慨鏀硅亴涓氱梾瀵硅瘽妗� -->
+ <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
+ <el-form ref="form" :model="form" :rules="rules" label-width="80px">
+ <el-form-item label="鏁板瓧" prop="sort">
+ <el-input v-model="form.sort" placeholder="璇疯緭鍏ユ帓搴�" />
+ </el-form-item>
+ <el-form-item label="缂栫爜" prop="harmCode">
+ <el-input v-model="form.harmCode" placeholder="璇疯緭鍏ョ紪鐮�" />
+ </el-form-item>
+ <el-form-item label="鎷奸煶鐮�" prop="harmPinYin">
+ <el-input v-model="form.harmPinYin" placeholder="璇疯緭鍏ユ嫾闊崇爜" />
+ </el-form-item>
+ <el-form-item label="鍚嶇О" prop="harmType">
+ <el-input v-model="form.harmType" placeholder="璇疯緭鍏ュ悕绉�" />
+ </el-form-item>
+
+ <el-form-item label="鎻忚堪" prop="harmInfo">
+ <el-input
+ v-model="form.harmInfo"
+ type="textarea"
+ placeholder="璇疯緭鍏ユ弿杩�"
+ />
+ </el-form-item>
+
+ <el-form-item label="闃叉姢鎺柦" prop="protection">
+ <el-input v-model="form.protection" placeholder="璇疯緭鍏ラ槻鎶ゆ帾鏂�" />
+ </el-form-item>
+ </el-form>
+ <div slot="footer" class="dialog-footer">
+ <el-button type="primary" @click="submitForm">纭� 瀹�</el-button>
+ <el-button @click="cancel">鍙� 娑�</el-button>
+ </div>
+ </el-dialog>
+ </div>
</template>
<script>
import {
- listHarmType,
- getHarmType,
- delHarmType,
- addHarmType,
- updateHarmType
+ listHarmType,
+ getHarmType,
+ delHarmType,
+ addHarmType,
+ updateHarmType,
} from "@/api/hosp/harmType";
export default {
- name: "HarmType",
- 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 {
- // 閬僵灞�
- loading: true,
- // 閫変腑鏁扮粍
- ids: [],
- // 闈炲崟涓鐢�
- single: true,
- // 闈炲涓鐢�
- multiple: true,
- // 鏄剧ず鎼滅储鏉′欢
- showSearch: true,
- // 鎬绘潯鏁�
- total: 0,
- // 鑱屼笟鐥呰〃鏍兼暟鎹�
- harmTypeList: [],
- // 寮瑰嚭灞傛爣棰�
- title: "",
- // 鏄惁鏄剧ず寮瑰嚭灞�
- open: false,
- // 鏌ヨ鍙傛暟
- queryParams: {
- pageNum: 1,
- pageSize: 10,
- harmpinyin: null,
- harmtype: null,
- sort: null,
- harminfo: null,
- externalcode: null,
- harmcode: null,
- type: null,
- protection: null
- },
- // 琛ㄥ崟鍙傛暟
- form: {},
- // 琛ㄥ崟鏍￠獙
- rules: {
- sort: [
- { required: true, validator: checkPhoneNum, trigger: "blur" }
- ],
- harmCode: [
- { required: true, validator: checkPhoneNum, trigger: "blur" }
- ],
-
- harmPinYin: [
- { required: true, validator: checkPhoneNum, trigger: "blur" }
- ],
-
- harmType: [
- { required: true, validator: checkPhoneNum, trigger: "blur" }
- ],
-
- harmInfo: [
- { required: true, validator: checkPhoneNum, trigger: "blur" }
- ],
-
- protection: [
- { required: true, validator: checkPhoneNum, trigger: "blur" }
- ],
-
+ name: "HarmType",
+ 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 {
+ // 閬僵灞�
+ loading: true,
+ // 閫変腑鏁扮粍
+ ids: [],
+ // 闈炲崟涓鐢�
+ single: true,
+ // 闈炲涓鐢�
+ multiple: true,
+ // 鏄剧ず鎼滅储鏉′欢
+ showSearch: true,
+ // 鎬绘潯鏁�
+ total: 0,
+ // 鑱屼笟鐥呰〃鏍兼暟鎹�
+ harmTypeList: [],
+ // 寮瑰嚭灞傛爣棰�
+ title: "",
+ // 鏄惁鏄剧ず寮瑰嚭灞�
+ open: false,
+ // 鏌ヨ鍙傛暟
+ queryParams: {
+ pageNum: 1,
+ pageSize: 10,
+ harmpinyin: null,
+ harmtype: null,
+ sort: null,
+ harminfo: null,
+ externalcode: null,
+ harmcode: null,
+ type: null,
+ protection: null,
+ },
+ // 琛ㄥ崟鍙傛暟
+ form: {},
+ // 琛ㄥ崟鏍￠獙
+ rules: {
+ // sort: [{ required: true, validator: checkPhoneNum, trigger: "blur" }],
+ // harmCode: [
+ // { required: true, validator: checkPhoneNum, trigger: "blur" },
+ // ],
-
- }
- };
+ harmPinYin: [
+ { required: true, validator: checkPhoneNum, trigger: "blur" },
+ ],
+
+ harmType: [
+ { required: true, validator: checkPhoneNum, trigger: "blur" },
+ ],
+
+ // harmInfo: [
+ // { required: true, validator: checkPhoneNum, trigger: "blur" },
+ // ],
+
+ protection: [
+ { required: true, validator: checkPhoneNum, trigger: "blur" },
+ ],
+ },
+ };
+ },
+ created() {
+ this.getList();
+ },
+ methods: {
+ /** 鏌ヨ鑱屼笟鐥呭垪琛� */
+ getList() {
+ this.loading = true;
+ listHarmType(this.queryParams).then((response) => {
+ response.rows.forEach((item, index) => {
+ item.newID = (this.queryParams.pageNum - 1) * this.queryParams.pageSize + index + 1;
+ });
+ this.harmTypeList = response.rows;
+ this.total = response.total;
+ this.loading = false;
+ });
},
- created() {
- this.getList();
+ // 鍙栨秷鎸夐挳
+ cancel() {
+ this.open = false;
+ this.reset();
},
- methods: {
- /** 鏌ヨ鑱屼笟鐥呭垪琛� */
- getList() {
- this.loading = true;
- listHarmType(this.queryParams).then(response => {
- this.harmTypeList = response.rows;
- this.total = response.total;
- this.loading = false;
+ // 琛ㄥ崟閲嶇疆
+ reset() {
+ this.form = {
+ aid: null,
+ harmpinyin: null,
+ harmtype: null,
+ sort: null,
+ harminfo: null,
+ externalcode: null,
+ harmcode: null,
+ type: null,
+ protection: null,
+ };
+ this.resetForm("form");
+ },
+ /** 鎼滅储鎸夐挳鎿嶄綔 */
+ handleQuery() {
+ this.queryParams.pageNum = 1;
+ this.getList();
+ },
+ /** 閲嶇疆鎸夐挳鎿嶄綔 */
+ resetQuery() {
+ this.resetForm("queryForm");
+ this.handleQuery();
+ },
+ // 澶氶�夋閫変腑鏁版嵁
+ handleSelectionChange(selection) {
+ this.ids = [];
+ this.ids = selection.map((item) => item.aid);
+ this.single = selection.length !== 1;
+ this.multiple = !selection.length;
+ },
+ /** 鏂板鎸夐挳鎿嶄綔 */
+ handleAdd() {
+ this.reset();
+ this.open = true;
+ this.title = "娣诲姞鑱屼笟鐥�";
+ },
+ /** 淇敼鎸夐挳鎿嶄綔 */
+ handleUpdate(row) {
+ this.reset();
+ const aid = row.aid || this.ids;
+ getHarmType(aid).then((response) => {
+ this.form = response.data;
+ this.open = true;
+ this.title = "鏈夊鍥犵礌";
+ });
+ },
+ /** 鎻愪氦鎸夐挳 */
+ submitForm() {
+ this.$refs["form"].validate((valid) => {
+ if (valid) {
+ if (this.form.aid != null) {
+ updateHarmType(this.form).then((response) => {
+ this.$modal.msgSuccess("淇敼鎴愬姛");
+ this.open = false;
+ this.getList();
});
- },
- // 鍙栨秷鎸夐挳
- cancel() {
- this.open = false;
- this.reset();
- },
- // 琛ㄥ崟閲嶇疆
- reset() {
- this.form = {
- aid: null,
- harmpinyin: null,
- harmtype: null,
- sort: null,
- harminfo: null,
- externalcode: null,
- harmcode: null,
- type: null,
- protection: null
- };
- this.resetForm("form");
- },
- /** 鎼滅储鎸夐挳鎿嶄綔 */
- handleQuery() {
- this.queryParams.pageNum = 1;
- this.getList();
- },
- /** 閲嶇疆鎸夐挳鎿嶄綔 */
- resetQuery() {
- this.resetForm("queryForm");
- this.handleQuery();
- },
- // 澶氶�夋閫変腑鏁版嵁
- handleSelectionChange(selection) {
- this.ids = []
- this.ids = selection.map(item => item.aid)
- this.single = selection.length !== 1
- this.multiple = !selection.length
- },
- /** 鏂板鎸夐挳鎿嶄綔 */
- handleAdd() {
- this.reset();
- this.open = true;
- this.title = "娣诲姞鑱屼笟鐥�";
- },
- /** 淇敼鎸夐挳鎿嶄綔 */
- handleUpdate(row) {
- this.reset();
- const aid = row.aid || this.ids
- getHarmType(aid).then(response => {
- this.form = response.data;
- this.open = true;
- this.title = "鏈夊鍥犵礌";
- });
- },
- /** 鎻愪氦鎸夐挳 */
- submitForm() {
- this.$refs["form"].validate((valid) => {
- if (valid) {
- if (this.form.aid != null) {
- updateHarmType(this.form).then((response) => {
- this.$modal.msgSuccess("淇敼鎴愬姛");
- this.open = false;
- this.getList();
- });
- } else {
- if(this.form.harmPinYin && this.form.harmType && this.form.harmCode){
- addHarmType(this.form).then((response) => {
- this.$modal.msgSuccess("鏂板鎴愬姛");
- this.open = false;
- this.getList();
- });
- }else{
- this.$modal.msgError("璇峰～鍐欏繀濉」淇℃伅");
- }
-
- }
- }
- });
- },
- /** 鍒犻櫎鎸夐挳鎿嶄綔 */
- handleDelete(row) {
- if (row) {
- this.ids = []
- this.ids.push(row.aid)
+ } else {
+ if (
+ this.form.harmPinYin &&
+ this.form.harmType &&
+ this.form.harmCode
+ ) {
+ addHarmType(this.form).then((response) => {
+ this.$modal.msgSuccess("鏂板鎴愬姛");
+ this.open = false;
+ this.getList();
+ });
+ } else {
+ this.$modal.msgError("璇峰～鍐欏繀濉」淇℃伅");
}
-
- const ids = this.ids;
- this.$modal
- .confirm('鏄惁纭鍒犻櫎advice缂栧彿涓�"' + ids + '"鐨勬暟鎹」锛�')
- .then(function () {
- return delHarmType(ids);
- })
- .then(() => {
- this.getList();
- this.$modal.msgSuccess("鍒犻櫎鎴愬姛");
- })
- .catch(() => { });
- },
-
-
- SelectionChange(selection) { },
-
-
-
- /** 瀵煎嚭鎸夐挳鎿嶄綔 */
- handleExport() {
-
+ }
}
- }
-}
- ;
+ });
+ },
+ /** 鍒犻櫎鎸夐挳鎿嶄綔 */
+ handleDelete(row) {
+ if (row) {
+ this.ids = [];
+ this.ids.push(row.aid);
+ }
+
+ const ids = this.ids;
+ this.$modal
+ .confirm('鏄惁纭鍒犻櫎advice缂栧彿涓�"' + ids + '"鐨勬暟鎹」锛�')
+ .then(function () {
+ return delHarmType(ids);
+ })
+ .then(() => {
+ this.getList();
+ this.$modal.msgSuccess("鍒犻櫎鎴愬姛");
+ })
+ .catch(() => {});
+ },
+
+ SelectionChange(selection) {},
+
+ /** 瀵煎嚭鎸夐挳鎿嶄綔 */
+ handleExport() {},
+ },
+};
</script>
<style>
.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