0

src/views/contracts/new_file.vue

@@ -38,7 +38,7 @@
           </el-upload>
 
           <el-dialog :visible.sync="dialogVisible">
-            <img width="100%" :src="form.pics">
+            <img width="100%" :src="form.pics" />
           </el-dialog>
         </div>
       </div>
@@ -56,7 +56,7 @@
           <i class="el-icon-plus" />
         </el-upload>
         <el-dialog :visible.sync="dialogVisible">
-          <img width="100%" :src="form.invoicePics">
+          <img width="100%" :src="form.invoicePics" />
         </el-dialog>
       </div>
       <!-- 贸易附件图片 -->
@@ -73,19 +73,24 @@
           <i class="el-icon-plus" />
         </el-upload>
         <el-dialog :visible.sync="dialogVisible">
-          <img width="100%" :src="form.tradePics">
+          <img width="100%" :src="form.tradePics" />
         </el-dialog>
       </div>
     </el-card>
 
+    <!-- 汇票模块 -->
     <div
       v-for="(item, index) in form.contractDrafts"
       :key="item.id"
       class="form"
 	  style="margin: 20px;border: 1px solid #c0c0c0;padding: 10px;border-radius: 10px;"
     >
-      <el-form ref="form" :model="item" label-width="90px" >
-		 
+
+      
+
+      <!-- 汇票名称 -->
+      <el-form ref="form" :model="item" label-width="90px">
+
         <el-form-item label="汇票名称">
           <el-input
             v-model="item.name"
@@ -94,6 +99,7 @@
             style="width: 220px"
           />
         </el-form-item>
+        <!-- 预计贴现日 -->
         <el-form-item label="预计贴现日">
           <el-date-picker
             v-model="item.expectDiscountDate"
@@ -105,6 +111,7 @@
             "
           />
         </el-form-item>
+        <!-- 出票日期 -->
         <el-form-item label="出票日期">
           <el-date-picker
             v-model="item.acceptDate"
@@ -113,14 +120,17 @@
             class="ipwidth"
           />
         </el-form-item>
+        <!-- 承兑日期 -->
         <el-form-item label="承兑日期">
           <el-date-picker
             v-model="item.issueDate"
             type="date"
             placeholder="选择日期"
-            @change="changeIssueDate($event, index)"
+           default-value
+            @change="change(index,1)"
           />
         </el-form-item>
+        <!-- 到期日期 -->
         <el-form-item label="到期日期">
           <el-date-picker
             v-model="item.expireDate"
@@ -129,6 +139,7 @@
           />
         </el-form-item>
       </el-form>
+      <!-- 汇票号码 -->
       <el-form ref="form" :model="form" label-width="100px">
         <el-form-item label="汇票号码">
           <el-input
@@ -138,7 +149,18 @@
             style="width: 220px"
           />
         </el-form-item>
-       
+
+        <!-- 金额 -->
+        <el-form-item label="金额">
+          <el-input
+            v-model="item.money"
+            class="ipwidth"
+            placeholder="请填写金额"
+            style="width: 220px"
+            @input="getMoney" @blur="getMoneyIndex(index)"
+          />
+        </el-form-item>
+        <!-- 服务费 -->
         <el-form-item label="服务费">
           <el-input
             v-model="item.serviceMoney"
@@ -147,6 +169,7 @@
             style="width: 220px"
           />
         </el-form-item>
+        <!-- 最高贷款额度 -->
         <el-form-item label="最高贷款额度">
           <el-input
             v-model="item.loanLimit"
@@ -155,7 +178,8 @@
             style="width: 220px"
           />
         </el-form-item>
-		<el-form-item label="金额">
+
+		<!-- <el-form-item label="金额">
 		  <el-input
 		    v-model="item.money"
 		    class="ipwidth"
@@ -163,7 +187,8 @@
 		    style="width: 220px"
 		    @change="computed"
 		  />
-		</el-form-item>
+		</el-form-item> -->
+
         <el-form-item label="利息">
           <el-input
             v-model="item.interest"
@@ -173,6 +198,7 @@
           />
         </el-form-item>
       </el-form>
+      <!-- 出票人 -->
       <el-form ref="form" :model="form" label-width="90px">
         <el-form-item label="出票人">
           <el-select v-model="form.drawersName" placeholder="请选择出票人">
@@ -186,9 +212,11 @@
               v-for="item in drawersName"
               :label="item"
               :value="item"
+              :key="item.id"
             />
           </el-select>
         </el-form-item>
+        <!-- 承兑人 -->
         <el-form-item label="承兑人">
           <el-select v-model="form.acceptorName" placeholder="请选择承兑人">
             <el-option
@@ -200,6 +228,14 @@
           </el-select>
         </el-form-item>
 		
+
+<!--              @click.native="getRate(index)"
+              :key="val.id"
+            />
+          </el-select>
+        </el-form-item> -->
+        <!-- 服务费率 -->
+
         <el-form-item label="服务费率">
           <el-input
             v-model="item.serviceRate"
@@ -209,6 +245,7 @@
             @input="inputServiceRate($event, index)"
           />
         </el-form-item>
+        <!-- 利率 -->
         <el-form-item label="利率">
           <el-input
             v-model="item.interestRate"
@@ -225,9 +262,9 @@
           <el-col style="margin: 0 auto">
             <div class="titlesa">
               <span>附件</span>
-              <span
-                style="color: #d05c39"
-              >*支持上传pdf、jpg/jpeg、png格式</span>
+              <span style="color: #d05c39"
+                >*支持上传pdf、jpg/jpeg、png格式</span
+              >
             </div>
             <div>
               <el-upload
@@ -243,7 +280,7 @@
                   width="100%"
                   :src="form.contractDrafts[0].picUrls"
                   alt=""
-                >
+                />
               </el-dialog>
             </div>
           </el-col>
@@ -254,10 +291,10 @@
           type="primary"
           style="width: 100px; height: 50px; margin-top: 50px"
           @click="deletedraft(index)"
-        >删除汇票</el-button>
+          >删除汇票</el-button
+        >
       </div>
     </div>
-
     <!-- 新增汇票 -->
     <div class="commit">
       <div class="addnew">
@@ -268,7 +305,7 @@
           type="warning"
           style="width: 180px; height: 45px; font-size: 16px"
           @click="onSubmit"
-        >确认上传
+          >确认上传
         </el-button>
       </div>
     </div>
