修改统一门户图片提示

src/views/system/unifiedPortal/dialog.vue

@@ -4,21 +4,37 @@
     :visible.sync="dialogVisible"
     width="25%"
   >
-    <el-form label-width="120px" class="zw-criterion" :model="form">
-      <el-form-item label="图标(比例1:1)" required>
-        <!-- <el-upload
-          class="avatar-uploader"
-          :action="''"
-          :auto-upload="false"
-          :show-file-list="false"
-          :on-change="handleAvatarChangeIcon"
-        >
+    <el-form label-width="150px" class="unifiedPortal-form" :model="form">
+      <div class="icon-box">
+        <div class="title">
+          <div class="font">图标</div>
+          <div>1.JPG/PNG格式</div>
+          <div>2.大小不能超过10MB</div>
+          <div>3.高宽比1:1</div>
+          <div>4.推荐分辨率800*800</div>
+        </div>
+        <div class="img">
           <div class="avatar" v-if="imageUrl">
             <img :src="imageUrl" />
             <i @click="delImg" class="el-icon-close"></i>
           </div>
-          <i v-else class="el-icon-plus avatar-uploader-icon"></i>
-        </el-upload> -->
+          <el-upload
+            v-else
+            class="avatar-uploader"
+            :action="''"
+            :auto-upload="false"
+            :show-file-list="false"
+            :on-change="handleAvatarChangeIcon"
+          >
+            <i class="el-icon-plus avatar-uploader-icon"></i>
+          </el-upload>
+        </div>
+      </div>
+      <!-- <el-form-item
+        style="white-space: pre-wrap"
+        label="图标(分辨率800*800)"
+        required
+      >
         <div class="avatar" v-if="imageUrl">
           <img :src="imageUrl" />
           <i @click="delImg" class="el-icon-close"></i>
@@ -33,7 +49,7 @@
         >
           <i class="el-icon-plus avatar-uploader-icon"></i>
         </el-upload>
-      </el-form-item>
+      </el-form-item> -->
       <el-form-item label="名称" required>
         <el-input v-model="form.name" placeholder="请输入内容"></el-input>
       </el-form-item>
@@ -141,7 +157,7 @@
           this.$message.error('上传文件大小不能超过 10MB!');
           return false;
         }
-        if (!isPNG && !isJPG && !isLt2M) {
+        if (!isPNG && !isJPG) {
           this.$message.error('上传图片只能是 JPG/PNG 格式!');
           return false;
         } else {
@@ -211,6 +227,26 @@
 </script>
 
 <style lang="scss" scoped>
+  .unifiedPortal-form {
+    .icon-box {
+      display: flex;
+      margin-bottom: 10px;
+      .title {
+        flex: 0 0 150px;
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        .font:before {
+          content: '*';
+          color: red;
+          margin-right: 4px;
+        }
+      }
+      .img {
+        flex: 1;
+      }
+    }
+  }
   .typeSelect {
     width: 100%;
   }