diff --git a/src/assets/imgs/icon_huoqu1.png b/src/assets/imgs/icon_huoqu1.png
new file mode 100644
index 0000000000000000000000000000000000000000..a15936977f0105d17855810dd5a66fdc435d7695
Binary files /dev/null and b/src/assets/imgs/icon_huoqu1.png differ
diff --git a/src/assets/imgs/icon_shijian.png b/src/assets/imgs/icon_shijian.png
new file mode 100644
index 0000000000000000000000000000000000000000..6f5b8d46a80a35350a6e22b06088e80b3154f5e1
Binary files /dev/null and b/src/assets/imgs/icon_shijian.png differ
diff --git a/src/components/commodity-card.vue b/src/components/commodity-card.vue
index 0cd889e5a11a9cd43e68151018b56ce0d657f40c..ed7f2bccf9bd066e35af7b4583768e20257d5355 100644
--- a/src/components/commodity-card.vue
+++ b/src/components/commodity-card.vue
@@ -1,20 +1,30 @@
 <template>
   <div class="com_card">
-    <img
-      src="https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png"
-      class="com_card_img"
-    />
+    <div class="com_card_top">
+      <img
+        src="https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png"
+        class="com_card_img"
+      />
+      <div class="com_card_name_v">
+        <div class="com_card_msg_name">ApaasApaasApaasApaas</div>
+        <div class="com_card_msg_version">v1.876</div>
+      </div>
+    </div>
+    <div class="com_card_msg">
+      <div class="com_card_msg_tit">
+        <img :src="require('@/assets/imgs/icon_shijian.png')" />&nbsp;上线时间
+      </div>
+      <div class="com_card_msg_num">2019-12-04</div>
+    </div>
     <div class="com_card_msg">
-      <div class="com_card_msg_name">ApaasApaas</div>
-      <div class="com_card_msg_version">v1.876</div>
-      <div class="com_card_msg_other">
-        <div class="com_card_msg_time">2019-12-04</div>
-        <div class="com_card_msg_num">部署次数：44444</div>
+      <div class="com_card_msg_tit">
+        <img :src="require('@/assets/imgs/icon_huoqu1.png')" />&nbsp;部署次数
       </div>
+      <div class="com_card_msg_num1">888888</div>
     </div>
     <div class="com_card_btn">
-        <el-button size="small">加入购物车</el-button>
-        <el-button size="small" @click="goUrl(cellData.id)">查看详情</el-button>
+      <el-button size="medium" class="btn_1">加入购物车</el-button>
+      <el-button size="medium" class="btn_2" @click="goUrl(cellData.id)">查看详情</el-button>
     </div>
   </div>
 </template>
