liudan 8 months ago
parent 403402b295
commit 7f8b1511d7
  1. 201
      package-lock.json
  2. 2
      package.json
  3. 4
      public/index.html
  4. 59
      src/App.vue
  5. 72
      src/components/pageOne.vue
  6. 536
      src/components/pageTwo.vue

201
package-lock.json generated

@ -1,5 +1,5 @@
{
"name": "商标注册查询备案系统",
"name": "project-one",
"version": "0.1.0",
"lockfileVersion": 1,
"requires": true,
@ -2090,6 +2090,49 @@
"webpack-merge": "^5.7.3",
"webpack-virtual-modules": "^0.4.2",
"whatwg-fetch": "^3.6.2"
},
"dependencies": {
"@vue/vue-loader-v15": {
"version": "npm:vue-loader@15.11.1",
"resolved": "https://registry.npmmirror.com/vue-loader/-/vue-loader-15.11.1.tgz",
"integrity": "sha512-0iw4VchYLePqJfJu9s62ACWUXeSqM30SQqlIftbYWM3C+jpPcEHKSPUZBLjSF9au4HTHQ/naF6OGnO3Q/qGR3Q==",
"dev": true,
"requires": {
"@vue/component-compiler-utils": "^3.1.0",
"hash-sum": "^1.0.2",
"loader-utils": "^1.1.0",
"vue-hot-reload-api": "^2.3.0",
"vue-style-loader": "^4.1.0"
},
"dependencies": {
"hash-sum": {
"version": "1.0.2",
"resolved": "https://registry.npmmirror.com/hash-sum/-/hash-sum-1.0.2.tgz",
"integrity": "sha512-fUs4B4L+mlt8/XAtSOGMUO1TXmAelItBPtJG7CyHJfYTdDjwisntGO2JQz7oUsatOY9o68+57eziUVNw/mRHmA==",
"dev": true
}
}
},
"json5": {
"version": "1.0.2",
"resolved": "https://registry.npmmirror.com/json5/-/json5-1.0.2.tgz",
"integrity": "sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==",
"dev": true,
"requires": {
"minimist": "^1.2.0"
}
},
"loader-utils": {
"version": "1.4.2",
"resolved": "https://registry.npmmirror.com/loader-utils/-/loader-utils-1.4.2.tgz",
"integrity": "sha512-I5d00Pd/jwMD2QCduo657+YM/6L3KZu++pmX9VFncxaxvHcru9jx1lBaFft+r4Mt2jK0Yhp41XlRAihzPxHNCg==",
"dev": true,
"requires": {
"big.js": "^5.2.2",
"emojis-list": "^3.0.0",
"json5": "^1.0.1"
}
}
}
},
"@vue/cli-shared-utils": {
@ -2300,47 +2343,6 @@
"integrity": "sha512-PuJe7vDIi6VYSinuEbUIQgMIRZGgM8e4R+G+/dQTk0X1NEdvgvvgv7m+rfmDH1gZzyA1OjjoWskvHlfRNfQf3g==",
"dev": true
},
"@vue/vue-loader-v15": {
"version": "npm:vue-loader@15.11.1",
"resolved": "https://registry.npmmirror.com/vue-loader/-/vue-loader-15.11.1.tgz",
"integrity": "sha512-0iw4VchYLePqJfJu9s62ACWUXeSqM30SQqlIftbYWM3C+jpPcEHKSPUZBLjSF9au4HTHQ/naF6OGnO3Q/qGR3Q==",
"dev": true,
"requires": {
"@vue/component-compiler-utils": "^3.1.0",
"hash-sum": "^1.0.2",
"loader-utils": "^1.1.0",
"vue-hot-reload-api": "^2.3.0",
"vue-style-loader": "^4.1.0"
},
"dependencies": {
"hash-sum": {
"version": "1.0.2",
"resolved": "https://registry.npmmirror.com/hash-sum/-/hash-sum-1.0.2.tgz",
"integrity": "sha512-fUs4B4L+mlt8/XAtSOGMUO1TXmAelItBPtJG7CyHJfYTdDjwisntGO2JQz7oUsatOY9o68+57eziUVNw/mRHmA==",
"dev": true
},
"json5": {
"version": "1.0.2",
"resolved": "https://registry.npmmirror.com/json5/-/json5-1.0.2.tgz",
"integrity": "sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==",
"dev": true,
"requires": {
"minimist": "^1.2.0"
}
},
"loader-utils": {
"version": "1.4.2",
"resolved": "https://registry.npmmirror.com/loader-utils/-/loader-utils-1.4.2.tgz",
"integrity": "sha512-I5d00Pd/jwMD2QCduo657+YM/6L3KZu++pmX9VFncxaxvHcru9jx1lBaFft+r4Mt2jK0Yhp41XlRAihzPxHNCg==",
"dev": true,
"requires": {
"big.js": "^5.2.2",
"emojis-list": "^3.0.0",
"json5": "^1.0.1"
}
}
}
},
"@vue/web-component-wrapper": {
"version": "1.3.0",
"resolved": "https://registry.npmmirror.com/@vue/web-component-wrapper/-/web-component-wrapper-1.3.0.tgz",
@ -2683,6 +2685,19 @@
"lodash": "^4.17.14"
}
},
"async-validator": {
"version": "1.8.5",
"resolved": "https://registry.npmmirror.com/async-validator/-/async-validator-1.8.5.tgz",
"integrity": "sha512-tXBM+1m056MAX0E8TL2iCjg8WvSyXu0Zc8LNtYqrVeyoL3+esHRZ4SieE9fKQyyU09uONjnMEjrNBMqT0mbvmA==",
"requires": {
"babel-runtime": "6.x"
}
},
"asynckit": {
"version": "0.4.0",
"resolved": "https://registry.npmmirror.com/asynckit/-/asynckit-0.4.0.tgz",
"integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q=="
},
"at-least-node": {
"version": "1.0.0",
"resolved": "https://registry.npmmirror.com/at-least-node/-/at-least-node-1.0.0.tgz",
@ -2703,6 +2718,21 @@
"postcss-value-parser": "^4.2.0"
}
},
"axios": {
"version": "1.6.8",
"resolved": "https://registry.npmmirror.com/axios/-/axios-1.6.8.tgz",
"integrity": "sha512-v/ZHtJDU39mDpyBoFVkETcd/uNdxrWRrg3bKpOKzXFA6Bvqopts6ALSMU3y6ijYxbw2B+wPrIv46egTzJXCLGQ==",
"requires": {
"follow-redirects": "^1.15.6",
"form-data": "^4.0.0",
"proxy-from-env": "^1.1.0"
}
},
"babel-helper-vue-jsx-merge-props": {
"version": "2.0.3",
"resolved": "https://registry.npmmirror.com/babel-helper-vue-jsx-merge-props/-/babel-helper-vue-jsx-merge-props-2.0.3.tgz",
"integrity": "sha512-gsLiKK7Qrb7zYJNgiXKpXblxbV5ffSwR0f5whkPAaBAR4fhi6bwRZxX9wBlIc5M/v8CCkXUbXZL4N/nSE97cqg=="
},
"babel-loader": {
"version": "8.3.0",
"resolved": "https://registry.npmmirror.com/babel-loader/-/babel-loader-8.3.0.tgz",
@ -2754,6 +2784,27 @@
"@babel/helper-define-polyfill-provider": "^0.6.1"
}
},
"babel-runtime": {
"version": "6.26.0",
"resolved": "https://registry.npmmirror.com/babel-runtime/-/babel-runtime-6.26.0.tgz",
"integrity": "sha512-ITKNuq2wKlW1fJg9sSW52eepoYgZBggvOAHC0u/CYu/qxQ9EVzThCgR69BnSXLHjy2f7SY5zaQ4yt7H9ZVxY2g==",
"requires": {
"core-js": "^2.4.0",
"regenerator-runtime": "^0.11.0"
},
"dependencies": {
"core-js": {
"version": "2.6.12",
"resolved": "https://registry.npmmirror.com/core-js/-/core-js-2.6.12.tgz",
"integrity": "sha512-Kb2wC0fvsWfQrgk8HU5lW6U/Lcs8+9aaYcy4ZFc6DDlo4nZ7n70dEgE5rtR0oG6ufKDUnrwfWL1mXR5ljDatrQ=="
},
"regenerator-runtime": {
"version": "0.11.1",
"resolved": "https://registry.npmmirror.com/regenerator-runtime/-/regenerator-runtime-0.11.1.tgz",
"integrity": "sha512-MguG95oij0fC3QV3URf4V2SDYGJhJnJGqvIIgdECeODCT98wSWDAJ94SSuVpYQUoTcGUIL6L4yNB7j1DFFHSBg=="
}
}
},
"balanced-match": {
"version": "1.0.2",
"resolved": "https://registry.npmmirror.com/balanced-match/-/balanced-match-1.0.2.tgz",
@ -3177,6 +3228,14 @@
"integrity": "sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w==",
"dev": true
},
"combined-stream": {
"version": "1.0.8",
"resolved": "https://registry.npmmirror.com/combined-stream/-/combined-stream-1.0.8.tgz",
"integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
"requires": {
"delayed-stream": "~1.0.0"
}
},
"commander": {
"version": "2.20.3",
"resolved": "https://registry.npmmirror.com/commander/-/commander-2.20.3.tgz",
@ -3616,8 +3675,7 @@
"deepmerge": {
"version": "1.5.2",
"resolved": "https://registry.npmmirror.com/deepmerge/-/deepmerge-1.5.2.tgz",
"integrity": "sha512-95k0GDqvBjZavkuvzx/YqVLv/6YYa17fz6ILMSf7neqQITCPbnfEnQvEgMPNjH4kgobe7+WIL0yJEHku+H3qtQ==",
"dev": true
"integrity": "sha512-95k0GDqvBjZavkuvzx/YqVLv/6YYa17fz6ILMSf7neqQITCPbnfEnQvEgMPNjH4kgobe7+WIL0yJEHku+H3qtQ=="
},
"default-gateway": {
"version": "6.0.3",
@ -3746,6 +3804,11 @@
"object-keys": "^1.1.1"
}
},
"delayed-stream": {
"version": "1.0.0",
"resolved": "https://registry.npmmirror.com/delayed-stream/-/delayed-stream-1.0.0.tgz",
"integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ=="
},
"depd": {
"version": "2.0.0",
"resolved": "https://registry.npmmirror.com/depd/-/depd-2.0.0.tgz",
@ -3891,6 +3954,19 @@
"integrity": "sha512-oJRPo82XEqtQAobHpJIR3zW5YO3sSRRkPz2an4yxi1UvqhsGm54vR/wzTFV74a3soDOJ8CKW7ajOOX5ESzddwg==",
"dev": true
},
"element-ui": {
"version": "2.15.14",
"resolved": "https://registry.npmmirror.com/element-ui/-/element-ui-2.15.14.tgz",
"integrity": "sha512-2v9fHL0ZGINotOlRIAJD5YuVB8V7WKxrE9Qy7dXhRipa035+kF7WuU/z+tEmLVPBcJ0zt8mOu1DKpWcVzBK8IA==",
"requires": {
"async-validator": "~1.8.1",
"babel-helper-vue-jsx-merge-props": "^2.0.0",
"deepmerge": "^1.2.0",
"normalize-wheel": "^1.0.1",
"resize-observer-polyfill": "^1.5.0",
"throttle-debounce": "^1.0.1"
}
},
"emoji-regex": {
"version": "8.0.0",
"resolved": "https://registry.npmmirror.com/emoji-regex/-/emoji-regex-8.0.0.tgz",
@ -4696,8 +4772,17 @@
"follow-redirects": {
"version": "1.15.6",
"resolved": "https://registry.npmmirror.com/follow-redirects/-/follow-redirects-1.15.6.tgz",
"integrity": "sha512-wWN62YITEaOpSK584EZXJafH1AGpO8RVgElfkuXbTOrPX4fIfOyEpW/CsiNd8JdYrAoOvafRTOEnvsO++qCqFA==",
"dev": true
"integrity": "sha512-wWN62YITEaOpSK584EZXJafH1AGpO8RVgElfkuXbTOrPX4fIfOyEpW/CsiNd8JdYrAoOvafRTOEnvsO++qCqFA=="
},
"form-data": {
"version": "4.0.0",
"resolved": "https://registry.npmmirror.com/form-data/-/form-data-4.0.0.tgz",
"integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==",
"requires": {
"asynckit": "^0.4.0",
"combined-stream": "^1.0.8",
"mime-types": "^2.1.12"
}
},
"forwarded": {
"version": "0.2.0",
@ -5824,14 +5909,12 @@
"mime-db": {
"version": "1.52.0",
"resolved": "https://registry.npmmirror.com/mime-db/-/mime-db-1.52.0.tgz",
"integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
"dev": true
"integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg=="
},
"mime-types": {
"version": "2.1.35",
"resolved": "https://registry.npmmirror.com/mime-types/-/mime-types-2.1.35.tgz",
"integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
"dev": true,
"requires": {
"mime-db": "1.52.0"
}
@ -6077,6 +6160,11 @@
"integrity": "sha512-DlL+XwOy3NxAQ8xuC0okPgK46iuVNAK01YN7RueYBqqFeGsBjV9XmCAzAdgt+667bCl5kPh9EqKKDwnaPG1I7A==",
"dev": true
},
"normalize-wheel": {
"version": "1.0.1",
"resolved": "https://registry.npmmirror.com/normalize-wheel/-/normalize-wheel-1.0.1.tgz",
"integrity": "sha512-1OnlAPZ3zgrk8B91HyRj+eVv+kS5u+Z0SCsak6Xil/kmgEia50ga7zfkumayonZrImffAxPU/5WcyGhzetHNPA=="
},
"npm-run-path": {
"version": "2.0.2",
"resolved": "https://registry.npmmirror.com/npm-run-path/-/npm-run-path-2.0.2.tgz",
@ -6858,6 +6946,11 @@
}
}
},
"proxy-from-env": {
"version": "1.1.0",
"resolved": "https://registry.npmmirror.com/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
"integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg=="
},
"pseudomap": {
"version": "1.0.2",
"resolved": "https://registry.npmmirror.com/pseudomap/-/pseudomap-1.0.2.tgz",
@ -7085,6 +7178,11 @@
"integrity": "sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==",
"dev": true
},
"resize-observer-polyfill": {
"version": "1.5.1",
"resolved": "https://registry.npmmirror.com/resize-observer-polyfill/-/resize-observer-polyfill-1.5.1.tgz",
"integrity": "sha512-LwZrotdHOo12nQuZlHEmtuXdqGoOD0OhaxopaNFxWzInpEgaLWoVuAMbTzixuosCx2nEG58ngzW3vxdWoxIgdg=="
},
"resolve": {
"version": "1.22.8",
"resolved": "https://registry.npmmirror.com/resolve/-/resolve-1.22.8.tgz",
@ -7801,6 +7899,11 @@
}
}
},
"throttle-debounce": {
"version": "1.1.0",
"resolved": "https://registry.npmmirror.com/throttle-debounce/-/throttle-debounce-1.1.0.tgz",
"integrity": "sha512-XH8UiPCQcWNuk2LYePibW/4qL97+ZQ1AN3FNXwZRBNPPowo/NRU5fAlDCSNBJIYCKbioZfuYtMhG4quqoJhVzg=="
},
"thunky": {
"version": "1.1.0",
"resolved": "https://registry.npmmirror.com/thunky/-/thunky-1.1.0.tgz",

@ -8,7 +8,9 @@
"lint": "vue-cli-service lint"
},
"dependencies": {
"axios": "^1.6.8",
"core-js": "^3.8.3",
"element-ui": "^2.15.14",
"vue": "^2.6.14"
},
"devDependencies": {

@ -4,8 +4,10 @@
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests" />
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
<title><%= htmlWebpackPlugin.options.title %></title>
<title>商标注册查询备案系统</title>
<script>
var _hmt = _hmt || [];
(function() {

@ -27,13 +27,13 @@
</el-row>
<el-row style="background-color: #709bc2;">
<el-col :xs="1" :sm="1" :md="1" :lg="1" :xl="1"></el-col>
<el-col :xs="22" :sm="22" :md="22" :lg="22" :xl="22">
<el-col :xs="24" :sm="24" :md="1" :lg="1" :xl="1"></el-col>
<el-col :xs="24" :sm="24" :md="22" :lg="22" :xl="22">
<div class="tabs">
<div @click="setIndex(index)" :class="activeIndex==index?'tabItem active':'tabItem'" v-for="(item,index) in tabList" :key="index">{{item}}</div>
</div>
</el-col>
<el-col :xs="1" :sm="1" :md="1" :lg="1" :xl="1"></el-col>
<el-col :xs="24" :sm="24" :md="1" :lg="1" :xl="1"></el-col>
</el-row>
@ -43,7 +43,7 @@
<div class="content">
<el-row>
<el-col :xs="1" :sm="1" :md="1" :lg="1" :xl="1"></el-col>
<el-col :xs="22" :sm="22" :md="22" :lg="22" :xl="22"><pageOne v-if="activeIndex==0"/><pageTwo v-if="activeIndex==1"/></el-col>
<el-col :xs="22" :sm="22" :md="22" :lg="22" :xl="22"><pageOne v-if="activeIndex==0"/><pageTwo v-if="activeIndex!=0"/></el-col>
<el-col :xs="1" :sm="1" :md="1" :lg="1" :xl="1"></el-col>
</el-row>
@ -55,19 +55,19 @@
<el-col :xs="24" :sm="24" :md="3" :lg="6" :xl="6"></el-col>
<el-col :xs="24" :sm="24" :md="18" :lg="12" :xl="12">
<el-row>
<el-col :xs="12" :sm="12" :md="4" :lg="4" :xl="4">网上快捷申请</el-col>
<el-col :xs="12" :sm="12" :md="4" :lg="4" :xl="4">商标查询</el-col>
<el-col :xs="12" :sm="12" :md="4" :lg="4" :xl="4">国际商标申请</el-col>
<el-col :xs="12" :sm="12" :md="4" :lg="4" :xl="4">注册流程图</el-col>
<el-col :xs="12" :sm="12" :md="4" :lg="4" :xl="4">商标申请指南</el-col>
<el-col :xs="12" :sm="12" :md="4" :lg="4" :xl="4">申请书式文件</el-col>
<el-col :xs="12" :sm="12" :md="4" :lg="4" :xl="4"><span style="cursor: pointer;" @click="setIndex(0)">网上快捷申请</span></el-col>
<el-col :xs="12" :sm="12" :md="4" :lg="4" :xl="4"><span style="cursor: pointer;" @click="setIndex(1)">商标查询</span></el-col>
<el-col :xs="12" :sm="12" :md="4" :lg="4" :xl="4"><span style="cursor: pointer;" @click="setIndex(1)">国际商标申请</span></el-col>
<el-col :xs="12" :sm="12" :md="4" :lg="4" :xl="4"><span style="cursor: pointer;" @click="setIndex(1)">注册流程图</span></el-col>
<el-col :xs="12" :sm="12" :md="4" :lg="4" :xl="4"><span style="cursor: pointer;" @click="setIndex(1)">商标申请指南</span></el-col>
<el-col :xs="12" :sm="12" :md="4" :lg="4" :xl="4"><span style="cursor: pointer;" @click="setIndex(1)">申请书式文件</span></el-col>
</el-row>
</el-col>
<el-col :xs="24" :sm="24" :md="3" :lg="6" :xl="6"></el-col>
</el-row>
<div class="name">公司名称无锡聚优效网络科技有限公司</div>
</div>
</div>
@ -84,7 +84,7 @@ export default {
},
data(){
return{
tabList:['网上快捷申请','商标查询'],
tabList:['网上快捷申请','商标查询','国际商标申请','商标增类申请','注册流程图','商标申请指南'],
activeIndex:0,
}
},
@ -99,6 +99,7 @@ export default {
agl.src = 'https://fxgate.baidu.com/angelia/fcagl.js?production=_f7L2XwGXjyszb4d1e2oxPybgD';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(agl, s);
window._agl && window._agl.push(['track', ['success', {t: 3}]])
},
initHandle(){
@ -107,7 +108,7 @@ export default {
['production', '_f7L2XwGXjyszb4d1e2oxPybgD']
);
this.initInnerHandle()
window._agl && window._agl.push(['track', ['success', {t: 3}]])
}
},
@ -177,11 +178,14 @@ html,body{
.tabs .tabItem{
flex:1;
height:104%;
line-height: 4.2rem;
/* line-height: 4.2rem; */
text-align: center;
cursor: pointer;
font-size: 1.6rem;
color: #FFFFFF;
display: flex;
align-items: center;
justify-content: center;
}
.active{
background-color: #ff9724;
@ -197,7 +201,8 @@ html,body{
background-image: url(./assets/bg_foot.png);
/* background-size: ; */
height: 7.8rem;
font-size: 1.6rem;
font-weight: bold;
background-size: cover;
border-top: solid 1px #48769f;
display: flex;
@ -219,10 +224,32 @@ html,body{
@media only screen and (max-width: 767px){
.title{
font-size: 1.2rem;
padding:0;
}
.logo{
padding:1rem 0;
}
.logo img{
width:6rem;
height:6rem;
}
.titleLogo .topic{
font-size: 1.8rem;
font-size: 1.4rem;
line-height: 1.4rem;
}
.titleLogo .subTopic{
font-size: 1.2rem;
text-align: left;
line-height: 1.4rem;
}
.tabs{
padding: 0;
}
.tabs .tabItem{
font-size:1.2rem;
height:113%;
}
}
@media only screen and (min-width: 768px){

@ -21,7 +21,7 @@
<el-radio label="中文+英文"></el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="筛选条件设置" prop="activity">
<el-form-item label="筛选条件设置" prop="activity" class="setting">
<div class="activityContent">
<el-checkbox :indeterminate="isIndeterminate" v-model="checkAll" @change="handleCheckAllChange">全选</el-checkbox>
<div style="margin-bottom:0.8rem;"></div>
@ -42,8 +42,9 @@
<button class="searchBtn" @click="submitForm">立即查询></button>
</div>
<div class="mobile">电话咨询15701265930</div>
<div class="info">
2023年的商标数据存在部分延迟可去人工窗口免费二次核实
2024年的商标数据存在部分延迟可去人工窗口免费二次核实
</div>
</div>
<el-dialog title="网上快捷申请" :close-on-click-modal="false" :visible.sync="dialogVisible" width="554px" @close="closeHandle">
@ -148,7 +149,7 @@ export default{
}
this.$axios({
method: "post",
url: "https://b8.njrenzhou.com/api/sms/sendCode",
url: "https://bdjhy.jzynkj.com/api/sms/sendCode",
data: {
mobile:this.dialogForm.phone
}
@ -200,7 +201,7 @@ export default{
}
this.$axios({
method: "post",
url: "https://b8.njrenzhou.com/api/trade/addTrade",
url: "https://bdjhy.jzynkj.com/api/trade/addTrade",
data: {
mobile:this.dialogForm.phone,
captcha:this.dialogForm.code,
@ -211,9 +212,9 @@ export default{
console.log(res)
if(res.data.code==1){
this.dialogVisible = false;
alert(res.msg);
alert(res.data.msg);
}else{
alert(res.msg);
alert(res.data.msg);
}
})
.catch(function(err){
@ -252,6 +253,12 @@ export default{
}
</script>
<style scoped>
.mobile{
margin-top:2rem;
font-size:1.4rem;
margin-top: 8.7rem;
margin-bottom:1rem;
}
.pageOne{
background-color: #fff;
@ -394,7 +401,7 @@ h3{
border:none;
}
.info{
font-size: 1.4rem;
font-size: 1.6rem;
color: #333333;
text-align: center;
background-color: #f5f5f5;
@ -402,7 +409,7 @@ h3{
display: flex;
align-items: center;
justify-content: center;
margin-top: 8.7rem;
/* margin-top: 8.7rem; */
}
.xing{
font-size: 24px;
@ -498,7 +505,7 @@ h3{
margin-top: 1rem;
}
h3 {
font-size: 2.0rem;
font-size: 1.6rem !important;
color: #37496e;
font-weight: 700;
text-transform: uppercase;
@ -506,7 +513,11 @@ h3{
padding: 0;
}
.subTitle{
margin: 17px auto 0;
margin: 10px auto 0 !important;
font-size: 1.2rem !important;
}
.form{
padding-top:1rem !important;
}
.el-form-item__content{
@ -529,7 +540,7 @@ h3{
text-align: left;
}
.btnGroup{
margin-top:2rem !important;
margin-top:0rem !important;
}
.searchBtn{
margin-top:1rem !important;
@ -550,6 +561,45 @@ h3{
font-size: 1.6rem !important;
width: 10rem !important;
}
.setting{
display:none;
}
.btnGroup{
display: flex;
align-items: center;
justify-content: space-around;
}
.searchBtn{
margin-top:0 !important;
}
.reset {
text-align: center;
cursor: pointer;
margin: 0 9px;
width: 10rem;
height: 3rem;
font-size: 1.4rem;
color: #333333;
background-color: #f5f5f5;
cursor: pointer;
border: solid 1px #aaaaaa;
line-height: 3rem;
/* border: none; */
border: solid 1px #aaaaaa;
}
.searchBtn {
text-align: center;
cursor: pointer;
margin: 0 9px;
width: 10rem;
height: 3rem;
font-size: 1.4rem;
background-color: #c40001;
color: #FFFFFF;
line-height: 3rem;
border: none;
}
}
@media only screen and (min-width: 768px){
.el-form-item__content{

@ -34,8 +34,9 @@
<button class="searchBtn" @click="submitForm">立即查询></button>
</div>
<div class="mobile">电话咨询15701265930</div>
<div class="info">
2023年的商标数据存在部分延迟可去人工窗口免费二次核实
2024年的商标数据存在部分延迟可去人工窗口免费二次核实
</div>
</div>
<el-dialog title="商标查询" :close-on-click-modal="false" :visible.sync="dialogVisible" width="554px" @close="closeHandle">
@ -135,7 +136,7 @@
}
this.$axios({
method: "post",
url: "https://b8.njrenzhou.com/api/sms/sendCode",
url: "https://bdjhy.jzynkj.com/api/sms/sendCode",
data: {
mobile:this.dialogForm.phone
}
@ -185,7 +186,7 @@
}
this.$axios({
method: "post",
url: "https://b8.njrenzhou.com/api/trade/addTrade",
url: "https://bdjhy.jzynkj.com/api/trade/addTrade",
data: {
mobile:this.dialogForm.phone,
captcha:this.dialogForm.code,
@ -195,9 +196,9 @@
.then((res)=>{
if(res.data.code==1){
this.dialogVisible = false;
alert(res.msg);
alert(res.data.msg);
}else{
alert(res.msg);
alert(res.data.msg);
}
})
.catch(function(err){
@ -236,244 +237,250 @@
}
</script>
<style scoped>
.pageOne{
background-color: #fff;
padding:4.5rem 0 0 0;
margin-top:2rem;
}
h3{
font-size: 3.0rem;
color: #37496e;
font-weight: 700;
text-transform: uppercase;
margin:0;
padding:0;
}
.logo{
display: flex;
align-items: center;
}
.subTitle{
font-size: 1.6rem;
color: #d57d00;
display: flex;
align-items: center;
justify-content: center;
flex-flow: row wrap;
margin: 37px auto 0;
}
.subTitle img{
margin-right: 12px;
}
.subTitle span{
font-size: 1.8rem;
color: #ff0000;
}
.form{
padding-top: 6.2rem;
}
.form .formRule{
width:80%;
margin:0 auto;
}
>>>.el-form-item{
position: relative;
}
/* >>>.el-form-item__content{
text-align: left;
margin-left: 166px !important;
line-height: 2.5rem;
} */
>>>.el-form-item__label{
font-size: 1.8rem;
color: #FFFFFF;
background-color: #2071b5;
height: 5rem;
text-align: center;
border-radius: 8px;
line-height: 5rem;
text-align: center;
padding: 0;
}
>>>.el-input__inner{
height:5rem;
background-color: #ececec;
border: solid 1px #aaaaaa;
color:#000;
font-size:1.6rem;
}
>>>.is-checked .el-checkbox__label{
color:#c40001 !important;
}
>>>.el-checkbox__input.is-checked .el-checkbox__inner, >>>.el-checkbox__input.is-indeterminate .el-checkbox__inner{
background-color: #c40001 !important;
border-color: #c40001 !important;
}
>>>.el-radio__input.is-checked .el-radio__inner{
background-color: #c40001 !important;
border-color: #c40001 !important;
}
>>>.el-radio-group{
line-height: 5rem;
}
>>>.el-radio__label,>>>.el-checkbox__label{
color:#000;
font-size:1.6rem;
}
>>>.el-radio__input.is-checked+.el-radio__label{
color:#c40001;
}
>>>.el-checkbox{
width:33%;
margin:0;
}
>>>.el-form-item.is-required:not(.is-no-asterisk)>.el-form-item__label:before{
/* content: '*';
color: #F56C6C;
margin-right: 4px; */
display: none;
}
.activityContent{
padding: 1.8rem;
border: solid 1px #aaaaaa;
border-radius: 8px;
}
.btnGroup{
text-align: center;
margin-top: 6rem;
}
.reset{
text-align: center;
cursor: pointer;
margin: 0 9px;
width: 16rem;
height: 5rem;
font-size: 1.8rem;
color: #333333;
background-color: #f5f5f5;
cursor: pointer;
border: solid 1px #aaaaaa;
line-height: 4.8rem;
/* border:none; */
border: solid 1px #aaaaaa;
}
.searchBtn{
text-align: center;
cursor: pointer;
margin: 0 9px;
width: 16rem;
height: 5rem;
font-size: 1.8rem;
background-color: #c40001;
color: #FFFFFF;
line-height: 5rem;
border:none;
}
.info{
font-size: 1.4rem;
color: #333333;
text-align: center;
background-color: #f5f5f5;
height: 4.6rem;
display: flex;
align-items: center;
justify-content: center;
margin-top: 8.7rem;
}
.xing{
font-size: 24px;
color: #ff0000;
margin-right: 8px;
position: absolute;
left: -18rem;
top: 1.6rem;
}
>>>.el-dialog__header{
height: 6rem;
display: flex;
align-items: center;
justify-content: center;
font-size: 2rem;
color: #333333;
background-color: #ececec;
text-transform: uppercase;
padding:0;
border-top: solid 4px #709bc2;
}
>>>.el-dialog__body{
padding:1rem 5rem 3rem 5rem;
}
.dialogInfo{
text-indent: 3.2rem;
font-size: 1.6rem;
color: #333333;
line-height: 3.2rem;
/* padding: 0 45px 0 33px; */
margin-bottom: 6px;
text-align: left;
}
.mobile{
margin-top:2rem;
font-size:1.4rem;
margin-top: 8.7rem;
margin-bottom:1rem;
}
.pageOne{
background-color: #fff;
padding:4.5rem 0 0 0;
margin-top:2rem;
}
h3{
font-size: 3.0rem;
color: #37496e;
font-weight: 700;
text-transform: uppercase;
margin:0;
padding:0;
}
.logo{
display: flex;
align-items: center;
}
.subTitle{
font-size: 1.6rem;
color: #d57d00;
display: flex;
align-items: center;
justify-content: center;
flex-flow: row wrap;
margin: 37px auto 0;
}
.subTitle img{
margin-right: 12px;
}
.subTitle span{
font-size: 1.8rem;
color: #ff0000;
}
.form{
padding-top: 6.2rem;
}
.form .formRule{
.dialogform >>>.el-input-group__prepend{
border-radius: 0;
border:none;
font-size: 1.8rem;
color: #FFFFFF;
background-color: #2071b5;
width: 12rem;
height: 5rem;
padding:0;
}
.dialogform >>>.el-input__inner{
background-color: #fff;
border: solid 1px #dddddd;
border-radius: 0;
color:#000;
font-size:1.6rem;
}
.code{
display: flex;
align-items: center;
justify-content: space-between;
}
.codeBtn{
width: 20rem;
cursor: pointer;
font-size: 1.8rem;
color: #FFFFFF;
background-color: #2071b5;
height: 5rem;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
border:none;
margin-left:1rem;
}
.submitBtn{
width: 23rem;
height: 5rem;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
margin: 4.4rem auto 0.9rem;
font-size: 18px;
color: #FFFFFF;
background-color: #c40000;
}
</style>
width:80%;
margin:0 auto;
}
>>>.el-form-item{
position: relative;
}
/* >>>.el-form-item__content{
text-align: left;
margin-left: 166px !important;
line-height: 2.5rem;
} */
>>>.el-form-item__label{
font-size: 1.8rem;
color: #FFFFFF;
background-color: #2071b5;
height: 5rem;
text-align: center;
border-radius: 8px;
line-height: 5rem;
text-align: center;
padding: 0;
}
>>>.el-input__inner{
height:5rem;
background-color: #ececec;
border: solid 1px #aaaaaa;
color:#000;
font-size:1.6rem;
}
>>>.is-checked .el-checkbox__label{
color:#c40001 !important;
}
>>>.el-checkbox__input.is-checked .el-checkbox__inner, >>>.el-checkbox__input.is-indeterminate .el-checkbox__inner{
background-color: #c40001 !important;
border-color: #c40001 !important;
}
>>>.el-radio__input.is-checked .el-radio__inner{
background-color: #c40001 !important;
border-color: #c40001 !important;
}
>>>.el-radio-group{
line-height: 5rem;
}
>>>.el-radio__label,>>>.el-checkbox__label{
color:#000;
font-size:1.6rem;
}
>>>.el-radio__input.is-checked+.el-radio__label{
color:#c40001;
}
>>>.el-checkbox{
width:33%;
margin:0;
}
>>>.el-form-item.is-required:not(.is-no-asterisk)>.el-form-item__label:before{
/* content: '*';
color: #F56C6C;
margin-right: 4px; */
display: none;
}
.activityContent{
padding: 1.8rem;
border: solid 1px #aaaaaa;
border-radius: 8px;
}
.btnGroup{
text-align: center;
margin-top: 6rem;
}
.reset{
text-align: center;
cursor: pointer;
margin: 0 9px;
width: 16rem;
height: 5rem;
font-size: 1.8rem;
color: #333333;
background-color: #f5f5f5;
cursor: pointer;
border: solid 1px #aaaaaa;
line-height: 4.8rem;
/* border:none; */
border: solid 1px #aaaaaa;
}
.searchBtn{
text-align: center;
cursor: pointer;
margin: 0 9px;
width: 16rem;
height: 5rem;
font-size: 1.8rem;
background-color: #c40001;
color: #FFFFFF;
line-height: 5rem;
border:none;
}
.info{
font-size: 1.6rem;
color: #333333;
text-align: center;
background-color: #f5f5f5;
height: 4.6rem;
display: flex;
align-items: center;
justify-content: center;
}
.xing{
font-size: 24px;
color: #ff0000;
margin-right: 8px;
position: absolute;
left: -18rem;
top: 1.6rem;
}
>>>.el-dialog__header{
height: 6rem;
display: flex;
align-items: center;
justify-content: center;
font-size: 2rem;
color: #333333;
background-color: #ececec;
text-transform: uppercase;
padding:0;
border-top: solid 4px #709bc2;
}
>>>.el-dialog__body{
padding:1rem 5rem 3rem 5rem;
}
.dialogInfo{
text-indent: 3.2rem;
font-size: 1.6rem;
color: #333333;
line-height: 3.2rem;
/* padding: 0 45px 0 33px; */
margin-bottom: 6px;
text-align: left;
}
.dialogform >>>.el-input-group__prepend{
border-radius: 0;
border:none;
font-size: 1.8rem;
color: #FFFFFF;
background-color: #2071b5;
width: 12rem;
height: 5rem;
padding:0;
}
.dialogform >>>.el-input__inner{
background-color: #fff;
border: solid 1px #dddddd;
border-radius: 0;
color:#000;
font-size:1.6rem;
}
.code{
display: flex;
align-items: center;
justify-content: space-between;
}
.codeBtn{
width: 20rem;
cursor: pointer;
font-size: 1.8rem;
color: #FFFFFF;
background-color: #2071b5;
height: 5rem;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
border:none;
margin-left:1rem;
}
.submitBtn{
width: 23rem;
height: 5rem;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
margin: 4.4rem auto 0.9rem;
font-size: 18px;
color: #FFFFFF;
background-color: #c40000;
}
</style>
<style>
@media only screen and (max-width: 767px){
@ -483,7 +490,7 @@
margin-top: 1rem;
}
h3 {
font-size: 2.0rem;
font-size: 1.6rem !important;
color: #37496e;
font-weight: 700;
text-transform: uppercase;
@ -491,7 +498,11 @@
padding: 0;
}
.subTitle{
margin: 17px auto 0;
margin: 10px auto 0 !important;
font-size: 1.2rem !important;
}
.form{
padding-top:1rem !important;
}
.el-form-item__content{
@ -514,7 +525,7 @@
text-align: left;
}
.btnGroup{
margin-top:2rem !important;
margin-top:0rem !important;
}
.searchBtn{
margin-top:1rem !important;
@ -535,6 +546,45 @@
font-size: 1.6rem !important;
width: 10rem !important;
}
.setting{
display:none;
}
.btnGroup{
display: flex;
align-items: center;
justify-content: space-around;
}
.searchBtn{
margin-top:0 !important;
}
.reset {
text-align: center;
cursor: pointer;
margin: 0 9px;
width: 10rem;
height: 3rem;
font-size: 1.4rem;
color: #333333;
background-color: #f5f5f5;
cursor: pointer;
border: solid 1px #aaaaaa;
line-height: 3rem;
/* border: none; */
border: solid 1px #aaaaaa;
}
.searchBtn {
text-align: center;
cursor: pointer;
margin: 0 9px;
width: 10rem;
height: 3rem;
font-size: 1.4rem;
background-color: #c40001;
color: #FFFFFF;
line-height: 3rem;
border: none;
}
}
@media only screen and (min-width: 768px){
.el-form-item__content{

Loading…
Cancel
Save