完成设备明细新增页面调整

licp

2024-03-18 4f3dcd0320e21fc31f1669a23cedfa28572b8c85

 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
            })