😎调整form的label宽度为自动auto

Web/src/hooks/vxeTableOptionsHook.ts

@@ -66,9 +66,12 @@ export const useVxeTable = <T>(opt: iVxeOption, extras?: VxeGridProps<RowVO> = n
 		},
 		printConfig: { sheetName: '' },
 		proxyConfig: {
+			enabled: true,
+			autoLoad: false,
+			sort: true,
 			props: {
-				list: 'data.result.items', // 不分页时
+				list: 'data.result', // 不分页时
-				// result: 'data.result.items', // 分页时
+				result: 'data.result.items', // 分页时
 				total: 'data.result.total',
 				message: 'data.message',
 			},

Web/src/views/home/notice/index.vue

@@ -1,7 +1,7 @@
 <template>
 	<div class="notice-container" v-loading="options.loading">
 		<el-card shadow="hover" :body-style="{ padding: '5px 5px 0 5px', display: 'flex', width: '100%', height: '100%', alignItems: 'start' }">
-			<el-form :model="state.queryParams" ref="queryForm" :show-message="false" :inlineMessage="true" :label-width="'60px'" style="flex: 1 1 0%">
+			<el-form :model="state.queryParams" ref="queryForm" :show-message="false" :inlineMessage="true" label-width="auto" style="flex: 1 1 0%">
 				<el-row :gutter="10">
 					<el-col class="mb5" :xs="24" :sm="12" :md="8" :lg="6" :xl="6">
 						<el-form-item label="标题" prop="title">

Web/src/views/system/codeGen/index.vue

@@ -1,7 +1,7 @@
 <template>
 	<div class="sys-codeGen-container" v-loading="options.loading">
 		<el-card shadow="hover" :body-style="{ padding: '5px 5px 0 5px', display: 'flex', width: '100%', height: '100%', alignItems: 'start' }">
-			<el-form :model="state.queryParams" ref="queryForm" :show-message="false" :inlineMessage="true" :label-width="'60px'" style="flex: 1 1 0%">
+			<el-form :model="state.queryParams" ref="queryForm" :show-message="false" :inlineMessage="true" label-width="auto" style="flex: 1 1 0%">
 				<el-row :gutter="10">
 					<el-col class="mb5" :xs="24" :sm="12" :md="8" :lg="6" :xl="6">
 						<el-form-item label="业务名" prop="busName">

Web/src/views/system/config/index.vue

@@ -1,7 +1,7 @@
 <template>
 	<div class="sys-config-container" v-loading="options.loading">
 		<el-card shadow="hover" :body-style="{ padding: '5px 5px 0 5px', display: 'flex', width: '100%', height: '100%', alignItems: 'start' }">
-			<el-form :model="state.queryParams" ref="queryForm" :show-message="false" :inlineMessage="true" :label-width="'60px'" style="flex: 1 1 0%">
+			<el-form :model="state.queryParams" ref="queryForm" :show-message="false" :inlineMessage="true" label-width="auto" style="flex: 1 1 0%">
 				<el-row :gutter="10">
 					<el-col class="mb5" :xs="24" :sm="12" :md="8" :lg="6" :xl="6">
 						<el-form-item label="配置名称" prop="name">
@@ -111,7 +111,8 @@ const state = reactive({
 	groupList: [] as string[],
 	selectList: [] as SysConfig[],
 });
-//表格参数配置
+
+// 表格参数配置
 const options = useVxeTable<SysConfig>({
 	id: 'sysConfig',
 	name: '参数配置',

Web/src/views/system/database/index.vue

@@ -1,7 +1,7 @@
 <template>
 	<div class="sys-database-container" v-loading="options.loading">
 		<el-card shadow="hover" :body-style="{ padding: '5px 5px 0 5px', display: 'flex', width: '100%', height: '100%', alignItems: 'start' }">
-			<el-form :model="state.queryParams" ref="queryForm" :show-message="false" :inlineMessage="true" :label-width="'60px'" style="flex: 1 1 0%">
+			<el-form :model="state.queryParams" ref="queryForm" :show-message="false" :inlineMessage="true" label-width="auto" style="flex: 1 1 0%">
 				<el-row :gutter="10">
 					<el-col class="mb5" :xs="24" :sm="12" :md="8" :lg="6" :xl="6">
 						<el-form-item label="库名" prop="configId">

Web/src/views/system/dict/index.vue

@@ -3,7 +3,7 @@
 		<el-row :gutter="8" style="width: 100%; height: 100%; flex: 1">
 			<el-col :span="12" :xs="24" class="full-height">
 				<el-card shadow="hover" :body-style="{ padding: '5px 5px 0 5px', display: 'flex', width: '100%', height: '100%', alignItems: 'start' }">
-					<el-form :model="state.queryParams" :show-message="false" :inlineMessage="true" :label-width="'60px'" style="flex: 1 1 0%">
+					<el-form :model="state.queryParams" :show-message="false" :inlineMessage="true" label-width="auto" style="flex: 1 1 0%">
 						<el-row :gutter="10">
 							<el-col class="mb5" :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
 								<el-form-item label="字典名称" prop="name">
@@ -68,7 +68,7 @@
 
 			<el-col :span="12" :xs="24" class="full-height">
 				<el-card shadow="hover" :body-style="{ padding: '5px 5px 0 5px', display: 'flex', width: '100%', height: '100%', alignItems: 'start' }">
-					<el-form :model="state.queryDictParams" :show-message="false" :inlineMessage="true" :label-width="'60px'" style="flex: 1 1 0%">
+					<el-form :model="state.queryDictParams" :show-message="false" :inlineMessage="true" label-width="auto" style="flex: 1 1 0%">
 						<el-row :gutter="10">
 							<el-col class="mb5" :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
 								<el-form-item label="字典值" prop="value">

Web/src/views/system/file/index.vue

@@ -1,7 +1,7 @@
 <template>
 	<div class="sys-file-container" v-loading="options.loading">
 		<el-card shadow="hover" :body-style="{ padding: '5px 5px 0 5px', display: 'flex', width: '100%', height: '100%', alignItems: 'start' }">
-			<el-form :model="state.queryParams" ref="queryForm" :show-message="false" :inlineMessage="true" :label-width="'60px'" style="flex: 1 1 0%">
+			<el-form :model="state.queryParams" ref="queryForm" :show-message="false" :inlineMessage="true" label-width="auto" style="flex: 1 1 0%">
 				<el-row :gutter="10">
 					<el-col class="mb5" :xs="24" :sm="12" :md="8" :lg="6" :xl="6">
 						<el-form-item label="文件名称" prop="fileName">

Web/src/views/system/job/index.vue

@@ -1,7 +1,7 @@
 <template>
 	<div class="sys-job-container" v-loading="options.loading">
 		<el-card shadow="hover" :body-style="{ padding: '5px 5px 0 5px', display: 'flex', width: '100%', height: '100%', alignItems: 'start' }">
-			<el-form :model="state.queryParams" ref="queryForm" :show-message="false" :inlineMessage="true" :label-width="'60px'" style="flex: 1 1 0%">
+			<el-form :model="state.queryParams" ref="queryForm" :show-message="false" :inlineMessage="true" label-width="auto" style="flex: 1 1 0%">
 				<el-row :gutter="10">
 					<el-col class="mb5" :xs="24" :sm="12" :md="8" :lg="6" :xl="6">
 						<el-form-item label="作业编号" prop="jobId">

Web/src/views/system/log/difflog/index.vue

@@ -1,7 +1,7 @@
 <template>
 	<div class="sys-difflog-container" v-loading="options.loading">
 		<el-card shadow="hover" :body-style="{ padding: '5px 5px 0 5px', display: 'flex', width: '100%', height: '100%', alignItems: 'start' }">
-			<el-form :model="state.queryParams" ref="queryForm" :show-message="false" :inlineMessage="true" :label-width="'60px'" style="flex: 1 1 0%">
+			<el-form :model="state.queryParams" ref="queryForm" :show-message="false" :inlineMessage="true" label-width="auto" style="flex: 1 1 0%">
 				<el-row :gutter="10">
 					<el-col class="mb5" :xs="24" :sm="12" :md="8" :lg="6" :xl="6">
 						<el-form-item label="开始时间" prop="name">

Web/src/views/system/log/exlog/index.vue

@@ -1,7 +1,7 @@
 <template>
 	<div class="sys-exlog-container" v-loading="options.loading">
 		<el-card shadow="hover" :body-style="{ padding: '5px 5px 0 5px', display: 'flex', width: '100%', height: '100%', alignItems: 'start' }">
-			<el-form :model="state.queryParams" ref="queryForm" :show-message="false" :inlineMessage="true" :label-width="'60px'" style="flex: 1 1 0%">
+			<el-form :model="state.queryParams" ref="queryForm" :show-message="false" :inlineMessage="true" label-width="auto" style="flex: 1 1 0%">
 				<el-row :gutter="10">
 					<el-col class="mb5" :xs="24" :sm="12" :md="8" :lg="6" :xl="6">
 						<el-form-item label="开始时间" prop="name">

Web/src/views/system/log/oplog/index.vue

@@ -1,7 +1,7 @@
 <template>
 	<div class="sys-oplog-container" v-loading="options.loading">
 		<el-card shadow="hover" :body-style="{ padding: '5px 5px 0 5px', display: 'flex', width: '100%', height: '100%', alignItems: 'start' }">
-			<el-form :model="state.queryParams" ref="queryForm" :show-message="false" :inlineMessage="true" :label-width="'60px'" style="flex: 1 1 0%">
+			<el-form :model="state.queryParams" ref="queryForm" :show-message="false" :inlineMessage="true" label-width="auto" style="flex: 1 1 0%">
 				<el-row :gutter="10">
 					<el-col class="mb5" :xs="24" :sm="12" :md="8" :lg="6" :xl="6">
 						<el-form-item label="开始时间" prop="name">

Web/src/views/system/log/vislog/index.vue

@@ -1,7 +1,7 @@
 <template>
 	<div class="sys-vislog-container" v-loading="options.loading">
 		<el-card shadow="hover" :body-style="{ padding: '5px 5px 0 5px', display: 'flex', width: '100%', height: '100%', alignItems: 'start' }">
-			<el-form :model="state.queryParams" ref="queryForm" :show-message="false" :inlineMessage="true" :label-width="'60px'" style="flex: 1 1 0%">
+			<el-form :model="state.queryParams" ref="queryForm" :show-message="false" :inlineMessage="true" label-width="auto" style="flex: 1 1 0%">
 				<el-row :gutter="10">
 					<el-col class="mb5" :xs="24" :sm="12" :md="8" :lg="6" :xl="6">
 						<el-form-item label="开始时间" prop="name">

Web/src/views/system/menu/index.vue

@@ -1,7 +1,7 @@
 <template>
 	<div class="sys-menu-container" v-loading="options.loading">
 		<el-card shadow="hover" :body-style="{ padding: '5px 5px 0 5px', display: 'flex', width: '100%', height: '100%', alignItems: 'start' }">
-			<el-form :model="state.queryParams" ref="queryForm" :show-message="false" :inlineMessage="true" :label-width="'60px'" style="flex: 1 1 0%">
+			<el-form :model="state.queryParams" ref="queryForm" :show-message="false" :inlineMessage="true" label-width="auto" style="flex: 1 1 0%">
 				<el-row :gutter="10">
 					<el-col class="mb5" :xs="24" :sm="12" :md="8" :lg="6" :xl="6">
 						<el-form-item label="菜单名称" prop="title">

Web/src/views/system/notice/index.vue

@@ -1,7 +1,7 @@
 <template>
 	<div class="sys-notice-container" v-loading="options.loading">
 		<el-card shadow="hover" :body-style="{ padding: '5px 5px 0 5px', display: 'flex', width: '100%', height: '100%', alignItems: 'start' }">
-			<el-form :model="state.queryParams" ref="queryForm" :show-message="false" :inlineMessage="true" :label-width="'60px'" style="flex: 1 1 0%">
+			<el-form :model="state.queryParams" ref="queryForm" :show-message="false" :inlineMessage="true" label-width="auto" style="flex: 1 1 0%">
 				<el-row :gutter="10">
 					<el-col class="mb5" :xs="24" :sm="12" :md="8" :lg="6" :xl="6">
 						<el-form-item label="标题" prop="title">

Web/src/views/system/oAuthUser/index.vue

@@ -1,7 +1,7 @@
 <template>
 	<div class="sysOAuthUser-container" v-loading="options.loading">
 		<el-card shadow="hover" :body-style="{ padding: '5px 5px 0 5px', display: 'flex', width: '100%', height: '100%', alignItems: 'start' }">
-			<el-form :model="state.queryParams" ref="queryForm" :show-message="false" :inlineMessage="true" :label-width="'60px'" style="flex: 1 1 0%">
+			<el-form :model="state.queryParams" ref="queryForm" :show-message="false" :inlineMessage="true" label-width="auto" style="flex: 1 1 0%">
 				<el-row :gutter="10">
 					<el-col class="mb5" :xs="24" :sm="12" :md="8" :lg="6" :xl="6">
 						<el-form-item label="微信昵称" prop="nickName">

Web/src/views/system/onlineUser/index.vue

@@ -8,7 +8,7 @@
 				</div>
 			</template>
 			<el-card shadow="hover" :body-style="{ padding: '5px 5px 0 5px', display: 'flex', width: '100%', height: '100%', alignItems: 'start' }">
-				<el-form :model="state.queryParams" ref="queryForm" :show-message="false" :inlineMessage="true" :label-width="'60px'" style="flex: 1 1 0%">
+				<el-form :model="state.queryParams" ref="queryForm" :show-message="false" :inlineMessage="true" label-width="auto" style="flex: 1 1 0%">
 					<el-row :gutter="10">
 						<el-col class="mb5" :xs="24" :sm="12" :md="8" :lg="8" :xl="6">
 							<el-form-item label="账号" prop="userName">

Web/src/views/system/openAccess/index.vue

@@ -1,7 +1,7 @@
 <template>
 	<div class="sys-open-access-container" v-loading="options.loading">
 		<el-card shadow="hover" :body-style="{ padding: '5px 5px 0 5px', display: 'flex', width: '100%', height: '100%', alignItems: 'start' }">
-			<el-form :model="state.queryParams" ref="queryForm" :show-message="false" :inlineMessage="true" :label-width="'60px'" style="flex: 1 1 0%">
+			<el-form :model="state.queryParams" ref="queryForm" :show-message="false" :inlineMessage="true" label-width="auto" style="flex: 1 1 0%">
 				<el-row :gutter="10">
 					<el-col class="mb5" :xs="24" :sm="12" :md="8" :lg="6" :xl="6">
 						<el-form-item label="身份标识" prop="accessKey">

Web/src/views/system/org/index.vue

@@ -7,7 +7,7 @@
 
 			<el-col :span="20" :xs="24" style="display: flex; flex-direction: column; height: 100%">
 				<el-card shadow="hover" :body-style="{ padding: '5px 5px 0 5px', display: 'flex', width: '100%', height: '100%', alignItems: 'start' }">
-					<el-form :model="state.queryParams" ref="queryForm" :show-message="false" :inlineMessage="true" :label-width="'60px'" style="flex: 1 1 0%">
+					<el-form :model="state.queryParams" ref="queryForm" :show-message="false" :inlineMessage="true" label-width="auto" style="flex: 1 1 0%">
 						<el-row :gutter="10">
 							<el-col class="mb5" :xs="24" :sm="12" :md="8" :lg="6" :xl="6">
 								<el-form-item label="机构名称" prop="name">

Web/src/views/system/plugin/index.vue

@@ -1,7 +1,7 @@
 <template>
 	<div class="sys-plugin-container" v-loading="options.loading">
 		<el-card shadow="hover" :body-style="{ padding: '5px 5px 0 5px', display: 'flex', width: '100%', height: '100%', alignItems: 'start' }">
-			<el-form :model="state.queryParams" ref="queryForm" :show-message="false" :inlineMessage="true" :label-width="'60px'" style="flex: 1 1 0%">
+			<el-form :model="state.queryParams" ref="queryForm" :show-message="false" :inlineMessage="true" label-width="auto" style="flex: 1 1 0%">
 				<el-row :gutter="10">
 					<el-col class="mb5" :xs="24" :sm="12" :md="8" :lg="6" :xl="6">
 						<el-form-item label="功能名称" pro="name">
@@ -94,7 +94,8 @@ const state = reactive({
 	visible: false,
 	title: '',
 });
-//表格参数配置
+
+// 表格参数配置
 const options = useVxeTable<SysPlugin>({
 	id: 'sysPlugin',
 	name: '插件信息',

Web/src/views/system/pos/index.vue

@@ -1,7 +1,7 @@
 <template>
 	<div class="sys-pos-container" v-loading="options.loading">
 		<el-card shadow="hover" :body-style="{ padding: '5px 5px 0 5px', display: 'flex', width: '100%', height: '100%', alignItems: 'start' }">
-			<el-form :model="state.queryParams" ref="queryForm" :show-message="false" :inlineMessage="true" :label-width="'60px'" style="flex: 1 1 0%">
+			<el-form :model="state.queryParams" ref="queryForm" :show-message="false" :inlineMessage="true" label-width="auto" style="flex: 1 1 0%">
 				<el-row :gutter="10">
 					<el-col class="mb5" :xs="24" :sm="12" :md="8" :lg="6" :xl="6">
 						<el-form-item label="职位名称" prop="name">
@@ -100,7 +100,7 @@ const state = reactive({
 	title: '',
 });
 
-//表格参数配置
+// 表格参数配置
 const options = useVxeTable<PosOutput>({
 	id: 'sysPos',
 	name: '职位',

Web/src/views/system/print/index.vue

@@ -1,7 +1,7 @@
 <template>
 	<div class="sys-print-container" v-loading="options.loading">
 		<el-card shadow="hover" :body-style="{ padding: '5px 5px 0 5px', display: 'flex', width: '100%', height: '100%', alignItems: 'start' }">
-			<el-form :model="state.queryParams" ref="queryForm" :show-message="false" :inlineMessage="true" :label-width="'60px'" style="flex: 1 1 0%">
+			<el-form :model="state.queryParams" ref="queryForm" :show-message="false" :inlineMessage="true" label-width="auto" style="flex: 1 1 0%">
 				<el-row :gutter="10">
 					<el-col class="mb5" :xs="24" :sm="12" :md="8" :lg="6" :xl="6">
 						<el-form-item label="模板名称" prop="name">

Web/src/views/system/region/index.vue

@@ -7,7 +7,7 @@
 
 			<el-col :span="18" :xs="24" style="display: flex; flex-direction: column; height: 100%">
 				<el-card shadow="hover" :body-style="{ padding: '5px 5px 0 5px', display: 'flex', width: '100%', height: '100%', alignItems: 'start' }">
-					<el-form :model="state.queryParams" ref="queryForm" :show-message="false" :inlineMessage="true" :label-width="'60px'" style="flex: 1 1 0%">
+					<el-form :model="state.queryParams" ref="queryForm" :show-message="false" :inlineMessage="true" label-width="auto" style="flex: 1 1 0%">
 						<el-row :gutter="10">
 							<el-col class="mb5" :xs="24" :sm="12" :md="8" :lg="8" :xl="6">
 								<el-form-item label="行政名称" prop="name">

Web/src/views/system/role/index.vue

@@ -1,7 +1,7 @@
 <template>
 	<div class="sys-role-container" v-loading="options.loading">
 		<el-card shadow="hover" :body-style="{ padding: '5px 5px 0 5px', display: 'flex', width: '100%', height: '100%', alignItems: 'start' }">
-			<el-form :model="state.queryParams" ref="queryForm" :show-message="false" :inlineMessage="true" :label-width="'60px'" style="flex: 1 1 0%">
+			<el-form :model="state.queryParams" ref="queryForm" :show-message="false" :inlineMessage="true" label-width="auto" style="flex: 1 1 0%">
 				<el-row :gutter="10">
 					<el-col class="mb5" :xs="24" :sm="12" :md="8" :lg="6" :xl="6">
 						<el-form-item label="角色名称" prop="name">

Web/src/views/system/tenant/index.vue

@@ -1,7 +1,7 @@
 <template>
 	<div class="sys-tenant-container" v-loading="options.loading">
 		<el-card shadow="hover" :body-style="{ padding: '5px 5px 0 5px', display: 'flex', width: '100%', height: '100%', alignItems: 'start' }">
-			<el-form :model="state.queryParams" ref="queryForm" :show-message="false" :inlineMessage="true" :label-width="'60px'" style="flex: 1 1 0%">
+			<el-form :model="state.queryParams" ref="queryForm" :show-message="false" :inlineMessage="true" label-width="auto" style="flex: 1 1 0%">
 				<el-row :gutter="10">
 					<el-col class="mb5" :xs="24" :sm="12" :md="8" :lg="6" :xl="6">
 						<el-form-item label="租户名称" prop="name">

Web/src/views/system/user/index.vue

@@ -7,7 +7,7 @@
 
 			<el-col :span="20" :xs="24" style="display: flex; flex-direction: column; height: 100%">
 				<el-card shadow="hover" :body-style="{ padding: '5px 5px 0 5px', display: 'flex', width: '100%', height: '100%', alignItems: 'start' }">
-					<el-form :model="state.queryParams" ref="queryForm" :show-message="false" :inlineMessage="true" :label-width="'60px'" style="flex: 1 1 0%">
+					<el-form :model="state.queryParams" ref="queryForm" :show-message="false" :inlineMessage="true" label-width="auto" style="flex: 1 1 0%">
 						<el-row :gutter="10">
 							<el-col class="mb5" :xs="24" :sm="12" :md="8" :lg="6" :xl="6">
 								<el-form-item label="账号" prop="account">