浏览代码

修复message

1
mo 2 年之前
父节点
当前提交
8965931dbd
共有 3 个文件被更改,包括 96 次插入86 次删除
  1. 3 0
      src/App.vue
  2. 1 1
      src/main.js
  3. 92 85
      src/views/adapayAccount/form.vue

+ 3 - 0
src/App.vue

@@ -31,6 +31,9 @@ export default {
 };
 </script>
 <style lang="scss">
+.el-message {
+  top:120px!important;
+}
 * {
   margin: 0;
   padding: 0;

+ 1 - 1
src/main.js

@@ -64,7 +64,7 @@ class DonMessage {
     // console.log(type, options, Message)
     let params = {
       message: options,
-      offset: 90
+      offset: 90,
     }
     if (single) {
       // 判断是否已存在Message

+ 92 - 85
src/views/adapayAccount/form.vue

@@ -7,7 +7,8 @@
         :content="payType == 'create' ? '创建账号' : '修改账号'"
       ></el-page-header>
     </h2>
-    <div class="m-core" style="overflow: hidden">
+    <!-- m-core -->
+    <div class="w1200" style="overflow: hidden">
       <el-form
         :model="form"
         :rules="rules"
@@ -66,11 +67,90 @@
               >
               </el-date-picker>
             </el-form-item>
+            <el-form-item label="经营范围" prop="businessScope">
+              <!-- <el-input v-model="form.businessScope" placeholder="请输入经营范围"></el-input> -->
+              <el-input
+                type="textarea"
+                :rows="3"
+                v-model="form.businessScope"
+                placeholder="请输入经营范围"
+              ></el-input>
+            </el-form-item>
+            <el-form-item label="公司地址" prop="address">
+              <el-input
+                v-model="form.address"
+                placeholder="请输入公司地址"
+              ></el-input>
+            </el-form-item>
+            <el-form-item label="证照文件" prop="multipartFile">
+              <template slot="label">
+                证照文件
+                <el-tooltip placement="top" popper-class="mTooltip">
+                  <div slot="content">
+                    内容须包含三证合一证件照、法人身份证正面照、法人身份证反面照、开户银行许可证照。
+                    压缩 zip包后上传。最大限制为 9 M。
+                    <!-- 最大限制为 9 M。 -->
+                  </div>
+                  <i
+                    class="el-icon-question micon el-tooltip"
+                    style="
+                      font-size: 18px;
+                      color: #f56c6c;
+                      top: 2px;
+                      position: relative;
+                    "
+                  ></i>
+                </el-tooltip>
+              </template>
+              <!-- <el-input type="file" class="uploadFile" v-model="form.multipartFile"></el-input> -->
+              <el-upload
+                class="avatar-upload"
+                ref="upload"
+                action="/api-web/uploadFile"
+                :headers="headers"
+                :on-preview="handlePreview"
+                :on-remove="handleRemove"
+                :on-change="handleChange"
+                :file-list="fileList"
+                accept=".zip"
+                :multiple="false"
+                :limit="1"
+                :auto-upload="false"
+              >
+                <el-button slot="trigger" type="primary">选取文件</el-button>
+                <!-- ,且不超过500kb -->
+                <div
+                  slot="tip"
+                  style="display: inline; padding-left: 20px"
+                  class="el-upload__tip"
+                >
+                  只能上传一个文件
+                </div>
+              </el-upload>
+              <!-- <el-upload class="avatar-uploader"
+                            action="/api-web/uploadFile"
+                            :headers="headers"
+                            :show-file-list="false"
+                            :on-success="handleAvatarSuccess"
+                            :before-upload="beforeAvatarUpload">
+                            <img v-if="form.multipartFile"
+                                :src="form.coverImg"
+                                class="avatar" />
+                            <i v-else
+                            class="el-icon-plus avatar-uploader-icon"></i>
+                        </el-upload> -->
+            </el-form-item>
+            <el-form-item label="邮编" prop="zipCode">
+              <el-input
+                v-model="form.zipCode"
+                placeholder="请输入邮编"
+              ></el-input>
+            </el-form-item>
           </el-col>
         </el-card>
         <el-card class="box-card">
           <el-alert
-            title="企业信息"
+            title="账户设置"
             :closable="false"
             type="info"
             style="margin: 20px 0"
@@ -165,93 +245,15 @@
               >
               </el-date-picker>
             </el-form-item>
-            <el-form-item label="经营范围" prop="businessScope">
-              <!-- <el-input v-model="form.businessScope" placeholder="请输入经营范围"></el-input> -->
-              <el-input
-                type="textarea"
-                :rows="3"
-                v-model="form.businessScope"
-                placeholder="请输入经营范围"
-              ></el-input>
-            </el-form-item>
-            <el-form-item label="公司地址" prop="address">
-              <el-input
-                v-model="form.address"
-                placeholder="请输入公司地址"
-              ></el-input>
-            </el-form-item>
-            <el-form-item label="证照文件" prop="multipartFile">
-              <template slot="label">
-                证照文件
-                <el-tooltip placement="top" popper-class="mTooltip">
-                  <div slot="content">
-                    内容须包含三证合一证件照、法人身份证正面照、法人身份证反面照、开户银行许可证照。
-                    压缩 zip包后上传。最大限制为 9 M。
-                    <!-- 最大限制为 9 M。 -->
-                  </div>
-                  <i
-                    class="el-icon-question micon el-tooltip"
-                    style="
-                      font-size: 18px;
-                      color: #f56c6c;
-                      top: 2px;
-                      position: relative;
-                    "
-                  ></i>
-                </el-tooltip>
-              </template>
-              <!-- <el-input type="file" class="uploadFile" v-model="form.multipartFile"></el-input> -->
-              <el-upload
-                class="avatar-upload"
-                ref="upload"
-                action="/api-web/uploadFile"
-                :headers="headers"
-                :on-preview="handlePreview"
-                :on-remove="handleRemove"
-                :on-change="handleChange"
-                :file-list="fileList"
-                accept=".zip"
-                :multiple="false"
-                :limit="1"
-                :auto-upload="false"
+
+            <el-form-item>
+              <el-button type="primary" @click="onSubmit('accountForm')"
+                >确 定</el-button
               >
-                <el-button slot="trigger" type="primary">选取文件</el-button>
-                <!-- ,且不超过500kb -->
-                <div
-                  slot="tip"
-                  style="display: inline; padding-left: 20px"
-                  class="el-upload__tip"
-                >
-                  只能上传一个文件
-                </div>
-              </el-upload>
-              <!-- <el-upload class="avatar-uploader"
-                            action="/api-web/uploadFile"
-                            :headers="headers"
-                            :show-file-list="false"
-                            :on-success="handleAvatarSuccess"
-                            :before-upload="beforeAvatarUpload">
-                            <img v-if="form.multipartFile"
-                                :src="form.coverImg"
-                                class="avatar" />
-                            <i v-else
-                            class="el-icon-plus avatar-uploader-icon"></i>
-                        </el-upload> -->
-            </el-form-item>
-            <el-form-item label="邮编" prop="zipCode">
-              <el-input
-                v-model="form.zipCode"
-                placeholder="请输入邮编"
-              ></el-input>
+              <el-button @click="onCancel">取 消</el-button>
             </el-form-item>
           </el-col>
         </el-card>
-        <el-form-item>
-          <el-button type="primary" @click="onSubmit('accountForm')"
-            >确 定</el-button
-          >
-          <el-button @click="onCancel">取 消</el-button>
-        </el-form-item>
       </el-form>
     </div>
   </div>
@@ -541,6 +543,7 @@ export default {
 <style lang='scss' scoped>
 .box-card {
   margin-bottom: 20px;
+  padding-bottom: 20px;
 }
 .el-input,
 .el-textarea,
@@ -587,4 +590,8 @@ export default {
   height: 178px;
   display: block;
 }
+.w1200 {
+  width: 1000px;
+  margin: 0 auto;
+}
 </style>