42 lines
981 B
Vue
42 lines
981 B
Vue
<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>
|