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>