@@ -288,113 +325,104 @@ export default {
       picsArray: [], // 合同图片上传数组
       invoicePicsArray: [], // 发票图片上传数组
       tradePicsArray: [], // 贸易图片上传数组
-      file: '',
+      file: "",
       form: {
         // 承兑人列表
-        acceptorName: [1],
+        acceptorName: [],
         // 出票人列表
-        drawersName: [1],
-        contractNo: '',
+        drawersName: [],
+        contractNo: "",
         supplierId: 2,
-        name: '',
+        name: "",
         invoicePics: [],
         pics: [],
         tradePics: [],
+        /* 汇票的数据 */
         contractDrafts: [
           {
-            name: '1',
-            draftNo: '1',
-            acceptorId: '1',
-            drawersId: '1',
-            money: '1',
-            acceptDate: '1',
-            loanLimit: '1',
-            serviceRate: '1',
-            serviceMoney: '1',
-            interestRate: '1',
-            interest: '1',
+            name: "",
+            draftNo: "",
+            acceptorId: "",
+            drawersId: "",
+            money: "",
+            acceptDate: "",
+            loanLimit: "",
+            serviceRate: "",
+            serviceMoney: "",
+            interestRate: "",
+            interest: "",
             picUrls: [],
-            expectDiscountDate: '1',
-            issueDate: '1',
-            expireDate: '1'
-          }
-        ]
+            expectDiscountDate: "",
+            issueDate: "",
+            expireDate: "",
+            limitTime: "",
+          },
+        ],
       },
       pickerOptions: {
         disabledDate(time) {
-          return time.getTime() > Date.now()
+          return time.getTime() > Date.now();
         },
         shortcuts: [
           {
-            text: '今天',
+            text: "今天",
             onClick(picker) {
-              picker.$emit('pick', new Date())
-            }
+              picker.$emit("pick", new Date());
+            },
           },
           {
-            text: '昨天',
+            text: "昨天",
             onClick(picker) {
-              const date = new Date()
-              date.setTime(date.getTime() - 3600 * 1000 * 24)
-              picker.$emit('pick', date)
-            }
+              const date = new Date();
+              date.setTime(date.getTime() - 3600 * 1000 * 24);
+              picker.$emit("pick", date);
+            },
           },
           {
-            text: '一周前',
+            text: "一周前",
             onClick(picker) {
-              const date = new Date()
-              date.setTime(date.getTime() - 3600 * 1000 * 24 * 7)
-              picker.$emit('pick', date)
-            }
-          }
-        ]
-      }
-    }
+              const date = new Date();
+              date.setTime(date.getTime() - 3600 * 1000 * 24 * 7);
+              picker.$emit("pick", date);
+            },
+          },
+        ],
+      },
+    };
   },
 
   mounted() {
     this.$request({
-      url: '/api/Contract/search',
-      method: 'post',
+      url: "/api/Contract/search",
+      method: "post",
       data: {
         pageIndex: 1,
-        pageSize: 100
-      }
+        pageSize: 100,
+      },
     }).then((res) => {
-      this.contractList = res.data.result
-    })
+      this.contractList = res.data.result;
+    });
     this.$request({
-      url: '/api/Acceptor/search',
-      method: 'post',
+      url: "/api/Acceptor/search",
+      method: "post",
       data: {
         pageIndex: 1,
-        pageSize: 100
-      }
+        pageSize: 100,
+      },
     }).then((res) => {
-      this.acceptorList = res.data.result
-      this.acceptorName = Array.from(this.acceptorList, ({ name }) => name)
-      // console.log(this.acceptorName)
-      // 去除重复的承兑人
-      //  for (var i = 0; i < this.acceptorName.length; i++) {    // 首次遍历数组
-      //         for (var j = i + 1; j < this.acceptorName.length; j++) {   // 再次遍历数组
-      //             if (this.acceptorName[i] === this.acceptorName[j]) {          // 判断连个值是否相等
-      //                 this.acceptorName.splice(j, 1);           // 相等删除后者
-      //                 j--;
-      //             }
-      //         }
-      //     }
-      // console.log(this.acceptorName)
-    })
+      this.acceptorList = res.data.result;
+      this.acceptorName = Array.from(this.acceptorList, ({ name }) => name);
+    });
     this.$request({
-      url: '/api/Drawer/search',
-      method: 'post',
+      url: "/api/Drawer/search",
+      method: "post",
       data: {
         pageIndex: 1,
-        pageSize: 100
-      }
+        pageSize: 100,
+      },
     }).then((res) => {
-      this.drawersList = res.data.result
-      this.drawersName = Array.from(this.drawersList, ({ name }) => name)
+      this.drawersList = res.data.result;
+      this.drawersName = Array.from(this.drawersList, ({ name }) => name);
       // 去除重复的出票人
       for (var i = 0; i < this.drawersName.length; i++) {
         // 首次遍历数组
@@ -402,131 +430,179 @@ export default {
           // 再次遍历数组
           if (this.drawersName[i] === this.drawersName[j]) {
             // 判断连个值是否相等
-            this.drawersName.splice(j, 1) // 相等删除后者
-            j--
+            this.drawersName.splice(j, 1); // 相等删除后者
+            j--;
           }
         }
       }
-      // console.log(this.drawersName)
-    })
+    });
   },
   methods: {
     /* 确实上传按钮 */
     onSubmit() {
       this.$request({
-        url: '/api/Contract',
-        method: 'post',
-        data: this.form
+        url: "/api/Contract",
+        method: "post",
+        data: this.form,
       }).then((res) => {
-        console.log(res)
+        console.log(res);
         this.$message({
-          message: '上传成功',
-          type: 'success'
-        })
-      })
+          message: "上传成功",
+          type: "success",
+        });
+      });
     },
     /* 合同附件上传 */
     handlepics(res) {
       // 解构
-      const { file } = res.data
-      this.picsArray.push(file)
-      this.form.pics = this.picsArray
+      const { file } = res.data;
+      this.picsArray.push(file);
+      this.form.pics = this.picsArray;
     },
     /* 发票附件上传 */
     handleinvoicePics(res) {
-      const { file } = res.data
-      this.invoicePicsArray.push(file)
-      this.form.invoicePics = this.invoicePicsArray
+      const { file } = res.data;
+      this.invoicePicsArray.push(file);
+      this.form.invoicePics = this.invoicePicsArray;
     },
     /* 贸易附件上传 */
     handletradePics(res) {
-      const { file } = res.data
-      this.tradePicsArray.push(file)
-      this.form.tradePics = this.tradePicsArray
+      const { file } = res.data;
+      this.tradePicsArray.push(file);
+      this.form.tradePics = this.tradePicsArray;
     },
 
     /* 上传图片到浏览器成功回调 */
 
     handlepicUrls(res) {
       // 解构
-      const { file } = res.data
-      this.filesArray.push(file)
-      this.form.contractDrafts[0].picUrls = this.filesArray
+      const { file } = res.data;
+      this.filesArray.push(file);
+      this.form.contractDrafts[0].picUrls = this.filesArray;
     },
-
     getContractNo() {
       const temporaryList = this.contractList.filter(
         (item) => item.name === this.form.name
-      )
-      if (this.form.name === '' || temporaryList === '') {
-        this.form.contractNo = ''
+      );
+      if (this.form.name === "" || temporaryList === "") {
+        this.form.contractNo = "";
       } else {
-        this.form.contractNo = temporaryList[0].contractNo
+        this.form.contractNo = temporaryList[0].contractNo;
       }
     },
-    getRate() {
+
+    /* 获取服务率和利率 */
+    getRate(index) {
       const list = this.acceptorList.filter(
         (item) => item.name === this.form.acceptorName
-      )
-      this.form.contractDrafts[0].interestRate = list[0].interest
-      this.form.contractDrafts[0].serviceRate = list[0].serviceRate
-    },
-    computed() {
-      console.log(this.form.contractDrafts[0].money)
+      );
+      this.form.contractDrafts[index].interestRate = list[index].interest;
+      this.form.contractDrafts[index].serviceRate = list[index].serviceRate;
     },
     addDrawer() {
       this.$router.push({
-        path: '/form/addTicketdrawer'
-      })
+        path: "/form/addTicketdrawer",
+      });
     },
     // 新增汇票
     adddraft() {
       this.form.contractDrafts.push({
-        name: '',
-        draftNo: '',
-        acceptorId: '',
-        drawersId: '',
-        money: '',
-        acceptDate: '',
-        loanLimit: '',
-        serviceRate: '',
-        serviceMoney: '',
-        interestRate: '',
-        interest: '',
+        name: "",
+        draftNo: "",
+        acceptorId: "",
+        drawersId: "",
+        money: "",
+        acceptDate: "",
+        loanLimit: "",
+        serviceRate: "",
+        serviceMoney: "",
+        interestRate: "",
+        interest: "",
         picUrls: [],
-        expectDiscountDate: '',
-        issueDate: '',
-        expireDate: ''
-      })
+        expectDiscountDate: "",
+        issueDate: "",
+        expireDate: "",
+        limitTime: "",
+      });
     },
