1

api/dictName/index.js

@@ -0,0 +1,9 @@
+import request from '@/utils/request'
+// 获得当前登录用户所属单位的微型消防站列表
+export function getDict(data) {
+	return request({
+		url: '/admin-api/system/dict-data/page',
+		method: 'get',
+		params: data
+	})
+}

pagesA/fire/fire_station/people_fireStation/people_fireStation.vue

@@ -2,7 +2,7 @@
 	<view style="position: relative;">
 		<navInfo :title="'编辑人员'"></navInfo>
 		<view class="bgTopImg" style="height:200rpx;">
-			<image slot="right"  class="bgTopImg" ></image>
+			<image slot="right" class="bgTopImg"></image>
 		</view>
 		<div class="cardBox">
 			<uni-card v-for="item in tableList" style="border: 2rpx solid #4DB1B6;">
@@ -21,7 +21,8 @@
 			</uni-card>
 		</div>
 		<!-- 新增的人员表单项 -->
-		<div v-for="(person, index) in membersList" :key="index" style="border-bottom: 1px solid black;margin-top: 100rpx;">
+		<div v-for="(person, index) in membersList" :key="index"
+			style="border-bottom: 1px solid black;margin-top: 100rpx;">
 			<u--form ref="forms">
 				<u-form-item class="typeStyle" :prop="'name' + (index + 1)">
 					<p style="width: 150rpx;margin-left: 20rpx;">姓名</p>
@@ -44,8 +45,8 @@
 					<u-input v-model="person.worker" :placeholder="'请输入人员类型'" />
 				</u-form-item> -->
 				<u-form-item class="antherStyle">
-					<p style="width: 150rpx;">职务</p>
-					<uni-data-select v-model="person.power" :localdata="range" @change="change"></uni-data-select>
+					<p style="width: 150rpx;">人员类型</p>
+					<uni-data-select v-model="person.power" :localdata="selectType" @change="change"></uni-data-select>
 				</u-form-item>
 				<u-form-item>
 					<u-button type="primary" @click="addSure" class="antherBtn">提交</u-button>
@@ -63,8 +64,8 @@
 						<u-form-item style="width: 350rpx;" label="电话号" prop="formbox.fphone" borderBottom ref="item1">
 							<u--input class="insides" v-model="formbox.fphone" border="none"></u--input>
 						</u-form-item>
-						<u-form-item style="width: 490rpx;" label="职务" prop="formbox.fpower" borderBottom ref="item1">
-							<uni-data-select v-model="formbox.fpower" :localdata="range1"
+						<u-form-item style="width: 490rpx;" label="人员类型" prop="formbox.fpower" borderBottom ref="item1">
+							<uni-data-select v-model="formbox.fpower" :localdata="selectType"
 								@change="change1"></uni-data-select>
 						</u-form-item>
 						<u-form-item style="width: 350rpx;" label="身份证号" prop="userInfo.fuserNum" borderBottom
@@ -96,9 +97,8 @@
 			</u-popup>
 		</div>
 		<div>
-			<u-modal :show="show123" @confirm="confirm" @cancel="cancel" @close="close" asyncClose
-				closeOnClickOverlay showCancelButton confirmColor="red" title="是否删除该数据项" content="确认删除？"
-				ref="uModal"></u-modal>
+			<u-modal :show="show123" @confirm="confirm" @cancel="cancel" @close="close" asyncClose closeOnClickOverlay
+				showCancelButton confirmColor="red" title="是否删除该数据项" content="确认删除？" ref="uModal"></u-modal>
 		</div>
 		<button @click="addNewPeople" class="circleBtn">+</button>
 	</view>
@@ -115,8 +115,11 @@
 		editFirePeople,
 		getuserfireid
 	} from "../../../../api/peoplefire/index.js"
+	import {
+		getDict
+	} from "../../../../api/dictName/index.js"
 	import config from '@/config'
-	const baseUrlImg=config.baseUrlImg
+	const baseUrlImg = config.baseUrlImg
 	import navInfo from '@/pagesA/components/my-nav/nav'
 	export default {
 		components: {
@@ -172,10 +175,25 @@
 				phoneRules: false, //对电话的正则验证
 				showDel: false,
 				delId: '',
-				show123:false,
+				show123: false,
+				selectType: [], //选项
 			}
 		},
 		methods: {
+			getTypePeople() {
+				getDict({
+					pageNo: 1,
+					pageSize: 10,
+					dictType: "micro_emp_type"
+				}).then(res => {
+					this.selectType = res.data.list.map(item => {
+						return {
+							value: item.value,
+							text: item.label
+						}
+					})
+				})
+			},
 			addNewPeople() {
 				const MAX_LENGTH = 1; // 假设你想限制数组最大长度为6
 				if (this.membersList.length < MAX_LENGTH) {
@@ -314,7 +332,7 @@
 				this.delId = row.id
 			},
 			makeSureDel() {
-				
+
 			},
 			confirm() {
 				delFirePeople(this.delId).then(res => {
@@ -336,7 +354,7 @@
 					}
 				})
 			},
-			cancel(){
+			cancel() {
 				this.show123 = false
 			},
 			close() {
@@ -417,6 +435,21 @@
 			},
 			cleanList() {
 				this.membersList = []
+				let list = localStorage.getItem("empList")
+				list = JSON.parse(list)
+				if (list) {
+					localStorage.removeItem('empList')
+				}
+			},
+			// 读取本地缓存
+			getGround() {
+				let list = localStorage.getItem("empList")
+				list = JSON.parse(list)
+				if (list) {
+					this.membersList = list
+				} else {
+					this.membersList = []
+				}
 			}
 		},
 		onLoad(options) {
@@ -426,6 +459,8 @@
 			}
 		},
 		onShow() {
+			this.getTypePeople()
+			this.getGround()
 			if (this.$route.query.addId) {
 				this.getAllFire()
 				this.getbackid()
@@ -443,6 +478,7 @@
 			} else {
 				return
 			}
+
 		},
 		computed: {
 			getDuty() {
@@ -565,7 +601,8 @@
 		margin: 30rpx auto;
 		border-radius: 30rpx;
 	}
-	.u-form-item__body__left{
+
+	.u-form-item__body__left {
 		width: 100rpx;
 	}
 </style>