专利详情页面

225627a7 · liudx · 2fbd9c61 · 225627a7 · 225627a7 · 225627a7
Commit 225627a7 authored Jul 07, 2023 by liudx
13 changed files
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@@ -9,8 +9,10 @@
  },
  "dependencies": {
    "ant-design-vue": "^3.2.20",
+    "axios": "^1.4.0",
    "core-js": "^3.6.5",
    "echarts": "^5.4.2",
+    "echarts-wordcloud": "^2.1.0",
    "postcss-px2rem": "^0.3.0",
    "px2rem-loader": "^0.1.9",
    "vue": "^3.0.0",

--- a/src/components/EchartsCloud.vue
+++ b/src/components/EchartsCloud.vue
+<template>
+  <div :id="id" :style="style"></div>
+</template>
+<script>
+import * as echarts from "echarts";
+import "echarts-wordcloud";
+export default {
+  name: "EchartsCloud",
+  data() {
+    return {
+      chart: "",
+    };
+  },
+  props: {
+    id: {
+      type: String,
+    },
+    width: {
+      type: String,
+      default: "100%",
+    },
+    height: {
+      type: String,
+      default: "100%",
+    },
+    dataArr:{
+      type:Array,
+      default:[]
+    }
+  },
+  computed: {
+    style() {
+      return {
+        width: this.width,
+        height: this.height,
+      };
+    },
+  },
+  watch: {
+    option: {
+      handler(newVal) {
+        if (this.chart) {
+          this.chart.setOption(newVal);
+        } else {
+          this.init();
+        }
+      },
+      deep: true,
+    },
+  },
+  mounted() {
+    this.initchart();
+  },
+  methods: {
+    initchart() {
+      let myChart = echarts.init(document.getElementById(this.id));
+      myChart.setOption({
+        series: [
+          {
+            type: "wordCloud",
+            //用来调整词之间的距离
+            gridSize: 10,
+            //用来调整字的大小范围
+            // Text size range which the value in data will be mapped to.
+            // Default to have minimum 12px and maximum 60px size.
+            sizeRange: [14, 60],
+            // Text rotation range and step in degree. Text will be rotated randomly in range [-90,                                                                             90] by rotationStep 45
+            //用来调整词的旋转方向，，[0,0]--代表着没有角度，也就是词为水平方向，需要设置角度参考注释内容
+            // rotationRange: [-45, 0, 45, 90],
+            // rotationRange: [ 0,90],
+            rotationRange: [0, 0],
+            //随机生成字体颜色
+            // maskImage: maskImage,
+            textStyle: {
+              color: function () {
+                return (
+                  "rgb(" +
+                  Math.round(Math.random() * 255) +
+                  ", " +
+                  Math.round(Math.random() * 255) +
+                  ", " +
+                  Math.round(Math.random() * 255) +
+                  ")"
+                );
+              },
+            },
+            //位置相关设置
+            // Folllowing left/top/width/height/right/bottom are used for positioning the word cloud
+            // Default to be put in the center and has 75% x 80% size.
+            left: "center",
+            top: "center",
+            right: null,
+            bottom: null,
+            width: "200%",
+            height: "200%",
+            //数据
+            data: this.dataArr
+          },
+        ],
+      });
+    },
+  },
+};
+</script>
--- a/src/components/HelloWorld.vue
+++ b/src/components/HelloWorld.vue
-<template>
-  <div class="hello">
-    <h1>{{ msg }}</h1>
-    <p>
-      For a guide and recipes on how to configure / customize this project,<br>
-      check out the
-      <a href="https://cli.vuejs.org" target="_blank" rel="noopener">vue-cli documentation</a>.
-    </p>
-    <h3>Installed CLI Plugins</h3>
-    <ul>
-      <li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-babel" target="_blank" rel="noopener">babel</a></li>
-      <li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-router" target="_blank" rel="noopener">router</a></li>
-      <li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-vuex" target="_blank" rel="noopener">vuex</a></li>
-      <li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-eslint" target="_blank" rel="noopener">eslint</a></li>
-    </ul>
-    <h3>Essential Links</h3>
-    <ul>
-      <li><a href="https://vuejs.org" target="_blank" rel="noopener">Core Docs</a></li>
-      <li><a href="https://forum.vuejs.org" target="_blank" rel="noopener">Forum</a></li>
-      <li><a href="https://chat.vuejs.org" target="_blank" rel="noopener">Community Chat</a></li>
-      <li><a href="https://twitter.com/vuejs" target="_blank" rel="noopener">Twitter</a></li>
-      <li><a href="https://news.vuejs.org" target="_blank" rel="noopener">News</a></li>
-    </ul>
-    <h3>Ecosystem</h3>
-    <ul>
-      <li><a href="https://router.vuejs.org" target="_blank" rel="noopener">vue-router</a></li>
-      <li><a href="https://vuex.vuejs.org" target="_blank" rel="noopener">vuex</a></li>
-      <li><a href="https://github.com/vuejs/vue-devtools#vue-devtools" target="_blank" rel="noopener">vue-devtools</a></li>
-      <li><a href="https://vue-loader.vuejs.org" target="_blank" rel="noopener">vue-loader</a></li>
-      <li><a href="https://github.com/vuejs/awesome-vue" target="_blank" rel="noopener">awesome-vue</a></li>
-    </ul>
-  </div>
-</template>
-<script>
-export default {
-  name: 'HelloWorld',
-  props: {
-    msg: String
-  }
-}
-</script>
-<!-- Add "scoped" attribute to limit CSS to this component only -->
-<style scoped lang="less">
-h3 {
-  margin: 40px 0 0;
-}
-ul {
-  list-style-type: none;
-  padding: 0;
-}
-li {
-  display: inline-block;
-  margin: 0 10px;
-}
-a {
-  color: #42b983;
-}
-</style>
--- a/src/utils/API.js
+++ b/src/utils/API.js
+import { get, post } from './request'
+ //示例
+ export const login = p => post('/api/user/get_login', p);
--- a/src/utils/aes.js
+++ b/src/utils/aes.js
+/*
+CryptoJS v3.1.2
+code.google.com/p/crypto-js
+(c) 2009-2013 by Jeff Mott. All rights reserved.
+code.google.com/p/crypto-js/wiki/License
+*/
+var CryptoJS = CryptoJS || function (u, p) {
+  var d = {}, l = d.lib = {}, s = function () { }, t = l.Base = { extend: function (a) { s.prototype = this; var c = new s; a && c.mixIn(a); c.hasOwnProperty("init") || (c.init = function () { c.$super.init.apply(this, arguments) }); c.init.prototype = c; c.$super = this; return c }, create: function () { var a = this.extend(); a.init.apply(a, arguments); return a }, init: function () { }, mixIn: function (a) { for (var c in a) a.hasOwnProperty(c) && (this[c] = a[c]); a.hasOwnProperty("toString") && (this.toString = a.toString) }, clone: function () { return this.init.prototype.extend(this) } },
+  r = l.WordArray = t.extend({
+    init: function (a, c) { a = this.words = a || []; this.sigBytes = c != p ? c : 4 * a.length }, toString: function (a) { return (a || v).stringify(this) }, concat: function (a) { var c = this.words, e = a.words, j = this.sigBytes; a = a.sigBytes; this.clamp(); if (j % 4) for (var k = 0; k < a; k++)c[j + k >>> 2] |= (e[k >>> 2] >>> 24 - 8 * (k % 4) & 255) << 24 - 8 * ((j + k) % 4); else if (65535 < e.length) for (k = 0; k < a; k += 4)c[j + k >>> 2] = e[k >>> 2]; else c.push.apply(c, e); this.sigBytes += a; return this }, clamp: function () {
+      var a = this.words, c = this.sigBytes; a[c >>> 2] &= 4294967295 <<
+        32 - 8 * (c % 4); a.length = u.ceil(c / 4)
+    }, clone: function () { var a = t.clone.call(this); a.words = this.words.slice(0); return a }, random: function (a) { for (var c = [], e = 0; e < a; e += 4)c.push(4294967296 * u.random() | 0); return new r.init(c, a) }
+  }), w = d.enc = {}, v = w.Hex = {
+    stringify: function (a) { var c = a.words; a = a.sigBytes; for (var e = [], j = 0; j < a; j++) { var k = c[j >>> 2] >>> 24 - 8 * (j % 4) & 255; e.push((k >>> 4).toString(16)); e.push((k & 15).toString(16)) } return e.join("") }, parse: function (a) {
+      for (var c = a.length, e = [], j = 0; j < c; j += 2)e[j >>> 3] |= parseInt(a.substr(j,
+        2), 16) << 24 - 4 * (j % 8); return new r.init(e, c / 2)
+    }
+  }, b = w.Latin1 = { stringify: function (a) { var c = a.words; a = a.sigBytes; for (var e = [], j = 0; j < a; j++)e.push(String.fromCharCode(c[j >>> 2] >>> 24 - 8 * (j % 4) & 255)); return e.join("") }, parse: function (a) { for (var c = a.length, e = [], j = 0; j < c; j++)e[j >>> 2] |= (a.charCodeAt(j) & 255) << 24 - 8 * (j % 4); return new r.init(e, c) } }, x = w.Utf8 = { stringify: function (a) { try { return decodeURIComponent(escape(b.stringify(a))) } catch (c) { throw Error("Malformed UTF-8 data"); } }, parse: function (a) { return b.parse(unescape(encodeURIComponent(a))) } },
+  q = l.BufferedBlockAlgorithm = t.extend({
+    reset: function () { this._data = new r.init; this._nDataBytes = 0 }, _append: function (a) { "string" == typeof a && (a = x.parse(a)); this._data.concat(a); this._nDataBytes += a.sigBytes }, _process: function (a) { var c = this._data, e = c.words, j = c.sigBytes, k = this.blockSize, b = j / (4 * k), b = a ? u.ceil(b) : u.max((b | 0) - this._minBufferSize, 0); a = b * k; j = u.min(4 * a, j); if (a) { for (var q = 0; q < a; q += k)this._doProcessBlock(e, q); q = e.splice(0, a); c.sigBytes -= j } return new r.init(q, j) }, clone: function () {
+      var a = t.clone.call(this);
+      a._data = this._data.clone(); return a
+    }, _minBufferSize: 0
+  }); l.Hasher = q.extend({
+    cfg: t.extend(), init: function (a) { this.cfg = this.cfg.extend(a); this.reset() }, reset: function () { q.reset.call(this); this._doReset() }, update: function (a) { this._append(a); this._process(); return this }, finalize: function (a) { a && this._append(a); return this._doFinalize() }, blockSize: 16, _createHelper: function (a) { return function (b, e) { return (new a.init(e)).finalize(b) } }, _createHmacHelper: function (a) {
+      return function (b, e) {
+        return (new n.HMAC.init(a,
+          e)).finalize(b)
+      }
+    }
+  }); var n = d.algo = {}; return d
+}(Math);
+(function () {
+  var u = CryptoJS, p = u.lib.WordArray; u.enc.Base64 = {
+    stringify: function (d) { var l = d.words, p = d.sigBytes, t = this._map; d.clamp(); d = []; for (var r = 0; r < p; r += 3)for (var w = (l[r >>> 2] >>> 24 - 8 * (r % 4) & 255) << 16 | (l[r + 1 >>> 2] >>> 24 - 8 * ((r + 1) % 4) & 255) << 8 | l[r + 2 >>> 2] >>> 24 - 8 * ((r + 2) % 4) & 255, v = 0; 4 > v && r + 0.75 * v < p; v++)d.push(t.charAt(w >>> 6 * (3 - v) & 63)); if (l = t.charAt(64)) for (; d.length % 4;)d.push(l); return d.join("") }, parse: function (d) {
+      var l = d.length, s = this._map, t = s.charAt(64); t && (t = d.indexOf(t), -1 != t && (l = t)); for (var t = [], r = 0, w = 0; w <
+        l; w++)if (w % 4) { var v = s.indexOf(d.charAt(w - 1)) << 2 * (w % 4), b = s.indexOf(d.charAt(w)) >>> 6 - 2 * (w % 4); t[r >>> 2] |= (v | b) << 24 - 8 * (r % 4); r++ } return p.create(t, r)
+    }, _map: "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/="
+  }
+})();
+(function (u) {
+  function p(b, n, a, c, e, j, k) { b = b + (n & a | ~n & c) + e + k; return (b << j | b >>> 32 - j) + n } function d(b, n, a, c, e, j, k) { b = b + (n & c | a & ~c) + e + k; return (b << j | b >>> 32 - j) + n } function l(b, n, a, c, e, j, k) { b = b + (n ^ a ^ c) + e + k; return (b << j | b >>> 32 - j) + n } function s(b, n, a, c, e, j, k) { b = b + (a ^ (n | ~c)) + e + k; return (b << j | b >>> 32 - j) + n } for (var t = CryptoJS, r = t.lib, w = r.WordArray, v = r.Hasher, r = t.algo, b = [], x = 0; 64 > x; x++)b[x] = 4294967296 * u.abs(u.sin(x + 1)) | 0; r = r.MD5 = v.extend({
+    _doReset: function () { this._hash = new w.init([1732584193, 4023233417, 2562383102, 271733878]) },
+    _doProcessBlock: function (q, n) {
+      for (var a = 0; 16 > a; a++) { var c = n + a, e = q[c]; q[c] = (e << 8 | e >>> 24) & 16711935 | (e << 24 | e >>> 8) & 4278255360 } var a = this._hash.words, c = q[n + 0], e = q[n + 1], j = q[n + 2], k = q[n + 3], z = q[n + 4], r = q[n + 5], t = q[n + 6], w = q[n + 7], v = q[n + 8], A = q[n + 9], B = q[n + 10], C = q[n + 11], u = q[n + 12], D = q[n + 13], E = q[n + 14], x = q[n + 15], f = a[0], m = a[1], g = a[2], h = a[3], f = p(f, m, g, h, c, 7, b[0]), h = p(h, f, m, g, e, 12, b[1]), g = p(g, h, f, m, j, 17, b[2]), m = p(m, g, h, f, k, 22, b[3]), f = p(f, m, g, h, z, 7, b[4]), h = p(h, f, m, g, r, 12, b[5]), g = p(g, h, f, m, t, 17, b[6]), m = p(m, g, h, f, w, 22, b[7]),
+        f = p(f, m, g, h, v, 7, b[8]), h = p(h, f, m, g, A, 12, b[9]), g = p(g, h, f, m, B, 17, b[10]), m = p(m, g, h, f, C, 22, b[11]), f = p(f, m, g, h, u, 7, b[12]), h = p(h, f, m, g, D, 12, b[13]), g = p(g, h, f, m, E, 17, b[14]), m = p(m, g, h, f, x, 22, b[15]), f = d(f, m, g, h, e, 5, b[16]), h = d(h, f, m, g, t, 9, b[17]), g = d(g, h, f, m, C, 14, b[18]), m = d(m, g, h, f, c, 20, b[19]), f = d(f, m, g, h, r, 5, b[20]), h = d(h, f, m, g, B, 9, b[21]), g = d(g, h, f, m, x, 14, b[22]), m = d(m, g, h, f, z, 20, b[23]), f = d(f, m, g, h, A, 5, b[24]), h = d(h, f, m, g, E, 9, b[25]), g = d(g, h, f, m, k, 14, b[26]), m = d(m, g, h, f, v, 20, b[27]), f = d(f, m, g, h, D, 5, b[28]), h = d(h, f,
+          m, g, j, 9, b[29]), g = d(g, h, f, m, w, 14, b[30]), m = d(m, g, h, f, u, 20, b[31]), f = l(f, m, g, h, r, 4, b[32]), h = l(h, f, m, g, v, 11, b[33]), g = l(g, h, f, m, C, 16, b[34]), m = l(m, g, h, f, E, 23, b[35]), f = l(f, m, g, h, e, 4, b[36]), h = l(h, f, m, g, z, 11, b[37]), g = l(g, h, f, m, w, 16, b[38]), m = l(m, g, h, f, B, 23, b[39]), f = l(f, m, g, h, D, 4, b[40]), h = l(h, f, m, g, c, 11, b[41]), g = l(g, h, f, m, k, 16, b[42]), m = l(m, g, h, f, t, 23, b[43]), f = l(f, m, g, h, A, 4, b[44]), h = l(h, f, m, g, u, 11, b[45]), g = l(g, h, f, m, x, 16, b[46]), m = l(m, g, h, f, j, 23, b[47]), f = s(f, m, g, h, c, 6, b[48]), h = s(h, f, m, g, w, 10, b[49]), g = s(g, h, f, m,
+            E, 15, b[50]), m = s(m, g, h, f, r, 21, b[51]), f = s(f, m, g, h, u, 6, b[52]), h = s(h, f, m, g, k, 10, b[53]), g = s(g, h, f, m, B, 15, b[54]), m = s(m, g, h, f, e, 21, b[55]), f = s(f, m, g, h, v, 6, b[56]), h = s(h, f, m, g, x, 10, b[57]), g = s(g, h, f, m, t, 15, b[58]), m = s(m, g, h, f, D, 21, b[59]), f = s(f, m, g, h, z, 6, b[60]), h = s(h, f, m, g, C, 10, b[61]), g = s(g, h, f, m, j, 15, b[62]), m = s(m, g, h, f, A, 21, b[63]); a[0] = a[0] + f | 0; a[1] = a[1] + m | 0; a[2] = a[2] + g | 0; a[3] = a[3] + h | 0
+    }, _doFinalize: function () {
+      var b = this._data, n = b.words, a = 8 * this._nDataBytes, c = 8 * b.sigBytes; n[c >>> 5] |= 128 << 24 - c % 32; var e = u.floor(a /
+        4294967296); n[(c + 64 >>> 9 << 4) + 15] = (e << 8 | e >>> 24) & 16711935 | (e << 24 | e >>> 8) & 4278255360; n[(c + 64 >>> 9 << 4) + 14] = (a << 8 | a >>> 24) & 16711935 | (a << 24 | a >>> 8) & 4278255360; b.sigBytes = 4 * (n.length + 1); this._process(); b = this._hash; n = b.words; for (a = 0; 4 > a; a++)c = n[a], n[a] = (c << 8 | c >>> 24) & 16711935 | (c << 24 | c >>> 8) & 4278255360; return b
+    }, clone: function () { var b = v.clone.call(this); b._hash = this._hash.clone(); return b }
+  }); t.MD5 = v._createHelper(r); t.HmacMD5 = v._createHmacHelper(r)
+})(Math);
+(function () {
+  var u = CryptoJS, p = u.lib, d = p.Base, l = p.WordArray, p = u.algo, s = p.EvpKDF = d.extend({ cfg: d.extend({ keySize: 4, hasher: p.MD5, iterations: 1 }), init: function (d) { this.cfg = this.cfg.extend(d) }, compute: function (d, r) { for (var p = this.cfg, s = p.hasher.create(), b = l.create(), u = b.words, q = p.keySize, p = p.iterations; u.length < q;) { n && s.update(n); var n = s.update(d).finalize(r); s.reset(); for (var a = 1; a < p; a++)n = s.finalize(n), s.reset(); b.concat(n) } b.sigBytes = 4 * q; return b } }); u.EvpKDF = function (d, l, p) {
+    return s.create(p).compute(d,
+      l)
+  }
+})();
+CryptoJS.lib.Cipher || function (u) {
+  var p = CryptoJS, d = p.lib, l = d.Base, s = d.WordArray, t = d.BufferedBlockAlgorithm, r = p.enc.Base64, w = p.algo.EvpKDF, v = d.Cipher = t.extend({
+    cfg: l.extend(), createEncryptor: function (e, a) { return this.create(this._ENC_XFORM_MODE, e, a) }, createDecryptor: function (e, a) { return this.create(this._DEC_XFORM_MODE, e, a) }, init: function (e, a, b) { this.cfg = this.cfg.extend(b); this._xformMode = e; this._key = a; this.reset() }, reset: function () { t.reset.call(this); this._doReset() }, process: function (e) { this._append(e); return this._process() },
+    finalize: function (e) { e && this._append(e); return this._doFinalize() }, keySize: 4, ivSize: 4, _ENC_XFORM_MODE: 1, _DEC_XFORM_MODE: 2, _createHelper: function (e) { return { encrypt: function (b, k, d) { return ("string" == typeof k ? c : a).encrypt(e, b, k, d) }, decrypt: function (b, k, d) { return ("string" == typeof k ? c : a).decrypt(e, b, k, d) } } }
+  }); d.StreamCipher = v.extend({ _doFinalize: function () { return this._process(!0) }, blockSize: 1 }); var b = p.mode = {}, x = function (e, a, b) {
+    var c = this._iv; c ? this._iv = u : c = this._prevBlock; for (var d = 0; d < b; d++)e[a + d] ^=
+      c[d]
+  }, q = (d.BlockCipherMode = l.extend({ createEncryptor: function (e, a) { return this.Encryptor.create(e, a) }, createDecryptor: function (e, a) { return this.Decryptor.create(e, a) }, init: function (e, a) { this._cipher = e; this._iv = a } })).extend(); q.Encryptor = q.extend({ processBlock: function (e, a) { var b = this._cipher, c = b.blockSize; x.call(this, e, a, c); b.encryptBlock(e, a); this._prevBlock = e.slice(a, a + c) } }); q.Decryptor = q.extend({
+    processBlock: function (e, a) {
+      var b = this._cipher, c = b.blockSize, d = e.slice(a, a + c); b.decryptBlock(e, a); x.call(this,
+        e, a, c); this._prevBlock = d
+    }
+  }); b = b.CBC = q; q = (p.pad = {}).Pkcs7 = { pad: function (a, b) { for (var c = 4 * b, c = c - a.sigBytes % c, d = c << 24 | c << 16 | c << 8 | c, l = [], n = 0; n < c; n += 4)l.push(d); c = s.create(l, c); a.concat(c) }, unpad: function (a) { a.sigBytes -= a.words[a.sigBytes - 1 >>> 2] & 255 } }; d.BlockCipher = v.extend({
+    cfg: v.cfg.extend({ mode: b, padding: q }), reset: function () {
+      v.reset.call(this); var a = this.cfg, b = a.iv, a = a.mode; if (this._xformMode == this._ENC_XFORM_MODE) var c = a.createEncryptor; else c = a.createDecryptor, this._minBufferSize = 1; this._mode = c.call(a,
+        this, b && b.words)
+    }, _doProcessBlock: function (a, b) { this._mode.processBlock(a, b) }, _doFinalize: function () { var a = this.cfg.padding; if (this._xformMode == this._ENC_XFORM_MODE) { a.pad(this._data, this.blockSize); var b = this._process(!0) } else b = this._process(!0), a.unpad(b); return b }, blockSize: 4
+  }); var n = d.CipherParams = l.extend({ init: function (a) { this.mixIn(a) }, toString: function (a) { return (a || this.formatter).stringify(this) } }), b = (p.format = {}).OpenSSL = {
+    stringify: function (a) {
+      var b = a.ciphertext; a = a.salt; return (a ? s.create([1398893684,
+        1701076831]).concat(a).concat(b) : b).toString(r)
+    }, parse: function (a) { a = r.parse(a); var b = a.words; if (1398893684 == b[0] && 1701076831 == b[1]) { var c = s.create(b.slice(2, 4)); b.splice(0, 4); a.sigBytes -= 16 } return n.create({ ciphertext: a, salt: c }) }
+  }, a = d.SerializableCipher = l.extend({
+    cfg: l.extend({ format: b }), encrypt: function (a, b, c, d) { d = this.cfg.extend(d); var l = a.createEncryptor(c, d); b = l.finalize(b); l = l.cfg; return n.create({ ciphertext: b, key: c, iv: l.iv, algorithm: a, mode: l.mode, padding: l.padding, blockSize: a.blockSize, formatter: d.format }) },
+    decrypt: function (a, b, c, d) { d = this.cfg.extend(d); b = this._parse(b, d.format); return a.createDecryptor(c, d).finalize(b.ciphertext) }, _parse: function (a, b) { return "string" == typeof a ? b.parse(a, this) : a }
+  }), p = (p.kdf = {}).OpenSSL = { execute: function (a, b, c, d) { d || (d = s.random(8)); a = w.create({ keySize: b + c }).compute(a, d); c = s.create(a.words.slice(b), 4 * c); a.sigBytes = 4 * b; return n.create({ key: a, iv: c, salt: d }) } }, c = d.PasswordBasedCipher = a.extend({
+    cfg: a.cfg.extend({ kdf: p }), encrypt: function (b, c, d, l) {
+      l = this.cfg.extend(l); d = l.kdf.execute(d,
+        b.keySize, b.ivSize); l.iv = d.iv; b = a.encrypt.call(this, b, c, d.key, l); b.mixIn(d); return b
+    }, decrypt: function (b, c, d, l) { l = this.cfg.extend(l); c = this._parse(c, l.format); d = l.kdf.execute(d, b.keySize, b.ivSize, c.salt); l.iv = d.iv; return a.decrypt.call(this, b, c, d.key, l) }
+  })
+}();
+(function () {
+  for (var u = CryptoJS, p = u.lib.BlockCipher, d = u.algo, l = [], s = [], t = [], r = [], w = [], v = [], b = [], x = [], q = [], n = [], a = [], c = 0; 256 > c; c++)a[c] = 128 > c ? c << 1 : c << 1 ^ 283; for (var e = 0, j = 0, c = 0; 256 > c; c++) { var k = j ^ j << 1 ^ j << 2 ^ j << 3 ^ j << 4, k = k >>> 8 ^ k & 255 ^ 99; l[e] = k; s[k] = e; var z = a[e], F = a[z], G = a[F], y = 257 * a[k] ^ 16843008 * k; t[e] = y << 24 | y >>> 8; r[e] = y << 16 | y >>> 16; w[e] = y << 8 | y >>> 24; v[e] = y; y = 16843009 * G ^ 65537 * F ^ 257 * z ^ 16843008 * e; b[k] = y << 24 | y >>> 8; x[k] = y << 16 | y >>> 16; q[k] = y << 8 | y >>> 24; n[k] = y; e ? (e = z ^ a[a[a[G ^ z]]], j ^= a[a[j]]) : e = j = 1 } var H = [0, 1, 2, 4, 8,
+    16, 32, 64, 128, 27, 54], d = d.AES = p.extend({
+      _doReset: function () {
+        for (var a = this._key, c = a.words, d = a.sigBytes / 4, a = 4 * ((this._nRounds = d + 6) + 1), e = this._keySchedule = [], j = 0; j < a; j++)if (j < d) e[j] = c[j]; else { var k = e[j - 1]; j % d ? 6 < d && 4 == j % d && (k = l[k >>> 24] << 24 | l[k >>> 16 & 255] << 16 | l[k >>> 8 & 255] << 8 | l[k & 255]) : (k = k << 8 | k >>> 24, k = l[k >>> 24] << 24 | l[k >>> 16 & 255] << 16 | l[k >>> 8 & 255] << 8 | l[k & 255], k ^= H[j / d | 0] << 24); e[j] = e[j - d] ^ k } c = this._invKeySchedule = []; for (d = 0; d < a; d++)j = a - d, k = d % 4 ? e[j] : e[j - 4], c[d] = 4 > d || 4 >= j ? k : b[l[k >>> 24]] ^ x[l[k >>> 16 & 255]] ^ q[l[k >>>
+          8 & 255]] ^ n[l[k & 255]]
+      }, encryptBlock: function (a, b) { this._doCryptBlock(a, b, this._keySchedule, t, r, w, v, l) }, decryptBlock: function (a, c) { var d = a[c + 1]; a[c + 1] = a[c + 3]; a[c + 3] = d; this._doCryptBlock(a, c, this._invKeySchedule, b, x, q, n, s); d = a[c + 1]; a[c + 1] = a[c + 3]; a[c + 3] = d }, _doCryptBlock: function (a, b, c, d, e, j, l, f) {
+        for (var m = this._nRounds, g = a[b] ^ c[0], h = a[b + 1] ^ c[1], k = a[b + 2] ^ c[2], n = a[b + 3] ^ c[3], p = 4, r = 1; r < m; r++)var q = d[g >>> 24] ^ e[h >>> 16 & 255] ^ j[k >>> 8 & 255] ^ l[n & 255] ^ c[p++], s = d[h >>> 24] ^ e[k >>> 16 & 255] ^ j[n >>> 8 & 255] ^ l[g & 255] ^ c[p++], t =
+          d[k >>> 24] ^ e[n >>> 16 & 255] ^ j[g >>> 8 & 255] ^ l[h & 255] ^ c[p++], n = d[n >>> 24] ^ e[g >>> 16 & 255] ^ j[h >>> 8 & 255] ^ l[k & 255] ^ c[p++], g = q, h = s, k = t; q = (f[g >>> 24] << 24 | f[h >>> 16 & 255] << 16 | f[k >>> 8 & 255] << 8 | f[n & 255]) ^ c[p++]; s = (f[h >>> 24] << 24 | f[k >>> 16 & 255] << 16 | f[n >>> 8 & 255] << 8 | f[g & 255]) ^ c[p++]; t = (f[k >>> 24] << 24 | f[n >>> 16 & 255] << 16 | f[g >>> 8 & 255] << 8 | f[h & 255]) ^ c[p++]; n = (f[n >>> 24] << 24 | f[g >>> 16 & 255] << 16 | f[h >>> 8 & 255] << 8 | f[k & 255]) ^ c[p++]; a[b] = q; a[b + 1] = s; a[b + 2] = t; a[b + 3] = n
+      }, keySize: 8
+    }); u.AES = p._createHelper(d)
+})();
+CryptoJS.encrypt = function (word, key, iv) {
+  return encrypt(word, key, iv)
+}
+CryptoJS.decrypt = function (word, key, iv) {
+  return decrypt(word, key, iv)
+}
+/**
+ * 加密
+ * word：原密码
+ * key ：key
+ * iv  ： iv
+ */
+function encrypt(word, key, iv) { 
+  key = CryptoJS.enc.Utf8.parse(key); 
+  iv = CryptoJS.enc.Utf8.parse(iv); 
+  var encrypted = CryptoJS.AES.encrypt(word, key, {
+    iv: iv,
+    mode: CryptoJS.mode.CBC,
+    padding: CryptoJS.pad.Pkcs7
+  });	 
+  return encrypted.toString();
+}
+/**
+ * 解密
+ * word：加密后的密码
+ * key ：key
+ * iv  ： iv
+ */
+function decrypt(word, key, iv) {
+  key = CryptoJS.enc.Utf8.parse(key);
+  iv = CryptoJS.enc.Utf8.parse(iv); 
+  var decrypted = CryptoJS.AES.decrypt(word, key, {
+    iv: iv,
+    mode: CryptoJS.mode.CBC,
+    padding: CryptoJS.pad.Pkcs7
+  });
+  decrypted = CryptoJS.enc.Utf8.stringify(decrypted); 
+  return decrypted;
+}
+/**
+ * @example
+ * var CryptoJS = require('./../../../util/aes.js')
+ * var key = CryptoJS.enc.Utf8.parse("key");
+ * var iv = CryptoJS.enc.Utf8.parse("iv");
+ * var pwd = CryptoJS.encrypt(this.data.pwdVal, key, iv)
+ * var original = CryptoJS.encrypt(pwd, key, iv)
+ */
+module.exports = CryptoJS;
--- a/src/utils/aes_util.js
+++ b/src/utils/aes_util.js
+const CryptoJS = require('./aes.js'); //引用AES源码js
+const key = CryptoJS.enc.Utf8.parse("taiyuaniopasdfgh"); //十六位十六进制数作为秘钥
+const iv = CryptoJS.enc.Utf8.parse('taiyuaniopasdfgh');//十六位十六进制数作为秘钥偏移量
+//      /**
+//       * aes 解密方法
+//       */
+//      function AesDecrypt(word) {
+//        let encryptedHexStr = CryptoJS.enc.Hex.parse(word);
+//        let srcs = CryptoJS.enc.Base64.stringify(encryptedHexStr);
+//        let decrypt = CryptoJS.AES.decrypt(srcs, key, {
+//          iv: iv,
+//          mode: CryptoJS.mode.CBC,
+//          padding: CryptoJS.pad.Pkcs7
+//        });
+//        let decryptedStr = decrypt.toString(CryptoJS.enc.Utf8);
+//        return decryptedStr.toString();
+//      }
+//      /**
+//       * aes 加密方法
+//       */
+//      function AesEncrypt(word) {
+//        let srcs = CryptoJS.enc.Utf8.parse(word);
+//        let encrypted = CryptoJS.AES.encrypt(srcs, key, {
+//          iv: iv,
+//          mode: CryptoJS.mode.CBC,
+//          padding: CryptoJS.pad.Pkcs7
+//        });
+//        return encrypted.ciphertext.toString().toUpperCase();
+//      }
+//      
+//      /**
+//       * base64 加密方法
+//       */
+//      function Base64Encode(val) {
+//        let str = CryptoJS.enc.Utf8.parse(val);
+//        let base64 = CryptoJS.enc.Base64.stringify(str);
+//        return base64;
+//      }
+//      
+//      /**
+//       * base64 解密方法
+//       */
+//      function Base64Decode(val) {
+//        let words = CryptoJS.enc.Base64.parse(val);
+//        return words.toString(CryptoJS.enc.Utf8);
+//      }
+function AES_Encrypt(word) {
+  var srcs = CryptoJS.enc.Utf8.parse(word);
+  var encrypted = CryptoJS.AES.encrypt(srcs, key, { iv: iv, mode: CryptoJS.mode.CBC, padding: CryptoJS.pad.Pkcs7 });
+  var hexStr = encrypted.ciphertext.toString().toUpperCase();
+  // console.log('hexStr->' + hexStr);
+  var oldHexStr = CryptoJS.enc.Hex.parse(hexStr);
+  // 将密文转为Base64的字符串
+  var base64Str = CryptoJS.enc.Base64.stringify(oldHexStr);
+  // console.log('base64Str->' + base64Str);
+  //这里根据需求返回 base64Str 或 hexStr(解密时有小小差别)
+  return base64Str;
+}
+function AES_Decrypt(word) {
+  // console.log('word->' + word);
+  var srcs = word;
+  var decrypt = CryptoJS.AES.decrypt(srcs, key, { iv: iv, mode: CryptoJS.mode.CBC, padding: CryptoJS.pad.Pkcs7 });
+  var decryptedStr = decrypt.toString(CryptoJS.enc.Utf8);
+  var value = decryptedStr.toString();
+  // console.log('value->' + value);
+  return value;
+}
+//暴露接口
+module.exports = {
+  // AesEncrypt,
+  // AesDecrypt,
+  // Base64Encode,
+  // Base64Decode,
+  AES_Encrypt,
+  AES_Decrypt
+}
--- a/src/utils/request.js
+++ b/src/utils/request.js
+import axios from 'axios';
+import store from '../store/index'
+// 环境的切换
+axios.defaults.baseURL = 'http://192.168.110.15:5001/';
+// 请求超时时间
+axios.defaults.timeout = 10000;
+// post请求头
+axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded;charset=UTF-8';
+// 请求拦截器
+axios.interceptors.request.use(
+  config => {
+    // 每次发送请求之前判断是否存在token，如果存在，则统一在http请求的header都加上token，不用每次请求都手动添加了
+    // 即使本地存在token，也有可能token是过期的，所以在响应拦截器中要对返回状态进行判断
+    // const token = store.state.token;
+    // token && (config.headers.Authorization = token);
+    console.log(config)
+    return config;
+  },
+  error => {
+    return Promise.error(error);
+  })
+// 响应拦截器
+axios.interceptors.response.use(
+  response => {
+    if (response.status === 200) {
+      return Promise.resolve(response);
+    } else {
+      return Promise.reject(response);
+    }
+  },
+  // 服务器状态码不是200的情况    
+  error => {
+    if (error.response.status) {
+      switch (error.response.status) {
+        // 401: 未登录                
+        // 未登录则跳转登录页面，并携带当前页面的路径                
+        // 在登录成功后返回当前页面，这一步需要在登录页操作。                
+        case 401:
+          router.replace({
+            path: '/login',
+            query: { redirect: router.currentRoute.fullPath }
+          });
+          break;
+        // 403 token过期                
+        // 登录过期对用户进行提示                
+        // 清除本地token和清空vuex中token对象                
+        // 跳转登录页面                
+        case 403:
+          Toast({
+            message: '登录过期，请重新登录',
+            duration: 1000,
+            forbidClick: true
+          });
+          // 清除token                    
+          localStorage.removeItem('token');
+          store.commit('loginSuccess', null);
+          // 跳转登录页面，并将要浏览的页面fullPath传过去，登录成功后跳转需要访问的页面
+          setTimeout(() => {
+            router.replace({
+              path: '/login',
+              query: {
+                redirect: router.currentRoute.fullPath
+              }
+            });
+          }, 1000);
+          break;
+        // 404请求不存在                
+        case 404:
+          Toast({
+            message: '网络请求不存在',
+            duration: 1500,
+            forbidClick: true
+          });
+          break;
+        // 其他错误，直接抛出错误提示                
+        default:
+          Toast({
+            message: error.response.data.message,
+            duration: 1500,
+            forbidClick: true
+          });
+      }
+      return Promise.reject(error.response);
+    }
+  });/** 
+ * get方法，对应get请求 
+ * @param {String} url [请求的url地址] 
+ * @param {Object} params [请求时携带的参数] 
+ */export function get(url, params) {
+  return new Promise((resolve, reject) => {
+    axios.get(url, {
+      params: params
+    })
+      .then(res => {
+        resolve(res.data);
+      })
+      .catch(err => {
+        reject(err.data)
+      })
+  });
+}/** 
+ * post方法，对应post请求 
+ * @param {String} url [请求的url地址] 
+ * @param {Object} params [请求时携带的参数] 
+ */export function post(url, params) {
+  return new Promise((resolve, reject) => {
+    axios.post(url, params)
+      .then(res => {
+        resolve(res.data);
+      })
+      .catch(err => {
+        reject(err.data)
+      })
+  });
+}
--- a/src/views/About.vue
+++ b/src/views/About.vue
-<template>
-  <div class="about">
-    <h1>This is an about page</h1>
-  </div>
-</template>
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
-<template>
-  <div class="home">
-    <img alt="Vue logo" src="../assets/logo.png">
-    <HelloWorld msg="Welcome to Your Vue.js App"/>
-  </div>
-</template>
-<script>
-// @ is an alias to /src
-import HelloWorld from '@/components/HelloWorld.vue'
-export default {
-  name: 'Home',
-  components: {
-    HelloWorld
-  }
-}
-</script>
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -31,9 +31,7 @@
        >
          <a-form-item
            name="username"
-            :rules="[
+            :rules="[{ required: true, message: '请输入用户名！' }]"
-              { required: true, message: '请输入用户名！' },
-            ]"
          >
            <a-input v-model:value="formState.username">
              <template #prefix>
