1

package.json

@@ -16,6 +16,8 @@
     "countup.js": "^2.0.7",
     "dayjs": "^1.10.4",
     "echarts": "^5.0.1",
+    "crypto-js": "^4.0.0",
+    "js-md5": "^0.7.3",
     "echarts-wordcloud": "^2.0.0",
     "normalize.css": "^8.0.1",
     "qs": "^6.9.6",

src/tools/des-cryptojs.js

+import cryptoJs from 'crypto-js'
+import Md5 from 'js-md5'
+const CBCKEY = Md5('AcquisitHouseInformation')
+const CBCIV = CBCKEY.slice(0, 8)
+
+// DES加密 -- CBC模式
+export const encryptDes = (message) => {
+  const keyHex = cryptoJs.enc.Utf8.parse(CBCKEY)
+  const ivHex = cryptoJs.enc.Utf8.parse(CBCIV)
+  const option = {
+    iv: ivHex,
+    mode: cryptoJs.mode.CBC,
+    padding: cryptoJs.pad.Pkcs7,
+  }
+  const encrypted = cryptoJs.DES.encrypt(message, keyHex, option)
+  return encrypted.ciphertext.toString()
+}
+
+// DES解密 -- CBC模式
+export const decryptDes = (message) => {
+  const keyHex = cryptoJs.enc.Utf8.parse(CBCKEY)
+  const ivHex = cryptoJs.enc.Utf8.parse(CBCIV)
+  const decrypted = cryptoJs.DES.decrypt(
+    {
+      ciphertext: cryptoJs.enc.Hex.parse(message),
+    },
+    keyHex,
+    {
+      iv: ivHex,
+      mode: cryptoJs.mode.CBC,
+      padding: cryptoJs.pad.Pkcs7,
+    }
+  )
+  return decrypted.toString(cryptoJs.enc.Utf8)
+}

src/view/components/person-list.vue

@@ -38,6 +38,7 @@ import { ajax, api } from '@/ajax'
 import store from '@/store'
 import { convertName } from '@/tools/index'
 import { roomStatus } from '@/tools/index'
+import { encryptDes } from '@/tools/des-cryptojs'
 
 export default defineComponent({
   name: 'CaseList',
@@ -68,7 +69,10 @@ export default defineComponent({
             content.map((item: any) => {
               return ajax.get({
                 url: api.GET_PERSON,
-                params: { pageSize: 100, liveAddr_l: item.addr },
+                params: {
+                  pageSize: 100,
+                  hometownAddr: encryptDes(item.addr),
+                },
                 showLoading: false,
               })
             })
@@ -109,35 +113,34 @@ export default defineComponent({
 
 <style lang="stylus" scoped>
 @import '../../components/MyComponent/main.styl'
-
 .person-list
   width 100%
   height 100%
-  padding-right .05rem
+  padding-right 0.05rem
   overflow-y auto
   &.select-able
     .person-item
       cursor pointer
-      transition all .1s ease
+      transition all 0.1s ease
       &:hover
-        background rgba(70,83,97,.25)
+        background rgba(70, 83, 97, 0.25)
         box-shadow none
   .person-item
     position relative
-    margin-bottom .08rem
-    padding .05rem .08rem
+    margin-bottom 0.08rem
+    padding 0.05rem 0.08rem
     overflow hidden
-    background rgba(70,83,97,.45)
-    box-shadow 0 0 .04rem 0 rgba(44,51,70,.65), inset 0 .01rem .02rem 0 rgba(204,204,204,.2)
-    border-radius .04rem
+    background rgba(70, 83, 97, 0.45)
+    box-shadow 0 0 0.04rem 0 rgba(44, 51, 70, 0.65), inset 0 0.01rem 0.02rem 0 rgba(204, 204, 204, 0.2)
+    border-radius 0.04rem
     >div
-      font-size .09rem
+      font-size 0.09rem
       span
         display inline-block
-        font-size .08rem
-        padding 0 .06rem
-        border-radius .08rem
-        margin-left .1rem
+        font-size 0.08rem
+        padding 0 0.06rem
+        border-radius 0.08rem
+        margin-left 0.1rem
         transform skew(-30deg)
         background $edge
         >b
@@ -147,23 +150,23 @@ export default defineComponent({
           color #000
         &:nth-of-type(1)
           background gold
-          margin-right .6rem
+          margin-right 0.6rem
       &:nth-of-type(1)
-        border-bottom .01rem dotted rgba(91,213,255,.5)
-        margin-bottom .08rem
-        padding-bottom .06rem
-        font-size .11rem
+        border-bottom 0.01rem dotted rgba(91, 213, 255, 0.5)
+        margin-bottom 0.08rem
+        padding-bottom 0.06rem
+        font-size 0.11rem
         font-weight bold
     .flag
       position absolute
       top -0.16rem
       right -0.36rem
       transform rotate(45deg)
-      height .4rem
-      width .8rem
+      height 0.4rem
+      width 0.8rem
       display flex
       color #000
       align-items flex-end
       justify-content center
-      font-size .08rem
+      font-size 0.08rem
 </style>

src/view/components/search-view.vue

@@ -121,7 +121,7 @@ export default defineComponent({
       const { content } = (
         await ajax.get({
           url: api.GET_ROOM,
-          params: { pageSize, addr_l: address },
+          params: { pageSize: 60, addr_l: address },
           showLoading: false,
         })
       ).data
@@ -410,18 +410,18 @@ export default defineComponent({
 
 <style lang="stylus">
 @import '../../components/MyComponent/main.styl'
-$border = .01rem solid rgba(91,213,255,.3)
-$bg = rgba(6,34,67,.4)
+$border = 0.01rem solid rgba(91, 213, 255, 0.3)
+$bg = rgba(6, 34, 67, 0.4)
 #modal-search-bar
   width 100%
   position relative
-  margin-bottom .1rem
+  margin-bottom 0.1rem
   .edge
     display block
     position absolute
-    width .06rem
+    width 0.06rem
     height @width
-    border .01rem solid $secondary-color
+    border 0.01rem solid $secondary-color
     z-index 1
     &.left-top
       top 0
@@ -447,10 +447,10 @@ $bg = rgba(6,34,67,.4)
     border-radius 0
     color $secondary-color
     background $bg
-    width .7rem
-    height .25rem
+    width 0.7rem
+    height 0.25rem
     line-height @height
-    font-size .12rem
+    font-size 0.12rem
     .ant-select-selector
       background inherit
       border-radius inherit
@@ -462,26 +462,26 @@ $bg = rgba(6,34,67,.4)
         line-height inherit
     .ant-select-arrow
       color $secondary-color
-      font-size .1rem
+      font-size 0.1rem
   .ant-input
     width calc(100% - 0.7rem)
     border $border
     background $bg
     color #fff
-    height .25rem
+    height 0.25rem
     line-height @height
-    font-size .1rem
-    padding-right .4rem
+    font-size 0.1rem
+    padding-right 0.4rem
   .search-btn
     height 100%
     color $secondary-color
-    line-height .25rem
+    line-height 0.25rem
     position absolute
     top 0
-    right .1rem
+    right 0.1rem
     cursor pointer
     z-index 99999
-    font-size .12rem
+    font-size 0.12rem
     &:hover
       font-weight bold
       text-decoration underline