3f535f30
 杨鑫
'初始'
|
1
2
|
<template>
<view class="page">
|
f692f3a5
 wesley88
1
|
3
|
<!-- <view class="head-search">
|
|
e5b57447
杨鑫
'分包问卷'
|
4
5
|
<u-search bg-color="#fff" placeholder="请输入关键词" v-model="query.title" :show-action="false" @search="search"></u-search>
<u-button type="success" @click="search">搜索</u-button>
|
|
f692f3a5
wesley88
1
|
6
7
|
</view> -->
<view style="margin: 20rpx 0;background-color: #FFFFFF;border-radius: 18rpx;border: 2rpx solid #E8E8E8; margin: 22rpx 24rpx;overflow: hidden;" >
|
|
e3789a75
杨鑫
'最新'
|
8
|
<u-search :action-style="{'background':'#19be6b','color':'#fff','height':'32px','line-height':'32px','border-radius':'18rpx'}" bg-color="#fff" placeholder="请输入关键词" v-model="query.title" action-text="搜索" @clear="search" @search="search" @custom="search"></u-search>
|
|
e5b57447
杨鑫
'分包问卷'
|
9
10
11
12
13
14
15
16
17
18
19
|
</view>
<view class="screen-list">
<view class="list" @click="show = true">
<text>问卷类型</text>
<image :src="$imgUrl('/down.png')"></image>
<u-select v-model="show" :list="areList" @confirm="(v) => {queryChange('questionnaireType', v)}"></u-select>
</view>
<!-- <view class="list" @click="setList(1)">
<text>最新发布</text>
<image :src="$imgUrl('/down.png')"></image>
</view> -->
|
|
3f535f30
杨鑫
'初始'
|
20
21
|
</view>
|
|
e5b57447
杨鑫
'分包问卷'
|
22
23
|
<view class="list-scorll">
<view class='listbox' v-for="(item,index) in tableData" @click="go(`/pages/questionnaire/questDetail/questDetail?detail=${JSON.stringify(item)}`)">
|
|
3f535f30
杨鑫
'初始'
|
24
|
<view class="img">
|
|
8d1ec6eb
杨鑫
'最新'
|
25
|
<image :src="$img+item.coverImage"></image>
|
|
3f535f30
杨鑫
'初始'
|
26
|
</view>
|
|
e5b57447
杨鑫
'分包问卷'
|
27
28
29
30
31
|
<view class="info">
<view class="title" >{{item.title}}</view>
<view class="info-item">填写时长：<span>{{item.estimatedTime}}分钟</span></view>
<view class="info-item">填写时段：<span>{{item.startDate}}至{{item.endDate}}</span></view>
<view class="info-item">问卷类型：<span>{{item.questionnaireType}}</span></view>
|
|
3f535f30
杨鑫
'初始'
|
32
33
|
</view>
</view>
|
|
3f535f30
杨鑫
'初始'
|
34
|
</view>
|
|
8d1ec6eb
杨鑫
'最新'
|
35
|
<!-- <view style="height: 120rpx;"></view>
|
|
e5b57447
杨鑫
'分包问卷'
|
36
37
|
<view class="page-footer">
<u-button type="success" @click="createWen">创建问卷</u-button>
|
|
8d1ec6eb
杨鑫
'最新'
|
38
|
</view> -->
|
|
3f535f30
杨鑫
'初始'
|
39
40
41
42
43
44
45
|
</view>
</template>
<script>
export default {
data() {
return {
|
|
e5b57447
杨鑫
'分包问卷'
|
46
47
48
49
50
|
show: false,
areList: [
{value: '物业问卷', label: '物业问卷'},
{value: '招商问卷', label: '招商问卷'},
{value: '满意度问卷', label: '满意度问卷'},
|
|
8550d958
杨鑫
'最新'
|
51
|
{value: '社会调查问卷', label: '社会调查问卷'},
|
|
e5b57447
杨鑫
'分包问卷'
|
52
53
54
55
|
], // 区域列表
query: {
questionnaireType: '',
title: '',
|
|
8550d958
杨鑫
'最新'
|
56
57
|
pageNumber: 0,
pageSize: 10,
|
|
3f535f30
杨鑫
'初始'
|
58
|
},
|
|
e5b57447
杨鑫
'分包问卷'
|
59
60
|
tableData:[],
pagesize:{
|
|
8550d958
杨鑫
'最新'
|
61
62
|
pageNumber: 0,
pageSize: 10,
|
|
3f535f30
杨鑫
'初始'
|
63
|
}
|
|
3f535f30
杨鑫
'初始'
|
64
65
|
};
},
|
|
e5b57447
杨鑫
'分包问卷'
|
66
67
68
69
|
mounted() {
this.getAll()
},
|
|
3f535f30
杨鑫
'初始'
|
70
|
methods:{
|
|
e5b57447
杨鑫
'分包问卷'
|
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
|
getAll(){
this.$http.sendRequest('/cereQuestionnaireTable/queryByPage', 'POST', this.pagesize,1).then(res => {
//成功回调
this.tableData = res.data.data.content
})
},
go(urls){
uni.navigateTo({
url: urls
})
},
queryChange(key, val) {
this.query[`${key}`] = val[0].value;
this.search();
},
search() {
this.$http.sendRequest('/cereQuestionnaireTable/queryByPage', 'POST', this.query,1).then(res => {
//成功回调
this.tableData = res.data.data.content
this.query = {
questionnaireType: '',
title: '',
pageNumber: 1,
pageSize: 2
}
})
},
|
|
3f535f30
杨鑫
'初始'
|
99
100
101
102
103
104
105
106
107
108
109
110
|
createWen(){
uni.navigateTo({
url: '/pages/createQuestionnaire/createQuestionnaire'
})
}
}
}
</script>
<style scoped lang="scss">
@import 'questionnaire.scss';
</style>
|
