src/components/DialogForm/index.vue

@@ -62,7 +62,7 @@
 						v-if="col.subcomponent"
 						:key="col.key"
 						:is="col.subcomponent"
-						:style="col.style"></component>
+						:inlineStyle="col.style"></component>
 				</el-form-item>
 			</el-col>
 		</el-row>

src/mixins/lb/basicPageMixin.js

@@ -45,8 +45,6 @@ export default {
 			});
 			return obj;
 		},
-		// 处理搜索条件
-		handleSearchBarBtnClick() {},
 		// 处理表格按钮
 		handleTableBtnClick({ data, type }) {
 			switch (type) {
@@ -94,8 +92,6 @@ export default {
 					break;
 			}
 		},
-		// 获取列表数据
-		getList() {},
 		/** 搜索按钮操作 */
 		handleQuery() {
 			this.queryParams.pageNo = 1;

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

@@ -32,6 +32,7 @@
 					<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"
@@ -163,19 +164,31 @@ export default {
 			attrQuery: null, // 属性列表的请求
 			infoQuery: null, // 基本信息的请求
 			attrFormSubmitting: false,
-			attrListLoading: false
+			attrListLoading: false,
 		};
 	},
 	computed: {
 		formRows() {
 			return this.sections[0].rows.map((row) => {
-				return row.map((col) => ({
+				return row.map((col) => {
+					if (col.key == 'eq-pics') {
+						// 重置图片的位置
+						return {
+							...col,
+							style: {
+								left: 0,
+								right: 'unset'
+							}
+						}
+					}
+					return {
 						...col,
 						bind: {
 							// 详情 模式下，禁用各种输入
 							disabled: this.mode == 'detail',
 						},
-				}));
+					};
+				});
 			});
 		},
 		tableBtn() {
@@ -231,8 +244,8 @@ export default {
 			this.attrListLoading = true;
 			const res = await this.$axios(this.attrQuery);
 			if (res.code == 0) {
-				this.list = data.list;
+				this.list = res.data.list;
-				this.total = data.total;
+				this.total = res.data.total;
 			}
 			this.attrListLoading = false;
 		},

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

@@ -9,8 +9,8 @@
 	<div class="equipment-pics">
 		<div v-for="(url, idx) in images" :key="url">
 			<img :src="url" :alt="url" />
-			<figure class="big-img">
+			<figure class="big-img" :style="inlineStyle">
-				<img :src="url" :alt="url">
+				<img :src="url" :alt="url" />
 				<figcaption>{{ desc[idx] }}</figcaption>
 			</figure>
 		</div>
@@ -21,7 +21,12 @@
 export default {
 	name: 'EquipmentPics',
 	components: {},
-	props: {},
+	props: {
+		inlineStyle: {
+			type: Object,
+			default: () => ({}),
+		},
+	},
 	data() {
 		return {
 			desc: [
@@ -43,7 +48,6 @@ export default {
 				.map((_, index) => require(`../assets/eq${index + 1}.jpg`)),
 		};
 	},
-	computed: {},
 	methods: {},
 };
 </script>

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

@@ -36,7 +36,12 @@
 			@close="cancel"
 			@cancel="cancel"
 			@confirm="submitForm">
-			<DialogForm v-if="open" ref="form" :dataForm="form" :rows="rows" />
+			<DialogForm
+				v-if="open"
+				key="index-dialog-form"
+				ref="form"
+				:dataForm="form"
+				:rows="rows" />
 		</base-dialog>
 
 		<!-- 设备 详情 - 编辑 -->
@@ -186,7 +191,7 @@ export default {
 					type: 'input',
 					label: '编码',
 					placeholder: '请输入设备编码',
-					param: 'codes',
+					param: 'code',
 				},
 				{
 					type: 'button',
@@ -358,7 +363,6 @@ export default {
 							// some async request
 							return [];
 						},
-						style: 'overflow-x: auto;',
 					},
 				],
 			],
@@ -431,16 +435,6 @@ export default {
 			};
 			this.resetForm('form');
 		},
-		/** 搜索按钮操作 */
-		handleQuery() {
-			this.queryParams.pageNo = 1;
-			this.getList();
-		},
-		/** 重置按钮操作 */
-		resetQuery() {
-			this.resetForm('queryForm');
-			this.handleQuery();
-		},
 		/** 新增按钮操作 */
 		handleAdd() {
 			this.reset();