|
|
@@ -4,42 +4,21 @@
|
|
|
<kaihe-generalLedgerCr />
|
|
|
</div>
|
|
|
<div v-else>
|
|
|
- <el-form
|
|
|
- :model="queryParams"
|
|
|
- ref="queryForm"
|
|
|
- v-show="showSearch"
|
|
|
- label-width="80px"
|
|
|
- >
|
|
|
+ <el-form :model="queryParams" ref="queryForm" v-show="showSearch" label-width="80px">
|
|
|
<el-row>
|
|
|
<el-col :span="6">
|
|
|
<el-form-item label="结算单位" prop="fToCorpid">
|
|
|
- <el-select
|
|
|
- v-model="queryParams.fToCorpid"
|
|
|
- placeholder="请选择结算单位"
|
|
|
- filterable
|
|
|
- remote
|
|
|
- clearable
|
|
|
- @keyup.enter.native="handleQuery"
|
|
|
- :remote-method="corpsRemoteMethod"
|
|
|
- >
|
|
|
- <el-option
|
|
|
- v-for="(dict, index) in fMblnoOptions"
|
|
|
- :key="index.fId"
|
|
|
- :label="dict.fName"
|
|
|
- :value="dict.fId"
|
|
|
- ></el-option>
|
|
|
+ <el-select v-model="queryParams.fToCorpid" placeholder="请选择结算单位" filterable remote clearable
|
|
|
+ @keyup.enter.native="handleQuery" :remote-method="corpsRemoteMethod">
|
|
|
+ <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-col>
|
|
|
<el-col :span="6">
|
|
|
<el-form-item label="费用状态" prop="isReviewed">
|
|
|
- <el-select
|
|
|
- v-model="queryParams.isReviewed"
|
|
|
- clearable
|
|
|
- size="small"
|
|
|
- @keyup.enter.native="handleQuery"
|
|
|
- @change="reviewedChange"
|
|
|
- >
|
|
|
+ <el-select v-model="queryParams.isReviewed" clearable size="small" @keyup.enter.native="handleQuery"
|
|
|
+ @change="reviewedChange">
|
|
|
<el-option label="录入" :value="0" />
|
|
|
<el-option label="审核通过" :value="1" />
|
|
|
</el-select>
|
|
|
@@ -50,132 +29,76 @@
|
|
|
<!-- 如果需要固定某一年加 :picker-options="pickerOptions0"-->
|
|
|
<div style="display: flex;width: 100%">
|
|
|
<el-select v-model="queryParams.switchSection" style="width: 100px">
|
|
|
- <el-option label="审核区间" :value="0"/>
|
|
|
- <el-option label="业务区间" :value="1"/>
|
|
|
+ <el-option label="审核区间" :value="0" />
|
|
|
+ <el-option label="业务区间" :value="1" />
|
|
|
</el-select>
|
|
|
- <el-date-picker
|
|
|
- type="monthrange"
|
|
|
- range-separator="至"
|
|
|
- start-placeholder="开始月份"
|
|
|
- end-placeholder="结束月份"
|
|
|
- v-model="queryParams.timeExamine"
|
|
|
- value-format="yyyy-MM"
|
|
|
- unlink-panels
|
|
|
- :clearable="false"
|
|
|
- @keyup.enter.native="handleQuery"
|
|
|
- ></el-date-picker>
|
|
|
+ <el-date-picker type="monthrange" range-separator="至" start-placeholder="开始月份" end-placeholder="结束月份"
|
|
|
+ v-model="queryParams.timeExamine" value-format="yyyy-MM" unlink-panels :clearable="false"
|
|
|
+ @keyup.enter.native="handleQuery"></el-date-picker>
|
|
|
</div>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="6">
|
|
|
<el-form-item label="显示0余额">
|
|
|
- <el-select
|
|
|
- v-model="queryParams.fReconciliation"
|
|
|
- filterable
|
|
|
- >
|
|
|
+ <el-select v-model="queryParams.fReconciliation" filterable>
|
|
|
<el-option label="是" :value="1"></el-option>
|
|
|
<el-option label="否" :value="0"></el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
-<!-- <el-form-item label="审核日期" prop="timeExamine">-->
|
|
|
-<!-- <el-date-picker-->
|
|
|
-<!-- v-model="queryParams.timeExamine"-->
|
|
|
-<!-- type="daterange"-->
|
|
|
-<!-- value-format="yyyy-MM-dd"-->
|
|
|
-<!-- range-separator="至"-->
|
|
|
-<!-- start-placeholder="开始日期"-->
|
|
|
-<!-- end-placeholder="结束日期"-->
|
|
|
-<!-- @keyup.enter.native="handleQuery"-->
|
|
|
-<!-- :picker-options="pickerOptions"-->
|
|
|
-<!-- unlink-panels-->
|
|
|
-<!-- :clearable="false"-->
|
|
|
-<!-- >-->
|
|
|
-<!-- </el-date-picker>-->
|
|
|
-<!-- </el-form-item>-->
|
|
|
+ <!-- <el-form-item label="审核日期" prop="timeExamine">-->
|
|
|
+ <!-- <el-date-picker-->
|
|
|
+ <!-- v-model="queryParams.timeExamine"-->
|
|
|
+ <!-- type="daterange"-->
|
|
|
+ <!-- value-format="yyyy-MM-dd"-->
|
|
|
+ <!-- range-separator="至"-->
|
|
|
+ <!-- start-placeholder="开始日期"-->
|
|
|
+ <!-- end-placeholder="结束日期"-->
|
|
|
+ <!-- @keyup.enter.native="handleQuery"-->
|
|
|
+ <!-- :picker-options="pickerOptions"-->
|
|
|
+ <!-- unlink-panels-->
|
|
|
+ <!-- :clearable="false"-->
|
|
|
+ <!-- >-->
|
|
|
+ <!-- </el-date-picker>-->
|
|
|
+ <!-- </el-form-item>-->
|
|
|
</el-form>
|
|
|
|
|
|
<el-row :gutter="10" class="mb8">
|
|
|
<el-col :span="1.5">
|
|
|
- <el-button
|
|
|
- type="warning"
|
|
|
- icon="el-icon-download"
|
|
|
- size="mini"
|
|
|
- @click="handleExport"
|
|
|
- v-hasPermi="['warehouseBusiness:payable:export']"
|
|
|
- >导出</el-button
|
|
|
- >
|
|
|
+ <el-button type="warning" icon="el-icon-download" size="mini" @click="handleExport"
|
|
|
+ v-hasPermi="['warehouseBusiness:payable:export']">导出</el-button>
|
|
|
</el-col>
|
|
|
<div class="tabSetting">
|
|
|
<div style="margin-right: 20px">
|
|
|
- <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-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>
|
|
|
</div>
|
|
|
- <right-toolbar
|
|
|
- :showSearch.sync="showSearch"
|
|
|
- @queryTable="getList"
|
|
|
- ></right-toolbar>
|
|
|
+ <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
|
|
|
<div style="margin: 0 12px">
|
|
|
- <el-button
|
|
|
- icon="el-icon-setting"
|
|
|
- size="mini"
|
|
|
- circle
|
|
|
- @click="showSetting = !showSetting"
|
|
|
- ></el-button>
|
|
|
+ <el-button icon="el-icon-setting" size="mini" circle @click="showSetting = !showSetting"></el-button>
|
|
|
</div>
|
|
|
</div>
|
|
|
</el-row>
|
|
|
<el-dialog title="自定义列显示" :visible.sync="showSetting" width="700px">
|
|
|
<div>配置排序列数据（拖动调整顺序）</div>
|
|
|
<div style="margin-left: 17px">
|
|
|
- <el-checkbox
|
|
|
- v-model="allCheck"
|
|
|
- label="全选"
|
|
|
- @change="allChecked"
|
|
|
- ></el-checkbox>
|
|
|
+ <el-checkbox v-model="allCheck" label="全选" @change="allChecked"></el-checkbox>
|
|
|
</div>
|
|
|
<div style="padding: 4px; display: flex; justify-content: center">
|
|
|
- <draggable
|
|
|
- v-model="setRowList"
|
|
|
- group="site"
|
|
|
- animation="300"
|
|
|
- @start="onStart"
|
|
|
- @end="onEnd"
|
|
|
- handle=".indraggable"
|
|
|
- >
|
|
|
+ <draggable v-model="setRowList" group="site" animation="300" @start="onStart" @end="onEnd"
|
|
|
+ handle=".indraggable">
|
|
|
<transition-group>
|
|
|
- <div
|
|
|
- v-for="item in setRowList"
|
|
|
- :key="item.surface"
|
|
|
- class="listStyle"
|
|
|
- >
|
|
|
+ <div v-for="item in setRowList" :key="item.surface" class="listStyle">
|
|
|
<div style="width: 500px" class="indraggable">
|
|
|
<div class="progress" :style="{ width: item.width + 'px' }">
|
|
|
- <el-checkbox
|
|
|
- :label="item.name"
|
|
|
- v-model="item.checked"
|
|
|
- :true-label="0"
|
|
|
- :false-label="1"
|
|
|
- >{{ item.name }}
|
|
|
+ <el-checkbox :label="item.name" v-model="item.checked" :true-label="0" :false-label="1">{{ item.name
|
|
|
+ }}
|
|
|
</el-checkbox>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <el-input-number
|
|
|
- v-model.number="item.width"
|
|
|
- controls-position="right"
|
|
|
- :min="1"
|
|
|
- :max="500"
|
|
|
- size="mini"
|
|
|
- ></el-input-number>
|
|
|
+ <el-input-number v-model.number="item.width" controls-position="right" :min="1" :max="500" size="mini">
|
|
|
+ </el-input-number>
|
|
|
</div>
|
|
|
</transition-group>
|
|
|
</draggable>
|
|
|
@@ -186,54 +109,27 @@
|
|
|
<el-button type="primary" @click="save()">确 定</el-button>
|
|
|
</span>
|
|
|
</el-dialog>
|
|
|
- <el-table
|
|
|
- v-loading="loading"
|
|
|
- :data="payableList"
|
|
|
- show-summary
|
|
|
- :summary-method="getSum"
|
|
|
- ref="table"
|
|
|
- :height="tableHeight"
|
|
|
- >
|
|
|
+ <el-table v-loading="loading" :data="payableList" show-summary :summary-method="getSum" ref="table"
|
|
|
+ :height="tableHeight">
|
|
|
<!-- <el-table-column type="selection" width="55" align="center" /> -->
|
|
|
- <el-table-column
|
|
|
- type="index"
|
|
|
- label="行号"
|
|
|
- align="center"
|
|
|
- width="80"
|
|
|
- fixed=""
|
|
|
- />
|
|
|
- <el-table-column
|
|
|
- v-for="(item, index) in getRowList"
|
|
|
- :key="index"
|
|
|
- :label="item.name"
|
|
|
- :width="item.width"
|
|
|
- :prop="item.label"
|
|
|
- align="center"
|
|
|
- :show-overflow-tooltip="true"
|
|
|
- sortable
|
|
|
- :fixed="item.fixed"
|
|
|
- >
|
|
|
+ <el-table-column type="index" label="行号" align="center" width="80" fixed="" />
|
|
|
+ <el-table-column v-for="(item, index) in getRowList" :key="index" :label="item.name" :width="item.width"
|
|
|
+ :prop="item.label" align="center" :show-overflow-tooltip="true" sortable :fixed="item.fixed">
|
|
|
<template slot-scope="scope">
|
|
|
<span v-if="item.label == 'ffeesName'">
|
|
|
- <el-link :underline="false" type="primary"
|
|
|
- ><div @click="goDetail(scope.row)">
|
|
|
+ <el-link :underline="false" type="primary">
|
|
|
+ <div @click="goDetail(scope.row)">
|
|
|
{{ scope.row.ffeesName }}
|
|
|
- </div></el-link
|
|
|
- >
|
|
|
+ </div>
|
|
|
+ </el-link>
|
|
|
</span>
|
|
|
<span v-else>{{ scope.row[item.label] }}</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
|
|
|
- <pagination
|
|
|
- v-show="total > 0"
|
|
|
- :total="total"
|
|
|
- :page.sync="queryParams.pageNum"
|
|
|
- :limit.sync="queryParams.pageSize"
|
|
|
- :page-sizes="[50, 100, 200, 500, 1000]"
|
|
|
- @pagination="getList"
|
|
|
- />
|
|
|
+ <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
|
|
|
+ :page-sizes="[50, 100, 200, 500, 1000]" @pagination="getList" />
|
|
|
|
|
|
<!-- 添加或修改库存总账对话框 -->
|
|
|
<!-- <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>-->
|
|
|
@@ -784,13 +680,12 @@ export default {
|
|
|
this.getList();
|
|
|
},
|
|
|
goDetail(row) {
|
|
|
+ let date = [row.reviewDate, row.reviewDate]
|
|
|
this.$router.push({
|
|
|
path: "/analysis/CrDetail",
|
|
|
query: {
|
|
|
fCorpId: row.fCorpid,
|
|
|
- // fMblNo: row.fmblno,
|
|
|
- fAuditList: this.queryParams.timeExamine,
|
|
|
- isReviewed: this.queryParams.isReviewed,
|
|
|
+ fAuditList: date
|
|
|
},
|
|
|
});
|
|
|
},
|
|
|
@@ -802,15 +697,18 @@ export default {
|
|
|
display: flex;
|
|
|
justify-content: flex-end;
|
|
|
}
|
|
|
+
|
|
|
.listStyle {
|
|
|
display: flex;
|
|
|
border-top: 1px solid #dcdfe6;
|
|
|
border-left: 1px solid #dcdfe6;
|
|
|
border-right: 1px solid #dcdfe6;
|
|
|
}
|
|
|
+
|
|
|
.listStyle:last-child {
|
|
|
border-bottom: 1px solid #dcdfe6;
|
|
|
}
|
|
|
+
|
|
|
.progress {
|
|
|
display: flex;
|
|
|
align-items: center;
|
caojunjie