@@ -43,41 +53,81 @@ export default {
 <style scoped>
 .com_card {
   width: 290px;
-  height: 300px;
-  padding: 10px;
-  background-color: #ddd;
+  height: 266px;
+  padding: 20px;
+  border-radius: 16px;
+  background-color: #fff;
+  border: solid 2px transparent;
+  -webkit-box-shadow: 0px 3px 10px 0px rgba(3, 10, 37, 0.15);
+  box-shadow: 0px 3px 10px 0px rgba(3, 10, 37, 0.15);
+}
+.com_card:hover {
+  border: solid 2px #b4c0f5;
+}
+.com_card_top {
   display: flex;
-  flex-wrap: wrap;
-  justify-content: center;
+  justify-content: space-between;
+  margin-bottom: 35px;
+}
+.com_card_name_v {
+  width: calc(100% - 70px);
 }
 .com_card_img {
-  width: 160px;
-  height: 160px;
+  width: 60px;
+  height: 60px;
+  border-radius: 8px;
 }
 .com_card_msg {
-  width: 180px;
-  text-align: center;
+  margin-top: 20px;
+  display: flex;
+  justify-content: space-between;
 }
 .com_card_msg_name {
-    font-size: 24px;
-    margin-bottom: 10px;
+  font-size: 18px;
+  font-weight: 700;
+  margin-top: 4px;
+  margin-bottom: 8px;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
 }
 .com_card_msg_version {
-    font-size: 14px;
-}
-.com_card_msg_other {
-    width: 100%;
-    display: flex;
-    justify-content: space-between;
-    font-size: 12px;
+  font-size: 14px;
+  color: #8890a7;
 }
-.com_card_msg_time {
+.com_card_msg_tit {
+  color: #8890a7;
+  font-size: 16px;
 }
 .com_card_msg_num {
+  color: #8890a7;
+  font-size: 16px;
+}
+.com_card_msg_num1 {
+  color: #242c43;
+  font-size: 16px;
 }
 .com_card_btn {
-    margin-top: 10px;
-    display: flex;
-    justify-content: space-between;
+  margin-top: 35px;
+  display: flex;
+  justify-content: space-around;
+}
+.btn_1 {
+  background-color: #d0d5e7;
+  border: solid 2px #a5afd6;
+  color: #0f2683;
+}
+.btn_1:hover {
+  background-color: #d5daec;
+  border: solid 2px #a5afd6;
+  color: #0f2683;
+}
+.btn_2 {
+  background-color: #0f2683;
+  color: #f8f9fd;
+}
+.btn_2:hover {
+  background-color: #142b88;
+  color: #f8f9fd;
 }
 </style>
\ No newline at end of file
diff --git a/src/components/order-list/order-list-cell.vue b/src/components/order-list/order-list-cell.vue
new file mode 100644
index 0000000000000000000000000000000000000000..15965a714dd53c312a5eae2700032d3383581f9c
--- /dev/null
+++ b/src/components/order-list/order-list-cell.vue
@@ -0,0 +1,31 @@
+ <template>
+  <div class="order_cell">
+      {{ cellItem.id }}
+  </div>
+</template>
+
+<script>
+export default {
+  props: {
+    cellItem: {
+      type: Object,
+      default: () => {
+        {
+        }
+      }
+    }
+  },
+  methods: {}
+};
+</script>
+
+<style scoped>
+.order_cell {
+    height: 100px;
+    border-bottom: 2px #567 solid;
+    margin: 10px 0;
+}
+.order_cell:nth-last-child(1) {
+    border-bottom: 0;
+}
+</style>
diff --git a/src/components/order-list/order-list-com.vue b/src/components/order-list/order-list-com.vue
new file mode 100644
index 0000000000000000000000000000000000000000..fa0336e7ced202c03dad21d9af6631ae2ea12498
--- /dev/null
+++ b/src/components/order-list/order-list-com.vue
@@ -0,0 +1,269 @@
+<template>
+  <div class="order_block">
+    <el-tabs v-model="activeName" @tab-click="tabClick" type="border-card">
+      <el-tab-pane
+        v-for="(item, index) in stateList"
+        :key="'state' + index"
+        :label="item"
+        :name="item"
+      ></el-tab-pane>
+    </el-tabs>
+    <div class="list_options">
+      <div class="button_group">
+        <el-button
+          size="mini"
+          v-for="(item, index) in buttonList"
+          :key="'btn' + index"
+          :class="item.state ? 'btn_actice':''"
+          round
+          @click="btnClick(index)"
+        >{{ item.label }}</el-button>
+      </div>
+      <div class="input_right">
+        <el-input
+          v-model="search"
+          prefix-icon="el-icon-search"
+          placeholder="请输入关键字搜索服务"
+          @input="searchVal"
+        ></el-input>
+      </div>
+    </div>
+    <order-list :datas="datas"></order-list>
+    <!-- 分页 -->
+    <section class="order-pagination">
+      <div class="order_page_total">共 {{ pagination.total }} 个条目</div>
+      <div class="order_page_item">
+        <div class="order_page_num">
+          <div>每页行数：</div>
+          <div class="order_page_num_sel">
+            <el-select
+              v-model="pagination.rowsPerPage"
+              placeholder="请选择"
+              size="small"
+              @change="handleSizeChange"
+            >
+              <el-option
+                v-for="item in pageOptions"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              ></el-option>
+            </el-select>
+          </div>
+        </div>
+        <div class="order_page_control">
+          <el-button
+            icon="el-icon-arrow-left"
+            circle
+            size="mini"
+            @click="handleCurrentChange(-1)"
+            :disabled="pagination.page == 1"
+          ></el-button>
+          &nbsp;&nbsp;第{{ pagination.page }}页 / 共{{
+          Math.ceil(pagination.total / pagination.rowsPerPage)
+          }}页
+          <el-button
+            icon="el-icon-arrow-right"
+            circle
+            size="mini"
+            @click="handleCurrentChange(1)"
+            :disabled="
+            pagination.page >=
+              Math.ceil(pagination.total / pagination.rowsPerPage)
+          "
+          ></el-button>
+        </div>
+      </div>
+    </section>
+  </div>
+</template>
+
+<script>
+import OrderList from "@/components/order-list/order-list-list";
+export default {
+  components: {
+    OrderList
+  },
+  data: () => ({
+    stateList: ["全部订单", "待审核", "审核中", "已获取", "未通过", "已取消"],
+    activeName: "全部订单",
+    buttonList: [
+      { label: "全部", state: false },
+      { label: "数据服务", state: false },
+      { label: "时空服务", state: false },
+      { label: "视频服务", state: false },
+      { label: "感知服务", state: false },
+      { label: "综合服务", state: false },
+      { label: "云资源", state: false },
+      { label: "应用镜像", state: false }
+    ],
+    search: "",
+    pagination: {
+      rowsPerPage: 10,
+      page: 1,
+      total: 0
+    },
+    pageOptions: [
+      {
+        value: "10",
+        label: "10"
+      },
+      {
+        value: "20",
+        label: "20"
+      },
+      {
+        value: "50",
+        label: "50"
+      }
+    ],
+    datas: [
+      { id: "23123" },
+      { id: "23ss123" },
+      { id: "2311223" },
+      { id: "2311423" },
+      { id: "23131223" },
+      { id: "231123" }
+    ]
+  }),
+  mounted() {
+    this.getTotal();
+  },
+  methods: {
+    tabClick() {},
+    btnClick(index) {
+      if (index != 0) {
+        this.buttonList[0].state = false;
+        this.buttonList[index].state = !this.buttonList[index].state;
+      } else {
+        for (let i = 1; i < this.buttonList.length; i++) {
+          this.buttonList[i].state = false;
+        }
+        this.buttonList[0].state = !this.buttonList[0].state;
+      }
+    },
+    // search debonce 500ms
+    searchVal() {
+      if (this.times !== null) clearTimeout(this.times);
+      this.times = setTimeout(() => {
+        this.getShopList();
+      }, 500);
+    },
+    getTotal() {
+      this.pagination.total = this.datas.length;
+    },
+    handleSizeChange(val) {
+      this.pagination.rowsPerPage = val;
+      this.$emit("refresh", this.pagination);
+    },
+    handleCurrentChange(val) {
+      this.pagination.page += val;
+      this.$emit("refresh", this.pagination);
+    }
+  }
+};
+</script>
+<style scoped>
+.order_block {
+  margin: 20px;
+  background-color: #fff;
+  border-radius: 0px 0px 8px 8px / 0px 0px 8px 8px;
+}
+.list_options {
+  display: flex;
+  justify-content: space-between;
+  padding: 0 20px;
+  border-bottom: 2px #dcdfe6 solid;
+}
+.button_group {
+  padding: 15px 10px;
+}
+.btn_actice {
+  background-color: blue;
+  color: #fff;
+}
+.input_right {
+  width: 360px;
+  padding: 10px;
+}
+.order-pagination {
+  margin-top: 20px;
+  padding-bottom: 20px;
+  font-size: 14px;
+  padding: 0 5%;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+.order_page_num {
+  width: 140px;
+  margin-right: 20px;
+  display: flex;
+  justify-content: space-around;
+  align-items: center;
+}
+.order_page_num_sel {
+  width: 50px;
+  font-size: 14px;
+  position: relative;
+  top: 1px;
+}
+.order_page_item {
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+}
+</style>
+<style>
+.order_block .el-tabs--border-card {
+  border: 0;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
+.order_block .el-tabs--border-card > .el-tabs__header {
+  background-color: #fff;
+}
+.order_block .el-tabs__item {
+  padding: 0 24px;
+}
+.order_block .el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active {
+  background-color: #fff;
+  border-right-color: #dcdfe6;
+  border-left-color: #dcdfe6;
+  border-top: 4px solid #e56600;
+  height: 48px;
+}
+.order_block .el-tabs--border-card > .el-tabs__header .el-tabs__item {
+  border-top: 4px solid transparent;
+  height: 48px;
+}
+.order_block .el-tabs--border-card > .el-tabs__header .el-tabs__item:hover {
+  color: #e56600;
+}
+.order_block .el-tabs--border-card > .el-tabs__content {
+  padding: 0;
+}
+.input_right .el-input__inner {
+  border-radius: 20px;
+}
+.input_right .el-input--prefix .el-input__inner {
+  padding-left: 40px;
+}
+.input_right .el-input__prefix,
+.el-input__suffix {
+  left: 10px;
+}
+.input_right .el-input--prefix .el-input__inner {
+  outline: none;
+}
+.input_right .el-input__inner:focus-within {
+  border: 1px solid #626de9;
+}
+.order_page_control .el-button {
+  border: 0;
+}
+.order_page_num .el-input__inner {
+  border: 0;
+  padding: 0;
+}
+</style>
diff --git a/src/components/order-list/order-list-list.vue b/src/components/order-list/order-list-list.vue
new file mode 100644
index 0000000000000000000000000000000000000000..cbe762a2e3ca53a7ce7eb9491549c12a01086c9a
--- /dev/null
+++ b/src/components/order-list/order-list-list.vue
@@ -0,0 +1,27 @@
+<template>
+  <div>
+    <order-cell v-for="item in datas" :key="item.id" :cellItem="item"></order-cell>
+  </div>
+</template>
+
+<script>
+import OrderCell from "@/components/order-list/order-list-cell";
+export default {
+  components: {
+    OrderCell
+  },
+  props: {
+    datas: {
+      type: Array,
+      default: () => {
+        [];
+      }
+    }
+  },
+  data: () => ({}),
+  mounted() {},
+  methods: {}
+};
+</script>
+<style scoped>
+</style>
\ No newline at end of file
diff --git a/src/components/service_shop_menu.vue b/src/components/service_shop_menu.vue
index c8e1a52215224a1ab3e3546cb654b1da04f53da2..7035f89dc1596fee2b61c556804265d7c644261b 100644
--- a/src/components/service_shop_menu.vue
+++ b/src/components/service_shop_menu.vue
@@ -105,7 +105,7 @@ export default {
   position: fixed;
   top: 84px;
   left: 0;
-  width: 200px;
+  width: 180px;
   height: 100%;
   padding-top: 30px;
 }
diff --git a/src/components/side-nav-bar.vue b/src/components/side-nav-bar.vue
index c4af1a35c4bec8286dbb9f64ecc1253739d8d9e8..42517c65a464d7420b80363f8d1cc5556bbaf63c 100644
--- a/src/components/side-nav-bar.vue
+++ b/src/components/side-nav-bar.vue
@@ -2,7 +2,7 @@
   <div class="side_nav_bar">
     <h3 class="side_nav_bar_title" @click="titleAction">
       <img
-        :src="require('../assets/imgs/tool_fuwu.png')"
+        :src="require('../assets/imgs/' + imgSrc + '.png')"
         width="20"
         style="margin-right: 10px;"
       />
@@ -39,6 +39,10 @@ export default {
       type: Array,
       default: () => [],
     },
+    imgSrc: {
+      type: String,
+      default: "tool_fuwu"
+    }
   },
   methods: {
     titleAction() {
diff --git a/src/pages/authority.vue b/src/pages/authority.vue
new file mode 100644
index 0000000000000000000000000000000000000000..04cac29e2cf2b29f3295935977937d7ebcdc78b3
--- /dev/null
+++ b/src/pages/authority.vue
@@ -0,0 +1,72 @@
+<template>
+  <div class="fwgl_container">
+    <side-nav-bar title="权限管理" :nav-list="navList" :title-path="navList[0] && navList[0].path"></side-nav-bar>
+    <div class="main_container">
+      <router-view :key="'type_' + $route.params.type"></router-view>
+    </div>
+  </div>
+</template>
+
+<script>
+import sideNavBar from "@/components/side-nav-bar";
+
+export default {
+  components: {
+    sideNavBar
+  },
+  data: () => ({
+    userNav: [
+      {
+        name: "组织管理",
+        path: `/authority/organization`
+      },
+      {
+        name: "用户管理",
+        path: `/authority/users`
+      },
+      {
+        name: "菜单管理",
+        path: `/authority/menu`
+      },
+      {
+        name: "角色管理",
+        path: `/authority/roles`
+      }
+    ],
+    navList: []
+  }),
+  watch: {
+    "$route.fullPath"(path) {
+      this.initNavList();
+    }
+  },
+  methods: {
+    initNavList() {
+      this.navList = this.userNav;
+    }
+  },
+  mounted() {
+    this.initNavList();
+  }
+};
+</script>
+
+<style scoped>
+.fwgl_container {
+  height: calc(100vh - 84px);
+  display: flex;
+  justify-content: flex-start;
+  align-items: stretch;
+}
+.side_nav_bar {
+  width: 180px;
+  flex-shrink: 0;
+}
+.main_container {
+  width: calc(100% - 180px);
+  flex-grow: 1;
+  flex-shrink: 1;
+  background-color: #f6f7fb;
+  overflow: auto;
+}
+</style>
diff --git a/src/pages/fwzc_fwcs.vue b/src/pages/fwzc_fwcs.vue
index 2c93be3a7a4d1d4c455480d9e726b919ecba8a9f..9c7ea2bb0a7fca6d6e7841f2383a5e6f33c2094a 100644
--- a/src/pages/fwzc_fwcs.vue
+++ b/src/pages/fwzc_fwcs.vue
@@ -121,7 +121,7 @@
             :border="true"
             :headers="sjfw_qqcstx"
             url
-            :datas="datas"
+            :datas="datasQqcs"
             :searchShow="false"
             :addRowBtn="false"
             :autoAdd="false"
@@ -142,7 +142,7 @@
             :border="true"
             :headers="sjfw_fhcstx"
             url
-            :datas="datas"
+            :datas="datasFhcs"
             :searchShow="false"
             :addRowBtn="false"
             :autoAdd="false"
@@ -354,7 +354,65 @@ export default {
       { label: "其他", value: 10 }
     ],
     optionsOrganization: [],
-    datas: [
+    datasQqcs: [
+      {
+        id: 123134445,
+        name: "name",
+        field_type: "string",
+        label: "",
+        descript: "",
+        example: "lisi",
+        children: null
+      },
+      {
+        id: 1213445,
+        name: "age",
+        field_type: "float",
+        label: "",
+        descript: "",
+        example: "22.00",
+        children: null
+      },
+      {
+        id: 12313444,
+        name: "childs",
+        field_type: "array",
+        label: "",
+        descript: "",
+        example: "",
+        children: [
+          {
+            id: 1231345,
+            name: "",
+            field_type: "object",
+            label: "",
+            descript: "",
+            example: "",
+            children: [
+              {
+                id: 123344445,
+                name: "name",
+                field_type: "string",
+                label: "",
+                descript: "",
+                example: "lili",
+                children: null
+              },
+              {
+                id: 11344445,
+                name: "age",
+                field_type: "float",
+                label: "",
+                descript: "",
+                example: "2.00",
+                children: null
+              }
+            ]
+          }
+        ]
+      }
+    ],
+    datasFhcs: [
       {
         id: 123134445,
         name: "name",
@@ -422,9 +480,10 @@ export default {
     },
     clickFwcs() {
       this.resultShow = true;
-      let aothorization = {};
+      let headers = {};
       if (this.sqfsVal != "") {
-        aothorization[this.sqfsVal] = this.tokenVal;
+        headers.Authorization = [];
+        headers.Authorization[0] = this.sqfsVal + " " + this.tokenVal;
       }
       let request = this.$refs.fwcs_sjfw_qq.getTableData();
       console.log(request);
@@ -454,7 +513,7 @@ export default {
       let query = {
         method: this.select,
         url: this.input3,
-        Authorization: aothorization,
+        headers: headers,
         params: requestData,
         body: this.$refs.jsonCodes.getCodesVal()
       };
@@ -462,7 +521,13 @@ export default {
         .post(url, query)
         .then(response => {
           if (response.data.success == 1) {
-            this.l4 = response.data.data;
+            let data = response.data.data;
+            if (this.activeName == 1) {
+              this.datasQqcs = data.body_fields;
+            } else {
+              this.datasQqcs = data.param_fields;
+            }
+            this.datasFhcs = data.response_fields;
           } else {
             console.log(response.data.console.error);
           }
diff --git a/src/pages/menus.vue b/src/pages/menus.vue
new file mode 100644
index 0000000000000000000000000000000000000000..068f7bf896c84ed9d0437637f27cdc139d14984d
--- /dev/null
+++ b/src/pages/menus.vue
@@ -0,0 +1,12 @@
+ <template>
+  <div></div>
+</template>
+
+<script>
+export default {
+  methods: {}
+};
+</script>
+
+<style scoped>
+</style>
diff --git a/src/pages/message.vue b/src/pages/message.vue
new file mode 100644
index 0000000000000000000000000000000000000000..a0facca75330a0bc6f319d201fd7912277ce274e
--- /dev/null
+++ b/src/pages/message.vue
@@ -0,0 +1,81 @@
+<template>
+  <div>
+    <el-breadcrumb separator="/" class="bread_crumb1">
+      <el-breadcrumb-item>个人中心</el-breadcrumb-item>
+      <el-breadcrumb-item>消息管理</el-breadcrumb-item>
+    </el-breadcrumb>
+    <block-radius class="message_block">
+      <ces-table
+        size="mini"
+        url="tableData"
+        :detailsUrl="detailsUrl"
+        :border="false"
+        :headers="headers"
+        :searchShow="false"
+        :autoAdd="false"
+        emptyText="没有消息哦"
+        :stripe="true"
+        :paginationShow="true"
+        :pageSizeShow="true"
+        :isIndex="false"
+      ></ces-table>
+    </block-radius>
+  </div>
+</template>
+
+<script>
+import CesTable from "@/components/table-um";
+import BlockRadius from "@/components/block-radius";
+export default {
+  components: {
+    CesTable,
+    BlockRadius
+  },
+  data: () => ({
+    headers: [
+      {
+        label: "服务url",
+        prop: "date",
+        type: "href",
+        align: "left"
+      },
+      {
+        label: "服务名称",
+        prop: "name",
+        type: "href",
+        align: "center"
+      },
+      {
+        label: "中文名",
+        prop: "address",
+        type: "href",
+        align: "right"
+      },
+      {
+        label: "操作",
+        type: "Button",
+        align: "center",
+        btnList: [
+          {
+            type: "primary-edit",
+            label: "编辑",
+            line: "|"
+          },
+          {
+            type: "primary-del",
+            label: "删除"
+          }
+        ]
+      }
+    ],
+    detailsUrl: "details"
+  }),
+  mounted() {},
+  methods: {}
+};
+</script>
+<style scoped>
+.message_block {
+  margin: 0 20px;
+}
+</style>
\ No newline at end of file
diff --git a/src/pages/order_list.vue b/src/pages/order_list.vue
new file mode 100644
index 0000000000000000000000000000000000000000..502253f8422001fc8d6185642150f34acf239dbc
--- /dev/null
+++ b/src/pages/order_list.vue
@@ -0,0 +1,26 @@
+<template>
+  <div>
+    <el-breadcrumb separator="/" class="bread_crumb1">
+      <el-breadcrumb-item :to="{ path: '/user' }">个人中心</el-breadcrumb-item>
+      <el-breadcrumb-item>订单管理</el-breadcrumb-item>
+    </el-breadcrumb>
+    <order-list></order-list>
+  </div>
+</template>
+
+<script>
+import OrderList from "@/components/order-list/order-list-com";
+import { mapState } from "vuex";
+export default {
+  components: {
+    OrderList
+  },
+  data: () => ({
+    navList: []
+  }),
+  mounted() {},
+  methods: {}
+};
+</script>
+<style scoped>
+</style>
\ No newline at end of file
diff --git a/src/pages/organization.vue b/src/pages/organization.vue
new file mode 100644
index 0000000000000000000000000000000000000000..068f7bf896c84ed9d0437637f27cdc139d14984d
--- /dev/null
+++ b/src/pages/organization.vue
@@ -0,0 +1,12 @@
+ <template>
+  <div></div>
+</template>
+
+<script>
+export default {
+  methods: {}
+};
+</script>
+
+<style scoped>
+</style>
diff --git a/src/pages/roles.vue b/src/pages/roles.vue
new file mode 100644
index 0000000000000000000000000000000000000000..068f7bf896c84ed9d0437637f27cdc139d14984d
--- /dev/null
+++ b/src/pages/roles.vue
@@ -0,0 +1,12 @@
+ <template>
+  <div></div>
+</template>
+
+<script>
+export default {
+  methods: {}
+};
+</script>
+
+<style scoped>
+</style>
diff --git a/src/pages/shop_cloud.vue b/src/pages/shop_cloud.vue
index eaaa183f2a1feefae8965a72f0b98e80d701faf8..828934b1ee83d0f754f0b022c80e87f824b9970b 100644
--- a/src/pages/shop_cloud.vue
+++ b/src/pages/shop_cloud.vue
@@ -1,7 +1,7 @@
 <template>
-  <div class="service_list">
+  <div>
     <el-container>
-      <el-aside width="200px">
+      <el-aside width="180px">
         <service-shop-menu></service-shop-menu>
       </el-aside>
       <el-main>
diff --git a/src/pages/shop_list_app_store.vue b/src/pages/shop_list_app_store.vue
index 9fa987e2c236ea4463d7d4d6da9c56c231b76247..6067bc5fb2f951842b7e4cc4103ea4a8f6404141 100644
--- a/src/pages/shop_list_app_store.vue
+++ b/src/pages/shop_list_app_store.vue
@@ -1,7 +1,7 @@
 <template>
-  <div class="service_list">
+  <div>
     <el-container>
-      <el-aside width="200px">
+      <el-aside width="180px">
         <service-shop-menu></service-shop-menu>
       </el-aside>
       <el-main>
diff --git a/src/pages/shop_list_comprehensive_app.vue b/src/pages/shop_list_comprehensive_app.vue
index f2c228402c5ccc14affa544a57f0d8bce503d114..2cbd1b196d23ae6a2c15d9bf9ff9b7a213fd115a 100644
--- a/src/pages/shop_list_comprehensive_app.vue
+++ b/src/pages/shop_list_comprehensive_app.vue
@@ -1,7 +1,7 @@
 <template>
-  <div class="service_list">
+  <div>
     <el-container>
-      <el-aside width="200px">
+      <el-aside width="180px">
         <service-shop-menu></service-shop-menu>
       </el-aside>
       <el-main>
diff --git a/src/pages/shop_list_data.vue b/src/pages/shop_list_data.vue
index 4a8adba84d70c6d495c0256a1299a5e38ba66bf5..f3cfcedf4c5a3e2125ae534771b76766ff954b87 100644
--- a/src/pages/shop_list_data.vue
+++ b/src/pages/shop_list_data.vue
@@ -1,7 +1,7 @@
 <template>
-  <div class="service_list">
+  <div>
     <el-container>
-      <el-aside width="200px">
+      <el-aside width="180px">
         <service-shop-menu></service-shop-menu>
       </el-aside>
       <el-main>
diff --git a/src/pages/shop_list_perception.vue b/src/pages/shop_list_perception.vue
index 0d3f0a9e8e53092432f861af347f074f6ad45110..1d4dda007332d7440777814b2994b5c657a179ea 100644
--- a/src/pages/shop_list_perception.vue
+++ b/src/pages/shop_list_perception.vue
@@ -1,7 +1,7 @@
 <template>
-  <div class="service_list">
+  <div>
     <el-container>
-      <el-aside width="200px">
+      <el-aside width="180px">
         <service-shop-menu></service-shop-menu>
       </el-aside>
       <el-main>
diff --git a/src/pages/shop_list_space_time.vue b/src/pages/shop_list_space_time.vue
index 892fd4830df61ad610aba376ea0d1aab740cd094..9b5220598b5d1ea44e3b5fef02c35a5632c8e13a 100644
--- a/src/pages/shop_list_space_time.vue
+++ b/src/pages/shop_list_space_time.vue
@@ -1,7 +1,7 @@
 <template>
-  <div class="service_list">
+  <div>
     <el-container>
-      <el-aside width="200px">
+      <el-aside width="180px">
         <service-shop-menu></service-shop-menu>
       </el-aside>
       <el-main>
diff --git a/src/pages/shop_list_video.vue b/src/pages/shop_list_video.vue
index 68d20414c0ea3626a11e4244a79fdb9c95bdb159..3d5ce3fd7b5bff733cc1813782f1932895b099b1 100644
--- a/src/pages/shop_list_video.vue
+++ b/src/pages/shop_list_video.vue
@@ -1,7 +1,7 @@
 <template>
-  <div class="service_list">
+  <div>
     <el-container>
-      <el-aside width="200px">
+      <el-aside width="180px">
         <service-shop-menu></service-shop-menu>
       </el-aside>
       <el-main>
diff --git a/src/pages/user.vue b/src/pages/user.vue
new file mode 100644
index 0000000000000000000000000000000000000000..b19a7d12939757603f33d1a88f618ad871e2f2b2
--- /dev/null
+++ b/src/pages/user.vue
@@ -0,0 +1,68 @@
+<template>
+  <div class="fwgl_container">
+    <side-nav-bar title="个人中心" imgSrc="tool_fuwu" :nav-list="navList" :title-path="navList[0] && navList[0].path"></side-nav-bar>
+    <div class="main_container">
+      <router-view :key="'type_' + $route.params.type"></router-view>
+    </div>
+  </div>
+</template>
+
+<script>
+import sideNavBar from "@/components/side-nav-bar";
+
+export default {
+  components: {
+    sideNavBar
+  },
+  data: () => ({
+    userNav: [
+      {
+        name: "个人档案",
+        path: `/user/user_info`
+      },
+      {
+        name: "消息管理",
+        path: `/user/message`
+      },
+      {
+        name: "订单管理",
+        path: `/user/order_list`
+      }
+    ],
+    navList: []
+  }),
+  watch: {
+    "$route.fullPath"(path) {
+      this.initNavList();
+    }
+  },
+  methods: {
+    initNavList() {
+      this.navList = this.userNav;
+    }
+  },
+  mounted() {
+    this.initNavList();
+  }
+};
+</script>
+
+<style scoped>
+.fwgl_container {
+  height: calc(100vh - 84px);
+  display: flex;
+  justify-content: flex-start;
+  align-items: stretch;
+}
+.side_nav_bar {
+  width: 180px;
+  flex-shrink: 0;
+}
+.main_container {
+  width: calc(100% - 180px);
+  flex-grow: 1;
+  flex-shrink: 1;
+  background-color: #f6f7fb;
+  overflow: auto;
+}
+</style>
diff --git a/src/pages/user_info.vue b/src/pages/user_info.vue
new file mode 100644
index 0000000000000000000000000000000000000000..259515b34639dbcd8879fff276f325c50258fd66
--- /dev/null
+++ b/src/pages/user_info.vue
@@ -0,0 +1,16 @@
+<template>
+  <div>
+      info
+  </div>
+</template>
+
+<script>
+export default {
+  data: () => ({
+  }),
+  mounted() {},
+  methods: {}
+};
+</script>
+<style scoped>
+</style>
\ No newline at end of file
diff --git a/src/pages/users.vue b/src/pages/users.vue
new file mode 100644
index 0000000000000000000000000000000000000000..068f7bf896c84ed9d0437637f27cdc139d14984d
--- /dev/null
+++ b/src/pages/users.vue
@@ -0,0 +1,12 @@
+ <template>
+  <div></div>
+</template>
+
+<script>
+export default {
+  methods: {}
+};
+</script>
+
+<style scoped>
+</style>
diff --git a/src/router/index.js b/src/router/index.js
index 258391fa1a482ac870ab142bea844ab11d8230c1..008d604e817a0b101313025f92830e6af163ade9 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -181,6 +181,57 @@ export default new Router({
           name: "services_shop",
           component: () => import("@/pages/services_shop"),
         }, // 主页 - 服务超市
+        {
+          path: "/user", // 个人中心
+          name: "user",
+          redirect: "/user/user_info",
+          component: () => import("@/pages/user"),
+          children: [
+            {
+              path: "/user/user_info", // 个人信息页
+              name: "userInfo",
+              component: () => import("@/pages/user_info"),
+            },
+            {
+              path: "/user/message", // 消息管理页
+              name: "message",
+              component: () => import("@/pages/message"),
+            },
+            {
+              path: "/user/order_list", // 订单管理页
+              name: "orderList",
+              component: () => import("@/pages/order_list"),
+            },
+          ],
+        },
+        {
+          path: "/authority", // 权限管理
+          name: "authority",
+          redirect: "/authority/organization",
+          component: () => import("@/pages/authority"),
+          children: [
+            {
+              path: "/authority/organization", // 组织管理页
+              name: "organization",
+              component: () => import("@/pages/organization"),
+            },
+            {
+              path: "/authority/users", // 用户管理页
+              name: "users",
+              component: () => import("@/pages/users"),
+            },
+            {
+              path: "/authority/menu", // 菜单管理页
+              name: "menu",
+              component: () => import("@/pages/menus"),
+            },
+            {
+              path: "/authority/roles", // 角色管理页
+              name: "roles",
+              component: () => import("@/pages/roles"),
+            },
+          ],
+        },
       ],
     },
     {