zmj
/
tradeScreen
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add

This commit is contained in:
zmj 2024-04-09 17:52:37 +08:00
parent 29c5f8f57a
commit 96bcd8a40d
3 changed files with 29 additions and 54 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
dist.zip Normal file
View File

Binary file not shown.

20
src/view/commodity.vue
View File

@ -75,7 +75,6 @@ const value = ref(2)
const tableClick = (e) => { const tableClick = (e) => {
if (e.ceil) { if (e.ceil) {
if (e.columnIndex == 1) { if (e.columnIndex == 1) {
let tag = document.getElementById(`zmj${e.rowIndex}`) let tag = document.getElementById(`zmj${e.rowIndex}`)
let tag2 = document.getElementById(`lj${e.rowIndex}`) let tag2 = document.getElementById(`lj${e.rowIndex}`)
tag.style.display = 'none' tag.style.display = 'none'
@ -104,6 +103,7 @@ const num = (n) => {
const ShwostoreType = ref(true) const ShwostoreType = ref(true)
const a = (aaa, data, flag) => { const a = (aaa, data, flag) => {
if (flag) { if (flag) {
console.log(data,'data')
data.forEach((item, i) => { data.forEach((item, i) => {
if (i % 2 == 0) { if (i % 2 == 0) {
@ -123,7 +123,6 @@ const a = (aaa, data, flag) => {
`<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #02243D;'> `<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #02243D;'>
${num(item.star)} ${num(item.star)}
</div>`, </div>`,
`<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #02243D;'>${item.update_time}</div>`, `<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #02243D;'>${item.update_time}</div>`,
] ]
) )
@ -133,15 +132,14 @@ const a = (aaa, data, flag) => {
`<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #102B3E;'>${i + 1}</div>`, `<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #102B3E;'>${i + 1}</div>`,
`<div style='width: 100%;text-align: center; height: 40px; color: aliceblue; background: #102B3E;dislay:flex;align-items:center;box-sizing: border-box; padding-top: 5px;'> `<div style='width: 100%;text-align: center; height: 40px; color: aliceblue; background: #102B3E;dislay:flex;align-items:center;box-sizing: border-box; padding-top: 5px;'>
<img src='${item.image}' style='width:25px;height:25px;margin-top:1px'> <img src='${item.image}' style='width:25px;height:25px;margin-top:1px'>
</div>`, </div>`,
`<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #102B3E;'>${item.store_name}</div>`, `<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #102B3E;'>${item.store_name}</div>`,
`<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #102B3E;'>${item.merchant.mer_name}</div>`, `<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #102B3E;'>${item.merchant?.mer_name}</div>`,
`<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #102B3E;'>${item.merchant?.is_trader ? '自营' : '非自营' || '--'}</div>`, `<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #102B3E;'>${item.merchant?.is_trader ? '自营' : '非自营' || '--'}</div>`,
`<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #102B3E;'>${item.price}</div>`, `<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #102B3E;'>${item.price}</div>`,
`<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #102B3E;'>${item.storeCategory?.cate_name || "--"}</div>`, `<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #102B3E;'>${item.storeCategory?.cate_name || "--"}</div>`,
`<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #102B3E;'>${item.attrValue[0].sales}</div>`, `<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #102B3E;'>${item.sales}</div>`,
`<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #102B3E;'>${item.attrValue[0].stock}</div>`, `<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #102B3E;'>${item.stock}</div>`,
`<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #102B3E;'> `<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #102B3E;'>
${num(item.star)} ${num(item.star)}
</div>`, </div>`,
@ -180,17 +178,11 @@ const a = (aaa, data, flag) => {
`<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #102B3E;'>${item.is_show ? '显示' : '不显示'}</div>`, `<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #102B3E;'>${item.is_show ? '显示' : '不显示'}</div>`,
`<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #102B3E;'>${item.is_hot ? '推荐' : '不推荐'}</div>`, `<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #102B3E;'>${item.is_hot ? '推荐' : '不推荐'}</div>`,
`<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #102B3E;'>${item.create_time}</div>`, `<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #102B3E;'>${item.create_time}</div>`,
] ]
) )
} }
}) })
} }
// <img src='${item.image}' style='width:25px;height:25px;margin-top:5px'>
} }
const configs = reactive({ const configs = reactive({
headerBGC: "linear-gradient(to right, #ff0000, #00ff00)", headerBGC: "linear-gradient(to right, #ff0000, #00ff00)",
@ -198,15 +190,12 @@ const configs = reactive({
evenRowBGC: "", evenRowBGC: "",
rowNum: 20, rowNum: 20,
header: [ header: [
`<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: linear-gradient(#002841, #007092);'>排序</div>`, `<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: linear-gradient(#002841, #007092);'>排序</div>`,
`<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: linear-gradient(#002841, #007092);'>分类名称</div>`, `<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: linear-gradient(#002841, #007092);'>分类名称</div>`,
`<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: linear-gradient(#002841, #007092);'>分类图标</div>`, `<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: linear-gradient(#002841, #007092);'>分类图标</div>`,
`<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: linear-gradient(#002841, #007092);'>是否显示</div>`, `<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: linear-gradient(#002841, #007092);'>是否显示</div>`,
`<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: linear-gradient(#002841, #007092);'>是否推荐</div>`, `<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: linear-gradient(#002841, #007092);'>是否推荐</div>`,
`<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: linear-gradient(#002841, #007092);'>创建时间</div>` `<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: linear-gradient(#002841, #007092);'>创建时间</div>`
], ],
data: [ data: [
] ]
@ -218,7 +207,6 @@ const configs2 = reactive({
evenRowBGC: "", evenRowBGC: "",
rowNum: 20, rowNum: 20,
header: [ header: [
`<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: linear-gradient(#002841, #007092);'>ID</div>`, `<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: linear-gradient(#002841, #007092);'>ID</div>`,
`<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: linear-gradient(#002841, #007092);'>商品图</div>`, `<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: linear-gradient(#002841, #007092);'>商品图</div>`,
`<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: linear-gradient(#002841, #007092);'>商品名称</div>`, `<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: linear-gradient(#002841, #007092);'>商品名称</div>`,

63
src/view/finance.vue
View File

@ -24,7 +24,7 @@
</div> </div>
<div class="table" v-if="true"> <div class="table" v-if="true">
<dv-scroll-board :config="configs" v-if="headerIndex == 0" @click='hdClick' <dv-scroll-board :config="configs" v-if="headerIndex == 0 && configs.data.length"
style="width:95vw;height:78vh" /> style="width:95vw;height:78vh" />
<dv-scroll-board :config="configs1" v-if="headerIndex == 1 && configs1.data.length" <dv-scroll-board :config="configs1" v-if="headerIndex == 1 && configs1.data.length"
style="width:95vw;height:78vh" /> style="width:95vw;height:78vh" />
@ -317,7 +317,6 @@ const foundIcon = (te) => {
} }
// console.log(foundIcon('订单收入总金额'))
@ -326,15 +325,19 @@ const foundIcon = (te) => {
const changeTable = (type, num) => { const changeTable = (type, num) => {
if (type == 0) { if (type == 0) {
configs.data.splice(0, configs.data.length)
configs.data.splice(0, configs.data.length) configs.data.splice(0, configs.data.length)
withdraw_listApi( withdraw_listApi(
{ {
...areaStore.area, ...areaStore.area,
limit: 50, limit: 50,
} }
).then(res => { ).then(res => {
addDta(res.data.list) addDta(res.data.list)
}) })
} }
if (type == 1) { if (type == 1) {
configs1.data.splice(0, configs1.data.length) configs1.data.splice(0, configs1.data.length)
@ -346,7 +349,6 @@ const changeTable = (type, num) => {
} }
).then(res => { ).then(res => {
addDta(res.data.list) addDta(res.data.list)
// addDta(testList)
}) })
} }
@ -370,8 +372,8 @@ const changeTable = (type, num) => {
} }
const hdClick = (e) => { const hdClick = (e) => {
if (e.columnIndex == 10) {
} alert(45)
} }
@ -385,51 +387,37 @@ const extractTypeFn = (type) => {
const statusFn = (type) => { const statusFn = (type) => {
if (type == -1) return "未通过" if (type == -1) return "未通过"
if (type == 0) return "审核中" if (type == 0) return "审核中"
if (type == 1) return "已提现" if (type == 1) return "审核通过"
} }
const addDta = (data) => { const addDta = (data) => {
data.reverse().forEach((item, i) => { data.reverse().forEach((item, i) => {
if (headerIndex.value == 0) { if (headerIndex.value == 0) {
if (i % 2 == 0) { if (i % 2 == 0) {
configs.data.push( configs.data.push(
[ [
`<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #02243D;'>${i + 1}</div>`, `<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #02243D;'>${i + 1}</div>`,
`<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #02243D;'> `<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #02243D;' >${item.merchant?.is_trader?"自营":"非自营"}</div>`,
<img src=${item.extract_pic} style='width:30px;height:30px'> `<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #02243D;'>${item.merchant?.mer_name}</div>`,
</div>`, `<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #02243D;'>${item.create_time}</div>`,
`<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #02243D;' >${item.real_name}</div>`, `<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #02243D;'>${item.extract_money}</div>`,
`<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #02243D;'>${item.uid}</div>`, `<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #02243D;'>${'银行'}</div>`,
`<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #02243D;'>${item.real_name}</div>`,
`<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #02243D;'>${item.extract_price}</div>`,
`<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #02243D;'>${extractTypeFn(item.extract_type)}</div>`,
`<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #02243D;'>${"--"}</div>`,
`<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #02243D;'>${item.bank_code}</div>`,
`<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #02243D;'>${statusFn(item.status)}</div>`, `<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #02243D;'>${statusFn(item.status)}</div>`,
`<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #102B3E;'>${item.fail_msg || '--'}</div>`, `<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #02243D;'>${item.financial_status?"已到账":"未到账"}</div>`,
`<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #102B3E;'>${item.create_time || '--'}</div>`,
], ],
) )
} else { } else {
configs.data.push( configs.data.push(
[`<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #102B3E;'>${item.uid}</div>`, [
`<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #102B3E;'> `<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #102B3E;'>${i + 1}</div>`,
<img src=${item.extract_pic} style='width:30px;height:30px'> `<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #102B3E;' >${item.merchant?.is_trader?"自营":"非自营"}</div>`,
</div>`, `<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #102B3E;'>${item.merchant?.mer_name}</div>`,
`<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #102B3E;'>${item.real_name}</div>`, `<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #102B3E;'>${item.create_time}</div>`,
`<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #102B3E;'>${item.uid}</div>`, `<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #102B3E;'>${item.extract_money}</div>`,
`<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #102B3E;'>${item.real_name}</div>`, `<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #102B3E;'>${'银行'}</div>`,
`<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #102B3E;'>${item.extract_price}</div>`, `<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #102B3E;'>${statusFn(item.status)}</div>`,
`<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #102B3E;'>${extractTypeFn(item.extract_type)}</div>`, `<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #102B3E;'>${item.financial_status?"已到账":"未到账"}</div>`,
`<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #102B3E;'>${"--"}</div>`,
`<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #102B3E;'>${item.bank_code}</div>`,
`<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #102B3E;'>${statusFn(item.status)}</div>`,
`<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #102B3E;'>${item.fail_msg || '--'}</div>`,
`<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #102B3E;'>${item.create_time || '--'}</div>`,
] ]
) )
} }
@ -498,7 +486,7 @@ const addDta = (data) => {
}) })
console.log(configs)
} }
@ -542,7 +530,7 @@ const configs2 = reactive({
const headerIndex = ref(0) const headerIndex = ref(0)
const configList = reactive([configs, configs1, configs2]) const configList = reactive([configs, configs1, configs2])
const headerList = [ const headerList = [
['序号', '二维码', '用户信息', '用户UID', '户名', '提现金额', '提现方式', '银行名称', '账号', '审核状态', '拒绝原因', '添加时间'], ['序号', '商户类别', '商户名称', '申请时间', '转账金额（元）', '收款方式', '审核状态', '到账状态', ],
['会员ID', '昵称', '金额', '明细类型', '备注', '创建时间'], ['会员ID', '昵称', '金额', '明细类型', '备注', '创建时间'],
['序号', '日期', '账期内收入', '账期内支出', '平台入账金额', '操作'], ['序号', '日期', '账期内收入', '账期内支出', '平台入账金额', '操作'],
@ -569,7 +557,6 @@ const detailData = reactive({})
const hdClick3 = (e) => { const hdClick3 = (e) => {
if (e.columnIndex == 5) { if (e.columnIndex == 5) {
if (billType.value == 1) { if (billType.value == 1) {
financial_record_detailApi( financial_record_detailApi(
{ ...areaStore.area, date: billData[e.rowIndex].time } { ...areaStore.area, date: billData[e.rowIndex].time }