Blame view

src/views/DisposalSuggestions/Form.vue 7.34 KB
b61eb1ed   monkeyhouyi   上报线索研判
1
2
3
4
5
6
7
8
9
  <template>
  	<el-dialog title="判研建议" :close-on-click-modal="false" :visible.sync="visible" class="NCC-dialog NCC-dialog_center" lock-scroll width="70%">
  		<el-row :gutter="15" class="" >
  			<el-col :span="24" class="form_title">
  				巡查上报详情
  			</el-col>
  			<el-form ref="elForm" :model="dataForm" size="small" label-width="100px" label-position="right" :disabled="!!isDetail" :rules="rules" v-loading="loading">
  					<el-col :span="24" v-if="false" >
  						<el-form-item label="主键" prop="id">
006cc67a   monkeyhouyi   巡查上报
10
  							<el-input v-model="dataForm.id" placeholder="--" clearable :style='{"width":"100%"}' >
b61eb1ed   monkeyhouyi   上报线索研判
11
12
13
  							</el-input>
  						</el-form-item>
  					</el-col>
006cc67a   monkeyhouyi   巡查上报
14
  					<el-col :span="12">
b61eb1ed   monkeyhouyi   上报线索研判
15
  						<el-form-item label="平台名称" prop="platformName">
006cc67a   monkeyhouyi   巡查上报
16
  							<el-input v-model="dataForm.platformName" placeholder="--" clearable :style='{"width":"100%"}' >
b61eb1ed   monkeyhouyi   上报线索研判
17
18
19
  							</el-input>
  						</el-form-item>
  					</el-col>
006cc67a   monkeyhouyi   巡查上报
20
  					<el-col :span="12">
b61eb1ed   monkeyhouyi   上报线索研判
21
  						<el-form-item label="平台类型" prop="platformType">
006cc67a   monkeyhouyi   巡查上报
22
  							<el-select v-model="dataForm.platformType" placeholder="--" clearable :style='{"width":"100%"}' >
b61eb1ed   monkeyhouyi   上报线索研判
23
24
25
26
  								<el-option v-for="(item, index) in platformTypeOptions" :key="index" :label="item.fullName" :value="item.id" ></el-option>
  							</el-select>
  						</el-form-item>
  					</el-col>
006cc67a   monkeyhouyi   巡查上报
27
  					<el-col :span="12">
b61eb1ed   monkeyhouyi   上报线索研判
28
29
  						<el-form-item label="问题类型" prop="questionType">
  							<el-radio-group v-model="dataForm.questionType" :style='{}' >
006cc67a   monkeyhouyi   巡查上报
30
  								<el-radio v-for="(item, index) in questionTypeOptions" :key="index" :label="item.id"  >{{item.fullName || '--'}}</el-radio>
b61eb1ed   monkeyhouyi   上报线索研判
31
32
33
  							</el-radio-group>
  						</el-form-item>
  					</el-col>
006cc67a   monkeyhouyi   巡查上报
34
  					<el-col :span="12">
b61eb1ed   monkeyhouyi   上报线索研判
35
  						<el-form-item label="问题分类" prop="questionClass">
006cc67a   monkeyhouyi   巡查上报
36
  							<el-select v-model="dataForm.questionClass" placeholder="--" clearable :style='{"width":"100%"}' >
b61eb1ed   monkeyhouyi   上报线索研判
37
38
39
40
41
42
  								<el-option v-for="(item, index) in questionClassOptions" :key="index" :label="item.fullName" :value="item.id" ></el-option>
  							</el-select>
  						</el-form-item>
  					</el-col>
  					<el-col :span="24">
  						<el-form-item label="问题内容" prop="questionContent">
006cc67a   monkeyhouyi   巡查上报
43
  							<el-input v-model="dataForm.questionContent" placeholder="--" show-word-limit :style='{"width":"100%"}' type='textarea' :autosize='{"minRows":4,"maxRows":4}' >
b61eb1ed   monkeyhouyi   上报线索研判
44
45
46
47
48
  							</el-input>
  						</el-form-item>
  					</el-col>
  					<el-col :span="24">
  						<el-form-item label="有害链接" prop="link">
006cc67a   monkeyhouyi   巡查上报
49
  							<el-input v-model="dataForm.link" placeholder="--" clearable :style='{"width":"100%"}' >
