antissoft / NetworkInformation

Blame view

src/views/DisposalSuggestions/Form.vue 9.26 KB
Edit Raw Normal View History
b61eb1ed   monkeyhouyi   上报线索研判 
1
 
  <template>
fcbf44a0   monkeyhouyi   1 
2
3
4
5
6
7
8
 
    <el-dialog
      title="判研建议"
      :close-on-click-modal="false"
      :visible.sync="visible"
      class="NCC-dialog NCC-dialog_center"
      lock-scroll
      width="60%"
a28c3616   monkeyhouyi   研判 
9
 
      v-loading="loading"
fcbf44a0   monkeyhouyi   1 
10
 
    >
87e6927c   monkeyhouyi   弹框样式 
11
 
      <el-row :gutter="15" class="NCC-dialog-content">
a28c3616   monkeyhouyi   研判 
12
 
        <el-col :span="10" style="border-right: 1px solid #e6e6e6">
fcbf44a0   monkeyhouyi   1 
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
 
          <el-row>
            <el-col :span="24" class="form_title"> 巡查上报详情 </el-col>
            <el-col :span="24">
              <div class="form-item">
                <div class="label w-100">问题来源</div>
                {{ dataForm.source || "--" }}
              </div>
            </el-col>
            <el-col :span="24">
              <div class="form-item">
                <div class="label w-100">平台名称</div>
                {{ dataForm.platformName || "--" }}
              </div>
            </el-col>
            <el-col :span="24">
              <div class="form-item">
                <div class="label w-100">平台类型</div>
                {{ dataForm.platformType || "--" }}
              </div>
            </el-col>
            <el-col :span="24">
              <div class="form-item">
                <div class="label w-100">问题类型</div>
                {{ dataForm.questionType || "--" }}
              </div>
            </el-col>
            <template v-if="dataForm.questionType == '错误表述'">
              <el-col :span="24">
                <div class="form-item">
                  <div class="label w-100">正确描述</div>
                  {{ dataForm.accurateDescription || "--" }}
                </div>
              </el-col>
              <el-col :span="24">
                <div class="form-item">
                  <div class="label w-100">错误描述</div>
                  {{ dataForm.incorrectDescription || "--" }}
                </div>
              </el-col>
            </template>
            <el-col :span="24">
              <div class="form-item">
                <div class="label w-100">关键词</div>
                {{ dataForm.questionClass || "--" }}
              </div>
            </el-col>
            <el-col :span="24">
              <div class="form-item">
                <div class="label w-100">问题内容</div>
                {{ dataForm.questionContent || "--" }}
              </div>
            </el-col>
            <el-col :span="24">
              <div class="form-item">
                <div class="label w-100">有害链接</div>
                {{ dataForm.link || "--" }}
              </div>
            </el-col>
            <el-col :span="24">
              <div class="form-item">
                <div class="label w-100">取证内容</div>
              </div>
            </el-col>
          </el-row>
        </el-col>
        <el-col :span="14">
          <el-row>
            <el-col :span="24" class="form_title"> 判研建议 </el-col>
            <el-form
              ref="suggestionForm"
              :rules="rules"
              :model="suggestionForm"
              size="small"
              label-width="100px"
              label-position="right"
            >
61009cfc   monkeyhouyi   2024/8/8 
89
 
              <!-- <el-col :span="24">
fcbf44a0   monkeyhouyi   1 
90
91
92
93
94
95
96
97
98
99
100
 
                <el-form-item
                  :label="isSHILevel ? '处置要求' : '处置建议'"
                  prop="disposalSuggestions"
                >
                  <el-input
                    v-model="suggestionForm.disposalSuggestions"
                    placeholder="请输入处置建议"
                    show-word-limit
                    :style="{ width: '100%' }"
                    type="textarea"
                    :autosize="{ minRows: 4, maxRows: 4 }"
a28c3616   monkeyhouyi   研判 
101
 
                    maxlength="200"
fcbf44a0   monkeyhouyi   1 
102
103
104
 
                  >
                  </el-input>
                </el-form-item>
61009cfc   monkeyhouyi   2024/8/8 
105
 
              </el-col> -->
