9dd13ed7
 wwk
备份
|
1
|
<template>
|
|
96d61a51
wwk
更新
|
2
3
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
|
<el-dialog :title="!dataForm.id ? '新建' : isDetail ? '详情':'编辑'" :close-on-click-modal="false"
:visible.sync="visible" class="NCC-dialog NCC-dialog_center" lock-scroll width="600px">
<el-row :gutter="15" class="">
<el-form ref="elForm" :model="dataForm" size="small" label-width="100px" label-position="right"
:disabled="!!isDetail" :rules="rules">
<el-col :span="24">
<el-form-item label="地域" prop="areaId">
<el-select v-model="dataForm.areaId" placeholder="请选择" clearable required
:style='{"width":"100%"}'>
<el-option v-for="(item, index) in areaIdOptions" :key="index" :label="item.F_Name"
:value="item.F_Id"></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="线路标题" prop="title">
<el-input v-model="dataForm.title" placeholder="请输入" clearable required
:style='{"width":"100%"}'>
</el-input>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="线路概况" prop="remark">
<el-input v-model="dataForm.remark" placeholder="请输入" required 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="banner">
<NCC-UploadImg v-model="dataForm.banner" required :fileSize="5" sizeUnit="MB" :limit="1">
</NCC-UploadImg>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="百分比%" prop="ratio">
<el-input v-model="dataForm.ratio" placeholder="请输入" clearable required
:style='{"width":"100%"}'>
</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="lastModifyTime">
<el-input v-model="dataForm.lastModifyTime" placeholder="系统自动生成" readonly>
</el-input>
</el-form-item>
</el-col>
</el-form>
|
|
9dd13ed7
wwk
备份
|
56
57
58
59
60
61
62
63
64
|
</el-row>
<span slot="footer" class="dialog-footer">
<el-button @click="visible = false">取 消</el-button>
<el-button type="primary" @click="dataFormSubmit()" v-if="!isDetail">确 定</el-button>
</span>
</el-dialog>
</template>
<script>
import request from '@/utils/request'
|
|
96d61a51
wwk
更新
|
65
66
67
68
69
70
|
import {
getDictionaryDataSelector
} from '@/api/systemData/dictionary'
import {
previewDataInterface
} from '@/api/systemData/dataInterface'
|
|
9dd13ed7
wwk
备份
|
71
72
73
74
75
76
77
78
79
|
export default {
components: {},
props: [],
data() {
return {
loading: false,
visible: false,
isDetail: false,
dataForm: {
|
|
96d61a51
wwk
更新
|
80
81
82
83
84
85
86
87
88
|
id: '',
areaId: undefined,
title: undefined,
remark: undefined,
ratio: undefined,
banner: [],
creatorTime: undefined,
lastModifyTime: undefined,
|
|
9dd13ed7
wwk
备份
|
89
90
|
},
rules: {
|
|
96d61a51
wwk
更新
|
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
|
areaId: [{
required: true,
message: '请输入地域',
trigger: 'change'
}, ],
title: [{
required: true,
message: '请输入线路标题',
trigger: 'blur'
}, ],
remark: [{
required: true,
message: '请输入线路概况',
trigger: 'blur'
}, ],
banner: [{
required: true,
message: '请输入线路图片',
trigger: 'click'
}, ],
ratio: [{
required: true,
message: '请输入百分比%',
trigger: 'blur'
|
|
9dd13ed7
wwk
备份
|
115
|
},
|
|
9dd13ed7
wwk
备份
|
116
|
{
|
|
96d61a51
wwk
更新
|
117
118
119
|
pattern: /^\d+$/,
message: '请输入正确的数字',
trigger: 'blur'
|
|
9dd13ed7
wwk
备份
|
120
121
122
|
},
],
},
|
|
96d61a51
wwk
更新
|
123
|
areaIdOptions: [],
|
|
9dd13ed7
wwk
备份
|
124
125
126
|
}
},
computed: {},
|
|
96d61a51
wwk
更新
|
127
128
|
watch: {},
created() {
|
|
9dd13ed7
wwk
备份
|
129
130
|
this.getareaIdOptions();
},
|
|
96d61a51
wwk
更新
|
131
|
mounted() {},
|
|
9dd13ed7
wwk
备份
|
132
|
methods: {
|
|
96d61a51
wwk
更新
|
133
|
getareaIdOptions() {
|
|
9dd13ed7
wwk
备份
|
134
135
136
137
138
|
previewDataInterface('393301869759300869').then(res => {
this.areaIdOptions = res.data
});
},
goBack() {
|
|
96d61a51
wwk
更新
|
139
140
|
this.$emit('refresh')
},
|
|
9dd13ed7
wwk
备份
|
141
142
|
init(id, isDetail) {
this.dataForm.id = id || 0;
|
|
96d61a51
wwk
更新
|
143
144
|
this.visible = true;
this.isDetail = isDetail || false;
|
|
9dd13ed7
wwk
备份
|
145
146
147
148
149
150
|
this.$nextTick(() => {
this.$refs['elForm'].resetFields();
if (this.dataForm.id) {
request({
url: '/api/Blind/TbAreaLine/' + this.dataForm.id,
method: 'get'
|
|
96d61a51
wwk
更新
|
151
|
}).then(res => {
|
|
9dd13ed7
wwk
备份
|
152
|
this.dataForm = res.data;
|
|
96d61a51
wwk
更新
|
153
|
if (!this.dataForm.banner) this.dataForm.banner = [];
|
|
9dd13ed7
wwk
备份
|
154
155
156
157
158
159
|
})
}
})
},
dataFormSubmit() {
this.$refs['elForm'].validate((valid) => {
|
|
96d61a51
wwk
更新
|
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
|
if (valid) {
if (!this.dataForm.id) {
request({
url: `/api/Blind/TbAreaLine`,
method: 'post',
data: this.dataForm,
}).then((res) => {
this.$message({
message: res.msg,
type: 'success',
duration: 1000,
onClose: () => {
this.visible = false,
this.$emit('refresh', true)
}
})
})
} else {
request({
url: '/api/Blind/TbAreaLine/' + this.dataForm.id,
method: 'PUT',
data: this.dataForm
}).then((res) => {
this.$message({
message: res.msg,
type: 'success',
duration: 1000,
onClose: () => {
this.visible = false
this.$emit('refresh', true)
}
})
})
}
}
})
|
|
9dd13ed7
wwk
备份
|
196
197
198
199
|
},
}
}
</script>
|
