Blame view

admin-web-master/src/components/add/addmap.vue 19.5 KB
4373acf5   wesley88   1
1
  <template>
4dac8c0b   wesley88   1
2
    <div >
542e27d5   wesley88   1
3
      <el-form v-if="ontype =='线上广告位' && iShsow" :model="formInline" :rules="rules" ref="formInline" label-width="130px"
4373acf5   wesley88   1
4
        class="demo-ruleForm">
a182f238   wesley88   1
5
        <el-form-item label="广告位类型" prop="advertisingType">
9b392fc6   wesley88   1
6
          <el-select @change="changeadvertisingType" v-model="formInline.advertisingType" placeholder="请选择" style="width: 100%;">
a182f238   wesley88   1
7
8
9
10
11
12
13
14
            <el-option v-for="(item, index) in typelist" :key="index" :label="item.name" :value="item.vaule"></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="广告位名称" prop="advertisingName">
          <el-input v-model="formInline.advertisingName" placeholder="请输入" maxlength="30"></el-input>
        </el-form-item>
        <el-form-item label="所属端" prop="affiliation" >
          <el-select v-model="formInline.affiliation" placeholder="请选择" style="width: 100%;">
04473319   wesley88   1
15
16
17
18
            <!-- <el-option label="游客小程序" value="游客小程序"></el-option>
            <el-option label="商家客户端" value="商家客户端"></el-option> -->
            <el-option v-for="(item,index) in owningEndList"
            :key="index" :label="item.label" :value="item.value"></el-option>
a182f238   wesley88   1
19
20
21
22
          </el-select>
        </el-form-item>
        <el-form-item label="轮播顺序" prop="rotationOrder" >
          <el-select v-model="formInline.rotationOrder" placeholder="请选择" style="width: 100%;">
04473319   wesley88   1
23
            <!-- <el-option label="第一张" value="第一张"></el-option>
523cfe19   wesley88   1
24
            <el-option label="第二张" value="第二张"></el-option>
04473319   wesley88   1
25
26
27
            <el-option label="第三张" value="第三张"></el-option> -->
            <el-option v-for="(item,index) in rotationSequenceList"
            :key="index" :label="item.label" :value="item.value"></el-option>
a182f238   wesley88   1
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
          </el-select>
        </el-form-item>
        <el-form-item label="广告尺寸" prop="dimensions" >
          <el-input v-model="formInline.dimensions" placeholder="宽:300px 长:400px" maxlength="20"></el-input>
        </el-form-item>
        <el-form-item label="可上传大小" prop="size" >
          <el-input v-model="formInline.size"  placeholder="100kb" maxlength="20"></el-input>
        </el-form-item>
        <el-form-item label="播放时长(秒)" prop="playDuration" >
          <el-input v-model.number="formInline.playDuration" maxlength="20"  placeholder="请输入" @input="validateNumber('playDuration', $event)"></el-input>
        </el-form-item>
        <el-form-item label="推送地址" prop="pushAddress" >
          <el-input v-model="formInline.pushAddress"  placeholder="请输入" maxlength="50"></el-input>
        </el-form-item>
        <el-form-item label="位置示意图" prop="locationDiagram">
          <upimg :cmpOption="{disabled:false,isSetCover:false}" filePath="gg" inputtype="locationDiagram" :value="formInline.locationDiagram"
            @changimg="e=>changimg(e,'locationDiagram')"></upimg>
        </el-form-item>
bfa2ad53   杨鑫   最新
46
47
48
49
50
51
  	  <!-- <el-form-item label="广告位位置" prop="carouselId"  v-if="formInline.advertisingType == '线上广告位'">
  	    <el-select v-model="formInline.carouselId" placeholder="请选择" style="width: 100%;">
  	      <el-option :label="`${item.type==1?'商城端':'商家端'}第${index+1}个广告位`" :value="item.id" v-for="(item,index) in bannerList"
  	        :key="index"></el-option>
  	    </el-select>
  	  </el-form-item> -->
1dbc0b2d   wesley88   1
52
        <el-form-item label="介绍" prop="memo">
0e7a57c2   杨鑫   '最新'
53
          <wangEditor v-model="formInline.memo" ref="editor" :height="200"></wangEditor>
