[feat](容器平台配置): 静态页面及弹窗交互

src/assets/css/index.css

@@ -711,6 +711,19 @@ border-radius:8px;
   background-color: #e1e4fb;
   border-color: #e1e4fb;
 }
+.apaas_button .el-button--info {
+  color: #fff;
+  background-color: #404a62;
+  border-color: #404a62;
+}
+.apaas_button .el-button--info:hover{
+  background-color: #5c6579;
+  border-color: #5c6579;
+}
+.apaas_button .el-button--info:active{
+  background-color: #363f53;
+  border-color: #363f53;
+}
 
 .apaas_button .el-button--danger {
   color: #fff;

src/bg-ui/bg-table.vue

@@ -20,7 +20,7 @@
     <el-table-column type="selection" :selectable="selectable" width="38" v-if="select">
       <!-- checkbox -->
     </el-table-column>
-    <el-table-column v-if="isIndex" type="index" :label="indexLabel" width="54" align="left">
+    <el-table-column v-if="isIndex" type="index" :label="indexLabel" :width="indexWidth" align="left">
       <!-- 序号 -->
     </el-table-column>
     <el-table-column
@@ -98,6 +98,10 @@ const props = defineProps({
     typr: Boolean,
     default: "",
   }, // 决定多选框是否禁用的字段
+  indexWidth: {
+    type: Number,
+    default: 54,
+  },
 });
 
 const table = ref(null);