.env.dev

@@ -5,9 +5,8 @@ ENV = 'development'
 VUE_APP_TITLE = 芋道管理系统
 
 # 芋道管理系统/开发环境
-# VUE_APP_BASE_API = 'http://192.168.1.49:48080'
+VUE_APP_BASE_API = 'http://192.168.1.49:48080'
-# VUE_APP_BASE_API = 'http://192.168.1.8:48080'
+# VUE_APP_BASE_API = 'http://192.168.0.33:48080'
-VUE_APP_BASE_API = 'http://192.168.0.33:48080'
 # VUE_APP_BASE_API = 'http://192.168.1.188:48080'
 
 # 路由懒加载

src/components/DialogForm/index.vue

@@ -44,7 +44,6 @@
 						v-model="form[col.prop]"
 						type="datetime"
 						:placeholder="`请选择${col.label}`"
-						value-format="timestamp"
 						v-bind="col.bind"></el-date-picker>
 					<el-upload
 						class="upload-in-dialog"
@@ -53,7 +52,7 @@
 						:action="col.url"
 						:on-success="handleUploadSuccess"
 						v-bind="col.bind">
-						<el-button size="small" type="primary" :disabled="col.bind?.disabled || false">点击上传</el-button>
+						<el-button size="small" type="primary">点击上传</el-button>
 						<div class="el-upload__tip" slot="tip" v-if="col.uploadTips">
 							{{ col.uploadTips || '只能上传jpg/png文件，大小不超过2MB' }}
 						</div>
@@ -62,7 +61,7 @@
 						v-if="col.subcomponent"
 						:key="col.key"
 						:is="col.subcomponent"
-						:inlineStyle="col.style"></component>
+						:style="col.style"></component>
 				</el-form-item>
 			</el-col>
 		</el-row>
@@ -216,14 +215,13 @@ export default {
 			if (!promiseList.length) this.formLoading = false;
 		},
 		// 上传成功的特殊处理
-		beforeUpload(){},
 		// 上传前的验证规则可通过 bind 属性传入
 		handleUploadSuccess(response, file, fileList) {
-			console.log('[dialogForm:handleUploadSuccess]', response, file, fileList, this.form);
 			// 保存原始文件名
 			if ('fileNames' in this.form) this.form.fileNames.push(file.name);
 			// 保存完整地址
 			if ('fileUrls' in this.form) this.form.fileUrls.push(response.data);
+			// console.log('[dialogForm:handleUploadSuccess]', response, file, fileList, this.form);
 			this.$modal.msgSuccess('上传成功');
 		},
 

src/mixins/lb/basicPageMixin.js

@@ -45,6 +45,8 @@ export default {
 			});
 			return obj;
 		},
