|
@@ -4,34 +4,49 @@
|
|
<div class="squrt"></div>支出记录
|
|
<div class="squrt"></div>支出记录
|
|
</h2>
|
|
</h2>
|
|
<div class="m-core">
|
|
<div class="m-core">
|
|
- <el-upload
|
|
|
|
- v-permission="'import/downloadTemplate'"
|
|
|
|
- style="display: inline-block;"
|
|
|
|
- action="/api-web/import/financialExpenditure"
|
|
|
|
- :show-file-list="false"
|
|
|
|
- :before-upload="beforeUpload"
|
|
|
|
- accept=".xlsx,.xls"
|
|
|
|
- :headers="headers"
|
|
|
|
- :on-error="handleError"
|
|
|
|
- :on-success="handleSuccess">
|
|
|
|
|
|
+ <el-upload v-permission="'import/downloadTemplate'"
|
|
|
|
+ style="display: inline-block;"
|
|
|
|
+ action="/api-web/import/financialExpenditure"
|
|
|
|
+ :show-file-list="false"
|
|
|
|
+ :before-upload="beforeUpload"
|
|
|
|
+ accept=".xlsx,.xls"
|
|
|
|
+ :headers="headers"
|
|
|
|
+ :on-error="handleError"
|
|
|
|
+ :on-success="handleSuccess">
|
|
<el-button class="btn-primary">导入</el-button>
|
|
<el-button class="btn-primary">导入</el-button>
|
|
</el-upload>
|
|
</el-upload>
|
|
- <el-button @click="downloadFile" v-permission="'import/downloadTemplate'" class="btn-primary">模版文件下载</el-button>
|
|
|
|
|
|
+ <el-button @click="downloadFile"
|
|
|
|
+ v-permission="'import/downloadTemplate'"
|
|
|
|
+ class="btn-primary">模版文件下载</el-button>
|
|
<!-- 搜索类型 -->
|
|
<!-- 搜索类型 -->
|
|
<el-form :inline="true"
|
|
<el-form :inline="true"
|
|
class="searchForm"
|
|
class="searchForm"
|
|
v-model.trim="searchForm">
|
|
v-model.trim="searchForm">
|
|
<el-form-item>
|
|
<el-form-item>
|
|
- <el-input v-model.trim="searchForm.search" placeholder="批次号、申请人等" type="text"></el-input>
|
|
|
|
|
|
+ <el-input v-model.trim="searchForm.search"
|
|
|
|
+ placeholder="批次号、申请人等"
|
|
|
|
+ type="text"></el-input>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
<el-form-item>
|
|
<el-form-item>
|
|
- <el-select v-model.trim="searchForm.organId" clearable filterable placeholder="请选择所属分部">
|
|
|
|
- <el-option v-for="(item,index) in organList" :key="index" :label="item.name" :value="item.id"></el-option>
|
|
|
|
|
|
+ <el-select v-model.trim="searchForm.organId"
|
|
|
|
+ clearable
|
|
|
|
+ filterable
|
|
|
|
+ placeholder="请选择所属分部">
|
|
|
|
+ <el-option v-for="(item,index) in organList"
|
|
|
|
+ :key="index"
|
|
|
|
+ :label="item.name"
|
|
|
|
+ :value="item.id"></el-option>
|
|
</el-select>
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
<el-form-item>
|
|
<el-form-item>
|
|
- <el-select clearable filterable placeholder="请选择所属学校" v-model="searchForm.cooperationOrganId">
|
|
|
|
- <el-option v-for="(item,index) in cooperations" :key="index" :label="item.name" :value="item.id"></el-option>
|
|
|
|
|
|
+ <el-select clearable
|
|
|
|
+ filterable
|
|
|
|
+ placeholder="请选择所属学校"
|
|
|
|
+ v-model="searchForm.cooperationOrganId">
|
|
|
|
+ <el-option v-for="(item,index) in cooperations"
|
|
|
|
+ :key="index"
|
|
|
|
+ :label="item.name"
|
|
|
|
+ :value="item.id"></el-option>
|
|
</el-select>
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
<!-- <el-form-item>
|
|
<!-- <el-form-item>
|
|
@@ -62,46 +77,85 @@
|
|
</el-date-picker>
|
|
</el-date-picker>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
<el-form-item>
|
|
<el-form-item>
|
|
- <el-button @click="search" type="danger">搜索</el-button>
|
|
|
|
- <el-button @click="onReSet" type="primary">重置</el-button>
|
|
|
|
|
|
+ <el-button @click="search"
|
|
|
|
+ type="danger">搜索</el-button>
|
|
|
|
+ <el-button @click="onReSet"
|
|
|
|
+ type="primary">重置</el-button>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
</el-form>
|
|
</el-form>
|
|
<!-- 列表 -->
|
|
<!-- 列表 -->
|
|
<el-row>
|
|
<el-row>
|
|
<el-col :span="24">
|
|
<el-col :span="24">
|
|
- <el-button type="primary" v-permission="'financialExpenditure/batchDel/901'" size="medium" icon="el-icon-delete" style="background-color: #14928a; border: 1px solid #14928a; margin-bottom: 15px;" @click="onBatchDel">批量删除</el-button>
|
|
|
|
|
|
+ <el-button type="primary"
|
|
|
|
+ v-permission="'financialExpenditure/batchDel/901'"
|
|
|
|
+ size="medium"
|
|
|
|
+ icon="el-icon-delete"
|
|
|
|
+ style="background-color: #14928a; border: 1px solid #14928a; margin-bottom: 15px;"
|
|
|
|
+ @click="onBatchDel">批量删除</el-button>
|
|
</el-col>
|
|
</el-col>
|
|
</el-row>
|
|
</el-row>
|
|
<div class="tableWrap">
|
|
<div class="tableWrap">
|
|
- <el-table :data='tableList' style="width: 100%"
|
|
|
|
|
|
+ <el-table :data='tableList'
|
|
|
|
+ style="width: 100%"
|
|
@selection-change="handleSelectionChange"
|
|
@selection-change="handleSelectionChange"
|
|
:header-cell-style="{background:'#EDEEF0',color:'#444'}">
|
|
:header-cell-style="{background:'#EDEEF0',color:'#444'}">
|
|
- <el-table-column type="selection" width="50"></el-table-column>
|
|
|
|
- <el-table-column align='center' prop="id" label="批次号"></el-table-column>
|
|
|
|
- <el-table-column align='center' prop="financialProcessNo" label="流程编号"></el-table-column>
|
|
|
|
- <el-table-column align='center' prop="dingtalkProcessNo" label="钉钉流程编号"></el-table-column>
|
|
|
|
- <el-table-column align='center' prop="organName" label="费用归属分部"></el-table-column>
|
|
|
|
- <el-table-column align='center' prop="cooperationName" label="费用归属学校"></el-table-column>
|
|
|
|
- <el-table-column align='center' prop="applyUser" label="申请人"></el-table-column>
|
|
|
|
|
|
+ <el-table-column type="selection"
|
|
|
|
+ width="50"></el-table-column>
|
|
|
|
+ <el-table-column align='center'
|
|
|
|
+ prop="id"
|
|
|
|
+ label="批次号"></el-table-column>
|
|
|
|
+ <el-table-column align='center'
|
|
|
|
+ prop="financialProcessNo"
|
|
|
|
+ label="流程编号"></el-table-column>
|
|
|
|
+ <el-table-column align='center'
|
|
|
|
+ prop="dingtalkProcessNo"
|
|
|
|
+ label="钉钉流程编号"></el-table-column>
|
|
|
|
+ <el-table-column align='center'
|
|
|
|
+ prop="organName"
|
|
|
|
+ label="费用归属分部"></el-table-column>
|
|
|
|
+ <el-table-column align='center'
|
|
|
|
+ prop="cooperationName"
|
|
|
|
+ label="费用归属学校"></el-table-column>
|
|
|
|
+ <el-table-column align='center'
|
|
|
|
+ prop="applyUser"
|
|
|
|
+ label="申请人"></el-table-column>
|
|
<!-- <el-table-column align='center' prop="itemDetail" label="费用项目"></el-table-column> -->
|
|
<!-- <el-table-column align='center' prop="itemDetail" label="费用项目"></el-table-column> -->
|
|
- <el-table-column align='center' prop="amount" label="付款金额"></el-table-column>
|
|
|
|
- <el-table-column align='center' prop="paymentTime" label="付款时间"></el-table-column>
|
|
|
|
- <el-table-column align='center' prop="cause" label="事由"></el-table-column>
|
|
|
|
- <el-table-column align='center' label="费用类型">
|
|
|
|
|
|
+ <el-table-column align='center'
|
|
|
|
+ prop="amount"
|
|
|
|
+ label="付款金额">
|
|
|
|
+ <template slot-scope="scope">
|
|
|
|
+ <div>
|
|
|
|
+ {{scope.row.amount|moneyFormat}}
|
|
|
|
+ </div>
|
|
|
|
+ </template>
|
|
|
|
+ </el-table-column>
|
|
|
|
+ <el-table-column align='center'
|
|
|
|
+ prop="paymentTime"
|
|
|
|
+ label="付款时间"></el-table-column>
|
|
|
|
+ <el-table-column align='center'
|
|
|
|
+ prop="cause"
|
|
|
|
+ label="事由"></el-table-column>
|
|
|
|
+ <el-table-column align='center'
|
|
|
|
+ label="费用类型">
|
|
<template slot-scope="scope">{{ scope.row.type | feeType }}</template>
|
|
<template slot-scope="scope">{{ scope.row.type | feeType }}</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
- <el-table-column align='center' label="费用项目">
|
|
|
|
|
|
+ <el-table-column align='center'
|
|
|
|
+ label="费用项目">
|
|
<template slot-scope="scope">{{ scope.row.feeProject | feeProject }}</template>
|
|
<template slot-scope="scope">{{ scope.row.feeProject | feeProject }}</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
- <el-table-column align='center' prop="itemDetail" label="备注"></el-table-column>
|
|
|
|
- <el-table-column align='center' width='120px' fixed="right" label="操作">
|
|
|
|
|
|
+ <el-table-column align='center'
|
|
|
|
+ prop="itemDetail"
|
|
|
|
+ label="备注"></el-table-column>
|
|
|
|
+ <el-table-column align='center'
|
|
|
|
+ width='120px'
|
|
|
|
+ fixed="right"
|
|
|
|
+ label="操作">
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
- <el-popconfirm
|
|
|
|
- title="确定删除该条数据吗?"
|
|
|
|
- @onConfirm="() => removeRecord(scope.row.id)"
|
|
|
|
- v-permission="'financialExpenditure/batchDel/902'"
|
|
|
|
- >
|
|
|
|
- <el-button type="text" slot="reference">删除</el-button>
|
|
|
|
|
|
+ <el-popconfirm title="确定删除该条数据吗?"
|
|
|
|
+ @onConfirm="() => removeRecord(scope.row.id)"
|
|
|
|
+ v-permission="'financialExpenditure/batchDel/902'">
|
|
|
|
+ <el-button type="text"
|
|
|
|
+ slot="reference">删除</el-button>
|
|
</el-popconfirm>
|
|
</el-popconfirm>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
@@ -194,11 +248,11 @@ export default {
|
|
}
|
|
}
|
|
})
|
|
})
|
|
getCooperation({ 'rows': 1000, })
|
|
getCooperation({ 'rows': 1000, })
|
|
- .then(res => {
|
|
|
|
- if (res.code == 200) {
|
|
|
|
- this.cooperations = res.data.rows;
|
|
|
|
- }
|
|
|
|
- })
|
|
|
|
|
|
+ .then(res => {
|
|
|
|
+ if (res.code == 200) {
|
|
|
|
+ this.cooperations = res.data.rows;
|
|
|
|
+ }
|
|
|
|
+ })
|
|
this.getList()
|
|
this.getList()
|
|
var now = new Date();
|
|
var now = new Date();
|
|
var startDate = dayjs().format('YYYY-MM-DD');
|
|
var startDate = dayjs().format('YYYY-MM-DD');
|
|
@@ -209,34 +263,34 @@ export default {
|
|
this.searchOrderDate(this.orderDate)
|
|
this.searchOrderDate(this.orderDate)
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
- editRecord(detail) {
|
|
|
|
|
|
+ editRecord (detail) {
|
|
this.visible = true
|
|
this.visible = true
|
|
this.detail = detail
|
|
this.detail = detail
|
|
},
|
|
},
|
|
- removeRecord(id) {
|
|
|
|
|
|
+ removeRecord (id) {
|
|
removeFinancialExpenditure({
|
|
removeFinancialExpenditure({
|
|
- ids: id
|
|
|
|
- })
|
|
|
|
- .then(() => this.getList())
|
|
|
|
|
|
+ ids: id
|
|
|
|
+ })
|
|
|
|
+ .then(() => this.getList())
|
|
},
|
|
},
|
|
- beforeUpload(file) {
|
|
|
|
|
|
+ beforeUpload (file) {
|
|
load.startLoading()
|
|
load.startLoading()
|
|
},
|
|
},
|
|
- handleSuccess(response, file, fileList) {
|
|
|
|
|
|
+ handleSuccess (response, file, fileList) {
|
|
load.endLoading()
|
|
load.endLoading()
|
|
console.log(response, file, fileList)
|
|
console.log(response, file, fileList)
|
|
- if(response.code == 200) {
|
|
|
|
|
|
+ if (response.code == 200) {
|
|
this.$message.success('导入成功')
|
|
this.$message.success('导入成功')
|
|
this.getList()
|
|
this.getList()
|
|
} else {
|
|
} else {
|
|
this.$message.error(response.msg)
|
|
this.$message.error(response.msg)
|
|
}
|
|
}
|
|
},
|
|
},
|
|
- handleError(err, file, fileList) {
|
|
|
|
|
|
+ handleError (err, file, fileList) {
|
|
load.endLoading()
|
|
load.endLoading()
|
|
console.log(err, file, fileList)
|
|
console.log(err, file, fileList)
|
|
},
|
|
},
|
|
- downloadFile() {
|
|
|
|
|
|
+ downloadFile () {
|
|
Export(this, {
|
|
Export(this, {
|
|
url: '/api-web/import/downloadTemplate',
|
|
url: '/api-web/import/downloadTemplate',
|
|
fileName: '财务支出导入模板.xlsx',
|
|
fileName: '财务支出导入模板.xlsx',
|
|
@@ -306,10 +360,10 @@ export default {
|
|
this.pageInfo.page = 1
|
|
this.pageInfo.page = 1
|
|
this.getList()
|
|
this.getList()
|
|
},
|
|
},
|
|
- onBatchDel() {
|
|
|
|
|
|
+ onBatchDel () {
|
|
// 批量删除
|
|
// 批量删除
|
|
const passed = this.passed
|
|
const passed = this.passed
|
|
- if(passed.length <= 0) {
|
|
|
|
|
|
+ if (passed.length <= 0) {
|
|
this.$message.error('请至少选择一条数据')
|
|
this.$message.error('请至少选择一条数据')
|
|
return
|
|
return
|
|
}
|
|
}
|
|
@@ -322,14 +376,14 @@ export default {
|
|
ids: this.passed.join(',')
|
|
ids: this.passed.join(',')
|
|
})
|
|
})
|
|
})
|
|
})
|
|
- .then(() => this.getList())
|
|
|
|
- .catch(() => { });
|
|
|
|
|
|
+ .then(() => this.getList())
|
|
|
|
+ .catch(() => { });
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
</script>
|
|
<style lang="scss">
|
|
<style lang="scss">
|
|
- .newBand{
|
|
|
|
- display: inline-block;
|
|
|
|
- }
|
|
|
|
|
|
+.newBand {
|
|
|
|
+ display: inline-block;
|
|
|
|
+}
|
|
</style>
|
|
</style>
|