完善家庭会议模块2

yz3456

2024-03-26 062cafaecdd03f085ab1555b3343c36c18af491e

完善家庭会议模块2

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

@@ -2,7 +2,7 @@
  <div class="app-container" id="printable-content">
    <div class="form-header mt">
      <h1 style="font-size:21px;padding-top:30px;display: flex;justify-content: space-between;align-items: center;">
        <span>直播名字</span>
        <span>直播</span>
      </h1>
    </div>

@@ -11,15 +11,19 @@
      <el-container class="chirldContainer">
        <el-aside width="400px">
          <div class="one">1</div>
          <div class="two">2</div>
          <div class="three">3</div>
          <div class="one"></div>
          <div class="one"></div>
          <div class="one"></div>
        </el-aside>

        <el-main>
          <div></div>
          <div class="mainContent"></div>
        </el-main>
      </el-container>
      <el-footer>Footer</el-footer>
      <el-footer>
        <div class="footContent">1
        </div>
      </el-footer>
    </el-container>


@@ -157,11 +161,25 @@
</script>

<style scoped>
  .one,.two,.three{
    background-color: aqua;
    margin-bottom: 20px;
    height: 25%;
  .mainContent{
    background-color: #e3e3e3;
    width: 98%;
    height: 100%;
    border-radius: 8px;
    left: 0;
    /* margin-left: 15%; */
  }
  .footContent{
    background-color: #e3e3e3;
  }
  .one,.two,.three{
    background-color: #e3e3e3;
    margin-bottom: 20px;
    height: 30%;
    width: 90%;
    border-radius: 8px;
  }

  .homeContainer {
    height: 100%;
  }
@@ -170,34 +188,37 @@
    direction: rtl;
  }

  .el-header,
  .el-footer {
    background-color: #B3C0D1;
  .el-header,.el-footer {
    /* background-color: #B3C0D1; */
    color: #333;
    text-align: center;
    line-height: 200px;
    line-height: 150px;
    margin-top: 10px;
    margin-bottom: 50px;
    border-radius: 8px;
    height: 150px;
  }

  .el-main {
    background-color: #E9EEF3;
    /* background-color: #E9EEF3; */
    color: #333;
    text-align: center;
    line-height: 400px;
    width: 60%;
/*    line-height: 100px; */
    padding: 0;
    height: 600px;
  }

  .el-aside {
    /* background-color: #D3DCE6; */
    /* color: #333; */
    text-align: center;
    line-height: 120px;
    line-height: 200px;
    height: 600px;
    flex-direction: column;
  }

  .app-container {
    background-color: #FEF7FC;
    height: 100%;
    width: 100%;
  }

  .mt {

 ruoyi-ui/src/views/self/show.vue

@@ -292,6 +292,9 @@
          multiple
          :http-request="requestUploadm"
          :file-list="fileList"
          :on-change="handleChange1"
          :auto-upload="false"
          ref="upload"
        >
          <i slot="default" class="el-icon-plus"></i>
          <div slot="file" slot-scope="{ file }">
@@ -870,6 +873,8 @@

  data() {
    return {
        uploadFileList: [],
      uploadFileList1: [],
      // 遮罩层
      disabled: false,

@@ -955,6 +960,7 @@
     fot:['.bmp','.jpg','.jpeg','.png','.tif','.gif','.pcx','.tga','.exif','.fpx',
       '.svg','.psd','.cdr','.pcd','.dxf','.ufo','.eps','.ai','.aw','.WMF','.webp','.apng'],

      fileList1:[],
      fileList:[],
      fileListOther:[],
      dsb:true,
@@ -1159,6 +1165,42 @@

  },
  methods: {
    handleRemoveFile(file) {
      for(let i = 0; i < this.fileListOther.length; i++)
      {
        if(this.fileListOther[i].url==file.url)
    {
          this.$delete(this.fileListOther,i);
      this.$delete(this.uploadFileList1,i);
      }
      }
    },
    handleRemove(file) {
      for(let i = 0; i < this.fileList.length; i++)
      {
        if(this.fileList[i].url==file.url)
      {
          this.$delete(this.fileList,i);
             this.$delete(this.uploadFileList,i);
             }
      }
     },
    handleChange1(file, fileList1) {
       //定义一个全局数组uploadFileList来做存储

     // this.uploadFileList.push(file.raw);
      console.log("=========5555=========")
      console.log(file)
    //  console.log(this.uploadFileList)
    //  this.fileList = fileList
    //alert(file)
        this.uploadFileList.push(file.raw);
         this.fileList.push({name:file.name,url:file.url})
    //alert(fileList1.length)
    },



    // 取消按钮
    cancelData() {
    //    alert(23)