Merge branch 'master' of http://47.100.3.209:3000/gongdecai/wangluohuoyun-htqd

src/api/cargoOwnerManagement.js

@@ -81,3 +81,11 @@ export function getInfo(data) {
      params: data,
   })
 }
+// 充值
+export function theRecharge(data) {
+  return request({
+    url: '/hyCargoOwnerCapitalInfo/api/recharge',
+    method: 'post',
+     data: data,
+  })
+}

src/api/enterpriseManagement.js

@@ -23,3 +23,11 @@ export function getBillList(data) {
      params: data,
   })
 }
+// 充值
+export function theRecharge(data) {
+  return request({
+    url: '/hyCargoOwnerCapitalInfo/api/recharge',
+    method: 'post',
+     data: data,
+  })
+}

src/views/cargoOwnerManagement/empowerExamine.vue

@@ -9,7 +9,8 @@
           </el-col>
           <el-col :span="10">
             <div class="screen">
-              <el-input class='find' placeholder="可按货主姓名、账号查找" v-model="searchkeyWord" @keyup.enter.native="find" clearable @change="find"></el-input>
+              <el-input class='find' placeholder="可按货主姓名、账号查找" v-model="searchkeyWord" @keyup.enter.native="find"
+                clearable @change="find"></el-input>
               <el-button class="search" @click="find"><img width="16" height="16" style="margin-left: -8px"
                   src="../../../public/img/sousuo.png" /></el-button>
             </div>
@@ -47,7 +48,8 @@
           </el-col>
         </el-row>
       </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="name" label="货主姓名" min-width="130"></el-table-column>
         <el-table-column prop="phone" label="账号" min-width="110"></el-table-column>
         <el-table-column prop="cardNumber" label="身份证号" min-width="165"></el-table-column>
@@ -57,10 +59,10 @@
         <el-table-column prop="amountMoney" label="代理身份">
           <template slot-scope="scope">
             <el-popover placement="top-start" title="" width="200" trigger="hover" :content="
-                scope.row.proxyIdentity
-                  ? scope.row.proxyIdentity
-                  : '暂无代理企业'
-              ">
+              scope.row.proxyIdentity
+                ? scope.row.proxyIdentity
+                : '暂无代理企业'
+            ">
               <span class="btn_css" slot="reference">企业</span>
             </el-popover>
           </template>
@@ -123,6 +125,10 @@
             <el-link target="_blank" @click="reject(scope.row)" type="primary" :underline="false"
               :disabled="scope.row.authenticationStatus != '审核中'">驳回</el-link>
             <el-divider direction="vertical"></el-divider>
+            <el-link target="_blank" @click="recharge(scope.row)" type="primary" :underline="false"
+              :disabled="scope.row.authenticationStatus !='已认证'">充值
+            </el-link>
+            <el-divider direction="vertical"></el-divider>
             <el-link target="_blank" @click="newInfo(scope.row)" type="primary" :underline="false"
               :disabled="scope.row.authenticationStatus == '审核中'">消息</el-link>
             <el-divider direction="vertical"></el-divider>
@@ -130,13 +136,13 @@
               <span class="btn_css">•••</span>
               <el-dropdown-menu slot="dropdown">
                 <el-dropdown-item :disabled="
-                    scope.row.authenticationStatus == '已禁用' &&
-                    scope.row.authenticationStatus != '审核中'
-                  "><span @click="switchChange(scope.row, '1')">禁用</span></el-dropdown-item>
+                  scope.row.authenticationStatus == '已禁用' &&
+                  scope.row.authenticationStatus != '审核中'
+                "><span @click="switchChange(scope.row, '1')">禁用</span></el-dropdown-item>
                 <el-dropdown-item :disabled="
-                    scope.row.authenticationStatus != '已禁用' &&
-                    scope.row.authenticationStatus != '审核中'
-                  "><span @click="switchChange(scope.row, '2')">启用</span></el-dropdown-item>
+                  scope.row.authenticationStatus != '已禁用' &&
+                  scope.row.authenticationStatus != '审核中'
+                "><span @click="switchChange(scope.row, '2')">启用</span></el-dropdown-item>
               </el-dropdown-menu>
             </el-dropdown>
           </template>
@@ -211,6 +217,37 @@
         </div>
       </div>
     </el-dialog>
+    <!--充值弹窗-->
+    <el-dialog :close-on-click-modal="false" title="充值" :visible.sync="rechargeShow" width="500px"
+      :before-close="rechargeClose">
+      <div class="recharge">
+        <div class="recharge_css">
+          <div class="title_css">货主 :</div>
+          <div class="recharge_css">{{ rechargeData.name }}</div>
+        </div>
+        <div class="pay_css">
+          <div class="title_css">金额(元) :</div>
+          <div class="recharge_css" style="margin: -24px 32px 44px 69px;">
+            <el-input type="number" @mousewheel.native.prevent v-model="rechargeData.amountMoney" placeholder="输入充值金额"
+              maxlength="100" size="small">
+            </el-input>
+          </div>
+        </div>
+        <div class="recharge_css">
+          <div class="title_css">上传截图 :</div>
+          <div class="upLoad">
+            <el-upload class="avatar-uploader" action="https://www.zthymaoyi.com/upload/admin" :show-file-list="false"
+              :on-success="handleAvatarSuccess">
+              <img v-if="imageUrl" :src="imageUrl" class="avatar" />
+              <i v-else class="el-icon-plus avatar-uploader-icon"></i>
+            </el-upload>
+          </div>
+        </div>
+        <div style="text-align: center; margin-top: 20px">
+          <el-button @click="rechargeSubmit()">提交</el-button>
+        </div>
+      </div>
+    </el-dialog>
     <!-- 账户信息 -->
     <el-dialog :close-on-click-modal="false" title="账户信息" :visible.sync="payInfo" width="500px"
       :before-close="payClose">
@@ -242,582 +279,696 @@
   </div>
 </template>
 <script>
