antissoft / NetworkInformation

Blame view

src/views/baseSystemInfo/DetailForm.vue 21.1 KB
Edit Raw Normal View History
5a14192c   monkeyhouyi   1 
1
2
3
4
5
6
7
 
  <template>
    <el-dialog
      title="详情"
      :close-on-click-modal="false"
      :visible.sync="visible"
      class="NCC-dialog NCC-dialog_center systemInfoDialog"
      lock-scroll
65aeaaa1   monkeyhouyi   样式修改 
8
 
      width="70%"
5a14192c   monkeyhouyi   1 
9
 
    >
87e6927c   monkeyhouyi   弹框样式 
10
 
      <el-row :gutter="15" style="height: 65vh;" class="NCC-dialog-content" v-loading="loading">
65aeaaa1   monkeyhouyi   样式修改 
11
 
        <el-tabs class="system-info-tabs" type="border-card" tab-position='top' v-model="activeName" @tab-click="handleClick">
5a14192c   monkeyhouyi   1 
12
 
          <el-tab-pane label="应用信息" name="1">
1c867c77   monkeyhouyi   1 
13
 
            <div class="system-info" style="overflow:auto;height: calc(65vh - 65px); margin-bottom: -10px;">
93adad84   monkeyhouyi   网信执法功能添加 
14
 
              <el-col :span="24">
5a14192c   monkeyhouyi   1 
15
 
                  <div class="form-item">
65aeaaa1   monkeyhouyi   样式修改 
16
 
                      <div class="label w-100">运营主体:</div>
4755ec66   monkeyhouyi   1 
17
 
                      <p class="text">{{ dataForm.companyName || '--' }}</p>
5a14192c   monkeyhouyi   1 
18
19
 
                  </div>
              </el-col>
93adad84   monkeyhouyi   网信执法功能添加 
20
 
              <el-col :span="24">
5a14192c   monkeyhouyi   1 
21
 
                  <div class="form-item">
65aeaaa1   monkeyhouyi   样式修改 
22
 
                      <div class="label w-100">应用类型:</div>
4755ec66   monkeyhouyi   1 
23
 
                      <p class="text">{{ dataForm.systemType | dynamicTextUP(systemTypeOptions) }}</p>
5a14192c   monkeyhouyi   1 
24
25
 
                  </div>
              </el-col>
541d55ac   monkeyhouyi   优化 
26
27
28
29
30
31
32
33
34
35
36
37
 
              <el-col :span="24">
                  <div class="form-item">
                      <div class="label w-100">应用名称:</div>
                      <p class="text">{{ dataForm.systemName || "--" }}</p>
                  </div>
              </el-col>
              <el-col :span="24">
                  <div class="form-item">
                      <div class="label w-100">应用分类:</div>
                      <p class="text">{{ dataForm.systemClass | dynamicTextClassName(systemClassOptions) }}</p>
                  </div>
              </el-col>
5a14192c   monkeyhouyi   1 
38
39
40
41
42
43
 
              <template
                v-if="
                  dataForm.systemType &&
                  dataForm.systemType != '580634746028033285'
                "
              >
93adad84   monkeyhouyi   网信执法功能添加 
44
 
                <el-col :span="24">
5a14192c   monkeyhouyi   1 
45
46
 
                  <div class="form-item">
                      <div class="label w-100">特殊备案类型:</div>
4755ec66   monkeyhouyi   1 
47
 
                      <p class="text">{{ dataForm.specialRecordType || "--" }}</p>
5a14192c   monkeyhouyi   1 
48
49
50
51
52
 
                  </div>
                </el-col>
                <el-col :span="24">
                  <div class="form-item">
                      <div class="label w-100">特殊备案内容:</div>
4755ec66   monkeyhouyi   1 
53
 
                      <p class="text">{{ dataForm.specialRecordContent || "--" }}</p>
5a14192c   monkeyhouyi   1 
54
55
 
                  </div>
                </el-col>
