| New file |
| | |
| | | <template> |
| | | <div class="mod-role"> |
| | | <avue-crud |
| | | ref="crud" |
| | | :page.sync="page" |
| | | :data="dataList" |
| | | :option="tableOption" |
| | | @search-change="searchChange" |
| | | @selection-change="selectionChange" |
| | | :cell-class-name="addClasscolor" |
| | | @on-load="getDataList" |
| | | @refresh-change="refreshChange" |
| | | > |
| | | <template slot="menuLeft"> |
| | | <template> |
| | | <div class="allBox" v-if="isAuth('sys:user:root')"> |
| | | <div class="leDiv speacRead" >操作</div> |
| | | <div class="leDiv" > |
| | | <el-date-picker |
| | | v-model="datetimePick" |
| | | type="datetime" |
| | | value-format="yyyy-MM-dd HH:mm:ss" |
| | | placeholder="选择日期时间" |
| | | > |
| | | </el-date-picker> |
| | | </div> |
| | | <div class="leDiv"> |
| | | <el-button |
| | | type="primary" |
| | | icon="el-icon-edit" |
| | | size="small" |
| | | v-if="isAuth('sys:user:root')" |
| | | @click.stop="addProfit()" |
| | | >利息重计</el-button |
| | | > |
| | | </div> |
| | | </div> |
| | | </template> |
| | | <!-- Tag页 --> |
| | | <el-tabs v-model="activeName" @tab-click="handleClick"> |
| | | <el-tab-pane label="全部" name="3"></el-tab-pane> |
| | | <el-tab-pane label="赎回" name="0"></el-tab-pane> |
| | | <el-tab-pane label="托管中" name="1"></el-tab-pane> |
| | | <el-tab-pane label="违约" name="2"></el-tab-pane> |
| | | </el-tabs> |
| | | </template> |
| | | |
| | | <template slot-scope="scope" slot="menu"> |
| | | <el-button |
| | | type="primary" |
| | | icon="el-icon-edit" |
| | | size="small" |
| | | @click.stop="withdrawHandle(scope.row)" |
| | | v-if="isAuth('mining:finance:order:operate') && scope.row.state == '1' " |
| | | >赎回</el-button |
| | | |
| | | > |
| | | </template> |
| | | </avue-crud> |
| | | <!-- 弹窗, 新增 / 修改 --> |
| | | <add-or-update |
| | | v-if="addOrUpdateVisible" |
| | | ref="addOrUpdate" |
| | | @refreshDataList="getDataList" |
| | | ></add-or-update> |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | import { tableOption } from "@/crud/mining/finance-order"; |
| | | import AddOrUpdate from "./finance-order-add-or-update"; |
| | | export default { |
| | | data() { |
| | | return { |
| | | searchParams:{}, |
| | | dataForm: {}, |
| | | dataList: [], |
| | | datetimePick:'', |
| | | activeName: "3", |
| | | dataListLoading: false, |
| | | dataListSelections: [], |
| | | addOrUpdateVisible: false, |
| | | tableOption: tableOption, |
| | | page: { |
| | | total: 0, // 总页数 |
| | | currentPage: 1, // 当前页数 |
| | | pageSize: 10, // 每页显示多少条 |
| | | }, |
| | | }; |
| | | }, |
| | | components: { |
| | | AddOrUpdate, |
| | | }, |
| | | methods: { |
| | | addProfit(){ |
| | | //-- |
| | | this.$confirm( |
| | | `确认重新计算补上理财收益`, |
| | | '提示', |
| | | { |
| | | confirmButtonText: '确定', |
| | | cancelButtonText: '取消', |
| | | type: 'warning' |
| | | } |
| | | ).then(() => { |
| | | // |
| | | this.$http({ |
| | | url: this.$http.adornUrl('/normal/adminFinanceOrderAction!addProfit.action'), |
| | | method: 'get', |
| | | params: this.$http.adornParams(Object.assign({ |
| | | system_time:this.datetimePick |
| | | })), |
| | | }).then(({data}) => { |
| | | // |
| | | if(data.code=="0"){ |
| | | // |
| | | this.$message({ |
| | | message: '操作成功', |
| | | type: 'success', |
| | | duration: 1500, |
| | | onClose: () => { |
| | | // this.getDataList(this.page) |
| | | this.getDataList() |
| | | } |
| | | }) |
| | | // |
| | | }else{ |
| | | this.$message({ |
| | | message: data.msg, |
| | | type: 'error', |
| | | duration: 1500, |
| | | onClose: () => { |
| | | } |
| | | }) |
| | | } |
| | | // |
| | | }) |
| | | // |
| | | }).catch((e) => { |
| | | console.log('e: ', e) |
| | | }) |
| | | //-- |
| | | }, |
| | | // 获取数据列表 |
| | | getDataList(page, done) { |
| | | let obj = { |
| | | current: 1, |
| | | endTime: "", |
| | | rolename: "", |
| | | size: 10, |
| | | startTime: "", |
| | | userCode: "", |
| | | userId: "", |
| | | }; |
| | | |
| | | this.dataListLoading = true; |
| | | this.$http({ |
| | | url: this.$http.adornUrl("/normal/adminFinanceOrderAction!list.action"), |
| | | method: "get", |
| | | params: this.$http.adornParams({ |
| | | current: this.page.currentPage, |
| | | size: this.page.pageSize, |
| | | ...this.searchParams, |
| | | status_para:this.activeName |
| | | }), |
| | | }).then(({ data }) => { |
| | | console.log("data => " + JSON.stringify(data)); |
| | | this.dataList = data.data.page.records; |
| | | this.page.total = data.data.page.total; |
| | | this.dataListLoading = false; |
| | | if (done) { |
| | | done(); |
| | | } |
| | | }); |
| | | }, |
| | | addClasscolor({ column, row }) { |
| | | //表单样式 |
| | | if ( |
| | | (column.property === "rolename" && row.rolename == "MEMBER") || |
| | | (column.property === "state" && row.state == "1") || |
| | | (column.property === "profit" && row.profit >= 0) |
| | | ) { |
| | | return "green"; |
| | | } else if ( |
| | | (column.property === "rolename" && row.rolename == "GUEST") || |
| | | (column.property === "state" && row.state == "0") |
| | | ) { |
| | | return "yellow"; |
| | | } else if ( |
| | | (column.property === "rolename" && row.rolename == "TEST") || |
| | | (column.property === "state" && row.state == "2") || |
| | | (column.property === "direction" && row.direction == "sell")|| |
| | | (column.property === "profit" && row.profit < 0) |
| | | ) { |
| | | return "red"; |
| | | } |
| | | }, |
| | | // 条件查询 |
| | | searchChange(params, done) { |
| | | this.page.currentPage = 1; // 重置当前页为第一页 |
| | | if(params["rolename"]){ |
| | | params["rolename_para"] = params["rolename"] |
| | | } |
| | | this.searchParams = params; |
| | | this.getDataList(this.page, done); |
| | | }, |
| | | // 多选变化 |
| | | selectionChange(val) { |
| | | this.dataListSelections = val; |
| | | }, |
| | | withdrawHandle(row){ |
| | | // |
| | | this.$confirm(`是否确认赎回?`, "提示", { |
| | | confirmButtonText: "确定", |
| | | cancelButtonText: "取消", |
| | | type: "warning", |
| | | }) |
| | | .then(() => { |
| | | this.$http({ |
| | | url: this.$http.adornUrl("/normal/adminFinanceOrderAction!close.action"), |
| | | method: "get", |
| | | params: this.$http.adornParams( |
| | | Object.assign({ |
| | | id: row.id, |
| | | }), |
| | | false |
| | | ), |
| | | }).then(({ data }) => { |
| | | if (data.code == 0) { |
| | | this.$message({ |
| | | message: "操作成功", |
| | | type: "success", |
| | | duration: 1500, |
| | | onClose: () => { |
| | | this.getDataList(); |
| | | }, |
| | | }); |
| | | } else { |
| | | this.$message({ |
| | | message: data.msg, |
| | | type: "error", |
| | | duration: 1500, |
| | | onClose: () => {}, |
| | | }); |
| | | } |
| | | }); |
| | | }) |
| | | .catch(() => {}); |
| | | // |
| | | }, |
| | | // 新增 / 修改 |
| | | addOrUpdateHandle(id) { |
| | | this.addOrUpdateVisible = true; |
| | | this.$nextTick(() => { |
| | | this.$refs.addOrUpdate.init(id); |
| | | }); |
| | | }, |
| | | handleClick(tab, event) { |
| | | console.log(tab, event); |
| | | this.getDataList(); |
| | | }, |
| | | // 删除 |
| | | deleteHandle(id) { |
| | | var ids = id |
| | | ? [id] |
| | | : this.dataListSelections.map((item) => { |
| | | return item.roleId; |
| | | }); |
| | | this.$confirm(`确定进行[${id ? "删除" : "批量删除"}]操作?`, "提示", { |
| | | confirmButtonText: "确定", |
| | | cancelButtonText: "取消", |
| | | type: "warning", |
| | | }) |
| | | .then(() => { |
| | | this.$http({ |
| | | url: this.$http.adornUrl("/sys/role"), |
| | | method: "delete", |
| | | data: this.$http.adornData(ids, false), |
| | | }).then(({ data }) => { |
| | | this.$message({ |
| | | message: "操作成功", |
| | | type: "success", |
| | | duration: 1500, |
| | | onClose: () => { |
| | | this.getDataList(); |
| | | }, |
| | | }); |
| | | }); |
| | | }) |
| | | .catch(() => {}); |
| | | }, |
| | | // 刷新回调用 |
| | | refreshChange () { |
| | | console.log("refreshChange") |
| | | this.page = this.$refs.crud.$refs.tablePage.defaultPage |
| | | this.getDataList(this.page) |
| | | this.dataListSelections = [] |
| | | this.$refs.crud.selectClear() |
| | | }, |
| | | }, |
| | | }; |
| | | </script> |
| | | <style scoped> |
| | | .mod-role { |
| | | } |
| | | .allBox { |
| | | overflow: hidden; |
| | | height: 40px; |
| | | line-height: 40px; |
| | | margin: 30px 0; |
| | | } |
| | | .leDiv{ |
| | | float: left; |
| | | margin-left: 20px; |
| | | line-height: 40px; |
| | | } |
| | | .speacRead{ |
| | | font-weight: 500; |
| | | } |
| | | </style> |