CargoOwner_WebApp/src/views/tenderManage/tenderConsole.vue

<template>
  <div class="map-main-container df">
    <AMapContainer class="map-container"></AMapContainer>
    <div class="right-bar tac df fdc jcsa">
      <div>2024年4月</div>
      <div>数据展示</div>
      <div>
        <el-button
          type="primary"
          @click="router.push('/tenderManage/inviteTender')"
        >
          发起新招标
        </el-button>
      </div>
    </div>
  </div>
  <el-divider class="mt20 mb20"></el-divider>
  <div class="data ml20">
    <div class="t20 mb10">江运招标</div>
    <TenderTable ref="tableRef" class="mb30" :transType="1" :status="1">
      <el-table-column label="操作">
        <template #default="{ row }">
          <el-button
            size="small"
            type="primary"
            @click="router.push(`/tenderManage/tenderDetail?id=${row.id}`)"
          >
            详情
          </el-button>
        </template>
      </el-table-column>
    </TenderTable>
    <div class="t20 mb10">海运招标</div>
    <TenderTable ref="tableRef" class="mb30" :transType="2" :status="1">
      <el-table-column label="操作">
        <template #default="{ row }">
          <el-button
            size="small"
            type="primary"
            @click="router.push(`/tenderManage/tenderDetail?id=${row.id}`)"
          >
            详情
          </el-button>
        </template>
      </el-table-column>
    </TenderTable>
  </div>
</template>

<script setup>
import api from "../../apis/fetch";
import store from "../../store";
import router from "../../router";
import { ref, onMounted, reactive, computed } from "vue";
import { ElNotification, ElMessageBox } from "element-plus";
import { mapGetters } from "vuex";
import { useRoute } from "vue-router";

const route = useRoute();
async function getShipPoints() {
  let { data } = await api.getShipPoints({});
  console.log(data);
}
onMounted(() => {
  getShipPoints();
});
</script>
<style scoped>
.map-main-container {
  height: 600px;
}
.map {
  width: 100%;
  height: 600px;
}

.right-bar {
  width: 300px;
  border: 1px solid #ddd;
}
.map-container {
  width: 100%;
}
</style>