调整样式

src/view/manualTag/manual-tag-value-edit.vue

@@ -7,62 +7,61 @@
 
         <div class="tag-value-wrapper">
           <el-table :data="tagValTableData">
-              <el-table-column width="50" class-name="tag-cell" label-class-name="tag-head"><!-- 占位用 --></el-table-column>
-              <el-table-column label="标签值" prop="tagItemName" min-width="200" class-name="tag-cell" label-class-name="tag-head"></el-table-column>
-              <el-table-column label="操作" min-width="100" class-name="tag-cell" label-class-name="tag-head">
-                <template slot-scope="scope">
-                  <!-- 正在上传中 -->
-                  <div v-if="scope.row.status === 4 || scope.row.status === 6" class="uploading">
-                    <span>正在上传</span>
-                    <span class="uploading-progress">
-                    <el-progress
-                      :percentage="scope.row.percent">
-                    </el-progress>
-                  </span>
-                  </div>
-                  <!-- 初始状态和导入完成状态 -->
-                  <template v-else>
-                    <el-button type="text" size="small" class="m-r-20" :disabled="scope.row.status === 5" @click="showImportPop(scope.$index, scope.row)">
-                      导入会员
-                    </el-button>
-                    <span class="upload-state" v-if="uploadedTag.includes(scope.row.tagItemId) || scope.row.errorCount > 0">
-                      <!-- 导入完成 -->
-                      <span v-show="uploadedTag.includes(scope.row.tagItemId)" class="uploading-succ">
-                        上传完成
-                      </span>
-                      <span v-show="scope.row.errorCount > 0" class="download-failed">
-                        <span :class="['download-failed-btn', {disabled: scope.row.status === 5}]" @click="downloadErrorData(scope.row)">点击下载</span>
-                        失败会员清单
-                      </span>
+            <el-table-column width="50" class-name="tag-cell" label-class-name="tag-head"><!-- 占位用 --></el-table-column>
+            <el-table-column label="标签值" prop="tagItemName" min-width="200" class-name="tag-cell" label-class-name="tag-head"></el-table-column>
+            <el-table-column label="操作" min-width="100" class-name="tag-cell" label-class-name="tag-head">
+              <template slot-scope="scope">
+                <!-- 正在上传中 -->
+                <div v-if="scope.row.status === 4 || scope.row.status === 6" class="uploading">
+                  <span>正在上传</span>
+                  <span class="uploading-progress">
+                  <el-progress
+                    :percentage="scope.row.percent">
+                  </el-progress>
+                </span>
+                </div>
+                <!-- 初始状态和导入完成状态 -->
+                <template v-else>
+                  <el-button type="text" size="small" class="m-r-20" :disabled="scope.row.status === 5" @click="showImportPop(scope.$index, scope.row)">
+                    导入会员
+                  </el-button>
+                  <span class="upload-state" v-if="uploadedTag.includes(scope.row.tagItemId) || scope.row.errorCount > 0">
+                    <!-- 导入完成 -->
+                    <span v-show="uploadedTag.includes(scope.row.tagItemId)" class="uploading-succ">
+                      上传完成
                     </span>
+                    <span v-show="scope.row.errorCount > 0" class="download-failed">
+                      <span :class="['download-failed-btn', {disabled: scope.row.status === 5}]" @click="downloadErrorData(scope.row)">点击下载</span>
+                      失败会员清单
+                    </span>
+                  </span>
 
-                    <!-- 删除中的状态 -->
-                    <template v-if="scope.row.status === 5">
-                      <span class="color-c0c4cc">删除中...</span>
-                    </template>
-                    <!-- 删除的初始状态 -->
-                    <template v-else>
-                      <el-popover placement="top" width="300" trigger="click" v-model="scope.row.showDelPopOver">
-                        <p>删除标签后，符合该标签值的会员对应标签值将同步删除。一旦删除将无法恢复，确认要删除吗？</p>
-                        <div style="text-align: right; margin: 5px 0 0 0;">
-                          <el-button type="text" size="mini" @click.native="scope.row.showDelPopOver = false">取消</el-button>
-                          <el-button type="primary" size="mini" @click.native="delTagApi(scope.$index, scope.row)">确定
-                          </el-button>
-                        </div>
-                        <el-button type="text" size="small" slot="reference">删除</el-button>
-                      </el-popover>
-                    </template>
+                  <!-- 删除中的状态 -->
+                  <template v-if="scope.row.status === 5">
+                    <span class="color-c0c4cc">删除中...</span>
+                  </template>
+                  <!-- 删除的初始状态 -->
+                  <template v-else>
+                    <el-popover placement="top" width="300" trigger="click" v-model="scope.row.showDelPopOver">
+                      <p>删除标签后，符合该标签值的会员对应标签值将同步删除。一旦删除将无法恢复，确认要删除吗？</p>
+                      <div style="text-align: right; margin: 5px 0 0 0;">
+                        <el-button type="text" size="mini" @click.native="scope.row.showDelPopOver = false">取消</el-button>
+                        <el-button type="primary" size="mini" @click.native="delTagApi(scope.$index, scope.row)">确定
+                        </el-button>
+                      </div>
+                      <el-button type="text" size="small" slot="reference">删除</el-button>
+                    </el-popover>
                   </template>
                 </template>
-              </el-table-column>
-              <div slot="empty"></div>
-            </el-table>
-          <div class="add-tag">
-            <div class="add-tag-btn" @click="addTagValPop.isShow = true">
-              <i class="iconfont icon-icon02"></i>
-              添加标签值
+              </template>
+            </el-table-column>
+            <div class="add-tag" slot="append">
+              <div class="add-tag-btn" @click="addTagValPop.isShow = true">
+                <i class="iconfont icon-icon02"></i>
+                添加标签值
+              </div>
             </div>
-          </div>
+          </el-table>
         </div>
         <div class="back">
           <el-button @click="back">返回手工标签列表</el-button>