图片管理 视频管理 右上角个人中心 驾驶舱管理

wl

2022-11-03 b8198734a140076cd392b1ce194aa9aee2aaa0db

 src/views/operate/video/detailInterface/index.vue

@@ -3,21 +3,28 @@
    <main>
      <div class="mainContent">
        <el-form ref="user" style="width: 100%;">
          <el-form-item prop="code" label="所属事件编号" >
          <el-form-item prop="code" label="所属事件编号">
            <el-input v-model="imagedata.code"></el-input>
          </el-form-item>
          <el-form-item prop="code" label="大类名称" >
          <el-form-item prop="code" label="大类名称">
            <el-input v-model="imagedata.questionType"></el-input>
          </el-form-item>
          <el-form-item prop="code" label="小类名称" >
          <el-form-item prop="code" label="小类名称">
            <el-input v-model="imagedata.bigType"></el-input>
          </el-form-item>
          <el-form-item prop="code" label="视频Id" >
          <el-form-item prop="code" label="视频Id">
            <el-input v-model="imagedata.videoId"></el-input>
          </el-form-item>
          <el-form-item prop="code" label="上传时间" >
          <el-form-item prop="code" label="上传时间">
            <el-input v-model="imagedata.uploadTime"></el-input>
          </el-form-item>
          <el-form-item prop="code" label="视频：">
            <video id="my-video" class="video-js" controls preload="auto" width="210px" height="150px"
              :poster="imagedata.imageUrl" data-setup="{}">
              <source :src="imagedata.videoUrl" type="video/mp4" />
            </video>
          </el-form-item>

          <!-- <el-form-item v-if="updateFlag"> -->
          <!-- </el-form-item> -->
        </el-form>
@@ -25,6 +32,7 @@
    </main>
  </div>
</template>
<script src="https://vjs.zencdn.net/7.20.3/video.min.js"></script>
<script>
import { getTypeList } from "@/utils/helper";
export default {
@@ -38,7 +46,9 @@
        bigType: "违反国家有关标准编制城乡规划",
        smallType: "在居民住宅楼、未配套设立专用烟道的商住综合楼、商住综合楼内与居住层相邻的商业楼层内新建、改建、扩建产生油烟、异味、废气的餐饮服务项目",
        videoId: "1",
        uploadTime: "2022-10-31 20:20:01"
        uploadTime: "2022-10-31 20:20:01",
        imageUrl:"https://img0.baidu.com/it/u=1063261925,3306857657&fm=253&fmt=auto&app=138&f=JPEG?w=669&h=500",
          videoUrl:"http://vali-g1.cp31.ott.cibntv.net/youku/65730720cb94e7220271a3c96/0300080100632D30A3E43019FD116537F5162F-1035-48AC-BE1B-602DF0E92893.mp4?sid=166729534400010004780_00_Bda935cf9a33346c593fc27da8e694df3&sign=db39289573d143cf6e1ad8d8dff36682&ctype=50&si=183&psid=c732c4364319e7ef4685d8f1a568015941346"
      },
    }
  },
@@ -194,6 +204,7 @@
        display: flex;
        margin-top: 20px;
        justify-content: center;

        .btn {
          padding: 12px 50px;
        }