完善了一些家庭会议模块1

yz3456

2024-03-25 aa0481c047a57977d23ea2e1e2015866c9d4b201

 ruoyi-ui/src/views/meeting/replay.vue

@@ -33,7 +33,7 @@
                <div class="module">
                    <span class="span1">中秋家庭会议</span>
                    <span class="span2">2010-8-26 12:00</span>
                    <el-button class="huifang" type="primary" plain >回放</el-button>
                    <el-button class="huifang" type="primary" plain @click="show">回放</el-button>
                    <div class="tubiao"><i class="el-icon-view">10000</i></div>
                    <p class="author">发起者</p>
                </div>
@@ -42,7 +42,7 @@
                <div class="module">
                    <span class="span1">中秋家庭会议</span>
                    <span class="span2">2010-8-26 12:00</span>
                    <el-button class="huifang" type="primary" plain >回放</el-button>
                    <el-button class="huifang" type="primary" plain @click="show">回放</el-button>
                    <div class="tubiao"><i class="el-icon-view">10000</i></div>
                    <p class="author">发起者</p>
                </div>
@@ -51,7 +51,7 @@
                <div class="module">
                    <span class="span1">中秋家庭会议</span>
                    <span class="span2">2010-8-26 12:00</span>
                    <el-button class="huifang" type="primary" plain >回放</el-button>
                    <el-button class="huifang" type="primary" plain @click="show">回放</el-button>
                    <div class="tubiao"><i class="el-icon-view">10000</i></div>
                    <p class="author">发起者</p>
                </div>
@@ -60,13 +60,32 @@
                <div class="module">
                    <span class="span1">中秋家庭会议</span>
                    <span class="span2">2010-8-26 12:00</span>
                    <el-button class="huifang" type="primary" plain >回放</el-button>
                    <el-button class="huifang" type="primary" plain @click="show">回放</el-button>
                    <div class="tubiao"><i class="el-icon-view">10000</i></div>
                    <p class="author">发起者</p>
                </div>
            </el-col>
        </el-row>
        <!-- </el-form> -->

        <!-- 回访视频弹窗 -->
          <el-dialog
            :visible.sync="dialogVisible"
            width="50%"
            height="100%"
            :before-close="handleClose"
          >

          <h4>中秋家庭会议</h4>
            <el-divider />
            <video id="video" class="video" controls width="100%%" height="480" >
              <source src="../../assets/images/测试.mp4" type="video/mp4">
            </video>
<!--            <span slot="footer" class="dialog-footer">
              <el-button @click="dialogVisible = false">取 消</el-button>
            </span> -->
          </el-dialog>

    </div>
</template>
<script>
@@ -75,11 +94,19 @@
        return {
            queryParams1: [],
            vList: [],
            dialogVisible: false,

        }
    },
    methods: {

    show(){
      this.dialogVisible = true
    },
    handleClose(){
      this.dialogVisible = false;
      const video = document.getElementById("video")
      video.pause()
    }
    }
}
</script>
@@ -157,4 +184,7 @@
    bottom: 5px;
    left: 100px;
}
.video{
  object-fit: cover;
}
</style>