8.4项目日志:优化供应商注册上传图片

src/components/Hamburger/index.vue

@@ -30,7 +30,7 @@ export default {
 }
 </script>
 
-<style scoped>
+<style lang="scss" scoped>
 .hamburger {
   display: inline-block;
   vertical-align: middle;

src/components/SvgIcon/index.vue

@@ -45,7 +45,7 @@ export default {
 }
 </script>
 
-<style scoped>
+<style lang="scss" scoped>
 .svg-icon {
   width: 1em;
   height: 1em;

src/components/TableWrapper/TableWrapper.vue

@@ -103,7 +103,7 @@ export default {
   }
 }
 </script>
-<style lang="scss">
+<style lang="scss" scoped>
 
 	.pagesip {
 		width: 100%;

src/components/upload/FileUpload.vue

@@ -235,7 +235,7 @@ export default {
 }
 </script>
 
-<style>
+<style lang="scss" scoped>
 .hideUpload .el-upload--picture-card {
   display: none;
 }

src/components/upload/upload.vue

@@ -201,7 +201,7 @@ export default {
   }
 }
 </script>
-<style scoped>
+<style lang="scss" scoped>
 .text-center {
   text-align: center;
 }

src/views/contracts/addcontract.vue

@@ -406,7 +406,7 @@ export default {
 }
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 	.line {
 		text-align: center;
 	}

src/views/contracts/addnewbill_bak.vue

@@ -516,7 +516,7 @@ export default {
 }
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .contract {
   display: flex;
   justify-content: space-between;

src/views/contracts/billDetail.vue

@@ -204,10 +204,9 @@ export default {
 };
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .btn {
   display: flex;
-  // justify-content: space-around;
 }
 .bill-detail{
   padding: 20px;

src/views/contracts/detail.vue

@@ -258,7 +258,7 @@
           @click="ExportsContractDraft"
           >批量导出
         </el-button>
-         
+
         <el-button
           type="primary"
           size="small"
@@ -327,7 +327,7 @@ export default {
         approveStatus: "",
       },
       exportExcelData1: [], //导出列表缓存数据整页
-      exportExcelData2:[],//导出列表缓存数据单选
+      exportExcelData2: [], //导出列表缓存数据单选
     };
   },
 
@@ -450,15 +450,20 @@ export default {
 
     /* 批量导出 */
     handleAll(data) {
-       this.exportExcelData1.push(data);
-      this.exportExcelData2 = new Set( this.exportExcelData1.flat(Infinity));
+      this.exportExcelData1.push(data);
+      this.exportExcelData2 = [
+        ...new Set(this.exportExcelData1.flat(Infinity)),
+      ];
     },
     handleSelectionChange(data) {
       this.exportExcelData1.push(data);
     },
     /* 批量导出 */
     ExportsContractDraft() {
-      this.multipleSelection = new Set(this.exportExcelData1.flat(Infinity))||this.exportExcelData2;
+      this.multipleSelection =
+        [...new Set(this.exportExcelData1.flat(Infinity))] ||
+        this.exportExcelData2;
+
       if (this.multipleSelection == "") {
         this.$message({
           type: "warning",
@@ -494,9 +499,9 @@ export default {
         this.$message.success("导出成功!");
       }
     },
-/* 全部导出 */
+    /* 全部导出 */
     Exports() {
-      this.multipleSelection = this.temporaryList
+      this.multipleSelection = this.temporaryList;
       setTimeout(() => {
         var tableHeader = [
           [
@@ -513,7 +518,7 @@ export default {
         var dataList = [];
         this.multipleSelection.forEach((item, index) => {
           dataList.push([
-           index + 1,
+            index + 1,
             item.name,
             item.draftNo,
             item.acceptorName,
@@ -525,7 +530,7 @@ export default {
         });
         dataConversionUtil.dataToExcel("汇票列表", tableHeader, dataList);
         this.$message.success("导出成功!");
-         this.multipleSelection=[]
+        this.multipleSelection = [];
       }, 1000);
     },
 
@@ -742,7 +747,7 @@ export default {
 };
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .box-card {
   width: 98%;
   margin: 0 auto;
@@ -786,8 +791,6 @@ export default {
   padding-bottom: 10px;
 }
 
-
-
 .grid-content {
   margin: 15px 20px;
 }

src/views/contracts/editcontract_bak.vue

@@ -667,7 +667,7 @@ export default {
 }
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .contract {
   display: flex;
   justify-content: space-between;

src/views/contracts/index.vue

@@ -667,7 +667,8 @@ export default {
     /* 批量导出数据 */
     handleSelectionChange(data) {
       this.exportExcelData1.push(data);
-      this.exportExcelData2 = new Set( this.exportExcelData1.flat(Infinity));
+            this.exportExcelData2 = [...new Set( this.exportExcelData1.flat(Infinity))];
+
     },
     handleAll(data) {
       this.exportExcelData1.push(data);
@@ -675,7 +676,7 @@ export default {
 
     /* 批量导出合同列表 */
     batchExports() {
-      this.exportExcel = new Set(this.exportExcelData1.flat(Infinity))||this.exportExcelData2;
+      this.exportExcel =[...new Set(this.exportExcelData1.flat(Infinity))]||this.exportExcelData2;
       if (this.exportExcel == "") {
         this.$message({
           type: "warning",
@@ -772,7 +773,7 @@ export default {
   },
 };
 </script>
-<style lang="scss">
+<style lang="scss" scoped>
 .pulldown {
   width: 185px;
   height: 40px;

src/views/contracts/new_file copy.vue

@@ -696,7 +696,7 @@ export default {
 }
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .contract {
   display: flex;
   justify-content: space-between;

src/views/databackup/index.vue

@@ -424,14 +424,15 @@ export default {
     /* 批量导出 */
     handleSelectionChange(data) {
        this.exportExcelData1.push(data);
-      this.exportExcelData2 = new Set( this.exportExcelData1.flat(Infinity));
+      this.exportExcelData2 = [...new Set( this.exportExcelData1.flat(Infinity))];
+      
     },
     handleAll(data) {
       this.exportExcelData1.push(data);
     },
     /* 批量导出数据 */
     batchExports() {
-       this.multipleSelection = new Set(this.exportExcelData1.flat(Infinity))||this.exportExcelData2;
+       this.multipleSelection = [...new Set(this.exportExcelData1.flat(Infinity))]||this.exportExcelData2;
       if (this.multipleSelection == "") {
         this.$message({
           type: "warning",
@@ -511,7 +512,7 @@ export default {
   },
 };
 </script>
-<style lang="scss">
+<style lang="scss" scoped>
 .app-container {
   position: relative;
 }

src/views/delivery/index.vue

@@ -35,9 +35,7 @@
       <div class="grid-content bg-purple">
         <el-dropdown @command="AhandleCommand">
           <div class="pulldown">
-            <span v-if="!Auditstatus" class="el-dropdown-link">
-              审核状态
-            </span>
+            <span v-if="!Auditstatus" class="el-dropdown-link"> 审核状态 </span>
             <span v-if="Auditstatus" class="el-dropdown-link">
               {{ Auditstatus }}
             </span>
@@ -117,14 +115,15 @@
         prop="contactsMobile"
       >
       </el-table-column>
+      <el-table-column label="审核状态" align="center" prop="statusText">
+      </el-table-column>
       <el-table-column
-        label="审核状态"
+        label="供应商状态"
         align="center"
-        prop="statusText"
+        prop="isDeletedText"
+        width="120"
       >
       </el-table-column>
-      <el-table-column label="供应商状态" align="center" prop="isDeletedText"  width="120">
-      </el-table-column>
       <el-table-column align="center" prop="createdAt" label="时间" width="180">
       </el-table-column>
       <el-table-column
@@ -164,23 +163,31 @@
         </template>
       </el-table-column>
     </el-table>
-		
-		<!-- 重置密码弹窗 -->
-		<el-dialog title="重置密码" :visible.sync="dialogVisible" width="30%">
-		<el-form ref="form" :model="password" label-width="80px">
-			<el-form-item label="登录密码" prop="password.newpassword">
-				<el-input v-model="password.newpassword" style="width: 300px;" show-password></el-input>
-			</el-form-item>
-			<el-form-item label="确认密码" prop="password.ConfirmnewPassword">
-				<el-input v-model="password.ConfirmnewPassword" style="width: 300px;" show-password></el-input>
-			</el-form-item>
-			<el-form-item >
-				<el-button @click="dialogVisible = false">取 消</el-button>
-				<el-button type="primary" @click="onSubmit">提交修改</el-button>
-			</el-form-item>
-		</el-form>
-		</el-dialog>
-		
+
+    <!-- 重置密码弹窗 -->
+    <el-dialog title="重置密码" :visible.sync="dialogVisible" width="30%">
+      <el-form ref="form" :model="password" label-width="80px">
+        <el-form-item label="登录密码" prop="password.newpassword">
+          <el-input
+            v-model="password.newpassword"
+            style="width: 300px"
+            show-password
+          ></el-input>
+        </el-form-item>
+        <el-form-item label="确认密码" prop="password.ConfirmnewPassword">
+          <el-input
+            v-model="password.ConfirmnewPassword"
+            style="width: 300px"
+            show-password
+          ></el-input>
+        </el-form-item>
+        <el-form-item>
+          <el-button @click="dialogVisible = false">取 消</el-button>
+          <el-button type="primary" @click="onSubmit">提交修改</el-button>
+        </el-form-item>
+      </el-form>
+    </el-dialog>
+
     <div style="display: flex; justify-content: space-between">
       <el-row type="flex" justify="end">
         <div class="btn" style="display: flex; justify-content: flex-end">
@@ -250,14 +257,14 @@ export default {
   },
   data() {
     return {
-	  //重置密码
-	  password:{
-		  newpassword:'',
-		  ConfirmnewPassword:'',
-		  supplierId:'',
-	  },
-	  // 控制弹窗
-	  dialogVisible:false,
+      //重置密码
+      password: {
+        newpassword: "",
+        ConfirmnewPassword: "",
+        supplierId: "",
+      },
+      // 控制弹窗
+      dialogVisible: false,
       // 表单数据
       formData: {
         startTime: "",
@@ -316,8 +323,8 @@ export default {
       },
       value1: "",
       value2: "",
-      exportExcelData1:[],//列表缓存数据
-      exportExcelData2:[]
+      exportExcelData1: [], //列表缓存数据
+      exportExcelData2: [],
     };
   },
   mounted() {
@@ -338,7 +345,6 @@ export default {
         this.total = res.data.total;
       });
     },
-    
 
     toedit(id) {
       this.$router.push({
@@ -353,8 +359,8 @@ export default {
     startEndTime(item) {
       if (item == null) {
         item = [];
-        this.formData.startTime ='';
-        this.formData.endTime = '';
+        this.formData.startTime = "";
+        this.formData.endTime = "";
         this.currentPage = 1;
         this.searchForm = { ...this.formData };
         this.getAllList(this.searchForm);
@@ -365,7 +371,6 @@ export default {
         this.searchForm = { ...this.formData };
         this.getAllList(this.searchForm);
       }
-     
     },
     /* 审核状态查询 */
     handleCommand(command) {
@@ -401,8 +406,6 @@ export default {
       this.getAllList(this.searchForm);
     },
 
-  
-
     /* 输入出票人名称查询 */
     Search() {
       this.currentPage = 1;
@@ -430,18 +433,22 @@ export default {
       font.handleCurrentChange(cpage);
     },
 
-
     /* 批量导出数据 */
     handleSelectionChange(data) {
       this.exportExcelData1.push(data);
-      this.exportExcelData2 = new Set( this.exportExcelData1.flat(Infinity));
+      this.exportExcelData2 = [
+        ...new Set(this.exportExcelData1.flat(Infinity)),
+      ];
     },
     handleAll(data) {
       this.exportExcelData1.push(data);
     },
     /* 批量导出数据 */
     batchExports() {
-      this.multipleSelection = new Set(this.exportExcelData1.flat(Infinity))||this.exportExcelData2;
+      this.multipleSelection =
+        [...new Set(this.exportExcelData1.flat(Infinity))] ||
+        this.exportExcelData2;
+
       if (this.multipleSelection == "") {
         this.$message({
           type: "warning",
@@ -489,21 +496,22 @@ export default {
         endTime: "",
         name: "",
         status: "",
-        socialCode:'',
-        legalPerson:'',
-        isDeleted:'',
+        socialCode: "",
+        legalPerson: "",
+        isDeleted: "",
       };
       getSupplierSearch({ data }).then((res) => {
         const { result } = res.data;
         this.multipleSelection = result;
       });
     },
-     /* 全部导出 */
+    /* 全部导出 */
     Exports() {
       this.getContacts();
       setTimeout(() => {
         var tableHeader = [
-          ["序号",
+          [
+            "序号",
             "供应商名称",
             "社会统一信用码",
             "账号",
@@ -511,7 +519,8 @@ export default {
             "联系人",
             "电话",
             "审核状态",
-            "时间",],
+            "时间",
+          ],
         ];
         var dataList = [];
         this.multipleSelection.forEach((item, index) => {
@@ -529,12 +538,10 @@ export default {
         });
         dataConversionUtil.dataToExcel("供应商列表", tableHeader, dataList);
         this.$message.success("导出成功!");
-        this.multipleSelection=[]
+        this.multipleSelection = [];
       }, 1000);
     },
 
-   
-
     success() {
       let ids = Array.from(this.multipleSelection, ({ id }) => id);
       this.$request({
@@ -684,45 +691,48 @@ export default {
       });
     },
     reset(id) {
-		this.dialogVisible=true
-		this.password.supplierId=id
+      this.dialogVisible = true;
+      this.password.supplierId = id;
+    },
+    // 提交修改密码
+    onSubmit() {
+      if (this.password.newpassword !== this.password.ConfirmnewPassword) {
+        this.$message({
+          type: "error",
+          message: "密码与确认密码不一致",
+        });
+      } else if (
+        this.password.newpassword.length < 6 ||
+        this.password.ConfirmnewPassword < 6
+      ) {
+        this.$message({
+          type: "error",
+          message: "密码与确认密码至少6位",
+        });
+      } else {
+        this.$request({
+          url: "/api/Account/password/resetSupplier",
+          method: "post",
+          data: {
+            password: this.password.newpassword,
+            supplierId: this.password.supplierId,
+          },
+        }).then((res) => {
+          console.log(res);
+          if (res.code === 200) {
+            this.$message({
+              type: "success",
+              message: "重置成功",
+            });
+            this.dialogVisible = false;
+          }
+        });
+      }
     },
-	// 提交修改密码
-	onSubmit(){
-		if(this.password.newpassword!==this.password.ConfirmnewPassword){
-			this.$message({
-				type:'error',
-				message:'密码与确认密码不一致'
-			})
-		}else if(this.password.newpassword.length<6||this.password.ConfirmnewPassword<6){
-			this.$message({
-				type:'error',
-				message:'密码与确认密码至少6位'
-			})
-		}else{
-			this.$request({
-			        url: "/api/Account/password/resetSupplier",
-			        method: "post",
-			        data: {
-			          password: this.password.newpassword,
-			          supplierId: this.password.supplierId,
-			        },
-			      }).then((res) => {
-			        console.log(res);
-			        if (res.code === 200) {
-			          this.$message({
-			            type: "success",
-			            message: "重置成功",
-			          });
-					  this.dialogVisible=false
-			        }
-			      });
-		}
-	}
   },
 };
 </script>
-<style lang="scss">
+<style lang="scss" scoped>
 .pulldown {
   width: 185px;
   height: 40px;

src/views/form/addTicketdrawer.vue

@@ -54,7 +54,7 @@
 	}
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 	.form {
 		margin-top: 100px;
 		display: flex;

src/views/form/detail.vue

@@ -88,7 +88,7 @@
 	}
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 	.form {
 		display: flex;
 		flex-direction: column;

src/views/form/index.vue

@@ -259,8 +259,8 @@ export default {
       },
       value1: "",
       value2: "",
-      exportExcelData1:[],//列表缓存数据
-      exportExcelData2:[]
+      exportExcelData1: [], //列表缓存数据
+      exportExcelData2: [],
     };
   },
 
@@ -447,7 +447,9 @@ export default {
     /* 批量导出数据 */
     handleSelectionChange(data) {
       this.exportExcelData1.push(data);
-      this.exportExcelData2 = new Set( this.exportExcelData1.flat(Infinity));
+      this.exportExcelData2 = [
+        ...new Set(this.exportExcelData1.flat(Infinity)),
+      ];
     },
     handleAll(data) {
       this.exportExcelData1.push(data);
@@ -455,7 +457,9 @@ export default {
 
     /* 批量导出 */
     batchExports() {
-      this.multipleSelection = new Set(this.exportExcelData1.flat(Infinity))||this.exportExcelData2;
+      this.multipleSelection =
+        [...new Set(this.exportExcelData1.flat(Infinity))] ||
+        this.exportExcelData2;
 
       if (this.multipleSelection == "") {
         this.$message({
@@ -517,13 +521,13 @@ export default {
         });
         dataConversionUtil.dataToExcel("出票人列表", tableHeader, dataList);
         this.$message.success("导出成功!");
-        this.multipleSelection=[]
+        this.multipleSelection = [];
       }, 1000);
     },
   },
 };
 </script>
-<style lang="scss">
+<style lang="scss" scoped>
 .pulldown {
   width: 185px;
   height: 40px;

src/views/login/index.vue

@@ -242,7 +242,7 @@ export default {
 };
 </script>
 
-<style lang="scss" >
+<style lang="scss"  >
 /* 修复input 背景不协调 和光标变色 */
 /* Detail see https://github.com/PanJiaChen/vue-element-admin/pull/927 */
 

src/views/management/index.vue

@@ -232,7 +232,7 @@ export default {
       value1: "",
       value2: "",
       exportExcelData1: [], //导出列表缓存数据整页
-      exportExcelData2:[],//导出列表缓存数据单选
+      exportExcelData2: [], //导出列表缓存数据单选
     };
   },
 
@@ -466,8 +466,10 @@ export default {
 
     /* 批量导出数据 */
     handleSelectionChange(data) {
-       this.exportExcelData1.push(data);
-      this.exportExcelData2 = new Set( this.exportExcelData1.flat(Infinity));
+      this.exportExcelData1.push(data);
+      this.exportExcelData2 = [
+        ...new Set(this.exportExcelData1.flat(Infinity)),
+      ];
     },
     handleAll(data) {
       this.exportExcelData1.push(data);
@@ -475,7 +477,9 @@ export default {
 
     /* 批量导出 */
     batchExports() {
-      this.multipleSelection = new Set(this.exportExcelData1.flat(Infinity))||this.exportExcelData2;
+      this.multipleSelection =
+        [...new Set(this.exportExcelData1.flat(Infinity))] ||
+        this.exportExcelData2;
 
       if (this.multipleSelection == "") {
         this.$message({
@@ -510,15 +514,15 @@ export default {
         this.$message.success("导出成功!");
       }
     },
-     /* 全部导出合同列表数据 */
+    /* 全部导出合同列表数据 */
     getContacts() {
       const data = {
-        pageIndex: '',
+        pageIndex: "",
         pageSize: -1,
         startTime: "",
         endTime: "",
-        isDeleted:'',
-        status:''
+        isDeleted: "",
+        status: "",
       };
       getAccountSearch({ data }).then((res) => {
         const { result } = res.data;
@@ -532,7 +536,7 @@ export default {
       setTimeout(() => {
         var tableHeader = [
           [
-             "序号",
+            "序号",
             "业务管理员姓名",
             "账号",
             "联系电话",
@@ -555,7 +559,7 @@ export default {
         });
         dataConversionUtil.dataToExcel("业务管理员列表", tableHeader, dataList);
         this.$message.success("导出成功!");
-         this.multipleSelection=[]
+        this.multipleSelection = [];
       }, 1000);
     },
 
@@ -600,7 +604,7 @@ export default {
   },
 };
 </script>
-<style lang="scss">
+<style lang="scss" scoped>
 .pulldown {
   width: 185px;
   height: 40px;

src/views/mine/index.vue

@@ -335,7 +335,7 @@
 	}
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 	.line {
 		text-align: center;
 	}

src/views/register/index.vue

@@ -1,686 +1,778 @@
 <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="password">
-							<span class="svg-container"> 登录密码 </span>
-							<el-input ref="password" v-model="loginForm.password" placeholder="至少6位数的字母数字组合"
-								name="password" :type="passwordType" tabindex="2" show-password />
-						</el-form-item>
-						<el-form-item prop="surepsd">
-							<span class="svg-container"> 确认密码 </span>
-							<el-input :key="passwordType" ref="password" v-model="loginForm.surepsd"
-								:type="passwordType" placeholder="至少6位数的字母数字组合" name="password" auto-complete="on"
-								show-password tabindex="3" />
-						</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"
-								onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1')" />
-						</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" />
-						</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" onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1')" />
-						</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.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="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="mobile">
-							<span class="svg-container"> 联系电话 </span>
-							<el-input ref="mobile" v-model="providerForm.contactsMobile" type="text"
-								placeholder="请输入业务员联系电话" name="mobile" tabindex="5"
-								onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$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="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" show-password />
-						</el-form-item>
-						<el-form-item prop="surepsd">
-							<span class="svg-container"> 确认密码 </span>
-							<el-input :key="passwordType" ref="password" v-model="providerForm.surepsd"
-								:type="passwordType" placeholder="至少6位数的字母数字组合" name="password" auto-complete="on"
-								show-password tabindex="3" />
-						</el-form-item>
-						<!-- 供应商上传身份证图片 -->
-						<div class="choosepic">
-							<el-form-item style="background-color: transparent; margin: 0; padding: 0">
-								<span class="svg-container" style="
+  <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="password">
+              <span class="svg-container"> 登录密码 </span>
+              <el-input
+                ref="password"
+                v-model="loginForm.password"
+                placeholder="至少6位数的字母数字组合"
+                name="password"
+                :type="passwordType"
+                tabindex="2"
+                show-password
+              />
+            </el-form-item>
+            <el-form-item prop="surepsd">
+              <span class="svg-container"> 确认密码 </span>
+              <el-input
+                :key="passwordType"
+                ref="password"
+                v-model="loginForm.surepsd"
+                :type="passwordType"
+                placeholder="至少6位数的字母数字组合"
+                name="password"
+                auto-complete="on"
+                show-password
+                tabindex="3"
+              />
+            </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"
+                onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1')"
+              />
+            </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"
+          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.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="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="mobile">
+              <span class="svg-container"> 联系电话 </span>
+              <el-input
+                ref="mobile"
+                v-model="providerForm.contactsMobile"
+                type="text"
+                placeholder="请输入业务员联系电话"
+                name="mobile"
+                tabindex="5"
+                onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$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="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"
+                show-password
+              />
+            </el-form-item>
+            <el-form-item prop="surepsd">
+              <span class="svg-container"> 确认密码 </span>
+              <el-input
+                :key="passwordType"
+                ref="password"
+                v-model="providerForm.surepsd"
+                :type="passwordType"
+                placeholder="至少6位数的字母数字组合"
+                name="password"
+                auto-complete="on"
+                show-password
+                tabindex="3"
+              />
+            </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"
-										: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>
-								<span class="svg-container" style="float: right;" @click="download">
-									点击获取授权委托书
-								</span>
-								<div class="boximg">
-									<el-upload action="https://ht.9026.com/api/File" list-type="picture-card"
-										:on-success="handleSuccess">
-										<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="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>
+                  "
+                >
+                  认证照片
+                </span>
+                <div class="boximg">
+                  <el-upload
+                    action="https://ht.9026.com/api/File"
+                    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>
+                <span
+                  class="svg-container"
+                  style="float: right"
+                  @click="download"
+                >
+                  点击获取授权委托书
+                </span>
+                <div class="boximg">
+                  <el-upload
+                    action="https://ht.9026.com/api/File"
+                    list-type="picture-card"
+                    :on-success="handleSuccess"
+                  >
+                    <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="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: "",
-					surepsd:'',
-					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 (this.loginForm.password !== this.loginForm.surepsd||this.providerForm.password!==this.providerForm.surepsd) {
-					this.$message({
-						type: 'error',
-						message: '密码和确认密码不一致'
-					})
-				} else {
-					if (form == this.loginForm) {
-						this.$request({
-							url: "/api/Account/register",
-							method: "post",
-							data: form,
-						}).then(res => {
-							if (res.code === 200) {
-								this.$message({
-									type: 'success',
-									message: "注册成功"
-								});
-								this.$router.push({
-									path: "/login",
-								});
-							}
-						});
-					} else {
-						this.$request({
-							url: "/api/Supplier/register",
-							method: "post",
-							data: form,
-						}).then((res) => {
-							if (res.code === 200) {
-								this.$message({
-									type: 'success',
-									message: "注册成功"
-								});
-								this.$router.push({
-									path: "/login",
-								});
-							}
-						});
-					}
-				}
-
-			},
-			// 下载委托书模板
-			download(){
-				this.$request({
-					url:'/api/Setting/attorney',
-					method:'get'
-				}).then(res=>{
-					console.log(res)
-					if(res.code===200){
-						let url=res.data
-						window.open(url)
-					}
-				})
-			}
-		},
-	};
+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: "",
+        surepsd: "",
+        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 (
+        this.loginForm.password !== this.loginForm.surepsd ||
+        this.providerForm.password !== this.providerForm.surepsd
+      ) {
+        this.$message({
+          type: "error",
+          message: "密码和确认密码不一致",
+        });
+      } else {
+        if (form == this.loginForm) {
+          this.$request({
+            url: "/api/Account/register",
+            method: "post",
+            data: form,
+          }).then((res) => {
+            if (res.code === 200) {
+              this.$message({
+                type: "success",
+                message: "注册成功",
+              });
+              this.$router.push({
+                path: "/login",
+              });
+            }
+          });
+        } else {
+          this.$request({
+            url: "/api/Supplier/register",
+            method: "post",
+            data: form,
+          }).then((res) => {
+            if (res.code === 200) {
+              this.$message({
+                type: "success",
+                message: "注册成功",
+              });
+              this.$router.push({
+                path: "/login",
+              });
+            }
+          });
+        }
+      }
+    },
+    // 下载委托书模板
+    download() {
+      this.$request({
+        url: "/api/Setting/attorney",
+        method: "get",
+      }).then((res) => {
+        console.log(res);
+        if (res.code === 200) {
+          let url = res.data;
+          window.open(url);
+        }
+      });
+    },
+  },
+};
 </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-input .el-input__inner {
-			color: #030303;
-		}
-
-		.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-input .el-input__inner {
+    color: #030303;
+  }
+
+  .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: 100%;
+  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>

src/views/shipments/index.vue

@@ -176,7 +176,7 @@ export default {
       value1: "",
       value2: "",
       exportExcelData1: [], //导出列表缓存数据整页
-      exportExcelData2:[],//导出列表缓存数据单选
+      exportExcelData2: [], //导出列表缓存数据单选
     };
   },
   mounted() {
@@ -289,18 +289,21 @@ export default {
       });
     },
 
-
     /* 批量导出数据 */
     handleSelectionChange(data) {
       this.exportExcelData1.push(data);
-      this.exportExcelData2 = new Set( this.exportExcelData1.flat(Infinity));
+      this.exportExcelData2 = [
+        ...new Set(this.exportExcelData1.flat(Infinity)),
+      ];
     },
     handleAll(data) {
-     this.exportExcelData1.push(data);
+      this.exportExcelData1.push(data);
     },
     /* 导出 */
     batchExport() {
-      this.multipleSelection = new Set(this.exportExcelData1.flat(Infinity))||this.exportExcelData2;
+      this.multipleSelection =
+        [...new Set(this.exportExcelData1.flat(Infinity))] ||
+        this.exportExcelData2;
 
       if (this.multipleSelection == "") {
         this.$message({
@@ -333,7 +336,6 @@ export default {
         });
         dataConversionUtil.dataToExcel("承兑人分类报表", tableHeader, dataList);
         this.$message.success("导出成功!");
-       
       }
     },
     /* 全部导出承兑人列表数据 */
@@ -343,31 +345,32 @@ export default {
         pageSize: "",
         startTime: "",
         endTime: "",
-        frequency:number||1
+        frequency: number || 1,
       };
       getReportSearch({ ...params }).then((res) => {
         const { data } = res;
         this.multipleSelection = data.result;
       });
-
     },
-     /* 全部导出 */
+    /* 全部导出 */
     Exports() {
       this.getContacts(this.formData.frequency);
       setTimeout(() => {
         var tableHeader = [
-          ["序号",
+          [
+            "序号",
             "承兑人姓名",
             "统计周期(按照承兑日)",
             "汇票笔数",
             "汇票金额",
             "服务费",
-            "利息",],
+            "利息",
+          ],
         ];
         var dataList = [];
         this.multipleSelection.forEach((item, index) => {
           dataList.push([
-             index + 1,
+            index + 1,
             item.acceptorName,
             item.period,
             item.count,
@@ -378,13 +381,13 @@ export default {
         });
         dataConversionUtil.dataToExcel("承兑人分类报表", tableHeader, dataList);
         this.$message.success("导出成功!");
-         this.multipleSelection=[]
+        this.multipleSelection = [];
       }, 1000);
     },
   },
 };
 </script>
-<style lang="scss">
+<style lang="scss" scoped>
 .pulldown {
   width: 185px;
   height: 40px;

src/views/shipments/shipments1.vue

@@ -178,7 +178,7 @@ export default {
       value1: "",
       value2: "",
       exportExcelData1: [], //导出列表缓存数据整页
-      exportExcelData2:[],//导出列表缓存数据单选
+      exportExcelData2: [], //导出列表缓存数据单选
     };
   },
   created() {},
@@ -293,14 +293,18 @@ export default {
     /* 批量导出数据 */
     handleSelectionChange(data) {
       this.exportExcelData1.push(data);
-      this.exportExcelData2 = new Set( this.exportExcelData1.flat(Infinity));
+      this.exportExcelData2 = [
+        ...new Set(this.exportExcelData1.flat(Infinity)),
+      ];
     },
     handleAll(data) {
       this.exportExcelData1.push(data);
     },
     /* 批量导出数据 */
     batchExport() {
-      this.multipleSelection = new Set(this.exportExcelData1.flat(Infinity))||this.exportExcelData2;
+      this.multipleSelection =
+        [...new Set(this.exportExcelData1.flat(Infinity))] ||
+        this.exportExcelData2;
 
       if (this.multipleSelection == "") {
         this.$message({
@@ -343,31 +347,32 @@ export default {
         pageSize: "",
         startTime: "",
         endTime: "",
-        frequency:number||1
+        frequency: number || 1,
       };
       getReportDrawerClassification({ ...params }).then((res) => {
         const { data } = res;
         this.multipleSelection = data.result;
       });
-
     },
-     /* 全部导出 */
+    /* 全部导出 */
     Exports() {
       this.getContacts(this.formData.frequency);
       setTimeout(() => {
         var tableHeader = [
-          [ "序号",
+          [
+            "序号",
             "出票人",
             "统计周期(按照出票日)",
             "汇票笔数",
             "汇票金额",
             "服务费",
-            "利息",],
+            "利息",
+          ],
         ];
         var dataList = [];
         this.multipleSelection.forEach((item, index) => {
           dataList.push([
-              index + 1,
+            index + 1,
             item.drawerName,
             item.period,
             item.count,
@@ -378,16 +383,13 @@ export default {
         });
         dataConversionUtil.dataToExcel("出票人分类报表", tableHeader, dataList);
         this.$message.success("导出成功!");
-         this.multipleSelection=[]
+        this.multipleSelection = [];
       }, 1000);
     },
-
-
-
   },
 };
 </script>
-<style lang="scss">
+<style lang="scss" scoped>
 .pulldown {
   width: 185px;
   height: 40px;

src/views/shipments/shipments2.vue

@@ -172,7 +172,7 @@ export default {
       value1: "",
       value2: "",
       exportExcelData1: [], //导出列表缓存数据整页
-      exportExcelData2:[],//导出列表缓存数据单选
+      exportExcelData2: [], //导出列表缓存数据单选
     };
   },
 
@@ -279,14 +279,18 @@ export default {
     /* 批量导出数据 */
     handleSelectionChange(data) {
       this.exportExcelData1.push(data);
-      this.exportExcelData2 = new Set( this.exportExcelData1.flat(Infinity));
+      this.exportExcelData2 = [
+        ...new Set(this.exportExcelData1.flat(Infinity)),
+      ];
     },
     handleAll(data) {
       this.exportExcelData1.push(data);
     },
     /* 批量导出 */
     batchExport() {
-      this.multipleSelection = new Set(this.exportExcelData1.flat(Infinity))||this.exportExcelData2;
+      this.multipleSelection =
+        [...new Set(this.exportExcelData1.flat(Infinity))] ||
+        this.exportExcelData2;
 
       if (this.multipleSelection == "") {
         this.$message({
@@ -329,7 +333,7 @@ export default {
         pageIndex: "",
         pageSize: "",
         startTime: "",
-        contractName:'',
+        contractName: "",
       };
       getReportContractReport({ ...params }).then((res) => {
         const { data } = res;
@@ -367,13 +371,13 @@ export default {
         });
         dataConversionUtil.dataToExcel("合同统计列表", tableHeader, dataList);
         this.$message.success("导出成功!");
-         this.multipleSelection=[]
+        this.multipleSelection = [];
       }, 1000);
     },
   },
 };
 </script>
-<style lang="scss">
+<style lang="scss" scoped>
 .pulldown {
   width: 185px;
   height: 40px;

src/views/shipments/shipments3.vue

@@ -173,7 +173,7 @@ export default {
       },
       value2: "",
       exportExcelData1: [], //导出列表缓存数据整页
-      exportExcelData2:[],//导出列表缓存数据单选
+      exportExcelData2: [], //导出列表缓存数据单选
     };
   },
 
@@ -196,7 +196,7 @@ export default {
         this.total = data.total;
       });
     },
-    
+
     index() {
       this.$router.push({
         path: "/shipments/index",
@@ -279,14 +279,18 @@ export default {
     /* 批量导出数据 */
     handleSelectionChange(data) {
       this.exportExcelData1.push(data);
-      this.exportExcelData2 = new Set( this.exportExcelData1.flat(Infinity));
+      this.exportExcelData2 = [
+        ...new Set(this.exportExcelData1.flat(Infinity)),
+      ];
     },
     handleAll(data) {
       this.exportExcelData1.push(data);
     },
     /* 导出 */
     batchExport() {
-      this.multipleSelection = new Set(this.exportExcelData1.flat(Infinity))||this.exportExcelData2;
+      this.multipleSelection =
+        [...new Set(this.exportExcelData1.flat(Infinity))] ||
+        this.exportExcelData2;
 
       if (this.multipleSelection == "") {
         this.$message({
@@ -329,7 +333,7 @@ export default {
         pageIndex: "",
         pageSize: "",
         startTime: "",
-        supplierName:'',
+        supplierName: "",
       };
       getReportSupplierReport({ ...params }).then((res) => {
         const { data } = res;
@@ -367,13 +371,13 @@ export default {
         });
         dataConversionUtil.dataToExcel("供应商统计列表", tableHeader, dataList);
         this.$message.success("导出成功!");
-         this.multipleSelection=[]
+        this.multipleSelection = [];
       }, 1000);
     },
   },
 };
 </script>
-<style lang="scss">
+<style lang="scss" scoped>
 .pulldown {
   width: 185px;
   height: 40px;

src/views/sucuirtyaudit/annexList.vue

@@ -259,7 +259,7 @@ export default {
       value2: "",
       multipleSelection: [], //导出数据
       exportExcelData1: [], //导出列表缓存数据整页
-      exportExcelData2:[],//导出列表缓存数据单选
+      exportExcelData2: [], //导出列表缓存数据单选
     };
   },
   mounted() {
@@ -393,14 +393,19 @@ export default {
     /* 批量导出 */
     handleSelectionChange(data) {
       this.exportExcelData1.push(data);
-      this.exportExcelData2 = new Set( this.exportExcelData1.flat(Infinity));
+      this.exportExcelData2 = [
+        ...new Set(this.exportExcelData1.flat(Infinity)),
+      ];
     },
     handleAll(data) {
       this.exportExcelData1.push(data);
     },
     /* 批量导出数据 */
     batchExports() {
-      this.multipleSelection = new Set(this.exportExcelData1.flat(Infinity))||this.exportExcelData2;
+      this.multipleSelection =
+        [...new Set(this.exportExcelData1.flat(Infinity))] ||
+        this.exportExcelData2;
+
       if (this.multipleSelection == "") {
         this.$message({
           type: "warning",
@@ -484,7 +489,7 @@ export default {
   },
 };
 </script>
-<style lang="scss">
+<style lang="scss" scoped>
 .pulldown {
   width: 185px;
   height: 40px;

src/views/sucuirtyaudit/attachment-detail.vue

@@ -43,7 +43,7 @@ export default {
 };
 </script>
 
-<style lang="scss" >
+<style lang="scss" scoped >
 .attachment-detail {
   padding: 20px;
 }

src/views/sucuirtyaudit/detail.vue

@@ -71,7 +71,7 @@
 	}
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .sucuirtyaudit-deatil{
 	padding: 20px;
 }

src/views/sucuirtyaudit/index.vue

@@ -216,8 +216,8 @@ export default {
       },
       value1: "",
       value2: "",
-       exportExcelData1: [], //导出列表缓存数据整页
-      exportExcelData2:[],//导出列表缓存数据单选
+      exportExcelData1: [], //导出列表缓存数据整页
+      exportExcelData2: [], //导出列表缓存数据单选
     };
   },
   mounted() {
@@ -303,13 +303,18 @@ export default {
     /* 批量导出 */
     handleSelectionChange(data) {
       this.exportExcelData1.push(data);
-      this.exportExcelData2 = new Set( this.exportExcelData1.flat(Infinity));
+      this.exportExcelData2 = [
+        ...new Set(this.exportExcelData1.flat(Infinity)),
+      ];
     },
     handleAll(data) {
       this.exportExcelData1.push(data);
     },
     batchExports() {
-      this.multipleSelection = new Set(this.exportExcelData1.flat(Infinity))||this.exportExcelData2;
+      this.multipleSelection =
+        [...new Set(this.exportExcelData1.flat(Infinity))] ||
+        this.exportExcelData2;
+
       if (this.multipleSelection == "") {
         this.$message({
           type: "warning",
@@ -334,15 +339,15 @@ export default {
         this.$message.success("导出成功!");
       }
     },
-     /* 全部导出合同列表数据 */
+    /* 全部导出合同列表数据 */
     getContacts() {
       const data = {
-        pageIndex: '',
+        pageIndex: "",
         pageSize: -1,
         startTime: "",
         endTime: "",
-        operateUser:'',
-        content:'',
+        operateUser: "",
+        content: "",
       };
       getAuditLogSearch({ data }).then((res) => {
         const { result } = res.data;
@@ -355,14 +360,12 @@ export default {
       this.getContacts();
       setTimeout(() => {
         var tableHeader = [
-          [
-            "序号", "操作日", "事件", "操作人员", "操作状态", "操作说明"
-          ],
+          ["序号", "操作日", "事件", "操作人员", "操作状态", "操作说明"],
         ];
         var dataList = [];
         this.multipleSelection.forEach((item, index) => {
           dataList.push([
-             index + 1,
+            index + 1,
             item.createdAt,
             item.event,
             item.userName,
@@ -372,13 +375,13 @@ export default {
         });
         dataConversionUtil.dataToExcel("安全审计列表", tableHeader, dataList);
         this.$message.success("导出成功!");
-         this.multipleSelection=[]
+        this.multipleSelection = [];
       }, 1000);
     },
   },
 };
 </script>
-<style lang="scss">
+<style lang="scss" scoped>
 .pulldown {
   width: 185px;
   height: 40px;
@@ -403,5 +406,4 @@ export default {
 .el-pagination.is-background .el-pager li:not(.disabled).active {
   background-color: #d8ab5a;
 }
-
 </style>

src/views/table/addAcceptor.vue

@@ -66,7 +66,7 @@
 	}
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 	.form {
 		margin-top: 100px;
 		display: flex;

src/views/table/index.vue

@@ -345,8 +345,8 @@ export default {
       },
       value1: "",
       value2: "",
-      exportExcelData1:[],//列表缓存数据
-      exportExcelData2:[]
+      exportExcelData1: [], //列表缓存数据
+      exportExcelData2: [],
     };
   },
   mounted() {
@@ -535,14 +535,19 @@ export default {
     /* 批量导出数据 */
     handleSelectionChange(data) {
       this.exportExcelData1.push(data);
-      this.exportExcelData2 = new Set( this.exportExcelData1.flat(Infinity));
+      this.exportExcelData2 = [
+        ...new Set(this.exportExcelData1.flat(Infinity)),
+      ];
     },
     handleAll(data) {
       this.exportExcelData1.push(data);
     },
     /* 导出 */
     batchExports() {
-      this.multipleSelection = new Set(this.exportExcelData1.flat(Infinity))||this.exportExcelData2;
+      this.multipleSelection =
+        [...new Set(this.exportExcelData1.flat(Infinity))] ||
+        this.exportExcelData2;
+
       if (this.multipleSelection == "") {
         this.$message({
           type: "warning",
@@ -583,7 +588,7 @@ export default {
     /* 全部导出承兑人列表数据 */
     getContacts() {
       const data = {
-        pageIndex: '',
+        pageIndex: "",
         pageSize: -1,
         startTime: "",
         endTime: "",
@@ -619,7 +624,7 @@ export default {
         var dataList = [];
         this.multipleSelection.forEach((item, index) => {
           dataList.push([
-           index + 1,
+            index + 1,
             item.name,
             item.bankAccount,
             item.bankName,
@@ -632,13 +637,13 @@ export default {
         });
         dataConversionUtil.dataToExcel("承兑人列表", tableHeader, dataList);
         this.$message.success("导出成功!");
-        this.multipleSelection=[]
+        this.multipleSelection = [];
       }, 1000);
     },
   },
 };
 </script>
-<style lang="scss">
+<style lang="scss" scoped>
 .pulldown {
   width: 185px;
   height: 40px;