b1b3be19   monkeyhouyi   对18号提出需求进行整改 
56
57
58
59
60
61
 
                <el-col :span="24" v-if="dataForm.systemType == '576280043370579205'">
                  <div class="form-item">
                      <div class="label w-100">域名:</div>
                      <p class="text">{{ dataForm.domain || "--" }}</p>
                  </div>
                </el-col>
93adad84   monkeyhouyi   网信执法功能添加 
62
 
                <el-col :span="24">
5a14192c   monkeyhouyi   1 
63
64
 
                  <div class="form-item">
                      <div class="label w-100">特殊备案号:</div>
4755ec66   monkeyhouyi   1 
65
 
                      <p class="text">{{ dataForm.specialRecordNumber || "--" }}</p>
5a14192c   monkeyhouyi   1 
66
67
 
                  </div>
                </el-col>
93adad84   monkeyhouyi   网信执法功能添加 
68
 
                <el-col :span="24">
5a14192c   monkeyhouyi   1 
69
70
 
                  <div class="form-item">
                      <div class="label w-100">特殊备案时间:</div>
4755ec66   monkeyhouyi   1 
71
 
                      <p class="text">{{ ncc.dateFormat(dataForm.specialRecordTime, 'YYYY-MM-DD HH:mm:ss') || "--" }}</p>
5a14192c   monkeyhouyi   1 
72
73
74
 
                  </div>
                </el-col>
              </template>
541d55ac   monkeyhouyi   优化 
75
76
77
78
79
 
              <el-col :span="24" v-if="dataForm.systemType == '576280004254500101'">
                <div class="form-item">
                    <div class="label w-100">安装次数:</div>
                    <p class="text">{{ dataForm.systemDownloadVolume || "--" }}<span class="start-span">更新时间：{{ ncc.dateFormat(dataForm.lastModifyTime) || ncc.dateFormat(dataForm.creatorTime) }}</span></p>
                </div>
5a14192c   monkeyhouyi   1 
80
 
              </el-col>
541d55ac   monkeyhouyi   优化 
81
82
83
84
85
86
87
88
89
90
91
 
              <el-col :span="24" v-if="dataForm.systemType == '576280043370579205' || dataForm.systemType == '576280085330396421'">
                <div class="form-item">
                    <div class="label w-100">月活:</div>
                    <p class="text">{{ dataForm.MAU || "--" }}<span class="start-span">更新时间：{{ ncc.dateFormat(dataForm.lastModifyTime) || ncc.dateFormat(dataForm.creatorTime) }}</span></p>
                </div>
              </el-col>
              <el-col :span="24" v-if="dataForm.systemType == '580634746028033285'">
                <div class="form-item">
                    <div class="label w-100">粉丝量:</div>
                    <p class="text">{{ dataForm.followerCount || "--" }}<span class="start-span">更新时间：{{ ncc.dateFormat(dataForm.lastModifyTime) || ncc.dateFormat(dataForm.creatorTime) }}</span></p>
                </div>
5a14192c   monkeyhouyi   1 
92
 
              </el-col>
93adad84   monkeyhouyi   网信执法功能添加 
93
 
              <el-col :span="24">
5a14192c   monkeyhouyi   1 
94
95
 
                  <div class="form-item">
                      <div class="label w-100">备案许可证:</div>
4755ec66   monkeyhouyi   1 
96
 
                      <p class="text">{{ dataForm.recordLicense || "--" }}</p>
5a14192c   monkeyhouyi   1 
97
98
 
                  </div>
              </el-col>
93adad84   monkeyhouyi   网信执法功能添加 
99
 
              <el-col :span="24">
5a14192c   monkeyhouyi   1 
100
101
 
                  <div class="form-item">
                      <div class="label w-100">归属平台:</div>
4755ec66   monkeyhouyi   1 
102
 
                      <p class="text">{{ dataForm.platform || "--" }}</p>
5a14192c   monkeyhouyi   1 
103
104
 
                  </div>
              </el-col>
b1b3be19   monkeyhouyi   对18号提出需求进行整改 
105
541d55ac   monkeyhouyi   优化 
106
 
              <!-- <el-col :span="24">
