diff --git a/src/router/index.js b/src/router/index.js
index 2a89513..171a7dd 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -63,102 +63,116 @@ export const constantRoutes = [
   },
 
   {
-    path: "",
-    component: Layout,
-    redirect: "index",
-    // children: [
-    //   {
-    //     path: "index",
-    //     component: () => import("@/views/index"),
-    //     name: "Index",
-    //     meta: { title: "检查员统计", icon: "netWork", affix: true },
-    //   },
-    // ],
-  },
-
-  {
-    path: "/index",
+    path: '',
     component: () => import("@/views/index"),
-    name: "Index",
-    meta: { title: "首页", icon: "netWork", affix: true },
+    redirect: "/administrative",
     isDiy: true,
-    hidden: true,
-    redirect: "/netWorkStat",
     children: [
       {
-        path: "/netWorkStat",
-        name: "产品档案",
-        icon: require("@/assets/images/tree1.svg"),
-        component: () => import("@/views/netWorkStat/index"),
-        meta: { title: "产品档案", icon: "netWork", affix: true },
-        children:[
-          {
-            path: "/drugFile",
-            name: "药品档案",
-            icon: require("@/assets/images/tree2.svg"),
-            component: () => import("@/views/drugFile/index"),
-            meta: { title: "产品档案", icon: "netWork", affix: true },
-          }
-        ]
+        path: "/administrative",
+        name: "行政审批",
+        icon: require("@/assets/images/tree4.svg"),
+        component: () => import("@/views/administrative/index"),
+        meta: { title: "行政审批", icon: "netWork" },
       },
-      // {
-      //   path: "/censor",
-      //   name: "全局检查员信息",
-      //   icon: require("@/assets/images/tree2.svg"),
-      //   component: () => import("@/views/censor/index"),
-      //   meta: { title: "全局检查员信息", icon: "netWork" },
-      // },
-      // {
-      //   path: "/statistics",
-      //   name: "培训情况统计",
-      //   icon: require("@/assets/images/tree3.svg"),
-      //   component: () => import("@/views/statistics/index"),
-      //   meta: { title: "培训情况统计", icon: "netWork" },
-      // },
-      // {
-      //   path: "/personalData",
-      //   name: "检查员个人资料",
-      //   icon: require("@/assets/images/tree3.svg"),
-      //   component: () => import("@/views/personalData/index"),
-      //   meta: { title: "检查员个人资料", icon: "netWork" },
-      // },
-      // {
-      //   path: "/changePassword",
-      //   name: "修改密码",
-      //   icon: require("@/assets/images/tree4.svg"),
-      //   component: () => import("@/views/changePassword/index"),
-      //   meta: { title: "修改密码", icon: "netWork" },
-      // },
-      // {
-      //   path: "/changePassword",
-      //   name: "行政审批",
-      //   icon: require("@/assets/images/tree4.svg"),
-      //   component: () => import("@/views/changePassword/index"),
-      //   meta: { title: "行政审批", icon: "netWork" },
-      // },
-      // {
-      //   path: "/changePassword",
-      //   name: "企业档案",
-      //   icon: require("@/assets/images/tree4.svg"),
-      //   component: () => import("@/views/changePassword/index"),
-      //   meta: { title: "企业档案", icon: "netWork" },
-      // },
-      // {
-      //   path: "/changePassword",
-      //   name: "产品档案",
-      //   icon: require("@/assets/images/tree4.svg"),
-      //   component: () => import("@/views/changePassword/index"),
-      //   meta: { title: "产品档案", icon: "netWork" },
-      // },
-      // {
-      //   path: "/changePassword",
-      //   name: "依法注销",
-      //   icon: require("@/assets/images/tree4.svg"),
-      //   component: () => import("@/views/changePassword/index"),
-      //   meta: { title: "依法注销", icon: "netWork" },
-      // },
-    ],
+      {
+        path: '/enterpriseMsg',
+        name: "企业档案",
+        icon: require("@/assets/images/tree4.svg"),
+        component: () => import("@/views/enterpriseMsg/index"),
+        meta: { title: "企业档案", icon: "netWork" },
+      },
+      {
+        path: "/logout",
+        name: "依法注销",
+        icon: require("@/assets/images/tree4.svg"),
+        component: () => import("@/views/logout/index"),
+        meta: { title: "依法注销", icon: "netWork" },
+      },
+      {
+        path: '/productsMsg',
+        name: "产品档案",
+        icon: require("@/assets/images/tree4.svg"),
+        component: () => import("@/views/productsMsg/index"),
+        meta: { title: "产品档案", icon: "netWork" },
+      }
+    ]
   },
