antissoft / NetworkInformation

Blame view

src/views/baseInspectionReport/index.vue 12.5 KB
Edit Raw Normal View History
c21fb5b0   monkeyhouyi   巡查上报页面 
1
2
 
  <template>
  	 <div class="SystemInfo item-box common-info-box">
fcbf44a0   monkeyhouyi   1 
3
 
      <div class="item-title">{{isSHILevel ? '线索录入' : '巡查上报'}}</div>
c21fb5b0   monkeyhouyi   巡查上报页面 
4
5
6
7
8
 
      <div class="item-body">
  		<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 size="mini">
8994407e   monkeyhouyi   优化 
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
                      <el-col :span="5">
                        <el-form-item label="">
                          <el-date-picker
                            v-model="query.creatorTime"
                            type="datetimerange"
                            value-format="timestamp"
                            format="yyyy-MM-dd HH:mm:ss"
                            start-placeholder="登记开始日期"
                            end-placeholder="登记结束日期"
                          >
                          </el-date-picker>
                        </el-form-item>
                      </el-col>
  					<el-col :span="3">
c21fb5b0   monkeyhouyi   巡查上报页面 
23
 
  						<el-form-item label="">
65aeaaa1   monkeyhouyi   样式修改 
24
 
  							<el-input v-model="query.platformName" placeholder="请输入应用名称" clearable />
c21fb5b0   monkeyhouyi   巡查上报页面 
25
26
 
  						</el-form-item>
  					</el-col>
8994407e   monkeyhouyi   优化 
27
 
  					<el-col :span="3">
c21fb5b0   monkeyhouyi   巡查上报页面 
28
 
  						<el-form-item label="">
541d55ac   monkeyhouyi   优化 
29
 
  							<el-select v-model="query.platformType" placeholder="请选择系统类型" clearable >
4614132f   monkeyhouyi   列表查询，案件处理 
30
 
  								<el-option v-for="(item, index) in systemTypeOptions" :key="index" :label="item.FullName" :value="item.Id"  />
c21fb5b0   monkeyhouyi   巡查上报页面 
31
32
33
 
  							</el-select>
  						</el-form-item>
  					</el-col>
8994407e   monkeyhouyi   优化 
34
 
  					<el-col :span="3">
c21fb5b0   monkeyhouyi   巡查上报页面 
35
 
  						<el-form-item label="">
4614132f   monkeyhouyi   列表查询，案件处理 
36
 
  							<el-input v-model="query.questionType" placeholder="请选择问题类型" clearable />
c21fb5b0   monkeyhouyi   巡查上报页面 
37
38
 
  						</el-form-item>
  					</el-col>
8994407e   monkeyhouyi   优化 
39
 
  					<el-col :span="3">
c21fb5b0   monkeyhouyi   巡查上报页面 
40
 
  						<el-form-item>
7180000e   monkeyhouyi   优化 
41
42
 
                              <el-button type="primary" icon="el-icon-search" @click="search()">查询</el-button>
                              <el-button icon="el-icon-refresh-right" @click="reset()">重置</el-button>
c21fb5b0   monkeyhouyi   巡查上报页面 
43
44
 
  						</el-form-item>
  					</el-col>
ff36c85d   monkeyhouyi   1 
45
46
 
                      <div class="NCC-common-search-box-right">
                        <el-button type="success" icon="el-icon-plus" @click="addOrUpdateHandle()" size="mini" >新增</el-button>
73755355   monkeyhouyi   优化 
47
48
49
50
51
52
53
54
55
 
                        <el-button type="primary" icon="el-icon-download" size="mini" @click="exportData('demo')">导出模板</el-button>
                        <el-upload
                            class="uploadXlax"
                            :action="define.APIURl + '/api/Extend/BaseInspectionReport/Actions/ImportByExcel'"
                            :headers="uploadHeaders"
                            :on-success="uploadSuccess"
                            :on-error="uploadError"
                            :show-file-list="false"
                            name="excelfile"
