Commit 3662215e86764ece8a0512803991631f9ff81d7d
1 parent
1ef03631
有害清单，应用详情
Showing
5 changed files
with
162 additions
and
133 deletions
src/views/baseListHazardousSamples/index.vue
| 1 | 1 | <template> |
| 2 | 2 | <div class="item-box common-info-box"> |
| 3 | - <div class="item-title">案件处理</div> | |
| 3 | + <div class="item-title">有害清单</div> | |
| 4 | 4 | <div class="item-body"> |
| 5 | 5 | <div class="NCC-common-layout"> |
| 6 | 6 | <div class="NCC-common-layout-center"> |
| ... | ... | @@ -36,38 +36,38 @@ |
| 36 | 36 | </el-select> |
| 37 | 37 | </el-form-item> |
| 38 | 38 | </el-col> |
| 39 | - <el-col :span="4"> | |
| 40 | - <el-form-item label=""> | |
| 41 | - <el-select | |
| 42 | - v-model="query.company" | |
| 43 | - placeholder="涉及的企业" | |
| 44 | - clearable | |
| 45 | - > | |
| 46 | - <el-option | |
| 47 | - v-for="(item, index) in companyOptions" | |
| 48 | - :key="index" | |
| 49 | - :label="item.companyName" | |
| 50 | - :value="item.id" | |
| 51 | - /> | |
| 52 | - </el-select> | |
| 53 | - </el-form-item> | |
| 54 | - </el-col> | |
| 55 | - <el-col :span="4"> | |
| 56 | - <el-form-item label=""> | |
| 57 | - <el-select | |
| 58 | - v-model="query.websitePlatform" | |
| 59 | - placeholder="网站平台" | |
| 60 | - clearable | |
| 61 | - > | |
| 62 | - <el-option | |
| 63 | - v-for="(item, index) in websitePlatformOptions" | |
| 64 | - :key="index" | |
| 65 | - :label="item.systemName" | |
| 66 | - :value="item.id" | |
| 67 | - /> | |
| 68 | - </el-select> | |
| 69 | - </el-form-item> | |
| 70 | - </el-col> | |
| 39 | + <el-col :span="4"> | |
| 40 | + <el-form-item label=""> | |
| 41 | + <el-select | |
| 42 | + v-model="query.company" | |
| 43 | + placeholder="涉及的企业" | |
| 44 | + clearable | |
| 45 | + > | |
| 46 | + <el-option | |
| 47 | + v-for="(item, index) in companyOptions" | |
| 48 | + :key="index" | |
| 49 | + :label="item.companyName" | |
| 50 | + :value="item.id" | |
| 51 | + /> | |
| 52 | + </el-select> | |
| 53 | + </el-form-item> | |
| 54 | + </el-col> | |
| 55 | + <el-col :span="4"> | |
| 56 | + <el-form-item label=""> | |
| 57 | + <el-select | |
| 58 | + v-model="query.websitePlatform" | |
| 59 | + placeholder="网站平台" | |
| 60 | + clearable | |
| 61 | + > | |
| 62 | + <el-option | |
| 63 | + v-for="(item, index) in websitePlatformOptions" | |
| 64 | + :key="index" | |
| 65 | + :label="item.systemName" | |
| 66 | + :value="item.id" | |
| 67 | + /> | |
| 68 | + </el-select> | |
| 69 | + </el-form-item> | |
| 70 | + </el-col> | |
| 71 | 71 | <el-col :span="3"> |
| 72 | 72 | <el-form-item> |
| 73 | 73 | <el-button |
| ... | ... | @@ -81,87 +81,24 @@ |
| 81 | 81 | </el-form> |
| 82 | 82 | </el-row> |
| 83 | 83 | <div class="NCC-common-layout-main NCC-flex-main"> |
| 84 | - <div class="NCC-common-head"> | |
| 85 | - <div> | |
| 86 | - <el-button | |
| 87 | - type="primary" | |
| 88 | - icon="el-icon-plus" | |
| 89 | - @click="addOrUpdateHandle()" | |
| 90 | - size="mini" | |
| 91 | - >新增</el-button | |
| 92 | - > | |
| 93 | - </div> | |
| 94 | - </div> | |
| 95 | 84 | <NCC-table v-loading="listLoading" :data="list"> |
| 96 | - <el-table-column prop="id" label="主键" align="left" /> | |
| 97 | - <el-table-column prop="inputTime" label="录入时间" align="left" /> | |
| 98 | - <el-table-column prop="content" label="具体内容" align="left" /> | |
| 99 | - <el-table-column | |
| 100 | - label="有害信息类型" | |
| 101 | - prop="harmfulInformationTypes" | |
| 102 | - align="left" | |
| 103 | - > | |
| 104 | - <template slot-scope="scope">{{ | |
| 105 | - scope.row.harmfulInformationTypes | |
| 106 | - | dynamicText(harmfulInformationTypesOptions) | |
| 107 | - }}</template> | |
| 108 | - </el-table-column> | |
| 109 | - <el-table-column label="级别" prop="level" align="left"> | |
| 110 | - <template slot-scope="scope">{{ | |
| 111 | - scope.row.level | dynamicText(levelOptions) | |
| 112 | - }}</template> | |
| 113 | - </el-table-column> | |
| 114 | - <el-table-column prop="frequency" label="频率" align="left" /> | |
| 115 | - <el-table-column label="涉及的企业" prop="company" align="left"> | |
| 116 | - <template slot-scope="scope">{{ | |
| 117 | - scope.row.company | dynamicText(companyOptions) | |
| 118 | - }}</template> | |
| 119 | - </el-table-column> | |
| 120 | - <el-table-column | |
| 121 | - label="网站平台" | |
| 122 | - prop="websitePlatform" | |
| 123 | - align="left" | |
| 124 | - > | |
| 125 | - <template slot-scope="scope">{{ | |
| 126 | - scope.row.websitePlatform | |
| 127 | - | dynamicText(websitePlatformOptions) | |
| 128 | - }}</template> | |
| 85 | + <el-table-column prop="id" label="主键" align="left" show-overflow-tooltip/> | |
| 86 | + <el-table-column prop="inputTime" label="录入时间" align="left" :formatter="ncc.tableDateFormat" show-overflow-tooltip/> | |
| 87 | + <el-table-column prop="content" label="具体内容" align="left" show-overflow-tooltip/> | |
| 88 | + <el-table-column label="有害信息类型" prop="harmfulInformationTypes" align="left" show-overflow-tooltip /> | |
| 89 | + <el-table-column label="涉及的企业" prop="companyStr" align="left" show-overflow-tooltip/> | |
| 90 | + <el-table-column label="网站平台" prop="websitePlatform" align="left" show-overflow-tooltip> | |
| 91 | + <template slot-scope="scope">{{ scope.row.websitePlatform | dynamicText(websitePlatformOptions) }}</template> | |
| 129 | 92 | </el-table-column> |
| 130 | - <el-table-column | |
| 131 | - prop="creatorUserId" | |
| 132 | - label="创建用户" | |
| 133 | - align="left" | |
| 134 | - /> | |
| 135 | - <el-table-column | |
| 136 | - prop="creatorTime" | |
| 137 | - label="创建时间" | |
| 138 | - align="left" | |
| 139 | - /> | |
| 140 | - <el-table-column | |
| 141 | - prop="lastModifyUserId" | |
| 142 | - label="修改用户" | |
| 143 | - align="left" | |
| 144 | - /> | |
| 145 | - <el-table-column | |
| 146 | - prop="lastModifyTime" | |
| 147 | - label="修改时间" | |
| 148 | - align="left" | |
| 149 | - /> | |
| 150 | - <el-table-column label="操作" fixed="right" width="100"> | |
| 93 | + <el-table-column prop="creatorUserId" label="创建用户" show-overflow-tooltip align="left"/> | |
| 94 | + <el-table-column prop="creatorTime" label="创建时间" align="left" show-overflow-tooltip :formatter="ncc.tableDateFormat"/> | |
| 95 | + <el-table-column prop="lastModifyUserId" label="修改用户" align="left" show-overflow-tooltip/> | |
| 96 | + <el-table-column prop="lastModifyTime" label="修改时间" :formatter="ncc.tableDateFormat" show-overflow-tooltip align="left"/> | |
| 97 | + <!-- <el-table-column label="操作" fixed="right" width="100"> | |
| 151 | 98 | <template slot-scope="scope"> |
| 152 | - <el-button | |
| 153 | - type="text" | |
| 154 | - @click="addOrUpdateHandle(scope.row.id)" | |
| 155 | - >编辑</el-button | |
| 156 | - > | |
| 157 | - <el-button | |
| 158 | - type="text" | |
| 159 | - @click="handleDel(scope.row.id)" | |
| 160 | - class="NCC-table-delBtn" | |
| 161 | - >删除</el-button | |
| 162 | - > | |
| 99 | + <el-button type="text" @click="addOrUpdateHandle(scope.row, ture)">详情</el-button> | |
| 163 | 100 | </template> |
| 164 | - </el-table-column> | |
| 101 | + </el-table-column> --> | |
| 165 | 102 | </NCC-table> |
| 166 | 103 | <pagination |
| 167 | 104 | :total="total" |
| ... | ... | @@ -236,10 +173,10 @@ export default { |
| 236 | 173 | }, |
| 237 | 174 | computed: {}, |
| 238 | 175 | created() { |
| 239 | - // this.initData() | |
| 240 | - // this.getharmfulInformationTypesOptions(); | |
| 241 | - // this.getcompanyOptions(); | |
| 242 | - // this.getwebsitePlatformOptions(); | |
| 176 | + this.initData(); | |
| 177 | + this.getharmfulInformationTypesOptions(); | |
| 178 | + this.getcompanyOptions(); | |
| 179 | + this.getwebsitePlatformOptions(); | |
| 243 | 180 | }, |
| 244 | 181 | methods: { |
| 245 | 182 | getharmfulInformationTypesOptions() { |
| ... | ... | @@ -272,7 +209,7 @@ export default { |
| 272 | 209 | } |
| 273 | 210 | } |
| 274 | 211 | request({ |
| 275 | - url: `/Extend/BaseListHazardousSamples`, | |
| 212 | + url: `/extend/BaseListHazardousSamples`, | |
| 276 | 213 | method: "GET", |
| 277 | 214 | data: query, |
| 278 | 215 | }).then((res) => { |
| ... | ... | @@ -301,10 +238,22 @@ export default { |
| 301 | 238 | }) |
| 302 | 239 | .catch(() => {}); |
| 303 | 240 | }, |
| 304 | - addOrUpdateHandle(id, isDetail) { | |
| 241 | + addOrUpdateHandle(row, isDetail) { | |
| 242 | + row.harmfulInformationTypes == '' | |
| 243 | + switch (row.harmfulInformationTypes) { | |
| 244 | + case '巡查上报 ': | |
| 245 | + | |
| 246 | + break; | |
| 247 | + case '网信执法 ': | |
| 248 | + | |
| 249 | + break; | |
| 250 | + | |
| 251 | + default: | |
| 252 | + break; | |
| 253 | + } | |
| 305 | 254 | this.formVisible = true; |
| 306 | 255 | this.$nextTick(() => { |
| 307 | - this.$refs.NCCForm.init(id, isDetail); | |
| 256 | + this.$refs.NCCForm.init(row.id, isDetail); | |
| 308 | 257 | }); |
| 309 | 258 | }, |
| 310 | 259 | search() { |
| ... | ... | @@ -341,8 +290,5 @@ export default { |
| 341 | 290 | height: calc(100% - 47px); |
| 342 | 291 | overflow-y: scroll; |
| 343 | 292 | } |
| 344 | - .item-body { | |
| 345 | - height: calc(100% - 35px); | |
| 346 | - } | |
| 347 | 293 | } |
| 348 | 294 | </style> | ... | ... |
src/views/basePrincipalResponsibility/index.vue
src/views/baseSystemInfo/DetailForm.vue
| ... | ... | @@ -174,10 +174,22 @@ |
| 174 | 174 | </el-col> |
| 175 | 175 | </div> |
| 176 | 176 | </el-tab-pane> |
| 177 | - <el-tab-pane label="核查处置记录" name="3">核查处置记录</el-tab-pane> | |
| 178 | - <el-tab-pane label="网信执法记录" name="4">网信执法记录</el-tab-pane> | |
| 177 | + <el-tab-pane label="核查处置记录" name="3"> | |
| 178 | + <el-table :data="handingList" height="500" border style="width: 100%"> | |
| 179 | + <el-table-column show-overflow-tooltip prop="systemNameStr" label="应用"></el-table-column> | |
| 180 | + <el-table-column show-overflow-tooltip prop="registeredEntityStr" label="主体"></el-table-column> | |
| 181 | + </el-table> | |
| 182 | + </el-tab-pane> | |
| 183 | + <el-tab-pane label="网信执法记录" name="4"> | |
| 184 | + <el-table :data="inspectionList" height="500" border style="width: 100%"> | |
| 185 | + <el-table-column show-overflow-tooltip prop="platformNameStr" label="应用"></el-table-column> | |
| 186 | + <el-table-column show-overflow-tooltip prop="companyStr" label="主体"></el-table-column> | |
| 187 | + <el-table-column show-overflow-tooltip prop="questionType" label="问题类型"></el-table-column> | |
| 188 | + <el-table-column show-overflow-tooltip prop="judgmentClass" label="执法类型"></el-table-column> | |
| 189 | + </el-table> | |
| 190 | + </el-tab-pane> | |
| 179 | 191 | <el-tab-pane label="数据日志" name="5"> |
| 180 | - <div class="infinite-list-wrapper" style="overflow:auto;height: calc(65vh - 65px);"> | |
| 192 | + <div class="infinite-list-wrapper" style="overflow:auto;height: calc(65vh - 70px);"> | |
| 181 | 193 | <el-timeline class="list" v-infinite-scroll="initInfoRecord" :infinite-scroll-disabled="record_disabled"> |
| 182 | 194 | <el-timeline-item |
| 183 | 195 | placement="top" |
| ... | ... | @@ -245,6 +257,12 @@ export default { |
| 245 | 257 | // 公司信息 |
| 246 | 258 | companyForm: {}, |
| 247 | 259 | |
| 260 | + // 核查处置记录 | |
| 261 | + handingList: [], | |
| 262 | + | |
| 263 | + // 网信执法记录 | |
| 264 | + inspectionList: [], | |
| 265 | + | |
| 248 | 266 | // 数据日志 |
| 249 | 267 | record_loading: false, |
| 250 | 268 | queryList: { |
| ... | ... | @@ -286,13 +304,23 @@ export default { |
| 286 | 304 | this.initCompanyForm(); |
| 287 | 305 | |
| 288 | 306 | break; |
| 307 | + case '2': | |
| 308 | + // 核查处置记录 | |
| 309 | + this.initHandingList(this.dataForm.id); | |
| 310 | + | |
| 311 | + break; | |
| 312 | + case '3': | |
| 313 | + // 网信执法记录 | |
| 314 | + this.initInspectionList(this.dataForm.id); | |
| 315 | + | |
| 316 | + break; | |
| 289 | 317 | case '4': |
| 318 | + // 数据日志 | |
| 290 | 319 | this.updataRecordList = []; |
| 291 | 320 | this.queryList = { |
| 292 | 321 | pageIndex: 1, |
| 293 | 322 | pageSize: 10, |
| 294 | 323 | }; |
| 295 | - // 数据日志 | |
| 296 | 324 | this.initInfoRecord(); |
| 297 | 325 | break; |
| 298 | 326 | |
| ... | ... | @@ -302,7 +330,7 @@ export default { |
| 302 | 330 | |
| 303 | 331 | }, |
| 304 | 332 | |
| 305 | - // 初始化应用信息 | |
| 333 | + // 初始化应用信息-----------------------------------------------------------------------------0 | |
| 306 | 334 | async initSystemForm(id, companyName) { |
| 307 | 335 | this.loading = true; |
| 308 | 336 | let { data } = await getSystemDetail(id); |
| ... | ... | @@ -324,7 +352,7 @@ export default { |
| 324 | 352 | this.systemClassOptions = list; |
| 325 | 353 | }, |
| 326 | 354 | |
| 327 | - // 初始化公司信息 | |
| 355 | + // 初始化公司信息------------------------------------------------------------------------------1 | |
| 328 | 356 | async initCompanyForm() { |
| 329 | 357 | this.loading = true; |
| 330 | 358 | let res = await getCompanyInfoById(this.dataForm.companyId); |
| ... | ... | @@ -332,7 +360,30 @@ export default { |
| 332 | 360 | this.loading = false; |
| 333 | 361 | }, |
| 334 | 362 | |
| 335 | - // 数据日志 | |
| 363 | + // 核查处置记录------------------------------------------------------------------------------2 | |
| 364 | + initHandingList(id) { | |
| 365 | + this.loading = true; | |
| 366 | + request({ | |
| 367 | + url: `/Extend/basesysteminfo/GetHandlingList/${id}`, | |
| 368 | + method: "get", | |
| 369 | + }).then((res) => { | |
| 370 | + this.loading = false; | |
| 371 | + this.handingList = res.data; | |
| 372 | + }).catch(() => this.loading = false); | |
| 373 | + }, | |
| 374 | + | |
| 375 | + // 网信执法记录--------------------------------------------------------------------------------3 | |
| 376 | + initInspectionList(id) { | |
| 377 | + this.loading = true; | |
| 378 | + request({ | |
| 379 | + url: `/Extend/basesysteminfo/GetInspectionList/${id}`, | |
| 380 | + method: "get", | |
| 381 | + }).then((res) => { | |
| 382 | + this.loading = false; | |
| 383 | + this.inspectionList = res.data; | |
| 384 | + }).catch(() => this.loading = false); | |
| 385 | + }, | |
| 386 | + // 数据日志-----------------------------------------------------------------------------------4 | |
| 336 | 387 | async initInfoRecord() { |
| 337 | 388 | this.record_loading = true; |
| 338 | 389 | await getUpdataRecord({ | ... | ... |
src/views/baseSystemInfo/index.vue
| ... | ... | @@ -80,9 +80,7 @@ |
| 80 | 80 | <el-button type="success" icon="el-icon-upload2" size="mini" |
| 81 | 81 | >导入</el-button |
| 82 | 82 | > |
| 83 | - <el-button type="primary" icon="el-icon-download" size="mini" | |
| 84 | - >导出</el-button | |
| 85 | - > | |
| 83 | + <el-button type="primary" icon="el-icon-download" size="mini" @click="toExport">导出</el-button> | |
| 86 | 84 | </div> |
| 87 | 85 | </el-row> |
| 88 | 86 | <div class="NCC-common-layout-main NCC-flex-main"> |
| ... | ... | @@ -214,23 +212,26 @@ |
| 214 | 212 | /> |
| 215 | 213 | <ChangeRecord v-if="ChangeRecordVisible" ref="ChangeRecord"/> |
| 216 | 214 | <DetailForm v-if="DetailFormVisible" ref="DetailForm"/> |
| 215 | + <ExportBox v-if="ExportBoxVisible" ref="ExportBox" @download="download"/> | |
| 217 | 216 | </div> |
| 218 | 217 | </div> |
| 219 | 218 | </div> |
| 220 | 219 | </template> |
| 221 | 220 | |
| 222 | 221 | <script> |
| 222 | +import request from "@/utils/request"; | |
| 223 | 223 | import { getInfoList } from "@/api/baseData/info"; |
| 224 | 224 | import { applnyChageArea } from "@/api/baseData/info"; |
| 225 | 225 | import infoMixin from "@/mixins/info"; |
| 226 | 226 | import InspectionForm from "./InspectForm.vue"; |
| 227 | 227 | import DetailForm from './DetailForm.vue'; |
| 228 | 228 | import ChangeRecord from "./ChangeRecord.vue"; |
| 229 | +import ExportBox from "./ExportBox.vue"; | |
| 229 | 230 | |
| 230 | 231 | export default { |
| 231 | 232 | name: "SystemInfo", |
| 232 | 233 | mixins: [infoMixin], |
| 233 | - components: { InspectionForm, ChangeRecord, DetailForm }, | |
| 234 | + components: { InspectionForm, ChangeRecord, DetailForm, ExportBox }, | |
| 234 | 235 | data() { |
| 235 | 236 | return { |
| 236 | 237 | loading: false, |
| ... | ... | @@ -275,6 +276,18 @@ export default { |
| 275 | 276 | |
| 276 | 277 | // 详情 |
| 277 | 278 | DetailFormVisible: false, |
| 279 | + | |
| 280 | + // 导出 | |
| 281 | + ExportBoxVisible: false, | |
| 282 | + columnList: [ | |
| 283 | + { prop: "companyName", label: "主体企业" }, | |
| 284 | + { prop: "systemName", label: "应用名称" }, | |
| 285 | + { prop: "systemType", label: "应用类型" }, | |
| 286 | + { prop: "systemClass", label: "系统类型" }, | |
| 287 | + { prop: "principalName", label: "联系人" }, | |
| 288 | + { prop: "principalPhone", label: "联系电话" }, | |
| 289 | + { prop: "areaId", label: "所属区域" }, | |
| 290 | + ], | |
| 278 | 291 | }; |
| 279 | 292 | }, |
| 280 | 293 | created() { |
| ... | ... | @@ -398,6 +411,25 @@ export default { |
| 398 | 411 | this.initList(); |
| 399 | 412 | }); |
| 400 | 413 | }, |
| 414 | + toExport() { | |
| 415 | + this.ExportBoxVisible = true; | |
| 416 | + this.$nextTick(() => { | |
| 417 | + this.$refs.ExportBox.init(this.columnList); | |
| 418 | + }); | |
| 419 | + }, | |
| 420 | + download(data) { | |
| 421 | + let query = { ...data, ...this.listQuery, ...this.query }; | |
| 422 | + request({ | |
| 423 | + url: `/Extend/BasePrincipalResponsibility/Actions/Export`, | |
| 424 | + method: "GET", | |
| 425 | + data: query, | |
| 426 | + }).then((res) => { | |
| 427 | + if (!res.data.url) return; | |
| 428 | + window.location.href = this.define.comUrl + res.data.url; | |
| 429 | + this.$refs.ExportBox.visible = false; | |
| 430 | + this.ExportBoxVisible = false; | |
| 431 | + }); | |
| 432 | + }, | |
| 401 | 433 | }, |
| 402 | 434 | }; |
| 403 | 435 | </script> | ... | ... |