@@ -44,9 +42,7 @@
          <a-form-item
            name="password"
-            :rules="[
+            :rules="[{ required: true, message: '请输入密码！' }]"
-              { required: true, message: '请输入密码！' },
-            ]"
          >
            <a-input-password v-model:value="formState.password">
              <template #prefix>
@@ -56,12 +52,12 @@
          </a-form-item>
          <a-form-item>
-            <a-form-item name="remember"  style="float: left;">
+            <a-form-item name="remember" style="float: left">
              <a-checkbox v-model:checked="formState.remember"
                >记住密码</a-checkbox
              >
            </a-form-item>
-            <a-form-item name="remember"  style="float: right;">
+            <a-form-item name="remember" style="float: right">
              <a-checkbox v-model:checked="formState.autologin"
                >自动登录</a-checkbox
              >
@@ -72,17 +68,18 @@
              type="primary"
              html-type="submit"
              class="login-form-button"
+              @click="login"
            >
              登录
            </a-button>
          </a-form-item>
          <a-form-item>
-            <div class="admin_login" style="float: left;">
+            <div class="admin_login" style="float: left">
-              <img src="../../static/login/icon-glydl.png" alt="">&nbsp;&nbsp;
+              <img src="../../static/login/icon-glydl.png" alt="" />&nbsp;&nbsp;
              <!-- <a href="">管理员登录</a> -->
              <router-link to="/adminLogin">管理员登录</router-link>
            </div>
