Browse Source

fix: 🧩 ui优化

pull/1/head
liyongle 3 years ago
parent
commit
c1a6b21f09
  1. 139
      public/static/offline/JSON/getArtList.json
  2. 2
      public/static/offline/JSON/getModuleList.json
  3. 4
      src/components/CarInfo/CarInfo.vue
  4. 5
      src/components/Search/Hot.vue
  5. 12
      src/components/Search/Result.vue
  6. 3
      src/composables/useFindCar.ts
  7. 6
      src/views/Parking/Parking.vue

139
public/static/offline/JSON/getArtList.json

@ -1,138 +1 @@
{
"code": 200,
"msg": "操作成功",
"data": [
{
"fileCode": "U7L-31evFSZcHT-Cx_afU",
"fileUrl": "/iotFile/project-bffju2pfalsylhcfcuzgaa/20230505/U7L-31evFSZcHT-Cx_afU.jpg",
"flag": 2,
"artType": 2
},
{
"fileCode": "8eaU9Xr1gng_VA_J93wY4",
"fileUrl": "/iotFile/project-bffju2pfalsylhcfcuzgaa/20230505/8eaU9Xr1gng_VA_J93wY4.jpg",
"flag": 2,
"artType": 2
},
{
"fileCode": "waeW0L9rBMK2cgKfYq9p6",
"fileUrl": "/iotFile/project-bffju2pfalsylhcfcuzgaa/20230505/waeW0L9rBMK2cgKfYq9p6.jpg",
"flag": 2,
"artType": 2
},
{
"fileCode": "XWzK3bNnd4G7ZqvP3jKVC",
"fileUrl": "/iotFile/project-bffju2pfalsylhcfcuzgaa/20230505/XWzK3bNnd4G7ZqvP3jKVC.png",
"flag": 1,
"artType": 2
},
{
"fileCode": "wmDoGzz91VdkWXk21w3vc",
"fileUrl": "/iotFile/project-bffju2pfalsylhcfcuzgaa/20230505/wmDoGzz91VdkWXk21w3vc.png",
"flag": 1,
"artType": 2
},
{
"fileCode": "Tbbv6-r31zJ-nb_IwuCni",
"fileUrl": "/iotFile/project-bffju2pfalsylhcfcuzgaa/20230505/Tbbv6-r31zJ-nb_IwuCni.png",
"flag": 2,
"artType": 4
},
{
"fileCode": "rKqs6tfSx-YE9mVRs6jRH",
"fileUrl": "/iotFile/project-bffju2pfalsylhcfcuzgaa/20230505/rKqs6tfSx-YE9mVRs6jRH.png",
"flag": 1,
"artType": 4
},
{
"fileCode": "WeRFpcfjtc6se7VVlulv9",
"fileUrl": "/iotFile/project-bffju2pfalsylhcfcuzgaa/20230505/WeRFpcfjtc6se7VVlulv9.png",
"flag": 1,
"artType": 4
},
{
"fileCode": "9BB20uH7LsAUCs9G5bLn1",
"fileUrl": "/iotFile/project-bffju2pfalsylhcfcuzgaa/20230505/9BB20uH7LsAUCs9G5bLn1.jpeg",
"flag": 1,
"artType": 1
},
{
"fileCode": "xyU-DUq-t_RrrDIuzsVaA",
"fileUrl": "/iotFile/project-bffju2pfalsylhcfcuzgaa/20230505/xyU-DUq-t_RrrDIuzsVaA.png",
"flag": 2,
"artType": 1
},
{
"fileCode": "sp9psNqTdHdvB_Hrjkoi_",
"fileUrl": "/iotFile/project-bffju2pfalsylhcfcuzgaa/20230505/sp9psNqTdHdvB_Hrjkoi_.png",
"flag": 1,
"artType": 1
},
{
"fileCode": "PDUU-eWClnBaf75GvkLtl",
"fileUrl": "/iotFile/project-bffju2pfalsylhcfcuzgaa/20230505/PDUU-eWClnBaf75GvkLtl.png",
"flag": 1,
"artType": 3
},
{
"fileCode": "Gb1NiXqSAxQkdd2izaPJO",
"fileUrl": "/iotFile/project-bffju2pfalsylhcfcuzgaa/20230506/Gb1NiXqSAxQkdd2izaPJO.png",
"flag": 2,
"artType": 1
},
{
"fileCode": "Fmk6kcf07YcAJp7sw2ZQb",
"fileUrl": "/iotFile/project-bffju2pfalsylhcfcuzgaa/20230506/Fmk6kcf07YcAJp7sw2ZQb.png",
"flag": 2,
"artType": 1
},
{
"fileCode": "4oeWRq44Yib1ZLJv--7XX",
"fileUrl": "/iotFile/project-bffju2pfalsylhcfcuzgaa/20230506/4oeWRq44Yib1ZLJv--7XX.png",
"flag": 2,
"artType": 1
},
{
"fileCode": "WO3JKVPWJ_y82uNR-p2nA",
"fileUrl": "/iotFile/project-bffju2pfalsylhcfcuzgaa/20230506/WO3JKVPWJ_y82uNR-p2nA.png",
"flag": 2,
"artType": 1
},
{
"fileCode": "MRSnm9ILLTcU5R_ILNipY",
"fileUrl": "/iotFile/project-bffju2pfalsylhcfcuzgaa/20230506/MRSnm9ILLTcU5R_ILNipY.png",
"flag": 2,
"artType": 1
},
{
"fileCode": "KtAw80_3z8nCffxts0eGB",
"fileUrl": "/iotFile/project-bffju2pfalsylhcfcuzgaa/20230506/KtAw80_3z8nCffxts0eGB.png",
"flag": 2,
"artType": 1
},
{
"fileCode": "Z-KsfCiytrn3_5cj__5KY",
"fileUrl": "/iotFile/project-bffju2pfalsylhcfcuzgaa/20230506/Z-KsfCiytrn3_5cj__5KY.png",
"flag": 2,
"artType": 1
},
{
"fileCode": "Hve3AxoPDuLx42ObwtW76",
"fileUrl": "/iotFile/project-bffju2pfalsylhcfcuzgaa/20230506/Hve3AxoPDuLx42ObwtW76.png",
"flag": 2,
"artType": 2
},
{
"fileCode": "u-LrcbOriATjX4QeX2FJq",
"fileUrl": "/iotFile/project-bffju2pfalsylhcfcuzgaa/20230506/u-LrcbOriATjX4QeX2FJq.png",
"flag": 1,
"artType": 2
},
{
"fileCode": "PMUBs8-cvNM9FqzO1Ozyx",
"fileUrl": "/iotFile/project-bffju2pfalsylhcfcuzgaa/20230506/PMUBs8-cvNM9FqzO1Ozyx.png",
"flag": 1,
"artType": 2
}
]
}
{"code":200,"msg":"操作成功","data":[{"fileCode":"jA2-kvdFAMBJSydN25BEg","fileUrl":"/iotFile/project-n-ww5jvpwnu0ads70lbkda/20230509/jA2-kvdFAMBJSydN25BEg.jpg","flag":1,"artType":1},{"fileCode":"5pQeWHTN9dRlXIyuE8Sqr","fileUrl":"/iotFile/project-n-ww5jvpwnu0ads70lbkda/20230509/5pQeWHTN9dRlXIyuE8Sqr.jpg","flag":1,"artType":1},{"fileCode":"_WcayletIXukHgV9Rx3Ya","fileUrl":"/iotFile/project-n-ww5jvpwnu0ads70lbkda/20230509/_WcayletIXukHgV9Rx3Ya.jpg","flag":1,"artType":1},{"fileCode":"Ira19CENuPgm4Ikktgzci","fileUrl":"/iotFile/project-n-ww5jvpwnu0ads70lbkda/20230509/Ira19CENuPgm4Ikktgzci.jpg","flag":1,"artType":1},{"fileCode":"tlONBF4aAXF9VdKIJ2ri3","fileUrl":"/iotFile/project-n-ww5jvpwnu0ads70lbkda/20230509/tlONBF4aAXF9VdKIJ2ri3.jpg","flag":1,"artType":1},{"fileCode":"Rb8lH7lciGt1vNUZIdgQe","fileUrl":"/iotFile/project-n-ww5jvpwnu0ads70lbkda/20230509/Rb8lH7lciGt1vNUZIdgQe.jpg","flag":2,"artType":1},{"fileCode":"IAERcSDTLeuyCxIWX5YN1","fileUrl":"/iotFile/project-n-ww5jvpwnu0ads70lbkda/20230509/IAERcSDTLeuyCxIWX5YN1.jpg","flag":2,"artType":1},{"fileCode":"s3pMCKIacVBF3rNS-_W62","fileUrl":"/iotFile/project-n-ww5jvpwnu0ads70lbkda/20230509/s3pMCKIacVBF3rNS-_W62.jpg","flag":2,"artType":1},{"fileCode":"eNhVVNUBgSJxM_MxsKbML","fileUrl":"/iotFile/project-n-ww5jvpwnu0ads70lbkda/20230509/eNhVVNUBgSJxM_MxsKbML.jpg","flag":2,"artType":1},{"fileCode":"fsOn2GiMRQ_hvnWiVBXsV","fileUrl":"/iotFile/project-n-ww5jvpwnu0ads70lbkda/20230509/fsOn2GiMRQ_hvnWiVBXsV.jpg","flag":2,"artType":1},{"fileCode":"H40UUmExfcFpebA2i-Bk6","fileUrl":"/iotFile/project-n-ww5jvpwnu0ads70lbkda/20230509/H40UUmExfcFpebA2i-Bk6.jpg","flag":1,"artType":1},{"fileCode":"JfQC8KoD1vGInd2YXOQSl","fileUrl":"/iotFile/project-n-ww5jvpwnu0ads70lbkda/20230509/JfQC8KoD1vGInd2YXOQSl.jpg","flag":2,"artType":2},{"fileCode":"yFB0w-HGSiAH3mF3S9VNi","fileUrl":"/iotFile/project-n-ww5jvpwnu0ads70lbkda/20230509/yFB0w-HGSiAH3mF3S9VNi.jpg","flag":2,"artType":2},{"fileCode":"IbQ0bamzhOEixOQwuP_Rc","fileUrl":"/iotFile/project-n-ww5jvpwnu0ads70lbkda/20230509/IbQ0bamzhOEixOQwuP_Rc.jpg","flag":2,"artType":2},{"fileCode":"nUm7hTA1R8Kg5IfaZm2BY","fileUrl":"/iotFile/project-n-ww5jvpwnu0ads70lbkda/20230509/nUm7hTA1R8Kg5IfaZm2BY.jpg","flag":2,"artType":2},{"fileCode":"5NkXmpBZ9s-wYh9BDmOFF","fileUrl":"/iotFile/project-n-ww5jvpwnu0ads70lbkda/20230509/5NkXmpBZ9s-wYh9BDmOFF.jpg","flag":2,"artType":2},{"fileCode":"7EYcvZzHZYODEg97WTCp7","fileUrl":"/iotFile/project-n-ww5jvpwnu0ads70lbkda/20230509/7EYcvZzHZYODEg97WTCp7.jpg","flag":1,"artType":2},{"fileCode":"LpAEW1Lvc3BLdNJ6XHbc_","fileUrl":"/iotFile/project-n-ww5jvpwnu0ads70lbkda/20230509/LpAEW1Lvc3BLdNJ6XHbc_.jpg","flag":1,"artType":2},{"fileCode":"sLED3A_AYzulI-IF9m-b3","fileUrl":"/iotFile/project-n-ww5jvpwnu0ads70lbkda/20230509/sLED3A_AYzulI-IF9m-b3.jpg","flag":1,"artType":2},{"fileCode":"QaZFHo6mTlLHvOJGPKl2C","fileUrl":"/iotFile/project-n-ww5jvpwnu0ads70lbkda/20230509/QaZFHo6mTlLHvOJGPKl2C.jpg","flag":1,"artType":2},{"fileCode":"7eJGjEg08DyDG1GQuEZHS","fileUrl":"/iotFile/project-n-ww5jvpwnu0ads70lbkda/20230509/7eJGjEg08DyDG1GQuEZHS.jpg","flag":1,"artType":2},{"fileCode":"G97GPxe7KT-TMvcre2lnx","fileUrl":"/iotFile/project-n-ww5jvpwnu0ads70lbkda/20230509/G97GPxe7KT-TMvcre2lnx.jpg","flag":2,"artType":3},{"fileCode":"hzSAiHPb56KAecI8nVCPo","fileUrl":"/iotFile/project-n-ww5jvpwnu0ads70lbkda/20230509/hzSAiHPb56KAecI8nVCPo.jpg","flag":2,"artType":3},{"fileCode":"ZK0pAC8PdhwGBnynVxRgo","fileUrl":"/iotFile/project-n-ww5jvpwnu0ads70lbkda/20230509/ZK0pAC8PdhwGBnynVxRgo.jpg","flag":2,"artType":3},{"fileCode":"hi4XfhlASneBc0MX2svS2","fileUrl":"/iotFile/project-n-ww5jvpwnu0ads70lbkda/20230509/hi4XfhlASneBc0MX2svS2.jpg","flag":1,"artType":3},{"fileCode":"ABTnGXm0pP9FNPngvDRaU","fileUrl":"/iotFile/project-n-ww5jvpwnu0ads70lbkda/20230509/ABTnGXm0pP9FNPngvDRaU.jpg","flag":1,"artType":3},{"fileCode":"aszyTxdOZzNTNxz5nJwNk","fileUrl":"/iotFile/project-n-ww5jvpwnu0ads70lbkda/20230509/aszyTxdOZzNTNxz5nJwNk.jpg","flag":1,"artType":3},{"fileCode":"bkvvG13h76NVlUqNayhFE","fileUrl":"/iotFile/project-n-ww5jvpwnu0ads70lbkda/20230509/bkvvG13h76NVlUqNayhFE.jpg","flag":1,"artType":3},{"fileCode":"4AFl7ggDnt56Xa1Adphl9","fileUrl":"/iotFile/project-n-ww5jvpwnu0ads70lbkda/20230509/4AFl7ggDnt56Xa1Adphl9.jpg","flag":2,"artType":3},{"fileCode":"3Uh28D-mldlpsgQglStQ_","fileUrl":"/iotFile/project-n-ww5jvpwnu0ads70lbkda/20230509/3Uh28D-mldlpsgQglStQ_.png","flag":2,"artType":4},{"fileCode":"Fh3-6ToyKkizMA5HCB04P","fileUrl":"/iotFile/project-n-ww5jvpwnu0ads70lbkda/20230509/Fh3-6ToyKkizMA5HCB04P.png","flag":2,"artType":4},{"fileCode":"iWIiFMC6V35LjoZocZqWZ","fileUrl":"/iotFile/project-n-ww5jvpwnu0ads70lbkda/20230509/iWIiFMC6V35LjoZocZqWZ.png","flag":1,"artType":4},{"fileCode":"pc-DdL_2pDm_3rk9Fo-R5","fileUrl":"/iotFile/project-n-ww5jvpwnu0ads70lbkda/20230509/pc-DdL_2pDm_3rk9Fo-R5.png","flag":1,"artType":4}]}

