调整样式

src/view/memberGroup/memberGroupEdit.vue

@@ -35,9 +35,9 @@
               <el-date-picker v-model="ruleForm.effectiveDateTmp" type="date" value-format="yyyy-MM-dd HH:mm:ss" :picker-options="pickerOptions">
               </el-date-picker>
             </el-form-item>
-            <el-form-item label="" prop="describle" class="w-548">
+            <el-form-item label="" prop="describle" class="w-427">
               <div>分组描述</div>
-              <el-input class="w-548" type="textarea" v-model="ruleForm.describle" :maxlength="200" style="height: 96px;"> </el-input>
+              <el-input class="w-427" type="textarea" v-model="ruleForm.describle" :maxlength="200" style="height: 96px;"> </el-input>
               <label class="input-label textarea-label">{{ ruleForm.describle.length }}/200</label>
             </el-form-item>
             <el-form-item label="" prop="updateDay" v-show="ruleForm.isActive == 0">

src/view/memberGroup/tags-group-list.vue

@@ -17,7 +17,7 @@
       @checkTagsGroup="checkTagsGroup"
       @dragTag="dragTag"
     />
-    <el-button class="m-t-10 w-384 el-icon-plus color-blue add-group-btn" v-show="selectedTagsData.length < 3" @click="addTagsGroup">
+    <el-button class="m-t-10 w-427 el-icon-plus color-blue add-group-btn" v-show="selectedTagsData.length < 3" @click="addTagsGroup">
       &nbsp;&nbsp;添加
     </el-button>
   </div>

src/view/memberGroup/tags-group.vue

 <template>
-  <div class="w-384 border-box">
+  <div class="w-427 border-box">
     <div :class="['tags-group', { 'tags-group--active': active }]" @click="checkTagsGroup">
       <!--右上角的下拉菜单-->
       <el-dropdown class="tags-group__dropdown" placement="bottom-end">
@@ -175,11 +175,13 @@ export default {
   }
 
   .tags-group__tag {
+    position: relative;
     display: inline-block;
     vertical-align: top;
-    padding: 6px 10px;
+    padding: 6px 40px 6px 10px;
     margin-right: 8px;
     margin-bottom: 8px;
+    max-width: 100%;
     background: #f3f6f9;
     border-radius: 2px;
     font-size: 14px;
@@ -209,16 +211,26 @@ export default {
     }
 
     i {
+      position: absolute;
+      top: 0;
+      z-index: 1;
+      display: flex;
+      align-items: center;
+      padding: 0 2px;
+      height: 100%;
       color: #999;
       cursor: pointer;
-      padding-left: 10px;
     }
     i.edit {
+      right: 18px;
       color: #c0c4cc;
     }
+    i.el-icon-error {
+      right: 0;
+    }
 
     .tags-group__tag-name {
-      max-width: 170px;
+      max-width: 180px;
       white-space: nowrap;
       overflow: hidden;
       text-overflow: ellipsis;

src/view/platformTag/member-tag.vue

@@ -80,7 +80,7 @@
             />
             <div class="form-item" :class="{ 'margin-60': marginSixty }">
               <label for="">分组名称</label>
-              <el-input v-model="tagConfig.groupName" :maxlength="10" style="width: 200px;" placeholder="请输入内容"></el-input>
+              <el-input v-model="tagConfig.groupName" :maxlength="10" class="w-220" placeholder="请输入内容"></el-input>
               <span class="groupName-txt">{{ tagConfig.groupName.length }}/10</span>
             </div>
             <div class="form-item" :class="{ 'margin-60': marginSixty }">
@@ -90,11 +90,11 @@
                   <i class="form-tip-icon">i</i>
                 </el-tooltip>
               </label>
-              <el-date-picker v-model="tagConfig.date" :picker-options="pickerOptions" value-format="yyyy-MM-dd HH:mm:ss" type="date" placeholder="选择日期"> </el-date-picker>
+              <el-date-picker class="w-220" v-model="tagConfig.date" :picker-options="pickerOptions" value-format="yyyy-MM-dd HH:mm:ss" type="date" placeholder="选择日期"> </el-date-picker>
             </div>
             <div class="form-item" :class="{ 'margin-60': marginSixty }">
               <label for="">分组描述</label>
-              <el-input type="textarea" v-model="tagConfig.textarea" :maxlength="200" style="width: 300px;" placeholder="请输入内容"></el-input>
+              <el-input type="textarea" v-model="tagConfig.textarea" :maxlength="200" class="w-427" placeholder="请输入内容"></el-input>
               <span class="textarea-txt">{{ tagConfig.textarea.length }}/200</span>
             </div>
             <div class="form-item" v-show="tagConfig.isRealTime == 0" :class="{ 'margin-60': marginSixty }">