1

PC-20250623MANY\Administrator

2025-07-08 2f6a967029c293b550e5cb8e39de9ae08b345d44

1

 package-lock.json

@@ -9613,6 +9613,18 @@
        "node": ">=10.13.0"
      }
    },
    "node_modules/popper.js": {
      "version": "1.16.1",
      "resolved": "https://registry.npmjs.org/popper.js/-/popper.js-1.16.1.tgz",
      "integrity": "sha512-Wb4p1J4zyFTbM+u6WuO4XstYx4Ky9Cewe4DWrel7B0w6VVICvPwdOpotjzcf6eD8TsckVnIMNONQyPIUFOUbCQ==",
      "deprecated": "You can find the new Popper v2 at @popperjs/core, this package is dedicated to the legacy v1",
      "license": "MIT",
      "peer": true,
      "funding": {
        "type": "opencollective",
        "url": "https://opencollective.com/popperjs"
      }
    },
    "node_modules/portfinder": {
      "version": "1.0.32",
      "resolved": "https://registry.npmmirror.com/portfinder/-/portfinder-1.0.32.tgz",
@@ -15685,6 +15697,13 @@
        "@vue/compiler-sfc": "2.7.13",
        "csstype": "^3.1.0"
      }
    },
    "node_modules/vue-class-component": {
      "version": "6.3.2",
      "resolved": "https://registry.npmjs.org/vue-class-component/-/vue-class-component-6.3.2.tgz",
      "integrity": "sha512-cH208IoM+jgZyEf/g7mnFyofwPDJTM/QvBNhYMjqGB8fCsRyTf68rH2ISw/G20tJv+5mIThQ3upKwoL4jLTr1A==",
      "license": "MIT",
      "peer": true
    },
    "node_modules/vue-clipboard2": {
      "version": "0.3.3",
@@ -25804,6 +25823,12 @@
      "resolved": "https://registry.npmmirror.com/pngjs/-/pngjs-5.0.0.tgz",
      "integrity": "sha512-40QW5YalBNfQo5yRYmiw7Yz6TKKVr3h6970B2YE+3fQpsWcrbj1PzJgxeJ19DRQjhMbKPIuMY8rFaXc8moolVw=="
    },
    "popper.js": {
      "version": "1.16.1",
      "resolved": "https://registry.npmjs.org/popper.js/-/popper.js-1.16.1.tgz",
      "integrity": "sha512-Wb4p1J4zyFTbM+u6WuO4XstYx4Ky9Cewe4DWrel7B0w6VVICvPwdOpotjzcf6eD8TsckVnIMNONQyPIUFOUbCQ==",
      "peer": true
    },
    "portfinder": {
      "version": "1.0.32",
      "resolved": "https://registry.npmmirror.com/portfinder/-/portfinder-1.0.32.tgz",
@@ -30610,6 +30635,12 @@
        "csstype": "^3.1.0"
      }
    },
    "vue-class-component": {
      "version": "6.3.2",
      "resolved": "https://registry.npmjs.org/vue-class-component/-/vue-class-component-6.3.2.tgz",
      "integrity": "sha512-cH208IoM+jgZyEf/g7mnFyofwPDJTM/QvBNhYMjqGB8fCsRyTf68rH2ISw/G20tJv+5mIThQ3upKwoL4jLTr1A==",
      "peer": true
    },
    "vue-clipboard2": {
      "version": "0.3.3",
      "resolved": "https://registry.npmmirror.com/vue-clipboard2/-/vue-clipboard2-0.3.3.tgz",

 src/App.vue

@@ -17,7 +17,7 @@
    <div class="body-box">
      <transition :name="transitionName">
        <!-- <keep-alive include="TradingList"> -->
          <router-view></router-view>
        <router-view></router-view>
        <!-- </keep-alive> -->
      </transition>
    </div>
@@ -115,6 +115,52 @@
</script>

<style lang="less" scoped>
@white: #fff;
@black: #000;
@green: #c4d600;
@purple: #3d1152;
@dark_green: #07c160;
@red: #ee0a24;
@brown: #ff976a;
@grey: #dddddd;

/deep/ .line-one {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

/deep/ .flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

/deep/ .flex-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/deep/ .flex-between-start {
  display: flex;
  justify-content: space-between;
  align-items: start;
}

/deep/ .flex-start {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

/deep/ .flex-end {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}


/deep/ .van-list__finished-text {
  line-height: 1.925926rem !important;
}
@@ -220,7 +266,7 @@
    }

    /deep/.footCss {
      background: #fff;
      background: @purple;
    }

    /deep/.newDetail-tits {
@@ -271,10 +317,6 @@

    /deep/.van-swipe-item {
      color: #000;
    }

    /deep/.footCss {
      background: rgb(33, 33, 43);
    }

    /deep/.newDetail-tits {

 src/assets/foot/account-act.png

 src/assets/foot/account.png

 src/assets/foot/home-act.png

 src/assets/foot/home.png

 src/assets/foot/language-act.png

 src/assets/foot/language.png

 src/assets/foot/selected-act.png

 src/assets/foot/selected.png

 src/assets/foot/transaction-act.png

 src/assets/foot/transaction.png

 src/assets/img/home_1.png

 src/assets/img/home_2.png

 src/assets/img/home_3.png

 src/assets/img/home_4.png

 src/assets/img/iconmonstr-chart-5.png

 src/assets/img/language.svg

New file
@@ -0,0 +1 @@
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1716201706994" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5546" xmlns:xlink="http://www.w3.org/1999/xlink" width="256" height="256"><path d="M1024 511.488C1024 228.864 794.624 0 512 0S0 228.864 0 511.488c0 261.12 195.584 476.16 448.512 507.904 14.336 3.072 31.744 4.608 52.224 4.608 5.632 0 11.264-0.512 16.896-1.024A511.232 511.232 0 0 0 1024 511.488z m-73.216 7.168a505.472 505.472 0 0 0-9.728-74.752c0.512-8.704 0.512-16.896 0.512-24.576 6.144 29.696 9.728 60.416 9.728 92.16-0.512 2.56-0.512 5.12-0.512 7.168zM73.216 511.488c0-31.232 3.072-61.44 9.216-90.624 18.944 20.48 63.488 19.968 74.752-10.24 19.456 11.776 45.568 13.824 45.568 36.864 0 76.8 2.56 158.72 72.192 160.256 2.048 0 38.912 13.824 56.32 59.392 6.144 15.872 30.208 0 56.32 0 13.312 0 0 22.016 0 70.144 0 47.616 102.912 120.832 102.912 120.832a550.4 550.4 0 0 0 3.584 77.312 170.24 170.24 0 0 0-57.856 7.68 437.568 437.568 0 0 1-363.008-431.616z m546.816 424.96c-2.048-11.264-12.288-17.408-30.208-12.288 14.336-61.952 21.504-96.256 51.712-122.368 43.52-37.888 5.12-79.872-28.16-75.264-26.112 4.096-9.728-32.256-33.28-34.304-23.552-2.048-54.272-48.64-87.552-64.512-17.92-8.704-35.328-31.232-62.976-32.256-24.576-1.024-59.904 20.48-59.904 4.096 0-53.76-5.632-92.16-6.656-107.008-1.024-12.288-8.192-4.096 25.088-3.584 17.92 0.512 9.216-36.352 27.136-37.376 17.408-1.536 58.88 16.384 69.632 9.216 9.728-6.656 72.192 164.352 72.192 28.16 0-16.384-8.192-44.032 0-59.392 33.28-60.416 64-109.568 61.44-116.736-1.536-4.096-33.792-7.168-59.392 1.024-8.704 3.072 2.56 16.384-9.728 19.456-47.104 10.752-88.064-12.8-73.728-34.816 14.848-22.528 68.608-9.728 73.216-55.296 2.56-26.112 5.12-55.808 6.656-78.336 62.976 9.728 56.32-81.92-37.888-91.648a438.784 438.784 0 0 1 409.6 294.912c-3.072-2.56-6.656-4.608-10.24-4.608-28.16-70.656-97.28-19.456-73.728 43.008-124.928 96.256-93.184 163.328-52.224 201.728 21.504 19.968 42.496 50.688 55.808 72.192-14.848 42.496 53.76 25.6 87.552-46.592a440.32 440.32 0 0 1-314.368 302.592z" fill="#c4d600" p-id="5547"></path></svg>

 src/assets/img/news.png

 src/assets/img/shortcut.png

 src/components/Language/index.vue

@@ -39,10 +39,10 @@
          text: "English",
          lang: "en",
        },
        // {
        //   text: "简体中文",
        //   lang: "zh-CN",
        // },
        {
          text: "简体中文",
          lang: "zh-CN",
        },
        { text: "हिंदी", lang: "hi" },
        // {
        //   text: "Deutsch",

 src/components/foot.vue

@@ -1,99 +1,68 @@
<template>
  <div class="footCss">
    <div
      :class="touch == 1 ? 'footDemos' : 'footDemo'"
      @click="goRouter('/home', 1)"
    >
      <!-- <div class="homeImgOut" v-show="$store.state.select == '/home'">
        <div class="homeImg">
          <img src="~@/assets/foot/ic_home_tab_def.png" />
        </div>
      </div>
      <div v-show="$store.state.select != '/home'" class="footImgDeft">
        <img src="~@/assets/foot/tab_main_home_default.png" />
      </div>
      <div v-show="$store.state.select != '/home'">{{ $t('hj224') }}</div> -->
    <!-- <div :class="touch == item.key ? 'footDemos' : 'footDemo'" @click="goRouter(item.path, item.key)" v-for="item in tabs"
      :key="item.path">
      <div class="footImgDeft">
        <img
          v-show="$store.state.select == '/home'"
          src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAINSURBVHgB7ZlPMgNBFMa/HlmEjViyES4gXECwtXAAhYU92ajIJmxQNjiB3CBcADfAylJsrF1AnteTkiozkz/d86KH6l9VpiZd3ZP35X390ukG/jgKo2CfCshjj59eCt8Tbvn6gDPVgjDyAqpURoAm3xV+tBNa+EQF5+oGggSQpEp1fuI9osFrFIrIsTDdRxCZDGjLjHNwCuWh+hNu+FWRsFR6ATUqcTDN8Bs2QVuKsJJWRDoLHdI+X++Ng9foMQFecRA+wxq7DHQsU+fRqT68C+ESp6oCC8wFVKnIo5rdEimFpaXMLNQpkY/iwWu0pRTb8YA2TIYNL6BfiZTCotQOtpBpiZRiyFLbX4BtiZRiiHnR20KHtA3bEinFd6ntxNKjSxJ6IuXC9Ux2aIeZeIg2J2dgDBfIGgrX4XyMEBdQpR2ntumFjmkCsRIbFxDAqA7/MsvRhrgAwiSyy1y0Qfb/gAO8ANfkIMQyu7O+SijP9+/39A4c3yncvkAEkQxsL/FP9u7g4DWlGaC5SdhahAgiAuprBFMu183HJJFaQGkaKFossAt5YFZgYZ5awGQe1sxNpc+CL6Ou8QJc4wW4xgtwjRfgGi/ANf9SwBuyShsf0aakbZUGskqA2BFt8t5ojY74Knocmpo2rnhvNHak1Xt7vcZbjIDeZlzgrIzuUKMfii1DeOa7Bk5UAx6PJ8YX112DrjaKDVEAAAAASUVORK5CYII="
        />
        <img
          v-show="$store.state.select != '/home'"
          src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAOiSURBVHgB7VnNUhpBEO4exErlhE8gPoFgxSRVOQRvOeoxp2wstYhaFXwC8QmCVf5QQMHmCcRbckJvKU0Qb7mJtxz1GDDT6cFCd5flZ9khaIrvArvTMzs90/31dA/AIwfCAGAYiRCM/TZEAKfVs/xD53BDRdNMV0EztCtgrKx9EgAJ10YJqXxudwM0QpsCvOphHK8f8ICRTnIEVKWanNO1GwI0wFiKxzBYP+s2eQUEZEVFyVhaj4EG+FbAWFndFCJQQoSQrUHChnwanMhndlkv3LI2KSWEIFZidRN8om8TUo4qgrUCIM7bW6gqCRbM7F7FJr+8GhGIB/w37JAvyprc6Nek+lLAMFYjOI7K3sP2FjqWQhpm2n0yRpz9hOoFJIjZevnwC88KGEsfEohi02kyRLRdyO4lehljcWU9yT3s5kNwJUlumbn9FHhAwItwgyIRkzz5J9YPI+LbfHa35w+f/Tg5is7MXvL6xaA5Fv/yOG+i0eehs/Lp117H6mkH2lMk27vgrU/3Z7/KpISsl8Bhil5MqisLtaNIkvBZPh2P9jt5BTOdqspaMEqE29b3Xqi24w40KBIw2dLAFMkR1ZOtdoOrX6hPSUqaub2tdv3a+oD75BsUOVfI7RVBM5RfTM/MHio/4Mc7guDn2HR0Firl02O3fq4KMGcb7KyOFW5Q5IKZ2f8JAwJP8tf07KtDXveIlaJvlXh2XSl//+bs42pC71fWLqwDeKFIXWgxKUWz9eCUaaaurHItTqxW3xagkMx/PXmFfGYnaXNujjsc+eedci0KIDE3WyBRtnWgQYPqY0nbCwGvnTKtNBqAyeZfDvkVPzTpFw1zIbi8eyFhyinTMQ5wQLmGIYMEXHRq15IPDBOPXoEx0ITGkQMD6pQa6yRHTPfECY6Z2dESDPWklCrw3WZlsW6y6kwlgA441rwDDdCiAEdKz6khM5yWs5RvE1Kpoi3ss4kw3527CpOYpOYucWAy4vGwX5r27wMBGQJ5f6RSx458dt90E11kU2skMc2P34yF+acKPjCi0WFjpMCwMVJg2BgpMGyMFBg2/nMF8D4/HhrIWcK3o1UBSZaTJIZ13KL0C1UdtJV4XPLjlsKWEV+PCUkl6zviohJLXkEb2ItgHWQJQtZ7BS+yCgGiaNZx8+NemVteTyHSR3hAaFcddK2NVsonXyIzLyZ4BV7CA0Cn0mbn8nrjTquW4PSv6/XpIMDZWyWAophL7xzBCCOM4Iq/amJyomlCik4AAAAASUVORK5CYII="
        />
        <img v-show="$store.state.select == item.path" :src="item.img" />
        <img v-show="$store.state.select != item.path" :src="item.actImg" />
      </div>
      <div :class="$store.state.select == '/home' ? 'blueFont' : ''">
      <div :class="$store.state.select == item.path ? 'blueFont' : ''">
        {{ item.name }}
      </div>
    </div> -->
    <div :class="touch == 1 ? 'footDemos' : 'footDemo'" @click="goRouter('/home_index', 1)">
      <div class="footImgDeft">
        <img v-show="$store.state.select == '/home_index'" src="../assets/foot/home-act.png" />
        <img v-show="$store.state.select != '/home_index'" src="../assets/foot/home.png" />
      </div>
      <div :class="$store.state.select == '/home_index' ? 'blueFont' : ''">
        {{ $t("hj224") }}
      </div>
    </div>
    <div
      :class="touch == 2 ? 'footDemos' : 'footDemo'"
      @click="goRouter('/trading-list', 2)"
    >
    <div :class="touch == 3 ? 'footDemos' : 'footDemo'" @click="goRouter('/markets', 3)">
      <div class="footImgDeft">
        <img
          v-show="$store.state.select == '/trading-list'"
          src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAANGSURBVHgB3Zm/b9NAFMe/F2UoWxnL5LIVBgpsMJCqfwDhx8bQ8AdAki1UiMQSAiQGkh2FVGJECIayAc1Ax5JObCRMjGSKKpByvGc3IrEdx/bdOaEfyVJ0uUTva3/fu/M74D9HwBQluYwl5DFEHxl08Ez0YAD9AtzAixR0bWJcok5XQ7cQvQIeyBL9Y5U+LQd+L9GjyyYRLWhCj4CKzDmBC+QizXeF3CUhe1BETUBFWmSVF/Qpj2S0KEdsFVslE/DP5yVMs0schpQvR5QfddFHTOILqMjCsV0s6CRhfkQXENfnSXGFbES11WwBbJdTVAIFtpAukfJjugDdPk9Gn0TUSYQ9bUKwANcur7T7PCkhZdcvwC2NXSwif3ARz0VnfCjjm5ShR7aoZJ01Z4JMwLR1LCoBls5iDlxbda/cqkTuLND7BZR3Bd5/Q2xSE8AB59ckti5TSVua/M46DRQuSRIQf101JoCDvH6OArck8uf9QXvhp5AEYwKqmxLFK9Hm9o+A+n6ybZkxAQ0OSEqsnwEurIQ/gcY+8CP2Ns7FmAAnMT9M3lX2efOWf579MfmuPoOU4CfwaNM/vvFS7ZUkNQHN2xKWZ0dlf0punRGpCGDb5Ncmx9pdNeuMMCqAbcPBs/fHYd8X3uh5HTeWxLw4vb1DVWhlcpyDZ9+rWmeEEQFc/3kd8JZO3cEzWgXwXW/edPc3XkwEz2gRwHf6Pt310lUZuGBxwt54LZwVVzdKAmYFzpR3j1dlQygJOLjnr+0j+K6XaIt8+BNGUX4CXjoUcOMLsPPV3F0fR0kAv4SMqk37u7sp2+umE/gIJQE7B3wJR4CJBI2CfyWW8TsSqQU/xKF3yC9AoIzFpeQd8At4Qn2XIfUmae3B4tCjSAP7peEZty1rNKNItppPa5HWPudYakC9qimt99klgzt1ArW5NHcHZOcZZwZx2uvccvxMnyyYpe0cED6OdvwUv2hv0wEHnIM8C3rp0WVTDrZi/CbhEVONWu+/nYpQhSoRfB7+cxXU8+MdVbxy+od8Xh7SecKQzhOi2yqWz8PQu3GZlR/COXGx8VRoa+Hr33m51Yrzo+j5xk7q8zDMbR1ZSJbOGoa0CA7I65oDPzH8BdJ4DHPzc8XTAAAAAElFTkSuQmCC"
        />
        <img
          v-show="$store.state.select != '/trading-list'"
          src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAVASURBVHgB5VpdSBxXFD53VgXNi7i+JYIPTc1LqwakRl9Ws4FGUrEVoqUt3Ygppg2NofRZF/pSSummrVZQshNIoT+QpqY0DzWNKY0xaaiaPqmBSpO8xWJfXNjd3ttzZrtlfu7O7s7cWSj5YMGdc2f2fHe+c+655wrwPweDgBCLjddDdXoAmNiBtFjV9ZktCADKCRiOV6XPaBqbtBg4JHj273OqiYRAIWKjp8ZZSHyDzj/vMDLohBAbaDvY8dfqr7+sgiIoeQOx0bEIY6EJxiBSyngBYktwfkKfm1kEn/BFAOXSrFWnPwLGBuy2urpaaG99BnZTKfjjwSPY3v7T+QAhdJ7hcT+y8kQgr3PG2DjOer3ZRo5HeyPQ/0Kf5Z6Fa9fhh2uLUiKci0nI1mB8JHagTJRNIHbyzRg6PoE3NtttOcePIok66b2Pt7dh/spVWLp122EzZCUgrs9O61AGSibgpvOWp5+C/mN90NKyv6RnEZGkfhHWN+47bAaRNO8pVVZFCZBcWFUmwTR43W5rDDfA0PGXoL2tFbzg5tIyzH931Vd8FCRQis6jhyMF5VIO5q98Dws/LsLubspqELDDhUjoc9PxQvdKCRhy0UJJmc67Dz1n6DwcDoNKFI0PrmHa/XTRbnMQMFJjTeZ3+/Vyde4VROSDDz+WZysh2jHILYugYyVu7zioo2wO5L+TXAZf7IfXXhmGxka1sy4DSfLI4R58ww2wsXkfMpmsycoO4Cp+wTxesz+AAWszfx/GII3iAyuN7q5OeOvUScs1xkSzfVyVyzMM2XQd6gTVWN/YNFLo+vqm8XcjxlMumz1r+/39xofGFIIrgaZ9+0AVyImVlXuwtHwHs82uxUa6p+C1E8j5sNc7AdK/V1BKXFm9Bxvk+NpvDqftCDc0gBcfXAn4QT63lwJy8kg0Al4QGIHovw49ePgQP4+ci5R5bG/E87oSGAEKzOGhQcu1m0u3IXnhom1cg6NyLQcaVAj0BqjusePdd94GP6gYAZr5bcw2ZvQf81+SVITAef1zIyOZYZQmPqSTR2AxQCDZfPHVJczxy5brpPuR2KugAoEReIzF2NT0rJGFzCDnSfeqqtlACCzg3pcC1r54qXaeoJQAzXpuq+hc+oNwnqCEAGmdVl2aeVnJQAFLlaWK3ZsdvggUc5wQdDnui0D8vfcduT0PmnVaiVVWtDK4EnCrXwiplHPWqfylwkzVPqKYD64EqAhzw9DxQaPqTGH7kGY82tujfM9czAdXArmd06axK5KBOhT0If0HEaBU/LltZgiOUkJoYOlITH02K211mBGE85QYvvz6kuUath7X7OMcXQns369hV2Is/526AlTHLN26Y2z5/OzSSgHNeBJrpxs//Yy/nbHYRIgfXb1719IAlje2xk5HNC6SULCx1We0PVSCFkGKJ/nbFluapp2YmymhsWXGyBunJ/G9nQFZaxFzO5XDfuG6lmBrEXsp53hdVUJPyFvvxZu7Y+PNjGcmcaCkuRs22oxd+Fa8gKRJ1ap0LWHY3K2tOVvI8f+GQYkgIhrPXAeJrChLUXlcqqxI59QHlWcYcQPlMimTiwxlH3CM4AEHvtYJ8BAf+W0lndY4IbZQMvHzQR1wmEGtd60mO44/OmG3kayoI0GdBjNyjnvTuRv8HfIViY+mpr1QV1vr0tgSl7nGz+ozFT7ks2MU0y4vkHblKE/nblB6Uu8WHwZILqTzuakEKILSk/oVPIFv7ej+Fk8icDEHWznK4nxP9cvJ6U8WQSGC+2cPjI8Qz7YJwev5nprLXgL0icA/W5VtrhXqUi8AAAAASUVORK5CYII="
        />
        <img v-show="$store.state.select == '/markets'" src="../assets/foot/language-act.png" />
        <img v-show="$store.state.select != '/markets'" src="../assets/foot/language.png" />
      </div>
      <div :class="$store.state.select == '/markets' ? 'blueFont' : ''">
        {{ $t("hj62") }}
      </div>
    </div>
    <div :class="touch == 6 ? 'footDemos' : 'footDemo'" @click="goRouter('/watchlists', 6)">
      <div class="footImgDeft">
        <img v-show="$store.state.select == '/watchlists'" src="../assets/foot/selected-act.png" />
        <img v-show="$store.state.select != '/watchlists'" src="../assets/foot/selected.png" />
      </div>
      <div :class="$store.state.select == '/watchlists' ? 'blueFont' : ''">
        {{ $t("hj61") }}
      </div>
    </div>
    <div :class="touch == 2 ? 'footDemos' : 'footDemo'" @click="goRouter('/trading-list', 2)">
      <div class="footImgDeft">
        <img v-show="$store.state.select == '/trading-list'"
          src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAANGSURBVHgB3Zm/b9NAFMe/F2UoWxnL5LIVBgpsMJCqfwDhx8bQ8AdAki1UiMQSAiQGkh2FVGJECIayAc1Ax5JObCRMjGSKKpByvGc3IrEdx/bdOaEfyVJ0uUTva3/fu/M74D9HwBQluYwl5DFEHxl08Ez0YAD9AtzAixR0bWJcok5XQ7cQvQIeyBL9Y5U+LQd+L9GjyyYRLWhCj4CKzDmBC+QizXeF3CUhe1BETUBFWmSVF/Qpj2S0KEdsFVslE/DP5yVMs0schpQvR5QfddFHTOILqMjCsV0s6CRhfkQXENfnSXGFbES11WwBbJdTVAIFtpAukfJjugDdPk9Gn0TUSYQ9bUKwANcur7T7PCkhZdcvwC2NXSwif3ARz0VnfCjjm5ShR7aoZJ01Z4JMwLR1LCoBls5iDlxbda/cqkTuLND7BZR3Bd5/Q2xSE8AB59ckti5TSVua/M46DRQuSRIQf101JoCDvH6OArck8uf9QXvhp5AEYwKqmxLFK9Hm9o+A+n6ybZkxAQ0OSEqsnwEurIQ/gcY+8CP2Ns7FmAAnMT9M3lX2efOWf579MfmuPoOU4CfwaNM/vvFS7ZUkNQHN2xKWZ0dlf0punRGpCGDb5Ncmx9pdNeuMMCqAbcPBs/fHYd8X3uh5HTeWxLw4vb1DVWhlcpyDZ9+rWmeEEQFc/3kd8JZO3cEzWgXwXW/edPc3XkwEz2gRwHf6Pt310lUZuGBxwt54LZwVVzdKAmYFzpR3j1dlQygJOLjnr+0j+K6XaIt8+BNGUX4CXjoUcOMLsPPV3F0fR0kAv4SMqk37u7sp2+umE/gIJQE7B3wJR4CJBI2CfyWW8TsSqQU/xKF3yC9AoIzFpeQd8At4Qn2XIfUmae3B4tCjSAP7peEZty1rNKNItppPa5HWPudYakC9qimt99klgzt1ArW5NHcHZOcZZwZx2uvccvxMnyyYpe0cED6OdvwUv2hv0wEHnIM8C3rp0WVTDrZi/CbhEVONWu+/nYpQhSoRfB7+cxXU8+MdVbxy+od8Xh7SecKQzhOi2yqWz8PQu3GZlR/COXGx8VRoa+Hr33m51Yrzo+j5xk7q8zDMbR1ZSJbOGoa0CA7I65oDPzH8BdJ4DHPzc8XTAAAAAElFTkSuQmCC" />
        <img v-show="$store.state.select != '/trading-list'"
          src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAVASURBVHgB5VpdSBxXFD53VgXNi7i+JYIPTc1LqwakRl9Ws4FGUrEVoqUt3Ygppg2NofRZF/pSSummrVZQshNIoT+QpqY0DzWNKY0xaaiaPqmBSpO8xWJfXNjd3ttzZrtlfu7O7s7cWSj5YMGdc2f2fHe+c+655wrwPweDgBCLjddDdXoAmNiBtFjV9ZktCADKCRiOV6XPaBqbtBg4JHj273OqiYRAIWKjp8ZZSHyDzj/vMDLohBAbaDvY8dfqr7+sgiIoeQOx0bEIY6EJxiBSyngBYktwfkKfm1kEn/BFAOXSrFWnPwLGBuy2urpaaG99BnZTKfjjwSPY3v7T+QAhdJ7hcT+y8kQgr3PG2DjOer3ZRo5HeyPQ/0Kf5Z6Fa9fhh2uLUiKci0nI1mB8JHagTJRNIHbyzRg6PoE3NtttOcePIok66b2Pt7dh/spVWLp122EzZCUgrs9O61AGSibgpvOWp5+C/mN90NKyv6RnEZGkfhHWN+47bAaRNO8pVVZFCZBcWFUmwTR43W5rDDfA0PGXoL2tFbzg5tIyzH931Vd8FCRQis6jhyMF5VIO5q98Dws/LsLubspqELDDhUjoc9PxQvdKCRhy0UJJmc67Dz1n6DwcDoNKFI0PrmHa/XTRbnMQMFJjTeZ3+/Vyde4VROSDDz+WZysh2jHILYugYyVu7zioo2wO5L+TXAZf7IfXXhmGxka1sy4DSfLI4R58ww2wsXkfMpmsycoO4Cp+wTxesz+AAWszfx/GII3iAyuN7q5OeOvUScs1xkSzfVyVyzMM2XQd6gTVWN/YNFLo+vqm8XcjxlMumz1r+/39xofGFIIrgaZ9+0AVyImVlXuwtHwHs82uxUa6p+C1E8j5sNc7AdK/V1BKXFm9Bxvk+NpvDqftCDc0gBcfXAn4QT63lwJy8kg0Al4QGIHovw49ePgQP4+ci5R5bG/E87oSGAEKzOGhQcu1m0u3IXnhom1cg6NyLQcaVAj0BqjusePdd94GP6gYAZr5bcw2ZvQf81+SVITAef1zIyOZYZQmPqSTR2AxQCDZfPHVJczxy5brpPuR2KugAoEReIzF2NT0rJGFzCDnSfeqqtlACCzg3pcC1r54qXaeoJQAzXpuq+hc+oNwnqCEAGmdVl2aeVnJQAFLlaWK3ZsdvggUc5wQdDnui0D8vfcduT0PmnVaiVVWtDK4EnCrXwiplHPWqfylwkzVPqKYD64EqAhzw9DxQaPqTGH7kGY82tujfM9czAdXArmd06axK5KBOhT0If0HEaBU/LltZgiOUkJoYOlITH02K211mBGE85QYvvz6kuUath7X7OMcXQns369hV2Is/526AlTHLN26Y2z5/OzSSgHNeBJrpxs//Yy/nbHYRIgfXb1719IAlje2xk5HNC6SULCx1We0PVSCFkGKJ/nbFluapp2YmymhsWXGyBunJ/G9nQFZaxFzO5XDfuG6lmBrEXsp53hdVUJPyFvvxZu7Y+PNjGcmcaCkuRs22oxd+Fa8gKRJ1ap0LWHY3K2tOVvI8f+GQYkgIhrPXAeJrChLUXlcqqxI59QHlWcYcQPlMimTiwxlH3CM4AEHvtYJ8BAf+W0lndY4IbZQMvHzQR1wmEGtd60mO44/OmG3kayoI0GdBjNyjnvTuRv8HfIViY+mpr1QV1vr0tgSl7nGz+ozFT7ks2MU0y4vkHblKE/nblB6Uu8WHwZILqTzuakEKILSk/oVPIFv7ej+Fk8icDEHWznK4nxP9cvJ6U8WQSGC+2cPjI8Qz7YJwev5nprLXgL0icA/W5VtrhXqUi8AAAAASUVORK5CYII=" />
      </div>
      <div :class="$store.state.select == '/trading-list' ? 'blueFont' : ''">
        {{ $t("hj225") }}
      </div>
    </div>
    <!-- <div
      :class="touch == 3 ? 'footDemos' : 'footDemo'"
      @click="goRouter('/favorites', 3)"
    >
    <div :class="touch == 4 ? 'footDemos' : 'footDemo'" @click="goRouter('/warehouse', 4)">
      <div class="footImgDeft">
        <img
          v-show="$store.state.select == '/favorites'"
          src="~@/assets/foot/ic_favorites_take.png"
        />
        <img
          v-show="$store.state.select != '/favorites'"
          src="~@/assets/foot/ic_favorites_default.png"
        />
      </div>
      <div :class="$store.state.select == '/favorites' ? 'blueFont' : ''">
        {{ $t("hj282") }}
      </div>
    </div> -->
    <div
      :class="touch == 4 ? 'footDemos' : 'footDemo'"
      @click="goRouter('/warehouse', 4)"
    >
      <div class="footImgDeft">
        <img
          v-show="$store.state.select == '/warehouse'"
          src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAwCAYAAABuZUjcAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAATPSURBVHgB7Vm/bxNJFP5mL3fCV0F5FRv+geTaa8658q4g0dFR4Ig/gECBkggRR0LEAqSEHhFT0EIoKCH2PwCmofVSUcYFBCQUD+/NbGLvzo+dtWPT8KE18Xp+fPvmzffevBX4EViVMX1egUCVrnn6+ywkOviCBeyIXsgQM5gmViUT3VCE84gQowSmQ5wtLLBrJcwQ6KGP5VBr6y6TBls5wnOwO7jwDX/ivuigBCJMEmzpCPvwkWbM0GqsyhpKYLLEBeqB7eaJyS7WZBc35WJIl9GJszW1OvgI7dBnMvSdffhDetnax2T95zTuBgoQ7uPsq8Ai9bioJhgGS5mg6xseWn21Tg/Yo3/5zXeLxjxCjfpeMfr0abUaYhMjE/dJmA0SLbqWadIEoViXTH6b+mX3Qp90vSFati5+V+El480VSprBbSN0Q5b7BHdFk0gvpK40PNaGexoXNOk6xkHBclvmrKlNmh1j1rZ6kWOA8Unr0eukEivB7RvK8q3MvRl7RDWJa+2tY3y0aT2v08StMp3U/hgoUYI7dh83Q77ILVV5tNWDOyYshHaLWaU4n+CMplkf1+F5H6Mhob7LwYRX5FmcIRX5apHJAGQtHiEoalnQoU20ROqQOFsM4sDfaRzQ0vc7WA57KhZIvCNdb4bkLVmLr8u39DmPckhwSEmSy2pl4wCDN+gRBbN7Ys/VJE9cohySNEgkxi9FqWwYmjT+ZrgchsM6KBlgngjvj0maUVPjWHKicYg3VcTLQ0+yb+Qzo4LHsZCPco3CdzcnVHlo9yjOv8vimDwrUYos8T5CTyEd687n/Pu0LG2OHaMyyF3yFm8jBBJPjHur0p6eniYEVlJZNSzeDOmPXywrE+EapoE0YzSzwzVZrAaHOJfRbVYR4C2mBZrfVBVOcoo2qRlsapgmKqiZxFmXjyirKwOJOUwTAnN2HW8ofQ4/AESl04RxUXUHoLuiTpZcwvAp/Rj5SCZPWbcD4DoBxer/LUpyOBfJy5+YuoXziE3ia3JbHXbXKFPkSMU+vyVq6uwHdTp5UbZAGZ8Dnl2WePy/xHnP2tz+B3h91d8mReI/SEjapFtip3CYdZnQ53nXz9v/SVz7K53xgDbPK4FWl6pCqTbN/UFt/pWoXtDfX7wHlp56Kyft/EEiznwXwWrR8RHvfRn8zdbfvSRPHuL43jAOvqII3aLssIoQCP+BePO1oMu8z4TzpNu0EjdeFtap2vmQ38qPfZwbePFrcarA7nHhgcCTN7QCFovyvesvgYVHwvp7BofYCwn5nHcvowghqcIQqrOkoWco/62Qn33kK7iMqfiYrW0nfU8Nz9tvEkgrW7aQ3zKqSUIV3mPvgPrBHmKyODkq2jdntpqkk/iIsr+itwa/qQpYqVciJdBW0fyEkguD1yBx5r6kB5IUhIA9KuZ0jEzR1W88dGhDZl4l+neEJtGFH2YJ4XTJt4n0Yt5AduIc6isqx74YpBR9WoGGMKtg67JOn+F18iyznjKII3LbfbyiygvbwfIW4cB6n32SVcB2RnVBH2I28Zn6edKNGUdnPjQXZ4A8iSQlOYQ7n9EuVCP3qdMDVql9Na0ExJlxjkjJuCT9ia6AIqjbx7nM21cW1+/aNXj5EjosJ+pl1ail5J/4ienhOwTprAE0ZSRWAAAAAElFTkSuQmCC"
        />
        <img
          v-show="$store.state.select != '/warehouse'"
          src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAwCAYAAABuZUjcAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAbTSURBVHgB7VldUhtHEO6elRRivygn8PoEyOWiKm9eTmByAi8uIBRQZfkESCcAqjAmlgLrExhOgPQcV5BPgPKWPIW82SyaTvfqZ3f2Tyt+7Bd/VQLN7Px80zvT/U0L4RvAXV+34Vq9QESHizVEqBJAj67Ki563e1lkjBJ8Rbgr6w6itY0aHFDmMySwqfhQX4e469ZtLPvHbFkntQHBJVt/uai1BQj3jJGVP8h2yGqjiZ54rYMezAAL7hFiaVWicyY9l98Sf649XfjS+/OPwuQV3COw4jcKtUOoKcTj5bWNC3dta6lInxsTF88QeIccENEu/+uHFXDJn7+CTwoQ0FZAH9yVjW2YgsJ7fLhX1RKb5zl3sqPPxJUhUU+Dv+e1WonXvc4L/Dw3d+ntmodvZX3LGWhyebwX8T5aU8NrHzThpsQnLizLI8RABB3yB+whDvtQEC9XN1ymsgOxA6w1Lnrt/U5an9yt4q5tbCtlnRUlLZC2qmJdFHndYxy1DjwNtBhsJWMsyhwj06sEpAEbiQe8PxH1KX+TT5cDx388g3iNqjkpOvNPFoA9RRcKgNv9Pf904R/utxSOAfb8wtP3vY8fE/4di5OmrlKq0T5Mf3XB60YUC9nReq31a6/9dhcKYvnXzTM2hjMuK94u7ZTtkiAe+N6Kf2FUamwetfcbUGTi1a1dfsWvZKEcWU4sxE5rhuDirvP82j+DwADUP3p38DitXYJ4fMWzkB5jdXWj1poxEsYhHud6rtSLe6IxDOLslx2lrbOwJnvFtwW/2SrMfa7CZ3aTM2iUMQyRhQPx02FZabUMd4RIHHjGB9xG9Kug2TdUfN5em0Kc3xB9IvC9tFgQh2Hx5bXNc66oDUt3Y+1Z40Aws8QCrfe839+eZLUxLT4hHXT+BLfAVCmbA+mDlnLYU3na1820YJYXgPpwQ7juRo0FVnrgEu1NdEpIe1xoyn8px4PPaAUuVtSZ6yY10Z1fJEaWPkOI6+/8OCAQT8J+v8GMn43rRHjBkPxi1PKmxc1V23AT0kNLR0hTXylc5PPi5JEWyHNpx/t0OcpFyA8tX6+mEicFvUjjZ9GGRYAlv2EqR+prpRenEY4j0C5W+QlEtmsgeUv+dipx3muhrhCrla8KiXqByyEfVVSeDkl7h8VVYhTe4S73L5vCS0HdXdlyhl8j0KriRcv8yreLWp3F0SujgqB5U9JjCHk2YNOcZ6gYp4d8Au+o9SY3ELG15ep1Ho5O3tFvB3cWvOKc9FX5p4Q7JCwbB4OX5r5c2/iQ5pLCJuBGy2qg3sMdAgeBjA7HL31xE8SDvQX0OtZ1KTjVvI9TF6BwfvKdF91uz3YYp0Ff/+AZFRbOpwYgznFwQzT3FvCp5pu43G7i7TkzVQtLdKuIm8qHRRhB6PHYOE5m5Dx6t9/QgL9ASgRN3O6jflvBBdwHiIzMQCrxMTHv3f6JuCRerbFnLR9rkDlBeurh1kCMBEe0EyHfXdvcURrqrBSH2VNxSRIU1+sNNbhy+CAuEeZEVYRHiTGDW9XVjuz/LNEUtOMLttxVU7MEMu4kK0p9g/jwIgH1YTtO//Lp5a/BfXG0AG/0MSFWHhEmjXb8MZav6nLAZVA+5A4f8ib4ujMmJ+6Uz9DORJSVlcy5FJujGp3PIM5uzDY8uxXxFjkgoB5P/Gi8YAla0VsNEzJ1B8IxVCzR//1RHzs6Hkfgf6PlQAOBH25PPkdqCiMHCoClQicssGWsL0Y/Fk6NuJeCEWFMiDnq6h8rpjsuXzlGWUPXDPmW7sSGtsfaIA9xP4tKvYq3CbyUKj8ODnqa9pY6Da9FHcYvyDhMe4Tz+ZWTAiGfw3drevhOhOUp+RTR3qT5JxTSVb559rKyAokcz0hOJPMqPKDSdBaty8vhZfYTD8JpNe8WaQpJOUv21uCiBo9FvKWE/P0Ou7tOtA6VPs7TKpN+hHthJ6iypUQm1OCGpPnsHBuVnOMZK87UwxkIrbiIL1vnbpBVzQb5pYYRmoU8q8ZZEqDikYJYwpaO3aS60cRUZprZTIVFurPz5z+nvDdP4HquF0/m5PXjzIHhv81+k58Q6/Hfi5hkb/CAg2Hk0Obmx0ck8rUHH954NMwiHy6C34opnVPc4qR1Vz+oLCU8TVrT4NbDUZMzT8+L5EX4J5PT49ZB4pr3cm2rwU8LbxNz0OBnF85bvkn1TKl7XG7qnErYKZrMiUe6MQzfXRTBm8Cmflh+nEVakJ5XIeyyv5zuDWQSxD39YzlzgrhIIxZRCGTzHPakEUsCTgx1FKnO4GGpk5WhjSJzj4+SMw4HlRqNDguKb1bQxwHnSkpWb9a0w3d8xzfA/zL5S8uMqOLXAAAAAElFTkSuQmCC"
        />
        <img v-show="$store.state.select == '/warehouse'"
          src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAwCAYAAABuZUjcAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAATPSURBVHgB7Vm/bxNJFP5mL3fCV0F5FRv+geTaa8658q4g0dFR4Ig/gECBkggRR0LEAqSEHhFT0EIoKCH2PwCmofVSUcYFBCQUD+/NbGLvzo+dtWPT8KE18Xp+fPvmzffevBX4EViVMX1egUCVrnn6+ywkOviCBeyIXsgQM5gmViUT3VCE84gQowSmQ5wtLLBrJcwQ6KGP5VBr6y6TBls5wnOwO7jwDX/ivuigBCJMEmzpCPvwkWbM0GqsyhpKYLLEBeqB7eaJyS7WZBc35WJIl9GJszW1OvgI7dBnMvSdffhDetnax2T95zTuBgoQ7uPsq8Ai9bioJhgGS5mg6xseWn21Tg/Yo3/5zXeLxjxCjfpeMfr0abUaYhMjE/dJmA0SLbqWadIEoViXTH6b+mX3Qp90vSFati5+V+El480VSprBbSN0Q5b7BHdFk0gvpK40PNaGexoXNOk6xkHBclvmrKlNmh1j1rZ6kWOA8Unr0eukEivB7RvK8q3MvRl7RDWJa+2tY3y0aT2v08StMp3U/hgoUYI7dh83Q77ILVV5tNWDOyYshHaLWaU4n+CMplkf1+F5H6Mhob7LwYRX5FmcIRX5apHJAGQtHiEoalnQoU20ROqQOFsM4sDfaRzQ0vc7WA57KhZIvCNdb4bkLVmLr8u39DmPckhwSEmSy2pl4wCDN+gRBbN7Ys/VJE9cohySNEgkxi9FqWwYmjT+ZrgchsM6KBlgngjvj0maUVPjWHKicYg3VcTLQ0+yb+Qzo4LHsZCPco3CdzcnVHlo9yjOv8vimDwrUYos8T5CTyEd687n/Pu0LG2OHaMyyF3yFm8jBBJPjHur0p6eniYEVlJZNSzeDOmPXywrE+EapoE0YzSzwzVZrAaHOJfRbVYR4C2mBZrfVBVOcoo2qRlsapgmKqiZxFmXjyirKwOJOUwTAnN2HW8ofQ4/AESl04RxUXUHoLuiTpZcwvAp/Rj5SCZPWbcD4DoBxer/LUpyOBfJy5+YuoXziE3ia3JbHXbXKFPkSMU+vyVq6uwHdTp5UbZAGZ8Dnl2WePy/xHnP2tz+B3h91d8mReI/SEjapFtip3CYdZnQ53nXz9v/SVz7K53xgDbPK4FWl6pCqTbN/UFt/pWoXtDfX7wHlp56Kyft/EEiznwXwWrR8RHvfRn8zdbfvSRPHuL43jAOvqII3aLssIoQCP+BePO1oMu8z4TzpNu0EjdeFtap2vmQ38qPfZwbePFrcarA7nHhgcCTN7QCFovyvesvgYVHwvp7BofYCwn5nHcvowghqcIQqrOkoWco/62Qn33kK7iMqfiYrW0nfU8Nz9tvEkgrW7aQ3zKqSUIV3mPvgPrBHmKyODkq2jdntpqkk/iIsr+itwa/qQpYqVciJdBW0fyEkguD1yBx5r6kB5IUhIA9KuZ0jEzR1W88dGhDZl4l+neEJtGFH2YJ4XTJt4n0Yt5AduIc6isqx74YpBR9WoGGMKtg67JOn+F18iyznjKII3LbfbyiygvbwfIW4cB6n32SVcB2RnVBH2I28Zn6edKNGUdnPjQXZ4A8iSQlOYQ7n9EuVCP3qdMDVql9Na0ExJlxjkjJuCT9ia6AIqjbx7nM21cW1+/aNXj5EjosJ+pl1ail5J/4ienhOwTprAE0ZSRWAAAAAElFTkSuQmCC" />
        <img v-show="$store.state.select != '/warehouse'"
          src="data:image/png;base64,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" />
      </div>
      <div :class="$store.state.select == '/warehouse' ? 'blueFont' : ''">
        {{ $t("hj226") }}
      </div>
    </div>
    <div
      :class="touch == 5 ? 'footDemos' : 'footDemo'"
      @click="goRouter('/user', 5)"
    >
    <div :class="touch == 5 ? 'footDemos' : 'footDemo'" @click="goRouter('/user', 5)">
      <div class="footImgDeft">
        <img
          v-show="$store.state.select == '/user'"
          src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAM2SURBVHgB7ZoxTxRBFMf/s7E4rc4SGxY7K7G14cBOC7A3ERJ7MDHkINHbSwzYHfYmQG+CFpbK3SdAKjtZG+3kKkVN9vnerdFIdmZnZvfuVsMvudvldmby3ry38968AThjvCiUxQrVUcMC303zqDN8rfM1/P2cEPN3zNdDvr7AE9VFCRRXoEkNBFjmuwZEaFtEIYUuErRZmRie+CvQpJB7b/OngeLs+CoSwIc1WuGeByUJLyzyWPtYpQXHfh4WWKMO91rBsEgQsSXats3dFGjSNs/8IoaNgxL2LiQzPwrhhYAVWCUrK9tZQHxeoYNRk2A2b7nNV0BWmwBHGAey1H7FNWypvq5JvgspNue4kEB4wbxgmC2QBql9jJc+vmBKZwWzBdSIXlozdZMV9ApEJLnMXVQBwrzukV6Bb6VF2eIoThBlMckgMHRqoEoE2fLoFSBcRZVI2AoZmCwwhWoRZv1oWoUmUSWC7L2GXzpdIf5rBT6gSiRwjsRvUS3irB8D1w5jQwoAGegVSLj04cD8FeDzQ8L7B4RJTW2iXgMezQGdmzS4d4KyPeKctkONO/xgvyO7Usny9VQo+ezfI9x/pfDy3Z/nMxxVOrcI0xPp3/0TQvuN9Y62p6tY6BWIOH1dp12RDRaIsI3L6X14Edi7w1P2kf2QX72Qp2D60t/t42O4sKN7kLcfcNqNtW4QWnP57XYPgKXn1rMfY0NpswJzHEjN9hSWtF8rzD5Tg1nPlORYBHcSfjCs6WH+SLIv+M5FLE0uoqMxxdngRPpO9E+Aw09A98i5DGWcfcFuxPFsLeNfVYnY1MgulUhLG9bVslLghcymVmqfC22oCKNTYgmbyioOuddG1yni7xaGgeK4o3Abj+3PDvzK6+sku6M9OL7YOfTY5xddS+zFDjhSa0jlIoQvMutyNrCptuBBsf1AwhGSUIyEUxZP4YViCihOM1RBN5Lqh2UlOru7L+UWfY3lQxP+FlClBrY6zvN5mwd+CjSpVdh1TqP4iFYivnM3V4Z5XmBxHnAadwsoP1Nbjh2yKzkFSTcFxMTDrpk6noC6KVAb7EtjDJeeS2O/ZTTKLnWXQuT/bwf/JD8B9ynfSSK+YygAAAAASUVORK5CYII="
        />
        <img
          v-show="$store.state.select != '/user'"
          src="data:image/png;base64,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"
        />
        <img v-show="$store.state.select == '/user'" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAM2SURBVHgB7ZoxTxRBFMf/s7E4rc4SGxY7K7G14cBOC7A3ERJ7MDHkINHbSwzYHfYmQG+CFpbK3SdAKjtZG+3kKkVN9vnerdFIdmZnZvfuVsMvudvldmby3ry38968AThjvCiUxQrVUcMC303zqDN8rfM1/P2cEPN3zNdDvr7AE9VFCRRXoEkNBFjmuwZEaFtEIYUuErRZmRie+CvQpJB7b/OngeLs+CoSwIc1WuGeByUJLyzyWPtYpQXHfh4WWKMO91rBsEgQsSXats3dFGjSNs/8IoaNgxL2LiQzPwrhhYAVWCUrK9tZQHxeoYNRk2A2b7nNV0BWmwBHGAey1H7FNWypvq5JvgspNue4kEB4wbxgmC2QBql9jJc+vmBKZwWzBdSIXlozdZMV9ApEJLnMXVQBwrzukV6Bb6VF2eIoThBlMckgMHRqoEoE2fLoFSBcRZVI2AoZmCwwhWoRZv1oWoUmUSWC7L2GXzpdIf5rBT6gSiRwjsRvUS3irB8D1w5jQwoAGegVSLj04cD8FeDzQ8L7B4RJTW2iXgMezQGdmzS4d4KyPeKctkONO/xgvyO7Usny9VQo+ezfI9x/pfDy3Z/nMxxVOrcI0xPp3/0TQvuN9Y62p6tY6BWIOH1dp12RDRaIsI3L6X14Edi7w1P2kf2QX72Qp2D60t/t42O4sKN7kLcfcNqNtW4QWnP57XYPgKXn1rMfY0NpswJzHEjN9hSWtF8rzD5Tg1nPlORYBHcSfjCs6WH+SLIv+M5FLE0uoqMxxdngRPpO9E+Aw09A98i5DGWcfcFuxPFsLeNfVYnY1MgulUhLG9bVslLghcymVmqfC22oCKNTYgmbyioOuddG1yni7xaGgeK4o3Abj+3PDvzK6+sku6M9OL7YOfTY5xddS+zFDjhSa0jlIoQvMutyNrCptuBBsf1AwhGSUIyEUxZP4YViCihOM1RBN5Lqh2UlOru7L+UWfY3lQxP+FlClBrY6zvN5mwd+CjSpVdh1TqP4iFYivnM3V4Z5XmBxHnAadwsoP1Nbjh2yKzkFSTcFxMTDrpk6noC6KVAb7EtjDJeeS2O/ZTTKLnWXQuT/bwf/JD8B9ynfSSK+YygAAAAASUVORK5CYII=" />
        <img v-show="$store.state.select != '/user'" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAYTSURBVHgB7VldTFxFFD5zYYnFFyx9sLFUMGoTY8sittj2obe2Ma2xWNvEkmjSiwGCLbHwpPEFeDTGiE2LtCVwfaNNqqQasZHq8tCKFNmlWittY5dCE0iKQR4AWbrjOTfe3dnlzt177/KjiV+yMHN2ZnbOz5w55wzA/1hZMFgkaFptDvjm9uOCfmBsB5JysJ1vfs8BwvgnjK1BzqOdemtLABYBaTOgVVSriqIc45ypjEGO03kceJhxCEQj0UZdbwmDR3hmACWez3yRdty0CumCc90rI54Y0CrermVMqZdJPDd3NazPewyyV62K0e5P/AEjo/dgenrGck3SCAelTj99ohNcwDUDWtXRjxWA2mT6hqefhCL/JuOTm5srnT8yMgrB0DW4/MOPMIFMJSMa5Q16a3MjOIQrBrTKo+0KA02krUFplx9+EzZseArc4vKVXrjwVdcCRtwwkQEOYUieQbVI2/2iClWVGqxd+yh4wfq8dYbGiIGxsfEYnTGmFhY9/2dooL831RqOGCCbVxhrEGllrx+A0n0vg8/ng3SQnZ0NWzYXG+2hm7djdGRiT2FRSU9ooC9sNz8lA+RtlEzeJdJKX9kLe/e8BIsJMkE64L/fCceJjKv+jds/C4V6Z2XzFEgBlhlpEPu0eZL8UqDs0EF0BvGzxICh8OZq7ebYMqBVV6tMgcNmnw7sUm3eRLn2BppV3P2iLR0zbnkJbBlg8xma2C/dtxeWGmvQBZNziG8Ccuy0IGWAuE6W/ratL8ByYPeunQla4Iy9Khsr10DWvCp2l0P6Jmjz/sJNsT7e+H4053yrsVIGGI+qYl88XMsBuh9EKA8U1WqcXAMKKzSbZD524cFSIFlgnMJ0C8g1EIUCs03B2XKDzCjBGwm5hQi5Bhg8bjbXLLP0TawSolkM2ixdacqLbCXhRHD/agbuT0ykHCNngMOw2bw7OgorgZmZGWE7MGk1RsoAZkghs22VeCw1KPFJyt7CVuPsTChsNmihkWXWwt2Rewl9JcoDVuPkGshQEnLTYPAa2IHSxHfq3oX33m+QaowEQRlYx9nz0tzYRCiU+HsPfHGLECHXwGxmCO0oZnfd3wXADt2XAripaePgffjRcYMhEUM3bxn0C19+bazVfel76VpUAAgOCvM579FbrCsW0oSGkgh/8ea1mBkZEVwkMg/ZD2fDEwX5luNnZqbhl+s3jPY0Hr6r/QPIxM9w/dcb0PVNN3Rd/BampqZi47dvK4E8TCmt0HHuvFHBENAYHLjqUgNAZpTVJPZJejLVUwRJyY4IOjekieTzs21riTSyJelfwYqFsItw25lmHSSwTSlD/b2T/udKHsFoMKYFSvlIelagtJA+ZC6iCzRBMVXZoQPSpIg2T2aWMJdDnUz6hJRlFcoLlKxIEIRYZPcuFZP6g7bzhoZuGZInjVFMk7dunW3phcbR5hO1hdI/3Vxg9zuO6kJadY2Kbizh1JEUk03GK2SbjyrRnbLDa8JRWSXU3xcuKi4hZlWTRmZCh3Tjs88kR42uQOs0Hf8UxsbHE+gMlPL2U82LUxciBH/qCyQzQV6F3CelTBR4uWGE7J28zdlzny88L5yXt5052eFkHde10beqahrwF+qtvtuO3sWPmRQlI1bMTOAd8dvQbcPLkOQXAO8dJYO91tpyIgAO4a06XXnEj5W6L0CSZBCo4pa7erXBCEmbpEwXnRy8B21eS2XzyUjrgeMfbVDlIh+8gm57Do1trSebvExPKx+IzmXqHNIDzg953TzB8SG2gn9LcT1KYE+cwjtxRx9wBYZRtX8hYdj84HPSINIv4v9TeOgpQTdSRDz/+U4r0VZI64kJL7g7cYozv23MTb5X0IyiEV+BrjdNgkt4NiGWFUkMJ9GOnR5AHb0MPgp+El8My4dZc+3gAZ4Y0KqO1ItPqIzs2CbgsgKPZDaI4Tqusl+rqFHBJdy/kS0wHVqF62IO7RSohR3iK6fx0DeXVeTGlDLBJehpdQGRMw08gCWJj94D8D2CLsk6cAhXJmS8FyzGu7AdFKh1N9wNZh+iuDwMSwre42a0JzdaLSl1LwZaXIYS/3n8DQBoawBKW5PeAAAAAElFTkSuQmCC" />
      </div>
      <div :class="$store.state.select == '/user' ? 'blueFont' : ''">
        {{ $t("hj227") }}
@@ -107,9 +76,31 @@
  data() {
    return {
      touch: 0,
      tabs: [
        // {
        //   path: '/home', key: 1, name: this.$t("hj224"), img: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAINSURBVHgB7ZlPMgNBFMa/HlmEjViyES4gXECwtXAAhYU92ajIJmxQNjiB3CBcADfAylJsrF1AnteTkiozkz/d86KH6l9VpiZd3ZP35X390ukG/jgKo2CfCshjj59eCt8Tbvn6gDPVgjDyAqpURoAm3xV+tBNa+EQF5+oGggSQpEp1fuI9osFrFIrIsTDdRxCZDGjLjHNwCuWh+hNu+FWRsFR6ATUqcTDN8Bs2QVuKsJJWRDoLHdI+X++Ng9foMQFecRA+wxq7DHQsU+fRqT68C+ESp6oCC8wFVKnIo5rdEimFpaXMLNQpkY/iwWu0pRTb8YA2TIYNL6BfiZTCotQOtpBpiZRiyFLbX4BtiZRiiHnR20KHtA3bEinFd6ntxNKjSxJ6IuXC9Ux2aIeZeIg2J2dgDBfIGgrX4XyMEBdQpR2ntumFjmkCsRIbFxDAqA7/MsvRhrgAwiSyy1y0Qfb/gAO8ANfkIMQyu7O+SijP9+/39A4c3yncvkAEkQxsL/FP9u7g4DWlGaC5SdhahAgiAuprBFMu183HJJFaQGkaKFossAt5YFZgYZ5awGQe1sxNpc+CL6Ou8QJc4wW4xgtwjRfgGi/ANf9SwBuyShsf0aakbZUGskqA2BFt8t5ojY74Knocmpo2rnhvNHak1Xt7vcZbjIDeZlzgrIzuUKMfii1DeOa7Bk5UAx6PJ8YX112DrjaKDVEAAAAASUVORK5CYII=',
        //   actImg: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAOiSURBVHgB7VnNUhpBEO4exErlhE8gPoFgxSRVOQRvOeoxp2wstYhaFXwC8QmCVf5QQMHmCcRbckJvKU0Qb7mJtxz1GDDT6cFCd5flZ9khaIrvArvTMzs90/31dA/AIwfCAGAYiRCM/TZEAKfVs/xD53BDRdNMV0EztCtgrKx9EgAJ10YJqXxudwM0QpsCvOphHK8f8ICRTnIEVKWanNO1GwI0wFiKxzBYP+s2eQUEZEVFyVhaj4EG+FbAWFndFCJQQoSQrUHChnwanMhndlkv3LI2KSWEIFZidRN8om8TUo4qgrUCIM7bW6gqCRbM7F7FJr+8GhGIB/w37JAvyprc6Nek+lLAMFYjOI7K3sP2FjqWQhpm2n0yRpz9hOoFJIjZevnwC88KGEsfEohi02kyRLRdyO4lehljcWU9yT3s5kNwJUlumbn9FHhAwItwgyIRkzz5J9YPI+LbfHa35w+f/Tg5is7MXvL6xaA5Fv/yOG+i0eehs/Lp117H6mkH2lMk27vgrU/3Z7/KpISsl8Bhil5MqisLtaNIkvBZPh2P9jt5BTOdqspaMEqE29b3Xqi24w40KBIw2dLAFMkR1ZOtdoOrX6hPSUqaub2tdv3a+oD75BsUOVfI7RVBM5RfTM/MHio/4Mc7guDn2HR0Firl02O3fq4KMGcb7KyOFW5Q5IKZ2f8JAwJP8tf07KtDXveIlaJvlXh2XSl//+bs42pC71fWLqwDeKFIXWgxKUWz9eCUaaaurHItTqxW3xagkMx/PXmFfGYnaXNujjsc+eedci0KIDE3WyBRtnWgQYPqY0nbCwGvnTKtNBqAyeZfDvkVPzTpFw1zIbi8eyFhyinTMQ5wQLmGIYMEXHRq15IPDBOPXoEx0ITGkQMD6pQa6yRHTPfECY6Z2dESDPWklCrw3WZlsW6y6kwlgA441rwDDdCiAEdKz6khM5yWs5RvE1Kpoi3ss4kw3527CpOYpOYucWAy4vGwX5r27wMBGQJ5f6RSx458dt90E11kU2skMc2P34yF+acKPjCi0WFjpMCwMVJg2BgpMGyMFBg2/nMF8D4/HhrIWcK3o1UBSZaTJIZ13KL0C1UdtJV4XPLjlsKWEV+PCUkl6zviohJLXkEb2ItgHWQJQtZ7BS+yCgGiaNZx8+NemVteTyHSR3hAaFcddK2NVsonXyIzLyZ4BV7CA0Cn0mbn8nrjTquW4PSv6/XpIMDZWyWAophL7xzBCCOM4Iq/amJyomlCik4AAAAASUVORK5CYII='
        // },
        {
          path: '/home_index', key: 1, name: this.$t("hj224"), img: require('../assets/foot/home-act.png'),
          actImg: require('../assets/foot/home.png')
        },
        {
          path: '/trading-list', key: 2, name: this.$t("hj225"), img: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAANGSURBVHgB3Zm/b9NAFMe/F2UoWxnL5LIVBgpsMJCqfwDhx8bQ8AdAki1UiMQSAiQGkh2FVGJECIayAc1Ax5JObCRMjGSKKpByvGc3IrEdx/bdOaEfyVJ0uUTva3/fu/M74D9HwBQluYwl5DFEHxl08Ez0YAD9AtzAixR0bWJcok5XQ7cQvQIeyBL9Y5U+LQd+L9GjyyYRLWhCj4CKzDmBC+QizXeF3CUhe1BETUBFWmSVF/Qpj2S0KEdsFVslE/DP5yVMs0schpQvR5QfddFHTOILqMjCsV0s6CRhfkQXENfnSXGFbES11WwBbJdTVAIFtpAukfJjugDdPk9Gn0TUSYQ9bUKwANcur7T7PCkhZdcvwC2NXSwif3ARz0VnfCjjm5ShR7aoZJ01Z4JMwLR1LCoBls5iDlxbda/cqkTuLND7BZR3Bd5/Q2xSE8AB59ckti5TSVua/M46DRQuSRIQf101JoCDvH6OArck8uf9QXvhp5AEYwKqmxLFK9Hm9o+A+n6ybZkxAQ0OSEqsnwEurIQ/gcY+8CP2Ns7FmAAnMT9M3lX2efOWf579MfmuPoOU4CfwaNM/vvFS7ZUkNQHN2xKWZ0dlf0punRGpCGDb5Ncmx9pdNeuMMCqAbcPBs/fHYd8X3uh5HTeWxLw4vb1DVWhlcpyDZ9+rWmeEEQFc/3kd8JZO3cEzWgXwXW/edPc3XkwEz2gRwHf6Pt310lUZuGBxwt54LZwVVzdKAmYFzpR3j1dlQygJOLjnr+0j+K6XaIt8+BNGUX4CXjoUcOMLsPPV3F0fR0kAv4SMqk37u7sp2+umE/gIJQE7B3wJR4CJBI2CfyWW8TsSqQU/xKF3yC9AoIzFpeQd8At4Qn2XIfUmae3B4tCjSAP7peEZty1rNKNItppPa5HWPudYakC9qimt99klgzt1ArW5NHcHZOcZZwZx2uvccvxMnyyYpe0cED6OdvwUv2hv0wEHnIM8C3rp0WVTDrZi/CbhEVONWu+/nYpQhSoRfB7+cxXU8+MdVbxy+od8Xh7SecKQzhOi2yqWz8PQu3GZlR/COXGx8VRoa+Hr33m51Yrzo+j5xk7q8zDMbR1ZSJbOGoa0CA7I65oDPzH8BdJ4DHPzc8XTAAAAAElFTkSuQmCC',
          actImg: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAVASURBVHgB5VpdSBxXFD53VgXNi7i+JYIPTc1LqwakRl9Ws4FGUrEVoqUt3Ygppg2NofRZF/pSSummrVZQshNIoT+QpqY0DzWNKY0xaaiaPqmBSpO8xWJfXNjd3ttzZrtlfu7O7s7cWSj5YMGdc2f2fHe+c+655wrwPweDgBCLjddDdXoAmNiBtFjV9ZktCADKCRiOV6XPaBqbtBg4JHj273OqiYRAIWKjp8ZZSHyDzj/vMDLohBAbaDvY8dfqr7+sgiIoeQOx0bEIY6EJxiBSyngBYktwfkKfm1kEn/BFAOXSrFWnPwLGBuy2urpaaG99BnZTKfjjwSPY3v7T+QAhdJ7hcT+y8kQgr3PG2DjOer3ZRo5HeyPQ/0Kf5Z6Fa9fhh2uLUiKci0nI1mB8JHagTJRNIHbyzRg6PoE3NtttOcePIok66b2Pt7dh/spVWLp122EzZCUgrs9O61AGSibgpvOWp5+C/mN90NKyv6RnEZGkfhHWN+47bAaRNO8pVVZFCZBcWFUmwTR43W5rDDfA0PGXoL2tFbzg5tIyzH931Vd8FCRQis6jhyMF5VIO5q98Dws/LsLubspqELDDhUjoc9PxQvdKCRhy0UJJmc67Dz1n6DwcDoNKFI0PrmHa/XTRbnMQMFJjTeZ3+/Vyde4VROSDDz+WZysh2jHILYugYyVu7zioo2wO5L+TXAZf7IfXXhmGxka1sy4DSfLI4R58ww2wsXkfMpmsycoO4Cp+wTxesz+AAWszfx/GII3iAyuN7q5OeOvUScs1xkSzfVyVyzMM2XQd6gTVWN/YNFLo+vqm8XcjxlMumz1r+/39xofGFIIrgaZ9+0AVyImVlXuwtHwHs82uxUa6p+C1E8j5sNc7AdK/V1BKXFm9Bxvk+NpvDqftCDc0gBcfXAn4QT63lwJy8kg0Al4QGIHovw49ePgQP4+ci5R5bG/E87oSGAEKzOGhQcu1m0u3IXnhom1cg6NyLQcaVAj0BqjusePdd94GP6gYAZr5bcw2ZvQf81+SVITAef1zIyOZYZQmPqSTR2AxQCDZfPHVJczxy5brpPuR2KugAoEReIzF2NT0rJGFzCDnSfeqqtlACCzg3pcC1r54qXaeoJQAzXpuq+hc+oNwnqCEAGmdVl2aeVnJQAFLlaWK3ZsdvggUc5wQdDnui0D8vfcduT0PmnVaiVVWtDK4EnCrXwiplHPWqfylwkzVPqKYD64EqAhzw9DxQaPqTGH7kGY82tujfM9czAdXArmd06axK5KBOhT0If0HEaBU/LltZgiOUkJoYOlITH02K211mBGE85QYvvz6kuUath7X7OMcXQns369hV2Is/526AlTHLN26Y2z5/OzSSgHNeBJrpxs//Yy/nbHYRIgfXb1719IAlje2xk5HNC6SULCx1We0PVSCFkGKJ/nbFluapp2YmymhsWXGyBunJ/G9nQFZaxFzO5XDfuG6lmBrEXsp53hdVUJPyFvvxZu7Y+PNjGcmcaCkuRs22oxd+Fa8gKRJ1ap0LWHY3K2tOVvI8f+GQYkgIhrPXAeJrChLUXlcqqxI59QHlWcYcQPlMimTiwxlH3CM4AEHvtYJ8BAf+W0lndY4IbZQMvHzQR1wmEGtd60mO44/OmG3kayoI0GdBjNyjnvTuRv8HfIViY+mpr1QV1vr0tgSl7nGz+ozFT7ks2MU0y4vkHblKE/nblB6Uu8WHwZILqTzuakEKILSk/oVPIFv7ej+Fk8icDEHWznK4nxP9cvJ6U8WQSGC+2cPjI8Qz7YJwev5nprLXgL0icA/W5VtrhXqUi8AAAAASUVORK5CYII='
        },
        {
          path: '/warehouse', key: 4, name: this.$t("hj226"), img: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAwCAYAAABuZUjcAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAATPSURBVHgB7Vm/bxNJFP5mL3fCV0F5FRv+geTaa8658q4g0dFR4Ig/gECBkggRR0LEAqSEHhFT0EIoKCH2PwCmofVSUcYFBCQUD+/NbGLvzo+dtWPT8KE18Xp+fPvmzffevBX4EViVMX1egUCVrnn6+ywkOviCBeyIXsgQM5gmViUT3VCE84gQowSmQ5wtLLBrJcwQ6KGP5VBr6y6TBls5wnOwO7jwDX/ivuigBCJMEmzpCPvwkWbM0GqsyhpKYLLEBeqB7eaJyS7WZBc35WJIl9GJszW1OvgI7dBnMvSdffhDetnax2T95zTuBgoQ7uPsq8Ai9bioJhgGS5mg6xseWn21Tg/Yo3/5zXeLxjxCjfpeMfr0abUaYhMjE/dJmA0SLbqWadIEoViXTH6b+mX3Qp90vSFati5+V+El480VSprBbSN0Q5b7BHdFk0gvpK40PNaGexoXNOk6xkHBclvmrKlNmh1j1rZ6kWOA8Unr0eukEivB7RvK8q3MvRl7RDWJa+2tY3y0aT2v08StMp3U/hgoUYI7dh83Q77ILVV5tNWDOyYshHaLWaU4n+CMplkf1+F5H6Mhob7LwYRX5FmcIRX5apHJAGQtHiEoalnQoU20ROqQOFsM4sDfaRzQ0vc7WA57KhZIvCNdb4bkLVmLr8u39DmPckhwSEmSy2pl4wCDN+gRBbN7Ys/VJE9cohySNEgkxi9FqWwYmjT+ZrgchsM6KBlgngjvj0maUVPjWHKicYg3VcTLQ0+yb+Qzo4LHsZCPco3CdzcnVHlo9yjOv8vimDwrUYos8T5CTyEd687n/Pu0LG2OHaMyyF3yFm8jBBJPjHur0p6eniYEVlJZNSzeDOmPXywrE+EapoE0YzSzwzVZrAaHOJfRbVYR4C2mBZrfVBVOcoo2qRlsapgmKqiZxFmXjyirKwOJOUwTAnN2HW8ofQ4/AESl04RxUXUHoLuiTpZcwvAp/Rj5SCZPWbcD4DoBxer/LUpyOBfJy5+YuoXziE3ia3JbHXbXKFPkSMU+vyVq6uwHdTp5UbZAGZ8Dnl2WePy/xHnP2tz+B3h91d8mReI/SEjapFtip3CYdZnQ53nXz9v/SVz7K53xgDbPK4FWl6pCqTbN/UFt/pWoXtDfX7wHlp56Kyft/EEiznwXwWrR8RHvfRn8zdbfvSRPHuL43jAOvqII3aLssIoQCP+BePO1oMu8z4TzpNu0EjdeFtap2vmQ38qPfZwbePFrcarA7nHhgcCTN7QCFovyvesvgYVHwvp7BofYCwn5nHcvowghqcIQqrOkoWco/62Qn33kK7iMqfiYrW0nfU8Nz9tvEkgrW7aQ3zKqSUIV3mPvgPrBHmKyODkq2jdntpqkk/iIsr+itwa/qQpYqVciJdBW0fyEkguD1yBx5r6kB5IUhIA9KuZ0jEzR1W88dGhDZl4l+neEJtGFH2YJ4XTJt4n0Yt5AduIc6isqx74YpBR9WoGGMKtg67JOn+F18iyznjKII3LbfbyiygvbwfIW4cB6n32SVcB2RnVBH2I28Zn6edKNGUdnPjQXZ4A8iSQlOYQ7n9EuVCP3qdMDVql9Na0ExJlxjkjJuCT9ia6AIqjbx7nM21cW1+/aNXj5EjosJ+pl1ail5J/4ienhOwTprAE0ZSRWAAAAAElFTkSuQmCC',
          actImg: 'data:image/png;base64,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'
        },
        {
          path: '/user', key: 5, name: this.$t("hj227"), img: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAM2SURBVHgB7ZoxTxRBFMf/s7E4rc4SGxY7K7G14cBOC7A3ERJ7MDHkINHbSwzYHfYmQG+CFpbK3SdAKjtZG+3kKkVN9vnerdFIdmZnZvfuVsMvudvldmby3ry38968AThjvCiUxQrVUcMC303zqDN8rfM1/P2cEPN3zNdDvr7AE9VFCRRXoEkNBFjmuwZEaFtEIYUuErRZmRie+CvQpJB7b/OngeLs+CoSwIc1WuGeByUJLyzyWPtYpQXHfh4WWKMO91rBsEgQsSXats3dFGjSNs/8IoaNgxL2LiQzPwrhhYAVWCUrK9tZQHxeoYNRk2A2b7nNV0BWmwBHGAey1H7FNWypvq5JvgspNue4kEB4wbxgmC2QBql9jJc+vmBKZwWzBdSIXlozdZMV9ApEJLnMXVQBwrzukV6Bb6VF2eIoThBlMckgMHRqoEoE2fLoFSBcRZVI2AoZmCwwhWoRZv1oWoUmUSWC7L2GXzpdIf5rBT6gSiRwjsRvUS3irB8D1w5jQwoAGegVSLj04cD8FeDzQ8L7B4RJTW2iXgMezQGdmzS4d4KyPeKctkONO/xgvyO7Usny9VQo+ezfI9x/pfDy3Z/nMxxVOrcI0xPp3/0TQvuN9Y62p6tY6BWIOH1dp12RDRaIsI3L6X14Edi7w1P2kf2QX72Qp2D60t/t42O4sKN7kLcfcNqNtW4QWnP57XYPgKXn1rMfY0NpswJzHEjN9hSWtF8rzD5Tg1nPlORYBHcSfjCs6WH+SLIv+M5FLE0uoqMxxdngRPpO9E+Aw09A98i5DGWcfcFuxPFsLeNfVYnY1MgulUhLG9bVslLghcymVmqfC22oCKNTYgmbyioOuddG1yni7xaGgeK4o3Abj+3PDvzK6+sku6M9OL7YOfTY5xddS+zFDjhSa0jlIoQvMutyNrCptuBBsf1AwhGSUIyEUxZP4YViCihOM1RBN5Lqh2UlOru7L+UWfY3lQxP+FlClBrY6zvN5mwd+CjSpVdh1TqP4iFYivnM3V4Z5XmBxHnAadwsoP1Nbjh2yKzkFSTcFxMTDrpk6noC6KVAb7EtjDJeeS2O/ZTTKLnWXQuT/bwf/JD8B9ynfSSK+YygAAAAASUVORK5CYII=',
          actImg: 'data:image/png;base64,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'
        },
      ],
    };
  },
  mounted() {},
  mounted() { },
  methods: {
    goRouter(url, index) {
      this.touch = index;
@@ -226,6 +217,13 @@
}

.blueFont {
  color: rgb(25, 122, 246);
  color: #c4d600;
}
</style>

<style lang="less" scoped>
// @purple: #3d1152;

// .footCss {
//   background: @purple;
// }</style>

 src/components/nPagination.vue

New file
@@ -0,0 +1,88 @@
<template>
    <div class="n_pagination flex-center">
        <div class="n_pagination_item flex-center prohibited">
            <span>{{ $t('Previous') }}</span>
        </div>
        <div class="n_page_number flex-center">
            <span>1</span>
            <span>/</span>
            <span>300</span>
        </div>
        <div class="n_pagination_item flex-center">
            <span>{{ $t('Next') }}</span>
        </div>
    </div>
</template>

<script>
export default {
    name: 'nPagination',
    props: {
        total: {
            type: Number,
            default: 0
        },
        pageSize: {
            type: Number,
            default: 10
        },
        currentPage: {
            type: Number,
            default: 1
        }
    },
    data() {
        return {
            pageList: [],
            totalPage: 0,
            currentPage: 1
        }
    },
    watch: {
        total() {
            this.init()
        },
        pageSize() {
            this.init()
        },
        currentPage() {

        }
    }
}
</script>

<style lang="less" scoped>
@green2: #f0f0f0;
@green: #c4d600;

.n_pagination {
    width: 100%;
    height: 2em;
    color: #646566;

    .n_page_number {
        width: 3em;

        span {
            font-size: .37em;
        }
    }

    .n_pagination_item {
        border: .01em solid @green2;
        width: 3em;
        height: 1em;
        color: @green;

        span {
            font-size: .4em;
        }
    }

    .prohibited {
        background-color: #f7f8fa;
        color: #c4c5c6;
    }
}
</style>

 src/components/tabHead.vue

New file
@@ -0,0 +1,254 @@
<template>
  <div class="tab_head">
    <div class="icon" @click="searchShow = true">
      <van-icon name="search" size=".5em" />
    </div>
    <div class="head_right">
      <div class="icon" v-if="rightShow" @click="aRouter1">
        <van-icon name="service-o" size=".5em" />
      </div>
      <div class="icon" v-if="rightShow" @click="goToTopUp">
        <van-icon name="setting" size=".5em" />
      </div>
      <slot></slot>
    </div>
    <!-- 搜索弹窗 -->
    <van-popup v-model="searchShow" round position="bottom" :style="{ height: '80%' }">
      <div class="popup_head">
        <van-icon name="arrow-left" size=".5em" @click="searchShow = false" />
        <div class="popup_input">
          <van-field v-model="searchValue" :placeholder="$t('hj37')" left-icon="search" clearable />
        </div>
        <van-button type="primary" round @click="submit">{{ $t("Search") }}</van-button>
      </div>

      <van-list v-model="loading" :finished="finished" :finished-text="$t('hj43')" @load="onLoad"
        v-if="(lists && lists.length > 0) || !finished">
        <van-cell v-for="item in lists" :key="item.id">
          <div class="search_item">
            <div class="search_item_left">
              <div class="search_item_left_name">{{ item.name }}</div>
              <div class="search_item_left_hint">
                <span>{{ item.stock_type }}</span>
                {{ item.spell }}
              </div>
            </div>

            <div class="search_item_right">
              <span>{{ item.nowPrice }}</span>
              <van-icon name="arrow" size="1em" />
            </div>
          </div>
        </van-cell>
      </van-list>

      <div class="zhaobudao" v-else>
        <img src="../assets/img/zhaobudao.png" alt="" />
      </div>
    </van-popup>
  </div>
</template>

<script>
import * as api from "@/axios/api";
import handleDt from "@/utils/deTh";
export default {
  name: "tabHead",
  data() {
    return {
      searchShow: false, // 搜索弹窗
      searchValue: '', // 搜索内容
      lists: [], // 搜索列表
      loading: false, // 是否加载
      finished: true, // 是否加载完成
      pageNum: 1,
      pageSize: 20,
    };
  },
  props: {
    rightShow: { // 是否显示客服和设置图标
      type: Boolean,
      default: true
    }
  },
  watch: {
    searchShow() {
      this.searchValue = ''
      this.init()
    }
  },
  async mounted() {
    this.init()
    this.getInfoSite();
  },
  methods: {
    aRouter1() { // 跳转客服页面
      window.open(this.onlineService);
    },
    async getInfoSite() { // 获取客服地址
      let data = await api.getInfoSite();
      if (data.status === 0) {
        this.onlineService = data.data.onlineService;
        // console.log(this.onlineService, 'this.onlineService');
      } else {
        this.$store.commit("elAlertShow", {
          elAlertShow: true,
          elAlertText: data.msg,
        });
      }
    },
    goToTopUp() { // 跳转设置页面
      this.$router.push("/setting");
    },
    onLoad: handleDt.throttle(async function (a, b) { // 搜索列表加载
      this.finished = false;
      let opt = {
        pageNum: this.pageNum,
        pageSize: this.pageSize,
        stockPlate: "",
        keyWords: this.searchValue,
        stockType: '',
        orderBy: "",
      }

      let data = await api.getStockByType(opt);
      this.loading = false; // 加载状态结束

      if (data.status === 0 && data.data.list) {
        this.lists = [...this.lists, ...data.data.list];
      }

      if (data.data.list && data.data.list.length <= 0) { // 数据全部加载完成
        this.finished = true;

      } else {
        this.pageNum++;
      }
    }, 500),
    init() { // 初始化
      this.pageNum = 1;
      this.lists = [];
      this.finished = true;
    },
    submit() { // 提交搜索
      this.init()
      this.onLoad()
    }
  },
};
</script>

<style lang="less" scoped>
@grey: #dddddd;
@dark_green: #07c160;

.tab_head {
  font-size: 10vw;
  padding: .266em;
  display: flex;
  justify-content: space-between;
  align-items: center;

  .zhaobudao {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: .5em;

    img {
      width: 65%;
    }
  }

  .search_item {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.5em;
    padding: .5em 0;

    .search_item_left {
      flex: 1;

      .search_item_left_hint {
        margin-top: .3em;
        color: #969799;
        font-size: .8em;

        span {
          border-radius: 0 26em 26em 0;
          background: @dark_green;
          color: #fff;
          padding: 0 .3em;
          margin-right: .1em;
        }
      }
    }

    .search_item_right {
      display: flex;
      justify-content: end;
      align-items: center;
      color: #969799;

      span {
        margin-right: .5em;
      }
    }
  }

  .popup_head {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .25em;

    /deep/ .van-cell {
      background: none;
    }

    /deep/ .van-field__left-icon .van-icon,
    .van-field__right-icon .van-icon {
      font-size: 1.5em;
    }

    /deep/ .van-field__control {
      font-size: 1.5em;
    }

    .popup_input {
      background: #f7f8fa;
      @inpH: 1em;
      height: @inpH;
      flex: 1;
      border-radius: @inpH/2;
      display: flex;
      align-items: center;
      margin-left: .5em;
      margin-right: .5em
    }
  }

  .icon {
    width: 1em;
    height: 1em;
    border-radius: 50%;
    background: @grey;
    display: flex;
    justify-content: center;
    align-items: center
  }

  .head_right {
    display: flex;
    justify-content: end;
  }

  .head_right {
    .icon {
      margin-left: .266em;
    }
  }
}
</style>

 src/locales/cht.json

@@ -577,5 +577,18 @@
  "市场": "市場",
  "请选择提现金额": "請選擇提現金額",
  "hj100": "交易數量（股）",
  "删除": "刪除"
  "删除": "刪除",
  "快捷方式": "Shortcut",
  "量化交易": "Quantitative trading",
  "理财基金": "Wealth management fund",
  "美股指数": "Us stock index",
  "墨西哥指数": "Mexican Index",
  "更多新闻": "More news",
  "美国": "United States",
  "墨西哥": "Mexico",
  "Name": "Name",
  "Price": "Price",
  "Change": "Change",
  "Previous": "Previous",
  "Next": "Next"
}

 src/locales/de.json

@@ -572,5 +572,18 @@
  "市场": "Markt",
  "请选择提现金额": "Bitte wählen Sie den Auszahlungsbetrag aus",
  "hj100": "Handelsmenge (Aktien)",
  "删除": "Löschen"
  "删除": "Löschen",
  "快捷方式": "Shortcut",
  "量化交易": "Quantitative trading",
  "理财基金": "Wealth management fund",
  "美股指数": "Us stock index",
  "墨西哥指数": "Mexican Index",
  "更多新闻": "More news",
  "美国": "United States",
  "墨西哥": "Mexico",
  "Name": "Name",
  "Price": "Price",
  "Change": "Change",
  "Previous": "Previous",
  "Next": "Next"
}

 src/locales/en.json

@@ -592,5 +592,18 @@
  "贷款": "loan",
  "电话号码": "telephone number",
  "当前充值渠道已关闭请选择在线客服进行充值。": "The current recharge channel has been closed Please choose online customer service to recharge.",
  "删除": "Delete"
  "删除": "Delete",
  "快捷方式": "Shortcut",
  "量化交易": "Quantitative trading",
  "理财基金": "Wealth management fund",
  "美股指数": "Us stock index",
  "墨西哥指数": "Mexican Index",
  "更多新闻": "More news",
  "美国": "United States",
  "墨西哥": "Mexico",
  "Name": "Name",
  "Price": "Price",
  "Change": "Change",
  "Previous": "Previous",
  "Next": "Next"
}

 src/locales/ens.json

@@ -586,5 +586,18 @@
  "市场": "Market",
  "请选择提现金额": "Please select the Withdraw amount",
  "hj100": "Trading quantity (shares)",
  "删除": "Delete"
  "删除": "Delete",
  "快捷方式": "Shortcut",
  "量化交易": "Quantitative trading",
  "理财基金": "Wealth management fund",
  "美股指数": "Us stock index",
  "墨西哥指数": "Mexican Index",
  "更多新闻": "More news",
  "美国": "United States",
  "墨西哥": "Mexico",
  "Name": "Name",
  "Price": "Price",
  "Change": "Change",
  "Previous": "Previous",
  "Next": "Next"
}

 src/locales/fra.json

