<template>
|
<view>
|
<view class="status_bar">
|
<!-- 这里是状态栏 -->
|
</view>
|
<uni-nav-bar left-icon="left" title="报价管理" @clickLeft="back" @clickRight="scan" :fixed="true"
|
:border="false" rightWidth="160rpx" leftWidth="160rpx"
|
>
|
<block slot="right">
|
<view class="city">
|
<view>
|
<text class="uni-nav-bar-text">{{user.username}}</text>
|
</view>
|
<uni-icons type="arrowdown" color="#333333" size="20" />
|
</view>
|
</block>
|
</uni-nav-bar>
|
|
<!-- 搜索框 -->
|
<view class="search-bg">
|
<u-search placeholder="输入" v-model="keyword" :clearabled="true" @custom="search()" @search="search()"></u-search>
|
</view>
|
|
<view class="main-box">
|
<view class="box" v-for="item in list" @click="goDetl(item)">
|
<view style="display: flex;">
|
<view class="box-title" style="flex: 1;">{{item.planName$}}</view>
|
<view class="box-time">{{item.createTime$}}</view>
|
</view>
|
<view class="box-item">客户:{{item.templateName}}</view>
|
<!-- <view class="box-item">状态:{{item.businessTripDays$}}</view> -->
|
<view style="display: flex;">
|
<view class="box-item" style="flex: 1;">更新人员:{{item.updateUserId$}}</view>
|
<!-- <view class="box-item" style="flex: 1;">同行人:{{item.businessPeers}}</view> -->
|
<view class="box-settle" :style="item.bgcolor">{{item.settle$}}</view>
|
</view>
|
</view>
|
</view>
|
|
<u-empty v-if="true" icon="../../../static/image/emptyList.png" v-show="list.length <= 0" />
|
</view>
|
</template>
|
|
<script>
|
import user from '@/pages/api/user/user.js'
|
export default {
|
data() {
|
return {
|
keyword: '',
|
user: {
|
username: '',
|
id: 0,
|
type: ''
|
},
|
falg: true,
|
list: [],
|
curr: 2,
|
reload: false,
|
status: 'more',
|
}
|
},
|
onShow() {
|
let that = this
|
uni.$on('isRefresh',function(data){
|
that.user.username = data.title
|
that.user.id = data.id
|
that.user.type = data.key
|
that.falg = false
|
})
|
if (this.falg) {
|
this.getDetail()
|
}
|
this.getPriQuoteList1()
|
},
|
onReachBottom() {
|
this.status = 'more';
|
this.getPriQuoteList()
|
},
|
methods: {
|
getPriQuoteList1() {
|
let _this = this
|
_this.list = []
|
uni.showLoading({})
|
let param = {curr:1,limit:8,dept_id: 0,user_id: 67}
|
if (_this.user.type == 'user_id') {
|
param = {curr:1,limit:8,user_id: _this.user.id}
|
} else if(_this.user.type == 'dept_id') {
|
param = {curr:1,limit:8,dept_id: _this.user.id}
|
} else {
|
param = {curr:1,limit:8}
|
}
|
uni.request({
|
url: `${_this.baseUrl}/priQuote/list/auth`,
|
header: { 'token': uni.getStorageSync('token') },
|
data: param,
|
success(res) {
|
res = res.data
|
if (res.code === 200) {
|
for (let k of res.data.records) {
|
if (k.settle >= 2) {
|
k['bgcolor'] = 'color: #12d489'
|
} else if (k.settle == 1) {
|
k['bgcolor'] = 'color: #ffbd67'
|
} else if (k.settle == 0) {
|
k['bgcolor'] = 'color: #1e9cf0'
|
}
|
}
|
let list = res.data.records
|
_this.list = _this.reload ? list : _this.list.concat(list);
|
if (res.data.records.length == 0) {
|
_this.status = 'noMore'
|
}
|
}
|
},
|
fail(result) {
|
uni.showToast({title: '请求失败'})
|
setTimeout(() => {
|
uni.reLaunch({
|
url: '../../login/login'
|
});
|
}, 1000);
|
},
|
complete() {
|
uni.hideLoading()
|
}
|
})
|
},
|
getPriQuoteList() {
|
let _this = this
|
uni.showLoading({})
|
let param = {curr:that.curr,limit:8,dept_id: 0,user_id: 67}
|
if (this.user.type == 'user_id') {
|
param = {curr:that.curr,limit:8,user_id: that.user.id}
|
} else if(this.user.type == 'dept_id') {
|
param = {curr:that.curr,limit:8,dept_id: that.user.id}
|
} else {
|
param = {curr:that.curr,limit:8}
|
}
|
uni.request({
|
url: `${_this.baseUrl}/priQuote/list/auth`,
|
header: { 'token': uni.getStorageSync('token') },
|
data: param,
|
success(res) {
|
res = res.data
|
if (res.code === 200) {
|
for (let k of res.data.records) {
|
if (k.settle >= 2) {
|
k['bgcolor'] = 'color: #12d489'
|
} else if (k.settle == 1) {
|
k['bgcolor'] = 'color: #ffbd67'
|
} else if (k.settle == 0) {
|
k['bgcolor'] = 'color: #1e9cf0'
|
}
|
}
|
let list = res.data.records
|
_this.list = _this.reload ? list : _this.list.concat(list);
|
_this.curr = _this.curr + 1
|
if (res.data.records.length == 0) {
|
_this.status = 'noMore'
|
}
|
}
|
},
|
fail(result) {
|
uni.showToast({title: '请求失败'})
|
setTimeout(() => {
|
uni.reLaunch({
|
url: '../../login/login'
|
});
|
}, 1000);
|
},
|
complete() {
|
uni.hideLoading()
|
}
|
})
|
},
|
goDetl(e) {
|
uni.navigateTo({
|
url: '/pages/business/pricing/priQuoteDetl',
|
success: function(res) {
|
res.eventChannel.emit('priQuoteDetl', {
|
data: e
|
})
|
}
|
})
|
},
|
async getDetail() {
|
let res = await user.getDetail()
|
if (res.code === 200) {
|
this.user.username = res.data.username
|
this.user.id = res.data.id
|
} else if (res.code === 403) {
|
this.backLogin(res)
|
}
|
},
|
backLogin(res) {
|
uni.showToast({title: res.msg, icon: "none", position: 'top'})
|
setTimeout(() => {
|
uni.reLaunch({
|
url: '../../login/login'
|
});
|
}, 1000);
|
},
|
back() {
|
uni.navigateBack({
|
})
|
},
|
scan() {
|
uni.navigateTo({
|
url: '/pages/authority/authority'
|
})
|
},
|
}
|
}
|
</script>
|
|
<style>
|
.flex-row {
|
display: flex;
|
}
|
|
.flex-col {
|
display: flex;
|
flex-direction: column;
|
}
|
.main-box {
|
/* margin: 16rpx; */
|
/* background-color: #FFF; */
|
border-radius: 20rpx;
|
padding: 8rpx;
|
}
|
|
.box {
|
margin: 16rpx 8rpx;
|
/* height: 200px; */
|
box-shadow: 0 0 5px #dddddd;
|
background-color: #FFF;
|
padding: 16rpx 32rpx;
|
position: relative;
|
border-radius: 20rpx;
|
font-size: 24rpx;
|
color: #bdbdbd;
|
}
|
|
.box-flag {
|
position: absolute;
|
right: 0;
|
top: 10rpx;
|
background-color: #74B9E9;
|
padding: 6rpx;
|
font-size: 10rpx;
|
color: #FFF;
|
}
|
|
.box-time {
|
color: #bdbdbd;
|
}
|
|
.box-settle {
|
font-size: 26rpx;
|
/* font-weight: bold; */
|
}
|
|
.box-title {
|
font-size: 28rpx;
|
font-weight: bold;
|
color: #000;
|
}
|
|
.box-single-row {}
|
</style>
|
