授信管理页面样式调整

front-vue/src/App.vue

@@ -120,7 +120,7 @@ export default {
     }
 }
 .zap-title {
-    padding: 0 25px 25px;
+    padding: 25px;
     font-size: 16px;
     color: #333333;
     background-color: #ffffff;
@@ -238,4 +238,12 @@ export default {
     width: 100%;
     height: 100%;
 }
+.zap-form {
+    padding: 0 25px;
+    background-color: #ffffff;
+}
+
+.zap-table ::v-deep .el-form-item__content {
+    width: 100%;
+}
 </style>

front-vue/src/views/system/fundSide/fundSide.vue

@@ -102,7 +102,11 @@
             </el-form-item>
             <el-form-item label="合作协议" size="large">
                 <el-upload ref="upload" class="upload-demo" :class="{ uoloadSty: showBtnImg, disUoloadSty: noneBtnImg }" action="" accept=".jpg, .jpeg, .png" :http-request="sfzRequest" :on-preview="handlePictureCardPreview" :on-remove="beforeRemove" :on-change="dealImgChange" :before-upload="beforeAvatarUpload" multiple :limit="12" :on-exceed="handleExceed" list-type="picture-card" :file-list="sfzList" :auto-upload="true">
-                    <el-button slot="trigger" size="small" type="primary">点击选择</el-button>
+                    <!-- 触发文件选择框的内容 -->
+                    <div slot="trigger" class="zap-contract-add__upload">
+                        <i class="el-icon-upload"></i>
+                        <div class="zap-upload__text">上传文件</div>
+                    </div>
                 </el-upload>
             </el-form-item>
         </el-form>
@@ -531,3 +535,37 @@ export default {
     },
 };
 </script>
+
+<style lang="scss" scoped>
+::v-deep .el-upload--picture-card,
+.zap-contract-add__upload {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    width: 140px;
+    height: 140px;
+    border: dashed 1px #e0e0e0;
+    background-color: #f4f5f6;
+}
+
+.el-icon-upload {
+    font-size: 32px;
+    color: #02c464;
+}
+
+.zap-upload__text {
+    line-height: 1;
+    margin-top: 12px;
+    font-size: 12px;
+    color: #333333;
+}
+
+.zap-contract-add__tip {
+    width: 140px;
+    margin-top: 15px;
+    line-height: 19px;
+    font-size: 12px;
+    color: #999999;
+}
+</style>