wwk / antis_Education_Service

Blame view

antis-ncc-admin/src/views/tbQuestion/index.vue 7.17 KB
Edit Raw Normal View History Permalink
1544d4d5   wwk   aa 
1
 
  <template>
4aba9b59   wwk   1 
2
3
4
5
6
7
 
  	<div class="NCC-common-layout">
  		<div class="NCC-common-layout-center">
  			<el-row class="NCC-common-search-box" :gutter="16">
  				<el-form @submit.native.prevent>
  					<el-col :span="6">
  						<el-form-item label="标题">
1544d4d5   wwk   aa 
8
9
10
11
12
13
14
15
16
 
  							<el-input v-model="query.title" placeholder="标题" />
  						</el-form-item>
  					</el-col>
  					<el-col :span="6">
  						<el-form-item label="是否默认">
  							<el-select v-model="query.detault" placeholder="是否默认" clearable>
  								<el-option v-for="(item, index) in detaultOptions" :key="index" :label="item.fullName"
  									:value="item.id" />
  							</el-select>
4aba9b59   wwk   1 
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
 
  						</el-form-item>
  					</el-col>
  					<el-col :span="6">
  						<el-form-item>
  							<el-button type="primary" icon="el-icon-search" @click="search()">查询</el-button>
  							<el-button icon="el-icon-refresh-right" @click="reset()">重置</el-button>
  						</el-form-item>
  					</el-col>
  				</el-form>
  			</el-row>
  			<div class="NCC-common-layout-main NCC-flex-main">
  				<div class="NCC-common-head">
  					<div>
  						<el-button type="primary" icon="el-icon-plus" @click="addOrUpdateHandle()">新增</el-button>
  						<el-button type="text" icon="el-icon-download" @click="exportData()">导出</el-button>
  						<el-button type="text" icon="el-icon-delete" @click="handleBatchRemoveDel()">批量删除</el-button>
  					</div>
  					<div class="NCC-common-head-right">
  						<el-tooltip effect="dark" content="刷新" placement="top">
1544d4d5   wwk   aa 
36
37
 
  							<el-link icon="icon-ym icon-ym-Refresh NCC-common-head-icon" :underline="false"
  								@click="reset()" />
4aba9b59   wwk   1 
38
39
40
41
 
  						</el-tooltip>
  						<screenfull isContainer />
  					</div>
  				</div>
1544d4d5   wwk   aa 
42
 
  				<NCC-table v-loading="listLoading" :data="list" has-c @selection-change="handleSelectionChange">
4aba9b59   wwk   1 
43
 
  					<el-table-column prop="title" label="标题" align="left" />
1544d4d5   wwk   aa 
44
45
46
47
48
 
  					<el-table-column label="是否默认" prop="detault" align="left">
  						<template slot-scope="scope">{{ scope.row.detault | dynamicText(detaultOptions) }}</template>
  					</el-table-column>
  					<el-table-column prop="creatorTime" label="创建时间" align="left" :formatter="ncc.tableDateFormat" />
  					<el-table-column prop="lastModifyTime" label="修改时间" align="left" :formatter="ncc.tableDateFormat" />
4aba9b59   wwk   1 
49
 
  					<el-table-column label="操作" fixed="right" width="100">
1544d4d5   wwk   aa 
50
51
52
53
54
 
  						<template slot-scope="scope">
  							<el-button type="text" @click="addOrUpdateHandle(scope.row.id)">编辑</el-button>
  							<el-button type="text" @click="handleDel(scope.row.id)" class="NCC-table-delBtn">删除
  							</el-button>
  							<el-button type="text" @click="Cofirm(scope.row.id)">设为置顶</el-button>
4aba9b59   wwk   1 
55
56
57
 
  						</template>
  					</el-table-column>
  				</NCC-table>
1544d4d5   wwk   aa 
58
59
60
61
 
  				<pagination :total="total" :page.sync="listQuery.currentPage" :limit.sync="listQuery.pageSize"
  					@pagination="initData" />
  			</div>
  		</div>
4aba9b59   wwk   1 
62
63
64
65
66
 
  		<NCC-Form v-if="formVisible" ref="NCCForm" @refresh="refresh" />
  		<ExportBox v-if="exportBoxVisible" ref="ExportBox" @download="download" />
  	</div>
  </template>
  <script>
1544d4d5   wwk   aa 
67
68
69
70
71
72
73
74
75
 
  	import request from '@/utils/request'
  	import {
  		getDictionaryDataSelector
  	} from '@/api/systemData/dictionary'
  	import NCCForm from './Form'
  	import ExportBox from './ExportBox'
  	import {
  		previewDataInterface
  	} from '@/api/systemData/dataInterface'