5a14192c   monkeyhouyi   1 
107
108
 
                  <div class="form-item">
                      <div class="label w-100">下载量:</div>
4755ec66   monkeyhouyi   1 
109
 
                      <p class="text">{{ dataForm.systemDownloadVolume || "--" }}</p>
5a14192c   monkeyhouyi   1 
110
 
                  </div>
541d55ac   monkeyhouyi   优化 
111
 
              </el-col> -->
93adad84   monkeyhouyi   网信执法功能添加 
112
 
              <el-col :span="24">
5a14192c   monkeyhouyi   1 
113
114
 
                  <div class="form-item">
                      <div class="label w-100">版本:</div>
4755ec66   monkeyhouyi   1 
115
 
                      <p class="text">{{ dataForm.version || "--" }}</p>
5a14192c   monkeyhouyi   1 
116
117
 
                  </div>
              </el-col>
93adad84   monkeyhouyi   网信执法功能添加 
118
 
              <el-col :span="24">
5a14192c   monkeyhouyi   1 
119
120
121
122
123
 
                  <div class="form-item">
                      <div class="label w-100">负责人姓名:</div>
                      {{ dataForm.principalName || "--" }}
                  </div>
              </el-col>
93adad84   monkeyhouyi   网信执法功能添加 
124
 
              <el-col :span="24">
5a14192c   monkeyhouyi   1 
125
126
127
128
129
130
131
132
 
                  <div class="form-item">
                      <div class="label w-100">负责人电话:</div>
                      {{ dataForm.principalPhone || "--" }}
                  </div>
              </el-col>
              <el-col :span="24">
                  <div class="form-item">
                      <div class="label w-100">办公地址:</div>
4755ec66   monkeyhouyi   1 
133
 
                      <p class="text">{{ dataForm.officeAddress || "--" }}</p>
5a14192c   monkeyhouyi   1 
134
135
136
137
 
                  </div>
              </el-col>
              <el-col :span="24">
                  <div class="form-item">
65aeaaa1   monkeyhouyi   样式修改 
138
 
                      <div class="label w-100">应用图标:</div>
eb9b5842   monkeyhouyi   应用上传图片 
139
 
                      <img v-if="dataForm.systemIconModel" class="avatar" :src="define.comUrl + dataForm.systemIconModel.url">
a242b994   monkeyhouyi   附件调试 
140
 
                      <span v-else>无</span>
5a14192c   monkeyhouyi   1 
141
142
 
                  </div>
              </el-col>
b42f8dc9   monkeyhouyi   应用添加关联外协 
143
144
145
146
147
148
 
              <el-col :span="24">
                  <div class="form-item">
                      <div class="label w-100">所属区域:</div>
                      <p class="text">{{ dataForm.areaId | dynamicText(areaOptions) }}</p>
                  </div>
              </el-col>
b1b3be19   monkeyhouyi   对18号提出需求进行整改 
149
 
              <!-- <el-col :span="24">
b42f8dc9   monkeyhouyi   应用添加关联外协 
150
151
152
153
 
                  <div class="form-item">
                      <div class="label w-100">所属外协:</div>
                      <p class="text">{{ dataForm.externalAssistanceId ? '外协一' : "--" }}</p>
                  </div>
b1b3be19   monkeyhouyi   对18号提出需求进行整改 
154
 
              </el-col> -->
5a14192c   monkeyhouyi   1 
155
156
 
            </div>
          </el-tab-pane>
65aeaaa1   monkeyhouyi   样式修改 
157
 
          <el-tab-pane label="运营主体信息" name="2">
5a14192c   monkeyhouyi   1 
158
 
            <div class="company-info">
93adad84   monkeyhouyi   网信执法功能添加 
159
 
              <el-col :span="24">
5a14192c   monkeyhouyi   1 
160
 
                  <div class="form-item">
65aeaaa1   monkeyhouyi   样式修改 
161
 
                      <div class="label w-100">运营主体名称:</div>
