|  | @@ -0,0 +1,885 @@
 | 
	
		
			
				|  |  | +<template>
 | 
	
		
			
				|  |  | +  <div class="app-container">
 | 
	
		
			
				|  |  | +    <el-form :model="queryParams_s" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">
 | 
	
		
			
				|  |  | +      <el-form-item label="系统编号" prop="fCtrlcorpid">
 | 
	
		
			
				|  |  | +        <el-input
 | 
	
		
			
				|  |  | +          v-model="queryParams_s.fBillno"
 | 
	
		
			
				|  |  | +          placeholder="请输入系统编号"
 | 
	
		
			
				|  |  | +          clearable
 | 
	
		
			
				|  |  | +          size="small"
 | 
	
		
			
				|  |  | +          @keyup.enter.native="handleQuery"
 | 
	
		
			
				|  |  | +        />
 | 
	
		
			
				|  |  | +      </el-form-item>
 | 
	
		
			
				|  |  | +      <el-form-item label="货权方" prop="fCtrlcorpid">
 | 
	
		
			
				|  |  | +        <el-input
 | 
	
		
			
				|  |  | +          v-model="queryParams_s.fCtrlcorpid"
 | 
	
		
			
				|  |  | +          placeholder="请输入货权方"
 | 
	
		
			
				|  |  | +          clearable
 | 
	
		
			
				|  |  | +          size="small"
 | 
	
		
			
				|  |  | +          @keyup.enter.native="handleQuery"
 | 
	
		
			
				|  |  | +        />
 | 
	
		
			
				|  |  | +      </el-form-item>
 | 
	
		
			
				|  |  | +      <el-form-item label="对账日期" prop="fAccbilldate">
 | 
	
		
			
				|  |  | +        <el-date-picker clearable size="small" style="width: 200px"
 | 
	
		
			
				|  |  | +                        v-model="queryParams_s.fAccbilldate"
 | 
	
		
			
				|  |  | +                        type="date"
 | 
	
		
			
				|  |  | +                        value-format="yyyy-MM-dd"
 | 
	
		
			
				|  |  | +                        placeholder="选择账单日期"
 | 
	
		
			
				|  |  | +        >
 | 
	
		
			
				|  |  | +        </el-date-picker>
 | 
	
		
			
				|  |  | +      </el-form-item>
 | 
	
		
			
				|  |  | +      <el-form-item label="结算单位" prop="fCorpid">
 | 
	
		
			
				|  |  | +        <el-select
 | 
	
		
			
				|  |  | +          v-model="queryParams_s.fCorpid"
 | 
	
		
			
				|  |  | +          filterable
 | 
	
		
			
				|  |  | +          remote
 | 
	
		
			
				|  |  | +          clearable
 | 
	
		
			
				|  |  | +          style="width: 200px"
 | 
	
		
			
				|  |  | +          @keyup.enter.native="handleQuery"
 | 
	
		
			
				|  |  | +          :remote-method="corpsRemoteMethod"
 | 
	
		
			
				|  |  | +          placeholder="请输入结算单位"
 | 
	
		
			
				|  |  | +        >
 | 
	
		
			
				|  |  | +          <el-option
 | 
	
		
			
				|  |  | +            v-for="(dict, index) in fMblnoOptions"
 | 
	
		
			
				|  |  | +            :key="index.fId"
 | 
	
		
			
				|  |  | +            :label="dict.fName"
 | 
	
		
			
				|  |  | +            :value="dict.fId"
 | 
	
		
			
				|  |  | +          ></el-option>
 | 
	
		
			
				|  |  | +        </el-select>
 | 
	
		
			
				|  |  | +      </el-form-item>
 | 
	
		
			
				|  |  | +      <el-form-item label="状态" prop="fBillstatus">
 | 
	
		
			
				|  |  | +        <el-select v-model="queryParams_s.fBillstatus" placeholder="请选择">
 | 
	
		
			
				|  |  | +          <el-option
 | 
	
		
			
				|  |  | +            v-for="item in options"
 | 
	
		
			
				|  |  | +            :key="item.value"
 | 
	
		
			
				|  |  | +            :label="item.dictLabel"
 | 
	
		
			
				|  |  | +            :value="item.dictValue">
 | 
	
		
			
				|  |  | +          </el-option>
 | 
	
		
			
				|  |  | +        </el-select>
 | 
	
		
			
				|  |  | +      </el-form-item>
 | 
	
		
			
				|  |  | +      <el-form-item>
 | 
	
		
			
				|  |  | +        <el-button type="cyan" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
 | 
	
		
			
				|  |  | +        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
 | 
	
		
			
				|  |  | +      </el-form-item>
 | 
	
		
			
				|  |  | +    </el-form>
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +    <el-row :gutter="10" class="mb8">
 | 
	
		
			
				|  |  | +      <el-col :span="1.5">
 | 
	
		
			
				|  |  | +        <el-button
 | 
	
		
			
				|  |  | +          type="primary"
 | 
	
		
			
				|  |  | +          icon="el-icon-plus"
 | 
	
		
			
				|  |  | +          size="mini"
 | 
	
		
			
				|  |  | +          @click="handleAdd"
 | 
	
		
			
				|  |  | +          v-hasPermi="['finance:charge:add']"
 | 
	
		
			
				|  |  | +        >新增
 | 
	
		
			
				|  |  | +        </el-button>
 | 
	
		
			
				|  |  | +      </el-col>
 | 
	
		
			
				|  |  | +      <el-col :span="1.5">
 | 
	
		
			
				|  |  | +        <el-button
 | 
	
		
			
				|  |  | +          type="success"
 | 
	
		
			
				|  |  | +          icon="el-icon-edit"
 | 
	
		
			
				|  |  | +          size="mini"
 | 
	
		
			
				|  |  | +          :disabled="single"
 | 
	
		
			
				|  |  | +          @click="handleUpdate"
 | 
	
		
			
				|  |  | +          v-hasPermi="['finance:charge:edit']"
 | 
	
		
			
				|  |  | +        >修改
 | 
	
		
			
				|  |  | +        </el-button>
 | 
	
		
			
				|  |  | +      </el-col>
 | 
	
		
			
				|  |  | +      <el-col :span="1.5">
 | 
	
		
			
				|  |  | +        <el-button
 | 
	
		
			
				|  |  | +          type="danger"
 | 
	
		
			
				|  |  | +          icon="el-icon-delete"
 | 
	
		
			
				|  |  | +          size="mini"
 | 
	
		
			
				|  |  | +          :disabled="multiple"
 | 
	
		
			
				|  |  | +          @click="handleDelete"
 | 
	
		
			
				|  |  | +          v-hasPermi="['finance:charge:remove']"
 | 
	
		
			
				|  |  | +        >删除
 | 
	
		
			
				|  |  | +        </el-button>
 | 
	
		
			
				|  |  | +      </el-col>
 | 
	
		
			
				|  |  | +      <el-col :span="1.5">
 | 
	
		
			
				|  |  | +        <el-button
 | 
	
		
			
				|  |  | +          type="warning"
 | 
	
		
			
				|  |  | +          icon="el-icon-download"
 | 
	
		
			
				|  |  | +          size="mini"
 | 
	
		
			
				|  |  | +          @click="handleExport"
 | 
	
		
			
				|  |  | +          v-hasPermi="['finance:charge:export']"
 | 
	
		
			
				|  |  | +        >导出
 | 
	
		
			
				|  |  | +        </el-button>
 | 
	
		
			
				|  |  | +      </el-col>
 | 
	
		
			
				|  |  | +      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
 | 
	
		
			
				|  |  | +    </el-row>
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +    <el-table v-loading="loading" :data="chargeList" @selection-change="handleSelectionChange">
 | 
	
		
			
				|  |  | +      <el-table-column type="selection" width="55" align="center"/>
 | 
	
		
			
				|  |  | +      <el-table-column label="序1号" type="index" width="55" align="center"/>
 | 
	
		
			
				|  |  | +      <el-table-column label="系统编号" align="center" prop="fBillno"/>
 | 
	
		
			
				|  |  | +      <el-table-column label="货权方" align="center" prop="fCtrlcorpid"/>
 | 
	
		
			
				|  |  | +      <!--      <el-table-column label="账单日期" align="center" prop="fAccbilldate" width="180">-->
 | 
	
		
			
				|  |  | +      <!--        <template slot-scope="scope">-->
 | 
	
		
			
				|  |  | +      <!--          <span>{{ parseTime(scope.row.fAccbilldate, '{y}-{m}-{d}') }}</span>-->
 | 
	
		
			
				|  |  | +      <!--        </template>-->
 | 
	
		
			
				|  |  | +      <!--      </el-table-column>-->
 | 
	
		
			
				|  |  | +      <!--      <el-table-column label="制单部门" align="center" prop="fId"/>-->
 | 
	
		
			
				|  |  | +      <!--      <el-table-column label="结算单位" align="center" prop="fCorpid"/>-->
 | 
	
		
			
				|  |  | +      <el-table-column label="对账日期" align="center" prop="fAccbilldate"/>
 | 
	
		
			
				|  |  | +      <el-table-column label="提单号" align="center" prop="tMblno"/>
 | 
	
		
			
				|  |  | +      <el-table-column label="应收合计" align="center" prop="fAmtdr"/>
 | 
	
		
			
				|  |  | +      <el-table-column label="应付合计" align="center" prop="fAmtcr"/>
 | 
	
		
			
				|  |  | +      <el-table-column label="备注" align="center" prop="fRemarks"/>
 | 
	
		
			
				|  |  | +      <el-table-column label="状态" align="center" prop="fBillstatus">
 | 
	
		
			
				|  |  | +        <template slot-scope="scope">
 | 
	
		
			
				|  |  | +          <span v-if="scope.row.fBillstatus == '1'">新建</span>
 | 
	
		
			
				|  |  | +          <span v-else-if="scope.row.fBillstatus == '2'">暂存</span>
 | 
	
		
			
				|  |  | +          <span v-else-if="scope.row.fBillstatus == '3'">审批驳回</span>
 | 
	
		
			
				|  |  | +          <span v-else-if="scope.row.fBillstatus == '4'">提交审核</span>
 | 
	
		
			
				|  |  | +          <span v-else-if="scope.row.fBillstatus == '5'">审核中</span>
 | 
	
		
			
				|  |  | +          <span v-else-if="scope.row.fBillstatus == '6'">审核完成</span>
 | 
	
		
			
				|  |  | +        </template>
 | 
	
		
			
				|  |  | +      </el-table-column>
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +      <!--      <el-table-column label="单据类型" align="center" prop="fBilltype"/>-->
 | 
	
		
			
				|  |  | +      <!--      <el-table-column label="制单部门" align="center" prop="fDeptid"/>-->
 | 
	
		
			
				|  |  | +      <el-table-column label="操作" width="100" align="center" class-name="small-padding fixed-width">
 | 
	
		
			
				|  |  | +        <template slot-scope="scope">
 | 
	
		
			
				|  |  | +          <el-button
 | 
	
		
			
				|  |  | +            size="mini"
 | 
	
		
			
				|  |  | +            type="text"
 | 
	
		
			
				|  |  | +            icon="el-icon-edit"
 | 
	
		
			
				|  |  | +            @click="handleUpdate(scope.row)"
 | 
	
		
			
				|  |  | +            v-hasPermi="['finance:charge:edit']"
 | 
	
		
			
				|  |  | +          >修改
 | 
	
		
			
				|  |  | +          </el-button>
 | 
	
		
			
				|  |  | +          <el-button
 | 
	
		
			
				|  |  | +            size="mini"
 | 
	
		
			
				|  |  | +            type="text"
 | 
	
		
			
				|  |  | +            icon="el-icon-delete"
 | 
	
		
			
				|  |  | +            @click="handleDelete(scope.row)"
 | 
	
		
			
				|  |  | +            v-hasPermi="['finance:charge:remove']"
 | 
	
		
			
				|  |  | +          >删除
 | 
	
		
			
				|  |  | +          </el-button>
 | 
	
		
			
				|  |  | +        </template>
 | 
	
		
			
				|  |  | +      </el-table-column>
 | 
	
		
			
				|  |  | +    </el-table>
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +    <pagination
 | 
	
		
			
				|  |  | +      v-show="total>0"
 | 
	
		
			
				|  |  | +      :total="total"
 | 
	
		
			
				|  |  | +      :page.sync="queryParams.pageNum"
 | 
	
		
			
				|  |  | +      :limit.sync="queryParams.pageSize"
 | 
	
		
			
				|  |  | +      @pagination="getList"
 | 
	
		
			
				|  |  | +    />
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +    <!-- 添加或修改财务数据主对话框 -->
 | 
	
		
			
				|  |  | +    <el-dialog :close-on-click-modal="false" :title="title" :visible.sync="open" width="70%" append-to-body>
 | 
	
		
			
				|  |  | +      <el-form :model="queryParams" :rules="ruless" ref="ruless" :inline="true" v-show="showSearch"
 | 
	
		
			
				|  |  | +               label-width="68px"
 | 
	
		
			
				|  |  | +      >
 | 
	
		
			
				|  |  | +        <el-form-item label="货权方" prop="fCtrlcorpid">
 | 
	
		
			
				|  |  | +          <el-input
 | 
	
		
			
				|  |  | +            v-model="queryParams.fCtrlcorpid"
 | 
	
		
			
				|  |  | +            placeholder="请输入货权方"
 | 
	
		
			
				|  |  | +            clearable
 | 
	
		
			
				|  |  | +            size="small"
 | 
	
		
			
				|  |  | +            @keyup.enter.native="handleQuery"
 | 
	
		
			
				|  |  | +          />
 | 
	
		
			
				|  |  | +        </el-form-item>
 | 
	
		
			
				|  |  | +        <el-form-item label="结算单位" label-width="78px" prop="fCorpid">
 | 
	
		
			
				|  |  | +          <el-select
 | 
	
		
			
				|  |  | +            v-model="queryParams.fCorpid"
 | 
	
		
			
				|  |  | +            filterable
 | 
	
		
			
				|  |  | +            remote
 | 
	
		
			
				|  |  | +            clearable
 | 
	
		
			
				|  |  | +            style="width: 200px"
 | 
	
		
			
				|  |  | +            @keyup.enter.native="handleQuery"
 | 
	
		
			
				|  |  | +            :remote-method="corpsRemoteMethod"
 | 
	
		
			
				|  |  | +            placeholder="请输入结算单位"
 | 
	
		
			
				|  |  | +          >
 | 
	
		
			
				|  |  | +            <el-option
 | 
	
		
			
				|  |  | +              v-for="(dict, index) in fMblnoOptions"
 | 
	
		
			
				|  |  | +              :key="index.fId"
 | 
	
		
			
				|  |  | +              :label="dict.fName"
 | 
	
		
			
				|  |  | +              :value="dict.fId"
 | 
	
		
			
				|  |  | +            ></el-option>
 | 
	
		
			
				|  |  | +          </el-select>
 | 
	
		
			
				|  |  | +        </el-form-item>
 | 
	
		
			
				|  |  | +        <el-form-item label="结算日期" label-width="78px" prop="fAccbilldate">
 | 
	
		
			
				|  |  | +          <el-date-picker clearable size="small" style="width: 200px"
 | 
	
		
			
				|  |  | +                          v-model="queryParams.fAccbilldate"
 | 
	
		
			
				|  |  | +                          type="date"
 | 
	
		
			
				|  |  | +                          value-format="yyyy-MM-dd"
 | 
	
		
			
				|  |  | +                          placeholder="选择账单日期"
 | 
	
		
			
				|  |  | +          >
 | 
	
		
			
				|  |  | +          </el-date-picker>
 | 
	
		
			
				|  |  | +        </el-form-item>
 | 
	
		
			
				|  |  | +        <el-form-item label="系统编号" prop="fBillno">
 | 
	
		
			
				|  |  | +          <el-input
 | 
	
		
			
				|  |  | +            v-model="queryParams.fBillno"
 | 
	
		
			
				|  |  | +            placeholder="请输入系统编号"
 | 
	
		
			
				|  |  | +            clearable
 | 
	
		
			
				|  |  | +            disabled
 | 
	
		
			
				|  |  | +            size="small"
 | 
	
		
			
				|  |  | +            @keyup.enter.native="handleQuery"
 | 
	
		
			
				|  |  | +          />
 | 
	
		
			
				|  |  | +        </el-form-item>
 | 
	
		
			
				|  |  | +        <el-form-item label="备注" prop="fRemarks">
 | 
	
		
			
				|  |  | +          <el-input
 | 
	
		
			
				|  |  | +            v-model="queryParams.fRemarks"
 | 
	
		
			
				|  |  | +            placeholder="请输入备注"
 | 
	
		
			
				|  |  | +            clearable
 | 
	
		
			
				|  |  | +            size="small"
 | 
	
		
			
				|  |  | +            @keyup.enter.native="handleQuery"
 | 
	
		
			
				|  |  | +          />
 | 
	
		
			
				|  |  | +        </el-form-item>
 | 
	
		
			
				|  |  | +      </el-form>
 | 
	
		
			
				|  |  | +      <div style="width: 100%;">
 | 
	
		
			
				|  |  | +        <el-button type="warning" size="small" @click="innerVisible = true">收费</el-button>
 | 
	
		
			
				|  |  | +        <el-button type="primary" size="small">确认收费</el-button>
 | 
	
		
			
				|  |  | +        <el-button type="success" size="small">导出</el-button>
 | 
	
		
			
				|  |  | +        <el-button type="info" size="small">打印</el-button>
 | 
	
		
			
				|  |  | +        <el-button type="danger" size="small">删除</el-button>
 | 
	
		
			
				|  |  | +      </div>
 | 
	
		
			
				|  |  | +      <el-table v-loading="loading" :data="increase_s" @selection-change="handleSelectionChange_s">
 | 
	
		
			
				|  |  | +        <el-table-column type="selection" width="55" align="center"/>
 | 
	
		
			
				|  |  | +        <el-table-column label="序号" type="index" width="55" align="center"/>
 | 
	
		
			
				|  |  | +        <el-table-column label="提单号" align="center" prop="fMblno"/>
 | 
	
		
			
				|  |  | +        <el-table-column label="存货单号" align="center" prop="fBscorpno"/>
 | 
	
		
			
				|  |  | +        <el-table-column label="品名" align="center" prop="fProductName"/>
 | 
	
		
			
				|  |  | +        <el-table-column label="业务日期" align="center" prop="fBsdate">
 | 
	
		
			
				|  |  | +          <template slot-scope="scope">
 | 
	
		
			
				|  |  | +            <span>{{scope.row.fBsdate.slice(0,10)}}</span>
 | 
	
		
			
				|  |  | +          </template>
 | 
	
		
			
				|  |  | +        </el-table-column>
 | 
	
		
			
				|  |  | +        <el-table-column label="费用名称" align="center" prop="fFeeName"/>
 | 
	
		
			
				|  |  | +        <el-table-column label="收/付" align="center" prop="fSrcdc">
 | 
	
		
			
				|  |  | +          <template slot-scope="scope">
 | 
	
		
			
				|  |  | +            <span v-if="scope.row.fSrcdc =='D'">收</span>
 | 
	
		
			
				|  |  | +            <span v-else-if="scope.row.fSrcdc =='C'">付</span>
 | 
	
		
			
				|  |  | +          </template>
 | 
	
		
			
				|  |  | +        </el-table-column>
 | 
	
		
			
				|  |  | +        <el-table-column label="业务类型" align="center" prop="fBilltype">
 | 
	
		
			
				|  |  | +          <template slot-scope="scope">
 | 
	
		
			
				|  |  | +            <span v-if="scope.row.fBilltype =='SJRK'">入库</span>
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +            <span v-else-if="scope.row.fBilltype == 'SJCK'">出库</span>
 | 
	
		
			
				|  |  | +            <span v-else>{{scope.row.fBilltype}}</span>
 | 
	
		
			
				|  |  | +          </template>
 | 
	
		
			
				|  |  | +        </el-table-column>
 | 
	
		
			
				|  |  | +        <el-table-column label="本次金额" align="center" prop="fAmt"/>
 | 
	
		
			
				|  |  | +        <el-table-column label="备注" align="center" prop="fRemarks"/>
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +        <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
 | 
	
		
			
				|  |  | +          <template slot-scope="scope">
 | 
	
		
			
				|  |  | +            <el-button
 | 
	
		
			
				|  |  | +              size="mini"
 | 
	
		
			
				|  |  | +              type="text"
 | 
	
		
			
				|  |  | +              icon="el-icon-delete"
 | 
	
		
			
				|  |  | +              @click.native.prevent="deleteRow(scope.$index, increase_s)"
 | 
	
		
			
				|  |  | +            >删除
 | 
	
		
			
				|  |  | +            </el-button>
 | 
	
		
			
				|  |  | +          </template>
 | 
	
		
			
				|  |  | +        </el-table-column>
 | 
	
		
			
				|  |  | +      </el-table>
 | 
	
		
			
				|  |  | +      <div slot="footer" class="dialog-footer">
 | 
	
		
			
				|  |  | +        <el-button type="primary" @click="submitForm">保 存</el-button>
 | 
	
		
			
				|  |  | +        <el-button @click="cancel">取 消</el-button>
 | 
	
		
			
				|  |  | +      </div>
 | 
	
		
			
				|  |  | +      <el-dialog :close-on-click-modal="false" width="70%" :visible.sync="innerVisible" title="导入数据" append-to-body>
 | 
	
		
			
				|  |  | +        <el-form ref="form" :model="queryParameter" :rules="rules" label-width="80px"
 | 
	
		
			
				|  |  | +                 style="display: flex;flex-wrap: wrap;"
 | 
	
		
			
				|  |  | +        >
 | 
	
		
			
				|  |  | +          <el-form-item label="货权方" prop="fCtrlcorpid">
 | 
	
		
			
				|  |  | +            <!--            <el-input v-model="queryParameter.fCorpid" placeholder="请输入货权方" style="width: 200px;"/>-->
 | 
	
		
			
				|  |  | +            <el-select
 | 
	
		
			
				|  |  | +              v-model="queryParams.fCorpid"
 | 
	
		
			
				|  |  | +              filterable
 | 
	
		
			
				|  |  | +              remote
 | 
	
		
			
				|  |  | +              clearable
 | 
	
		
			
				|  |  | +              style="width: 200px"
 | 
	
		
			
				|  |  | +              @keyup.enter.native="handleQuery"
 | 
	
		
			
				|  |  | +              :remote-method="corpsRemoteMethod"
 | 
	
		
			
				|  |  | +              placeholder="请选择货权方"
 | 
	
		
			
				|  |  | +            >
 | 
	
		
			
				|  |  | +              <el-option
 | 
	
		
			
				|  |  | +                v-for="(dict, index) in fMblnoOptions"
 | 
	
		
			
				|  |  | +                :key="index.fId"
 | 
	
		
			
				|  |  | +                :label="dict.fName"
 | 
	
		
			
				|  |  | +                :value="dict.fId"
 | 
	
		
			
				|  |  | +              ></el-option>
 | 
	
		
			
				|  |  | +            </el-select>
 | 
	
		
			
				|  |  | +          </el-form-item>
 | 
	
		
			
				|  |  | +          <el-form-item label="结算单位" prop="fToCorpid">
 | 
	
		
			
				|  |  | +            <el-select
 | 
	
		
			
				|  |  | +              v-model="queryParameter.fToCorpid"
 | 
	
		
			
				|  |  | +              filterable
 | 
	
		
			
				|  |  | +              remote
 | 
	
		
			
				|  |  | +              clearable
 | 
	
		
			
				|  |  | +              style="width: 200px"
 | 
	
		
			
				|  |  | +              @keyup.enter.native="handleQuery"
 | 
	
		
			
				|  |  | +              :remote-method="corpsRemoteMethod"
 | 
	
		
			
				|  |  | +              placeholder="请输入结算单位"
 | 
	
		
			
				|  |  | +            >
 | 
	
		
			
				|  |  | +              <el-option
 | 
	
		
			
				|  |  | +                v-for="(dict, index) in fMblnoOptions"
 | 
	
		
			
				|  |  | +                :key="index.fId"
 | 
	
		
			
				|  |  | +                :label="dict.fName"
 | 
	
		
			
				|  |  | +                :value="dict.fId"
 | 
	
		
			
				|  |  | +              ></el-option>
 | 
	
		
			
				|  |  | +            </el-select>
 | 
	
		
			
				|  |  | +          </el-form-item>
 | 
	
		
			
				|  |  | +          <el-form-item label="提单号" prop="tMblno">
 | 
	
		
			
				|  |  | +            <el-input v-model="queryParameter.fMblno" placeholder="请输入提单号" style="width: 200px;"/>
 | 
	
		
			
				|  |  | +          </el-form-item>
 | 
	
		
			
				|  |  | +          <el-form-item label="对账单号" prop="fStatementNo">
 | 
	
		
			
				|  |  | +            <el-input v-model="queryParameter.fStatementNo" placeholder="请输入提单号" style="width: 200px;"/>
 | 
	
		
			
				|  |  | +          </el-form-item>
 | 
	
		
			
				|  |  | +          <el-form-item label="费用名称" prop="fFeeid">
 | 
	
		
			
				|  |  | +            <template>
 | 
	
		
			
				|  |  | +              <el-select
 | 
	
		
			
				|  |  | +                v-model="queryParameter.fFeeid"
 | 
	
		
			
				|  |  | +                filterable
 | 
	
		
			
				|  |  | +                remote
 | 
	
		
			
				|  |  | +                :remote-method="fWRemoteMethod"
 | 
	
		
			
				|  |  | +                placeholder="费用名称"
 | 
	
		
			
				|  |  | +                multiple
 | 
	
		
			
				|  |  | +              >
 | 
	
		
			
				|  |  | +                <el-option v-for="item in fWbuOptions" :key="item.fId" :label="item.fName" :value="item.fId">
 | 
	
		
			
				|  |  | +                </el-option>
 | 
	
		
			
				|  |  | +              </el-select>
 | 
	
		
			
				|  |  | +            </template>
 | 
	
		
			
				|  |  | +          </el-form-item>
 | 
	
		
			
				|  |  | +          <el-form-item label="审核日期" prop="timeExamine">
 | 
	
		
			
				|  |  | +            <el-date-picker
 | 
	
		
			
				|  |  | +              size="small"
 | 
	
		
			
				|  |  | +              style="width: 200px"
 | 
	
		
			
				|  |  | +              v-model="queryParameter.timeExamine"
 | 
	
		
			
				|  |  | +              type="daterange"
 | 
	
		
			
				|  |  | +              start-placeholder="开始日期"
 | 
	
		
			
				|  |  | +              end-placeholder="结束日期"
 | 
	
		
			
				|  |  | +              value-format="yyyy-MM-dd"
 | 
	
		
			
				|  |  | +              :default-time="['00:00:00', '23:59:59']"
 | 
	
		
			
				|  |  | +            >
 | 
	
		
			
				|  |  | +            </el-date-picker>
 | 
	
		
			
				|  |  | +          </el-form-item>
 | 
	
		
			
				|  |  | +          <el-form-item label="出入库日期" label-width="85px" prop="fAccbilldate">
 | 
	
		
			
				|  |  | +            <el-date-picker
 | 
	
		
			
				|  |  | +              size="small"
 | 
	
		
			
				|  |  | +              style="width: 200px"
 | 
	
		
			
				|  |  | +              v-model="queryParameter.timeInterval"
 | 
	
		
			
				|  |  | +              type="daterange"
 | 
	
		
			
				|  |  | +              start-placeholder="开始日期"
 | 
	
		
			
				|  |  | +              end-placeholder="结束日期"
 | 
	
		
			
				|  |  | +              value-format="yyyy-MM-dd"
 | 
	
		
			
				|  |  | +              :default-time="['00:00:00', '23:59:59']"
 | 
	
		
			
				|  |  | +            >
 | 
	
		
			
				|  |  | +            </el-date-picker>
 | 
	
		
			
				|  |  | +          </el-form-item>
 | 
	
		
			
				|  |  | +          <el-form-item>
 | 
	
		
			
				|  |  | +            <el-button type="cyan" icon="el-icon-search" size="mini" @click="importSearch">搜索</el-button>
 | 
	
		
			
				|  |  | +            <el-button icon="el-icon-refresh" size="mini" @click="resetQuery_s">重1置</el-button>
 | 
	
		
			
				|  |  | +          </el-form-item>
 | 
	
		
			
				|  |  | +        </el-form>
 | 
	
		
			
				|  |  | +        <el-table v-loading="loading" :data="chargeList_s" ref="chargeList" show-summary :summary-method="getSummaries" @selection-change="handleSelectionChange_s">
 | 
	
		
			
				|  |  | +          <el-table-column type="selection" width="55" align="center"/>
 | 
	
		
			
				|  |  | +          <el-table-column label="序2号" type="index" width="55" align="center"/>
 | 
	
		
			
				|  |  | +          <el-table-column label="货权方" align="center" prop="fName"/>
 | 
	
		
			
				|  |  | +          <el-table-column label="提单号" align="center" prop="fMblno"/>
 | 
	
		
			
				|  |  | +          <el-table-column label="品名" align="center" prop="fProductName"/>
 | 
	
		
			
				|  |  | +          <el-table-column label="业务日期" align="center" prop="fBsdate"/>
 | 
	
		
			
				|  |  | +          <el-table-column label="业务类型" align="center" prop="fBilltype">
 | 
	
		
			
				|  |  | +            <template slot-scope="scope">
 | 
	
		
			
				|  |  | +              <span v-if="scope.row.fBilltype =='SJRK'">入库</span>
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +              <span v-else-if="scope.row.fBilltype == 'SJCK'">出库</span>
 | 
	
		
			
				|  |  | +              <span v-else>{{scope.row.fBilltype}}</span>
 | 
	
		
			
				|  |  | +            </template>
 | 
	
		
			
				|  |  | +          </el-table-column>
 | 
	
		
			
				|  |  | +          <el-table-column label="审核日期" align="center" prop="fReviewDate"/>
 | 
	
		
			
				|  |  | +          <el-table-column label="费用名称" align="center" prop="fFeeName"/>
 | 
	
		
			
				|  |  | +          <el-table-column label="金额" align="center" prop="fAmtdr"/>
 | 
	
		
			
				|  |  | +          <el-table-column label="本次金额" align="center" prop="fAmt">
 | 
	
		
			
				|  |  | +            <template slot-scope="scope">
 | 
	
		
			
				|  |  | +              <el-input
 | 
	
		
			
				|  |  | +                v-model="scope.row.fAmt"
 | 
	
		
			
				|  |  | +                placeholder="请输入本次金额"
 | 
	
		
			
				|  |  | +                clearable
 | 
	
		
			
				|  |  | +                size="small"
 | 
	
		
			
				|  |  | +                oninput='this.value=this.value.replace(/[^\-?\d.]/g,"").replace(/^(\-)*(\d+)\.(\d\d).*$/, "$1$2.$3")'
 | 
	
		
			
				|  |  | +                @change="imgChange1(scope.row)"
 | 
	
		
			
				|  |  | +              />
 | 
	
		
			
				|  |  | +            </template>
 | 
	
		
			
				|  |  | +          </el-table-column>
 | 
	
		
			
				|  |  | +          <el-table-column label="备1注" align="center" prop="fRemarks">
 | 
	
		
			
				|  |  | +            <template slot-scope="scope">
 | 
	
		
			
				|  |  | +              <el-input
 | 
	
		
			
				|  |  | +                v-model="scope.row.fRemarks"
 | 
	
		
			
				|  |  | +                placeholder="请输入备注"
 | 
	
		
			
				|  |  | +                clearable
 | 
	
		
			
				|  |  | +                size="small"
 | 
	
		
			
				|  |  | +              />
 | 
	
		
			
				|  |  | +            </template>
 | 
	
		
			
				|  |  | +          </el-table-column>
 | 
	
		
			
				|  |  | +        </el-table>
 | 
	
		
			
				|  |  | +        <div slot="footer" class="dialog-footer">
 | 
	
		
			
				|  |  | +          <el-button type="primary" @click="confirmImport">确 定</el-button>
 | 
	
		
			
				|  |  | +          <el-button @click="innerVisible = false">取 消</el-button>
 | 
	
		
			
				|  |  | +        </div>
 | 
	
		
			
				|  |  | +      </el-dialog>
 | 
	
		
			
				|  |  | +    </el-dialog>
 | 
	
		
			
				|  |  | +  </div>
 | 
	
		
			
				|  |  | +</template>
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +<script>
 | 
	
		
			
				|  |  | +import {
 | 
	
		
			
				|  |  | +  listCharge,
 | 
	
		
			
				|  |  | +  getCharge,
 | 
	
		
			
				|  |  | +  delCharge,
 | 
	
		
			
				|  |  | +  addCharge,
 | 
	
		
			
				|  |  | +  updateCharge,
 | 
	
		
			
				|  |  | +  exportCharge,
 | 
	
		
			
				|  |  | +  search,
 | 
	
		
			
				|  |  | +  listCorps
 | 
	
		
			
				|  |  | +} from '@/api/finance/charge'
 | 
	
		
			
				|  |  | +import { listFees } from '@/api/basicdata/fees'
 | 
	
		
			
				|  |  | +import log from '@/views/monitor/job/log'
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +export default {
 | 
	
		
			
				|  |  | +  name: 'Charge',
 | 
	
		
			
				|  |  | +  components: {},
 | 
	
		
			
				|  |  | +  data() {
 | 
	
		
			
				|  |  | +    return {
 | 
	
		
			
				|  |  | +      browseStatus: true,
 | 
	
		
			
				|  |  | +      nothing:[],
 | 
	
		
			
				|  |  | +      //导入状态
 | 
	
		
			
				|  |  | +      state_s: true ,
 | 
	
		
			
				|  |  | +      fWbuOptions: [],
 | 
	
		
			
				|  |  | +      options:'',
 | 
	
		
			
				|  |  | +      // 遮罩层
 | 
	
		
			
				|  |  | +      loading: true,
 | 
	
		
			
				|  |  | +      //打开内部弹窗
 | 
	
		
			
				|  |  | +      innerVisible: false,
 | 
	
		
			
				|  |  | +      chargeList_s: [],
 | 
	
		
			
				|  |  | +      selection: '',
 | 
	
		
			
				|  |  | +      increase_s: [],
 | 
	
		
			
				|  |  | +      // 选中数组
 | 
	
		
			
				|  |  | +      ids: [],
 | 
	
		
			
				|  |  | +      // 非单个禁用
 | 
	
		
			
				|  |  | +      single: true,
 | 
	
		
			
				|  |  | +      // 非多个禁用
 | 
	
		
			
				|  |  | +      multiple: true,
 | 
	
		
			
				|  |  | +      // 显示搜索条件
 | 
	
		
			
				|  |  | +      showSearch: true,
 | 
	
		
			
				|  |  | +      // 总条数
 | 
	
		
			
				|  |  | +      total: 0,
 | 
	
		
			
				|  |  | +      //提单号暂存
 | 
	
		
			
				|  |  | +      fMblno:'',
 | 
	
		
			
				|  |  | +      // 财务数据主表格数据
 | 
	
		
			
				|  |  | +      chargeList: [],
 | 
	
		
			
				|  |  | +      // 弹出层标题
 | 
	
		
			
				|  |  | +      title: '',
 | 
	
		
			
				|  |  | +      // 是否显示弹出层
 | 
	
		
			
				|  |  | +      open: false,
 | 
	
		
			
				|  |  | +      fMblnoOptions: '',
 | 
	
		
			
				|  |  | +      //导入查询参数
 | 
	
		
			
				|  |  | +      queryParameter: {
 | 
	
		
			
				|  |  | +        fCorpid: '',
 | 
	
		
			
				|  |  | +        fToCorpid: '',
 | 
	
		
			
				|  |  | +        fMblno: '',
 | 
	
		
			
				|  |  | +        fStatementNo: '',
 | 
	
		
			
				|  |  | +        fFeeid: '',
 | 
	
		
			
				|  |  | +        timeExamine: '',
 | 
	
		
			
				|  |  | +        timeInterval: ''
 | 
	
		
			
				|  |  | +      },
 | 
	
		
			
				|  |  | +      empty:[],
 | 
	
		
			
				|  |  | +      //导入从表传主表
 | 
	
		
			
				|  |  | +      pass:{
 | 
	
		
			
				|  |  | +        fAmtdr:'',    //应收合计
 | 
	
		
			
				|  |  | +        fAmtcr:'',    //应付合计
 | 
	
		
			
				|  |  | +        fMblno:'',    //提单号
 | 
	
		
			
				|  |  | +        fName:''      //货权方
 | 
	
		
			
				|  |  | +      },
 | 
	
		
			
				|  |  | +      // 查询参数
 | 
	
		
			
				|  |  | +      queryParams: {
 | 
	
		
			
				|  |  | +        fId: null,
 | 
	
		
			
				|  |  | +        pageNum: 1,
 | 
	
		
			
				|  |  | +        pageSize: 10,
 | 
	
		
			
				|  |  | +        fBillno: null,
 | 
	
		
			
				|  |  | +        fCtrlcorpid: null,
 | 
	
		
			
				|  |  | +        fCorpid: null,
 | 
	
		
			
				|  |  | +        tMblno: null,
 | 
	
		
			
				|  |  | +        fAmtdr: null,
 | 
	
		
			
				|  |  | +        fAmtcr: null,
 | 
	
		
			
				|  |  | +        fBilltype: null,
 | 
	
		
			
				|  |  | +        fBillstatus: null,
 | 
	
		
			
				|  |  | +        fRemarks: null,
 | 
	
		
			
				|  |  | +        fAccbilldate: null,
 | 
	
		
			
				|  |  | +        fDeptid: null
 | 
	
		
			
				|  |  | +      },
 | 
	
		
			
				|  |  | +      // 主表查询参数
 | 
	
		
			
				|  |  | +      queryParams_s: {
 | 
	
		
			
				|  |  | +        pageNum: 1,
 | 
	
		
			
				|  |  | +        pageSize: 10,
 | 
	
		
			
				|  |  | +        fBillno: null,
 | 
	
		
			
				|  |  | +        fCtrlcorpid: null,
 | 
	
		
			
				|  |  | +        fCorpid: null,
 | 
	
		
			
				|  |  | +        tMblno: null,
 | 
	
		
			
				|  |  | +        fAmtdr: null,
 | 
	
		
			
				|  |  | +        fAmtcr: null,
 | 
	
		
			
				|  |  | +        fBilltype: null,
 | 
	
		
			
				|  |  | +        fBillstatus: null,
 | 
	
		
			
				|  |  | +        fRemarks: null,
 | 
	
		
			
				|  |  | +        fAccbilldate: null,
 | 
	
		
			
				|  |  | +        fDeptid: null
 | 
	
		
			
				|  |  | +      },
 | 
	
		
			
				|  |  | +      // 表单参数
 | 
	
		
			
				|  |  | +      form: {},
 | 
	
		
			
				|  |  | +      // 表单校验
 | 
	
		
			
				|  |  | +      ruless: {
 | 
	
		
			
				|  |  | +        fCtrlcorpid: [
 | 
	
		
			
				|  |  | +          { required: true, message: '货权方不能为空', trigger: 'blur' }
 | 
	
		
			
				|  |  | +        ],
 | 
	
		
			
				|  |  | +        fCorpid: [
 | 
	
		
			
				|  |  | +          { required: true, message: '结算单位不能为空', trigger: 'blur' }
 | 
	
		
			
				|  |  | +        ],
 | 
	
		
			
				|  |  | +        fAccbilldate: [
 | 
	
		
			
				|  |  | +          { required: true, message: '对账日期不能为空', trigger: 'blur' }
 | 
	
		
			
				|  |  | +        ]
 | 
	
		
			
				|  |  | +      },
 | 
	
		
			
				|  |  | +      // 表单校验
 | 
	
		
			
				|  |  | +      rules: {
 | 
	
		
			
				|  |  | +        fBilltype: [
 | 
	
		
			
				|  |  | +          { required: true, message: '单据类型', trigger: 'change' }
 | 
	
		
			
				|  |  | +        ],
 | 
	
		
			
				|  |  | +        fBillstatus: [
 | 
	
		
			
				|  |  | +          { required: true, message: '状态不能为空', trigger: 'blur' }
 | 
	
		
			
				|  |  | +        ],
 | 
	
		
			
				|  |  | +        fDeptid: [
 | 
	
		
			
				|  |  | +          { required: true, message: '制单部门不能为空', trigger: 'blur' }
 | 
	
		
			
				|  |  | +        ],
 | 
	
		
			
				|  |  | +        fToCorpid: [
 | 
	
		
			
				|  |  | +          { required: true, message: '结算单位不能为空', trigger: 'blur' }
 | 
	
		
			
				|  |  | +        ],
 | 
	
		
			
				|  |  | +        timeExamine: [
 | 
	
		
			
				|  |  | +          { required: true, message: '审核日期不能为空', trigger: 'blur' }
 | 
	
		
			
				|  |  | +        ]
 | 
	
		
			
				|  |  | +      }
 | 
	
		
			
				|  |  | +    }
 | 
	
		
			
				|  |  | +  },
 | 
	
		
			
				|  |  | +  created() {
 | 
	
		
			
				|  |  | +    this.getList()
 | 
	
		
			
				|  |  | +  },
 | 
	
		
			
				|  |  | +  methods: {
 | 
	
		
			
				|  |  | +    getSummaries(param) {
 | 
	
		
			
				|  |  | +      const { columns, data } = param;
 | 
	
		
			
				|  |  | +      const sums = [];
 | 
	
		
			
				|  |  | +      columns.forEach((column, index) => {
 | 
	
		
			
				|  |  | +        const values = data.map(item => Number(item[column.property]));
 | 
	
		
			
				|  |  | +        if (!values.every(value => isNaN(value))) {
 | 
	
		
			
				|  |  | +          sums[index] = values.reduce((prev, curr) => {
 | 
	
		
			
				|  |  | +            const value = Number(curr);
 | 
	
		
			
				|  |  | +            if (!isNaN(value)) {
 | 
	
		
			
				|  |  | +              return prev + curr;
 | 
	
		
			
				|  |  | +            } else {
 | 
	
		
			
				|  |  | +              return prev;
 | 
	
		
			
				|  |  | +            }
 | 
	
		
			
				|  |  | +          }, 0);
 | 
	
		
			
				|  |  | +          sums[0] = '合计';
 | 
	
		
			
				|  |  | +          sums[3] = '';
 | 
	
		
			
				|  |  | +        }
 | 
	
		
			
				|  |  | +      });
 | 
	
		
			
				|  |  | +      return sums;
 | 
	
		
			
				|  |  | +    },
 | 
	
		
			
				|  |  | +    imgChange1(row){
 | 
	
		
			
				|  |  | +      if (row.fAmt && Number(row.fAmt) > Number(row.fAmtdr)){
 | 
	
		
			
				|  |  | +        this.$set(row, 'fAmt', row.fAmtdr)
 | 
	
		
			
				|  |  | +        this.state_s = true
 | 
	
		
			
				|  |  | +      }
 | 
	
		
			
				|  |  | +      console.log('数据:' + JSON.stringify(this.selection))
 | 
	
		
			
				|  |  | +      // this.$refs.chargeList.clearSelection()
 | 
	
		
			
				|  |  | +    },
 | 
	
		
			
				|  |  | +    //确认导入
 | 
	
		
			
				|  |  | +    confirmImport() {
 | 
	
		
			
				|  |  | +      console.log(this.state_s)
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +      for (let item in this.selection) {
 | 
	
		
			
				|  |  | +        this.pass.fAmtcr += Number(this.selection[item].fAmt)
 | 
	
		
			
				|  |  | +        this.pass.fAmtdr += Number(this.selection[item].fAmtdr)
 | 
	
		
			
				|  |  | +      }
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +      if (this.state_s == true) {
 | 
	
		
			
				|  |  | +        if (this.selection.length == '0') {
 | 
	
		
			
				|  |  | +          console.log('未选择')//写入提示
 | 
	
		
			
				|  |  | +          this.$message.error('未选择导入行')
 | 
	
		
			
				|  |  | +        } else {
 | 
	
		
			
				|  |  | +          console.log(this.selection[0].fMblno)
 | 
	
		
			
				|  |  | +          for (let item in this.selection) {
 | 
	
		
			
				|  |  | +            console.log(this.selection[item])
 | 
	
		
			
				|  |  | +            console.log(this.selection[item].fMblno)
 | 
	
		
			
				|  |  | +            console.log(this.selection[item].fName)
 | 
	
		
			
				|  |  | +            this.empty.push(this.selection[item].fMblno)
 | 
	
		
			
				|  |  | +            this.nothing.push(this.selection[item].fName)
 | 
	
		
			
				|  |  | +          }
 | 
	
		
			
				|  |  | +          //去重提单号
 | 
	
		
			
				|  |  | +          this.empty = new Set(this.empty)
 | 
	
		
			
				|  |  | +          this.empty = Array.from(this.empty)
 | 
	
		
			
				|  |  | +          //去重货权方
 | 
	
		
			
				|  |  | +          this.nothing = new Set(this.nothing)
 | 
	
		
			
				|  |  | +          this.nothing = Array.from(this.nothing)
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +          if(this.empty.length <= 1){
 | 
	
		
			
				|  |  | +            this.pass.fMblno = this.empty[0]
 | 
	
		
			
				|  |  | +            console.log(this.pass.fMblno)
 | 
	
		
			
				|  |  | +          }else {
 | 
	
		
			
				|  |  | +            this.pass.fMblno = this.empty[0] + "..."
 | 
	
		
			
				|  |  | +            console.log(this.pass.fMblno)
 | 
	
		
			
				|  |  | +          }
 | 
	
		
			
				|  |  | +          if (this.nothing.length <= 1){
 | 
	
		
			
				|  |  | +            this.pass.fName = this.nothing[0]
 | 
	
		
			
				|  |  | +          }else {
 | 
	
		
			
				|  |  | +            this.pass.fName = this.nothing[0] + "..."
 | 
	
		
			
				|  |  | +          }
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +          this.increase_s = this.selection
 | 
	
		
			
				|  |  | +          this.queryParams.tMblno = this.pass.fMblno //提单号
 | 
	
		
			
				|  |  | +          this.queryParams.fCtrlcorpid = this.pass.fName
 | 
	
		
			
				|  |  | +          this.queryParams.fAmtcr = this.pass.fAmtcr
 | 
	
		
			
				|  |  | +          this.queryParams.fAmtdr = this.pass.fAmtdr
 | 
	
		
			
				|  |  | +          console.log(this.queryParams)
 | 
	
		
			
				|  |  | +          this.innerVisible = false
 | 
	
		
			
				|  |  | +          this.chargeList_s = []
 | 
	
		
			
				|  |  | +          this.queryParameter = {
 | 
	
		
			
				|  |  | +            fCorpid: '',
 | 
	
		
			
				|  |  | +            fToCorpid: '',
 | 
	
		
			
				|  |  | +            fMblno: '',
 | 
	
		
			
				|  |  | +            fStatementNo: '',
 | 
	
		
			
				|  |  | +            fFeeid: '',
 | 
	
		
			
				|  |  | +            timeExamine: '',
 | 
	
		
			
				|  |  | +            timeInterval: ''
 | 
	
		
			
				|  |  | +          }
 | 
	
		
			
				|  |  | +        }
 | 
	
		
			
				|  |  | +      } else if (this.state_s == false) {
 | 
	
		
			
				|  |  | +        this.$message.error('本次金额不能大于原定金额')
 | 
	
		
			
				|  |  | +      }
 | 
	
		
			
				|  |  | +    },
 | 
	
		
			
				|  |  | +    /** 查询财务数据主列表 */
 | 
	
		
			
				|  |  | +    getList() {
 | 
	
		
			
				|  |  | +      this.loading = true
 | 
	
		
			
				|  |  | +      this.getDicts("approval_process").then((response) => {
 | 
	
		
			
				|  |  | +        console.log(response.data)
 | 
	
		
			
				|  |  | +        this.options = response.data
 | 
	
		
			
				|  |  | +      });
 | 
	
		
			
				|  |  | +      listCharge(this.queryParams_s).then(response => {
 | 
	
		
			
				|  |  | +        console.log(response)
 | 
	
		
			
				|  |  | +        this.chargeList = response.rows
 | 
	
		
			
				|  |  | +        this.total = response.total
 | 
	
		
			
				|  |  | +        this.loading = false
 | 
	
		
			
				|  |  | +      })
 | 
	
		
			
				|  |  | +    },
 | 
	
		
			
				|  |  | +    // 取消按钮
 | 
	
		
			
				|  |  | +    cancel() {
 | 
	
		
			
				|  |  | +      this.open = false
 | 
	
		
			
				|  |  | +      this.reset()
 | 
	
		
			
				|  |  | +    },
 | 
	
		
			
				|  |  | +    // 表单重置
 | 
	
		
			
				|  |  | +    reset() {
 | 
	
		
			
				|  |  | +      this.form = {
 | 
	
		
			
				|  |  | +        fId: null,
 | 
	
		
			
				|  |  | +        fBillno: null,
 | 
	
		
			
				|  |  | +        fCtrlcorpid: null,
 | 
	
		
			
				|  |  | +        fCorpid: null,
 | 
	
		
			
				|  |  | +        tMblno: null,
 | 
	
		
			
				|  |  | +        fAmtdr: null,
 | 
	
		
			
				|  |  | +        fAmtcr: null,
 | 
	
		
			
				|  |  | +        fBilltype: null,
 | 
	
		
			
				|  |  | +        fBillstatus: '0',
 | 
	
		
			
				|  |  | +        fRemarks: null,
 | 
	
		
			
				|  |  | +        fAccbilldate: null,
 | 
	
		
			
				|  |  | +        delFlag: null,
 | 
	
		
			
				|  |  | +        createBy: null,
 | 
	
		
			
				|  |  | +        fDeptid: null,
 | 
	
		
			
				|  |  | +        createTime: null,
 | 
	
		
			
				|  |  | +        updateBy: null,
 | 
	
		
			
				|  |  | +        updateTime: null
 | 
	
		
			
				|  |  | +      }
 | 
	
		
			
				|  |  | +      this.resetForm('form')
 | 
	
		
			
				|  |  | +    },
 | 
	
		
			
				|  |  | +    /** 搜索按钮操作 */
 | 
	
		
			
				|  |  | +    handleQuery() {
 | 
	
		
			
				|  |  | +      this.queryParams.pageNum = 1
 | 
	
		
			
				|  |  | +      this.getList()
 | 
	
		
			
				|  |  | +    },
 | 
	
		
			
				|  |  | +    /** 导入搜索 */
 | 
	
		
			
				|  |  | +    importSearch() {
 | 
	
		
			
				|  |  | +      console.log(this.queryParameter)
 | 
	
		
			
				|  |  | +      // console.log(this.queryParameter[0].fFeeid.join(','))
 | 
	
		
			
				|  |  | +      // .join(',')
 | 
	
		
			
				|  |  | +      this.chargeList_s = []
 | 
	
		
			
				|  |  | +      this.$refs['form'].validate(valid => {
 | 
	
		
			
				|  |  | +        if (valid) {
 | 
	
		
			
				|  |  | +          search(this.queryParameter).then(response => {
 | 
	
		
			
				|  |  | +            this.chargeList_s = response.rows
 | 
	
		
			
				|  |  | +          })
 | 
	
		
			
				|  |  | +        }
 | 
	
		
			
				|  |  | +      })
 | 
	
		
			
				|  |  | +    },
 | 
	
		
			
				|  |  | +    /** 远程模糊查询用户 */
 | 
	
		
			
				|  |  | +    corpsRemoteMethod(name) {
 | 
	
		
			
				|  |  | +      if (name == null || name === '') {
 | 
	
		
			
				|  |  | +        return false
 | 
	
		
			
				|  |  | +      }
 | 
	
		
			
				|  |  | +      let queryParams = { pageNum: 1, pageSize: 10, fName: name, type: 1 }
 | 
	
		
			
				|  |  | +      listCorps(queryParams).then((response) => {
 | 
	
		
			
				|  |  | +        this.fMblnoOptions = response.rows
 | 
	
		
			
				|  |  | +        this.KHblnoOptions = response.rows
 | 
	
		
			
				|  |  | +      })
 | 
	
		
			
				|  |  | +    },
 | 
	
		
			
				|  |  | +    /** 重置按钮操作 */
 | 
	
		
			
				|  |  | +    resetQuery() {
 | 
	
		
			
				|  |  | +      this.resetForm('queryParams_s')
 | 
	
		
			
				|  |  | +      this.handleQuery()
 | 
	
		
			
				|  |  | +    },
 | 
	
		
			
				|  |  | +    //导入重置按钮
 | 
	
		
			
				|  |  | +    resetQuery_s() {
 | 
	
		
			
				|  |  | +      this.queryParameter = {
 | 
	
		
			
				|  |  | +        fCorpid: '',
 | 
	
		
			
				|  |  | +        fToCorpid: '',
 | 
	
		
			
				|  |  | +        fMblno: '',
 | 
	
		
			
				|  |  | +        fStatementNo: '',
 | 
	
		
			
				|  |  | +        fFeeid: '',
 | 
	
		
			
				|  |  | +        timeExamine: '',
 | 
	
		
			
				|  |  | +        timeInterval: ''
 | 
	
		
			
				|  |  | +      }
 | 
	
		
			
				|  |  | +    },
 | 
	
		
			
				|  |  | +    // 远程模糊查询费用名称
 | 
	
		
			
				|  |  | +    fWRemoteMethod(name) {
 | 
	
		
			
				|  |  | +      this.fWbuOptions = []
 | 
	
		
			
				|  |  | +      if (name == null || name === '') {
 | 
	
		
			
				|  |  | +        return false
 | 
	
		
			
				|  |  | +      }
 | 
	
		
			
				|  |  | +      let queryParams = { pageNum: 1, pageSize: 10, fName: name }
 | 
	
		
			
				|  |  | +      listFees(queryParams).then((response) => {
 | 
	
		
			
				|  |  | +        console.log(this.fWbuOptions)
 | 
	
		
			
				|  |  | +        this.fWbuOptions = response.rows
 | 
	
		
			
				|  |  | +      })
 | 
	
		
			
				|  |  | +    },
 | 
	
		
			
				|  |  | +    // 多选框选中数据
 | 
	
		
			
				|  |  | +    handleSelectionChange(selection) {
 | 
	
		
			
				|  |  | +      this.ids = selection.map(item => item.fId)
 | 
	
		
			
				|  |  | +      this.single = selection.length !== 1
 | 
	
		
			
				|  |  | +      this.multiple = !selection.length
 | 
	
		
			
				|  |  | +    },
 | 
	
		
			
				|  |  | +    // 导入多选框
 | 
	
		
			
				|  |  | +    handleSelectionChange_s(selection) {
 | 
	
		
			
				|  |  | +      console.log(selection)
 | 
	
		
			
				|  |  | +      this.selection = selection
 | 
	
		
			
				|  |  | +    },
 | 
	
		
			
				|  |  | +    /** 新增按钮操作 */
 | 
	
		
			
				|  |  | +    handleAdd() {
 | 
	
		
			
				|  |  | +      this.reset()
 | 
	
		
			
				|  |  | +      // this.queryParams = []
 | 
	
		
			
				|  |  | +      this.increase_s = []
 | 
	
		
			
				|  |  | +      this.queryParams = {
 | 
	
		
			
				|  |  | +        pageNum: 1,
 | 
	
		
			
				|  |  | +        pageSize: 10,
 | 
	
		
			
				|  |  | +        fBillno: null,
 | 
	
		
			
				|  |  | +        fCtrlcorpid: null,
 | 
	
		
			
				|  |  | +        fCorpid: null,
 | 
	
		
			
				|  |  | +        tMblno: null,
 | 
	
		
			
				|  |  | +        fAmtdr: null,
 | 
	
		
			
				|  |  | +        fAmtcr: null,
 | 
	
		
			
				|  |  | +        fBilltype: null,
 | 
	
		
			
				|  |  | +        fBillstatus: null,
 | 
	
		
			
				|  |  | +        fRemarks: null,
 | 
	
		
			
				|  |  | +        fAccbilldate: null,
 | 
	
		
			
				|  |  | +        fDeptid: null
 | 
	
		
			
				|  |  | +      },
 | 
	
		
			
				|  |  | +        this.resetForm('queryParams')
 | 
	
		
			
				|  |  | +      this.open = true
 | 
	
		
			
				|  |  | +      this.title = '添加财务数据主'
 | 
	
		
			
				|  |  | +    },
 | 
	
		
			
				|  |  | +    /** 修改按钮操作 */
 | 
	
		
			
				|  |  | +    handleUpdate(row) {
 | 
	
		
			
				|  |  | +      console.log(row)
 | 
	
		
			
				|  |  | +      this.reset()
 | 
	
		
			
				|  |  | +      const fId = row.fId || this.ids
 | 
	
		
			
				|  |  | +      console.log(fId)
 | 
	
		
			
				|  |  | +      getCharge(fId).then(response => {
 | 
	
		
			
				|  |  | +        console.log(response)
 | 
	
		
			
				|  |  | +        this.increase_s = response.data.feeDoList
 | 
	
		
			
				|  |  | +        this.fWbuOptions = response.data.feesList
 | 
	
		
			
				|  |  | +        this.queryParams = response.data.tFee
 | 
	
		
			
				|  |  | +        this.fWbuOptions = response.data.feesList
 | 
	
		
			
				|  |  | +        this.fMblnoOptions = response.data.corps
 | 
	
		
			
				|  |  | +        this.open = true
 | 
	
		
			
				|  |  | +        this.title = '修改收费列表'
 | 
	
		
			
				|  |  | +      })
 | 
	
		
			
				|  |  | +    },
 | 
	
		
			
				|  |  | +    /** 提交按钮 */
 | 
	
		
			
				|  |  | +    submitForm() {
 | 
	
		
			
				|  |  | +      console.log(this.queryParameter)
 | 
	
		
			
				|  |  | +      this.$refs['ruless'].validate(valid => {
 | 
	
		
			
				|  |  | +        console.log(valid)
 | 
	
		
			
				|  |  | +        if (valid) {
 | 
	
		
			
				|  |  | +          if(this.queryParams.fId == null){
 | 
	
		
			
				|  |  | +            console.log(this.queryParams)
 | 
	
		
			
				|  |  | +            // this.chargeList.fBillstatus = '1'
 | 
	
		
			
				|  |  | +            this.queryParams.fBillstatus = '1'
 | 
	
		
			
				|  |  | +            let formData = new window.FormData()
 | 
	
		
			
				|  |  | +            formData.append('tFee', JSON.stringify(this.queryParams))
 | 
	
		
			
				|  |  | +            formData.append('tFeeDo', JSON.stringify(this.increase_s))
 | 
	
		
			
				|  |  | +            addCharge(formData).then(response => {
 | 
	
		
			
				|  |  | +              this.msgSuccess('新增成功')
 | 
	
		
			
				|  |  | +              this.increase_s = []
 | 
	
		
			
				|  |  | +              this.open = false
 | 
	
		
			
				|  |  | +              this.getList()
 | 
	
		
			
				|  |  | +            })
 | 
	
		
			
				|  |  | +          }else {
 | 
	
		
			
				|  |  | +            console.log(this.queryParams)
 | 
	
		
			
				|  |  | +            // this.chargeList.fBillstatus = '1'
 | 
	
		
			
				|  |  | +            this.queryParams.fBillstatus = '1'
 | 
	
		
			
				|  |  | +            let formData = new window.FormData()
 | 
	
		
			
				|  |  | +            formData.append('tFee', JSON.stringify(this.queryParams))
 | 
	
		
			
				|  |  | +            formData.append('tFeeDo', JSON.stringify(this.increase_s))
 | 
	
		
			
				|  |  | +            addCharge(formData).then(response => {
 | 
	
		
			
				|  |  | +              this.msgSuccess('修改成功')
 | 
	
		
			
				|  |  | +              this.increase_s = []
 | 
	
		
			
				|  |  | +              this.open = false
 | 
	
		
			
				|  |  | +              this.getList()
 | 
	
		
			
				|  |  | +            })
 | 
	
		
			
				|  |  | +          }
 | 
	
		
			
				|  |  | +        }
 | 
	
		
			
				|  |  | +      })
 | 
	
		
			
				|  |  | +    },
 | 
	
		
			
				|  |  | +    /** 删除按钮操作 */
 | 
	
		
			
				|  |  | +    handleDelete(row) {
 | 
	
		
			
				|  |  | +      const fIds = row.fId || this.ids
 | 
	
		
			
				|  |  | +      this.$confirm('是否确认删除财务数据主编号为"' + fIds + '"的数据项?', '警告', {
 | 
	
		
			
				|  |  | +        confirmButtonText: '确定',
 | 
	
		
			
				|  |  | +        cancelButtonText: '取消',
 | 
	
		
			
				|  |  | +        type: 'warning'
 | 
	
		
			
				|  |  | +      }).then(function() {
 | 
	
		
			
				|  |  | +        return delCharge(fIds)
 | 
	
		
			
				|  |  | +      }).then(() => {
 | 
	
		
			
				|  |  | +        this.getList()
 | 
	
		
			
				|  |  | +        this.msgSuccess('删除成功')
 | 
	
		
			
				|  |  | +      })
 | 
	
		
			
				|  |  | +    },
 | 
	
		
			
				|  |  | +    /** 导出按钮操作 */
 | 
	
		
			
				|  |  | +    handleExport() {
 | 
	
		
			
				|  |  | +      const queryParams = this.queryParams
 | 
	
		
			
				|  |  | +      this.$confirm('是否确认导出所有财务数据主数据项?', '警告', {
 | 
	
		
			
				|  |  | +        confirmButtonText: '确定',
 | 
	
		
			
				|  |  | +        cancelButtonText: '取消',
 | 
	
		
			
				|  |  | +        type: 'warning'
 | 
	
		
			
				|  |  | +      }).then(function() {
 | 
	
		
			
				|  |  | +        return exportCharge(queryParams)
 | 
	
		
			
				|  |  | +      }).then(response => {
 | 
	
		
			
				|  |  | +        this.download(response.msg)
 | 
	
		
			
				|  |  | +      })
 | 
	
		
			
				|  |  | +    },
 | 
	
		
			
				|  |  | +    //清空一行
 | 
	
		
			
				|  |  | +    deleteRow(index, rows) {
 | 
	
		
			
				|  |  | +      rows.splice(index, 1);
 | 
	
		
			
				|  |  | +    },
 | 
	
		
			
				|  |  | +  }
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +</script>
 |