From fd510718b5bf48c40036e4b56f93b35382138524 Mon Sep 17 00:00:00 2001
From: 6281f250dc86617fa5051a8f <6281f250dc86617fa5051a8f@devide>
Date: Mon, 17 Apr 2023 09:50:40 +0000
Subject: [PATCH] UPDATE

---
 src/App.vue | 39 ++++++++++++++++++++++++++++++++-------
 1 file changed, 32 insertions(+), 7 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 633a5df..bfcfd3f 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,19 +1,44 @@
-<script setup>
-import HelloWorld from './components/HelloWorld.vue'
-import TheWelcome from './components/TheWelcome.vue'
+<script>
+export default {
+  data() {
+    return {
+      txtDate: '',
+      result: ''
+    }
+  },
+  methods: {
+    getTime() {
+      if (this.txtDate.length > 0) {
+        this.result = ''
+        const dateList = this.txtDate.split(/\n/)
+        for (let dateStr of x) {
+            const curArr = dateStr.split('-')
+            const start = new Date(`2023-03-01 ${curArr[0]}`).getTime()
+            const end = new Date(`2023-03-01 ${curArr[1]}`).getTime()
+
+            this.result += dateStr, parseFloat((end-start)/1000/60) + '<br>'
+        }
+      }
+    }
+  }
+}
 </script>
 
 <template>
   <header>
-    <img alt="Vue logo" class="logo" src="./assets/logo.svg" width="125" height="125" />
-
     <div class="wrapper">
-      <HelloWorld msg="You did it!" />
+      <h1>时间计算器</h1>
     </div>
   </header>
 
   <main>
-    <TheWelcome />
+    <textarea cols="30" rows="10" v-model="txtDate"></textarea>
+    <div>
+      <button @click="getTime">计算</button>
+    </div>
+    <br>
+    <p>输入结果：</p>
+    <div class="result" v-html="result"></div>
   </main>
 </template>
 
-- 
GitLab