finance-ssr/pages/custInfo/page2.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 :class="{active:true}">股东构成</li>
          <li>主要关联企业</li>
          <li>高管信息</li>
          <li>经营状况</li>
          <li>贸易流程</li>
          <li>资产科目明细(上半年末)</li>
          <li>负债科目明细(上半年末)</li>
          <li>买方客户信息</li>
        </div>
      </div>
      <!--page2-->
      <div id="tab2" class="tab">
        <table class="table table-striped">
          <thead>
          <tr>
          <th style="width: 70px">序号</th>
          <th>股东名称</th>
          <th>证件类型</th>
          <th>证件号码</th>
          <th>股权比例(%)</th>
          <th>出资金额(万元)</th>
          </tr>
          </thead>
          <tbody>
          <tr v-for="(page2, index) in $store.state.tab2">
            <td v-text="index + 1"></td>
            <td><input type="text" v-model="page2.cs_name" :readonly="page2.isDisabled"></td>
            <td><input type="text" v-model="page2.cs_paperstype" :readonly="page2.isDisabled"/></td>
            <td><input type="text" v-model="page2.cs_paperscode" :readonly="page2.isDisabled"/></td>
            <td><input type="number" min="0" v-model="page2.cs_investratio" :readonly="page2.isDisabled"/></td>
            <td><input type="number" min="0" v-model="page2.cs_investamount" :readonly="page2.isDisabled"/></td>
          </tr>
          <tr>
            <td><input type="button" value="+" @click="$store.commit('addtab2')"/></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
          </tr>
          </tbody>
        </table>
        <div class="buttons">
          <button><nuxt-link
            :to="{path: '/'}" style="color:white">上一步</nuxt-link></button>
          <button><nuxt-link
            :to="{path: '/custInfo/page3'}" style="color:white">下一步</nuxt-link></button>
          <button @click="$store.dispatch('savepage2',$store.state.tab2)"  v-if="$store.state.cansave">保存</button>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
  export default {
    layout: 'default'
  }
</script>