bug修复

dsk-srm-server/src/register.vue

@@ -5,11 +5,11 @@
         <source src="@/assets/background.mp4" type="video/mp4">
       </video>
     </div>
-    <div :class="{'registration-head':agreeRegister}">
+    <div class="registration-head">
       <img class="logo" src="@/assets/images/logo.png">
       <img class="righttop" src="@/assets/images/ico01.png">
     </div>
-    <el-dialog title="注册" custom-class="registration" :modal="false" :visible.sync="agreeRegister" width="100vw" top="75px">
+    <el-dialog title="注册" custom-class="registration" :modal="false" :visible.sync="agreeRegister" width="100vw" top="75px" @close="goLogin">
       <el-dialog title="请选择经营类型" :visible.sync="addTypeVisible" width="742px" custom-class="typeDialog" append-to-body top="30px" close-on-click-modal>
         <div class="title">
           <span>请选择经营类型</span>
@@ -33,7 +33,7 @@
             <div class="row-second" v-if=" item.children">
               <el-tabs v-model="activeName" @tab-click="handleClick" type="card">
                 <el-tab-pane v-for="itemChild in item.children" :name="itemChild.name">
-                  <span slot="label">{{itemChild.name}}<i :class="activeName == itemChild.code ? 'el-icon-caret-bottom' : 'el-icon-caret-top' "></i></span>
+                  <span slot="label" @mouseover="handleMouse($event)">{{itemChild.name}}<i :class="activeName == itemChild.code ? 'el-icon-caret-bottom' : 'el-icon-caret-top' "></i></span>
                   <div class="row-three" v-if=" itemChild.children">
                     <ul>
                       <li v-for="itemChildThree in itemChild.children" @click="getCatIdName(itemChildThree.name)">
@@ -107,7 +107,7 @@
                 <el-input v-model="ruleForm.legalPerson" placeholder="请输入法定代表人"></el-input>
               </el-form-item>
               <el-form-item label="注册资本" prop="registeredCapital">
-                <el-input v-model="ruleForm.registeredCapital" placeholder="请输入注册资本" oninput="if(isNaN(value)) { value = null } if(value.indexOf('.')>0){value=value.slice(0,value.indexOf('.')+3)}"></el-input>
+                <el-input v-model="ruleForm.registeredCapital" placeholder="请输入注册资本（万元）" oninput="if(isNaN(value)) { value = null } if(value.indexOf('.')>0){value=value.slice(0,value.indexOf('.')+3)}"></el-input>
               </el-form-item>
               <el-form-item label="成立日期" prop="registeredDate" class="left-title">
                 <el-date-picker v-model="ruleForm.registeredDate"
@@ -192,12 +192,11 @@
               <div class="form-title">合作承诺函</div>
               <el-form-item label="合作承诺函" prop="fileUrl" style=" margin-bottom: 0;" class="more-left-title more-content-left-title">
                 <el-input v-model="ruleForm.fileUrl" style="opacity: 0; position: absolute; height: 0;z-index:-1"></el-input>
-                <el-upload ref="upload"
+                <el-upload ref="upload" :file-list="fileList"
                            :data="ruleForm"
                            class="avatar-uploader"
                            action=""
                            :http-request="httpRequest2"
-                           :show-file-list="false"
                            :on-success="hezuoHandleAvatarSuccess"
                            :on-change='hezuoChangeUpload'
                            :before-upload='beforeAvatarUploadWord'
@@ -626,7 +625,7 @@
       return {
         agreeRegister: true,
         addTypeVisible: false,
-        registerType: 1,
+        registerType: 2,
         form: {
           phone: "",
           smsCode: "",
@@ -681,7 +680,7 @@
           creditCode: [
             { required: true, message: '请输入统一社会信用代码', trigger: 'change' }
           ],
-          name: [
+          legalPerson: [
             { required: true, message: '请输入法定代表人', trigger: 'change' }
           ],
           registeredDate: [
@@ -724,6 +723,7 @@
         typeListShow: false,
         dialogVisible: false,
         dialogVisible1: false,
+        fileList:[]
       };
     },
     computed: {
@@ -952,6 +952,24 @@
         })
       },
       httpRequest2(param) {
+        if (this.fileList.length>0) {
+          this.$confirm('此操作将覆盖上一个文件, 是否继续?', '提示', {
+            confirmButtonText: '确定',
+            cancelButtonText: '取消',
+            type: 'warning'
+          }).then(() => {
+            this.$message({
+              type: 'success',
+              message: '替换成功!'
+            });
+          }).catch(() => {
+            this.$message({
+              type: 'info',
+              message: '已取消'
+            });
+            return
+          });
+        }
         console.log(param)
         let fd = new FormData();
         fd.append('file', param.file); // 传文件
@@ -960,6 +978,11 @@
           if (res.code == 200) {
             this.ruleForm.fileUrl = res.url
             this.ruleForm.fileName = res.fileName
+            this.fileList = [
+              { name: res.fileName, url: res.url },
+            ]
+            console.log(this.fileList)
+
           }
         })
       },