fcbf44a0   monkeyhouyi   1 
106
107
108
109
110
111
112
113
114
115
116
117
118
119
 
              <!-- <el-col :span="24">
                <el-form-item label="截止时间" prop="deadline">
                  <el-date-picker
                    v-model="suggestionForm.deadline"
                    type="date"
                    placeholder="选择日期"
                  ></el-date-picker>
                </el-form-item>
              </el-col> -->
              <el-col :span="24">
                <el-form-item label="研判类型" prop="judgmentClass">
                  <el-radio-group
                    v-model="suggestionForm.judgmentClass"
                    size="medium"
a28c3616   monkeyhouyi   研判 
120
 
                    @change="judgmentClassChange"
fcbf44a0   monkeyhouyi   1 
121
 
                  >
a28c3616   monkeyhouyi   研判 
122
 
                    <el-radio v-for="v in judgmentClassOption" :key="v.Id" :label="v.Id">{{v.FullName}}</el-radio>
fcbf44a0   monkeyhouyi   1 
123
124
125
 
                  </el-radio-group>
                </el-form-item>
              </el-col>
a28c3616   monkeyhouyi   研判 
126
127
 
              <el-col :span="24" v-if="showSuggsetion">
                <el-form-item label="研判意见" prop="judgmentOpinions">
fcbf44a0   monkeyhouyi   1 
128
129
130
131
132
133
134
 
                  <el-input
                    v-model="suggestionForm.judgmentOpinions"
                    placeholder="请输入研判意见"
                    show-word-limit
                    :style="{ width: '100%' }"
                    type="textarea"
                    :autosize="{ minRows: 4, maxRows: 4 }"
a28c3616   monkeyhouyi   研判 
135
 
                    maxlength="200"
fcbf44a0   monkeyhouyi   1 
136
137
138
139
140
141
142
143
144
145
146
147
148
 
                  >
                  </el-input>
                </el-form-item>
              </el-col>
            </el-form>
          </el-row>
        </el-col>
      </el-row>
      <span slot="footer" class="dialog-footer">
        <el-button @click="visible = false">取 消</el-button>
        <el-button type="primary" @click="dataFormSubmit()">确 定</el-button>
      </span>
    </el-dialog>
b61eb1ed   monkeyhouyi   上报线索研判 
149
150
 
  </template>
  <script>
