antissoft / NetworkInformation

Blame view

src/views/baseCaseHandling/Form.vue 29.2 KB
Edit Raw Normal View History
4424f41c   monkeyhouyi   网信执法、清单管理静态页面 
1
 
  <template>
61009cfc   monkeyhouyi   2024/8/8 
2
 
    <el-dialog
8994407e   monkeyhouyi   优化 
3
 
      :title="!dataForm.id ? '新增' : isDetail ? '详情' : formType == 1 ? '编辑' : '案件处理'"
61009cfc   monkeyhouyi   2024/8/8 
4
5
6
7
 
      :close-on-click-modal="false"
      :visible.sync="visible"
      class="NCC-dialog NCC-dialog_center"
      lock-scroll
6cd34f81   monkeyhouyi   对接接口优化 
8
 
      width="60%"
61009cfc   monkeyhouyi   2024/8/8 
9
 
      v-loading="loading"
73755355   monkeyhouyi   优化 
10
 
      :modal="false"
61009cfc   monkeyhouyi   2024/8/8 
11
 
    >
7180000e   monkeyhouyi   优化 
12
 
      <el-row :gutter="15" class="NCC-dialog-content" v-show="!isDetail">
61009cfc   monkeyhouyi   2024/8/8 
13
14
15
16
 
        <el-form
          ref="elForm"
          :model="dataForm"
          size="small"
6cd34f81   monkeyhouyi   对接接口优化 
17
 
          label-width="180px"
61009cfc   monkeyhouyi   2024/8/8 
18
19
20
21
22
23
24
25
26
27
 
          label-position="right"
          :disabled="!!isDetail"
          :rules="rules"
        >
          <el-col :span="24" v-if="false">
            <el-form-item label="主键" prop="id">
              <el-input v-model="dataForm.id" placeholder="请输入" clearable />
            </el-form-item>
          </el-col>
          <el-col :span="24">
6cd34f81   monkeyhouyi   对接接口优化 
28
29
 
            <el-form-item label="来源登记" prop="sourceRegistration">
              <el-input v-model="dataForm.sourceRegistration" placeholder="请输入来源登记" clearable :disabled="formType != 0"/>
61009cfc   monkeyhouyi   2024/8/8 
30
31
 
            </el-form-item>
          </el-col>
8994407e   monkeyhouyi   优化 
32
33
34
35
36
 
          <!-- <el-col :span="24">
            <el-form-item label="来源登记" prop="sourceRegistration">
              <el-input v-model="dataForm.sourceRegistration" placeholder="请输入来源登记" clearable :disabled="formType != 0"/>
            </el-form-item>
          </el-col> -->
61009cfc   monkeyhouyi   2024/8/8 
37
 
          <el-col :span="24">
8994407e   monkeyhouyi   优化 
38
 
            <el-form-item label="运营主体/个人" prop="registeredEntity">
f1a44e73   monkeyhouyi   1 
39
 
              <CompanySelect v-model="dataForm.registeredEntity" @change="(val, type) => companyChange(val, type)" :disabled="formType != 0"></CompanySelect>
218a9837   monkeyhouyi   运营主体优化 
40
 
              <!-- <el-select
df22ed7d   monkeyhouyi   运营主体可手动输入 
41
 
                ref="companySelect"
73755355   monkeyhouyi   优化 
42
 
                v-model="dataForm.registeredEntity"
8994407e   monkeyhouyi   优化 
43
 
                placeholder="请选择运营主体/个人"
73755355   monkeyhouyi   优化 
44
45
46
 
                clearable
                filterable 
                style="width: 100%"
df22ed7d   monkeyhouyi   运营主体可手动输入 
47
48
 
                @blur.native.capture="selectCompanyBlur"
                @visible-change="visibleNameCompanyChange"
6cd34f81   monkeyhouyi   对接接口优化 
49
 
                @change="(val) => companyChange(val, 'change')"
12ff398d   monkeyhouyi   优化 
50
51
52
53
54
 
                :disabled="formType != 0"
                v-selectLoadMore="moreCompanyList"
                :loading="name_loading"
                :teleported="false"
                :filter-method="filterMethod"
73755355   monkeyhouyi   优化 
55
56
 
              >
                <el-option
12ff398d   monkeyhouyi   优化 
57
 
                  v-for="item in companyOptions.slice(0, company_currentPage)"
73755355   monkeyhouyi   优化 
58
59
60
61
62
 
                  :key="item.id"
                  :label="item.companyName"
                  :value="item.id"
                >
                </el-option>
218a9837   monkeyhouyi   运营主体优化 
63
 
              </el-select> -->
61009cfc   monkeyhouyi   2024/8/8 
64
65
66
 
            </el-form-item>
          </el-col>
          <el-col :span="24">
6cd34f81   monkeyhouyi   对接接口优化 
67
68
69
70
71
72
73
74
75
76
77
78
 
            <el-form-item label="案件名称" prop="systemName">
  			      <el-select
                ref="select"
   			        v-model="dataForm.systemName"
   			        filterable
   			        remote
   			        reserve-keyword
   			        placeholder="请输入案件名称"
   			        @blur.native.capture="selectBlur"
                @visible-change="visibleNameChange"
                @change="(val) => platformNameChange(val, 'change')"
                :disabled="formType != 0 || !dataForm.registeredEntity"
12ff398d   monkeyhouyi   优化 
79
80
 
                v-selectLoadMore="moreSystemList"
                :teleported="false"
