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

@@ -926,6 +926,13 @@ export const fncSettlementSumFees = (data) => {
   })
 }
 
+export const fncSettlementQueryRecord = (data) => {
+  return axios({
+    url: "/fnc/SettlementFees/queryRecord",
+    method: "post",
+    data
+  })
+}
 // 保险公司结算-非跟单结算页面单行结算保存
 export const documentarySettle = (data) => {
   return axios({

src/views/FinancialManagement/CarInsurance/CompanySettlement/CarInsurance/DocumentaryFeesDetail.vue

@@ -139,7 +139,7 @@
             <el-form-item label="险种" prop="riskcode">
               <el-select v-model="formDataAdd.riskcode"  placeholder="选择险种" size="small">
                 <el-option v-for="item in productsTypeoptions" :key="item.dictValue" :label="item.dictTag"
-                  :value="item.dictValue"></el-option>
+                  :value="item.dictTag"></el-option>
               </el-select>
             </el-form-item>
           </el-col>
@@ -248,6 +248,9 @@ export default {
       process:process.env.BASE_URL,
       dockingPersonOption: [],
       rulesAdd: {
+        agreeId: [
+          { required: true, message: '请选择协议类型', trigger: 'change' },
+        ],
         signDate: [
           { required: true, message: '请输入签单日期', trigger: 'blur' },
         ],

src/views/FinancialManagement/CarInsurance/CompanySettlement/CarInsurance/DocumentaryFeesSettled.vue

@@ -316,7 +316,8 @@ export default {
     findPageDetailrecord(data) {
       this.tableConfigDetailrecord.loading = true
       this.$api.task
-        .settlementFeesQuery({
+        // .settlementFeesQuery({
+          this.$api.task.fncSettlementQueryRecord({
           partnerCompaniesId: data.partnerCompaniesId,
           agreementType: '2',
           handlingFeesStatus: '1',
@@ -326,7 +327,7 @@ export default {
         })
         .then(res => {
           if (res.code == 200) {
-            this.formTableDatarecord = res.data.content;
+            this.formTableDatarecord = res.data;
             this.pageDatarecord = {
               pageNum: res.data.pageNum,
               pageSize: res.data.pageSize,

src/views/FinancialManagement/CarInsurance/CompanySettlement/CarInsurance/DocumentaryUnsettled.vue

@@ -424,15 +424,18 @@ export default {
     },
     getListrecord(data) {
       this.findPageDetailrecord({...data})
-    },findPageDetailrecord(data) {
+    },
+    findPageDetailrecord(data) {
       this.tableConfigDetailrecord.loading = true
-      this.$api.task.fncSettlementSumFees({
+      
+      // this.$api.task.fncSettlementSumFees({
+        this.$api.task.fncSettlementQueryRecord({
         settlementSumId: this.settlementSumId,
         settlementStatus: '2',
       })
       .then(res => {
         if (res.code == 200) {
-          this.formTableDatarecord = res.data.content
+          this.formTableDatarecord = res.data
           this.tableConfigDetailrecord.loading = false
         } else {
           this.$message.error(res.msg)

src/views/FinancialManagement/CarInsurance/CompanySettlement/CarInsurance/HandlingFees.vue

@@ -244,6 +244,9 @@ export default {
           },
       ],
       rulesAdd: {
+        agreeId: [
+          { required: true, message: '请选择协议类型', trigger: 'change' },
+        ],
         signDate: [
           { required: true, message: '请输入签单日期', trigger: 'blur' },
         ],

src/views/FinancialManagement/CarInsurance/CompanySettlement/NoCarInsurance/DocumentaryFeesDetail.vue

@@ -99,7 +99,7 @@
             <el-form-item label="险种" prop="riskcode">
               <el-select v-model="formDataAdd.riskcode"  placeholder="选择险种" size="small">
                 <el-option v-for="item in productsTypeoptions" :key="item.dictValue" :label="item.dictTag"
-                  :value="item.dictValue"></el-option>
+                  :value="item.dictTag"></el-option>
               </el-select>
             </el-form-item>
           </el-col>
@@ -208,6 +208,9 @@ export default {
       dockingPersonOption: [],
       riskcodeList: [],
       rulesAdd: {
+        agreeId: [
+          { required: true, message: '请选择协议类型', trigger: 'change' },
+        ],
         signDate: [
           { required: true, message: '请输入签单日期', trigger: 'blur' },
         ],

src/views/FinancialManagement/CarInsurance/CompanySettlement/NoCarInsurance/DocumentaryFeesSettled.vue

@@ -299,7 +299,8 @@ export default {
     findPageDetailrecord(data) {
       this.tableConfigDetailrecord.loading = true
       this.$api.task
-        .settlementFeesQuery({
+        // .settlementFeesQuery({
+        this.$api.task.fncSettlementQueryRecord({
           partnerCompaniesId: data.partnerCompaniesId,
           agreementType: '2',
           handlingFeesStatus: '1',
@@ -309,7 +310,7 @@ export default {
         })
         .then(res => {
           if (res.code == 200) {
-            this.formTableDatarecord = res.data.content;
+            this.formTableDatarecord = res.data;
             this.pageDatarecord = {
               pageNum: res.data.pageNum,
               pageSize: res.data.pageSize,

src/views/FinancialManagement/CarInsurance/CompanySettlement/NoCarInsurance/DocumentaryUnsettled.vue

@@ -441,13 +441,14 @@ export default {
     },
     findPageDetailrecord(data) {
       this.tableConfigDetailrecord.loading = true
-      this.$api.task.fncSettlementSumFees({
+      // this.$api.task.fncSettlementSumFees({
+      this.$api.task.fncSettlementQueryRecord({
         settlementSumId: this.settlementSumId,
         settlementStatus: '2',
       })
       .then(res => {
         if (res.code == 200) {
-          this.formTableDatarecord = res.data.content
+          this.formTableDatarecord = res.data
           this.tableConfigDetailrecord.loading = false
         } else {
           this.$message.error(res.msg)

src/views/FinancialManagement/CarInsurance/CompanySettlement/NoCarInsurance/HandlingFees.vue

@@ -225,6 +225,9 @@ export default {
   data() {
     return {
       rulesAdd: {
+        agreeId: [
+          { required: true, message: '请选择协议类型', trigger: 'change' },
+        ],
         signDate: [
           { required: true, message: '请输入签单日期', trigger: 'blur' },
         ],
@@ -685,6 +688,7 @@ export default {
       this.$api.task.updateNoHand(this.formDataEdit).then(res => {
         if (res.code == 200) {
           this.$message.success(res.msg)
+          this.dialogVisibleEdit = false
           this.getList()
         } else {
           this.$message.error(res.msg)

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;
     }
   }
 }