@@ -572,5 +572,17 @@
  "市场": "Le marché",
  "请选择提现金额": "Veuillez sélectionner un montant de retrait",
  "hj100": "Nombre de transactions (actions)",
  "删除": "Supprimer"
  "删除": "Supprimer",
  "快捷方式": "Shortcut",
  "量化交易": "Quantitative trading",
  "理财基金": "Wealth management fund",
  "美股指数": "Us stock index",
  "墨西哥指数": "Mexican Index",
  "更多新闻": "More news",
  "美国": "United States",
  "墨西哥": "Mexico",
  "Name": "Name",
  "Price": "Price",
  "Change": "Change",
  "Previous": "Previous"
}

 src/locales/hi.json

@@ -591,5 +591,18 @@
  "贷款": "ऋृण",
  "电话号码": "टेलीफोन नंबर",
  "当前充值渠道已关闭请选择在线客服进行充值。": "वर्तमान रिचार्ज चैनल बंद कर दिया गया है कृपया रिचार्ज करने के लिए ऑनलाइन ग्राहक सेवा चुनें।",
  "删除": "हटाएं"
  "删除": "हटाएं",
  "快捷方式": "लघु पथ",
  "量化交易": "मात्रात्मक व्यापार",
  "理财基金": "धन प्रबंधन निधि",
  "美股指数": "हमें स्टॉक सूचकांक",
  "墨西哥指数": "मैक्सिकन इंडेक्स",
  "更多新闻": "अधिक समाचार",
  "美国": "संयुक्त राज्य अमेरिका",
  "墨西哥": "मेक्सिको",
  "Name": "गाली",
  "Price": "मुल्य",
  "Change": "परिवर्तन",
  "Previous": "पिछला",
  "Next": "सो"
}

 src/locales/jp.json

