<template>
  <div class="app-container">
    <div v-show="viewState == 1">
      <button-bar ref="btnbar" view-title="项目监管报表" :btndisabled="btndisabled" @btnhandle="btnHandle" />
      <div class="main-content">
        <div class="searchcon">
          <el-button size="small" class="searchbtn" @click="clicksearchShow">{{ searchxianshitit }}</el-button>
          <div v-show="isSearchShow" class="search">
            <el-form :inline="true" :model="queryParams" class="tab-header">
              <el-form-item label="数据日期">
                <el-date-picker v-model="queryParams.params.dataDateStart" type="date" clearable
                  value-format="yyyy-MM-dd" placeholder="选择数据开始日期" style="width: 140px;" />
                <span style="padding: 0 8px">至</span>
                <el-date-picker v-model="queryParams.params.dataDateEnd" type="date" clearable value-format="yyyy-MM-dd"
                  placeholder="选择数据结束日期" style="width: 140px;" />
              </el-form-item>
              <el-form-item label="监管项目">
                <el-select v-model="queryParams.params.projectSid" placeholder="请选择" clearable style="width: 300px;">
                  <el-option v-for="item in projectList" :key="item.sid" :label="item.entryName" :value="item.sid" />
                </el-select>
              </el-form-item>
            </el-form>
            <div class="btn" style="text-align: center;">
              <el-button type="primary" size="small" icon="el-icon-search" @click="dosearch">查询</el-button>
              <el-button type="primary" size="small" icon="el-icon-refresh" @click="resetQuery">重置</el-button>
            </div>
          </div>
        </div>
        <!-- Start 项目列表头部 -->
        <div class="listtop">
          <div class="tit" />
          <pageye v-show="dataList.length > 0" :total="queryParams.total" :page.sync="queryParams.current"
            :limit.sync="queryParams.size" class="pagination" @pagination="loadList" />
        </div>
        <!-- End 项目列表头部 -->
        <!-- Start 项目列表 -->
        <div class="">
          <el-table v-loading="tableLoading" :data="dataList" border style="width: 100%">
            <el-table-column prop="orderDate" label="数据日期" align="center" width="110" />
            <el-table-column prop="projectName" label="项目名称" align="center" />
            <el-table-column prop="totalLoan" label="授信总额（元）" align="center" width="140" />
            <el-table-column prop="accountsBalance" label="帐户余额(元)" align="center" width="140" />
            <el-table-column prop="accountsReceivable" label="应收账款(元)" align="center" width="140" />
            <el-table-column prop="stockAmount" label="库存货值(元)" align="center" width="140" />
            <el-table-column prop="transitAmount" label="在途货值(元)" align="center" width="140" />
            <el-table-column prop="advancePayment" label="预付款(元)" align="center" width="140" />
            <el-table-column prop="advancePayment" label="质押率" align="center" width="80">
              <template slot-scope="scope">
                <div>{{ scope.row.pledgeRatePercent }}%</div>
              </template>
            </el-table-column>
            <el-table-column label="操作" align="center" width="130">
              <template slot-scope="scope">
                <el-button type="primary" icon="el-icon-chat-dot-round" size="small"
                  @click="sendMess(scope.row)">发送通知</el-button>
              </template>
            </el-table-column>
          </el-table>
        </div>
        <!-- End 项目列表 -->
        <div class="pages">
          <div class="tit" />
          <!--  翻页  -->
          <pagination v-show="dataList.length > 0" :total="queryParams.total" :page.sync="queryParams.current"
            :limit.sync="queryParams.size" class="pagination" @pagination="loadList" />
        </div>
      </div>
    </div>

    <el-dialog title="编辑项目监管报表数据" :close-on-click-modal="false" :visible.sync="dialogVisible" width="60%"
      :before-close="projectDailyClose">
      <el-form ref="form_daily" :model="projectDaily" :rules="rules" label-position="right" class="formadd">
        <div class="title">
          <div>项目监管数据</div>
        </div>
        <el-row>
          <el-col :span="4" class="tleftb2">
            <span>填报日期</span>
          </el-col>
          <el-col :span="8" class="trightb">
            <el-form-item prop="orderDate"> <el-date-picker v-model="projectDaily.orderDate" type="date"
                style="width: 100%;" placeholder="选择日期" value-format="yyyy-MM-dd" /></el-form-item>
          </el-col>
          <el-col :span="4" class="tleftb2">
            <span>选择监管项目</span>
          </el-col>
          <el-col :span="8" class="trightb">
            <el-form-item>
              <el-select v-model="projectDaily.projectSid" placeholder="请选择" @change="projectSelectChange()"
                style="width: 100%;">
                <el-option v-for="item in projectList" :key="item.sid" :label="item.entryName" :value="item.sid" />
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="4" class="tleftb2">
            <span>授信额度（元）</span>
          </el-col>
          <el-col :span="8" class="trightb">
            <el-form-item prop="totalLoan">
              <span>{{projectDaily.totalLoan}}</span>
              <!-- <el-input v-model="projectDaily.totalLoan" class="addinputw" style="width: 100%;" clearable @blur="zyl"
                oninput="value=value.replace(/[^\d.]/g, '').replace(/\.{2,}/g, '.').replace('.', '$#$').replace(/\./g, '').replace('$#$', '.').replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3').replace(/^\./g, '')" /> -->

            </el-form-item>
          </el-col>
          <el-col :span="4" class="tleftb2">
            <span>用信总额（元）</span>
          </el-col>
          <el-col :span="8" class="trightb">
            <el-form-item prop="accountsBalance">

              <el-input v-model="projectDaily.useLimit" class="addinputw" style="width: 100%;" clearable
                oninput="value=value.replace(/[^\d.]/g, '').replace(/\.{2,}/g, '.').replace('.', '$#$').replace(/\./g, '').replace('$#$', '.').replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3').replace(/^\./g, '')" />

            </el-form-item>
          </el-col>
        </el-row>

        <el-row>
          <el-col :span="4" class="tleftb2">
            <span>帐户余额（元）</span>
          </el-col>
          <el-col :span="8" class="trightb">
            <el-form-item prop="accountsBalance">

              <div style="display: flex;flex-direction: row;align-items: center;justify-content: space-between;">
                <span>{{projectDaily.accountsBalance}}</span>
                <el-button size="small" type="primary" @click="showBalance">录入</el-button>
              </div>

              <!-- <el-input v-model="projectDaily.accountsBalance" class="addinputw" clearable @blur="zyl" /> -->
            </el-form-item>
          </el-col>
          <el-col :span="12" class="trightb2">
            <el-form-item>
            </el-form-item>
          </el-col>
        </el-row>


        <el-row>
          <el-col :span="4" class="tleftb2">
            <span>应收账款（元）</span>
          </el-col>
          <el-col :span="8" class="trightb">
            <el-form-item prop="accountsReceivable">
              <el-input v-model="projectDaily.accountsReceivable" style="width: 100%;" class="addinputw" clearable
                @blur="zyl"
                oninput="value=value.replace(/[^\d.]/g, '').replace(/\.{2,}/g, '.').replace('.', '$#$').replace(/\./g, '').replace('$#$', '.').replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3').replace(/^\./g, '')" />

            </el-form-item>
          </el-col>
          <el-col :span="4" class="tleftb2">
            <span>库存货值（元）</span>
          </el-col>
          <el-col :span="8" class="trightb">
            <el-form-item prop="stockAmount">
              <el-input v-model="projectDaily.stockAmount" style="width: 100%;" class="addinputw" clearable @blur="zyl"
                oninput="value=value.replace(/[^\d.]/g, '').replace(/\.{2,}/g, '.').replace('.', '$#$').replace(/\./g, '').replace('$#$', '.').replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3').replace(/^\./g, '')" />

            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="4" class="tleftb2">
            <span>在途货值（元）</span>
          </el-col>
          <el-col :span="8" class="trightb">
            <el-form-item prop="transitAmount">
              <el-input v-model="projectDaily.transitAmount" style="width: 100%;" class="addinputw" clearable
                @blur="zyl"
                oninput="value=value.replace(/[^\d.]/g, '').replace(/\.{2,}/g, '.').replace('.', '$#$').replace(/\./g, '').replace('$#$', '.').replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3').replace(/^\./g, '')" />

            </el-form-item>
          </el-col>
          <el-col :span="4" class="tleftb2">
            <span>预付款（元）</span>
          </el-col>
          <el-col :span="8" class="trightb">
            <el-form-item prop="advancePayment">
              <el-input v-model="projectDaily.advancePayment" style="width: 100%;" class="addinputw" clearable
                @blur="zyl"
                oninput="value=value.replace(/[^\d.]/g, '').replace(/\.{2,}/g, '.').replace('.', '$#$').replace(/\./g, '').replace('$#$', '.').replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3').replace(/^\./g, '')" />

            </el-form-item>
          </el-col>
        </el-row>


        <el-row>
          <el-col :span="4" class="tleftb2" style="padding-top: 12px;padding-bottom: 5px;">
            <span>备注</span>
          </el-col>
          <el-col :span="20" class="trightb">
            <el-form-item style="padding-top: 5px;padding-bottom: 5px;"><el-input v-model="projectDaily.remarks"
                style="width: 100%;" type="textarea" :rows="2" placeholder="" class="addinputw"
                clearable /></el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="4" class="tleftb2" style="padding-bottom: 10px;padding-top: 10px;">
            <span>质押率</span>
          </el-col>
          <el-col :span="8" class="trightb">
            <el-form-item style="padding-bottom: 10px;padding-top: 10px;">{{ zhiyalv }}</el-form-item>
          </el-col>
          <el-col :span="4" class="tleftb2" style="padding-bottom: 10px;padding-top: 10px;">
            <span>上传附件</span>
          </el-col>
          <el-col :span="8" class="trightb">
            <el-form-item style="padding-bottom: 10px;padding-top: 10px;">
              <el-upload class="upload-demo" :action="updateAction" :on-success="handleSuccess"
                :on-remove="handleRemove" :file-list="uploadFileList">
                <el-button size="small" type="primary">点击上传报表文件</el-button>
              </el-upload>
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
      <span slot="footer" class="dialog-footer">
        <el-button @click="projectDailyClose">取 消</el-button>
        <el-button type="primary" @click="projectDailySave()">保 存</el-button>
      </span>
    </el-dialog>


    <el-dialog title="编辑账户余额数据" :close-on-click-modal="false" :visible.sync="banInfo" width="60%"
      :before-close="bankInfoClose">

      <el-table :data="bankList" border :header-cell-style="rowClass">

        <el-table-column label="所属企业" prop="enterpriseName" align="center" />
        <el-table-column label="银行账号" prop="accountNumber" align="center" />
        <el-table-column label="开户银行" prop="bank" align="center" />
        <el-table-column label="账户余额" wid align="center" width="220">
          <template slot-scope="scope">
            <el-input v-model="scope.row.balance" style="width: 100%;" class="addinputw" clearable
              oninput="value=value.replace(/[^\d.]/g, '').replace(/\.{2,}/g, '.').replace('.', '$#$').replace(/\./g, '').replace('$#$', '.').replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3').replace(/^\./g, '')" />

          </template>
        </el-table-column>
      </el-table>

      <span slot="footer" class="dialog-footer">
        <el-button @click="bankInfoClose">取 消</el-button>
        <el-button type="primary" @click="bankInfoSave()">保 存</el-button>
      </span>
    </el-dialog>
  </div>
