|
|
|
|
|
|
|
|
<view class="content"> |
|
|
<view class="content"> |
|
|
<view class="top-content"> |
|
|
<view class="top-content"> |
|
|
<view class="item"> |
|
|
<view class="item"> |
|
|
<text>车牌号:</text><input placeholder="请输入车牌号" v-model="state.vehicleIdNum" /> |
|
|
|
|
|
|
|
|
<text>车牌号:</text><input placeholder="请输入车牌号" v-model="state.vehiclePlate" /> |
|
|
</view> |
|
|
</view> |
|
|
<view class="item"> |
|
|
<view class="item"> |
|
|
<text>车牌颜色:</text> |
|
|
<text>车牌颜色:</text> |
|
|
|
|
|
|
|
|
<uni-data-select v-model="state.vehiclePlateColor" :localdata="state.vehiclePlateColorArr" |
|
|
<uni-data-select v-model="state.vehiclePlateColor" :localdata="state.vehiclePlateColorArr" |
|
|
@change="changeColor" :clear="false"></uni-data-select> |
|
|
@change="changeColor" :clear="false"></uni-data-select> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
|
|
|
<view class="item"> |
|
|
|
|
|
<text>审核状态:</text> |
|
|
|
|
|
|
|
|
<text style="margin-left: 20rpx;">审核状态:</text> |
|
|
<view> |
|
|
<view> |
|
|
<uni-data-select v-model="state.status" :localdata="state.statusArr" @change="changeBusiness" |
|
|
|
|
|
|
|
|
<uni-data-select v-model="state.status" :localdata="state.statusArr" @change="changeStatus" |
|
|
:clear="false"></uni-data-select> |
|
|
:clear="false"></uni-data-select> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<view class="uni-container"> |
|
|
<view class="uni-container"> |
|
|
<view class="list-item" v-for="(item,index) in state.listData"> |
|
|
|
|
|
<view><text>车牌号:</text><text>{{item.vehiclePlate}}</text></view> |
|
|
|
|
|
<view><text>车牌颜色:</text><text>{{item.vehiclePlateColorC}}</text></view> |
|
|
|
|
|
<view><text>状态:</text><text>{{item.statusC}}</text></view> |
|
|
|
|
|
<view><text>业务类型:</text><text>{{item.businessType}}</text></view> |
|
|
|
|
|
<view><text>时间:</text><text>{{item.insertTime}}</text></view> |
|
|
|
|
|
|
|
|
<view class="list-item" v-for="(item,index) in state.listData" @click="go(item)"> |
|
|
|
|
|
<view> |
|
|
|
|
|
<view><text>车牌号:</text><text>{{item.vehiclePlate}}</text></view> |
|
|
|
|
|
<view><text>车牌颜色:</text><text>{{item.vehiclePlateColorC}}</text></view> |
|
|
|
|
|
<view><text>状态:</text><text>{{item.statusC}}</text></view> |
|
|
|
|
|
<view><text>业务类型:</text><text>{{item.businessTypeC}}</text></view> |
|
|
|
|
|
<view><text>时间:</text><text>{{item.insertTime}}</text></view> |
|
|
|
|
|
</view> |
|
|
|
|
|
<image class="right" src="../../../static/image/icon-back.png" mode=""></image> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
<view class="bottom-line" v-if="state.flags">我是有底线的~~~</view> |
|
|
<view class="bottom-line" v-if="state.flags">我是有底线的~~~</view> |
|
|
|
|
|
|
|
|
pageNo: 1, // 当前页 |
|
|
pageNo: 1, // 当前页 |
|
|
total: 0, // 数据总量 |
|
|
total: 0, // 数据总量 |
|
|
flags: false, |
|
|
flags: false, |
|
|
vehicleIdNum: "",//车牌号 |
|
|
|
|
|
vehiclePlateColor: 0, |
|
|
|
|
|
status: 0, |
|
|
|
|
|
statusArr: [ |
|
|
|
|
|
{ |
|
|
|
|
|
value: 'AUDIT', |
|
|
|
|
|
text: '审核中' |
|
|
|
|
|
}, |
|
|
|
|
|
{ |
|
|
|
|
|
value: 'FAIL', |
|
|
|
|
|
text: '未通过' |
|
|
|
|
|
}, |
|
|
|
|
|
{ |
|
|
|
|
|
value: 'COMPLETE', |
|
|
|
|
|
text: '已完成' |
|
|
|
|
|
}, |
|
|
|
|
|
], |
|
|
|
|
|
vehiclePlateColorArr: [{ |
|
|
|
|
|
value: 0, |
|
|
|
|
|
text: '蓝色' |
|
|
|
|
|
}, |
|
|
|
|
|
{ |
|
|
|
|
|
value: 1, |
|
|
|
|
|
text: '黄色' |
|
|
|
|
|
}, |
|
|
|
|
|
{ |
|
|
|
|
|
value: 2, |
|
|
|
|
|
text: '黑色' |
|
|
|
|
|
}, |
|
|
|
|
|
{ |
|
|
|
|
|
value: 3, |
|
|
|
|
|
text: '白色' |
|
|
|
|
|
}, |
|
|
|
|
|
{ |
|
|
|
|
|
value: 4, |
|
|
|
|
|
text: '渐变绿色' |
|
|
|
|
|
}, |
|
|
|
|
|
{ |
|
|
|
|
|
value: 5, |
|
|
|
|
|
text: '黄绿双拼色' |
|
|
|
|
|
}, |
|
|
|
|
|
{ |
|
|
|
|
|
value: 6, |
|
|
|
|
|
text: '蓝白渐变色' |
|
|
|
|
|
}, |
|
|
|
|
|
{ |
|
|
|
|
|
value: 9, |
|
|
|
|
|
text: '未确定' |
|
|
|
|
|
}, |
|
|
|
|
|
{ |
|
|
|
|
|
value: 11, |
|
|
|
|
|
text: '绿色' |
|
|
|
|
|
}, |
|
|
|
|
|
{ |
|
|
|
|
|
value: 12, |
|
|
|
|
|
text: '红色' |
|
|
|
|
|
} |
|
|
|
|
|
] |
|
|
|
|
|
|
|
|
vehiclePlate: "",//车牌号 |
|
|
|
|
|
vehiclePlateColor: "", |
|
|
|
|
|
status: "", |
|
|
|
|
|
statusArr: [], //AUDIT_STATUS |
|
|
|
|
|
vehiclePlateColorArr: [] |
|
|
|
|
|
|
|
|
}) |
|
|
}) |
|
|
onLoad((option) => { |
|
|
onLoad((option) => { |
|
|
|
|
|
// 车牌颜色 |
|
|
|
|
|
let getVehiclePlateColorArr = getItem('key')['VEHICLE_COLOR_TYPE'] |
|
|
|
|
|
for (var k = 0; k < getVehiclePlateColorArr.length; k++) { |
|
|
|
|
|
let obj2 = {}; |
|
|
|
|
|
obj2['value'] = getVehiclePlateColorArr[k]['code'] |
|
|
|
|
|
obj2['text'] = getVehiclePlateColorArr[k]['name'] |
|
|
|
|
|
state.vehiclePlateColorArr.push(obj2) |
|
|
|
|
|
} |
|
|
|
|
|
// 审核状态 |
|
|
|
|
|
let getStatusArr = getItem('key')['AUDIT_STATUS']; |
|
|
|
|
|
for (var k = 0; k < getStatusArr.length; k++) { |
|
|
|
|
|
let obj1 = {}; |
|
|
|
|
|
obj1['value'] = getStatusArr[k]['code'] |
|
|
|
|
|
obj1['text'] = getStatusArr[k]['name'] |
|
|
|
|
|
state.statusArr.push(obj1) |
|
|
|
|
|
} |
|
|
|
|
|
// 业务类型 |
|
|
let getBusiness = getItem('key')['BUSINESS_TYPE']; |
|
|
let getBusiness = getItem('key')['BUSINESS_TYPE']; |
|
|
for (var k = 0; k < getBusiness.length; k++) { |
|
|
for (var k = 0; k < getBusiness.length; k++) { |
|
|
let obj = {}; |
|
|
let obj = {}; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
search(1) |
|
|
search(1) |
|
|
}) |
|
|
}) |
|
|
|
|
|
|
|
|
const changeColor = (e) => { |
|
|
const changeColor = (e) => { |
|
|
console.log("changeColor", e) |
|
|
console.log("changeColor", e) |
|
|
|
|
|
state.vehiclePlateColor = e |
|
|
|
|
|
} |
|
|
|
|
|
const changeStatus = (e) => { |
|
|
|
|
|
console.log("changeColor", e) |
|
|
|
|
|
state.status = e |
|
|
} |
|
|
} |
|
|
const changeBusiness = (e) => { |
|
|
const changeBusiness = (e) => { |
|
|
state.businessTypeVal = e |
|
|
state.businessTypeVal = e |
|
|
|
|
|
|
|
|
state.listData = [] |
|
|
state.listData = [] |
|
|
} |
|
|
} |
|
|
var data = { |
|
|
var data = { |
|
|
// vehiclePlate: "", |
|
|
|
|
|
// vehiclePlateColor: "", |
|
|
|
|
|
// status: "", |
|
|
|
|
|
// businessType: "", |
|
|
|
|
|
// startTime: state.range[0], |
|
|
|
|
|
// endTime: state.range[1], |
|
|
|
|
|
|
|
|
vehiclePlate: state.vehiclePlate, |
|
|
|
|
|
vehiclePlateColor: state.vehiclePlateColor, |
|
|
|
|
|
status: state.status, |
|
|
|
|
|
businessType: state.businessTypeVal, |
|
|
|
|
|
startTime: state.range[0] ? state.range[0] + 'T00:00:00' : state.range[0], |
|
|
|
|
|
endTime: state.range[1] ? state.range[1] + 'T00:00:00' : state.range[1], |
|
|
pageNo: state.pageNo, |
|
|
pageNo: state.pageNo, |
|
|
pageSize: state.pageSize, |
|
|
pageSize: state.pageSize, |
|
|
|
|
|
// opId: getItem(StorageKeys.OpenId), |
|
|
}; |
|
|
}; |
|
|
|
|
|
for (var index in data) { |
|
|
|
|
|
console.log(index, data[index], data[index] == "") |
|
|
|
|
|
if (data[index].toString() == "") { |
|
|
|
|
|
delete data[index] |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
const options = { |
|
|
const options = { |
|
|
type: 2, |
|
|
type: 2, |
|
|
data: data, |
|
|
data: data, |
|
|
method: "POST", |
|
|
method: "POST", |
|
|
showLoading: true, |
|
|
showLoading: true, |
|
|
}; |
|
|
}; |
|
|
|
|
|
|
|
|
request(auditQueryApi, options).then((res) => { |
|
|
request(auditQueryApi, options).then((res) => { |
|
|
const data = stringToJson(res.bizContent); |
|
|
const data = stringToJson(res.bizContent); |
|
|
var getData = [...stringToJson(res.bizContent).data, ...state.listData] |
|
|
var getData = [...stringToJson(res.bizContent).data, ...state.listData] |
|
|
|
|
|
|
|
|
} else if (getData[i]['status'] == 'COMPLETE') { |
|
|
} else if (getData[i]['status'] == 'COMPLETE') { |
|
|
getData[i]['statusC'] = "已完成" |
|
|
getData[i]['statusC'] = "已完成" |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
for (var m = 0; m < state.businessRange.length; m++) { |
|
|
|
|
|
if (getData[i]['businessType'] == state.businessRange[m]['value']) { |
|
|
|
|
|
getData[i]['businessTypeC'] = state.businessRange[m]['text'] |
|
|
|
|
|
break; |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
} |
|
|
} |
|
|
state.listData = getData |
|
|
state.listData = getData |
|
|
state.total = data.data.length |
|
|
state.total = data.data.length |
|
|
|
|
|
|
|
|
state.pageNo++ |
|
|
state.pageNo++ |
|
|
search(2) |
|
|
search(2) |
|
|
}) |
|
|
}) |
|
|
|
|
|
const go = (item) => { |
|
|
|
|
|
const params = encodeURIComponent(JSON.stringify(item)) |
|
|
|
|
|
uni.navigateTo({ |
|
|
|
|
|
url: `/subpackage/after-sale/progress-query/progress-query-business-details?params=${params}` |
|
|
|
|
|
}) |
|
|
|
|
|
} |
|
|
</script> |
|
|
</script> |
|
|
|
|
|
|
|
|
<style scoped> |
|
|
<style scoped> |
|
|
|
|
|
|
|
|
width: 100%; |
|
|
width: 100%; |
|
|
padding: 0 20rpx 20rpx 20rpx; |
|
|
padding: 0 20rpx 20rpx 20rpx; |
|
|
box-sizing: border-box; |
|
|
box-sizing: border-box; |
|
|
|
|
|
z-index: 999999; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.content { |
|
|
.content { |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.uni-container { |
|
|
.uni-container { |
|
|
margin: 50rpx 0; |
|
|
margin: 50rpx 0; |
|
|
margin-top: 200rpx; |
|
|
|
|
|
|
|
|
margin-top: 330rpx; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
/deep/.uni-table-th, |
|
|
/deep/.uni-table-th, |
|
|
|
|
|
|
|
|
/deep/.uni-date__x-input, |
|
|
/deep/.uni-date__x-input, |
|
|
/deep/.uni-select { |
|
|
/deep/.uni-select { |
|
|
font-size: 13px; |
|
|
font-size: 13px; |
|
|
height: 28px; |
|
|
|
|
|
line-height: 28px; |
|
|
|
|
|
|
|
|
height: 24px; |
|
|
|
|
|
line-height: 24px; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
/deep/.uni-stat__select { |
|
|
|
|
|
width: 360rpx; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
/* /deep/.uni-stat__select { |
|
|
|
|
|
width: 180rpx; |
|
|
|
|
|
} */ |
|
|
|
|
|
|
|
|
/deep/.uni-select__selector-empty, |
|
|
/deep/.uni-select__selector-empty, |
|
|
/deep/.uni-select__selector-item { |
|
|
/deep/.uni-select__selector-item { |
|
|
|
|
|
|
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
/deep/.uni-date-x { |
|
|
/deep/.uni-date-x { |
|
|
height: 68rpx !important; |
|
|
|
|
|
|
|
|
height: 56rpx !important; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.list-item { |
|
|
.list-item { |
|
|
|
|
|
|
|
|
padding: 12rpx; |
|
|
padding: 12rpx; |
|
|
box-sizing: border-box; |
|
|
box-sizing: border-box; |
|
|
background-color: white; |
|
|
background-color: white; |
|
|
|
|
|
display: flex; |
|
|
|
|
|
align-items: center; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.list-item>view { |
|
|
.list-item>view { |
|
|
margin-bottom: 10rpx; |
|
|
margin-bottom: 10rpx; |
|
|
|
|
|
width: 90%; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.bottom-line { |
|
|
.bottom-line { |
|
|
|
|
|
|
|
|
.uni-input { |
|
|
.uni-input { |
|
|
border: 1rpx solid #ccc; |
|
|
border: 1rpx solid #ccc; |
|
|
padding: 0 10rpx; |
|
|
padding: 0 10rpx; |
|
|
|
|
|
height: 28rpx; |
|
|
|
|
|
line-height: 28rpx; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.right { |
|
|
|
|
|
width: 40rpx; |
|
|
|
|
|
height: 40rpx; |
|
|
|
|
|
transform: rotateY(180deg); |
|
|
} |
|
|
} |
|
|
</style> |
|
|
</style> |