6cd34f81   monkeyhouyi   对接接口优化 
81
 
   			        :loading="system_loading">
12ff398d   monkeyhouyi   优化 
82
 
   			        <el-option v-for="item in systemOption.slice(0, system_currentPage)" :key="item.value" :label="item.systemName" :value="item.id" />
6cd34f81   monkeyhouyi   对接接口优化 
83
84
85
86
 
   			      </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="24">
73755355   monkeyhouyi   优化 
87
 
            <el-form-item label="应用类别" prop="category">
6cd34f81   monkeyhouyi   对接接口优化 
88
 
              <el-radio-group v-model="dataForm.category" :disabled="formType != 0">
7180000e   monkeyhouyi   优化 
89
90
 
                <el-radio v-for="(item, index) in platformTypeOptions" :key="index" :label="item.Id">{{ item.FullName }}</el-radio>
              </el-radio-group>
61009cfc   monkeyhouyi   2024/8/8 
91
92
93
94
 
            </el-form-item>
          </el-col>
          <el-col :span="24">
            <el-form-item label="备案号" prop="recordNumber">
b1b3be19   monkeyhouyi   对18号提出需求进行整改 
95
 
              <el-input v-model="dataForm.recordNumber" placeholder="请输入备案号" clearable :disabled="formType == 2"/>
61009cfc   monkeyhouyi   2024/8/8 
96
97
 
            </el-form-item>
          </el-col>
7180000e   monkeyhouyi   优化 
98
 
          <el-col :span="24" v-if="isSHILevel">
61009cfc   monkeyhouyi   2024/8/8 
99
100
101
102
103
 
            <el-form-item label="所属区县" prop="districtCounty">
                <el-radio-group
                  v-model="dataForm.districtCounty"
                  placeholder="请选择所属区县"
                  style="line-height: 22px"
7180000e   monkeyhouyi   优化 
104
 
                  :disabled="formType == 2"
61009cfc   monkeyhouyi   2024/8/8 
105
106
107
108
109
110
111
112
113
 
                >
                  <el-radio v-for="v in areaOptions" :key="v.id" :label="v.id">{{
                    v.fullName
                  }}</el-radio>
                </el-radio-group>
              </el-form-item>
          </el-col>
          <el-col :span="24">
            <el-form-item label="违法原因" prop="illegalReasons">
7180000e   monkeyhouyi   优化 
114
 
              <el-input type="textarea" v-model="dataForm.illegalReasons" placeholder="请输入违法原因" clearable maxlength="200" :disabled="formType == 2"/>
61009cfc   monkeyhouyi   2024/8/8 
115
116
117
118
 
            </el-form-item>
          </el-col>
          <el-col :span="24">
            <el-form-item label="处罚要求" prop="punishmentRequirements">
7180000e   monkeyhouyi   优化 
119
 
              <el-input type="textarea" v-model="dataForm.punishmentRequirements" placeholder="请输入处罚要求" clearable maxlength="200" :disabled="formType == 2"/>
61009cfc   monkeyhouyi   2024/8/8 
120
121
122
123
 
            </el-form-item>
          </el-col>
          <el-col :span="24">
            <el-form-item label="处罚内容" prop="punishmentContent">
7180000e   monkeyhouyi   优化 
124
 
              <el-input type="textarea" v-model="dataForm.punishmentContent" placeholder="请输入处罚内容" clearable maxlength="200" :disabled="formType == 2"/>
93adad84   monkeyhouyi   网信执法功能添加 
125
126
 
            </el-form-item>
          </el-col>
7180000e   monkeyhouyi   优化 
127
 
          <el-col :span="24" v-if="isSHILevel">
93adad84   monkeyhouyi   网信执法功能添加 
128
129
 
            <el-form-item label="执法方式" prop="enforceType">
              <el-radio-group v-model="dataForm.enforceType">
7180000e   monkeyhouyi   优化 
130
131
 
                <el-radio label="柔性执法">柔性执法</el-radio>
                <el-radio label="行政执法">行政执法</el-radio>
93adad84   monkeyhouyi   网信执法功能添加 
132
133
134
 
              </el-radio-group>
            </el-form-item>
          </el-col>
7180000e   monkeyhouyi   优化 
135
 
          <el-col :span="24" v-if="!isSHILevel && formType == 2">
87e6927c   monkeyhouyi   弹框样式 
136
 
            <el-form-item label="执法说明" prop="enforcecontent">
7180000e   monkeyhouyi   优化 
137
 
              <el-input type="textarea" v-model="dataForm.enforcecontent" placeholder="请输入执法说明" clearable maxlength="200"/>
61009cfc   monkeyhouyi   2024/8/8 
138
139
 
            </el-form-item>
          </el-col>
6cd34f81   monkeyhouyi   对接接口优化 
140
 
          <!-- 立案审批、调查（询问）笔录、案件处理意见、执法约谈、行政处罚意见告知、行政处罚决定、行政处罚结案报告、其他（每个流程都为填空+上传附件，非必填） -->