2
public/static/offline/JSON/getModuleList.json

@ -1 +1 @@
{"code":200,"msg":"操作成功","data":[{"moduleName":"店铺导航","status":0},{"moduleName":"优惠与活动","status":0},{"moduleName":"会员专享","status":1},{"moduleName":"服务","status":0},{"moduleName":"停车与缴费","status":0},{"moduleName":"文化学院","status":0},{"moduleName":"艺术","status":0}]}
{"code":200,"msg":"操作成功","data":[{"moduleName":"店铺导航","status":0},{"moduleName":"优惠与活动","status":0},{"moduleName":"会员专享","status":0},{"moduleName":"服务","status":0},{"moduleName":"停车与缴费","status":0},{"moduleName":"文化学院","status":0},{"moduleName":"艺术","status":0}]}

4
src/components/CarInfo/CarInfo.vue

@ -79,7 +79,7 @@ function go() {
<style lang="scss" scoped>
.car-info-wrapper {
position: fixed;
z-index: 20;
z-index: 1001;
background: rgb(0 0 0 / 50%);
inset: 0;
@ -107,6 +107,7 @@ function go() {
.car-img {
width: 717px;
height: 403px;
border-radius: 16px 16px 0 0;
}
.car {
display: flex;
@ -123,6 +124,7 @@ function go() {
.tip {
padding-bottom: 16px;
font-size: 20px;
font-family: 'font_regulars';
color: #736661;
line-height: 28px;
}

5
src/components/Search/Hot.vue

@ -5,7 +5,7 @@
<div class="shop_list">
<div v-for="item in list" :key="item.shopCode" class="shop_item" @click="show(item)">
<div class="top">
<img v-lazy="item.logoUrl" alt="" />
<img :src="item.logoUrl" alt="" />
</div>
<div class="info">
<div class="name">{{ switchLanguage(item, 'shopName') }}</div>
@ -102,6 +102,9 @@ function show(item: any) {
margin-right: 6px;
}
.hose_num {
@include no-wrap;
max-width: 100px;
font-size: 14px;
font-family: 'font_bold';
color: #a6976f;

12
src/components/Search/Result.vue

@ -4,7 +4,7 @@
<div class="shop_list">
<div v-for="item in list" :key="item.shopCode" class="shop_item" @click="show(item)">
<div class="left">
<img v-lazy="item.logoUrl" alt="" />
<img :src="item.logoUrl" alt="" />
</div>
<div class="info">
<div class="name">{{ switchLanguage(item, 'shopName') }}</div>
@ -49,7 +49,7 @@ function show(item: Shop) {
}
.shop_list {
display: grid;
gap: 32px 150px;
gap: 32px 120px;
grid-template-columns: 1fr 1fr;
padding-bottom: 10px;
.shop_item {
@ -62,6 +62,7 @@ function show(item: Shop) {
width: 80px;
height: 80px;
padding: 8px;
margin-right: 16px;
background: #fff;
border: 1px solid rgb(155 140 133 / 50%);
@ -72,12 +73,12 @@ function show(item: Shop) {
}
}
.info {
width: 120px;
width: 140px;
height: 60px;
.name {
@include no-wrap;
width: 120px;
width: 140px;
height: 32px;
margin-bottom: 6px;
font-size: 24px;
@ -95,6 +96,9 @@ function show(item: Shop) {
margin-right: 4px;
}
.hose_num {
@include no-wrap;
max-width: 120px;
font-size: 14px;
font-family: 'font_bold';
color: #9b8c85;

3
src/composables/useFindCar.ts

@ -41,8 +41,7 @@ export const useFindCar = () => {
return
}
const info = window.Map_QM.pathPark({ shopNum: plate })
if (info?.node?.length) {
if (info?.node) {
const floor: any = store.buildingList[0].floorList.find(item => item.floorOrder === info.floor)?.floor
const shop = {
shopCode: '',

6
src/views/Parking/Parking.vue

@ -80,8 +80,12 @@ const { del, handleKeyboard, handleEnergy, inputLength, plate, plateToString, se
const { confirm, loading, showCarDetail, result } = useFindCar()
function onConfirm() {
plate.value = LICENSE
confirm(plateToString.value, tabIdx.value)
if (tabIdx.value === 0) {
plate.value = LICENSE
} else {
plate.value = []
}
}
const parkingInfo = shallowRef<ParkingInfo>({} as ParkingInfo)

Loading…
Cancel
Save