finance-ssr/pages/custInfo/page3.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 :class="{active:true}">主要关联企业</li>
          <li>高管信息</li>
          <li>经营状况</li>
          <li>贸易流程</li>
          <li>资产科目明细(上半年末)</li>
          <li>负债科目明细(上半年末)</li>
          <li>买方客户信息</li>
        </div>
      </div>
      <!--page3-->
      <div class="tab"  style="overflow-x: auto">
        <table class="table table-striped">
          <thead>
          <tr>
          <th width="70">序号</th>
          <th>企业名称</th>
          <th>关联关系</th>
          <th>法人代表</th>
          <th>注册资本(万元)</th>
          <th>法人代表股权(占比%)</th>
          <th>主营业务</th>
          </tr>
          </thead>
          <tbody>
          <tr v-for="(page3,index) in $store.state.tab3">
            <td v-text="index + 1"></td>
            <td><input type="text" v-model="page3.cud_name" :readonly="page3.isDisabled"></td>
            <td><input type="text" v-model="page3.cud_association" :readonly="page3.isDisabled"/></td>
            <td><input type="text" v-model="page3.cud_legalperson" :readonly="page3.isDisabled"/></td>
            <td><input type="number" min="0" v-model="page3.cud_amount" :readonly="page3.isDisabled"/></td>
            <td><input type="number" min="0" v-model="page3.cud_ratio" :readonly="page3.isDisabled"/></td>
            <td><input type="text" v-model="page3.cud_product" :readonly="page3.isDisabled"/></td>
          </tr>
          <tr>
            <td><input type="button" value="+"  @click="$store.commit('addtab3')" /></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
          </tr>
          </tbody>
        </table>
        <div class="buttons">
          <button>
            <nuxt-link
              :to="{path: '/custInfo/page2'}" style="color:white">上一步</nuxt-link>
          </button>
          <button>
            <nuxt-link
              :to="{path: '/custInfo/page4'}" style="color:white">下一步</nuxt-link>
          </button>
          <button @click="$store.dispatch('savepage3')"  v-if="$store.state.cansave">保存</button>
        </div>
      </div>
    </div>

  </div>
</template>
<script>
  export default {
    layout: 'default'
  }
</script>