b80e5713   monkeyhouyi   1 
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
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
210
211
212
213
214
215
216
217
218
219
220
221
222
 
          <template v-if="formType == 2">
            <el-col :span="24">
              <el-form-item label="立案审批" prop="registerApproval">
                <el-input type="textarea" v-model="dataForm.registerApproval" placeholder="请输入立案审批" clearable maxlength="200"/>
              </el-form-item>
            </el-col>
            <el-col :span="24">
              <el-form-item label="立案审批附件" prop="registerApprovalFileModel">
                <NCC-UploadFz v-model="dataForm.registerApprovalFileModel" :fileSize="5" sizeUnit="MB" :limit="9" buttonText="点击上传" />
              </el-form-item>
            </el-col>
            <el-col :span="24">
              <el-form-item label="调查（询问）笔录" prop="record">
                <el-input type="textarea" v-model="dataForm.record" placeholder="请输入调查（询问）笔录" clearable maxlength="200"/>
              </el-form-item>
            </el-col>
            <el-col :span="24">
              <el-form-item label="调查（询问）笔录附件" prop="recordFileModel">
                <NCC-UploadFz v-model="dataForm.recordFileModel" :fileSize="5" sizeUnit="MB" :limit="9" buttonText="点击上传" />
              </el-form-item>
            </el-col>
            <el-col :span="24">
              <el-form-item label="案件处理意见" prop="caseHandlingOpinions">
                <el-input type="textarea" v-model="dataForm.caseHandlingOpinions" placeholder="请输入案件处理意见示例" clearable maxlength="200"/>
              </el-form-item>
            </el-col>
            <el-col :span="24">
              <el-form-item label="案件处理意见附件" prop="caseHandlingOpinionsFileModel">
                <NCC-UploadFz v-model="dataForm.caseHandlingOpinionsFileModel" :fileSize="5" sizeUnit="MB" :limit="9" buttonText="点击上传" />
              </el-form-item>
            </el-col>
            <el-col :span="24">
              <el-form-item label="执法约谈" prop="enforcementRecords">
                <el-input type="textarea" v-model="dataForm.enforcementRecords" placeholder="请输入执法约谈" clearable maxlength="200"/>
              </el-form-item>
            </el-col>
            <el-col :span="24">
              <el-form-item label="执法约谈附件" prop="enforcementRecordsFileModel">
                <NCC-UploadFz v-model="dataForm.enforcementRecordsFileModel" :fileSize="5" sizeUnit="MB" :limit="9" buttonText="点击上传" />
              </el-form-item>
            </el-col>
            <el-col :span="24">
              <el-form-item label="行政处罚意见告知" prop="noticeLetter">
                <el-input type="textarea" v-model="dataForm.noticeLetter" placeholder="请输入行政处罚意见告知" clearable maxlength="200"/>
              </el-form-item>
            </el-col>
            <el-col :span="24">
              <el-form-item label="行政处罚意见告知附件" prop="noticeLetterFileModel">
                <NCC-UploadFz v-model="dataForm.noticeLetterFileModel" :fileSize="5" sizeUnit="MB" :limit="9" buttonText="点击上传" />
              </el-form-item>
            </el-col>
            <el-col :span="24">
              <el-form-item label="行政处罚决定" prop="punishmentDecision">
                <el-input type="textarea" v-model="dataForm.punishmentDecision" placeholder="请输入行政处罚决定" clearable maxlength="200"/>
              </el-form-item>
            </el-col>
            <el-col :span="24">
              <el-form-item label="行政处罚决定附件" prop="punishmentDecisionFileModel">
                <NCC-UploadFz v-model="dataForm.punishmentDecisionFileModel" :fileSize="5" sizeUnit="MB" :limit="9" buttonText="点击上传" />
              </el-form-item>
            </el-col>
            <el-col :span="24">
              <el-form-item label="行政处罚结案报告" prop="closingReport">
                <el-input type="textarea" v-model="dataForm.closingReport" placeholder="请输入行政处罚结案报告" clearable maxlength="200"/>
              </el-form-item>
            </el-col>
            <el-col :span="24">
              <el-form-item label="行政处罚结案报告附件" prop="closingReportFileModel">
                <NCC-UploadFz v-model="dataForm.closingReportFileModel" :fileSize="5" sizeUnit="MB" :limit="9" buttonText="点击上传" />
              </el-form-item>
            </el-col>
            <el-col :span="24">
              <el-form-item label="其他" prop="other">
                <el-input type="textarea" v-model="dataForm.other" placeholder="请输入其他" clearable maxlength="200"/>
              </el-form-item>
            </el-col>
            <el-col :span="24">
              <el-form-item label="其他附件" prop="otherFileModel">
                <NCC-UploadFz v-model="dataForm.otherFileModel" :fileSize="5" sizeUnit="MB" :limit="9" buttonText="点击上传" />
              </el-form-item>
            </el-col>
          </template>
61009cfc   monkeyhouyi   2024/8/8 
223
224
 
        </el-form>
      </el-row>
7180000e   monkeyhouyi   优化 
225
226
 
      <el-row v-show="!!isDetail">
        <el-col class="form-item">
6cd34f81   monkeyhouyi   对接接口优化 
227
228
 
          <div class="label w-180">来源登记：</div>
          <div class="text">{{ dataForm.sourceRegistration || '--' }}</div>
b1b3be19   monkeyhouyi   对18号提出需求进行整改 
229
230
 
        </el-col>
        <el-col class="form-item">
6cd34f81   monkeyhouyi   对接接口优化 
231
 
          <div class="label w-180">案件名称：</div>
7180000e   monkeyhouyi   优化 
232
233
234
 
          <div class="text">{{ dataForm.systemNameStr || '--' }}</div>
        </el-col>
        <el-col class="form-item">