+  // {
+  //   path: '',
+  //   component: () => import("@/views/index"),
+  //   redirect: "/administrative",
+  //   isDiy: true,
+  //   children: [
+  //     {
+  //       path: "/administrative",
+  //       name: "行政审批",
+  //       icon: require("@/assets/images/tree4.svg"),
+  //       component: () => import("@/views/administrative/index"),
+  //       meta: { title: "行政审批", icon: "netWork" },
+  //     },
+  //   ]
+  // },
+  // {
+  //   path: '/A',
+  //   component: () => import("@/views/index"),
+  //   redirect: "enterpriseMsg",
+  //   isDiy: true,
+  //   children: [
+  //     {
+  //       path: 'enterpriseMsg',
+  //       name: "企业档案",
+  //       icon: require("@/assets/images/tree4.svg"),
+  //       component: () => import("@/views/enterpriseMsg/index"),
+  //       meta: { title: "企业档案", icon: "netWork" },
+  //     },
+  //   ]
+  // },
+  // {
+  //   path: '/B',
+  //   component: () => import("@/views/index"),
+  //   redirect: "logout",
+  //   isDiy: true,
+  //   children: [
+  //     {
+  //       path: "logout",
+  //       name: "依法注销",
+  //       icon: require("@/assets/images/tree4.svg"),
+  //       component: () => import("@/views/logout/index"),
+  //       meta: { title: "依法注销", icon: "netWork" },
+  //     },
+  //   ]
+  // },
+  // {
+  //   path: '/productsMsg',
+  //   component: () => import("@/views/index"),
+  //   redirect: "drugArchives",
+  //   isDiy: true,
+  //   children: [
+  //     {
+  //       path: "drugArchives",
+  //       name: "药品档案",
+  //       icon: require("@/assets/images/tree4.svg"),
+  //       component: () => import("@/views/productsMsg/components/drugArchives.vue"),
+  //       meta: { title: "药品档案", icon: "netWork" },
+  //     },
+  //     {
+  //       path: "cosmeticsArchives",
+  //       name: "化妆品档案",
+  //       icon: require("@/assets/images/tree4.svg"),
+  //       component: () => import("@/views/productsMsg/components/cosmeticsArchives.vue"),
+  //       meta: { title: "化妆品档案", icon: "netWork" },
+  //     },
+  //     {
+  //       path: "health",
+  //       name: "医疗器械档案",
+  //       icon: require("@/assets/images/tree4.svg"),
+  //       component: () => import("@/views/productsMsg/components/health.vue"),
+  //       meta: { title: "医疗器械档案", icon: "netWork" },
+  //     },
+  //   ]
+  // },
+  //可以按着若依的思路来写,把菜单全部都设置成一级路由，然后有下拉选择框的去进行区别判断设置成二级子路由
 ];
 
 // 动态路由，基于用户权限动态去加载
