antissoft / NetworkInformation

Blame view

src/views/baseCaseHandling/Form.vue 29.1 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
 
            <el-form-item label="来源登记" prop="sourceRegistration">
f0d64cc9   monkeyhouyi   优化 
29
 
              <el-input v-model="dataForm.sourceRegistration" placeholder="请输入来源登记" clearable />
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">
77e1ac72   monkeyhouyi   优化 
67
 
            <el-form-item label="应用名称" prop="systemName">
6cd34f81   monkeyhouyi   对接接口优化 
68
69
70
71
72
73
 
  			      <el-select
                ref="select"
   			        v-model="dataForm.systemName"
   			        filterable
   			        remote
   			        reserve-keyword
77e1ac72   monkeyhouyi   优化 
74
 
   			        placeholder="请输入应用名称"
6cd34f81   monkeyhouyi   对接接口优化 
75
76
77
78
 
   			        @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">
f0d64cc9   monkeyhouyi   优化 
95
 
              <el-input v-model="dataForm.recordNumber" placeholder="请输入备案号" clearable />
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">
f0d64cc9   monkeyhouyi   优化 
114
 
              <el-input type="textarea" v-model="dataForm.illegalReasons" placeholder="请输入违法原因" clearable maxlength="200" />
61009cfc   monkeyhouyi   2024/8/8 
115
116
117
118
 
            </el-form-item>
          </el-col>
          <el-col :span="24">
            <el-form-item label="处罚要求" prop="punishmentRequirements">
f0d64cc9   monkeyhouyi   优化 
119
 
              <el-input type="textarea" v-model="dataForm.punishmentRequirements" placeholder="请输入处罚要求" clearable maxlength="200" />
61009cfc   monkeyhouyi   2024/8/8 
120
121
122
123
 
            </el-form-item>
          </el-col>
          <el-col :span="24">
            <el-form-item label="处罚内容" prop="punishmentContent">
f0d64cc9   monkeyhouyi   优化 
124
 
              <el-input type="textarea" v-model="dataForm.punishmentContent" placeholder="请输入处罚内容" clearable maxlength="200" />
93adad84   monkeyhouyi   网信执法功能添加 
125
126
 
            </el-form-item>
          </el-col>
f0d64cc9   monkeyhouyi   优化 
127
 
          <el-col :span="24" >
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>
f0d64cc9   monkeyhouyi   优化 
135
 
          <el-col :span="24" >
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
 
          <!-- 立案审批、调查（询问）笔录、案件处理意见、执法约谈、行政处罚意见告知、行政处罚决定、行政处罚结案报告、其他（每个流程都为填空+上传附件，非必填） -->
f0d64cc9   monkeyhouyi   优化 
141
 
          <template>
b80e5713   monkeyhouyi   1 
142
143
144
145
146
147
148
 
            <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">
f3684888   monkeyhouyi   附件大小限制10MB 
149
 
                <NCC-UploadFz v-model="dataForm.registerApprovalFileModel" :fileSize="10" sizeUnit="MB" :limit="9" buttonText="点击上传" />
b80e5713   monkeyhouyi   1 
150
151
152
153
154
155
156
157
158
 
              </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">
f3684888   monkeyhouyi   附件大小限制10MB 
159
 
                <NCC-UploadFz v-model="dataForm.recordFileModel" :fileSize="10" sizeUnit="MB" :limit="9" buttonText="点击上传" />
b80e5713   monkeyhouyi   1 
160
161
162
163
164
165
166
167
168
 
              </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">
f3684888   monkeyhouyi   附件大小限制10MB 
169
 
                <NCC-UploadFz v-model="dataForm.caseHandlingOpinionsFileModel" :fileSize="10" sizeUnit="MB" :limit="9" buttonText="点击上传" />
b80e5713   monkeyhouyi   1 
170
171
172
173
174
175
176
177
178
 
              </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">
f3684888   monkeyhouyi   附件大小限制10MB 
179
 
                <NCC-UploadFz v-model="dataForm.enforcementRecordsFileModel" :fileSize="10" sizeUnit="MB" :limit="9" buttonText="点击上传" />
b80e5713   monkeyhouyi   1 
180
181
182
183
184
185
186
187
188
 
              </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">
f3684888   monkeyhouyi   附件大小限制10MB 
189
 
                <NCC-UploadFz v-model="dataForm.noticeLetterFileModel" :fileSize="10" sizeUnit="MB" :limit="9" buttonText="点击上传" />