8994407e   monkeyhouyi   优化 
235
 
          <div class="label w-180">运营主体/个人：</div>
7180000e   monkeyhouyi   优化 
236
237
238
 
          <div class="text">{{ dataForm.registeredEntityStr || '--' }}</div>
        </el-col>
        <el-col class="form-item">
6cd34f81   monkeyhouyi   对接接口优化 
239
 
          <div class="label w-180">应用类别：</div>
7180000e   monkeyhouyi   优化 
240
241
242
 
          <div class="text">{{ dataForm.categoryName || '--' }}</div>
        </el-col>
        <el-col class="form-item">
6cd34f81   monkeyhouyi   对接接口优化 
243
 
          <div class="label w-180">备案号：</div>
7180000e   monkeyhouyi   优化 
244
245
246
 
          <div class="text">{{ dataForm.recordNumber || '--' }}</div>
        </el-col>
        <el-col class="form-item">
6cd34f81   monkeyhouyi   对接接口优化 
247
 
          <div class="label w-180">所属区县：</div>
7180000e   monkeyhouyi   优化 
248
249
250
 
          <div class="text">{{ dataForm.districtCountyName }}</div>
        </el-col>
        <el-col class="form-item">
6cd34f81   monkeyhouyi   对接接口优化 
251
 
          <div class="label w-180">违法原因：</div>
7180000e   monkeyhouyi   优化 
252
253
254
 
          <p class="text">{{ dataForm.illegalReasons || '--' }}</p>
        </el-col>
        <el-col class="form-item">
6cd34f81   monkeyhouyi   对接接口优化 
255
 
          <div class="label w-180">处罚要求：</div>
7180000e   monkeyhouyi   优化 
256
257
258
 
          <p class="text">{{ dataForm.punishmentRequirements || '--' }}</p>
        </el-col>
        <el-col class="form-item">
6cd34f81   monkeyhouyi   对接接口优化 
259
 
          <div class="label w-180">处罚内容：</div>
7180000e   monkeyhouyi   优化 
260
261
262
 
          <p class="text">{{ dataForm.punishmentContent || '--' }}</p>
        </el-col>
        <el-col class="form-item" v-if="dataForm.enforceType">
6cd34f81   monkeyhouyi   对接接口优化 
263
 
          <div class="label w-180">执法方式：</div>
7180000e   monkeyhouyi   优化 
264
265
266
 
          <p class="text">{{ dataForm.enforceType || '--' }}</p>
        </el-col>
        <el-col class="form-item" v-if="dataForm.enforcecontent">
6cd34f81   monkeyhouyi   对接接口优化 
267
 
          <div class="label w-180">执法说明：</div>
7180000e   monkeyhouyi   优化 
268
269
 
          <p class="text">{{ dataForm.enforcecontent || '--' }}</p>
        </el-col>
b80e5713   monkeyhouyi   1 
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
 
        <template v-if="dataForm.enforcecontent">
          <el-col class="form-item">
            <div class="label w-180">立案审批：</div>
            <p class="text">{{ dataForm.registerApproval || '--' }}</p>
          </el-col>
          <el-col class="form-item">
              <div class="label w-180">立案审批附件:</div>
              <div class="text" style="width: calc(100% - 180px);">
                <NCC-UploadFz v-model="dataForm.registerApprovalFileModel" :fileSize="5" sizeUnit="MB" :limit="9" buttonText="点击上传" disabled/>
              </div>
          </el-col>
          <el-col class="form-item">
            <div class="label w-180">调查（询问）笔录：</div>
            <p class="text">{{ dataForm.record || '--' }}</p>
          </el-col>
          <el-col class="form-item">
              <div class="label w-180">调查（询问）笔录附件:</div>
              <div class="text" style="width: calc(100% - 180px);">
                <NCC-UploadFz v-model="dataForm.recordFileModel" :fileSize="5" sizeUnit="MB" :limit="9" buttonText="点击上传" disabled/>
              </div>
          </el-col>
          <el-col class="form-item">
            <div class="label w-180">案件处理意见：</div>
            <p class="text">{{ dataForm.caseHandlingOpinions || '--' }}</p>
          </el-col>
          <el-col class="form-item">
              <div class="label w-180">案件处理意见附件:</div>
              <div class="text" style="width: calc(100% - 180px);">
                <NCC-UploadFz v-model="dataForm.caseHandlingOpinionsFileModel" :fileSize="5" sizeUnit="MB" :limit="9" buttonText="点击上传" disabled/>
              </div>
          </el-col>
          <el-col class="form-item">
            <div class="label w-180">执法约谈：</div>
            <p class="text">{{ dataForm.enforcementRecords || '--' }}</p>
          </el-col>
          <el-col class="form-item">
              <div class="label w-180">执法约谈附件:</div>
              <div class="text" style="width: calc(100% - 180px);">
                <NCC-UploadFz v-model="dataForm.enforcementRecordsFileModel" :fileSize="5" sizeUnit="MB" :limit="9" buttonText="点击上传" disabled/>
              </div>
          </el-col>
          <el-col class="form-item">
            <div class="label w-180">行政处罚意见告知：</div>
            <p class="text">{{ dataForm.noticeLetter || '--' }}</p>
          </el-col>
          <el-col class="form-item">
              <div class="label w-180">行政处罚意见告知附件:</div>
              <div class="text" style="width: calc(100% - 180px);">
                <NCC-UploadFz v-model="dataForm.noticeLetterFileModel" :fileSize="5" sizeUnit="MB" :limit="9" buttonText="点击上传" disabled/>
              </div>
          </el-col>
          <el-col class="form-item">
            <div class="label w-180">行政处罚决定：</div>
            <p class="text">{{ dataForm.punishmentDecision || '--' }}</p>
          </el-col>
          <el-col class="form-item">
              <div class="label w-180">行政处罚决定附件:</div>
              <div class="text" style="width: calc(100% - 180px);">
                <NCC-UploadFz v-model="dataForm.punishmentDecisionFileModel" :fileSize="5" sizeUnit="MB" :limit="9" buttonText="点击上传" disabled/>
              </div>
          </el-col>
          <el-col class="form-item">
            <div class="label w-180">行政处罚结案报告：</div>
            <p class="text">{{ dataForm.closingReport || '--' }}</p>
          </el-col>
          <el-col class="form-item">
              <div class="label w-180">行政处罚结案报告附件:</div>
              <div class="text" style="width: calc(100% - 180px);">
                <NCC-UploadFz v-model="dataForm.closingReportFileModel" :fileSize="5" sizeUnit="MB" :limit="9" buttonText="点击上传" disabled/>
              </div>
          </el-col>
          <el-col class="form-item">
            <div class="label w-180">其他：</div>
            <p class="text">{{ dataForm.other || '--' }}</p>
          </el-col>
          <el-col class="form-item">
              <div class="label w-180">其他附件:</div>
              <div class="text" style="width: calc(100% - 180px);">
                <NCC-UploadFz v-model="dataForm.otherFileModel" :fileSize="5" sizeUnit="MB" :limit="9" buttonText="点击上传" disabled/>
              </div>
          </el-col>
        </template>
