finance-ssr/pages/transfer/transferList.vue

<template>
  <div class="content">
    <div class="list-unstyled list-inline x-step x-step-x">
      <ul>
        <li class="active">应收账款转让</li>
      </ul>
    </div>
    <div class="tab">
      <table class="table table-striped">
        <thead>
        <tr>
          <th>序号</th>
          <th>保理转让款(元)</th>
          <th>保理首付款(元)</th>
          <th width="100">应收账款到期日</th>
          <th>合同总金额(元)</th>
          <th>开票总金额(元,含税)</th>
          <th>申请日期</th>
          <th>审核状态</th>
          <th>还款状态</th>
          <th>还款计划</th>
        </tr>
        </thead>
        <tbody>
        <tr v-for="(item ,index) in $store.state.transfer" @click="$store.commit('infotransfer',index)">
          <td v-text="index+1"></td>
          <td v-text="item.aa_transferamount"></td>
          <td v-text="item.aa_dueamount"></td>
          <td width="70">
            <el-date-picker
              readonly
              v-model="item.aa_maturitydate"
              type="date"
              placeholder="选择日期">
            </el-date-picker>
          </td>
          <td v-text="item.aa_saamount"></td>
          <td v-text="item.aa_billamount"></td>
          <td>
            <el-date-picker
              width="70"
              readonly
              v-model="item.indate"
              type="date"
              placeholder="选择日期">
            </el-date-picker>
          </td>
          <td v-if="item.status==204">通过</td>
          <td v-else></td>
          <td v-if="item.aa_iscloseoff"></td>
          <td v-else>未结清</td>
          <td v-if="item.status==204"><button @click="rpdownload(item.id)">下载</button></td>
          <td v-else=""></td>
        </tr>
        <tr>
          <td><input type="button" value="+" @click="$store.commit('addtransfer')" /></td>
          <td></td>
          <td></td>
          <td></td>
          <td></td>
          <td></td>
          <td></td>
          <td></td>
          <td></td>
          <td></td>
        </tr>
        </tbody>
      </table>
    </div>
    <modal v-model="$store.state.openTransfer" title="应收账款转让" ref="modal" size="lg">
      <div v-for="(item,index) in $store.state.transfer" v-show="$store.state.transfer[index].show">
        <div class="tab">
          <table class='table table-striped'>
            <tbody>
            <tr>
              <td>保理转让款(元)</td>
              <td><input v-model="item.aa_transferamount" type="number" /></td>
              <td>保理首付款(元)</td>
              <td><input v-model="item.aa_dueamount" type="number" /></td>
            </tr>
            <tr>
              <td>应收账款到期日</td>
              <td>
                <el-date-picker
                  value-format="yyyy-MM-dd"
                  :picker-options="pickerOptions1"
                  v-model="item.aa_maturitydate"
                  type="date"
                  placeholder="选择日期">
                </el-date-picker>
              </td>
              <td  v-if="item.status==202 || item.status==204 || item.status==205">申请日期</td>
              <td  v-if="item.status==202 || item.status==204 || item.status==205">
                <el-date-picker
                  readonly
                  value-format="yyyy-MM-dd"
                  v-model="item.indate"
                  type="date"
                  placeholder="选择日期">
                </el-date-picker>
              </td>
            </tr>
            </tbody>
          </table>
        </div>
        <div  class="tab">
        <button class="toggle" style="width:150px"><h5>基础合同信息</h5></button>
        <table class="table table-striped">
          <thead>
          <tr>
          <th>序号</th>
          <th>基础合同编号</th>
          <th>合同金额(元)</th>
          <th>订单编号</th>
          <th>订单金额(元)</th>
          <th>收款方式</th>
          <th width="70">删除</th>
          </tr>
          </thead>
          <tbody>
          <tr v-for="(item1,index1) in item.fsSaleList" >
            <td v-text="index1+1" width="80"></td>
            <td><input type="text" v-model="item1.sa_contractno" /></td>
            <td><input type="number" v-model="item1.sa_contractamount"/></td>
            <td><input type="text" v-model="item1.sa_code"/></td>
            <td><input type="number" v-model="item1.sa_total"/></td>
            <td><input type="text" v-model="item1.sa_payment"/></td>
            <td width="70"><el-button type="primary"  @click="$store.commit('deleteFsSale',{index:index,index1:index1})">删除</el-button></td>
          </tr>
          <tr>
            <td><input type="button"  value="+" @click="$store.commit('addfsSale',index)"/>
            </td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
          </tr>
          </tbody>
        </table>
        </div>
        <div  class="tab">
        <button class="toggle" style="width:150px"><h5>基础发票信息</h5></button>
        <table class="table table-striped">
          <thead>
          <tr>
            <th width="80">序号</th>
            <th>发票号码</th>
            <th>销货方(收款方)纳税人识别号</th>
            <th>开票日期</th>
            <th>开票金额(元)</th>
            <th width="70">删除</th>
          </tr>
          </thead>
          <tbody>
          <tr v-for="(item1,index2) in item.receipts">
            <td v-text="index2+1"></td>
            <td><input type="text" v-model="item1.aai_invoiceno" /></td>
            <td><input type="text" v-model="item1.aai_salesno"/></td>
            <td>
              <el-date-picker
                v-model="item1.aai_billdate"
                required
                type="date"
                placeholder="选择日期">
              </el-date-picker>
            </td>
            <td><input type="number" v-model="item1.aai_amount"/></td>
            <td width="70"><el-button type="primary" @click="$store.commit('deleteReceipt',{index:index,index2:index2})">删除</el-button></td>
          </tr>
          <tr>
            <td><input type="button" value="+"@click="$store.commit('addreceipt',index)" />
            </td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td width="70"></td>
          </tr>
          </tbody>
        </table>
        </div>
        <!-- 申请附件上传-->
        <div class="tab" v-show="$store.state.transfer[index].status">
          <h3 style="text-align: center">申请相关附件上传</h3>
          <div class="all">
            <div class="form-group2">
              <label class="control-label" style="color:blue;margin-right: 20px">交易买方贸易合同</label>
              <upload1  :filelist="0"  :transfer="$store.state.transfer[index]"/>
            </div>
          </div>
          <div class="all" style="margin-top: 40px">
            <div class="form-group2">
              <label class="control-label" style="color:blue;">增值税发票</label>
              <upload1  :filelist="1"  :transfer="$store.state.transfer[index]" />
            </div>
          </div>
          <div  style="margin-top: 40px">
            <div class="form-group2">
              <label class="control-label" style="color:blue;">货运单据</label>
              <upload1  :filelist="2"  :transfer="$store.state.transfer[index]" />
            </div>
          </div>
          <div class="all" style="margin-top: 40px">
            <div class="form-group2">
              <label class="control-label" style="color:blue;">其他</label>
              <upload1  :filelist="3"  :transfer="$store.state.transfer[index]" />
            </div>
          </div>
        </div>
      </div>
      <div slot="footer">
      <div v-for="(item,index) in $store.state.transfer"  v-if="$store.state.transfer[index].show && ($store.state.transfer[index].erpstatus == null || $store.state.transfer[index].erpstatus == '')">
        <btn @click="$store.commit('cancleTransfer')">取消</btn>
        <btn type="info" @click="$store.dispatch('savetransfer',$store.state.transfer[index])">保存</btn>
        <btn type="success" @click="$store.dispatch('submittransfer',$store.state.transfer[index])" :disabled="!(item.status==201)">提交</btn>
      </div>
      </div>
    </modal>
    </div>
</template>
<script>
  import { Modal } from 'uiv'
  import Upload1 from "../../components/common/upload1";

    export default {
      components: {
        Modal,Upload1
      },
      data:function(){
        return{
          fileList0:[],
          fileList1:[],
          fileList2:[],
          fileList3:[],
          pickerOptions1:{
            disabledDate(time) {
              return time.getTime() < Date.now() ;
            }
          },
        }
      },
      fetch({store}){
        return Promise.all([
           store.dispatch('findTransfer')
        ])
      },
      methods: {
        rpdownload: function (aaid) {
          window.open("http://"+context.state.route.path+"/repayment/downExcel?aaid=" + aaid);
        },
      },
    }

</script>