4755ec66   monkeyhouyi   1 
162
 
                      <p class="text">{{ companyForm.companyName || "--" }}</p>
5a14192c   monkeyhouyi   1 
163
164
 
                  </div>
              </el-col>
93adad84   monkeyhouyi   网信执法功能添加 
165
 
              <el-col :span="24">
5a14192c   monkeyhouyi   1 
166
 
                  <div class="form-item">
b1b3be19   monkeyhouyi   对18号提出需求进行整改 
167
 
                    <div class="label w-100">社会信用代码:</div>
4755ec66   monkeyhouyi   1 
168
 
                    <p class="text">{{ companyForm.socialCreditAgency || "--" }}</p>
5a14192c   monkeyhouyi   1 
169
170
 
                  </div>
              </el-col>
93adad84   monkeyhouyi   网信执法功能添加 
171
 
              <el-col :span="24">
5a14192c   monkeyhouyi   1 
172
 
                  <div class="form-item">
65aeaaa1   monkeyhouyi   样式修改 
173
 
                      <div class="label w-100">运营主体法人:</div>
4755ec66   monkeyhouyi   1 
174
 
                      <p class="text">{{ companyForm.legalPerson || "--" }}</p>
5a14192c   monkeyhouyi   1 
175
176
 
                  </div>
              </el-col>
93adad84   monkeyhouyi   网信执法功能添加 
177
 
              <el-col :span="24">
5a14192c   monkeyhouyi   1 
178
 
                  <div class="form-item">
65aeaaa1   monkeyhouyi   样式修改 
179
 
                      <div class="label w-100">运营主体地址:</div>
4755ec66   monkeyhouyi   1 
180
 
                      <p class="text">{{ companyForm.address || "--" }}</p>
5a14192c   monkeyhouyi   1 
181
182
 
                  </div>
              </el-col>
93adad84   monkeyhouyi   网信执法功能添加 
183
 
              <el-col :span="24">
5a14192c   monkeyhouyi   1 
184
 
                  <div class="form-item">
b1b3be19   monkeyhouyi   对18号提出需求进行整改 
185
 
                      <div class="label w-100">资质证明:</div>
6143a919   monkeyhouyi   研判附件 
186
 
                    <div class="text" style="width: calc(100% - 100px);">
b1b3be19   monkeyhouyi   对18号提出需求进行整改 
187
 
                      <NCC-UploadFz v-model="companyForm.qualificationCertificate" :fileSize="5" sizeUnit="MB" :limit="9" buttonText="点击上传" disabled/>
6143a919   monkeyhouyi   研判附件 
188
 
                    </div>
b1b3be19   monkeyhouyi   对18号提出需求进行整改 
189
190
191
192
 
                  </div>
              </el-col>
              <el-col :span="24">
                  <div class="form-item">
5a14192c   monkeyhouyi   1 
193
 
                      <div class="label w-100">联系人:</div>
4755ec66   monkeyhouyi   1 
194
 
                      <p class="text">{{ companyForm.contactUser || "--" }}</p>
5a14192c   monkeyhouyi   1 
195
196
 
                  </div>
              </el-col>
93adad84   monkeyhouyi   网信执法功能添加 
197
 
              <el-col :span="24">
5a14192c   monkeyhouyi   1 
198
 
                  <div class="form-item">
b1b3be19   monkeyhouyi   对18号提出需求进行整改 
199
200
 
                      <div class="label w-100">联系电话:</div>
                      <p class="text">{{ companyForm.contactPhone || "--" }}</p>
5a14192c   monkeyhouyi   1 
201
202
 
                  </div>
              </el-col>
93adad84   monkeyhouyi   网信执法功能添加 
203
 
              <el-col :span="24">
5a14192c   monkeyhouyi   1 
204
205
 
                  <div class="form-item">
                      <div class="label w-100">所属区县:</div>
4755ec66   monkeyhouyi   1 
206
 
                      <p class="text">{{ companyForm.areaName || "--" }}</p>