</template>

<script>
  import ButtonBar from '@/components/ButtonBar'
  import Pagination from '@/components/pagination'
  import pageye from '@/components/pagination/pageye'
  import req from '@/api/project/projectDaily'
  import {
    parseTime
  } from '@/utils/index'
  export default {
    name: 'DaydatauploadCash',
    components: {
      ButtonBar,
      Pagination,
      pageye
    },
    data() {
      return {
        banInfo: false,
        btndisabled: false,
        viewState: 1, // 1、列表 2、添加 3、修改 4、查看
        isSearchShow: false,
        searchxianshitit: '显示查询条件',
        queryParams: {
          current: 1,
          size: 10,
          total: 0,
          params: {
            dataDateStart: '',
            dataDateEnd: '',
            projectSid: ''
          }
        },
        tableLoading: false,
        dataList: [],
        btnList: [{
            type: 'primary',
            size: 'small',
            icon: 'upload',
            btnKey: 'showUploadXlsx',
            btnLabel: '填报当日数据'
          },
          {
            type: 'info',
            size: 'small',
            icon: 'cross',
            btnKey: 'doClose',
            btnLabel: '关闭'
          }
        ],
        dialogVisible: false,
        updateAction: process.env.VUE_APP_BASE_API+'/projectdaily/uploadfile',
        showSelectButton: false,
        currentLogSid: '',
        ychzFilePath: '',
        projectDaily: {
          sid: '',
          remarks: '', // 备注说明',
          orderDate: parseTime(new Date(), '{y}-{m}-{d}'), // 单据日期',
          projectSid: '', // 项目Sid',
          projectName: '', // 项目名称',
          totalLoan: 0, // 贷款总额',
          useLimit: 0, // 用信总额',
          accountsBalance: 0, // 帐户余额',
          accountsReceivable: 0, // 应收账款',
          stockAmount: 0, // 库存货值',
          transitAmount: 0, // 在途货值',
          advancePayment: 0, // 预付款',
          fileList: [],
          bankList: [],
          // fileList:[{

          //  fileTypeId: '', // 文件类型: 1=帐户余额;2=应收账款;3=库存货值;4=在途货值;5=预付款;',
          //  fileTypeName` VARCHAR(100) DEFAULT NULL COMMENT '文件类型名: 1=帐户余额;2=应收账款;3=库存货值;4=在途货值;5=预付款',
          //  fileSrcName` VARCHAR(100) DEFAULT NULL COMMENT '原文件名',
          //  filePath` VARCHAR(1024) DEFAULT NULL COMMENT '文件的相对路径',
          //  fullUrl` VARCHAR(2048) DEFAULT NULL COMMENT '文件完整的访问URL',
          // }]
        },
        rules: {
          projectSid: [{
            required: true,
            message: '请选择回监管项目',
            trigger: 'blur'
          }],
          orderDate: [{
            required: true,
            message: '请选择填报日期',
            trigger: 'blur'
          }],
          totalLoan: [{
            type: 'number',
            message: '请输入正确数据',
            trigger: 'blur',
            transform: (value) => Number(value)
          }],
          accountsBalance: [{
            type: 'number',
            message: '请输入正确数据',
            trigger: 'blur',
            transform: (value) => Number(value)
          }],
          accountsReceivable: [{
            pattern: /^-?\d+\.?\d*$/,
            message: '请输入正确数据',
            trigger: 'blur'
          }],
          stockAmount: [{
            type: 'number',
            message: '请输入正确数据',
            trigger: 'blur',
            transform: (value) => Number(value)
          }],
          transitAmount: [{
            type: 'number',
            message: '请输入正确数据',
            trigger: 'blur',
            transform: (value) => Number(value)
          }],
          advancePayment: [{
            type: 'number',
            message: '请输入正确数据',
            trigger: 'blur',
            transform: (value) => Number(value)
          }]
        },
        projectList: [],
        reportFileList: [],
        zhiyalv: '0',
        uploadFileList: [],
        bankList: []
      }
    },
    mounted() {
      this.$refs['btnbar'].setButtonList(this.btnList)
    },
    created() {
      console.log("process.env.VUE_APP_URL",process.env.VUE_APP_BASE_API)
      this.initData()
      this.loadList()
    },
    methods: {
      rowClass({
        rowIndex,
        columnIndex
      }) {
        // if (rowIndex === 0) {
        //        if(columnIndex===7||columnIndex===8||columnIndex===9){
        //          return {background:'skyblue',color:'white'}
        //        }else{
        //          return {background:'#ededed'}
        //        }
        //      }
        return {
          background: '#0294D7',
          color: '#fff'
        }
      },
      showBalance() {
        this.getProjectAccountBySid(this.projectDaily.projectSid)
        this.banInfo = true
      },
      bankInfoClose() {
        this.banInfo = false
      },
      bankInfoSave() {

        var balance = 0
        for (var i = 0; i < this.bankList.length; i++) {
          var item = this.bankList[i]
          balance += Number(item.balance)
        }

        console.log('balance:', balance)
        this.projectDaily.accountsBalance = balance
        this.banInfo = false
        this.zyl()
      },
      zyl() {
        const a = Number(this.projectDaily.totalLoan) - Number(this.projectDaily.accountsBalance)
        const b = Number(this.projectDaily.accountsReceivable) + Number(this.projectDaily.stockAmount) + Number(this
          .projectDaily.transitAmount) + Number(this.projectDaily
          .advancePayment)
        if (b === 0) {
          this.zhiyalv = '0'
        } else {
          this.zhiyalv = Number(a / b * 100).toFixed(2) + '%'
        }
      },
      initData() {
        req.projectdailyistAll().then(res => {

          if (res.data.length > 0) {
            this.projectList = res.data

            this.projectDaily.projectSid = this.projectList[0].sid
            this.projectDaily.projectName = this.projectList[0].entryName
            this.projectDaily.totalLoan = Number(this.projectList[0].creditLimit)
            this.projectDaily.useLimit = Number(this.projectList[0].useLimit)
            this.projectDaily.accountsBalance = this.projectList[0].balance

            console.log('projectList:', res)
            console.log('projectList:', this.projectList[0])
            console.log('projectDaily:', this.projectDaily)

          }


        }).catch(e => {
          console.log('projectListAll--ee:', e)
        })
      },
      // 搜索条件效果
      clicksearchShow() {
        this.isSearchShow = !this.isSearchShow
        if (this.isSearchShow) {
          this.searchxianshitit = '隐藏查询条件'
        } else {
          this.searchxianshitit = '显示查询条件'
        }
      },
      btnHandle(btnKey) {
        switch (btnKey) {
          case 'showUploadXlsx':
            this.showUploadXlsx()
            break
          case 'doClose':
            this.doClose()
            break
          default:
            break
        }
      },
      dosearch() {
        this.queryParams.current = 1
        this.loadList()
      },
      resetQuery() {
        this.queryParams = {
          current: 1,
          size: 10,
          total: 0,
          params: {
            dataDateStart: '',
            dataDateEnd: '',
            projectSid: ''
          }
        }
        this.loadList()
      },
      // 序号
      indexMethod(index) {
        var pagestart = (this.queryParams.current - 1) * this.queryParams.size
        var pageindex = index + 1 + pagestart
        return pageindex
      },
      loadList() {
        req.listPage(this.queryParams).then(res => {
          this.queryParams.total = res.data.total
          this.dataList = res.data.records
        }).catch(e => {
          console.log('CsmCashLog-loadList-ee:', e)
        })
      },
      doClose() {
        this.$store.dispatch('tagsView/delView', this.$route)
        this.$router.go(-1)
      },
      showUploadXlsx() {
        this.dialogVisible = true
      },
      projectSelectChange() {
        for (const i in this.projectList) {
          if (this.projectDaily.projectSid === this.projectList[i].sid) {
            this.projectDaily.totalLoan = Number(this.projectList[i].creditLimit)
            this.projectDaily.projectName = this.projectList[i].entryName
            this.projectDaily.accountsBalance = this.projectList[i].balance
          }
        }

      },

      getProjectAccountBySid(sid) {
        console.log('getProjectAccountBySid:', sid)
        req.getProjectAccountBySid(sid).then(res => {
          console.log('getProjectAccountBySid:', res)
          this.bankList = res.data

          // this.banInfo = this.bankList.length > 0

        }).catch(e => {
          console.log('CsmCashLog-loadList-ee:', e)
        })

      },
      projectDailyClose() {
        this.projectDaily.sid = ''
        this.projectDaily.remarks = '' // 备注说明',
        this.projectDaily.orderDate = parseTime(new Date(), '{y}-{m}-{d}') // 单据日期',
        // this.projectDaily.projectSid = this.projectList[0].sid // 项目Sid',
        // this.projectDaily.projectName = this.projectList[0].entryName // 项目名称',
        // this.projectDaily.totalLoan = Number(this.projectList[0].creditLimit) // 贷款总额',
        this.projectDaily.projectSid = "" // 项目Sid',
        this.projectDaily.projectName = "" // 项目名称',
        this.projectDaily.totalLoan = "" // 贷款总额',

        // this.projectDaily.accountsBalance =  Number(this.projectList[0].balance)  // 帐户余额',
        this.projectDaily.accountsReceivable = 0 // 应收账款',
        this.projectDaily.stockAmount = 0 // 库存货值',
        this.projectDaily.transitAmount = 0 // 在途货值',
        this.projectDaily.advancePayment = 0 // 预付款',
        this.projectDaily.fileList = []
        this.projectDaily.bankList = []

        this.reportFileList = []
        this.uploadFileList = []
        this.zhiyalv = 0

        this.$refs['form_daily'].resetFields()
        this.dialogVisible = false
      },
      projectDailySave() {

        this.$refs['form_daily'].validate((valid) => {
          if (valid) {
            console.log('bankList:', this.bankList)
            this.projectDaily.fileList = this.reportFileList
            this.projectDaily.bankList = this.bankList


            req.saveDaily(this.projectDaily).then(resp => {
              console.log('projectDailySave:', this.projectDaily)
              this.loadList()
              this.initData()
              this.projectDailyClose()
            }).catch(e => {
              console.log('projectDailySave--e:', e)
            })
          } else {
            console.log('error submit!!')
            return false
          }
        })
      },
      sendMess(row) {
        req.sendMess(row.projectSid, row.orderDate).then(res => {
          this.$message({
            showClose: true,
            type: 'success',
            message: '消息已经送出'
          })
        }).catch(e => {
          console.log('sendMess--e: ', e)
        })
      },
      handleSuccess1(resp, file, fileList) {
        console.log('111', resp)
        const _this = this
        let noHasFile = true
        for (const i in _this.reportFileList) {
          if (_this.reportFileList[i].fileTypeId === 1) {
            noHasFile = false
            _this.reportFileList[i].fileTypeId = 1 // '文件类型: 1=帐户余额;2=应收账款;3=库存货值;4=在途货值;5=预付款;',
            _this.reportFileList[i].fileTypeName = '帐户余额' // '文件类型名: 1=帐户余额;2=应收账款;3=库存货值;4=在途货值;5=预付款',
            _this.reportFileList[i].fileSrcName = resp.data.sourceFileName // '原文件名',
            _this.reportFileList[i].filePath = resp.data.filePath // '文件的相对路径',
            _this.reportFileList[i].fullUrl = resp.data.fullUrl // '文件完整的访问URL',
            break
          }
        }
        if (noHasFile) {
          const upfile = {
            fileTypeId: 1, // '文件类型: 1=帐户余额;2=应收账款;3=库存货值;4=在途货值;5=预付款;',
            fileTypeName: '帐户余额', // '文件类型名: 1=帐户余额;2=应收账款;3=库存货值;4=在途货值;5=预付款',
            fileSrcName: resp.data.sourceFileName, // '原文件名',
            filePath: resp.data.filePath, // '文件的相对路径',
            fullUrl: resp.data.fullUrl // '文件完整的访问URL',
          }
          _this.reportFileList.push(upfile)
        }
      },
      handleSuccess2(resp, file, fileList) {
        console.log('222', resp)
        const _this = this
        let noHasFile = true
        for (const i in _this.reportFileList) {
          if (_this.reportFileList[i].fileTypeId === 2) {
            noHasFile = false
            _this.reportFileList[i].fileTypeId = 2 // '文件类型: 1=帐户余额;2=应收账款;3=库存货值;4=在途货值;5=预付款;',
            _this.reportFileList[i].fileTypeName = '应收账款' // '文件类型名: 1=帐户余额;2=应收账款;3=库存货值;4=在途货值;5=预付款',
            _this.reportFileList[i].fileSrcName = resp.data.sourceFileName // '原文件名',
            _this.reportFileList[i].filePath = resp.data.filePath // '文件的相对路径',
            _this.reportFileList[i].fullUrl = resp.data.fullUrl // '文件完整的访问URL',
            break
          }
        }
        if (noHasFile) {
          const upfile = {
            fileTypeId: 2, // '文件类型: 1=帐户余额;2=应收账款;3=库存货值;4=在途货值;5=预付款;',
            fileTypeName: '应收账款', // '文件类型名: 1=帐户余额;2=应收账款;3=库存货值;4=在途货值;5=预付款',
            fileSrcName: resp.data.sourceFileName, // '原文件名',
            filePath: resp.data.filePath, // '文件的相对路径',
            fullUrl: resp.data.fullUrl // '文件完整的访问URL',
          }
          _this.reportFileList.push(upfile)
        }
      },
      handleSuccess3(resp, file, fileList) {
        console.log('333', resp)
        const _this = this
        let noHasFile = true
        for (const i in _this.reportFileList) {
          if (_this.reportFileList[i].fileTypeId === 3) {
            noHasFile = false
            _this.reportFileList[i].fileTypeId = 3 // '文件类型: 1=帐户余额;2=应收账款;3=库存货值;4=在途货值;5=预付款;',
            _this.reportFileList[i].fileTypeName = '库存货值' // '文件类型名: 1=帐户余额;2=应收账款;3=库存货值;4=在途货值;5=预付款',
            _this.reportFileList[i].fileSrcName = resp.data.sourceFileName // '原文件名',
            _this.reportFileList[i].filePath = resp.data.filePath // '文件的相对路径',
            _this.reportFileList[i].fullUrl = resp.data.fullUrl // '文件完整的访问URL',
            break
          }
        }
        if (noHasFile) {
          const upfile = {
            fileTypeId: 3, // '文件类型: 1=帐户余额;2=应收账款;3=库存货值;4=在途货值;5=预付款;',
            fileTypeName: '库存货值', // '文件类型名: 1=帐户余额;2=应收账款;3=库存货值;4=在途货值;5=预付款',
            fileSrcName: resp.data.sourceFileName, // '原文件名',
            filePath: resp.data.filePath, // '文件的相对路径',
            fullUrl: resp.data.fullUrl // '文件完整的访问URL',
          }
          _this.reportFileList.push(upfile)
        }
      },
      handleSuccess4(resp, file, fileList) {
        console.log('444', resp)
        const _this = this
        let noHasFile = true
        for (const i in _this.reportFileList) {
          if (_this.reportFileList[i].fileTypeId === 4) {
            noHasFile = false
            _this.reportFileList[i].fileTypeId = 4 // '文件类型: 1=帐户余额;2=应收账款;3=库存货值;4=在途货值;5=预付款;',
            _this.reportFileList[i].fileTypeName = '在途货值' // '文件类型名: 1=帐户余额;2=应收账款;3=库存货值;4=在途货值;5=预付款',
            _this.reportFileList[i].fileSrcName = resp.data.sourceFileName // '原文件名',
            _this.reportFileList[i].filePath = resp.data.filePath // '文件的相对路径',
            _this.reportFileList[i].fullUrl = resp.data.fullUrl // '文件完整的访问URL',
            break
          }
        }
        if (noHasFile) {
          const upfile = {
            fileTypeId: 4, // '文件类型: 1=帐户余额;2=应收账款;3=库存货值;4=在途货值;5=预付款;',
            fileTypeName: '在途货值', // '文件类型名: 1=帐户余额;2=应收账款;3=库存货值;4=在途货值;5=预付款',
            fileSrcName: resp.data.sourceFileName, // '原文件名',
            filePath: resp.data.filePath, // '文件的相对路径',
            fullUrl: resp.data.fullUrl // '文件完整的访问URL',
          }
          _this.reportFileList.push(upfile)
        }
      },
      handleSuccess5(resp, file, fileList) {
        console.log('555', resp)
        const _this = this
        let noHasFile = true
        for (const i in _this.reportFileList) {
          if (_this.reportFileList[i].fileTypeId === 5) {
            noHasFile = false
            _this.reportFileList[i].fileTypeId = 5 // '文件类型: 1=帐户余额;2=应收账款;3=库存货值;4=在途货值;5=预付款;',
            _this.reportFileList[i].fileTypeName = '预付款' // '文件类型名: 1=帐户余额;2=应收账款;3=库存货值;4=在途货值;5=预付款',
            _this.reportFileList[i].fileSrcName = resp.data.sourceFileName // '原文件名',
            _this.reportFileList[i].filePath = resp.data.filePath // '文件的相对路径',
            _this.reportFileList[i].fullUrl = resp.data.fullUrl // '文件完整的访问URL',
            break
          }
        }
        if (noHasFile) {
          const upfile = {
            fileTypeId: 5, // '文件类型: 1=帐户余额;2=应收账款;3=库存货值;4=在途货值;5=预付款;',
            fileTypeName: '预付款', // '文件类型名: 1=帐户余额;2=应收账款;3=库存货值;4=在途货值;5=预付款',
            fileSrcName: resp.data.sourceFileName, // '原文件名',
            filePath: resp.data.filePath, // '文件的相对路径',
            fullUrl: resp.data.fullUrl // '文件完整的访问URL',
          }
          _this.reportFileList.push(upfile)
        }
      },
      handleSuccess(resp, file, fileList) {
        console.log('handleSuccess----', resp)
        const _this = this
        const upfile = {
          fileTypeId: 6, // '文件类型: 1=帐户余额;2=应收账款;3=库存货值;4=在途货值;5=预付款;',
          fileTypeName: '报表文件', // '文件类型名: 1=帐户余额;2=应收账款;3=库存货值;4=在途货值;5=预付款',
          fileSrcName: resp.data.sourceFileName, // '原文件名',
          filePath: resp.data.filePath, // '文件的相对路径',
          fullUrl: resp.data.fullUrl, // '文件完整的访问URL',
          fileuid: file.uid // '文件完整的访问URL',
        }
        _this.reportFileList.push(upfile)
      },
      handleRemove(file, fileList) {
        const _this = this
        let delete_index = 0
        for (let i = 0, len = _this.reportFileList.length; i < len; i++) {
          if (file.uid === _this.reportFileList[i].fileuid) {
            delete_index = i
            break
          }
        }
        _this.reportFileList.splice(delete_index, 1)
      }
    }
  }
</script>
<style scoped>
  .wenjiantit {
    font-size: 16px;
    font-weight: bold;
    margin: 25px 0 10px 0;
  }

  .forminfo {
    margin: 0;
    padding: 0;
  }

  .listcon {
    height: calc(100vh - 250px);
    overflow-y: auto;
    overflow-x: hidden;
  }

  .tleftb2 {
    text-align: center;
    font-size: 14px;
    color: #606266;
    line-height: 40px !important;
    font-weight: 600;
  }

  .tleftb3 {
    display: flex;
    height: 100%;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 14px;
    color: #666666;
  }
</style>