@@ -573,5 +573,18 @@
  "市场": "市場",
  "请选择提现金额": "現金引き出し金額を選択してください",
  "hj100": "取引数量（株）",
  "删除": "削除"
  "删除": "削除",
  "快捷方式": "Shortcut",
  "量化交易": "Quantitative trading",
  "理财基金": "Wealth management fund",
  "美股指数": "Us stock index",
  "墨西哥指数": "Mexican Index",
  "更多新闻": "More news",
  "美国": "United States",
  "墨西哥": "Mexico",
  "Name": "Name",
  "Price": "Price",
  "Change": "Change",
  "Previous": "Previous",
  "Next": "Next"
}

 src/locales/kor.json

@@ -573,5 +573,18 @@
  "市场": "시장",
  "请选择提现金额": "현금 인출 금액을 선택하십시오.",
  "hj100": "거래 수량(주)",
  "删除": "삭제"
  "删除": "삭제",
  "快捷方式": "Shortcut",
  "量化交易": "Quantitative trading",
  "理财基金": "Wealth management fund",
  "美股指数": "Us stock index",
  "墨西哥指数": "Mexican Index",
  "更多新闻": "More news",
  "美国": "United States",
  "墨西哥": "Mexico",
  "Name": "Name",
  "Price": "Price",
  "Change": "Change",
  "Previous": "Previous",
  "Next": "Next"
}

 src/locales/th.json