5a14192c   monkeyhouyi   1 
207
208
209
210
211
212
213
214
215
216
 
                  </div>
              </el-col>
              <el-col :span="24">
                  <div class="form-item">
                      <div class="label w-100">其他信息:</div>
                      <div v-html="companyForm.otherInfo"></div>
                  </div>
              </el-col>
            </div>
          </el-tab-pane>
3662215e   monkeyhouyi   有害清单，应用详情 
217
 
          <el-tab-pane label="核查处置记录" name="3">
65aeaaa1   monkeyhouyi   样式修改 
218
219
220
221
222
 
            <el-table :data="inspectionList" height="500" border style="width: 100%">
              <el-table-column show-overflow-tooltip prop="platformNameStr" label="应用名称"></el-table-column>
              <el-table-column show-overflow-tooltip prop="companyStr" label="运营主体"></el-table-column>
              <el-table-column show-overflow-tooltip label="问题类型" prop="questionType" align="left" />
              <el-table-column show-overflow-tooltip prop="questionClass" label="关键词"></el-table-column>
73755355   monkeyhouyi   优化 
223
224
225
226
227
 
              <el-table-column label="操作" fixed="right" width="100">
                <template slot-scope="scope">
                  <el-button type="text" @click="addOrUpdateHandle(scope.row, true)">详情</el-button>
                </template>
              </el-table-column>
3662215e   monkeyhouyi   有害清单，应用详情 
228
229
230
 
            </el-table>
          </el-tab-pane>
          <el-tab-pane label="网信执法记录" name="4">
65aeaaa1   monkeyhouyi   样式修改 
231
232
233
234
235
236
237
238
239
240
241
242
243
 
            <el-table :data="handingList" height="500" border style="width: 100%">
              <el-table-column show-overflow-tooltip prop="number" label="档案号"></el-table-column>
              <el-table-column show-overflow-tooltip prop="registrationTime" label="登记时间" :formatter="ncc.tableDateFormat"></el-table-column>
              <el-table-column show-overflow-tooltip prop="systemNameStr" label="应用名称"></el-table-column>
              <el-table-column show-overflow-tooltip prop="registeredEntityStr" label="运营主体"></el-table-column>
              <el-table-column show-overflow-tooltip prop="illegalReasons" label="违法原因"></el-table-column>
              <el-table-column show-overflow-tooltip prop="punishmentRequirements" label="处罚要求"></el-table-column>
              <el-table-column show-overflow-tooltip prop="punishmentContent" label="处罚内容"></el-table-column>
              <el-table-column label="状态" prop="state" align="left" >
                <template slot-scope="scope">
                  <el-tag v-if="scope.row.state" :type="ncc.getStateTagType(scope.row.state, stateOptions)">{{ scope.row.state | dynamicTextUP(stateOptions) }}</el-tag>
                </template>
              </el-table-column>
73755355   monkeyhouyi   优化 
244
245
246
247
248
 
              <el-table-column label="操作" fixed="right" width="100">
                <template slot-scope="scope">
                  <el-button type="text" @click="addOrUpdateHandle(scope.row, true)">详情</el-button>
                </template>
              </el-table-column>
3662215e   monkeyhouyi   有害清单，应用详情 
249
250
 
            </el-table>
          </el-tab-pane>
5a14192c   monkeyhouyi   1 
251
 
          <el-tab-pane label="数据日志" name="5">
1c867c77   monkeyhouyi   1 
252
 
            <div class="infinite-list-wrapper" style="overflow:auto;height: calc(65vh - 65px); margin-bottom: -10px;">
