分区新增

src/pages/configureCenter/components/Bed.vue

 <template>
   <div class="Bed">
-    <van-list v-model="loading" :finished="finished" finished-text="没有更多了" @load="onLoad">
+    <van-list
+      v-model="loading"
+      :finished="finished"
+      finished-text="没有更多了"
+      @load="onLoad"
+    >
       <div class="BedOne">
         <div class="BedLeft">
           <p>分区名称：A区</p>
         <van-icon class="ellipsis" name="ellipsis" @click="newShow = true" />
       </div>
     </van-list>
-    <van-action-sheet v-model="newShow" :actions="actions" cancel-text="取消" @cancel="onCancel" />
+    <div class="add">
+      <div style="display: flex;align-items: center;">
+        <van-icon class="addIcon" name="add" />新增
+      </div>
+    </div>
+    <van-action-sheet
+      v-model="newShow"
+      :actions="actions"
+      cancel-text="取消"
+      @cancel="onCancel"
+    />
   </div>
 </template>
 
       color: #cccccc;
     }
   }
+  .add {
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    height: 2.75rem;
+    background: rgba(255, 255, 255, 1);
+    box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1);
+    display: flex;
+    align-items: center;
+    justify-content: space-around;
+    font-size: 0.9375rem;
+    color: #979798;
+    .addIcon {
+      color: #5b98ff;
+      font-size: 1.25rem;
+      margin-right: 0.25rem;
+    }
+  }
 }
 </style>

src/pages/configureCenter/components/Grouping.vue

 <template>
   <div class="Grouping">
-    <van-list v-model="loading" :finished="finished" finished-text="没有更多了" @load="onLoad">
+    <van-list
+      v-model="loading"
+      :finished="finished"
+      finished-text="没有更多了"
+      @load="onLoad"
+    >
       <div class="GroupingOne">
         <div class="GroupingLeft">
           <p>分组名称：护理1组</p>
         <van-icon class="ellipsis" name="ellipsis" @click="newShow = true" />
       </div>
     </van-list>
-    <van-action-sheet v-model="newShow" :actions="actions" cancel-text="取消" @cancel="onCancel" />
+    <div class="add">
+      <div style="display: flex;align-items: center;">
+        <van-icon class="addIcon" name="add" />新增
+      </div>
+    </div>
+    <van-action-sheet
+      v-model="newShow"
+      :actions="actions"
+      cancel-text="取消"
+      @cancel="onCancel"
+    />
   </div>
 </template>
 
       color: #cccccc;
     }
   }
+  .add {
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    height: 2.75rem;
+    background: rgba(255, 255, 255, 1);
+    box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1);
+    display: flex;
+    align-items: center;
+    justify-content: space-around;
+    font-size: 0.9375rem;
+    color: #979798;
+    .addIcon {
+      color: #5b98ff;
+      font-size: 1.25rem;
+      margin-right: 0.25rem;
+    }
+  }
 }
 </style>

src/pages/configureCenter/components/Partition.vue

 <template>
   <div class="partition">
-    <van-list v-model="loading" :finished="finished" finished-text="没有更多了" @load="onLoad">
+    <van-list
+      v-model="loading"
+      :finished="finished"
+      finished-text="没有更多了"
+      @load="onLoad"
+    >
       <div class="partitionOne">
         <div class="partitionLeft">
           <p>分区名称：A区</p>
         <van-icon class="ellipsis" name="ellipsis" @click="newShow = true" />
       </div>
     </van-list>
-    <van-action-sheet v-model="newShow" :actions="actions" cancel-text="取消" @cancel="onCancel" />
+    <div class="add">
+      <div style="display: flex;align-items: center;">
+        <van-icon class="addIcon" name="add" />新增
+      </div>
+    </div>
+    <van-action-sheet
+      v-model="newShow"
+      :actions="actions"
+      cancel-text="取消"
+      @cancel="onCancel"
+    />
   </div>
 </template>
 
       color: #cccccc;
     }
   }
+  .add {
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    height: 2.75rem;
+    background: rgba(255, 255, 255, 1);
+    box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1);
+    display: flex;
+    align-items: center;
+    justify-content: space-around;
+    font-size: 0.9375rem;
+    color: #979798;
+    .addIcon {
+      color: #5b98ff;
+      font-size: 1.25rem;
+      margin-right: 0.25rem;
+    }
+  }
 }
 </style>

