修改样式

src/pages/workbench/fwgl/serviceDetail.vue

@@ -106,12 +106,13 @@
                   :key="item.value"
                   :label="item.label"
                   :value="item.value+','+item.able">
-                  <span :style="{display:'inline-block',marginRight:'8px',width:'8px',height:'8px',borderRadius:'4px',backgroundColor:item.able?'#25bdb1':'#e15260',}"></span>
+                  <span v-if="!item.able" :style="{display:'inline-block',marginRight:'8px',width:'36px',height:'18px',marginLeft:'-10px',borderRadius:'4px',backgroundColor:'#e15260',lineHeight:'18px',textAlign:'center'}">故障</span>
+                  <span v-else :style="{display:'inline-block',marginRight:'8px',width:'36px',height:'18px',borderRadius:'4px',marginLeft:'-10px',}"></span>
                   {{item.label}}
                 </el-option>
               </el-select>
             </div>
-            <div :style="process_in_up?{backgroundColor:'#f8f9fd',padding:'20px',marginBottom:'30px'}:''">
+            <div>
               <div class="service_title_card">
                 <nor-card title="服务状态" class="service_card">
                   <template>
@@ -283,7 +284,7 @@ export default {
   data() {
     return {
       now_user: 0, //0：普通用户，1：组织管理员，2：超级管理员
-      process_in_up:false,//是否是服务注册产生的
+      process_in_up:true,//是否是服务注册产生的
       perception_in:false,//是否是感知服务
       buy_style: [1],
       listTotal: 0,
@@ -997,15 +998,15 @@ export default {
       const svgDom = document.createElement('span'); // ('<svg-icon ref="iconRef" icon-class="' + val + '" style="float: left;width: 3%;height: 30px;border: 1px solid #dcdfe6;border-right:none;" />');
       svgDom.setAttribute('class', 'el-input__prefix');
       if(val.split(',')[1]=='true'){
-        svgDom.innerHTML = '<span class="el-input__prefix-inner" style="margin-top:15px;margin-left:10px;display:inline-block;width:8px;height:8px;border-radius:4px;background-color:rgb(37, 189, 177);"></span>';
+        svgDom.innerHTML = '<span class="el-input__prefix-inner" style="margin-top:15px;margin-left:10px;display:inline-block;width:0px;height:18px;border-radius:4px;"></span>';
       }else{
-        svgDom.innerHTML = '<span class="el-input__prefix-inner" style="margin-top:15px;margin-left:10px;display:inline-block;width:8px;height:8px;border-radius:4px;background-color:rgb(225, 82, 96);"></span>';
+        svgDom.innerHTML = '<span class="el-input__prefix-inner" style="margin-top:10px;margin-left:10px;display:inline-block;width:36px;color:#fff;height:18px;border-radius:4px;background-color:#e15260;">故障</span>';
       }
       // 将创建的标签添加到父节点(第二层div)
       dom.children[0].appendChild(svgDom);
       // 得到el-select中的input标签
       const inputDom = dom.children[0].children[0];
-      inputDom.setAttribute('style', 'padding-left: 30px;');
+      inputDom.setAttribute('style', 'padding-left: 60px;');
       // 将添加的标签放到input前面
       dom.children[0].insertBefore(svgDom, inputDom);
     },