5a14192c   monkeyhouyi   1 
253
254
255
256
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
 
              <el-timeline class="list" v-infinite-scroll="initInfoRecord" :infinite-scroll-disabled="record_disabled">
                <el-timeline-item
                    placement="top"
                    v-for="(v, i) in updataRecordList"
                    :key="i"
                  >
                    <el-card>
                      <h4 v-if="v.content">
                        <!-- <p v-for="(item, index) in v.updataList" :key="index">
                          将“{{ item.PropertyName }}”从“{{
                            item.OldValue
                          }}”改为“{{ item.NewValue }}”
                        </p> -->
                        <p v-for="(item, index) in v.changeRecord" :key="index">{{ item }}</p>
                      </h4>
                      <h4 v-else>
                        <p>{{ v.describe }}</p>
                      </h4>
                      <p>{{ v.creatorUserId }} 提交于 {{ v.updataTime }}</p>
                    </el-card>
                </el-timeline-item>
              </el-timeline>
              <p v-if="record_loading">加载中...</p>
              <p v-if="updataRecordList.length && record_noMore">没有更多了</p>
              <el-empty v-if="!updataRecordList.length && !record_loading" description="暂无数据"></el-empty>
            </div>
          </el-tab-pane>
        </el-tabs>
      </el-row>
73755355   monkeyhouyi   优化 
282
283
284
 
        <!-- 案件处理 -->
      <HandForm v-if="HandFormVisible" ref="HandForm" @refresh="(val) => {taskRefresh('HandFormVisible', val)}" />
      <ReportForm v-if="ReportFormVisible" ref="ReportForm" @refresh="(val) => {taskRefresh('ReportFormVisible', val)}" />
5a14192c   monkeyhouyi   1 
285
286
287
288
289
290
291
292
293
 
      <span slot="footer" class="dialog-footer">
        <el-button @click="visible = false">取 消</el-button>
      </span>
    </el-dialog>
  </template>
  <script>
  import request from "@/utils/request";
  import { getSystemDetail, getUpdataRecord } from "@/api/baseData/info";
  import { getCompanyInfoById } from "@/api/baseData/company";
73755355   monkeyhouyi   优化 
294
295
 
  import HandForm from '@/views/baseCaseHandling/Form.vue' // 案件处理
  import ReportForm from '@/views/baseInspectionReport/Form.vue' // 案件处理
