Merge branch 'master' of http://42.193.1.25:9521/r/sccg_ui

liyanqi

2022-11-01 af20e065161aeb388303d137d395725ec9dd041f

 src/views/video/index.vue

@@ -1,32 +1,113 @@
<template>
  <div>
    <el-button @click="getRegion">1111111</el-button>
  </div>
  <el-container>
    <el-aside width="200px">
      <div style="line-height: 40px;text-align: left;padding: 0 20px 0 10px;">
        <span style="color:rgb(75, 155, 183);font-weight: 500; width: 196px;">组织机构</span>
        <el-input placeholder="请输入机构"></el-input>
      </div>
      <el-tree :data="treedata" :props="defaultProps" @node-click="handleNodeClick"></el-tree>


    </el-aside>

    <el-container>
      <el-header style="display:flex;justify-content: space-between;">
        <div>
          <span style="color:rgb(75, 155, 183);font-weight: 500;text-align: left; font-size: 12px;">整体趋势</span>
        </div>
        <el-date-picker v-model="value" type="date" placeholder="选择日期">
        </el-date-picker>
      </el-header>

      <el-main>
        <video id="my-video" class="video-js" controls preload="auto" width="100%" height="100%"
          poster="MY_VIDEO_POSTER.jpg" data-setup="{}">
          <source
            src="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"
            type="video/mp4" />
          <source src="MY_VIDEO.webm" type="video/webm" />
          <p class="vjs-no-js">
            To view this video please enable JavaScript, and consider upgrading to a
            web browser that
            <a href="https://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a>
          </p>
        </video>
      </el-main>
    </el-container>
  </el-container>
</template>

<script>
export default {
  data(){
    return{

    }
  },
  methods:{
    getRegion(){
      // this.$axios.get('sccg/sccg-region/getTree').then(res=>{
      //   console.log(res);
      // })
      this.$axios({
        method:'get',
        url:'sccg/sccg-region/getTree',
      })
      .then(res=>{
        console.log(res);
      })
    }
  }
}
</script>

<style lang="scss" scoped>
</style>
.el-header {
  background-color: #09152f;
  color: #000;
  line-height: 60px;
}

::v-deep .el-aside {
  background-color: #09152f;
}

::v-deep .el-menu {
  background-color: #09152f;
}

::v-deep .el-tree-node__label {
  line-height: 30px;
  font-size: 14px;
  color: rgb(75, 155, 183);
}
</style>
<script src="https://vjs.zencdn.net/7.20.3/video.min.js"></script>
<script>
  export default {
    data() {
      return {
        treedata: [{
          label: '妙高街道',
          children: [{
            label: '东街',
            children: [{
              label: '螺蛳垵'
            }]
          }]
        }, {
          label: '云峰街道',
          children: [{
            label: '东亭',
            children: [{
              label: '隔溪'
            }]
          }, {
            label: '马头',
            children: [{
              label: '龙口'
            }]
          }]
        }, {
          label: '新路湾镇',
          children: [{
            label: '新路湾镇',
            children: [{
              label: '新路湾镇'
            }]
          }, {
            label: '新路湾镇',
            children: [{
              label: '新路湾镇'
            }]
          }]
        }],
        defaultProps: {
          children: 'children',
          label: 'label'
        },
        value:''
      };
    },
    methods: {
      handleNodeClick(data) {
        console.log(data);
      }
    }
  };
</script>