-
     // 删除汇票
     deletedraft(index) {
-      const contractDraftsLength = this.form.contractDrafts.length
+      const contractDraftsLength = this.form.contractDrafts.length;
       if (contractDraftsLength > 1) {
-        this.form.contractDrafts.splice(index, 1)
+        this.form.contractDrafts.splice(index, 1);
       } else {
-        this.$message.error('至少一个')
+        this.$message.error("至少一个");
       }
     },
     // 服务费率
     inputServiceRate(val, index) {
-      console.log(val, index)
+      console.log(val, index);
     },
     // 利率
     inputInterestRate(val, index) {
-      console.log(val, index)
+      console.log(val, index);
     },
     // 预计贴现日
     changeExpectDiscountDate(val, index) {
-      console.log(val, index)
+      console.log(val, index);
     },
     // 承兑日期
     changeIssueDate(val, index) {
-      console.log(val, index)
-    }
-  }
-}
+      console.log(val, index);
+    },
+
+    /* 汇票的索引 */
+    getMoneyIndex(index){
+     this.myindex = index
+    },
+    change(index,number){
+      console.log(index);
+    },
+    /* 获取金额 */
+    getMoney(event,index) {
+      this.form.contractDrafts[this.myindex].money = event
+				this.getloanLimt(this.myindex)
+				this.getSerMoney(this.myindex)
+				this.getInterMoney(this.myindex)
+    },
+
+    /* 计算最高贷款额度 */
+   getloanLimt(i) {
+				if (this.form.contractDrafts[i].money && this.form.contractDrafts[i].serviceRate && this.form
+					.contractDrafts[i].interestRate) {
+					this.form.contractDrafts[i].loanLimit = ((this.form.contractDrafts[i].money / (this.form
+							.contractDrafts[
+								i].serviceRate + this.form.contractDrafts[i].interestRate) * this.form
+						.contractDrafts[i]
+						.limitTime / 360) + 1).toFixed(2)
+				}
+			},
+        /* 计算服务费 */
+			getSerMoney(i) {
+				if (this.form.contractDrafts[i].money && this.form.contractDrafts[i].serviceRate && this.form
+					.contractDrafts[i].interestRate) {
+					this.form.contractDrafts[i].serviceMoney = (((this.form.contractDrafts[i].money / (this.form
+								.contractDrafts[i].serviceRate + this.form.contractDrafts[i].interestRate) * this
+							.form
+							.contractDrafts[i].limitTime / 360) + 1) * this.form.contractDrafts[i].serviceRate * this
+						.form.contractDrafts[i].limitTime / 360).toFixed(2)
+				}
+			},
+        /*利息*/
+			getInterMoney(i) {
+				if (this.form.contractDrafts[i].money && this.form.contractDrafts[i].serviceRate && this.form
+					.contractDrafts[i].interestRate) {
+					this.form.contractDrafts[i].interest = (((this.form.contractDrafts[i].money / (this.form
+								.contractDrafts[
+									i].serviceRate + this.form.contractDrafts[i].interestRate) * this.form
+							.contractDrafts[
+								i].limitTime / 360) + 1) * this.form.contractDrafts[i].interestRate * this.form
+						.contractDrafts[i].limitTime / 360).toFixed(2)
+				}
+
+			},
+  },
+};
 </script>
 
 <style lang="scss">

src/views/login/index.vue

