Преглед изворни кода

修改图片上传,增加必输校验

Memory_LG пре 1 година
родитељ
комит
25d114837c

+ 4 - 5
data-ui/src/views/data/housingconstruction/enterprise/index.vue

@@ -220,7 +220,7 @@
         </el-row>
         <el-row :gutter="24">
           <el-form-item label="企业图片" prop="attachPaths">
-            <DataImageUpload ref="ImageUpload" :fileType="['png', 'jpg', 'jpeg']" :value="form.attachPaths" @input="getUrl"></DataImageUpload>
+            <ImageUpload v-model="form.attachPaths" ref="ImageUpload" :fileType="['png', 'jpg', 'jpeg']" :value="form.attachPaths" @input="getUrl" :limit="1"></ImageUpload>
           </el-form-item>
         </el-row>
       </el-form>
@@ -337,7 +337,7 @@ export default {
           {required: true, message: "发证机关不能为空", trigger: "blur"}
         ],
         attachPaths:[
-          {required: true, message: "企业图片不能为空", trigger: "blur"}
+          {required: true, message: "企业图片不能为空", trigger: "change"}
         ]
       }
     };
@@ -350,10 +350,8 @@ export default {
   methods: {
     /** 附件:图片 **/
     getUrl(url) {
-      //获取图片全路径  例:http://{{ ip }}:{{ port }}/group1/M00/00/07/wKgKEGVxMCiAZbvVAAJE9SGvagw915.jpg
       this.form.attachPaths = url
-      //获取图片路径  例:group1/M00/00/07/wKgKEGVxL6eACFv2AAJE9SGvagw622.jpg
-      // this.form.attachPaths = this.$refs.ImageUpload.dialogName
+      console.log(this.form)
     },
     handleEnterpriseChange(newId) {
       const selectedEnterprise = this.enterprisesList.find(item => item.deptId === newId);
@@ -488,6 +486,7 @@ export default {
     },
     /** 提交按钮 */
     submitForm() {
+      console.log(this.$refs["form"])
       this.$refs["form"].validate(valid => {
         if (valid) {
           if (this.title === "修改企业信息") {

+ 3 - 4
data-ui/src/views/data/housingconstruction/gassource/index.vue

@@ -204,14 +204,13 @@
           </el-col>
         </el-row>
         <el-row :gutter="24">
-          <el-form-item label="危化品检测报告" prop="fileUrl">
+          <el-form-item label="危化品检测报告" prop="fileUrl"  label-width="130px">
             <fileUpload v-model="form.fileUrl" :setFileName="setFileName" :removeFileName="removeFileName"></fileUpload>
           </el-form-item>
         </el-row>
         <el-row :gutter="24">
-          <el-form-item label="危化品运输车车辆许可" prop="attachPaths">
-            <DataImageUpload ref="ImageUpload" :fileType="['png', 'jpg', 'jpeg']" :value="form.attachPaths"
-                             @input="getUrl"></DataImageUpload>
+          <el-form-item label="危化品运输车车辆许可" prop="attachPaths" label-width="170px">
+            <ImageUpload v-model="form.attachPaths" ref="ImageUpload" :fileType="['png', 'jpg', 'jpeg']" :value="form.attachPaths" @input="getUrl" :limit="10"></ImageUpload>
           </el-form-item>
         </el-row>
       </el-form>