@@ -573,5 +573,18 @@
  "市场": "ตลาด",
  "请选择提现金额": "กรุณาเลือกจำนวนเงินที่ถอน",
  "hj100": "ปริมาณซื้อขาย (หุ้น)",
  "删除": "ลบ"
  "删除": "ลบ",
  "快捷方式": "Shortcut",
  "量化交易": "Quantitative trading",
  "理财基金": "Wealth management fund",
  "美股指数": "Us stock index",
  "墨西哥指数": "Mexican Index",
  "更多新闻": "More news",
  "美国": "United States",
  "墨西哥": "Mexico",
  "Name": "Name",
  "Price": "Price",
  "Change": "Change",
  "Previous": "Previous",
  "Next": "Next"
}

 src/locales/zh.json

@@ -363,10 +363,10 @@
  "hj221": "欢迎回来",
  "hj222": "使用手机号登录",
  "hj223": "还没有账号?去注册!",
  "hj224": "Home",
  "hj225": "Trade",
  "hj226": "Position",
  "hj227": "Me",
  "hj224": "主页",
  "hj225": "贸易",
  "hj226": "位置",
  "hj227": "我的",
  "hj228": "暂无充值信息!",
  "hj229": "支付宝",
  "hj230": "对公转账",
@@ -378,7 +378,7 @@
  "hj236": "已全部加载",
  "hj237": "购买",
  "hj238": "详情",
  "hj239": "Announcement details",
  "hj239": "公告详细信息",
  "hj240": "忘记密码",
  "hj241": "开户",
  "hj242": "行情",