b80e5713   monkeyhouyi   1 
190
191
192
193
194
195
196
197
198
 
              </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">
f3684888   monkeyhouyi   附件大小限制10MB 
199
 
                <NCC-UploadFz v-model="dataForm.punishmentDecisionFileModel" :fileSize="10" sizeUnit="MB" :limit="9" buttonText="点击上传" />
b80e5713   monkeyhouyi   1 
200
201
202
203
204
205
206
207
208
 
              </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">
f3684888   monkeyhouyi   附件大小限制10MB 
209
 
                <NCC-UploadFz v-model="dataForm.closingReportFileModel" :fileSize="10" sizeUnit="MB" :limit="9" buttonText="点击上传" />
b80e5713   monkeyhouyi   1 
210
211
212
213
214
215
216
217
218
 
              </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">
f3684888   monkeyhouyi   附件大小限制10MB 
219
 
                <NCC-UploadFz v-model="dataForm.otherFileModel" :fileSize="10" sizeUnit="MB" :limit="9" buttonText="点击上传" />
b80e5713   monkeyhouyi   1 
220
221
222
 
              </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">
77e1ac72   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
 
        <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);">
f3684888   monkeyhouyi   附件大小限制10MB 
278
 
                <NCC-UploadFz v-model="dataForm.registerApprovalFileModel" :fileSize="10" sizeUnit="MB" :limit="9" buttonText="点击上传" disabled/>
b80e5713   monkeyhouyi   1 
279
280
281
282
283
284
285
286
287
 
              </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);">
f3684888   monkeyhouyi   附件大小限制10MB 
288
 
                <NCC-UploadFz v-model="dataForm.recordFileModel" :fileSize="10" sizeUnit="MB" :limit="9" buttonText="点击上传" disabled/>
b80e5713   monkeyhouyi   1 
289
290
291
292
293
294
295
296
297
 
              </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);">
f3684888   monkeyhouyi   附件大小限制10MB 
298
 
                <NCC-UploadFz v-model="dataForm.caseHandlingOpinionsFileModel" :fileSize="10" sizeUnit="MB" :limit="9" buttonText="点击上传" disabled/>
b80e5713   monkeyhouyi   1 
299
300
301
302
303
304
305
306
307
 
              </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);">
f3684888   monkeyhouyi   附件大小限制10MB 
308
 
                <NCC-UploadFz v-model="dataForm.enforcementRecordsFileModel" :fileSize="10" sizeUnit="MB" :limit="9" buttonText="点击上传" disabled/>
b80e5713   monkeyhouyi   1 
309
310
311
312
313
314
315
316
317
 
              </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);">
f3684888   monkeyhouyi   附件大小限制10MB 
318
 
                <NCC-UploadFz v-model="dataForm.noticeLetterFileModel" :fileSize="10" sizeUnit="MB" :limit="9" buttonText="点击上传" disabled/>
b80e5713   monkeyhouyi   1 
319
320
321
322
323
324
325
326
327
 
              </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);">
f3684888   monkeyhouyi   附件大小限制10MB 
328
 
                <NCC-UploadFz v-model="dataForm.punishmentDecisionFileModel" :fileSize="10" sizeUnit="MB" :limit="9" buttonText="点击上传" disabled/>
b80e5713   monkeyhouyi   1 
329
330
331
332
333
334
335
336
337
 
              </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);">
f3684888   monkeyhouyi   附件大小限制10MB 
338
 
                <NCC-UploadFz v-model="dataForm.closingReportFileModel" :fileSize="10" sizeUnit="MB" :limit="9" buttonText="点击上传" disabled/>
b80e5713   monkeyhouyi   1 
339
340
341
342
343
344
345
346
347
 
              </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);">
f3684888   monkeyhouyi   附件大小限制10MB 
348
 
                <NCC-UploadFz v-model="dataForm.otherFileModel" :fileSize="10" sizeUnit="MB" :limit="9" buttonText="点击上传" disabled/>
b80e5713   monkeyhouyi   1 
349
350
351
 
              </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" }
          ],
f0d64cc9   monkeyhouyi   优化 
429
430
431
432
433
434
 
          // enforceType: [
          //   { required: true, message: "请选择执法方式", trigger: "bulr" }
          // ],
          // enforcecontent: [
          //   { 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
 
      init(id, isDetail, type) {
f0d64cc9   monkeyhouyi   优化 
589
 
        // type 0 新增 1 编辑 2 处理
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>