|
|
|
@ -7,139 +7,102 @@
|
|
|
|
|
<view class="background-view blue"></view> |
|
|
|
|
<view class="title-group row"> |
|
|
|
|
<view class="label">提交时间</view> |
|
|
|
|
<view class="content">2023/08/03 15:23</view> |
|
|
|
|
<view class="status blue">待办结</view> |
|
|
|
|
<view class="content">{{item.create_time}}</view> |
|
|
|
|
<view class="status" :class="item.status === 1 ?'blue':'green'">{{ item.status === 1 ?'待办结':'已办结' }}</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="main-hr"></view> |
|
|
|
|
<view class="body-group border-box"> |
|
|
|
|
<view class="body-item row"> |
|
|
|
|
<view class="label">事件类型</view> |
|
|
|
|
<view class="content">环境污染</view> |
|
|
|
|
<view class="content">{{item.clue_type}}</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="body-item row"> |
|
|
|
|
<view class="label">事件地址</view> |
|
|
|
|
<view class="content">四川省成都市新都区22号</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="body-item row"> |
|
|
|
|
<view class="label">文字说明</view> |
|
|
|
|
<view class="content">有污水排出,污染河流</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="body-item row image"> |
|
|
|
|
<view class="label">图片视频</view> |
|
|
|
|
<view class="content row"> |
|
|
|
|
<view class="content-img col-6"> |
|
|
|
|
<u-image :src="staticImage.userFxx" :lazy-load="true" width="100%" height="180" mode="widthFix"></u-image> |
|
|
|
|
</view> |
|
|
|
|
<view class="content-img col-6"> |
|
|
|
|
<u-image :src="staticImage.userFxx" :lazy-load="true" width="100%" height="180" mode="widthFix"></u-image> |
|
|
|
|
</view> |
|
|
|
|
<view class="content col"> |
|
|
|
|
<u-text |
|
|
|
|
:text="item.address" |
|
|
|
|
size="28" |
|
|
|
|
color="#020B18" |
|
|
|
|
custom-style="display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; "></u-text> |
|
|
|
|
|
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="card-ext"></view> |
|
|
|
|
</view> |
|
|
|
|
<view class="card-item border-box"> |
|
|
|
|
<view class="card-main border-box"> |
|
|
|
|
<view class="background-view green"></view> |
|
|
|
|
<view class="title-group row"> |
|
|
|
|
<view class="label">提交时间</view> |
|
|
|
|
<view class="content">2023/08/03 15:23</view> |
|
|
|
|
<view class="status green">已办结</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="main-hr"></view> |
|
|
|
|
<view class="body-group border-box"> |
|
|
|
|
<view class="body-item row"> |
|
|
|
|
<view class="label">事件类型</view> |
|
|
|
|
<view class="content">环境污染</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="body-item row"> |
|
|
|
|
<view class="label">事件地址</view> |
|
|
|
|
<view class="content">四川省成都市新都区22号</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="body-item row"> |
|
|
|
|
<view class="label">文字说明</view> |
|
|
|
|
<view class="content">有污水排出,污染河流</view> |
|
|
|
|
<view class="content">{{item.describe}}</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="body-item row image"> |
|
|
|
|
<view class="body-item row image" v-if="item.images || item.video"> |
|
|
|
|
<view class="label">图片视频</view> |
|
|
|
|
<view class="content row"> |
|
|
|
|
<view class="content-img col-6"> |
|
|
|
|
<u-image :src="staticImage.userFxx" width="100%" height="180" mode="widthFix"></u-image> |
|
|
|
|
<view class="content-img col-6" v-for="itemImg in item.images" v-if="item.images"> |
|
|
|
|
<u-image v-show="itemImg" :src="itemImg" :lazy-load="true" width="100%" height="180" mode="widthFix"></u-image> |
|
|
|
|
</view> |
|
|
|
|
<view class="content-img col-6"> |
|
|
|
|
<u-image :src="staticImage.userFxx" width="100%" height="180" mode="widthFix"></u-image> |
|
|
|
|
<view class="content-img col-6" v-for="itemVideo in item.video" v-if="item.video"> |
|
|
|
|
<u-image v-show="itemVideo" :src="itemVideo" :lazy-load="true" width="100%" height="180" mode="widthFix"></u-image> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="card-ext"> |
|
|
|
|
<view class="card-main border-box"> |
|
|
|
|
<view class="body-group border-box"> |
|
|
|
|
<view class="body-item row"> |
|
|
|
|
<view class="label">处理时间</view> |
|
|
|
|
<view class="content">2023/09/23 16:25</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="body-item row"> |
|
|
|
|
<view class="label">处理部门</view> |
|
|
|
|
<view class="content">***部门</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="body-item row"> |
|
|
|
|
<view class="label">丰行侠暖新币</view> |
|
|
|
|
<view class="content orange">10币</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="body-item row image"> |
|
|
|
|
<view class="label">图片视频</view> |
|
|
|
|
<view class="content"> |
|
|
|
|
已勒令整改,并检查完成。 |
|
|
|
|
</view> |
|
|
|
|
<view class="content row"> |
|
|
|
|
<view class="content-img col-6"> |
|
|
|
|
<u-image :src="staticImage.userFxx" :lazy-load="true" width="100%" height="180" mode="widthFix"></u-image> |
|
|
|
|
</view> |
|
|
|
|
<view class="content-img col-6"> |
|
|
|
|
<u-image :src="staticImage.userFxx" :lazy-load="true" width="100%" height="180" mode="widthFix"></u-image> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="card-main border-box"> |
|
|
|
|
<view class="card-main border-box" v-if="item.handle_time"> |
|
|
|
|
<view class="body-group border-box"> |
|
|
|
|
<view class="body-item row"> |
|
|
|
|
<view class="label">处理时间</view> |
|
|
|
|
<view class="content">2023/09/23 16:25</view> |
|
|
|
|
<view class="content">{{item.handle_time}}</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="body-item row"> |
|
|
|
|
<view class="label">处理部门</view> |
|
|
|
|
<view class="content">***部门</view> |
|
|
|
|
<view class="content">{{item.handle_department}}</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="body-item row"> |
|
|
|
|
<view class="label">丰行侠暖新币</view> |
|
|
|
|
<view class="content orange">10币</view> |
|
|
|
|
<view class="content orange">{{ item.coin_number }}币</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="body-item row image"> |
|
|
|
|
<view class="label">图片视频</view> |
|
|
|
|
<view class="content"> |
|
|
|
|
已勒令整改,并检查完成。 |
|
|
|
|
</view> |
|
|
|
|
<view class="content row"> |
|
|
|
|
<view class="content-img col-6"> |
|
|
|
|
<u-image :src="staticImage.userFxx" :lazy-load="true" width="100%" height="180" mode="widthFix"></u-image> |
|
|
|
|
</view> |
|
|
|
|
<view class="content-img col-6"> |
|
|
|
|
<u-image :src="staticImage.userFxx" :lazy-load="true" width="100%" height="180" mode="widthFix"></u-image> |
|
|
|
|
</view> |
|
|
|
|
{{item.handle_res}} |
|
|
|
|
</view> |
|
|
|
|
<!-- <view class="content row">--> |
|
|
|
|
<!-- <view class="content-img col-6">--> |
|
|
|
|
<!-- <u-image :src="item.video" :lazy-load="true" width="100%" height="180" mode="widthFix"></u-image>--> |
|
|
|
|
<!-- </view>--> |
|
|
|
|
<!-- <view class="content-img col-6">--> |
|
|
|
|
<!-- <u-image :src="item.video" :lazy-load="true" width="100%" height="180" mode="widthFix"></u-image>--> |
|
|
|
|
<!-- </view>--> |
|
|
|
|
<!-- </view>--> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<u-loadmore :status="status" fontSize="28" marginBottom="50" marginTop="30" @loadmore="getLineList()"/> |
|
|
|
|
</view> |
|
|
|
|
</u-col> |
|
|
|
|
</u-row> |
|
|
|
|
<u-datetime-picker |
|
|
|
|
:show="startShow" |
|
|
|
|
v-model="pages.starttime" |
|
|
|
|
@cancel="startShow = false" |
|
|
|
|
@close="startShow = false" |
|
|
|
|
@confirm="selectStart" |
|
|
|
|
mode="date" |
|
|
|
|
></u-datetime-picker> |
|
|
|
|
<u-datetime-picker |
|
|
|
|
:show="endShow" |
|
|
|
|
v-model="pages.endtime" |
|
|
|
|
@cancel="endShow = false" |
|
|
|
|
@close="endShow = false" |
|
|
|
|
@confirm="selectEnd" |
|
|
|
|
mode="date" |
|
|
|
|
></u-datetime-picker> |
|
|
|
|
<u-picker :show="typeShow" |
|
|
|
|
:columns="[columns]" |
|
|
|
|
keyName="name" |
|
|
|
|
@close="typeShow = false" |
|
|
|
|
@cancel="typeShow = false" |
|
|
|
|
@confirm="selectType"></u-picker> |
|
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
<script> |
|
|
|
@ -148,117 +111,40 @@ import {
|
|
|
|
|
} from '@/config/host.js' |
|
|
|
|
import api from '@/utils/functions.js'; |
|
|
|
|
import MzCard from "@/components/MzCard/index.vue"; |
|
|
|
|
import {lineList, lineType} from "@/api/line"; |
|
|
|
|
import {userLineList} from "@/api/user"; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
export default { |
|
|
|
|
components:{ |
|
|
|
|
MzCard |
|
|
|
|
}, |
|
|
|
|
data: { |
|
|
|
|
lists:[{},{},{}], |
|
|
|
|
tags:[ |
|
|
|
|
{ |
|
|
|
|
checked:true, |
|
|
|
|
name:'红绿灯故障' |
|
|
|
|
},{ |
|
|
|
|
checked:false, |
|
|
|
|
name:'存在安全隐患' |
|
|
|
|
},{ |
|
|
|
|
checked:false, |
|
|
|
|
name:'公共设施损坏了' |
|
|
|
|
},{ |
|
|
|
|
checked:false, |
|
|
|
|
name:'环境污染污水' |
|
|
|
|
}, |
|
|
|
|
], |
|
|
|
|
fileList1:[], |
|
|
|
|
model1: { |
|
|
|
|
userInfo: { |
|
|
|
|
name: '', |
|
|
|
|
sex: 1, |
|
|
|
|
}, |
|
|
|
|
}, |
|
|
|
|
rules: { |
|
|
|
|
'userInfo.name': { |
|
|
|
|
type: 'string', |
|
|
|
|
required: true, |
|
|
|
|
message: '请填写姓名', |
|
|
|
|
trigger: ['blur', 'change'] |
|
|
|
|
}, |
|
|
|
|
'userInfo.sex': { |
|
|
|
|
type: 'string', |
|
|
|
|
max: 1, |
|
|
|
|
required: true, |
|
|
|
|
message: '请选择男或女', |
|
|
|
|
trigger: ['blur', 'change'] |
|
|
|
|
}, |
|
|
|
|
}, |
|
|
|
|
sexList:[ |
|
|
|
|
{ |
|
|
|
|
id:1, |
|
|
|
|
name: '男', |
|
|
|
|
disabled: false, |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
i:2, |
|
|
|
|
name: '女', |
|
|
|
|
disabled: false, |
|
|
|
|
}, |
|
|
|
|
], |
|
|
|
|
list1: [ |
|
|
|
|
'https://cdn.uviewui.com/uview/swiper/swiper1.png', |
|
|
|
|
'https://cdn.uviewui.com/uview/swiper/swiper2.png', |
|
|
|
|
'https://cdn.uviewui.com/uview/swiper/swiper3.png', |
|
|
|
|
], |
|
|
|
|
title: '暖新人', |
|
|
|
|
loading: true, |
|
|
|
|
staticImage: { |
|
|
|
|
hiImage: imghost + '/static/image/index-user-title-hi.png', |
|
|
|
|
dogImage: imghost + '/static/image/index-user-title-dog.png', |
|
|
|
|
couponsImage: imghost + '/static/image/index-user-coupons-background.png', |
|
|
|
|
indexButtonGroup: [{ |
|
|
|
|
image: imghost + '/static/image/index-five-1.png', |
|
|
|
|
url: '/pages/Authentication/index', |
|
|
|
|
title:'丰行侠认证' |
|
|
|
|
},{ |
|
|
|
|
image: imghost + '/static/image/index-five-2.png', |
|
|
|
|
url: '/pages/Index/index', |
|
|
|
|
title:'顾问认证' |
|
|
|
|
},{ |
|
|
|
|
image: imghost + '/static/image/index-five-3.png', |
|
|
|
|
url: '/pages/Index/index', |
|
|
|
|
title:'线索上传' |
|
|
|
|
},{ |
|
|
|
|
image: imghost + '/static/image/index-five-4.png', |
|
|
|
|
url: '/pages/Index/index', |
|
|
|
|
title:'社区顾问库' |
|
|
|
|
},{ |
|
|
|
|
image: imghost + '/static/image/index-five-5.png', |
|
|
|
|
url: '/pages/Index/index', |
|
|
|
|
title:'暖新服务' |
|
|
|
|
}, |
|
|
|
|
], |
|
|
|
|
wallpaperBgImage: 'https://cdn.uviewui.com/uview/swiper/swiper1.png', |
|
|
|
|
bg: imghost + '/static/image/BG.png', |
|
|
|
|
}, |
|
|
|
|
indexBanner: [ |
|
|
|
|
{ |
|
|
|
|
image: imghost + '/static/image/banner.png', |
|
|
|
|
url: '', |
|
|
|
|
name:'lineLists', |
|
|
|
|
props:{ |
|
|
|
|
isUserList:{ |
|
|
|
|
type:Boolean, |
|
|
|
|
default:false |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
data() { |
|
|
|
|
return { |
|
|
|
|
columns:[], |
|
|
|
|
typeShow:false, |
|
|
|
|
startShow:false, |
|
|
|
|
endShow:false, |
|
|
|
|
status: 'loadmore', |
|
|
|
|
page:1, |
|
|
|
|
lists: [], |
|
|
|
|
title: '暖新人', |
|
|
|
|
loading: true, |
|
|
|
|
pages:{ |
|
|
|
|
page:1, |
|
|
|
|
limit:10, |
|
|
|
|
clue_type_id:'', |
|
|
|
|
status:'', |
|
|
|
|
starttime:'', |
|
|
|
|
endtime:'', |
|
|
|
|
} |
|
|
|
|
], |
|
|
|
|
user: { |
|
|
|
|
avatar: imghost + '/static/image/banner.png', |
|
|
|
|
nickname: '清晨的风', |
|
|
|
|
coupons: 221, |
|
|
|
|
id: 88685 |
|
|
|
|
}, |
|
|
|
|
isTop: false, |
|
|
|
|
pagePadding: 100, |
|
|
|
|
userInfo: {}, |
|
|
|
|
userExtends: {}, |
|
|
|
|
size:{ |
|
|
|
|
height:0 |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
onLoad() { |
|
|
|
@ -269,12 +155,16 @@ export default {
|
|
|
|
|
let info = uni.createSelectorQuery().in(this).select('.foot-button'); |
|
|
|
|
info.boundingClientRect(function (data) { |
|
|
|
|
that.size.height = data.height; |
|
|
|
|
console.log('height',that.size.height) |
|
|
|
|
}).exec(function (res) {}); |
|
|
|
|
}, |
|
|
|
|
methods: { |
|
|
|
|
//获取线索类型 |
|
|
|
|
getLineType(){ |
|
|
|
|
lineType({}).then((res) => { |
|
|
|
|
this.columns = res.data; |
|
|
|
|
}) |
|
|
|
|
}, |
|
|
|
|
checkboxClick(index){ |
|
|
|
|
console.log(index) |
|
|
|
|
this.tags[index].checked = !this.tags[index].checked; |
|
|
|
|
}, |
|
|
|
|
userCouponsPage() { |
|
|
|
@ -288,15 +178,63 @@ export default {
|
|
|
|
|
}) |
|
|
|
|
}, |
|
|
|
|
updateUserInfo() { |
|
|
|
|
if (this.userInfo) { |
|
|
|
|
this.user.id = this.userInfo.id |
|
|
|
|
this.user.nickname = this.userInfo.name |
|
|
|
|
this.user.avatar = this.userInfo.avatar |
|
|
|
|
|
|
|
|
|
}, |
|
|
|
|
getLineList(clear = false){ |
|
|
|
|
console.log('getLineList') |
|
|
|
|
if(clear){ |
|
|
|
|
this.status = 'loadmore' |
|
|
|
|
this.pages.page = 1; |
|
|
|
|
this.pages.limit = 10; |
|
|
|
|
this.lists = []; |
|
|
|
|
} |
|
|
|
|
if (this.userExtends) { |
|
|
|
|
this.user.coupons = this.userExtends.coupon_count |
|
|
|
|
if(this.status === 'nomore'){ |
|
|
|
|
return false; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
this.status = 'loading'; |
|
|
|
|
let data = this.pages; |
|
|
|
|
data.starttime = uni.$u.timeFormat(data.starttime, 'yyyy-mm-dd 00:00:00') |
|
|
|
|
data.endtime = uni.$u.timeFormat(data.endtime, 'yyyy-mm-dd 23:59:59') |
|
|
|
|
|
|
|
|
|
if(!this.isUserList){ |
|
|
|
|
lineList(data).then(res => { |
|
|
|
|
if(res.data.length === 0){ |
|
|
|
|
this.status = 'nomore'; |
|
|
|
|
}else{ |
|
|
|
|
this.status = 'loadmore'; |
|
|
|
|
} |
|
|
|
|
this.lists = this.lists.concat(res.data); |
|
|
|
|
}); |
|
|
|
|
}else{ |
|
|
|
|
userLineList(data).then(res => { |
|
|
|
|
if(res.data.length === 0){ |
|
|
|
|
this.status = 'nomore'; |
|
|
|
|
}else{ |
|
|
|
|
this.status = 'loadmore'; |
|
|
|
|
} |
|
|
|
|
this.lists = this.lists.concat(res.data); |
|
|
|
|
}); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
this.pages.page++; |
|
|
|
|
}, |
|
|
|
|
//选择事件类型 |
|
|
|
|
selectType(e){ |
|
|
|
|
this.pages.clue_type_id = e.value[0].id |
|
|
|
|
this.$emit('typeCheck', e.value[0].name) |
|
|
|
|
this.typeShow = false; |
|
|
|
|
}, |
|
|
|
|
//选择开始时间 |
|
|
|
|
selectStart(e){ |
|
|
|
|
this.pages.starttime = e.value; |
|
|
|
|
this.startShow = false; |
|
|
|
|
this.endShow = true; |
|
|
|
|
}, |
|
|
|
|
selectEnd(e){ |
|
|
|
|
this.pages.endtime = e.value; |
|
|
|
|
this.startShow = false; |
|
|
|
|
this.endShow = false; |
|
|
|
|
}, |
|
|
|
|
}, |
|
|
|
|
onPageScroll(res) { |
|
|
|
|
if (res.scrollTop <= 20) { |
|
|
|
@ -304,14 +242,14 @@ export default {
|
|
|
|
|
} else { |
|
|
|
|
uni.$emit('isTop', false); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
}, |
|
|
|
|
created() { |
|
|
|
|
this.pagePadding = (api.navHeight().navPaddingTop + |
|
|
|
|
api.navHeight().navHeight + (api.navHeight().headerPadding * 2)) |
|
|
|
|
}, |
|
|
|
|
mounted() { |
|
|
|
|
|
|
|
|
|
this.getLineType(); |
|
|
|
|
this.getLineList(true); |
|
|
|
|
}, |
|
|
|
|
updated() { |
|
|
|
|
|
|
|
|
@ -328,7 +266,22 @@ export default {
|
|
|
|
|
this.userExtends = newVal; |
|
|
|
|
this.updateUserInfo(); |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
"pages.starttime": { |
|
|
|
|
handler(newVal, oldVal) { |
|
|
|
|
this.$emit('startTime', this.pages.starttime) |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
"pages.endtime": { |
|
|
|
|
handler(newVal, oldVal) { |
|
|
|
|
this.$emit('endTime', this.pages.endtime) |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
"pages.clue_type_id": { |
|
|
|
|
handler(newVal, oldVal) { |
|
|
|
|
this.getLineList(true) |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
</script> |
|
|
|
|