保存进度！

code/web/IT工具综合平台/src/views/requirement/RequirementEditing.vue

@@ -29,6 +29,10 @@ export default {
     {
         return {};
     },
+    mounted()
+    {
+        console.log("接收的参数：", this.$route.query);
+    }
 };
 </script>
 

code/web/IT工具综合平台/src/views/requirement/RequirementManager.vue

@@ -2,7 +2,7 @@
  * @Author: Kane
  * @Date: 2023-01-25 23:13:47
  * @LastEditors: Kane
- * @LastEditTime: 2023-01-29 10:50:23
+ * @LastEditTime: 2023-02-01 01:21:07
  * @FilePath: \IT工具综合平台\src\views\requirement\RequirementManager.vue
  * @Description: 
  * 
@@ -18,7 +18,7 @@
                     <span>标题：</span>
                 </el-col>
                 <el-col :span="16">
-                    <el-input></el-input>
+                    <el-input v-model.trim.lazy="this.query_param.title"></el-input>
                 </el-col>
             </el-row>
             <el-row :gutter="10">
@@ -26,20 +26,20 @@
                     <span>需求编号：</span>
                 </el-col>
                 <el-col :span="4">
-                    <el-input v-model="query_param.requirement_serial"></el-input>
+                    <el-input v-model.trim.lazy="query_param.requirement_serial" placeholder="请输入末尾三位数字"></el-input>
                 </el-col>
                 <el-col :span="2">
                     <span>申请人：</span>
                 </el-col>
                 <el-col :span="4">
-                    <el-input v-model="query_param.request_people"></el-input>
+                    <el-input v-model.trim.lazy="query_param.request_people"></el-input>
                 </el-col>
                 <el-col :span="2">
                     <span>状态：</span>
                 </el-col>
                 <el-col :span="4">
                     <!-- <el-input v-model="query_param.status"></el-input> -->
-                    <el-select multiple collapse-tags collapse-tags-tooltip v-model="query_param.status">
+                    <el-select multiple collapse-tags collapse-tags-tooltip v-model.trim.lazy="query_param.status">
                         <el-option v-for="option in requirement_status" :value="option" :key="option"></el-option>
                     </el-select>
                 </el-col>
@@ -72,7 +72,7 @@
             <el-row :gutter="10">
                 <el-col :span="4">
                     <div class="button-wrapper-left">
-                        <el-button type="success" icon="DocumentAdd" plain>新增</el-button>
+                        <el-button type="success" icon="DocumentAdd" plain @click="addNewRequirement()">新增</el-button>
                         <el-button type="warning" icon="document" plain>导出</el-button>
                     </div>
                 </el-col>
@@ -107,8 +107,8 @@
             <el-table-column label="状态" prop="status" align="center" width="100"></el-table-column>
             <el-table-column label="提交日期" prop="submit_date" align="center" width="130"></el-table-column>
             <el-table-column label="操作" align="center" fixed="right" width="200">
-                <template #default>
+                <template #default="scope">
-                    <el-button type="warning" icon="edit">编辑</el-button>
+                    <el-button type="warning" icon="edit" @click="editRequirement(scope.row.serial_no)">编辑</el-button>
                     <el-button type="danger" icon="delete">删除</el-button>
                 </template>
             </el-table-column>
@@ -214,6 +214,9 @@
 
 <script>
 import { requirementTestData } from '@/test/data/TestData';
+import router from "@/router/index";
+
+
 export default {
     name: "requirement-manager",
     data()
@@ -223,6 +226,7 @@ export default {
             table_current_page: 1,//分页组件当前的页面索引
             table_page_size: 10,
             query_param: {
+                title:"",
                 requirement_serial: "",
                 request_people: "",
                 submit_start_date: "",
@@ -261,6 +265,27 @@ export default {
         {
             this.table_current_page = pageIndex;
         },
+        addNewRequirement()
+        {
+            //console.log("router", this.$route);
+            router.push({
+                name: "RequirementEditing",
+                query:{
+                    serial:"new",
+                }
+            });
+        },
+        editRequirement( requirement_serial ){
+            window.localStorage.setItem("requirement_serial", requirement_serial);
+
+            router.push({
+                name: "RequirementEditing",
+                query:{
+                    serial:requirement_serial,
+                }
+            });
+
+        },
     }
 };
 </script>