5a14192c   monkeyhouyi   1 
296
 
  export default {
73755355   monkeyhouyi   优化 
297
 
    components: {HandForm, ReportForm},
b42f8dc9   monkeyhouyi   应用添加关联外协 
298
 
    props: ['areaOptions'],
5a14192c   monkeyhouyi   1 
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
 
    data() {
      return {
        loading: false,
        visible: false,
  
        activeName: "1",
  
        // 应用信息
        dataForm: {
          id: undefined,
          questionFrom: undefined,
          platformName: undefined,
          platformType: undefined,
          questionType: undefined,
          questionClass: undefined,
          questionContent: undefined,
          link: undefined,
          obtainEvidence: [],
          annex: [],
eb9b5842   monkeyhouyi   应用上传图片 
318
 
          systemIconModel: '',
5a14192c   monkeyhouyi   1 
319
320
321
322
323
324
 
        },
        systemTypeOptions: [],
        systemClassOptions: [],
  
        // 公司信息
        companyForm: {},
65aeaaa1   monkeyhouyi   样式修改 
325
 
        // 网信执法记录
3662215e   monkeyhouyi   有害清单，应用详情 
326
327
 
        handingList: [],
65aeaaa1   monkeyhouyi   样式修改 
328
 
        // 核查处置记录
3662215e   monkeyhouyi   有害清单，应用详情 
329
330
 
        inspectionList: [],
5a14192c   monkeyhouyi   1 
331
332
333
334
335
336
337
 
        // 数据日志
        record_loading: false,
        queryList: {
          pageIndex: 1,
          pageSize: 10,
        },
        updataRecordList: [],
65aeaaa1   monkeyhouyi   样式修改 
338
339
340
 
        record_total: '',
  			questionTypeOptions : [],
        stateOptions: [],
73755355   monkeyhouyi   优化 
341
342
 
        HandFormVisible: false,
        ReportFormVisible: false,
5a14192c   monkeyhouyi   1 
343
344
345
346
347
348
349
350
351
352
353
354
 
      };
    },
    computed: {
      record_noMore() {
        return this.updataRecordList.length >= this.record_total;
      },
      record_disabled () {
        return this.record_loading || this.record_noMore;
      }
    },
    watch: {},
    created() {
65aeaaa1   monkeyhouyi   样式修改 
355
 
      this.initStateTypeOption();
5a14192c   monkeyhouyi   1 
356
357
358
359
 
      this.initSystemTypeList();
    },
    mounted() {},
    methods: {
65aeaaa1   monkeyhouyi   样式修改 
360
361
362
363
364
 
      async initStateTypeOption() {
        let list = this.$store.state.meta.stateTypeList;
        !list && (list = await this.$store.dispatch('getTypeListByCode', 'stateType'));
        this.stateOptions = list;
      },
5a14192c   monkeyhouyi   1 
365
366
 
      init(row) {
        this.visible = true;
65aeaaa1   monkeyhouyi   样式修改 
367
 
        this.dataForm.id = row.id;
5a14192c   monkeyhouyi   1 
368
369
370
371
372
373
 
        this.activeName = '1'
        this.$nextTick(() => {
          this.initSystemForm(this.dataForm.id, row.companyName)
        });
      },
      handleClick(e) {
5a14192c   monkeyhouyi   1 
374
375
376
377
 
          switch (e.index) {
              case '1':
                  // 公司信息
                  this.initCompanyForm();
5a14192c   monkeyhouyi   1 
378
 
                  break;
3662215e   monkeyhouyi   有害清单，应用详情 
379
380
 
              case '2':
                  // 核查处置记录
65aeaaa1   monkeyhouyi   样式修改 
381
 
                  this.initInspectionList(this.dataForm.id);
3662215e   monkeyhouyi   有害清单，应用详情 
382
383
384
 
                  break;
              case '3':
                  // 网信执法记录
65aeaaa1   monkeyhouyi   样式修改 
385
 
                  this.initHandingList(this.dataForm.id);
3662215e   monkeyhouyi   有害清单，应用详情 
386
 
                  break;
5a14192c   monkeyhouyi   1 
387
 
              case '4':
3662215e   monkeyhouyi   有害清单，应用详情 
388
 
                  // 数据日志
5a14192c   monkeyhouyi   1 
389
390
391
392
393
 
                  this.updataRecordList = [];
                  this.queryList = {
                    pageIndex: 1,
                    pageSize: 10,
                  };
5a14192c   monkeyhouyi   1 
394
395
 
                  this.initInfoRecord();
                  break;
5a14192c   monkeyhouyi   1 
396
397
398
 
              default:
                  break;
          }
5a14192c   monkeyhouyi   1 
399
400
 
      },
3662215e   monkeyhouyi   有害清单，应用详情 
401
 
      // 初始化应用信息-----------------------------------------------------------------------------0
5a14192c   monkeyhouyi   1 
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
 
      async initSystemForm(id, companyName) {
          this.loading = true;
          let { data } = await getSystemDetail(id);
          await this.initSystemClassList(data.systemType);
          this.dataForm = data;
          this.dataForm.companyName = companyName;
          this.loading = false;
      },
      async initSystemTypeList() {
        let list = this.$store.state.meta.system;
        !list &&
          (list = await this.$store.dispatch("getTypeListByCode", "system"));
        this.systemTypeOptions = list;
      },
  
      async initSystemClassList(val) {
          let list = this.$store.state.meta.systemClass[val];
          !list && (list = await this.$store.dispatch('getSystemType', val));
          this.systemClassOptions = list;
      },
3662215e   monkeyhouyi   有害清单，应用详情 
423
 
      // 初始化公司信息------------------------------------------------------------------------------1
5a14192c   monkeyhouyi   1 
424
425
426
427
428
429
430
 
      async initCompanyForm() {
        this.loading = true;
        let res = await getCompanyInfoById(this.dataForm.companyId);
        this.companyForm = res.data;
        this.loading = false;
      },
3662215e   monkeyhouyi   有害清单，应用详情 
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
 
      // 核查处置记录------------------------------------------------------------------------------2
      initHandingList(id) {
        this.loading = true;
        request({
          url: `/Extend/basesysteminfo/GetHandlingList/${id}`,
          method: "get",
        }).then((res) => {
          this.loading = false;
          this.handingList = res.data;
        }).catch(() => this.loading = false);
      },
  
      // 网信执法记录--------------------------------------------------------------------------------3
      initInspectionList(id) {
        this.loading = true;
        request({
          url: `/Extend/basesysteminfo/GetInspectionList/${id}`,
          method: "get",
        }).then((res) => {
          this.loading = false;
          this.inspectionList = res.data;
        }).catch(() => this.loading = false);
      },
      // 数据日志-----------------------------------------------------------------------------------4
5a14192c   monkeyhouyi   1 
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
 
      async initInfoRecord() {
        this.record_loading = true;
        await getUpdataRecord({
          id: this.dataForm.id,
          ...this.queryList,
        }).then(({ data }) => {
          data.list.forEach((item) => {
            let date = new Date(item.creatorTime * 1000);
            item.updataTime = this.$m(date).format("YYYY-MM-DD HH:mm:ss");
            item.updataList = JSON.parse(item.content);
            item.changeRecord = item.content ? JSON.parse(item.describe) : item.describe;
          });
          this.record_total = data.pagination.total
          this.updataRecordList = [...this.updataRecordList, ...data.list];
          this.record_loading = false;
          this.queryList.pageIndex += 1;
        });
      },
73755355   monkeyhouyi   优化 
473
541d55ac   monkeyhouyi   优化 
474
 
      addOrUpdateHandle(row) {
73755355   monkeyhouyi   优化 
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
 
        switch (this.activeName) {
          case "3":
          this.ReportFormVisible = true;
            this.$nextTick(() => {
              this.$refs.ReportForm.init(row.id, true);
            });
            break;
          case "4":
            this.HandFormVisible = true;
            this.$nextTick(() => {
              this.$refs.HandForm.init(row.id, true);
            });
            break;
        
          default:
            break;
        }
      },
  
      taskRefresh(key ,isrRefresh) {
        this[`${key}`] = false;
        if (isrRefresh) this.reset();
      },
5a14192c   monkeyhouyi   1 
498
499
500
501
502
503
504
505
506
 
    
      goBack() {
        this.$emit("refresh");
      },
      
    },
  };
  </script>
  <style lang="scss" scoped>
