anytrek-front-public-component 1.3.1 → 1.3.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -1518,7 +1518,7 @@ mso-border-bottom-alt:0.5000pt solid windowtext;">
1518
1518
  </table>
1519
1519
  <br />
1520
1520
 
1521
- # anytrekTimePick
1521
+ ## anytrekTimePick
1522
1522
  Select a time
1523
1523
 
1524
1524
  `<anytrekTimePick`<br>
@@ -2289,9 +2289,17 @@ Viewing and selecting vehicles
2289
2289
  `:modleList="modleList"`<br>
2290
2290
  `v-model:currentItem="currentItem"`<br>
2291
2291
  `v-model:sortKey="sortKey"`<br>
2292
- `/>`
2292
+ `vehicleId="vehicleId"`<br>
2293
+ `/>`<br>
2293
2294
  `</div>`<br>
2294
- `const testData = ref<string>({`<br>
2295
+ `const testData = ref<any>({});`<br>
2296
+ `const loading = ref<boolean>(true);`<br>
2297
+ `const keyword = ref<string>('');`<br>
2298
+ `const modleList = ref<number[]>([62]);`<br>
2299
+ `const sortKey = ref<string>('asc')`<br>
2300
+ `const vehicleId = ref<number>(15875)`<br>
2301
+ `onMounted(() => {`<br>
2302
+ `testData.value = {`<br>
2295
2303
  `tagList: [],`<br>
2296
2304
  `deviceStatusList: [],`<br>
2297
2305
  `vehicleDeviceList: [],`<br>
@@ -2300,12 +2308,9 @@ Viewing and selecting vehicles
2300
2308
  `vehicleType: [],`<br>
2301
2309
  `deviceList: [],`<br>
2302
2310
  `vehicleList: [],`<br>
2311
+ `}`<br>
2312
+ `loading.value = false;`<br>
2303
2313
  `});`<br>
2304
- `const loading = ref<boolean>(false);`<br>
2305
- `const keyword = ref<string>('');`<br>
2306
- `const modleList = ref<number[]>([62]);`<br>
2307
- `const sortKey = ref<string>('asc')`<br>
2308
- `const currentItem = ref<any>({ id: 15875 })`<br>
2309
2314
 
2310
2315
  Attributes
2311
2316
  <table class=MsoTableGrid border=1 cellspacing=0 style="border-collapse:collapse;mso-table-layout-alt:fixed;border:none;
@@ -2469,7 +2474,7 @@ mso-border-bottom-alt:0.5000pt solid windowtext;">
2469
2474
  <font face="宋体"></font>
2470
2475
  </span>
2471
2476
  <span style="font-family:宋体;font-size:10.5000pt;mso-font-kerning:1.0000pt;">
2472
- <o:p>加载中,只做状态显示,只要为true,就会出现一层盖在上面的遮罩</o:p>
2477
+ <o:p>加载中,做状态显示,只要为true,就会出现一层盖在上面的遮罩</o:p>
2473
2478
  </span>
2474
2479
  </p>
2475
2480
  </td>
@@ -2495,7 +2500,7 @@ mso-border-bottom-alt:0.5000pt solid windowtext;">
2495
2500
  <font face="宋体">true</font>
2496
2501
  </span>
2497
2502
  <span style="font-family:宋体;font-size:10.5000pt;mso-font-kerning:1.0000pt;">
2498
- <o:p></o:p>
2503
+ <o:p>第一次loading变成false时,会去合并data中的数据,所以必须在请求到data中的数据之后置为false</o:p>
2499
2504
  </span>
2500
2505
  </p>
2501
2506
  </td>
@@ -2842,7 +2847,7 @@ mso-border-bottom-alt:0.5000pt solid windowtext;">
2842
2847
  <span style="font-family:宋体;font-size:10.5000pt;mso-font-kerning:1.0000pt;">
2843
2848
  <font face="宋体"></font>
2844
2849
  </span>