73755355   monkeyhouyi   优化 
56
57
58
59
60
61
 
                          >
                            <div class="avatar-box">
                              <el-button type="info" icon="el-icon-upload" size="mini">导入</el-button>
                            </div>
                          </el-upload>
                        <el-button type="primary" icon="el-icon-download" size="mini" @click="exportData()">导出</el-button>
ff36c85d   monkeyhouyi   1 
62
 
                      </div>
c21fb5b0   monkeyhouyi   巡查上报页面 
63
64
65
 
  				</el-form>
  			</el-row>
  			<div class="NCC-common-layout-main NCC-flex-main">
c21fb5b0   monkeyhouyi   巡查上报页面 
66
 
                  <NCC-table v-loading="listLoading" :data="list">
65aeaaa1   monkeyhouyi   样式修改 
67
68
 
  					<el-table-column show-overflow-tooltip prop="platformNameStr" label="应用名称" align="left" />
  					<el-table-column show-overflow-tooltip label="应用类型" prop="platformType" align="left">
4614132f   monkeyhouyi   列表查询，案件处理 
69
 
  							<template slot-scope="scope">{{ scope.row.platformType | dynamicTextUP(systemTypeOptions) }}</template>
c21fb5b0   monkeyhouyi   巡查上报页面 
70
 
  					</el-table-column>
46bce7e6   monkeyhouyi   10/14号需求完善 
71
72
 
  					<el-table-column show-overflow-tooltip label="问题类型" prop="questionType" align="left" ></el-table-column>
  					<el-table-column show-overflow-tooltip label="线索编号" prop="leadNumber" align="left" ></el-table-column>
ff36c85d   monkeyhouyi   1 
73
 
  					<!-- <el-table-column show-overflow-tooltip prop="link" label="有害链接" align="left" /> -->
46bce7e6   monkeyhouyi   10/14号需求完善 
74
 
  					<!-- <el-table-column show-overflow-tooltip prop="questionClass" label="关键词" align="left" /> -->
94f06e38   monkeyhouyi   优化 
75
 
  					<el-table-column show-overflow-tooltip prop="creatorTime" label="录入时间" align="left" :formatter="ncc.tableDateFormat"/>
9dc3fc10   monkeyhouyi   优化巡查列表页面 
76
77
 
  					<!-- <el-table-column show-overflow-tooltip prop="department" label="部门" align="left" /> -->
  					<!-- <el-table-column show-overflow-tooltip label="问题分类" prop="questionClass" align="left">
c21fb5b0   monkeyhouyi   巡查上报页面 
78
 
  							<template slot-scope="scope">{{ scope.row.questionClass | dynamicText(questionClassOptions) }}</template>
9dc3fc10   monkeyhouyi   优化巡查列表页面 
79
80
 
  					</el-table-column> -->
  					<!-- <el-table-column show-overflow-tooltip label="阶段" prop="stage" align="left">
c21fb5b0   monkeyhouyi   巡查上报页面 
81
 
  							<template slot-scope="scope">{{ scope.row.stage | dynamicText(stageOptions) }}</template>
9dc3fc10   monkeyhouyi   优化巡查列表页面 
82
 
  					</el-table-column> -->
c21fb5b0   monkeyhouyi   巡查上报页面 
83
84
 
  					<el-table-column label="操作" fixed="right" width="100">
  							<template slot-scope="scope">
d8ed082d   monkeyhouyi   研判页面添加研判按钮校验和详情弹框 
85
 
                                  <!-- 未研判 ‘577006621985604869’/未下发 ‘577006641364189019’可以修改 -->
7180000e   monkeyhouyi   优化 
86
 
  							<el-button type="text" @click="addOrUpdateHandle(scope.row.id)" :disabled="scope.row.stage != '577006621985604869' && scope.row.stage !='577006641364189019'">编辑</el-button>
cb0a72a6   monkeyhouyi   核查处置优化 
87
 
  							<el-button type="text" @click="handleDel(scope.row.id)" class="NCC-table-delBtn" :disabled="scope.row.stage != '577006621985604869' && scope.row.stage !='577006641364189019'">删除</el-button>