1dbc0b2d   wesley88   1
54
55
          <!-- <el-input maxlength="200" show-word-limit rows="4" v-model="formInline.memo" placeholder="请输入"
            type="textarea" /> -->
a182f238   wesley88   1
56
        </el-form-item>
4373acf5   wesley88   1
57
58
        <el-row :gutter="20">
          <el-col :span="12">
a182f238   wesley88   1
59
60
61
62
63
            <el-form-item>
              <div style="margin-top: 20px">
                <el-button @click="add()" style="background-color: #3F9B6A;color: #fff;">确定</el-button>
                <el-button @click="close()" class="buttonHover"
                  style="color: #606266;border: 1px solid #DBDBDB;background-color: #fff;">取消</el-button>
4373acf5   wesley88   1
64
65
66
67
              </div>
            </el-form-item>
          </el-col>
        </el-row>
a182f238   wesley88   1
68
      </el-form>
542e27d5   wesley88   1
69
      <el-form v-if="ontype =='实体广告位' && iShsow" :model="formInline" :rules="rulesSt" ref="formInline" label-width="130px"
a182f238   wesley88   1
70
71
        class="demo-ruleForm">
        <el-form-item label="广告位类型" prop="advertisingType">
9b392fc6   wesley88   1
72
          <el-select @change="changeadvertisingType" v-model="formInline.advertisingType" placeholder="请选择" style="width: 100%;">
a182f238   wesley88   1
73
74
75
76
77
78
            <el-option v-for="(item, index) in typelist" :key="index" :label="item.name" :value="item.vaule"></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="广告位名称" prop="advertisingName">
          <el-input v-model="formInline.advertisingName" placeholder="请输入" maxlength="30"></el-input>
        </el-form-item>
542e27d5   wesley88   1
79
80
81
82
83
84
85
86
87
88
89
90
91
        <el-form-item label="所属绿道段" prop="belongingGreenwaySection">
          <el-select v-model="formInline.belongingGreenwaySection" placeholder="请选择"
            style="margin-top:5px;width: 100%;" @change="lvdaoSel">
            <el-option :label="item.name" :value="item.code" v-for="(item,index) in lvdaoList"
              :key="index"></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="所属公园/步道" prop="belongingParkTrail">
          <el-select v-model="formInline.belongingParkTrail" placeholder="请选择" style="width: 100%;">
            <el-option :label="item.name" :value="item.code" v-for="(item,index) in gongyuanList"
              :key="index"></el-option>
          </el-select>
        </el-form-item>
a182f238   wesley88   1
92
        <el-form-item label="详细位置" prop="detailedLocation">
c3f8e431   wesley88   1
93
          <el-input v-model="formInline.detailedLocation"  :disabled="true"  placeholder="请地图标点选择位置" maxlength="100"></el-input>
a182f238   wesley88   1
94
95
96
97
98
99
100
101
102
103
        </el-form-item>
        <el-form-item label="地图标点" prop="mapPunctuation" >
          <!-- <div style="width: 100%;height: 300px;">
            <map-mark :sendChildDate="getChildDate"></map-mark>
          </div> -->
          <div style="width: 100%;height: 300px;">
            <newmap :isonloed="info.id?true:false" :lat="lat" :lng="lng" @updatecenter="updatecenter"></newmap>
          </div>
        </el-form-item>
        <el-form-item label="设备类型" prop="deviceType" >
0e7a57c2   杨鑫   '最新'
104
105
  		  <el-input v-model="formInline.deviceType" placeholder="请输入"  maxlength="50"></el-input>
          <!-- <el-select v-model="formInline.deviceType" placeholder="请选择" style="width: 100%;">
4dac8c0b   wesley88   1
106
            <el-option label="灯箱广告牌" value="灯箱广告牌"></el-option>
0e7a57c2   杨鑫   '最新'
107
          </el-select> -->
a182f238   wesley88   1
108
109
110
111
112
113
114
115
        </el-form-item>
        <el-form-item label="设备大小" prop="equipmentSize" >
          <el-input v-model="formInline.equipmentSize" placeholder="宽:300mm 长:400mm 高: 400mm"  maxlength="30"></el-input>
        </el-form-item>
        <el-form-item label="广告尺寸" prop="dimensions">
          <el-input v-model="formInline.dimensions" placeholder="宽:300px 长:400px"  maxlength="20"></el-input>
        </el-form-item>
        <el-form-item label="广告材质" prop="advertisingMaterial">
9b392fc6   wesley88   1
116
117
          <el-input v-model="formInline.advertisingMaterial" placeholder="请输入"  maxlength="50"></el-input>
          <!-- <div style="display: flex;justify-content: space-between;">
a182f238   wesley88   1
118
119
120
121
            <el-select v-model="formInline.advertisingMaterial" placeholder="请选择" style="width: 100%">
              <el-option label="亚克力" value="亚克力"></el-option>
              <el-option label="玻璃" value="玻璃"></el-option>
            </el-select>
9b392fc6   wesley88   1
122
          </div> -->
a182f238   wesley88   1
123
124
125
126
127
        </el-form-item>
        <el-form-item label="位置示意图" prop="locationDiagram">
          <upimg :cmpOption="{disabled:false,isSetCover:false}" filePath="gg" inputtype="locationDiagram" :value="formInline.locationDiagram"
            @changimg="e=>changimg(e,'locationDiagram')"></upimg>
        </el-form-item>
bfa2ad53   杨鑫   最新
128
  	  
4373acf5   wesley88   1
129
130
131
132
133
134
135
136
137
138
139
140
        <el-row :gutter="20">
          <el-col :span="12">
            <el-form-item>
              <div style="margin-top: 20px">
                <el-button @click="add()" style="background-color: #3F9B6A;color: #fff;">确定</el-button>
                <el-button @click="close()" class="buttonHover"
                  style="color: #606266;border: 1px solid #DBDBDB;background-color: #fff;">取消</el-button>
              </div>
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
a182f238   wesley88   1
141
  
4373acf5   wesley88   1
142
143
144
145
    </div>
  </template>
  
  <script>
a182f238   wesley88   1
146
    import newmap from "@/components/newmap/index";
4373acf5   wesley88   1
147
148
149
150
151
152
153
154
    import MapMark from "@/components/MapContainer/MapMark";
    import upimg from "@/components/ImageUpload/index"
    import {
      uploadUrl
    } from '@/utils/request'
    import {
      miniioupload
    } from '../../api/commodityLease.js'
542e27d5   wesley88   1
155
   import { addList } from '@/api/map1.js';
1dbc0b2d   wesley88   1
156
   import wangEditor from "@/components/editor/index"
542e27d5   wesley88   1
157
158
159
160
161
   import {
      lvdaoduan,
  	parkTrails,
    gongyuan
    } from '@/api/information.js';
bfa2ad53   杨鑫   最新
162
163
164
    import {
      bannerGet,
    } from '@/api/banner';
4373acf5   wesley88   1
165
166
167
    export default {
      components: {
        upimg,
a182f238   wesley88   1
168
        MapMark,
1dbc0b2d   wesley88   1
169
170
        newmap,
        wangEditor
4373acf5   wesley88   1
171
172
173
      },
      data() {
        return {
a182f238   wesley88   1
174
175
176
177
178
179
          lat: 30.67,
          lng: 104.06,
          ontype: '线上广告位',
          typelist: [{
              name: '线上广告位',
              vaule: '线上广告位'
4373acf5   wesley88   1
180
181
            },
            {
a182f238   wesley88   1
182
183
              name: '实体广告位',
              vaule: '实体广告位'
4373acf5   wesley88   1
184
185
186
187
188
189
            },
          ],
          //地图标点的经纬度
          mapData: {},
          uploadFileUrl: uploadUrl, // 请求地址
          formInline: {
a182f238   wesley88   1
190
191
192
193
            advertisingName: '', // 广告位名称
            advertisingType: '线上广告位', // 广告位类型
            affiliation: '', // 所属端
            detailedLocation: '', // 详细位置
4373acf5   wesley88   1
194
            rotationOrder: '', // 轮播顺序
a182f238   wesley88   1
195
196
197
198
199
200
201
202
203
204
205
            dimensions: '', // 广告尺寸
            size: '', // 广告大小
            uploadFormat: '', // 上传格式
            advertisingSpaceStrategy: '', // 广告位策略
            advertisingSpaceNumber: '', // 广告位编号
            locationDiagram: '', // 位置示意图
            mapPunctuation: '', // 地图标点
            deviceType: '', // 设备类型
            equipmentSize: '', // 设备尺寸
            advertisingMaterial: '', // 广告材质
            createDate: '', // 创建时间
4373acf5   wesley88   1
206
            createUser: '', // 创建人
a182f238   wesley88   1
207
208
209
210
211
212
213
214
215
216
            // updateDate: '', // 修改时间
            // updateUser: '', // 修改人
            rentalStatus: '', // 租赁状态
            publishStatus: '', // 发布状态
            leaseExpirationDate: '', // 租赁到期时间
            contractNumber: '', // 合同编号
            advertisingNumber: null, // 广告位数量
            playDuration: null, // 播放时长
            pushAddress: '', // 推送地址
            memo: '', // 备注信息
542e27d5   wesley88   1
217
218
219
            onlineType: '' ,// 线上类型
            belongingGreenwaySection: '', // 所属绿道段
            belongingParkTrail: '', // 所属公园/步道
bfa2ad53   杨鑫   最新
220
  		  // carouselId:'',//选择租赁广告位置
4373acf5   wesley88   1
221
222
          },
          rules: {
a182f238   wesley88   1
223
            advertisingType: [{
4373acf5   wesley88   1
224
              required: true,
a182f238   wesley88   1
225
226
              message: '请选择广告类型',
              trigger: ['change']
4373acf5   wesley88   1
227
            }],
a182f238   wesley88   1
228
            advertisingName: [{
4373acf5   wesley88   1
229
              required: true,
a182f238   wesley88   1
230
231
              message: '请输入广告位名称',
              trigger: ['change']
4373acf5   wesley88   1
232
233
234
235
            }],
            affiliation: [{
              required: true,
              message: '请选择所属端',
a182f238   wesley88   1
236
              trigger: ['change']
4373acf5   wesley88   1
237
238
239
240
            }],
            rotationOrder: [{
              required: true,
              message: '请选择轮播顺序',
a182f238   wesley88   1
241
242
              trigger: ['change']
            }],
bfa2ad53   杨鑫   最新
243
244
245
246
247
  		  // carouselId:[{
  		  // 			  required: true,
  		  // 			  message: '请选择广告位位置',
  		  // 			  trigger: ['change']
  		  // }],
a182f238   wesley88   1
248
249
250
251
            locationDiagram: [{
              required: true,
              message: '请上传位置示意图',
              trigger: ['change']
4373acf5   wesley88   1
252
            }],
bfa2ad53   杨鑫   最新
253
  		  
4373acf5   wesley88   1
254
255
          },
          rulesSt: {
542e27d5   wesley88   1
256
257
258
259
260
            belongingGreenwaySection: [{
              required: true,
              message: '请填写所属绿道段',
              trigger: 'blur'
            }, ],
a182f238   wesley88   1
261
            advertisingType: [{
4373acf5   wesley88   1
262
              required: true,
a182f238   wesley88   1
263
264
              message: '请选择广告类型',
              trigger: ['change']
4373acf5   wesley88   1
265
            }],
a182f238   wesley88   1
266
            advertisingName: [{
4373acf5   wesley88   1
267
              required: true,
a182f238   wesley88   1
268
269
              message: '请输入广告位名称',
              trigger: ['change']
4373acf5   wesley88   1
270
            }],
a182f238   wesley88   1
271
            detailedLocation: [{
4373acf5   wesley88   1
272
              required: true,
c3f8e431   wesley88   1
273
              message: '请地图标点选择位置',
a182f238   wesley88   1
274
              trigger: ['change']
4373acf5   wesley88   1
275
            }],
a182f238   wesley88   1
276
            mapPunctuation: [{
4373acf5   wesley88   1
277
              required: true,
a182f238   wesley88   1
278
279
              message: '请选择地图标点',
              trigger: ['change']
4373acf5   wesley88   1
280
            }],
a182f238   wesley88   1
281
            dimensions: [{
4373acf5   wesley88   1
282
283
              required: true,
              message: '请选择广告尺寸',
a182f238   wesley88   1
284
              trigger: ['change']
4373acf5   wesley88   1
285
286
287
            }],
            advertisingMaterial: [{
              required: true,
9b392fc6   wesley88   1
288
              message: '请输入广告材质',
a182f238   wesley88   1
289
290
291
292
293
294
              trigger: ['change']
            }],
            locationDiagram: [{
              required: true,
              message: '请上传位置示意图',
              trigger: ['change']
4373acf5   wesley88   1
295
296
297
298
299
300
301
            }],
          },
          uploadFiles: [],
          filesLength: 1,
          gongyuanList: [],
          fileData: [],
          parentMessage: {},
4dac8c0b   wesley88   1
302
          edit: true,
542e27d5   wesley88   1
303
304
          iShsow:true,
          lvdaoList: [],
bfa2ad53   杨鑫   最新
305
  		bannerList:[]
4373acf5   wesley88   1
306
307
        };
      },
04473319   wesley88   1
308
309
310
311
312
313
314
315
      computed: {
        owningEndList() {
          return this.$store.state.cent.owningEndList;
        },
        rotationSequenceList() {
          return this.$store.state.cent.rotationSequenceList;
        },
      },
4373acf5   wesley88   1
316
      props: {
a182f238   wesley88   1
317
318
319
320
        type: {
          type: String,
          default: 'one'
        },
4373acf5   wesley88   1
321
322
323
324
325
326
327
328
329
330
331
332
        info: {
          type: Object,
          default: {}
        },
        leixing: {
          type: Boolean,
          default: true
        }
      },
      async created() {
        if (this.info && this.info.id) {
          this.formInline = this.info
a182f238   wesley88   1
333
334
335
          if (this.formInline.mapPunctuation) {
            this.lat = Number(this.formInline.mapPunctuation.split(',')[0])
            this.lng = Number(this.formInline.mapPunctuation.split(',')[1])
4373acf5   wesley88   1
336
337
          }
          this.ontype = this.formInline.advertisingType
a182f238   wesley88   1
338
339
340
341
          if (this.ontype == '线上广告位') {
            this.typelist = [{
              name: '线上广告位',
              vaule: '线上广告位'
4373acf5   wesley88   1
342
343
            }]
          } else {
a182f238   wesley88   1
344
345
346
            this.typelist = [{
              name: '实体广告位',
              vaule: '实体广告位'
4373acf5   wesley88   1
347
348
349
            }]
          }
        } else {
a182f238   wesley88   1
350
351
352
          if (this.leixing) {
            this.ontype = '线上广告位'
            this.formInline.advertisingType = '线上广告位'
4373acf5   wesley88   1
353
354
355
356
357
          } else {
            this.ontype = '实体广告位'
            this.formInline.advertisingType = '实体广告位'
          }
        }
542e27d5   wesley88   1
358
359
360
        const lvdao = await lvdaoduan()
  	const gongyua  = await parkTrails() 
  	  this.lvdaoList = lvdao.data.concat(gongyua.data)
bfa2ad53   杨鑫   最新
361
362
363
364
365
366
367
  	  let obj = {
  		  pageNumber: 1,
  		  pageSize: 10
  	  }
  	  const banner  = await bannerGet(obj) 
  	  this.bannerList = banner.data.content
  	  
4373acf5   wesley88   1
368
369
      },
      methods: {
a182f238   wesley88   1
370
371
372
373
        validateNumber(field, value) {
        // 使用正则表达式确保输入的是数字,并且可以包含最多两位小数
          const regex = /^\d+(\.\d{1,2})?$/;
          if (!regex.test(value)) {
9b392fc6   wesley88   1
374
            this.formInline[field] = value.replace(/[^\d.]/g, '').replace(/(\.\d{2}).*$/, '$1');
a182f238   wesley88   1
375
376
377
378
379
380
381
382
383
          }
        },
        updatecenter(e) {
          console.error('-----------', e)
          this.formInline.detailedLocation = e.address
          this.lat = e.lat
          this.lng = e.lng
        },
        changimg(e, type) {
d64cd58f   wesley88   上传验收小程序
384
385
          this.formInline[type] = e
        },
a182f238   wesley88   1
386
        changeadvertisingType(e) {
4373acf5   wesley88   1
387
          console.error(e)
4dac8c0b   wesley88   1
388
          this.iShsow = false
4373acf5   wesley88   1
389
          this.ontype = e
4dac8c0b   wesley88   1
390
391
392
393
394
          // 延迟一秒执行
          setTimeout(() => {
            this.iShsow = true
            this.$forceUpdate();
          }, 10)
4373acf5   wesley88   1
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
        },
        //获取当前时间
        updateCurrentTime() {
          const now = new Date();
          const year = now.getFullYear();
          const month = (now.getMonth() + 1).toString().padStart(2, '0');
          const day = now.getDate().toString().padStart(2, '0');
          const hours = now.getHours().toString().padStart(2, '0');
          const minutes = now.getMinutes().toString().padStart(2, '0');
          const seconds = now.getSeconds().toString().padStart(2, '0');
  
          return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
        },
        //获取地图点击的经纬度
        getChildDate(mapData) {
          this.mapData = mapData
  
        },
        lvdaoSel(vaule) {
          this.formInline.belongingParkTrail = ''
          this.gongyuan(vaule)
        },
        async gongyuan(value) {
          const gongyaun = await gongyuan()
          this.gongyuanList = gongyaun.data.filter(item => item.superior == value);
        },
        add() {
a182f238   wesley88   1
422
423
424
          if(this.lat) {
            this.formInline.mapPunctuation = this.lat + ',' + this.lng
          }
4373acf5   wesley88   1
425
426
427
428
429
          if (this.formInline.id) {
            this.$refs.formInline.validate((valid) => {
              console.log(valid)
              if (valid) {
                this.formInline.updateDate = this.updateCurrentTime()
a182f238   wesley88   1
430
                this.formInline.updateUser = localStorage.getItem('roleName')
4373acf5   wesley88   1
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
                editList(this.formInline).then(res => {
                  if (res.code == 200) {
                    this.$message({
                      message: '修改成功',
                      type: 'success'
                    })
                    this.$emit('removeonaction', '1')
                  } else {
                    this.$message({
                      message: res.msg,
                      type: 'error'
                    })
                  }
  
                })
              } else {
                this.$message({
                  message: '请填写完整信息',
                  type: 'error'
                })
                return false;
              }
  
  
            })
          } else {
            this.$refs.formInline.validate((valid) => {
              console.log(valid)
              if (valid) {
                this.formInline.createDate = this.updateCurrentTime()
a182f238   wesley88   1
461
462
463
                this.formInline.createUser = localStorage.getItem('roleName')
                if (this.ontype =='线上广告位') {
               
4373acf5   wesley88   1
464
                } else {
a182f238   wesley88   1
465
466
                 
                
4373acf5   wesley88   1
467
                }
a182f238   wesley88   1
468
                this.formInline.publishStatus = 0
4373acf5   wesley88   1
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
                addList(this.formInline).then(res => {
                  if (res.code == 200) {
                    this.$message({
                      message: '添加成功',
                      type: 'success'
                    })
                    this.$emit('removeonaction', '1')
                  } else {
                    this.$message({
                      message: res.msg,
                      type: 'error'
                    })
                  }
  
                })
              } else {
                this.$message({
                  message: '请填写完整信息',
                  type: 'error'
                })
                return false;
              }
            })
  
          }
        },
        close() {
          this.$emit('removeonaction', '1')
        },
        hefuRemove() {
          this.hefuData = []
        },
        hefuSuccess(response, file, fileList) {
          this.fileData = []
          console.error(response)
          let fd = new FormData()
          fd.append('file', response.raw)
          fd.append('filePath', 'hetong')
          miniioupload(fd).then(res => {
            console.error(res)
            const fileMsg = {
              name: response.name,
              url: res.data,
            }
            this.fileData.push(fileMsg)
          })
        },
  
  
      },
    };
  </script>
  <style lang="scss">
    .el-upload {
      display: block;
      /* text-align: left; */
    }
  
    .video-uploader {
      .el-upload {
        text-align: left;
      }
    }
  
    .el-dialog__header {
      background-color: #F2F3F5;
      text-align: left;
    }
  
    .el-dialog__title {
      line-height: 30px;
      font-size: 15px;
      color: #303133;
    }
  </style>