-            <div style="float: right;">
+            <div style="float: right">
              <router-link to="/forget">忘记密码</router-link>
            </div>
          </a-form-item>
@@ -90,8 +87,16 @@
      </div>
    </div>
    <footer>
-      <a style="color: #818A9F;" href="http://zhongyanrenzhi.com/#/product2" target="_blank">产品介绍&nbsp;&nbsp;&nbsp;&nbsp;</a>|
+      <a
-      <a style="color: #818A9F;" target="_blank" href="http://zhongyanrenzhi.com/#/into/1"
+        style="color: #818a9f"
+        href="http://zhongyanrenzhi.com/#/product2"
+        target="_blank"
+        >产品介绍&nbsp;&nbsp;&nbsp;&nbsp;</a
+      >|
+      <a
+        style="color: #818a9f"
+        target="_blank"
+        href="http://zhongyanrenzhi.com/#/into/1"
        >&nbsp;&nbsp;&nbsp;&nbsp;关于中研认知</a
      ><br />
      <span>版权所有：北京中研硕福科技有限公司&nbsp;&nbsp;&nbsp;&nbsp;</span
@@ -100,6 +105,8 @@
  </div>
 </template>
 <script>
+import { AES_Encrypt, AES_Decrypt } from "@/utils/aes_util.js";
+import { login } from "@/utils/API";
 export default {
  name: "login",
  data() {
@@ -112,6 +119,16 @@ export default {
      },
    };
  },
