应用运行状态-样式修改

src/pages/workbench/yygl/deploy_app_detail.vue

@@ -172,7 +172,16 @@
                 </nor-card>
 
                 <nor-card title="服务设置" flag="true" v-show="is_current_user">
-                  <div class="addimage">多版本回滚</div>
+                  <div class="addimage">
+                    <el-select v-model="mesh_value" placeholder="请选择">
+                      <el-option
+                        v-for="item in mesh_options"
+                        :key="item.value"
+                        :label="item.label"
+                        :value="item.value">
+                      </el-option>
+                    </el-select>
+                  </div>
                   <p class="imagebox">
                     <span
                       @click="image_select = index;getImageInfo()"
@@ -301,6 +310,21 @@ export default {
   },
   data() {
     return {
+      mesh_value:0,
+      mesh_options:[
+        {
+          value:0,
+          label:'多版本回滚'
+        },
+        {
+          value:1,
+          label:'AB测试'
+        },
+        {
+          value:2,
+          label:'权重管理'
+        },
+      ],
       now_user: 0, //0：普通用户，1：组织管理员，2：超级管理员
       buy_style: 0,
       image_select: 0,
@@ -1008,6 +1032,17 @@ background-color:cyan;
 background:khaki;
 }
 
+.addimage .el-input__inner{
+  width: 110px;
+  height: 28px;
+  line-height: 28px;
+  font-size: 12px;
+  color: #707693;
+}
+.addimage .el-input__icon{
+  line-height: 28px;
+}
+
 </style>
 <style scoped>
 .info_contain >>> .apass_dialog .el-dialog__footer{
@@ -1087,19 +1122,9 @@ background:khaki;
   color: #58617a;
 }
 .addimage {
-  display: inline-block;
-  color: #f8f9fd;
-  font-size: 16px;
-  width: 124px;
-  height: 44px;
-  line-height: 44px;
-  text-align: center;
-  background-color: #0f2683;
-  border-radius: 8px;
-  margin-top: 20px;
-  margin-bottom: 30px;
-  margin-left: 40px;
-  cursor: pointer;
+  position: absolute;
+  right:20px;
+  top:-36px;
 }
 .use_know p {
   height: 44px;
@@ -1187,12 +1212,12 @@ background:khaki;
   color: #58617a;
 }
 .imagebox {
+  padding-top: 20px;
   overflow: hidden;
   margin-bottom: 20px;
   padding-left: 40px;
 }
 .imagebox span {
-  width: 165px;
   height: 34px;
   padding: 0 10px;
   line-height: 34px;