Преглед изворни кода

mock接口,整理注销退费逻辑

master
admin пре 3 година
родитељ
комит
cfd75e5749

+ 34
- 1
package-lock.json Прегледај датотеку

@@ -1,5 +1,5 @@
{
"name": "etcProject",
"name": "etc-project",
"version": "0.0.0",
"lockfileVersion": 2,
"requires": true,
@@ -17,6 +17,7 @@
"js-cookie": "^3.0.1",
"jsencrypt": "^3.2.1",
"less": "^4.1.2",
"mockjs": "^1.1.0",
"qs": "^6.10.3",
"screenfull": "^6.0.1",
"vue": "^3.2.2",
@@ -1003,6 +1004,14 @@
"node": ">= 0.8"
}
},
"node_modules/commander": {
"version": "9.2.0",
"resolved": "https://registry.npmmirror.com/commander/-/commander-9.2.0.tgz",
"integrity": "sha512-e2i4wANQiSXgnrBlIatyHtP1odfUp0BbV5Y5nEGbxtIrStkEOAAzCUirvLBNXHLr7kwLvJl6V+4V3XV9x7Wd9w==",
"engines": {
"node": "^12.20.0 || >=14"
}
},
"node_modules/concat-map": {
"version": "0.0.1",
"resolved": "https://registry.npm.taobao.org/concat-map/download/concat-map-0.0.1.tgz",
@@ -2355,6 +2364,17 @@
"mkdirp": "bin/cmd.js"
}
},
"node_modules/mockjs": {
"version": "1.1.0",
"resolved": "https://registry.npmmirror.com/mockjs/-/mockjs-1.1.0.tgz",
"integrity": "sha512-eQsKcWzIaZzEZ07NuEyO4Nw65g0hdWAyurVol1IPl1gahRwY+svqzfgfey8U8dahLwG44d6/RwEzuK52rSa/JQ==",
"dependencies": {
"commander": "*"
},
"bin": {
"random": "bin/random"
}
},
"node_modules/ms": {
"version": "2.1.2",
"resolved": "https://registry.npmmirror.com/ms/download/ms-2.1.2.tgz",
@@ -4373,6 +4393,11 @@
"delayed-stream": "~1.0.0"
}
},
"commander": {
"version": "9.2.0",
"resolved": "https://registry.npmmirror.com/commander/-/commander-9.2.0.tgz",
"integrity": "sha512-e2i4wANQiSXgnrBlIatyHtP1odfUp0BbV5Y5nEGbxtIrStkEOAAzCUirvLBNXHLr7kwLvJl6V+4V3XV9x7Wd9w=="
},
"concat-map": {
"version": "0.0.1",
"resolved": "https://registry.npm.taobao.org/concat-map/download/concat-map-0.0.1.tgz",
@@ -5407,6 +5432,14 @@
"minimist": "^1.2.5"
}
},
"mockjs": {
"version": "1.1.0",
"resolved": "https://registry.npmmirror.com/mockjs/-/mockjs-1.1.0.tgz",
"integrity": "sha512-eQsKcWzIaZzEZ07NuEyO4Nw65g0hdWAyurVol1IPl1gahRwY+svqzfgfey8U8dahLwG44d6/RwEzuK52rSa/JQ==",
"requires": {
"commander": "*"
}
},
"ms": {
"version": "2.1.2",
"resolved": "https://registry.npmmirror.com/ms/download/ms-2.1.2.tgz",

+ 1
- 0
package.json Прегледај датотеку

@@ -18,6 +18,7 @@
"js-cookie": "^3.0.1",
"jsencrypt": "^3.2.1",
"less": "^4.1.2",
"mockjs": "^1.1.0",
"qs": "^6.10.3",
"screenfull": "^6.0.1",
"vue": "^3.2.2",

+ 3
- 0
src/main.ts Прегледај датотеку

@@ -20,6 +20,9 @@ import * as request from '@/api/index'

import itemIoc from '@/layout/components/ItemIcon.vue'

//引入mo.js,接入真实接口后直接删除引用即可
import "@/mock"

const app = createApp(App)
//app.component('downloadExcel', JsonExcel)
//全局注册请求

+ 65
- 0
src/mock/fcc/cancel.js Прегледај датотеку

@@ -0,0 +1,65 @@
import Mock from "mockjs";

let newList = Mock.mock({
'list|5': [
{
id: "@increment(1)",
//title: '@ctitle',
updat: '@date(yyyy-MM-dd hh:mm:ss)',
//info: '@cparagraph(5,10)',
small: "@dataImage(300x200,电影图片)",
cardId:"@id()",
"accountCardBalance|1-200.1-10":1.00,
"cancelBalance|1-200.1-10":1.00,
"postBalance|1-200.1-10":1.00,
"refundBalance|1-200.1-10":1.00,
'needByHandle|0-1':0,
'status|0-2':0
}
],
})

Mock.mock(/\/csms\/cancelServer\/cancelList/,"post", (options) => {
console.log("ope",options,'---',newList);
//var pageNo = getparams(options.body, 'pageNo');
var pageSize = getparams(options.body, 'pageSize');
//console.log(pagenum, pagesize)
return {
code: 200,
message: '请求列表成功!',
data: {
currentPage: 1,
pageCount: 15,
pageSize: 1,
result:[...newList.list],
totalCount: 15
}
}
})

Mock.mock(/\/csms\/cancelServer\/agree/,"post", (options) => {
//var pageNo = getparams(options.body, 'pageNo');
var id = getparams(options.body, 'id');
console.log(id)
return {
code: 200,
message: '请求列表成功!',
data: {}
}
})

Mock.mock(/\/csms\/cancelServer\/reject/,"post", (options) => {
var id = getparams(options.body, 'id');
//console.log(pagenum, pagesize)
return {
code: 200,
message: '请求列表成功!',
data: {}
}
})


const getparams=(option,agrument)=>{
//console.log(JSON.parse(option))
return JSON.parse(option);
}

+ 43
- 0
src/mock/fcc/recharge.js Прегледај датотеку

@@ -0,0 +1,43 @@
import Mock from "mockjs";


let newList = Mock.mock({
'list|5': [
{
id: "@increment(1)",
//title: '@ctitle',
updat: '@date(yyyy-MM-dd hh:mm:ss)',
//info: '@cparagraph(5,10)',
small: "@dataImage(300x200,电影图片)",
cardNumber:"@id()",
"cardbalance|1-200.1-10":1.00,
"balance|1-200.1-10":1.00,
"playbalance|1-200.1-10":1.00,
"salesbalance|1-200.1-10":1.00,
'status|-1-2':1
}
],
})

Mock.mock(/\/csms\/rechange\/List/,"post", (options) => {
//var pageNo = getparams(options.body, 'pageNo');
var id = getparams(options.body, 'id');
console.log(id)
return {
code: 200,
message: '请求列表成功!',
data: {
currentPage: 1,
pageCount: 24,
pageSize: 1,
result:[...newList.list],
totalCount: 24
}
}
})

const getparams=(option,agrument)=>{
//console.log(JSON.parse(option))
return JSON.parse(option);
}

+ 7
- 0
src/mock/index.js Прегледај датотеку

@@ -0,0 +1,7 @@
import "./fcc/cancel";
import "./fcc/recharge";
import Mock from "mockjs";
console.log("拦截")
Mock.setup({
timeout: "3000",
});

+ 6
- 5
src/views/fancongcong/advancepaymentaccount/advancepaymentaccount.vue Прегледај датотеку

@@ -65,7 +65,8 @@
</el-table-column>
</el-table>
<div class="page_box">
<el-pagination :page-size="20" :pager-count="11" layout="prev, pager, next" :total="pageCount"/>
<el-pagination :page-count="pageCount" :current-page="pageNo"
layout="prev, pager, next" @update:current-page="pagechange" />
</div>
<el-dialog v-model="dialogFormVisible" :title="title">
<el-form :model="form">
@@ -158,7 +159,7 @@ let dialogTableVisible = ref(false)
let dialogFormVisible = ref(false)
let dialogFormVisibles = ref(false)
let upload_dialogVisible = ref(false)
let pageCount = ref(0) //总页数
let pageCount = ref(1) //总页数
let formLabelWidth = '140px'
let form = reactive({
phone: '', //手机号
@@ -338,11 +339,11 @@ const grabble = () => {
proxy.$request
.post('/advancepayment/queryPage', data, {})
.then((res) => {
//console.log(res.data,data)
console.log(res.data)
if (res.data.code == 200) {
tableData.value = res.data.data.result
//console.log('res', tableData)
pageCount.value = res.data.pageCount
pageCount.value = res.data.data.pageCount
}
})
.catch((err) => {
@@ -356,7 +357,7 @@ onMounted(() => {

//获取当前页数据
const pagechange = (el) => {
console.log('el', el)
//console.log('el', el)
pageNo.value = el
grabble()
}

+ 157
- 138
src/views/fancongcong/cardrechargefix/cardrechargefix.vue Прегледај датотеку

@@ -11,12 +11,12 @@
</el-form-item>
</el-form>
</div>
<el-table :data="tableData" border style="width: 100%" class="table_box" stripe>
<el-table-column prop="name" label="黔通卡号" />
<el-table-column prop="address" label="充值前余额(元)" />
<el-table-column prop="number" label="充值金额(元)" />
<el-table :data="tableData" border style="width: 100%" class="table_box" stripe>
<el-table-column prop="id" label="黔通卡号" />
<el-table-column prop="cardbalance" label="充值前余额(元)" />
<el-table-column prop="playbalance" label="充值金额(元)" />
<el-table-column prop="time" label="充值后余额(元)" />
<el-table-column prop="regtime" label="充值时间" />
<el-table-column prop="updat" label="充值时间" />
<el-table-column label="操作" class="table_btn" width="150px" align="center">
<el-tooltip content="详细" placement="top">
<el-button type="warning" @click="dialogFormVisible = true">查看详细</el-button>
@@ -25,7 +25,7 @@
</el-table>

<div class="page_box">
<el-pagination :page-size="20" :pager-count="11" layout="prev, pager, next" :total="1000" />
<el-pagination :page-size="20" :page-count="11" layout="prev, pager, next" :total="1000" />
</div>

<el-dialog v-model="dialogFormVisible" :title="title">
@@ -58,144 +58,163 @@
</template>

<script lang="ts" setup>
import {
Search
} from '@element-plus/icons-vue'
import {
reactive,
ref
} from 'vue'

const formInline = reactive({
user: '',
region: '',
})

const onSubmit = () => {
console.log('submit!')
//模块导入
import {
Search
} from '@element-plus/icons-vue'
import { reactive, ref, getCurrentInstance, onMounted, watch } from 'vue'
//变量声明
const formInline = reactive({
user: '',
region: '',
})
let pageCount = ref(1);
let pageNo = ref(1);
const onSubmit = () => {
console.log('submit!')
}
let title = ref("对公账户信息")
const { proxy } = getCurrentInstance();
const options = [{
value: '',
label: '全部',
},
{
value: '1',
label: '驳回',
},
{
value: '0',
label: '待审核',
},
{
value: '1',
label: '已启用',
},
{
value: '2',
label: '待修改初始密码',
},
]
const value1 = ref('')
const value2 = ref('')
const value3 = ref('')
const value4 = ref('')
const dialogTableVisible = ref(false)
const dialogFormVisible = ref(false)
const formLabelWidth = '140px'
const form = reactive({
phone: '13078580843', //手机号
region: '', //验证码
delivery: false, //是否展示详细
number: '' //对公账户资金账户编号

})
const optiones = [{
value: '2',
label: '2',
},
{
value: '6',
label: '6',
},
{
value: '10',
label: '10',
},
{
value: '15',
label: '15',
},
{
value: '30',
label: '30',
},
]
const defaultTime = new Date(2000, 1, 1, 12, 0, 0)
const shortcuts = [{
text: 'Today',
value: new Date(),
},
{
text: 'Yesterday',
value: () => {
const date = new Date()
date.setTime(date.getTime() - 3600 * 1000 * 24)
return date
},
},
{
text: 'A week ago',
value: () => {
const date = new Date()
date.setTime(date.getTime() - 3600 * 1000 * 24 * 7)
return date
},
},
]
const tableData = ref([{
balance: 159.352543,
cardNumber: 6,
cardbalance: 164.54185,
id: 6,
playbalance: 64.13602,
salesbalance: 175.32865502,
small: "data:image/png;base64,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",
status: 2,
updat: "1992-02-20 08:11:37"
}
])

//事件处理
onMounted(() => {
search()
})

const search = () => {
let data: any = {
pageNo: pageNo.value,
pageSize: 1, ///номер.value
}

let title = ref("对公账户信息")

const options = [{
value: '',
label: '全部',
},
{
value: '1',
label: '驳回',
},
{
value: '0',
label: '待审核',
},
{
value: '1',
label: '已启用',
},
{
value: '2',
label: '待修改初始密码',
},
]

const value1 = ref('')
const value2 = ref('')
const value3 = ref('')
const value4 = ref('')

const dialogTableVisible = ref(false)
const dialogFormVisible = ref(false)
const formLabelWidth = '140px'

const form = reactive({
phone: '13078580843', //手机号
region: '', //验证码
delivery: false, //是否展示详细
number: '' //对公账户资金账户编号

})


const optiones = [{
value: '2',
label: '2',
},
{
value: '6',
label: '6',
},
{
value: '10',
label: '10',
},
{
value: '15',
label: '15',
},
{
value: '30',
label: '30',
},
]

const defaultTime = new Date(2000, 1, 1, 12, 0, 0)

const shortcuts = [{
text: 'Today',
value: new Date(),
},
{
text: 'Yesterday',
value: () => {
const date = new Date()
date.setTime(date.getTime() - 3600 * 1000 * 24)
return date
},
},
{
text: 'A week ago',
value: () => {
const date = new Date()
date.setTime(date.getTime() - 3600 * 1000 * 24 * 7)
return date
},
},
]

const tableData = [{
date: '01',
name: '52011750220200003674',
address: '0.06',
number: "100.00",
time: "100.06",
type: "已启用",
regname: "xn18096012008",
regtime: "2021-06-23T15:08:39"
}
]
//formInline.value.number != '' ? data.accountId = formInline.value.number : ""
proxy.$request
.post('/csms/rechange/List', data, {
baseURL: 'http://localhost:8085',
})
.then((res: any) => {
console.log("res", res)
if (res.data.code == 200) {
tableData.value = res.data.data.result
pageCount.value = parseInt(res.data.data.pageCount)
}
})
.catch((err: any) => {
console.log(err)
})
}
</script>

<style lang="scss">
.app_container {
padding: 20px;
display: flex;
flex-direction: column;

.table_box {
margin-top: 25px;

.table_btn {
display: flex;
flex-direction: column;
align-self: stretch;
align-content: space-around;
align-items: flex-start;
}
.app_container {
padding: 20px;
display: flex;
flex-direction: column;

.table_box {
margin-top: 25px;

.table_btn {
display: flex;
flex-direction: column;
align-self: stretch;
align-content: space-around;
align-items: flex-start;
}
}

.page_box {
margin-top: 25px;
}
.page_box {
margin-top: 25px;
}
}
</style>

+ 264
- 187
src/views/fancongcong/cardrefundcostManage/cardrefundcostManage.vue Прегледај датотеку

@@ -7,34 +7,53 @@
</el-form-item>
<el-form-item>
<el-button type="primary">读卡</el-button>
<el-button :icon="Search" type="primary">查询</el-button>
<el-button :icon="Search" type="primary">查询</el-button>
</el-form-item>
</el-form>
</div>
<el-table :data="tableData" border style="width: 100%" class="table_box" stripe >
<el-table-column prop="date" label="序号" />
<el-table-column prop="name" label="卡号" />
<el-table-column prop="type" label="退款状态" />
<el-table-column prop="regtime" label="注销时间" />
<el-table-column prop="numbers" label="卡账余额(元)" />
<el-table-column prop="number" label="卡内余额(元)" />
<el-table-column prop="numbers" label="交易后余额(元)"/>
<el-table-column prop="numbers" label="退费金额(元)"/>
<el-table :data="tableData" border style="width: 100%" class="table_box" stripe>
<el-table-column prop="id" label="序号" />
<el-table-column prop="cardId" label="卡号" />
<el-table-column prop="type" label="退款状态">
<template v-slot="scope">
{{ typeFilter(scope.row) }}
</template>
</el-table-column>
<el-table-column prop="updat" label="注销时间" />
<el-table-column prop="accountCardBalance" label="卡账余额(元)" />
<el-table-column prop="cancelBalance" label="卡内余额(元)" />
<el-table-column prop="postBalance" label="交易后余额(元)" />
<el-table-column prop="refundBalance" label="退费金额(元)" />
<el-table-column label="操作" class="table_btn" width="500px" align="center">
<el-tooltip content="驳回" placement="top">
<el-button type="warning" @click="опровергать">驳回审核</el-button>
</el-tooltip>
<el-tooltip content="审核通过" placement="top">
<el-button type="warning" @click="agree">审核通过</el-button>
</el-tooltip>
<el-tooltip content="详细" placement="top">
<el-button type="warning" @click="dialogFormVisible = true">查看详细</el-button>
</el-tooltip>
<template v-slot="scope">
<el-tooltip content="提交退费金额" placement="top" v-if="scope.row.needByHandle == 0">
<el-button type="warning" @click="опровергать">提交退费金额</el-button>
</el-tooltip>
<el-tooltip content="老流水交易" placement="top" v-if="scope.row.status == 2">
<el-button type="warning" @click="dialogFormVisible = true">老流水交易</el-button>
</el-tooltip>
<el-tooltip content="冲正" placement="top" v-if="scope.row.status == 1">
<el-button type="warning" @click="опровергать">冲正</el-button>
</el-tooltip>
<el-tooltip content="日志查询" placement="top" v-if="scope.row.status == 1">
<el-button type="warning" @click="agree(scope.row)">日志查询</el-button>
</el-tooltip>
<el-tooltip content="最近交易" placement="top" v-if="scope.row.status == 2">
<el-button type="warning" @click="dialogFormVisible = true">最近交易</el-button>
</el-tooltip>
<el-tooltip content="添加描述" placement="top" v-if="scope.row.status == 2">
<el-button type="warning" @click="agree(scope.row)">添加描述</el-button>
</el-tooltip>
<el-tooltip content="操作记录" placement="top" v-if="scope.row.status == 2">
<el-button type="warning" @click="dialogFormVisible = true">操作记录</el-button>
</el-tooltip>
</template>
</el-table-column>
</el-table>

<div class="page_box">
<el-pagination :page-size="20" :pager-count="11" layout="prev, pager, next" :total="1000" />
<el-pagination :page-count="pageCount" :current-page="pageNo" layout="prev, pager, next"
@update:current-page="pagechange" />
</div>

<el-dialog v-model="dialogFormVisible" title="退款详细">
@@ -52,190 +71,248 @@
<el-button type="primary" @click="dialogFormVisible = false">关闭</el-button>
</span>
</template>
</el-dialog>
</div>
</template>

<script lang="ts" setup>
//导入模块
import {
Search
} from '@element-plus/icons-vue'
import {
reactive,
ref
} from 'vue'
import {ElMessage, ElMessageBox} from 'element-plus'

//变量声明
let formInline = reactive({
user: '',
region: '',
})
const onSubmit = () => {
console.log('submit!')
//导入模块
import {
Search
} from '@element-plus/icons-vue'
import { reactive, ref, getCurrentInstance, onMounted, watch } from 'vue'
import { ElMessage, ElMessageBox } from 'element-plus'

//变量声明
let formInline = reactive({
user: '',
region: '',
})
const { proxy } = getCurrentInstance();
const onSubmit = () => {
console.log('submit!')
}
let title = ref("对公账户信息")
const options = [{
value: '',
label: '全部',
},
{
value: '1',
label: '驳回',
},
{
value: '0',
label: '待审核',
},
{
value: '1',
label: '已启用',
},
{
value: '2',
label: '待修改初始密码',
},
]
let value1 = ref('')
let value2 = ref('')
let value3 = ref('')
let value4 = ref('')
let dialogTableVisible = ref(false)
let dialogFormVisible = ref(false)
let formLabelWidth = '140px'
let form = reactive({
phone: '13078580843',//手机号
region: '',//验证码
delivery: false,//是否展示详细
number: ''//对公账户资金账户编号

})
const optiones = [{
value: '2',
label: '2',
},
{
value: '6',
label: '6',
},
{
value: '10',
label: '10',
},
{
value: '15',
label: '15',
},
{
value: '30',
label: '30',
},
]
let pageCount = ref(1);
let pageNo = ref(1);
const defaultTime = new Date(2000, 1, 1, 12, 0, 0)
const shortcuts = [{
text: 'Today',
value: new Date(),
},
{
text: 'Yesterday',
value: () => {
const date = new Date()
date.setTime(date.getTime() - 3600 * 1000 * 24)
return date
},
},
{
text: 'A week ago',
value: () => {
const date = new Date()
date.setTime(date.getTime() - 3600 * 1000 * 24 * 7)
return date
},
},
]
const tableData = ref([
{
accountCardBalance: 133.67361132,
cancelBalance: 107.465517246,
cardId: 1,
id: 1,
needByHandle: 1,
postBalance: 69.1344,
refundBalance: 48.7326,
status: 1,
updat: "1988-10-20 06:02:50"
}
let title = ref("对公账户信息")
const options = [{
value: '',
label: '全部',
},
{
value: '1',
label: '驳回',
},
{
value: '0',
label: '待审核',
},
{
value: '1',
label: '已启用',
},
{
value: '2',
label: '待修改初始密码',
},
]
let value1 = ref('')
let value2 = ref('')
let value3 = ref('')
let value4 = ref('')
let dialogTableVisible = ref(false)
let dialogFormVisible = ref(false)
let formLabelWidth = '140px'
let form = reactive({
phone: '13078580843',//手机号
region: '',//验证码
delivery: false,//是否展示详细
number:''//对公账户资金账户编号
})
const optiones = [{
value: '2',
label: '2',
},
{
value: '6',
label: '6',
},
{
value: '10',
label: '10',
},
{
value: '15',
label: '15',
},
{
value: '30',
label: '30',
},
]
const defaultTime = new Date(2000, 1, 1, 12, 0, 0)
const shortcuts = [{
text: 'Today',
value: new Date(),
},
{
text: 'Yesterday',
value: () => {
const date = new Date()
date.setTime(date.getTime() - 3600 * 1000 * 24)
return date
},
},
{
text: 'A week ago',
value: () => {
const date = new Date()
date.setTime(date.getTime() - 3600 * 1000 * 24 * 7)
return date
},
},
]
const tableData = [{
date: '01',
name: '52011750220200003674',
address: '安顺市顺安防雷安全检测站平坝分站',
number: "91520421MA6EBM14XC",
time: "2021-06-22T12:52:17",
type: "已退款",
regname: "xn18096012008",
regtime: "2021-06-23T15:08:39",
number:"0.00",
numbers:"0.00"
}
]

//事件处理
const agree = (id:any) => {
ElMessageBox.confirm(
'确定同意?',
'警告', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning',
}
)
.then(() => {
ElMessage({
type: 'success',
message: '操作成功!',
])

//事件处理
const agree = (row: any) => {
ElMessageBox.confirm(
'确定同意?',
'警告', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning',
}
)
.then(() => {
proxy.$request
.post('/csms/cancelServer/agree', { id: row.id }, {
baseURL: 'http://localhost:808',
})
})
.catch(() => {
ElMessage({
type: '取消',
message: '已取消',
.then((res: any) => {
console.log(res)
if (res.data.code == 200) {

ElMessage({
type: 'success',
message: '操作成功!',
})
}
})
.catch((err: any) => {
console.log(err)
})
})
.catch(() => {
ElMessage({
type: '取消',
message: '已取消',
})
})
}
//驳回申请
const опровергать = (id: any) => {
ElMessageBox.confirm(
'确定拒绝?',
'警告', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning',
}
//驳回申请
const опровергать = (id:any) => {
ElMessageBox.confirm(
'确定拒绝?',
'警告', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning',
}
)
.then(() => {
ElMessage({
type: 'success',
message: '操作成功!',
})
)
.then(() => {
ElMessage({
type: 'success',
message: '操作成功!',
})
.catch(() => {
ElMessage({
type: '取消',
message: '已取消',
})
})
.catch(() => {
ElMessage({
type: '取消',
message: '已取消',
})
})
}

onMounted(() => {
search()
})

const search = () => {
let data: any = {
pageNo: pageNo.value,
pageSize: 1, ///номер.value
}

//formInline.value.number != '' ? data.accountId = formInline.value.number : ""
proxy.$request
.post('/csms/cancelServer/cancelList', data, {
baseURL: 'http://localhost:808',
})
.then((res: any) => {
console.log("res", res)
if (res.data.code == 200) {
tableData.value = res.data.data.result
pageCount.value = parseInt(res.data.data.pageCount)
}
})
.catch((err: any) => {
console.log(err)
})
}

//退款状态过滤
const typeFilter = (row) => {
if (row.status == 1) {
return '待退款'
} else if (row.status == 0) {
return '已退款'
} else {
return '其他'
}
}

//获取当前页数据
const pagechange = (el: any) => {
pageNo.value = el
search()
}
</script>

<style lang="scss">
.app_container {
padding: 20px;
display: flex;
flex-direction: column;

.table_box {
margin-top: 25px;
.table_btn{
display: flex;
flex-direction: column;
align-self: stretch;
align-content: space-around;
align-items: flex-start;
}
}
.app_container {
padding: 20px;
display: flex;
flex-direction: column;

.page_box {
margin-top: 25px;
.table_box {
margin-top: 25px;

.table_btn {
display: flex;
flex-direction: column;
align-self: stretch;
align-content: space-around;
align-items: flex-start;
}
}

.page_box {
margin-top: 25px;
}
}
</style>

+ 37
- 15
src/views/fancongcong/corporateaccountManage/corporateaccountManage.vue Прегледај датотеку

@@ -70,8 +70,8 @@
</el-table>

<div class="page_box">
<el-pagination :pager-count="pageCount" :current-page="pageNo" :hide-on-single-page="false" layout="prev, pager, next"
@update:current-page="pagechange"/>
<el-pagination :page-count="pageCount" :current-page="pageNo" :hide-on-single-page="false"
layout="prev, pager, next" @update:current-page="pagechange" />
</div>

<el-dialog v-model="dialogFormVisible" :title="title" :show-close="false">
@@ -186,7 +186,7 @@
//导入模块
import { Search } from '@element-plus/icons-vue'
import { ElMessage, ElMessageBox } from 'element-plus'
import { reactive, ref, getCurrentInstance, onMounted,watch } from 'vue'
import { reactive, ref, getCurrentInstance, onMounted, watch } from 'vue'
import { account } from "@/views/fancongcong/publicJs/account"
//console.log("ac",account)

@@ -256,7 +256,7 @@ let setTime: any = ref(null) //
let start_time = ref('') //申请选择开始时间
let end_time = ref('') //申请选择结束时间
let cтатус_счета = ref('') //账号状态
let номер: any = ref(9) //每页条数
let номер: any = ref(5) //每页条数
let time: any = ref(60) //验证码倒计时
let dialogTableVisible = ref(false)
let dialogFormVisible = ref(false)
@@ -329,7 +329,7 @@ let tableData: any = ref([

//watch 监听当前页变化
watch(pageNo, (newValue, oldValue) => {
console.log('watch 已触发', newValue)
console.log('watch 已触发', newValue)
})

//事件处理
@@ -365,7 +365,7 @@ const agree = (row: any) => {
type: 'success',
message: '操作成功!'
})
Search()
search()
}
})
.catch((err: any) => {
@@ -480,15 +480,37 @@ const getPhone = (id: Number) => {
}
}
//查询
const search=()=>{
const { accountList , search } = account(1);
search();
let date = accountList;
console.log("date",date)
console.log("date.value",date.value)
//console.log("account",accountList.value,'-------',tableData.value)
//tableData.value = accountList;
//console.log("tableData",tableData)
const search = () => {
//const { accountList } = account(1);
//search();
//let date = accountList;
let data: any = {
//bankCardId: '',
pageNo: pageNo.value,
pageSize: номер.value,
status: cтатус_счета.value
//baseURL:'http://10.20.10.206:81',
}
//formInline.value.number != '' ? data.accountId = formInline.value.number : ""
//formInline.value.number != '' ? data.corporateIdNum = formInline.value.number : ""
//end_time.value != '' ? data.endApplyTime = end_time.value : ""
//start_time.value != '' ? data.startApplyTime = start_time : ""
//console.log('date', data)
proxy.$request
.post('/corporateaccount/queryPage', data, data)
.then((res: any) => {
///console.log(res)
if (res.data.code == 200) {
tableData.value = res.data.data.result
pageCount.value = parseInt(res.data.data.pageCount)
//accountList.value= res.data.data.result;
//console.log('res',res.data.data.result)
//console.log('ress', accountList)
}
})
.catch((err: any) => {
console.log(err)
})
}
//重置
const resive = () => {

+ 32
- 35
src/views/fancongcong/publicJs/account.ts Прегледај датотеку

@@ -2,47 +2,44 @@ import { Search, SetUp } from '@element-plus/icons-vue'
import { ElMessage, ElMessageBox } from 'element-plus'
import { reactive, ref, getCurrentInstance, onMounted } from 'vue'

export function account(todosRef) {
export function account(todosRef) {
console.log(todosRef)
const { proxy } = getCurrentInstance()
//变量定义
let accountList = '';
const search = () => {
//console.log('查询', formInline.value, formInline.value.number)
let data: any = {
//bankCardId: '',
pageNo: 1,//pageNo.value,
pageSize: 1,///номер.value,
status: ''//cтатус_счета.value
//baseURL:'http://10.20.10.206:81',
let accountList = ref('');
//console.log('查询', formInline.value, formInline.value.number)
let data: any = {
//bankCardId: '',
pageNo: 1,//pageNo.value,
pageSize: 1,///номер.value,
status: ''//cтатус_счета.value
//baseURL:'http://10.20.10.206:81',
}
//formInline.value.number != '' ? data.accountId = formInline.value.number : ""
//formInline.value.number != '' ? data.corporateIdNum = formInline.value.number : ""
//end_time.value != '' ? data.endApplyTime = end_time.value : ""
//start_time.value != '' ? data.startApplyTime = start_time : ""
//console.log('date', data)
proxy.$request
.post('/corporateaccount/queryPage', data, data)
.then((res: any) => {
///console.log(res)
if (res.data.code == 200) {
//tableData.value = res.data.data.result
//
///pageCount.value = parseInt(res.data.data.pageCount)
accountList.value= res.data.data.result;
//console.log('res',res.data.data.result)
//console.log('ress',accountList)
}
//formInline.value.number != '' ? data.accountId = formInline.value.number : ""
//formInline.value.number != '' ? data.corporateIdNum = formInline.value.number : ""
//end_time.value != '' ? data.endApplyTime = end_time.value : ""
//start_time.value != '' ? data.startApplyTime = start_time : ""
})
.catch((err: any) => {
console.log(err)
})
//console.log('date', data)
proxy.$request
.post('/corporateaccount/queryPage', data, data)
.then((res: any) => {
///console.log(res)
if (res.data.code == 200) {
//tableData.value = res.data.data.result
//
///pageCount.value = parseInt(res.data.data.pageCount)
accountList= res.data.data.result;
//console.log('res',res.data.data.result)
console.log('ress',accountList)
}
})
.catch((err: any) => {
console.log(err)
})
}


return {
search,
accountList
}


+ 12
- 0
yarn.lock Прегледај датотеку

@@ -669,6 +669,11 @@
dependencies:
"delayed-stream" "~1.0.0"

"commander@*":
"integrity" "sha512-e2i4wANQiSXgnrBlIatyHtP1odfUp0BbV5Y5nEGbxtIrStkEOAAzCUirvLBNXHLr7kwLvJl6V+4V3XV9x7Wd9w=="
"resolved" "https://registry.npmmirror.com/commander/-/commander-9.2.0.tgz"
"version" "9.2.0"

"concat-map@0.0.1":
"integrity" "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s="
"resolved" "https://registry.npm.taobao.org/concat-map/download/concat-map-0.0.1.tgz"
@@ -1624,6 +1629,13 @@
dependencies:
"minimist" "^1.2.5"

"mockjs@^1.1.0":
"integrity" "sha512-eQsKcWzIaZzEZ07NuEyO4Nw65g0hdWAyurVol1IPl1gahRwY+svqzfgfey8U8dahLwG44d6/RwEzuK52rSa/JQ=="
"resolved" "https://registry.npmmirror.com/mockjs/-/mockjs-1.1.0.tgz"
"version" "1.1.0"
dependencies:
"commander" "*"

"ms@^2.1.1", "ms@2.1.2":
"integrity" "sha1-0J0fNXtEP0kzgqjrPM0YOHKuYAk="
"resolved" "https://registry.npmmirror.com/ms/download/ms-2.1.2.tgz"

Loading…
Откажи
Сачувај