73755355   monkeyhouyi   优化 
352
 
      </el-row>
61009cfc   monkeyhouyi   2024/8/8 
353
354
 
      <span slot="footer" class="dialog-footer">
        <el-button @click="visible = false">取 消</el-button>
7180000e   monkeyhouyi   优化 
355
 
        <template  v-if="!isDetail">
6cd34f81   monkeyhouyi   对接接口优化 
356
357
 
          <el-button type="primary" v-if="!isDetail && formType != '2'" @click="submit(1)" :loading="btnLoading">{{isSHILevel ? '下 发' : '上 报'}}</el-button>
          <el-button type="info" v-if="!isDetail && formType != '2'" @click="submit(0)" :loading="btnLoading">保 存</el-button>
93adad84   monkeyhouyi   网信执法功能添加 
358
 
        </template>
7180000e   monkeyhouyi   优化 
359
 
        <template v-if="!isDetail">
6cd34f81   monkeyhouyi   对接接口优化 
360
361
 
          <el-button type="primary" v-if="!isDetail && formType == '2'" @click="handle(1)" :loading="btnLoading">办 结</el-button>
          <el-button type="info" v-if="!isDetail && formType == '2'" @click="handle(0)" :loading="btnLoading">保 存</el-button>
93adad84   monkeyhouyi   网信执法功能添加 
362
 
        </template>
61009cfc   monkeyhouyi   2024/8/8 
363
364
 
      </span>
    </el-dialog>
4424f41c   monkeyhouyi   网信执法、清单管理静态页面 
365
366
 
  </template>
  <script>
61009cfc   monkeyhouyi   2024/8/8 
367
368
369
 
  import infoMixin from "@/mixins/info";
  import request from "@/utils/request";
  import { getSystemDetail } from "@/api/baseData/info";
73755355   monkeyhouyi   优化 
370
 
  import { getCompanyInfoList, getCompanyInfoById } from "@/api/baseData/company";
61009cfc   monkeyhouyi   2024/8/8 
371
 
  import { dynamicTextUP } from "@/filters/index";