+  mounted() {},
+  methods: {
+    // login() {
+    //   login({
+    //    ...parmas
+    //   }).then((res) => {
+    //   });
+    // },
+  },
 };
 </script>
 <style lang="less" scoped>
@@ -119,7 +136,7 @@ export default {
  height: 50px;
 }
 /deep/.ant-form {
-  margin-top:30px;
+  margin-top: 30px;
 }
 /deep/.login-form-button {
  width: 100%;
@@ -127,8 +144,7 @@ export default {
  font-weight: bold;
  font-size: 18px;
 }
-/deep/.ant-form-item-control-input{
+/deep/.ant-form-item-control-input {
  height: 60px;
 }
 .login {
@@ -211,8 +227,8 @@ export default {
        }
      }
    }
-    .admin_login{
+    .admin_login {
-      img{
+      img {
        width: 20px;
        vertical-align: middle;
      }

--- a/src/views/patent/patentDetails.vue
+++ b/src/views/patent/patentDetails.vue
@@ -10,32 +10,101 @@
      <div class="patent_num">{{ "一种大直径单桩单钩水下翻桩方法" }}</div>
    </div>
    <div class="patent_con">
-      <!-- 技术摘要 -->
+      <div class="patent_con_left">
-      <div class="patent_con1">
+        <!-- 技术摘要 -->
-        <h2 class="title">技术摘要</h2>
+        <div class="patent_con1" id="technicalSummary">
-        <p class="desc">
+          <h2 class="title">技术摘要</h2>
-          本技术解决的问题：如果是单船起吊，则起重船上一定要具备主吊钩和副吊钩，且钩头方位、各个钩的起重能力需满足要求，否则就只有采用两条起重船才能实现翻身，因此要增加船舶设备的投入，施工成本高。
+          <p class="desc">
-        </p>
+            本技术解决的问题：如果是单船起吊，则起重船上一定要具备主吊钩和副吊钩，且钩头方位、各个钩的起重能力需满足要求，否则就只有采用两条起重船才能实现翻身，因此要增加船舶设备的投入，施工成本高。
+          </p>
+        </div>
+        <!-- 摘要 -->
+        <div class="patent_con1" id="summary">
+          <h2 class="title">摘要</h2>
+          <p class="desc">
+            本发明公开了一种大直径单桩单钩水下翻桩方法，采用一艘具有一个主钩的起重船并包括以下步骤：先根据单桩起吊后平衡状态时与水平面的夹角为α计算主钩至主吊耳之间的距离以及主钩至单桩底部的距离，然后根据α确定主吊钢丝绳的直径和辅吊钢丝绳的直径；将两根主吊钢丝绳的上端均挂在主钩上，下端各自挂在单桩的两个主吊耳上，再将辅吊钢丝绳的上端挂在主钩上，下端通过U形扣钳制在单桩的底部；主钩起吊单桩，使单桩落入水中，并下放至单桩的底部桩尖触到海底泥面；继续下放起重船的主钩使辅吊钢丝绳逐渐呈松弛状态，将辅吊钢丝绳与主钩脱钩，同时U形扣自动脱离单桩的底部，然后起升主钩将单桩竖立。本发明的翻桩方法可有效降低船舶设备的投入。
+          </p>
+        </div>
+        <!-- 技术领域 -->
+        <div class="patent_con1" id="techAera">
+          <h2 class="title">技术领域</h2>
+          <EchartsCloud :id="'tech'" :dataArr="techArr"></EchartsCloud>
+        </div>
+        <!-- 应用领域 -->
+        <div class="patent_con1" id="appArea">
+          <h2 class="title">应用领域</h2>
+          <EchartsCloud
+            :id="'applicationArea'"
+            :dataArr="techArr"
+          ></EchartsCloud>
+        </div>
+        <!-- 主要录项 -->
+        <div class="patent_con1" id="mainentries">
+          <h2 class="title">主要录项</h2>
+        </div>
      </div>
-      <!-- 摘要 -->
+      <div class="patent_con_anchor">
-      <div class="patent_con1">
+        <a-anchor>
-        <h2 class="title">摘要</h2>
+          <a-anchor-link href="#technicalSummary" title="AI技术摘要" />
-        <p class="desc">
+          <a-anchor-link href="#summary" title="摘要" />
-          本发明公开了一种大直径单桩单钩水下翻桩方法，采用一艘具有一个主钩的起重船并包括以下步骤：先根据单桩起吊后平衡状态时与水平面的夹角为α计算主钩至主吊耳之间的距离以及主钩至单桩底部的距离，然后根据α确定主吊钢丝绳的直径和辅吊钢丝绳的直径；将两根主吊钢丝绳的上端均挂在主钩上，下端各自挂在单桩的两个主吊耳上，再将辅吊钢丝绳的上端挂在主钩上，下端通过U形扣钳制在单桩的底部；主钩起吊单桩，使单桩落入水中，并下放至单桩的底部桩尖触到海底泥面；继续下放起重船的主钩使辅吊钢丝绳逐渐呈松弛状态，将辅吊钢丝绳与主钩脱钩，同时U形扣自动脱离单桩的底部，然后起升主钩将单桩竖立。本发明的翻桩方法可有效降低船舶设备的投入。
+          <a-anchor-link href="#techAera" title="技术领域" />
-        </p>
+          <a-anchor-link href="#appAera" title="应用领域" />
+          <a-anchor-link href="#mainentries" title="主要录项" />
+          <a-anchor-link href="#technicalSummary" title="相关人" />
+          <a-anchor-link href="#summary" title="地址" />
+          <a-anchor-link href="#techAera" title="统计信息" />
+          <a-anchor-link href="#appAera" title="分类号" />
+          <a-anchor-link href="#mainentries" title="法律信息" />
+          <a-anchor-link href="#appAera" title="权利要求" />
+          <a-anchor-link href="#mainentries" title="说明书" />
+        </a-anchor>
+        <div id="components-back-top-demo-custom">
+          <a-back-top>
+            <div class="ant-back-top-inner">回到顶部</div>
+          </a-back-top>
+         <div class="back">回到顶部</div>
+        </div>
      </div>
-      <!-- 技术领域 -->
+      <div class="patent_con_right"></div>
    </div>
  </div>
 </template>
 <script>
+import EchartsCloud from "../../components/EchartsCloud.vue";
 export default {
  name: "patentDetails",
  data() {
-    return {};
+    return {
+      techArr: [
+        {
+          name: "支架搬运车",
+          value: 30,
+        },
+        {
+          name: "人工智能领域",
+          value: 80,
+        },
+        {
+          name: "广泛应用",
+          value: 70,
+        },
+        {
+          name: "驾驶室",
+          value: 301,
+        },
+      ],
+    };
+  },
+  components: {
+    EchartsCloud,
+  },
+  methods: {
+    getCurrentAnchor() {
+      return "#technicalSummary";
+    },
  },
-  components: {},
-  methods: {},
  created() {},
 };
 </script>
@@ -62,29 +131,84 @@ export default {
    }
  }
  .patent_con {
-    .patent_con1 {
+    display: flex;
-      width: 949px;
+    position: relative;
-      // height: 175px;
+    justify-content: space-evenly;
-      background: #ffffff;
+    background-color: #f3f3f6;
-      border-radius: 8px 8px 8px 8px;
+    .patent_con_left {
-      opacity: 1;
+      .patent_con1 {
-      padding: 40px 30px;
+        width: 949px;
-      margin: 15px 0;
+        // height: 175px;
-      .title {
+        background: #ffffff;
-        color: #1c1c28;
+        border-radius: 8px 8px 8px 8px;
-        font-size: 18px;
+        opacity: 1;
-        font-family: Microsoft YaHei UI-Bold, Microsoft YaHei UI;
+        padding: 40px 30px;
-        font-weight: bold;
+        margin: 15px 0;
+        .title {
+          color: #1c1c28;
+          font-size: 18px;
+          font-family: Microsoft YaHei UI-Bold, Microsoft YaHei UI;
+          font-weight: bold;
+          line-height: 28px;
+        }
+        .desc {
+          font-size: 12px;
+          font-family: Microsoft YaHei UI-Regular, Microsoft YaHei UI;
+          font-weight: 400;
+          color: #1c1c28;
+          line-height: 28px;
+        }
+      }
+    }
+    .patent_con_anchor {
+      margin-top: 15px;
+      width: 150px;
+      height: 500px;
+      font-weight: bold;
+      color: #666666;
+      // background-color: #fff;
+      :deep(.ant-anchor-link-title) {
+        color: #666666;
+      }
+      :deep(.ant-anchor-link-active > .ant-anchor-link-title) {
+        color: #1890ff;
+      }
-        line-height: 28px;
+      :deep(.ant-anchor-wrapper) {
+        background-color: #fff;
+        padding-left: 10px;
+        color: #666666;
      }
-      .desc{
+      #components-back-top-demo-custom .ant-back-top {
-        font-size: 12px;
+        bottom: 55%;
-font-family: Microsoft YaHei UI-Regular, Microsoft YaHei UI;
+        left: 57%;
-font-weight: 400;
-color: #1C1C28;
-line-height: 28px;
      }
+      #components-back-top-demo-custom .ant-back-top-inner {
+        margin-top: 20px;
+        width: 150px;
+      height: 60px;
+       background-color: #fff;
+      text-align: center;
+      line-height: 60px;
+      }
+    }
+    .back{
+      display: none;
+      margin-top: 20px;
+      width: 150px;
+      height: 60px;
+      background-color: #fff;
+      text-align: center;
+      line-height: 60px;
+    }
+    .patent_con_right {
+      margin-top: 15px;
+      width: 610px;
+      height: 600px;
+      background-color: #fff;
    }
  }
 }

--- a/vue.config.js
+++ b/vue.config.js
@@ -12,21 +12,21 @@ const postcss = px2rem({
 })
 module.exports = {
-  // devServer: {
+  devServer: {
-  //   // 端口号
+    // 端口号
-  //   port: 8080,
+    port: 8080,
-  //   // 配置不同的后台API地址
+    // 配置不同的后台API地址
-  //   proxy: {
+    proxy: {
-  //     '/api': {
+      '/api': {
-  //       target: 'http://www.dzm.com',
+        target: 'http://192.168.110.15:5001/api',
-  //       ws: false,
+        ws: false,
-  //       changeOrigin: true,
+        changeOrigin: true,
-  //       pathRewrite: {
+        pathRewrite: {
-  //         '^/api': ''
+          '^/api': '/'
-  //       }
+        }
-  //     }
+      }
-  //   }
+    }
-  // },
+  },
  configureWebpack: {
    resolve: {
      alias: {