c21fb5b0   monkeyhouyi   巡查上报页面 
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
 
  						</template>
  					</el-table-column>
  				</NCC-table>
                  <pagination :total="total" :page.sync="listQuery.currentPage" :limit.sync="listQuery.pageSize" @pagination="initData" />
              </div>
          </div>
  		<NCC-Form v-if="formVisible" ref="NCCForm" @refresh="refresh" />
  		<ExportBox v-if="exportBoxVisible" ref="ExportBox" @download="download" />
  	</div>
  	</div>
  	</div>
  	
  </template>
  <script>
      import request from '@/utils/request'
c21fb5b0   monkeyhouyi   巡查上报页面 
103
 
      import NCCForm from './Form'
4614132f   monkeyhouyi   列表查询，案件处理 
104
 
      import infoMixin from "@/mixins/info";
c21fb5b0   monkeyhouyi   巡查上报页面 
105
106
 
      import ExportBox from './ExportBox'
      import { getList, previewDataInterface } from '@/api/systemData/dataInterface'
a242b994   monkeyhouyi   附件调试 
107
 
      import define from '@/utils/define'
c21fb5b0   monkeyhouyi   巡查上报页面 
108
 
  	export default {
4614132f   monkeyhouyi   列表查询，案件处理 
109
 
          mixins: [infoMixin],
c21fb5b0   monkeyhouyi   巡查上报页面 
110
111
112
113
114
115
116
117
118
119
 
          components: { NCCForm, ExportBox },
          data() {
              return {
                  showAll: false,
  				query: {
                      platformName:undefined,
                      platformType:undefined,
                      department:undefined,
                      questionType:undefined,
                      questionClass:undefined,
8994407e   monkeyhouyi   优化 
120
 
                      creatorTime: [],
c21fb5b0   monkeyhouyi   巡查上报页面 
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
 
  				},
                  list: [],
                  listLoading: true,
                  multipleSelection: [], total: 0,
                  listQuery: {
                      currentPage: 1,
                      pageSize: 20,
  					sort: "desc",
                      sidx: "",
                  },
                  formVisible: false,
                  exportBoxVisible: false,
                  columnList: [
                      { prop: 'platformName', label: '平台名称' },
                      { prop: 'platformType', label: '平台类型' },
                      { prop: 'questionType', label: '问题类型' },
                      { prop: 'link', label: '有害链接' },
                      { prop: 'disposalSuggestions', label: '处置建议' },
                      { prop: 'id', label: '主键' },
                      { prop: 'department', label: '部门' },
                      { prop: 'questionClass', label: '问题分类' },
                      { prop: 'stage', label: '阶段' },
  				],
  				sourceOptions:[{"fullName":"市网信办线索","id":"市网信办线索"},{"fullName":"自主巡查发现","id":"自主巡查发现"}],
4614132f   monkeyhouyi   列表查询，案件处理 
145
 
  				systemTypeOptions : [],
c21fb5b0   monkeyhouyi   巡查上报页面 
146
147
148
 
  				questionTypeOptions : [],
  				questionClassOptions:[{"fullName":"选项一","id":"1"},{"fullName":"选项二","id":"2"}],
  				stageOptions:[{"fullName":"选项一","id":"1"},{"fullName":"选项二","id":"2"}],
73755355   monkeyhouyi   优化 
149
 
                  uploadHeaders: { Authorization: this.$store.getters.token },
c21fb5b0   monkeyhouyi   巡查上报页面 
150
151
 
  			}
          },
fcbf44a0   monkeyhouyi   1 
152
153
154
155
156
157
 
  		computed: {
              isSHILevel() {
                // 判断角色是否为‘市级办公室’
                return this.$store.state.user.islader;
              },
          },
c21fb5b0   monkeyhouyi   巡查上报页面 
158
 
  		created() {
4614132f   monkeyhouyi   列表查询，案件处理 
159
 
  			this.initSystemTypeList();
c21fb5b0   monkeyhouyi   巡查上报页面 
160
 
  			this.initData()
c21fb5b0   monkeyhouyi   巡查上报页面 
161
162
 
  		},
  		methods: {
c21fb5b0   monkeyhouyi   巡查上报页面 
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
 
  			initData() {
                  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]
                      }
                  }
                  getList(query).then(res => {
b61eb1ed   monkeyhouyi   上报线索研判 
178
179
180
181
 
                      if(res.data) {
                          this.list = res.data.list
                          this.total = res.data.pagination.total
                      }
c21fb5b0   monkeyhouyi   巡查上报页面 
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
 
                      this.listLoading = false
                  })
              },
  			handleDel(id) {
                  this.$confirm('此操作将永久删除该数据, 是否继续?', '提示', {
                      type: 'warning'
                  }).then(() => {
                      request({
                          url: `/Extend/BaseInspectionReport/${id}`,
                          method: 'DELETE'
                      }).then(res => {
                          this.$message({
                              type: 'success',
                              message: res.msg,
                              onClose: () => {
                                  this.initData()
                              }
                          });
                      })
                  }).catch(() => {
                  });
              },
  			addOrUpdateHandle(id, isDetail) {
                  this.formVisible = true
                  this.$nextTick(() => {
                      this.$refs.NCCForm.init(id, isDetail)
                  })
              },
