gjy 2 년 전
부모
커밋
cde5a6bc5d

+ 1 - 1
src/permission.js

@@ -39,7 +39,7 @@ router.beforeEach(async (to, from, next) => {
       NProgress.done()
       NProgress.done()
     } else {
     } else {
       const hasGetUserInfo = store.getters.name
       const hasGetUserInfo = store.getters.name
-      console.log(store.getters)
+      // console.log(store.getters)
       if (store.getters.token) {
       if (store.getters.token) {
         
         
         // if (!whiteList.includes(to.path)) {
         // if (!whiteList.includes(to.path)) {

+ 1 - 0
src/store/modules/permission.js

@@ -83,6 +83,7 @@ const actions = {
             const data = await getRoule().then().catch(error => {
             const data = await getRoule().then().catch(error => {
                 clearStorage()
                 clearStorage()
                 resetRouter()
                 resetRouter()
+                window.location.href="https://admin.changyuntong56.com/#/login"
             })
             })
             const roles = []
             const roles = []
             handleRoles(data.data, roles, '')
             handleRoles(data.data, roles, '')

+ 1 - 0
src/utils/request.js

@@ -47,6 +47,7 @@ service.interceptors.response.use(
      if(res.data instanceof Blob){
      if(res.data instanceof Blob){
       return res.data
       return res.data
     }
     }
+    console.log(res)
     if (res.code && res.code !== 200 && res.code !== '200') {
     if (res.code && res.code !== 200 && res.code !== '200') {
       Message({
       Message({
         message: res.message || 'Error',
         message: res.message || 'Error',

+ 145 - 24
src/views/driverManagement/vehicleExamine.vue

@@ -187,37 +187,104 @@
         </div>
         </div>
       </div>
       </div>
     </el-dialog>
     </el-dialog>
-    <el-drawer title="订单详情" :visible.sync="rightSee" style="overflow-y: auto !important">
+    <el-drawer title="车辆详情" :visible.sync="rightSee" style="overflow-y: auto !important">
       <div class="right_css">
       <div class="right_css">
         <div style='height:80vh;overflow-y:scroll;'>
         <div style='height:80vh;overflow-y:scroll;'>
-          <div class="title_name">基本信息</div>
-          <div class="right_item">订单编号:{{costData.orderNo}}</div>
-          <div class="right_title">货主</div>
-          <div class="right_item">{{costData.cargoOwner}}</div>
-          <div class="right_title">司机</div>
-          <div class="right_item">{{costData.driverName}}</div>
-          <div class="right_title">发货单位</div>
-          <div class="right_item">{{costData.compName}}</div>
-          <div class="right_title">发货地</div>
+          <!-- <div class="title_name">基本信息</div> -->
+          <div class="right_item">车型:{{costData.carCategory}}{{costData.carType}}</div>
+          <div class="right_title">道路运输证</div>
           <div class="right_item">
           <div class="right_item">
-            {{costData.sendPrivate}}{{costData.sendCity}}{{costData.sendArea}}{{costData.sendDetailedAddress}}
+            <img :src="costData.operationCertificate" class="right_img_css" @click="enlarge(costData.operationCertificate)" />
           </div>
           </div>
-          <div class="right_title">卸货地</div>
+          <div class="right_title">道路运输证号</div>
+          <div class="right_item">{{costData.operationCertificateNumber}}</div>
+          <div class="right_title">道路运输证有效期</div>
+          <div class="right_item">{{costData.operationCertificateValidityDate}}</div>
+          <div class="right_title">挂车道路运输证</div>
           <div class="right_item">
           <div class="right_item">
-            {{costData.unloadPrivate}}{{costData.unloadCity}}{{costData.unloadArea}}{{costData.unloadDetailedAddress}}
+            <img :src="costData.trailerOperationCertificate" class="right_img_css" @click="enlarge(costData.trailerOperationCertificate)" />
+          </div>
+          <div class="right_title">挂车道路运输证号</div>
+          <div class="right_item">{{costData.trailerOperationCertificateNumber}}</div>
+          <div class="right_title">挂车道路运输证有效期</div>
+          <div class="right_item">{{costData.trailerOperationCertificateValidityDate}}</div>
+          <div class="right_title">行驶证主页</div>
+          <div class="right_item">
+            <img :src="costData.drivingLicenseHomePage" class="right_img_css" @click="enlarge(costData.drivingLicenseHomePage)" />
+          </div>
+          <div class="right_title">行驶证副页</div>
+          <div class="right_item">
+            <img :src="costData.drivingLicenseBackPage" class="right_img_css" @click="enlarge(costData.drivingLicenseBackPage)" />
+          </div>
+          <div class="right_title">行驶证车辆类型</div>
+          <div class="right_item">{{costData.vehicleType}}</div>
+          <div class="right_title">行驶证档案编号</div>
+          <div class="right_item">{{costData.drivingLicenseNumber}}</div>
+          <div class="right_title">注册日期</div>
+          <div class="right_item">{{costData.drivingLicenseRegistrationDate}}</div>
+          <div class="right_title">发证日期</div>
+          <div class="right_item">{{costData.drivingLicenseIssueDate}}</div>
+          <div class="right_title">行驶证有效期</div>
+          <div class="right_item">{{costData.drivingLicenseValidityDate}}</div>
+          <div class="right_title">使用性质</div>
+          <div class="right_item">{{costData.useNature}}</div>
+          <div class="right_title">发证机关</div>
+          <div class="right_item">{{costData.lssuingAuthority}}</div>
+          <div class="right_title">车辆能源类型</div>
+          <div class="right_item">{{costData.energyType}}</div>
+          <div class="right_title">挂车行驶证主页</div>
+          <div class="right_item">
+            <img :src="costData.trailerLicenseHomePage" class="right_img_css" @click="enlarge(costData.drivingLicenseHomePage)" />
+          </div>
+           <div class="right_title">挂车行驶证副页</div>
+          <div class="right_item">
+            <img :src="costData.trailerLicenseBackPage" class="right_img_css" @click="enlarge(costData.drivingLicenseBackPage)" />
+          </div>
+          <div class="right_title">挂车行驶证档案编号</div>
+          <div class="right_item">{{costData.trailerLicenseNumber}}</div>
+          <div class="right_title">注册日期</div>
+          <div class="right_item">{{costData.trailerLicenseRegistrationDate}}</div>
+          <div class="right_title">发证日期</div>
+          <div class="right_item">{{costData.trailerLicenseIssueDate}}</div>
+          <div class="right_title">挂车行驶证有效期</div>
+          <div class="right_item">{{costData.trailerLicenseValidityDate}}</div>
+          <div class="right_title">使用性质</div>
+          <div class="right_item">{{costData.guaUseNature}}</div>
+          <div class="right_title">发证机关</div>
+          <div class="right_item">{{costData.guaLssuingAuthority}}</div>
+          <div class="right_title">车牌号</div>
+          <div class="right_item">{{costData.carNumber}}</div>
+          <div class="right_title">车牌颜色</div>
+          <div class="right_item">{{costData.carNumberColour}}</div>
+          <div class="right_title">车辆所属车主</div>
+          <div class="right_item">{{costData.owner}}</div>
+          <div class="right_title">总质量(千克)</div>
+          <div class="right_item">{{costData.carTotalWeight}}</div>
+          <div class="right_title">核定载质量(千克)</div>
+          <div class="right_item">{{costData.carApprovedWeight}}</div>
+          <div class="right_title">整备质量(千克)</div>
+          <div class="right_item">{{costData.servicingWeight}}</div>
+          <div class="right_title">外廓尺寸(毫米)</div>
+          <div class="right_item">{{costData.carLong}}-{{costData.carWidth}}-{{costData.carHeight}}</div>
+          <div class="right_title">上传人车合影</div>
+          <div class="right_item">
+            <img  v-for="item in costData.addressUrlArray" :src="item" class="right_img_css" @click="enlarge(item)" />
+          </div>
+          <div class="right_title">挂车车牌号</div>
+          <div class="right_item">{{costData.guaCarNumber}}</div>
+          <div class="right_title">挂车车辆所属车主</div>
+          <div class="right_item">{{costData.guaOwner}}</div>
+          <div class="right_title">挂车核定载质量(千克)</div>
+          <div class="right_item">{{costData.guaCarApprovedWeight}}</div>
+          <div class="right_title">挂车整备质量(千克)</div>
+          <div class="right_item">{{costData.guaServicingWeight}}</div>
+          <div class="right_title">挂车外廓尺寸(毫米)</div>
+          <div class="right_item">{{costData.guaCarLong}}-{{costData.guaCarWidth}}-{{costData.guaCarHeight}}</div>
+          <div class="right_title">上传人和挂车合影</div>
+          <div class="right_item">
+            <img  v-for="item in costData.guaAddressUrlArray" :src="item" class="right_img_css" @click="enlarge(item)" />
           </div>
           </div>
-          <div class="right_title">货物类别</div>
-          <div class="right_item">{{costData.goodsType}}</div>
-          <div class="right_title">货名</div>
-          <div class="right_item">{{costData.goodsName}}</div>
-          
-          <el-divider v-if="costData.freightInfo"></el-divider>
         <div class="right_btn">
         <div class="right_btn">
-          <el-button @click="submit(1)" v-if="costData.orderStatusKey == 9 || costData.orderStatusKey == 19">
-            确认</el-button>
-          <el-button @click="submit(2)" v-if="costData.orderStatusKey == 9 || costData.orderStatusKey == 19">
-            驳回</el-button>
-          <el-button @click="complete" v-if="costData.cargoOwnerStatusKey == 29">完结</el-button>
           <el-button @click="rightSee = false">关闭</el-button>
           <el-button @click="rightSee = false">关闭</el-button>
         </div>
         </div>
         </div>
         </div>
@@ -277,6 +344,7 @@
         this.rightSee=true
         this.rightSee=true
       },
       },
       closeImgViewer() {
       closeImgViewer() {
+        console.log(11111111111)
          this.srcList = []
          this.srcList = []
         this.imgsVisible = false;
         this.imgsVisible = false;
       },
       },
@@ -343,6 +411,21 @@
         _obj.searchKeyWord = this.searchkeyWord
         _obj.searchKeyWord = this.searchkeyWord
         _obj.searchType = this.search
         _obj.searchType = this.search
         getCarList(_obj).then(response => {
         getCarList(_obj).then(response => {
+          if(response.data.records.length>0){
+            for(var i=0;i<response.data.records.length;i++){
+              if(response.data.records[i].addressUrl){
+                response.data.records[i].addressUrlArray=response.data.records[i].addressUrl.split(',')
+              }else{
+                response.data.records[i].addressUrlArray=[]
+              }
+              if(response.data.records[i].guaAddressUrl){
+                response.data.records[i].guaAddressUrlArray=response.data.records[i].guaAddressUrl.split(',')
+              }else{
+                response.data.records[i].guaAddressUrlArray=[]
+              }
+            }
+            
+          }
             this.tableData = response.data.records
             this.tableData = response.data.records
             this.deptBudgetTotal = response.data.total
             this.deptBudgetTotal = response.data.total
             this.listLoading = false
             this.listLoading = false
@@ -605,7 +688,45 @@
       margin-top: 10px;
       margin-top: 10px;
     }
     }
   }
   }
+  
+   .right_css {
+    // overflow-y: auto !important;
+    min-height: 1266px;
+    padding: 0 20px;
+
+    .right_title {
+      color: #9D9D9D;
+      font-size: 14px;
+      margin-bottom: 4px;
+    }
 
 
+    .title_name {
+      margin-bottom: 10px;
+    }
+
+    .right_item {
+      color: #0D0D0D;
+      font-size: 14px;
+      margin-bottom: 10px;
+    }
+
+    .right_btn {
+      text-align: right;
+      margin: 10px 0;
+    }
+
+    .right_img_css {
+    width: 100px;
+    height: 80px;
+    margin-right: 5px;
+  }
+
+    .right_img {
+      width: 200px;
+      height: 120px;
+      margin-top: 10px;
+    }
+  }
   //查看附件
   //查看附件
   .file {
   .file {
     .fujian_css {
     .fujian_css {

+ 1 - 1
src/views/enterpriseManagement/enterpriseAudit.vue

@@ -41,7 +41,7 @@
       </div>
       </div>
       <el-table :data="tableData" style="width: 98%; margin: 0 auto; border-radius: 10px" height="55.8vh" border highlight-current-row>
       <el-table :data="tableData" style="width: 98%; margin: 0 auto; border-radius: 10px" height="55.8vh" border highlight-current-row>
         <el-table-column prop="companyName" label="企业名称" min-width="150"></el-table-column>
         <el-table-column prop="companyName" label="企业名称" min-width="150"></el-table-column>
-        <el-table-column prop="unifiedSocialCreditCode" label="统一社会信用代码" min-width="140"></el-table-column>
+        <el-table-column prop="unifiedSocialCreditCode" label="统一社会信用代码" min-width="160"></el-table-column>
         <el-table-column prop="legalPersonName" label="法定代表人" min-width="91"></el-table-column>
         <el-table-column prop="legalPersonName" label="法定代表人" min-width="91"></el-table-column>
         <el-table-column prop="accountNumber" label="账号" min-width="107"></el-table-column>
         <el-table-column prop="accountNumber" label="账号" min-width="107"></el-table-column>
         <el-table-column prop="accountBalance" label="可用余额(元)" min-width="133"></el-table-column>
         <el-table-column prop="accountBalance" label="可用余额(元)" min-width="133"></el-table-column>

+ 56 - 0
src/views/login/index.vue

@@ -273,6 +273,62 @@
           this.$refs.password.focus();
           this.$refs.password.focus();
         });
         });
       },
       },
+      // handleLogin() {
+      //   this.$refs.loginForm.validate(async (valid) => {
+      //     if (valid) {
+      //       this.loginForm.companyName = '黑龙江中天昊元贸易有限公司'
+      //       this.loading = true
+      //       // this.$store.dispatch('user/login', this.loginForm)
+      //       // const res = await this.$store.dispatch('user/login', this.loginForm)
+      //       const res = await this.login(this.loginForm)
+      //       debugger
+      //       localStorage.setItem('ws_login_type', 2)
+      //       Cookies.set('ws_login_companyShortName', this.loginForm.companyName, {
+      //         expires: 365,
+      //       })
+      //       Cookies.set('ws_login_account', this.loginForm.username, {
+      //         expires: 365,
+      //       })
+      //       if (this.rememberMe) {
+      //         Cookies.set('ws_login_pwd', this.loginForm.password, {
+      //           expires: 365,
+      //         })
+      //         Cookies.set('ws_login_rememberMe', 1, {
+      //           expires: 365
+      //         })
+      //       } else {
+      //         Cookies.remove('ws_login_companyShortName')
+      //         Cookies.remove('ws_login_account')
+      //         Cookies.remove('ws_login_pwd')
+      //         Cookies.set('ws_login_rememberMe', 0, {
+      //           expires: 365
+      //         })
+      //       }
+      //       const redirect = this.$route.query.redirect
+      //       if (redirect) {
+      //         this.$router.push(redirect)
+      //       } else {
+      //         this.$router.push('/')
+      //       }
+      //       // .then(response => {
+      //       //   localStorage.setItem('UserInfo', JSON.stringify(response.data))
+      //       //   this.$router.push({
+      //       //     path: this.redirect || '/'
+      //       //   })
+      //       //   this.loading = false
+      //       // })
+      //       // .catch(() => {
+      //       //   this.loading = false
+      //       // })
+      //     } else {
+      //       console.log('error submit!!')
+      //       return false
+      //     }
+      //   })
+      // },
+
+
+
       handleLogin() {
       handleLogin() {
         let that = this
         let that = this
         this.$refs.loginForm.validate(async (valid) => {
         this.$refs.loginForm.validate(async (valid) => {

+ 158 - 5
src/views/settlementManagement/driverFeeSettlement.vue

@@ -5,7 +5,7 @@
         <el-row>
         <el-row>
           <el-col :span="14">
           <el-col :span="14">
           <el-button type="primary" @click="deferPay">暂缓支付</el-button>
           <el-button type="primary" @click="deferPay">暂缓支付</el-button>
-          <el-button type="primary" @click="batchpayment">批量付款</el-button>
+          <!-- <el-button type="primary" @click="batchpayment">批量付款</el-button> -->
           <el-date-picker class='date' v-model="value1" value-format="yyyy-MM-dd" @change="dateChange" type="daterange"
           <el-date-picker class='date' v-model="value1" value-format="yyyy-MM-dd" @change="dateChange" type="daterange"
               range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期">
               range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期">
           </el-date-picker>
           </el-date-picker>
@@ -67,6 +67,11 @@
         <el-table-column prop="paymentType" label="付款类型" />
         <el-table-column prop="paymentType" label="付款类型" />
         <el-table-column prop="amountMoney" label="金额(元)" />
         <el-table-column prop="amountMoney" label="金额(元)" />
         <el-table-column prop="paymentDate" label="付款时间" />
         <el-table-column prop="paymentDate" label="付款时间" />
+        <el-table-column prop="paymentDate" label="支付凭证" >
+          <template scope="scope">
+            <el-link v-if='scope.row.paymentVoucher' target="_blank" type="primary" :underline="false" @click="paymentVoucher(scope.row)">查看</el-link>
+          </template>
+        </el-table-column>
         <el-table-column prop="status" label="状态" >
         <el-table-column prop="status" label="状态" >
           <template scope="scope">
           <template scope="scope">
             <span>{{scope.row.status}}</span>
             <span>{{scope.row.status}}</span>
@@ -82,9 +87,49 @@
     <el-pagination :current-page="currentPage" style="text-align: center; margin-top: 10px"
     <el-pagination :current-page="currentPage" style="text-align: center; margin-top: 10px"
       :page-size="deptCircularPage.pageSize" layout="total, sizes, prev, pager, next, jumper" :total="deptBudgetTotal"
       :page-size="deptCircularPage.pageSize" layout="total, sizes, prev, pager, next, jumper" :total="deptBudgetTotal"
       @size-change="handleSizeChange" @current-change="handleCurrentChange" />
       @size-change="handleSizeChange" @current-change="handleCurrentChange" />
+    <el-dialog :close-on-click-modal='false' title="支付凭证" :visible.sync="fujianInfo" width="830px" :before-close="fujianClose">
+      <div class="file_img">
+        <img :src="file.paymentVoucher" class="img_css" @click="enlarge(file.paymentVoucher)" />
+      </div>
+    </el-dialog>
+    <el-dialog :close-on-click-modal='false' :title="title" :visible.sync="paymentshow" width="830px" :before-close="paymentshowClose">
+      <div>
+        <el-form ref="form" auto-complete="on" :model="currectdata" :rules="Rules" label-width="100px">
+          <el-form-item label="收款人">
+            {{currectdata.driverName}}
+          </el-form-item>
+          <el-form-item label="卡号">
+           {{currectdata.bankCard}}
+          </el-form-item>
+          <el-form-item label="金额">
+           {{currectdata.amountMoney}}
+          </el-form-item>
+
+          <el-form-item label="流水号" prop='serialNumber'>
+            <el-input placeholder="输入流水号" v-model="currectdata.serialNumber"></el-input>
+            <!-- <el-input type="textarea" v-model="currectdata.serialNumber"></el-input> -->
+          </el-form-item>
+          <el-form-item label="支付凭证" prop='paymentVoucher'>
+            <el-upload ref='upload' class="avatar-uploader" :action="uploadPath" :show-file-list="false"
+              :on-success="uploadSuccess">
+              <img v-if="currectdata.paymentVoucher" :src="currectdata.paymentVoucher" class="avatar">
+              <i v-else class="el-icon-plus avatar-uploader-icon"></i>
+            </el-upload>
+            <!-- <el-input type="textarea" v-model="currectdata.serialNumber"></el-input> -->
+          </el-form-item>
+          <div class="btn">
+            <el-button @click="paymentsubmit">提交</el-button>
+          </div>
+        </el-form>
+      </div>
+      
+    </el-dialog>
   </div>
   </div>
 </template>
 </template>
 <script>
 <script>
+  import {
+    uploadPath
+  } from '@/api/officialWebsiteManagement'
 import {
 import {
   getListdriverfreight,
   getListdriverfreight,
   deferpay,
   deferpay,
@@ -93,6 +138,7 @@ import {
   export default {
   export default {
     data() {
     data() {
       return {
       return {
+        uploadPath,
         startDate: '',
         startDate: '',
         endDate: '',
         endDate: '',
          value1: '',
          value1: '',
@@ -103,10 +149,36 @@ import {
         pageSize: 10,
         pageSize: 10,
         deptBudgetTotal: 0,
         deptBudgetTotal: 0,
         deptCircularPage: {},
         deptCircularPage: {},
+        Rules: {
+          serialNumber: [{
+              required: true,
+              message: "请输入流水号",
+              trigger: "blur",
+            },
+            {
+              min: 6,
+              max: 30,
+              message: "流水号输入错误",
+              trigger: "blur",
+            },
+          ],
+          paymentVoucher: [{
+              required: true,
+              type:'string',
+              message: "支付凭证不能为空",
+              trigger: "change",
+            }
+          ],
+        },
         multipleSelection:[],
         multipleSelection:[],
         search: 1,
         search: 1,
         searchType:'1',
         searchType:'1',
+        file:{},
+        title:'',
         disabled: false,
         disabled: false,
+        fujianInfo:false,
+        paymentshow:false,
+        currectdata:{}
       }
       }
     },
     },
     mounted() {
     mounted() {
@@ -114,6 +186,16 @@ import {
       this.getList()
       this.getList()
     },
     },
     methods: {
     methods: {
+      fujianClose(){
+        this.fujianInfo=false
+      },
+      uploadSuccess(res) {
+        console.log(res.data)
+        this.currectdata.paymentVoucher=res.data.url
+      },
+      paymentshowClose(){
+        this.paymentshow=false
+      },
       checkSelectable(row) {
       checkSelectable(row) {
         if(row.status!='已付款'){
         if(row.status!='已付款'){
           return true
           return true
@@ -190,6 +272,10 @@ import {
         }
         }
        
        
       },
       },
+      paymentVoucher(row){
+        this.file=row
+        this.fujianInfo=true
+      },
       batchpayment(){
       batchpayment(){
         if(this.multipleSelection.length>0){
         if(this.multipleSelection.length>0){
           var money=0
           var money=0
@@ -230,29 +316,73 @@ import {
           })
           })
         }
         }
       },
       },
-      payment(row){
-        this.$confirm(`确定支付${row.driverName}运费${row.amountMoney}元?`, '提示', {
+      // payment(row){
+      //   this.$confirm(`确定支付${row.driverName}运费${row.amountMoney}元?`, '提示', {
+      //       confirmButtonText: '确定',
+      //       cancelButtonText: '取消',
+      //       type: 'warning'
+      //     })
+      //     .then(() => {
+      //       this.listLoading = true
+      //       var _obj = {}
+      //       _obj.hyFreightSettlementInfos = [row]
+      //       batchpay(_obj).then(response => {
+      //           this.$notify({
+      //             title: '成功',
+      //             message: '支付成功!',
+      //             type: 'success'
+      //           })
+      //           this.getList()
+      //           this.listLoading = false
+      //         })
+      //         .catch(() => {
+      //           this.loading = false
+      //         })
+      //     })
+      // },
+      paymentsubmit(){
+        this.$refs.form.validate(async (valid) => {
+          if (valid) {
+          this.$confirm(`确定提交付款信息?`, '提示', {
             confirmButtonText: '确定',
             confirmButtonText: '确定',
             cancelButtonText: '取消',
             cancelButtonText: '取消',
             type: 'warning'
             type: 'warning'
           })
           })
           .then(() => {
           .then(() => {
+            this.paymentshow=false
             this.listLoading = true
             this.listLoading = true
             var _obj = {}
             var _obj = {}
-            _obj.hyFreightSettlementInfos = [row]
+            _obj.hyFreightSettlementInfos = [this.currectdata]
             batchpay(_obj).then(response => {
             batchpay(_obj).then(response => {
                 this.$notify({
                 this.$notify({
                   title: '成功',
                   title: '成功',
-                  message: '支付成功!',
+                  message: '提交成功!',
                   type: 'success'
                   type: 'success'
                 })
                 })
+                this.$refs.upload.clearFiles();
                 this.getList()
                 this.getList()
                 this.listLoading = false
                 this.listLoading = false
               })
               })
               .catch(() => {
               .catch(() => {
+                // this.$notify({
+                //   title: '失败',
+                //   message: '提交失败!',
+                //   type: 'error'
+                // })
+                this.$refs.upload.clearFiles();
                 this.loading = false
                 this.loading = false
               })
               })
           })
           })
+          }else {
+            console.log('error submit!!');
+            return false;
+          }
+        })
+      },
+      payment(row){
+        this.title='支付'+row.paymentType
+        this.currectdata=row
+        this.paymentshow=true
       },
       },
       handleSelectionChange(val) {
       handleSelectionChange(val) {
         this.multipleSelection = val;
         this.multipleSelection = val;
@@ -582,4 +712,27 @@ import {
     padding: 2px;
     padding: 2px;
     margin-left: 10px;
     margin-left: 10px;
   }
   }
+  .avatar-uploader::v-deep .el-upload {
+    border: 1px dashed #d9d9d9;
+    border-radius: 6px;
+    cursor: pointer;
+    position: relative;
+    overflow: hidden;
+  }
+  .avatar-uploader .el-upload:hover {
+    border-color: #409EFF;
+  }
+  .avatar-uploader-icon {
+    font-size: 28px;
+    color: #8c939d;
+    width: 178px;
+    height: 178px;
+    line-height: 178px;
+    text-align: center;
+  }
+  .avatar {
+    width: 178px;
+    height: 178px;
+    display: block;
+  }
 </style>
 </style>