2845
- <span style="font-family:宋体;font-size:10.5000pt;mso-font-kerning:1.0000pt;">
2850
+ <span style="font-family:宋体;font-size:10.5000pt;mso-font-kerning:1.0000pt;white-s">
2846
2851
  <o:p>比如只想显示型号为2002和2310的设备及其关联的车辆,可以传[37, 54];如果只想显示型号为2308的设备,可以传[62]</o:p>
2847
2852
  </span>
2848
2853
  </p>
@@ -2904,6 +2909,207 @@ mso-border-bottom-alt:0.5000pt solid windowtext;">
2904
2909
  <td width=90 valign=top style="width:53.5000pt;padding:0.0000pt 5.4000pt 0.0000pt 5.4000pt ;border-left:1.0000pt solid windowtext;
2905
2910
  mso-border-left-alt:0.5000pt solid windowtext;border-right:1.0000pt solid windowtext;mso-border-right-alt:0.5000pt solid windowtext;
2906
2911
  border-top:1.0000pt solid windowtext;mso-border-top-alt:0.5000pt solid windowtext;border-bottom:1.0000pt solid windowtext;
2912
+ mso-border-bottom-alt:0.5000pt solid windowtext;">
2913
+ <p class=MsoNormal align=center style="text-indent:0.0000pt;mso-char-indent-count:0.0000;text-align:center;">
2914
+ <span style="font-family:宋体;font-size:10.5000pt;mso-font-kerning:1.0000pt;">
2915
+ <font face="宋体"></font>
2916
+ </span>
2917
+ <span style="font-family:宋体;font-size:10.5000pt;mso-font-kerning:1.0000pt;">
2918
+ <o:p></o:p>
2919
+ </span>
2920
+ </p>
2921
+ </td>
2922
+ </tr>
2923
+ <tr>
2924
+ <td width=90 valign=top style="width:67.8000pt;padding:0.0000pt 5.4000pt 0.0000pt 5.4000pt ;border-left:1.0000pt solid windowtext;
2925
+ mso-border-left-alt:0.5000pt solid windowtext;border-right:1.0000pt solid windowtext;mso-border-right-alt:0.5000pt solid windowtext;
2926
+ border-top:1.0000pt solid windowtext;mso-border-top-alt:0.5000pt solid windowtext;border-bottom:1.0000pt solid windowtext;
2927
+ mso-border-bottom-alt:0.5000pt solid windowtext;">
2928
+ <p class=MsoNormal align=center style="text-indent:0.0000pt;mso-char-indent-count:0.0000;text-align:center;">
2929
+ <span style="font-family:宋体;font-size:10.5000pt;mso-font-kerning:1.0000pt;">
2930
+ <font face="宋体">vehicleId</font>
2931
+ </span>
2932
+ <span style="font-family:宋体;font-size:10.5000pt;mso-font-kerning:1.0000pt;">
2933
+ <o:p></o:p>
2934
+ </span>
2935
+ </p>
2936
+ </td>
2937
+ <td valign=top style="width:122.7500pt;padding:0.0000pt 5.4000pt 0.0000pt 5.4000pt ;border-left:1.0000pt solid windowtext;
2938
+ mso-border-left-alt:0.5000pt solid windowtext;border-right:1.0000pt solid windowtext;mso-border-right-alt:0.5000pt solid windowtext;
2939
+ border-top:1.0000pt solid windowtext;mso-border-top-alt:0.5000pt solid windowtext;border-bottom:1.0000pt solid windowtext;
2940
+ mso-border-bottom-alt:0.5000pt solid windowtext;">
2941
+ <p class=MsoNormal align=center style="text-indent:0.0000pt;mso-char-indent-count:0.0000;text-align:center;">
2942
+ <span style="font-family:宋体;font-size:10.5000pt;mso-font-kerning:1.0000pt;">
2943
+ <font face="宋体">当前选择的车辆ID(如果匹配不上,会默认到第一辆车)</font>
2944
+ </span>
2945
+ <span style="font-family:宋体;font-size:10.5000pt;mso-font-kerning:1.0000pt;">
2946
+ <o:p></o:p>
2947
+ </span>
2948
+ </p>
2949
+ </td>
2950
+ <td width=90 valign=top style="width:89.3000pt;padding:0.0000pt 5.4000pt 0.0000pt 5.4000pt ;border-left:1.0000pt solid windowtext;
2951
+ mso-border-left-alt:0.5000pt solid windowtext;border-right:1.0000pt solid windowtext;mso-border-right-alt:0.5000pt solid windowtext;
2952
+ border-top:1.0000pt solid windowtext;mso-border-top-alt:0.5000pt solid windowtext;border-bottom:1.0000pt solid windowtext;
2953
+ mso-border-bottom-alt:0.5000pt solid windowtext;">
2954
+ <p class=MsoNormal align=center style="text-indent:0.0000pt;mso-char-indent-count:0.0000;text-align:center;">
2955
+ <span style="font-family:宋体;font-size:10.5000pt;mso-font-kerning:1.0000pt;">
2956
+ <font face="宋体">Number</font>
2957
+ </span>
2958
+ <span style="font-family:宋体;font-size:10.5000pt;mso-font-kerning:1.0000pt;">
2959
+ <o:p></o:p>
2960
+ </span>
2961
+ </p>
2962
+ </td>
2963
+ <td width=90 valign=top style="width:92.7500pt;padding:0.0000pt 5.4000pt 0.0000pt 5.4000pt ;border-left:1.0000pt solid windowtext;
2964
+ mso-border-left-alt:0.5000pt solid windowtext;border-right:1.0000pt solid windowtext;mso-border-right-alt:0.5000pt solid windowtext;
2965
+ border-top:1.0000pt solid windowtext;mso-border-top-alt:0.5000pt solid windowtext;border-bottom:1.0000pt solid windowtext;
2966
+ mso-border-bottom-alt:0.5000pt solid windowtext;">
2967
+ <p class=MsoNormal align=center style="text-indent:0.0000pt;mso-char-indent-count:0.0000;text-align:center;">
2968
+ <span style="font-family:宋体;font-size:10.5000pt;mso-font-kerning:1.0000pt;">
2969
+ <font face="宋体">0</font>
2970
+ </span>
2971
+ <span style="font-family:宋体;font-size:10.5000pt;mso-font-kerning:1.0000pt;">
2972
+ <o:p></o:p>
2973
+ </span>
2974
+ </p>
2975
+ </td>
2976
+ <td width=90 valign=top style="width:53.5000pt;padding:0.0000pt 5.4000pt 0.0000pt 5.4000pt ;border-left:1.0000pt solid windowtext;
2977
+ mso-border-left-alt:0.5000pt solid windowtext;border-right:1.0000pt solid windowtext;mso-border-right-alt:0.5000pt solid windowtext;
2978
+ border-top:1.0000pt solid windowtext;mso-border-top-alt:0.5000pt solid windowtext;border-bottom:1.0000pt solid windowtext;
2979
+ mso-border-bottom-alt:0.5000pt solid windowtext;">
2980
+ <p class=MsoNormal align=center style="text-indent:0.0000pt;mso-char-indent-count:0.0000;text-align:center;">
2981
+ <span style="font-family:宋体;font-size:10.5000pt;mso-font-kerning:1.0000pt;">
2982
+ <font face="宋体"></font>
2983
+ </span>
2984
+ <span style="font-family:宋体;font-size:10.5000pt;mso-font-kerning:1.0000pt;">
2985
+ <o:p></o:p>
2986
+ </span>
2987
+ </p>
2988
+ </td>
2989
+ </tr>
2990
+ <tr>
2991
+ <td width=90 valign=top style="width:67.8000pt;padding:0.0000pt 5.4000pt 0.0000pt 5.4000pt ;border-left:1.0000pt solid windowtext;
2992
+ mso-border-left-alt:0.5000pt solid windowtext;border-right:1.0000pt solid windowtext;mso-border-right-alt:0.5000pt solid windowtext;
2993
+ border-top:1.0000pt solid windowtext;mso-border-top-alt:0.5000pt solid windowtext;border-bottom:1.0000pt solid windowtext;
2994
+ mso-border-bottom-alt:0.5000pt solid windowtext;">
2995
+ <p class=MsoNormal align=center style="text-indent:0.0000pt;mso-char-indent-count:0.0000;text-align:center;">
2996
+ <span style="font-family:宋体;font-size:10.5000pt;mso-font-kerning:1.0000pt;">
2997
+ <font face="宋体">deviceId</font>
2998
+ </span>
2999
+ <span style="font-family:宋体;font-size:10.5000pt;mso-font-kerning:1.0000pt;">
3000
+ <o:p></o:p>
3001
+ </span>
3002
+ </p>
3003
+ </td>
3004
+ <td valign=top style="width:122.7500pt;padding:0.0000pt 5.4000pt 0.0000pt 5.4000pt ;border-left:1.0000pt solid windowtext;
3005
+ mso-border-left-alt:0.5000pt solid windowtext;border-right:1.0000pt solid windowtext;mso-border-right-alt:0.5000pt solid windowtext;
3006
+ border-top:1.0000pt solid windowtext;mso-border-top-alt:0.5000pt solid windowtext;border-bottom:1.0000pt solid windowtext;
3007
+ mso-border-bottom-alt:0.5000pt solid windowtext;">
3008
+ <p class=MsoNormal align=center style="text-indent:0.0000pt;mso-char-indent-count:0.0000;text-align:center;">
3009
+ <span style="font-family:宋体;font-size:10.5000pt;mso-font-kerning:1.0000pt;">
3010
+ <font face="宋体">当前选择的设备ID(如果上述vehicleId为0且deviceId有值时才生效)</font>
3011
+ </span>
3012
+ <span style="font-family:宋体;font-size:10.5000pt;mso-font-kerning:1.0000pt;">
3013
+ <o:p></o:p>
3014
+ </span>
3015
+ </p>
3016
+ </td>
3017
+ <td width=90 valign=top style="width:89.3000pt;padding:0.0000pt 5.4000pt 0.0000pt 5.4000pt ;border-left:1.0000pt solid windowtext;
3018
+ mso-border-left-alt:0.5000pt solid windowtext;border-right:1.0000pt solid windowtext;mso-border-right-alt:0.5000pt solid windowtext;
3019
+ border-top:1.0000pt solid windowtext;mso-border-top-alt:0.5000pt solid windowtext;border-bottom:1.0000pt solid windowtext;
3020
+ mso-border-bottom-alt:0.5000pt solid windowtext;">
3021
+ <p class=MsoNormal align=center style="text-indent:0.0000pt;mso-char-indent-count:0.0000;text-align:center;">
3022
+ <span style="font-family:宋体;font-size:10.5000pt;mso-font-kerning:1.0000pt;">
3023
+ <font face="宋体">Number</font>
3024
+ </span>
3025
+ <span style="font-family:宋体;font-size:10.5000pt;mso-font-kerning:1.0000pt;">
3026
+ <o:p></o:p>
3027
+ </span>
3028
+ </p>
3029
+ </td>
3030
+ <td width=90 valign=top style="width:92.7500pt;padding:0.0000pt 5.4000pt 0.0000pt 5.4000pt ;border-left:1.0000pt solid windowtext;
3031
+ mso-border-left-alt:0.5000pt solid windowtext;border-right:1.0000pt solid windowtext;mso-border-right-alt:0.5000pt solid windowtext;
3032
+ border-top:1.0000pt solid windowtext;mso-border-top-alt:0.5000pt solid windowtext;border-bottom:1.0000pt solid windowtext;
3033
+ mso-border-bottom-alt:0.5000pt solid windowtext;">
3034
+ <p class=MsoNormal align=center style="text-indent:0.0000pt;mso-char-indent-count:0.0000;text-align:center;">
3035
+ <span style="font-family:宋体;font-size:10.5000pt;mso-font-kerning:1.0000pt;">
3036
+ <font face="宋体"></font>
3037
+ </span>
3038
+ <span style="font-family:宋体;font-size:10.5000pt;mso-font-kerning:1.0000pt;">
3039
+ <o:p></o:p>
3040
+ </span>
3041
+ </p>
3042
+ </td>
3043
+ <td width=90 valign=top style="width:53.5000pt;padding:0.0000pt 5.4000pt 0.0000pt 5.4000pt ;border-left:1.0000pt solid windowtext;
3044
+ mso-border-left-alt:0.5000pt solid windowtext;border-right:1.0000pt solid windowtext;mso-border-right-alt:0.5000pt solid windowtext;
3045
+ border-top:1.0000pt solid windowtext;mso-border-top-alt:0.5000pt solid windowtext;border-bottom:1.0000pt solid windowtext;
3046
+ mso-border-bottom-alt:0.5000pt solid windowtext;">
3047
+ <p class=MsoNormal align=center style="text-indent:0.0000pt;mso-char-indent-count:0.0000;text-align:center;">
3048
+ <span style="font-family:宋体;font-size:10.5000pt;mso-font-kerning:1.0000pt;">
3049
+ <font face="宋体"></font>
3050
+ </span>
3051
+ <span style="font-family:宋体;font-size:10.5000pt;mso-font-kerning:1.0000pt;">
3052
+ <o:p></o:p>
3053
+ </span>
3054
+ </p>
3055
+ </td>
3056
+ </tr>
3057
+ <tr>
3058
+ <td width=90 valign=top style="width:67.8000pt;padding:0.0000pt 5.4000pt 0.0000pt 5.4000pt ;border-left:1.0000pt solid windowtext;
3059
+ mso-border-left-alt:0.5000pt solid windowtext;border-right:1.0000pt solid windowtext;mso-border-right-alt:0.5000pt solid windowtext;
3060
+ border-top:1.0000pt solid windowtext;mso-border-top-alt:0.5000pt solid windowtext;border-bottom:1.0000pt solid windowtext;
3061
+ mso-border-bottom-alt:0.5000pt solid windowtext;">
3062
+ <p class=MsoNormal align=center style="text-indent:0.0000pt;mso-char-indent-count:0.0000;text-align:center;">
3063
+ <span style="font-family:宋体;font-size:10.5000pt;mso-font-kerning:1.0000pt;">
3064
+ <font face="宋体">immediate</font>
3065
+ </span>
3066
+ <span style="font-family:宋体;font-size:10.5000pt;mso-font-kerning:1.0000pt;">
3067
+ <o:p></o:p>
3068
+ </span>
3069
+ </p>
3070
+ </td>
3071
+ <td valign=top style="width:122.7500pt;padding:0.0000pt 5.4000pt 0.0000pt 5.4000pt ;border-left:1.0000pt solid windowtext;
3072
+ mso-border-left-alt:0.5000pt solid windowtext;border-right:1.0000pt solid windowtext;mso-border-right-alt:0.5000pt solid windowtext;
3073
+ border-top:1.0000pt solid windowtext;mso-border-top-alt:0.5000pt solid windowtext;border-bottom:1.0000pt solid windowtext;
3074
+ mso-border-bottom-alt:0.5000pt solid windowtext;">
3075
+ <p class=MsoNormal align=center style="text-indent:0.0000pt;mso-char-indent-count:0.0000;text-align:center;">
3076
+ <span style="font-family:宋体;font-size:10.5000pt;mso-font-kerning:1.0000pt;">
3077
+ <font face="宋体">是否加载完数据后里面抛出变化事件(非监控界面有效)</font>
3078
+ </span>
3079
+ <span style="font-family:宋体;font-size:10.5000pt;mso-font-kerning:1.0000pt;">
3080
+ <o:p></o:p>
3081
+ </span>
3082
+ </p>
3083
+ </td>
3084
+ <td width=90 valign=top style="width:89.3000pt;padding:0.0000pt 5.4000pt 0.0000pt 5.4000pt ;border-left:1.0000pt solid windowtext;
3085
+ mso-border-left-alt:0.5000pt solid windowtext;border-right:1.0000pt solid windowtext;mso-border-right-alt:0.5000pt solid windowtext;
3086
+ border-top:1.0000pt solid windowtext;mso-border-top-alt:0.5000pt solid windowtext;border-bottom:1.0000pt solid windowtext;
3087
+ mso-border-bottom-alt:0.5000pt solid windowtext;">
3088
+ <p class=MsoNormal align=center style="text-indent:0.0000pt;mso-char-indent-count:0.0000;text-align:center;">
3089
+ <span style="font-family:宋体;font-size:10.5000pt;mso-font-kerning:1.0000pt;">
3090
+ <font face="宋体">Boolean</font>
3091
+ </span>
3092
+ <span style="font-family:宋体;font-size:10.5000pt;mso-font-kerning:1.0000pt;">
3093
+ <o:p></o:p>
3094
+ </span>
3095
+ </p>
3096
+ </td>
3097
+ <td width=90 valign=top style="width:92.7500pt;padding:0.0000pt 5.4000pt 0.0000pt 5.4000pt ;border-left:1.0000pt solid windowtext;
3098
+ mso-border-left-alt:0.5000pt solid windowtext;border-right:1.0000pt solid windowtext;mso-border-right-alt:0.5000pt solid windowtext;
3099
+ border-top:1.0000pt solid windowtext;mso-border-top-alt:0.5000pt solid windowtext;border-bottom:1.0000pt solid windowtext;
3100
+ mso-border-bottom-alt:0.5000pt solid windowtext;">
3101
+ <p class=MsoNormal align=center style="text-indent:0.0000pt;mso-char-indent-count:0.0000;text-align:center;">
3102
+ <span style="font-family:宋体;font-size:10.5000pt;mso-font-kerning:1.0000pt;">
3103
+ <font face="宋体">false</font>
3104
+ </span>
3105
+ <span style="font-family:宋体;font-size:10.5000pt;mso-font-kerning:1.0000pt;">
3106
+ <o:p></o:p>
3107
+ </span>
3108
+ </p>
3109
+ </td>
3110
+ <td width=90 valign=top style="width:53.5000pt;padding:0.0000pt 5.4000pt 0.0000pt 5.4000pt ;border-left:1.0000pt solid windowtext;
3111
+ mso-border-left-alt:0.5000pt solid windowtext;border-right:1.0000pt solid windowtext;mso-border-right-alt:0.5000pt solid windowtext;
3112
+ border-top:1.0000pt solid windowtext;mso-border-top-alt:0.5000pt solid windowtext;border-bottom:1.0000pt solid windowtext;
2907
3113
  mso-border-bottom-alt:0.5000pt solid windowtext;">
2908
3114
  <p class=MsoNormal align=center style="text-indent:0.0000pt;mso-char-indent-count:0.0000;text-align:center;">
2909
3115
  <span style="font-family:宋体;font-size:10.5000pt;mso-font-kerning:1.0000pt;">
@@ -2983,7 +3189,7 @@ border-top:1.0000pt solid windowtext;mso-border-top-alt:0.5000pt solid windowtex
2983
3189
  mso-border-bottom-alt:0.5000pt solid windowtext;">
2984
3190
  <p class=MsoNormal align=center style="text-indent:0.0000pt;mso-char-indent-count:0.0000;text-align:center;">
2985
3191
  <span style="font-family:宋体;font-size:10.5000pt;mso-font-kerning:1.0000pt;">
2986
- <font face="宋体">点击车辆后会触发(监控界面和非监控界面都会触发)</font>
3192
+ <font face="宋体">点击车辆后会触发(监控界面和非监控界面都会触发)(非监控界面通过监听此事件得知车辆/设备选择变化)</font>
2987
3193
  </span>
2988
3194
  <span style="font-family:宋体;font-size:10.5000pt;mso-font-kerning:1.0000pt;">
2989
3195
  <o:p></o:p>