biapp
/
dup_frontend_h5


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234
							<!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">
    <!-- <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">
          <div class="Name">{{investProjectExcelVOList[0].userName}}</div>
          <div class="Details">您的同心共享在
            <span style="color:#ff802c">{{investProjectExcelVOList[0].regionName}}</span>下面的投资明细</div>
        </div>
      </div>
      <div style="overflow-x:auto;">
        <div style="margin-top:1vh">
          <span style="background-color: #ff802c;color: #ff802c">1</span>
          <span>投资明细列表</span></div>
        <table border="1" cellspacing="0" width="2500" height="150" style="margin-top:2vh">
          <!--crowspan中必须指定要合并的行数目-->
          <!--colspan中必须指定要合并的列数目-->
          <tr>
            <th rowspan="2">跟投项目</th>
            <th colspan="2">房产发放利润（累计数）</th>
            <th colspan="2">已发放个人利润（累计数）</th>
            <th colspan="2">未发放个人利润（累计数）</th>
            <th rowspan="2">资金池跟投本金</th>
            <th rowspan="2">资金池跟投时间</th>
            <th rowspan="2">单独资金账户跟投本金</th>
            <th rowspan="2">单独资金账户跟投时间</th>
            <th colspan="2">区域跟投金额</th>
            <th colspan="2">利润分配</th>
            <th colspan="2">募集资金余额</th>
            <th colspan="2">可用资金余额(区域募集资金本金+利润分配+阶段性现金余额)</th>
          </tr>
          <tr>
            <th>资金池</th>
            <th>单独资金账户</th>
            <th>资金池</th>
            <th>单独资金账户</th>
            <th>资金池</th>
            <th>单独资金账户</th>
            <th>资金池</th>
            <th>单独资金账户</th>
            <th>资金池</th>
            <th>单独资金账户</th>
            <th>资金池</th>
            <th>单独资金账户</th>
            <th>资金池</th>
            <th>单独资金账户</th>
          </tr>
          <div>
            <tr v-for="(item,index) in investProjectExcelVOList" :key="index">
              <td>{{item.projectName}}</td>
              <td>{{item.propertyDistributionCapital}}</td>
              <td>{{item.propertyDistributionCapitalAccount}}</td>
              <td>{{item.issuedCapital}}</td>
              <td>{{item.issuedCapitalAccount}}</td>
              <td>{{item.unissuedCapital}}</td>
              <td>{{item.unissuedCapitalAccount}}</td>
              <td :rowspan="investProjectExcelVOList.length" v-show="index == 0">{{item.followCapital}}</td>
              <td :rowspan="investProjectExcelVOList.length" v-show="index == 0">{{item.followTime}}</td>

              <!-- cell = sheet.getRow((count)).getCell(11);// 跟投（独资金账户） -->
              <td>{{item.regionFollowCapitalAccount}}</td>

              <!-- cell = sheet.getRow((count)).getCell(12);// 跟投时间（独资金账户） -->
              <td>{{item.followCapitalAccountTime}}</td>
              <!-- cell = sheet.getRow(count).getCell(13);// 资金池（区域跟投） -->
              <td>{{item.regionFollowCapital}}</td>
              <!-- cell = sheet.getRow(count).getCell(14);// 单独资金账户（区域跟投） -->
              <td>{{item.regionFollowCapitalAccount}}</td>
              <td>{{item.profitDistributionCapital}}</td>
              <td>{{item.profitDistributionCapitalAccount}}</td>
            </tr>
            <tr>
              <td v-if="tableFlag==true">合计</td>
              <td>{{investProjectProfitVo.propertyDistributionCapitalTotal}}</td>
              <td>{{investProjectProfitVo.propertyDistributionCapitalAccountTotal}}</td>
              <td>{{investProjectProfitVo.issuedCapitalTotal}}</td>
              <td>{{investProjectProfitVo.issuedCapitalAccountTotal}}</td>
              <td>{{investProjectProfitVo.unissuedCapitalTotal}}</td>
              <td>{{investProjectProfitVo.unissuedCapitalAccountTotal}}</td>
              <td>{{investProjectExcelVOList[0].followCapital}}</td>
              <td></td>
              <td>{{investProjectExcelVOList[0].followCapitalAccount}}</td>
              <td></td>
              <td>{{investProjectProfitVo.regionFollowCapitalTotal}}</td>
              <td>{{investProjectProfitVo.regionFollowCapitalAccountTotal}}</td>
              <td>{{investProjectProfitVo.profitDistributionCapitalTotal}}</td>
              <td>{{investProjectProfitVo.profitDistributionCapitalAccountTotal}}</td>
              <td>{{investProjectExcelVOList[0].raisingBalanceCapital}}</td>
              <td>{{investProjectExcelVOList[0].raisingBalanceCapitalAccount}}</td>
              <td>{{investProjectExcelVOList[0].availableBalanceCapital}}</td>
              <td>{{investProjectExcelVOList[0].availableBalanceCapitalAccount}}</td>
            </tr>
          </div>
        </table>
      </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 urlParameters = location.search;
      var requestParameters = new Object();
      var parameters;
      if (urlParameters.indexOf('?') != -1) {
        parameters = decodeURI(urlParameters.substr(1));
      }
      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/investmentAppInfo?' + parameters, { 'xhrFields': { withCredentials: true }, crossDomain: true }
      )
        .then(function (response) {

          if (app.investProjectExcelVOList.length >0) {
            app.tableFlag=true;
            app.investProjectProfitVo = response.data.data.investProjectProfitVo;
            app.investProjectExcelVOList = response.data.data.investProjectExcelVOList;
          } 

        })
        .catch(function (error) {

        })

    }

  </script>
</body>

</html>