|
@@ -123,7 +123,8 @@
|
|
|
</template>
|
|
</template>
|
|
|
|
|
|
|
|
<script setup lang='ts'>
|
|
<script setup lang='ts'>
|
|
|
-import { ref, watch } from 'vue'
|
|
|
|
|
|
|
+import { onMounted, ref, watch } from 'vue'
|
|
|
|
|
+import { format } from 'date-fns'
|
|
|
|
|
|
|
|
interface Item {
|
|
interface Item {
|
|
|
name: string,
|
|
name: string,
|
|
@@ -237,8 +238,8 @@ const tipData = ref({
|
|
|
function countTime(item: Item[]) {
|
|
function countTime(item: Item[]) {
|
|
|
const arr = item.map((el, k) => ({
|
|
const arr = item.map((el, k) => ({
|
|
|
...el,
|
|
...el,
|
|
|
- st: `${el.sTime}`,
|
|
|
|
|
- et: `${el.eTime}`,
|
|
|
|
|
|
|
+ st: `${format(el.sTime, 'HH:mm')}`,
|
|
|
|
|
+ et: `${format(el.eTime, 'HH:mm')}`,
|
|
|
width: Math.floor((el.eTime! - el.sTime!) / 1000 / 60 / 60 * 10) / 10 * 60,
|
|
width: Math.floor((el.eTime! - el.sTime!) / 1000 / 60 / 60 * 10) / 10 * 60,
|
|
|
X: (new Date(el.sTime!).getHours() - 1 + new Date(el.sTime!).getMinutes() / 60) * 60,
|
|
X: (new Date(el.sTime!).getHours() - 1 + new Date(el.sTime!).getMinutes() / 60) * 60,
|
|
|
Y: 50 + k * 40
|
|
Y: 50 + k * 40
|
|
@@ -259,6 +260,7 @@ watch(() => props.data, (v) => {
|
|
|
planDetail.value = countTime(v)
|
|
planDetail.value = countTime(v)
|
|
|
}, { immediate: true })
|
|
}, { immediate: true })
|
|
|
|
|
|
|
|
|
|
+onMounted(() => { document.title = 'SVG进度' })
|
|
|
</script>
|
|
</script>
|
|
|
<style lang="scss" scoped>
|
|
<style lang="scss" scoped>
|
|
|
.process {
|
|
.process {
|