fix:1129 端口调整成必填；增加区域的图片如果已经定义返回定义的图片

cloudroam

2024-11-29 d443433fa03a966b6674091bebe469b8c2483bb0

 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() {
@@ -199,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) {
      // 在这里处理文件上传成功的逻辑，例如保存响应数据到组件的状态中。
@@ -223,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: {},
};