finance-ssr/pages/custInfo/page5.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  :class="{active:true}">经营状况</li>
          <li>贸易流程</li>
          <li>资产科目明细(上半年末)</li>
          <li>负债科目明细(上半年末)</li>
          <li>买方客户信息</li>
        </div>
      </div>
    <!--page5-->
    <div class="tab">
      <div class="all">
        <div class="form-group1">
          <label class="control-label">经营状况简述:</label>
          <textarea v-model='$store.state.condition.bc_bcremark' class="form-control" rows="10" placeholder="限500字符"
                    maxlength="500">
          </textarea>
        </div>
      </div>
      <!--上年度和今年经营状况-->
      <div style="overflow-x: auto">
        <button class="toggle" @click="$store.commit('changeShow',{index:1})"><h5>经营情况</h5></button>
        <table class="table table-striped" v-show="$store.state.show[1].isshow">
          <thead>
          <tr>
          <th style="width:70px">序号</th>
          <th>产品/服务种类</th>
          <th>去年营业收入(元)</th>
          <th>去年营业收入占比(%)</th>
          <th>今年营业收入(元)</th>
          <th>今年营业收入占比(%)</th>
          </tr>
          </thead>
          <tbody>
          <tr v-for="(item,index) in $store.state.tab5">
            <td v-text="index+1" style="padding:10px 20px"></td>
            <td><input type="text" v-model="item.pm_kind"></td>
            <td><input type="number" min="0" v-model="item.pm_tannualrevenue"/></td>
            <td><input type="number" min="0" v-model="item.pm_tratio"/></td>
            <td><input type="number" min="0" v-model="item.pm_annualrevenue"/></td>
            <td><input type="number" min="0" v-model="item.pm_ratio"/></td>
          </tr>
          <tr>
            <td><input type="button" value="+" @click="$store.commit('addtab5')"></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
          </tr>
          </tbody>
        </table>
      </div>
      <div class="buttons">
        <button><nuxt-link
          :to="{path: '/custInfo/page4'}" style="color:white">上一步</nuxt-link></button>
        <button><nuxt-link
          :to="{path: '/custInfo/page6'}" style="color:white">下一步</nuxt-link></button>
        <button @click="$store.dispatch('savepage5',$store.state)"  v-if="$store.state.cansave">保存</button>
      </div>
    </div>
  </div>
  </div>
</template>
<script>
  export default {
    layout: 'default'
  }
</script>