finance-ssr/pages/custInfo/page6.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  :class="{active:true}">贸易流程</li>
          <li>资产科目明细(上半年末)</li>
          <li>负债科目明细(上半年末)</li>
          <li>买方客户信息</li>
        </div>
      </div>
    <!--page6-->
    <div class="tab">
      <div class="all">
        <div class="form-group1">
          <label  class="control-label">贸易流程简述:</label>
          <textarea class="form-control" v-model="$store.state.condition.bc_sweaterprocess" rows="10"
                    placeholder="限500字符" maxlength="500">
                            </textarea>
        </div>
      </div>
      <!--前五大供应商-->
      <div>
        <button class="toggle" style="width:100px"><h5>前五大供应商</h5></button>
        <table class="table table-striped">
          <thead>
          <tr>
          <th>序号</th>
          <th>名称</th>
          <th>产品</th>
          <th>上年交易额(元)</th>
          <th>今年交易额(元)</th>
          <th>结账方式及账期</th>
          <th>合作年限</th>
          </tr>
          </thead>
          <tbody>
          <tr v-for="(item,index) in $store.state.tab6">
            <td v-text="index+1" style="width:70px"></td>
            <td><input type="text" v-model="item.udc_name"/></td>
            <td><input type="text" v-model="item.udc_product"/></td>
            <td><input type="number" v-model="item.udc_lastyear"/></td>
            <td><input type="number" v-model="item.udc_thisyear"/></td>
            <td><input type="text" v-model="item.udc_payment"/></td>
            <td><input type="number" v-model="item.udc_cooperationyears"/></td>
          </tr>
          </tbody>
        </table>
        <!--前五大客户-->
        <div>
          <button class="toggle" style="width:100px"><h5>前五大客户</h5></button>
          <table class="table table-striped">
            <thead>
            <tr>
            <th>序号</th>
            <th>名称</th>
            <th>产品</th>
            <th>上年交易额(元)</th>
            <th>今年交易额(元)</th>
            <th>结账方式及日期</th>
            <th>合作年限</th>
            </tr>
            </thead>
            <tbody>
            <tr v-for="(item,index) in $store.state.tab6_2">
              <td v-text="index+1" style="width:70px"></td>
              <td><input type="text" v-model="item.udc_name"/></td>
              <td><input type="text" v-model="item.udc_product"/></td>
              <td><input type="number" v-model="item.udc_lastyear"/></td>
              <td><input type="number" v-model="item.udc_thisyear"/></td>
              <td><input type="text" v-model="item.udc_payment"/></td>
              <td><input type="text" v-model="item.udc_cooperationyears"/></td>
            </tr>
            </tbody>
          </table>
        </div>
        <div class="buttons">
          <button><nuxt-link
            :to="{path: '/custInfo/page5'}" style="color:white">上一步</nuxt-link></button>
          <button><nuxt-link
            :to="{path: '/custInfo/page7'}" style="color:white">下一步</nuxt-link></button>
          <button @click="$store.dispatch('savepage6')"  v-if="$store.state.cansave">保存</button>
        </div>
      </div>
    </div>
  </div>
  </div>
</template>
<script>
  export default {
    layout: 'default',
  }
</script>