Merge branch 'dev' of http://www.baoxianzhanggui.com:8090/sxzgd/vue-insagent-pc into dev

config/dev.env.js

@@ -14,11 +14,11 @@ module.exports = merge(prodEnv, {
   // BASE_URL: '"http:///192.168.0.106:8080/"',//屈晨
   // BASE_URL: '"http://192.168.0.253:8080/"',//田智
   // BASE_URL: '"http:///192.168.0.42:8080/"',//武鸿鹏
-  BASE_URL: '"http:///192.168.0.253:8080/"',//田智
+  // BASE_URL: '"http:///192.168.0.253:8080/"',//田智
   // BASE_URL: '"http:///192.168.0.42:8080/"',//武鸿鹏
   // BASE_URL: '"http://192.168.1.101:8080/"',
   // BASE_URL: '"http://192.168.0.250:8080/"',//
-  // BASE_URL: '"http:///192.168.0.103:8080/"',//霍续亮
+  BASE_URL: '"http:///192.168.0.103:8080/"',//霍续亮
 })
 
 

src/http/moudules/letter.js

@@ -1009,4 +1009,30 @@ export const getPolicyPrintexternalOrder = (id) => {
     url: "/api/externalOrder/getPolicyPrint?subOrderNo="+id,
     method: "get",
   })
-}
+}
+export const getUserSumAmountByUserId = (id) => {
+  return axios({
+    url: "/sysUserAccount/getUserSumAmountByUserId?userId="+id,
+    method: "get",
+  })
+}
+export const findMyCollectInAdvanceByUserId = (data) => {
+  return axios({
+    url: "/sysUserAccount/findMyCollectInAdvanceByUserId",
+    method: "post",
+    data
+  })
+}
+export const findMyIncomeAndExpensesByUserId = (data) => {
+  return axios({
+    url: "/sysUserAccount/findMyIncomeAndExpensesByUserId",
+    method: "post",
+    data
+  })
+}
+export const findDetailById = (id) => {
+  return axios({
+    url: "/sysUserAccount/findDetailById?id="+id,
+    method: "get",
+  })
+}

src/http/moudules/task.js

@@ -165,7 +165,14 @@ export const insPayApplyAudit = (data) => {
     data
   })
 }
