finance-ssr/pages/custInfo/page7.vue

<template>
  <div class="content">
    <!--   主体内容-->
    <div class="row content-row">
      <div id="info">
        <div class="list-unstyled list-inline step" id="tabTitle">
          <li>客户基础资料</li>
          <li>股东构成</li>
          <li>主要关联企业</li>
          <li>高管信息</li>
          <li>经营状况</li>
          <li>贸易流程</li>
          <li :class="{active:true}">资产科目明细(上半年末)</li>
          <li>负债科目明细(上半年末)</li>
          <li>买方客户信息</li>
        </div>
      </div>
      <!--page7-->
      <div class="tab"  id="tab7">
        <!--应收账款明细-->
        <div>
          <button class="toggle" style="width:100px" @click="$store.commit('changeShow',{index:2})"><h5>应收账目详情</h5></button>
          <table class="table table-striped" v-show="$store.state.show[2].isshow">
            <thead>
            <tr>
            <th width="70px">序号</th>
            <th>买方客户名称</th>
            <th>金额(元)</th><!--实际是UAS的余额-->
            <th>占比(%)</th>
            <th>账龄(月)</th>
            </tr>
            </thead>
            <tbody>
            <tr v-for="(li, index) in $store.state.tab7">
              <td v-text="index + 1"></td>
              <td><input type="text" v-model="li.ai_cuname"></td>
              <td><input type="number" v-model="li.ai_leftamount"/></td>
              <td><input type="number" v-model="li.ai_rate"/></td>
              <td><input type="text" v-model="li.ai_payment"/></td>
            </tr>
            <tr>
              <td><input type="button" value="+" @click="$store.commit('addtab7')"/></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
            </tr>
            </tbody>
          </table>
        </div>
        <div>
          <span>截止至</span><input type="number" v-model="$store.state.financecondition.year"/><span>年</span><input
          type="number" v-model="$store.state.financecondition.month"/><span>月末应收账款余额</span>
          <input type="number" style="width: 150px" v-model="$store.state.financecondition.fc_arbalance"><span>元</span>
        </div>
        <div>
          <table class="table table-striped">
            <tbody>
            <tr>
              <td>账龄&gt;=3个月以内的(元)</td>
              <td><input type="number" style="width:100%" v-model="$store.state.financecondition.fc_agingamount1"/>
              </td>
              <td>3个月&gt;账龄&gt;=6个月以内的(元)
              </td>
              <td><input type="number" v-model="$store.state.financecondition.fc_agingamount2"/></td>
            </tr>
            <tr>
              <td>6个月&gt;账龄&gt;=12个月以内的(元)
              </td>
              <td><input type="number" v-model="$store.state.financecondition.fc_agingamount4"/></td>
              <td>账龄&lt;=12个月以上的(元)</td>
              <td><input type="number" v-model="$store.state.financecondition.fc_agingamount3"/></td>
            </tr>
            </tbody>
          </table>
        </div>
        <!--其他应收账款-->
        <div>
          <button class="toggle" style="width:100px" @click="$store.commit('changeShow',{index:4})"><h5>其他应收账款</h5></button>
          <table class="table table-striped" v-show="$store.state.show[4].isshow">
            <thead>
            <tr>
            <th width="70px">序号</th>
            <th>名称</th>
            <th>占比(%)</th>
            <th>账龄(月)</th>
            <th>产生原因</th>
            </tr>
            </thead>
            <tbody>
            <tr v-for="(li, index) in $store.state.tab8">
              <td v-text="index + 1"></td>
              <td><input type="text" v-model="li.ai_cuname"></td>
              <td><input type="number" v-model="li.ai_rate"/></td>
              <td><input type="text" v-model="li.ai_payment"/></td>
              <td><input type="text" v-model="li.ai_remark"/></td>
            </tr>
            <tr>
              <td><input type="button" value="+" @click="$store.commit('addtab8')"/></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
            </tr>
            </tbody>
          </table>
        </div>
        <!--预付账款-->
        <div>
          <button class="toggle" style="width:100px" @click="$store.commit('changeShow',{index:5})"><h5>预付账款</h5></button>
          <table class="table table-striped" v-show="$store.state.show[5].isshow">
            <thead>
            <tr>
            <th width="70px">序号</th>
            <th>名称</th>
            <th>余额(元)</th>
            </tr>
            </thead>
            <tbody>
            <tr v-for="(li, index) in $store.state.tab9">
              <td v-text="index + 1"></td>
              <td><input type="text" v-model="li.ai_cuname"/></td>
              <td><input type="number" v-model="li.ai_leftamount"/></td>
            </tr>
            <tr>
              <td><input type="button" value="+" @click="$store.commit('addtab9')"/></td>
              <td></td>
              <td></td>
            </tr>
            </tbody>
          </table>
        </div>
        <!--固定资产-->
        <div>
          <button class="toggle" style="width:100px" @click="$store.commit('changeShow',{index:6})"><h5>固定资产</h5></button>
          <table class="table table-striped" v-show="$store.state.show[6].isshow">
            <thead>
            <tr>
            <th width="70px">序号</th>
            <th>项目名称</th>
            <th>金额(元)</th>
            </tr>
            </thead>
            <tbody>
            <tr v-for="(li, index) in $store.state.tab10">
              <td v-text="index + 1"></td>
              <td><input type="text" v-model="li.ai_caname"/></td>
              <td><input type="number" v-model="li.ai_amount"/></td>
            </tr>
            <tr>
              <td><input type="button" value="+" @click="$store.commit('addtab10')"/></td>
              <td></td>
              <td></td>
            </tr>
            </tbody>
          </table>
        </div>
        <!--存货-->
        <div>
          <button class="toggle" @click="$store.commit('changeShow',{index:7})"><h5>存货</h5></button>
          <table class="table table-striped" v-show="$store.state.show[7].isshow">
            <thead>
            <tr>
            <th width="70px">序号</th>
            <th>项目名称</th>
            <th>金额(元)</th>
            </tr>
            </thead>
            <tbody>
            <tr v-for="(li, index) in $store.state.tab11">
              <td v-text="index + 1"></td>
              <td><input type="text" v-model="li.ai_caname"/></td>
              <td><input type="number" v-model="li.ai_amount"/></td>
            </tr>
            <tr>
              <td><input type="button" value="+" @click="$store.commit('addtab11')"/></td>
              <td></td>
              <td></td>
            </tr>
            </tbody>
          </table>
        </div>
        <div class="buttons">
          <button><nuxt-link
            :to="{path: '/custInfo/page6'}" style="color:white">上一步</nuxt-link></button>
          <button><nuxt-link
            :to="{path: '/custInfo/page8'}" style="color:white">下一步</nuxt-link></button>
          <button @click="$store.dispatch('savepage7')"  v-if="$store.state.cansave">保存</button>
        </div>
      </div>
    </div>
    </div>
</template>
<script>
  export default {
    layout: 'default',
  }
</script>