modified: components.d.ts

	modified:   src/components/TCList.vue
	modified:   src/components/Upload.vue

components.d.ts

@@ -8,12 +8,10 @@ export {}
 declare module 'vue' {
   export interface GlobalComponents {
     ElButton: typeof import('element-plus/es')['ElButton']
-    ElButtonGroup: typeof import('element-plus/es')['ElButtonGroup']
     ElCard: typeof import('element-plus/es')['ElCard']
     ElCol: typeof import('element-plus/es')['ElCol']
     ElContainer: typeof import('element-plus/es')['ElContainer']
     ElFooter: typeof import('element-plus/es')['ElFooter']
-    ElHeader: typeof import('element-plus/es')['ElHeader']
     ElIcon: typeof import('element-plus/es')['ElIcon']
     ElInput: typeof import('element-plus/es')['ElInput']
     ElMain: typeof import('element-plus/es')['ElMain']

src/components/TCList.vue

@@ -2,7 +2,7 @@
 import { ref } from "vue";
 import { useRouter } from 'vue-router';
 
-const input = ref("");
+const textarea = ref('')
 
 type TestCase = {
   id: number;
@@ -26,6 +26,30 @@ testCase.value = [
     id: 1,
     title: "这是标题",
     description: "这是描述",
+  },{
+    id: 1,
+    title: "这是标题",
+    description: "这是描述",
+  },{
+    id: 1,
+    title: "这是标题",
+    description: "这是描述",
+  },{
+    id: 1,
+    title: "这是标题",
+    description: "这是描述",
+  },{
+    id: 1,
+    title: "这是标题",
+    description: "这是描述",
+  },{
+    id: 1,
+    title: "这是标题",
+    description: "这是描述",
+  },{
+    id: 1,
+    title: "这是标题",
+    description: "这是描述",
   },
 ];
 
@@ -34,6 +58,9 @@ const handleImproveButton = (p: { row: any }) => {
 };
 
 const router = useRouter();
+const gotoLastPage = () => {
+    router.push('/upload');
+  };
 const gotoNextPage = () => {
     router.push('/tcFinalList');
   };
@@ -88,17 +115,29 @@ const gotoNextPage = () => {
               </el-table>
             </el-col>
           </el-scrollbar>
-          <el-input placeholder="请输入" v-model="input" clearable>
-            <template slot="append"><el-button></el-button></template>
-          </el-input>
+          <el-row class = "input-row">
+          <div style="min-width: 400px; width: 100%;">
+          <el-input
+            v-model="textarea"
+            style="min-width: 400px; width: 100%;"
+            :rows="4"
+            type="textarea"
+            placeholder="请输入要补充的待测功能"
+          />
+        </div>
+        <div>
+          <el-button type="primary" class="add-button" @click=""
+          >增加</el-button
+        >
+        </div>
+        </el-row>
         </el-card>
       </div>
     </el-main>
     <el-footer>
-      <div class="button-container">
-        <el-button type="primary" class="custom-button" @click="gotoNextPage"
-          >下一步</el-button
-        >
+      <div class="button-container">        
+        <el-button type="primary" class="custom-button" @click="gotoLastPage">上一步</el-button>
+        <el-button type="primary" class="custom-button" @click="gotoNextPage">下一步</el-button>
       </div>
     </el-footer>
   </el-container>
@@ -114,9 +153,21 @@ const gotoNextPage = () => {
   width: 100px; /* 设置按钮的宽度为相同的固定值 */
 }
 
+.input-row{
+  padding: 1em 3em;
+  display: flex;
+  flex-wrap: nowrap;
+  align-items: center;
+  justify-content: center;
+}
+.add-button{
+  margin: auto 2em;
+
+}
 .titleTag {
   height: 2em;
   width: 8em;
+  margin-left: 3em;
   font-size: large;
 }
 .container {

src/components/Upload.vue

@@ -20,7 +20,7 @@
     </el-upload>
       </el-main>
       <el-footer>
-        <el-button type="primary" @click="gotoTargetPage">Next Page
+        <el-button type="primary" @click="gotoTargetPage">下一步
           <el-icon class="el-icon--right">
             <ArrowRight />
           </el-icon>