From 9f16b5c553b479ea12fe368a7ecc748872ea8b98 Mon Sep 17 00:00:00 2001
From: zxl <763096477@qq.com>
Date: 星期四, 12 六月 2025 11:11:27 +0800
Subject: [PATCH] 修改配置文件
---
web_src/src/components/MediaServerManger.vue | 96 +++++++++++++++++++++++++++++++----------------
1 files changed, 63 insertions(+), 33 deletions(-)
diff --git a/web_src/src/components/MediaServerManger.vue b/web_src/src/components/MediaServerManger.vue
old mode 100644
new mode 100755
index 19674d1..4d6b6bf
--- a/web_src/src/components/MediaServerManger.vue
+++ b/web_src/src/components/MediaServerManger.vue
@@ -1,41 +1,39 @@
<template>
- <div id="mediaServerManger">
- <el-container>
- <el-header>
- <uiHeader></uiHeader>
- </el-header>
- <el-main id="msMain">
- <div style="background-color: #FFFFFF; margin-bottom: 1rem; position: relative; padding: 0.5rem; text-align: left;">
- <span style="font-size: 1rem; font-weight: bold;">鑺傜偣鍒楄〃</span>
- </div>
- <div style="background-color: #FFFFFF; margin-bottom: 1rem; position: relative; padding: 0.5rem; text-align: left;font-size: 14px;">
- <el-button icon="el-icon-plus" size="mini" style="margin-right: 1rem;" type="primary" @click="add">娣诲姞鑺傜偣</el-button>
- </div>
+ <div id="mediaServerManger" style="width: 100%">
+ <div class="page-header">
+ <div class="page-title">鑺傜偣鍒楄〃</div>
+ <div class="page-header-btn">
+ <el-button icon="el-icon-plus" size="mini" style="margin-right: 1rem;" type="primary" @click="add">娣诲姞鑺傜偣</el-button>
+ </div>
+ </div>
- <el-row :gutter="12">
- <el-col :span="num" v-for="item in mediaServerList" :key="item.id">
- <el-card shadow="hover" :body-style="{ padding: '0px'}" class="server-card">
- <div class="card-img-zlm"></div>
- <div style="padding: 14px;text-align: left">
- <span style="font-size: 16px">{{item.id}}</span>
- <div style="margin-top: 13px; line-height: 12px; ">
- <span style="font-size: 14px; color: #999; margin-top: 5px">鍒涘缓鏃堕棿锛� {{item.createTime}}</span>
- <el-button icon="el-icon-edit" style="padding: 0;float: right;" type="text" @click="edit(item)">缂栬緫</el-button>
- </div>
- </div>
- <i v-if="item.status" class="iconfont icon-online server-card-status-online" title="鍦ㄧ嚎"></i>
- <i v-if="!item.status" class="iconfont icon-online server-card-status-offline" title="绂荤嚎"></i>
- </el-card>
- </el-col>
- </el-row>
- <mediaServerEdit ref="mediaServerEdit" ></mediaServerEdit>
- </el-main>
- </el-container>
+ <el-row :gutter="12">
+ <el-col :span="num" v-for="item in mediaServerList" :key="item.id">
+ <el-card shadow="hover" :body-style="{ padding: '0px'}" class="server-card">
+ <div v-if="item.type === 'zlm'" class="card-img-zlm"></div>
+ <div v-if="item.type === 'abl'" class="card-img-abl"></div>
+ <div style="padding: 14px;text-align: left">
+ <span style="font-size: 16px">{{item.id}}</span>
+ <el-button v-if="!item.defaultServer" icon="el-icon-edit" style="padding: 0;float: right;" type="text" @click="edit(item)">缂栬緫</el-button>
+ <el-button v-if="item.defaultServer" icon="el-icon-edit" style="padding: 0;float: right;" type="text" @click="edit(item)">鏌ョ湅</el-button>
+ <el-button v-if="!item.defaultServer" icon="el-icon-delete" style="margin-right: 10px;padding: 0;float: right;" type="text" @click="del(item)">绉婚櫎</el-button>
+ <div style="margin-top: 13px; line-height: 12px; ">
+ <span style="font-size: 14px; color: #999; margin-top: 5px; ">{{item.ip}}</span>
+ <span style="font-size: 14px; color: #999; margin-top: 5px; float: right;">{{item.createTime}}</span>
+ </div>
+ </div>
+ <i v-if="item.status" class="iconfont icon-online server-card-status-online" title="鍦ㄧ嚎"></i>
+ <i v-if="!item.status" class="iconfont icon-online server-card-status-offline" title="绂荤嚎"></i>
+ <i v-if="item.defaultServer" class="server-card-default" >榛樿</i>
+ </el-card>
+ </el-col>
+ </el-row>
+ <mediaServerEdit ref="mediaServerEdit" ></mediaServerEdit>
</div>
</template>
<script>
- import uiHeader from './UiHeader.vue'
+ import uiHeader from '../layout/UiHeader.vue'
import MediaServer from './service/MediaServer'
import mediaServerEdit from './dialog/MediaServerEdit'
export default {
@@ -88,6 +86,25 @@
edit: function (row){
this.$refs.mediaServerEdit.openDialog(row, this.initData)
},
+ del: function (row){
+ this.$confirm('纭鍒犻櫎姝よ妭鐐癸紵', '鎻愮ず', {
+ confirmButtonText: '纭畾',
+ cancelButtonText: '鍙栨秷',
+ type: 'warning'
+ }).then(() => {
+ this.mediaServerObj.delete(row.id, (data)=>{
+ if (data.code === 0) {
+ this.$message({
+ type: 'success',
+ message: '鍒犻櫎鎴愬姛!'
+ });
+ }
+ })
+
+ }).catch(() => {
+ });
+
+ },
getNumberByWidth(){
let candidateNums = [1, 2, 3, 4, 6, 8, 12, 24]
let clientWidth = window.innerWidth - 30;
@@ -106,7 +123,6 @@
}
}
- console.log("aadada: "+ resultVal)
return resultVal;
},
dateFormat: function(/** timestamp=0 **/) {
@@ -139,6 +155,13 @@
background-size: contain;
margin: 0 auto;
}
+ .card-img-abl{
+ width: 200px; height: 200px;
+ background: url('~@static/images/abl-logo.jpg') no-repeat center;
+ background-position: center;
+ background-size: contain;
+ margin: 0 auto;
+ }
.server-card-status-online{
position: absolute;
right: 20px;
@@ -153,6 +176,13 @@
color: #808080;
font-size: 18px;
}
+ .server-card-default{
+ position: absolute;
+ left: 20px;
+ top: 20px;
+ color: #808080;
+ font-size: 18px;
+ }
.server-card:hover {
border: 1px solid #adadad;
}
--
Gitblit v1.8.0