add: 增加标签库通用组件

src/components/nav/nav.vue

@@ -32,10 +32,7 @@
               name: '首页',
               path: ''
             },
-            {
-              name: ' 会员管理',
-              path: ''
-            },
+
             {
               name: '会员标签',
               path: ''

src/view/manualTag/manualTagLib.vue

@@ -3,7 +3,7 @@
     <nav-crumb :navpath="navpath"></nav-crumb>
     <div class="right-content">
       <div class="right-box">
-
+        <tag-lib :tagCategory="tagCategory"></tag-lib>
       </div>
     </div>
     <vue-gic-footer></vue-gic-footer>
@@ -11,22 +11,57 @@
 </template>
 <script>
   import navCrumb from '@/components/nav/nav.vue';
+  import tagLib from '@/components/taglib.vue';
   import { getRequest, postRequest, postJson, postForm } from '@/api/api';
   export default {
       name: "manualTagLib",
       data() {
         return {
+          // 面包屑参数
+          navpath: [
+            {
+              name: '首页',
+              path: ''
+            },
+            {
+              name: '会员标签',
+              path: ''
+            }
+          ],
 
+          tagCategory: 'manualTag', // 当前标签类别
         }
       },
       methods: {
+        /**
+         * 添加到我的标签库
+         */
+        toAddMyTagLib() {
+          var that = this
+
+        },
+
+        /**
+         * 搜索标签
+         */
+        searchEnterFun(e) {
+          var that = this
+          console.log(e)
+        },
 
+        /**
+         *点击分类到列表
+         */
+        toPlatformTagList() {
+
+        }
       },
       mounted() {
 
       },
       components: {
-        navCrumb
+        navCrumb,
+        tagLib
       }
     }
 </script>

src/view/myTag/myTagLib.vue

@@ -3,7 +3,7 @@
     <nav-crumb :navpath="navpath"></nav-crumb>
     <div class="right-content">
       <div class="right-box">
-
+        <tag-lib :tagCategory="tagCategory"></tag-lib>
       </div>
     </div>
     <vue-gic-footer></vue-gic-footer>
@@ -11,22 +11,42 @@
 </template>
 <script>
   import navCrumb from '@/components/nav/nav.vue';
+  import tagLib from '@/components/taglib.vue';
   import { getRequest, postRequest, postJson, postForm } from '@/api/api';
   export default {
       name: "myTagLib",
       data() {
         return {
-
+          // 面包屑参数
+          navpath: [
+            {
+              name: '首页',
+              path: ''
+            },
+            {
+              name: '会员标签',
+              path: ''
+            }
+          ],
+          tagCategory: 'myTag', // 当前标签类别
         }
       },
       methods: {
+        /**
+         * 添加到我的标签库
+         */
+        toAddMyTagLib() {
+          var that = this
+
+        },
 
       },
       mounted() {
 
       },
       components: {
-        navCrumb
+        navCrumb,
+        tagLib
       }
     }
 </script>

static/css/public.css

@@ -296,6 +296,7 @@ input:focus {
   background-color: #fede29;
 }
 
+/* 浮动 */
 .fl {
   float: left;
 }
@@ -316,6 +317,7 @@ input:focus {
   zoom: 1;
 }
 
+/* 边距 */
 .m-l-16 {
   margin-left: 16px;
 }
@@ -328,10 +330,51 @@ input:focus {
   width: 184px;
 }
 
+.border-box {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+}
+
+/* display */
 .inline-block {
   display: inline-block;
 }
 
+.block {
+  display: block;
+}
+
+/* flex */
+.flex {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+}
+
+.flex-1 {
+    -webkit-box-flex: 1;
+    -webkit-flex: 1;
+    -ms-flex: 1;
+    flex: 1;
+}
+
+.flex-align-center {
+    -webkit-box-align: center;
+    -webkit-align-items: center;
+    -ms-flex-align: center;
+    align-items: center;
+}
+
+.flex-pack-center {
+    -webkit-box-pack: center;
+    -webkit-justify-content: center;
+    -ms-flex-pack: center;
+    justify-content: center;
+}
+
+
 .font-0 .el-form-item__content, .dialog-footer {
   font-size: 0;
 }
@@ -381,7 +424,7 @@ input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
   opacity: 0;
 }
 
-/* 丹 新加*/
+/* 新加*/
 #app, #index, #content {
   height: 100%;
 }
@@ -554,12 +597,114 @@ input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
 }
 
 /* 会员标签 */
-.platformTagLib-wrap__cell__fieldName::before {
+.common-lib__cell__fieldName::before {
   content: '';
   width: 0px;
   height: 10px;
   position: absolute;
-  top: 4px;
+  top: 1px;
   right: 0;
   border-right: 1px solid #C0C4CC;
 }
+
+/* 标签库通用 */
+.right-box .common-wrap__opt{
+
+}
+.common-libFields {
+  flex-wrap: wrap;
+  margin-top: 22px;
+  overflow: hidden;
+}
+
+.common-libFields .common-lib__cell {
+  position: relative;
+  margin-bottom: 30px;
+  min-width: 632px;
+  max-width: calc(50% - 15px);
+  border: 1px solid rgba(220,223,230,1);
+  border-radius: 3px;
+}
+
+.common-libFields .common-lib__cell:nth-child(2n+1) {
+  margin-right: 30px;
+}
+
+.common-libFields .common-lib__cell__head {
+  width: 100%;
+  height: 46px;
+  line-height: 46px;
+  padding: 0 24px;
+  background: #EBEEF5;
+  border-radius: 3px 3px 0 0;
+}
+
+.common-libFields .common-lib__cell__icon {
+  padding-right: 8px;
+  color: #909399;
+}
+
+.common-libFields .common-lib__icon__right {
+  display: inline-block;
+  vertical-align: middle;
+  font-size: 14px;
+  color: #C0C4CC;
+}
+
+.common-libFields .common-lib__cell__name {
+  font-size: 14px;
+  color: #606266;
+}
+
+.common-libFields .common-lib__cell__body {
+  padding: 17px 20px;
+}
+
+.common-libFields .common-lib__cell__fieldRow {
+  padding: 13px 0;
+  font-size: 0;
+}
+
+.common-libFields .common-lib__cell__fieldChild {
+  font-size: 14px;
+  color: #303133;
+  font-weight: 700;
+}
+
+.common-libFields .common-lib__cell__fieldChild i {
+  font-weight: normal;
+  color: #C0C4CC;
+}
+
+.common-libFields .common-lib__cell__fieldChild .common-lib__cell__name {
+  font-size: 14px;
+  color: #303133;
+  font-weight: 700;
+}
+
+.common-libFields .common-lib__cell__fieldLastChild {
+  width: calc(100% - 80px);
+  max-width: 500px;
+  vertical-align: top;
+  font-size: 14px;
+}
+
+.common-libFields .common-lib__cell__fieldName {
+  position: relative;
+  margin-bottom: 10px;
+  padding: 0px 12px;
+  height: 12px;
+  line-height: 12px;
+  font-size: 14px;
+  color: #606266;
+}
+
+.common-libFields .common-lib__cell__radio {
+  position: absolute;
+  bottom: 3px;
+  right: 3px;
+}
+
+.common-libFields .common-lib__cell__radio .el-radio__label {
+  display: none;
+}