src/router/index.js

-import Vue from 'vue'
-import Router from 'vue-router'
+import Vue from "vue";
+import Router from "vue-router";
 
-Vue.use(Router)
+Vue.use(Router);
 
 export default new Router({
-  routes: [{
-      path: '/',
-      name: 'Home',
-      component: () => import('@/pages/home/verifyToken')
+  routes: [
+    {
+      path: "/",
+      name: "Home",
+      component: () => import("@/pages/home/verifyToken")
     },
     {
-      path: '/login',
-      name: 'Home',
-      component: () => import('@/pages/home/login')
+      path: "/login",
+      name: "Home",
+      component: () => import("@/pages/home/login")
     },
     {
-      path: '/nopassword',
-      name: 'Home',
-      component: () => import('@/pages/home/noPassword')
+      path: "/nopassword",
+      name: "Home",
+      component: () => import("@/pages/home/noPassword")
     },
     {
-      path: '/setname',
-      name: 'Home',
-      component: () => import('@/pages/home/register/name')
+      path: "/setname",
+      name: "Home",
+      component: () => import("@/pages/home/register/name")
     },
     {
-      path: '/register',
-      name: 'Home',
-      component: () => import('@/pages/home/register/register')
+      path: "/register",
+      name: "Home",
+      component: () => import("@/pages/home/register/register")
     },
     {
-      path: '/join',
-      name: 'Home',
-      component: () => import('@/pages/home/noJoinedGroup')
+      path: "/join",
+      name: "Home",
+      component: () => import("@/pages/home/noJoinedGroup")
     },
     {
-      path: '/forget',
-      name: 'Home',
-      component: () => import('@/pages/home/forgetPassword')
+      path: "/forget",
+      name: "Home",
+      component: () => import("@/pages/home/forgetPassword")
     },
     {
-      path: '/createorg',
-      name: 'Home',
-      component: () => import('@/pages/home/createOrg')
+      path: "/createorg",
+      name: "Home",
+      component: () => import("@/pages/home/createOrg")
     },
     // 首页
     {
-      path: '/myIndex',
-      name: 'myIndex',
-      component: () => import('@/pages/home/index'),
-      children: [{
-          path: '/homeIndex',
-          component: () => import('@/pages/homeIndex/index.vue'),
+      path: "/myIndex",
+      name: "myIndex",
+      component: () => import("@/pages/home/index"),
+      children: [
+        {
+          path: "/homeIndex",
+          component: () => import("@/pages/homeIndex/index.vue"),
           meta: {
             noCache: true // 不会被 <keep-alive> 缓存
           }
         },
         // 我的
         {
-          path: '/newMy',
-          name: 'newMy',
-          component: () => import('@/pages/my/index')
+          path: "/newMy",
+          name: "newMy",
+          component: () => import("@/pages/my/index")
         },
         // 商城
         {
-          path: '/shop',
-          name: 'shop',
-          component: () => import('@/pages/shop/index')
-        },
-        // 配置中心
-        {
-          path: '/configurecenter',
-          name: 'configurecenter',
-          component: () => import('@/pages/configureCenter/index')
+          path: "/shop",
+          name: "shop",
+          component: () => import("@/pages/shop/index")
         }
       ]
     },
 
     {
-      path: '/perfectOrg',
-      component: () => import('@/pages/org'),
+      path: "/perfectOrg",
+      component: () => import("@/pages/org"),
       meta: {
         noCache: true // 不会被 <keep-alive> 缓存
       }
     },
     {
-      path: '/manageconsole',
-      name: 'console',
-      component: () => import('@/pages/console/managementConsole')
+      path: "/manageconsole",
+      name: "console",
+      component: () => import("@/pages/console/managementConsole")
     },
     {
-      path: '/manageconsole/staff',
-      name: 'staff',
+      path: "/manageconsole/staff",
+      name: "staff",
       component: () =>
-        import('@/pages/console/managementConsole/staff_role/staffManagement')
+        import("@/pages/console/managementConsole/staff_role/staffManagement")
     },
     {
-      path: '/staff/editstaff',
-      name: 'editstaff',
+      path: "/staff/editstaff",
+      name: "editstaff",
       component: () =>
-        import('@/pages/console/managementConsole/staff_role/editStaff')
-    }, {
-      path: '/staff/addstaff',
-      name: 'addstaff',
+        import("@/pages/console/managementConsole/staff_role/editStaff")
+    },
+    {
+      path: "/staff/addstaff",
+      name: "addstaff",
       component: () =>
-        import('@/pages/console/managementConsole/staff_role/addStaff')
+        import("@/pages/console/managementConsole/staff_role/addStaff")
     },
 
     {
-      path: '/manageconsole/role',
-      name: 'role',
+      path: "/manageconsole/role",
+      name: "role",
       component: () =>
-        import('@/pages/console/managementConsole/staff_role/privilegeManagement')
+        import(
+          "@/pages/console/managementConsole/staff_role/privilegeManagement"
+        )
     },
 
     {
-      path: '/role/user',
-      name: 'user',
+      path: "/role/user",
+      name: "user",
       component: () =>
-        import('@/pages/console/managementConsole/staff_role/newUser')
+        import("@/pages/console/managementConsole/staff_role/newUser")
     },
 
     {
-      path: '/role/addnewuser',
-      name: 'user',
+      path: "/role/addnewuser",
+      name: "user",
       component: () =>
-        import('@/pages/console/managementConsole/staff_role/newAddStaff')
-    }, {
-      path: '/role/stafflist',
-      name: 'user',
+        import("@/pages/console/managementConsole/staff_role/newAddStaff")
+    },
+    {
+      path: "/role/stafflist",
+      name: "user",
       component: () =>
-        import('@/pages/console/managementConsole/staff_role/employeeList')
-    }, {
-      path: '/role/usermanage',
-      name: 'user',
+        import("@/pages/console/managementConsole/staff_role/employeeList")
+    },
+    {
+      path: "/role/usermanage",
+      name: "user",
       component: () =>
-        import('@/pages/console/managementConsole/staff_role/userManage')
-    }, {
-      path: '/role/addrole',
-      name: 'add_role',
+        import("@/pages/console/managementConsole/staff_role/userManage")
+    },
+    {
+      path: "/role/addrole",
+      name: "add_role",
       component: () =>
-        import('@/pages/console/managementConsole/staff_role/newAddRole')
+        import("@/pages/console/managementConsole/staff_role/newAddRole")
     },
 
     //
     // },
 
     {
-      path: '/role/editrole',
-      name: 'editrole',
+      path: "/role/editrole",
+      name: "editrole",
       component: () =>
-        import('@/pages/console/managementConsole/staff_role/editRole')
+        import("@/pages/console/managementConsole/staff_role/editRole")
     },
     {
-      path: '/role/subpurview',
-      name: 'purview',
+      path: "/role/subpurview",
+      name: "purview",
       component: () =>
-        import('@/pages/console/managementConsole/staff_role/subPurview')
+        import("@/pages/console/managementConsole/staff_role/subPurview")
     },
     {
-      path: '/role/otherpurview',
-      name: 'purview',
+      path: "/role/otherpurview",
+      name: "purview",
       component: () =>
-        import('@/pages/console/managementConsole/staff_role/otherPurview')
-    }, {
-      path: '/role/functionpurview',
-      name: 'purview',
+        import("@/pages/console/managementConsole/staff_role/otherPurview")
+    },
+    {
+      path: "/role/functionpurview",
+      name: "purview",
       component: () =>
-        import('@/pages/console/managementConsole/staff_role/functionPurview')
+        import("@/pages/console/managementConsole/staff_role/functionPurview")
     },
     // 患者中心
     {
-      path: '/patients',
-      name: 'patients',
-      component: () => import('@/pages/patientManagement/patientManagement')
+      path: "/patients",
+      name: "patients",
+      component: () => import("@/pages/patientManagement/patientManagement")
     },
     // 新增病人
     {
-      path: '/addPatints',
-      name: 'addpatients',
-      component: () => import('@/pages/patients/addPatient')
+      path: "/addPatints",
+      name: "addpatients",
+      component: () => import("@/pages/patients/addPatient")
     },
     // 全部病程
     {
-      path: '/coursedetail',
-      name: 'coursedetail',
-      component: () => import('@/pages/allCourseManagement/index')
+      path: "/coursedetail",
+      name: "coursedetail",
+      component: () => import("@/pages/allCourseManagement/index")
     },
     // 全部干体重
     {
-      path: '/dryweight',
-      name: 'dryweight',
-      component: () => import('@/pages/allDryWeight/index')
+      path: "/dryweight",
+      name: "dryweight",
+      component: () => import("@/pages/allDryWeight/index")
     },
     // 基本信息
     {
-      path: '/editPatient',
-      name: 'editPatient',
-      component: () => import('@/pages/patients/editPatient')
+      path: "/editPatient",
+      name: "editPatient",
+      component: () => import("@/pages/patients/editPatient")
     },
     // 全部排班
     {
-      path: '/editScheduling',
-      name: 'editscheduling',
-      component: () => import('@/pages/allScheduling/index')
+      path: "/editScheduling",
+      name: "editscheduling",
+      component: () => import("@/pages/allScheduling/index")
     },
     // 全部透后宣教
     {
-      path: '/editEducation',
-      name: 'editeducation',
-      component: () => import('@/pages/allEducation/index')
+      path: "/editEducation",
+      name: "editeducation",
+      component: () => import("@/pages/allEducation/index")
     },
     // 全部抢救记录
     {
-      path: '/rescuerecord',
-      name: 'rescuerecord',
-      component: () => import('@/pages/allRescue/index')
+      path: "/rescuerecord",
+      name: "rescuerecord",
+      component: () => import("@/pages/allRescue/index")
     },
     //
     {
-      path: '/patientdetail',
-      name: 'patientdetail',
-      component: () => import('@/pages/doctorAdvice/index')
+      path: "/patientdetail",
+      name: "patientdetail",
+      component: () => import("@/pages/doctorAdvice/index")
     },
     // 搜索
     {
-      path: '/search',
-      name: 'search',
-      component: () => import('@/pages/search/index')
+      path: "/search",
+      name: "search",
+      component: () => import("@/pages/search/index")
     },
     // 我的信息
     {
-      path: '/myInfo',
-      name: 'myInfo',
-      component: () => import('@/pages/my/myInfo')
+      path: "/myInfo",
+      name: "myInfo",
+      component: () => import("@/pages/my/myInfo")
     },
     // 意见反馈
     {
-      path: '/feedBack',
-      name: 'feedBack',
-      component: () => import('@/pages/my/feedBack')
+      path: "/feedBack",
+      name: "feedBack",
+      component: () => import("@/pages/my/feedBack")
     },
     // 关于我们
     {
-      path: '/about',
-      name: 'about',
-      component: () => import('@/pages/my/aboutUs')
+      path: "/about",
+      name: "about",
+      component: () => import("@/pages/my/aboutUs")
     },
     // 公司介绍
     {
-      path: '/introduce',
-      name: 'introduce',
-      component: () => import('@/pages/my/companyIntroduction')
+      path: "/introduce",
+      name: "introduce",
+      component: () => import("@/pages/my/companyIntroduction")
     },
     // 更改名字
     {
-      path: '/editname',
-      name: 'editname',
-      component: () => import('@/pages/my/modifyingName')
+      path: "/editname",
+      name: "editname",
+      component: () => import("@/pages/my/modifyingName")
     },
     // 更改名字
     {
-      path: '/personalsign',
-      name: 'personalsign',
-      component: () => import('@/pages/my/personalSign')
+      path: "/personalsign",
+      name: "personalsign",
+      component: () => import("@/pages/my/personalSign")
     },
 
     // 全部长期透析记录
 
     {
-      path: '/alllongdialysis',
-      name: 'longdialysis',
-      component: () => import('@/pages/allLongDialysis/index')
+      path: "/alllongdialysis",
+      name: "longdialysis",
+      component: () => import("@/pages/allLongDialysis/index")
+    },
+    //,
+    {
+      path: "/alldoctoradvice",
+      name: "/alldoctoradvice",
+      component: () => import("@/pages/allDoctorAdvice/index")
     },
-    //, 
+    // 配置中心
     {
-      path: '/alldoctoradvice',
-      name: '/alldoctoradvice',
-      component: () => import('@/pages/allDoctorAdvice/index')
+      path: "/configurecenter",
+      name: "configurecenter",
+      component: () => import("@/pages/configureCenter/index")
     },
     //
     {
-      path: '/organizationinfo',
-      name: '/organizationinfo',
-      component: () => import('@/pages/my/organizationInfo')
-
+      path: "/organizationinfo",
+      name: "/organizationinfo",
+      component: () => import("@/pages/my/organizationInfo")
     },
     {
-      path: '/product',
-      name: 'Product',
-      component: () => import('@/pages/product/index')
+      path: "/product",
+      name: "Product",
+      component: () => import("@/pages/product/index")
     },
     {
-      path: '/main',
-      name: 'main',
-      component: () => import('@/pages/main/index')
+      path: "/main",
+      name: "main",
+      component: () => import("@/pages/main/index")
     },
     {
-      path: '/details',
-      name: 'details',
-      component: () => import('@/pages/main/DetailsPage')
+      path: "/details",
+      name: "details",
+      component: () => import("@/pages/main/DetailsPage")
     },
     {
-      path: '/monitoring',
-      name: 'monitorPage',
-      component: () => import('@/pages/monitoring/index')
+      path: "/monitoring",
+      name: "monitorPage",
+      component: () => import("@/pages/monitoring/index")
     },
     {
-      path: '/my',
-      name: 'my',
-      component: () => import('@/pages/personal/index')
+      path: "/my",
+      name: "my",
+      component: () => import("@/pages/personal/index")
     },
     {
-      path: '/advice',
-      name: 'doctorAdvice',
-      component: () => import('@/pages/advice/index')
+      path: "/advice",
+      name: "doctorAdvice",
+      component: () => import("@/pages/advice/index")
     },
     {
-      path: '/EditPersonal',
-      name: 'EditPersonal',
-      component: () => import('@/pages/personal/EditPersonal')
+      path: "/EditPersonal",
+      name: "EditPersonal",
+      component: () => import("@/pages/personal/EditPersonal")
     },
     {
-      path: '/ElectronicSignature',
-      name: 'ElectronicSignature',
-      component: () => import('@/pages/personal/ElectronicSignature')
+      path: "/ElectronicSignature",
+      name: "ElectronicSignature",
+      component: () => import("@/pages/personal/ElectronicSignature")
     },
     {
-      path: '/Print',
-      name: 'Print',
-      component: () => import('@/pages/main/PrintIndex')
+      path: "/Print",
+      name: "Print",
+      component: () => import("@/pages/main/PrintIndex")
     },
     {
-      path: '/add_urgent_schedule',
-      name: 'AddUrgentSchedule',
-      component: () => import('@/pages/main/add_urgent_schedule')
+      path: "/add_urgent_schedule",
+      name: "AddUrgentSchedule",
+      component: () => import("@/pages/main/add_urgent_schedule")
     },
     {
-      path: '/Prints',
-      name: 'Prints',
-      component: () => import('@/pages/main/Print')
+      path: "/Prints",
+      name: "Prints",
+      component: () => import("@/pages/main/Print")
     },
     {
-      path: '/forgetPassword',
-      name: 'forgetPassword',
-      component: () => import('@/pages/personal/ForgetPassword')
+      path: "/forgetPassword",
+      name: "forgetPassword",
+      component: () => import("@/pages/personal/ForgetPassword")
     },
     {
-      path: '/changePassword',
-      name: 'changePassword',
-      component: () => import('@/pages/personal/ChangePassword')
+      path: "/changePassword",
+      name: "changePassword",
+      component: () => import("@/pages/personal/ChangePassword")
     },
     {
-      path: '/privacy',
-      name: 'privacy',
-      component: () => import('@/pages/privacy/index')
+      path: "/privacy",
+      name: "privacy",
+      component: () => import("@/pages/privacy/index")
     },
     {
-      path: '/userAgreement',
-      name: 'userAgreement',
-      component: () => import('@/pages/userAgreement/index')
+      path: "/userAgreement",
+      name: "userAgreement",
+      component: () => import("@/pages/userAgreement/index")
     }
   ]
-})
+});