102 changed files with 342 additions and 5094 deletions
@ -1,23 +0,0 @@
|
||||
import request from '@/router/axios'; |
||||
|
||||
export const getList = (current, size, params) => { |
||||
return request({ |
||||
url: '/api1/bd-core/checkLog/page', |
||||
method: 'get', |
||||
params: { |
||||
current, |
||||
size, |
||||
...params, |
||||
} |
||||
}) |
||||
} |
||||
|
||||
export const getDetail = (id) => { |
||||
return request({ |
||||
url: '/api1/bd-core/checkLog/detail', |
||||
method: 'get', |
||||
params: { |
||||
id |
||||
} |
||||
}) |
||||
} |
||||
@ -1,31 +0,0 @@
|
||||
import request from '@/router/axios'; |
||||
|
||||
export const getList = (current, size, params) => { |
||||
return request({ |
||||
url: '/api1/bd-core/tenant/dailybill/page', |
||||
method: 'get', |
||||
params: { |
||||
...params, |
||||
current, |
||||
size, |
||||
} |
||||
}) |
||||
} |
||||
|
||||
export const getDetail = (id) => { |
||||
return request({ |
||||
url: '/api1/bd-core/tenant/dailybill/detail', |
||||
method: 'get', |
||||
params: { |
||||
id |
||||
} |
||||
}) |
||||
} |
||||
|
||||
|
||||
export const select = () => { |
||||
return request({ |
||||
url: '/api1/bd-system/tenant/select', |
||||
method: 'get', |
||||
}) |
||||
} |
||||
@ -1,33 +0,0 @@
|
||||
import request from '@/router/axios'; |
||||
|
||||
export const getList = (current, size, params) => { |
||||
return request({ |
||||
url: '/api1/bd-core/source/dailybill/page', |
||||
method: 'get', |
||||
params: { |
||||
...params, |
||||
current, |
||||
size, |
||||
} |
||||
}) |
||||
} |
||||
|
||||
export const getDetail = (id) => { |
||||
return request({ |
||||
url: '/api1/bd-core/source/dailybill/detail', |
||||
method: 'get', |
||||
params: { |
||||
id |
||||
} |
||||
}) |
||||
} |
||||
|
||||
export const zyfdictionary = (id) => { |
||||
return request({ |
||||
url: '/api1/bd-system/dict/dictionary?code=source_type', |
||||
method: 'get', |
||||
params: { |
||||
id |
||||
} |
||||
}) |
||||
} |
||||
@ -1,33 +0,0 @@
|
||||
import request from '@/router/axios'; |
||||
|
||||
export const getList = (current, size, params) => { |
||||
return request({ |
||||
url: '/api1/bd-core/source/monthbill/page', |
||||
method: 'get', |
||||
params: { |
||||
...params, |
||||
current, |
||||
size, |
||||
} |
||||
}) |
||||
} |
||||
|
||||
export const getDetail = (id) => { |
||||
return request({ |
||||
url: '/api1/bd-core/source/monthbill/detail', |
||||
method: 'get', |
||||
params: { |
||||
id |
||||
} |
||||
}) |
||||
} |
||||
|
||||
export const zyfdictionary = (id) => { |
||||
return request({ |
||||
url: '/api1/bd-system/dict/dictionary?code=source_type', |
||||
method: 'get', |
||||
params: { |
||||
id |
||||
} |
||||
}) |
||||
} |
||||
@ -1,31 +0,0 @@
|
||||
import request from '@/router/axios'; |
||||
|
||||
export const getList = (current, size, params) => { |
||||
return request({ |
||||
url: '/api1/bd-core/tenant/monthbill/page', |
||||
method: 'get', |
||||
params: { |
||||
...params, |
||||
current, |
||||
size, |
||||
} |
||||
}) |
||||
} |
||||
|
||||
export const getDetail = (id) => { |
||||
return request({ |
||||
url: '/api1/bd-core/tenant/monthbill/detail', |
||||
method: 'get', |
||||
params: { |
||||
id |
||||
} |
||||
}) |
||||
} |
||||
|
||||
export const exportexcel = (query) => { |
||||
return request({ |
||||
url: '/api1/bd-core/tenant/monthbill/export-excel', |
||||
method: 'get', |
||||
params:query |
||||
}) |
||||
} |
||||
@ -1,23 +0,0 @@
|
||||
import request from '@/router/axios'; |
||||
|
||||
export const getList = (current, size, params) => { |
||||
return request({ |
||||
url: '/api1/bd-core/customer/api/page', |
||||
method: 'get', |
||||
params: { |
||||
...params, |
||||
current, |
||||
size, |
||||
} |
||||
}) |
||||
} |
||||
|
||||
export const getDetail = (id) => { |
||||
return request({ |
||||
url: '/api1/bd-core/customer/api/detail', |
||||
method: 'get', |
||||
params: { |
||||
id |
||||
} |
||||
}) |
||||
} |
||||
@ -1,13 +0,0 @@
|
||||
import request from '@/router/axios'; |
||||
|
||||
export const getList = (current, size, params) => { |
||||
return request({ |
||||
url: '/api1/bd-core/customer/dailyBill/page', |
||||
method: 'get', |
||||
params: { |
||||
...params, |
||||
current, |
||||
size, |
||||
} |
||||
}) |
||||
} |
||||
@ -1,13 +0,0 @@
|
||||
import request from '@/router/axios'; |
||||
|
||||
export const getList = (current, size, params) => { |
||||
return request({ |
||||
url: '/api1/bd-core/customer/monthBill/page', |
||||
method: 'get', |
||||
params: { |
||||
...params, |
||||
current, |
||||
size, |
||||
} |
||||
}) |
||||
} |
||||
@ -1,103 +0,0 @@
|
||||
<template> |
||||
<div> |
||||
<el-dialog |
||||
:title="title" |
||||
:visible.sync="visit" |
||||
:before-close="handleDetail" |
||||
center |
||||
width="50%" |
||||
append-to-body |
||||
> |
||||
<Chlist :descriptions="descarr"></Chlist> |
||||
<el-table :data="form.detail" style="width: 100%; margin-top: 10px"> |
||||
<el-table-column prop="price" label="单价(元)"> |
||||
<template slot-scope="scope"> |
||||
{{ printFn(scope.row.price / 10000) }} |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column prop="totalCount" label="次数"> </el-table-column> |
||||
<el-table-column prop="totalFee" label="费用(元)"> |
||||
<template slot-scope="scope"> |
||||
{{ printFn(scope.row.totalFee / 10000) }} |
||||
</template> |
||||
</el-table-column> |
||||
</el-table> |
||||
<span slot="footer" class="dialog-footer"> |
||||
<el-button type="primary" @click="handleDetail">确 定</el-button> |
||||
</span> |
||||
</el-dialog> |
||||
</div> |
||||
</template> |
||||
<script> |
||||
import { boolean, string } from "mathjs"; |
||||
import Chlist from "../checklist/index.vue"; |
||||
import * as math from "mathjs"; |
||||
export default { |
||||
components: { |
||||
Chlist, |
||||
}, |
||||
props: { |
||||
visit: { |
||||
type: boolean, |
||||
}, |
||||
title: { |
||||
type: string, |
||||
}, |
||||
content: { |
||||
type: Object, |
||||
default: () => {}, |
||||
}, |
||||
}, |
||||
|
||||
watch: { |
||||
content(nv, ov) { |
||||
this.form = nv; |
||||
if(this.form.sourceType){ |
||||
this.label = "资源方"; |
||||
this.name = this.form.sourceType |
||||
}else{ |
||||
this.label = "客户"; |
||||
this.name = this.form.tenantName |
||||
} |
||||
}, |
||||
}, |
||||
computed: { |
||||
descarr() { |
||||
return [ |
||||
{ |
||||
label: this.label, |
||||
value: this.name, |
||||
}, |
||||
{ |
||||
label: "账单时间", |
||||
value: this.form.date, |
||||
}, |
||||
{ |
||||
label: "合计次数", |
||||
value: this.form.totalCount, |
||||
}, |
||||
{ |
||||
label: "合计金额(元)", |
||||
value: this.printFn(this.form.totalFee / 10000), |
||||
}, |
||||
]; |
||||
}, |
||||
}, |
||||
data() { |
||||
return { |
||||
form: {}, |
||||
label:"", |
||||
name:"", |
||||
}; |
||||
}, |
||||
methods: { |
||||
printFn(value) { |
||||
const precision = 14; |
||||
return Number(math.format(value, precision)); |
||||
}, |
||||
handleDetail() { |
||||
this.$emit("detail"); |
||||
}, |
||||
}, |
||||
}; |
||||
</script> |
||||
@ -1,81 +0,0 @@
|
||||
<template> |
||||
<div class="descriptions"> |
||||
<div |
||||
class="item-body" |
||||
:style="{ width: width ? width : '50%' }" |
||||
:key="label" |
||||
v-for="{ label, value, width, render } in descriptions" |
||||
> |
||||
<div class="label">{{ label }}</div> |
||||
<div class="value" v-if="label == '账单时间'"> |
||||
<span v-if="value.length == 8"> |
||||
{{value.slice(0,4)}}-{{value.slice(4,6)}}-{{value.slice(6,8)}} |
||||
</span> |
||||
<span v-if="value.length == 6"> |
||||
{{value.slice(0,4)}}-{{value.slice(4,6)}} |
||||
</span> |
||||
<Render v-if="render" :render="render" /> |
||||
</div> |
||||
<div class="value" v-else> |
||||
{{ value ? value : "-" }} |
||||
<Render v-if="render" :render="render" /> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</template> |
||||
|
||||
<script> |
||||
import Render from "@/components/Render/index.vue"; |
||||
export default { |
||||
name: "DescTablelist", |
||||
props: { |
||||
descriptions: { |
||||
type: Array, |
||||
default: () => [], |
||||
}, |
||||
}, |
||||
components: { |
||||
Render, |
||||
}, |
||||
data() { |
||||
return {}; |
||||
}, |
||||
}; |
||||
</script> |
||||
|
||||
<style scoped lang="scss"> |
||||
.descriptions { |
||||
display: flex; |
||||
flex-wrap: wrap; |
||||
border-left: 1px solid #ecedee; |
||||
border-top: 1px solid #ecedee; |
||||
|
||||
.item-body { |
||||
display: flex; |
||||
flex-wrap: wrap; |
||||
.label { |
||||
color: #73777a; |
||||
width: 150px; |
||||
background-color: #fbfbfc; |
||||
display: flex; |
||||
align-items: center; |
||||
} |
||||
|
||||
.value { |
||||
color: #373d41; |
||||
width: 0; |
||||
flex: 1; |
||||
} |
||||
|
||||
.label, |
||||
.value { |
||||
font-size: 12px; |
||||
padding: 8px; |
||||
height: 28px; |
||||
border-right: 1px solid #ecedee; |
||||
border-bottom: 1px solid #ecedee; |
||||
line-height: 28px; |
||||
} |
||||
} |
||||
} |
||||
</style> |
||||
@ -1,333 +0,0 @@
|
||||
<template> |
||||
<basic-container> |
||||
<avue-crud |
||||
:option="option" |
||||
:table-loading="loading" |
||||
:data="data" |
||||
:page.sync="page" |
||||
:permission="permissionList" |
||||
:before-open="beforeOpen" |
||||
v-model="form" |
||||
ref="crud" |
||||
@row-update="rowUpdate" |
||||
@row-save="rowSave" |
||||
@row-del="rowDel" |
||||
@search-change="searchChange" |
||||
@search-reset="searchReset" |
||||
@current-change="currentChange" |
||||
@size-change="sizeChange" |
||||
@refresh-change="refreshChange" |
||||
@on-load="onLoad" |
||||
> |
||||
<template slot="totalFee" slot-scope="scope"> |
||||
{{ printFn(scope.row.totalFee / 10000) }} |
||||
</template> |
||||
<template #menu="{ row }"> |
||||
<el-button |
||||
type="text" |
||||
size="mini" |
||||
icon="el-icon-view" |
||||
@click="check(row)" |
||||
> |
||||
查看 |
||||
</el-button> |
||||
</template> |
||||
<template slot="menuLeft"> |
||||
<el-button |
||||
size="small" |
||||
plain |
||||
type="warning" |
||||
icon="el-icon-download" |
||||
@click="handleExport" |
||||
>导出 |
||||
</el-button> |
||||
</template> |
||||
</avue-crud> |
||||
<!-- 导出弹窗 --> |
||||
<el-dialog |
||||
title="导出" |
||||
:visible.sync="dialogVisible" |
||||
width="30%" |
||||
append-to-body |
||||
:before-close="handleClose" |
||||
> |
||||
<el-form ref="exp" :model="exp" label-width="80px" :rules="exps"> |
||||
<el-form-item label="租户名称" prop="tenantId"> |
||||
<el-select |
||||
v-model="exp.tenantId" |
||||
placeholder="请选择租户" |
||||
style="width: 90%" |
||||
size="mini" |
||||
> |
||||
<el-option |
||||
v-for="(item, index) in arr" |
||||
:label="item.tenantName" |
||||
:value="item.tenantId" |
||||
:key="index" |
||||
></el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item label="日期" prop="yyyyMMdd"> |
||||
<el-date-picker |
||||
type="date" |
||||
placeholder="请选择日期" |
||||
v-model="exp.yyyyMMdd" |
||||
format="yyyy-MM-dd" |
||||
valueFormat="yyyyMMdd" |
||||
style="width: 90%" |
||||
size="mini" |
||||
></el-date-picker> |
||||
</el-form-item> |
||||
</el-form> |
||||
<span slot="footer" class="dialog-footer"> |
||||
<el-button @click="handleClose">取 消</el-button> |
||||
<el-button type="primary" @click="submit">确 定</el-button> |
||||
</span> |
||||
</el-dialog> |
||||
<!-- 查看弹窗 --> |
||||
<Dialog |
||||
:visit="visit" |
||||
:content="content" |
||||
:title="title" |
||||
@detail="detail" |
||||
></Dialog> |
||||
</basic-container> |
||||
</template> |
||||
|
||||
<script> |
||||
import { getDetail, getList, select } from "@/api/core/bill/dailyBill"; |
||||
import { mapGetters } from "vuex"; |
||||
import Dialog from "./components/check/index.vue"; |
||||
import * as math from "mathjs"; |
||||
import website from "@/config/website"; |
||||
import { getToken } from "@/util/auth"; |
||||
export default { |
||||
components: { |
||||
Dialog, |
||||
}, |
||||
data() { |
||||
return { |
||||
form: {}, |
||||
query: {}, |
||||
loading: true, |
||||
page: { |
||||
pageSize: 10, |
||||
currentPage: 1, |
||||
total: 0, |
||||
}, |
||||
dialogVisible: false, |
||||
exp: { |
||||
tenantId: "", |
||||
yyyyMMdd: "", |
||||
}, |
||||
arr: [], |
||||
option: { |
||||
tip: false, |
||||
searchShow: true, |
||||
searchMenuSpan: 6, |
||||
border: true, |
||||
index: true, |
||||
addBtn: false, |
||||
viewBtn: false, |
||||
editBtn: false, |
||||
delBtn: false, |
||||
columnBtn: false, |
||||
selection: false, |
||||
dialogClickModal: false, |
||||
dialogWidth: "45%", |
||||
column: [ |
||||
{ |
||||
label: "客户", |
||||
prop: "tenantId", |
||||
type: "radio", |
||||
search: true, |
||||
dicUrl: "/api1/bd-system/tenant/selectExceptAdmin", |
||||
props: { |
||||
label: "tenantName", |
||||
value: "tenantId", |
||||
}, |
||||
searchLabelWidth: 90, |
||||
slot: true, |
||||
hide: true, |
||||
editDisplay: false, |
||||
}, |
||||
{ |
||||
label: "账单时间", |
||||
type: "date", |
||||
format: "yyyy-MM-dd", |
||||
valueFormat: "yyyyMMdd", |
||||
prop: "date", |
||||
search: true, |
||||
searchLabelWidth: 90, |
||||
slot: true, |
||||
editDisplay: false, |
||||
}, |
||||
|
||||
{ |
||||
label: "客户名称", |
||||
prop: "tenantName", |
||||
labelWidth: 100, |
||||
searchLabelWidth: 90, |
||||
slot: true, |
||||
editDisplay: false, |
||||
}, |
||||
{ |
||||
label: "API名称", |
||||
prop: "apiName", |
||||
editDisplay: false, |
||||
}, |
||||
{ |
||||
label: "计费次数", |
||||
prop: "totalCount", |
||||
|
||||
slot: true, |
||||
editDisplay: false, |
||||
}, |
||||
{ |
||||
label: "优惠次数", |
||||
prop: "cacheCount", |
||||
editDisplay: false, |
||||
}, |
||||
{ |
||||
label: "账单金额(元)", |
||||
prop: "totalFee", |
||||
labelWidth: 100, |
||||
slot: true, |
||||
editDisplay: false, |
||||
}, |
||||
], |
||||
}, |
||||
data: [], |
||||
exps: { |
||||
tenantId: [ |
||||
{ required: true, message: "请选择租户", trigger: "change" }, |
||||
], |
||||
yyyyMMdd: [ |
||||
{ required: true, message: "请选择日期", trigger: "change" }, |
||||
], |
||||
}, |
||||
visit: false, //查看布尔值 |
||||
content: {}, //查看对象 |
||||
title: "", //查看标题 |
||||
}; |
||||
}, |
||||
computed: { |
||||
...mapGetters(["permission"]), |
||||
permissionList() { |
||||
return { |
||||
viewBtn: this.vaildData(this.permission.sourceApi_view, false), |
||||
editBtn: this.vaildData(this.permission.sourceApi_edit, false), |
||||
delBtn: this.vaildData(this.permission.sourceApi_delete, false), |
||||
}; |
||||
}, |
||||
}, |
||||
created() { |
||||
this.zhlist(); |
||||
}, |
||||
methods: { |
||||
beforeOpen(done, type) { |
||||
if (["edit", "view"].includes(type)) { |
||||
getDetail(this.form.id).then((res) => { |
||||
this.form = res.data.data; |
||||
this.form.totalFee = this.printFn(res.data.data.totalFee / 10000); |
||||
}); |
||||
} |
||||
done(); |
||||
}, |
||||
searchReset() { |
||||
this.query = {}; |
||||
this.onLoad(this.page); |
||||
}, |
||||
searchChange(params, done) { |
||||
this.query = params; |
||||
this.page.currentPage = 1; |
||||
this.onLoad(this.page, params); |
||||
done(); |
||||
}, |
||||
currentChange(currentPage) { |
||||
this.page.currentPage = currentPage; |
||||
}, |
||||
sizeChange(pageSize) { |
||||
this.page.pageSize = pageSize; |
||||
}, |
||||
refreshChange() { |
||||
this.onLoad(this.page, this.query); |
||||
}, |
||||
onLoad(page, params = {}) { |
||||
this.loading = true; |
||||
getList( |
||||
page.currentPage, |
||||
page.pageSize, |
||||
Object.assign(params, this.query) |
||||
).then((res) => { |
||||
const data = res.data.data; |
||||
this.page.total = data.total; |
||||
this.data = data.records; |
||||
this.loading = false; |
||||
}); |
||||
}, |
||||
//租户列表 |
||||
zhlist() { |
||||
select().then((res) => { |
||||
if (res.data.code == 200) { |
||||
this.arr = res.data.data; |
||||
} |
||||
}); |
||||
}, |
||||
//导出弹窗 |
||||
handleExport() { |
||||
this.dialogVisible = true; |
||||
}, |
||||
//关闭弹窗 |
||||
handleClose() { |
||||
this.dialogVisible = false; |
||||
this.$refs.exp.resetFields(); |
||||
}, |
||||
//确认 |
||||
submit() { |
||||
this.$refs.exp.validate((valid) => { |
||||
if (valid) { |
||||
if (process.env.NODE_ENV === "production") { |
||||
window.open( |
||||
`http://223.99.228.240:18081/bd-core/tenant/dailybill/export-excel?${ |
||||
this.website.tokenHeader |
||||
}=${getToken()}&tenantId=${this.exp.tenantId}&yyyyMMdd=${ |
||||
this.exp.yyyyMMdd |
||||
}` |
||||
); |
||||
} else { |
||||
window.open( |
||||
`/api1/bd-core/tenant/dailybill/export-excel?${ |
||||
this.website.tokenHeader |
||||
}=${getToken()}&tenantId=${this.exp.tenantId}&yyyyMMdd=${ |
||||
this.exp.yyyyMMdd |
||||
}` |
||||
); |
||||
} |
||||
this.dialogVisible = false; |
||||
this.$refs.exp.resetFields(); |
||||
} |
||||
}); |
||||
}, |
||||
printFn(value) { |
||||
const precision = 14; |
||||
return Number(math.format(value, precision)); |
||||
}, |
||||
//查看 |
||||
check(row) { |
||||
this.visit = true; |
||||
this.title = row.apiName; |
||||
getDetail(row.id).then((res) => { |
||||
this.content = res.data.data; |
||||
}); |
||||
}, |
||||
//关闭详情 |
||||
detail() { |
||||
this.visit = false; |
||||
this.content = {}; |
||||
}, |
||||
}, |
||||
}; |
||||
</script> |
||||
|
||||
<style></style> |
||||
@ -1,331 +0,0 @@
|
||||
<template> |
||||
<basic-container> |
||||
<avue-crud |
||||
:option="option" |
||||
:table-loading="loading" |
||||
:data="data" |
||||
:page.sync="page" |
||||
:permission="permissionList" |
||||
:before-open="beforeOpen" |
||||
v-model="form" |
||||
ref="crud" |
||||
@row-update="rowUpdate" |
||||
@row-save="rowSave" |
||||
@row-del="rowDel" |
||||
@search-change="searchChange" |
||||
@search-reset="searchReset" |
||||
@current-change="currentChange" |
||||
@size-change="sizeChange" |
||||
@refresh-change="refreshChange" |
||||
@on-load="onLoad" |
||||
> |
||||
<template slot="totalFee" slot-scope="scope"> |
||||
{{ printFn(scope.row.totalFee / 10000) }} |
||||
</template> |
||||
<template #menu="{ row }"> |
||||
<el-button |
||||
type="text" |
||||
size="mini" |
||||
icon="el-icon-view" |
||||
@click="check(row)" |
||||
> |
||||
查看 |
||||
</el-button> |
||||
</template> |
||||
<template slot="menuLeft"> |
||||
<el-button |
||||
size="small" |
||||
plain |
||||
type="warning" |
||||
icon="el-icon-download" |
||||
@click="handleExport" |
||||
>导出 |
||||
</el-button> |
||||
</template> |
||||
</avue-crud> |
||||
<el-dialog |
||||
title="导出" |
||||
:visible.sync="dialogVisible" |
||||
width="30%" |
||||
append-to-body |
||||
:before-close="handleClose" |
||||
> |
||||
<el-form ref="exp" :model="exp" label-width="80px" :rules="exps"> |
||||
<el-form-item label="租户名称" prop="tenantId"> |
||||
<el-select |
||||
v-model="exp.tenantId" |
||||
placeholder="请选择租户" |
||||
style="width: 90%" |
||||
size="mini" |
||||
> |
||||
<el-option |
||||
v-for="(item, index) in arr" |
||||
:label="item.tenantName" |
||||
:value="item.tenantId" |
||||
:key="index" |
||||
></el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item label="日期" prop="yyyyMM"> |
||||
<el-date-picker |
||||
type="month" |
||||
placeholder="请选择日期" |
||||
v-model="exp.yyyyMM" |
||||
format="yyyy-MM" |
||||
valueFormat="yyyyMM" |
||||
style="width: 90%" |
||||
size="mini" |
||||
></el-date-picker> |
||||
</el-form-item> |
||||
</el-form> |
||||
<span slot="footer" class="dialog-footer"> |
||||
<el-button @click="handleClose">取 消</el-button> |
||||
<el-button type="primary" @click="submit">确 定</el-button> |
||||
</span> |
||||
</el-dialog> |
||||
<Dialog |
||||
:visit="visit" |
||||
:content="content" |
||||
:title="title" |
||||
@detail="detail" |
||||
></Dialog> |
||||
</basic-container> |
||||
</template> |
||||
|
||||
<script> |
||||
import { getDetail, getList } from "@/api/core/bill/monthBill"; |
||||
import { select } from "@/api/core/bill/dailyBill"; |
||||
import { mapGetters } from "vuex"; |
||||
import * as math from "mathjs"; |
||||
import website from "@/config/website"; |
||||
import { getToken } from "@/util/auth"; |
||||
import Dialog from "./components/check/index.vue"; |
||||
export default { |
||||
components: { |
||||
Dialog, |
||||
}, |
||||
data() { |
||||
return { |
||||
form: {}, |
||||
query: {}, |
||||
exp: { |
||||
tenantId: "", |
||||
yyyyMM: "", |
||||
}, |
||||
arr: [], |
||||
loading: true, |
||||
dialogVisible: false, |
||||
page: { |
||||
pageSize: 10, |
||||
currentPage: 1, |
||||
total: 0, |
||||
}, |
||||
option: { |
||||
tip: false, |
||||
searchShow: true, |
||||
searchMenuSpan: 6, |
||||
border: true, |
||||
index: true, |
||||
addBtn: false, |
||||
viewBtn: false, |
||||
editBtn: false, |
||||
delBtn: false, |
||||
columnBtn: false, |
||||
selection: false, |
||||
dialogClickModal: false, |
||||
dialogWidth: "45%", |
||||
column: [ |
||||
{ |
||||
label: "客户", |
||||
prop: "tenantId", |
||||
type: "radio", |
||||
search: true, |
||||
dicUrl: "/api1/bd-system/tenant/selectExceptAdmin", |
||||
props: { |
||||
label: "tenantName", |
||||
value: "tenantId", |
||||
}, |
||||
hide: true, |
||||
searchLabelWidth: 90, |
||||
slot: true, |
||||
editDisplay: false, |
||||
}, |
||||
{ |
||||
label: "账单时间", |
||||
type: "month", |
||||
format: "yyyy-MM", |
||||
valueFormat: "yyyyMM", |
||||
prop: "date", |
||||
search: true, |
||||
searchLabelWidth: 90, |
||||
slot: true, |
||||
editDisplay: false, |
||||
}, |
||||
|
||||
{ |
||||
label: "客户名称", |
||||
prop: "tenantName", |
||||
|
||||
searchLabelWidth: 90, |
||||
slot: true, |
||||
editDisplay: false, |
||||
}, |
||||
{ |
||||
label: "API名称", |
||||
prop: "apiName", |
||||
editDisplay: false, |
||||
}, |
||||
{ |
||||
label: "计费次数", |
||||
prop: "totalCount", |
||||
slot: true, |
||||
editDisplay: false, |
||||
}, |
||||
{ |
||||
label: "优惠次数", |
||||
prop: "cacheCount", |
||||
editDisplay: false, |
||||
}, |
||||
{ |
||||
label: "账单金额(元)", |
||||
prop: "totalFee", |
||||
labelWidth: 100, |
||||
slot: true, |
||||
editDisplay: false, |
||||
}, |
||||
], |
||||
}, |
||||
data: [], |
||||
exps: { |
||||
tenantId: [ |
||||
{ required: true, message: "请选择租户", trigger: "change" }, |
||||
], |
||||
yyyyMM: [{ required: true, message: "请选择日期", trigger: "change" }], |
||||
}, |
||||
visit: false, |
||||
content: {}, //查看对象 |
||||
title: "", |
||||
}; |
||||
}, |
||||
computed: { |
||||
...mapGetters(["permission"]), |
||||
permissionList() { |
||||
return { |
||||
viewBtn: this.vaildData(this.permission.sourceApi_view, false), |
||||
editBtn: this.vaildData(this.permission.sourceApi_edit, false), |
||||
delBtn: this.vaildData(this.permission.sourceApi_delete, false), |
||||
}; |
||||
}, |
||||
}, |
||||
created() { |
||||
this.zhlist(); |
||||
}, |
||||
methods: { |
||||
beforeOpen(done, type) { |
||||
if (["edit", "view"].includes(type)) { |
||||
getDetail(this.form.id).then((res) => { |
||||
this.form = res.data.data; |
||||
this.form.totalFee = this.printFn(res.data.data.totalFee / 10000); |
||||
}); |
||||
} |
||||
done(); |
||||
}, |
||||
searchReset() { |
||||
this.query = {}; |
||||
this.onLoad(this.page); |
||||
}, |
||||
searchChange(params, done) { |
||||
this.query = params; |
||||
this.page.currentPage = 1; |
||||
this.onLoad(this.page, params); |
||||
done(); |
||||
}, |
||||
currentChange(currentPage) { |
||||
this.page.currentPage = currentPage; |
||||
}, |
||||
sizeChange(pageSize) { |
||||
this.page.pageSize = pageSize; |
||||
}, |
||||
refreshChange() { |
||||
this.onLoad(this.page, this.query); |
||||
}, |
||||
onLoad(page, params = {}) { |
||||
this.loading = true; |
||||
getList( |
||||
page.currentPage, |
||||
page.pageSize, |
||||
Object.assign(params, this.query) |
||||
).then((res) => { |
||||
const data = res.data.data; |
||||
this.page.total = data.total; |
||||
this.data = data.records; |
||||
this.loading = false; |
||||
}); |
||||
}, |
||||
//租户列表 |
||||
zhlist() { |
||||
select().then((res) => { |
||||
if (res.data.code == 200) { |
||||
this.arr = res.data.data; |
||||
} |
||||
}); |
||||
}, |
||||
//导出弹窗 |
||||
handleExport() { |
||||
this.dialogVisible = true; |
||||
}, |
||||
//关闭弹窗 |
||||
handleClose() { |
||||
this.dialogVisible = false; |
||||
this.$refs.exp.resetFields(); |
||||
}, |
||||
//确认 |
||||
submit() { |
||||
console.log(this.website.tokenHeader); |
||||
this.$refs.exp.validate((valid) => { |
||||
if (valid) { |
||||
if (process.env.NODE_ENV === "production") { |
||||
window.open( |
||||
`http://223.99.228.240:18081/bd-core/tenant/monthbill/export-excel?${ |
||||
this.website.tokenHeader |
||||
}=${getToken()}&tenantId=${this.exp.tenantId}&yyyyMM=${ |
||||
this.exp.yyyyMM |
||||
}` |
||||
); |
||||
} else { |
||||
window.open( |
||||
`/api1/bd-core/tenant/monthbill/export-excel?${ |
||||
this.website.tokenHeader |
||||
}=${getToken()}&tenantId=${this.exp.tenantId}&yyyyMM=${ |
||||
this.exp.yyyyMM |
||||
}` |
||||
); |
||||
} |
||||
this.dialogVisible = false; |
||||
this.$refs.exp.resetFields(); |
||||
} |
||||
}); |
||||
}, |
||||
printFn(value) { |
||||
const precision = 14; |
||||
return Number(math.format(value, precision)); |
||||
}, |
||||
//查看 |
||||
check(row) { |
||||
this.visit = true; |
||||
this.title = row.apiName; |
||||
getDetail(row.id).then((res) => { |
||||
this.content = res.data.data; |
||||
console.log(this.content, 222); |
||||
}); |
||||
}, |
||||
//关闭详情 |
||||
detail() { |
||||
this.visit = false; |
||||
this.content = {}; |
||||
}, |
||||
}, |
||||
}; |
||||
</script> |
||||
|
||||
<style></style> |
||||
@ -1,361 +0,0 @@
|
||||
<template> |
||||
<basic-container> |
||||
<avue-crud |
||||
:option="option" |
||||
:table-loading="loading" |
||||
:data="data" |
||||
:page.sync="page" |
||||
:permission="permissionList" |
||||
:before-open="beforeOpen" |
||||
v-model="form" |
||||
ref="crud" |
||||
@row-update="rowUpdate" |
||||
@row-save="rowSave" |
||||
@row-del="rowDel" |
||||
@search-change="searchChange" |
||||
@search-reset="searchReset" |
||||
@current-change="currentChange" |
||||
@size-change="sizeChange" |
||||
@refresh-change="refreshChange" |
||||
@on-load="onLoad" |
||||
> |
||||
<template slot="totalFee" slot-scope="scope"> |
||||
{{ printFn(scope.row.totalFee / 10000) }} |
||||
</template> |
||||
<template #menu="{ row }"> |
||||
<el-button |
||||
type="text" |
||||
size="mini" |
||||
icon="el-icon-view" |
||||
@click="check(row)" |
||||
> |
||||
查看 |
||||
</el-button> |
||||
</template> |
||||
<template slot="menuLeft"> |
||||
<el-button |
||||
size="small" |
||||
plain |
||||
type="warning" |
||||
icon="el-icon-download" |
||||
@click="handleExport" |
||||
>导出 |
||||
</el-button> |
||||
</template> |
||||
</avue-crud> |
||||
<!-- 导出弹窗 --> |
||||
<el-dialog |
||||
title="导出" |
||||
:visible.sync="dialogVisible" |
||||
width="30%" |
||||
append-to-body |
||||
:before-close="handleClose" |
||||
> |
||||
<el-form ref="exp" :model="exp" label-width="80px" :rules="exps"> |
||||
<el-form-item label="资源方" prop="tenantId"> |
||||
<el-select |
||||
v-model="exp.tenantId" |
||||
placeholder="请选择资源方" |
||||
style="width: 90%" |
||||
size="mini" |
||||
> |
||||
<el-option |
||||
v-for="(item, index) in arr" |
||||
:label="item.dictValue" |
||||
:value="item.dictKey" |
||||
:key="index" |
||||
></el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item label="日期" prop="yyyyMMdd"> |
||||
<el-date-picker |
||||
type="date" |
||||
placeholder="请选择日期" |
||||
v-model="exp.yyyyMMdd" |
||||
format="yyyy-MM-dd" |
||||
valueFormat="yyyyMMdd" |
||||
style="width: 90%" |
||||
size="mini" |
||||
></el-date-picker> |
||||
</el-form-item> |
||||
</el-form> |
||||
<span slot="footer" class="dialog-footer"> |
||||
<el-button @click="handleClose">取 消</el-button> |
||||
<el-button type="primary" @click="submit">确 定</el-button> |
||||
</span> |
||||
</el-dialog> |
||||
<!-- 查看弹窗 --> |
||||
<Dialog |
||||
:visit="visit" |
||||
:content="content" |
||||
:title="title" |
||||
:zy="zy" |
||||
@detail="detail" |
||||
></Dialog> |
||||
</basic-container> |
||||
</template> |
||||
|
||||
<script> |
||||
import { |
||||
getDetail, |
||||
getList, |
||||
select, |
||||
zyfdictionary, |
||||
} from "@/api/core/bill/dayresource"; |
||||
import { mapGetters } from "vuex"; |
||||
import Dialog from "./components/check/index.vue"; |
||||
import * as math from "mathjs"; |
||||
import website from "@/config/website"; |
||||
import { getToken } from "@/util/auth"; |
||||
export default { |
||||
components: { |
||||
Dialog, |
||||
}, |
||||
data() { |
||||
return { |
||||
form: {}, |
||||
query: {}, |
||||
loading: true, |
||||
page: { |
||||
pageSize: 10, |
||||
currentPage: 1, |
||||
total: 0, |
||||
}, |
||||
dialogVisible: false, |
||||
exp: { |
||||
tenantId: "", |
||||
yyyyMMdd: "", |
||||
}, |
||||
arr: [], |
||||
zy: "1", |
||||
option: { |
||||
tip: false, |
||||
searchShow: true, |
||||
searchMenuSpan: 6, |
||||
border: true, |
||||
index: true, |
||||
addBtn: false, |
||||
viewBtn: false, |
||||
editBtn: false, |
||||
delBtn: false, |
||||
columnBtn: false, |
||||
selection: false, |
||||
dialogClickModal: false, |
||||
dialogWidth: "45%", |
||||
column: [ |
||||
{ |
||||
label: "资源方", |
||||
prop: "sourceType", |
||||
search: true, |
||||
type: "select", |
||||
dicUrl: "/api1/bd-system/dict/dictionary?code=source_type", |
||||
props: { |
||||
label: "dictValue", |
||||
value: "dictKey", |
||||
}, |
||||
dataType: "number", |
||||
searchLabelWidth: 90, |
||||
slot: true, |
||||
editDisplay: false, |
||||
hide: true, |
||||
}, |
||||
{ |
||||
label: "账单时间", |
||||
type: "date", |
||||
format: "yyyy-MM-dd", |
||||
valueFormat: "yyyyMMdd", |
||||
prop: "date", |
||||
search: true, |
||||
searchLabelWidth: 90, |
||||
slot: true, |
||||
editDisplay: false, |
||||
}, |
||||
|
||||
{ |
||||
label: "资源方", |
||||
prop: "sourceType", |
||||
search: true, |
||||
type: "select", |
||||
dicUrl: "/api1/bd-system/dict/dictionary?code=source_type", |
||||
props: { |
||||
label: "dictValue", |
||||
value: "dictKey", |
||||
}, |
||||
dataType: "number", |
||||
searchLabelWidth: 90, |
||||
slot: true, |
||||
editDisplay: false, |
||||
search: false, |
||||
}, |
||||
{ |
||||
label: "API名称", |
||||
prop: "apiName", |
||||
editDisplay: false, |
||||
}, |
||||
{ |
||||
label: "计费次数", |
||||
prop: "totalCount", |
||||
|
||||
slot: true, |
||||
editDisplay: false, |
||||
}, |
||||
{ |
||||
label: "账单金额(元)", |
||||
prop: "totalFee", |
||||
labelWidth: 100, |
||||
slot: true, |
||||
editDisplay: false, |
||||
}, |
||||
], |
||||
}, |
||||
data: [], |
||||
exps: { |
||||
tenantId: [ |
||||
{ required: true, message: "请选择资源方", trigger: "change" }, |
||||
], |
||||
yyyyMMdd: [ |
||||
{ required: true, message: "请选择日期", trigger: "change" }, |
||||
], |
||||
}, |
||||
visit: false, //查看布尔值 |
||||
content: {}, //查看对象 |
||||
title: "", //查看标题 |
||||
zyfarr: [], |
||||
}; |
||||
}, |
||||
computed: { |
||||
...mapGetters(["permission"]), |
||||
permissionList() { |
||||
return { |
||||
viewBtn: this.vaildData(this.permission.sourceApi_view, false), |
||||
editBtn: this.vaildData(this.permission.sourceApi_edit, false), |
||||
delBtn: this.vaildData(this.permission.sourceApi_delete, false), |
||||
}; |
||||
}, |
||||
}, |
||||
created() { |
||||
// this.zhlist(); |
||||
this.zyf(); |
||||
}, |
||||
methods: { |
||||
beforeOpen(done, type) { |
||||
if (["edit", "view"].includes(type)) { |
||||
getDetail(this.form.id).then((res) => { |
||||
this.form = res.data.data; |
||||
this.form.totalFee = this.printFn(res.data.data.totalFee / 10000); |
||||
}); |
||||
} |
||||
done(); |
||||
}, |
||||
searchReset() { |
||||
this.query = {}; |
||||
this.onLoad(this.page); |
||||
}, |
||||
searchChange(params, done) { |
||||
this.query = params; |
||||
this.page.currentPage = 1; |
||||
this.onLoad(this.page, params); |
||||
done(); |
||||
}, |
||||
currentChange(currentPage) { |
||||
this.page.currentPage = currentPage; |
||||
}, |
||||
sizeChange(pageSize) { |
||||
this.page.pageSize = pageSize; |
||||
}, |
||||
refreshChange() { |
||||
this.onLoad(this.page, this.query); |
||||
}, |
||||
onLoad(page, params = {}) { |
||||
this.loading = true; |
||||
getList( |
||||
page.currentPage, |
||||
page.pageSize, |
||||
Object.assign(params, this.query) |
||||
).then((res) => { |
||||
const data = res.data.data; |
||||
this.page.total = data.total; |
||||
this.data = data.records; |
||||
this.loading = false; |
||||
}); |
||||
}, |
||||
//租户列表 |
||||
zhlist() { |
||||
select().then((res) => { |
||||
if (res.data.code == 200) { |
||||
this.arr = res.data.data; |
||||
} |
||||
}); |
||||
}, |
||||
//导出弹窗 |
||||
handleExport() { |
||||
this.dialogVisible = true; |
||||
}, |
||||
//关闭弹窗 |
||||
handleClose() { |
||||
this.dialogVisible = false; |
||||
this.$refs.exp.resetFields(); |
||||
}, |
||||
//确认 |
||||
submit() { |
||||
this.$refs.exp.validate((valid) => { |
||||
if (valid) { |
||||
if (process.env.NODE_ENV === "production") { |
||||
window.open( |
||||
`http://223.99.228.240:18081/bd-core/source/dailybill/export-excel?${ |
||||
this.website.tokenHeader |
||||
}=${getToken()}&sourceType=${this.exp.tenantId}&yyyyMMdd=${ |
||||
this.exp.yyyyMMdd |
||||
}` |
||||
); |
||||
} else { |
||||
window.open( |
||||
`api1/bd-core/source/dailybill/export-excel?${ |
||||
this.website.tokenHeader |
||||
}=${getToken()}&sourceType=${this.exp.tenantId}&yyyyMMdd=${ |
||||
this.exp.yyyyMMdd |
||||
}` |
||||
); |
||||
} |
||||
this.dialogVisible = false; |
||||
this.$refs.exp.resetFields(); |
||||
} |
||||
}); |
||||
}, |
||||
printFn(value) { |
||||
const precision = 14; |
||||
return Number(math.format(value, precision)); |
||||
}, |
||||
//查看 |
||||
check(row) { |
||||
this.visit = true; |
||||
this.title = row.apiName; |
||||
getDetail(row.id).then((res) => { |
||||
this.zyfarr.forEach((i) => { |
||||
if (i.dictKey == res.data.data.sourceType) { |
||||
res.data.data.sourceType = i.dictValue; |
||||
} |
||||
}); |
||||
this.content = res.data.data; |
||||
}); |
||||
}, |
||||
//资源方 |
||||
zyf() { |
||||
zyfdictionary().then((res) => { |
||||
if (res.data.code == "200") { |
||||
this.zyfarr = res.data.data; |
||||
this.arr = res.data.data; |
||||
} |
||||
}); |
||||
}, |
||||
//关闭详情 |
||||
detail() { |
||||
this.visit = false; |
||||
this.content = {}; |
||||
this.zy = ""; |
||||
}, |
||||
}, |
||||
}; |
||||
</script> |
||||
|
||||
<style></style> |
||||
@ -1,350 +0,0 @@
|
||||
<template> |
||||
<basic-container> |
||||
<avue-crud |
||||
:option="option" |
||||
:table-loading="loading" |
||||
:data="data" |
||||
:page.sync="page" |
||||
:permission="permissionList" |
||||
:before-open="beforeOpen" |
||||
v-model="form" |
||||
ref="crud" |
||||
@row-update="rowUpdate" |
||||
@row-save="rowSave" |
||||
@row-del="rowDel" |
||||
@search-change="searchChange" |
||||
@search-reset="searchReset" |
||||
@current-change="currentChange" |
||||
@size-change="sizeChange" |
||||
@refresh-change="refreshChange" |
||||
@on-load="onLoad" |
||||
> |
||||
<template slot="totalFee" slot-scope="scope"> |
||||
{{ printFn(scope.row.totalFee / 10000) }} |
||||
</template> |
||||
<template #menu="{ row }"> |
||||
<el-button |
||||
type="text" |
||||
size="mini" |
||||
icon="el-icon-view" |
||||
@click="check(row)" |
||||
> |
||||
查看 |
||||
</el-button> |
||||
</template> |
||||
<template slot="menuLeft"> |
||||
<el-button |
||||
size="small" |
||||
plain |
||||
type="warning" |
||||
icon="el-icon-download" |
||||
@click="handleExport" |
||||
>导出 |
||||
</el-button> |
||||
</template> |
||||
</avue-crud> |
||||
<el-dialog |
||||
title="导出" |
||||
:visible.sync="dialogVisible" |
||||
width="30%" |
||||
append-to-body |
||||
:before-close="handleClose" |
||||
> |
||||
<el-form ref="exp" :model="exp" label-width="80px" :rules="exps"> |
||||
<el-form-item label="资源方" prop="tenantId"> |
||||
<el-select |
||||
v-model="exp.tenantId" |
||||
placeholder="请选择资源方" |
||||
style="width: 90%" |
||||
size="mini" |
||||
> |
||||
<el-option |
||||
v-for="(item, index) in arr" |
||||
:label="item.dictValue" |
||||
:value="item.dictKey" |
||||
:key="index" |
||||
></el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item label="日期" prop="yyyyMM"> |
||||
<el-date-picker |
||||
type="month" |
||||
placeholder="请选择日期" |
||||
v-model="exp.yyyyMM" |
||||
format="yyyy-MM" |
||||
valueFormat="yyyyMM" |
||||
style="width: 90%" |
||||
size="mini" |
||||
></el-date-picker> |
||||
</el-form-item> |
||||
</el-form> |
||||
<span slot="footer" class="dialog-footer"> |
||||
<el-button @click="handleClose">取 消</el-button> |
||||
<el-button type="primary" @click="submit">确 定</el-button> |
||||
</span> |
||||
</el-dialog> |
||||
<Dialog |
||||
:visit="visit" |
||||
:content="content" |
||||
:title="title" |
||||
@detail="detail" |
||||
></Dialog> |
||||
</basic-container> |
||||
</template> |
||||
|
||||
<script> |
||||
import { getDetail, getList, zyfdictionary } from "@/api/core/bill/monresource"; |
||||
import { select } from "@/api/core/bill/dailyBill"; |
||||
import { mapGetters } from "vuex"; |
||||
import * as math from "mathjs"; |
||||
import website from "@/config/website"; |
||||
import { getToken } from "@/util/auth"; |
||||
import Dialog from "./components/check/index.vue"; |
||||
export default { |
||||
components: { |
||||
Dialog, |
||||
}, |
||||
data() { |
||||
return { |
||||
form: {}, |
||||
query: {}, |
||||
exp: { |
||||
tenantId: "", |
||||
yyyyMM: "", |
||||
}, |
||||
arr: [], |
||||
loading: true, |
||||
dialogVisible: false, |
||||
page: { |
||||
pageSize: 10, |
||||
currentPage: 1, |
||||
total: 0, |
||||
}, |
||||
zyfarr: [], //资源方数组 |
||||
option: { |
||||
tip: false, |
||||
searchShow: true, |
||||
searchMenuSpan: 6, |
||||
border: true, |
||||
index: true, |
||||
addBtn: false, |
||||
viewBtn: false, |
||||
editBtn: false, |
||||
delBtn: false, |
||||
columnBtn: false, |
||||
selection: false, |
||||
dialogClickModal: false, |
||||
dialogWidth: "45%", |
||||
column: [ |
||||
{ |
||||
label: "资源方", |
||||
prop: "sourceType", |
||||
search: true, |
||||
type: "select", |
||||
dicUrl: "/api1/bd-system/dict/dictionary?code=source_type", |
||||
props: { |
||||
label: "dictValue", |
||||
value: "dictKey", |
||||
}, |
||||
dataType: "number", |
||||
searchLabelWidth: 90, |
||||
slot: true, |
||||
editDisplay: false, |
||||
hide: true, |
||||
}, |
||||
{ |
||||
label: "账单时间", |
||||
type: "month", |
||||
format: "yyyy-MM", |
||||
valueFormat: "yyyyMM", |
||||
prop: "date", |
||||
search: true, |
||||
searchLabelWidth: 90, |
||||
slot: true, |
||||
editDisplay: false, |
||||
}, |
||||
|
||||
{ |
||||
label: "资源方", |
||||
prop: "sourceType", |
||||
search: true, |
||||
type: "select", |
||||
dicUrl: "/api1/bd-system/dict/dictionary?code=source_type", |
||||
props: { |
||||
label: "dictValue", |
||||
value: "dictKey", |
||||
}, |
||||
dataType: "number", |
||||
searchLabelWidth: 90, |
||||
slot: true, |
||||
editDisplay: false, |
||||
search: false, |
||||
}, |
||||
{ |
||||
label: "API名称", |
||||
prop: "apiName", |
||||
editDisplay: false, |
||||
}, |
||||
{ |
||||
label: "计费次数", |
||||
prop: "totalCount", |
||||
slot: true, |
||||
editDisplay: false, |
||||
}, |
||||
{ |
||||
label: "账单金额(元)", |
||||
prop: "totalFee", |
||||
labelWidth: 100, |
||||
slot: true, |
||||
editDisplay: false, |
||||
}, |
||||
], |
||||
}, |
||||
data: [], |
||||
exps: { |
||||
tenantId: [ |
||||
{ required: true, message: "请选择资源方", trigger: "change" }, |
||||
], |
||||
yyyyMM: [{ required: true, message: "请选择日期", trigger: "change" }], |
||||
}, |
||||
visit: false, |
||||
content: {}, //查看对象 |
||||
title: "", |
||||
}; |
||||
}, |
||||
computed: { |
||||
...mapGetters(["permission"]), |
||||
permissionList() { |
||||
return { |
||||
viewBtn: this.vaildData(this.permission.sourceApi_view, false), |
||||
editBtn: this.vaildData(this.permission.sourceApi_edit, false), |
||||
delBtn: this.vaildData(this.permission.sourceApi_delete, false), |
||||
}; |
||||
}, |
||||
}, |
||||
created() { |
||||
// this.zhlist(); |
||||
this.zyf(); |
||||
}, |
||||
methods: { |
||||
beforeOpen(done, type) { |
||||
if (["edit", "view"].includes(type)) { |
||||
getDetail(this.form.id).then((res) => { |
||||
this.form = res.data.data; |
||||
this.form.totalFee = this.printFn(res.data.data.totalFee / 10000); |
||||
}); |
||||
} |
||||
done(); |
||||
}, |
||||
searchReset() { |
||||
this.query = {}; |
||||
this.onLoad(this.page); |
||||
}, |
||||
searchChange(params, done) { |
||||
this.query = params; |
||||
this.page.currentPage = 1; |
||||
this.onLoad(this.page, params); |
||||
done(); |
||||
}, |
||||
currentChange(currentPage) { |
||||
this.page.currentPage = currentPage; |
||||
}, |
||||
sizeChange(pageSize) { |
||||
this.page.pageSize = pageSize; |
||||
}, |
||||
refreshChange() { |
||||
this.onLoad(this.page, this.query); |
||||
}, |
||||
onLoad(page, params = {}) { |
||||
this.loading = true; |
||||
getList( |
||||
page.currentPage, |
||||
page.pageSize, |
||||
Object.assign(params, this.query) |
||||
).then((res) => { |
||||
const data = res.data.data; |
||||
this.page.total = data.total; |
||||
this.data = data.records; |
||||
this.loading = false; |
||||
}); |
||||
}, |
||||
//租户列表 |
||||
zhlist() { |
||||
select().then((res) => { |
||||
if (res.data.code == 200) { |
||||
this.arr = res.data.data; |
||||
} |
||||
}); |
||||
}, |
||||
//导出弹窗 |
||||
handleExport() { |
||||
this.dialogVisible = true; |
||||
}, |
||||
//关闭弹窗 |
||||
handleClose() { |
||||
this.dialogVisible = false; |
||||
this.$refs.exp.resetFields(); |
||||
}, |
||||
//确认 |
||||
submit() { |
||||
console.log(this.website.tokenHeader); |
||||
this.$refs.exp.validate((valid) => { |
||||
if (valid) { |
||||
if (process.env.NODE_ENV === "production") { |
||||
window.open( |
||||
`http://223.99.228.240:18081/bd-core/source/monthbill/export-excel?${ |
||||
this.website.tokenHeader |
||||
}=${getToken()}&sourceType=${this.exp.tenantId}&yyyyMM=${ |
||||
this.exp.yyyyMM |
||||
}` |
||||
); |
||||
} else { |
||||
window.open( |
||||
`/api1/bd-core/source/monthbill/export-excel?${ |
||||
this.website.tokenHeader |
||||
}=${getToken()}&sourceType=${this.exp.tenantId}&yyyyMM=${ |
||||
this.exp.yyyyMM |
||||
}` |
||||
); |
||||
} |
||||
this.dialogVisible = false; |
||||
this.$refs.exp.resetFields(); |
||||
} |
||||
}); |
||||
}, |
||||
printFn(value) { |
||||
const precision = 14; |
||||
return Number(math.format(value, precision)); |
||||
}, |
||||
//查看 |
||||
check(row) { |
||||
this.visit = true; |
||||
this.title = row.apiName; |
||||
getDetail(row.id).then((res) => { |
||||
this.zyfarr.forEach((i) => { |
||||
if (i.dictKey == res.data.data.sourceType) { |
||||
res.data.data.sourceType = i.dictValue; |
||||
} |
||||
}); |
||||
this.content = res.data.data; |
||||
}); |
||||
}, |
||||
//资源方 |
||||
zyf() { |
||||
zyfdictionary().then((res) => { |
||||
if (res.data.code == "200") { |
||||
this.zyfarr = res.data.data; |
||||
this.arr = res.data.data; |
||||
} |
||||
}); |
||||
}, |
||||
//关闭详情 |
||||
detail() { |
||||
this.visit = false; |
||||
this.content = {}; |
||||
}, |
||||
}, |
||||
}; |
||||
</script> |
||||
|
||||
<style></style> |
||||
@ -1,394 +0,0 @@
|
||||
<template> |
||||
<basic-container> |
||||
<avue-crud |
||||
:option="option" |
||||
:table-loading="loading" |
||||
:data="data" |
||||
:page.sync="page" |
||||
:permission="permissionList" |
||||
:before-open="beforeOpen" |
||||
v-model="form" |
||||
ref="crud" |
||||
@row-update="rowUpdate" |
||||
@row-save="rowSave" |
||||
@row-del="rowDel" |
||||
@search-change="searchChange" |
||||
@search-reset="searchReset" |
||||
@current-change="currentChange" |
||||
@size-change="sizeChange" |
||||
@refresh-change="refreshChange" |
||||
@on-load="onLoad" |
||||
> |
||||
<template slot="tenantApiPrice" slot-scope="scope"> |
||||
{{ printFn(scope.row.tenantApiPrice / 10000) }} |
||||
</template> |
||||
<template slot="checkSuccess" slot-scope="scope"> |
||||
<span v-if="scope.row.checkSuccess == 1">成功</span> |
||||
<span v-if="scope.row.checkSuccess == 0" style="color: red">失败</span> |
||||
</template> |
||||
</avue-crud> |
||||
</basic-container> |
||||
</template> |
||||
|
||||
<script> |
||||
import { getList, getDetail } from "@/api/checklog/check"; |
||||
import { mapGetters } from "vuex"; |
||||
import { dateFormat } from "@/util/date"; |
||||
import * as math from "mathjs"; |
||||
|
||||
export default { |
||||
data() { |
||||
return { |
||||
form: {}, |
||||
query: {}, |
||||
loading: true, |
||||
page: { |
||||
pageSize: 10, |
||||
currentPage: 1, |
||||
total: 0, |
||||
}, |
||||
option: { |
||||
tip: false, |
||||
searchShow: true, |
||||
searchMenuSpan: 6, |
||||
border: true, |
||||
index: true, |
||||
addBtn: false, |
||||
viewBtn: true, |
||||
delBtn: false, |
||||
menuWidth: 100, |
||||
editBtn: false, |
||||
columnBtn: false, |
||||
selection: false, |
||||
dialogClickModal: false, |
||||
dialogWidth: "45%", |
||||
column: [ |
||||
{ |
||||
label: "客户名称", |
||||
prop: "tenantName", |
||||
viewDisplay: false, |
||||
}, |
||||
{ |
||||
label: "客户名称", |
||||
prop: "tenantId", |
||||
search: true, |
||||
type: "radio", |
||||
dicUrl: "/api1/bd-system/tenant/selectExceptAdmin", |
||||
props: { |
||||
label: "tenantName", |
||||
value: "tenantId", |
||||
}, |
||||
hide: true, |
||||
}, |
||||
{ |
||||
label: "请求号码", |
||||
prop: "mobile", |
||||
search: true, |
||||
searchLabelWidth: 90, |
||||
viewDisplay: false, |
||||
}, |
||||
{ |
||||
label: "接口类型", |
||||
type: "select", |
||||
dicUrl: "/api1/bd-system/dict/dictionary?code=api_type", |
||||
props: { |
||||
label: "dictValue", |
||||
value: "dictKey", |
||||
}, |
||||
dataType: "number", |
||||
prop: "apiType", |
||||
search: true, |
||||
slot: true, |
||||
hide: true, |
||||
}, |
||||
{ |
||||
label: "请求序列号", |
||||
prop: "requestSn", |
||||
width:90, |
||||
search: true, |
||||
searchLabelWidth: 90, |
||||
}, |
||||
{ |
||||
label: "请求时间", |
||||
prop: "createTime", |
||||
search: true, |
||||
searchSpan: 10, |
||||
type: "date", |
||||
format: "yyyy-MM-dd HH:mm:ss", |
||||
valueFormat: "yyyy-MM-dd HH:mm:ss", |
||||
searchRange: true, |
||||
searchClearable: false, |
||||
searchValue: [ |
||||
dateFormat( |
||||
new Date(new Date(new Date().toLocaleDateString()).getTime()) |
||||
), |
||||
dateFormat( |
||||
new Date( |
||||
new Date(new Date().toLocaleDateString()).getTime() + |
||||
24 * 60 * 60 * 1000 - |
||||
1 |
||||
) |
||||
), |
||||
], |
||||
pickerOptions: { |
||||
shortcuts: [ |
||||
{ |
||||
text: "一日内", |
||||
onClick(picker) { |
||||
const end = new Date(); |
||||
const start = new Date(); |
||||
start.setTime(start.getTime() - 3600 * 1000 * 24); |
||||
picker.$emit("pick", [start, end]); |
||||
}, |
||||
}, |
||||
{ |
||||
text: "七日内", |
||||
onClick(picker) { |
||||
const end = new Date(); |
||||
const start = new Date(); |
||||
start.setTime(start.getTime() - 3600 * 1000 * 24 * 7); |
||||
picker.$emit("pick", [start, end]); |
||||
}, |
||||
}, |
||||
{ |
||||
text: "本月内", |
||||
onClick(picker) { |
||||
const end = new Date(); |
||||
const start = new Date(); |
||||
start.setTime(start.getTime() - 3600 * 1000 * 24 * 30); |
||||
picker.$emit("pick", [start, end]); |
||||
}, |
||||
}, |
||||
], |
||||
}, |
||||
}, |
||||
{ |
||||
label: "运营商", |
||||
prop: "netType", |
||||
type: "select", |
||||
search: true, |
||||
dicUrl: "/api1/bd-system/dict/dictionary?code=net_type", |
||||
props: { |
||||
label: "dictValue", |
||||
value: "dictKey", |
||||
}, |
||||
dataType: "string", |
||||
editDisplay: false, |
||||
width: 70, |
||||
}, |
||||
{ |
||||
label: "姓名", |
||||
prop: "name", |
||||
hide: true, |
||||
}, |
||||
{ |
||||
label: "手机号", |
||||
prop: "mobile", |
||||
hide: true, |
||||
}, |
||||
{ |
||||
label: "证件号", |
||||
prop: "idNum", |
||||
hide: true, |
||||
}, |
||||
{ |
||||
label: "API名称", |
||||
prop: "productApiId", |
||||
viewDisplay: false, |
||||
search: true, |
||||
type: "select", |
||||
dicUrl: "/api1/bd-core/product/api/select", |
||||
props: { |
||||
label: "apiName", |
||||
value: "id", |
||||
}, |
||||
}, |
||||
{ |
||||
label: "API通道", |
||||
prop: "sourceApiName", |
||||
viewDisplay: false, |
||||
}, |
||||
{ |
||||
label: "计费单价(元)", |
||||
prop: "tenantApiPrice", |
||||
slot: true, |
||||
labelWidth: 100, |
||||
width: 100, |
||||
}, |
||||
{ |
||||
label: "源响应时间(ms)", |
||||
prop: "sourceTime", |
||||
width: 110, |
||||
labelWidth: 120, |
||||
}, |
||||
{ |
||||
label: "总响应时间(ms)", |
||||
prop: "totalTime", |
||||
width: 110, |
||||
labelWidth: 120, |
||||
}, |
||||
|
||||
{ |
||||
label: "处理状态", |
||||
prop: "checkSuccess", |
||||
width: 80, |
||||
slot: true, |
||||
search: true, |
||||
type: "select", |
||||
dicData: [ |
||||
{ |
||||
label: "成功", |
||||
value: 1, |
||||
}, |
||||
{ |
||||
label: "失败", |
||||
value: 0, |
||||
}, |
||||
], |
||||
}, |
||||
{ |
||||
label: "核验详情", |
||||
prop: "sourceResult", |
||||
hide: true, |
||||
span: 24, |
||||
}, |
||||
|
||||
{ |
||||
label: "是否加密", |
||||
prop: "isEncrypt", |
||||
search: true, |
||||
viewDisplay: false, |
||||
type: "select", |
||||
dicData: [ |
||||
{ |
||||
label: "是", |
||||
value: 1, |
||||
}, |
||||
{ |
||||
label: "否", |
||||
value: 0, |
||||
}, |
||||
], |
||||
}, |
||||
{ |
||||
label: "核验方式", |
||||
prop: "checkType", |
||||
width: 80, |
||||
search: true, |
||||
type: "select", |
||||
dicData: [ |
||||
{ |
||||
label: "上游检测", |
||||
value: 1, |
||||
}, |
||||
{ |
||||
label: "本地检测", |
||||
value: 2, |
||||
}, |
||||
], |
||||
}, |
||||
], |
||||
}, |
||||
data: [], |
||||
startTime: dateFormat( |
||||
new Date(new Date(new Date().toLocaleDateString()).getTime()) |
||||
), |
||||
endtime: dateFormat( |
||||
new Date( |
||||
new Date(new Date().toLocaleDateString()).getTime() + |
||||
24 * 60 * 60 * 1000 - |
||||
1 |
||||
) |
||||
), |
||||
}; |
||||
}, |
||||
computed: { |
||||
...mapGetters(["permission"]), |
||||
permissionList() { |
||||
return { |
||||
viewBtn: this.vaildData(this.permission.sourceApi_view, false), |
||||
editBtn: this.vaildData(this.permission.sourceApi_edit, false), |
||||
delBtn: this.vaildData(this.permission.sourceApi_delete, false), |
||||
}; |
||||
}, |
||||
}, |
||||
created() { |
||||
this.onLoad(this.page); |
||||
}, |
||||
methods: { |
||||
beforeOpen(done, type) { |
||||
if (["edit", "view"].includes(type)) { |
||||
getDetail(this.form.id).then((res) => { |
||||
this.form = res.data.data; |
||||
this.form.tenantApiPrice = this.printFn( |
||||
res.data.data.tenantApiPrice / 10000 |
||||
); |
||||
this.form.checkSuccess = |
||||
res.data.data.checkSuccess == "1" ? "成功" : "失败"; |
||||
this.form.sourceResult = JSON.parse( |
||||
res.data.data.sourceResult.data.msg |
||||
); |
||||
}); |
||||
} |
||||
done(); |
||||
}, |
||||
searchReset() { |
||||
this.query = {}; |
||||
this.startTime = ""; |
||||
this.endtime = ""; |
||||
this.onLoad(this.page); |
||||
}, |
||||
searchChange(params, done) { |
||||
this.query = params; |
||||
this.page.currentPage = 1; |
||||
this.onLoad(this.page, params); |
||||
done(); |
||||
}, |
||||
currentChange(currentPage) { |
||||
this.page.currentPage = currentPage; |
||||
}, |
||||
sizeChange(pageSize) { |
||||
this.page.pageSize = pageSize; |
||||
}, |
||||
refreshChange() { |
||||
this.onLoad(this.page, this.query); |
||||
}, |
||||
onLoad(page, params = {}) { |
||||
let { createTime } = this.query; |
||||
let values = { |
||||
...params, |
||||
}; |
||||
if (createTime) { |
||||
values = { |
||||
...params, |
||||
queryStartTime: createTime[0], |
||||
queryEndTime: createTime[1], |
||||
...this.query, |
||||
}; |
||||
values.createTime = null; |
||||
} else { |
||||
values = { |
||||
...params, |
||||
queryStartTime: this.startTime, |
||||
queryEndTime: this.endtime, |
||||
...this.query, |
||||
}; |
||||
values.createTime = null; |
||||
} |
||||
this.loading = true; |
||||
getList(page.currentPage, page.pageSize, values).then((res) => { |
||||
const data = res.data.data; |
||||
this.page.total = data.total; |
||||
this.data = data.records; |
||||
this.loading = false; |
||||
}); |
||||
}, |
||||
printFn(value) { |
||||
const precision = 14; |
||||
return Number(math.format(value, precision)); |
||||
}, |
||||
}, |
||||
}; |
||||
</script> |
||||
|
||||
<style></style> |
||||
@ -1,181 +0,0 @@
|
||||
<template> |
||||
<basic-container> |
||||
<avue-crud :option="option" |
||||
:table-loading="loading" |
||||
:data="data" |
||||
:page.sync="page" |
||||
:permission="permissionList" |
||||
:before-open="beforeOpen" |
||||
v-model="form" |
||||
ref="crud" |
||||
@row-update="rowUpdate" |
||||
@row-save="rowSave" |
||||
@row-del="rowDel" |
||||
@search-change="searchChange" |
||||
@search-reset="searchReset" |
||||
@current-change="currentChange" |
||||
@size-change="sizeChange" |
||||
@refresh-change="refreshChange" |
||||
@on-load="onLoad"> |
||||
</avue-crud> |
||||
</basic-container> |
||||
</template> |
||||
|
||||
<script> |
||||
import {getDetail, getList} from "@/api/core/customer/customerApi"; |
||||
import {mapGetters} from "vuex"; |
||||
|
||||
export default { |
||||
data() { |
||||
return { |
||||
form: {}, |
||||
query: {}, |
||||
loading: true, |
||||
page: { |
||||
pageSize: 10, |
||||
currentPage: 1, |
||||
total: 0 |
||||
}, |
||||
option: { |
||||
tip: false, |
||||
searchShow: true, |
||||
searchMenuSpan: 6, |
||||
border: true, |
||||
index: true, |
||||
addBtn: false, |
||||
viewBtn: true, |
||||
delBtn: true, |
||||
columnBtn: false, |
||||
selection: false, |
||||
dialogClickModal: false, |
||||
dialogWidth: "45%", |
||||
column: [ |
||||
{ |
||||
label: "资源方", |
||||
type: "select", |
||||
dicUrl: "/api1/bd-system/dict/dictionary?code=source_type", |
||||
props: { |
||||
label: "dictValue", |
||||
value: "dictKey" |
||||
}, |
||||
dataType: "number", |
||||
prop: "sourceType", |
||||
labelWidth: 100, |
||||
search: true, |
||||
searchLabelWidth: 90, |
||||
slot: true, |
||||
editDisplay: false, |
||||
}, |
||||
{ |
||||
label: "API名称", |
||||
prop: "apiName", |
||||
span: 24, |
||||
labelWidth: 120, |
||||
// search: true, |
||||
// searchLabelWidth: 80, |
||||
// searchPlaceholder: "请输入配置名称", |
||||
rules: [{ |
||||
required: true, |
||||
message: "请输入配置名称", |
||||
trigger: "blur" |
||||
}], |
||||
editDisplay: false, |
||||
}, |
||||
{ |
||||
label: "接口类型", |
||||
type: "select", |
||||
dicUrl: "/api1/bd-system/dict/dictionary?code=api_type", |
||||
props: { |
||||
label: "dictValue", |
||||
value: "dictKey" |
||||
}, |
||||
dataType: "number", |
||||
prop: "apiType", |
||||
labelWidth: 100, |
||||
search: true, |
||||
slot: true, |
||||
editDisplay: false, |
||||
}, |
||||
{ |
||||
label: "运营商类型", |
||||
type: "select", |
||||
dicUrl: "/api1/bd-system/dict/dictionary?code=net_type", |
||||
props: { |
||||
label: "dictValue", |
||||
value: "dictKey" |
||||
}, |
||||
dataType: "string", |
||||
prop: "netType", |
||||
labelWidth: 100, |
||||
search: true, |
||||
searchLabelWidth: 90, |
||||
slot: true, |
||||
editDisplay: false, |
||||
}, |
||||
{ |
||||
label: "单价(单位毫)", |
||||
prop: "price", |
||||
span: 22, |
||||
labelWidth: 100, |
||||
rules: [ |
||||
{required: false, message: "请输入产品单价", trigger: "blur"}, |
||||
], |
||||
} |
||||
] |
||||
}, |
||||
data: [] |
||||
}; |
||||
}, |
||||
computed: { |
||||
...mapGetters(["permission"]), |
||||
permissionList() { |
||||
return { |
||||
viewBtn: this.vaildData(this.permission.sourceApi_view, false), |
||||
editBtn: this.vaildData(this.permission.sourceApi_edit, false), |
||||
delBtn: this.vaildData(this.permission.sourceApi_delete, false) |
||||
}; |
||||
} |
||||
}, |
||||
methods: { |
||||
beforeOpen(done, type) { |
||||
if (["edit", "view"].includes(type)) { |
||||
getDetail(this.form.id).then(res => { |
||||
this.form = res.data.data; |
||||
}); |
||||
} |
||||
done(); |
||||
}, |
||||
searchReset() { |
||||
this.query = {}; |
||||
this.onLoad(this.page); |
||||
}, |
||||
searchChange(params, done) { |
||||
this.query = params; |
||||
this.page.currentPage = 1; |
||||
this.onLoad(this.page, params); |
||||
done(); |
||||
}, |
||||
currentChange(currentPage) { |
||||
this.page.currentPage = currentPage; |
||||
}, |
||||
sizeChange(pageSize) { |
||||
this.page.pageSize = pageSize; |
||||
}, |
||||
refreshChange() { |
||||
this.onLoad(this.page, this.query); |
||||
}, |
||||
onLoad(page, params = {}) { |
||||
this.loading = true; |
||||
getList(page.currentPage, page.pageSize, Object.assign(params, this.query)).then(res => { |
||||
const data = res.data.data; |
||||
this.page.total = data.total; |
||||
this.data = data.records; |
||||
this.loading = false; |
||||
}); |
||||
} |
||||
} |
||||
}; |
||||
</script> |
||||
|
||||
<style> |
||||
</style> |
||||
@ -1,96 +0,0 @@
|
||||
<template> |
||||
<div> |
||||
<el-dialog |
||||
title="日志设置" |
||||
:visible.sync="visit" |
||||
width="30%" |
||||
:before-close="cancel" |
||||
append-to-body |
||||
> |
||||
<el-form ref="form" :model="form" :rules="rules" label-width="120px"> |
||||
<el-form-item label="是否开启"> |
||||
<el-switch |
||||
v-model="form.open" |
||||
@change="cachechange" |
||||
:active-value="1" |
||||
:inactive-value="0" |
||||
></el-switch> |
||||
</el-form-item> |
||||
<el-form-item label="日志天数" prop="day"> |
||||
<el-select |
||||
v-model="form.day" |
||||
placeholder="请选择日志天数" |
||||
size="mini" |
||||
:disabled="form.open == 0" |
||||
> |
||||
<el-option |
||||
v-for="item in days" |
||||
:label="item" |
||||
:value="item" |
||||
:key="item" |
||||
></el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
</el-form> |
||||
<span slot="footer" class="dialog-footer"> |
||||
<el-button @click="cancel">取 消</el-button> |
||||
<el-button type="primary" @click="sure">确 定</el-button> |
||||
</span> |
||||
</el-dialog> |
||||
</div> |
||||
</template> |
||||
<script> |
||||
import { cache } from "@/api/system/tenant"; |
||||
export default { |
||||
props: ["visit", "id", "cacheDays", "cacheEn"], |
||||
data() { |
||||
return { |
||||
form: { |
||||
open: null, |
||||
day: null, |
||||
}, |
||||
rules: { |
||||
day: [{ required: true, message: "请选择日志天数", trigger: "change" }], |
||||
}, |
||||
days: [1, 2, 3, 4, 5, 6, 7], |
||||
}; |
||||
}, |
||||
watch: { |
||||
cacheDays(newV, oldV) { |
||||
this.form.day = newV; |
||||
}, |
||||
cacheEn(newV, oldV) { |
||||
this.form.open = newV; |
||||
}, |
||||
}, |
||||
methods: { |
||||
//确认 |
||||
sure() { |
||||
this.$refs.form.validate((valid) => { |
||||
let obj = { |
||||
enabled: this.form.open, |
||||
id: this.id, |
||||
cacheDays: this.form.day, |
||||
}; |
||||
if (valid) { |
||||
cache(obj).then((res) => { |
||||
if (res.data.code == 200) { |
||||
this.$refs.form.resetFields(); |
||||
this.$emit("sures"); |
||||
} |
||||
}); |
||||
} |
||||
}); |
||||
}, |
||||
//取消 |
||||
cancel() { |
||||
this.$refs.form.resetFields(); |
||||
this.form.open = 0; |
||||
this.$emit("cancelca"); |
||||
}, |
||||
cachechange(e) { |
||||
this.form.open = e; |
||||
}, |
||||
}, |
||||
}; |
||||
</script> |
||||
@ -1,137 +0,0 @@
|
||||
<template> |
||||
<div> |
||||
<el-dialog |
||||
title="价格变更记录" |
||||
:visible.sync="pchange" |
||||
v-if="pchange" |
||||
width="60%" |
||||
:before-close="close" |
||||
append-to-body |
||||
> |
||||
<el-table :data="tableData" style="width: 100%" v-loading="loading"> |
||||
<el-table-column prop="apiName" label="api名称" width="200"> </el-table-column> |
||||
<el-table-column prop="price" label="价格(元)" width="130"> |
||||
<template slot-scope="scope"> |
||||
{{ printFn(scope.row.price / 10000) }} |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column prop="content" label="操作记录"> |
||||
</el-table-column> |
||||
<el-table-column prop="updateTime" label="操作时间" width="180"> |
||||
</el-table-column> |
||||
<el-table-column prop="operatorName" label="操作人" width="100"> |
||||
</el-table-column> |
||||
</el-table> |
||||
<el-pagination |
||||
@size-change="handleSizeChange" |
||||
@current-change="handleCurrentChange" |
||||
:page-sizes="[10, 20, 30, 40]" |
||||
:page-size="10" |
||||
layout="total,sizes, prev, pager, next" |
||||
:total="total" |
||||
> |
||||
</el-pagination> |
||||
<span slot="footer" class="dialog-footer"> |
||||
<el-button type="primary" @click="close" size="mini">确 定</el-button> |
||||
</span> |
||||
</el-dialog> |
||||
</div> |
||||
</template> |
||||
<script> |
||||
import * as math from "mathjs"; |
||||
import { change, operator, apiprot } from "@/api/system/price.js"; |
||||
export default { |
||||
props: ["pchange", "id","pids"], |
||||
data() { |
||||
return { |
||||
formInline: { |
||||
current: 1, |
||||
size: 10, |
||||
}, |
||||
arr: [], //运营商类型 |
||||
apiarr: [], //api接口 |
||||
tableData: [], //列表 |
||||
loading: false, |
||||
total: "", |
||||
}; |
||||
}, |
||||
watch: { |
||||
pchange(nv, ov) { |
||||
if (nv == true) { |
||||
this.list(); |
||||
} |
||||
}, |
||||
}, |
||||
created() { |
||||
this.operatortype(); |
||||
this.apiprottype(); |
||||
}, |
||||
methods: { |
||||
//列表 |
||||
list() { |
||||
let params = { |
||||
tenantId: this.id, |
||||
current: this.formInline.current, |
||||
size: this.formInline.size, |
||||
productApiId:this.pids, |
||||
}; |
||||
this.loading = true; |
||||
change(params) |
||||
.then((res) => { |
||||
if (res.data.code == 200) { |
||||
this.tableData = res.data.data.records; |
||||
this.total = res.data.data.total; |
||||
this.loading = false; |
||||
} |
||||
}) |
||||
.catch(() => { |
||||
this.loading = false; |
||||
}); |
||||
}, |
||||
//运营商类型 |
||||
operatortype() { |
||||
operator().then((res) => { |
||||
if (res.data.code == 200) { |
||||
this.arr = res.data.data; |
||||
} |
||||
}); |
||||
}, |
||||
//接口类型 |
||||
apiprottype() { |
||||
apiprot().then((res) => { |
||||
if (res.data.code == 200) { |
||||
this.apiarr = res.data.data; |
||||
} |
||||
}); |
||||
}, |
||||
printFn(value) { |
||||
const precision = 14; |
||||
return Number(math.format(value, precision)); |
||||
}, |
||||
close() { |
||||
this.formInline.current = 1; |
||||
this.formInline.size = 10; |
||||
this.$emit("priceclose"); |
||||
}, |
||||
//查询 |
||||
onSubmit() { |
||||
this.formInline.current = 1; |
||||
this.list(); |
||||
}, |
||||
//清空 |
||||
clear() { |
||||
this.formInline.current = 1; |
||||
|
||||
this.list(); |
||||
}, |
||||
handleSizeChange(val) { |
||||
this.formInline.size = val; |
||||
this.list(); |
||||
}, |
||||
handleCurrentChange(val) { |
||||
this.formInline.current = val; |
||||
this.list(); |
||||
}, |
||||
}, |
||||
}; |
||||
</script> |
||||
@ -1,90 +0,0 @@
|
||||
<template> |
||||
<div> |
||||
<el-dialog |
||||
:title="title" |
||||
:visible.sync="IPwhite" |
||||
width="30%" |
||||
:before-close="cancel" |
||||
append-to-body |
||||
> |
||||
<el-form ref="form" :model="form" :rules="rules" label-width="120px"> |
||||
<el-form-item :label="title" prop="name"> |
||||
<el-input |
||||
v-model="form.name" |
||||
size="mini" |
||||
style="width: 80%" |
||||
:type="type" |
||||
autosize |
||||
></el-input> |
||||
</el-form-item> |
||||
</el-form> |
||||
<span slot="footer" class="dialog-footer"> |
||||
<el-button @click="cancel">取 消</el-button> |
||||
<el-button type="primary" @click="sure">确 定</el-button> |
||||
</span> |
||||
</el-dialog> |
||||
</div> |
||||
</template> |
||||
<script> |
||||
import { setIpWhiteList, charge, setCreditAmount } from "@/api/system/tenant"; |
||||
import * as math from "mathjs"; |
||||
export default { |
||||
props: ["IPwhite", "id", "title", "IP", "type"], |
||||
data() { |
||||
return { |
||||
form: { |
||||
name: "", |
||||
}, |
||||
rules: { |
||||
name: [{ required: true, message: "请输入内容", trigger: "blur" }], |
||||
}, |
||||
}; |
||||
}, |
||||
watch: { |
||||
IP(newV, oldV) { |
||||
if (this.title == "IP白名单") { |
||||
this.form.name = newV; |
||||
} |
||||
}, |
||||
}, |
||||
methods: { |
||||
printFn(value) { |
||||
const precision = 14; |
||||
return Number(math.format(value, precision)); |
||||
}, |
||||
//确认 |
||||
sure() { |
||||
this.$refs.form.validate((valid) => { |
||||
let type = null; |
||||
let obj = { |
||||
id: this.id, |
||||
}; |
||||
if (this.title == "IP白名单") { |
||||
type = setIpWhiteList; |
||||
obj.ipWhiteLists = this.form.name; |
||||
} else if (this.title == "充值(元)") { |
||||
type = charge; |
||||
obj.amount = this.printFn(this.form.name * 10000); |
||||
} else if (this.title == "授信额度(元)") { |
||||
type = setCreditAmount; |
||||
obj.creditAmount = this.printFn(this.form.name * 10000); |
||||
} |
||||
if (valid) { |
||||
type(obj).then((res) => { |
||||
if (res.data.code == 200) { |
||||
this.$refs.form.resetFields(); |
||||
this.$emit("sure"); |
||||
} |
||||
}); |
||||
} |
||||
}); |
||||
}, |
||||
//取消 |
||||
cancel() { |
||||
this.$refs.form.resetFields(); |
||||
this.form.name = this.$options.data().form.name; |
||||
this.$emit("cancel"); |
||||
}, |
||||
}, |
||||
}; |
||||
</script> |
||||
@ -1,181 +0,0 @@
|
||||
<template> |
||||
<basic-container> |
||||
<avue-crud |
||||
:option="option" |
||||
:table-loading="loading" |
||||
:data="data" |
||||
:page.sync="page" |
||||
:permission="permissionList" |
||||
:before-open="beforeOpen" |
||||
v-model="form" |
||||
ref="crud" |
||||
@row-update="rowUpdate" |
||||
@row-save="rowSave" |
||||
@row-del="rowDel" |
||||
@search-change="searchChange" |
||||
@search-reset="searchReset" |
||||
@current-change="currentChange" |
||||
@size-change="sizeChange" |
||||
@refresh-change="refreshChange" |
||||
@on-load="onLoad" |
||||
> |
||||
<template slot="price" slot-scope="scope"> |
||||
<span>{{ scope.row.price }}</span> |
||||
</template> |
||||
</avue-crud> |
||||
</basic-container> |
||||
</template> |
||||
|
||||
<script> |
||||
import { getDetail, getList } from "@/api/core/customer/customerApi"; |
||||
import { mapGetters } from "vuex"; |
||||
import * as math from "mathjs"; |
||||
export default { |
||||
data() { |
||||
return { |
||||
form: {}, |
||||
query: {}, |
||||
loading: true, |
||||
page: { |
||||
pageSize: 10, |
||||
currentPage: 1, |
||||
total: 0, |
||||
}, |
||||
option: { |
||||
tip: false, |
||||
searchShow: true, |
||||
searchMenuSpan: 6, |
||||
border: true, |
||||
index: true, |
||||
addBtn: false, |
||||
viewBtn: true, |
||||
delBtn: false, |
||||
columnBtn: false, |
||||
menu:false, |
||||
selection: false, |
||||
dialogClickModal: false, |
||||
dialogWidth: "45%", |
||||
column: [ |
||||
{ |
||||
label: "API名称", |
||||
prop: "apiName", |
||||
span: 24, |
||||
labelWidth: 120, |
||||
rules: [ |
||||
{ |
||||
required: true, |
||||
message: "请输入配置名称", |
||||
trigger: "blur", |
||||
}, |
||||
], |
||||
}, |
||||
{ |
||||
label: "接口类型", |
||||
type: "select", |
||||
dicUrl: "/api1/bd-system/dict/dictionary?code=api_type", |
||||
props: { |
||||
label: "dictValue", |
||||
value: "dictKey", |
||||
}, |
||||
dataType: "number", |
||||
prop: "apiType", |
||||
labelWidth: 100, |
||||
search: true, |
||||
slot: true, |
||||
}, |
||||
{ |
||||
label: "运营商类型", |
||||
type: "select", |
||||
dicUrl: "/api1/bd-system/dict/dictionary?code=net_type", |
||||
props: { |
||||
label: "dictValue", |
||||
value: "dictKey", |
||||
}, |
||||
dataType: "string", |
||||
prop: "netType", |
||||
labelWidth: 100, |
||||
search: true, |
||||
searchLabelWidth: 90, |
||||
slot: true, |
||||
}, |
||||
{ |
||||
label: "单价(元)", |
||||
prop: "price", |
||||
span: 22, |
||||
labelWidth: 100, |
||||
slot: true, |
||||
}, |
||||
], |
||||
}, |
||||
data: [], |
||||
}; |
||||
}, |
||||
computed: { |
||||
...mapGetters(["permission"]), |
||||
permissionList() { |
||||
return { |
||||
viewBtn: this.vaildData(this.permission.sourceApi_view, false), |
||||
editBtn: this.vaildData(this.permission.sourceApi_edit, false), |
||||
delBtn: this.vaildData(this.permission.sourceApi_delete, false), |
||||
}; |
||||
}, |
||||
}, |
||||
methods: { |
||||
beforeOpen(done, type) { |
||||
if (["edit", "view"].includes(type)) { |
||||
getDetail(this.form.id).then((res) => { |
||||
this.form = res.data.data; |
||||
}); |
||||
} |
||||
done(); |
||||
}, |
||||
searchReset() { |
||||
this.query = {}; |
||||
this.onLoad(this.page); |
||||
}, |
||||
searchChange(params, done) { |
||||
this.query = params; |
||||
this.page.currentPage = 1; |
||||
this.onLoad(this.page, params); |
||||
done(); |
||||
}, |
||||
currentChange(currentPage) { |
||||
this.page.currentPage = currentPage; |
||||
}, |
||||
sizeChange(pageSize) { |
||||
this.page.pageSize = pageSize; |
||||
}, |
||||
refreshChange() { |
||||
this.onLoad(this.page, this.query); |
||||
}, |
||||
onLoad(page, params = {}) { |
||||
this.loading = true; |
||||
getList( |
||||
page.currentPage, |
||||
page.pageSize, |
||||
Object.assign(params, this.query) |
||||
).then((res) => { |
||||
const data = res.data.data; |
||||
this.page.total = data.total; |
||||
data.records.forEach((item) => { |
||||
if (item.netType == "cmcc") { |
||||
item.price = this.printFn(item.priceCmcc / 10000); |
||||
} else if (item.netType == "ctcc") { |
||||
item.price = this.printFn(item.priceCtcc / 10000); |
||||
} else if (item.netType == "cucc") { |
||||
item.price = this.printFn(item.priceCucc / 10000); |
||||
} |
||||
}); |
||||
this.data = data.records; |
||||
this.loading = false; |
||||
}); |
||||
}, |
||||
printFn(value) { |
||||
const precision = 14; |
||||
return Number(math.format(value, precision)); |
||||
}, |
||||
}, |
||||
}; |
||||
</script> |
||||
|
||||
<style></style> |
||||
@ -1,157 +0,0 @@
|
||||
<template> |
||||
<basic-container> |
||||
<avue-crud |
||||
:option="option" |
||||
:table-loading="loading" |
||||
:data="data" |
||||
:page.sync="page" |
||||
:permission="permissionList" |
||||
:before-open="beforeOpen" |
||||
v-model="form" |
||||
ref="crud" |
||||
@row-update="rowUpdate" |
||||
@row-save="rowSave" |
||||
@row-del="rowDel" |
||||
@search-change="searchChange" |
||||
@search-reset="searchReset" |
||||
@current-change="currentChange" |
||||
@size-change="sizeChange" |
||||
@refresh-change="refreshChange" |
||||
@on-load="onLoad" |
||||
> |
||||
<template slot="totalFee" slot-scope="scope"> |
||||
{{ printFn(scope.row.totalFee / 10000) }} |
||||
</template> |
||||
</avue-crud> |
||||
</basic-container> |
||||
</template> |
||||
|
||||
<script> |
||||
import { getList } from "@/api/customerbill/daily"; |
||||
import { mapGetters } from "vuex"; |
||||
import * as math from "mathjs"; |
||||
export default { |
||||
data() { |
||||
return { |
||||
form: {}, |
||||
query: {}, |
||||
loading: true, |
||||
page: { |
||||
pageSize: 10, |
||||
currentPage: 1, |
||||
total: 0, |
||||
}, |
||||
dialogVisible: false, |
||||
option: { |
||||
tip: false, |
||||
searchShow: true, |
||||
searchMenuSpan: 6, |
||||
border: true, |
||||
index: true, |
||||
addBtn: false, |
||||
viewBtn: false, |
||||
editBtn: false, |
||||
delBtn: false, |
||||
menu: false, |
||||
columnBtn: false, |
||||
selection: false, |
||||
dialogClickModal: false, |
||||
dialogWidth: "45%", |
||||
column: [ |
||||
{ |
||||
label: "账单时间", |
||||
type: "date", |
||||
format: "yyyy-MM-dd", |
||||
valueFormat: "yyyyMMdd", |
||||
prop: "date", |
||||
search: true, |
||||
searchLabelWidth: 90, |
||||
slot: true, |
||||
editDisplay: false, |
||||
}, |
||||
{ |
||||
label: "API名称", |
||||
prop: "productApiName", |
||||
editDisplay: false, |
||||
}, |
||||
{ |
||||
label: "计费次数", |
||||
prop: "totalCount", |
||||
|
||||
slot: true, |
||||
editDisplay: false, |
||||
}, |
||||
{ |
||||
label: "账单金额(元)", |
||||
prop: "totalFee", |
||||
labelWidth: 100, |
||||
slot: true, |
||||
editDisplay: false, |
||||
}, |
||||
], |
||||
}, |
||||
data: [], |
||||
}; |
||||
}, |
||||
computed: { |
||||
...mapGetters(["permission"]), |
||||
permissionList() { |
||||
return { |
||||
viewBtn: this.vaildData(this.permission.sourceApi_view, false), |
||||
editBtn: this.vaildData(this.permission.sourceApi_edit, false), |
||||
delBtn: this.vaildData(this.permission.sourceApi_delete, false), |
||||
}; |
||||
}, |
||||
}, |
||||
methods: { |
||||
beforeOpen(done, type) { |
||||
if (["edit", "view"].includes(type)) { |
||||
getDetail(this.form.id).then((res) => { |
||||
this.form = res.data.data; |
||||
this.form.totalFee = this.printFn(res.data.data.totalFee / 10000); |
||||
}); |
||||
} |
||||
done(); |
||||
}, |
||||
searchReset() { |
||||
this.query = {}; |
||||
this.onLoad(this.page); |
||||
}, |
||||
searchChange(params, done) { |
||||
this.query = params; |
||||
this.page.currentPage = 1; |
||||
this.onLoad(this.page, params); |
||||
done(); |
||||
}, |
||||
currentChange(currentPage) { |
||||
this.page.currentPage = currentPage; |
||||
}, |
||||
sizeChange(pageSize) { |
||||
this.page.pageSize = pageSize; |
||||
}, |
||||
refreshChange() { |
||||
this.onLoad(this.page, this.query); |
||||
}, |
||||
onLoad(page, params = {}) { |
||||
this.loading = true; |
||||
getList( |
||||
page.currentPage, |
||||
page.pageSize, |
||||
Object.assign(params, this.query) |
||||
).then((res) => { |
||||
const data = res.data.data; |
||||
this.page.total = data.total; |
||||
this.data = data.records; |
||||
this.loading = false; |
||||
}); |
||||
}, |
||||
|
||||
printFn(value) { |
||||
const precision = 14; |
||||
return Number(math.format(value, precision)); |
||||
}, |
||||
}, |
||||
}; |
||||
</script> |
||||
|
||||
<style></style> |
||||
@ -1,158 +0,0 @@
|
||||
<template> |
||||
<basic-container> |
||||
<avue-crud |
||||
:option="option" |
||||
:table-loading="loading" |
||||
:data="data" |
||||
:page.sync="page" |
||||
:permission="permissionList" |
||||
:before-open="beforeOpen" |
||||
v-model="form" |
||||
ref="crud" |
||||
@row-update="rowUpdate" |
||||
@row-save="rowSave" |
||||
@row-del="rowDel" |
||||
@search-change="searchChange" |
||||
@search-reset="searchReset" |
||||
@current-change="currentChange" |
||||
@size-change="sizeChange" |
||||
@refresh-change="refreshChange" |
||||
@on-load="onLoad" |
||||
> |
||||
<template slot="totalFee" slot-scope="scope"> |
||||
{{ printFn(scope.row.totalFee / 10000) }} |
||||
</template> |
||||
</avue-crud> |
||||
</basic-container> |
||||
</template> |
||||
|
||||
<script> |
||||
import {getList } from "@/api/customerbill/month"; |
||||
import { mapGetters } from "vuex"; |
||||
import * as math from "mathjs"; |
||||
export default { |
||||
data() { |
||||
return { |
||||
form: {}, |
||||
query: {}, |
||||
loading: true, |
||||
dialogVisible: false, |
||||
page: { |
||||
pageSize: 10, |
||||
currentPage: 1, |
||||
total: 0, |
||||
}, |
||||
option: { |
||||
tip: false, |
||||
searchShow: true, |
||||
searchMenuSpan: 6, |
||||
border: true, |
||||
index: true, |
||||
addBtn: false, |
||||
menu: false, |
||||
viewBtn: false, |
||||
editBtn: false, |
||||
delBtn: false, |
||||
columnBtn: false, |
||||
selection: false, |
||||
dialogClickModal: false, |
||||
dialogWidth: "45%", |
||||
column: [ |
||||
{ |
||||
label: "账单时间", |
||||
type: "month", |
||||
format: "yyyy-MM", |
||||
valueFormat: "yyyyMM", |
||||
prop: "date", |
||||
search: true, |
||||
searchLabelWidth: 90, |
||||
slot: true, |
||||
editDisplay: false, |
||||
}, |
||||
{ |
||||
label: "API名称", |
||||
prop: "productApiName", |
||||
editDisplay: false, |
||||
}, |
||||
{ |
||||
label: "计费次数", |
||||
prop: "totalCount", |
||||
slot: true, |
||||
editDisplay: false, |
||||
}, |
||||
{ |
||||
label: "账单金额(元)", |
||||
prop: "totalFee", |
||||
labelWidth: 100, |
||||
slot: true, |
||||
editDisplay: false, |
||||
}, |
||||
], |
||||
}, |
||||
data: [], |
||||
}; |
||||
}, |
||||
computed: { |
||||
...mapGetters(["permission"]), |
||||
permissionList() { |
||||
return { |
||||
viewBtn: this.vaildData(this.permission.sourceApi_view, false), |
||||
editBtn: this.vaildData(this.permission.sourceApi_edit, false), |
||||
delBtn: this.vaildData(this.permission.sourceApi_delete, false), |
||||
}; |
||||
}, |
||||
}, |
||||
|
||||
methods: { |
||||
beforeOpen(done, type) { |
||||
if (["edit", "view"].includes(type)) { |
||||
getDetail(this.form.id).then((res) => { |
||||
this.form = res.data.data; |
||||
this.form.totalFee = this.printFn(res.data.data.totalFee / 10000); |
||||
}); |
||||
} |
||||
done(); |
||||
}, |
||||
searchReset() { |
||||
this.query = {}; |
||||
this.onLoad(this.page); |
||||
}, |
||||
searchChange(params, done) { |
||||
this.query = params; |
||||
this.page.currentPage = 1; |
||||
this.onLoad(this.page, params); |
||||
done(); |
||||
}, |
||||
currentChange(currentPage) { |
||||
this.page.currentPage = currentPage; |
||||
}, |
||||
sizeChange(pageSize) { |
||||
this.page.pageSize = pageSize; |
||||
}, |
||||
refreshChange() { |
||||
this.onLoad(this.page, this.query); |
||||
}, |
||||
onLoad(page, params = {}) { |
||||
this.loading = true; |
||||
getList( |
||||
page.currentPage, |
||||
page.pageSize, |
||||
Object.assign(params, this.query) |
||||
).then((res) => { |
||||
const data = res.data.data; |
||||
this.page.total = data.total; |
||||
this.data = data.records; |
||||
this.loading = false; |
||||
}); |
||||
}, |
||||
|
||||
|
||||
printFn(value) { |
||||
const precision = 14; |
||||
return Number(math.format(value, precision)); |
||||
}, |
||||
}, |
||||
}; |
||||
</script> |
||||
|
||||
<style></style> |
||||
@ -1,349 +0,0 @@
|
||||
<template> |
||||
<basic-container> |
||||
<avue-crud |
||||
:option="option" |
||||
:table-loading="loading" |
||||
:data="data" |
||||
:page.sync="page" |
||||
:permission="permissionList" |
||||
:before-open="beforeOpen" |
||||
v-model="form" |
||||
ref="crud" |
||||
@row-update="rowUpdate" |
||||
@row-save="rowSave" |
||||
@row-del="rowDel" |
||||
@search-change="searchChange" |
||||
@search-reset="searchReset" |
||||
@current-change="currentChange" |
||||
@size-change="sizeChange" |
||||
@refresh-change="refreshChange" |
||||
@on-load="onLoad" |
||||
> |
||||
<template slot="price" slot-scope="scope"> |
||||
{{ printFn(scope.row.price / 10000) }} |
||||
</template> |
||||
<template #menu="{ row }"> |
||||
<el-button |
||||
type="text" |
||||
size="mini" |
||||
icon="el-icon-tickets" |
||||
@click.stop="handleChange(row)" |
||||
> |
||||
价格变更记录 |
||||
</el-button> |
||||
</template> |
||||
</avue-crud> |
||||
|
||||
<el-dialog |
||||
title="价格变更记录" |
||||
:visible.sync="visit" |
||||
v-if="visit" |
||||
width="60%" |
||||
:before-close="close" |
||||
append-to-body |
||||
> |
||||
<el-table :data="tableData" style="width: 100%" v-loading="loadings"> |
||||
<el-table-column prop="apiName" label="api名称" width="200"> |
||||
</el-table-column> |
||||
<el-table-column prop="price" label="价格(元)" width="130"> |
||||
<template slot-scope="scope"> |
||||
{{ printFn(scope.row.price / 10000) }} |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column prop="content" label="操作记录"> </el-table-column> |
||||
<el-table-column prop="updateTime" label="操作时间" width="180"> |
||||
</el-table-column> |
||||
<el-table-column prop="operatorName" label="操作人" width="100"> |
||||
</el-table-column> |
||||
</el-table> |
||||
<el-pagination |
||||
@size-change="handleSizeChange" |
||||
@current-change="handleCurrentChange" |
||||
:page-sizes="[10, 20, 30, 40]" |
||||
:page-size="10" |
||||
layout="total,sizes, prev, pager, next" |
||||
:total="totals" |
||||
> |
||||
</el-pagination> |
||||
<span slot="footer" class="dialog-footer"> |
||||
<el-button type="primary" @click="close" size="mini">确 定</el-button> |
||||
</span> |
||||
</el-dialog> |
||||
</basic-container> |
||||
</template> |
||||
|
||||
<script> |
||||
import { |
||||
getDetail, |
||||
getList, |
||||
add, |
||||
update, |
||||
remove, |
||||
change, |
||||
} from "@/api/core/source/sourceApi"; |
||||
import { mapGetters } from "vuex"; |
||||
import * as math from "mathjs"; |
||||
export default { |
||||
data() { |
||||
return { |
||||
form: {}, |
||||
query: {}, |
||||
loading: true, |
||||
loadings: false, |
||||
page: { |
||||
pageSize: 10, |
||||
currentPage: 1, |
||||
total: 0, |
||||
}, |
||||
formInline: { |
||||
current: 1, |
||||
size: 10, |
||||
}, |
||||
totals: "", |
||||
visit: false, |
||||
option: { |
||||
tip: false, |
||||
searchShow: true, |
||||
searchMenuSpan: 6, |
||||
border: true, |
||||
index: true, |
||||
addBtn: false, |
||||
viewBtn: true, |
||||
delBtn: false, |
||||
columnBtn: false, |
||||
selection: false, |
||||
dialogClickModal: false, |
||||
dialogWidth: "45%", |
||||
menuWidth: 300, |
||||
column: [ |
||||
{ |
||||
label: "资源方", |
||||
type: "select", |
||||
dicUrl: "/api1/bd-system/dict/dictionary?code=source_type", |
||||
props: { |
||||
label: "dictValue", |
||||
value: "dictKey", |
||||
}, |
||||
dataType: "number", |
||||
prop: "sourceType", |
||||
labelWidth: 100, |
||||
search: true, |
||||
searchLabelWidth: 90, |
||||
slot: true, |
||||
editDisplay: false, |
||||
}, |
||||
{ |
||||
label: "API名称", |
||||
prop: "apiName", |
||||
rules: [ |
||||
{ |
||||
required: true, |
||||
message: "请输入配置名称", |
||||
trigger: "blur", |
||||
}, |
||||
], |
||||
editDisplay: false, |
||||
}, |
||||
{ |
||||
label: "接口类型", |
||||
type: "select", |
||||
dicUrl: "/api1/bd-system/dict/dictionary?code=api_type", |
||||
props: { |
||||
label: "dictValue", |
||||
value: "dictKey", |
||||
}, |
||||
dataType: "number", |
||||
prop: "apiType", |
||||
labelWidth: 100, |
||||
search: true, |
||||
slot: true, |
||||
editDisplay: false, |
||||
}, |
||||
{ |
||||
label: "运营商类型", |
||||
type: "select", |
||||
dicUrl: "/api1/bd-system/dict/dictionary?code=net_type", |
||||
props: { |
||||
label: "dictValue", |
||||
value: "dictKey", |
||||
}, |
||||
dataType: "string", |
||||
prop: "netType", |
||||
labelWidth: 100, |
||||
search: true, |
||||
searchLabelWidth: 90, |
||||
slot: true, |
||||
editDisplay: false, |
||||
}, |
||||
{ |
||||
label: "单价(元)", |
||||
prop: "price", |
||||
slot: true, |
||||
labelWidth: 100, |
||||
rules: [ |
||||
{ required: false, message: "请输入产品单价", trigger: "blur" }, |
||||
], |
||||
}, |
||||
], |
||||
}, |
||||
data: [], |
||||
tableData: [], //价格变更列表 |
||||
sourceApiId: "", //价格变更记录的id |
||||
}; |
||||
}, |
||||
computed: { |
||||
...mapGetters(["permission"]), |
||||
permissionList() { |
||||
return { |
||||
viewBtn: this.vaildData(this.permission.sourceApi_view, false), |
||||
editBtn: this.vaildData(this.permission.sourceApi_edit, false), |
||||
delBtn: this.vaildData(this.permission.sourceApi_delete, false), |
||||
}; |
||||
}, |
||||
}, |
||||
methods: { |
||||
rowSave(row, done, loading) { |
||||
add(row).then( |
||||
() => { |
||||
this.onLoad(this.page); |
||||
this.$message({ |
||||
type: "success", |
||||
message: "操作成功!", |
||||
}); |
||||
done(); |
||||
}, |
||||
(error) => { |
||||
loading(); |
||||
window.console.log(error); |
||||
} |
||||
); |
||||
}, |
||||
rowUpdate(row, index, done, loading) { |
||||
update({ |
||||
id: row.id, |
||||
apiName: row.apiName, |
||||
price: this.printFn(row.price * 10000), |
||||
}).then( |
||||
() => { |
||||
this.onLoad(this.page); |
||||
this.$message({ |
||||
type: "success", |
||||
message: "操作成功!", |
||||
}); |
||||
done(); |
||||
}, |
||||
(error) => { |
||||
loading(); |
||||
console.log(error); |
||||
} |
||||
); |
||||
}, |
||||
rowDel(row) { |
||||
this.$confirm("确定将选择数据删除?", { |
||||
confirmButtonText: "确定", |
||||
cancelButtonText: "取消", |
||||
type: "warning", |
||||
}) |
||||
.then(() => { |
||||
return remove(row.id); |
||||
}) |
||||
.then(() => { |
||||
this.onLoad(this.page); |
||||
this.$message({ |
||||
type: "success", |
||||
message: "操作成功!", |
||||
}); |
||||
}); |
||||
}, |
||||
beforeOpen(done, type) { |
||||
if (["edit", "view"].includes(type)) { |
||||
getDetail(this.form.id).then((res) => { |
||||
this.form.price = this.printFn(res.data.data.price / 10000); |
||||
}); |
||||
} |
||||
done(); |
||||
}, |
||||
searchReset() { |
||||
this.query = {}; |
||||
this.onLoad(this.page); |
||||
}, |
||||
searchChange(params, done) { |
||||
this.query = params; |
||||
this.page.currentPage = 1; |
||||
this.onLoad(this.page, params); |
||||
done(); |
||||
}, |
||||
currentChange(currentPage) { |
||||
this.page.currentPage = currentPage; |
||||
}, |
||||
sizeChange(pageSize) { |
||||
this.page.pageSize = pageSize; |
||||
}, |
||||
refreshChange() { |
||||
this.onLoad(this.page, this.query); |
||||
}, |
||||
onLoad(page, params = {}) { |
||||
this.loading = true; |
||||
getList( |
||||
page.currentPage, |
||||
page.pageSize, |
||||
Object.assign(params, this.query) |
||||
).then((res) => { |
||||
const data = res.data.data; |
||||
this.page.total = data.total; |
||||
this.data = data.records; |
||||
this.loading = false; |
||||
}); |
||||
}, |
||||
//价格变更弹窗 |
||||
handleChange(row) { |
||||
this.visit = true; |
||||
|
||||
this.sourceApiId = row.id; |
||||
if (this.sourceApiId) { |
||||
this.list(); |
||||
} |
||||
}, |
||||
//价格变更列表 |
||||
list() { |
||||
let params = { |
||||
sourceApiId: this.sourceApiId, |
||||
current: this.formInline.current, |
||||
size: this.formInline.size, |
||||
}; |
||||
this.loadings = true; |
||||
change(params) |
||||
.then((res) => { |
||||
if (res.data.code == 200) { |
||||
this.tableData = res.data.data.records; |
||||
this.totals = res.data.data.total; |
||||
this.loadings = false; |
||||
} |
||||
}) |
||||
.catch(() => { |
||||
this.loadings = false; |
||||
}); |
||||
}, |
||||
handleSizeChange(val) { |
||||
this.formInline.size = val; |
||||
this.list(); |
||||
}, |
||||
handleCurrentChange(val) { |
||||
this.formInline.current = val; |
||||
this.list(); |
||||
}, |
||||
//关闭价格变更记录弹窗 |
||||
close() { |
||||
this.visit = false; |
||||
this.formInline.current = 1; |
||||
this.formInline.size = 10; |
||||
}, |
||||
printFn(value) { |
||||
const precision = 14; |
||||
return Number(math.format(value, precision)); |
||||
}, |
||||
}, |
||||
}; |
||||
</script> |
||||
|
||||
<style></style> |
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in new issue