reat:新增事项概要页面

base-manager-ui/admin/src/pages/basicset/addbusiness/addbusiness.vue → base-manager-ui/admin/src/pages/basicset/addmatter/AddMatter.vue

 <template>
-  <div class="addbusiness ff">
-    <div class="back_btn" @click="handleBack">返回上一级</div>
+  <div class="addmatter">
     <a-tabs default-active-key="1">
-      <a-tab-pane key="1" tab="基本信息" class="box">
+      <a-button slot="tabBarExtraContent" @click="handleBack"
+        >返回上一级</a-button
+      >
+      <a-tab-pane key="1" tab="基本信息">
         <BaseMessage />
       </a-tab-pane>
 
@@ -79,19 +81,14 @@ export default {
 };
 </script>
 <style lang='less' scoped>
-.addbusiness {
-  position: relative;
-  height: 100%;
+.addmatter {
+  width: 100%;
+  height: auto;
   padding-left: 10px;
-  .back_btn {
-    position: absolute;
-    top: 8px;
-    right: 20px;
-    border-radius: 4px;
-    padding: 6px 8px;
-    border: 1px solid rgba(221, 221, 221, 1);
-    z-index: 100;
-    cursor: pointer;
-  }
+  padding-right: 10px;
+  background-color: #fff;
+}
+/deep/.ant-tabs-nav-container {
+  border-bottom: 1px solid #f0f0f0 !important;
 }
 </style>
\ No newline at end of file

base-manager-ui/admin/src/pages/basicset/addmatter/Synopsis.vue

+<template>
+  <!-- 事项概要 -->
+  <div class="synopsis">
+    <a-tabs default-active-key="1">
+      <a-button slot="tabBarExtraContent" @click="handleBack"
+        >返回上一级</a-button
+      >
+      <a-tab-pane key="1" tab="事项概要信息">
+        <AddSynopsis></AddSynopsis>
+      </a-tab-pane>
+    </a-tabs>
+  </div>
+</template>
+
+<script>
+import AddSynopsis from "./components/AddSynopsis.vue";
+export default {
+  components: {
+    AddSynopsis,
+  },
+  data() {
+    return {};
+  },
+  methods: {
+    // 返回上一级
+    handleBack() {
+      this.$router.back();
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.synopsis {
+  height: 100%;
+  width: 100%;
+  padding: 0px 10px;
+}
+/deep/.ant-tabs-nav-container {
+  border-bottom: 1px solid #f0f0f0 !important;
+}
+</style>
\ No newline at end of file

base-manager-ui/admin/src/pages/basicset/addbusiness/components/baseMessage.vue → base-manager-ui/admin/src/pages/basicset/addmatter/components/baseMessage.vue

@@ -985,7 +985,7 @@ export default {
 </script>
 <style lang="less" scoped>
 .basemessage {
-  width: 98%;
+  width: 100%;
   .color_title {
     margin-left: 15px;
     position: relative;
@@ -1020,10 +1020,4 @@ export default {
 /deep/.ant-input {
   width: 100% !important;
 }
-/deep/.ant-col-6 {
-  width: 25% !important;
-}
-/deep/.ant-col-3 {
-  width: 12.5% !important;
-}
 </style>

base-manager-ui/admin/src/pages/basicset/business/Index.vue

+<template>
+  <div class="business-matter">
+    <router-view></router-view>
+  </div>
+</template>
+
+<script>
+export default {};
+</script>
+
+<style lang="less" scoped>
+.business-matter {
+  width: 100%;
+  height: 100%;
+}
+</style>
\ No newline at end of file

base-manager-ui/admin/src/pages/basicset/business/components/businessTabs2.vue

@@ -6,7 +6,7 @@
         <div class="header-bottom">
           <div class="left-btn">
             <a-button type="danger" @click="handleDelAll"> 批量移除 </a-button>
-            <!-- <a-button class="add-btn" @click="addItems"> 新增事项 </a-button> -->
+            <a-button class="add-btn" @click="addMatter"> 新增事项 </a-button>
           </div>
           <div class="search-box">
             <!-- <a-select
@@ -338,15 +338,8 @@ export default {
       });
     },
     //新增事项
-    addItems() {
-      if (!this.siteId) {
-        this.$message.warning("请先选择站点");
-        return;
-      }
-      this.$router.push({
-        path: "addbusiness",
-        query: { siteId: this.siteId },
-      });
+    addMatter() {
+      this.$router.push("/business/synopsis");
     },
     onSelectChange(key, data) {
       this.deleteData = data;

base-manager-ui/admin/src/router/config.js

@@ -50,18 +50,33 @@ const options = {
         },
         {
           path: "business",
-          name: "业务事项管理",
           meta: {
             icon: "book",
           },
-          component: () => import("@/pages/basicset/business/business"),
-        },
-        {
-          path: "addbusiness",
-          name: "新增事项",
-          component: () =>
-            import("@/pages/basicset/addbusiness/addbusiness.vue"),
-          meta: { invisible: true },
+          component: () => import("@/pages/basicset/business/Index"),
+          children: [
+            {
+              path: "",
+              name: "业务事项管理",
+              meta: {
+                icon: "book",
+                invisible: true,
+              },
+              component: () => import("@/pages/basicset/business/business"),
+            },
+            {
+              path: "addmatter",
+              name: "新增事项",
+              component: () => import("@/pages/basicset/addmatter/AddMatter"),
+              meta: { invisible: true },
+            },
+            {
+              path: "synopsis",
+              name: "事项概要",
+              component: () => import("@/pages/basicset/addmatter/Synopsis"),
+              meta: { invisible: true },
+            },
+          ],
         },
 
         {