<template>
  <Search></Search>
  <div style="background-color: #f0f2f5" class="dark:bg-dark-900">
    <div class="datacenter-right">
      <div class="resource_list" id="map_list">
        <div v-for="(i, k) in list" :key="k" class="item">
          <div><img :src="i.src" alt="" srcset=""></div>
          <div class="itemLetf">
            <span>
              <h1>查询是否配置资源图层</h1>
              <b>
                <span>加入申请库</span>
                <span>查看详情</span>
              </b>
            </span>
            <p><span>描述:</span>查询是否配置资源图层查询是否配置资源图层查询是否配置资源图层查询是否配置资源图层查询是否配置资源图层</p>
            <div class="leftBut">
              <p><span>当前版本:</span><span>1.0.1</span></p>
              <p><span>调用次数:</span><span>1000</span></p>
              <p><span>发布时间:</span><span>2023-08-15 12:12:12</span></p>
              <p><span>更新时间:</span><span>2023-08-15 12:12:12</span></p>
            </div>
          </div>
        </div>
      </div>
    </div>
    <AssemblyDrawer @register="registerModal" />
  </div>
</template>
<script lang="ts">
import { defineComponent, nextTick, onMounted, ref, defineProps, watch } from 'vue';
import { BasicTable, useTable, TableAction } from '/@/components/Table';
import { columns, searchFormSchema } from './sms.data';
import { Popconfirm, Tooltip } from 'ant-design-vue';
import { Authority } from '/@/components/Authority';
import { platList, img, apply } from '/@/api/resource/plat';
import { message } from 'ant-design-vue';
// 加载自定义侧边弹出框 组件
import { useDrawer } from '/@/components/Drawer';
// 导入子页面【新增、修改】
import AssemblyDrawer from './AssemblyDrawer.vue';
import Search from './child/Search.vue';
import { session } from '/@/utils/Memory';


export default defineComponent({
  name: 'SmsLog',
  components: { BasicTable, TableAction, Authority, Search, Popconfirm, Tooltip, AssemblyDrawer },
  setup() {
    const [registerModal, { openDrawer }] = useDrawer(); //使用右侧弹出框

    const props = defineProps({
      listData: {
        type: Array,
        default: () => [],
      }
    })

    // setInterval(() => {
    //   console.log(props)
    // }, 2000)


    function handleQuery(record: Recordable) {
      console.log("11111:", record)
      openDrawer(true, {
        record,
      });
    }


    var list = [
      { src: 'http://106.12.170.138:4001/examples/img/Earth.jpg', name: '地图加载', has: false, href: "onlineIde_a1_Hello_World_01" },
      { src: 'http://106.12.170.138:4001/examples/img/Earth.jpg', name: '地图加载', has: false, href: "onlineIde_a1_Hello_World_01" },
      { src: 'http://106.12.170.138:4001/examples/img/Earth.jpg', name: '地图加载', has: false, href: "onlineIde_a1_Hello_World_01" }
    ]

    return {
      registerModal,
      list,
      handleQuery,
    };
  },
});
</script>

<style scoped>
.leftBut>p {
  display: inline-block;
  font-size: 14px;
  font-weight: normal;
  line-height: 16.38px;
  letter-spacing: 0px;
  color: #888888;
  width: 25%;
}

.leftBut>p span:last-child {
  color: #333;
}

.item b {
  font-size: 16px;
  font-weight: bold;
  display: inline-block;
  margin: 10px 0;
}

.item {
  width: 100%;
  height: 110px;
  border-radius: 4px;
  background: #FFFFFF;
  border: 1px solid #DEDEDE;
  padding: 10px;
  float: left;
  margin: 0px 20px 20px 0px;
}

.item img {
  width: 140px;
  height: 90px;
}

.item>div:first-child {
  float: left;
  width: 140px;
  height: 90px;
  overflow: hidden;
}

.item>div:last-child {
  float: left;
  width: calc(100vw - 503px);
  margin-left: 20px;
}

.itemLetf>span {
  display: block;
  height: 24px;
  line-height: 24px;
}

.itemLetf>span>h1 {
  font-size: 16px;
  font-weight: bold;
  line-height: 16px;
  color: #333333;
  float: left;
}

.itemLetf>span>b {
  float: right;
  margin: 0px;
  font-size: 14px;
  font-weight: normal;
  line-height: 16.38px;
  letter-spacing: 0px;
  color: #0671DD;
}

.itemLetf>span>b>span:first-child {
  border-right: solid 1px #999999;
  padding-right: 10px;
}

.itemLetf>span>b>span:last-child {
  padding-left: 10px;
}

.itemLetf>p {
  text-align: left;
  border-bottom: 1px solid #DEDEDE;
  padding-bottom: 10px;
}

.itemLetf>p>span {
  font-size: 14px;
  font-weight: normal;
  line-height: 16.38px;
  letter-spacing: 0px;
  color: #888888;
  margin-right: 20px;
}
</style>