@@ -967,6 +990,10 @@
       handleClick(tab, event) {
         console.log(tab, event);
       },
+      handleMouse(e) {
+        console.log(e)
+        e.target.click()
+      },
       //下载模板
       downloadFile() {
         let word = "https://gys-file.oss-cn-chengdu.aliyuncs.com/file/image/2022-11-11/%E4%BE%9B%E5%BA%94%E5%95%86%E6%89%BF%E8%AF%BA%E4%B9%A61668165098059.docx?Expires=4821765098&OSSAccessKeyId=LTAI5t87xwSHQUZPgAGgRG5x&Signature=bUeY5CzXM29S72Lb5j4lxkEc%2Fj0%3D"
@@ -1044,6 +1071,9 @@
           }
             
         })
+      },
+    goLogin() {
+        this.$router.push('/login');
       }
     },
   }
@@ -1699,4 +1729,161 @@
       }
     }
   }
+  ::v-deep .el-dialog.typeDialog {
+    ul {
+      margin: 0;
+      padding: 0;
+    }
+
+    li {
+      list-style: none
+    }
+
+    .el-dialog__header {
+      display: none;
+    }
+
+    .el-dialog__body {
+      padding: 16px 0;
+
+      .title {
+        padding: 0 0 16px 24px;
+        display: flex;
+        align-items: center;
+        border-bottom: 1px solid #EEEEEE;
+
+        span {
+          height: 20px;
+          font-size: 14px;
+          color: #333333;
+          line-height: 20px;
+        }
+
+        .el-input {
+          width: 212px;
+          margin-left: 18px;
+
+          input {
+            height: 34px;
+          }
+        }
+
+        .typeList {
+          position: absolute;
+          top: 49px;
+          left: 140px;
+          background: #ffffff;
+          border: 1px solid #eeeeee;
+          /*padding: 0 16px;*/
+          width: 212px;
+          box-sizing: border-box;
+          z-index: 9;
+          height: 200px;
+          overflow-y: auto;
+
+
+          .typeRows {
+            padding: 4px 16px;
+            border-bottom: 1px solid #eeeeee;
+            display: flex;
+            flex-wrap: wrap;
+            cursor: pointer;
+
+
+            span {
+              width: 100%;
+            }
+            /*
+            span:first-child {
+              margin-bottom: 2px;
+            }*/
+
+            span:last-child {
+              color: #C0C4CC;
+            }
+          }
+
+          .typeRows:hover {
+            background: #eeeeee;
+          }
+        }
+      }
+
+      .content {
+        padding: 0 24px;
+        height: 500px;
+        overflow-y: auto;
+
+        .content-rows {
+          .row-frist {
+            height: 20px;
+            font-size: 16px;
+            font-weight: bold;
+            color: #333333;
+            line-height: 20px;
+            display: block;
+            margin-top: 24px;
+          }
+          /*  el-icon-caret-bottom*/
+          .row-second {
+            .el-tabs__active-bar {
+              display: none;
+            }
+
+            .el-tabs__header {
+              border: 0;
+              margin: 24px 0 16px 0;
+            }
+
+            .el-tabs__nav {
+              border: 0;
+            }
+
+            .el-tabs__item {
+              padding: 0 16px 0 0;
+              border: 0;
+              height: 20px;
+              font-size: 14px;
+              line-height: 20px;
+
+              .el-icon-caret-top, .el-icon-caret-bottom {
+                margin-left: 11px;
+              }
+            }
+
+            ul {
+              padding: 24px 0 16px 0;
+              display: flex;
+              flex-wrap: wrap;
+            }
+          }
+
+          .row-three {
+            width: 694px;
+            max-height: 268px;
+            background: #FDFDFD;
+            border-radius: 8px 8px 8px 8px;
+            border: 1px solid #F3F3F3;
+            overflow-y: auto;
+            padding-bottom: 16px;
+
+            ul {
+              padding: 0;
+
+              li {
+                padding: 16px 0 0 16px;
+
+                .el-radio__input {
+                  display: none;
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+  ::v-deep .el-upload-list {
+    width: 200px;
+  }
 </style>