装备统计和对接接口
This commit is contained in:
13684185576
@ -0,0 +1,129 @@
|
||||
<template>
|
||||
<el-dialog v-model="modelValue" width="60%" custom-class="container" @close="close" :title="title" align-center>
|
||||
<MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="pageData.tableHeight"
|
||||
:key="pageData.keyCount" :tableConfiger="pageData.tableConfiger" :controlsWidth="pageData.controlsWidth">
|
||||
<template #cplx="{ row }">
|
||||
<dict-tag :options="D_BZ_HPZL" :value="row.cplx" :tag="false"></dict-tag>
|
||||
</template>
|
||||
<template #jyjtgjlb="{ row }">
|
||||
<dict-tag :options="D_JCGL_JYCL_JYJTGJLB" :value="row.jyjtgjlb" :tag="false"></dict-tag>
|
||||
</template>
|
||||
<template #jyjtytlb="{ row }">
|
||||
<dict-tag :options="D_JCGL_JYCL_JYJTYTLB" :value="row.jyjtytlb" :tag="false"></dict-tag>
|
||||
</template>
|
||||
<template #hpyslb="{ row }">
|
||||
<dict-tag :options="D_JCGL_JYCL_HPYSLB" :value="row.hpyslb" :tag="false"></dict-tag>
|
||||
</template>
|
||||
<template #sblx="{ row }">
|
||||
<dict-tag :options="D_JCGL_TCSB_SBLX" :value="row.sblx" :tag="false"></dict-tag>
|
||||
</template>
|
||||
<template #qxlx="{ row }">
|
||||
<dict-tag :options="D_JCGL_JYQX_QXLX" :value="row.qxlx" :tag="false"></dict-tag>
|
||||
</template>
|
||||
</MyTable>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { reactive, ref, watch, getCurrentInstance } from 'vue'
|
||||
import MyTable from '@/components/aboutTable/MyTable.vue'
|
||||
import Pages from "@/components/aboutTable/Pages.vue";
|
||||
import { ysSxtgetPageList } from "@/api/yszx";
|
||||
const { proxy } = getCurrentInstance();
|
||||
const {
|
||||
D_JCGL_JYCL_JYJTYTLB,
|
||||
D_BZ_HPZL,
|
||||
D_JCGL_JYCL_JYJTGJLB,
|
||||
D_JCGL_JYQX_QXLX,
|
||||
D_JCGL_JYCL_HPYSLB,
|
||||
D_JCGL_TCSB_SBLX
|
||||
} = proxy.$dict(
|
||||
"D_JCGL_JYCL_JYJTYTLB",
|
||||
"D_BZ_HPZL",
|
||||
"D_JCGL_JYCL_JYJTGJLB",
|
||||
"D_JCGL_JYQX_QXLX",
|
||||
"D_JCGL_JYCL_HPYSLB",
|
||||
"D_JCGL_TCSB_SBLX"
|
||||
);
|
||||
const props = defineProps({
|
||||
modelValue: {
|
||||
type: Boolean,
|
||||
default: false,
|
||||
},
|
||||
title: {
|
||||
type: String,
|
||||
default: '车辆信息'
|
||||
},
|
||||
data: {
|
||||
type: Array,
|
||||
default: []
|
||||
},
|
||||
type: {
|
||||
type: String,
|
||||
default: ""
|
||||
}
|
||||
})
|
||||
const emit = defineEmits(["update:modelValue", "choose"])
|
||||
const dataLsit = ref();
|
||||
const pageData = reactive({
|
||||
tableData: [], //表格数据
|
||||
keyCount: 0,
|
||||
tableHeight: 500,
|
||||
tableConfiger: {
|
||||
rowHieght: 61,
|
||||
showSelectType: "null",
|
||||
loading: false,
|
||||
haveControls: false
|
||||
},
|
||||
total: 0,
|
||||
pageConfiger: {
|
||||
pageSize: 20,
|
||||
pageCurrent: 1
|
||||
}, //分页
|
||||
controlsWidth: 180, //操作栏宽度
|
||||
tableColumn: []
|
||||
})
|
||||
watch(() => props.type, (newVal) => {
|
||||
switch (newVal) {
|
||||
case 'cl':
|
||||
pageData.tableColumn = [
|
||||
{ label: "车辆名称", prop: "clmc" },
|
||||
{ label: "号牌号码", prop: "cph", showOverflowTooltip: true },
|
||||
{ label: "号牌类型", prop: "cplx", showSolt: true },
|
||||
];
|
||||
break
|
||||
case 'zb':
|
||||
pageData.tableColumn = [
|
||||
{ label: "设备编号", prop: "sbbh" },
|
||||
{ label: "设备名称", prop: "sbmc" },
|
||||
{ label: "设备类型", prop: "sblx", showSolt: true },
|
||||
{ label: "关联GPSID", prop: "glgpsid" }
|
||||
]
|
||||
break
|
||||
case 'qx':
|
||||
pageData.tableColumn = [
|
||||
{ label: "器械名称", prop: "qxmc" },
|
||||
{ label: "器械类型", prop: "qxlx", showSolt: true },
|
||||
{ label: "数量", prop: "qxsl" },
|
||||
]
|
||||
break
|
||||
}
|
||||
})
|
||||
watch(() => props.data, (val) => {
|
||||
if (val) {
|
||||
pageData.tableData = val;
|
||||
}
|
||||
},
|
||||
{
|
||||
deep:true,immediate:true
|
||||
})
|
||||
const close = () => {
|
||||
emit("update:modelValue", false);
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.container {
|
||||
color: #000000;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,144 @@
|
||||
<template>
|
||||
<div>
|
||||
<div class="titleBox">
|
||||
<PageTitle title="装备统计">
|
||||
</PageTitle>
|
||||
</div>
|
||||
<div ref="searchBox">
|
||||
<Search :searchArr="searchConfiger" @submit="onSearch" />
|
||||
</div>
|
||||
<!-- 表格 -->
|
||||
<div class="tabBox">
|
||||
<MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="pageData.tableHeight"
|
||||
:key="pageData.keyCount" :tableConfiger="pageData.tableConfiger" :controlsWidth="pageData.controlsWidth"
|
||||
@chooseData="chooseData">
|
||||
<template #clNum="{ row }">
|
||||
<span @click="openDialogshow(row.clList,'cl')">{{ row.clNum }}</span>
|
||||
</template>
|
||||
<template #zdNum="{ row }">
|
||||
<span @click="openDialogshow(row.zdList,'zb')">{{ row.zdNum }}</span>
|
||||
</template>
|
||||
<template #qxNum="{ row }">
|
||||
<span @click="openDialogshow(row.qxlist,'qx')">{{ row.qxNum }}</span>
|
||||
</template>
|
||||
</MyTable>
|
||||
<Pages @changeNo="changeNo" @changeSize="changeSize" :tableHeight="pageData.tableHeight" :pageConfiger="{
|
||||
...pageData.pageConfiger,
|
||||
total: pageData.total
|
||||
}"></Pages>
|
||||
</div>
|
||||
<TableList v-model="clDialogShow" :data="dialogData" :type="dialogType" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import PageTitle from "@/components/aboutTable/PageTitle.vue";
|
||||
import MyTable from "@/components/aboutTable/MyTable.vue";
|
||||
import Pages from "@/components/aboutTable/Pages.vue";
|
||||
import Search from "@/components/aboutTable/Search.vue";
|
||||
import TableList from "./components/TableList.vue";
|
||||
import { qcckGet, qcckPost } from "@/api/qcckApi.js";
|
||||
import { reactive, ref, onMounted, getCurrentInstance } from "vue";
|
||||
const { proxy } = getCurrentInstance();
|
||||
const { D_BZ_RYMFJLB} = proxy.$dict( "D_BZ_RYMFJLB");
|
||||
const clDialogShow=ref(false)
|
||||
const dialogData=ref(null)
|
||||
const dialogType=ref();//打开弹窗的类型
|
||||
const searchConfiger = ref([
|
||||
{
|
||||
showType: "department",
|
||||
prop: "ssbmdm",
|
||||
placeholder: "请选择所属部门",
|
||||
label: "所属部门"
|
||||
},
|
||||
{
|
||||
label: "检查站名称",
|
||||
prop: "jczmc",
|
||||
placeholder: "请输入检查站名称",
|
||||
showType: "input"
|
||||
},
|
||||
]);
|
||||
const detailDiloag = ref();
|
||||
const queryFrom = ref({});
|
||||
const pageData = reactive({
|
||||
tableData: [], //表格数据
|
||||
keyCount: 0,
|
||||
tableConfiger: {
|
||||
rowHieght: 61,
|
||||
showSelectType: "null",
|
||||
loading: false,
|
||||
haveControls:false
|
||||
},
|
||||
total: 0,
|
||||
pageConfiger: {
|
||||
pageSize: 20,
|
||||
pageCurrent: 1
|
||||
}, //分页
|
||||
controlsWidth: 250, //操作栏宽度
|
||||
tableColumn: [
|
||||
{ label: "所属部门", prop: "ssbm" },
|
||||
{ label: "检查站名称", prop: "jczmc" },
|
||||
{ label: "车辆", prop: "clNum", showSolt: true },
|
||||
{ label: "智能装备", prop: "zdNum", showSolt: true },
|
||||
{ label: "器械", prop: "qxNum", showSolt: true }
|
||||
]
|
||||
});
|
||||
onMounted(() => {
|
||||
tabHeightFn();
|
||||
});
|
||||
|
||||
//选择类型
|
||||
|
||||
// 搜索
|
||||
const onSearch = (val) => {
|
||||
queryFrom.value = { ...val };
|
||||
pageData.pageConfiger.pageCurrent = 1;
|
||||
getjczgetXfllList();
|
||||
};
|
||||
|
||||
const changeNo = (val) => {
|
||||
pageData.pageConfiger.pageNum = val;
|
||||
getjczgetXfllList();
|
||||
};
|
||||
const changeSize = (val) => {
|
||||
pageData.pageConfiger.pageSize = val;
|
||||
getjczgetXfllList();
|
||||
};
|
||||
|
||||
// 获取列表
|
||||
const getjczgetXfllList = () => {
|
||||
pageData.tableConfiger.loading = true;
|
||||
let params = { ...queryFrom.value, pageSize: 10, pageCurrent: 1 }
|
||||
qcckGet(params, "/mosty-jcz/jcztj/jczzbtj").then((res) => {
|
||||
pageData.tableData = res.records || [];
|
||||
pageData.total = res.total;
|
||||
}).finally(() => {
|
||||
pageData.tableConfiger.loading = false;
|
||||
});
|
||||
};
|
||||
getjczgetXfllList();
|
||||
// 新增
|
||||
const addEdit = (type, row) => {
|
||||
detailDiloag.value.init(type, row);
|
||||
};
|
||||
const searchBox = ref();
|
||||
const openDialogshow=(arr,type)=>{
|
||||
dialogData.value=arr;
|
||||
dialogType.value=type;
|
||||
clDialogShow.value=true;
|
||||
}
|
||||
// 表格高度计算
|
||||
const tabHeightFn = () => {
|
||||
pageData.tableHeight =
|
||||
window.innerHeight - searchBox.value.offsetHeight - 280;
|
||||
window.onresize = function () {
|
||||
tabHeightFn();
|
||||
};
|
||||
};
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.el-loading-mask {
|
||||
background: rgba(0, 0, 0, 0.5) !important;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user