diff --git a/src/views/index.vue b/src/views/index.vue
index da678ac..7a84513 100644
--- a/src/views/index.vue
+++ b/src/views/index.vue
@@ -75,7 +75,65 @@ export default {
   components: { myHeader, TagsView },
   data() {
     return {
-      routerIndex: "0-0",
+      routerIndex: "1-1",
+      routerList: [
+        {
+          path: "/administrative",
+          name: "行政审批",
+          icon: require("@/assets/images/tree4.svg"),
+          component: () => import("@/views/administrative/index"),
+          meta: { title: "行政审批", icon: "netWork" },
+        },
+        {
+          path: "/enterpriseMsg",
+          name: "企业档案",
+          icon: require("@/assets/images/tree4.svg"),
+          component: () => import("@/views/enterpriseMsg/index"),
+          meta: { title: "企业档案", icon: "netWork" },
+        },
+        {
+          path: "/productsMsg",
+          name: "产品档案",
+          icon: require("@/assets/images/tree4.svg"),
+          component: () => import("@/views/index"),
+          redirect: "drugArchives",
+          isDiy: true,
+          // children: [
+          //   {
+          //     path: "/productsMsg/drugArchives",
+          //     name: "药品档案",
+          //     icon: require("@/assets/images/tree4.svg"),
+          //     component: () =>
+          //       import("@/views/productsMsg/components/drugArchives.vue"),
+          //     meta: { title: "药品档案", icon: "netWork" },
+          //   },
+          //   {
+          //     path: "/productsMsg/cosmeticsArchives",
+          //     name: "化妆品档案",
+          //     icon: require("@/assets/images/tree4.svg"),
+          //     component: () =>
+          //       import("@/views/productsMsg/components/cosmeticsArchives.vue"),
+          //     meta: { title: "化妆品档案", icon: "netWork" },
+          //   },
+          //   {
+          //     path: "/productsMsg/health",
+          //     name: "医疗器械档案",
+          //     icon: require("@/assets/images/tree4.svg"),
+          //     component: () =>
+          //       import("@/views/productsMsg/components/health.vue"),
+          //     meta: { title: "医疗器械档案", icon: "netWork" },
+          //   },
+          // ],
+        },
+        {
+          path: "/logout",
+          name: "依法注销",
+          icon: require("@/assets/images/tree4.svg"),
+          component: () => import("@/views/logout/index"),
+          meta: { title: "依法注销", icon: "netWork" },
+        },
+
+      ],
     };
   },
   computed: {
diff --git a/src/views/netWorkStat/index.vue b/src/views/netWorkStat/index.vue
deleted file mode 100644
index 7aa204f..0000000
--- a/src/views/netWorkStat/index.vue
+++ /dev/null
@@ -1,331 +0,0 @@
-<template>
-  <div class="container">
-    <div class="right-content">
-      <div class="tabs">
-        <el-tabs
-          v-model="activeName"
-          style="color: #edeef0"
-        >
-          <el-tab-pane label="查询条件" name="first">
-            <div class="screen">
-              <div class="task-name">
-                <span class="task-name-text">全文检索：</span>
-                <div class="task-input">
-                  <el-input
-                    v-model="queryCondition.fullTextSearch"
-                    placeholder="请输入内容"
-                  ></el-input>
-                </div>
-              </div>
-              <div class="task-name">
-                <span class="task-name-text">企业名称：</span>
-                <div class="task-input">
-                  <el-input
-                    v-model="queryCondition.firmName"
-                    placeholder="请输入内容"
-                  ></el-input>
-                </div>
-              </div>
-              <div class="task-name">
-                <span class="task-name-text">批准文号：</span>
-                <div class="task-input">
-                  <el-input
-                    v-model="queryCondition.approvalNumber"
-                    placeholder="请输入内容"
-                  ></el-input>
-                </div>
-              </div>
-              <div class="task-name">
-                <span class="task-name-text">处方内容：</span>
-                <div class="task-input">
-                  <el-input
-                    v-model="queryCondition.PrescriptionContent"
-                    placeholder="请输入内容"
-                  ></el-input>
-                </div>
-              </div>
-              <div class="task-name">
-                <span class="task-name-text">功能主治：</span>
-                <div class="task-input">
-                  <el-input
-                    v-model="queryCondition.majorFunction"
-                    placeholder="请输入内容"
-                  ></el-input>
-                </div>
-              </div>
-              <div class="task-name">
-                <span class="task-name-text">产品名称：</span>
-                <div class="task-input">
-                  <el-input
-                    v-model="queryCondition.taskName"
-                    placeholder="请输入内容"
-                  ></el-input>
-                </div>
-              </div>
-              <div class="time-interval">
-                <div class="interval-text">
-                  批号有效期：
-                </div>
-                <div class="interval-select">
-                  <div class="star-time">
-                    <el-date-picker
-                      v-model="queryCondition.startTime"
-                      type="datetime"
-                      align="right"
-                      :clearable="false"
-                      format="yyyy-MM-dd HH:mm:ss"
-                      value-format="yyyy-MM-dd HH:mm:ss"
-                      placeholder="请选择开始时间"
-                    >
-                    </el-date-picker>
-                    <!-- <i class="el-icon-date data_icon"></i> -->
-                  </div> 
-                  <!-- <i class="el-icon-sort-up"></i> -->
-                  <div class="symbol">~</div>
-                  <div class="end-time">
-                    <el-date-picker
-                      v-model="queryCondition.endTime"
-                      type="datetime"
-                      align="right"
-                      :clearable="false"
-                      format="yyyy-MM-dd HH:mm:ss"
-                      value-format="yyyy-MM-dd HH:mm:ss"
-                      placeholder="请选择结束时间"
-                    >
-                    </el-date-picker>
-                    <i class="el-icon-date data_icon"></i>
-                  </div>
-                </div>
-              </div>
-              <div class="task-name">
-                <span class="task-name-text">产品标签：</span>
-                <div class="task-checkbox">
-                  <el-checkbox-group v-model="queryCondition.checkList">
-                    <el-checkbox label="全部"></el-checkbox>
-                    <el-checkbox label="百年产品"></el-checkbox>
-                    <el-checkbox label="疗效显著"></el-checkbox>
-                    <el-checkbox label="无刺激"></el-checkbox>
-                  </el-checkbox-group>
-                </div>
-              </div>
-              <div class="task-name">
-                <span class="task-name-text">产品筛选：</span>
-                <div class="task-checkbox">
-                  <el-checkbox-group v-model="queryCondition.checkListTwo">
-                    <el-checkbox label="全部"></el-checkbox>
-                    <el-checkbox :label="'药品' + drugnum"></el-checkbox>
-                    <el-checkbox label="医疗器械"></el-checkbox>
-                    <el-checkbox label="化妆品"></el-checkbox>
-                  </el-checkbox-group>
-                </div>
-              </div>
-            </div>
-          </el-tab-pane>
-        </el-tabs>
-      </div>
-      
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  components: {
-  },
-  data() {
-    return {
-      drugnum:"(20)",
-      activeName: "first",
-      queryCondition:{
-        fullTextSearch:"",             // 全文检索
-        firmName:"",                   // 企业名称
-        approvalNumber:"",             // 批准文号
-        taskName:"",                   // 产品名称
-        PrescriptionContent:"",        // 处方内容
-        majorFunction:"",              // 功能主治
-        startTime:"",                  // 开始日期
-        endTime:"",                    // 结束日期
-        checkList:[],
-        checkListTwo:[],
-      },
-    };
-  },
-  mounted() {},
-  methods: {},
-};
-</script>
-
-<style lang="scss" scoped>
-.container {
-  height: 100%;
-  box-sizing: border-box;
-  display: flex;
-  align-items: center;
-  background: #f2f2f2;
-  padding: 10px;
-  & > div {
-    flex: 1;
-    height: 100%;
-  }
-  & > div:nth-child(2) {
-    flex: 2;
-    margin: 0 10px;
-  }
-  .middle {
-    height: 100%;
-    background: #ffff;
-    border-radius: 8px;
-    overflow: hidden;
-  }
-  .left,
-  .right {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    & > div {
-      width: 100%;
-      border-radius: 8px;
-      flex: 1;
-      background: #ffffff;
-    }
-  }
-  .middle-box {
-    margin: 10px;
-  }
-
-  .main {
-    height: calc(100% - 40px);
-  }
-  .right-content {
-    background-color: #fff;
-    ::v-deep .el-tabs__header{
-      margin: 0;
-      .el-tabs__nav-scroll {
-        padding-left: 15px;
-        padding-top: 3px;
-      }
-      .el-tabs__item {
-        font-size: 18px;
-        font-family: Source Han Sans SC-Bold, Source Han Sans SC;
-        font-weight: bold;
-        color: #323233;
-      }
-      .el-tabs__active-bar {
-        background-color: #1349C5;
-        height: 2px;
-        border-radius: 0px 0px 0px 0px;
-      }
-    }
-    .tabs {
-      background: rgba(255, 255, 255, 0.9);
-      box-shadow: 0px 0px 12px 0px rgba(194, 212, 226, 0.64);
-      border-radius: vw(10);
-      min-height: 90vh;
-      // padding-top: 3px;
-      // padding-left: 15px;
-    }
-    .screen {
-      padding: 15px 0 26px 28px;
-      display: flex;
-      flex-wrap: wrap;
-      align-items: center;
-      .task-name {
-        display: flex;
-        align-items: center;
-        margin-right: 30px;
-        .task-name-text {
-          font-size: 16px;
-          font-family: Source Han Sans CN;
-          font-weight: 400;
-          color: #6a6c6f;
-          line-height: 50px;
-          // margin-right: vw(10);
-        }
-        .task-input {
-          width: 251px;
-          height: 32px;
-          ::v-deep .el-input {
-            width: 251px;
-            height: 32px;
-          }
-          ::v-deep .el-input__inner {
-            width: 100%;
-            height: 100%;
-            font-size: 16px;
-            font-family: Source Han Sans CN;
-            font-weight: 400;
-            // color: #B1B6BF;
-            line-height: 50px;
-            padding-left: 15px;
-          }
-        }
-      }
-      .time-interval {
-        display: flex;
-        align-items: center;
-        margin-right: 20px;
-        .interval-text {
-          font-size: 16px;
-          font-family: Source Han Sans CN;
-          font-weight: 400;
-          color: #6a6c6f;
-          // line-height: 50px;
-          // margin-right: vw(10);
-        }
-        .interval-select {
-          display: flex;
-          align-items: center;
-          border: 1px solid #dbe0e8;
-          border-radius: 4px;
-          height: 32px;
-          .star-time,
-          .end-time {
-            position: relative;
-            .data_icon {
-              position: absolute;
-              top: 50%;
-              right: 17px;
-              z-index: 9;
-              color: #c0c4cc;
-              font-size: 14px;
-              transform: translateY(-50%);
-            }
-            ::v-deep .el-input__prefix {
-              display: none;
-            }
-            ::v-deep .el-input {
-              width: 243px;
-              height: 30px;
-            }
-            ::v-deep .el-input__inner {
-              width: 100%;
-              height: 100%;
-              font-size: 16px;
-              font-family: Source Han Sans CN;
-              font-weight: 400;
-              // color: #B1B6BF;
-              line-height: 30px;
-              padding-left: 15px;
-              border: none;
-              cursor: pointer;
-            }
-          }
-          .symbol {
-            background: rgba(219, 224, 232, 0.5);
-            width: 40px;
-            height: 30px;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            font-size: 16px;
-            font-family: Source Han Sans CN;
-            font-weight: 400;
-            color: #292f38;
-            line-height: 28px;
-          }
-        }
-      }
-    }
-  }
-}
-</style>
diff --git a/src/views/productsMsg/index.vue b/src/views/productsMsg/index.vue
index 5b0c7a5..6e3983c 100644
--- a/src/views/productsMsg/index.vue
+++ b/src/views/productsMsg/index.vue
@@ -1,3 +1,332 @@
 <template>
-    <div>   3333</div>
-</template>
\ No newline at end of file
+    <div class="container">
+      <div class="right-content">
+        <div class="tabs">
+          <el-tabs
+            v-model="activeName"
+            style="color: #edeef0"
+          >
+            <el-tab-pane label="查询条件" name="first">
+              <div class="screen">
+                <div class="task-name">
+                  <span class="task-name-text">全文检索：</span>
+                  <div class="task-input">
+                    <el-input
+                      v-model="queryCondition.fullTextSearch"
+                      placeholder="请输入内容"
+                    ></el-input>
+                  </div>
+                </div>
+                <div class="task-name">
+                  <span class="task-name-text">企业名称：</span>
+                  <div class="task-input">
+                    <el-input
+                      v-model="queryCondition.firmName"
+                      placeholder="请输入内容"
+                    ></el-input>
+                  </div>
+                </div>
+                <div class="task-name">
+                  <span class="task-name-text">批准文号：</span>
+                  <div class="task-input">
+                    <el-input
+                      v-model="queryCondition.approvalNumber"
+                      placeholder="请输入内容"
+                    ></el-input>
+                  </div>
+                </div>
+                <div class="task-name">
+                  <span class="task-name-text">处方内容：</span>
+                  <div class="task-input">
+                    <el-input
+                      v-model="queryCondition.PrescriptionContent"
+                      placeholder="请输入内容"
+                    ></el-input>
+                  </div>
+                </div>
+                <div class="task-name">
+                  <span class="task-name-text">功能主治：</span>
+                  <div class="task-input">
+                    <el-input
+                      v-model="queryCondition.majorFunction"
+                      placeholder="请输入内容"
+                    ></el-input>
+                  </div>
+                </div>
+                <div class="task-name">
+                  <span class="task-name-text">产品名称：</span>
+                  <div class="task-input">
+                    <el-input
+                      v-model="queryCondition.taskName"
+                      placeholder="请输入内容"
+                    ></el-input>
+                  </div>
+                </div>
+                <div class="time-interval">
+                  <div class="interval-text">
+                    批号有效期：
+                  </div>
+                  <div class="interval-select">
+                    <div class="star-time">
+                      <el-date-picker
+                        v-model="queryCondition.startTime"
+                        type="datetime"
+                        align="right"
+                        :clearable="false"
+                        format="yyyy-MM-dd HH:mm:ss"
+                        value-format="yyyy-MM-dd HH:mm:ss"
+                        placeholder="请选择开始时间"
+                      >
+                      </el-date-picker>
+                      <!-- <i class="el-icon-date data_icon"></i> -->
+                    </div> 
+                    <!-- <i class="el-icon-sort-up"></i> -->
+                    <div class="symbol">~</div>
+                    <div class="end-time">
+                      <el-date-picker
+                        v-model="queryCondition.endTime"
+                        type="datetime"
+                        align="right"
+                        :clearable="false"
+                        format="yyyy-MM-dd HH:mm:ss"
+                        value-format="yyyy-MM-dd HH:mm:ss"
+                        placeholder="请选择结束时间"
+                      >
+                      </el-date-picker>
+                      <i class="el-icon-date data_icon"></i>
+                    </div>
+                  </div>
+                </div>
+                <div class="task-name">
+                  <span class="task-name-text">产品标签：</span>
+                  <div class="task-checkbox">
+                    <el-checkbox-group v-model="queryCondition.checkList">
+                      <el-checkbox label="全部"></el-checkbox>
+                      <el-checkbox label="百年产品"></el-checkbox>
+                      <el-checkbox label="疗效显著"></el-checkbox>
+                      <el-checkbox label="无刺激"></el-checkbox>
+                    </el-checkbox-group>
+                  </div>
+                </div>
+                <div class="task-name">
+                  <span class="task-name-text">产品筛选：</span>
+                  <div class="task-checkbox">
+                    <el-checkbox-group v-model="queryCondition.checkListTwo">
+                      <el-checkbox label="全部"></el-checkbox>
+                      <el-checkbox :label="'药品' + drugnum"></el-checkbox>
+                      <el-checkbox label="医疗器械"></el-checkbox>
+                      <el-checkbox label="化妆品"></el-checkbox>
+                    </el-checkbox-group>
+                  </div>
+                </div>
+              </div>
+            </el-tab-pane>
+          </el-tabs>
+        </div>
+        
+      </div>
+    </div>
+  </template>
+  
+  <script>
+  export default {
+    components: {
+    },
+    data() {
+      return {
+        drugnum:"(20)",
+        activeName: "first",
+        queryCondition:{
+          fullTextSearch:"",             // 全文检索
+          firmName:"",                   // 企业名称
+          approvalNumber:"",             // 批准文号
+          taskName:"",                   // 产品名称
+          PrescriptionContent:"",        // 处方内容
+          majorFunction:"",              // 功能主治
+          startTime:"",                  // 开始日期
+          endTime:"",                    // 结束日期
+          checkList:[],
+          checkListTwo:[],
+        },
+      };
+    },
+    mounted() {},
+    methods: {},
+  };
+  </script>
+  
+  <style lang="scss" scoped>
+  .container {
+    height: 100%;
+    box-sizing: border-box;
+    display: flex;
+    align-items: center;
+    background: #f2f2f2;
+    padding: 10px;
+    & > div {
+      flex: 1;
+      height: 100%;
+    }
+    & > div:nth-child(2) {
+      flex: 2;
+      margin: 0 10px;
+    }
+    .middle {
+      height: 100%;
+      background: #ffff;
+      border-radius: 8px;
+      overflow: hidden;
+    }
+    .left,
+    .right {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      & > div {
+        width: 100%;
+        border-radius: 8px;
+        flex: 1;
+        background: #ffffff;
+      }
+    }
+    .middle-box {
+      margin: 10px;
+    }
+  
+    .main {
+      height: calc(100% - 40px);
+    }
+    .right-content {
+      background-color: #fff;
+      ::v-deep .el-tabs__header{
+        margin: 0;
+        .el-tabs__nav-scroll {
+          padding-left: 15px;
+          padding-top: 3px;
+        }
+        .el-tabs__item {
+          font-size: 18px;
+          font-family: Source Han Sans SC-Bold, Source Han Sans SC;
+          font-weight: bold;
+          color: #323233;
+        }
+        .el-tabs__active-bar {
+          background-color: #1349C5;
+          height: 2px;
+          border-radius: 0px 0px 0px 0px;
+        }
+      }
+      .tabs {
+        background: rgba(255, 255, 255, 0.9);
+        box-shadow: 0px 0px 12px 0px rgba(194, 212, 226, 0.64);
+        border-radius: vw(10);
+        min-height: 90vh;
+        // padding-top: 3px;
+        // padding-left: 15px;
+      }
+      .screen {
+        padding: 15px 0 26px 28px;
+        display: flex;
+        flex-wrap: wrap;
+        align-items: center;
+        .task-name {
+          display: flex;
+          align-items: center;
+          margin-right: 30px;
+          .task-name-text {
+            font-size: 16px;
+            font-family: Source Han Sans CN;
+            font-weight: 400;
+            color: #6a6c6f;
+            line-height: 50px;
+            // margin-right: vw(10);
+          }
+          .task-input {
+            width: 251px;
+            height: 32px;
+            ::v-deep .el-input {
+              width: 251px;
+              height: 32px;
+            }
+            ::v-deep .el-input__inner {
+              width: 100%;
+              height: 100%;
+              font-size: 16px;
+              font-family: Source Han Sans CN;
+              font-weight: 400;
+              // color: #B1B6BF;
+              line-height: 50px;
+              padding-left: 15px;
+            }
+          }
+        }
+        .time-interval {
+          display: flex;
+          align-items: center;
+          margin-right: 20px;
+          .interval-text {
+            font-size: 16px;
+            font-family: Source Han Sans CN;
+            font-weight: 400;
+            color: #6a6c6f;
+            // line-height: 50px;
+            // margin-right: vw(10);
+          }
+          .interval-select {
+            display: flex;
+            align-items: center;
+            border: 1px solid #dbe0e8;
+            border-radius: 4px;
+            height: 32px;
+            .star-time,
+            .end-time {
+              position: relative;
+              .data_icon {
+                position: absolute;
+                top: 50%;
+                right: 17px;
+                z-index: 9;
+                color: #c0c4cc;
+                font-size: 14px;
+                transform: translateY(-50%);
+              }
+              ::v-deep .el-input__prefix {
+                display: none;
+              }
+              ::v-deep .el-input {
+                width: 243px;
+                height: 30px;
+              }
+              ::v-deep .el-input__inner {
+                width: 100%;
+                height: 100%;
+                font-size: 16px;
+                font-family: Source Han Sans CN;
+                font-weight: 400;
+                // color: #B1B6BF;
+                line-height: 30px;
+                padding-left: 15px;
+                border: none;
+                cursor: pointer;
+              }
+            }
+            .symbol {
+              background: rgba(219, 224, 232, 0.5);
+              width: 40px;
+              height: 30px;
+              display: flex;
+              align-items: center;
+              justify-content: center;
+              font-size: 16px;
+              font-family: Source Han Sans CN;
+              font-weight: 400;
+              color: #292f38;
+              line-height: 28px;
+            }
+          }
+        }
+      }
+    }
+  }
+  </style>
+  
\ No newline at end of file