kllay vor 1 Tag
Ursprung
Commit
514d3e9fe3

+ 12 - 4
src/views/system/borrow/component/CollectEquipment/index.vue

@@ -571,17 +571,20 @@ function buildSteps(data: any) {
     }
   ];
 
+  const approverinfo = data.approver_info ?? data.admin_approver_info
+
+
   if (data.status >= 2&&data.status!=3 && data.borrow_type!=1) {
     steps.value.push({
       title: '审批通过',
-      description: `审批人:${data.approver_info.name},时间:${data.approve_time}`,
+      description: `审批人:${approverinfo.name},时间:${data.approve_time}`,
       status: 'finish'
     });
   } else if (data.status === 3) {
     // console.log("data.approver_name:::",data.approver_info.name)
     steps.value.push({
       title: '审批拒绝',
-      description: `审批人:${data.approver_info.name},拒绝原因: ${data.approve_remark},时间:${data.approve_time}`,
+      description: `审批人:${approverinfo.name},拒绝原因: ${data.approve_remark},时间:${data.approve_time}`,
       status: 'error'
     });
   }
@@ -938,13 +941,17 @@ watch(() => props.modelValue, async (val) => {
   if (val && val.id) {
 			try {
 			const res = await api.GetApplicationDetail(val.id);
+      console.log("res:::::",res)
 			if (res.code === 2000 && res.data) {
 				const data = res.data;
 				Object.assign(form.value, data);
         buildSteps(data);
 				timeline.value.create = data.create_datetime || '';
 				timeline.value.approve = data.approve_time || '';
-				timeline.value.approver = data.approver_info?.name || '审批人';
+        const approverinfo = data.approver_info ?? data.admin_approver_info
+        timeline.value.approver = approverinfo?.name || '审批人'
+
+				// timeline.value.approver = data.admin_approver_info?.name || '审批人';
                 // console.log("data:::",form.value);
 				// activeStep.value = 1; // 创建
 				// if (data.status >= 1) activeStep.value = 2; // 待审批
@@ -998,7 +1005,8 @@ watch(() => props.modelValue, async (val) => {
                 }
 			}
 			} catch (e) {
-			ElMessage.error('获取审批信息失败');
+        console.log("审判失败:::",e)
+			  ElMessage.error('获取审批信息失败');
 			}
 	}else if(val&& isEdit.value){
 		try {

+ 48 - 0
src/views/system/devicepreserve/api.ts

@@ -0,0 +1,48 @@
+import { AddReq,EditReq, DelReq,UserPageQuery } from '@fast-crud/fast-crud';
+import { request } from '/@/utils/service';
+
+export const apiPrefix = '/api/system/maintenance/record/';
+export function GetList(query: UserPageQuery) {
+	return request({
+		url: apiPrefix,
+		method: 'get',
+		params: query,
+	});
+}
+// export function GetObj(id: InfoReq) {
+// 	return request({
+// 		url: apiPrefix + id,
+// 		method: 'get',
+// 	});
+// }
+
+export function AddObj(obj: AddReq) {
+	return request({
+		url: apiPrefix,
+		method: 'post',
+		data: obj,
+	});
+}
+
+export function UpdateObj(obj: EditReq) {
+	return request({
+		url: apiPrefix + obj.id + '/',
+		method: 'put',
+		data: obj,
+	});
+}
+
+export function DelObj(id: DelReq) {
+	return request({
+		url: apiPrefix + id + '/',
+		method: 'delete',
+		data: { id },
+	});
+}
+
+export function GetPermission() {
+    return request({
+        url: apiPrefix,
+        method: 'get',
+    });
+}

+ 411 - 0
src/views/system/devicepreserve/crud.tsx

@@ -0,0 +1,411 @@
+import { AddReq, CreateCrudOptionsProps, dict,CreateCrudOptionsRet, UserPageQuery } from '@fast-crud/fast-crud';
+import * as api from './api';
+import { auth } from '/@/utils/authFunction';
+import dayjs from 'dayjs';
+
+export const createCrudOptions = function ({ crudExpose }: CreateCrudOptionsProps): CreateCrudOptionsRet {
+	const pageRequest = async (query: UserPageQuery) => {
+		return await api.GetList(query);
+	};
+	const editRequest = async ({ form, row }: EditReq) => {
+		form.id = row.id;
+		return await api.UpdateObj(form);
+	};
+	const delRequest = async ({ row }: DelReq) => {
+		return await api.DelObj(row.id);
+	};
+	const addRequest = async ({ form }: AddReq) => {
+		return await api.AddObj(form);
+	};
+
+	return {
+		crudOptions: {
+			request: {
+				pageRequest,
+				addRequest,
+				editRequest,
+				delRequest,
+
+			},
+			form:{
+				wrapper: {
+					buttons: {
+						ok:{
+							text:'提交'
+						}
+					}
+				}
+			},
+			actionbar: {
+				buttons: {
+					add: {
+						show: auth('area:Create'),
+					},
+				},
+			},
+			toolbar:{
+				show:false,
+			},
+			rowHandle:{
+				fixed: 'right',
+				width: 220,
+				buttons:{
+					view:{
+						show:true
+					},
+					remove:{
+						show:true,
+					},
+					edit:{
+						show:true,
+					}
+
+				}
+
+			},
+			pagination: {
+				show: false,
+			},		
+			columns: {
+				_index: {
+					title: '序号',
+					form: { show: false },
+					column: {
+						type: 'index',
+						align: 'center',
+						width: '70px',
+						columnSetDisabled: true, //禁止在列设置中选择
+					},
+				},
+				record_no: {
+					title: '编码',
+					search: {
+						show: false,
+					},
+					treeNode: true,
+					type: 'input',
+					column: {
+						minWidth: 120,
+					},
+					form: {
+						show:false,
+						rules: [
+							// 表单校验规则
+							{ required: true, message: '名称必填项' },
+						],
+						component: {
+							placeholder: '请输入',
+						},
+					},
+					viewForm:{
+						component: { placeholder: '' },
+						rules: [{ required: true, message: '' }],
+					}
+				},
+				maintenance_title: {
+					title: '维护标题',
+					search: {
+						show: true,
+					},
+					treeNode: true,
+					type: 'input',
+					column: {
+						minWidth: 120,
+					},
+					form: {
+						rules: [
+							// 表单校验规则
+							{ required: true, message: '维护标题必填项' },
+						],
+						component: {
+							placeholder: '请输入维护标题',
+						},
+					},
+					viewForm:{
+						component: { placeholder: '' },
+						rules: [{ required: true, message: '' }],
+					}
+				},
+				maintenance_plan:{
+					title: '维护计划',
+					type: 'dict-select',
+					column: {
+						show:true,
+						minWidth: 120,
+					},
+					dict: dict({
+						url: '/api/system/maintenance/plan/',
+						value: 'id',
+						label: 'plan_name',
+					}),
+					form: {
+						component: { placeholder: '请选择关联的维护计划' },
+						rules: [{ required: false, message: '请选择关联的维护计划' }],
+					},
+					viewForm:{
+						component: { placeholder: '' },
+						rules: [{ required: true, message: '' }],
+					}
+				},
+				device:{
+					title: '设备id',
+					type: 'dict-select',
+					column: {
+						minWidth: 120,
+					},
+					dict: dict({
+						url: '/api/system/device/',
+						value: 'id',
+						label: 'name',
+					}),
+					form: {
+						show:true,
+						component: { placeholder: '请选择设备id' },
+						rules: [{ required: true, message: '请选择设备id' }],
+					},
+					viewForm:{
+						component: { placeholder: '' },
+						rules: [{ required: true, message: '' }],
+					}
+				},
+				device_name:{
+					title: '设备名称',
+					type: 'input',
+					column: {
+						minWidth: 120,
+					},
+					form: {
+						show:false,
+						component: { placeholder: '请填写标签描述' },
+						rules: [{ required: false, message: '请填写标签描述' }],
+					},
+					viewForm:{
+						component: { placeholder: '' },
+						rules: [{ required: false, message: '' }],
+					}
+				},
+				device_code:{
+					title: '设备编码',
+					type: 'input',
+					column: {
+						
+						minWidth: 120,
+					},
+					form: {
+						show:false,
+						component: { placeholder: '请填写设备编码' },
+						rules: [{ required: false, message: '请填写设备编码' }],
+					},
+					viewForm:{
+						component: { placeholder: '' },
+						rules: [{ required: false, message: '' }],
+					}
+				},
+				maintenance_items:{
+					title: '维护项目',
+					type: 'input',
+					column: {
+						show:true,
+						minWidth: 120,
+					},
+					form: {
+						show:true,
+						component: { placeholder: '请输入维护项目' },
+						rules: [{ required: true, message: '请输入维护项目' }],
+					},
+					viewForm:{
+						component: { placeholder: '' },
+						rules: [{ required: true, message: '' }],
+					},
+					valueBuilder({ form, value }) {
+						// form.maintenance_items = Array.isArray(value) ? value : []
+						form.maintenance_items = value;
+					},
+					valueResolve({ form, value }) {
+						// console.log('valueResolve:', typeof value, value);
+						if (Array.isArray(value)) {
+							form.maintenance_items = value;
+						} else if (typeof value === 'string') {
+						form.maintenance_items = value
+							.split(',')
+							.map(v => v.trim())
+							.filter(Boolean);
+						} else {
+						form.maintenance_items = [];
+						}
+					},
+					
+				},
+				maintenance_team:{
+					title: '维护团队',
+					type: 'input',
+					column: {
+						minWidth: 120,
+					},
+					form: {
+						show:true,
+						component: { placeholder: '请填写维护团队' },
+						rules: [{ required: false, message: '请填写维护团队' }],
+					},
+					viewForm:{
+						component: { placeholder: '' },
+						rules: [{ required: true, message: '' }],
+					}
+				},
+				maintenance_content:{
+					title: '维护内容',
+					type: 'input',
+					column: {
+						minWidth: 120,
+					},
+					form: {
+						show:true,
+						component: { placeholder: '请填写维护内容' },
+						rules: [{ required: true, message: '请填写维护内容' }],
+					},
+					viewForm:{
+						component: { placeholder: '' },
+						rules: [{ required: true, message: '' }],
+					}
+				},
+				maintenance_person:{
+					title: '维护人',
+					type: 'input',
+					column: {
+						minWidth: 120,
+					},
+					form: {
+						show:true,
+						component: { placeholder: '请填写维护人' },
+						rules: [{ required: true, message: '请填写维护人' }],
+					},
+					viewForm:{
+						component: { placeholder: '' },
+						rules: [{ required: true, message: '' }],
+					}
+				},
+				planned_date:{
+					title: '维护日期',
+					type: 'date',
+					column: {
+						minWidth: 120,
+						// formatter: ({ value }) => (value ? dayjs(value).format('YYYY-MM-DD') : ''),
+					},
+					form: {
+						show:true,
+						component: { placeholder: '请填写维护日期' },
+						rules: [{ required: true, message: '请填写维护日期' }],
+					},
+					viewForm:{
+						component: { placeholder: '' },
+						rules: [{ required: true, message: '' }],
+					},
+					valueResolve({ form, value }) {
+						form.planned_date = value ? dayjs(value).format('YYYY-MM-DD') : null;
+					},
+					valueBuilder({ form, value }) {
+						form.planned_date =  value ;
+					},
+				},
+				planned_start_time:{
+					title: '维护开始时间',
+					type: 'time',
+					column: {
+						show:true,
+						minWidth: 120,
+						// format: 'HH:mm:ss',  
+						
+					},
+					form: {
+						show:true,
+						component: { 
+							placeholder: '请填写维护开始时间',
+							format: 'HH:mm:ss',  
+							valueFormat: 'HH:mm:ss', 
+						},
+						rules: [{ required: false, message: '请填写维护开始时间' }],
+					},
+					viewForm:{
+						component: { placeholder: '' },
+						rules: [{ required: true, message: '' }],
+					},
+					valueBuilder({ form, value }) {
+						form.planned_start_time = value
+								? dayjs(value, 'HH:mm:ss').toDate()
+								: null;
+					},
+				},
+				
+				planned_end_time:{
+					title: '维护结束时间',
+					type: 'time',
+					column: {
+						show:true,
+						minWidth: 120,
+					},
+					form: {
+						show:true,
+						component: { 
+							placeholder: '请填写维护结束时间',
+							format: 'HH:mm:ss',  
+							valueFormat: 'HH:mm:ss', 
+						},
+						rules: [{ required: false, message: '请填写维护结束时间' }],
+					},
+					viewForm:{
+						component: { placeholder: '' },
+						rules: [{ required: true, message: '' }],
+					},
+					valueBuilder({ form, value }) {
+						form.planned_end_time = value
+								? dayjs(value, 'HH:mm:ss').toDate()
+								: null;
+					},
+				},
+				status:{
+					title: '维护状态',
+					type: 'dict-select',
+					column: {
+						show:false,
+						minWidth: 120,
+					},
+					dict: dict({
+						data: [
+							{ label: '计划中', value: 0},
+							{ label: '进行中', value: 1},
+							{ label: '已完成', value: 2},
+							{ label: '已取消', value: 3 },
+							{ label: '延期', value: 4 },
+
+						],
+					}),
+					form: {
+						show:true,
+						component: { placeholder: '请选择维护状态' },
+						rules: [{ required: true, message: '请选择维护状态' }],
+					},
+					viewForm:{
+						component: { placeholder: '' },
+						rules: [{ required: true, message: '' }],
+					}
+				},
+				status_display:{
+					title: '维护状态',
+					type: 'input',
+					column: {
+						minWidth: 120,
+					},
+					form: {
+						show:false,
+						component: { placeholder: '请填写维护状态' },
+						rules: [{ required: false, message: '请填写维护状态' }],
+					},
+					viewForm:{
+						component: { placeholder: '' },
+						rules: [{ required: true, message: '' }],
+					}
+				},
+			},
+		},
+	};
+};

+ 28 - 0
src/views/system/devicepreserve/index.vue

@@ -0,0 +1,28 @@
+<template>
+	<fs-page>
+		<fs-crud ref="crudRef" v-bind="crudBinding"> </fs-crud>
+		<!-- <template #form-header-right>
+        <el-tag color="danger">form-header-right插槽</el-tag>
+      </template> -->
+	</fs-page>
+</template>
+
+<script lang="ts" setup name="devicepreserve">
+import { useFs } from '@fast-crud/fast-crud';
+import { onMounted } from 'vue';
+import { GetPermission } from './api';
+import { createCrudOptions } from './crud';
+import { handleColumnPermission } from '/@/utils/columnPermission';
+
+const { crudBinding, crudRef, crudExpose, crudOptions, resetCrudOptions } = useFs({ createCrudOptions });
+
+// 页面打开后获取列表数据
+onMounted(async () => {
+	// 设置列权限
+	const newOptions = await handleColumnPermission(GetPermission, crudOptions);
+	//重置crudBinding
+	resetCrudOptions(newOptions);
+	// 刷新
+	crudExpose.doRefresh();
+});
+</script>

+ 48 - 0
src/views/system/devicepreserveplan/api.ts

@@ -0,0 +1,48 @@
+import { AddReq,EditReq, DelReq,UserPageQuery } from '@fast-crud/fast-crud';
+import { request } from '/@/utils/service';
+
+export const apiPrefix = '/api/system/maintenance/plan/';
+export function GetList(query: UserPageQuery) {
+	return request({
+		url: apiPrefix,
+		method: 'get',
+		params: query,
+	});
+}
+// export function GetObj(id: InfoReq) {
+// 	return request({
+// 		url: apiPrefix + id,
+// 		method: 'get',
+// 	});
+// }
+
+export function AddObj(obj: AddReq) {
+	return request({
+		url: apiPrefix,
+		method: 'post',
+		data: obj,
+	});
+}
+
+export function UpdateObj(obj: EditReq) {
+	return request({
+		url: apiPrefix + obj.id + '/',
+		method: 'put',
+		data: obj,
+	});
+}
+
+export function DelObj(id: DelReq) {
+	return request({
+		url: apiPrefix + id + '/',
+		method: 'delete',
+		data: { id },
+	});
+}
+
+export function GetPermission() {
+    return request({
+        url: apiPrefix,
+        method: 'get',
+    });
+}

+ 334 - 0
src/views/system/devicepreserveplan/crud.tsx

@@ -0,0 +1,334 @@
+import { AddReq, CreateCrudOptionsProps, dict,CreateCrudOptionsRet, UserPageQuery } from '@fast-crud/fast-crud';
+import * as api from './api';
+import { auth } from '/@/utils/authFunction';
+import dayjs from 'dayjs';
+
+export const createCrudOptions = function ({ crudExpose }: CreateCrudOptionsProps): CreateCrudOptionsRet {
+	const pageRequest = async (query: UserPageQuery) => {
+		return await api.GetList(query);
+	};
+	const editRequest = async ({ form, row }: EditReq) => {
+		form.id = row.id;
+		return await api.UpdateObj(form);
+	};
+	const delRequest = async ({ row }: DelReq) => {
+		return await api.DelObj(row.id);
+	};
+	const addRequest = async ({ form }: AddReq) => {
+		return await api.AddObj(form);
+	};
+
+	return {
+		crudOptions: {
+			request: {
+				pageRequest,
+				addRequest,
+				editRequest,
+				delRequest,
+
+			},
+			form:{
+				wrapper: {
+					buttons: {
+						ok:{
+							text:'提交'
+						}
+					}
+				}
+			},
+			actionbar: {
+				buttons: {
+					add: {
+						show: auth('area:Create'),
+					},
+				},
+			},
+			toolbar:{
+				show:false,
+			},
+			rowHandle:{
+				fixed: 'right',
+				width: 220,
+				buttons:{
+					view:{
+						show:true
+					},
+					remove:{
+						show:true,
+					},
+					edit:{
+						show:true,
+					}
+
+				}
+
+			},
+			pagination: {
+				show: false,
+			},		
+			columns: {
+				_index: {
+					title: '序号',
+					form: { show: false },
+					column: {
+						type: 'index',
+						align: 'center',
+						width: '70px',
+						columnSetDisabled: true, //禁止在列设置中选择
+					},
+				},
+				plan_code: {
+					title: '计划编码',
+					search: {
+						show: false,
+					},
+					treeNode: true,
+					type: 'input',
+					column: {
+						minWidth: 120,
+					},
+					form: {
+						show:false,
+						rules: [
+							// 表单校验规则
+							{ required: true, message: '名称必填项' },
+						],
+						component: {
+							placeholder: '请输入名称',
+						},
+					},
+					viewForm:{
+						component: { placeholder: '' },
+						rules: [{ required: true, message: '' }],
+					}
+				},
+				plan_name: {
+					title: '计划名称',
+					search: {
+						show: true,
+					},
+					treeNode: true,
+					type: 'input',
+					column: {
+						minWidth: 120,
+					},
+					form: {
+						rules: [
+							// 表单校验规则
+							{ required: true, message: '名称必填项' },
+						],
+						component: {
+							placeholder: '请输入计划名称',
+						},
+					},
+					viewForm:{
+						component: { placeholder: '' },
+						rules: [{ required: true, message: '' }],
+					}
+				},
+				description:{
+					title: '计划描述',
+					type: 'input',
+					column: {
+						show:true,
+						minWidth: 120,
+					},
+					form: {
+						component: { placeholder: '请填写计划描述' },
+						rules: [{ required: false, message: '请填写计划描述' }],
+					},
+					viewForm:{
+						component: { placeholder: '' },
+						rules: [{ required: true, message: '' }],
+					}
+				},
+				device:{
+					title: '设备id',
+					type: 'dict-select',
+					column: {
+						minWidth: 120,
+					},
+					dict: dict({
+						url: '/api/system/device/',
+						value: 'id',
+						label: 'name',
+					}),
+					form: {
+						show:true,
+						component: { placeholder: '请选择设备id' },
+						rules: [{ required: true, message: '请选择设备id' }],
+					},
+					viewForm:{
+						component: { placeholder: '' },
+						rules: [{ required: true, message: '' }],
+					}
+				},
+				device_name:{
+					title: '设备名称',
+					type: 'input',
+					column: {
+						minWidth: 120,
+					},
+					form: {
+						show:false,
+						component: { placeholder: '请填写标签描述' },
+						rules: [{ required: false, message: '请填写标签描述' }],
+					},
+					viewForm:{
+						component: { placeholder: '' },
+						rules: [{ required: true, message: '' }],
+					}
+				},
+				device_code:{
+					title: '设备编码',
+					type: 'input',
+					column: {
+						minWidth: 120,
+					},
+					form: {
+						show:false,
+						component: { placeholder: '请填写设备编码' },
+						rules: [{ required: false, message: '请填写设备编码' }],
+					},
+					viewForm:{
+						component: { placeholder: '' },
+						rules: [{ required: true, message: '' }],
+					}
+				},
+				cycle_type:{
+					title: '维护类型',
+					type: 'dict-select',
+					column: {
+						show:false,
+						minWidth: 120,
+					},
+					dict: dict({
+						data: [
+							{ label: '每季度', value: 3 },
+
+						],
+					}),
+					form: {
+						show:true,
+						component: { placeholder: '请选择维护类型' },
+						rules: [{ required: true, message: '请选择维护类型' }],
+					},
+					viewForm:{
+						component: { placeholder: '' },
+						rules: [{ required: true, message: '' }],
+					}
+				},
+				cycle_type_display:{
+					title: '维护类型',
+					type: 'input',
+					column: {
+						minWidth: 120,
+					},
+					form: {
+						show:false,
+						component: { placeholder: '请填写排序' },
+						rules: [{ required: false, message: '请填写排序' }],
+					},
+					viewForm:{
+						component: { placeholder: '' },
+						rules: [{ required: true, message: '' }],
+					}
+				},
+				maintenance_content:{
+					title: '维护内容',
+					type: 'input',
+					column: {
+						minWidth: 120,
+					},
+					form: {
+						show:true,
+						component: { placeholder: '请填写维护内容' },
+						rules: [{ required: true, message: '请填写维护内容' }],
+					},
+					viewForm:{
+						component: { placeholder: '' },
+						rules: [{ required: true, message: '' }],
+					}
+				},
+				maintenance_person:{
+					title: '维护人',
+					type: 'input',
+					column: {
+						minWidth: 120,
+					},
+					form: {
+						show:true,
+						component: { placeholder: '请填写维护人' },
+						rules: [{ required: true, message: '请填写维护人' }],
+					},
+					viewForm:{
+						component: { placeholder: '' },
+						rules: [{ required: true, message: '' }],
+					}
+				},
+				start_date:{
+					title: '维护开始时间',
+					type: 'date',
+					column: {
+						minWidth: 120,
+						// formatter: ({ value }) => (value ? dayjs(value).format('YYYY-MM-DD') : ''),
+					},
+					form: {
+						show:true,
+						component: { placeholder: '请填写维护开始时间' },
+						rules: [{ required: true, message: '请填写维护开始时间' }],
+					},
+					viewForm:{
+						component: { placeholder: '' },
+						rules: [{ required: true, message: '' }],
+					},
+					valueResolve({ form, value }) {
+						form.start_date = value ? dayjs(value).format('YYYY-MM-DD') : null;
+					},
+					valueBuilder({ form, value }) {
+						form.start_date =  value ;
+					},
+				},
+				next_maintenance_date:{
+					title: '下次维护开始时间',
+					type: 'date',
+					column: {
+						minWidth: 120,
+						formatter: ({ value }) => (value ? dayjs(value).format('YYYY-MM-DD') : ''),
+					},
+					form: {
+						show:false,
+						component: { placeholder: '请填写维护开始时间' },
+						rules: [{ required: false, message: '请填写维护开始时间' }],
+					},
+					viewForm:{
+						component: { placeholder: '' },
+						rules: [{ required: true, message: '' }],
+					},
+					valueResolve({ form, value }) {
+						form.purchase_date = value ? dayjs(value).format('YYYY-MM-DD') : null;
+					},
+					valueBuilder({ form, value }) {
+						form.purchase_date = value;
+					},
+				},
+				status_display:{
+					title: '维护状态',
+					type: 'input',
+					column: {
+						minWidth: 120,
+					},
+					form: {
+						show:false,
+						component: { placeholder: '请填写维护状态' },
+						rules: [{ required: false, message: '请填写维护状态' }],
+					},
+					viewForm:{
+						component: { placeholder: '' },
+						rules: [{ required: true, message: '' }],
+					}
+				},
+			},
+		},
+	};
+};

+ 28 - 0
src/views/system/devicepreserveplan/index.vue

@@ -0,0 +1,28 @@
+<template>
+	<fs-page>
+		<fs-crud ref="crudRef" v-bind="crudBinding"> </fs-crud>
+		<!-- <template #form-header-right>
+        <el-tag color="danger">form-header-right插槽</el-tag>
+      </template> -->
+	</fs-page>
+</template>
+
+<script lang="ts" setup name="devicepreserveplan">
+import { useFs } from '@fast-crud/fast-crud';
+import { onMounted } from 'vue';
+import { GetPermission } from './api';
+import { createCrudOptions } from './crud';
+import { handleColumnPermission } from '/@/utils/columnPermission';
+
+const { crudBinding, crudRef, crudExpose, crudOptions, resetCrudOptions } = useFs({ createCrudOptions });
+
+// 页面打开后获取列表数据
+onMounted(async () => {
+	// 设置列权限
+	const newOptions = await handleColumnPermission(GetPermission, crudOptions);
+	//重置crudBinding
+	resetCrudOptions(newOptions);
+	// 刷新
+	crudExpose.doRefresh();
+});
+</script>