Blame view

lvdao-miniapp/pages/questionnaire/questionnaire.vue 2.88 KB
3f535f30   杨鑫   '初始'
1
2
  <template>
  	<view class="page">
e5b57447   杨鑫   '分包问卷'
3
4
5
6
7
8
9
10
11
12
13
14
15
16
  		<view class="head-search">
  			<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>
  		</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   杨鑫   '初始'
17
18
  		</view>
  		
e5b57447   杨鑫   '分包问卷'
19
20
  		<view class="list-scorll">
  			<view class='listbox' v-for="(item,index) in tableData" @click="go(`/pages/questionnaire/questDetail/questDetail?detail=${JSON.stringify(item)}`)">
3f535f30   杨鑫   '初始'
21
  				 <view class="img">
e5b57447   杨鑫   '分包问卷'
22
  					 <image :src="item.coverImage"></image>
3f535f30   杨鑫   '初始'
23
  				 </view>
e5b57447   杨鑫   '分包问卷'
24
25
26
27
28
  				 <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   杨鑫   '初始'
29
30
  				 </view>
  			</view>
3f535f30   杨鑫   '初始'
31
  		</view>
e5b57447   杨鑫   '分包问卷'
32
33
34
35
  		<view style="height: 120rpx;"></view>
  		<view class="page-footer">
  			<u-button type="success" @click="createWen">创建问卷</u-button>
  		</view>
3f535f30   杨鑫   '初始'
36
37
38
39
40
41
42
  	</view>
  </template>
  
  <script>
  	export default {
  		data() {
  			return {
e5b57447   杨鑫   '分包问卷'
43
44
45
46
47
  				show: false,
  				areList: [
  					{value: '物业问卷', label: '物业问卷'},
  					{value: '招商问卷', label: '招商问卷'},
  					{value: '满意度问卷', label: '满意度问卷'},
8550d958   杨鑫   '最新'
48
  					{value: '社会调查问卷', label: '社会调查问卷'},
e5b57447   杨鑫   '分包问卷'
49
50
51
52
  				], // 区域列表
  				query: {
  					questionnaireType: '',
  					title: '',
8550d958   杨鑫   '最新'
53
54
  			pageNumber: 0,
  			pageSize: 10,
3f535f30   杨鑫   '初始'
55
  				},
e5b57447   杨鑫   '分包问卷'
56
57
  				tableData:[],
  				pagesize:{
8550d958   杨鑫   '最新'
58
59
  				pageNumber: 0,
  				pageSize: 10,
3f535f30   杨鑫   '初始'
60
  				}
3f535f30   杨鑫   '初始'
61
62
  			};
  		},
e5b57447   杨鑫   '分包问卷'
63
64
65
66
  		mounted() {
  			this.getAll()
  			
  		},
3f535f30   杨鑫   '初始'
67
  		methods:{
e5b57447   杨鑫   '分包问卷'
68
69
70
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
  			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   杨鑫   '初始'
96
97
98
99
100
101
102
103
104
105
106
107
  			createWen(){
  				uni.navigateTo({
  					url: '/pages/createQuestionnaire/createQuestionnaire'
  				})
  			}
  		}
  	}
  </script>
  
  <style scoped lang="scss">
  @import 'questionnaire.scss';
  </style>