wwk / antis_Education_Service

Blame view

antis-ncc-admin/src/views/tbEvaluation/index.vue 7.18 KB
Edit Raw Normal View History Permalink
4aba9b59   wwk   1 
1
2
3
4
5
6
7
 
  <template>
  	<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
 
  					title: undefined,
  					detault: undefined,
4aba9b59   wwk   1 
86
 
  				},
1544d4d5   wwk   aa 
87
88
89
90
91
92
93
 
  				list: [],
  				listLoading: true,
  				multipleSelection: [],
  				total: 0,
  				listQuery: {
  					currentPage: 1,
  					pageSize: 20,
4aba9b59   wwk   1 
94
 
  					sort: "desc",
1544d4d5   wwk   aa 
95
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
 
  					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 
122
123
 
  				],
  			}
1544d4d5   wwk   aa 
124
 
  		},
4aba9b59   wwk   1 
125
126
127
128
129
 
  		computed: {},
  		created() {
  			this.initData()
  		},
  		methods: {
1544d4d5   wwk   aa 
130
131
132
133
134
135
136
137
138
139
140
141
142
 
  			Cofirm(id){
  				request({
  					url: `/api/Education/tbevaluation/ConfirmEvalDefault?id=`+id,
  					method: 'POST',
  				}).then(res => {
  					if(res.code==200){
  						this.$message.success('设置成功')
  						this.initData()
  					}else{
  						this.$message.error('设置失败')
  					}
  				})
  			},
4aba9b59   wwk   1 
143
 
  			initData() {
1544d4d5   wwk   aa 
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
 
  				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/TbEvaluation`,
  					method: 'GET',
  					data: query
  				}).then(res => {
  					this.list = res.data.list
  					this.total = res.data.pagination.total
  					this.listLoading = false
  				})
  			},
4aba9b59   wwk   1 
167
 
  			handleDel(id) {
1544d4d5   wwk   aa 
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
 
  				this.$confirm('此操作将永久删除该数据, 是否继续?', '提示', {
  					type: 'warning'
  				}).then(() => {
  					request({
  						url: `/api/Education/TbEvaluation/${id}`,
  						method: 'DELETE'
  					}).then(res => {
  						this.$message({
  							type: 'success',
  							message: res.msg,
  							onClose: () => {
  								this.initData()
  							}
  						});
  					})
  				}).catch(() => {});
  			},
4aba9b59   wwk   1 
185
 
  			handleSelectionChange(val) {
1544d4d5   wwk   aa 
186
187
188
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
 
  				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/TbEvaluation/batchRemove`,
  						method: 'POST',
  						data: ids,
  					}).then(res => {
  						this.$message({
  							type: 'success',
  							message: res.msg,
  							onClose: () => {
  								this.initData()
  							}
  						});
  					})
  				}).catch(() => {})
  			},
4aba9b59   wwk   1 
217
 
  			addOrUpdateHandle(id, isDetail) {
1544d4d5   wwk   aa 
218
219
220
221
222
 
  				this.formVisible = true
  				this.$nextTick(() => {
  					this.$refs.NCCForm.init(id, isDetail)
  				})
  			},
4aba9b59   wwk   1 
223
 
  			exportData() {
1544d4d5   wwk   aa 
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
 
  				this.exportBoxVisible = true
  				this.$nextTick(() => {
  					this.$refs.ExportBox.init(this.columnList)
  				})
  			},
  			download(data) {
  				let query = {
  					...data,
  					...this.listQuery,
  					...this.query
  				}
  				request({
  					url: `/api/Education/TbEvaluation/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 
246
 
  			search() {
1544d4d5   wwk   aa 
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
 
  				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 
271
 
  		}
1544d4d5   wwk   aa 
272
273
 
  	}
  </script>