Skip to content

C
cloud-platform-ui
Commit b648f887 authored by hanfeng's avatar hanfeng
Browse files
Options

Merge remote-tracking branch 'origin/base-modify' into base-modify-hf

parents daf2379f 95585bf6
Hide whitespace changes
Inline Side-by-side
Showing with 527 additions and 326 deletions
src/api/order/rentVehicle.js
View file @ b648f887
...@@ -116,3 +116,22 @@ export function downloadExcel(params) { ...@@ -116,3 +116,22 @@ export function downloadExcel(params) {
responseType: 'blob' responseType: 'blob'
}); });
} }
//会员订单管理列表
export function pageList(params) {
return fetch({
url: '/api/order/orderMember/page',
method: 'post',
data: params
});
}
//会员订单管理导出
export function orderMemberExcel(params) {
return fetch({
url: '/api/order/orderMember/page',
method: 'post',
data: params,
responseType: 'blob'
});
}
\ No newline at end of file
src/views/order/memberOrderInfo/index.vue
View file @ b648f887
<template> <template>
<div class="app-container calendar-list-container"> <div class="app-container calendar-list-container">
<div class="filter-container" ref="filter-container"> <div class="filter-container" ref="filter-container">
<el-form ref="queryForm" :model="listQuery" label-width="100px"> <el-form ref="queryForm" :model="listQuery" label-width="100px">
<el-row> <el-row>
<el-col :span="5">
<el-form-item label="订单号">
<el-input v-model="listQuery.no" type="text" placeholder="请输入订单号"></el-input>
</el-form-item>
</el-col>
<el-col :span="5"> <el-col :span="5">
<el-form-item label="手机号"> <el-form-item label="订单号">
<el-input v-model="listQuery.phone" placeholder="请输入手机号"></el-input> <el-input v-model="listQuery.orderNo" type="text" placeholder="请输入订单号"></el-input>
</el-form-item> </el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="手机号">
<el-input v-model="listQuery.phone" placeholder="请输入手机号"></el-input>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="用户姓名">
<el-input v-model="listQuery.name" placeholder="请输入用户姓名"></el-input>
</el-form-item>
</el-col> </el-col>
<el-col :span="5"> <el-col :span="5">
<el-form-item label="状态"> <el-form-item label="订单状态">
<el-select class="filter-item" v-model="listQuery.status" placeholder="请选择状态"> <el-select class="filter-item" v-model="listQuery.state" placeholder="请选择订单状态">
<el-option :key="null" label="无" :value="null" ></el-option> <el-option :key="null" label="全部" :value="null"></el-option>
<el-option :key="2" label="取消" :value="2"></el-option> <el-option :key="2" label="取消" :value="2"></el-option>
<el-option :key="3" label="待付款" :value="3"></el-option> <el-option :key="3" label="待付款" :value="3"></el-option>
<el-option :key="6" label="已完成" :value="6"></el-option> <el-option :key="6" label="已完成" :value="6"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<!-- <el-col> <el-col :span="5">
<el-form-item label="创建时间">
<el-date-picker
v-model="createTime"
type="daterange"
@change="changeCreate"
placeholder="选择日期范围">
</el-date-picker>
<!-- <el-date-picker v-model="createTime" type="datetimerange" placeholder="选择时间范围" @change="changeCreate"></el-date-picker> -->
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="支付时间">
<!-- <el-date-picker v-model="aplyTime" type="datetimerange" placeholder="选择支付时间范围" @change="changePay"></el-date-picker> -->
<el-date-picker
v-model="aplyTime"
type="daterange"
@change="changeCreate"
placeholder="选择支付时间范围">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="上级手机号">
<el-input v-model="listQuery.leaderPhone" placeholder="请输入上级手机号"></el-input>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="促成人手机号">
<el-input v-model="listQuery.facilitatePhone" placeholder="请输入促成人手机号"></el-input>
</el-form-item>
</el-col>
<!-- <el-col>
<el-form-item label="时间"> <el-form-item label="时间">
<el-date-picker v-model="listQuery.startTime" type = "date" placeholder = "请输入开始时间"></el-date-picker> <el-date-picker v-model="listQuery.startTime" type = "date" placeholder = "请输入开始时间"></el-date-picker>
<span>——</span> <span>——</span>
<el-date-picker v-model="listQuery.endTime" type = "date" placeholder = "请输入结束时间"></el-date-picker> <el-date-picker v-model="listQuery.endTime" type = "date" placeholder = "请输入结束时间"></el-date-picker>
</el-form-item> </el-form-item>
</el-col> --> </el-col>-->
<el-col :span="5"> <el-col :span="5">
<el-form-item label="会员类型"> <el-form-item label="会员类型">
<el-select class="filter-item" v-model="listQuery.memberLevel" placeholder="请选择会员类型"> <el-select class="filter-item" v-model="listQuery.level" placeholder="请选择会员类型">
<el-option :key="null" label="无" :value="undefined" ></el-option> <el-option :key="null" label="全部" :value="undefined"></el-option>
<el-option :key="1" label="普通会员" :value="1"></el-option> <el-option :key="1" label="普通会员" :value="1"></el-option>
<el-option :key="2" label="黄金会员" :value="2"></el-option> <el-option :key="2" label="黄金会员" :value="2"></el-option>
<el-option :key="3" label="钻石会员" :value="3"></el-option> <el-option :key="3" label="钻石会员" :value="3"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
</el-form> </el-form>
<el-button class="filter-item" type="primary" v-waves icon="search" @click="handleFilter">搜索</el-button> <p class="num-title">数据统计</p>
<el-card class="box-card" style="margin-bottom:20px;">
<ul>
<li>
<p>{{statistics.orderNum|| '0'}}</p>
<p>订单总数(单)</p>
</li>
<li>
<p>{{statistics.totalAmount|| '0'}}</p>
<p>支付总额(元)</p>
</li>
<li>
<p>{{statistics.diamondOrderNum|| '0'}}</p>
<p>钻石订单</p>
</li>
<li>
<p>{{statistics.totalDiamondAmount|| '0'}}</p>
<p>钻石支付总额(元)</p>
</li>
<li>
<p>{{statistics.goldOrderNum|| '0'}}</p>
<p>黄金订单</p>
</li>
<li>
<p>{{statistics.totalGoldAmount|| '0'}}</p>
<p>黄金支付总额(元)</p>
</li>
<li>
<p>{{statistics.generalOrderNum|| '0'}}</p>
<p>普通订单</p>
</li>
<li>
<p>{{statistics.totalGeneralAmount ||'0'}}</p>
<p>普通支付总额(元)</p>
</li>
</ul>
</el-card>
<el-button class="filter-item" type="primary" v-waves icon="search" @click="handleFilter">搜索</el-button>
<el-button class="filter-item" type="primary" v-waves icon="delete" @click="clearSearch">清除搜索</el-button> <el-button class="filter-item" type="primary" v-waves icon="delete" @click="clearSearch">清除搜索</el-button>
<el-button class="filter-item" type="primary" @click="excel">导出表格</el-button>
</div> </div>
<el-table :key='tableKey' :data="list" v-loading.body="listLoading"
border fit highlight-current-row <el-table
style="width: 100%"> :key="tableKey"
<el-table-column align="center" label="ID" width="70"> :data="list"
<template scope="scope"> v-loading.body="listLoading"
<span>{{scope.row.id}}</span> border
</template> fit
</el-table-column> highlight-current-row
<el-table-column align="center" label="订单号"> style="width: 100%"
<template scope="scope"> >
<span>{{scope.row.no}}</span> <el-table-column align="center" label="ID" width="70">
</template> <template scope="scope">
</el-table-column> <span>{{scope.row.id}}</span>
<el-table-column align="center" label="名称"> </template>
<template scope="scope">
<span>{{scope.row.name}}</span>
</template>
</el-table-column>
<el-table-column width="150" align="center" label="用户名">
<template scope="scope">
<span>{{scope.row.telephone}}</span>
</template>
</el-table-column> </el-table-column>
<el-table-column width="110" align="center" label="商品价格"> <el-table-column align="center" label="订单号/创建订单时间" width="200px">
<template scope="scope"> <template scope="scope">
<span>{{scope.row.goodsAmount}}</span> <p>{{scope.row.orderNo}}</p>
</template> <p>{{scope.row.creatTime}}</p>
</el-table-column> </template>
<el-table-column width="110" align="center" label="订单价格"> </el-table-column>
<template scope="scope"> <el-table-column width="110" align="center" label="订单状态">
<span>{{scope.row.orderAmount}}</span> <template scope="scope">
</template> <span v-if="scope.row.status == '2'">取消</span>
</el-table-column>
<el-table-column width="110" align="center" label="实际价格">
<template scope="scope">
<span>{{scope.row.realAmount}}</span>
</template>
</el-table-column>
<el-table-column width="110" align="center" label="状态">
<template scope="scope">
<span v-if="scope.row.status == '2'">取消</span>
<span v-if="scope.row.status == '3'">待付款</span> <span v-if="scope.row.status == '3'">待付款</span>
<span v-if="scope.row.status == '6'">已完成</span> <span v-if="scope.row.status == '6'">已完成</span>
</template> </template>
</el-table-column>
<el-table-column align="center" label="名称/价格" width="100px">
<template scope="scope">
<p>{{scope.row.name}}</p>
<p>{{scope.row.goodsAmount}}</p>
</template>
</el-table-column>
<el-table-column width="100" align="center" label="用户名">
<template scope="scope">
<span>{{scope.row.userName}}</span>
</template>
</el-table-column>
<el-table-column width="130" align="center" label="手机号">
<template scope="scope">
<span>{{scope.row.phone}}</span>
</template>
</el-table-column>
<el-table-column width="130" align="center" label="上级姓名/手机号">
<template scope="scope">
<p>{{scope.row.leaderName}}</p>
<p>{{scope.row.leaderPhone}}</p>
</template>
</el-table-column>
<el-table-column width="130" align="center" label="促成人姓名/手机号">
<template scope="scope">
<p>{{scope.row.facilitateName}}</p>
<p>{{scope.row.facilitatePhone}}</p>
</template>
</el-table-column> </el-table-column>
<!-- <el-table-column width="150" align="center" label="手机号"> <el-table-column width="150" align="center" label="订单价格(元)">
<template scope="scope"> <template scope="scope">
<span>{{scope.row.telephone}}</span> <span>{{scope.row.orderAmount}}</span>
</template> </template>
</el-table-column> -->
<el-table-column width="180" align="center" label="创建时间">
<template scope="scope">
<span>{{scope.row.crtTime}}</span>
</template>
</el-table-column>
<el-table-column width="180" align="center" label="更新时间">
<template scope="scope">
<span>{{scope.row.updTime}}</span>
</template>
</el-table-column> </el-table-column>
<!-- <el-table-column align="center" label="操作" width="150"> <el-table-column width="180" align="center" label="优惠金额(元)">
<template scope="scope">
<span>{{scope.row.couponAmount}}</span>
</template>
</el-table-column>
<el-table-column width="180" align="center" label="实付金额(元)">
<template scope="scope">
<span>{{scope.row.realAmount}}</span>
</template>
</el-table-column>
<el-table-column align="center" label="支付时间">
<template scope="scope">
<span>{{!!scope.row.payTime ? timestamp(new Date(scope.row.payTime)) : ''}}</span>
</template>
</el-table-column>
<!-- <el-table-column align="center" label="操作" width="150">
<template scope="scope"> <template scope="scope">
<el-button v-if="btn_buy && scope.row.state == 0" size="small" type="success" @click="handleBuy(scope.row)">订单详情</el-button> <el-button v-if="btn_buy && scope.row.state == 0" size="small" type="success" @click="handleBuy(scope.row)">订单详情</el-button>
<el-button v-if="btn_buy && scope.row.state == 0" size="small" type="success" @click="handleBuy(scope.row)">操作</el-button> <el-button v-if="btn_buy && scope.row.state == 0" size="small" type="success" @click="handleBuy(scope.row)">操作</el-button>
</template> </template>
</el-table-column> --> </el-table-column>-->
</el-table> </el-table>
<div v-show="!listLoading" class="pagination-container"> <div v-show="!listLoading" class="pagination-container">
<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" <el-pagination
:current-page.sync="listQuery.page" :page-sizes="[10,20,30, 50]" :page-size="listQuery.limit" @size-change="handleSizeChange"
layout="total, sizes, prev, pager, next, jumper" :total="total"></el-pagination> @current-change="handleCurrentChange"
</div> :current-page.sync="listQuery.page"
</div> :page-sizes="[10,20,30, 50]"
:page-size="listQuery.limit"
layout="total, sizes, prev, pager, next, jumper"
:total="total"
></el-pagination>
</div>
</div>
</template> </template>
<script> <script>
import { import { pageList, orderMemberExcel } from 'api/order/rentVehicle'
page import { mapGetters } from 'vuex'
} from 'api/order/rentVehicle'; import rsCode from '../../../utils/rsCode'
import { mapGetters } from 'vuex'; // import dataFormattor from '../../../utils/dataFormattor'
import rsCode from '../../../utils/rsCode'; import { formatDate } from 'utils/dateFormattor'
export default { export default {
name: 'branchCompanyStock', name: 'branchCompanyStock',
data() { data() {
return { return {
form: { form: {
id: null, id: null,
companyId: null, companyId: null,
companyName: null, companyName: null,
name: null, name: null,
tel: null, tel: null,
count: null, count: null,
state: null state: null
},
rules: {
// companyName: [
// {
// required: true,
// message: '请输入用户',
// trigger: 'blur'
// }
// ],
},
applyState: {
'-1': {
key: -1,
label: '放弃购买'
},
0: {
key: 0,
label: '申请中'
},
1: {
key: 1,
label: '确认购买'
}
},
list: null,
total: null,
listLoading: true,
listQuery: {
page: 1,
limit: 20,
type: 3,
no: undefined,
phone:undefined,
status:null,
startTime: undefined,
endTime:undefined,
memberLevel:undefined
},
dialogFormVisible: false,
dialogStatus: '',
btn_del: true,
btn_buy: true,
btn_cancel: true,
tableKey: 0
}
},
created() {
let t = this;
let query = localStorage.getItem("memberOrderInfo");
this.listQuery.no = this.$route.query.id || null
if(query !="null" && query){
let queryJson = JSON.parse(query);
if(queryJson.page){
t.listQuery.page = queryJson.page;
}
if(queryJson.limit){
t.listQuery.limit = queryJson.limit;
}
if(queryJson.no){
t.listQuery.no = queryJson.no;
}
if(queryJson.type){
t.listQuery.type = queryJson.type;
}
// if(queryJson.startTime){
// t.listQuery.startTime = queryJson.startTime;
// }
// if(queryJson.endTime){
// t.listQuery.endTime = queryJson.endTime;
// }
if(queryJson.status){
t.listQuery.status = queryJson.status;
}
if(queryJson.phone){
t.listQuery.phone = queryJson.phone;
}
if(queryJson.memberLevel){
t.listQuery.memberLevel = queryJson.memberLevel;
}
}
this.getList();
this.btn_del = this.elements['branchCompany/stockApply:btn_delete'];
},
computed: {
...mapGetters([
'elements'
]),
provinceRegions() {
return getSonRegionByCodes(1);
},
cityRegions() {
if (!this.$utils.isInteger(this.form.addrProvince)) {
return null;
}
return getSonRegionByCodes(this.form.addrProvince);
}
},
methods: {
handleBuy(row) {
this.$confirm('此操作将确认购买, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
})
.then(() => {
buyStock(row.id)
.then(() => {
this.$notify({
title: '成功',
message: '操作成功',
type: 'success',
duration: 2000
});
this.getList();
});
});
},
handleCancel(row) {
this.$confirm('此操作将放弃购买, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
})
.then(() => {
cancelApply(row.id)
.then(() => {
this.$notify({
title: '成功',
message: '操作成功',
type: 'success',
duration: 2000
});
this.getList();
});
});
},
handleDelete(row) {
this.$confirm('此操作将永久删除, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
})
.then(() => {
delObj(row.id)
.then(() => {
this.$notify({
title: '成功',
message: '删除成功',
type: 'success',
duration: 2000
});
const index = this.list.indexOf(row);
this.list.splice(index, 1);
});
});
},
handleFilter() {
this.listQuery.page = 1;
this.$refs.queryForm.validate(valid => {
if (valid) {
this.getList();
} else {
return false;
}
});
}, },
clearSearch() { rules: {
this.listQuery ={ // companyName: [
page: 1, // {
limit: 20, // required: true,
type: 3, // message: '请输入用户',
no: undefined, // trigger: 'blur'
phone:undefined, // }
status:null, // ],
startTime: undefined, },
endTime:undefined, applyState: {
memberLevel:undefined '-1': {
key: -1,
label: '放弃购买'
},
0: {
key: 0,
label: '申请中'
},
1: {
key: 1,
label: '确认购买'
} }
this.getList()
}, },
getList() { statistics: [],
this.listLoading = true; isStatistics:true,
console.log(this.listQuery) list: null,
if(this.listQuery.startTime){ total: null,
this.listQuery.startTime = this.listQuery.startTime.getTime(); listLoading: true,
listQuery: {
page: 1,
limit: 20,
// type: 3,
orderNo: undefined,
phone: undefined,
state: null,
startTime: undefined,
endTime: undefined,
level: undefined,
leaderPhone: null,
facilitatePhone: null,
startOrderTime: null,
endOrderTime: null,
startPayTime: null,
endPayTime: null,
isExport: false,
name: null
},
createTime: null,
aplyTime: null,
dialogFormVisible: false,
dialogStatus: '',
btn_del: true,
btn_buy: true,
btn_cancel: true,
tableKey: 0,
query:null,
}
},
created() {
let t = this
this.query = localStorage.getItem('memberOrderInfo')
this.listQuery.orderNo = this.$route.query.id || null
if (this.query != 'null' && this.query) {
let queryJson = JSON.parse(this.query)
if (queryJson.page) {
t.listQuery.page = queryJson.page
}
if (queryJson.limit) {
t.listQuery.limit = queryJson.limit
}
if (queryJson.orderNo) {
t.listQuery.orderNo = queryJson.orderNo
}
if (queryJson.type) {
t.listQuery.type = queryJson.type
}
// if(queryJson.startTime){
// t.listQuery.startTime = queryJson.startTime;
// }
// if(queryJson.endTime){
// t.listQuery.endTime = queryJson.endTime;
// }
if (queryJson.state) {
t.listQuery.state = queryJson.state
}
if (queryJson.phone) {
t.listQuery.phone = queryJson.phone
}
if (queryJson.level) {
t.listQuery.level = queryJson.level
}
}
this.getList()
this.btn_del = this.elements['branchCompany/stockApply:btn_delete']
},
computed: {
...mapGetters(['elements']),
provinceRegions() {
return getSonRegionByCodes(1)
},
cityRegions() {
if (!this.$utils.isInteger(this.form.addrProvince)) {
return null
}
return getSonRegionByCodes(this.form.addrProvince)
}
},
methods: {
changeCreate(val){
!val ? this.clearSearch() :''
},
changePay(val){
!val ? this.clearSearch() :''
},
timestamp(now) {
var year=now.getFullYear();
var month=now.getMonth()+1;
var date=now.getDate();
var Hours = now.getHours();
var Minutes = now.getMinutes();
var Seconds = now.getSeconds();
month = month.toString().length == 1 ? '0'+ month : month;
date = date.toString().length == 1 ? '0'+ date : date;
Hours = Hours.toString().length == 1 ? '0'+ Hours : Hours;
Minutes = Minutes.toString().length == 1 ? '0'+ Minutes : Minutes;
Seconds = Seconds.toString().length == 1 ? '0'+ Seconds : Seconds;
return year+"-"+month+"-"+date+' '+ Hours+':'+Minutes+":"+Seconds
},
excel() {
this.listQuery.isExport = true
orderMemberExcel(this.listQuery).then(res => {
const content = res
const blob = new Blob([content])
const fileName = this.timestamp(new Date())
if ('download' in document.createElement('a')) {
// 非IE下载
const elink = document.createElement('a')
elink.download = fileName
elink.style.display = 'none'
elink.href = URL.createObjectURL(blob)
document.body.appendChild(elink)
elink.click()
URL.revokeObjectURL(elink.href) // 释放URL 对象
document.body.removeChild(elink)
} else {
// IE10+下载
navigator.msSaveBlob(blob, fileName)
} }
if(this.listQuery.endTime){ })
this.listQuery.endTime = this.listQuery.endTime.getTime(); },
handleBuy(row) {
this.$confirm('此操作将确认购买, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
buyStock(row.id).then(() => {
this.$notify({
title: '成功',
message: '操作成功',
type: 'success',
duration: 2000
})
this.getList()
})
})
},
handleCancel(row) {
this.$confirm('此操作将放弃购买, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
cancelApply(row.id).then(() => {
this.$notify({
title: '成功',
message: '操作成功',
type: 'success',
duration: 2000
})
this.getList()
})
})
},
handleDelete(row) {
this.$confirm('此操作将永久删除, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
delObj(row.id).then(() => {
this.$notify({
title: '成功',
message: '删除成功',
type: 'success',
duration: 2000
})
const index = this.list.indexOf(row)
this.list.splice(index, 1)
})
})
},
handleFilter() {
this.listQuery.page = 1
this.$refs.queryForm.validate(valid => {
if (valid) {
this.getList()
} else {
return false
} }
// if(this.listQuery.name == '1') { })
// this.listQuery.name = "普通会员" },
// } else clearSearch() {
// if(this.listQuery.name == '2') { this.listQuery = {
// this.listQuery.name = "黄金会员" page: 1,
// } else limit: 20,
// if(this.listQuery.name == '3') { type: 3,
// this.listQuery.name = "钻石会员" orderNo: undefined,
// } else { phone: undefined,
// this.listQuery.name = null state: null,
// } startTime: undefined,
if(this.listQuery){ endTime: undefined,
localStorage.setItem("memberOrderInfo", JSON.stringify(this.listQuery)); level: undefined,
} aplyTime: null,
page(this.listQuery) leaderPhone: null,
.then(response => { facilitatePhone: null,
this.list = response.data.data; isExport: false,
this.total = response.data.totalCount; endOrderTime: null,
this.listLoading = false; startPayTime: null,
}) name: null
}, },
this.createTime = null,
handleSizeChange(val) { this.aplyTime = null,
this.listQuery.limit = val; this.query = null,
this.getList(); this.getList()
}, },
handleCurrentChange(val) { getList() {
this.listQuery.page = val; this.listLoading = true
this.getList(); if (!!this.createTime && !!this.createTime[0]) {
this.listQuery.startOrderTime = formatDate(this.createTime[0], 'yyyy-MM-dd')+ ' 00:00:00'
this.listQuery.endOrderTime = formatDate(this.createTime[1], 'yyyy-MM-dd')+ ' 23:59:59'
}
if (!!this.aplyTime && !!this.aplyTime[0]) {
this.listQuery.startPayTime = this.aplyTime[0].getTime()
this.listQuery.endPayTime = this.aplyTime[1].getTime()
} }
} if (this.listQuery) {
} localStorage.setItem(
'memberOrderInfo',
JSON.stringify(this.listQuery)
)
}
pageList(this.listQuery).then(response => {
this.list = response.data.memberOrderPage.data
if (this.listQuery.page == 1) {
this.statistics = response.data.memberOrderStatisticsBo
}
this.total = response.data.memberOrderPage.totalCount
})
setTimeout(() => {
this.listLoading = false
}, 300)
},
handleSizeChange(val) {
this.listQuery.limit = val
this.getList()
},
handleCurrentChange(val) {
this.listQuery.page = val
this.getList()
}
}
}
</script> </script>
<style>
.el-card__body {
overflow: hidden;
padding: 0;
width: 100%;
display: inline-block;
}
.num-title {
display: inline-block;
float: left;
margin-right: 40px;
font-size: 14px;
}
.box-card li {
list-style: none;
float: left;
text-align: center;
width: 12.5%;
font-size: 14px
}
.box-card li p:nth-child(1){
font-weight: bold;
color: #333;
font-size: 16px;
}
.box-card li p:nth-child(2){
font-weight: bold;
color: #666;
}
</style>
\ No newline at end of file
src/views/vehicle/vehicleInfo/index.vue
View file @ b648f887
...@@ -416,8 +416,7 @@ ...@@ -416,8 +416,7 @@
</el-table-column> </el-table-column>
</el-table> </el-table>
<div v-show="!listLoading" class="pagination-container"> <el-pagination
<el-pagination
@size-change="handleSizeChange" @size-change="handleSizeChange"
@current-change="handleCurrentChange" @current-change="handleCurrentChange"
:current-page.sync="listQuery.page" :current-page.sync="listQuery.page"
...@@ -426,7 +425,6 @@ ...@@ -426,7 +425,6 @@
layout="total, sizes, prev, pager, next, jumper" layout="total, sizes, prev, pager, next, jumper"
:total="total" :total="total"
></el-pagination> ></el-pagination>
</div>
<!-- 对话框相关html元素 --> <!-- 对话框相关html元素 -->
<el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" @close="closePop"> <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" @close="closePop">
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment