完善各模块的视频上传功能，显示正在上传和上传完成提示

Tcsm

2023-08-09 1a55d5008d2484e4730a5e8919cdb95e14da98d5

 ruoyi-ui/src/views/travel/index.vue

@@ -1,8 +1,8 @@
<template>
  <div class="app-container" style="opacity: 1;">
    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch">

      <el-form-item label="时间" >
      <h1 style="font-size:21px">完美旅途</h1>
      <el-form-item label="时间" prop="startTime">
        <el-date-picker
          v-model="dateRange"
          style="width: 240px;"
@@ -91,8 +91,10 @@
    <!-- 这里有个familyList数组 是在data()中定义的 -->
    <el-table v-loading="loading" :data="travelpriceList"  @selection-change="handleSelectionChange" @row-click="handleShow" :row-class-name="tableRowClassName" style="background: #FFEFF2;  border-radius: 14px 14px 14px 14px;">
      <el-table-column type="selection" width="55"  align="center" />
      <el-table-column  label="序号" sortable type="index" :index="(queryParams.pageNum-1)*queryParams.pageSize+1" width="120"/>

      <el-table-column fixed label="序号" sortable type="index" :index="(queryParams.pageNum-1)*queryParams.pageSize+1" width="40"/>
      <el-table-column label="旅游名称" prop="tableName" sortable width="100" />
      <el-table-column label="标题" prop="title" sortable width="100" />
      <el-table-column label="去向" prop="destination" sortable width="50" />
      <el-table-column label="起" prop="startTime" sortable width="100" align="center">
        <template slot-scope="scope">{{scope.row.startTime? scope.row.startTime: '————'}}</template>
      </el-table-column>
@@ -100,8 +102,9 @@
        <template slot-scope="scope">{{scope.row.endTime? scope.row.endTime: '————'}}</template>
      </el-table-column>
      <el-table-column label="总天数" prop="totalDay" sortable width="100" />
      <el-table-column label="标题" prop="title" sortable width="100" />

      <el-table-column label="旅游性质" prop="property" sortable width="100" />
      <el-table-column label="旅游方式" prop="type" sortable width="100" />
      <el-table-column label="总金额" prop="totalCost" sortable width="100" />
      <el-table-column label="餐费" prop="eat" sortable width="100" />
      <el-table-column label="住宿" prop="stay" sortable width="100" />
@@ -110,7 +113,7 @@
      <el-table-column label="购物" prop="shopping" sortable width="80" />


      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
      <el-table-column label="操作" align="center" sortable width="200" >
        <template slot-scope="scope" v-if="scope.row.roleId !== 1">

          <el-button
@@ -130,7 +133,7 @@
          <el-dropdown size="mini" @command="(command) => handleCommand(command, scope.row)" v-hasPermi="['familymodel:economy:info']">
            <el-button size="mini" type="text" icon="el-icon-d-arrow-right"  @click="handleCheck(scope.row)">查看详情</el-button>
          </el-dropdown>
          <el-button class="button" size="mini" type="text"  @click="handleShow">
          <el-button class="button" size="mini" type="text"  @click="handleShow"  v-hasPermi="['system:role:add']">
            <sapn v-html="'\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'"></sapn> </el-button>
        </template>
      </el-table-column>
@@ -183,11 +186,11 @@
        </el-form-item>

        <el-form-item label="时间" prop="happenTime">
          <el-date-picker
          <el-input
            v-model='formDat.happenTime'
            type='date'
            placeholder='选择日期'
          ></el-date-picker>
          ></el-input>
        </el-form-item>
        <el-form-item label="收入/支出" prop="price">
          <el-select v-model="formDat.price" placeholder="请选择收入/支出" clearable :style="{width: '100%'}"  >
@@ -641,8 +644,8 @@
    /** 删除按钮操作 */
    handleDelete(row) {
      const Ids = row.id || this.ids;
      this.$modal.confirm('是否确认删除序号为"' + Ids + '"的数据项？').then(function() {
        return delEconomy(Ids);
      this.$modal.confirm('是否确认删除所选数据项？').then(function() {
        return delTravelPrice(Ids);
      }).then(() => {
        this.getList();
        this.$modal.msgSuccess("删除成功");