<template>
  <div class="upload-page">
    <div class="h3">历史建筑-东莞革命烈士纪念碑 作为上传测试数据</div>
    <div class="list">
      <div class="item">
        <div class="title-common">图片-编辑状态 (最大上传8个)</div>
        <okay-upload ownerId="fdb6c1cf6b474e9bb84386bc4ac9c6e7" :ownerType="ownerType" resType="image" title="图片" des="请选择图片" maxNum="8"></okay-upload>
      </div>

      <div class="item">
        <div class="title-common">图片-预览状态</div>
        <okay-upload ownerId="fdb6c1cf6b474e9bb84386bc4ac9c6e7" :ownerType="ownerType" resType="image" title="图片" des="请选择图片" type="preview" maxNum="8"></okay-upload>
      </div>

      <div class="item">
        <div class="title-common">三维模型</div>
        <okay-upload ownerId="fdb6c1cf6b474e9bb84386bc4ac9c6e7" :ownerType="ownerType" resType="d3" title="三维模型" des="请选择三维模型"></okay-upload>
      </div>

      <div class="item">
        <div class="title-common">点云模型</div>
        <okay-upload ownerId="fdb6c1cf6b474e9bb84386bc4ac9c6e7" :ownerType="ownerType" resType="pointCloud" title="点云模型" des="请选择点云模型"></okay-upload>
      </div>

      <div class="item">
        <div class="title-common">倾斜模型</div>
        <okay-upload ownerId="fdb6c1cf6b474e9bb84386bc4ac9c6e7" :ownerType="ownerType" resType="tiltModel" title="倾斜模型" des="请选择倾斜模型"></okay-upload>
      </div>

      <div class="item">
        <div class="title-common">音频</div>
        <okay-upload ownerId="fdb6c1cf6b474e9bb84386bc4ac9c6e7" :ownerType="ownerType" resType="audio" title="音频" des="请选择音频"></okay-upload>
      </div>

      <div class="item">
        <div class="title-common">视频</div>
        <okay-upload ownerId="fdb6c1cf6b474e9bb84386bc4ac9c6e7" :ownerType="ownerType" resType="video" title="视频" des="请选择视频"></okay-upload>
      </div>

      <div class="item">
        <div class="title-common">全景</div>
        <okay-upload ownerId="fdb6c1cf6b474e9bb84386bc4ac9c6e7" :ownerType="ownerType" resType="panora" title="全景" des="请选择全景"></okay-upload>
      </div>

      <div class="item">
        <div class="title-common">地图文件</div>
        <okay-upload ownerId="fdb6c1cf6b474e9bb84386bc4ac9c6e7" :ownerType="ownerType" resType="gis" title="地图文件" des="请选择地图文件"></okay-upload>
      </div>

      <div class="item">
        <div class="title-common">压缩包</div>
        <okay-upload ownerId="fdb6c1cf6b474e9bb84386bc4ac9c6e7" :ownerType="ownerType" resType="compress" title="压缩包" des="请选择压缩包"></okay-upload>
      </div>

      <div class="item">
        <div class="title-common">其他文件</div>
        <okay-upload ownerId="fdb6c1cf6b474e9bb84386bc4ac9c6e7" :ownerType="ownerType" resType="others" title="其他文件" des="请选择其他文件"></okay-upload>
      </div>

      <div class="item">
        <div class="title-common">批准公布文件</div>
        <okay-upload ownerId="fdb6c1cf6b474e9bb84386bc4ac9c6e7" :ownerType="ownerType" resType="docs" :useType="1" title="批准公布文件" des="请选择批准公布文件"></okay-upload>
      </div>

      <div class="item">
        <div class="title-common">相关公布文件</div>
        <okay-upload ownerId="fdb6c1cf6b474e9bb84386bc4ac9c6e7" :ownerType="ownerType" resType="docs" :useType="4" title="相关公布文件" des="请选择相关公布文件"></okay-upload>
      </div>

      <div class="item">
        <div class="title-common">平立剖面测绘图</div>
        <okay-upload ownerId="fdb6c1cf6b474e9bb84386bc4ac9c6e7" :ownerType="ownerType" resType="dwg" title="平立剖面测绘图" des="请选择平立剖面测绘图"></okay-upload>
      </div>
    </div>
  </div>
</template>

<script>
import okayUpload from '@/packages/okay-upload/index'
export default {
  components: {
    okayUpload
  },
  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>
