liudan
/
shangbiao
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

1

Browse Source
main
liudan 8 months ago
parent 403402b295
commit 7f8b1511d7
6 changed files with 554 additions and 320 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  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. 210
      src/components/pageTwo.vue

201
package-lock.json generated
Unescape View File

@ -1,5 +1,5 @@
{ {
"name": "商标注册查询备案系统", "name": "project-one",
"version": "0.1.0", "version": "0.1.0",
"lockfileVersion": 1, "lockfileVersion": 1,
"requires": true, "requires": true,
@ -2090,6 +2090,49 @@
"webpack-merge": "^5.7.3", "webpack-merge": "^5.7.3",
"webpack-virtual-modules": "^0.4.2", "webpack-virtual-modules": "^0.4.2",
"whatwg-fetch": "^3.6.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": { "@vue/cli-shared-utils": {
@ -2300,47 +2343,6 @@
"integrity": "sha512-PuJe7vDIi6VYSinuEbUIQgMIRZGgM8e4R+G+/dQTk0X1NEdvgvvgv7m+rfmDH1gZzyA1OjjoWskvHlfRNfQf3g==", "integrity": "sha512-PuJe7vDIi6VYSinuEbUIQgMIRZGgM8e4R+G+/dQTk0X1NEdvgvvgv7m+rfmDH1gZzyA1OjjoWskvHlfRNfQf3g==",
"dev": true "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": { "@vue/web-component-wrapper": {
"version": "1.3.0", "version": "1.3.0",
"resolved": "https://registry.npmmirror.com/@vue/web-component-wrapper/-/web-component-wrapper-1.3.0.tgz", "resolved": "https://registry.npmmirror.com/@vue/web-component-wrapper/-/web-component-wrapper-1.3.0.tgz",
@ -2683,6 +2685,19 @@
"lodash": "^4.17.14" "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": { "at-least-node": {
"version": "1.0.0", "version": "1.0.0",
"resolved": "https://registry.npmmirror.com/at-least-node/-/at-least-node-1.0.0.tgz", "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" "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": { "babel-loader": {
"version": "8.3.0", "version": "8.3.0",
"resolved": "https://registry.npmmirror.com/babel-loader/-/babel-loader-8.3.0.tgz", "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/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": { "balanced-match": {
"version": "1.0.2", "version": "1.0.2",
"resolved": "https://registry.npmmirror.com/balanced-match/-/balanced-match-1.0.2.tgz", "resolved": "https://registry.npmmirror.com/balanced-match/-/balanced-match-1.0.2.tgz",
@ -3177,6 +3228,14 @@
"integrity": "sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w==", "integrity": "sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w==",
"dev": true "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": { "commander": {
"version": "2.20.3", "version": "2.20.3",
"resolved": "https://registry.npmmirror.com/commander/-/commander-2.20.3.tgz", "resolved": "https://registry.npmmirror.com/commander/-/commander-2.20.3.tgz",
@ -3616,8 +3675,7 @@
"deepmerge": { "deepmerge": {
"version": "1.5.2", "version": "1.5.2",
"resolved": "https://registry.npmmirror.com/deepmerge/-/deepmerge-1.5.2.tgz", "resolved": "https://registry.npmmirror.com/deepmerge/-/deepmerge-1.5.2.tgz",
"integrity": "sha512-95k0GDqvBjZavkuvzx/YqVLv/6YYa17fz6ILMSf7neqQITCPbnfEnQvEgMPNjH4kgobe7+WIL0yJEHku+H3qtQ==", "integrity": "sha512-95k0GDqvBjZavkuvzx/YqVLv/6YYa17fz6ILMSf7neqQITCPbnfEnQvEgMPNjH4kgobe7+WIL0yJEHku+H3qtQ=="
"dev": true
}, },
"default-gateway": { "default-gateway": {
"version": "6.0.3", "version": "6.0.3",
@ -3746,6 +3804,11 @@
"object-keys": "^1.1.1" "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": { "depd": {
"version": "2.0.0", "version": "2.0.0",
"resolved": "https://registry.npmmirror.com/depd/-/depd-2.0.0.tgz", "resolved": "https://registry.npmmirror.com/depd/-/depd-2.0.0.tgz",
@ -3891,6 +3954,19 @@
"integrity": "sha512-oJRPo82XEqtQAobHpJIR3zW5YO3sSRRkPz2an4yxi1UvqhsGm54vR/wzTFV74a3soDOJ8CKW7ajOOX5ESzddwg==", "integrity": "sha512-oJRPo82XEqtQAobHpJIR3zW5YO3sSRRkPz2an4yxi1UvqhsGm54vR/wzTFV74a3soDOJ8CKW7ajOOX5ESzddwg==",
"dev": true "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": { "emoji-regex": {
"version": "8.0.0", "version": "8.0.0",
"resolved": "https://registry.npmmirror.com/emoji-regex/-/emoji-regex-8.0.0.tgz", "resolved": "https://registry.npmmirror.com/emoji-regex/-/emoji-regex-8.0.0.tgz",
@ -4696,8 +4772,17 @@
"follow-redirects": { "follow-redirects": {
"version": "1.15.6", "version": "1.15.6",
"resolved": "https://registry.npmmirror.com/follow-redirects/-/follow-redirects-1.15.6.tgz", "resolved": "https://registry.npmmirror.com/follow-redirects/-/follow-redirects-1.15.6.tgz",
"integrity": "sha512-wWN62YITEaOpSK584EZXJafH1AGpO8RVgElfkuXbTOrPX4fIfOyEpW/CsiNd8JdYrAoOvafRTOEnvsO++qCqFA==", "integrity": "sha512-wWN62YITEaOpSK584EZXJafH1AGpO8RVgElfkuXbTOrPX4fIfOyEpW/CsiNd8JdYrAoOvafRTOEnvsO++qCqFA=="
"dev": true },
"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": { "forwarded": {
"version": "0.2.0", "version": "0.2.0",
@ -5824,14 +5909,12 @@
"mime-db": { "mime-db": {
"version": "1.52.0", "version": "1.52.0",
"resolved": "https://registry.npmmirror.com/mime-db/-/mime-db-1.52.0.tgz", "resolved": "https://registry.npmmirror.com/mime-db/-/mime-db-1.52.0.tgz",
"integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==", "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg=="
"dev": true
}, },
"mime-types": { "mime-types": {
"version": "2.1.35", "version": "2.1.35",
"resolved": "https://registry.npmmirror.com/mime-types/-/mime-types-2.1.35.tgz", "resolved": "https://registry.npmmirror.com/mime-types/-/mime-types-2.1.35.tgz",
"integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==", "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
"dev": true,
"requires": { "requires": {
"mime-db": "1.52.0" "mime-db": "1.52.0"
} }
@ -6077,6 +6160,11 @@
"integrity": "sha512-DlL+XwOy3NxAQ8xuC0okPgK46iuVNAK01YN7RueYBqqFeGsBjV9XmCAzAdgt+667bCl5kPh9EqKKDwnaPG1I7A==", "integrity": "sha512-DlL+XwOy3NxAQ8xuC0okPgK46iuVNAK01YN7RueYBqqFeGsBjV9XmCAzAdgt+667bCl5kPh9EqKKDwnaPG1I7A==",
"dev": true "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": { "npm-run-path": {
"version": "2.0.2", "version": "2.0.2",
"resolved": "https://registry.npmmirror.com/npm-run-path/-/npm-run-path-2.0.2.tgz", "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": { "pseudomap": {
"version": "1.0.2", "version": "1.0.2",
"resolved": "https://registry.npmmirror.com/pseudomap/-/pseudomap-1.0.2.tgz", "resolved": "https://registry.npmmirror.com/pseudomap/-/pseudomap-1.0.2.tgz",
@ -7085,6 +7178,11 @@
"integrity": "sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==", "integrity": "sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==",
"dev": true "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": { "resolve": {
"version": "1.22.8", "version": "1.22.8",
"resolved": "https://registry.npmmirror.com/resolve/-/resolve-1.22.8.tgz", "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": { "thunky": {
"version": "1.1.0", "version": "1.1.0",
"resolved": "https://registry.npmmirror.com/thunky/-/thunky-1.1.0.tgz", "resolved": "https://registry.npmmirror.com/thunky/-/thunky-1.1.0.tgz",

2
package.json
Unescape View File

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

4
public/index.html
Unescape View File

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

59
src/App.vue
Unescape View File

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

72
src/components/pageOne.vue
Unescape View File

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

210
src/components/pageTwo.vue
Unescape View File

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

Write Preview
Loading…
Cancel
Save