4424f41c   monkeyhouyi   网信执法、清单管理静态页面 
372
61009cfc   monkeyhouyi   2024/8/8 
373
374
375
376
377
378
379
 
  export default {
    mixins: [infoMixin],
    data() {
      return {
        visible: false,
        loading: false,
        isDetail: false,
7180000e   monkeyhouyi   优化 
380
 
        formType: false, //  0 新增 1 编辑 2 处理
61009cfc   monkeyhouyi   2024/8/8 
381
382
 
        dataForm: {
  		    id: undefined,
6cd34f81   monkeyhouyi   对接接口优化 
383
 
          sourceRegistration: undefined,
61009cfc   monkeyhouyi   2024/8/8 
384
385
386
387
388
 
  		    registrationTime: undefined,
  		    systemName: undefined,
  		    registeredEntity: undefined,
  		    category: undefined,
  		    recordNumber: undefined,
7180000e   monkeyhouyi   优化 
389
 
          registeredEntityStr: undefined,
61009cfc   monkeyhouyi   2024/8/8 
390
 
  		    districtCounty: undefined,
7180000e   monkeyhouyi   优化 
391
 
          systemNameStr: undefined,
61009cfc   monkeyhouyi   2024/8/8 
392
393
394
395
 
  		    illegalReasons: undefined,
  		    punishmentRequirements: undefined,
  		    punishmentContent: undefined,
  		    state: undefined,
93adad84   monkeyhouyi   网信执法功能添加 
396
 
          enforceType: undefined,
87e6927c   monkeyhouyi   弹框样式 
397
 
          enforcecontent: undefined,
73755355   monkeyhouyi   优化 
398
 
          isHaveSystem: undefined,
6cd34f81   monkeyhouyi   对接接口优化 
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
 
          registerApproval: undefined,
          registerApprovalFileModel: [],
          record: undefined,
          recordFileModel: [],
          caseHandlingOpinions: undefined,
          caseHandlingOpinionsFileModel: [],
          enforcementRecords: undefined,
          enforcementRecordsFileModel: [],
          noticeLetter: undefined,
          noticeLetterFileModel: [],
          punishmentDecision: undefined,
          punishmentDecisionFileModel: [],
          closingReport: undefined,
          closingReportFileModel: [],
          other: undefined,
          otherFileModel: [],
61009cfc   monkeyhouyi   2024/8/8 
415
416
 
  	    },
        rules: {
6cd34f81   monkeyhouyi   对接接口优化 
417
 
          sourceRegistration: [
b1b3be19   monkeyhouyi   对18号提出需求进行整改 
418
419
 
            { required: true, message: "请输入来源登记", trigger: "bulr" }
          ],
61009cfc   monkeyhouyi   2024/8/8 
420
 
          systemName: [
94f06e38   monkeyhouyi   优化 
421
422
423
424
 
            { required: true, message: "请选择应用名称", trigger: "bulr" }
          ],
          registeredEntity: [
            { required: true, message: "请选择运营主体", trigger: "bulr" }
61009cfc   monkeyhouyi   2024/8/8 
425
426
427
428
 
          ],
          districtCounty: [
            { required: true, message: "请选择所属区域", trigger: "change" }
          ],
93adad84   monkeyhouyi   网信执法功能添加 
429
 
          enforceType: [
73755355   monkeyhouyi   优化 
430
 
            { required: true, message: "请选择执法方式", trigger: "bulr" }
93adad84   monkeyhouyi   网信执法功能添加 
431
 
          ],
87e6927c   monkeyhouyi   弹框样式 
432
 
          enforcecontent: [
93adad84   monkeyhouyi   网信执法功能添加 
433
434
 
            { required: true, message: "请填写执法说明", trigger: "bulr" }
          ],
61009cfc   monkeyhouyi   2024/8/8 
435
436
437
438
 
        },
        systemOption: [],
        system_loading: false,
        areaOptions: [],
93adad84   monkeyhouyi   网信执法功能添加 
439
 
        btnLoading: false,
7180000e   monkeyhouyi   优化 
440
441
 
        companyOptions: [],
        platformTypeOptions: [],
12ff398d   monkeyhouyi   优化 
442
443
444
 
        company_currentPage: 20,
        name_loading: false,
        system_currentPage: 20,
61009cfc   monkeyhouyi   2024/8/8 
445
446
447
448
449
450
451
452
453
454
 
      };
    },
    computed: {
      isSHILevel() {
        // 判断角色是否为‘市级办公室’
        return this.$store.state.user.islader;
      },
    },
    watch: {},
    created() {
7180000e   monkeyhouyi   优化 
455
 
      this.getplatformTypeOptions();
61009cfc   monkeyhouyi   2024/8/8 
456
457
 
      this.initSystemTypeList();
      this.initAreaTypeList();
218a9837   monkeyhouyi   运营主体优化 
458
 
      // this.initCompanyList();
61009cfc   monkeyhouyi   2024/8/8 
459
460
461
 
    },
    mounted() {},
    methods: {
7180000e   monkeyhouyi   优化 
462
463
464
465
466
 
      async getplatformTypeOptions() {
        let list = this.$store.state.meta.system;
        !list && (list = await this.$store.dispatch("getTypeListByCode", "system"));
        this.platformTypeOptions = list;
      },
73755355   monkeyhouyi   优化 
467
 
        // 请求公司列表
218a9837   monkeyhouyi   运营主体优化 
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
 
      // async initCompanyList() {
      //   request({
      //     url: `/Extend/basecomapnyinfo/GetNoPagingList`,
      //     method: "GET",
      //   }).then(({data}) => {
      //     this.companyOptions = data;
      //   })
      // },
      // moreCompanyList() {
      //   if(this.company_currentPage > this.companyOptions.length) return;
      //   this.company_currentPage += 10;
      // },
      // async filterMethod(val) {
      //   this.company_currentPage = 20;
      //   this.name_loading = true
      //   let companyRes = await request({
      //     url: `/Extend/basecomapnyinfo/GetNoPagingList`,
      //     method: "GET",
      //     params: {
      //       companyName: val
      //     }
      //   });
      //   this.companyOptions = companyRes.data;
      //   this.name_loading = false;
      // },
61009cfc   monkeyhouyi   2024/8/8 
493
 
      // 获取系统列表
6cd34f81   monkeyhouyi   对接接口优化 
494
 
      getSystemSelect(companyId) {
61009cfc   monkeyhouyi   2024/8/8 
495
496
497
498
 
        this.system_loading = true;
        request({
          url: "/Extend/basesysteminfo/GetNoPagingList",
          method: "get",
6cd34f81   monkeyhouyi   对接接口优化 
499
 
          params: { companyId }
61009cfc   monkeyhouyi   2024/8/8 
500
501
502
503
504
 
        }).then(({data}) => {
          this.systemOption = data;
          this.system_loading = false;
        })
      },
12ff398d   monkeyhouyi   优化 
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
 
      moreSystemList() {
        if(this.system_currentPage > this.systemOption.length) return;
        this.system_currentPage += 10;
      },
      async filterMethod_system(val) {
        this.system_currentPage = 0;
        this.system_loading = true;
        this.systemOption.filter.includes
        request({
          url: "/Extend/basesysteminfo/GetNoPagingList",
          method: "get",
          params: { 
            companyId: this.dataForm.registeredEntity,
            systemName: val,
          }
        }).then(({data}) => {
          this.systemOption = data;
          this.system_loading = false;
        })
      },
73755355   monkeyhouyi   优化 
525
 
      selectBlur(e) {
73755355   monkeyhouyi   优化 
526
527
528
529
530
531
532
 
        let value = e.target.value;
        if(!value) return;
        this.dataForm.systemName = e.target.value;
        this.platformNameChange(value, 'blur');
      },
      platformNameChange(val, type) {
        let obj = this.systemOption.find(v => type == 'blur' ? val == v.fullName : val == v.id);
6cd34f81   monkeyhouyi   对接接口优化 
533
 
        console.log(obj);
73755355   monkeyhouyi   优化 
534
 
        this.dataForm.isHaveSystem = obj ? true : false;
73755355   monkeyhouyi   优化 
535
 
        this.dataForm.systemName = obj ? obj.id : val;
7180000e   monkeyhouyi   优化 
536
537
 
        this.dataForm.category = obj ? this.platformTypeOptions.find(v => v.Id == obj.systemType || v.FullName == obj.systemType).Id : '';
        // this.dataForm.recordNumber = obj ? obj.platform : '';
73755355   monkeyhouyi   优化 
538
 
      },
61009cfc   monkeyhouyi   2024/8/8 
539
540
541
542
543
544
545
546
547
 
      // 系统名称改变
      systemChange(val) {
        getSystemDetail(val).then(({data}) => {
          this.dataForm.registeredEntity = data.companyId;
          this.dataForm.category = dynamicTextUP(data.systemType, this.systemTypeOptions);
          this.dataForm.recordNumber = data.specialRecordNumber || '--';
          this.dataForm.districtCounty = data.areaId;
        })
      },
73755355   monkeyhouyi   优化 
548
549
550
551
552
 
      visibleNameChange(val) {
        if (val) return
        let input = this.$refs.select.$children[0].$refs.input;
        input.blur();
      },
218a9837   monkeyhouyi   运营主体优化 
553
554
555
556
557
558
559
560
561
562
563
564
565
 
      async companyChange(val, type) {
        switch (type) {
          case 'change':
            this.getSystemSelect(val)
            break;
          case 'blur':
            this.systemOption == [];
            this.dataForm.systemName = '';
            this.dataForm.category = '';
            break;
          default:
            break;
        }
df22ed7d   monkeyhouyi   运营主体可手动输入 
566
 
      },
218a9837   monkeyhouyi   运营主体优化 
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
 
      // companyChange(val, type) {
      //   let obj = this.companyOptions.find(v => val == v.id);
      //   obj ? this.getSystemSelect(val) : (this.systemOption == []);
      //   this.dataForm.systemName = '';
      //   this.dataForm.category = '';
      // },
      // // 运营主体改变
      // selectCompanyBlur(e) {
      //   let value = e.target.value;
      //   if(!value) return;
      //   this.dataForm.registeredEntity = e.target.value;
      //   this.companyChange(value, 'blur');
      // },
      // visibleNameCompanyChange(val) {
      //   if (val) return
      //   let input = this.$refs.companySelect.$children[0].$refs.input;
      //   input.blur();
      // },
61009cfc   monkeyhouyi   2024/8/8 
585
586
587
 
      goBack() {
        this.$emit("refresh");
      },
93adad84   monkeyhouyi   网信执法功能添加 
588
589
 
      init(id, isDetail, type) {
        // type 0 上报/下派 1 处理
7180000e   monkeyhouyi   优化 
590
591
 
        this.formType = type || '0';
        this.dataForm.id = id || undefined;
61009cfc   monkeyhouyi   2024/8/8 
592
 
        this.isDetail = isDetail || false;
61009cfc   monkeyhouyi   2024/8/8 
593
 
        this.visible = true;
61009cfc   monkeyhouyi   2024/8/8 
594
 
        this.$nextTick(() => {
7180000e   monkeyhouyi   优化 
595
 
          this.$refs["elForm"].resetFields();
61009cfc   monkeyhouyi   2024/8/8 
596
 
          if (this.dataForm.id) {
93adad84   monkeyhouyi   网信执法功能添加 
597
 
            this.loading = true;
61009cfc   monkeyhouyi   2024/8/8 
598
599
600
 
            request({
              url: `/Extend/BaseCaseHandling/${this.dataForm.id}`,
              method: "GET",
73755355   monkeyhouyi   优化 
601
 
            }).then(async (res) => {
7180000e   monkeyhouyi   优化 
602
603
 
              res.data.districtCountyName = this.areaOptions.find(item => item.id == res.data.districtCounty).fullName;
              res.data.categoryName = this.platformTypeOptions.find(v => v.Id == res.data.category || v.FullName == res.data.category).FullName;
b4cf7b9b   monkeyhouyi   案件处理 
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
 
              this.isEmpty(res.data.registerApproval) && (res.data.registerApproval = '');
              !res.data.registerApprovalFileModel && (res.data.registerApprovalFileModel = []);
              this.isEmpty(res.data.record) && (res.data.record = '');
              !res.data.recordFileModel && (res.data.recordFileModel = []);
              this.isEmpty(res.data.caseHandlingOpinions) && (res.data.caseHandlingOpinions = '');
              !res.data.caseHandlingOpinionsFileModel && (res.data.caseHandlingOpinionsFileModel = []);
              this.isEmpty(res.data.enforcementRecords) && (res.data.enforcementRecords = '');
              !res.data.enforcementRecordsFileModel && (res.data.enforcementRecordsFileModel = []);
              this.isEmpty(res.data.noticeLetter) && (res.data.noticeLetter = '');
              !res.data.noticeLetterFileModel && (res.data.noticeLetterFileModel = []);
              this.isEmpty(res.data.punishmentDecision) && (res.data.punishmentDecision = '');
              !res.data.punishmentDecisionFileModel && (res.data.punishmentDecisionFileModel = []);
              this.isEmpty(res.data.closingReport) && (res.data.closingReport = '');
              !res.data.closingReportFileModel && (res.data.closingReportFileModel = []);
              this.isEmpty(res.data.other) && (res.data.other = '');
              !res.data.otherFileModel && (res.data.otherFileModel = []);
7e62c38f   monkeyhouyi   优化 
620
621
 
              // res.data.registeredEntity && (res.data.registeredEntity = res.data.registeredEntityStr);
              // res.data.systemName && (res.data.systemName = res.data.systemNameStr);
f1a44e73   monkeyhouyi   1 
622
 
              // this.companyChange(res.data.registeredEntity, 'change');
7e62c38f   monkeyhouyi   优化 
623
 
              this.getSystemSelect(res.data.registeredEntity)
61009cfc   monkeyhouyi   2024/8/8 
624
 
              this.dataForm = res.data;
93adad84   monkeyhouyi   网信执法功能添加 
625
 
              this.loading = false;
93adad84   monkeyhouyi   网信执法功能添加 
626
627
 
            }).catch(() => {
              this.loading = false;
61009cfc   monkeyhouyi   2024/8/8 
628
629
630
631
 
            });
          }
        });
      },
b4cf7b9b   monkeyhouyi   案件处理 
632
633
634
 
      isEmpty(val) {
        return !val || val == 'null'
      },
93adad84   monkeyhouyi   网信执法功能添加 
635
 
      // 上报/下派
61009cfc   monkeyhouyi   2024/8/8 
636
637
 
      submit(type) {
        // type: 1 上报 0 保存
6cd34f81   monkeyhouyi   对接接口优化 
638
 
         // status 状态 0保存/1办结
61009cfc   monkeyhouyi   2024/8/8 
639
640
641
642
 
        let obj = {
          ...this.dataForm,
          isReport: type,
        }
6cd34f81   monkeyhouyi   对接接口优化 
643
61009cfc   monkeyhouyi   2024/8/8 
644
 
  			this.$refs['elForm'].validate((valid) => {
87e6927c   monkeyhouyi   弹框样式 
645
 
          if(valid) {
93adad84   monkeyhouyi   网信执法功能添加 
646
647
648
649
650
 
            !this.dataForm.id ? this.toRequest('/Extend/BaseCaseHandling', 'POST', obj) : this.toRequest(`/Extend/BaseCaseHandling/${this.dataForm.id}`, 'PUT', obj);
          }
        })
      },
      // 处理
6cd34f81   monkeyhouyi   对接接口优化 
651
 
      handle(status) {
93adad84   monkeyhouyi   网信执法功能添加 
652
653
 
        this.$refs['elForm'].validate((valid) => {
          if(valid) {
93adad84   monkeyhouyi   网信执法功能添加 
654
 
            this.btnLoading = true;
6cd34f81   monkeyhouyi   对接接口优化 
655
 
            this.dataForm.status = status;
61009cfc   monkeyhouyi   2024/8/8 
656
 
            request({
87e6927c   monkeyhouyi   弹框样式 
657
658
 
              url: `/Extend/basecasehandling/HandlingCase/${this.dataForm.id}`,
              method: "POST",
6cd34f81   monkeyhouyi   对接接口优化 
659
 
              data: this.dataForm,
61009cfc   monkeyhouyi   2024/8/8 
660
 
            }).then((res) => {
4614132f   monkeyhouyi   列表查询，案件处理 
661
662
 
              this.visible = false;
              this.$emit("refresh", true);
61009cfc   monkeyhouyi   2024/8/8 
663
664
 
              this.$message({
                type: "success",
4614132f   monkeyhouyi   列表查询，案件处理 
665
 
                message: res.msg,
93adad84   monkeyhouyi   网信执法功能添加 
666
667
668
669
 
              })
            }).catch(() => {
              this.btnLoading = false;
            })
61009cfc   monkeyhouyi   2024/8/8 
670
671
 
          }
        })
93adad84   monkeyhouyi   网信执法功能添加 
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
 
      },
      toRequest(url, method, data) {
        this.btnLoading = true;
        request({
          url,
          method,
          data,
        }).then((res) => {
          this.$message({
            type: "success",
            message: res.msg,
            onClose: () => {
              this.visible = false;
              this.$emit("refresh", true);
            },
          });
        }).catch(() => {
          this.btnLoading = false;
        });
61009cfc   monkeyhouyi   2024/8/8 
691
692
693
694
 
      }
    },
  };
  </script>