Shikong/sk-matrix-project
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

调整

Browse Source
This commit is contained in:
Shikong 2023-05-18 02:45:55 +08:00
parent 4552b181c3
commit 74216b73af
1 changed files with 24 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
frontend/matrix-middle-service-web/src/views/record/AMapLocation.vue
View File

@ -79,9 +79,14 @@
<div class="fixed bg-amber-50 rounded-tl z-max text-left absolute-bottom-right pl-1.5" style="width: 350px" v-if="view.lines.length > 0"> <div class="fixed bg-amber-50 rounded-tl z-max text-left absolute-bottom-right pl-1.5" style="width: 350px" v-if="view.lines.length > 0">
路径数量: {{view.lines.length}} 路径数量: {{view.lines.length}}
<div v-for="(item,i) in view.lines" :key="i"> <q-scroll-area style="height: 250px" class="overflow-auto"
{{item[0].locationTime}} ~ {{item[item.length-1].locationTime}} :thumb-style="scrollArea.thumbStyle"
</div> :bar-style="scrollArea.barStyle">
<div v-for="(item,i) in view.lines" :key="i" >
{{item[0].locationTime}} ~ {{item[item.length-1].locationTime}}
</div>
</q-scroll-area>
</div> </div>
</div> </div>
</template> </template>
@ -97,11 +102,22 @@ import {createCanvasDir} from "matrix-middle-service-web/src/views/record/logic/
import {getAvgSpeed, getMaxSpeed} from "matrix-middle-service-web/src/views/record/logic/speed"; import {getAvgSpeed, getMaxSpeed} from "matrix-middle-service-web/src/views/record/logic/speed";
import {randomColorList} from "matrix-middle-service-web/src/views/record/logic/color"; import {randomColorList} from "matrix-middle-service-web/src/views/record/logic/color";
const $q = useQuasar(); const $q = useQuasar();
const COLOR = [ const scrollArea = reactive({
'#6090e0', '#30c030', '#d070d0', '#80c0f0', '#f07050', '#ffb900', thumbStyle: {
'#37a2da', '#ffdb5c', '#8378ea', '#e7bcf3', '#32c5e9', '#67e0e3', right: '4px',
'#dd6b66', '#759aa0', '#e69d87', '#8dc1a9', '#ea7e53', '#eedd78', borderRadius: '5px',
] backgroundColor: '#027be3',
width: '5px',
opacity: "0.75"
},
barStyle: {
right: '2px',
borderRadius: '9px',
backgroundColor: '#027be3',
width: '9px',
opacity: "0.2"
}
})
let canvasDir = createCanvasDir(); let canvasDir = createCanvasDir();
const date = ref({ const date = ref({
from: moment().startOf('d').format("YYYY-MM-DD HH:mm:ss"), from: moment().startOf('d').format("YYYY-MM-DD HH:mm:ss"),