4424f41c
 monkeyhouyi
网信执法、清单管理静态页面
|
1
|
<template>
|
|
ff36c85d
monkeyhouyi
1
|
2
|
<el-dialog :title="!dataForm.id ? '新建' : isDetail ? '详情':'编辑'" :close-on-click-modal="false" :visible.sync="visible" class="NCC-dialog NCC-dialog_center basePrincipalResponsibilityForm" lock-scroll width="40%" v-loading="dialogLoading">
|
|
87e6927c
monkeyhouyi
弹框样式
|
3
|
<el-row :gutter="15" class="NCC-dialog-content" >
|
|
ff36c85d
monkeyhouyi
1
|
4
|
<el-form ref="elForm" :model="dataForm" size="small" label-width="110px" label-position="right" :disabled="!!isDetail" :rules="rules">
|
|
4424f41c
monkeyhouyi
网信执法、清单管理静态页面
|
5
6
7
8
9
10
11
12
|
<el-col :span="24" v-if="false" >
<el-form-item label="主键" prop="id">
<el-input v-model="dataForm.id" placeholder="请输入" clearable :style='{"width":"100%"}' >
</el-input>
</el-form-item>
</el-col>
<el-col :span="24" v-if="ncc.hasFormP('fileName')">
<el-form-item label="文件名" prop="fileName">
|
|
ff36c85d
monkeyhouyi
1
|
13
|
<el-input v-model="dataForm.fileName" placeholder="请输入文件名" clearable :style='{"width":"100%"}' />
|
|
4424f41c
monkeyhouyi
网信执法、清单管理静态页面
|
14
15
16
17
|
</el-form-item>
</el-col>
<el-col :span="24" v-if="ncc.hasFormP('fileType')">
<el-form-item label="文件类型" prop="fileType">
|
|
ff36c85d
monkeyhouyi
1
|
18
|
<el-radio-group v-model="dataForm.fileType">
|
|
4424f41c
monkeyhouyi
网信执法、清单管理静态页面
|
19
20
21
22
|
<el-radio v-for="(item, index) in fileTypeOptions" :key="index" :label="item.id" >{{item.fullName}}</el-radio>
</el-radio-group>
</el-form-item>
</el-col>
|
|
ff36c85d
monkeyhouyi
1
|
23
24
25
26
27
|
<el-col :span="24" v-if="ncc.hasFormP('otherFileType')" v-show="dataForm.fileType == '0'">
<el-form-item label="其他文件类型" prop="otherFileType">
<el-input v-model="dataForm.otherFileType" placeholder="请输入其他文件类型" clearable :style='{"width":"100%"}' />
</el-form-item>
</el-col>
|
|
4424f41c
monkeyhouyi
网信执法、清单管理静态页面
|
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
|
<el-col :span="24" v-if="ncc.hasFormP('timeTakingEffect')">
<el-form-item label="生效时间" prop="timeTakingEffect">
<el-date-picker v-model="dataForm.timeTakingEffect" placeholder="请选择" clearable :style='{"width":"100%"}' type='date' format="yyyy-MM-dd" value-format="timestamp" >
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="24" v-if="ncc.hasFormP('content')">
<el-form-item label="具体内容" prop="content">
<el-input v-model="dataForm.content" 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" v-if="ncc.hasFormP('fileUrl')">
<el-form-item label="文件地址" prop="fileUrl">
<NCC-UploadFz v-model="dataForm.fileUrl" :fileSize="5" sizeUnit="MB" :limit="9" buttonText="点击上传" >
</NCC-UploadFz>
</el-form-item>
</el-col>
<el-col :span="24" v-if="false" >
<el-form-item label="创建用户" prop="creatorUserId">
<el-input v-model="dataForm.creatorUserId" placeholder="系统自动生成" readonly >
</el-input>
</el-form-item>
</el-col>
<el-col :span="24" v-if="false" >
<el-form-item label="创建时间" prop="creatorTime">
<el-input v-model="dataForm.creatorTime" placeholder="系统自动生成" readonly >
</el-input>
</el-form-item>
</el-col>
<el-col :span="24" v-if="false" >
<el-form-item label="修改用户" prop="lastModifyUserId">
<el-input v-model="dataForm.lastModifyUserId" placeholder="系统自动生成" readonly >
</el-input>
</el-form-item>
</el-col>
<el-col :span="24" v-if="false" >
<el-form-item label="修改时间" prop="lastModifyTime">
<el-input v-model="dataForm.lastModifyTime" placeholder="系统自动生成" readonly >
</el-input>
</el-form-item>
</el-col>
</el-form>
</el-row>
<span slot="footer" class="dialog-footer">
<el-button @click="visible = false">取 消</el-button>
|
|
4614132f
monkeyhouyi
列表查询，案件处理
|
74
|
<el-button type="primary" @click="dataFormSubmit()" v-if="!isDetail" :loading="btnLoading">确 定</el-button>
|
|
4424f41c
monkeyhouyi
网信执法、清单管理静态页面
|
75
76
77
78
79
80
81
82
83
84
85
|
</span>
</el-dialog>
</template>
<script>
import request from '@/utils/request'
import { getDictionaryDataSelector } from '@/api/systemData/dictionary'
import { previewDataInterface } from '@/api/systemData/dataInterface'
export default {
components: {},
props: [],
data() {
|
|
ff36c85d
monkeyhouyi
1
|
86
87
88
89
90
91
92
|
var validateOtherFileType = (rule, value, callback) => {
if (this.dataForm.fileType == '0' && !value) {
callback(new Error('请输入其他文件类型'));
} else {
callback();
}
}
|
|
4424f41c
monkeyhouyi
网信执法、清单管理静态页面
|
93
94
95
96
|
return {
loading: false,
visible: false,
isDetail: false,
|
|
ff36c85d
monkeyhouyi
1
|
97
|
dialogLoading: false,
|
|
4424f41c
monkeyhouyi
网信执法、清单管理静态页面
|
98
99
100
101
102
103
104
105
106
107
108
109
|
dataForm: {
id:'',
id:undefined,
fileName:undefined,
fileType:undefined,
timeTakingEffect:undefined,
content:undefined,
fileUrl:[],
creatorUserId:undefined,
creatorTime:undefined,
lastModifyUserId:undefined,
lastModifyTime:undefined,
|
|
ff36c85d
monkeyhouyi
1
|
110
|
otherFileType: undefined,
|
|
4424f41c
monkeyhouyi
网信执法、清单管理静态页面
|
111
112
|
},
rules: {
|
|
ff36c85d
monkeyhouyi
1
|
113
114
115
|
fileName: [{ required: true, message: '请输入文件名称', trigger: 'blur' }],
fileType: [{ required: true, message: '请选择文件类型', trigger: 'blur' }],
otherFileType: [{ validator: validateOtherFileType, trigger: 'blur' }],
|
|
4424f41c
monkeyhouyi
网信执法、清单管理静态页面
|
116
117
|
},
fileTypeOptions : [],
|
|
4614132f
monkeyhouyi
列表查询，案件处理
|
118
|
btnLoading: false,
|
|
4424f41c
monkeyhouyi
网信执法、清单管理静态页面
|
119
120
121
122
123
124
125
126
127
128
129
130
|
}
},
computed: {},
watch: {},
created() {
this.getfileTypeOptions();
},
mounted() {
},
methods: {
getfileTypeOptions(){
getDictionaryDataSelector('577087166203561221').then(res => {
|
|
ff36c85d
monkeyhouyi
1
|
131
|
this.fileTypeOptions = [...res.data.list, { fullName: '其他', id: '0' }]
|
|
4424f41c
monkeyhouyi
网信执法、清单管理静态页面
|
132
133
134
135
136
137
138
139
140
141
142
143
|
});
},
goBack() {
this.$emit('refresh')
},
init(id, isDetail) {
this.dataForm.id = id || 0;
this.visible = true;
this.isDetail = isDetail || false;
this.$nextTick(() => {
this.$refs['elForm'].resetFields();
if (this.dataForm.id) {
|
|
ff36c85d
monkeyhouyi
1
|
144
|
this.dialogLoading = true;
|
|
4424f41c
monkeyhouyi
网信执法、清单管理静态页面
|
145
146
147
148
149
|
request({
url: '/Extend/BasePrincipalResponsibility/' + this.dataForm.id,
method: 'get'
}).then(res =>{
this.dataForm = res.data;
|
|
ff36c85d
monkeyhouyi
1
|
150
|
this.setTileType(res.data.fileType);
|
|
4424f41c
monkeyhouyi
网信执法、清单管理静态页面
|
151
|
if(!this.dataForm.fileUrl)this.dataForm.fileUrl=[];
|
|
ff36c85d
monkeyhouyi
1
|
152
153
|
this.dialogLoading = false;
}).catch(() => this.dialogLoading = false)
|
|
4424f41c
monkeyhouyi
网信执法、清单管理静态页面
|
154
155
156
|
}
})
},
|
|
ff36c85d
monkeyhouyi
1
|
157
158
159
160
161
162
163
164
165
166
|
setTileType(val) {
let index = this.fileTypeOptions.findIndex(v => v.id == val);
if(index == -1 || index == (this.fileTypeOptions.length - 1)) {
this.dataForm.fileType = '0';
this.dataForm.otherFileType = val;
} else {
this.dataForm.fileType = val;
this.dataForm.otherFileType = '';
}
},
|
|
4424f41c
monkeyhouyi
网信执法、清单管理静态页面
|
167
168
|
dataFormSubmit() {
this.$refs['elForm'].validate((valid) => {
|
|
ff36c85d
monkeyhouyi
1
|
169
|
console.log(valid);
|
|
4424f41c
monkeyhouyi
网信执法、清单管理静态页面
|
170
|
if (valid) {
|
|
ff36c85d
monkeyhouyi
1
|
171
|
this.dataForm.fileType = this.dataForm.fileType == '0' ? this.dataForm.otherFileType : this.dataForm.fileType;
|
|
4614132f
monkeyhouyi
列表查询，案件处理
|
172
|
this.btnLoading = true;
|
|
4424f41c
monkeyhouyi
网信执法、清单管理静态页面
|
173
174
175
176
177
178
179
180
181
182
|
if (!this.dataForm.id) {
request({
url: `/Extend/BasePrincipalResponsibility`,
method: 'post',
data: this.dataForm,
}).then((res) => {
this.$message({
message: res.msg,
type: 'success',
duration: 1000,
|
|
4424f41c
monkeyhouyi
网信执法、清单管理静态页面
|
183
|
})
|
|
ff36c85d
monkeyhouyi
1
|
184
185
|
this.visible = false;
this.$emit('refresh', true);
|
|
4614132f
monkeyhouyi
列表查询，案件处理
|
186
|
}).catch(() => this.btnLoading = false);
|
|
4424f41c
monkeyhouyi
网信执法、清单管理静态页面
|
187
188
189
190
191
192
193
194
195
196
|
} else {
request({
url: '/Extend/BasePrincipalResponsibility/' + this.dataForm.id,
method: 'PUT',
data: this.dataForm
}).then((res) => {
this.$message({
message: res.msg,
type: 'success',
duration: 1000,
|
|
4424f41c
monkeyhouyi
网信执法、清单管理静态页面
|
197
|
})
|
|
ff36c85d
monkeyhouyi
1
|
198
199
|
this.visible = false;
this.$emit('refresh', true);
|
|
4614132f
monkeyhouyi
列表查询，案件处理
|
200
|
}).catch(() => this.btnLoading = false);
|
|
4424f41c
monkeyhouyi
网信执法、清单管理静态页面
|
201
202
203
204
205
206
207
|
}
}
})
},
}
}
</script>
|
|
ff36c85d
monkeyhouyi
1
|
208
209
210
211
212
213
214
|
<style lang="scss" scoped>
.basePrincipalResponsibilityForm {
:deep(.el-radio) {
margin: 0 30px 8px 0;
}
}
</style>
|