b61eb1ed   monkeyhouyi   上报线索研判
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
  							</el-input>
  						</el-form-item>
  					</el-col>
  					<el-col :span="24">
  						<el-form-item label="取证内容" prop="obtainEvidence">
  							<NCC-UploadFz v-model="dataForm.obtainEvidence" :fileSize="5" sizeUnit="MB" :limit="9" buttonText="点击上传" >
  							</NCC-UploadFz>
  						</el-form-item>
  					</el-col>
  					<el-col :span="24">
  						<el-form-item label="附件上传" prop="annex">
  							<NCC-UploadFz v-model="dataForm.annex" :fileSize="5" sizeUnit="MB" :limit="9" buttonText="点击上传" >
  							</NCC-UploadFz>
  						</el-form-item>
  					</el-col>
b61eb1ed   monkeyhouyi   上报线索研判
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
  			</el-form>
  			<el-col :span="24" class="form_title">
  				判研建议
  			</el-col>
  			<el-form ref="suggestionForm" :model="suggestionForm" size="small" label-width="100px" label-position="right">
  				<el-col :span="24">
  					<el-form-item label="处置建议" prop="disposalSuggestions">
  						<el-input v-model="suggestionForm.disposalSuggestions" placeholder="请输入处置建议" show-word-limit :style='{"width":"100%"}' type='textarea' :autosize='{"minRows":4,"maxRows":4}' >
  						</el-input>
  					</el-form-item>
  				</el-col>
  				<el-col :span="24">
  					<el-form-item label="判断意见" prop="judgmentOpinions">
  						<el-input v-model="suggestionForm.judgmentOpinions" placeholder="请输入判断意见" show-word-limit :style='{"width":"100%"}' type='textarea' :autosize='{"minRows":4,"maxRows":4}' >
  						</el-input>
  					</el-form-item>
  				</el-col>
  				<el-col :span="24">
  					<el-form-item label="判断分类" prop="judgmentClass">
  						<el-input v-model="suggestionForm.judgmentClass" placeholder="请输入判断分类" show-word-limit :style='{"width":"100%"}' type='textarea' :autosize='{"minRows":4,"maxRows":4}' >
  						</el-input>
  					</el-form-item>
  				</el-col>
  			</el-form>
  		</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>
  </template>
  <script>
  	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: {
b61eb1ed   monkeyhouyi   上报线索研判
109
  					id:undefined,
b61eb1ed   monkeyhouyi   上报线索研判
110
111
  					platformName:undefined,
  					platformType:undefined,
b61eb1ed   monkeyhouyi   上报线索研判
112
113
114
115
116
117
  					questionType:undefined,
  					questionClass:undefined,
  					questionContent:undefined,
  					link:undefined,
  					obtainEvidence:[],
  					annex:[],
b61eb1ed   monkeyhouyi   上报线索研判
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
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
  				},
  				rules: {
  				},
  				sourceOptions:[{"fullName":"市网信办线索","id":"市网信办线索"},{"fullName":"自主巡查发现","id":"自主巡查发现"}],
  				platformTypeOptions : [],
  				questionTypeOptions : [],
  				questionClassOptions:[{"fullName":"选项一","id":"1"},{"fullName":"选项二","id":"2"}],
  				stageOptions:[{"fullName":"选项一","id":"1"},{"fullName":"选项二","id":"2"}],
  
  				suggestionForm: {
  					disposalSuggestions: "", //处置建议
  					judgmentOpinions: "", //判断意见
  					judgmentClass: "" //判断分类
  				}
  			}
  		},
  		computed: {},
          watch: {},
          created() {
  			this.getplatformTypeOptions();
  			this.getquestionTypeOptions();
  		},
  		mounted() {
          },
  		methods: {
  			getplatformTypeOptions(){
  				getDictionaryDataSelector('576279943168656645').then(res => {
  					this.platformTypeOptions = res.data.list
  				});
  			},
  			getquestionTypeOptions(){
  				getDictionaryDataSelector('577006814432855301').then(res => {
  					this.questionTypeOptions = res.data.list
  				});
  			},
  			goBack() {
                  this.$emit('refresh')
              },
  			init(id, isDetail) {
  				this.dataForm.id = id || 0;
                  this.visible = true;
  				this.$nextTick(async () => {
  					this.$refs['elForm'].resetFields();
  					this.$refs['suggestionForm'].resetFields();
  					if (this.dataForm.id) {
  						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=[];
  					}
  				})
  			},
  			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)
  							}
  						})
                      }
                  })
  			},
  		}
  	}
  </script>
  <style lang="scss" scoped>
  	.form_title {
  		line-height: 30px;
  		padding-left: 40px;
  		color: #409eff;
  	}
  </style>