<template>
  <div class="mian_box">
    <div class="item" v-for="item in dataList" :key="item">{{ item.zdmc }}:<span
        @click="openDialog(item.dm)">{{ item.num }}</span></div>
  </div>
  <pointList v-model="pointListShow" :lxType="lxType" />
</template>
<script setup>
import pointList from "./pointList.vue";
import { qcckGet, qcckPost } from "@/api/qcckApi.js";
import { ref, onMounted, reactive } from "vue";
const lxType = ref();
const pointListShow = ref(false);
const dataList = ref([])
const openDialog = (val) => {
  if (val == '1') {
    lxType.value = 'jcz';
  } else {
    lxType.value = 'kk';
  }
  pointListShow.value = true;
};
onMounted(() => {
  getTotal()
})
const getTotal = () => {
  qcckGet({}, "/mosty-jcz/jcztj/jczZqlxtj").then(res => {
    dataList.value = res;
  })
}
</script>
<style lang="scss" scoped>
.mian_box {
  display: flex;
  justify-content: space-around;
  font-size: 24px;
  color: #fff;
  align-items: center;
  height: 100%;
}
</style>
