From df4c5ac38a1f287b7d0f48a558630cae70f6a690 Mon Sep 17 00:00:00 2001
From: lzhe <lzhe@example.com>
Date: 星期二, 07 五月 2024 21:09:17 +0800
Subject: [PATCH] 1
---
src/views/console/soam/oss-system.vue | 91 +++++++++++++++++++++++++++++++++++++++++++--
1 files changed, 87 insertions(+), 4 deletions(-)
diff --git a/src/views/console/soam/oss-system.vue b/src/views/console/soam/oss-system.vue
index f193439..98c0e7a 100644
--- a/src/views/console/soam/oss-system.vue
+++ b/src/views/console/soam/oss-system.vue
@@ -2,7 +2,7 @@
* @Author: lzhe lzhe@example.com
* @Date: 2024-03-26 10:28:33
* @LastEditors: lzhe lzhe@example.com
- * @LastEditTime: 2024-05-06 16:26:56
+ * @LastEditTime: 2024-05-07 21:09:02
* @FilePath: /smart-web/src/views/master/person/main/index.vue
* @Description: 杩欐槸榛樿璁剧疆,璇疯缃甡customMade`, 鎵撳紑koroFileHeader鏌ョ湅閰嶇疆 杩涜璁剧疆: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
@@ -146,9 +146,11 @@
<div class="title">
<img src="./logo.png" />
<span>浼佷笟寰俊</span>
+ <span class="taginfo" v-if="appType==1">宸插叧鑱�</span>
<div class="desc">CPS涓庝紒涓氬井淇″叧鑱旓紝鍗忎綔涓庢矡閫氭洿鍔犻珮鏁堛�傜粦瀹氬悗灏嗗悓姝ヤ紒涓氬井淇＄殑浜哄憳鍚嶅崟鍜岀粍缁囨灦鏋勶紝骞跺厑璁告垚鍛樹娇鐢ㄤ紒涓氬井淇¤处鍙风櫥褰�</div>
</div>
- <el-button class="btn" @click="addOss(1)">鍏宠仈</el-button>
+ <el-button class="btn" @click="addOss(1)" v-if="appType!=1" :disabled="appType != 1">鍏宠仈</el-button>
+ <el-button class="btn" @click="addOss(2)" v-if="appType==1" :disabled="appType != 1" type="danger" plain>瑙ｇ粦</el-button>
</div>
</div>
<div class="card">
@@ -156,10 +158,26 @@
<div class="title">
<img src="./logo.png"/>
<span >閽夐拤</span>
+ <span class="taginfo" v-if="appType==2">宸插叧鑱�</span>
<div class="desc">CPS涓庨拤閽夊叧鑱旓紝鍗忎綔涓庢矡閫氭洿鍔犻珮鏁堛�傜粦瀹氬悗灏嗗悓姝ラ拤閽夌殑浜哄憳鍚嶅崟鍜岀粍缁囨灦鏋勶紝骞跺厑璁告垚鍛樹娇鐢ㄩ拤閽夎处鍙风櫥褰�</div>
</div>
- <el-button class="btn" @click="addOss(2)">鍏宠仈</el-button>
+ <el-button class="btn" @click="addOss(2)" v-if="appType!=2" :disabled="appType != 2">鍏宠仈</el-button>
+ <el-button class="btn" @click="addOss(2)" v-if="appType==2" :disabled="appType != 2" type="danger" plain>瑙ｇ粦</el-button>
</div>
+ <div class="bottom">
+ <div class="info">
+ <div class="img">
+ <el-icon><Monitor /></el-icon>
+ </div>
+ <div class="info-right">
+ <div class="tag">
+ <div> 缁勭粐鏋舵瀯鍚屾</div>
+ <span>绔嬪嵆鍚屾</span>
+ </div>
+ <div class="time">涓婃鍚屾鏃堕棿锛�-</div>
+ </div>
+ </div>
+ </div>
</div>
</el-tab-pane>
</el-tabs>
@@ -178,6 +196,7 @@
name: "oss-main",
data(){
return {
+ appType: "",
dialog: {
save: false
},
@@ -228,12 +247,20 @@
this.setting(); //搴旂敤璁剧疆
this.getFile(); //浼佷笟logo
this.license(); //鎺堟潈
+ this.outer(); //鏈嶅姟闆嗘垚
},
methods: {
+ outer() {
+ this.$HTTP.get("/api/blade-sync/outer-app-config/list").then(res=> {
+ if(res.code == 200) {
+ this.appType = res.data[0].appType;
+ }
+ })
+ },
addOss(type) {
this.dialog.save = true
this.$nextTick(() => {
- this.$refs.saveDialog.open();
+ this.$refs.saveDialog.open(type);
})
},
addOssSuccess() {
@@ -586,4 +613,60 @@
right: 30px;
top: 20px;
}
+.card .top .title .taginfo {
+ color: #3b8e8e;
+ border: 1px solid #3b8e8e;
+ border-radius: 4px;
+ font-size: 14px;
+ margin-left: 10px;
+ padding: 2px 8px;
+}
+.card .bottom {
+ padding-top: 20px;
+ border-top: 1px solid #ebebeb;
+}
+.card .bottom .info {
+ border: 1px solid #ebebeb;
+ width: 378px;
+ display: flex;
+ padding: 20px;
+}
+.card .bottom .info .img {
+ background-color: #3b8e8e;
+ border-radius: 6px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+.card .bottom .info .img, .card .bottom .info img {
+ width: 46px;
+ height: 46px;
+}
+.card .bottom .info .img i {
+ font-size: 28px;
+ color: #fff;
+}
+.card .bottom .info .info-right {
+ flex: 1;
+ display: inline-block;
+ margin-left: 20px;
+}
+.card .bottom .info .info-right .tag {
+ display: flex;
+}
+.card .bottom .info .info-right .tag div {
+ flex: 1;
+ font-size: 14px;
+}
+.card .bottom .info .info-right .tag span{
+ color: #3b8e8e;
+ cursor: pointer;
+ padding: 0 !important;
+ min-height: 14px !important;
+}
+.card .bottom .info .info-right .time {
+ margin-top: 10px;
+ color: #bbb;
+ font-size: 14px;
+}
</style>
--
Gitblit v1.9.3