Skip to content

C
cloud-platform-ui
Commit 69502ce6 authored by jiaorz's avatar jiaorz
Browse files
Options

Merge branch 'base-modify' of http://113.105.137.151:22280/youjj/cloud-platform-ui into base-modify

parents 612ebb67 b648f887
Hide whitespace changes
Inline Side-by-side
Showing with 607 additions and 363 deletions
src/api/order/rentVehicle.js
View file @ 69502ce6
...@@ -127,3 +127,22 @@ export function downloadExcel(params) { ...@@ -127,3 +127,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 @ 69502ce6
<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/userManagement/userList/index.vue
View file @ 69502ce6
...@@ -27,6 +27,8 @@ ...@@ -27,6 +27,8 @@
:value="val.id"></el-option> :value="val.id"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<!-- <el-form-item label="注册时间" prop="bookDateRange">--> <!-- <el-form-item label="注册时间" prop="bookDateRange">-->
<!-- <el-date-picker--> <!-- <el-date-picker-->
<!-- v-model="listQuery.registrationDate "--> <!-- v-model="listQuery.registrationDate "-->
...@@ -90,7 +92,7 @@ ...@@ -90,7 +92,7 @@
<span>{{scope.row.channel}}</span> <span>{{scope.row.channel}}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column width="110" align="center" label="来源"> <el-table-column width="90" align="center" label="来源">
<template scope="scope"> <template scope="scope">
<span>{{scope.row.source}}</span> <span>{{scope.row.source}}</span>
</template> </template>
...@@ -110,6 +112,11 @@ ...@@ -110,6 +112,11 @@
<span>{{scope.row.positionName}}</span> <span>{{scope.row.positionName}}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column width="130" align="center" label="上级/电话">
<template scope="scope">
<span>{{getSuperiorInformation(scope.row.nameOfSuperior,scope.row.superiorMobileNumber,1)}}</span>
</template>
</el-table-column>
<el-table-column width="200" align="center" label="加入时间"> <el-table-column width="200" align="center" label="加入时间">
<template scope="scope"> <template scope="scope">
<span>{{scope.row.timeOfMembership}}</span> <span>{{scope.row.timeOfMembership}}</span>
...@@ -302,6 +309,11 @@ ...@@ -302,6 +309,11 @@
<span>{{userDetails.cityName}}</span> <span>{{userDetails.cityName}}</span>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="6">
<el-form-item label="上级:">
<span>{{getSuperiorInformation(userDetails.nameOfSuperior,userDetails.superiorMobileNumber,2)}}</span>
</el-form-item>
</el-col>
</el-row> </el-row>
</el-form> </el-form>
...@@ -1461,6 +1473,19 @@ ...@@ -1461,6 +1473,19 @@
trigger: 'blur' trigger: 'blur'
}; };
}, },
/**
* 根据拼接上级信息
*/
getSuperiorInformation(name,mobile,type){
if (type==1&&name && mobile) {
return name+'/'+mobile;
}
if (type==2&&name && mobile) {
return name+' '+mobile;
}
return '';
},
templateModel(){ templateModel(){
this.costDetail= { this.costDetail= {
key: undefined, key: undefined,
......
src/views/vehicle/vehicleInfo/index.vue
View file @ 69502ce6
...@@ -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">
...@@ -1450,7 +1448,7 @@ export default { ...@@ -1450,7 +1448,7 @@ export default {
}, },
selectArry: [], selectArry: [],
selectVehicleModelArray: [], selectVehicleModelArray: [],
list: null, list: [],
total: null, total: null,
listLoading: true, listLoading: true,
listQuery: { listQuery: {
...@@ -1574,9 +1572,9 @@ export default { ...@@ -1574,9 +1572,9 @@ export default {
t.listQuery.addrProvinceName = '' t.listQuery.addrProvinceName = ''
} }
if (queryJson.vin) { // if (queryJson.vin) {
t.listQuery.vin = queryJson.vin // t.listQuery.vin = queryJson.vin
} // }
if (queryJson.insuranceCompany) { if (queryJson.insuranceCompany) {
t.listQuery.insuranceCompany = queryJson.insuranceCompany t.listQuery.insuranceCompany = queryJson.insuranceCompany
} }
...@@ -2541,7 +2539,11 @@ export default { ...@@ -2541,7 +2539,11 @@ export default {
checkIfRuning: vehicle => checkIfRuning: vehicle =>
vehicle.status === VEHICLE_CONSTANT_STATUS_NORMAL, vehicle.status === VEHICLE_CONSTANT_STATUS_NORMAL,
getVehicleStatus: function(code) { getVehicleStatus: function(code) {
return this.vehicleStatus[code].val // console.log(this.getAllVehicleStatus()[1].val);
// let demo = this.getAllVehicleStatus.filter(item => item)
// console.log(this.vehicleStatus[code]);
return this.getAllVehicleStatus()[code].val
}, },
getAllVehicleStatus: function() { getAllVehicleStatus: function() {
return { return {
...@@ -2603,6 +2605,7 @@ export default { ...@@ -2603,6 +2605,7 @@ export default {
return getConstantListByType(VEHICLE_CONSTANT_VEHICLE_USE) return getConstantListByType(VEHICLE_CONSTANT_VEHICLE_USE)
}, },
getList() { getList() {
// this.listQuery.vin = null
this.listLoading = true this.listLoading = true
let listQueryTemp = this.fillDateRange2Object( let listQueryTemp = this.fillDateRange2Object(
this.listQuery, this.listQuery,
...@@ -2631,23 +2634,27 @@ export default { ...@@ -2631,23 +2634,27 @@ export default {
if (!this.listQuery.belongToName) { if (!this.listQuery.belongToName) {
this.listQuery.belongToName = undefined this.listQuery.belongToName = undefined
} }
page(listQueryTemp).then(response => { page(listQueryTemp).then(response => {
if (response.code == 1) { if (response.code == 1) {
let totalCountRs = undefined let totalCountRs = undefined
let listRs = undefined let listRs = undefined
if ( // if (
!this.$utils.isEmpty(response.data.data) && // !this.$utils.isEmpty(response.data.data) &&
this.$utils.isInteger(response.data.totalCount) // this.$utils.isInteger(response.data.totalCount)
) { // ) {
listRs = response.data.data // listRs = response.data.data
totalCountRs = response.data.totalCount // totalCountRs = response.data.totalCount
listRs.map(function(item) { // listRs.map(function(item) {
item.visible2 = false // item.visible2 = false
}) // })
} // }
this.listLoading = false this.listLoading = false
this.list = listRs console.log(response.data.data);
this.total = totalCountRs
this.list = response.data.data
this.total = response.data.totalCount
} else { } else {
this.list = [] this.list = []
this.listLoading = false this.listLoading = false
......
src/views/vehicleType/modal/oneType.vue
View file @ 69502ce6
...@@ -338,6 +338,7 @@ ...@@ -338,6 +338,7 @@
imgTitle: undefined, imgTitle: undefined,
imgKeyword: undefined, imgKeyword: undefined,
imgDesc: undefined, imgDesc: undefined,
coverPic:'',
pPrice: 0,//普通会员 pPrice: 0,//普通会员
hPrice: 0,//黄金会员 hPrice: 0,//黄金会员
zPrice: 0,//钻石会员 zPrice: 0,//钻石会员
...@@ -354,7 +355,8 @@ ...@@ -354,7 +355,8 @@
rentDiscountStatus: "0",//租车优惠状态 0--没有优惠;1--会员折扣;2--固定值 rentDiscountStatus: "0",//租车优惠状态 0--没有优惠;1--会员折扣;2--固定值
rentDiscountPrice: 0,//租车优惠价格 固定优化价格 rentDiscountPrice: 0,//租车优惠价格 固定优化价格
buyPrice: 0,//购买价格 buyPrice: 0,//购买价格
intro: '' intro: '',
posterBackground: '',//海报背景
}, },
showDestinationVisible: false,//编辑目的地 showDestinationVisible: false,//编辑目的地
showPathWayVisible: false,//编辑途径地 showPathWayVisible: false,//编辑途径地
...@@ -928,24 +930,31 @@ ...@@ -928,24 +930,31 @@
cleanForm() { cleanForm() {
this.activeName2 = ""; this.activeName2 = "";
this.form = { this.form = {
name: undefined,//房车名称 number: undefined,//乘卧数量
config: "",//房车配置 brand: undefined,//房车品牌
keyword: "",//房车关键标签 name: '',//房车名称
modelsDetails: "",//房车详情 config:'',//房车配置
modelParam: [],//房车参数 keyword: '',//房车关键标签
picture: "",//轮播图 modelsDetails: '',//房车详情
price: 0,//租车价格 modelParam: '',//房车参数
deposit: 20000,//总押金 picture: '',//轮播图
vioDeposit: 0,//违章押金 coverPic: '',//封面图
hotSign: "2",//热门车型 1、热门 2、非热门 posterBackground: '',//海报背景
rentDiscountStatus: "0",//租车优惠状态 0--没有优惠;1--会员折扣;2--固定值 price: undefined,//租车价格
rentDiscountPrice: "",//租车优惠价格 固定优化价格 deposit: 20000,//总押金
buyPrice: 0,//购买价格 vioDeposit: '',
posterBackground: '',//海报背景 rentDiscountStatus: 0,//租车优惠状态 0--没有优惠;1--会员折扣;2--固定值
alt: '', buyPrice: undefined,//购买价格
imgTitle: undefined, alt: '',//seo 标签优化
imgKeyword: undefined, intro: '',
imgDesc: undefined, imgTitle: '',
imgKeyword: '',
imgDesc: '',
pPrice: 0,//普通会员
hPrice: 0,//黄金会员
zPrice: 0,//钻石会员
hotSign: "2",//热门车型 1、热门 2、非热门
rentDiscountPrice: 0,//租车优惠价格 固定优化价格
} }
} }
} }
......
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