From d443433fa03a966b6674091bebe469b8c2483bb0 Mon Sep 17 00:00:00 2001
From: cloudroam <cloudroam>
Date: 星期五, 29 十一月 2024 16:51:39 +0800
Subject: [PATCH] fix:1129 端口调整成必填；增加区域的图片如果已经定义返回定义的图片
---
src/components/add-area-item.vue | 57 +++++++++++++++++++++++++++++++++++++++++++++++++++------
1 files changed, 51 insertions(+), 6 deletions(-)
diff --git a/src/components/add-area-item.vue b/src/components/add-area-item.vue
index 730f099..187fe7d 100644
--- a/src/components/add-area-item.vue
+++ b/src/components/add-area-item.vue
@@ -9,10 +9,17 @@
<div class="flex m-t-2rem">
<div class="label require">区域编号:</div>
- <el-input v-model="areacode"></el-input>
+ <el-select v-model="areacode" placeholder="请选择区域编号" width="28rem" @change="handleAreaCodeChange">
+ <el-option
+ v-for="item in areaCodes"
+ :key="item.id"
+ :label="item.name"
+ :value="item.id">
+ </el-option>
+ </el-select>
</div>
<div class="flex m-t-2rem">
- <div class="label require">区域名称:</div>
+ <div class="label require">产线名称:</div>
<el-input v-model="areaName"></el-input>
</div>
<div class="flex m-t-2rem">
@@ -20,7 +27,7 @@
<el-input-number size="medium" v-model="areaConfigNum" :min="500" label="最小是500"></el-input-number>
</div>
<div class="flex m-t-2rem">
- <div class="label require">首页背景:</div>
+ <div class="label require">产线背景:</div>
<el-upload v-if="open"
class="upload-demo"
:action="getUploadAction()"
@@ -69,6 +76,7 @@
<script>
import {addAreaItemInfo, updateAreaModuleItem} from "@/api/addareaitem";
+import {getAreaCode} from "@/api/area";
import service from '@/utils/request-api'
export default {
@@ -90,9 +98,11 @@
editItemId: '',
filename1: '',
filename2: '',
+ areaCodes:[],
};
},
mounted() {
+ this.getAreaCode();
},
methods: {
async submit() {
@@ -147,13 +157,14 @@
this.areacode = '';
this.areaName = '';
this.areaConfigNum = '';
- this.fileList[0] = [];
- this.fileList2[0] = [];
+ this.fileList = [];
+ this.fileList2 = [];
this.uploadUrl = '';
this.areaBackGroudURL = '';
this.open = false;
},
openConfig() {
+ this.cancel();
this.open = !this.open;
},
editConfig(editItem) {
@@ -198,7 +209,7 @@
getUploadAction(){
this.baseURL = service.defaults.baseURL;
console.log("this.baseURL", this.baseURL)
- return this.baseURL+"home/UploadFile";
+ return this.baseURL+"/home/UploadFile";
},
handleSuccess(response, file, fileList) {
// 在这里处理文件上传成功的逻辑，例如保存响应数据到组件的状态中。
@@ -222,6 +233,40 @@
this.filename2 = file.name;
console.log('文件上传成功地址', this.uploadUrl);
},
+ getAreaCode(){
+ getAreaCode().then((res) => {
+ this.areaCodes = res.cabinetList || [];
+ });
+ },
+ handleAreaCodeChange(selectedAreaCode) {
+ const selectedArea = this.areaCodes.find(area => area.id === selectedAreaCode);
+ if (selectedArea && selectedArea.areaConfigNum !== undefined) {
+ this.areaConfigNum = selectedArea.areaConfigNum;
+ } else {
+ this.areaConfigNum = 500; // 使用默认值
+ }
+ if (selectedArea && selectedArea.areaBackGroudName !== undefined && selectedArea.areaBackGroudURL !== undefined) {
+ // 检查返回的数据是否为空
+ if (selectedArea.areaBackGroudName && selectedArea.areaBackGroudURL) {
+ var fileInfo2 = {
+ name: selectedArea.areaBackGroudName,
+ };
+ // 创建一个新的数组并替换旧的数组
+ this.fileList2 = [fileInfo2];
+ console.log("this.fileList2[0]", this.fileList2[0]);
+ this.areaBackGroudURL = selectedArea.areaBackGroudURL;
+ } else {
+ // 如果返回的数据为空，清空 fileList2
+ this.fileList2 = [];
+ console.log("No background info available");
+ }
+ } else {
+ // 如果 selectedArea 不存在或没有背景信息，清空 fileList2
+ this.fileList2 = [];
+ console.log("No background info available");
+ }
+ },
+
},
watch: {},
};
--
Gitblit v1.9.3