From 75f043dfa6660716364e66ee0b3cf99f44255686 Mon Sep 17 00:00:00 2001
From: DYL0109 <dn18191638832@163.com>
Date: 星期三, 16 四月 2025 19:20:36 +0800
Subject: [PATCH] Merge remote-tracking branch 'origin/develop1.0' into dyl_dev
---
zhitan-vue/src/views/businessconfiguration/gatewayledger/gatewayLedger.vue | 196 +++++++++++++++++++++++++-----------------------
1 files changed, 102 insertions(+), 94 deletions(-)
diff --git a/zhitan-vue/src/views/businessconfiguration/gatewayledger/gatewayLedger.vue b/zhitan-vue/src/views/businessconfiguration/gatewayledger/gatewayLedger.vue
index 1cdeb7f..b11dd9d 100644
--- a/zhitan-vue/src/views/businessconfiguration/gatewayledger/gatewayLedger.vue
+++ b/zhitan-vue/src/views/businessconfiguration/gatewayledger/gatewayLedger.vue
@@ -1,131 +1,139 @@
<template>
- <div class="page">
- <div class="form-card">
- <el-form :inline="true">
- <el-form-item label="缃戝叧鏁伴噺:" class="header-box">
- {{ total }}
- </el-form-item>
- <el-form-item label="璁￠噺鍣ㄥ叿鏁伴噺:" class="header-box">
- {{ statistics.deviceNum }}
- </el-form-item>
- <el-form-item label="娴嬬偣鏁伴噺:" class="header-box">
- {{ statistics.ptNum }}
- </el-form-item>
- </el-form>
+ <div class="page">
+ <div class="form-card">
+ <el-form :inline="true">
+ <el-form-item label="缃戝叧鏁伴噺:" class="header-box">
+ <span class="count">{{ total || 0 }}</span>
+ </el-form-item>
+ <el-form-item label="璁￠噺鍣ㄥ叿鏁伴噺:" class="header-box">
+ <span class="count">{{ deviceNum || 0 }}</span>
+ </el-form-item>
+ <el-form-item label="娴嬬偣鏁伴噺:" class="header-box">
+ <span class="count">{{ ptNum || 0 }}</span>
+ </el-form-item>
+ <div class="mb20 ml20 mr20" style="float: right">
+ <el-button type="primary" icon="plus" @click="handleAdd">鏂板</el-button>
+ <el-button type="primary" icon="Download" @click="handleExport">瀵煎嚭</el-button>
</div>
- <div class="table-box">
- <div class="mt20 mb20">
- <el-button type="primary" icon="plus" @click="handleAdd">鏂板</el-button>
- <el-button type="primary" icon="Download" @click="handleExport">瀵煎嚭</el-button>
- </div>
- <el-table :data="tableData" v-loading="loading">
- <el-table-column prop="gatewayNum" label="缃戝叧缂栧彿" show-overflow-tooltip align="center" />
- <el-table-column prop="gatewayName" label="缃戝叧鍚嶇О" show-overflow-tooltip align="center" />
- <el-table-column prop="specsModel" label="瑙勬牸鍨嬪彿" show-overflow-tooltip align="center" />
- <el-table-column prop="installLocation" label="瀹夎浣嶇疆" show-overflow-tooltip align="center" />
- <el-table-column prop="ipAdd" label="IP鍦板潃" show-overflow-tooltip align="center" />
- <el-table-column prop="runStatus" label="杩愯鐘舵��" show-overflow-tooltip align="center" />
- <el-table-column prop="deviceNum" label="璁￠噺鍣ㄥ叿鏁伴噺" show-overflow-tooltip align="center" />
- <el-table-column prop="ptNum" label="閲囬泦娴嬬偣鏁伴噺" show-overflow-tooltip align="center" />
- <el-table-column label="鎿嶄綔" width="300" align="center">
- <template #default="scope">
- <el-button link type="primary" icon="Edit" @click="handleAdd(scope.row)">
- 淇敼
- </el-button>
- <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)">
- 鍒犻櫎
- </el-button>
- </template>
- </el-table-column>
- </el-table>
- <pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum"
- v-model:limit="queryParams.pageSize" @pagination="getList" />
- </div>
- <edit-modal ref="EditModalRef" @getList="getList(1)" />
+ </el-form>
</div>
+ <div class="table-bg-style">
+ <div class="table-box">
+ <el-table :data="tableData" v-loading="loading">
+ <el-table-column prop="gatewayNum" label="缃戝叧缂栧彿" show-overflow-tooltip align="center" />
+ <el-table-column prop="gatewayName" label="缃戝叧鍚嶇О" show-overflow-tooltip align="center" />
+ <el-table-column prop="specsModel" label="瑙勬牸鍨嬪彿" show-overflow-tooltip align="center" />
+ <el-table-column prop="installLocation" label="瀹夎浣嶇疆" show-overflow-tooltip align="center" />
+ <el-table-column prop="ipAdd" label="IP鍦板潃" show-overflow-tooltip align="center" />
+ <el-table-column prop="runStatus" label="杩愯鐘舵��" show-overflow-tooltip align="center" />
+ <el-table-column prop="deviceNum" label="璁￠噺鍣ㄥ叿鏁伴噺" show-overflow-tooltip align="center" />
+ <el-table-column prop="ptNum" label="閲囬泦娴嬬偣鏁伴噺" show-overflow-tooltip align="center" />
+ <el-table-column label="鎿嶄綔" width="300" align="center">
+ <template #default="scope">
+ <el-button link type="primary" icon="Edit" @click="handleAdd(scope.row)"> 淇敼 </el-button>
+ <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)"> 鍒犻櫎 </el-button>
+ </template>
+ </el-table-column>
+ </el-table>
+ <pagination
+ v-show="total > 0"
+ :total="total"
+ v-model:page="queryParams.pageNum"
+ v-model:limit="queryParams.pageSize"
+ @pagination="getList"
+ />
+ </div>
+ </div>
+
+ <edit-modal ref="EditModalRef" @getList="getList(1)" />
+ </div>
</template>
<script setup>
-import EditModal from './components/EditModal.vue'
-import { gatewayStatistics, gatewayList, gatewayDel } from "@/api/businessConfiguration/gatewayLedger";
+import EditModal from "./components/EditModal.vue"
+import { gatewayStatistics, gatewayList, gatewayDel } from "@/api/businessConfiguration/gatewayLedger"
let { proxy } = getCurrentInstance()
let statistics = ref({
- deviceNum: 0,
- ptNum: 0
+ deviceNum: 0,
+ ptNum: 0,
})
function getGatewayStatisticsFun() {
- gatewayStatistics().then(res => {
- if (res.code == 200) {
- if (res.data) {
- statistics.value = res.data
- }
- }
- })
+ gatewayStatistics().then((res) => {
+ if (res.code == 200) {
+ if (res.data) {
+ statistics.value = res.data
+ }
+ }
+ })
}
getGatewayStatisticsFun()
-
-let loading = ref(false);
-let total = ref(0);
+let loading = ref(false)
+let total = ref(0)
let tableData = ref([])
let queryParams = ref({
- pageNum: 1,
- pageSize: 10,
+ pageNum: 1,
+ pageSize: 10,
})
function getList(arg) {
- if (arg == 1) {
- queryParams.value.pageNum = 1
- }
- loading.value = true
- gatewayList(queryParams.value).then(res => {
- tableData.value = res.rows
- total.value = res.total
- loading.value = false
- })
+ if (arg == 1) {
+ queryParams.value.pageNum = 1
+ }
+ loading.value = true
+ gatewayList(queryParams.value).then((res) => {
+ tableData.value = res.rows
+ total.value = res.total
+ loading.value = false
+ })
}
getList()
function handleExport() {
- proxy.download(
- "gatewaySetting/export",
- queryParams.value,
- `缃戝叧鍙拌处${new Date().getTime()}.xlsx`
- );
+ proxy.download("gatewaySetting/export", queryParams.value, `缃戝叧鍙拌处${new Date().getTime()}.xlsx`)
}
-let EditModalRef = ref('')
+let EditModalRef = ref("")
function handleAdd(row) {
- if (EditModalRef.value) {
- EditModalRef.value.handleOpen(row)
- }
-
+ if (EditModalRef.value) {
+ EditModalRef.value.handleOpen(row)
+ }
}
function handleDelete(row) {
- proxy.$modal
- .confirm('鏄惁纭鍒犻櫎缃戝叧涓�"' + row.gatewayName + '"鐨勬暟鎹」锛�')
- .then(function () {
- return gatewayDel(row.id);
- })
- .then(() => {
- getList(1);
- proxy.$modal.msgSuccess("鍒犻櫎鎴愬姛");
- })
- .catch(() => { });
+ proxy.$modal
+ .confirm('鏄惁纭鍒犻櫎缃戝叧涓�"' + row.gatewayName + '"鐨勬暟鎹」锛�')
+ .then(function () {
+ return gatewayDel(row.id)
+ })
+ .then(() => {
+ getList(1)
+ proxy.$modal.msgSuccess("鍒犻櫎鎴愬姛")
+ })
+ .catch(() => {})
}
</script>
<style lang="scss" scoped>
@import "@/assets/styles/page.scss";
-
.header-box {
- :deep .el-form-item__content {
- color: #fff;
- font-size: 16px;
- }
-
+ :deep .el-form-item__content {
+ color: #fff;
+ font-size: 16px;
+ }
}
-</style>
\ No newline at end of file
+
+.themeDark {
+ .count {
+ color: #fff;
+ }
+}
+
+.themeLight {
+ .count {
+ color: #333;
+ }
+}
+</style>
--
Gitblit v1.9.3