rj

channel-access/src/App.vue

@@ -4,18 +4,18 @@
     <!-- <Globalheader title="" url="/jdtrademark" name="首页" /> -->
     <router-view />
     <!-- <Globalfooter /> -->
-    <QilianFooter />
+    <!-- <QilianFooter /> -->
   </div>
 </template>
 <script>
 // import Globalheader from "@/components/globalheader";
 // import Globalfooter from "@/components/globalfooter";
-import QilianFooter from "@/components/qilianFooter"
+// import QilianFooter from "@/components/qilianFooter"
 export default {
   components: {
     // Globalheader,
     // Globalfooter,
-    QilianFooter
+    // QilianFooter
   }
 };
 </script>

channel-access/src/api/api.js

 import axios from "axios";
-let baseUrl = "api/web/auth/accessAuth/getAppTokenByHosts";
+let baseUrl = "/api/web/auth/accessAuth/getAppTokenByHosts";
 //获取token
 export function getTokens() {
-  return axios.post(baseUrl, {
-    actionType: "getAppTokenByHosts", //固定写法就行
-    actionBody: {}
-  });
-}
+    return axios.post(baseUrl, {
+        actionType: "getAppTokenByHosts", //固定写法就行
+        actionBody: {}
+    });
+}
\ No newline at end of file

channel-access/src/api/enterpriseQuery.js

 import http from "@/http/http.js";
 import axios from "axios";
