From a6f94e157b3801235b9b2a4c0303ec56c90fc35c Mon Sep 17 00:00:00 2001
From: liufan9527 <937359084@qq.com>
Date: 星期三, 27 十一月 2024 15:46:02 +0800
Subject: [PATCH] 交互通道管理
---
se-index/src/assets/img/interactive/qy.png | 0
se-index/src/components/interactive.vue | 251 ++++++++++++++++++++++++++++++++++++++++++++++++-
se-index/src/assets/img/interactive/bj.png | 0
se-index/src/assets/img/interactive/jy.png | 0
4 files changed, 244 insertions(+), 7 deletions(-)
diff --git a/se-index/src/assets/img/interactive/bj.png b/se-index/src/assets/img/interactive/bj.png
new file mode 100644
index 0000000..a0dac4f
--- /dev/null
+++ b/se-index/src/assets/img/interactive/bj.png
Binary files differ
diff --git a/se-index/src/assets/img/interactive/jy.png b/se-index/src/assets/img/interactive/jy.png
new file mode 100644
index 0000000..b09250b
--- /dev/null
+++ b/se-index/src/assets/img/interactive/jy.png
Binary files differ
diff --git a/se-index/src/assets/img/interactive/qy.png b/se-index/src/assets/img/interactive/qy.png
new file mode 100644
index 0000000..2c94ce4
--- /dev/null
+++ b/se-index/src/assets/img/interactive/qy.png
Binary files differ
diff --git a/se-index/src/components/interactive.vue b/se-index/src/components/interactive.vue
index f79aaa0..3070221 100644
--- a/se-index/src/components/interactive.vue
+++ b/se-index/src/components/interactive.vue
@@ -10,8 +10,8 @@
{{ item }}
</div>
</div>
- <div class="right">
- <div class="select">
+ <div class="right" v-show="leftBtnName == '浜や簰杩囩▼鐩戞帶'">
+ <div class="select" style="width:1500px;">
<div class="log">
<div class="name">閫氶亾寮傚父鏃ュ織</div>
<div class="sum">1</div>
@@ -169,6 +169,144 @@
</el-pagination>
</div>
</div>
+ <div class="right" v-show="leftBtnName == '浜や簰閫氶亾绠＄悊'">
+ <div class="select" style="width:1500px;" >
+ <div class="from" style="margin-left:0;">
+ <el-form style="margin-bottom: 20px" label-width="180px">
+ <el-row style="height: 50px">
+ <el-form-item style="float: left;width:300px;" label="淇℃簮锛�">
+ <el-select
+ :popper-append-to-body="false"
+ v-model="source.value"
+ placeholder="璇烽�夋嫨"
+ >
+ <el-option
+ v-for="item in source.options"
+ :key="item.value"
+ :label="item.label"
+ :value="item.value"
+ >
+ </el-option>
+ </el-select>
+ </el-form-item>
+ <el-form-item style="float: left;width:300px;" label="淇″锛�">
+ <el-select
+ :popper-append-to-body="false"
+ v-model="destination.value"
+ placeholder="璇烽�夋嫨"
+ >
+ <el-option
+ v-for="item in destination.options"
+ :key="item.value"
+ :label="item.label"
+ :value="item.value"
+ >
+ </el-option>
+ </el-select>
+ </el-form-item>
+ </el-row>
+ </el-form>
+ </div>
+ <div class="refresh" style="margin-left:550px;">
+ <img src="../assets/img/interactive/refresh_icon.png" alt="" />
+ <div class="name">鍒锋柊</div>
+ </div>
+ <div class="call" style="margin-left:30px;">
+ <img src="../assets/img/interactive/call_icon.png" alt="" />
+ <div class="name">鎵归噺鍚姩</div>
+ </div>
+ <div class="refresh" style="margin-left:30px;">
+ <img src="../assets/img/interactive/refresh_icon.png" alt="" />
+ <div class="name">涓�閿�</div>
+ </div>
+ </div>
+ <el-table :data="tablePassageway.data" height="85%">
+ <el-table-column label="淇℃簮" width="200px">
+ <template slot-scope="scope">
+ <div>
+ {{ scope.row.source }}
+ </div>
+ </template>
+ </el-table-column>
+ <el-table-column label="淇″" width="200px">
+ <template slot-scope="scope">
+ <div>
+ {{ scope.row.destination }}
+ </div>
+ </template>
+ </el-table-column>
+ <el-table-column label="鍒涘缓鏃堕棿" width="220px">
+ <template slot-scope="scope">
+ <div>
+ {{ scope.row.time }}
+ </div>
+ </template>
+ </el-table-column>
+ <el-table-column label="鐘舵��">
+ <template>
+ <img src="../assets/img/interactive/yes.png" alt="" />
+ </template>
+ </el-table-column>
+ <el-table-column label="璇存槑" width="220px">
+ <template slot-scope="scope">
+ <div style="color:#22C707;">
+ {{ scope.row.describe }}
+ </div>
+ </template>
+ </el-table-column>
+ <el-table-column label="浼犺緭鏂瑰紡" width="220px">
+ <template slot-scope="scope">
+ <el-select
+ :popper-append-to-body="false"
+ v-model="scope.row.transfer"
+ placeholder="璇烽�夋嫨浼犺緭鏂瑰紡"
+ >
+ <el-option
+ v-for="item in destination.options"
+ :key="item.value"
+ :label="item.label"
+ :value="item.value"
+ >
+ </el-option>
+ </el-select>
+ <div>
+ {{ scope.row.transfer }}
+ </div>
+ </template>
+ </el-table-column>
+ <el-table-column label="缂栬緫">
+ <template>
+ <img src="../assets/img/interactive/bj.png" alt="" />
+ </template>
+ </el-table-column>
+ <el-table-column label="鍚敤">
+ <template>
+ <img src="../assets/img/interactive/qy.png" alt="" />
+ </template>
+ </el-table-column>
+ <el-table-column label="绂佺敤">
+ <template>
+ <img
+ src="../assets/img/interactive/jy.png"
+ alt=""
+ @click="detailsClick"
+ />
+ </template>
+ </el-table-column>
+ </el-table>
+ <div class="block">
+ <el-pagination
+ @size-change="handleSizeChange"
+ @current-change="handleCurrentChange"
+ :current-page="currentPagePassageway"
+ :page-sizes="[10, 20, 30, 40]"
+ :page-size="10"
+ layout="total, sizes, prev, pager, next, jumper"
+ :total="40"
+ >
+ </el-pagination>
+ </div>
+ </div>
</div>
</template>
@@ -299,7 +437,109 @@
}
]
},
- currentPage: 4
+ tablePassageway: {
+ data: [
+ {
+ source: "鏁版嵁绠＄悊鍒嗙郴缁�",
+ destination: "浣滄垬姒傚康寮�鍙戜笌楠岃瘉骞冲彴",
+ transmission: "娑堟伅涓棿浠�",
+ state: "",
+ describe: "http://10.64.33.87:6868",
+ transfer: "",
+ call: "",
+ abnormal: "閫氶亾鏂紑",
+ time: "2024-11-05 09:51:34",
+ healthy: "鏄�",
+ available: "鏄�",
+ details: ""
+ },
+ {
+ source: "浣滄垬姒傚康寮�鍙戜笌楠岃瘉骞冲彴",
+ destination: "鏁版嵁绠＄悊鍒嗙郴缁�",
+ transmission: "娑堟伅涓棿浠�",
+ state: "",
+ describe: "http://10.64.33.87:6868",
+ transfer: "",
+ call: "",
+ abnormal: "閫氶亾鏂紑",
+ time: "2024-11-05 09:51:34",
+ healthy: "鏄�",
+ available: "鏄�",
+ details: ""
+ },
+ {
+ source: "鏁版嵁绠＄悊鍒嗙郴缁�",
+ destination: "浣滄垬浣撶郴璁捐涓庤瘎浼板钩鍙�",
+ transmission: "娑堟伅涓棿浠�",
+ state: "",
+ describe: "http://10.64.33.87:6868",
+ transfer: "",
+ call: "",
+ abnormal: "閫氶亾鏂紑",
+ time: "2024-11-05 09:51:34",
+ healthy: "鏄�",
+ available: "鏄�",
+ details: ""
+ },
+ {
+ source: "浣滄垬浣撶郴璁捐涓庤瘎浼板钩鍙�",
+ destination: "鏁版嵁绠＄悊鍒嗙郴缁�",
+ transmission: "娑堟伅涓棿浠�",
+ state: "",
+ describe: "http://10.64.33.87:6868",
+ transfer: "",
+ call: "",
+ abnormal: "閫氶亾鏂紑",
+ time: "2024-11-05 09:51:34",
+ healthy: "鏄�",
+ available: "鏄�",
+ details: ""
+ },
+
+ ],
+ tableTh: [
+ {
+ label: "淇℃簮",
+ prop: "source"
+ },
+ {
+ label: "淇″",
+ prop: "destination"
+ },
+ {
+ label: "鍒涘缓鏃堕棿",
+ prop: "time"
+ },
+
+ {
+ label: "鐘舵��",
+ prop: "state"
+ },
+ {
+ label: "璇存槑",
+ prop: "describe"
+ },
+ {
+ label: "浼犺緭鏂瑰紡",
+ prop: "transmission"
+ },
+
+ {
+ label: "缂栬緫",
+ prop: "healthy"
+ },
+ {
+ label: "鍚敤",
+ prop: "available"
+ },
+ {
+ label: "绂佺敤",
+ prop: "details"
+ }
+ ]
+ },
+ currentPage: 1,
+ currentPagePassageway: 1
};
},
methods: {
@@ -518,10 +758,9 @@
/deep/ .el-table {
background-color: rgba(0, 0, 0, 0);
-
+
thead {
tr {
-
th {
background-color: #2d4c9e;
border-bottom: 0px;
@@ -570,6 +809,4 @@
.el-select-dropdown__item {
color: #bbb;
}
-
-
</style>
--
Gitblit v1.9.3