标签管理

src/assets/icons/svg/remove_bind.svg

@@ -0,0 +1,2 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1657162911951" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2928" xmlns:xlink="http://www.w3.org/1999/xlink" width="25" height="25"><defs><style type="text/css">@font-face { font-family: feedback-iconfont; src: url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff2?t=1630033759944") format("woff2"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff?t=1630033759944") format("woff"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.ttf?t=1630033759944") format("truetype"); }
+</style></defs><path d="M141.20319 600.703642c-77.89933 74.199362-80.899304 197.498301-6.799941 275.39763 2.199981 2.29998 4.499961 4.59996 6.799941 6.799942 78.399325 76.599341 203.698247 76.599341 282.197572 0l137.098821-136.798823 56.499514 56.499514-137.19882 136.698824c-103.799107 109.099061-276.397622 113.299025-385.496683 9.499918-3.299972-3.099973-6.399945-6.299946-9.499919-9.499918-108.799064-109.199061-108.799064-285.89754 0-394.996602l145.098752-145.098752 56.499514 56.499514-145.198751 144.998753z m596.594867-32.299722l145.098752-145.098752c77.89933-74.199362 80.899304-197.498301 6.799941-275.397631-2.199981-2.29998-4.499961-4.59996-6.799941-6.799941-78.399325-76.599341-203.698247-76.599341-282.197572 0L455.600485 286.206348l-56.499514-56.499514 145.098752-144.998753C647.99883-24.39098 820.597345-28.690943 929.696406 75.208163c3.299972 3.099973 6.399945 6.299946 9.499919 9.499918 108.799064 109.199061 108.799064 285.89754 0 394.996602L794.097573 624.803434l-56.299516-56.399514zM568.399515 512.004405l282.197572 282.197572-56.499514 56.499514L512 568.40392l56.399515-56.399515z m-112.79903 0L173.402913 229.706834l56.499514-56.499514L512 455.404892 455.600485 512.004405z" fill="#FFFFFF" p-id="2929"></path></svg>

src/components/Crud/RR.operation.vue

@@ -18,3 +18,11 @@ export default {
   }
 }
 </script>
+<style lang="scss" scoped>
+.el-button{
+  background-color: #3A99FD;
+    &:hover{
+      background-color: #02255F;
+    }
+}
+</style>

src/views/storeManage/tagManage/bindTagList/index.vue

@@ -1,20 +1,24 @@
 <template>
   <div>
-    <div class="head-container">
-      <el-select slot="prepend" v-model="query.isType" style="width: 80px" @change="initData">
-        <el-option v-for="item in typeOptions" :key="item.value" :label="item.label" :value="item.value" />
-      </el-select>
-      <el-input v-model="query[inputSelect]" clearable size="small" placeholder="请输入关键词" style="width: 200px;" class="input-prepend filter-item" @keyup.enter.native="initData">
-        <el-select slot="prepend" v-model="inputSelect" style="width: 80px">
-          <el-option v-for="item in queryOptions" :key="item.value" :label="item.label" :value="item.value" />
+    <div class="head-container header">
+      <div class="head-left">
+        <el-select slot="prepend" v-model="query.isType" class="filter-item" style="width: 130px;height:30px;margin-right:10px" @change="initData">
+          <el-option v-for="item in typeOptions" :key="item.value" :label="item.label" :value="item.value" />
         </el-select>
-      </el-input>
+        <el-input v-model="query[inputSelect]" clearable size="small" placeholder="请输入关键词" style="width: 200px;" class="input-prepend filter-item" @keyup.enter.native="initData">
+          <el-select slot="prepend" v-model="inputSelect" style="width: 80px">
+            <el-option v-for="item in queryOptions" :key="item.value" :label="item.label" :value="item.value" />
+          </el-select>
+        </el-input>
+        <el-button class="filter-item" size="mini" type="success" icon="el-icon-search" @click="initData">搜索</el-button>
+      </div>
       <div class="archives-handler-btn">
         <!-- iconfont icon-weibiaoti-2 -->
-        <el-button class="lending-btn" type="primary" :loading="unbindBtnLoading" @click="unbind()">解除绑定</el-button>
+        <el-button class="lending-btn" type="primary" :loading="unbindBtnLoading" @click="unbind()">
+          <svg-icon icon-class="remove_bind" class-name="svg-style" style="margin-right:8px" />解除绑定</el-button>
       </div>
     </div>
-    <el-table ref="table" v-loading="loading" :data="bindTagList" style="width: 100%;" height="calc(100vh - 463px)" @row-click="clickRowHandler" @selection-change="selectionChangeHandler">
+    <el-table ref="table" v-loading="loading" :data="bindTagList" style="width: 100%;" height="calc(100vh - 357px)" @row-click="clickRowHandler" @selection-change="selectionChangeHandler">
       <el-table-column type="selection" width="55" align="center" />
       <el-table-column type="index" label="序号" width="55" align="center" />
       <el-table-column prop="tid" label="TID" align="center" />
@@ -173,4 +177,23 @@ export default {
 
 <style lang="scss" scoped>
 @import "~@/assets/styles/archives-manage.scss";
+.header{
+  display: flex;
+  justify-content: space-between;
+  padding-top: 0;
+  margin-top: -10px;
+  .head-left{
+    .el-button{
+      margin-left:-10px ;
+      background-color: #3A99FD;
+      &:hover{
+        background-color: #02255F;
+      }
+    }
+  }
+}
+.archives-handler-btn .el-button{
+  height: 30px;
+  width: 106px;
+}
 </style>

src/views/storeManage/tagManage/tagLog/index.vue

@@ -17,7 +17,7 @@
     </div>
     <!-- :cell-class-name="cell"
       @row-dblclick="handleDbClick" -->
-    <el-table ref="table" v-loading="crud.loading" style="width: 100%" height="calc(100vh - 355px)" :data="crud.data" @row-click="clickRowHandler">
+    <el-table ref="table" v-loading="crud.loading" style="width: 100%" height="calc(100vh - 357px)" :data="crud.data" @row-click="clickRowHandler">
       <el-table-column type="selection" width="55" />
       <el-table-column type="index" label="序号" align="center" width="55" />
       <el-table-column prop="operType" label="类型" align="center" min-width="80">