-
+//可提现余额审核驳回
+export const insPayauditReject = (data) => {
+  return axios({
+    url: '/sysAmountAuditing/rejectAmount',
+    method: 'post',
+    data
+  })
+}
 // 可提现余额查询
 export const payAccount = (data) => {
   return axios({
@@ -1202,7 +1209,7 @@ export const batchInvoic = (data) => {
     data
   })
 }
- 
+
 export const allOtherAmount = (data) => {
   return axios({
     url: "/fnc/plyFee/allOtherAmount",
@@ -1293,7 +1300,7 @@ export const invicdetai = (data) => {
     method: "post",
     data
   })
-} 
+}
 export const otherSettldetail = (data) => {
   return axios({
     url: "/fnc/plyFee/otherSettldetail",
@@ -1515,4 +1522,4 @@ export const updateNoHand = (data) => {
     method: "put",
     data
   })
-}
+}

src/views/FinancialManagement/WithdrawalManagement/WithdrawalProceduresPending.vue

@@ -2,13 +2,7 @@
   <div>
     <el-main ref="elMain" style="padding: 0px;">
       <el-row>
-        <el-form
-          :inline="true"
-          :model="queryForm"
-          class="demo-form-inline"
-          label-width="130px"
-          size="small"
-        >
+        <el-form :inline="true" :model="queryForm" class="demo-form-inline" label-width="130px" size="small">
           <el-form-item label="业务员工号">
             <el-input v-model="queryForm.userId" placeholder="业务员工号" clearable></el-input>
           </el-form-item>
@@ -22,13 +16,8 @@
             <el-input v-model="queryForm.id" placeholder="提现单号" clearable></el-input>
           </el-form-item>
           <el-form-item label="提现时间">
-            <el-date-picker
-              v-model="queryForm.date"
-              type="datetimerange"
-              range-separator="至"
-              value-format="yyyy-MM-dd"
-              start-placeholder="开始日期"
-              end-placeholder="结束日期">
+            <el-date-picker v-model="queryForm.date" type="datetimerange" range-separator="至" value-format="yyyy-MM-dd"
+              start-placeholder="开始日期" end-placeholder="结束日期">
             </el-date-picker>
           </el-form-item>
           <el-form-item>
@@ -36,45 +25,39 @@
           </el-form-item>
         </el-form>
       </el-row>
-      <kt-common-table
-        button2Type="text"
-        button3Type="text"
-        :showBatchDelete="false"
-        :showBatchPrint="true"
-        permsButton3="sys:withdrawalProceduresPending:examine"
-        permsButton2="sys:withdrawalProceduresPending:examinepay"
-        :data="pageResult"
-        :columns="columns"
-        @findPage="findPage"
-        button3Name="审核并支付"
-        @handleButton3="handleButton3"
-        button2Name="审核提现"
-        @handleButton2="handleButton2"
-      ></kt-common-table>
-      <el-dialog
-      :visible.sync="dialogVisibleBatch"
-      width="35%"
-      :before-close="handleCloseBatch">
-      <p >凭证号 ：<el-input style="width: 200px;" v-model="voucherId" placeholder="请输入凭证号"></el-input></p>
-      <div style="display: flex">上传图片：  <el-upload
-                action="#"
-                :auto-upload="false"
-                accept=".png, .jpg, .jpeg"
-                :show-file-list="false"
-                :on-change="drivingupload">
-                <img v-if="qrCodeImage" :src="qrCodeImage"  class="avatar">
-                <i v-else class="el-icon-plus avatar-uploader-icon"></i>
-              </el-upload>
-          </div>
+      <kt-common-table button2Type="text" button3Type="text" button4Type="text" :showBatchDelete="false"
+        :showBatchPrint="true" permsButton3="sys:withdrawalProceduresPending:examine"
+        permsButton2="sys:withdrawalProceduresPending:examinepay" :data="pageResult" :columns="columns"
+        @findPage="findPage" button3Name="审核并支付" @handleButton3="handleButton3" button4Name="审核驳回"
+        @handleButton4="handleButton4" button2Name="审核提现" @handleButton2="handleButton2"></kt-common-table>
+      <el-dialog :visible.sync="dialogVisibleBatch" width="35%" :before-close="handleCloseBatch">
+        <p>凭证号 ：<el-input style="width: 200px;" v-model="voucherId" placeholder="请输入凭证号"></el-input></p>
+        <div style="display: flex">上传图片： <el-upload action="#" :auto-upload="false" accept=".png, .jpg, .jpeg"
+            :show-file-list="false" :on-change="drivingupload">
+            <img v-if="qrCodeImage" :src="qrCodeImage" class="avatar">
+            <i v-else class="el-icon-plus avatar-uploader-icon"></i>
+          </el-upload>
+        </div>
+        <span slot="footer" class="dialog-footer">
+          <el-button size="small" @click="dialogVisibleBatch = false">取 消</el-button>
+          <el-button size="small" type="primary" @click="handleSumbit()">确 定</el-button>
+        </span>
+      </el-dialog>
+    </el-main>
+    <el-dialog title="驳回弹窗" :visible.sync="auditRejectdialogVisible" width="30%" @open="auditRejectdialogOpen">
+      <div>
+        <span></span>
+        <el-input type="textarea" placeholder="请输入内容" v-model="auditRejectInput" maxlength="100" show-word-limit>
+        </el-input>
+      </div>
       <span slot="footer" class="dialog-footer">
-        <el-button size="small" @click="dialogVisibleBatch = false">取 消</el-button>
-        <el-button size="small" type="primary" @click="handleSumbit()">确 定</el-button>
+        <el-button size="small" @click="auditRejectdialogVisible = false">取 消</el-button>
+        <el-button size="small" type="primary" @click="auditRejectSubmit">确 定</el-button>
       </span>
     </el-dialog>
-    </el-main>
   </div>
 </template>
-  <script>
+<script>
 import Cookies from "js-cookie";
 import KtCommonTable from "@/views/Core/KtCommonTable.vue"; //表格组件
 import KtButton from "@/views/Core/KtButton";
@@ -86,11 +69,14 @@ export default {
   },
   data() {
     return {
-      dialogVisibleBatch:false,
-      voucherId:'',
-      qrCodeImage:'',
-      picId:'',
-      rowlist:{},
+      auditRejectId:"",
+      auditRejectInput: "",
+      auditRejectdialogVisible: false,
+      dialogVisibleBatch: false,
+      voucherId: '',
+      qrCodeImage: '',
+      picId: '',
+      rowlist: {},
       // 右侧列表查询数据Start
       queryForm: {},
       pageResult: {},
@@ -119,7 +105,7 @@ export default {
   },
   created() {
   },
-  mounted() {},
+  mounted() { },
   methods: {
     handlePrint(index, row) {
       this.$api.task.AmountReview(this.pageRequest).then(res => {
@@ -145,7 +131,7 @@ export default {
         this.pageRequest.pageNum = data.pageRequest.pageNum;
         this.pageRequest.pageSize = data.pageRequest.pageSize;
       }
-      if (this.queryForm.date && this.queryForm.date.length>0) {
+      if (this.queryForm.date && this.queryForm.date.length > 0) {
         this.queryForm.startTime = this.queryForm.date[0];
         this.queryForm.endTime = this.queryForm.date[1];
       } else {
@@ -153,7 +139,7 @@ export default {
         this.queryForm.endTime = "";
       }
       that.$api.task
-        .payqueryPage({ ...this.pageRequest, ...this.queryForm,amountStatus:'1' })
+        .payqueryPage({ ...this.pageRequest, ...this.queryForm, amountStatus: '1' })
         .then(res => {
           if (res.code == 200) {
             that.pageResult = res.data;
@@ -169,32 +155,32 @@ export default {
       params.append("type", "image");
       this.$api.letter.uploadFile(params).then(res => {
         if (res.code == "200") {
-          this.picId=res.data.id
+          this.picId = res.data.id
         } else {
           this.$message({ message: res.msg, type: "warning" });
         }
       });
     },
-    handleSumbit(){
-      this.$api.task.AmountReview({ ...this.rowlist, status: '1',picId:this.picId,voucherId:this.voucherId }).then(res => {
-          if (res.code == 200) {
-            this.dialogVisibleBatch = false
-            this.findPage();
-            this.$message({
-              type: "success",
-              message: res.msg
-            });
-          }
-          else {
-            this.$message.error(res.msg)
-          }
-        })
+    handleSumbit() {
+      this.$api.task.AmountReview({ ...this.rowlist, status: '1', picId: this.picId, voucherId: this.voucherId }).then(res => {
+        if (res.code == 200) {
+          this.dialogVisibleBatch = false
+          this.findPage();
+          this.$message({
+            type: "success",
+            message: res.msg
+          });
+        }
+        else {
+          this.$message.error(res.msg)
+        }
+      })
     },
     handleButton2({ row, index }) {
-      this.dialogVisibleBatch=true
-      this.rowlist=row
-      this.picId=''
-      this.voucherId=''
+      this.dialogVisibleBatch = true
+      this.rowlist = row
+      this.picId = ''
+      this.voucherId = ''
       // this.$api.task.AmountReview(row).then(res => {
       //   if (res.code == 200) {
       //     this.$message({
@@ -233,6 +219,31 @@ export default {
           });
         });
     },
+    handleButton4({ row, index }) {
+      this.auditRejectId=row.id;
+      this.auditRejectdialogVisible = true;
+    },
+    auditRejectSubmit(){
+      let params = {
+        id: this.auditRejectId,
+        rejectReason: this.auditRejectInput
+      }
+      this.$api.task.insPayauditReject(params).then((res) => {
+        if (res.code == '200') {
+      this.auditRejectdialogVisible = false;
+          this.findPage();
+          this.$message({
+            type: 'success',
+            message: res.msg,
+          });
+        } else {
+          this.$message({
+            type: 'error',
+            message: res.msg,
+          });
+        }
+      });
+    },
 
     // 格式化日期，如月、日、时、分、秒保证为2位数
     formatNumber(n) {
@@ -260,16 +271,17 @@ export default {
   }
 };
 </script>
-  
-  
-  <style scoped>
-  .avatar-uploader .el-upload {
+
+
+<style scoped>
+.avatar-uploader .el-upload {
   border: 1px dashed #d9d9d9;
   border-radius: 6px;
   cursor: pointer;
   position: relative;
   overflow: hidden;
 }
+
 .avatar-uploader-icon {
   font-size: 28px;
   color: #8c939d;
@@ -279,6 +291,7 @@ export default {
   text-align: center;
   border: 1px dashed #d9d9d9;
 }
+
 .avatar {
   border: 1px dashed #d9d9d9;
   padding: 5px;
@@ -288,4 +301,3 @@ export default {
   display: block;
 }
 </style>
-  

src/views/Letter/Wallet/FundsWallet.vue

@@ -2,88 +2,252 @@
 <template>
   <div id="body">
     <!-- 模板内容 -->
-    <div class="header flex a-c j-s">
-      <div class="flex f-c a-c j-s" @click="toBillDetails(1)">
-        <span>手续金额（元）</span>
-        <span class="color1" v-if="MoneyData.handlingFee">{{ MoneyData.handlingFee.toFixed(2) }}</span>
-        <span class="color1" v-else>0.00</span>
+    <div class="header flex a-c u-f-sa">
+      <div class="flex f-c a-c j-s My-assets" >
+        <span>我的资产(元)</span>
+        <span>{{ moneyData }}</span>
+        <span class="withdrawal-style"  @click="instantWithdrawal()">提现</span>
       </div>
-      <div class="flex f-c a-c j-s center" @click="toBillDetails(2)">
-        <span>车险金额（元）</span>
-        <span class="color2" v-if="MoneyData.documentary">{{ MoneyData.documentary.toFixed(2) }}</span>
-        <span class="color2" v-else>0.00</span>
+      <div class="flex a-c advance-payment" @click="toBillDetails(1)">
+        <img src="../../../assets/预收明细.png" />
+        <div>
+          <span>预收明细</span>
+          <span>车牌订单明细内容</span>
+        </div>
       </div>
-      <div class="flex f-c a-c j-s" @click="toBillDetails(3)">
-        <span>推广金额（元）</span>
-        <span class="color3" v-if="MoneyData.promotion">{{ MoneyData.promotion.toFixed(2) }}</span>
-        <span v-else class="color3">0.00</span>
+      <div class="flex a-c advance-payment" @click="toBillDetails(2)">
+        <img src="../../../assets/收支明细.png" />
+        <div>
+          <span>收支明细</span>
+          <span>收入/提现中/已提现明细内容</span>
+        </div>
       </div>
     </div>
-    <div class="content flex f-wrap j-s a-c">
-      <div class="flex f-c a-c j-s">
-        <span>手续金额预收（元）</span>
-        <span v-if="MoneyData.willHalding">{{ MoneyData.willHalding }}</span>
-        <span v-else>0.00</span>
-      </div>
-      <div class="flex f-c a-c j-s">
-        <span>跟单金额预收（元）</span>
-        <span v-if="MoneyData.willDocumentary">{{ MoneyData.willDocumentary }}</span>
-        <span v-else>0.00</span>
-      </div>
-      <div class="flex f-c a-c j-s">
-        <span>推广金额预收（元）</span>
-        <span v-if="MoneyData.willPromotion">{{ MoneyData.willPromotion }}</span>
-        <span v-else>0.00</span>
-      </div>
-      <div class="flex f-c a-c j-s">
-        <span>手续金额提现中（元）</span>
-        <span v-if="MoneyData.withdrawalHalding">{{ MoneyData.withdrawalHalding }}</span>
-        <span v-else>0.00</span>
-      </div>
-      <div class="flex f-c a-c j-s">
-        <span>跟单金额提现中（元）</span>
-        <span v-if="MoneyData.withdrawalDocumentary">{{ MoneyData.withdrawalDocumentary }}</span>
-        <span v-else>0.00</span>
-      </div>
-      <div class="flex f-c a-c j-s">
-        <span>推广金额提现中（元）</span>
-        <span v-if="MoneyData.withdrawalPromotion">{{ MoneyData.withdrawalPromotion }}</span>
-        <span v-else>0.00</span>
-      </div>
-      <div class="flex f-c a-c j-s">
-        <span>手续金额已提现（元）</span>
-        <span v-if="MoneyData.approvedHalding">{{ MoneyData.approvedHalding }}</span>
-        <span v-else>0.00</span>
-      </div>
-      <div class="flex f-c a-c j-s">
-        <span>跟单金额已提现（元）</span>
-        <span v-if="MoneyData.approvedDocumentary">{{ MoneyData.approvedDocumentary }}</span>
-        <span v-else>0.00</span>
-      </div>
-      <div class="flex f-c a-c j-s">
-        <span>推广金额已提现（元）</span>
-        <span v-if="MoneyData.approvedPromotion">{{ MoneyData.approvedPromotion }}</span>
-        <span v-else>0.00</span>
+    <el-dialog title="提现" :visible.sync="withdrawalVisible" width="50%">
+      <div class="flex j-s a-start">
+        <div class="dialoglist">
+          <div class="data flex  a-c j-start" v-for="val in cardPackList" :key="val.id" @click="bankselection(val)">
+            <div class="checked">
+              <img v-if="val.id == bankCardInfo.id" src="../../../../static/bankchecked.png" alt="">
+            </div>
+            <div class="logo flex j-c a-c">
+              <img :src="val.logo" alt="">
+            </div>
+            <div class="flex f-c j-s">
+              <span style="font-size: 16px;color: #333;">{{ val.bankAccount }}储蓄卡({{ val.bankNumber.slice(-4) }})</span>
+              <span style="font-size: 14px;color: rgba(51,51,51,0.6);">72小时到账</span>
+            </div>
+          </div>
+        </div>
+        <div class="dialoginput">
+          <h3>提现金额</h3>
+          <div style="border-bottom: 1px solid #999;" class="flex ">
+            <span style="font-size: 40px;font-weight: bold;color: #333;">￥</span>
+            <el-input v-model="extract" class="no-border" @input="suminput"></el-input>
+          </div>
+          <div class="" style="padding:10px">
+            <span v-if="is_out" style="color: red;">输入金额超过可提现金额，账户余额 {{ moneyData}} 元</span>
+            <span v-else-if="is_lowest" style="color: red;">最低{{ lowest }}元起提现，账户余额 {{ moneyData }}
+              元</span>
+            <template v-else>
+              <span class="amountHint">当前可提现余额{{ moneyData }}元</span>
+              <span class="allHint" @click="allwithdrawal">全部提现</span>
+            </template>
+
+          </div>
+        </div>
       </div>
-    </div>
+      <span slot="footer" class="dialog-footer">
+        <el-button size="small" @click="withdrawalVisible = false">取 消</el-button>
+        <el-button size="small" type="danger" :disabled="!is_post" @click="withdrawalRequest">确 定</el-button>
+      </span>
+    </el-dialog>
   </div>
 </template>
 
-<!-- 行为区域 -->
 <script>
+import Cookies from "js-cookie";
 export default {
   // 数据存放区域
   data() {
     return {
-      MoneyData: {},//数据对象
+      moneyData:0,
+      withdrawalVisible: false,//提现弹窗
+      bankCardInfo: {},
+      cardPackList: [],//银行卡数据
+      extract: null,
+      bankList: [{
+        bankName: "中国邮政储蓄银行",
+        logo: "../../../../static/bankLogo/youzheng.png",
+        background: "linear-gradient(90deg, rgba(79, 136, 69, 0.7) 0%, #4f8845 100%)"
+      },
+      {
+        bankName: "中国工商银行",
+        logo: "../../../../static/bankLogo/gongshang.png",
+        background: "linear-gradient(90deg, rgba(177, 0, 13, 0.7) 0%, #b1000d 100%)"
+      },
+      {
+        bankName: "中国农业银行",
+        logo: "../../../../static/bankLogo/nongye.png",
+        background: "linear-gradient(90deg, rgba(86,152, 130, 0.7) 0%, #569882 100%)"
+      },
+      {
+        bankName: "中国银行",
+        logo: "../../../../static/bankLogo/zhongguo.png",
+        background: "linear-gradient(90deg, rgba(157, 32, 40, 0.7) 0%, #9d2028 100%)"
+      },
+      {
+        bankName: "中国建设银行",
+        logo: "../../../../static/bankLogo/jianshe.png",
+        background: "linear-gradient(90deg, rgba(6, 89, 159, 0.7) 0%, #06569F 100%)"
+      },
+      {
+        bankName: "招商银行",
+        logo: "../../../../static/bankLogo/zhaoshang.png",
+        background: "linear-gradient(90deg, rgba(197, 0, 25, 0.7) 0%, #c50019 100%)"
+      },
+      {
+        bankName: "中国民生银行",
+        logo: "../../../../static/bankLogo/minsheng.png",
+        background: "linear-gradient(90deg, rgba(84,149, 92, 0.7) 0%, #54955c 100%)"
+      },
+      {
+        bankName: "中国光大银行",
+        logo: "../../../../static/bankLogo/guangda.png",
+        background: "linear-gradient(90deg, rgba(93, 30, 131, 0.7) 0%, #5d1e83 100%)"
+      },
+      {
+        bankName: "中信银行",
+        logo: "../../../../static/bankLogo/zhongxin.png",
+        background: "linear-gradient(90deg, rgba(184, 0,22, 0.7) 0%, #b80016 100%)"
+      },
+      {
+        bankName: "华夏银行",
+        logo: "../../../../static/bankLogo/huaxia.png",
+        background: "linear-gradient(90deg, rgba(216, 12, 24, 0.7) 0%, #d80c18 100%)"
+      },
+      {
+        bankName: "中国交通银行",
+        logo: "../../../../static/bankLogo/jiaotong.png",
+        background: "linear-gradient(90deg, rgba(33, 58, 120, 0.7) 0%, #213a78 100%)"
+      },
+      {
+        bankName: "晋商银行",
+        logo: "../../../../static/bankLogo/jinshang.png",
+        background: "linear-gradient(90deg, rgba(224, 150, 165, 0.7) 0%, #e096a5 100%)"
+      },
+      ],
+      is_lowest: false,
+      is_out: false,
+      is_post: false,
     }
   },
+  watch: {
+    "extract": {
+      handler(val) {
+        if (val) {
+          this.extract = val.toString().replace(/[^\d.]/g, '');
+        }
+      },
+    },
+  },
   // 生命周期函数
   created() {
     this.allamount();
   },
   // 方法函数
   methods: {
+    allwithdrawal() {
+      this.extract = parseFloat(this.moneyData);
+      this.checkMoney();
+    },
+    suminput(e) {
+      if (e) {
+        this.extract = e;
+        this.checkMoney();
+      } else {
+        if (this.extract && this.extract > 0) {
+          let val = parseInt(this.extract / 10);
+          this.extract = val;
+          console.log(this.extract)
+          this.checkMoney();
+        }
+      }
+
+    },
+    checkMoney() {
+      if (!this.extract || this.extract < this.lowest) {
+        this.is_lowest = true;
+        this.is_post = false;
+      } else if (this.extract > this.moneyData) {
+        this.is_out = true;
+        this.is_lowest = false;
+        this.is_post = false;
+      } else {
+        this.is_out = false;
+        this.is_lowest = false;
+        this.is_post = true;
+      }
+      if (parseFloat(this.extract).toString() == 'NaN') {
+        this.is_post = false;
+        this.$message({
+          type: 'error',
+          message: '输入金额不合法',
+        });
+      }
+    },
+    bankselection(data) {
+      this.bankCardInfo = data;
+    },
+    withdrawalRequest() {
+      let params = {
+        amount: this.extract,
+        fromBankCardId: this.bankCardInfo.bankNumber,
+      }
+      this.$api.letter.withdrawalRequest(params).then((res) => {
+        if (res.code == '200') {
+          this.$message({
+            type: 'success',
+            message: "提现成功",
+          });
+          this.allamount();
+          this.withdrawalVisible = false;
+        } else {
+          this.$message({
+            type: 'error',
+            message: res.msg,
+          });
+        }
+      });
+    },
+    instantWithdrawal() {
+      this.extract=null
+      this.$api.letter.getUserBankList().then((res) => {
+        if (res.code == '200' && res.data.length) {
+          this.bankList.map(val => {
+            res.data.map(ele => {
+              if (val.bankName == ele.bankAccount) {
+                ele.logo = val.logo;
+                return ele;
+              }
+            })
+          })
+          this.cardPackList = res.data;
+          let bankinfo = res.data.find(val => val.isDefault == 1)
+          if (bankinfo) {
+            this.bankCardInfo = bankinfo;
+          } else {
+            this.bankCardInfo = res.data[0]
+          }
+          this.withdrawalVisible = true;
+        } else {
+          this.$message({
+            type: 'error',
+            message: "暂无审核通过的银行卡，不可提现",
+          });
+        }
+      });
+    },
     toBillDetails(type) {
       this.$router.push({
         path: "amountManagement",
@@ -91,16 +255,10 @@ export default {
       });
     },
     allamount() {
-      const loading = this.$loading({
-          lock: true,
-          text: 'Loading',
-          spinner: 'el-icon-loading',
-          background: 'rgba(0, 0, 0, 0.7)'
-        });
-      this.$api.letter.getSysAllAmount().then((res) => {
+      let userId = Cookies.get("user");
+      this.$api.letter.getUserSumAmountByUserId(userId).then((res) => {
         if (res.code == '200') {
-          this.MoneyData = res.data;
-          loading.close();
+          this.moneyData = res.data;
         } else {
           this.$message({
             type: 'error',
@@ -110,126 +268,159 @@ export default {
       });
     }
   },
-  // 计算属性
-  computed: {
-  }
+
 }
 </script>
+
 <!-- 样式区域 -->
 <style lang='scss' scoped>
 #body {
   padding: 20px 24px;
 }
+/deep/ {
+.no-border {
+    .el-input__inner {
+      border: none;
+      outline: none;
+      background: transparent;
+      font-size: 40px;
+      font-weight: bold;
+      height: 100%;
+    }
 
-.color1 {
-  color: #0052FF;
-}
-
-.color2 {
-  color: #FF5600;
+  }
 }
+.My-assets {
+  span {
+    margin-bottom: 15px;
+  }
+  span:nth-child(1) {
+    font-size: 20px;
+  }
+  span:nth-child(2) {
+    font-size: 40px;
 
-.color3 {
-  color: #229805;
+  }
+  span:nth-child(2):before {
+    content: "￥";
+    font-size: 22px;
+  }
 }
 
 .header {
   width: 100%;
-  height: 108px;
+  height: 220px;
   background: #F2F5FD;
   border-radius: 12px 12px 12px 12px;
-  padding: 16px;
+  padding: 33px;
   box-sizing: border-box;
+  .center {
+    // border: 1px solid #D7DBE7;
+    border-top: none;
+    border-bottom: none;
+  }
+}
 
-  div {
-    width: 33.33%;
-    height: 100%;
 
-    span:nth-child(1) {
-      font-size: 20px;
-      color: rgba(51, 51, 51, 0.8);
-    }
+.withdrawal-style {
+  text-align: center;
+  width: 140px;
+  line-height: 42px;
+  color: #fff;
+  height: 42px;
+  background: linear-gradient(270deg, #0052FF 0%, #6899FF 100%);
+  border-radius: 8px 8px 8px 8px;
+}
 
-    span:nth-child(2) {
-      font-family: DIN, DIN;
-      font-size: 28px;
-      font-weight: bold;
+.advance-payment {
+  width: 320px;
+  height: 100px;
+  background: #FFFFFF;
+  border-radius: 8px 8px 8px 8px;
+
+  div {
+    margin-left: 15px;
+    span {
+      font-size: 16px;
+      display: block;
+      
     }
+    span:last-child {
+      margin-top: 8px;
+        font-size: 13px;
+        color: rgba(51, 51, 51, 0.8);
+      }
   }
+}
+.dialoginput {
+  width: 50%;
 
-  .center {
-    border: 1px solid #D7DBE7;
-    border-top: none;
-    border-bottom: none;
+  .amountHint {
+    font-size: 16px;
+    color: rgba(51, 51, 51, 0.6);
   }
-}
 
-.content {
-  width: 100%;
-  height: 283px;
-  background: #F5F6F8;
-  border-radius: 12px 12px 12px 12px;
-  padding: 28px;
-  box-sizing: border-box;
-  margin-top: 18px;
+  .allHint {
+    font-size: 16px;
+    color: #2D4D89;
+    margin-left: 10px;
+    cursor: pointer;
+  }
 
-  div {
-    width: 33.33%;
-    text-align: left;
 
-    span:nth-child(2) {
-      margin-top: 12px;
-      font-family: DIN, DIN;
-      font-size: 28px;
-      font-weight: bold;
-    }
+}
+.dialoglist {
+  width: 40%;
+  padding: 20px;
+  height: 300px;
+  overflow-y: auto;
+  cursor: pointer;
+
+  .checked {
+    width: 20px;
+    height: 20px;
+    border-radius: 4px 4px 4px 4px;
+    border: 1px solid #D7DBE7;
   }
 
-  :nth-child(1),
-  :nth-child(4),
-  :nth-child(7) {
-    span:nth-child(1) {
-      &::before {
-        content: "";
-        display: inline-block;
-        width: 10px;
-        height: 10px;
-        background: #0052FF;
-        margin-right: 6px;
-        border-radius: 50%;
-      }
-    }
+  .data {
+    margin: 10px;
+    border-bottom: 1px solid #f2f2f2;
+    padding: 10px;
   }
 
-  :nth-child(2),
-  :nth-child(5),
-  :nth-child(8) {
-    span:nth-child(1) {
-      &::before {
-        content: "";
-        display: inline-block;
-        width: 10px;
-        height: 10px;
-        background: #FF5600;
-        margin-right: 6px;
-        border-radius: 50%;
-      }
+  .logo {
+    width: 50px;
+    height: 50px;
+
+    >img {
+      width: 40px;
+      height: 40px;
+
     }
   }
+}
+
+.dialogCentent,
+.dialoglist,
+.dialoginput {
+  background: #FFFFFF;
+  border-radius: 4px 4px 4px 4px;
+  padding: 10px;
+
+  >span {
+    font-family: PingFang SC, PingFang SC;
+    font-weight: 500;
+    font-size: 13px;
+    margin-bottom: 10px;
+    color: rgba(51, 51, 51, 0.8);
+  }
 
-  :nth-child(3),
-  :nth-child(6),
-  :nth-child(9) {
-    span:nth-child(1) {
-      &::before {
-        content: "";
-        display: inline-block;
-        width: 10px;
-        height: 10px;
-        background: #229805;
-        margin-right: 6px;
-        border-radius: 50%;
-      }
+  .totalsum {
+    span:nth-child(2) {
+      font-size: 30px;
+      color: red;
+      font-weight: bold;
     }
   }
 }