-  import {
-    getList,
-    toExamine,
-    postNews,
-    getBillList,
-    editInfo,
-    getInfo,
-  } from "@/api/cargoOwnerManagement";
-  export default {
-    components: {
-      "el-image-viewer": () =>
-        import("element-ui/packages/image/src/image-viewer"),
+import {
+  getList,
+  toExamine,
+  postNews,
+  getBillList,
+  editInfo,
+  getInfo,
+  theRecharge
+} from '@/api/cargoOwnerManagement';
+export default {
+  components: {
+    'el-image-viewer': () =>
+      import('element-ui/packages/image/src/image-viewer'),
+  },
+  data() {
+    return {
+      billList: [],
+      tableData: [],
+      //分页
+      searchkeyWord: '',
+      currentPage: 1,
+      pageSize: 10,
+      deptBudgetTotal: 0,
+      deptCircularPage: {},
+      search: '',
+      addressUrl: [],
+      disabled: false,
+      userInfo: false,
+      rejectInfo: false,
+      form: {},
+      Info: {},
+      sendInfo: false,
+      idSee: {},
+      //图片预览
+      srcList: [],
+      imgsVisible: false,
+      //账户信息
+      payInfo: false,
+      paySee: {},
+      rechargeShow: false,
+      imageUrl: '',
+      rechargeData: {},
+    };
+  },
+  mounted() {
+    this.getList();
+  },
+  methods: {
+    seeInfo(val) {
+      this.listLoading = true;
+      getInfo({
+        commonId: val.commonId
+      })
+        .then((response) => {
+          if (response.code == 200) {
+            this.paySee = response.data
+            this.payInfo = true;
+            if (!this.paySee) {
+              this.$message.error('暂无数据！')
+            }
+          }
+        })
+        .catch(() => {
+          this.listLoading = false;
+        });
+
     },
-    data() {
-      return {
-        billList: [],
-        tableData: [],
-        //分页
-        searchkeyWord: "",
-        currentPage: 1,
-        pageSize: 10,
-        deptBudgetTotal: 0,
-        deptCircularPage: {},
-        search: "",
-        addressUrl: [],
-        disabled: false,
-        userInfo: false,
-        rejectInfo: false,
-        form: {},
-        Info: {},
-        sendInfo: false,
-        idSee: {},
-        //图片预览
-        srcList: [],
-        imgsVisible: false,
-        //账户信息
-        payInfo: false,
-        paySee: {},
-      };
+    payClose() {
+      this.payInfo = false;
     },
-    mounted() {
-      this.getList();
+    closeImgViewer() {
+      this.srcList = [];
+      this.imgsVisible = false;
+    },
+    enlarge(url) {
+      this.imgsVisible = true;
+      this.srcList.push(url);
+    },
+    IDLook(val) {
+      //查看身份证
+      this.idSee = val;
+      this.userInfo = true;
     },
-    methods: {
-      seeInfo(val) {
+    editRatio(val) {
+      this.$confirm('确定修改该货主的垫付比例？', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning',
+      }).then(() => {
+        // 收费比例/100
+        if (val.chargeProportion) {
+          val.chargeProportion = (val.chargeProportion / 100).toFixed(2)
+        }
+        //垫付比例
+        if (val.advancePayment) {
+          val.advancePayment = (val.advancePayment / 100).toFixed(2)
+        }
         this.listLoading = true;
-        getInfo({
-            commonId: val.commonId
-          })
+        editInfo(val)
           .then((response) => {
             if (response.code == 200) {
-              this.paySee = response.data
-              this.payInfo = true;
-              if (!this.paySee) {
-                this.$message.error("暂无数据！")
-              }
+              this.$notify({
+                title: '成功',
+                message: '修改成功！',
+                type: 'success',
+              });
+              this.getList();
             }
           })
           .catch(() => {
             this.listLoading = false;
           });
-
-      },
-      payClose() {
-        this.payInfo = false;
-      },
-      closeImgViewer() {
-        this.srcList = [];
-        this.imgsVisible = false;
-      },
-      enlarge(url) {
-        this.imgsVisible = true;
-        this.srcList.push(url);
-      },
-      IDLook(val) {
-        //查看身份证
-        this.idSee = val;
-        this.userInfo = true;
-      },
-      editRatio(val) {
-        this.$confirm("确定修改该货主的垫付比例？", "提示", {
-          confirmButtonText: "确定",
-          cancelButtonText: "取消",
-          type: "warning",
-        }).then(() => {
-            // 收费比例/100
-          if(val.chargeProportion){
-             val.chargeProportion = (val.chargeProportion/100).toFixed(2)
-          }
-          //垫付比例
-          if(val.advancePayment){
-             val.advancePayment = (val.advancePayment/100).toFixed(2)
-          }
-          this.listLoading = true;
-          editInfo(val)
-            .then((response) => {
-              if (response.code == 200) {
-                this.$notify({
-                  title: "成功",
-                  message: "修改成功！",
-                  type: "success",
-                });
-                this.getList();
-              }
-            })
-            .catch(() => {
-              this.listLoading = false;
-            });
-        });
-      },
-      editchargeProportion(val){
-         this.$confirm("确定修改该货主的收费比例？", "提示", {
-          confirmButtonText: "确定",
-          cancelButtonText: "取消",
-          type: "warning",
-        }).then(() => {
-          // 收费比例/100
-          if(val.chargeProportion){
-             val.chargeProportion = (val.chargeProportion/100).toFixed(2)
-          }
-          //垫付比例
-          if(val.advancePayment){
-             val.advancePayment = (val.advancePayment/100).toFixed(2)
-          }
-          this.listLoading = true;
-          editInfo(val)
-            .then((response) => {
-              if (response.code == 200) {
-                this.$notify({
-                  title: "成功",
-                  message: "修改成功！",
-                  type: "success",
-                });
-                this.getList();
-              }
-            })
-            .catch(() => {
-              this.listLoading = false;
-            });
-        });
-
-      },
-      getBillList(id) {
-        let _obj = {
-          commonId: id,
-          pageSize: 999,
-          currentPage: 1,
-        };
-        getBillList(_obj)
-          .then((response) => {
-            this.billList = response.data.records;
-          })
-          .catch(() => {
-            this.loading = false;
-          });
-      },
-      getList() {
-        this.loading = true;
-        let _obj = {};
-        _obj.currentPage = this.currentPage;
-        _obj.pageSize = this.pageSize;
-        _obj.searchKeyWord = this.searchkeyWord;
-        _obj.searchType = this.search;
-        getList(_obj)
+      });
+    },
+    editchargeProportion(val) {
+      this.$confirm('确定修改该货主的收费比例？', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning',
+      }).then(() => {
+        // 收费比例/100
+        if (val.chargeProportion) {
+          val.chargeProportion = (val.chargeProportion / 100).toFixed(2)
+        }
+        //垫付比例
+        if (val.advancePayment) {
+          val.advancePayment = (val.advancePayment / 100).toFixed(2)
+        }
+        this.listLoading = true;
+        editInfo(val)
           .then((response) => {
-            this.tableData = response.data.records;
-            for(let i = 0 ;i<this.tableData.length;i++){
-              if(this.tableData[i].advancePayment){
-                this.tableData[i].advancePayment = this.tableData[i].advancePayment*100
-              }
-              if(this.tableData[i].chargeProportion){
-                this.tableData[i].chargeProportion = this.tableData[i].chargeProportion*100
-              }
+            if (response.code == 200) {
+              this.$notify({
+                title: '成功',
+                message: '修改成功！',
+                type: 'success',
+              });
+              this.getList();
             }
-            this.deptBudgetTotal = response.data.total;
-            this.listLoading = false;
           })
           .catch(() => {
-            this.loading = false;
+            this.listLoading = false;
           });
-      },
-      switchChange(row, num) {
-        var _examine = {};
-        _examine.id = row.id;
-        let title;
-        if (num == 1) {
-          _examine.flag = 3;
-          title = "禁用后客户将无法使用所有功能，是否确定禁用？";
-        } else if (num == 2) {
-          title = "确定重新启用该用户？";
-          _examine.flag = 4;
-        }
-        this.$confirm(title, "提示", {
-          confirmButtonText: "确定",
-          cancelButtonText: "取消",
-          type: "warning",
-        }).then(() => {
-          this.listLoading = true;
-          toExamine(_examine)
-            .then((response) => {
-              if (num == 1) {
-                this.$notify({
-                  title: "成功",
-                  message: "禁用成功！",
-                  type: "success",
-                });
-              } else if (num == 2) {
-                this.$notify({
-                  title: "成功",
-                  message: "启用成功！",
-                  type: "success",
-                });
-              }
-              this.getList();
-              this.listLoading = false;
-            })
-            .catch(() => {
-              this.loading = false;
-            });
+      });
+
+    },
+    getBillList(id) {
+      let _obj = {
+        commonId: id,
+        pageSize: 999,
+        currentPage: 1,
+      };
+      getBillList(_obj)
+        .then((response) => {
+          this.billList = response.data.records;
+        })
+        .catch(() => {
+          this.loading = false;
         });
-      },
-      newInfo(row) {
-        this.Info.newsTypeKey = 1;
-        this.Info.newsType = "系统消息";
-        this.Info.crtCommonId = JSON.parse(
-          localStorage.getItem("UserInfo")
-        ).userId;
-        this.Info.reCommonId = row.commonId;
-        this.Info.bussId = row.id;
-        this.sendInfo = true;
-      },
-      sendInfoClose() {
-        this.Info = {};
-        this.sendInfo = false;
-      },
-      adopt(row) {
-        this.$confirm("确定通过身份审核？", "提示", {
-          confirmButtonText: "确定",
-          cancelButtonText: "取消",
-          type: "warning",
-        }).then(() => {
-          this.listLoading = true;
-          var _examine = {};
-          _examine.id = row.id;
-          _examine.flag = 1;
-          toExamine(_examine)
-            .then((response) => {
-              this.$notify({
-                title: "成功",
-                message: "通过成功！",
-                type: "success",
-              });
-              this.getList();
-              this.listLoading = false;
-            })
-            .catch(() => {
-              this.loading = false;
-            });
+    },
+    getList() {
+      this.loading = true;
+      let _obj = {};
+      _obj.currentPage = this.currentPage;
+      _obj.pageSize = this.pageSize;
+      _obj.searchKeyWord = this.searchkeyWord;
+      _obj.searchType = this.search;
+      getList(_obj)
+        .then((response) => {
+          this.tableData = response.data.records;
+          for (let i = 0; i < this.tableData.length; i++) {
+            if (this.tableData[i].advancePayment) {
+              this.tableData[i].advancePayment = this.tableData[i].advancePayment * 100
+            }
+            if (this.tableData[i].chargeProportion) {
+              this.tableData[i].chargeProportion = this.tableData[i].chargeProportion * 100
+            }
+          }
+          this.deptBudgetTotal = response.data.total;
+          this.listLoading = false;
+        })
+        .catch(() => {
+          this.loading = false;
         });
-      },
-      reject(row) {
-        this.form.id = row.id;
-        this.form.flag = 2;
-        this.rejectInfo = true;
-      },
-      rejectClose() {
-        this.form.rejectReasonDescription = "";
-        this.rejectInfo = false;
-      },
-      submit() {
-        if (!this.form.rejectReasonDescription) {
-          this.$message.error("请输入驳回原因");
-          return;
-        }
-        if (
-          this.form.rejectReasonDescription.length < 6 ||
-          this.form.rejectReasonDescription.length > 100
-        ) {
-          this.$message.error("驳回原因字数应在6-100之间");
-          return;
-        }
+    },
+    switchChange(row, num) {
+      var _examine = {};
+      _examine.id = row.id;
+      let title;
+      if (num == 1) {
+        _examine.flag = 3;
+        title = '禁用后客户将无法使用所有功能，是否确定禁用？';
+      } else if (num == 2) {
+        title = '确定重新启用该用户？';
+        _examine.flag = 4;
+      }
+      this.$confirm(title, '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning',
+      }).then(() => {
         this.listLoading = true;
-        toExamine(this.form)
+        toExamine(_examine)
           .then((response) => {
-            this.$notify({
-              title: "成功",
-              message: "驳回成功！",
-              type: "success",
-            });
-            this.form = {};
-            this.rejectInfo = false;
+            if (num == 1) {
+              this.$notify({
+                title: '成功',
+                message: '禁用成功！',
+                type: 'success',
+              });
+            } else if (num == 2) {
+              this.$notify({
+                title: '成功',
+                message: '启用成功！',
+                type: 'success',
+              });
+            }
             this.getList();
             this.listLoading = false;
           })
           .catch(() => {
             this.loading = false;
           });
-      },
-      submitInfo() {
-        if (!this.Info.newsTitle) {
-          this.$message.error("请输入标题");
-          return;
-        }
-        if (!this.Info.newsContent) {
-          this.$message.error("请输入内容");
-          return;
-        }
-        if (this.Info.newsTitle.length < 4 || this.Info.newsTitle.length > 20) {
-          this.$message.error("标题字数应在4-20之间");
-          return;
-        }
-        if (
-          this.Info.newsContent.length < 10 ||
-          this.Info.newsContent.length > 100
-        ) {
-          this.$message.error("消息内容字数应在10-100之间");
-          return;
-        }
+      });
+    },
+    newInfo(row) {
+      this.Info.newsTypeKey = 1;
+      this.Info.newsType = '系统消息';
+      this.Info.crtCommonId = JSON.parse(
+        localStorage.getItem('UserInfo')
+      ).userId;
+      this.Info.reCommonId = row.commonId;
+      this.Info.bussId = row.id;
+      this.sendInfo = true;
+    },
+    sendInfoClose() {
+      this.Info = {};
+      this.sendInfo = false;
+    },
+    adopt(row) {
+      this.$confirm('确定通过身份审核？', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning',
+      }).then(() => {
         this.listLoading = true;
-        postNews(this.Info)
+        var _examine = {};
+        _examine.id = row.id;
+        _examine.flag = 1;
+        toExamine(_examine)
           .then((response) => {
             this.$notify({
-              title: "成功",
-              message: "发送成功！",
-              type: "success",
+              title: '成功',
+              message: '通过成功！',
+              type: 'success',
             });
-            this.sendInfoClose();
+            this.getList();
             this.listLoading = false;
           })
           .catch(() => {
             this.loading = false;
           });
-      },
-      userSee(row) {
-        this.idSee.cardAddressUrl = row.cardAddressUrl;
-        this.idSee.cardBackAddressUrl = row.cardBackAddressUrl;
-        this.idSee.name = row.name;
-        this.idSee.cardNumber = row.cardNumber;
-        this.idSee.cardValidityDate = row.cardValidityDate;
-        this.userInfo = true;
-      },
-      userInfoClose() {
-        this.userInfo = false;
-      },
-      searchBtn(num) {
-        this.search = num;
-        this.getList();
-      },
-      find() {
-        this.getList();
-      },
-      onChange() {
-        this.$refs.upload
-          .handleSaveBill()
-          .then(async (response) => {
-            this.formData.addressUrl = response;
-          })
-          .catch((res) => {
-            EventBus.$emit("error", (JSON.parse(res) || {}).message);
-            this.$refs.upload.clearFiles();
+      });
+    },
+    reject(row) {
+      this.form.id = row.id;
+      this.form.flag = 2;
+      this.rejectInfo = true;
+    },
+    rejectClose() {
+      this.form.rejectReasonDescription = '';
+      this.rejectInfo = false;
+    },
+    submit() {
+      if (!this.form.rejectReasonDescription) {
+        this.$message.error('请输入驳回原因');
+        return;
+      }
+      if (
+        this.form.rejectReasonDescription.length < 6 ||
+        this.form.rejectReasonDescription.length > 100
+      ) {
+        this.$message.error('驳回原因字数应在6-100之间');
+        return;
+      }
+      this.listLoading = true;
+      toExamine(this.form)
+        .then((response) => {
+          this.$notify({
+            title: '成功',
+            message: '驳回成功！',
+            type: 'success',
+          });
+          this.form = {};
+          this.rejectInfo = false;
+          this.getList();
+          this.listLoading = false;
+        })
+        .catch(() => {
+          this.loading = false;
+        });
+    },
+    rechargeClose() {
+      this.rechargeShow = false;
+    },
+    recharge(item) {
+      // this.rechargeData = item
+      this.rechargeData.name = item.name
+      this.rechargeData.rechargeId = item.id;
+      this.rechargeData.flag = 1;
+      this.rechargeData.commonId = item.commonId;
+      this.rechargeShow = true
+    },
+    //上传付款截图
+    handleAvatarSuccess(e) {
+      this.imageUrl = e.url
+    },
+    rechargeSubmit() {
+      if (!this.rechargeData.amountMoney) {
+        this.$message({
+          message: '充值金额不能为空',
+          type: 'warning',
+        })
+        return
+      }
+      if (!this.imageUrl) {
+        this.$message({
+          message: '请上传截图 ',
+          type: 'warning',
+        })
+        return
+      }
+      this.rechargeData.rechargeUrl = this.imageUrl
+      this.listLoading = true;
+      this.$confirm('确定提交充值信息？', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning',
+      })
+        .then(() => {
+          theRecharge(this.rechargeData)
+            .then((response) => {
+              this.$notify({
+                title: '成功',
+                message: '充值成功！',
+                type: 'success',
+              });
+              this.rechargeData = {};
+              this.rechargeShow = false;
+              this.getList();
+              this.listLoading = false;
+            })
+        })
+        .catch(() => {
+          this.loading = false;
+        });
+    },
+    submitInfo() {
+      if (!this.Info.newsTitle) {
+        this.$message.error('请输入标题');
+        return;
+      }
+      if (!this.Info.newsContent) {
+        this.$message.error('请输入内容');
+        return;
+      }
+      if (this.Info.newsTitle.length < 4 || this.Info.newsTitle.length > 20) {
+        this.$message.error('标题字数应在4-20之间');
+        return;
+      }
+      if (
+        this.Info.newsContent.length < 10 ||
+        this.Info.newsContent.length > 100
+      ) {
+        this.$message.error('消息内容字数应在10-100之间');
+        return;
+      }
+      this.listLoading = true;
+      postNews(this.Info)
+        .then((response) => {
+          this.$notify({
+            title: '成功',
+            message: '发送成功！',
+            type: 'success',
           });
-      },
-      handleSizeChange(val) {
-        console.log(`每页 ${val} 条`);
-        this.pageSize = val;
-        this.getList();
-      },
-      handleCurrentChange(val) {
-        this.currentPage = val;
-        console.log(`当前页: ${val}`);
-        this.getList();
-      },
+          this.sendInfoClose();
+          this.listLoading = false;
+        })
+        .catch(() => {
+          this.loading = false;
+        });
+    },
+    userSee(row) {
+      this.idSee.cardAddressUrl = row.cardAddressUrl;
+      this.idSee.cardBackAddressUrl = row.cardBackAddressUrl;
+      this.idSee.name = row.name;
+      this.idSee.cardNumber = row.cardNumber;
+      this.idSee.cardValidityDate = row.cardValidityDate;
+      this.userInfo = true;
     },
-  };
+    userInfoClose() {
+      this.userInfo = false;
+    },
+    searchBtn(num) {
+      this.search = num;
+      this.getList();
+    },
+    find() {
+      this.getList();
+    },
+    onChange() {
+      this.$refs.upload
+        .handleSaveBill()
+        .then(async (response) => {
+          this.formData.addressUrl = response;
+        })
+        .catch((res) => {
+          EventBus.$emit('error', (JSON.parse(res) || {}).message);
+          this.$refs.upload.clearFiles();
+        });
+    },
+    handleSizeChange(val) {
+      console.log(`每页 ${val} 条`);
+      this.pageSize = val;
+      this.getList();
+    },
+    handleCurrentChange(val) {
+      this.currentPage = val;
+      console.log(`当前页: ${val}`);
+      this.getList();
+    },
+  },
+};
 </script>
 <style lang="scss" scoped>
-  .center {
-    padding: 10px 20px;
-    background: #f5f6f7;
-    height: calc(100vh - 5vh);
-
-    .top_css {
-      padding: 10px;
+.center {
+  padding: 10px 20px;
+  background: #f5f6f7;
+  height: calc(100vh - 5vh);
 
-      .search_btn {
-        height: 80px;
-        background: linear-gradient(#fafbfb, #ffffff);
-        display: flex;
-        margin-top: 20px;
-
-        .search_block {
-          margin-left: 20px;
-        }
-
-        .search_item {
-          text-align: center;
-          font-size: 14px;
-          font-weight: 600;
-          line-height: 40px;
-          width: 112px;
-          height: 40px;
-          background: #f7f8f9;
-          cursor: pointer;
-          margin-top: 30px;
-        }
-
-        .searchNo {
-          color: #323233;
-        }
-
-        .search {
-          color: #2f53eb;
-          background: #ffffff;
-        }
-      }
-    }
-
-    .center_css {
-      background: #ffffff;
-      border-radius: 1px;
-      margin-top: 10px;
-      padding-bottom: 10px;
-    }
+  .top_css {
+    padding: 10px;
 
-    .screen {
+    .search_btn {
+      height: 80px;
+      background: linear-gradient(#fafbfb, #ffffff);
       display: flex;
+      margin-top: 20px;
 
-      .search {
-        width: 40px;
-        height: 40px;
-        background: #2f53eb;
-        border-radius: 0px 2px 2px 0px;
-        border: 1px solid #DCDFE6;
-        margin-left:-1px;
+      .search_block {
+        margin-left: 20px;
       }
 
-      .count_css {
-        width: 80px;
+      .search_item {
         text-align: center;
+        font-size: 14px;
+        font-weight: 600;
         line-height: 40px;
-        color: #666666;
-      }
-    }
-
-    .el-button {
-      padding: 10px 20px !important;
-    }
-
-    .center_css {
-
-      ::v-deep .el-table th,
-      ::v-deep .el-table td {
-        text-align: center;
+        width: 112px;
+        height: 40px;
+        background: #f7f8f9;
+        cursor: pointer;
+        margin-top: 30px;
       }
 
-      .fujian {
-        font-size: 24px;
-        color: #409eff;
+      .searchNo {
+        color: #323233;
       }
 
-      .warning {
-        font-size: 14px;
-        color: #ed1d1d;
+      .search {
+        color: #2f53eb;
+        background: #ffffff;
       }
     }
   }
 
-  .car_css {
-    width: 50%;
-    display: inline-block;
-    text-align: center;
-    margin-top: 20px;
+  .center_css {
+    background: #ffffff;
+    border-radius: 1px;
+    margin-top: 10px;
+    padding-bottom: 10px;
   }
 
-  .car_item {
-    width: 100px;
-    height: 100px;
-  }
+  .screen {
+    display: flex;
 
-  .user {
-    margin-bottom: 20px;
+    .search {
+      width: 40px;
+      height: 40px;
+      background: #2f53eb;
+      border-radius: 0px 2px 2px 0px;
+      border: 1px solid #DCDFE6;
+      margin-left: -1px;
+    }
 
-    .title_css {
-      color: #9d9d9d;
-      margin-bottom: 6px;
+    .count_css {
+      width: 80px;
+      text-align: center;
+      line-height: 40px;
+      color: #666666;
     }
+  }
+
+  .el-button {
+    padding: 10px 20px !important;
+  }
+
+  .center_css {
 
-    .name_css {
-      color: #0d0d0d;
-      margin-bottom: 20px;
+    ::v-deep .el-table th,
+    ::v-deep .el-table td {
+      text-align: center;
     }
 
-    .form_btn {
-      text-align: right;
+    .fujian {
+      font-size: 24px;
+      color: #409eff;
     }
 
-    .user_item {
-      width: 380px;
-      height: 250px;
-      margin-bottom: 20px;
+    .warning {
+      font-size: 14px;
+      color: #ed1d1d;
     }
   }
+}
+
+.car_css {
+  width: 50%;
+  display: inline-block;
+  text-align: center;
+  margin-top: 20px;
+}
+
+.car_item {
+  width: 100px;
+  height: 100px;
+}
+
+.user {
+  margin-bottom: 20px;
+
+  .title_css {
+    color: #9d9d9d;
+    margin-bottom: 6px;
+  }
 
-  ::v-deep .el-table--border .el-table__header th {
-    background: #f7f8f9;
+  .name_css {
+    color: #0d0d0d;
+    margin-bottom: 20px;
   }
 
-  .btn_css {
-    color: #409eff;
-    cursor: pointer;
+  .form_btn {
+    text-align: right;
   }
 
-  .sign {
-    font-size: 14px;
-    color: red;
+  .user_item {
+    width: 380px;
+    height: 250px;
+    margin-bottom: 20px;
   }
+}
 
-  .form_css {
-    width: 100%;
-    margin: 0 auto 20px;
+::v-deep .el-table--border .el-table__header th {
+  background: #f7f8f9;
+}
 
-    ::v-deep .el-checkbox {
-      width: 40%;
-      height: 30px;
-    }
+.btn_css {
+  color: #409eff;
+  cursor: pointer;
+}
 
-    ::v-deep .el-dialog__body {
-      padding: 10px 20px;
-    }
+.sign {
+  font-size: 14px;
+  color: red;
+}
 
-    ::v-deep .el-dialog__title {
-      font-size: 16px;
-    }
+.form_css {
+  width: 100%;
+  margin: 0 auto 20px;
 
-    // ::v-deep .el-textarea__inner {
-    //   background: #F0F1F2;
-    // }
+  ::v-deep .el-checkbox {
+    width: 40%;
+    height: 30px;
+  }
 
-    .form_btn {
-      text-align: right;
-      margin-top: 10px;
-    }
+  ::v-deep .el-dialog__body {
+    padding: 10px 20px;
   }
 
-  //发送信息
-  .Info_css {
-    .Info_title {
-      color: #323233;
-      font-size: 16px;
-    }
+  ::v-deep .el-dialog__title {
+    font-size: 16px;
+  }
 
-    .Info_item {
-      margin: 20px 0;
-    }
+  // ::v-deep .el-textarea__inner {
+  //   background: #F0F1F2;
+  // }
 
-    .Info_btn {
-      text-align: right;
-      margin-top: 10px;
-    }
+  .form_btn {
+    text-align: right;
+    margin-top: 10px;
   }
+}
 
-  .advancePayment-style {
-    display: flex;
+//发送信息
+.Info_css {
+  .Info_title {
+    color: #323233;
+    font-size: 16px;
   }
 
-  ::v-deep .advancePayment-style .el-input__inner {
-    height: 30px;
+  .Info_item {
+    margin: 20px 0;
   }
 
-  .pay {
-    .pay_css {
-      display: flex;
-      margin-bottom: 20px;
-    }
+  .Info_btn {
+    text-align: right;
+    margin-top: 10px;
+  }
+}
+
+.advancePayment-style {
+  display: flex;
+}
+
+::v-deep .advancePayment-style .el-input__inner {
+  height: 30px;
+}
+
+.pay {
+  .pay_css {
+    display: flex;
+    margin-bottom: 20px;
+  }
+}
+
+.recharge {
+  .recharge_css {
+    display: flex;
+    margin-bottom: 20px;
+    justify-content: space-between;
   }
-  .find::v-deep input.el-input__inner{
-    border-radius:0;
+
+  .recharge_css {
+    width: 80%;
   }
+}
+
+.upLoad {
+  width: 40%;
+  margin: 0 auto;
+}
+
+.avatar-uploader {
+  position: relative;
+  width: 178px;
+}
+
+.avatar-uploader .el-upload {
+  border: 1px dashed #d9d9d9;
+  border-radius: 6px;
+  cursor: pointer;
+  position: relative;
+  overflow: hidden;
+  width: 178px;
+}
+
+.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;
+  border: 1px solid #8890b1;
+  border-radius: 5px;
+}
+
+.avatar {
+  width: 178px;
+  height: 178px;
+  border: 1px solid #8890b1;
+  border-radius: 5px;
+  display: block;
+}
+
+.find::v-deep input.el-input__inner {
+  border-radius: 0;
+}
 </style>

src/views/enterpriseManagement/enterpriseAudit.vue

@@ -9,10 +9,11 @@
           </el-col>
           <el-col :span="10">
             <div class="screen">
-              <el-input class='find' placeholder="可按法人姓名、账号、企业名称查找" @keyup.enter.native="find" v-model="searchkeyWord" clearable @change="find"></el-input>
+              <el-input class='find' placeholder="可按法人姓名、账号、企业名称查找" @keyup.enter.native="find" v-model="searchkeyWord"
+                clearable @change="find"></el-input>
               <el-button class="search" @click="find"><img width="16" height="16" style="margin-left: -8px"
-                  src="../../../public/img/sousuo.png" /></el-button><span
-                class="count_css">共{{ deptBudgetTotal }}条</span>
+                  src="../../../public/img/sousuo.png" /></el-button><span class="count_css">共{{ deptBudgetTotal
+                  }}条</span>
             </div>
           </el-col>
         </el-row>
@@ -39,28 +40,24 @@
           </el-col>
         </el-row>
       </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="unifiedSocialCreditCode" label="统一社会信用代码" min-width="140"></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="accountBalance" label="可用余额（元）" min-width="133"></el-table-column>
         <el-table-column prop="frozenAmount" label="冻结金额（元）" min-width="133"></el-table-column>
-        <el-table-column label="账户"  min-width="153">
+        <el-table-column label="账户" min-width="153">
           <template slot-scope="scope">
-            <el-popover
-              placement="right"
-              width="400"
-              trigger="click"
-              @show="getBillList(scope.row.id)"
-              >
+            <el-popover placement="right" width="400" trigger="click" @show="getBillList(scope.row.id)">
               <div class="bill-content">
                 <div class="bill-item" v-for="item in billList" :Key="item.id">
                   <div class="row1">
                     <div class="left">
-                      {{item.types}}
+                      {{ item.types }}
                     </div>
-                    <div class="right">{{item.amountMoney}}</div>
+                    <div class="right">{{ item.amountMoney }}</div>
                   </div>
                   <!-- <div class="row2">
                     <div class="left">
@@ -71,10 +68,10 @@
                 </div>
               </div>
               <!-- <el-button slot="reference">账单</el-button> -->
-                <span slot="reference" class="btn_css" style="margin-right:20px">账单</span>
+              <span slot="reference" class="btn_css" style="margin-right:20px">账单</span>
             </el-popover>
             <!-- <el-button style='margin-left:10px;' @click='seemessage(scope.row)'>信息</el-button> -->
-                <span class="btn_css" @click='seemessage(scope.row)'>信息</span>
+            <span class="btn_css" @click='seemessage(scope.row)'>信息</span>
 
           </template>
         </el-table-column>
@@ -92,6 +89,9 @@
               :disabled="scope.row.status != '审核中'">驳回</el-link>
             <el-divider direction="vertical"></el-divider>
             <el-link target="_blank" @click="seeInfo(scope.row)" type="primary" :underline="false">查看</el-link>
+            <el-divider direction="vertical"></el-divider>
+            <el-link target="_blank" @click="recharge(scope.row)" type="primary" :underline="false"
+              :disabled="scope.row.status != '已认证'">充值</el-link>
             <!-- <span class="btn_css" @click="seeInfo(scope.row)"></span> -->
           </template>
         </el-table-column>
@@ -150,36 +150,69 @@
           @click="enlarge(paySee.payeeAddressUrl)"
         /> -->
     </el-dialog>
+    <el-dialog :close-on-click-modal="false" title="充值" :visible.sync="rechargeShow" width="500px"
+      :before-close="rechargeClose">
+      <div class="recharge">
+        <div class="recharge_css">
+          <div class="title_css">企业名称 :</div>
+          <div class="recharge_css">{{ rechargeData.companyName }}</div>
+        </div>
+        <div class="pay_css">
+          <div class="title_css">金额(元) :</div>
+          <div class="recharge_css" style="margin: -24px 32px 44px 69px;">
+            <el-input type="number" @mousewheel.native.prevent v-model="rechargeData.amountMoney" placeholder="输入充值金额"
+              maxlength="100" size="small">
+            </el-input>
+          </div>
+        </div>
+        <div class="recharge_css">
+          <div class="title_css">上传截图 :</div>
+          <div class="upLoad">
+            <el-upload class="avatar-uploader" action="https://www.zthymaoyi.com/upload/admin" :show-file-list="false"
+              :on-success="handleAvatarSuccess">
+              <img v-if="imageUrl" :src="imageUrl" class="avatar" />
+              <i v-else class="el-icon-plus avatar-uploader-icon"></i>
+            </el-upload>
+          </div>
+        </div>
+        <div style="text-align: center; margin-top: 20px">
+          <el-button @click="rechargeSubmit()">提交</el-button>
+        </div>
+      </div>
+    </el-dialog>
     <el-drawer title="企业详情" :visible.sync="rightSee">
       <div class="right_css">
         <div class="right_title">企业名称</div>
-        <div class="right_item">{{infoData.companyName}}</div>
+        <div class="right_item">{{ infoData.companyName }}</div>
         <div class="right_title">法定代表人姓名</div>
-        <div class="right_item">{{infoData.legalPersonName}}</div>
+        <div class="right_item">{{ infoData.legalPersonName }}</div>
         <div class="right_title">联系方式</div>
-        <div class="right_item">{{infoData.accountNumber}}</div>
-       <div class="right_title">通讯地址</div>
-        <div class="right_item">{{infoData.mailingAddress}}</div>
+        <div class="right_item">{{ infoData.accountNumber }}</div>
+        <div class="right_title">通讯地址</div>
+        <div class="right_item">{{ infoData.mailingAddress }}</div>
         <div class="right_title">上传营业执照</div>
         <div class="right_item">
-          <img :src="infoData.businessLicenseAddressUrl" class="right_img" @click="enlarge(infoData.businessLicenseAddressUrl)">
+          <img :src="infoData.businessLicenseAddressUrl" class="right_img"
+            @click="enlarge(infoData.businessLicenseAddressUrl)">
         </div>
         <div class="right_title">营业期限截止日期</div>
-        <div class="right_item">{{infoData.businessTermDate}}</div>
+        <div class="right_item">{{ infoData.businessTermDate }}</div>
         <div class="right_title">统一社会信用代码</div>
-        <div class="right_item">{{infoData.unifiedSocialCreditCode}}</div>
+        <div class="right_item">{{ infoData.unifiedSocialCreditCode }}</div>
         <div class="right_title">身份证正反面</div>
-        <div class="right_item" >
+        <div class="right_item">
           <img :src="infoData.cardAddressUrl" class="right_img" @click="enlarge(infoData.cardAddressUrl)">
           <img :src="infoData.cardBackAddressUrl" class="right_img" @click="enlarge(infoData.cardBackAddressUrl)">
         </div>
-          <div class="right_title">身份证号</div>
-        <div class="right_item">{{infoData.cardNumber}}</div>
-          <div class="right_title">身份证有效期</div>
-        <div class="right_item">{{infoData.cardValidityDate}}</div>
-
-        <div class="right_title" v-if="infoData.advanceFreightService == 1">{{infoData.landOwnership == 0 ? "房产证":"租赁合同"}}</div>
-        <div class="right_item"  v-for="(item , index) in infoData.imgs" :key="index">
+        <div class="right_title">身份证号</div>
+        <div class="right_item">{{ infoData.cardNumber }}</div>
+        <div class="right_title">身份证有效期</div>
+        <div class="right_item">{{ infoData.cardValidityDate }}</div>
+
+        <div class="right_title" v-if="infoData.advanceFreightService == 1">{{ infoData.landOwnership == 0 ?
+            "房产证" : "租赁合同"
+        }}</div>
+        <div class="right_item" v-for="(item, index) in infoData.imgs" :key="index">
           <img :src="item" class="right_img" @click="enlarge(item)">
         </div>
         <div class="right_title">视频验证</div>
@@ -193,7 +226,7 @@
             class="right_img">
           </video>
         </div>
-        <div class="right_item">{{infoData.advanceFreightService == 1 ? "申请开通平台垫付运费业务" : "未申请开通平台垫付运费业务"}}</div>
+        <div class="right_item">{{ infoData.advanceFreightService == 1 ? "申请开通平台垫付运费业务" : "未申请开通平台垫付运费业务" }}</div>
         <div class="right_btn">
           <el-button @click="submit(1)" v-if="infoData.status == '审核中'">通过</el-button>
           <el-button @click="submit(2)" v-if="infoData.status == '审核中'">驳回</el-button>
@@ -206,442 +239,561 @@
   </div>
 </template>
 <script>
-  import {
-    getList,
-    toallowExamine,
-    getBillList
-  } from '@/api/enterpriseManagement'
-  export default {
-     components: {
-      'el-image-viewer': () =>
-        import('element-ui/packages/image/src/image-viewer'),
-    },
-    data() {
-      return {
-        billList:[],
-        tableData: [],
-        //分页
-        searchkeyWord: '',
-        currentPage: 1,
-        pageSize: 10,
-        deptBudgetTotal: 0,
-        deptCircularPage: {},
-        message:{},
-        search: '5',
-        addressUrl: [],
-        disabled: false,
-        rejectInfo: false,
+import {
+  getList,
+  toallowExamine,
+  getBillList,
+  theRecharge
+} from '@/api/enterpriseManagement'
+export default {
+  components: {
+    'el-image-viewer': () =>
+      import('element-ui/packages/image/src/image-viewer'),
+  },
+  data() {
+    return {
+      billList: [],
+      tableData: [],
+      //分页
+      searchkeyWord: '',
+      currentPage: 1,
+      pageSize: 10,
+      deptBudgetTotal: 0,
+      deptCircularPage: {},
+      message: {},
+      search: '5',
+      addressUrl: [],
+      disabled: false,
+      rejectInfo: false,
+      checkList: [],
+      form: {
         checkList: [],
-        form: {
-          checkList: [],
-          textarea: '',
-        },
-        rightSee: false,
-        infoData: {},
-          //图片预览
-        srcList: [],
-        messageshow:false,
-        imgsVisible: false,
-      };
-    },
-    mounted() {
-      this.loading = true
-       let _obj = {}
-        let start_obj = {}
-        start_obj.currentPage = this.currentPage
-        start_obj.pageSize = this.pageSize
-        start_obj.searchKeyWord = this.searchkeyWord
-        start_obj.searchType = 1
-        console.log(start_obj)
-        getList(start_obj).then(response => {
-          if(response.data.records.length>0 ){
-            this.search=1
-            _obj.currentPage = this.currentPage
-            _obj.pageSize = this.pageSize
-            _obj.searchKeyWord = this.searchkeyWord
-            _obj.searchType = this.search
-            getList(_obj).then(response => {
-              this.tableData = response.data.records
-              this.deptBudgetTotal = response.data.total
-              this.listLoading = false
-            })
-              .catch(() => {
-            this.loading = false
-          })
-          }else{
-            this.search=''
-            _obj.currentPage = this.currentPage
-            _obj.pageSize = this.pageSize
-            _obj.searchKeyWord = this.searchkeyWord
-            _obj.searchType = this.search
-            getList(_obj).then(response => {
-              this.tableData = response.data.records
-              this.deptBudgetTotal = response.data.total
-              this.listLoading = false
-            })
-              .catch(() => {
-            this.loading = false
-          })
-          }
-            
-          })
-          .catch(() => {
-            this.loading = false
-          })
-    },
-    methods: {
-       closeImgViewer() {
-        this.srcList = []
-        this.imgsVisible = false;
+        textarea: '',
       },
-      enlarge(url) {
-        this.imgsVisible = true;
-        this.srcList.push(url)
-      },
-      getBillList(id) {
-        console.log('查看账单')
-        let _obj = {
-          companyId:id,
-          pageSize:999,
-          currentPage:1
-        }
-        getBillList(_obj).then(response => {
-            this.billList = response.data.records
-          })
+      rightSee: false,
+      infoData: {},
+      //图片预览
+      srcList: [],
+      messageshow: false,
+      rechargeShow: false,
+      imageUrl: '',
+      rechargeData: {},
+      imgsVisible: false,
+    };
+  },
+  mounted() {
+    this.loading = true
+    let _obj = {}
+    let start_obj = {}
+    start_obj.currentPage = this.currentPage
+    start_obj.pageSize = this.pageSize
+    start_obj.searchKeyWord = this.searchkeyWord
+    start_obj.searchType = 1
+    console.log(start_obj)
+    getList(start_obj).then(response => {
+      if (response.data.records.length > 0) {
+        this.search = 1
+        _obj.currentPage = this.currentPage
+        _obj.pageSize = this.pageSize
+        _obj.searchKeyWord = this.searchkeyWord
+        _obj.searchType = this.search
+        getList(_obj).then(response => {
+          this.tableData = response.data.records
+          this.deptBudgetTotal = response.data.total
+          this.listLoading = false
+        })
           .catch(() => {
             this.loading = false
           })
-      },
-      seemessage(item){
-        this.message=item
-        this.messageshow=true
-      },
-      payClose() {
-        this.messageshow = false;
-      },
-      getList() {
-        this.loading = true
-       let _obj = {}
- 
-            _obj.currentPage = this.currentPage
-            _obj.pageSize = this.pageSize
-            _obj.searchKeyWord = this.searchkeyWord
-            _obj.searchType = this.search
-            getList(_obj).then(response => {
-              this.tableData = response.data.records
-              this.deptBudgetTotal = response.data.total
-              this.listLoading = false
-            })
-              .catch(() => {
+      } else {
+        this.search = ''
+        _obj.currentPage = this.currentPage
+        _obj.pageSize = this.pageSize
+        _obj.searchKeyWord = this.searchkeyWord
+        _obj.searchType = this.search
+        getList(_obj).then(response => {
+          this.tableData = response.data.records
+          this.deptBudgetTotal = response.data.total
+          this.listLoading = false
+        })
+          .catch(() => {
             this.loading = false
           })
-      },
-      submit(num) {
-        var _allowObj = {}
-        _allowObj.id = this.infoData.id
-        let allowTitle = ''
-        if (num == 1) {
-          _allowObj.flag = 1
-          allowTitle = '通过'
-        } else if (num == 2) {
-          _allowObj.flag = 2
-          allowTitle = '驳回'
-        }
-        this.$confirm('确定' + allowTitle + '企业审核？', '提示', {
-            confirmButtonText: '确定',
-            cancelButtonText: '取消',
-            type: 'warning',
-          })
-          .then(() => {
-            this.listLoading = true
-
-            toallowExamine(_allowObj).then(response => {
-                this.rightSee = false
-                this.infoData = {}
-                this.$notify({
-                  title: '成功',
-                  message: allowTitle + '成功！',
-                  type: 'success'
-                });
-                this.getList()
-                this.listLoading = false
-              })
-              .catch(() => {
-                this.loading = false
-              })
-          })
-      },
-      seeInfo(row) {
-        this.infoData = row
-        this.infoData.imgs = []
-        if (this.infoData.propertyAddressUrl) {
-          this.infoData.imgs = this.infoData.propertyAddressUrl.split(',')
-        }
-        this.rightSee = true
-      },
+      }
 
-      searchBtn(num) {
-        this.search = num;
-        this.getList();
-      },
-      find() {
-        this.getList();
-      },
-      onChange() {
-        this.$refs.upload
-          .handleSaveBill()
-          .then(async (response) => {
-            this.formData.addressUrl = response;
+    })
+      .catch(() => {
+        this.loading = false
+      })
+  },
+  methods: {
+    closeImgViewer() {
+      this.srcList = []
+      this.imgsVisible = false;
+    },
+    enlarge(url) {
+      this.imgsVisible = true;
+      this.srcList.push(url)
+    },
+    getBillList(id) {
+      console.log('查看账单')
+      let _obj = {
+        companyId: id,
+        pageSize: 999,
+        currentPage: 1
+      }
+      getBillList(_obj).then(response => {
+        this.billList = response.data.records
+      })
+        .catch(() => {
+          this.loading = false
+        })
+    },
+    seemessage(item) {
+      this.message = item
+      this.messageshow = true
+    },
+    payClose() {
+      this.messageshow = false;
+    },
+    getList() {
+      this.loading = true
+      let _obj = {}
+
+      _obj.currentPage = this.currentPage
+      _obj.pageSize = this.pageSize
+      _obj.searchKeyWord = this.searchkeyWord
+      _obj.searchType = this.search
+      getList(_obj).then(response => {
+        this.tableData = response.data.records
+        this.deptBudgetTotal = response.data.total
+        this.listLoading = false
+      })
+        .catch(() => {
+          this.loading = false
+        })
+    },
+    submit(num) {
+      var _allowObj = {}
+      _allowObj.id = this.infoData.id
+      let allowTitle = ''
+      if (num == 1) {
+        _allowObj.flag = 1
+        allowTitle = '通过'
+      } else if (num == 2) {
+        _allowObj.flag = 2
+        allowTitle = '驳回'
+      }
+      this.$confirm('确定' + allowTitle + '企业审核？', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning',
+      })
+        .then(() => {
+          this.listLoading = true
+
+          toallowExamine(_allowObj).then(response => {
+            this.rightSee = false
+            this.infoData = {}
+            this.$notify({
+              title: '成功',
+              message: allowTitle + '成功！',
+              type: 'success'
+            });
+            this.getList()
+            this.listLoading = false
           })
-          .catch((res) => {
-            EventBus.$emit('error', (JSON.parse(res) || {}).message);
-            this.$refs.upload.clearFiles();
-          });
-      },
-      handleSizeChange(val) {
-        console.log(`每页 ${val} 条`);
-        this.pageSize = val;
-        this.getList();
-      },
-      handleCurrentChange(val) {
-        this.currentPage = val;
-        console.log(`当前页: ${val}`);
-        this.getList();
-      },
+            .catch(() => {
+              this.loading = false
+            })
+        })
+    },
+    seeInfo(row) {
+      this.infoData = row
+      this.infoData.imgs = []
+      if (this.infoData.propertyAddressUrl) {
+        this.infoData.imgs = this.infoData.propertyAddressUrl.split(',')
+      }
+      this.rightSee = true
+    },
+    rechargeClose() {
+      this.rechargeShow = false;
+    },
+    recharge(item) {
+      // this.rechargeData = item
+      this.rechargeData.companyName = item.companyName
+      this.rechargeData.rechargeId = item.id;
+      this.rechargeData.flag = 2;
+      this.rechargeData.companyId = item.id;
+      this.rechargeShow = true
+    },
+    //上传付款截图
+    handleAvatarSuccess(e) {
+      this.imageUrl = e.url
+    },
+    rechargeSubmit() {
+      if (!this.rechargeData.amountMoney) {
+        this.$message({
+          message: '充值金额不能为空',
+          type: 'warning',
+        })
+        return
+      }
+      if (!this.imageUrl) {
+        this.$message({
+          message: '请上传截图 ',
+          type: 'warning',
+        })
+        return
+      }
+      this.rechargeData.rechargeUrl = this.imageUrl
+      this.listLoading = true;
+      this.$confirm('确定提交充值信息？', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning',
+      })
+        .then(() => {
+          theRecharge(this.rechargeData)
+            .then((response) => {
+              this.$notify({
+                title: '成功',
+                message: '充值成功！',
+                type: 'success',
+              });
+              this.rechargeData = {};
+              this.rechargeShow = false;
+              this.getList();
+              this.listLoading = false;
+            })
+        })
+        .catch(() => {
+          this.loading = false;
+        });
+    },
+    searchBtn(num) {
+      this.search = num;
+      this.getList();
+    },
+    find() {
+      this.getList();
     },
-  };
+    onChange() {
+      this.$refs.upload
+        .handleSaveBill()
+        .then(async (response) => {
+          this.formData.addressUrl = response;
+        })
+        .catch((res) => {
+          EventBus.$emit('error', (JSON.parse(res) || {}).message);
+          this.$refs.upload.clearFiles();
+        });
+    },
+    handleSizeChange(val) {
+      console.log(`每页 ${val} 条`);
+      this.pageSize = val;
+      this.getList();
+    },
+    handleCurrentChange(val) {
+      this.currentPage = val;
+      console.log(`当前页: ${val}`);
+      this.getList();
+    },
+  },
+};
 </script>
 <style lang="scss" scoped>
-  .center {
-    padding: 10px 20px;
-    background: #f5f6f7;
-    height: calc(100vh - 5vh);
-
-    .top_css {
-      padding: 10px;
-
-      .search_btn {
-        height: 80px;
-        background: linear-gradient(#fafbfb, #ffffff);
-        display: flex;
-        margin-top: 20px;
-
-        .search_block {
-          margin-left: 20px;
-        }
-
-        .search_item {
-          text-align: center;
-          font-size: 14px;
-          font-weight: 600;
-          line-height: 40px;
-          width: 112px;
-          height: 40px;
-          background: #f7f8f9;
-          cursor: pointer;
-          margin-top: 30px;
-        }
-
-        .searchNo {
-          color: #323233;
-        }
-
-        .search {
-          color: #2f53eb;
-          background: #ffffff;
-        }
-      }
-    }
+.center {
+  padding: 10px 20px;
+  background: #f5f6f7;
+  height: calc(100vh - 5vh);
 
-    .center_css {
-      background: #ffffff;
-      border-radius: 1px;
-      margin-top: 10px;
-      padding-bottom: 10px;
-    }
+  .top_css {
+    padding: 10px;
 
-    .screen {
+    .search_btn {
+      height: 80px;
+      background: linear-gradient(#fafbfb, #ffffff);
       display: flex;
+      margin-top: 20px;
 
-      .search {
-        width: 40px;
-        height: 40px;
-        background: #2f53eb;
-        border-radius: 0px 2px 2px 0px;
-        border: 1px solid #DCDFE6;
-        margin-left:-1px;
-        // border-left: 1px solid #2f53eb;
+      .search_block {
+        margin-left: 20px;
       }
 
-      .count_css {
-        width: 80px;
+      .search_item {
         text-align: center;
+        font-size: 14px;
+        font-weight: 600;
         line-height: 40px;
-        color: #666666;
-      }
-    }
-
-    .el-button {
-      padding: 10px 20px !important;
-    }
-
-    .center_css {
-
-      ::v-deep .el-table th,
-      ::v-deep .el-table td {
-        text-align: center;
+        width: 112px;
+        height: 40px;
+        background: #f7f8f9;
+        cursor: pointer;
+        margin-top: 30px;
       }
 
-      .fujian {
-        font-size: 24px;
-        color: #409eff;
+      .searchNo {
+        color: #323233;
       }
 
-      .warning {
-        font-size: 14px;
-        color: #ed1d1d;
+      .search {
+        color: #2f53eb;
+        background: #ffffff;
       }
     }
   }
 
-  .car_css {
-    width: 50%;
-    display: inline-block;
-    text-align: center;
-    margin-top: 20px;
+  .center_css {
+    background: #ffffff;
+    border-radius: 1px;
+    margin-top: 10px;
+    padding-bottom: 10px;
   }
 
-  .car_item {
-    width: 100px;
-    height: 100px;
+  .screen {
+    display: flex;
+
+    .search {
+      width: 40px;
+      height: 40px;
+      background: #2f53eb;
+      border-radius: 0px 2px 2px 0px;
+      border: 1px solid #DCDFE6;
+      margin-left: -1px;
+      // border-left: 1px solid #2f53eb;
+    }
+
+    .count_css {
+      width: 80px;
+      text-align: center;
+      line-height: 40px;
+      color: #666666;
+    }
   }
 
-  .user {
-    margin-bottom: 20px;
+  .el-button {
+    padding: 10px 20px !important;
+  }
 
-    .user_id {
-      display: flex;
-      height: 30px;
-    }
+  .center_css {
 
-    .name_css,
-    .id_css {
-      width: 50%;
+    ::v-deep .el-table th,
+    ::v-deep .el-table td {
+      text-align: center;
     }
 
-    .name_css {
-      text-align: right;
+    .fujian {
+      font-size: 24px;
+      color: #409eff;
     }
 
-    .user_item {
-      width: 450px;
-      height: 300px;
+    .warning {
+      font-size: 14px;
+      color: #ed1d1d;
     }
   }
+}
+
+.car_css {
+  width: 50%;
+  display: inline-block;
+  text-align: center;
+  margin-top: 20px;
+}
+
+.car_item {
+  width: 100px;
+  height: 100px;
+}
+
+.user {
+  margin-bottom: 20px;
+
+  .user_id {
+    display: flex;
+    height: 30px;
+  }
 
-  ::v-deep .el-table--border .el-table__header th {
-    background: #f7f8f9;
+  .name_css,
+  .id_css {
+    width: 50%;
   }
 
-  .btn_css {
-    color: #409eff;
-    cursor: pointer;
+  .name_css {
+    text-align: right;
   }
 
-  .sign {
-    font-size: 14px;
-    color: red;
+  .user_item {
+    width: 450px;
+    height: 300px;
   }
+}
 
-  .form_css {
-    width: 100%;
-    margin: 20px auto 20px;
+::v-deep .el-table--border .el-table__header th {
+  background: #f7f8f9;
+}
 
-    ::v-deep .el-checkbox {
-      width: 40%;
-      height: 30px;
-    }
+.btn_css {
+  color: #409eff;
+  cursor: pointer;
+}
 
-    ::v-deep .el-dialog__body {
-      padding: 10px 20px;
-    }
+.sign {
+  font-size: 14px;
+  color: red;
+}
 
-    ::v-deep .el-dialog__title {
-      font-size: 16px;
-    }
+.form_css {
+  width: 100%;
+  margin: 20px auto 20px;
 
-    ::v-deep .el-textarea__inner {
-      background: #F0F1F2;
-    }
+  ::v-deep .el-checkbox {
+    width: 40%;
+    height: 30px;
+  }
 
-    .form_btn {
-      text-align: right;
-      margin-top: 10px;
-    }
+  ::v-deep .el-dialog__body {
+    padding: 10px 20px;
   }
 
-  //发送信息
-  .Info_css {
-    .Info_title {
-      color: #323233;
-      font-size: 16px;
-    }
+  ::v-deep .el-dialog__title {
+    font-size: 16px;
+  }
 
-    .Info_item {
-      margin: 20px 0;
-    }
+  ::v-deep .el-textarea__inner {
+    background: #F0F1F2;
+  }
 
-    .Info_btn {
-      text-align: right;
-      margin-top: 10px;
-    }
+  .form_btn {
+    text-align: right;
+    margin-top: 10px;
   }
+}
 
-  .right_css {
-    padding: 0 20px;
+//发送信息
+.Info_css {
+  .Info_title {
+    color: #323233;
+    font-size: 16px;
+  }
 
-    .right_title {
-      color: #9D9D9D;
-      font-size: 14px;
-    }
+  .Info_item {
+    margin: 20px 0;
+  }
 
-    .right_item {
-      color: #0D0D0D;
-      font-size: 14px;
-      margin-bottom: 20px;
-    }
+  .Info_btn {
+    text-align: right;
+    margin-top: 10px;
+  }
+}
 
-    .right_btn {
-      text-align: right;
-      margin: 10px 0;
-    }
+.right_css {
+  padding: 0 20px;
 
-    .right_img {
-      width: 200px;
-      height: 120px;
-      margin-top: 10px;
-    }
+  .right_title {
+    color: #9D9D9D;
+    font-size: 14px;
   }
 
-  ::v-deep .el-drawer {
-    overflow: auto;
+  .right_item {
+    color: #0D0D0D;
+    font-size: 14px;
+    margin-bottom: 20px;
   }
-  .bill-content{
-    .bill-item{
-      .row1,.row2{
-        display: flex;
-        justify-content: space-between;
-      }
-    }
+
+  .right_btn {
+    text-align: right;
+    margin: 10px 0;
   }
-  .pay {
-    .pay_css {
+
+  .right_img {
+    width: 200px;
+    height: 120px;
+    margin-top: 10px;
+  }
+}
+
+::v-deep .el-drawer {
+  overflow: auto;
+}
+
+.bill-content {
+  .bill-item {
+
+    .row1,
+    .row2 {
       display: flex;
-      margin-bottom: 20px;
       justify-content: space-between;
     }
   }
-  .find::v-deep input.el-input__inner{
-    border-radius:0;
+}
+
+.pay {
+  .pay_css {
+    display: flex;
+    margin-bottom: 20px;
+    justify-content: space-between;
+  }
+}
+
+.recharge {
+  .recharge_css {
+    display: flex;
+    margin-bottom: 20px;
+    justify-content: space-between;
+  }
+
+  .recharge_css {
+    width: 80%;
   }
+}
+
+.upLoad {
+  width: 40%;
+  margin: 0 auto;
+  // border: 1px solid #8890b1;
+  // border-radius: 3px;
+}
+
+.avatar-uploader {
+  position: relative;
+  width: 178px;
+}
+
+.avatar-uploader .el-upload {
+  border: 1px dashed #d9d9d9;
+  border-radius: 6px;
+  cursor: pointer;
+  position: relative;
+  overflow: hidden;
+  width: 178px;
+}
+
+.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;
+  border: 1px solid #8890b1;
+  border-radius: 5px;
+}
+
+.avatar {
+  width: 178px;
+  height: 178px;
+  border: 1px solid #8890b1;
+  border-radius: 5px;
+  display: block;
+}
+
+.find::v-deep input.el-input__inner {
+  border-radius: 0;
+}
 </style>

src/views/parkReportManagement/dailyReport.vue

@@ -59,7 +59,14 @@
         <el-table-column prop="serialNumber" label="流水号" />
         <el-table-column prop="amountMoney" label="金额(元)" />
         <el-table-column prop="paymentType" label="类型" />
-        <el-table-column prop="escalationStatus" label="状态" />
+        <el-table-column prop="escalationStatus" label="状态">
+           <template slot-scope="scope1">
+            <span>{{scope1.row.escalationStatus}}</span>
+              <el-tooltip class="item" effect="dark" :content="scope1.row.escalationFailureReason" placement="top" v-if="scope1.row.escalationStatus == '未通过'">
+                 <img src="../../../public/img/wenhao.png" alt="" class="ask_css" />
+              </el-tooltip>
+          </template>
+        </el-table-column>
         <el-table-column prop="paymentDate" label="付款时间" min-width="100" />
         <el-table-column label="操作" min-width="200">
           <template slot-scope="scope">
@@ -616,7 +623,6 @@ export default {
     margin-top: 10px;
   }
 }
-
 .find::v-deep input.el-input__inner {
   border-radius: 0;
 }

src/views/parkReportManagement/waybillReporting.vue

@@ -59,7 +59,14 @@
         <el-table-column prop="driverName" label="承运人" />
         <el-table-column prop="driverPhone" label="承运人账号" />
         <el-table-column prop="orderEndDate" label="订单完结时间" />
-        <el-table-column prop="escalationStatus" label="状态" />
+        <el-table-column prop="escalationStatus" label="状态">
+          <template slot-scope="scope1">
+            <span>{{scope1.row.escalationStatus}}</span>
+              <el-tooltip class="item" effect="dark" :content="scope1.row.escalationFailureReason" placement="top" v-if="scope1.row.escalationStatus == '未通过'">
+                 <img src="../../../public/img/wenhao.png" alt="" class="ask_css" />
+              </el-tooltip>
+          </template>
+        </el-table-column>
         <el-table-column label="操作" min-width="200">
           <template slot-scope="scope">
             <el-link target="_blank" @click="look(scope.row)" type="primary" :underline="false">查看</el-link>
@@ -622,7 +629,6 @@ export default {
     margin-top: 10px;
   }
 }
-
 .find::v-deep input.el-input__inner {
   border-radius: 0;
 }