feat: add field permissions configuration page and navigation

pages.json

@@ -198,6 +198,14 @@
 			}
 		},
 		{
+			"path": "pages/wareHouse/fieldPermissions",
+			"style": {
+				"navigationBarTitleText": "字段权限",
+				"enablePullDownRefresh": true,
+				"navigationStyle": "custom"
+			}
+		},
+		{
 			"path": "pages/privateClue/index",
 			"style": {
 				"navigationBarTitleText": "销售线索",

pages/wareHouse/fieldPermissions.vue

@@ -0,0 +1,407 @@
+<template>
+	<view class="page">
+		<u-navbar class="nav-bar" title="字段权限配置" :autoBack="true" :placeholder="true" v-hideNav></u-navbar>
+		<view class="content">
+			<view class="tip-card">
+				<u-icon name="setting" size="18" color="#108cff"></u-icon>
+				<text class="tip-text">为指定角色配置仓库各字段的「可读」「可编辑」权限，保存后该角色用户将按此配置在列表/详情中看到并可编辑对应字段。</text>
+			</view>
+
+			<!-- 选择角色 -->
+			<view class="section role-section">
+				<view class="section-title">选择角色</view>
+				<view v-if="roleList.length > 0" class="role-select-wrap">
+					<picker :value="roleIndex" :range="roleList" range-key="roleName" @change="onRoleChange">
+						<view class="picker-inner">
+							<text class="picker-text">{{ currentRoleName }}</text>
+							<u-icon name="arrow-down" size="14" color="#999"></u-icon>
+						</view>
+					</picker>
+				</view>
+				<view v-else class="role-input-wrap">
+					<view class="input-row">
+						<text class="input-label">角色ID</text>
+						<u--input v-model="formRoleId" type="number" placeholder="请输入角色ID" border="surround"></u--input>
+					</view>
+					<view class="input-row">
+						<text class="input-label">角色Key</text>
+						<u--input v-model="formRoleKey" placeholder="如 WAREHOUSER" border="surround"></u--input>
+					</view>
+				</view>
+				<view class="btn-row">
+					<u-button type="primary" size="small" :loading="loadConfigLoading" @click="loadConfig">加载配置</u-button>
+					<u-button type="error" plain size="small" :disabled="!currentRoleId" @click="clearConfig">清空该角色配置</u-button>
+				</view>
+			</view>
+
+			<!-- 字段权限列表（可编辑） -->
+			<view class="section">
+				<view class="section-head">
+					<text class="section-title">字段权限</text>
+					<u-button type="primary" size="mini" :loading="saveLoading" :disabled="!currentRoleId || permissionList.length === 0" @click="saveConfig">保存配置</u-button>
+				</view>
+				<view v-if="loadConfigLoading" class="loading-wrap">
+					<u-loading-icon mode="circle" size="36"></u-loading-icon>
+					<text class="loading-text">加载中...</text>
+				</view>
+				<scroll-view v-else class="list-wrap" scroll-y enable-back-to-top>
+					<view class="field-list">
+						<view v-for="(item, index) in permissionList" :key="item.fieldName" class="field-item">
+							<view class="field-name-wrap">
+								<text class="field-name">{{ fieldLabel(item.fieldName) }}</text>
+								<text class="field-key">{{ item.fieldName }}</text>
+							</view>
+							<view class="field-switches">
+								<view class="switch-cell">
+									<text class="switch-label">读</text>
+									<u-switch v-model="item.read" size="20" active-color="#108cff"></u-switch>
+								</view>
+								<view class="switch-cell">
+									<text class="switch-label">编辑</text>
+									<u-switch v-model="item.edit" size="20" active-color="#09bb07"></u-switch>
+								</view>
+							</view>
+						</view>
+					</view>
+					<view v-if="permissionList.length === 0 && !loadConfigLoading" class="empty-wrap">
+						<u-empty text="请先选择角色并点击「加载配置」" mode="list"></u-empty>
+					</view>
+				</scroll-view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+const FIELD_LABELS = {
+	dictLabel: '品牌/商品名', dictValue: '品牌ID', model: '型号', code: '独立编码', warehouseDate: '入库日期',
+	payType: '付款方式', note: '备注', originalCost: '原始成本', additionalCost: '附加成本', agentPrice: '代理价格',
+	suggestedPrice: '建议价格', costPrice: '成本价', salesPrice: '销售价', peerPrice: '同行价', actualPrice: '实价',
+	stock: '库存数量', location: '商品位置', recyclePerson: '回收人员', recyclePersonId: '回收人员ID',
+	identifyingPerson: '鉴定人员', identifyingPersonId: '鉴定人员ID', lockStatus: '锁单状态', downStatus: '下架状态',
+	imgsUrl: '图片', goodPicFileList: '商品主图', goodPicHash: '主图哈希', category: '品类', recycleTime: '回收时间',
+	productAttribute: '产品属性', desc: '描述', series: '系列', dialType: '机芯类型', caseMaterial: '表壳材质',
+	dialDiameter: '表盘直径', material: '材质', size: '尺寸', yardage: '尺码', price: '官方指导价',
+	productCondition: '商品成色', detailPicFileList: '细节图', title: '商品标题', productNo: '商品货号', watchYear: '手表年份',
+	recycleType: '回收类型', recycleSituation: '回收情况', recycleBottomDesc: '回收留底描述', recycleBottomFileList: '回收留底图',
+	targetAudience: '适用人群', productCard: '商品保卡', cardYear: '保卡年份', cardDate: '保卡日期',
+	productCardPicFileList: '保卡图片', productTag: '商品标签', productAttachment: '商品附件', productDesc: '商品备注',
+	productDescPicFileList: '备注图片', continuousWarehousing: '连续入库', label: '标签', stockStatus: '库存状态',
+	origin: '来源', delFlag: '删除标志',
+};
+
+export default {
+	data() {
+		return {
+			roleList: [],
+			roleIndex: 0,
+			formRoleId: '',
+			formRoleKey: '',
+			loadConfigLoading: false,
+			saveLoading: false,
+			permissionList: [],
+		};
+	},
+	computed: {
+		currentRoleId() {
+			if (this.roleList.length > 0) {
+				const r = this.roleList[this.roleIndex];
+				return r ? r.roleId : null;
+			}
+			const id = parseInt(this.formRoleId, 10);
+			return isNaN(id) ? null : id;
+		},
+		currentRoleKey() {
+			if (this.roleList.length > 0) {
+				const r = this.roleList[this.roleIndex];
+				return r ? r.roleKey || '' : '';
+			}
+			return this.formRoleKey || '';
+		},
+		currentRoleName() {
+			if (this.roleList.length > 0) {
+				const r = this.roleList[this.roleIndex];
+				return r ? (r.roleName || '请选择角色') : '请选择角色';
+			}
+			return this.currentRoleId ? `角色ID: ${this.currentRoleId}` : '请填写角色ID并加载';
+		},
+	},
+	onLoad() {},
+	onShow() {
+		this.fetchRoleList();
+	},
+	methods: {
+		fieldLabel(name) {
+			return FIELD_LABELS[name] || name;
+		},
+		fetchRoleList() {
+			uni.$u.api.getRoleOptionSelect({ custom: { loading: false } })
+				.then((res) => {
+					const list = (res && res.data) ? (Array.isArray(res.data) ? res.data : []) : [];
+					this.roleList = list.map((r) => ({ roleId: r.roleId, roleName: r.roleName || r.roleKey || '', roleKey: r.roleKey || '' }));
+					this.roleIndex = 0;
+				})
+				.catch(() => {
+					this.roleList = [];
+				});
+		},
+		onRoleChange(e) {
+			this.roleIndex = e.detail.value;
+			this.permissionList = [];
+		},
+		loadConfig() {
+			const roleId = this.currentRoleId;
+			if (roleId == null) {
+				uni.$u.toast('请选择或填写角色');
+				return;
+			}
+			this.loadConfigLoading = true;
+			uni.$u.api.wareHouseFieldPermissionsConfigGet({ roleId })
+				.then((res) => {
+					if (res && res.data && Array.isArray(res.data)) {
+						this.permissionList = res.data.map((p) => ({
+							fieldName: p.fieldName,
+							read: !!p.read,
+							edit: !!p.edit,
+						}));
+					} else {
+						this.permissionList = [];
+					}
+				})
+				.catch(() => {
+					this.permissionList = [];
+					uni.$u.toast('加载失败');
+				})
+				.finally(() => {
+					this.loadConfigLoading = false;
+				});
+		},
+		saveConfig() {
+			const roleId = this.currentRoleId;
+			const roleKey = this.currentRoleKey;
+			if (roleId == null) {
+				uni.$u.toast('请选择或填写角色');
+				return;
+			}
+			if (!this.permissionList.length) {
+				uni.$u.toast('请先加载配置');
+				return;
+			}
+			this.saveLoading = true;
+			uni.$u.api.wareHouseFieldPermissionsConfigSave({
+				roleId,
+				roleKey,
+				permissions: this.permissionList.map((p) => ({ fieldName: p.fieldName, read: p.read, edit: p.edit })),
+			})
+				.then(() => {
+					uni.$u.toast('保存成功');
+				})
+				.catch(() => {
+					uni.$u.toast('保存失败');
+				})
+				.finally(() => {
+					this.saveLoading = false;
+				});
+		},
+		clearConfig() {
+			if (!this.currentRoleId) return;
+			uni.showModal({
+				title: '确认清空',
+				content: '将删除该角色下所有字段权限配置，确定吗？',
+				success: (res) => {
+					if (res.confirm) {
+						uni.$u.api.wareHouseFieldPermissionsConfigDeleteByRole(this.currentRoleId).then(() => {
+							uni.$u.toast('已清空');
+							this.permissionList = [];
+						}).catch(() => uni.$u.toast('清空失败'));
+					}
+				},
+			});
+		},
+	},
+};
+</script>
+
+<style lang="scss" scoped>
+.page {
+	min-height: 100vh;
+	background: #f5f6f8;
+	display: flex;
+	flex-direction: column;
+}
+
+.nav-bar {
+	border-bottom: 1px solid #eee;
+}
+
+.content {
+	flex: 1;
+	display: flex;
+	flex-direction: column;
+	padding: 24rpx;
+	box-sizing: border-box;
+}
+
+.tip-card {
+	display: flex;
+	align-items: flex-start;
+	gap: 12rpx;
+	background: #e8f4ff;
+	border-radius: 16rpx;
+	padding: 20rpx 24rpx;
+	margin-bottom: 24rpx;
+	border: 1px solid rgba(16, 140, 255, 0.2);
+
+	.tip-text {
+		font-size: 26rpx;
+		color: #333;
+		line-height: 1.5;
+		flex: 1;
+	}
+}
+
+.section {
+	background: #fff;
+	border-radius: 16rpx;
+	padding: 24rpx;
+	margin-bottom: 24rpx;
+	box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.04);
+}
+
+.section-title {
+	font-size: 30rpx;
+	font-weight: 600;
+	color: #333;
+	margin-bottom: 20rpx;
+}
+
+.section-head {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	margin-bottom: 20rpx;
+
+	.section-title {
+		margin-bottom: 0;
+	}
+}
+
+.role-section {
+	.role-select-wrap {
+		margin-bottom: 20rpx;
+	}
+
+	.picker-inner {
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		padding: 20rpx 24rpx;
+		background: #f9fafb;
+		border-radius: 12rpx;
+		border: 1px solid #eee;
+
+		.picker-text {
+			font-size: 28rpx;
+			color: #333;
+		}
+	}
+
+	.role-input-wrap {
+		margin-bottom: 20rpx;
+
+		.input-row {
+			display: flex;
+			align-items: center;
+			margin-bottom: 16rpx;
+
+			.input-label {
+				width: 140rpx;
+				font-size: 28rpx;
+				color: #666;
+			}
+		}
+	}
+
+	.btn-row {
+		display: flex;
+		gap: 20rpx;
+		flex-wrap: wrap;
+	}
+}
+
+.list-wrap {
+	max-height: 60vh;
+}
+
+.loading-wrap {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	padding: 60rpx 0;
+
+	.loading-text {
+		margin-top: 16rpx;
+		font-size: 26rpx;
+		color: #999;
+	}
+}
+
+.field-list {
+	display: flex;
+	flex-direction: column;
+	gap: 12rpx;
+	padding-bottom: 24rpx;
+}
+
+.field-item {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	padding: 20rpx 24rpx;
+	background: #fafafa;
+	border-radius: 12rpx;
+	border: 1px solid #f0f0f0;
+}
+
+.field-name-wrap {
+	flex: 1;
+	min-width: 0;
+	display: flex;
+	flex-direction: column;
+	gap: 4rpx;
+}
+
+.field-name {
+	font-size: 28rpx;
+	font-weight: 600;
+	color: #333;
+}
+
+.field-key {
+	font-size: 22rpx;
+	color: #999;
+}
+
+.field-switches {
+	display: flex;
+	align-items: center;
+	gap: 32rpx;
+	flex-shrink: 0;
+}
+
+.switch-cell {
+	display: flex;
+	align-items: center;
+	gap: 12rpx;
+
+	.switch-label {
+		font-size: 24rpx;
+		color: #666;
+	}
+}
+
+.empty-wrap {
+	padding: 60rpx 0;
+}
+</style>

pages/wareHouse/index.vue

@@ -12,6 +12,7 @@
 					<text class="asset-value">{{ wareHouseCard.totalCost }}</text>
 				</view>
 				<view class="btn-group">
+					<u-button type="primary" shape="circle" plain size="mini" @click="navigateToFieldPermissions">字段权限</u-button>
 					<u-button type="success" shape="circle" plain size="mini" @click="openOrderList">开单记录</u-button>
 					<order-list ref="orderListRef"></order-list>
 					<u-button type="primary" shape="circle" plain size="mini" @click="navigateToFakeRegistration">假货登记</u-button>
@@ -466,6 +467,11 @@ export default {
 		openOrderList() {
 			this.$refs.orderListRef.openList();
 		},
+		navigateToFieldPermissions() {
+			uni.navigateTo({
+				url: '/pages/wareHouse/fieldPermissions',
+			});
+		},
 		handleScroll(e) {
 			this.pageState.scrollTop = e.detail.scrollTop;
 		},

store/getters.js

@@ -15,6 +15,7 @@ const getters = {
   recordId : (state) => state.app.recordId,
   dialing : (state) => state.app.dialing,
   permissions: (state) => state.user.permissions,
-  roles: (state) => state.user.userInfo.roles || []
+  roles: (state) => state.user.userInfo.roles || [],
+  warehouseFieldPermissions: (state) => state.user.warehouseFieldPermissions || []
 }
 export default getters

store/modules/user.js

@@ -46,6 +46,7 @@ export default {
 		availableRoles: [], // 可用的角色列表
 		currentRoleIndex: 0, // 当前选中的角色索引
 		showRoleSwitch: false, // 是否显示切换权限按钮
+		warehouseFieldPermissions: [], // 仓库字段权限 [{ fieldName, read, edit }, ...]，登录后按当前用户角色合并
 	},
 	mutations: {
 		SET_REDIRECTURL(state, data) {
@@ -173,6 +174,9 @@ export default {
 		SET_PERMISSIONS: (state, permissions) => {
 			state.permissions = permissions || [];
 		},
+		SET_WAREHOUSE_FIELD_PERMISSIONS: (state, list) => {
+			state.warehouseFieldPermissions = Array.isArray(list) ? list : [];
+		},
 		SWITCH_ROLE({}, role) {
 			setTimeout(() => {
 				const allIndices = [0, 1, 2, 3, 4, 5, 6];
@@ -222,6 +226,13 @@ export default {
 					} else {
 						commit("SET_PERMISSIONS", []);
 					}
+					// 登录后拉取仓库字段权限并存到 store（按当前用户角色合并）
+					uni.$u.api.wareHouseFieldPermissions({}).then((permRes) => {
+						const list = (permRes && permRes.data && Array.isArray(permRes.data)) ? permRes.data : [];
+						commit("SET_WAREHOUSE_FIELD_PERMISSIONS", list);
+					}).catch(() => {
+						commit("SET_WAREHOUSE_FIELD_PERMISSIONS", []);
+					});
 					commit("SET_BELONGSYSTEM", {
 						code: state.system.value,
 						callback: (flag) => {
@@ -264,6 +275,7 @@ export default {
 				commit("SET_TOKEN", "");
 				commit("SET_USERINFO", {});
 				commit("SET_PERMISSIONS", []); // 清空权限列表
+				commit("SET_WAREHOUSE_FIELD_PERMISSIONS", []); // 清空仓库字段权限
 				dispatch("app/logoutCloseData", null, {
 					root: true
 				});

utils/api.js

@@ -111,6 +111,8 @@ const install = (Vue, vm) => {
 		clueCommissionById: (id, config = {}) => http.get(store.state.user.path + '/clueCommissionForm/' + id),
 		clueCommissionRemove: (ids, config = {}) => http.post(store.state.user.path + '/clueCommissionForm/remove', ids),
 		getCustomerManagerAllList: () => http.post('/system/user/getCustomerManagerAllList'),
+		/** 角色下拉列表（系统模块，用于仓库字段权限配置选择角色） */
+		getRoleOptionSelect: (config = {}) => http.get('/system/role/optionselect', config),
 		getClueSendFormVoByOrderId: (params) => http.get(store.state.user.path + '/clueSendForm/getClueSendFormVoByOrderId?' + qs.stringify(params)),
 		statisticsSendStatus: (data, config = {}) => http.post(store.state.user.path + '/clueSendForm/statisticsSendStatus', data), // 统计线索阶段
 
@@ -128,6 +130,12 @@ const install = (Vue, vm) => {
 		inquiryVerificationList:(params,data)=>http.post(store.state.user.path+'/inquiryCenter/inquiryVerificationList?' + qs.stringify(params), data),//  询价/核价列表
 		wareHouseList:(params,data)=>http.post(store.state.user.path+'/warehouse/wareHouseList?' + qs.stringify(params), data),//仓库中心-获取仓库列表
 		wareHouseDetail:(params)=>http.get(store.state.user.path+'/warehouse/wareHouseDetail',{ params }),//仓库中心-获取仓库详情
+		/** 仓库字段权限：不传参时按当前登录用户 roles 合并返回 [{ fieldName, read, edit }, ...] */
+		wareHouseFieldPermissions:(params)=>http.get(store.state.user.path+'/warehouse/fieldPermissions',{ params }),//仓库中心-字段读/编辑权限
+		/** 仓库字段权限-配置：按角色查询/保存（管理端） */
+		wareHouseFieldPermissionsConfigGet:(params)=>http.get(store.state.user.path+'/warehouse/fieldPermissions/config',{ params }),
+		wareHouseFieldPermissionsConfigSave:(data)=>http.post(store.state.user.path+'/warehouse/fieldPermissions/config', data),
+		wareHouseFieldPermissionsConfigDeleteByRole:(roleId)=>http.delete(store.state.user.path+'/warehouse/fieldPermissions/role/' + roleId),
 		wareHouseLog:(params)=>http.get(store.state.user.path+'/warehouse/wareHouseLog',{ params }),//仓库中心-获取仓库操作日志
 		wareHouseUpdate:(data)=>http.post(store.state.user.path+'/warehouse/wareHouseUpdate',data),//仓库中心-编辑商品库存
 		wareHouseLock:(data)=>http.post(store.state.user.path+'/warehouse/wareHouseLock',data),//仓库中心-锁单