@@ -577,5 +577,18 @@
  "hj621": "大宗交易",
  "电话号码": "电话号码",
  "当前充值渠道已关闭请选择在线客服进行充值。": "当前充值渠道已关闭请选择在线客服进行充值。",
  "删除": "删除"
  "删除": "删除",
  "快捷方式": "快捷方式",
  "量化交易": "量化交易",
  "理财基金": "理财基金",
  "美股指数": "美股指数",
  "墨西哥指数": "墨西哥指数",
  "更多新闻": "更多新闻",
  "美国": "美国",
  "墨西哥": "墨西哥",
  "Name": "名称",
  "Price": "价格",
  "Change": "变动",
  "Previous": "上一页",
  "Next": "下一页"
}

 src/page/home/components/echart.vue

@@ -1,87 +1,110 @@
<template>
  <div style="width: 100%;height: 100%;">
    <div style="width: 100%;height: 100%;" :id="'main'+ids"></div>
    <div style="width: 100%;height: 100%;" :id="'main' + ids"></div>
  </div>
</template>
<script>
  import * as echarts from 'echarts';
  export default{
    props:{
      ids:{
        type:String,
        default: '0',
      },
      colorType:{
        type:Number,
        default: 0,
import * as echarts from 'echarts';
export default {
  props: {
    ids: {
      type: String,
      default: '0',
    },
    colorType: {
      type: Number,
      default: 0,
    }
  },
  data() {
    return {
      myChart: "",
      value: Math.random() * 1000,
      now: new Date(1997, 9, 3),
      oneDay: 24 * 3600 * 1000,
    };
  },
  methods: {
    initCharts() {
      let data = []
      for (var i = 0; i < 1000; i++) {
        data.push(this.randomData());
      }
    },
    data () {
      return {
        myChart:"",
      };
    },
    methods: {
      initCharts () {
        var chartDom = document.getElementById('main'+this.ids);
       var myChart = echarts.init(chartDom, 'dark');
        var option;
        var greenOrRed="";
        var greenOrReds="";
        console.log(this.colorType)
        if(this.colorType>0){
          greenOrRed='rgba(65,172,117,0.6)'
          greenOrReds='rgba(65,172,117,0.05)'
        }else{
          greenOrRed='rgba(166,10,36,0.6)'
          greenOrReds='rgba(166,10,36,0.05)'
        }
        option = {
          xAxis: {
            show:false,
            type: 'category',
            boundaryGap: false,

          },
          yAxis: {
            show:false,
            type: 'value'
          },
          tooltip: {
                              show: true,
                              extraCssText:'100%;height: 1.5385rem;'
                          },
          backgroundColor: 'rgba(0,0,0,0)',
          color: {
              type: 'linear',
              x:0,
              y:0,
              x2: 0,
              y2: 1,
              colorStops: [{
                  offset: 0, color: greenOrRed    // 0% 处的颜色
              }, {
                  offset: 1, color: greenOrReds   // 100% 处的颜色
              }],
              globalCoord: false // 缺省为 false
          },
          series: [
      var chartDom = document.getElementById('main' + this.ids);
      var myChart = echarts.init(chartDom, 'dark');
      var option;
      var greenOrRed = "";
      var greenOrReds = "";
      console.log(this.colorType)
      if (this.colorType > 0) {
        greenOrRed = 'rgba(65,172,117,0.6)'
        greenOrReds = 'rgba(65,172,117,0.05)'
      } else {
        greenOrRed = 'rgba(166,10,36,0.6)'
        greenOrReds = 'rgba(166,10,36,0.05)'
      }
      option = {
        xAxis: {
          show: false,
          type: 'category',
          boundaryGap: false,

        },
        yAxis: {
          show: false,
          type: 'value'
        },
        tooltip: {
          show: true,
          extraCssText: '100%;height: 1.5385rem;'
        },
        backgroundColor: 'rgba(0,0,0,0)',
        color: {
          type: 'linear',
          x: 0,
          y: 0,
          x2: 0,
          y2: 1,
          colorStops: [
            {
              data: [820, 932, 901, 934, 1000, 900, 1320,820, 932, 901, 934, 1000, 900,],
              type: 'line',
              areaStyle: {}
              offset: 0, color: greenOrRed    // 0% 处的颜色
            }, 
            {
              offset: 1, color: greenOrReds   // 100% 处的颜色
            }
          ]
        };
          ],
          globalCoord: false // 缺省为 false
        },
        series: [
          {
            // data: [820, 932, 901, 934, 1000, 900, 1320, 820, 932, 901, 934, 1000, 900,],
            data,
            type: 'line',
            areaStyle: {}
          }
        ]
      };

        option && myChart.setOption(option);
      }
      option && myChart.setOption(option);
    },
    mounted () {
      this.initCharts();
      window.onresize = function() {
        this.myChart.resize();
    randomData() {
      this.now = new Date(+this.now + this.oneDay);
      this.value = this.value + Math.random() * 21 - 10;
      return {
        name: this.now.toString(),
        value: [
          [this.now.getFullYear(), this.now.getMonth() + 1, this.now.getDate()].join('/'),
          Math.round(this.value)
        ]
      };
    }
  },
  mounted() {
    this.initCharts();
    window.onresize = function () {
      this.myChart.resize();
    };
  }
}
</script>

 src/page/home/home.vue

@@ -81,7 +81,7 @@
              </div>
            </li>
            <!-- setting -->
           <!-- <li @click="$router.push('/setting')">
            <!-- <li @click="$router.push('/setting')">
              <div class="link">
                <div class="icon">
                  <img
@@ -92,7 +92,7 @@
              </div>
            </li> -->
            <li @click="aRouter1">
            <!-- <li @click="$router.push('/recharge')"> -->
              <!-- <li @click="$router.push('/recharge')"> -->
              <div class="link">
                <div class="icon">
                  <img
@@ -160,13 +160,13 @@
          <mt-tab-container-item v-for="(items, index) in newListHeader" :id="items.id" :key="index">
            <div class="news-content">
              <div class="" v-for="(item, inde) in items.data" :key="inde" @click="
            $router.push({
              path: '/newPage',
              query: {
                listid: item.id,
              },
            })
            ">
                $router.push({
                  path: '/newPage',
                  query: {
                    listid: item.id,
                  },
                })
                ">
                <div class="item-times">
                  {{ item.showTime | gettime }}
                </div>
@@ -187,7 +187,7 @@
    </div>
    <!-- tab -->
    <GoToLogin v-show="isGoTo" />
        <!-- <van-popup
    <!-- <van-popup
          v-model="isshow"
          style="border-radius: 10px"

@@ -244,7 +244,7 @@
  props: {},
  data() {
    return {
      isshow:true,
      isshow: true,
      // 客服地址
      news: "tab_0",
      // 新闻导航
@@ -342,18 +342,18 @@
    }
  },
  methods: {
    closeclick(){
        this.isshow = false
    closeclick() {
      this.isshow = false
    },
    aRouter(){
    aRouter() {
      this.$store.commit("elAlertShow", {
          elAlertShow: true,
          elAlertText: this.$t("当前充值渠道已关闭请选择在线客服进行充值。")
        });
        elAlertShow: true,
        elAlertText: this.$t("当前充值渠道已关闭请选择在线客服进行充值。")
      });
      // window.open(this.onlineService);
    },
    aRouter1() {
        // window.open('https://chatlink.wchatlink.com/widget/standalone.html?eid=139eb5679d5a9aea0650dbb3c96ca1a2&language=en');
      // window.open('https://chatlink.wchatlink.com/widget/standalone.html?eid=139eb5679d5a9aea0650dbb3c96ca1a2&language=en');
      window.open(this.onlineService);
    },

@@ -526,10 +526,10 @@
    },
  },

  async  mounted() {
  async mounted() {
    this.getUserInfo();
    this.getInfoSite();
    await  this.getNewsList(1);
    await this.getNewsList(1);
    this.getArtList();
    this.getBanner();


 src/page/home/homeIndex.vue

New file
@@ -0,0 +1,321 @@
<template>
  <div class="home_index">
    <tab-head>
      <van-popover v-model="languageShow" trigger="click" :actions="actions" @select="onSelect" placement="bottom-end">
        <template #reference>
          <div class="multilingual">
            <img src="../../assets/img/language.svg" alt="" />
          </div>
        </template>
      </van-popover>
    </tab-head>

    <div class="subheading">
      <div class="subheading_title">
        <img src="../../assets/img/shortcut.png" alt="">
        <span>{{ $t('快捷方式') }}</span>
      </div>
      <div class="swiper">
        <div class="swiper-wrapper flex-start">
          <div class="swiper-slide">
            <div class="nav_item flex-center">
              <img src="../../assets/img/home_1.png" alt="">
              <span>AI {{ $t('量化交易') }}</span>
            </div>
          </div>
          <div class="swiper-slide">
            <div class="nav_item flex-center">
              <img src="../../assets/img/home_2.png" alt="">
              <span>{{ $t('hj621') }}</span>
            </div>
          </div>
          <div class="swiper-slide">
            <div class="nav_item flex-center">
              <img src="../../assets/img/home_3.png" alt="">
              <span>IPO</span>
            </div>
          </div>
          <div class="swiper-slide">
            <div class="nav_item flex-center">
              <img src="../../assets/img/home_4.png" alt="">
              <span>{{ $t('理财基金') }}</span>
            </div>
          </div>
        </div>
      </div>
    </div>

    <div class="subheading bg-white">
      <div class="subheading_title">
        <img src="../../assets/img/iconmonstr-chart-5.png" alt="">
        <span>{{ $t('美股指数') }}</span>
      </div>
      <div class="flex-between navs">
        <div class="nav_item" v-for="item in 3" :key="item">
          <div class="item_title line-one">Lidwa gejadw LFwafd Djfajf</div>
          <div class="item_price">44,406.36</div>
          <div class="item_index flex-between">
            <span>-422.17</span>
            <span>-0.94%</span>
          </div>
          <div style="width:100%;height:1em">
            <Echart :ids="'a' + item" :colorType="-1"></Echart>
          </div>
          <!-- <van-skeleton title :row="3" /> -->
        </div>
      </div>
    </div>

    <div class="subheading bg-white" style="margin-top: .25em;">
      <div class="subheading_title">
        <img src="../../assets/img/iconmonstr-chart-5.png" alt="">
        <span>{{ $t('墨西哥指数') }}</span>
      </div>
      <div class="flex-between navs">
        <div class="nav_item" v-for="item in 3" :key="item">
          <div class="item_title line-one">Lidwa gejadw LFwafd Djfajf</div>
          <div class="item_price">44,406.36</div>
          <div class="item_index flex-between">
            <span>-422.17</span>
            <span>-0.94%</span>
          </div>
          <div style="width:100%;height:1em">
            <Echart :ids="'b' + item" :colorType="-1"></Echart>
          </div>
          <!-- <van-skeleton title :row="3" /> -->
        </div>
      </div>
    </div>

    <div class="subheading bg-white" style="margin-top: .25em;">
      <div class="subheading_title">
        <img src="../../assets/img/news.png" alt="">
        <span>{{ $t('hj6') }}</span>
      </div>

      <div class="news_item flex-between-start" v-for="item in 3" :key="item">
        <div class="news_title">Futures lower with Trump tariff deadline in focus - what’s moving markets</div>
        <img src="https://i-invdn-com.investing.com/news/moved_LYNXNPEL51127_L.jpg" alt="">
        <div class="news_time">2022-11-22 09:00:00</div>
      </div>

      <div class="more flex-center">
        <span>{{ $t('更多新闻') }}</span>
        <van-icon name="play" size=".5em" />
      </div>
    </div>
  </div>
</template>

<script>
import tabHead from "../../components/tabHead.vue";
import Echart from "./components/echart.vue";
import * as api from "@/axios/api";
export default {
  name: "homeIndex",
  data() {
    return {
      languageShow: false, // 语言选择
      // 多语言配置
      actions: [
        {
          text: "English",
          lang: "en",
        },
        {
          text: "简体中文",
          lang: "zh-CN",
        },
        { text: "हिंदी", lang: "hi" },
        // {
        //   text: "Deutsch",
        //   lang: "de",
        // }, //德语
        // {
        //   text: "Français",
        //   lang: "fr",
        // }, //法语
        // {
        //   text: "日本語にほんご",
        //   lang: "ja",
        // },
      ],
    }
  },
  components: {
    tabHead,
    Echart,
  },
  mounted() {
    // this.getNewsList(1);
  },
  methods: {
    onSelect(e) { // 选择语言
      window.localStorage.setItem("language", e.lang);
      this.$i18n.locale = e.lang;
    },
    async getNewsList(type) { // 获取新闻列表
      if (typeof type == "string") type = 1
      // let data = await api.queryNewsList(type);
    },
  }
}

</script>

<style lang="less" scoped>
@red: #ee0a24;
@green: #c4d600;

.home_index {
  font-size: 10vw;
  width: 100vw;
  background-color: #f5f5f5;
  min-height: 100vh;
  padding-bottom: 1.5rem;

  .multilingual {
    width: 1em;
    height: 1em;
    margin-left: .25em;

    img {
      width: 100%;
      height: 100%;
    }
  }

  .subheading {
    padding-bottom: .25em;

    .subheading_title {
      display: flex;
      align-items: center;
      padding: .35em .25em .35em .25em;

      img {
        width: .5em;
        height: .5em;
        margin-right: .25em;
      }

      span {
        font-size: .5em;
        line-height: .5em;
        font-weight: 600;
      }
    }

    .navs {
      padding: 0 .25em 0 .25em;

      .nav_item {
        width: 2.833em;
        height: 3em;
        background-color: rgba(red, .1);
        border-radius: .1em;
        padding: .25em 0;

        .item_title {
          padding: 0 .5em;
          font-size: .4em;
        }

        .item_price {
          padding: .5em .5em;
          color: @red;
          font-size: .4em;
        }

        .item_index {
          padding: 0 .5em;
          color: @red;
          font-size: .3em;
          margin-bottom: .2em;
        }
      }
    }

    .swiper {
      width: 10em;
      // overflow: hidden;
      overflow-x: auto;

      &::-webkit-scrollbar {
        display: none;
      }

      .swiper-wrapper {
        width: 13.333em;

        .swiper-slide {
          width: 3.333em;
          height: 3em;
          padding: 0 .25em 0 .25em;

          .nav_item {
            background-color: #fff;
            border-radius: .25em;
            width: 100%;
            height: 100%;
            flex-direction: column;

            img {
              width: 1em;
              margin-bottom: .25em;
            }

            span {
              font-size: .37em;
              font-weight: 500;
            }
          }
        }
      }
    }

    .more {
      padding: .5em .5em .2em;
      color: @green;

      span {
        font-size: .5em;
        margin-right: .3em;
      }
    }

    .news_item {
      width: 100%;
      padding: .25em;
      border-bottom: .02667em solid #f5f5f5;
      position: relative;

      .news_time {
        position: absolute;
        bottom: .8em;
        left: .8em;
        font-size: .3em;
        color: #999;
      }

      .news_title {
        font-size: .4em;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 3;
        line-break: anywhere;
        -webkit-box-orient: vertical;
        width: 15.2em;
      }

      img {
        width: 2.8em;
        height: 2em;
        margin-right: .25em;
        border-radius: .1em;
      }
    }
  }
}
</style>

 src/page/markets/markets.vue

New file
@@ -0,0 +1,242 @@
<template>
    <div class="markets">
        <tab-head :rightShow="false">
            <van-popover v-model="switchShow" trigger="click" :actions="actions" @select="onSelect"
                placement="bottom-end">
                <template #reference>
                    <div class="switch flex-center">
                        <van-icon name="exchange" size=".45em" />
                        <span>{{ switchText }}</span>
                    </div>
                </template>
            </van-popover>
        </tab-head>

        <div class="tabs flex-between">
            <div class="tab_item flex-center" :class="{ active: item.value == tab }" v-for="item in tabList"
                :key="item.value" @click="tab = item.value">
                <span>{{ item.name }}</span>
            </div>
        </div>

        <div class="markets_echart">
            <div class="markets_echart_title">
                Dow Jones Industrial Average
            </div>
            <div class="markets_echart_price">
                44,406.36
            </div>
            <div class="markets_echart_index flex-between">
                <span>-422.17</span>
                <span>-0.94%</span>
            </div>
            <div class="markets_echart_e">
                <Echart :ids="'markets-echart'" :colorType="-1"></Echart>
            </div>

            <!-- <van-skeleton title :row="3" /> -->
        </div>

        <van-row class="markets_head">
            <van-col span="12" class="flex-start head_item">{{ $t('Name') }}</van-col>
            <van-col span="4" class="flex-start head_item">{{ $t('Price') }}</van-col>
            <van-col span="8" class="flex-end head_item">{{ $t('Change') }}</van-col>
        </van-row>

        <van-row class="markets_item" v-for="item in 10" :key="item">
            <van-col span="12" class="item_n">
                <div class="flex-start">
                    <span class="i_icon">US</span>
                    <span class="i_hint">SS</span>
                </div>
                <div class="i_name">shangshi</div>
            </van-col>
            <van-col span="4" class="flex-start item_n">18</van-col>
            <van-col span="8" class="item_n">
                <div class="flex-end" style="margin-bottom: .15em;">18</div>
                <div class="flex-end">18%</div>
            </van-col>
        </van-row>

        <n-pagination></n-pagination>
    </div>
</template>

<script>
import tabHead from "@/components/tabHead.vue";
import nPagination from "@/components/nPagination.vue";
import Echart from "../home/components/echart.vue";
import * as api from "@/axios/api";
export default {
    name: "markets",
    data() {
        return {
            switchShow: false,
            // 切换
            actions: [
                {
                    text: this.$t('美国'),
                    value: 1,
                    name: '美国'
                },
                {
                    text: this.$t('墨西哥'),
                    value: 2,
                    name: '墨西哥'
                },
            ],
            tabList: [{ name: 'Dow Jones', value: 1 }, { name: 'S&P 500', value: 2 }, { name: 'NASDAQ', value: 3 },],
            tab: 1,
        }
    },
    components: {
        tabHead, Echart, nPagination,
    },
    computed: {
        switchText() {
            return this.$t(this.$store.state.marketsSwitch.name) || this.$t('美国');
        }
    },
    mounted() {
    },
    methods: {
        onSelect(e) { // 选择
            this.$store.commit("MARKET_CHANGE", e)
        },
    }
}

</script>

<style lang="less" scoped>
@red: #ee0a24;
@green: #c4d600;
@white: #fff;
@black: #000;
@green2: #f0f0f0;
@dark_green: #07c160;

.markets {
    font-size: 10vw;
    width: 100vw;
    min-height: 100vh;
    padding-bottom: 1.5rem;

    .markets_head {
        background-color: @green2;
        margin-top: .25em;
        height: 1em;
        padding: 0 .25em;

        .head_item {
            font-size: .4em;
            height: 100%;
            font-weight: 600;
        }
    }

    .markets_item {
        margin-top: .25em;
        // height: 1em;
        padding: .25em .25em;
        border-bottom: #f5f5f5 solid .01em;

        .item_n {
            font-size: .4em;
            min-height: 2em;
            font-weight: 500;


            .i_icon {
                border-radius: 0 26em 26em 0;
                background: @dark_green;
                color: #fff;
                padding: .1em .5em .1em .4em;
                margin-right: .3em;
                font-size: .8em;
            }

            .i_name {
                margin-top: .3em;
                color: #777777;
                font-size: .8em;
            }
        }
    }

    .markets_echart {
        width: 100%;
        height: 3.2em;
        background: rgba(red, .1);
        color: @red;
        padding-right: .25em;
        padding-top: .3em;

        .markets_echart_title {
            color: @black;
            padding-left: .625em;
            font-size: .4em;
            margin-bottom: .3em;
        }

        .markets_echart_price {
            padding-left: .625em;
            font-size: .4em;
            margin-bottom: .4em;
        }

        .markets_echart_index {
            padding: 0 .25em;

            span {
                font-size: .3em;
            }
        }

        .markets_echart_e {
            margin-top: .25em;
            width: 86%;
            height: 3.5em;
        }

        &>div:last-child {
            font-size: .37em;
        }
    }

    .tabs {
        width: 9.5em;
        height: 1em;
        background-color: @green2;
        border-radius: .5em;
        margin: .25em auto;
        padding: 0 .1em;

        .tab_item {
            width: 32%;
            height: 0.8em;
            border-radius: .5em;

            span {
                font-size: .4em;
            }
        }

        .active {
            background-color: @green;
        }
    }

    .switch {
        padding: .35em .5em;
        background-color: @green;
        color: @white;
        border-radius: 1em;

        span {
            font-size: .35em;
            margin-left: .2em;
        }
    }
}
</style>

 src/page/watchlists/watchlists.vue

New file
@@ -0,0 +1,30 @@
<template>
    <div class="watchlists">
        <tab-head></tab-head>
    </div>
</template>

<script>
import tabHead from "@/components/tabHead.vue";
export default {
    name: 'watchlists',
    components: {
        tabHead
    },
    data() {
        return {
            msg: 'watchlists'
        }
    }
}
</script>

<style lang="less" scoped>
.watchlists {
    font-size: 10vw;
    width: 100vw;
    min-height: 100vh;
    padding-bottom: 1.5rem;

}
</style>

 src/router/index.js

@@ -96,6 +96,42 @@
      path: "/",
      redirect: "/home"
    },
    // #region 7.2 新增路由-------------------------------------
    // 新首页
    {
      path: "/home_index",
      name: "home_index",
      meta: {
        title: i18n.t("hj224"),
        requireAuth: false,
        index: 0
      },
      component: () => import("@/page/home/homeIndex.vue")
    },
    // 市场
    {
      path: "/markets",
      name: "markets",
      meta: {
        title: i18n.t("hj62"),
        requireAuth: false,
        index: 0
      },
      component: () => import("@/page/markets/markets.vue")
    },
    // 自选
    {
      path: "/watchlists",
      name: "watchlists",
      meta: {
        title: i18n.t("hj61"),
        requireAuth: false,
        index: 0
      },
      component: () => import("@/page/watchlists/watchlists.vue")
    },
    //#endregion
    //#region 旧路由---------------------------------------------
    {
      path: "/home",
      name: "home",
@@ -665,7 +701,7 @@
      path: "/cashlist",
      name: "cashlist",
      meta: {
        title: 'Withdraw',
        title: "Withdraw",
        requireAuth: false,
        hasHeader: false,
        index: 56,
@@ -791,7 +827,7 @@
        hasHeader: false,
        index: 47,
        show: true,
        title: i18n.t("hj24"),
        title: i18n.t("hj24")
      },
      component: newLogin
    },
@@ -1056,7 +1092,8 @@
        show: true
      },
      component: help_wdfw
    },{
    },
    {
      path: "/help_fwxy",
      name: "help_fwxy",
      meta: {
@@ -1097,5 +1134,6 @@
      path: "*",
      redirect: "/home"
    }
    //#endregion
  ]
});

 src/store/index.js

@@ -30,7 +30,8 @@
    indexDisplay: false,
    kcStockDisplay: false,
    stockDisplay: false
  }
  },
  marketsSwitch: {}, // 市场切换
};

export default new Vuex.Store({
@@ -53,6 +54,9 @@
      state.userInfo = useInfo;
      window.localStorage.setItem("useInfo", JSON.stringify(useInfo));
    },
    MARKET_CHANGE(state, val) {
      state.marketsSwitch = val;
    },
    undataToken(state, token) {
      state.token = token || null;
    },

 yarn.lock

Diff too large