biapp
/
dup_frontend_h5


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225
							<!DOCTYPE html>
<html>

<head>
  <title>同心共享APP</title>
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <meta name="apple-mobile-web-app-capable" content="yes" />
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <script src="investJs//vue.min.js"></script>
  <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
  <!-- 引入样式 -->
  <link rel="stylesheet" href="https://unpkg.com/mint-ui/lib/style.css">
  <!-- 引入组件库 -->
  <script src="https://unpkg.com/mint-ui/lib/index.js"></script>
  <style>
    .Body {
      width: 100%;
      height: 100%;
    }

    .UserInfo {
      display: flex;
      flex-direction: row;
      align-items: center;
      height: 5rem;
      border-bottom: 0.4rem solid #ff802c;
    }

    .Tx {
      width: 3rem;
      height: 3rem;
      margin-left: 1rem;
    }

    .Name {
      font-size: 1.3rem;
    }

    .Details {
      color: #b3b3b3;
      font-size: 0.7rem;
      margin-top: 0.1rem;
    }

    .One {
      width: 45%;
      min-height: 3rem;
      margin-top: 5%;
      padding-bottom: 0.1rem
    }

    .row {
      display: flex;
      flex-direction: row;
      text-align: center;
    }

    .center {
      align-items: center;
      justify-content: center;
      margin-top: 5%;
    }

    .img {
      width: 25%;
      height: 25%;
      margin-right: 5%;
    }

    .txt {
      font-size: 1rem;
      color: #ff802c;
      font-weight: bold
    }
  </style>
</head>

<!-- <body style="background-color: gray"> -->

<body onload="load()">
  <div id="app">

    <mt-header title="同心共享" style="height:4rem;font-size:1.3rem;backgroundColor:#ff802c">
      <router-link to="/" slot="left">
        <mt-button icon="back" onclick="javascript:history.back();"></mt-button>
      </router-link>
    </mt-header>
    <div class="Body">
      <div class="UserInfo">
        <img class="Tx" src="./investImg/tx.png">
        <div style="margin-left:0.5rem;display: flex;flex-direction: row;width:100%">
          <div class="Name">{{item.userName}}</div>
          <div class="Details">同心共享的投资信息 </div>
          <button style="margin-left:auto; backgroundColor:#ff802c;" @click="onSubmit()">查看明细</button>
        </div>

      </div>

      <div class="row" style="color:#f4ea2a" @click="onSubmit()">

        <div class="One" style="margin-left:3%;backgroundColor:#3f9cf2;">
          <div class="row center">
            <img class="img" src="./investImg/money.png">
            <div style="width:35%;">已投入本金</div>
          </div>
          <div class="row" style="margin-top:5%;font-size:0.5rem;color:#000">
            <div style="backgroundColor:#fff;width:48%;height:2.5rem;margin-left:1.5%">
              <div>资金池</div>
              <div class="txt">{{item.followCapital}}</div>
            </div>
            <div style="backgroundColor:#fff;width:48%;height:2.5rem;margin-left:1.5%">
              <div>单独资金账户</div>
              <div class="txt">{{item.followCapitalAccount}}</div>
            </div>
          </div>
        </div>


        <div class="One" style="margin-left:4%;backgroundColor:#ff81f5">
          <div class="row center">
            <img class="img" src="./investImg/area.png">
            <div style="width:40%;">区域跟投金额</div>
          </div>
          <div class="row" style="margin-top:5%;font-size:0.5rem;color:#000">
            <div style="backgroundColor:#fff;width:48%;height:2.5rem;margin-left:1.5%">
              <div>资金池</div>
              <div class="txt">{{item.regionFollowCapital}}</div>
            </div>
            <div style="backgroundColor:#fff;width:48%;height:2.5rem;margin-left:1.5%">
              <div>单独资金账户</div>
              <div class="txt">{{item.regionFollowCapitalAccount}}</div>
            </div>
          </div>
        </div>
      </div>
      <div class="row" style="color:#f4ea2a">
        <div class="One" style="margin-left:3%;backgroundColor:#f86868">
          <div class="row center">
            <img class="img" style="margin-left:10%;" src="./investImg/profit.png">
            <div style="width:50%;">预计可分配净利润</div>
          </div>
          <div class="row" style="margin-top:3.5%;font-size:0.5rem;color:#000">
            <div style="backgroundColor:#fff;width:48%;height:2.5rem;margin-left:1.5%">
              <div>资金池</div>
              <div class="txt">{{item.financialIncomeCapital}}</div>
            </div>
            <div style="backgroundColor:#fff;width:48%;height:2.5rem;margin-left:1.5%">
              <div>单独资金账户</div>
              <div class="txt">{{item.financialIncomeCapitalAccount}}</div>
            </div>
          </div>
        </div>
        <div class="One" style="margin-left:4%;backgroundColor:#b94dec">
          <div class="row center">
            <img class="img" src="./investImg/balance.png">
            <div style="width:40%;">可用资金余额</div>
          </div>
          <div class="row" style="margin-top:5%;font-size:0.5rem;color:#000">
            <div style="backgroundColor:#fff;width:48%;height:2.5rem;margin-left:1.5%">
              <div>资金池</div>
              <div class="txt">{{item.availableBalanceCapital}}</div>
            </div>
            <div style="backgroundColor:#fff;width:48%;height:2.5rem;margin-left:1.5%">
              <div>单独资金账户</div>
              <div class="txt">{{item.availableBalanceCapitalAccount}}</div>
            </div>
          </div>
        </div>
      </div>
    </div>


  </div>
  <script src="https://unpkg.com/mint-ui/lib/index.js"></script>
  <script src="investJs//vue.js"></script>
  <script type="text/javascript">


    function load() {
      var domain = location.hostname;
      var backDomain = domain + ":";//后端域名
      if (domain === 'localhost') {  //开发
        backDomain = "http://localhost:8080/DPshow_depart/";
      } else if (domain === 'duptest.bgyfw.com') { //测试
        backDomain = "http://duptest.bgyfw.com:8002/DPshow_depart/";
      } else if (domain === 'duprc.bgyfw.com') { //预生产
        backDomain = "http://duprc.bgyfw.com:8012/DPshow_depart/";
      } else if (domain === 'dup.bgyfw.com') { //正式
        backDomain = "https://dup.bgyfw.com:8443/DPshow_depart/";
      }


      const service = axios.create({
        baseURL: backDomain, // node环境的不同，对应不同的baseURL
        timeout: 5000, // 请求的超时时间
        withCredentials: true // 允许携带cookie
      })

      service.get(backDomain + 'api/invest/region/investment/app', { 'xhrFields': { withCredentials: true }, crossDomain: true }
      )
        .then(function (response) {
          if (response.data.data.data != null) {
            app.item = response.data.data.data;
          }
        })
        .catch(function (error) {
        })

    }

    function onSubmit() {
      var uid = app.item.id;
      this.path = window.location.origin;
      this.QueryDetail = this.path + "/static/investmentApp.html?id=" + uid;
      window.location.href = this.QueryDetail
    };

  </script>
</body>

</html>