4424f41c
 monkeyhouyi
网信执法、清单管理静态页面
|
1
|
<template>
|
|
4614132f
monkeyhouyi
列表查询，案件处理
|
2
|
<el-dialog :title="!dataForm.id ? '新建' : isDetail ? '详情':'编辑'" :close-on-click-modal="false" :visible.sync="visible" class="NCC-dialog NCC-dialog_center" lock-scroll width="50%">
|
|
87e6927c
monkeyhouyi
弹框样式
|
3
|
<el-row :gutter="15" class="NCC-dialog-content" >
|
|
4424f41c
monkeyhouyi
网信执法、清单管理静态页面
|
4
5
6
7
8
9
10
11
12
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
|
<el-form ref="elForm" :model="dataForm" size="small" label-width="100px" 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 :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">
<el-input v-model="dataForm.fileName" placeholder="请输入" clearable :style='{"width":"100%"}' >
</el-input>
</el-form-item>
</el-col>
<el-col :span="24" v-if="ncc.hasFormP('fileType')">
<el-form-item label="文件类型" prop="fileType">
<el-radio-group v-model="dataForm.fileType" :style='{}' >
<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>
<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
列表查询，案件处理
|
70
|
<el-button type="primary" @click="dataFormSubmit()" v-if="!isDetail" :loading="btnLoading">确 定</el-button>
|
|
4424f41c
monkeyhouyi
网信执法、清单管理静态页面
|
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
|
</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() {
return {
loading: false,
visible: false,
isDetail: false,
dataForm: {
id:'',
id:undefined,
fileName:undefined,
fileType:undefined,
timeTakingEffect:undefined,
content:undefined,
fileUrl:[],
creatorUserId:undefined,
creatorTime:undefined,
lastModifyUserId:undefined,
lastModifyTime:undefined,
},
rules: {
},
fileTypeOptions : [],
|
|
4614132f
monkeyhouyi
列表查询，案件处理
|
102
|
btnLoading: false,
|
|
4424f41c
monkeyhouyi
网信执法、清单管理静态页面
|
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
|
}
},
computed: {},
watch: {},
created() {
this.getfileTypeOptions();
},
mounted() {
},
methods: {
getfileTypeOptions(){
getDictionaryDataSelector('577087166203561221').then(res => {
this.fileTypeOptions = res.data.list
});
},
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) {
request({
url: '/Extend/BasePrincipalResponsibility/' + this.dataForm.id,
method: 'get'
}).then(res =>{
this.dataForm = res.data;
if(!this.dataForm.fileUrl)this.dataForm.fileUrl=[];
})
}
})
},
dataFormSubmit() {
this.$refs['elForm'].validate((valid) => {
if (valid) {
|
|
4614132f
monkeyhouyi
列表查询，案件处理
|
141
|
this.btnLoading = true;
|
|
4424f41c
monkeyhouyi
网信执法、清单管理静态页面
|
142
143
144
145
146
147
148
149
150
151
152
|
if (!this.dataForm.id) {
request({
url: `/Extend/BasePrincipalResponsibility`,
method: 'post',
data: this.dataForm,
}).then((res) => {
this.$message({
message: res.msg,
type: 'success',
duration: 1000,
onClose: () => {
|
|
4614132f
monkeyhouyi
列表查询，案件处理
|
153
|
this.btnLoading = false,
|
|
4424f41c
monkeyhouyi
网信执法、清单管理静态页面
|
154
155
156
157
|
this.visible = false,
this.$emit('refresh', true)
}
})
|
|
4614132f
monkeyhouyi
列表查询，案件处理
|
158
|
}).catch(() => this.btnLoading = false);
|
|
4424f41c
monkeyhouyi
网信执法、清单管理静态页面
|
159
160
161
162
163
164
165
166
167
168
169
|
} else {
request({
url: '/Extend/BasePrincipalResponsibility/' + this.dataForm.id,
method: 'PUT',
data: this.dataForm
}).then((res) => {
this.$message({
message: res.msg,
type: 'success',
duration: 1000,
onClose: () => {
|
|
4614132f
monkeyhouyi
列表查询，案件处理
|
170
|
this.btnLoading = false,
|
|
4424f41c
monkeyhouyi
网信执法、清单管理静态页面
|
171
172
173
174
|
this.visible = false
this.$emit('refresh', true)
}
})
|
|
4614132f
monkeyhouyi
列表查询，案件处理
|
175
|
}).catch(() => this.btnLoading = false);
|
|
4424f41c
monkeyhouyi
网信执法、清单管理静态页面
|
176
177
178
179
180
181
182
|
}
}
})
},
}
}
</script>
|