73755355   monkeyhouyi   优化 
210
211
212
213
214
 
              uploadSuccess(response, file, fileList) {
                  this.$message({
                    showClose: true,
                    message: response.msg,
                    type: response.code == 200 ? 'success' : 'error',
a242b994   monkeyhouyi   附件调试 
215
216
217
 
                    close: () => {
                      response.code == 200 && this.initData();
                    }
73755355   monkeyhouyi   优化 
218
219
220
221
222
223
224
 
                  });
              },
              uploadError() { 
                  console.log('erroe');
              },
              exportData(type) {
                  let obj = {}
73755355   monkeyhouyi   优化 
225
226
227
228
 
                  if(type) {
                      obj = {
                          url: '/Extend/BaseInspectionReport/Actions/GenerateImportTemplate',
                          method: "GET",
94f06e38   monkeyhouyi   优化 
229
 
                          responseType: 'blob',
73755355   monkeyhouyi   优化 
230
231
 
                      }
                  } else {
73755355   monkeyhouyi   优化 
232
233
234
 
                      obj = {
                          url: '/Extend/BaseInspectionReport/Actions/Export',
                          method: "POST",
a242b994   monkeyhouyi   附件调试 
235
 
                          data: this.query,
73755355   monkeyhouyi   优化 
236
237
238
 
                      }
                  }
                  request(obj).then((res) => {
94f06e38   monkeyhouyi   优化 
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
 
                    if(type) {
                      const blob = new Blob([res], {type: 'application/json'});
                      const url = window.URL.createObjectURL(blob);
                      let link = document.createElement('a');
                      link.style.display = 'none';
                      link.href = url;
                      link.download = '线索录入模板.xlsx';
                      link.click();
                    } else {
                      if(res.code != 200) return;
                      const url = define.APIURl + res.data.url;
                      const link = document.createElement("a");
                      link.href = url;
                      link.download = res.data ? res.data.name : '线索录入模板.xlsx';
                      link.click();
                    }
73755355   monkeyhouyi   优化 
255
 
                  });
73755355   monkeyhouyi   优化 
256
 
              },
c21fb5b0   monkeyhouyi   巡查上报页面 
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
 
  			search() {
                  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()
              }
  		}
      }
  </script>
  <style scoped lang="scss">
  .common-info-box {
    :deep(.el-table__body-wrapper.is-scrolling-none) {
      height: calc(100% - 47px);
      overflow-y: scroll;
    }
c21fb5b0   monkeyhouyi   巡查上报页面 
291
 
  }
73755355   monkeyhouyi   优化 
292
293
294
295
 
  .uploadXlax {
    display: inline-block;
    margin: 0 8px;
  }
c21fb5b0   monkeyhouyi   巡查上报页面 
296
 
  </style>