<template>
  <div class="upload-page">
    <div class="h3">传入图片，三维，点云 等文件url即可渲染</div>
    <div class="list">
      <div class="item">
        <div class="title-common">单个图片</div>
        <okay-browse url="http://172.16.20.28:9090/okdc-dev/1/4cf8aff37b0546d78df6812e00de8e8a.jpeg" resType="image" attachName="图片描述"></okay-browse>
      </div>

      <div class="item">
        <div class="title-common">三维模型</div>
        <okay-browse url="http%3A%2F%2F172.16.20.28%3A9090%2Fokdc-dev%2F7%2FA-E10_80415beebc87433c98717a4d53a7cba3%2FDGGMLSJNB.glb" resType="d3" attachName="三维模型描述"></okay-browse>
      </div>

      <div class="item">
        <div class="title-common">点云模型</div>
        <okay-browse url="http%3A%2F%2F172.16.20.28%3A9090%2Fokdc-dev%2F8%2F4dc8c9744e6c40d49eb2ea9e069bb6c8%2Fmetadata.json" resType="pointCloud" attachName="点云模型描述"></okay-browse>
      </div>

      <div class="item">
        <div class="title-common">倾斜模型</div>
        <okay-browse url="http%3A%2F%2F172.16.20.28%3A9090%2Fokdc-dev%2F9%2FA-E10%2Fresult%2Fe67c781f-0f79-435e-8246-5de566bf11a9%2FScene%2FProduction_1.json" resType="tiltModel" attachName="倾斜模型描述"></okay-browse>
      </div>

      <div class="item">
        <div class="title-common">音频</div>
        <okay-browse url="http://172.16.20.28:9090/okdc-dev/2/56f83779289040fa8f79f9c574058364.mp3" resType="audio" attachName="音频描述"></okay-browse>
      </div>

      <div class="item">
        <div class="title-common">视频</div>
        <okay-browse url="http://172.16.20.28:9090/okdc-dev/3/647fa4b9f91043d2b79557b11cfcd455.mp4" resType="video" attachName="视频描述"></okay-browse>
      </div>

      <div class="item">
        <div class="title-common">全景</div>
        <okay-browse url="" resType="panora" attachName="全景描述"></okay-browse>
      </div>

      <div class="item">
        <div class="title-common">地图文件</div>
        <okay-browse url="" resType="gis" attachName="地图文件描述"></okay-browse>
      </div>

      <div class="item">
        <div class="title-common">压缩包</div>
        <okay-browse url="" resType="compress" attachName="压缩包描述"></okay-browse>
      </div>

      <div class="item">
        <div class="title-common">其他文件</div>
        <okay-browse url="" resType="others" attachName="其他文件描述"></okay-browse>
      </div>

      <div class="item">
        <div class="title-common">批准公布文件</div>
        <okay-browse url="http://172.16.20.28:9090/okdc-dev/11/2d78310f53214cdf9e718bd3d0bccbe0.txt" resType="docs" attachName="批准公布文件描述"></okay-browse>
      </div>

      <div class="item">
        <div class="title-common">相关公布文件</div>
        <okay-browse url="http://172.16.20.28:9090/okdc-dev/11/f1ba836b82284c85a3dff259d27c41b4.pptx" resType="docs" attachName="相关公布文件描述"></okay-browse>
      </div>

      <div class="item">
        <div class="title-common">平立剖面测绘图</div>
        <okay-browse url="http://172.16.20.28:9090/okdc-dev/5/67936db6f2804603808a063ff295c101.dwg" resType="dwg" attachName="平立剖面测绘图描述"></okay-browse>
      </div>
    </div>
  </div>
</template>

<script>
import okayBrowse from '@/packages/okay-browse/index'
export default {
  components: {
    okayBrowse
  },
  data() {
    return {
      ownerType: 'A-E10' // 历史建筑
    }
  },
  created() {},
  mounted() {},
  methods: {}
}
</script>

<style lang="scss" scope>
.title-common {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 20px;
  border-left: 4px solid #2589a8;
  padding-left: 10px;
  height: 20px;
  line-height: 20px;
  position: relative;
  color: #606266;
}
.upload-page {
  .h3 {
    font-size: 20px;
    padding: 0px 0 50px 0;
  }
  .item {
    margin-bottom: 15px;
  }
}
</style>
