调整样式

src/view/memberGroup/edit-tag.css

+.edit-tag {
+  border-radius: 4px;
+}

src/view/memberGroup/edit-tag.vue

 <template>
   <div>
     <!-- 添加标签、编辑标签 -->
-    <el-dialog :title="title" :visible.sync="showEditTagPop" width="600px" :before-close="handleClose" :close-on-click-modal="false" append-to-body>
+    <el-dialog :title="title" :visible.sync="showEditTagPop" width="600px" :before-close="handleClose" custom-class="edit-tag" :close-on-click-modal="false" append-to-body>
       <div class="dialog-box">
-        <p class="tag-name">
-          {{ tagDataAssgin.tagName }}
-          <span class="tag-flag">{{ tagDataAssgin.isActive == 1 ? '实时' : '非实时' }}</span>
-        </p>
-        <p class="tag-desc">{{ tagDataAssgin.tagDescribe }}</p>
-        <p v-if="tagId" class="m-t-20 m-b-20">标签值设置</p>
+        <div class="tag-info">
+          <p class="tag-name">
+            {{ tagDataAssgin.tagName }}
+            <span class="tag-flag">{{ tagDataAssgin.isActive == 1 ? '实时' : '非实时' }}</span>
+          </p>
+          <p class="tag-desc">{{ tagDataAssgin.tagDescribe }}</p>
+        </div>
+        <p v-if="tagId" class="m-t-20 m-b-20 tag-config">标签值设置</p>
         <!-- 所有标签的配置项 -->
         <tag-config-options v-if="isAddFlag" :tagId="tagDataAssgin.tagId" ref="tagConfig" :templateDataList="templateObj" @returnTagData="returnTagData"></tag-config-options>
       </div>
@@ -21,6 +23,7 @@
 </template>
 
 <script>
+import './edit-tag.css';
 import TagConfigOptions from '@/components/tag/tag-config-options';
 // import tagDetails from '@/components/tagDetail/mixin/index';
 
@@ -93,31 +96,38 @@ export default {
 
 <style lang="less" scoped>
 .dialog-box {
-  .tag-name {
-    vertical-align: middle;
-    display: inline-block;
-    margin-bottom: 10px;
-    font-weight: 600;
-    .tag-flag {
-      margin-left: 6px;
-      padding: 3px 10px;
-      font-size: 12px;
-      border-top-right-radius: 5px;
-      border-bottom-left-radius: 5px;
-      background-color: #1890ff;
-      color: #fff;
+  .tag-info {
+    padding-bottom: 10px;
+    border-bottom: 1px solid #dcdfe6;
+    .tag-name {
+      vertical-align: middle;
+      display: inline-block;
+      margin-bottom: 5px;
+      font-weight: 600;
+      .tag-flag {
+        margin-left: 6px;
+        padding: 3px 10px;
+        font-size: 12px;
+        border-top-right-radius: 5px;
+        border-bottom-left-radius: 5px;
+        background-color: #1890ff;
+        color: #fff;
+      }
+    }
+    .icon-tag-name {
+      display: inline-block;
+      vertical-align: middle;
+      cursor: pointer;
+    }
+    .tag-desc {
+      margin-top: 5px;
+      font-size: 14px;
+      color: #606266;
     }
   }
-  .icon-tag-name {
-    display: inline-block;
-    vertical-align: middle;
-    cursor: pointer;
-  }
-  .tag-desc {
+  .tag-config {
     font-size: 14px;
-    line-height: 26px;
     color: #606266;
-    border-bottom: 1px solid #dcdfe6;
   }
   .tag-value {
     margin-top: 10px;