+		// 处理搜索条件
+		handleSearchBarBtnClick() {},
 		// 处理表格按钮
 		handleTableBtnClick({ data, type }) {
 			switch (type) {
@@ -85,13 +87,9 @@ export default {
 		},
 		handleEmitFun(val) {
 			console.log('emit unf', val);
-			switch (val.action) {
-				// 查看详情
-				case 'show-detail':
-					this.viewDetail(val.value); // 交由每个组件自己实现
-					break;
-			}
 		},
+		// 获取列表数据
+		getList() {},
 		/** 搜索按钮操作 */
 		handleQuery() {
 			this.queryParams.pageNo = 1;

src/views/core/base/equipment/components/EquipmentAssets.vue

@@ -1,32 +0,0 @@
-<!-- 
-    filename: EquipmentAssets.vue
-    author: liubin
-    date: 2023-08-22 11:11:18
-    description: 设备资产
--->
-
-<template>
-    <div class="equipment-assets"></div>
-</template>
-
-<script>
-export default {
-    name: "EquipmentAssets",
-    components: {},
-    props: {},
-    data() {
-        return {}
-    },
-    computed: {},
-    methods: {},
-}
-</script>
-
-<style scoped lang="scss">
-.equipment-assets {
-    background: #f1f1f1;
-    padding: 12px;
-    min-height: 128px;
-    margin-top: 8px;
-}
-</style>

src/views/core/base/equipment/components/EquipmentDrawer.vue

@@ -1,444 +0,0 @@
-<!-- 
-    filename: EquipmentDrawer.vue
-    author: liubin
-    date: 2023-08-22 14:38:56
-    description: 
--->
-
-<template>
-	<el-drawer
-		:visible="visible"
-		:show-close="false"
-		:wrapper-closable="false"
-		class="drawer"
-		custom-class="mes-drawer"
-		size="60%"
-		@closed="$emit('destroy')">
-		<SmallTitle slot="title">
-			{{
-				mode.includes('detail')
-					? '详情'
-					: mode.includes('edit')
-					? '编辑'
-					: '新增'
-			}}
-		</SmallTitle>
-
-		<div class="drawer-body flex">
-			<div class="drawer-body__content">
-				<section v-for="(section, index) in sections" :key="section.key">
-					<SmallTitle v-if="index != 0">{{ section.name }}</SmallTitle>
-
-					<div class="form-part" v-if="section.key == 'base'">
-						<el-skeleton v-if="!showForm" animated />
-						<DialogForm
-							key="drawer-dialog-form"
-							v-if="showForm"
-							ref="form"
-							:dataForm="form"
-							:rows="formRows" />
-					</div>
-
-					<div v-if="section.key == 'attrs'" style="margin-top: 12px">
-						<base-table
-							v-loading="attrListLoading"
-							:table-props="section.props"
-							:page="section.pageNo || 1"
-							:limit="section.pageSize || 10"
-							:table-data="list"
-							@emitFun="handleEmitFun">
-							<method-btn
-								v-if="section.tableBtn"
-								slot="handleBtn"
-								label="操作"
-								:method-list="tableBtn"
-								@clickBtn="handleTableBtnClick" />
-						</base-table>
-					</div>
-				</section>
-			</div>
-
-			<div class="drawer-body__footer">
-				<el-button style="margin-right: 10px" @click="handleCancel">
-					返回
-				</el-button>
-				<el-button v-if="mode == 'detail'" type="primary" @click="toggleEdit">
-					编辑
-				</el-button>
-				<span v-else>
-					<el-button type="primary" @click="handleSave">保存</el-button>
-					<!-- sections的第二项必须是 属性列表  -->
-					<el-button
-						v-if="sections[1].allowAdd"
-						type="primary"
-						@click="handleAddAttr">
-						添加属性
-					</el-button>
-				</span>
-			</div>
-		</div>
-
-		<!-- 属性对话框 -->
-		<base-dialog
-			v-if="sections[1].allowAdd"
-			:dialogTitle="attrTitle"
-			:dialogVisible="attrFormVisible"
-			width="35%"
-			:append-to-body="true"
-			custom-class="baseDialog"
-			@close="closeAttrForm"
-			@cancel="closeAttrForm"
-			@confirm="submitAttrForm">
-			<DialogForm
-				v-if="attrFormVisible"
-				ref="attrForm"
-				:dataForm="attrForm"
-				:rows="attrRows" />
-		</base-dialog>
-	</el-drawer>
-</template>
-
-<script>
-import DialogForm from '@/components/DialogForm';
-
-const SmallTitle = {
-	name: 'SmallTitle',
-	props: ['size'],
-	data() {
-		return {};
-	},
-	methods: {},
-	render: function (h) {
-		return h(
-			'span',
-			{
-				class: 'small-title',
-				style: {
-					fontSize: '18px',
-					lineHeight:
-						this.size == 'lg' ? '24px' : this.size == 'sm' ? '18px' : '20px',
-					fontWeight: 500,
-					fontFamily: '微软雅黑, Microsoft YaHei, Arial, Helvetica, sans-serif',
-				},
-			},
-			this.$slots.default
-		);
-	},
-};
-
-export default {
-	components: { SmallTitle, DialogForm },
-	props: ['sections', 'mode', 'dataId'], // dataId 作为一个通用的存放id的字段
-	data() {
-		return {
-			visible: false,
-			showForm: false,
-			total: 0,
-			form: {},
-			list: [],
-			attrTitle: '',
-			attrForm: {
-				id: null,
-				equipmentId: null,
-				name: '',
-				value: '',
-			},
-			attrFormVisible: false,
-			attrRows: [
-				[
-					{
-						input: true,
-						label: '属性名称',
-						prop: 'name',
-						rules: [{ required: true, message: '不能为空', trigger: 'blur' }],
-					},
-				],
-				[
-					{
-						input: true,
-						label: '属性值',
-						prop: 'value',
-					},
-				],
-			],
-			attrQuery: null, // 属性列表的请求
-			infoQuery: null, // 基本信息的请求
-			attrFormSubmitting: false,
-			attrListLoading: false,
-		};
-	},
-	computed: {
-		formRows() {
-			return this.sections[0].rows.map((row) => {
-				return row.map((col) => {
-					if (col.key == 'eq-pics') {
-						// 重置图片的位置
-						return {
-							...col,
-							style: {
-								left: 0,
-								right: 'unset'
-							}
-						}
-					}
-					return {
-						...col,
-						bind: {
-							// 详情 模式下，禁用各种输入
-							disabled: this.mode == 'detail',
-						},
-					};
-				});
-			});
-		},
-		tableBtn() {
-			return this.mode == 'detail' ? [] : this.sections[1].tableBtn;
-		},
-	},
-	mounted() {
-		for (const section of this.sections) {
-			// 请求具体信息
-			if ('url' in section) {
-				const query = {
-					url: section.url,
-					method: section.method || 'get',
-					params: section.queryParams || null,
-					data: section.data || null,
-				};
-				this.$axios(query).then(({ data }) => {
-					if (section.key == 'base') {
-						this.form = data;
-						this.showForm = true;
-						this.infoQuery = query;
-						console.log('setting form: ', this.form, data);
-					} else if (section.key == 'attrs') {
-						this.attrQuery = query;
-						this.list = data.list;
-						this.total = data.total;
-					}
-				});
-			}
-		}
-	},
-	methods: {
-		handleTableBtnClick({ type, data }) {
-			switch (type) {
-				case 'edit':
-					this.handleEditAttr(data.id);
-					break;
-				case 'delete':
-					this.handleDeleteAttr(data.id);
-					break;
-			}
-		},
-
-		handleEmitFun(val) {
-			console.log('handleEmitFun', val);
-		},
-
-		init() {
-			this.visible = true;
-		},
-
-		async getAttrList() {
-			this.attrListLoading = true;
-			const res = await this.$axios(this.attrQuery);
-			if (res.code == 0) {
-				this.list = res.data.list;
-				this.total = res.data.total;
-			}
-			this.attrListLoading = false;
-		},
-
-		// 保存表单
-		handleSave() {
-			this.$refs['form'][0].validate(async (valid) => {
-				if (valid) {
-					const isEdit = this.mode == 'edit';
-					await this.$axios({
-						url: this.sections[0][isEdit ? 'urlUpdate' : 'urlCreate'],
-						method: isEdit ? 'put' : 'post',
-						data: this.form,
-					});
-					this.$modal.msgSuccess(`${isEdit ? '更新' : '创建'}成功`);
-					this.visible = false;
-					this.$emit('refreshDataList');
-				}
-			});
-		},
-
-		handleCancel() {
-			this.visible = false;
-		},
-
-		// 开启编辑
-		toggleEdit() {
-			this.mode = 'edit';
-		},
-
-		// 新增属性
-		handleAddAttr() {
-			if (!this.dataId) return this.$message.error('请先创建设备信息');
-			this.attrForm = {
-				id: null,
-				equipmentId: this.dataId,
-				name: '',
-				value: '',
-			};
-			this.attrTitle = '添加设备属性';
-			this.attrFormVisible = true;
-		},
-
-		// 编辑属性
-		async handleEditAttr(attrId) {
-			const res = await this.$axios({
-				url: this.sections[1].urlDetail,
-				method: 'get',
-				params: { id: attrId },
-			});
-			if (res.code == 0) {
-				this.attrForm = res.data;
-				this.attrTitle = '编辑设备属性';
-				this.attrFormVisible = true;
-			}
-		},
-
-		// 删除属性
-		handleDeleteAttr(attrId) {
-			this.$confirm('确定删除该属性?', '提示', {
-				confirmButtonText: '确定',
-				cancelButtonText: '取消',
-				type: 'warning',
-			})
-				.then(async () => {
-					const res = await this.$axios({
-						url: this.sections[1].urlDelete,
-						method: 'delete',
-						params: { id: attrId },
-					});
-					if (res.code == 0) {
-						this.$message({
-							message: '删除成功',
-							type: 'success',
-							duration: 1500,
-							onClose: () => {
-								this.getAttrList();
-							},
-						});
-					}
-				})
-				.catch(() => {});
-		},
-
-		// 提交属性表
-		async submitAttrForm() {
-			this.$refs['attrForm'].validate((valid) => {
-				if (!valid) {
-					return;
-				}
-			});
-			console.log('this.attrform', this.attrForm);
-			const isEdit = this.attrForm.id != null;
-			this.attrFormSubmitting = true;
-			const res = await this.$axios({
-				url: isEdit ? this.sections[1].urlUpdate : this.sections[1].urlCreate,
-				method: isEdit ? 'put' : 'post',
-				data: this.attrForm,
-			});
-
-			if (res.code == 0) {
-				this.closeAttrForm();
-				this.$message({
-					message: `${isEdit ? '更新' : '创建'}成功`,
-					type: 'success',
-					duration: 1500,
-					onClose: () => {
-						this.getAttrList();
-					},
-				});
-			}
-			this.attrFormSubmitting = false;
-		},
-
-		closeAttrForm() {
-			this.attrFormVisible = false;
-		},
-
-		handleClick(raw) {
-			if (raw.type === 'delete') {
-				this.$confirm(
-					`确定对${
-						raw.data.name
-							? '[名称=' + raw.data.name + ']'
-							: '[序号=' + raw.data._pageIndex + ']'
-					}进行删除操作?`,
-					'提示',
-					{
-						confirmButtonText: '确定',
-						cancelButtonText: '取消',
-						type: 'warning',
-					}
-				)
-					.then(() => {
-						deleteProductAttr(raw.data.id).then(({ data }) => {
-							this.$message({
-								message: '操作成功',
-								type: 'success',
-								duration: 1500,
-								onClose: () => {
-									this.getList();
-								},
-							});
-						});
-					})
-					.catch(() => {});
-			} else {
-				this.addNew(raw.data.id);
-			}
-		},
-	},
-};
-</script>
-
-<style scoped>
-.drawer >>> .el-drawer {
-	border-radius: 8px 0 0 8px;
-}
-
-.drawer >>> .el-drawer__header {
-	margin: 0;
-	padding: 32px 32px 24px;
-	border-bottom: 1px solid #dcdfe6;
-	margin-bottom: 0px;
-}
-
-.small-title::before {
-	content: '';
-	display: inline-block;
-	vertical-align: top;
-	width: 4px;
-	height: 22px;
-	border-radius: 1px;
-	margin-right: 8px;
-	background-color: #0b58ff;
-}
-
-.drawer-body {
-	display: flex;
-	flex-direction: column;
-	height: 100%;
-}
-
-.drawer-body__content {
-	flex: 1;
-	/* background: #eee; */
-	padding: 20px 30px;
-	overflow-y: auto;
-}
-
-.drawer-body__footer {
-	display: flex;
-	justify-content: flex-end;
-	padding: 18px;
-}
-</style>

src/views/core/base/equipment/components/EquipmentPics.vue

@@ -7,13 +7,7 @@
 
 <template>
 	<div class="equipment-pics">
-		<div v-for="(url, idx) in images" :key="url">
+		<img v-for="url,idx in images" :key="url" :src="url" alt="" />
-			<img :src="url" :alt="url" />
-			<figure class="big-img" :style="inlineStyle">
-				<img :src="url" :alt="url" />
-				<figcaption>{{ desc[idx] }}</figcaption>
-			</figure>
-		</div>
 	</div>
 </template>
 
@@ -21,91 +15,23 @@
 export default {
 	name: 'EquipmentPics',
 	components: {},
-	props: {
+	props: {},
-		inlineStyle: {
-			type: Object,
-			default: () => ({}),
-		},
-	},
 	data() {
 		return {
-			desc: [
-				'车间设备 - 1',
-				'车间设备 - 2',
-				'车间设备 - 3',
-				'车间设备 - 4',
-				'车间设备 - 5',
-				'车间设备 - 6',
-				'车间设备 - 7',
-				'车间设备 - 8',
-				'车间设备 - 9',
-				'车间设备 - 10',
-				'车间设备 - 11',
-				'车间设备 - 12',
-			],
 			images: Array(10)
 				.fill(1)
-				.map((_, index) => require(`../assets/eq${index + 1}.jpg`)),
+				.map((_, index) => `../assets/eq${index + 1}.jpg`),
 		};
 	},
+	computed: {},
 	methods: {},
 };
 </script>
 
 <style scoped lang="scss">
 .equipment-pics {
-	// background: #cfcfcf;
+	background: #fcfcfc;
 	padding: 12px;
-	// margin: 8px;
+	margin: 8px;
-	display: flex;
-	overflow-x: auto;
-}
-
-.equipment-pics > div {
-	height: 100px;
-	position: relative;
-	cursor: pointer;
-}
-
-.equipment-pics > div:not(:last-child) {
-	margin-right: 12px;
-}
-
-.equipment-pics > div > img {
-	height: 95%;
-}
-
-.equipment-pics > div > figure {
-	display: none;
-	position: fixed;
-	// inset: 0;
-	// margin: auto;
-	top: 0;
-	right: 0;
-	// width: 640px;
-	// height: 480px;
-	background: #000;
-	overflow: hidden;
-	padding: 8px 8px 0;
-}
-
-.equipment-pics > div:hover > figure {
-	margin: 0;
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	justify-content: center;
-}
-
-.equipment-pics > div > figure > img {
-	flex: 1;
-}
-
-.equipment-pics > div > figure > figcaption {
-	height: 24px;
-	margin-top: 8px;
-	font-size: 18px;
-	line-height: 1;
-	color: #fff;
 }
 </style>

src/views/core/base/equipment/index.vue

@@ -29,71 +29,15 @@
 			:limit.sync="queryParams.pageSize"
 			@pagination="getList" />
 
-		<!-- 对话框(添加) -->
+		<!-- 对话框(添加 / 修改) -->
 		<base-dialog
 			:dialogTitle="title"
 			:dialogVisible="open"
 			@close="cancel"
 			@cancel="cancel"
 			@confirm="submitForm">
-			<DialogForm
+			<DialogForm v-if="open" ref="form" :dataForm="form" :rows="rows" />
-				v-if="open"
-				key="index-dialog-form"
-				ref="form"
-				:dataForm="form"
-				:rows="rows" />
 		</base-dialog>
-
-		<!-- 设备 详情 - 编辑 -->
-		<EquipmentDrawer
-			v-if="editVisible"
-			ref="drawer"
-			:mode="editMode"
-			:data-id="form.id"
-			:sections="[
-				{
-					name: '基本信息',
-					key: 'base',
-					rows: rows,
-					url: '/base/equipment/get',
-					urlUpdate: '/base/equipment/update',
-					urlCreate: '/base/equipment/create',
-					queryParams: { id: form.id },
-				},
-				{
-					name: '属性列表',
-					key: 'attrs',
-					props: drawerListProps,
-					url: '/base/equipment-attr/page',
-					urlCreate: '/base/equipment-attr/create',
-					urlUpdate: '/base/equipment-attr/update',
-					urlDelete: '/base/equipment-attr/delete',
-					urlDetail: '/base/equipment-attr/get',
-					queryParams: {
-						equipmentId: form.id,
-						pageNo: 1,
-						pageSize: 10,
-					},
-					tableBtn: [
-						this.$auth.hasPermi('base:equipment-attr:update')
-							? {
-									type: 'edit',
-									btnName: '修改',
-							  }
-							: undefined,
-						this.$auth.hasPermi('base:equipment-attr:delete')
-							? {
-									type: 'delete',
-									btnName: '删除',
-							  }
-							: undefined,
-					].filter((v) => v),
-					allowAdd: true,
-				},
-			]"
-			@refreshDataList="getList"
-			@cancel="editVisible = false"
-			@destroy="editVisible = false" />
 	</div>
 </template>
 
@@ -102,8 +46,6 @@ import moment from 'moment';
 import basicPageMixin from '@/mixins/lb/basicPageMixin';
 import { getAccessToken } from '@/utils/auth';
 import EquipmentPics from './components/EquipmentPics';
-import EquipmentAssets from './components/EquipmentAssets';
-import EquipmentDrawer from './components/EquipmentDrawer';
 
 import {
 	createEquipment,
@@ -119,7 +61,6 @@ export default {
 	name: 'Equipment',
 	components: {
 		Editor,
-		EquipmentDrawer,
 	},
 	mixins: [basicPageMixin],
 	data() {
@@ -150,6 +91,7 @@ export default {
 				{ prop: 'name', label: '设备名称', align: 'center' },
 				{ prop: 'code', label: '检测编码', align: 'center' },
 				{ prop: 'equipmentType', label: '设备类型', align: 'center' },
+				{ prop: 'equipmentGroup', label: '设备分组', align: 'center' },
 				{ prop: 'enName', label: '英文名称', align: 'center' },
 				{ prop: 'abbr', label: '缩写', align: 'center' },
 				{
@@ -191,7 +133,7 @@ export default {
 					type: 'input',
 					label: '编码',
 					placeholder: '请输入设备编码',
-					param: 'code',
+					param: 'codes',
 				},
 				{
 					type: 'button',
@@ -224,7 +166,7 @@ export default {
 						prop: 'name',
 						rules: [{ required: true, message: '不能为空', trigger: 'blur' }],
 						// bind: {
-						// 	disabled: this.editMode == 'detail', // some condition, like detail mode...
+						// 	disabled: true, // some condition, like detail mode...
 						// }
 					},
 					{
@@ -271,19 +213,19 @@ export default {
 				],
 				[
 					{
-						datetime: true,
+						select: true,
 						label: '生产日期',
 						prop: 'productionTime',
 					},
 					{
-						datetime: true,
+						select: true,
 						label: '进厂日期',
 						prop: 'enterTime',
 					},
 				],
 				[
 					{
-						input: true,
+						select: true,
 						prop: 'tvalue',
 						label: '设备TT值',
 						rules: [
@@ -297,7 +239,7 @@ export default {
 						],
 					},
 					{
-						input: true,
+						select: true,
 						label: '产品加工时间',
 						prop: 'processingTime',
 						rules: [
@@ -312,13 +254,13 @@ export default {
 				],
 				[
 					{
-						input: true,
+						select: true,
 						label: '制造商',
 						// rules: [{ required: true, message: '不能为空', trigger: 'blur' }],
 						prop: 'manufacturer',
 					},
 					{
-						input: true,
+						select: true,
 						label: '设备规格',
 						prop: 'spec',
 					},
@@ -349,7 +291,6 @@ export default {
 						key: 'eq-assets',
 						label: '设备资料',
 						prop: 'fileNames',
-						subcomponent: EquipmentAssets,
 					},
 				],
 				[
@@ -359,27 +300,10 @@ export default {
 						label: '设备图片',
 						prop: 'fileUrls',
 						subcomponent: EquipmentPics,
-						pictures: async () => {
+						style: 'overflow-x: auto;'
-							// some async request
-							return [];
-						},
 					},
 				],
 			],
-			editVisible: false,
-			editMode: 'edit', // 'edit', 'detail'
-			// drawer 里的设备属性列表配置项
-			drawerListProps: [
-				{
-					prop: 'createTime',
-					label: '添加时间',
-					fixed: true,
-					width: 180,
-					filter: (val) => moment(val).format('yyyy-MM-DD HH:mm:ss'),
-				},
-				{ prop: 'name', label: '属性名称', align: 'center' },
-				{ prop: 'value', label: '属性值', align: 'center' },
-			],
 			// 是否显示弹出层
 			open: false,
 			// 查询参数
@@ -390,9 +314,7 @@ export default {
 				name: '',
 			},
 			// 表单参数
-			form: {
+			form: {},
-				id: null,
-			},
 		};
 	},
 	created() {
@@ -435,6 +357,16 @@ export default {
 			};
 			this.resetForm('form');
 		},
+		/** 搜索按钮操作 */
+		handleQuery() {
+			this.queryParams.pageNo = 1;
+			this.getList();
+		},
+		/** 重置按钮操作 */
+		resetQuery() {
+			this.resetForm('queryForm');
+			this.handleQuery();
+		},
 		/** 新增按钮操作 */
 		handleAdd() {
 			this.reset();
@@ -506,34 +438,6 @@ export default {
 				})
 				.catch(() => {});
 		},
-		// 查看详情
-		viewDetail(id) {
-			this.reset();
-			this.editMode = 'detail';
-			this.form.id = id;
-			this.editVisible = true;
-			this.$nextTick(() => {
-				this.$refs['drawer'].init();
-			});
-		},
-		// overwrite basicPageMixin 里的 处理表格按钮 方法
-		handleTableBtnClick({ data, type }) {
-			console.log('[handleTableBtnClick]', data, type);
-			switch (type) {
-				case 'edit':
-					this.reset();
-					this.editMode = 'edit';
-					this.form.id = data.id;
-					this.editVisible = true;
-					this.$nextTick(() => {
-						this.$refs['drawer'].init();
-					});
-					break;
-				case 'delete':
-					this.handleDelete(data);
-					break;
-			}
-		},
 	},
 };
 </script>