4aba9b59   wwk   1 
76
 
  	export default {
1544d4d5   wwk   aa 
77
78
79
80
81
82
 
  		components: {
  			NCCForm,
  			ExportBox
  		},
  		data() {
  			return {
4aba9b59   wwk   1 
83
 
  				query: {
1544d4d5   wwk   aa 
84
85
86
 
  					title: undefined,
  					detault: undefined,
4aba9b59   wwk   1 
87
 
  				},
1544d4d5   wwk   aa 
88
89
90
91
92
93
94
 
  				list: [],
  				listLoading: true,
  				multipleSelection: [],
  				total: 0,
  				listQuery: {
  					currentPage: 1,
  					pageSize: 20,
4aba9b59   wwk   1 
95
 
  					sort: "desc",
1544d4d5   wwk   aa 
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
 
  					sidx: "",
  				},
  				formVisible: false,
  				exportBoxVisible: false,
  				detaultOptions: [{
  					"fullName": "默认",
  					"id": "1"
  				}, {
  					"fullName": "普通",
  					"id": "2"
  				}],
  
  				columnList: [{
  						prop: 'title',
  						label: '标题'
  					},
  					{
  						prop: 'creatorTime',
  						label: '创建时间'
  					},
  					{
  						prop: 'lastModifyTime',
  						label: '修改时间'
  					},
  					{
  						prop: 'detault',
  						label: '是否默认'
  					},
4aba9b59   wwk   1 
125
126
 
  				],
  			}
1544d4d5   wwk   aa 
127
 
  		},
4aba9b59   wwk   1 
128
129
130
131
132
 
  		computed: {},
  		created() {
  			this.initData()
  		},
  		methods: {
1544d4d5   wwk   aa 
133
134
135
136
137
138
139
140
141
142
143
144
145
 
  			Cofirm(id){
  				request({
  					url: `/api/Education/tbquestion/ConfirmDefault?id=`+id,
  					method: 'POST',
  				}).then(res => {
  					if(res.code==200){
  						this.$message.success('设置成功')
  						this.initData()
  					}else{
  						this.$message.error('设置失败')
  					}
  				})
  			},
4aba9b59   wwk   1 
146
 
  			initData() {
1544d4d5   wwk   aa 
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
 
  				this.listLoading = true;
  				let _query = {
  					...this.listQuery,
  					...this.query
  				};
  				let query = {}
  				for (let key in _query) {
  					if (Array.isArray(_query[key])) {
  						query[key] = _query[key].join()
  					} else {
  						query[key] = _query[key]
  					}
  				}
  				request({
  					url: `/api/Education/TbQuestion`,
  					method: 'GET',
  					data: query
  				}).then(res => {
  					this.list = res.data.list
  					this.total = res.data.pagination.total
  					this.listLoading = false
  				})
  			},
4aba9b59   wwk   1 
170
 
  			handleDel(id) {
1544d4d5   wwk   aa 
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
 
  				this.$confirm('此操作将永久删除该数据, 是否继续?', '提示', {
  					type: 'warning'
  				}).then(() => {
  					request({
  						url: `/api/Education/TbQuestion/${id}`,
  						method: 'DELETE'
  					}).then(res => {
  						this.$message({
  							type: 'success',
  							message: res.msg,
  							onClose: () => {
  								this.initData()
  							}
  						});
  					})
  				}).catch(() => {});
  			},
4aba9b59   wwk   1 
188
 
  			handleSelectionChange(val) {
1544d4d5   wwk   aa 
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
 
  				const res = val.map(item => item.id)
  				this.multipleSelection = res
  			},
  			handleBatchRemoveDel() {
  				if (!this.multipleSelection.length) {
  					this.$message({
  						type: 'error',
  						message: '请选择一条数据',
  						duration: 1500,
  					})
  					return
  				}
  				const ids = this.multipleSelection
  				this.$confirm('您确定要删除这些数据吗, 是否继续？', '提示', {
  					type: 'warning'
  				}).then(() => {
  					request({
  						url: `/api/Education/TbQuestion/batchRemove`,
  						method: 'POST',
  						data: ids,
  					}).then(res => {
  						this.$message({
  							type: 'success',
  							message: res.msg,
  							onClose: () => {
  								this.initData()
  							}
  						});
  					})
  				}).catch(() => {})
  			},
4aba9b59   wwk   1 
220
 
  			addOrUpdateHandle(id, isDetail) {
1544d4d5   wwk   aa 
221
222
223
224
225
 
  				this.formVisible = true
  				this.$nextTick(() => {
  					this.$refs.NCCForm.init(id, isDetail)
  				})
  			},
4aba9b59   wwk   1 
226
 
  			exportData() {
1544d4d5   wwk   aa 
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
 
  				this.exportBoxVisible = true
  				this.$nextTick(() => {
  					this.$refs.ExportBox.init(this.columnList)
  				})
  			},
  			download(data) {
  				let query = {
  					...data,
  					...this.listQuery,
  					...this.query
  				}
  				request({
  					url: `/api/Education/TbQuestion/Actions/Export`,
  					method: 'GET',
  					data: query
  				}).then(res => {
  					if (!res.data.url) return
  					window.location.href = this.define.comUrl + res.data.url
  					this.$refs.ExportBox.visible = false
  					this.exportBoxVisible = false
  				})
  			},
4aba9b59   wwk   1 
249
 
  			search() {
1544d4d5   wwk   aa 
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
 
  				this.listQuery = {
  					currentPage: 1,
  					pageSize: 20,
  					sort: "desc",
  					sidx: "",
  				}
  				this.initData()
  			},
  			refresh(isrRefresh) {
  				this.formVisible = false
  				if (isrRefresh) this.reset()
  			},
  			reset() {
  				for (let key in this.query) {
  					this.query[key] = undefined
  				}
  				this.listQuery = {
  					currentPage: 1,
  					pageSize: 20,
  					sort: "desc",
  					sidx: "",
  				}
  				this.initData()
  			}
4aba9b59   wwk   1 
274
 
  		}
1544d4d5   wwk   aa 
275
276
 
  	}
  </script>