Files
juipvue/src/components/order/buyiRecord.vue

147 lines
4.6 KiB
Vue

<!--
* @Descripttion:
* @version:
* @Author: kangkang
* @Date: 2020-10-22 14:18:12
* @LastEditors: kangkang
* @LastEditTime: 2020-10-29 17:50:04
-->
<template>
<div style="height:95%">
<el-button size=small type="primary" @click="$router.push('/order/finance')" plain>返回</el-button>
<el-table :show-overflow-tooltip="true" :data="tableData" height="calc(100% - 150px)" style="width: 100%">
<el-table-column prop="create_time" label="操作时间"> </el-table-column>
<el-table-column prop="op_person" label="操作人"> </el-table-column>
<el-table-column prop="product" label="原后台"> </el-table-column>
<el-table-column prop="type" label="类型"> </el-table-column>
<el-table-column prop="riqi" label="充退补日期" > </el-table-column>
<el-table-column prop="money" label="操作金额" > </el-table-column>
<el-table-column prop="remark" :show-overflow-tooltip="true" label="备注"> </el-table-column>
</el-table>
<el-pagination
background
v-if="count !== 0"
:current-page="pageNum"
style="top:91%"
layout="prev, pager, next"
:page-size = "50"
@prev-click="prev_page"
@next-click="next_page"
@current-change="handleCurrentChange"
:total="count">
</el-pagination>
<el-dialog title="财务补遗" width="30%" :visible.sync="dialogFormVisible" center=true>
<div style="text-align:center;">
<div class="block">
<span class="demonstration">产品</span>
<el-select v-model="product" style="width:223px" size="small" placeholder="请选择产品">
<el-option
v-for="item in products"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</div>
<div class="block">
<span class="demonstration">类型</span>
<el-select v-model="type" style="width:223px" size="small" placeholder="请选择操作类型">
<el-option
v-for="item in types"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</div>
<div class="block">
<span class="demonstration">日期</span>
<el-date-picker
v-model="riqi"
style="width:223px"
type="date"
size="small"
placeholder="选择日期">
</el-date-picker>
</div>
<div class="block">
<span class="demonstration">金额</span>
<el-input type="number" size="small" style="width:223px" v-model="money" placeholder="请输入金额"></el-input>
</div>
<div class="block">
<span class="demonstration">备注</span>
<el-input v-model="remark" size="small" style="width:223px" placeholder="请输入备注"></el-input>
</div>
</div>
<div slot="footer" class="dialog-footer">
<el-button @click="dialogFormVisible = false"> </el-button>
<el-button type="primary" :disabled="clickOk" @click="buyi()"> </el-button>
</div>
</el-dialog>
</div>
</template>
<script>
export default {
data () {
return {
tableData: [],
count: 0,
pageNum: 1
}
},
created () {
this.$store.commit('setCurrentNav', '订单管理>>原后台财务明细>>补遗记录')
this.getData()
},
methods: {
getData () {
this.$api.get(this.$api.phpURL + 'order/FinanceCheck/buyiList').then(res => {
this.tableData = res.data
this.count = parseInt(res.count)
})
},
prev_page () {
this.$api.get(this.$api.phpURL + 'order/FinanceCheck/buyiList', {page: this.pageNum}).then(res => {
this.tableData = res.data
})
},
next_page () {
this.$api.get(this.$api.phpURL + 'order/FinanceCheck/buyiList', {page: this.pageNum}).then(res => {
this.tableData = res.data
})
},
handleCurrentChange: function (currentPage) {
this.pageNum = currentPage
this.$api.get(this.$api.phpURL + 'order/FinanceCheck/buyiList', {page: this.pageNum}).then(res => {
this.tableData = res.data
})
},
search () {
this.$api.post(this.$api.phpURL + 'order/FinanceCheck/search', {time: this.timeSearh}).then(res => {
this.tableData = res.data
this.count = 0
})
},
buyi () {
this.clickOk = true
this.dialogFormVisible = false
this.$api.post(this.$api.phpURL + 'order/FinanceCheck/buyi', {
product: this.product,
type: this.type,
riqi: this.riqi,
money: this.money,
remark: this.remark
}).then(res => {
console.log(res)
})
}
}
}
</script>