@@ -143,7 +143,6 @@ export default {
   mounted() {
     if (this.$route.query.checked) {
       this.checked = this.$route.query.checked
-      console.log(this.checked)
     }
   },
   methods: {

src/views/register/index.vue

@@ -1,657 +1,830 @@
 <template>
-	<div class="login-container">
-		<el-row>
-			<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="flex1">
-				<div v-if="checked == 0" class="overcicle">
-					<el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form"
-						auto-complete="on" label-position="left">
-						<div class="title-container">
-							<p class="title">业务管理员注册</p>
-						</div>
-						<el-form-item prop="name">
-							<span class="svg-container"> 姓名 </span>
-							<el-input ref="name" v-model="loginForm.realName" placeholder="输入业务员真实姓名" name="name"
-								type="text" tabindex="1" />
-						</el-form-item>
-						<el-form-item prop="username">
-							<span class="svg-container"> 账户 </span>
-							<el-input ref="username" v-model="loginForm.account" placeholder="输入账户名称" name="username"
-								type="text" tabindex="2" />
-						</el-form-item>
-						<el-form-item prop="username">
-							<span class="svg-container"> 密码 </span>
-							<el-input ref="password" v-model="loginForm.password" placeholder="至少6位数的字母数字组合"
-								name="password" :type="passwordType" tabindex="3" />
-						</el-form-item>
-						<el-form-item prop="password">
-							<span class="svg-container"> 确认密码 </span>
-							<el-input :key="passwordType" ref="password" v-model="loginForm.surepsd"
-								:type="passwordType" placeholder="至少6位数的字母数字组合" name="password" tabindex="4"
-								auto-complete="on" @keyup.enter.native="handleLogin" />
-							<!-- <span class="show-pwd" @click="showPwd">
+  <div class="login-container">
+    <el-row>
+      <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="flex1">
+        <div v-if="checked == 0" class="overcicle">
+          <el-form
+            ref="loginForm"
+            :model="loginForm"
+            :rules="loginRules"
+            class="login-form"
+            auto-complete="on"
+            label-position="left"
+          >
+            <div class="title-container">
+              <p class="title">业务管理员注册</p>
+            </div>
+            <el-form-item prop="name">
+              <span class="svg-container"> 姓名 </span>
+              <el-input
+                ref="name"
+                v-model="loginForm.realName"
+                placeholder="输入业务员真实姓名"
+                name="name"
+                type="text"
+                tabindex="1"
+              />
+            </el-form-item>
+            <el-form-item prop="username">
+              <span class="svg-container"> 账户 </span>
+              <el-input
+                ref="username"
+                v-model="loginForm.account"
+                placeholder="输入账户名称"
+                name="username"
+                type="text"
+                tabindex="2"
+              />
+            </el-form-item>
+            <el-form-item prop="username">
+              <span class="svg-container"> 密码 </span>
+              <el-input
+                ref="password"
+                v-model="loginForm.password"
+                placeholder="至少6位数的字母数字组合"
+                name="password"
+                :type="passwordType"
+                tabindex="3"
+              />
+            </el-form-item>
+            <el-form-item prop="password">
+              <span class="svg-container"> 确认密码 </span>
+              <el-input
+                :key="passwordType"
+                ref="password"
+                v-model="loginForm.surepsd"
+                :type="passwordType"
+                placeholder="至少6位数的字母数字组合"
+                name="password"
+                tabindex="4"
+                auto-complete="on"
+                @keyup.enter.native="handleLogin"
+              />
+              <!-- <span class="show-pwd" @click="showPwd">
                     <svg-icon :icon-class="passwordType === 'password' ? 'eye' : 'eye-open'" />
                   </span> -->
-						</el-form-item>
-						<el-form-item prop="mobile">
-							<span class="svg-container"> 联系电话 </span>
-							<el-input ref="mobile" v-model="loginForm.mobile" type="text" placeholder="请输入业务员联系电话"
-								name="mobile" tabindex="5" auto-complete="on" @keyup.enter.native="handleLogin" />
-						</el-form-item>
-
-						<el-button :loading="loading" type="primary" class="loginbtn"
-							@click.native.prevent="handleLogin(loginForm)">注册账号
-						</el-button>
-						<div class="registerbtn flex3">
-							<div class="forgect">
-								<p class="asp">已有账号？</p>
-							</div>
-							<div class="forgect" @click="backLogin()">
-								<p class="nes">马上登录</p>
-							</div>
-						</div>
-					</el-form>
-				</div>
-				<div v-if="checked == 1 && showNext" class="overcicle">
-					<div class="title-container">
-						<p class="title">供货商注册</p>
-					</div>
-					<el-form ref="providerForm" :model="providerForm" :rules="loginRules" class="login-form"
-						auto-complete="on" label-position="left">
-						<el-form-item prop="username">
-							<span class="svg-container"> 账户 </span>
-							<el-input ref="username" v-model="providerForm.username" placeholder="输入账户名称"
-								name="username" type="text" tabindex="2" />
-						</el-form-item>
-						<el-form-item prop="username">
-							<span class="svg-container"> 密码 </span>
-							<el-input ref="password" v-model="providerForm.password" placeholder="至少6位数的字母数字组合"
-								name="password" type="passwordType" tabindex="3" />
-						</el-form-item>
-						<el-form-item prop="password">
-							<span class="svg-container"> 确认密码 </span>
-							<el-input :key="passwordType" ref="password" v-model="providerForm.surepsd"
-								:type="passwordType" placeholder="至少6位数的字母数字组合" name="password" tabindex="4"
-								auto-complete="on" @keyup.enter.native="handleLogin" />
-							<!-- <span class="show-pwd" @click="showPwd">
+            </el-form-item>
+            <el-form-item prop="mobile">
+              <span class="svg-container"> 联系电话 </span>
+              <el-input
+                ref="mobile"
+                v-model="loginForm.mobile"
+                type="text"
+                placeholder="请输入业务员联系电话"
+                name="mobile"
+                tabindex="5"
+                auto-complete="on"
+                @keyup.enter.native="handleLogin"
+              />
+            </el-form-item>
+
+            <el-button
+              :loading="loading"
+              type="primary"
+              class="loginbtn"
+              @click.native.prevent="handleLogin(loginForm)"
+              >注册账号
+            </el-button>
+            <div class="registerbtn flex3">
+              <div class="forgect">
+                <p class="asp">已有账号？</p>
+              </div>
+              <div class="forgect" @click="backLogin()">
+                <p class="nes">马上登录</p>
+              </div>
+            </div>
+          </el-form>
+        </div>
+
+        <div v-if="checked == 1 && showNext" class="overcicle">
+          <div class="title-container">
+            <p class="title">供货商注册</p>
+          </div>
+          <el-form
+            ref="providerForm"
+            :model="providerForm"
+            :rules="loginRules"
+            class="login-form"
+            auto-complete="on"
+            label-position="left"
+          >
+            <el-form-item prop="username">
+              <span class="svg-container"> 账户 </span>
+              <el-input
+                ref="username"
+                v-model="providerForm.username"
+                placeholder="输入账户名称"
+                name="username"
+                type="text"
+                tabindex="2"
+              />
+            </el-form-item>
+            <el-form-item prop="username">
+              <span class="svg-container"> 密码 </span>
+              <el-input
+                ref="password"
+                v-model="providerForm.password"
+                placeholder="至少6位数的字母数字组合"
+                name="password"
+                type="passwordType"
+                tabindex="3"
+              />
+            </el-form-item>
+            <el-form-item prop="password">
+              <span class="svg-container"> 确认密码 </span>
+              <el-input
+                :key="passwordType"
+                ref="password"
+                v-model="providerForm.surepsd"
+                :type="passwordType"
+                placeholder="至少6位数的字母数字组合"
+                name="password"
+                tabindex="4"
+                auto-complete="on"
+                @keyup.enter.native="handleLogin"
+              />
+              <!-- <span class="show-pwd" @click="showPwd">
                     <svg-icon :icon-class="passwordType === 'password' ? 'eye' : 'eye-open'" />
                   </span> -->
-						</el-form-item>
-						<el-form-item prop="mobile">
-							<span class="svg-container"> 联系电话 </span>
-							<el-input ref="mobile" v-model="providerForm.mobile" type="text" placeholder="请输入业务员联系电话"
-								name="mobile" tabindex="5" auto-complete="on" @keyup.enter.native="handleLogin" />
-						</el-form-item>
-
-						<el-button :loading="loading" type="primary" class="loginbtn"
-							@click.native.prevent="handleLogin">注册账号
-						</el-button>
-						<div class="registerbtn flex3">
-							<div class="forgect">
-								<p class="asp">已有账号？</p>
-							</div>
-							<div class="forgect" @click="backLogin()">
-								<p class="nes">马上登录</p>
-							</div>
-						</div>
-					</el-form>
-				</div>
-				<div v-if="checked == 1 && !showNext" style="margin-top: 670px" class="overcicle">
-					<el-form ref="providerForm" :model="providerForm" :rules="loginRules" class="login-form"
-						auto-complete="on" label-position="left">
-						<div class="title-container">
-							<p class="title">供货商注册</p>
-						</div>
-						<el-form-item prop="name">
-							<span class="svg-container"> 供货商 </span>
-							<el-input ref="name" v-model="providerForm.name" placeholder="输入供货商名称" name="name"
-								type="text" tabindex="1" />
-						</el-form-item>
-						<el-form-item prop="username">
-							<span class="svg-container"> 账户 </span>
-							<el-input ref="username" v-model="providerForm.account" placeholder="输入账户名称" name="username"
-								type="text" tabindex="2" />
-						</el-form-item>
-						<el-form-item prop="username">
-							<span class="svg-container"> 联系人 </span>
-							<el-input ref="password" v-model="providerForm.contacts" placeholder="输入联系人的真实姓名"
-								name="password" type="passwordType" tabindex="3" />
-						</el-form-item>
-						<el-form-item prop="username">
-							<span class="svg-container"> 统一社会信用代码 </span>
-							<el-input ref="username" v-model="providerForm.socialCode" placeholder="输入统一社会信用代码"
-								name="username" type="text" tabindex="2" />
-						</el-form-item>
-						<el-form-item prop="username">
-							<span class="svg-container"> 法人姓名 </span>
-							<el-input ref="password" v-model="providerForm.legalPerson" placeholder="输入法人的真实姓名"
-								name="password" type="passwordType" tabindex="3" />
-						</el-form-item>
-						<el-form-item prop="password">
-							<span class="svg-container"> 密码 </span>
-							<el-input :key="passwordType" ref="password" v-model="providerForm.password"
-								:type="passwordType" placeholder="至少6位数的字母数字组合" name="password" tabindex="4"
-								auto-complete="on" @keyup.enter.native="handleLogin" />
-							<!-- <span class="show-pwd" @click="showPwd">
+            </el-form-item>
+            <el-form-item prop="mobile">
+              <span class="svg-container"> 联系电话 </span>
+              <el-input
+                ref="mobile"
+                v-model="providerForm.mobile"
+                type="text"
+                placeholder="请输入业务员联系电话"
+                name="mobile"
+                tabindex="5"
+                auto-complete="on"
+                @keyup.enter.native="handleLogin"
+              />
+            </el-form-item>
+
+            <el-button
+              :loading="loading"
+              type="primary"
+              class="loginbtn"
+              @click.native.prevent="handleLogin"
+              >注册账号
+            </el-button>
+            <div class="registerbtn flex3">
+              <div class="forgect">
+                <p class="asp">已有账号？</p>
+              </div>
+              <div class="forgect" @click="backLogin()">
+                <p class="nes">马上登录</p>
+              </div>
+            </div>
+          </el-form>
+        </div>
+
+        <!-- 供货商注册 -->
+        <div
+          v-if="checked == 1 && !showNext"
+          style="margin-top: 670px"
+          class="overcicle"
+        >
+          <el-form
+            ref="providerForm"
+            :model="providerForm"
+            :rules="loginRules"
+            class="login-form"
+            auto-complete="on"
+            label-position="left"
+          >
+            <div class="title-container">
+              <p class="title">供货商注册</p>
+            </div>
+            <el-form-item prop="name">
+              <span class="svg-container"> 供货商 </span>
+              <el-input
+                ref="name"
+                v-model="providerForm.name"
+                placeholder="输入供货商名称"
+                name="name"
+                type="text"
+                tabindex="1"
+              />
+            </el-form-item>
+            <el-form-item prop="username">
+              <span class="svg-container"> 账户 </span>
+              <el-input
+                ref="username"
+                v-model="providerForm.account"
+                placeholder="输入账户名称"
+                name="username"
+                type="text"
+                tabindex="2"
+              />
+            </el-form-item>
+            <el-form-item prop="username">
+              <span class="svg-container"> 联系人 </span>
+              <el-input
+                ref="password"
+                v-model="providerForm.contacts"
+                placeholder="输入联系人的真实姓名"
+                name="password"
+                type="passwordType"
+                tabindex="3"
+              />
+            </el-form-item>
+            <el-form-item prop="username">
+              <span class="svg-container"> 统一社会信用代码 </span>
+              <el-input
+                ref="username"
+                v-model="providerForm.socialCode"
+                placeholder="输入统一社会信用代码"
+                name="username"
+                type="text"
+                tabindex="2"
+              />
+            </el-form-item>
+            <el-form-item prop="username">
+              <span class="svg-container"> 法人姓名 </span>
+              <el-input
+                ref="password"
+                v-model="providerForm.legalPerson"
+                placeholder="输入法人的真实姓名"
+                name="password"
+                type="passwordType"
+                tabindex="3"
+              />
+            </el-form-item>
+            <el-form-item prop="password">
+              <span class="svg-container"> 密码 </span>
+              <el-input
+                :key="passwordType"
+                ref="password"
+                v-model="providerForm.password"
+                :type="passwordType"
+                placeholder="至少6位数的字母数字组合"
+                name="password"
+                tabindex="4"
+                auto-complete="on"
+                @keyup.enter.native="handleLogin"
+              />
+              <!-- <span class="show-pwd" @click="showPwd">
                     <svg-icon :icon-class="passwordType === 'password' ? 'eye' : 'eye-open'" />
                   </span> -->
-						</el-form-item>
-						<el-form-item prop="mobile" style="margin-bottom: 0">
-							<span class="svg-container"> 联系电话 </span>
-							<el-input ref="mobile" v-model="providerForm.contactsMobile" type="text"
-								placeholder="请输入业务员联系电话" name="mobile" tabindex="5" />
-						</el-form-item>
-						<div class="choosepic">
-							<el-form-item style="background-color: transparent; margin: 0; padding: 0">
-								<span class="svg-container" style="
+            </el-form-item>
+            <el-form-item prop="mobile" style="margin-bottom: 0">
+              <span class="svg-container"> 联系电话 </span>
+              <el-input
+                ref="mobile"
+                v-model="providerForm.contactsMobile"
+                type="text"
+                placeholder="请输入业务员联系电话"
+                name="mobile"
+                tabindex="5"
+              />
+            </el-form-item>
+
+            <!-- 供应商上传身份证图片 -->
+            <div class="choosepic">
+              <el-form-item
+                style="background-color: transparent; margin: 0; padding: 0"
+              >
+                <span
+                  class="svg-container"
+                  style="
                     background-color: transparent;
                     margin: 0;
                     padding: 0;
                     margin-top: 5px;
-                  ">
-									认证照片
-								</span>
-								<div class="boximg">
-									<el-upload action="https://ht.9026.com/api/File" list-type="picture-card"
-										:auto-upload="false" :on-change="handleAvatarSuccess"
-										:file-list="providerForm.identifyPics">
-										<i slot="default" class="el-icon-plus" />
-										<div slot="file" slot-scope="{ file }">
-											<img class="el-upload-list__item-thumbnail" :src="file.url" alt="">
-
-										</div>
-									</el-upload>
-									<el-dialog :visible.sync="dialogVisible">
-										<img width="" :src="providerForm.identifyPics" alt="">
-									</el-dialog>
-								</div>
-								<p class="usa">*注意上传法人手持身份证半身照</p>
-							</el-form-item>
-						</div>
-						<div class="choosepic">
-							<el-form-item style="background-color: transparent; margin: 0; padding: 0">
-								<span class="svg-container"
-									style="background-color: transparent; margin: 0; padding: 0">
-									授权委托书
-								</span>
-								<div class="boximg">
-									<!-- <el-upload
-                    class="upload-demo"
-                    drag
-                    :multiple="false"
-                    :show-file-list="false"
+                  "
+                >
+                  认证照片
+                </span>
+                <div class="boximg">
+                  <el-upload
                     action="https://ht.9026.com/api/File"
-                    :auto-upload="true"
+                    list-type="picture-card"
+                    :on-success="handleAvatarSuccess"
+                  >
+                    <i class="el-icon-plus" />
+                  </el-upload>
+
+                  <el-dialog :visible.sync="dialogVisible">
+                    <img width="100%" :src="providerForm.identifyPics" alt="" />
+                  </el-dialog>
+                </div>
+                <p class="usa">*注意上传法人手持身份证半身照</p>
+              </el-form-item>
+            </div>
+
+            <!-- 供应商上传委托书图片 -->
+            <div class="choosepic">
+              <el-form-item
+                style="background-color: transparent; margin: 0; padding: 0"
+              >
+                <span
+                  class="svg-container"
+                  style="background-color: transparent; margin: 0; padding: 0"
+                >
+                  授权委托书
+                </span>
+                <div class="boximg">
+                  <!-- <el-upload
+                    action="https://ht.9026.com/api/File"
+                    list-type="picture-card"
+                    :auto-upload="false"
+                    :on-change="handleSuccess"
+                    :file-list="providerForm.proxyFile"
+                  >
+                    <i slot="default" class="el-icon-plus" />
+                    <div slot="file" slot-scope="{ file }">
+                      <img
+                        class="el-upload-list__item-thumbnail"
+                        :src="file.url"
+                        alt=""
+                      />
+                    </div>
+                  </el-upload>
+                  <el-dialog :visible.sync="dialogVisible">
+                    <img width="" :src="providerForm.proxyFile" alt="" />
+                  </el-dialog> -->
+				<el-upload
+                    action="https://ht.9026.com/api/File"
+                    list-type="picture-card"
                     :on-success="handleSuccess"
-                    list-type="picture"
-					:file-list="providerForm.proxyFile"
-                    style="margin-top: 15px"
                   >
-                    <img v-if="imageUrl" :src="imageUrl" class="avatar">
-                    <el-image
-                      v-if="!imageUrl"
-                      style="width: 280px; height: 175px; margin-top: 5px"
-                      :src="upweituo"
-                      :fit="fit"
-                    />
-                  </el-upload> -->
-									<el-upload action="https://ht.9026.com/api/File" list-type="picture-card"
-										:auto-upload="false" :on-change="handleSuccess"
-										:file-list="providerForm.proxyFile">
-										<i slot="default" class="el-icon-plus" />
-										<div slot="file" slot-scope="{ file }">
-											<img class="el-upload-list__item-thumbnail" :src="file.url" alt="">
-
-										</div>
-									</el-upload>
-									<el-dialog :visible.sync="dialogVisible">
-										<img width="" :src="providerForm.proxyFile" alt="">
-									</el-dialog>
-								</div>
-								<p class="usa">*注意上传法人签署的授权委托书</p>
-							</el-form-item>
-						</div>
-						<!-- <el-button :loading="loading" type="primary" class="loginbtn" @click.native.prevent="nextStep">下一步
+                    <i class="el-icon-plus" />
+                  </el-upload>
+                  <el-dialog :visible.sync="dialogVisible">
+                    <img width="100%" :src="providerForm.proxyFile" alt="" />
+                  </el-dialog>
+                </div>
+                <p class="usa">*注意上传法人签署的授权委托书</p>
+              </el-form-item>
+            </div>
+            <!-- <el-button :loading="loading" type="primary" class="loginbtn" @click.native.prevent="nextStep">下一步
             </el-button> -->
-						<el-button :loading="loading" type="primary" class="loginbtn"
-							@click.native.prevent="handleLogin(providerForm)">注册账号
-						</el-button>
-						<div class="registerbtn flex3">
-							<div class="forgect">
-								<p class="asp">已有账号？</p>
-							</div>
-							<div class="forgect" @click="backLogin()">
-								<p class="nes">马上登录</p>
-							</div>
-						</div>
-					</el-form>
-				</div>
-			</el-col>
-		</el-row>
-	</div>
+            <el-button
+              :loading="loading"
+              type="primary"
+              class="loginbtn"
+              @click.native.prevent="handleLogin(providerForm)"
+              >注册账号
+            </el-button>
+            <div class="registerbtn flex3">
+              <div class="forgect">
+                <p class="asp">已有账号？</p>
+              </div>
+              <div class="forgect" @click="backLogin()">
+                <p class="nes">马上登录</p>
+              </div>
+            </div>
+          </el-form>
+        </div>
+      </el-col>
+    </el-row>
+  </div>
 </template>
 
 <script>
-	let that
-	import {
-		validUsername
-	} from '@/utils/validate'
-	import logo from '/src/assets/img/logo.png'
-	import upself from '/src/assets/img/upuer.png'
-	import upweituo from '/src/assets/img/upattor.png'
-	import request from '@/utils/request'
-	export default {
-		name: 'Login',
-		data() {
-			const validatename = (rule, value, callback) => {
-				if (value.length == 0) {
-					callback(new Error('请输入业务员真实姓名'))
-				} else {
-					callback()
-				}
-			}
-			const validateUsername = (rule, value, callback) => {
-				if (!validUsername(value)) {
-					callback(new Error('请输入账户名称'))
-				} else {
-					callback()
-				}
-			}
-
-			const validatePassword = (rule, value, callback) => {
-				if (value.length < 6) {
-					callback(new Error('请输入大于6位数密码'))
-				} else {
-					callback()
-				}
-			}
-			const validatemobile = (rule, value, callback) => {
-				if (value.length == 0) {
-					callback(new Error('请输入电话号码'))
-				} else {
-					callback()
-				}
-			}
-			return {
-				dialogVisible: false,
-				disabled: false,
-				upself: upself,
-				upweituo: upweituo,
-				fit: 'cover',
-				imageUrl: '',
-				loginForm: {
-					realName: '',
-					account: '',
-					password: '',
-					surepsd: '',
-					mobile: ''
-				},
-				providerForm: {
-					account: '',
-					password: '',
-					name: '',
-					socialCode: '',
-					legalPerson: '',
-					contacts: '',
-					contactsMobile: '',
-					identifyPics: [],
-					proxyFile: [],
-				},
-				loginRules: {
-					realName: [{
-						required: true,
-						trigger: 'blur',
-						validator: validatename
-					}],
-					account: [{
-						required: true,
-						trigger: 'blur',
-						validator: validateUsername
-					}],
-					password: [{
-						required: true,
-						trigger: 'blur',
-						validator: validatePassword
-					}],
-					mobile: [{
-						required: true,
-						trigger: 'blur',
-						validator: validatemobile
-					}]
-				},
-				loading: false,
-				passwordType: 'password',
-				redirect: undefined,
-				src: logo,
-				checked: 0,
-				showNext: false
-			}
-		},
-		watch: {
-			$route: {
-				handler: function(route) {
-					this.redirect = route.query && route.query.redirect
-				},
-				immediate: true
-			}
-		},
-		mounted() {
-			that = this
-			this.checked = this.$route.query.checked
-		},
-		methods: {
-			nextStep() {
-				this.showNext = true
-			},
-			handleAvatarSuccess(file, fileList) {
-				console.log(file,"identifyPics")
-				this.providerForm.identifyPics = fileList
-				console.log(this.providerForm.identifyPics)
-			},
-			handleSuccess(file, fileList) {
-				this.providerForm.proxyFile = fileList
-				console.log(this.providerForm.proxyFile)
-			},
-			handlePictureCardPreview(file) {
-				console.log(file, 88)
-				this.imageUrl = file.url
-			},
-			showPwd() {
-				if (this.passwordType === 'password') {
-					this.passwordType = ''
-				} else {
-					this.passwordType = 'password'
-				}
-				this.$nextTick(() => {
-					this.$refs.password.focus()
-				})
-			},
-			backLogin() {
-				this.$router.replace({
-					path: '/login',
-					query: {}
-				})
-			},
-			handleLogin(form) {
-				if (form == this.loginForm) {
-					request({
-						url: '/api/Account/register',
-						method: 'post',
-						data: form
-					}).then((res) => {
-						this.$message('注册成功')
-						this.$router.push({
-							path: '/login'
-						})
-					})
-				} else {
-					this.$request({
-						url: '/api/Supplier/register',
-						method: 'post',
-						data: form
-					}).then((res) => {
-						this.$message('注册成功')
-						this.$router.push({
-							path: '/login',
-							query: {
-								checked: this.checked
-							}
-						})
-					})
-				}
-			}
-		}
-	}
+let that;
+import { validUsername } from "@/utils/validate";
+import logo from "/src/assets/img/logo.png";
+import upself from "/src/assets/img/upuer.png";
+import upweituo from "/src/assets/img/upattor.png";
+import request from "@/utils/request";
+export default {
+  name: "Login",
+  data() {
+    const validatename = (rule, value, callback) => {
+      if (value.length == 0) {
+        callback(new Error("请输入业务员真实姓名"));
+      } else {
+        callback();
+      }
+    };
+    const validateUsername = (rule, value, callback) => {
+      if (!validUsername(value)) {
+        callback(new Error("请输入账户名称"));
+      } else {
+        callback();
+      }
+    };
+    const validatePassword = (rule, value, callback) => {
+      if (value.length < 6) {
+        callback(new Error("请输入大于6位数密码"));
+      } else {
+        callback();
+      }
+    };
+    const validatemobile = (rule, value, callback) => {
+      if (value.length == 0) {
+        callback(new Error("请输入电话号码"));
+      } else {
+        callback();
+      }
+    };
+    return {
+      dialogVisible: false,
+      disabled: false,
+      upself: upself,
+      upweituo: upweituo,
+      fit: "cover",
+      imageUrl: "",
+      loginForm: {
+        realName: "",
+        account: "",
+        password: "",
+        surepsd: "",
+        mobile: "",
+      },
+      /* 供应商数据 */
+      providerForm: {
+        account: "",
+        password: "",
+        name: "",
+        socialCode: "",
+        legalPerson: "",
+        contacts: "",
+        contactsMobile: "",
+        identifyPics: [],
+        proxyFile: [],
+      },
+
+      /* 供应商上传身份证图片用数组保存 */
+      identifyPicsArray: [],
+	   /* 供应商上传委托书图片用数组保存 */
+      proxyFileArray: [],
+
+      loginRules: {
+        realName: [
+          {
+            required: true,
+            trigger: "blur",
+            validator: validatename,
+          },
+        ],
+        account: [
+          {
+            required: true,
+            trigger: "blur",
+            validator: validateUsername,
+          },
+        ],
+        password: [
+          {
+            required: true,
+            trigger: "blur",
+            validator: validatePassword,
+          },
+        ],
+        mobile: [
+          {
+            required: true,
+            trigger: "blur",
+            validator: validatemobile,
+          },
+        ],
+      },
+      loading: false,
+      passwordType: "password",
+      redirect: undefined,
+      src: logo,
+      checked: 0,
+      showNext: false,
+    };
+  },
+  watch: {
+    $route: {
+      handler: function (route) {
+        this.redirect = route.query && route.query.redirect;
+      },
+      immediate: true,
+    },
+  },
+  mounted() {
+    that = this;
+    this.checked = this.$route.query.checked;
+  },
+  methods: {
+    nextStep() {
+      this.showNext = true;
+    },
+    /* 供应商上传身份证图片上传成功 */
+    handleAvatarSuccess(res) {
+      //解构
+      let { file } = res.data;
+      this.identifyPicsArray.push(file);
+      this.providerForm.identifyPics = this.identifyPicsArray;
+    },
+
+	 /* 供应商上传委托书图片上传成功  */ 
+    handleSuccess(res) {
+	 //解构
+      let { file } = res.data;
+      this.proxyFileArray.push(file);
+      this.providerForm.proxyFile = this.proxyFileArray;
+    },
+    handlePictureCardPreview(file) {
+      console.log(file, 88);
+      this.imageUrl = file.url;
+    },
+    showPwd() {
+      if (this.passwordType === "password") {
+        this.passwordType = "";
+      } else {
+        this.passwordType = "password";
+      }
+      this.$nextTick(() => {
+        this.$refs.password.focus();
+      });
+    },
+    backLogin() {
+      this.$router.replace({
+        path: "/login",
+        query: {},
+      });
+    },
+
+    /* 供应商注册发送请求 */
+    handleLogin(form) {
+      if (form == this.loginForm) {
+        request({
+          url: "/api/Account/register",
+          method: "post",
+          data: form,
+        }).then((res) => {
+          this.$message("注册成功");
+          this.$router.push({
+            path: "/login",
+          });
+        });
+      } else {
+        this.$request({
+          url: "/api/Supplier/register",
+          method: "post",
+          data: form,
+        }).then((res) => {
+          this.$message("注册成功");
+          this.$router.push({
+            path: "/login",
+            query: {
+              checked: this.checked,
+            },
+          });
+        });
+      }
+    },
+  },
+};
 </script>
 
 <style lang="scss">
-	$bg: #f6f6f6;
-	$light_gray: #bebdbb;
-	$cursor: #bebdbb;
-
-	@supports (-webkit-mask: none) and (not (cater-color: $cursor)) {
-		.login-container .el-input input {
-			color: $cursor;
-		}
-	}
-
-	/* reset element-ui css */
-	.login-container {
-		overflow: auto;
-		background: url("../../assets/img/registerbg.png") no-repeat;
-		background-size: 100%;
-
-		.el-input {
-			display: inline-block;
-			height: 47px;
-			width: 70%;
-			background-color: #f6f6f6;
-
-			input {
-				background: #f6f6f6;
-				border: 0px;
-				-webkit-appearance: none;
-				border-radius: 0px;
-				padding: 12px 5px 12px 15px;
-				color: $light_gray;
-				height: 47px;
-				caret-color: $cursor;
-
-				&:-webkit-autofill {
-					box-shadow: 0 0 0px 1000px $bg inset !important;
-					-webkit-text-fill-color: $cursor !important;
-				}
-			}
-		}
-
-		.el-form-item {
-			border: 1px solid rgba(255, 255, 255, 0.1);
-			background: #f6f6f6;
-			border-radius: 5px;
-			color: #454545;
-		}
-	}
+$bg: #f6f6f6;
+$light_gray: #bebdbb;
+$cursor: #bebdbb;
+
+@supports (-webkit-mask: none) and (not (cater-color: $cursor)) {
+  .login-container .el-input input {
+    color: $cursor;
+  }
+}
+
+/* reset element-ui css */
+.login-container {
+  overflow: auto;
+  background: url("../../assets/img/registerbg.png") no-repeat;
+  background-size: 100%;
+
+  .el-input {
+    display: inline-block;
+    height: 47px;
+    width: 70%;
+    background-color: #f6f6f6;
+
+    input {
+      background: #f6f6f6;
+      border: 0px;
+      -webkit-appearance: none;
+      border-radius: 0px;
+      padding: 12px 5px 12px 15px;
+      color: $light_gray;
+      height: 47px;
+      caret-color: $cursor;
+
+      &:-webkit-autofill {
+        box-shadow: 0 0 0px 1000px $bg inset !important;
+        -webkit-text-fill-color: $cursor !important;
+      }
+    }
+  }
+
+  .el-form-item {
+    border: 1px solid rgba(255, 255, 255, 0.1);
+    background: #f6f6f6;
+    border-radius: 5px;
+    color: #454545;
+  }
+}
 </style>
 
 <style lang="scss" scoped>
-	$bg: #2d3a4b;
-	$dark_gray: #f6f6f6;
-	$light_gray: #eee;
-
-	.login-container {
-		height: 100%;
-		width: 100%;
-		// background-color: $bg;
-		// overflow: hidden;
-
-		.login-form {
-			position: relative;
-			width: 470px;
-			max-width: 100%;
-			padding: 0 35px 0;
-			margin: 0 auto;
-			// overflow: hidden;
-		}
-
-		.tips {
-			font-size: 14px;
-			color: #fff;
-			margin-bottom: 10px;
-
-			span {
-				&:first-of-type {
-					margin-right: 16px;
-				}
-			}
-		}
-
-		.svg-container {
-			padding: 6px 5px 6px 15px;
-			color: #1f242a;
-			vertical-align: middle;
-			// width: 30px;
-			display: inline-block;
-		}
-
-		.title-container {
-			position: relative;
-
-			.title {
-				font-size: 48px;
-				color: #1f242a;
-				margin: 0px auto 40px auto;
-				text-align: center;
-				font-weight: bold;
-			}
-		}
-
-		.show-pwd {
-			position: absolute;
-			right: 10px;
-			top: 7px;
-			font-size: 16px;
-			color: $dark_gray;
-			cursor: pointer;
-			user-select: none;
-		}
-	}
-
-	.el-row {
-		height: 100%;
-	}
-
-	.el-col {
-		height: 100%;
-	}
-
-	.business {
-		width: 305px;
-		height: 90px;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		text-align: center;
-		// background-color: #D8AB5A;
-		border-raotherdius: 20rpx;
-		color: #ffffff;
-		margin-top: 57rpx;
-	}
-
-	.business {
-		width: 305rpx;
-		height: 90rpx;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		text-align: center;
-		// background-color: #D8AB5A;
-		border-raotherdius: 20rpx;
-		color: #ffffff;
-		margin-top: 57rpx;
-		// line-height: 110rpx;
-	}
-
-	.bnesper {
-		background-size: 100%;
-		background-image: url("../../assets/img/loginbtn4.png");
-		background-repeat: no-repeat;
-		padding-top: 10rpx;
-		color: #fff1d8;
-
-		.asp {
-			padding-bottom: 5px;
-		}
-	}
-
-	.applyper {
-		background-image: url("../../assets/img/loginbt1.png");
-		background-repeat: no-repeat;
-		background-size: 100%;
-		padding-top: 10rpx;
-		color: #fff1d8;
-
-		.asp {
-			padding-bottom: 5px;
-		}
-	}
-
-	.actapp {
-		background-image: url("../../assets/img/loginbtn3.png");
-		background-repeat: no-repeat;
-		background-size: 100%;
-		color: #d05c39;
-		margin-bottom: 80rpx;
-
-		.as {
-			padding-bottom: 20px;
-		}
-
-		// line-height: 180rpx;
-	}
-
-	.actbnes {
-		background-image: url("../../assets/img/loginbt2.png");
-		background-repeat: no-repeat;
-		background-size: 100%;
-		color: #d05c39;
-
-		.asp {
-			padding-bottom: 20px;
-		}
-	}
-
-	.loginbtn {
-		width: 100%;
-		margin-top: 30px;
-		background: linear-gradient(to right, #ffe1ad, #d07539);
-		border: none;
-		height: 56px;
-		border-radius: 10px;
-		font-size: 18px;
-	}
-
-	.registerbtn {
-		margin-top: 0px;
-		margin-bottom: 30px;
-		font-size: 16px;
-
-		.forgect {
-			cursor: pointer;
-		}
-
-		.nes {
-			color: #d05c39;
-		}
-	}
-
-	.boximg {
-		width: 100%;
-		height: 240px;
-		border-radius: 10px;
-		background-color: #f6f6f6;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-
-		image {
-			width: 290px;
-			height: 150px;
-		}
-	}
-
-	.choosepic {
-		.el-form-item__content {}
-	}
-
-	.usa {
-		color: #d05c39;
-		text-align: center;
-		padding: 0 !important;
-		margin: 0;
-	}
-
-	.overcicle {
-		border: 1px solid #ffe2ae;
-		padding-top: 50px;
-		box-sizing: border-box;
-	}
+$bg: #2d3a4b;
+$dark_gray: #f6f6f6;
+$light_gray: #eee;
+
+.login-container {
+  height: 100%;
+  width: 100%;
+  // background-color: $bg;
+  // overflow: hidden;
+
+  .login-form {
+    position: relative;
+    width: 470px;
+    max-width: 100%;
+    padding: 0 35px 0;
+    margin: 0 auto;
+    // overflow: hidden;
+  }
+
+  .tips {
+    font-size: 14px;
+    color: #fff;
+    margin-bottom: 10px;
+
+    span {
+      &:first-of-type {
+        margin-right: 16px;
+      }
+    }
+  }
+
+  .svg-container {
+    padding: 6px 5px 6px 15px;
+    color: #1f242a;
+    vertical-align: middle;
+    // width: 30px;
+    display: inline-block;
+  }
+
+  .title-container {
+    position: relative;
+
+    .title {
+      font-size: 48px;
+      color: #1f242a;
+      margin: 0px auto 40px auto;
+      text-align: center;
+      font-weight: bold;
+    }
+  }
+
+  .show-pwd {
+    position: absolute;
+    right: 10px;
+    top: 7px;
+    font-size: 16px;
+    color: $dark_gray;
+    cursor: pointer;
+    user-select: none;
+  }
+}
+
+.el-row {
+  height: 100%;
+}
+
+.el-col {
+  height: 100%;
+}
+
+.business {
+  width: 305px;
+  height: 90px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+  // background-color: #D8AB5A;
+  border-raotherdius: 20rpx;
+  color: #ffffff;
+  margin-top: 57rpx;
+}
+
+.business {
+  width: 305rpx;
+  height: 90rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+  // background-color: #D8AB5A;
+  border-raotherdius: 20rpx;
+  color: #ffffff;
+  margin-top: 57rpx;
+  // line-height: 110rpx;
+}
+
+.bnesper {
+  background-size: 100%;
+  background-image: url("../../assets/img/loginbtn4.png");
+  background-repeat: no-repeat;
+  padding-top: 10rpx;
+  color: #fff1d8;
+
+  .asp {
+    padding-bottom: 5px;
+  }
+}
+
+.applyper {
+  background-image: url("../../assets/img/loginbt1.png");
+  background-repeat: no-repeat;
+  background-size: 100%;
+  padding-top: 10rpx;
+  color: #fff1d8;
+
+  .asp {
+    padding-bottom: 5px;
+  }
+}
+
+.actapp {
+  background-image: url("../../assets/img/loginbtn3.png");
+  background-repeat: no-repeat;
+  background-size: 100%;
+  color: #d05c39;
+  margin-bottom: 80rpx;
+
+  .as {
+    padding-bottom: 20px;
+  }
+
+  // line-height: 180rpx;
+}
+
+.actbnes {
+  background-image: url("../../assets/img/loginbt2.png");
+  background-repeat: no-repeat;
+  background-size: 100%;
+  color: #d05c39;
+
+  .asp {
+    padding-bottom: 20px;
+  }
+}
+
+.loginbtn {
+  width: 100%;
+  margin-top: 30px;
+  background: linear-gradient(to right, #ffe1ad, #d07539);
+  border: none;
+  height: 56px;
+  border-radius: 10px;
+  font-size: 18px;
+}
+
+.registerbtn {
+  margin-top: 0px;
+  margin-bottom: 30px;
+  font-size: 16px;
+
+  .forgect {
+    cursor: pointer;
+  }
+
+  .nes {
+    color: #d05c39;
+  }
+}
+
+.boximg {
+  width: 100%;
+  height: 240px;
+  border-radius: 10px;
+  background-color: #f6f6f6;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  image {
+    width: 290px;
+    height: 150px;
+  }
+}
+
+.choosepic {
+  .el-form-item__content {
+  }
+}
+
+.usa {
+  color: #d05c39;
+  text-align: center;
+  padding: 0 !important;
+  margin: 0;
+}
+
+.overcicle {
+  border: 1px solid #ffe2ae;
+  padding-top: 50px;
+  box-sizing: border-box;
+}
 </style>