|  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <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"> | 
|---|
|  |  |  | <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"> | 
|---|
|  |  |  | 
|---|
|  |  |  | <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()" | 
|---|
|  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <script> | 
|---|
|  |  |  | import {addAreaItemInfo, updateAreaModuleItem} from "@/api/addareaitem"; | 
|---|
|  |  |  | import {getAreaCode} from "@/api/area"; | 
|---|
|  |  |  | import service from '@/utils/request-api' | 
|---|
|  |  |  |  | 
|---|
|  |  |  | export default { | 
|---|
|  |  |  | 
|---|
|  |  |  | editItemId: '', | 
|---|
|  |  |  | filename1: '', | 
|---|
|  |  |  | filename2: '', | 
|---|
|  |  |  | areaCodes:[], | 
|---|
|  |  |  | }; | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | mounted() { | 
|---|
|  |  |  | this.getAreaCode(); | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | methods: { | 
|---|
|  |  |  | async submit() { | 
|---|
|  |  |  | 
|---|
|  |  |  | 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) { | 
|---|
|  |  |  | // 在这里处理文件上传成功的逻辑,例如保存响应数据到组件的状态中。 | 
|---|
|  |  |  | 
|---|
|  |  |  | this.filename2 = file.name; | 
|---|
|  |  |  | console.log('文件上传成功地址', this.uploadUrl); | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | getAreaCode(){ | 
|---|
|  |  |  | getAreaCode().then((res) => { | 
|---|
|  |  |  | this.areaCodes = res.cabinetList || []; | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | }, | 
|---|
|  |  |  |  | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | watch: {}, | 
|---|
|  |  |  | }; | 
|---|