65aeaaa1   monkeyhouyi   样式修改 
507
508
509
510
511
 
  .system-info-tabs {
    width: 100%;
    height: 100%;
    border-radius: 15px;
  }
93adad84   monkeyhouyi   网信执法功能添加 
512
513
 
  .el-dialog__wrapper.NCC-dialog.NCC-dialog_center.systemInfoDialog {
    :deep(.el-tabs__content) {
65aeaaa1   monkeyhouyi   样式修改 
514
515
 
      //background: #f5f5f5;
      //border-radius: 10px;
93adad84   monkeyhouyi   网信执法功能添加 
516
 
      padding: 10px;
65aeaaa1   monkeyhouyi   样式修改 
517
 
      margin: 10px;
93adad84   monkeyhouyi   网信执法功能添加 
518
519
520
 
    }
  }
61009cfc   monkeyhouyi   2024/8/8 
521
522
523
524
525
526
527
528
 
  // .NCC-dialog.systemInfoDialog {
  //   :deep(.el-dialog__body) {
  //     overflow: unset !important;
  //     :deep(.el-tabs__content) {
  //       height: calc(65vh - 45px);
  //     }
  //   }
  // }
a242b994   monkeyhouyi   附件调试 
529
530
531
532
533
534
535
536
 
  .avatar {
    width: 100px;
    height: 100px;
    display: block;
    border: 1px dashed #d9d9d9;
    border-radius: 6px;
    margin-left: 10px;
  }
541d55ac   monkeyhouyi   优化 
537
538
539
540
541
542
 
  .start-span {
    margin-left: 10px;
    color: red;
    font-size: 12px;
    line-height: 30px;
  }
5a14192c   monkeyhouyi   1 
543
 
  </style>