-let baseUrl = "/web/action/enterpriseQuery/springBoard";
+let baseUrl = "/api/web/action/enterpriseQuery/springBoard";
 
 //获取企业域名信息数量
 export function ipCountByAuthor(name) {

channel-access/src/api/licenseQuery.js

 import http from "@/http/http.js";
-let baseUrl = "/web/action/licenseQuery/springBoard";
+let baseUrl = "/api/web/action/licenseQuery/springBoard";
 
 //根据公司得到推荐要办的证书
 export function getLicenses(name) {

channel-access/src/api/patentQuery.js

 import http from "@/http/http.js";
-let baseUrl = "/web/action/patentQuery/springBoard";
+let baseUrl = "/api/web/action/patentQuery/springBoard";
 //根据申请人获取专利量接口
 export function paCountByApplicantName(name) {
     return http.post(baseUrl, {

channel-access/src/api/tmOrder.js

 import http from "@/http/http.js";
 
-let baseUrl = "api/web/action/tmOrder/springBoard";
+let baseUrl = "/api/web/action/tmOrder/springBoard";
 
 // 获取jdtrademark商标注册申请类型：自主/专家辅助/担保 卡片信息
 // 产品列表-根据产品大类获取-应用中心
 export function getProductListCards() {
-  return http.post(baseUrl, {
-    actionBody: {
-      typeOneCode: "sbfu"
-    },
-    actionType: "getCAProductListByTypeOneCode",
-    actionProcess: "jd"
-  });
+    return http.post(baseUrl, {
+        actionBody: {
+            typeOneCode: "sbfu"
+        },
+        actionType: "getCAProductListByTypeOneCode",
+        actionProcess: "jd"
+    });
 }
 
 // 产品详情:点击首页的 专家辅助申请 和 担保申请-进入相应的专家辅助申请 和 担保申请产品详情页面
 // 产品详情-应用中心
 export function getProductDetail(channelitemcode) {
-  return http.post(baseUrl, {
-    actionBody: {
-      // 自助: FW_GOODS-581976-1
-      //   辅助：FW_GOODS-580010-1
-      // 担保：FW_GOODS-581978-1
-      channelItemCode: channelitemcode
-    },
-    actionType: "getCAProductDetail",
-    actionProcess: "bw"
-  });
+    return http.post(baseUrl, {
+        actionBody: {
+            // 自助: FW_GOODS-581976-1
+            //   辅助：FW_GOODS-580010-1
+            // 担保：FW_GOODS-581978-1
+            channelItemCode: channelitemcode
+        },
+        actionType: "getCAProductDetail",
+        actionProcess: "bw"
+    });
 }
 
 // 自主提报商标注册方式的获取订单编号
 // 商标提报
 export function subSelfregTmOrder(channelitemcode) {
-  return http.post(baseUrl, {
-    actionBody: {
-      apply: {
-        applyAddr: "上海市杨浦区国定路346号三楼0624室",
-        applyArea: "",
-        businessLicensePic:
-          "https://gsb-zc.oss-cn-beijing.aliyuncs.com/zc_yyzz120315554031547442019316.jpg",
-        businessLicensePdf:
-          "https://gsb-zc.oss-cn-beijing.aliyuncs.com/zc_yyzz120315554031547442019316.pdf",
-        code: "91310110398635929J",
-        contacts: "宋毅",
-        customerType: "ent",
-        email: "songyi@gongsibao.com",
-        fax: "",
-        identityCardNo: "",
-        identityCardPic: "",
-        identityCardPdf: "",
-        mobile: "15010929368",
-        name: "上海辰者信息科技有限公司",
-        notes: "订单备注信息",
-        gzwtsUrl:
-          "https://gsb-zc.oss-cn-beijing.aliyuncs.com/zc_wts863215710393842862019914.jpg",
-        smwjUrl: "",
-        zipCode: "100000"
-      },
-      channelOrder: {
-        channelServiceNo: "z1203155540315474420",
-        channelOrderNo: "z12031,z1203d1",
-        needNo: "z120303d1",
-        quantity: 1,
-        nclCount: 10,
-        payStatus: "yfk",
-        payTime: "2019-09-11 10:23:21"
-      },
-      channelUser: {
-        channelUserId: "z1203155540315474420",
-        channelUserName: "testUser",
-        channelUserMoblie: "15010929368",
-        nickname: "",
-        orgName: "",
-        orgPath: ""
-      },
-      nclones: [
-        {
-          code: "02",
-          name: "颜料油漆",
-          nclThree: [
-            {
-              code: "020008",
-              disabled: false,
-              fullname: "020008 绘画用铝粉",
-              name: "绘画用铝粉",
-              pcode: "0202"
+    return http.post(baseUrl, {
+        actionBody: {
+            apply: {
+                applyAddr: "上海市杨浦区国定路346号三楼0624室",
+                applyArea: "",
+                businessLicensePic: "https://gsb-zc.oss-cn-beijing.aliyuncs.com/zc_yyzz120315554031547442019316.jpg",
+                businessLicensePdf: "https://gsb-zc.oss-cn-beijing.aliyuncs.com/zc_yyzz120315554031547442019316.pdf",
+                code: "91310110398635929J",
+                contacts: "宋毅",
+                customerType: "ent",
+                email: "songyi@gongsibao.com",
+                fax: "",
+                identityCardNo: "",
+                identityCardPic: "",
+                identityCardPdf: "",
+                mobile: "15010929368",
+                name: "上海辰者信息科技有限公司",
+                notes: "订单备注信息",
+                gzwtsUrl: "https://gsb-zc.oss-cn-beijing.aliyuncs.com/zc_wts863215710393842862019914.jpg",
+                smwjUrl: "",
+                zipCode: "100000"
             },
-            {
-              code: "020005",
-              disabled: false,
-              fullname: "020005 食品用着色剂",
-              name: "食品用着色剂",
-              pcode: "0203"
-            }
-          ]
-        }
-      ]
-    },
-    actionType: "subTmOrder"
-  });
-}
+            channelOrder: {
+                channelServiceNo: "z1203155540315474420",
+                channelOrderNo: "z12031,z1203d1",
+                needNo: "z120303d1",
+                quantity: 1,
+                nclCount: 10,
+                payStatus: "yfk",
+                payTime: "2019-09-11 10:23:21"
+            },
+            channelUser: {
+                channelUserId: "z1203155540315474420",
+                channelUserName: "testUser",
+                channelUserMoblie: "15010929368",
+                nickname: "",
+                orgName: "",
+                orgPath: ""
+            },
+            nclones: [{
+                code: "02",
+                name: "颜料油漆",
+                nclThree: [{
+                        code: "020008",
+                        disabled: false,
+                        fullname: "020008 绘画用铝粉",
+                        name: "绘画用铝粉",
+                        pcode: "0202"
+                    },
+                    {
+                        code: "020005",
+                        disabled: false,
+                        fullname: "020005 食品用着色剂",
+                        name: "食品用着色剂",
+                        pcode: "0203"
+                    }
+                ]
+            }]
+        },
+        actionType: "subTmOrder"
+    });
+}
\ No newline at end of file

channel-access/src/api/tmQuery.js

 import http from "@/http/http.js";
 
-let baseUrl = "api/web/action/tmQuery/springBoard";
+let baseUrl = "/api/web/action/tmQuery/springBoard";
 
 // 商标详情查询接口
 export function tradeMarkDetail(params) {
-  return http.post(baseUrl, {
-    actionType: "tradeMarkDetail",
-    actionBody: params
-  });
+    return http.post(baseUrl, {
+        actionType: "tradeMarkDetail",
+        actionBody: params
+    });
 }
 
 //企业查询接口
 export function getCompanyInfoNoUser(name) {
-  return http.post(baseUrl, {
-    actionType: "getCompanyInfoNoUser",
-    actionBody: {
-      company_name: name
-    }
-  });
+    return http.post(baseUrl, {
+        actionType: "getCompanyInfoNoUser",
+        actionBody: {
+            company_name: name
+        }
+    });
 }
 
 //申请人查询接口
 export function findTrademarkzcr(name, pageSize, currentPage) {
-  return http.post(baseUrl, {
-    actionType: "findTrademarkzcr",
-    actionBody: {
-      regMan: name,
-      sqlbtabkey: "",
-      flzttabkey: "",
-      sqnftabkey: "",
-      zcrname: "",
-      xcl: [],
-      pageSize: pageSize,
-      currentPage: currentPage
-    }
-  });
+    return http.post(baseUrl, {
+        actionType: "findTrademarkzcr",
+        actionBody: {
+            regMan: name,
+            sqlbtabkey: "",
+            flzttabkey: "",
+            sqnftabkey: "",
+            zcrname: "",
+            xcl: [],
+            pageSize: pageSize,
+            currentPage: currentPage
+        }
+    });
 }
+
+//商标精确检索接口
+export function findTrademarkNameAccurate(params) {
+    return http.post(baseUrl, {
+        actionType: "findTrademarkNameAccurate",
+        actionBody: params
+    });
+}
+
+//近似商标查询接口
+export function findTrademarkName(params) {
+    return http.post(baseUrl, {
+        actionType: "findTrademarkName",
+        actionBody: params
+    });
+}
\ No newline at end of file

channel-access/src/api/tmTools.js

 import http from "@/http/http.js";
 import axios from "axios";
-let baseUrl = "api/web/action/tmTools/springBoard";
+let baseUrl = "/api/web/action/tmTools/springBoard";
 
 // 获取selftmreg的尼斯查询 一级查询得到二级树  二级查询得到三级树
 export function getNiceQueryCategory(nclcodeSCode) {
-  return http.post(baseUrl, {
-    actionBody: {
-      nclcode: nclcodeSCode
-    },
-    actionType: "getNcl"
-  });
+    return http.post(baseUrl, {
+        actionBody: {
+            nclcode: nclcodeSCode
+        },
+        actionType: "getNcl"
+    });
 }
 
 // 获取selftmreg的尼斯查询分类过滤数据
 export function getNiceQueryFilter(key, classCodes) {
-  return http.post(baseUrl, {
-    actionBody: {
-      // name: "123", //Y strin 尼斯名称
-      // ncls: ["01", "02", "03"] //N List 尼斯大类编码列表
-      name: key, //Y strin 尼斯名称
-      ncls: classCodes //N List 尼斯大类编码列表
-    },
-    actionType: "getNclByLikeNameAndNcl"
-  });
+    return http.post(baseUrl, {
+        actionBody: {
+            // name: "123", //Y strin 尼斯名称
+            // ncls: ["01", "02", "03"] //N List 尼斯大类编码列表
+            name: key, //Y strin 尼斯名称
+            ncls: classCodes //N List 尼斯大类编码列表
+        },
+        actionType: "getNclByLikeNameAndNcl"
+    });
 }
 
 //文字转图片
 export function word2pic(word) {
-  return http.post(baseUrl, {
-    actionBody: {
-      word: word
-    },
-    actionType: "word2pic"
-  });
+    return http.post(baseUrl, {
+        actionBody: {
+            word: word
+        },
+        actionType: "word2pic"
+    });
 }
 //获取oss
 export function getOss() {
-  return http.post(baseUrl, {
-    actionBody: {},
-    actionType: "getOssConfig"
-  });
+    return http.post(baseUrl, {
+        actionBody: {},
+        actionType: "getOssConfig"
+    });
 }
 
 //商标样式转换
 export function uploadStandardTm(url) {
-  return http.post(baseUrl, {
-    actionType: "uploadStandardTm",
-    actionBody: {
-      key: url
-    }
-  });
+    return http.post(baseUrl, {
+        actionType: "uploadStandardTm",
+        actionBody: {
+            key: url
+        }
+    });
 }
 
 //企业近似查询
 export function getCompanyInfoByLikeName(name) {
-  return http.post(baseUrl, {
-    actionType: "getCompanyInfoByLikeName",
-    actionBody: {
-      likestr: name
-    }
-  });
+    return http.post(baseUrl, {
+        actionType: "getCompanyInfoByLikeName",
+        actionBody: {
+            likestr: name
+        }
+    });
 }
 
 //图片转pdf
 export function pic2pdf(url) {
-  return http.post(baseUrl, {
-    actionType: "pic2pdf",
-    actionBody: {
-      key: url
-    }
-  });
+    return http.post(baseUrl, {
+        actionType: "pic2pdf",
+        actionBody: {
+            key: url
+        }
+    });
 }
 
 //企业注册信息查询
 export function getEntregistryByCompanyName(name) {
-  return http.post(baseUrl, {
-    actionType: "getEntregistryByCompanyName",
-    actionBody: {
-      companyName: name
-    }
-  });
+    return http.post(baseUrl, {
+        actionType: "getEntregistryByCompanyName",
+        actionBody: {
+            companyName: name
+        }
+    });
 }
 //企业注册信息查询2
 export function getEntregistryByCompanyName2(name) {
-  return axios.post(
-    "http://boss.gongsibao.com/api/gsbicsearch/companynameonesearch",
-    {
-      appKey: "c90f935cd5ec49ff848edad31f53c14d",
-      companyName: name
-    }
-  );
+    return axios.post(
+        "http://boss.gongsibao.com/api/gsbicsearch/companynameonesearch", {
+            appKey: "c90f935cd5ec49ff848edad31f53c14d",
+            companyName: name
+        }
+    );
 }
 
 //股东
 export function getGuDong(name) {
-  return axios.post(
-    "http://boss.gongsibao.com/api/gsbicsearch/shareholdersearch",
-    {
-      appKey: "c90f935cd5ec49ff848edad31f53c14d",
-      companyName: name
-    }
-  );
-}
+    return axios.post(
+        "http://boss.gongsibao.com/api/gsbicsearch/shareholdersearch", {
+            appKey: "c90f935cd5ec49ff848edad31f53c14d",
+            companyName: name
+        }
+    );
+}
\ No newline at end of file

channel-access/src/components/globalheader.vue

@@ -89,7 +89,7 @@ export default {
 
 <style lang="scss">
 .globalheader-red {
-  background: rgb(226, 87, 87) !important;
+  // background: rgb(226, 87, 87) !important;
 }
 .globalheader {
   width: 100%;

channel-access/src/router/index.js

 import Vue from "vue";
 import VueRouter from "vue-router";
 
-import { getCookie } from "@/utils/getToken.js";
+// import { getCookie } from "@/utils/getToken.js";
 
 Vue.use(VueRouter);
 
-const routes = [
-  {
-    path: "/home",
-    name: "home",
-    component: () => import("@/views/pages/home")
-  },
-  {
-    path: "/companyinformation",
-    name: "companyinformation",
-    component: () => import("@/views/pages/companyinformation")
-  },
-  {
-    path: "/",
-    redirect: "/home"
-  },
-  {
-    path: "/user",
-    name: "user",
-    redirect: "/user/login",
-    component: () => import("@/views/pages/user"),
-    children: [
-      {
-        path: "login",
-        name: "login",
-        component: () => import("@/views/pages/user/login")
-      },
-      {
-        path: "register",
-        name: "register",
-        component: () => import("@/views/pages/user/register")
-      },
-      {
-        path: "forgetpassword",
-        name: "forgetpassword",
-        component: () => import("@/views/pages/user/forgetPassword")
-      }
-    ]
-  },
-  {
-    path: "/cashier",
-    name: "cashier",
-    component: () => import("@/views/pages/cashier")
-  },
-  {
-    path: "/productdetails",
-    name: "productdetails",
-    component: () => import("@/views/pages/productdetails")
-  },
-  {
-    path: "/successfulpayment",
-    name: "successfulpayment",
-    component: () => import("@/views/pages/successfulpayment")
-  },
-  {
-    path: "/placeorder",
-    name: "placeorder",
-    component: () => import("@/views/pages/placeorder")
-  },
-  {
-    path: "/jdbycdetailtm",
-    name: "jdbycdetailtm",
-    component: () => import("@/views/pages/jdbycdetailtm")
-  },
-  {
-    path: "/companydetail",
-    name: "companydetail",
-    component: () => import("@/views/pages/companydetail")
-  },
-  {
-    path: "/jdindentlist",
-    name: "jdindentlist",
-    component: () => import("@/views/pages/jdindentlist")
-  },
-  {
-    path: "/jdindentdetail",
-    name: "jdindentdetail",
-    component: () => import("@/views/pages/jdindentdetail")
-  },
-  /////////
-  {
-    path: "/jdtrademark",
-    name: "jdtrademark",
-    component: () => import("@/views/pages/jdtrademark/Jdtrademark")
-  },
-  {
-    path: "/selftmreg",
-    name: "selftmreg",
-    component: () => import("@/views/pages/selftmreg/Selftmreg")
-  },
-  {
-    path: "/guaranteereg",
-    name: "guaranteereg",
-    component: () => import("@/views/pages/guaranteereg/Guaranteereg")
-  },
-  {
-    // path: "/bycnoticeindex",
-    path: "/bycnoticeindex",
-    name: "bycnoticeindex",
-    component: () => import("@/views/pages/bycnoticeindex/Bycnoticeindex")
-  }
+const routes = [{
+        path: "/jdbycquerytm",
+        name: "jdbycquerytm",
+        component: () =>
+            import ("@/views/pages/jdbycquerytm")
+    },
+    {
+        path: "/home",
+        name: "home",
+        component: () =>
+            import ("@/views/pages/home")
+    },
+    {
+        path: "/companyinformation",
+        name: "companyinformation",
+        component: () =>
+            import ("@/views/pages/companyinformation")
+    },
+    // {
+    //     path: "/",
+    //     redirect: "/home"
+    // },
+    {
+        path: "/user",
+        name: "user",
+        redirect: "/user/login",
+        component: () =>
+            import ("@/views/pages/user"),
+        children: [{
+                path: "login",
+                name: "login",
+                component: () =>
+                    import ("@/views/pages/user/login")
+            },
+            {
+                path: "register",
+                name: "register",
+                component: () =>
+                    import ("@/views/pages/user/register")
+            },
+            {
+                path: "forgetpassword",
+                name: "forgetpassword",
+                component: () =>
+                    import ("@/views/pages/user/forgetPassword")
+            }
+        ]
+    },
+    {
+        path: "/cashier",
+        name: "cashier",
+        component: () =>
+            import ("@/views/pages/cashier")
+    },
+    {
+        path: "/productdetails",
+        name: "productdetails",
+        component: () =>
+            import ("@/views/pages/productdetails")
+    },
+    {
+        path: "/successfulpayment",
+        name: "successfulpayment",
+        component: () =>
+            import ("@/views/pages/successfulpayment")
+    },
+    {
+        path: "/placeorder",
+        name: "placeorder",
+        component: () =>
+            import ("@/views/pages/placeorder")
+    },
+    {
+        path: "/jdbycdetailtm",
+        name: "jdbycdetailtm",
+        component: () =>
+            import ("@/views/pages/jdbycdetailtm")
+    },
+    {
+        path: "/companydetail",
+        name: "companydetail",
+        component: () =>
+            import ("@/views/pages/companydetail")
+    },
+    {
+        path: "/jdindentlist",
+        name: "jdindentlist",
+        component: () =>
+            import ("@/views/pages/jdindentlist")
+    },
+    {
+        path: "/jdindentdetail",
+        name: "jdindentdetail",
+        component: () =>
+            import ("@/views/pages/jdindentdetail")
+    },
+    /////////
+    {
+        path: "/jdtrademark",
+        name: "jdtrademark",
+        component: () =>
+            import ("@/views/pages/jdtrademark/Jdtrademark")
+    },
+    {
+        path: "/selftmreg",
+        name: "selftmreg",
+        component: () =>
+            import ("@/views/pages/selftmreg/Selftmreg")
+    },
+    {
+        path: "/guaranteereg",
+        name: "guaranteereg",
+        component: () =>
+            import ("@/views/pages/guaranteereg/Guaranteereg")
+    },
+    {
+        // path: "/bycnoticeindex",
+        path: "/bycnoticeindex",
+        name: "bycnoticeindex",
+        component: () =>
+            import ("@/views/pages/bycnoticeindex/Bycnoticeindex")
+    }
 ];
 const router = new VueRouter({
-  routes,
-  scrollBehavior(to, from, savedPosition) {
-    if (savedPosition) {
-      return savedPosition;
-    } else {
-      return { x: 0, y: 0 };
+    routes,
+    scrollBehavior(to, from, savedPosition) {
+        if (savedPosition) {
+            return savedPosition;
+        } else {
+            return { x: 0, y: 0 };
+        }
     }
-  }
 });
 
-router.beforeEach((to, from, next) => {
-  let userpin = getCookie("userpin");
-  if (
-    to.path == "/user/login" ||
-    to.path == "/user/register" ||
-    to.path == "/user/forgetPassword" ||
-    to.path == "/jdtrademark"
-  ) {
-    next();
-  } else {
-    if (userpin == "" || userpin == null) {
-      next("/user/login");
-    } else {
-      next();
-    }
-  }
-});
+// router.beforeEach((to, from, next) => {
+//   let userpin = getCookie("userpin");
+//   if (
+//     to.path == "/user/login" ||
+//     to.path == "/user/register" ||
+//     to.path == "/user/forgetPassword" ||
+//     to.path == "/jdtrademark"
+//   ) {
+//     next();
+//   } else {
+//     if (userpin == "" || userpin == null) {
+//       next("/user/login");
+//     } else {
+//       next();
+//     }
+//   }
+// });
 
-export default router;
+export default router;
\ No newline at end of file

channel-access/src/views/pages/companyinformation/trademark.vue

@@ -111,7 +111,7 @@ export default {
     //翻转
     showTable() {
       this.$emit("unshowOne");
-    }
+    },
   }
 };
 </script>

channel-access/src/views/pages/jdbycquerytm/bomTable.vue

+<template>
+  <div class="bomTable">
+    <div class="bomTable-item" v-for="(item, index) in data" :key="index">
+      <div class="bomTable-item-left">
+        <img :src="item.logo" alt="" />
+      </div>
+      <div class="bomTable-item-right">
+        <div class="bomTable-item-right-title">
+          <h1>{{ item.sbmc }}</h1>
+        </div>
+        <div class="bomTable-item-right-container">
+          <p>法律状态：<span class="zhuceSpan">{{item.sbzt}}</span></p>
+          <p>国际分类：<span>{{item.gjflname}}</span></p>
+          <p>申请号：<span>{{item.sbzch}}</span></p>
+          <p>申请日期：<span>{{item.sqrq}}</span></p>
+          <p>初审公告日期：<span>{{item.csrq}}</span></p>
+          <p>注册公告日期：<span>{{item.zcrq}}</span></p>
+          <p>申请人：<span>{{item.zcr}}</span></p>
+          <p>商标群组：<span>{{item.sbqz}}</span></p>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  props: ["data"],
+  updated() {
+    console.log(this.data);
+  }
+};
+</script>
+
+<style lang="scss">
+.bomTable {
+  width: 100%;
+  padding: 0 20px 20px;
+  border: 1px solid #eff1f9;
+  border-bottom: none;
+  .bomTable-item {
+    width: 100%;
+    padding: 30px 0;
+    border-bottom: 1px solid #D6DAEB;
+    display: flex;
+  }
+}
+.bomTable-item-left {
+  width: 160px;
+  height: 98px;
+  border: 1px solid #EFF1F9;
+  margin-right: 25px;
+  img {
+    width: 100%;
+    height: 100%;
+  }
+}
+.bomTable-item-right {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  .bomTable-item-right-title {
+    width: 100%;
+    h1 {
+      font-size: 18px;
+      font-family: PingFangSC-Regular, PingFang SC;
+      font-weight: 400;
+      color: #333333;
+      line-height: 20px;
+    }
+  }
+  .bomTable-item-right-container {
+    flex: 1;
+    display: flex;
+    flex-wrap: wrap;
+    p {
+      width: 33.33%;
+      font-size: 12px;
+      color: #828282;
+      margin-top: 10px;
+      padding-right: 30px;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      span {
+        color: #2f2f2f;
+      }
+      .zhuceSpan{
+        color: #108ee9;
+      }
+    }
+  }
+}
+</style>

channel-access/src/views/pages/jdbycquerytm/index.vue

+<template>
+  <div class="jdbycquerytm">
+    <div class="jdbycquerytm-main">
+      <div class="jdbycquerytm-top">
+        <el-breadcrumb separator-class="el-icon-arrow-right">
+          <el-breadcrumb-item to="/jdtrademark"
+            >商标注册服务</el-breadcrumb-item
+          >
+          <el-breadcrumb-item>商标检索</el-breadcrumb-item>
+        </el-breadcrumb>
+      </div>
+      <div class="jdbycquerytm-serch">
+        <div class="jdbycquerytm-serch-left">
+          <span class="serchSpan">商标查询</span>
+          <el-input
+            placeholder="请输入内容"
+            suffix-icon="el-icon-camera"
+            v-model="serchName"
+          >
+          </el-input>
+          <el-button>全部类别<i class="el-icon-arrow-down"></i></el-button>
+          <el-button type="primary">检索</el-button>
+        </div>
+        <div class="jdbycquerytm-serch-right">
+          <el-button>公告查询</el-button>
+        </div>
+      </div>
+      <div class="jdbycquerytm-tabs">
+        <el-tabs v-model="activeName" @tab-click="handleClick">
+          <el-tab-pane label="相同商标" name="first"></el-tab-pane>
+          <el-tab-pane label="相似商标" name="second"></el-tab-pane>
+          <el-tab-pane label="申请号" name="third"></el-tab-pane>
+          <el-tab-pane label="申请人" name="fourth"></el-tab-pane>
+          <el-tab-pane label="图形检索" name="fiveth"></el-tab-pane>
+        </el-tabs>
+      </div>
+      <div
+        class="jdbycquerytm-condition"
+        v-if="
+          nclOptions.length != 0 ||
+            statusCounts.length != 0 ||
+            yearCounts.length != 0
+        "
+      >
+        <div class="jdbycquerytm-condition-selected">
+          <span class="selectedSpan">已选条件:</span>
+          <div class="selected-tags">
+            <!-- 已选条件 -->
+          </div>
+        </div>
+        <div class="jdbycquerytm-condition-ul">
+          <li>
+            <span class="titleSpan">申请类别：</span>
+            <div class="li-item">
+              <div v-for="(item, index) in nclOptions" :key="index">
+                <p @click="nclClass(item)">
+                  {{ item.keyvalue }} <span>({{ item.keycount }})</span>
+                </p>
+              </div>
+            </div>
+            <p class="moreSpan">
+              <span @click="showClass($event)">更多</span>
+              <i
+                @click="showClass($event)"
+                :class="
+                  showClassType ? 'el-icon-arrow-down' : 'el-icon-arrow-right'
+                "
+              ></i>
+            </p>
+          </li>
+          <li>
+            <span class="titleSpan">法律状态：</span>
+            <div class="li-item">
+              <div v-for="(item, index) in statusCounts" :key="index">
+                <p>
+                  {{ item.keyvalue }} <span>({{ item.keycount }})</span>
+                </p>
+              </div>
+            </div>
+            <!-- <p class="moreSpan">
+              <span>更多 <i class="el-icon-arrow-right"></i></span>
+            </p> -->
+          </li>
+          <li>
+            <span class="titleSpan">申请年份：</span>
+            <div class="li-item">
+              <div v-for="(item, index) in yearCounts" :key="index">
+                <p>
+                  {{ item.key }} <span>({{ item.keycount }})</span>
+                </p>
+              </div>
+            </div>
+            <p class="moreSpan">
+              <span @click="showYear($event)">更多</span>
+              <i
+                @click="showYear($event)"
+                :class="
+                  showYearType ? 'el-icon-arrow-down' : 'el-icon-arrow-right'
+                "
+              ></i>
+            </p>
+          </li>
+          <li v-if="activeName == 'second'">
+            <span class="titleSpan">高级筛选：</span>
+            <div class="li-item">
+              <el-checkbox
+                class="quanxuan"
+                :indeterminate="isIndeterminate"
+                v-model="checkAll"
+                @change="handleCheckAllChange"
+                >全选</el-checkbox
+              >
+              <!-- <div style="margin: 15px 0;"></div> -->
+              <el-checkbox-group
+                v-model="checkedCities"
+                @change="handleCheckedCitiesChange"
+              >
+                <el-checkbox v-for="city in cities" :label="city" :key="city">{{
+                  city
+                }}</el-checkbox>
+              </el-checkbox-group>
+            </div>
+            <!-- <p class="moreSpan">
+              <span @click="showYear($event)">更多</span>
+              <i
+                @click="showYear($event)"
+                :class="
+                  showYearType ? 'el-icon-arrow-down' : 'el-icon-arrow-right'
+                "
+              ></i>
+            </p> -->
+          </li>
+        </div>
+      </div>
+      <!--  -->
+      <div class="jdbycquerytm-total">
+        <p>
+          共查到<span>{{ dataCount }}</span
+          >条信息
+        </p>
+        <div class="jdbycquerytm-total-download">
+          <span><i class="el-icon-download">导出数据</i></span>
+        </div>
+      </div>
+      <!--  -->
+      <BomTable :data="dataList" v-if="dataList.length != 0" />
+      <!--  -->
+      <div class="jdbycquerytm-pagination" v-if="dataList.length != 0">
+        <el-pagination
+          background
+          :page-size="pageSize"
+          layout="prev, pager, next"
+          :total="dataCount"
+          @current-change="handleCurrentChange"
+        >
+        </el-pagination>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import BomTable from "./bomTable";
+//
+import { findTrademarkNameAccurate, findTrademarkName } from "@/api/tmQuery.js";
+//高级筛选
+const citiesList = [
+  "近似",
+  "变字",
+  "拼音",
+  "同义词",
+  "形近字",
+  "换序",
+  "包含该商标"
+];
+export default {
+  components: {
+    BomTable
+  },
+  data() {
+    return {
+      //多选框
+      checkAll: false,
+      //多选框选中的值
+      checkedCities: citiesList,
+      cities: citiesList,
+      isIndeterminate: true,
+      //input框检索参数
+      serchName: "",
+      //展示商标类别
+      showClassType: false,
+      //展示申请年份
+      showYearType: false,
+      //页面商标的个数
+      pageSize: 20,
+      //商标的页码
+      currentPage: 1,
+      //tabs选项
+      activeName: "first",
+      //申请类别
+      nclOptions: [],
+      //法律状态
+      statusCounts: [],
+      //申请年份
+      yearCounts: [],
+      //查询商标数量
+      dataCount: 0,
+      //查询商标数据
+      dataList: [],
+      //商标精确检索参数
+      trademarkNameAccurate: {
+        tmName: "萌颜",
+        sqlbtabkey: "", //申请类别
+        flzttabkey: "", //法律状态
+        sqnftabkey: "", //申请年份
+        ncl: [],
+        xcl: [],
+        nclNum: [],
+        pageSize: 20,
+        currentPage: 1
+      },
+      //商标近似检索参数
+      trademarkName: {
+        tmName: "萌颜",
+        sqlbtabkey: "",
+        flzttabkey: "",
+        sqnftabkey: "",
+        ncl: [],
+        xcl: [],
+        nclNum: [],
+        sbtjdata: citiesList,
+        pageSize: 20,
+        currentPage: 1
+      }
+    };
+  },
+  mounted() {
+    this.getTrademarkNameAccurateList();
+  },
+  methods: {
+    //点击商标类别
+    nclClass(item) {
+      console.log(item);
+      let arr = [];
+      arr.push(item);
+      this.dynamicTags = arr;
+    },
+    //高级筛选
+    //全选改变事件
+    handleCheckAllChange(val) {
+      console.log(val, "asd");
+      this.checkedCities = val ? this.cities : [];
+      this.isIndeterminate = false;
+    },
+    //
+    handleCheckedCitiesChange(value) {
+      let checkedCount = value.length;
+      this.checkAll = checkedCount === this.cities.length;
+      this.isIndeterminate =
+        checkedCount > 0 && checkedCount < this.cities.length;
+    },
+    //显示申请类别
+    showClass(tag) {
+      this.showClassType = !this.showClassType;
+      if (this.showClassType) {
+        tag.toElement.parentNode.parentNode.style.height = "auto";
+      } else {
+        tag.toElement.parentNode.parentNode.style.height = "51px";
+      }
+    },
+    //显示申请年份
+    showYear(tag) {
+      this.showYearType = !this.showYearType;
+      if (this.showYearType) {
+        tag.toElement.parentNode.parentNode.style.height = "auto";
+      } else {
+        tag.toElement.parentNode.parentNode.style.height = "51px";
+      }
+    },
+    //商标精确检索
+    getTrademarkNameAccurateList() {
+      findTrademarkNameAccurate(this.trademarkNameAccurate).then(res => {
+        console.log(res, "res");
+        if (res.status == 0) {
+          this.assignmentData(res.data);
+        }
+      });
+    },
+    //商标近似检索
+    getTrademarkNameList() {
+      findTrademarkName(this.trademarkName).then(res => {
+        console.log(res);
+        if (res.status == 0) {
+          this.assignmentData(res.data);
+        }
+      });
+    },
+    //赋值数据
+    assignmentData(data) {
+      this.nclOptions = data.code_counts;
+      this.statusCounts = data.status_counts;
+      this.yearCounts = data.year_counts;
+      this.dataCount = data.count;
+      this.dataList = data.rows;
+    },
+    //切换tabs选项
+    handleClick(tab, event) {
+      console.log(tab, event);
+      switch (tab.name) {
+        case "first":
+          this.getTrademarkNameAccurateList();
+          break;
+        case "second":
+          this.getTrademarkNameList();
+          break;
+      }
+    },
+    //切换页数
+    handleCurrentChange(val) {
+      console.log(`当前页: ${val}`);
+      switch (this.activeName) {
+        case "first":
+          this.trademarkNameAccurate.currentPage = val;
+          this.getTrademarkNameAccurateList();
+          break;
+        case "second":
+          this.trademarkName.currentPage = val;
+          this.getTrademarkNameList();
+          break;
+      }
+    }
+  }
+};
+</script>
+
+<style lang="scss">
+.jdbycquerytm {
+  width: 100%;
+  padding-bottom: 1px;
+  .jdbycquerytm-main {
+    width: 1200px;
+    margin: 0 auto;
+  }
+}
+.jdbycquerytm-top {
+  width: 100%;
+  .el-breadcrumb {
+    padding: 12px 0;
+  }
+}
+.jdbycquerytm-serch {
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+  margin: 30px 0;
+  .jdbycquerytm-serch-left {
+    width: 735px;
+    display: flex;
+    .serchSpan {
+      font-family: PingFangSC-Medium;
+      cursor: pointer;
+      font-size: 20px;
+      color: #108ee9;
+      letter-spacing: 0;
+      line-height: 40px;
+      margin-right: 20px;
+    }
+    .el-input {
+      flex: 1;
+      input {
+        border-right: none;
+        border-radius: 0;
+      }
+      .el-input__suffix-inner {
+        cursor: pointer;
+      }
+    }
+    .el-button {
+      width: 100px;
+      height: 40px;
+      padding: 0;
+      border-radius: 0;
+      margin: 0;
+      border: 1px solid #108ee9;
+    }
+  }
+  .jdbycquerytm-serch-right {
+    .el-button {
+      width: 100px;
+      height: 40px;
+      border: 1px solid #108ee9;
+      border-radius: 0;
+      cursor: pointer;
+      font-size: 14px;
+      font-family: PingFangSC-Medium;
+      font-weight: 500;
+      color: #108ee9;
+      letter-spacing: 0;
+      padding: 0;
+    }
+  }
+}
+.jdbycquerytm-tabs {
+  width: 100%;
+  .el-tabs {
+    width: 100%;
+    .el-tabs__header {
+      width: 100%;
+      height: 40px;
+      background: #f7f8fc;
+      margin-bottom: 10px;
+    }
+    .el-tabs__nav-wrap::after {
+      display: none;
+    }
+    .el-tabs__item {
+      padding: 0 40px;
+    }
+    .el-tabs__item.is-top:nth-child(2) {
+      padding: 0 40px;
+    }
+    .el-tabs__active-bar {
+      display: none;
+    }
+  }
+}
+.jdbycquerytm-condition {
+  width: 100%;
+  padding: 20px 35px;
+  background: #f7f8fc;
+  .jdbycquerytm-condition-selected {
+    width: 100%;
+    display: flex;
+    padding-bottom: 20px;
+    border-bottom: 1px solid #d6daeb;
+    .selectedSpan {
+      font-size: 14px;
+      font-weight: 600;
+      color: #333;
+      letter-spacing: 0;
+    }
+    .el-tag {
+      padding: 0;
+      margin-left: 40px;
+      font-size: 12px;
+      border-radius: 0;
+      border: 1px solid #108ee9;
+      color: #108ee9;
+      padding: 0 10px;
+    }
+  }
+  .jdbycquerytm-condition-ul {
+    width: 100%;
+    li {
+      height: 51px;
+      overflow: hidden;
+      display: flex;
+      padding: 10px 0;
+      color: #828282;
+      font-size: 12px;
+      border-bottom: 1px solid #d6daeb;
+      transition: 1s all;
+      .titleSpan {
+        display: inline-block;
+        padding: 7px 40px 7px 0;
+      }
+      .li-item {
+        flex: 1;
+        display: flex;
+        flex-wrap: wrap;
+        .quanxuan {
+          padding: 7px 30px 7px 0;
+        }
+        div {
+          padding: 7px 40px 7px 0;
+          p:hover {
+            color: #108ee9;
+            cursor: pointer;
+          }
+        }
+      }
+      .moreSpan {
+        padding: 7px 0;
+        span {
+          cursor: pointer;
+        }
+        i {
+          cursor: pointer;
+        }
+      }
+    }
+  }
+}
+.jdbycquerytm-total {
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 15px 5px;
+  color: #666;
+  p {
+    font-size: 12px;
+    span {
+      color: #108ee9;
+    }
+  }
+  .jdbycquerytm-total-download {
+    font-size: 16px;
+    cursor: pointer;
+  }
+  .jdbycquerytm-total-download:hover {
+    color: #108ee9;
+  }
+}
+.jdbycquerytm-pagination {
+  width: 100%;
+  border: 1px solid #eff1f9;
+  border-top: none;
+  margin-bottom: 20px;
+  padding: 15px 20px;
+  background: #f7f8fc;
+  display: flex;
+  justify-content: flex-end;
+  .el-pagination.is-background .btn-prev,
+  .el-pagination.is-background .btn-next,
+  .el-pagination.is-background .el-pager li {
+    background-color: #fff;
+    border: 1px solid #dce4ea;
+    border-radius: 3px;
+  }
+}
+</style>