From 4f3dcd0320e21fc31f1669a23cedfa28572b8c85 Mon Sep 17 00:00:00 2001
From: licp <lichunping@guanfang.com.cn>
Date: 星期一, 18 三月 2024 13:17:00 +0800
Subject: [PATCH] 完成设备明细新增页面调整
---
src/components/view/a6-device-management.vue | 36 +++++++++++++++++++++++++++---------
1 files changed, 27 insertions(+), 9 deletions(-)
diff --git a/src/components/view/a6-device-management.vue b/src/components/view/a6-device-management.vue
index 150759a..3e3fd6a 100644
--- a/src/components/view/a6-device-management.vue
+++ b/src/components/view/a6-device-management.vue
@@ -155,7 +155,7 @@
:key="item.value"
:label="item.label"
:value="item.value"
- >
+ >
</el-option>
</el-select>
</el-form-item>
@@ -331,7 +331,7 @@
<el-col :span="7" >
<el-col>
<!-- 鍥剧墖 -->
- <el-image class="img" style="width:100%;height: 320px;marginBottom:16px" :src="javaApi+'/img/'+formData2.imageUpload">
+ <el-image class="img" style="width:100%;height: 320px;margin-bottom:16px" :src="javaApi+'/img/'+formData2.imageUpload">
<div slot="error" class="image-error" style="width: calc(100% -2px);
height: 318px;
border-radius: 16px;
@@ -503,12 +503,12 @@
<el-form-item label="鏍″噯璇佷功:" >
<el-input v-model="formData2.calibrationCerticate" size="small"></el-input>
</el-form-item>
- <el-form-item v-if="!isUp" label="鍥剧墖:" >
+ <el-form-item label="鍥剧墖:" >
<div style="border: 1px solid #DCDFE6;border-radius:4px;height:32px;lineHeight:32px;display:flex;justify-content: space-around;font-size: 13px;">
<div v-show="formData2.imageName" class="picName">{{formData2.imageName}}</div>
<el-upload
:action="action"
- :on-success="handleSuccessUpImg"
+ :on-success="handleSuccessUpImg2"
:show-file-list="false"
accept='image/jpg,image/jpeg,image/png'
:headers="headers"
@@ -526,7 +526,7 @@
<span slot="footer" class="dialog-footer">
<el-row >
<el-button @click="handleClose2">鍙� 娑�</el-button>
- <el-button type="primary" @click="submitForm" :loading="upLoad">纭� 瀹�</el-button>
+ <el-button type="primary" @click="submitForm2" :loading="upLoad2">纭� 瀹�</el-button>
</el-row>
</span>
</el-dialog>
@@ -544,7 +544,10 @@
//鏄惁鏄。妗堜慨璁� true涓嶆槸 false鏄�
isUp: true,
formData: {},
- formData2: {},
+ formData2: {
+ imageUpload:'',
+ imageName:''
+ },
value: '',
options: [],
labelPosition: 'right',
@@ -615,6 +618,7 @@
// 璁惧鐘舵�佸垪琛�
deviceStatusList:[],
upLoad:false,
+ upLoad2:false,
}
},
computed: {
@@ -751,6 +755,14 @@
this.formData.imageName = response.data.name;
}
},
+ handleSuccessUpImg2(response,){
+ if(response.code==200){
+ this.$nextTick(()=>{
+ this.formData2.imageUpload = response.data.url;
+ this.formData2.imageName = response.data.name;
+ })
+ }
+ },
submitForm(){
this.upLoad = true;
let authorizedPerson = this.formData.authorizedPerson.length>0?this.formData.authorizedPerson.join(','):''
@@ -780,6 +792,8 @@
},
submitForm2(){
this.upLoad2 = true;
+ let authorizedPerson = this.formData2.authorizedPerson.length>0?this.formData2.authorizedPerson.join(','):''
+ this.formData2.authorizedPerson = authorizedPerson
this.$axios.post(this.$api.deviceScope.addDeviceParameter, this.formData2, {
headers: {
'Content-Type': 'application/json'
@@ -789,12 +803,16 @@
this.upLoad2 = false
return
}
- this.$message.success('淇敼鎴愬姛')
- this.upLoad = false
+ this.$message.success('鎻愪氦鎴愬姛')
+ this.upLoad2 = false
this.refreshTable()
this.dialogVisible2 = false
+ this.formData2 = {
+ imageUpload:'',
+ imageName:''
+ }
}).catch(e => {
- this.$message.error('淇敼澶辫触')
+ this.$message.error('鎻愪氦澶辫触')
this.dialogVisible2 = false
this.upLoad2 = false
})
--
Gitblit v1.9.3