fcbf44a0   monkeyhouyi   1 
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
 
  import request from "@/utils/request";
  import { getDictionaryDataSelector } from "@/api/systemData/dictionary";
  import { getDetail, disposalSuggestions } from "@/api/systemData/dataInterface";
  export default {
    components: {},
    props: [],
    data() {
      return {
        loading: true,
        visible: false,
        isDetail: true,
        dataForm: {
          id: undefined,
          platformName: undefined,
          platformType: undefined,
          questionType: undefined,
          questionClass: undefined,
          questionContent: undefined,
          link: undefined,
          obtainEvidence: [],
          annex: [],
        },
        sourceOptions: [
          { fullName: "市网信办线索", id: "市网信办线索" },
          { fullName: "自主巡查发现", id: "自主巡查发现" },
        ],
        platformTypeOptions: [],
        questionTypeOptions: [],
        questionClassOptions: [
          { fullName: "选项一", id: "1" },
          { fullName: "选项二", id: "2" },
        ],
        stageOptions: [
          { fullName: "选项一", id: "1" },
          { fullName: "选项二", id: "2" },
        ],
b61eb1ed   monkeyhouyi   上报线索研判 
187
fcbf44a0   monkeyhouyi   1 
188
189
190
191
192
 
        suggestionForm: {
          disposalSuggestions: "", //处置建议
          judgmentOpinions: "", //判断意见
          judgmentClass: "", //判断分类
          deadline: "",
fcbf44a0   monkeyhouyi   1 
193
194
195
196
197
 
        },
        rules: {
          judgmentClass: [
            { required: true, message: "请选择审核类型", trigger: "change" },
          ],
61009cfc   monkeyhouyi   2024/8/8 
198
199
200
 
          judgmentOpinions: [
            { required: true, message: "请填写研判意见", trigger: "bulr" }
          ]
fcbf44a0   monkeyhouyi   1 
201
 
        },
a28c3616   monkeyhouyi   研判 
202
203
 
        showSuggsetion: false,
        judgmentClassOption: [],
fcbf44a0   monkeyhouyi   1 
204
205
206
207
208
209
210
211
212
213
214
215
 
      };
    },
    computed: {
      isSHILevel() {
        // 判断角色是否为‘市级办公室’
        return this.$store.state.user.islader;
      },
    },
    watch: {},
    created() {
      this.getplatformTypeOptions();
      this.getquestionTypeOptions();
a28c3616   monkeyhouyi   研判 
216
 
      this.getjudgmentClassOptions();
fcbf44a0   monkeyhouyi   1 
217
218
219
220
221
222
223
224
225
226
227
228
229
 
    },
    mounted() {},
    methods: {
      getplatformTypeOptions() {
        getDictionaryDataSelector("576279943168656645").then((res) => {
          this.platformTypeOptions = res.data.list;
        });
      },
      getquestionTypeOptions() {
        getDictionaryDataSelector("577006814432855301").then((res) => {
          this.questionTypeOptions = res.data.list;
        });
      },
a28c3616   monkeyhouyi   研判 
230
231
232
233
234
235
236
237
 
      getjudgmentClassOptions() {
        request({
          url: `/Extend/BaseInspectionReport/GetReviewTypeList`,
          method: 'GET',
        }).then(res => {
          this.judgmentClassOption = res.data;
        })
      },
fcbf44a0   monkeyhouyi   1 
238
239
240
241
242
243
 
      goBack() {
        this.$emit("refresh");
      },
      init(id, isDetail) {
        this.dataForm.id = id || 0;
        this.visible = true;
a28c3616   monkeyhouyi   研判 
244
 
        this.showSuggsetion = false;
fcbf44a0   monkeyhouyi   1 
245
246
247
 
        this.$nextTick(async () => {
          this.$refs["suggestionForm"].resetFields();
          if (this.dataForm.id) {
a28c3616   monkeyhouyi   研判 
248
 
            this.loading = true;
fcbf44a0   monkeyhouyi   1 
249
250
251
252
253
254
255
256
 
            let res = await getDetail(this.dataForm.id);
            this.dataForm = res.data;
            this.loading = false;
            if (!this.dataForm.obtainEvidence) this.dataForm.obtainEvidence = [];
            if (!this.dataForm.annex) this.dataForm.annex = [];
          }
        });
      },
a28c3616   monkeyhouyi   研判 
257
258
259
260
 
      judgmentClassChange(v) {
        this.suggestionForm.judgmentOpinions = '';
        this.showSuggsetion = Boolean(v == "590769458901943557" || v == "590769521820697861");
      },
fcbf44a0   monkeyhouyi   1 
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
 
      dataFormSubmit() {
        if (
          !this.suggestionForm.disposalSuggestions &&
          !this.suggestionForm.judgmentOpinions &&
          !this.suggestionForm.judgmentClass
        ) {
          this.$message({
            message: "判研建议不能为空！",
            type: "danger",
          });
        }
        this.$refs["suggestionForm"].validate(async (valid) => {
          if (valid) {
            let res = await disposalSuggestions(this.dataForm);
            this.$message({
              message: res.msg,
              type: "success",
              duration: 1000,
              onClose: () => {
                (this.visible = false), this.$emit("refresh", true);
b61eb1ed   monkeyhouyi   上报线索研判 
281
 
              },
fcbf44a0   monkeyhouyi   1 
282
283
284
285
286
287
 
            });
          }
        });
      },
    },
  };
b61eb1ed   monkeyhouyi   上报线索研判 
288
289
 
  </script>
  <style lang="scss" scoped>
fcbf44a0   monkeyhouyi   1 
290
291
292
293
294
 
  .form_title {
    line-height: 30px;
    padding-left: 40px;
    color: #409eff;
  }
b61eb1ed   monkeyhouyi   上报线索研判 
295
 
  </style>