diff --git a/docs/order_list.json b/docs/order_list.json
new file mode 100644
index 0000000000000000000000000000000000000000..689a79de87ca7063b546fc58213e1e81d3ffef1a
--- /dev/null
+++ b/docs/order_list.json
@@ -0,0 +1,56 @@
+{
+    "data": {
+        "data": [
+            {
+                "id": 0,
+                "name": "水路货物周转量情况",
+                "type": "基础数据服务",
+                "creator": "贵州省交通运输厅0",
+                "state": 1,
+                "mapService": 1,
+                "num": 2,
+                "checkedSubscription": false,
+                "specification": 1,
+                "specificationApplication": 2,
+                "evaluationText": "这条服条服务非常好非常实用这条服务非常好非常实用这条服务非常好非常实用。这条服务非常好非常实用这条服务非常好非常实用这条服务非常好非常实用这条服务非常好非常实用这条服务非常好非常实用这条服务非常好非常实用。",
+                "evaluationRate": 4.7,
+                "applicationTime": "2021-04-24 15:02:00",
+                "orderNumber": "2020042422222222000001",
+                "getStatus": 2
+            },
+            {
+                "id": 1,
+                "name": "水路货物周转量情况水路货物周水路货物周转量情况水路货物周",
+                "type": "基础数据服务",
+                "creator": "贵州省交通运输厅1",
+                "state": 1,
+                "num": 2,
+                "checkedSubscription": false,
+                "specification": 1,
+                "specificationApplication": 2,
+                "evaluationText": "这条服务非常好务非常好非常实用这非常实用这条服务非常好非常实用。",
+                "evaluationRate": 3.7,
+                "applicationTime": "2020-04-24 15:02:00",
+                "orderNumber": "202004241502000001",
+                "getStatus": 3
+            },
+            {
+                "id": 2,
+                "name": "水路货物周转量情况水路货物周转量情况路货物周转量情况",
+                "type": "基础数据服务",
+                "creator": "贵州省交通运输厅2",
+                "state": 1,
+                "mapService": 1,
+                "num": 2,
+                "checkedSubscription": true,
+                "specification": 1,
+                "specificationApplication": 2,
+                "evaluationText": "这条服务非常好非常实用这条服务非常好非常实用这条服务非常好非常实用这条服务非常好非常实用这条服务非常好非常实用这条服务非常好非常实用。这条服务非常好非常实用这条服务非常好非常实用这条服务非常好非常实用这条服务非常好非常实用这条服务非常好非常实用这条服务非常好非常实用。",
+                "evaluationRate": 3.7,
+                "applicationTime": "2020-04-24 15:02:00",
+                "orderNumber": "202004241502000001",
+                "getStatus": 1
+            }
+        ]
+    }
+}
\ No newline at end of file
diff --git a/package.json b/package.json
index 56333351ba787fe59d47f979eb0f9acb761a0e77..f6dcfb44ba61dc4bee2dd2b72d619f272ff8641f 100644
--- a/package.json
+++ b/package.json
@@ -24,6 +24,7 @@
     "svg-sprite-loader": "^4.2.6",
     "vue": "^2.6.10",
     "vue-cropper": "^0.5.2",
+    "vue-i18n": "^8.17.7",
     "vue-resource": "^1.5.1",
     "vue-router": "^3.0.2",
     "vuex": "^3.1.0"
diff --git a/src/components/codes.vue b/src/components/codes.vue
index c31bf4ea6fcfe4f350efb010020f8d54be4b4301..7a245aabcd1f3f57f125d231b226779fb490221e 100644
--- a/src/components/codes.vue
+++ b/src/components/codes.vue
@@ -1,4 +1,10 @@
 <template>
+  <!-- 
+    author: dixin
+    This height please adjust carefully, it is nausea
+    Now:
+        maxLines: 24  fontSize: 14  height: 430px
+  -->
   <div>
     <div class="ace-container">
       <div class="ace-editor" ref="ace"></div>
@@ -22,7 +28,7 @@ export default {
 
   mounted() {
     this.aceEditor = ace.edit(this.$refs.ace, {
-      maxLines: 38,
+      maxLines: 24,
       minLines: 10,
       fontSize: 14,
       mode: this.acemodePath,
@@ -58,18 +64,18 @@ export default {
 <style scoped>
 .ace-container {
   width: 100%;
-  height: 633px !important;
+  height: 430px !important;
   border-radius: 8px;
 }
 </style>
 <style>
 .ace-container /deep/ .ace-editor {
   width: 100% !important;
-  height: 633px !important;
+  height: 430px !important;
 }
 .ace-container /deep/ .ace_content {
   /* width: 100% !important; */
-  height: 633px !important;
+  height: 430px !important;
 }
 .ace-container /deep/ .ace_text-layer {
   /* width: 100% !important; */
diff --git a/src/components/commodity-card.vue b/src/components/commodity-card.vue
index eb1a952678f22a0dc0fd8e71b7143deba8286b4c..d3f2b736c317f75f30b858d28a7b3cc3139abcaf 100644
--- a/src/components/commodity-card.vue
+++ b/src/components/commodity-card.vue
@@ -70,7 +70,7 @@ export default {
 .com_card_top {
   display: flex;
   justify-content: space-between;
-  margin-bottom: 35px;
+  margin-bottom: 28px;
 }
 .com_card_name_v {
   width: calc(100% - 80px);
diff --git a/src/components/menu.vue b/src/components/menu.vue
index ac27da33881c105a055d7b5b7e63bf991b2dc6f0..5ab2356b0719ec5bb2814e5002638b7f6f7f4dbf 100644
--- a/src/components/menu.vue
+++ b/src/components/menu.vue
@@ -8,8 +8,8 @@
         <div
           v-for="(item, index) in user_arr"
           :key="index + 700"
-          @click="gotopage(index)"
-        >{{ item }}</div>
+          @click="gotopage(item.path)"
+        >{{ item.name }}</div>
       </div>
       <div class="sj"></div>
     </div>
@@ -130,11 +130,11 @@ export default {
       ],
       now_menu: 2,
       user_arr: [
-        "个人档案",
-        "消息通知",
-        "收银中心",
-        "关于BD-aPaaS",
-        "退出登录"
+        { name: "个人档案", path: "/user/user_info" },
+        { name: "消息通知", path: "/user/message" },
+        { name: "收银中心", path: "" },
+        { name: "关于BD-aPaaS", path: "" },
+        { name: "退出登录", path: "" }
       ],
       shopping_list: [
         {
@@ -177,7 +177,7 @@ export default {
   },
   methods: {
     gotopage(n) {
-      console.log(n);
+      this.$router.push(n);
     },
     settlement() {
       this.$router.push({ name: "shoppingCart" });
diff --git a/src/components/order-list/order-list-com.vue b/src/components/order-list/order-list-com.vue
index 5b649140b2d504f0ffdbab22a970d5bdb2a9b08a..04161f7bda0e26aadf3fc286e773a1b8b0cf12e1 100644
--- a/src/components/order-list/order-list-com.vue
+++ b/src/components/order-list/order-list-com.vue
@@ -30,7 +30,7 @@
     </div>
     <order-list :datas="datas"></order-list>
     <!-- 分页 -->
-    <section class="order-pagination">
+    <section class="order_pagination">
       <div class="order_page_total">共 {{ pagination.total }} 个条目</div>
       <div class="order_page_item">
         <div class="order_page_num">
@@ -230,7 +230,7 @@ export default {
   width: 360px;
   padding: 10px;
 }
-.order-pagination {
+.order_pagination {
   font-size: 14px;
   padding: 0 5% 20px;
   display: flex;
diff --git a/src/components/service_list.vue b/src/components/service_list.vue
index 701976563d5773a00c2831fdf4ff58d61144407c..74b83b1efbeb649ce6d211cb079168865c7e4056 100644
--- a/src/components/service_list.vue
+++ b/src/components/service_list.vue
@@ -89,7 +89,7 @@
       </div>
       <div class="gray_line"></div>
       <!-- filter button -->
-      <div>
+      <div class="btn_group">
         <el-button
           v-for="(item, index) in buttonFilter"
           :key="item.name"
@@ -596,6 +596,9 @@ export default {
   background-color: #515fe7;
   color: #f8f9fd;
 }
+.btn_group {
+  margin-bottom: 15px;
+}
 </style>
 <style>
 .input_right .el-input__inner {
diff --git a/src/components/shop-cloud/shop-cloud.vue b/src/components/shop-cloud/shop-cloud.vue
index cd26e7f817d16bb6a44a607dd583bacc77f331fd..fd2893c0e18aa77a1cf9de0151923659f09e3e3f 100644
--- a/src/components/shop-cloud/shop-cloud.vue
+++ b/src/components/shop-cloud/shop-cloud.vue
@@ -21,7 +21,7 @@
       <el-tabs v-model="activeName" class="cloud_form" @tab-click="tabClick">
         <el-tab-pane label="申请新的工作区域" name="0">
           <el-form ref="formNew" :model="formNew" label-width="120px">
-            <div>基本信息</div>
+            <div class="form_title">基本信息</div>
             <el-form-item label="工作区域名称">
               <el-input v-model="formNew.workAreaName"></el-input>
             </el-form-item>
@@ -31,7 +31,7 @@
             <el-form-item label="描述信息">
               <el-input type="textarea" v-model="formNew.description"></el-input>
             </el-form-item>
-            <div>工作区域申请规格</div>
+            <div class="form_title">工作区域申请规格</div>
             <el-form-item label="CPU">
               <el-input v-model="formNew.CPUs"></el-input>
             </el-form-item>
@@ -42,15 +42,16 @@
               <el-input type="textarea" v-model="formNew.containerGroup"></el-input>
             </el-form-item>
             <el-form-item label="数据盘（可选）">
-              <el-input-number v-model="formNew.dataDisk" @change="handleChange" :min="1" :max="10"></el-input-number>块，每块
+              <el-input-number v-model="formNew.dataDisk" controls-position="right" @change="handleChange" :min="1" :max="10"></el-input-number>块，每块
               <el-input-number
                 v-model="formNew.perDataDisk"
+                 controls-position="right"
                 @change="handleChange"
                 :min="1"
                 :max="10"
               ></el-input-number>GB
             </el-form-item>
-            <div>单个容器组规格</div>
+            <div class="form_title">单个容器组规格</div>
             <div>CPU</div>
             <el-form-item label="最高">
               <el-input v-model="formNew.perCPUs"></el-input>核
@@ -65,7 +66,7 @@
             <el-form-item label="默认">
               <el-input v-model="formNew.perRAM"></el-input>GB
             </el-form-item>
-            <div>其他信息</div>
+            <div class="form_title">其他信息</div>
             <el-form-item label="申请时长">
               <el-input v-model="formNew.appDuration"></el-input>
               <el-select v-model="formNew.durType" placeholder="请选择">
@@ -101,7 +102,7 @@
           </el-select>
           <div v-if="formShow">
             <el-form ref="formNew" :model="formNew" label-width="120px">
-              <div>基本信息</div>
+              <div class="form_title">基本信息</div>
               <el-form-item label="工作区域名称">
                 <el-input v-model="formNew.workAreaName"></el-input>
               </el-form-item>
@@ -111,7 +112,7 @@
               <el-form-item label="描述信息">
                 <el-input type="textarea" v-model="formNew.description"></el-input>
               </el-form-item>
-              <div>工作区域申请规格</div>
+              <div class="form_title">工作区域申请规格</div>
               <el-form-item label="CPU">
                 <el-input v-model="formNew.CPUs"></el-input>
               </el-form-item>
@@ -125,17 +126,19 @@
                 <el-input-number
                   v-model="formNew.dataDisk"
                   @change="handleChange"
+                   controls-position="right"
                   :min="1"
                   :max="10"
                 ></el-input-number>块，每块
                 <el-input-number
                   v-model="formNew.perDataDisk"
                   @change="handleChange"
+                   controls-position="right"
                   :min="1"
                   :max="10"
                 ></el-input-number>GB
               </el-form-item>
-              <div>单个容器组规格</div>
+              <div class="form_title">单个容器组规格</div>
               <div>CPU</div>
               <el-form-item label="最高">
                 <el-input v-model="formNew.perCPUs"></el-input>核
@@ -150,7 +153,7 @@
               <el-form-item label="默认">
                 <el-input v-model="formNew.perRAM"></el-input>GB
               </el-form-item>
-              <div>其他信息</div>
+              <div class="form_title">其他信息</div>
               <el-form-item label="申请时长">
                 <el-input v-model="formNew.appDuration"></el-input>
                 <el-select v-model="formNew.durType" placeholder="请选择">
@@ -243,6 +246,21 @@ export default {
 <style scoped>
 .cloud_form {
 }
+.form_title {
+  font-size: 18px;
+  margin: 10px 0;
+  padding: 0 0 0 20px;
+  position: relative;
+}
+.form_title::before {
+  position: absolute;
+  content: "";
+  width: 4px;
+  height: 16px;
+  background-color: blue;
+  left: 0;
+  top: 4px;
+}
 </style>
 <style>
 .cloud_form .el-input {
diff --git a/src/components/table-input.vue b/src/components/table-input.vue
index 0feff7dc27674d04bd263023bbde0daddccfacb4..482758730dcf40adb46ab9b36e8c44e0711a51fc 100644
--- a/src/components/table-input.vue
+++ b/src/components/table-input.vue
@@ -3,7 +3,7 @@
     <el-input
       ref="inp"
       v-model="inputText"
-      :disabled="couldNotEdit"
+      :disabled="couldNotEdit || name == ''"
       size="small"
       @input="changeValue"
       class="table_in_input"
@@ -23,6 +23,14 @@ export default {
       type: String,
       default: ""
     },
+    id: {
+      type: String,
+      default: ""
+    },
+    name: {
+      type: String,
+      default: ""
+    },
     rowId: {
       type: Number,
       default: 0
@@ -43,7 +51,8 @@ export default {
       this.$emit("changeInputValue", {
         rowId: this.rowId,
         header: this.header,
-        inputValue: this.inputText
+        inputValue: this.inputText,
+        id: this.id
       });
     }
   }
diff --git a/src/components/table-select.vue b/src/components/table-select.vue
index ae7d78d38a0d0d08c621d1eeb4cad92bbd797774..3e92e50fa08ba85cf5dac7af2831aeedec9dac3b 100644
--- a/src/components/table-select.vue
+++ b/src/components/table-select.vue
@@ -3,7 +3,7 @@
     <el-select
       ref="inp"
       v-model="selectValue"
-      :disabled="couldNotEdit"
+      :disabled="couldNotEdit || name == ''"
       size="small"
       @input="changeValue"
       class="table_in_select"
@@ -17,10 +17,6 @@
           :value="item.value"
         ></el-option>
       </template>
-      <template v-else>
-        <el-option label="是" value="1"></el-option>
-        <el-option label="否" value="0"></el-option>
-      </template>
     </el-select>
   </div>
 </template>
@@ -43,6 +39,14 @@ export default {
       type: String,
       default: ""
     },
+    id: {
+      type: String,
+      default: ""
+    },
+    name: {
+      type: String,
+      default: ""
+    },
     rowId: {
       type: Number,
       default: 0
@@ -53,17 +57,21 @@ export default {
     }
   },
   data: () => ({
-    selectValue: ""
+    selectValue: "1"
   }),
   mounted() {
     this.selectValue = this.item;
+    if (!this.selectValue || this.selectValue == "") {
+      this.selectValue = this.selectArr[0].value;
+    }
   },
   methods: {
     changeValue() {
       this.$emit("changeInputValue", {
         rowId: this.rowId,
         header: this.header,
-        inputValue: this.selectValue
+        inputValue: this.selectValue,
+        id: this.id
       });
     }
   }
diff --git a/src/components/table-um.vue b/src/components/table-um.vue
index 7000ddd9edb8c4b67b2ae52edc5a44cc8c9b7391..3b592fbca72adb9290042b4ec43182c69b3ada74 100644
--- a/src/components/table-um.vue
+++ b/src/components/table-um.vue
@@ -102,20 +102,14 @@
                     class="cur_pointer"
                     style="color: #0f2683"
                     @click="handleClick(btn.type, scope.row)"
-                  >
-                    上架
-                  </em>
+                  >上架</em>
                   <em
                     v-if="scope.row.state == 1"
                     class="cur_pointer"
                     style="color: #0f2683"
                     @click="handleClick(btn.type, scope.row)"
-                  >
-                    下架
-                  </em>
-                  <em v-if="scope.row.state == 2">
-                    下架
-                  </em>
+                  >下架</em>
+                  <em v-if="scope.row.state == 2">下架</em>
                 </em>
 
                 <em
@@ -153,6 +147,8 @@
               v-else-if="item.type === 'input'"
               :item="helper.GetProperty(scope.row, item.prop)"
               :header="item.prop"
+              :id="scope.row.id"
+              :name="scope.row.name"
               :rowId="scope.$index"
               :couldNotEdit="couldNotEdit"
               @changeInputValue="changeInputValue"
@@ -162,6 +158,8 @@
               v-else-if="item.type === 'select'"
               :item="helper.GetProperty(scope.row, item.prop)"
               :header="item.prop"
+              :id="item.id"
+              :name="scope.row.name"
               :selectArr="item.selectArr"
               :rowId="scope.$index"
               :couldNotEdit="couldNotEdit"
@@ -177,10 +175,10 @@
               <div slot="reference" class="overlit">{{ scope.row[item.prop] }}</div>
             </el-popover>
             <!-- 排名图标替换 -->
-            <span v-else-if="item.type === 'rank'"> 
-              <img src="../assets/imgs/list_ic_topone.png" alt="" v-if="scope.row[item.prop]==1"> 
-              <img src="../assets/imgs/list_ic_toptwo.png" alt="" v-if="scope.row[item.prop]==2"> 
-              <img src="../assets/imgs/list_ic_topthree.png" alt="" v-if="scope.row[item.prop]==3"> 
+            <span v-else-if="item.type === 'rank'">
+              <img src="../assets/imgs/list_ic_topone.png" alt v-if="scope.row[item.prop]==1" />
+              <img src="../assets/imgs/list_ic_toptwo.png" alt v-if="scope.row[item.prop]==2" />
+              <img src="../assets/imgs/list_ic_topthree.png" alt v-if="scope.row[item.prop]==3" />
               {{ [1,2,3].indexOf(scope.row[item.prop])!==-1?'':scope.row[item.prop] }}
             </span>
             <!-- 服务添加图标 -->
@@ -257,7 +255,7 @@ export default {
     "v-apaas-table-select": tableSelect,
     "v-apaas-table-umhref": tableUmhref,
     "d-confirm": DConfirm,
-    "v-apaas-table-filter": tableFilter,
+    "v-apaas-table-filter": tableFilter
   },
   props: {
     // 表格型号：mini,medium,small
@@ -286,7 +284,7 @@ export default {
     },
     inputPlaceholder: {
       type: String,
-      default: "请输入账号、中文名",
+      default: "请输入账号、中文名"
     },
     url: {
       type: String,
@@ -396,7 +394,7 @@ export default {
       ],
       search: "",
       times: null,
-      showFliterList: false,
+      showFliterList: false
     };
   },
   mounted() {
@@ -421,7 +419,7 @@ export default {
         this.getDataFromApiSync();
       },
       deep: true
-    },
+    }
   },
   methods: {
     //本地删除
@@ -615,8 +613,9 @@ export default {
     changeInputValue(val) {
       // You can delete the row when the row of data is empty, but I didn't do that
       // console.log(this.$refs.cesTable)
-      this.selectedTabsPage[val.rowId][val.header] = val.inputValue;
-      this.$emit("changeTable", this.selectedTabsPage)
+      let arr = this.selectedTabsPage;
+      this.changeInput(arr, val.id, val.inputValue, val.header);
+      this.$emit("changeTable", this.selectedTabsPage);
       if (
         this.autoAdd &&
         val.inputValue != "" &&
@@ -625,6 +624,19 @@ export default {
         this.addRow();
       }
     },
+    // 根据id修改该行数据
+    changeInput(arr, id, input, header) {
+      let self = this;
+      for (let i = 0; i < arr.length; i++) {
+        if (arr[i].id == id) {
+          arr[i][header] = input;
+          return false;
+        }
+        if (arr[i].children && arr[i].children.length != 0) {
+          self.changeInput(arr[i].children, id, input, header);
+        }
+      }
+    },
     // 新增表格行
     addRow() {
       // at first, you should promise all colum in your table could be edit
@@ -634,6 +646,10 @@ export default {
       for (var item in this.selectedTabsPage[0]) {
         newRow[item] = "";
       }
+      newRow.id =
+          parseInt(Math.random() * 100000, 10) +
+          "" +
+          parseInt(Math.random() * 100000, 10);
       this.selectedTabsPage.push(newRow);
     },
     // get now table data
@@ -642,8 +658,8 @@ export default {
     },
     filterChange(filter) {
       console.log(filter);
-    },
-  },
+    }
+  }
 };
 </script>
 
@@ -665,6 +681,9 @@ export default {
 .ces-table .el-table th.is-leaf {
   border-bottom: 1px solid #ebeef5 !important;
 }
+.ces-table .el-table--border {
+  border: 1px solid #EBEEF5;
+}
 /* .ces-table .el-table--enable-row-hover, */
 .ces-table .el-table tbody tr:hover > td {
   background-color: #e4ecf8 !important;
diff --git a/src/components/upload_file.vue b/src/components/upload_file.vue
index 94f2d35fa27d2bcbe913cadbac35a60aa45bd34e..b8ecd95ab2d61566a901e50c142c1f66e6d59c01 100644
--- a/src/components/upload_file.vue
+++ b/src/components/upload_file.vue
@@ -7,7 +7,7 @@
         </div>
         <el-image class="list_img_item" :src="item.url" :fit="fit"></el-image>
       </div>
-      <cropper v-if="fileArray.length <= max" @getNewUrl="getNewUrl"></cropper>
+      <cropper v-if="fileArray.length <= max - 1" @getNewUrl="getNewUrl"></cropper>
     </div>
     <div v-else>
       <el-upload
@@ -170,7 +170,7 @@ export default {
     getNewUrl(val) {
       this.fileArray.push({ name: val, url: val });
       this.$emit("getNewList", this.fileArray);
-      console.log(this.fileArray)
+      console.log(this.fileArray);
     },
     deleteImg(item, index) {
       this.fileArray.splice(index, 1);
diff --git a/src/main.js b/src/main.js
index fa5a9fc6ad0a14cb0e60a139a4b957a634c409f4..5030483c2957bf83bc4089a2e2fb11c4a38bf867 100644
--- a/src/main.js
+++ b/src/main.js
@@ -18,6 +18,10 @@ import "@/icons"
 
 import "./assets/css/index.css";
 
+import VueI18n from 'vue-i18n'
+
+Vue.use(VueI18n)
+
 new Vue({
   el: "#app",
   router,
diff --git a/src/pages/authority.vue b/src/pages/authority/authority.vue
similarity index 100%
rename from src/pages/authority.vue
rename to src/pages/authority/authority.vue
diff --git a/src/pages/menus.vue b/src/pages/authority/menus.vue
similarity index 100%
rename from src/pages/menus.vue
rename to src/pages/authority/menus.vue
diff --git a/src/pages/organization.vue b/src/pages/authority/organization.vue
similarity index 100%
rename from src/pages/organization.vue
rename to src/pages/authority/organization.vue
diff --git a/src/pages/roles.vue b/src/pages/authority/roles.vue
similarity index 100%
rename from src/pages/roles.vue
rename to src/pages/authority/roles.vue
diff --git a/src/pages/users.vue b/src/pages/authority/users.vue
similarity index 100%
rename from src/pages/users.vue
rename to src/pages/authority/users.vue
diff --git a/src/pages/example_code.vue b/src/pages/example/example_code.vue
similarity index 100%
rename from src/pages/example_code.vue
rename to src/pages/example/example_code.vue
diff --git a/src/pages/example_com_list.vue b/src/pages/example/example_com_list.vue
similarity index 100%
rename from src/pages/example_com_list.vue
rename to src/pages/example/example_com_list.vue
diff --git a/src/pages/example_commodity.vue b/src/pages/example/example_commodity.vue
similarity index 100%
rename from src/pages/example_commodity.vue
rename to src/pages/example/example_commodity.vue
diff --git a/src/pages/example_icon.vue b/src/pages/example/example_icon.vue
similarity index 100%
rename from src/pages/example_icon.vue
rename to src/pages/example/example_icon.vue
diff --git a/src/pages/example_table.vue b/src/pages/example/example_table.vue
similarity index 100%
rename from src/pages/example_table.vue
rename to src/pages/example/example_table.vue
diff --git a/src/pages/example_topology.vue b/src/pages/example/example_topology.vue
similarity index 100%
rename from src/pages/example_topology.vue
rename to src/pages/example/example_topology.vue
diff --git a/src/pages/example_upload.vue b/src/pages/example/example_upload.vue
similarity index 100%
rename from src/pages/example_upload.vue
rename to src/pages/example/example_upload.vue
diff --git a/src/pages/services_shop.vue b/src/pages/service_shop/services_shop.vue
similarity index 99%
rename from src/pages/services_shop.vue
rename to src/pages/service_shop/services_shop.vue
index a5ad8e6bdc1f24262dc8dceda79f166f0a6d1a3a..ed057585ae9b449d2699151a4e156f2af6bf984a 100644
--- a/src/pages/services_shop.vue
+++ b/src/pages/service_shop/services_shop.vue
@@ -59,7 +59,7 @@
 </template>
 
 <script>
-import shopList from "../components/shop-list";
+import shopList from "@/components/shop-list";
 
 export default {
   components: {
diff --git a/src/pages/shop.vue b/src/pages/service_shop/shop.vue
similarity index 100%
rename from src/pages/shop.vue
rename to src/pages/service_shop/shop.vue
diff --git a/src/pages/shop_car_apply.vue b/src/pages/service_shop/shop_car_apply.vue
similarity index 95%
rename from src/pages/shop_car_apply.vue
rename to src/pages/service_shop/shop_car_apply.vue
index 8895490b0480397a7067faafe20517f78d39b2ab..6a626b495633d03d6b59ae0635055e6c16f4e94a 100644
--- a/src/pages/shop_car_apply.vue
+++ b/src/pages/service_shop/shop_car_apply.vue
@@ -13,9 +13,9 @@
 </template>
 
 <script>
-import infoList from "../components/infoList";
-import applyForm from "../components/shop-car-apply/apply_form";
-import serviceList from "../components/shop-car-apply/service_list";
+import infoList from "@/components/infoList";
+import applyForm from "@/components/shop-car-apply/apply_form";
+import serviceList from "@/components/shop-car-apply/service_list";
 export default {
     props: {
 
diff --git a/src/pages/shop_cloud.vue b/src/pages/service_shop/shop_cloud.vue
similarity index 100%
rename from src/pages/shop_cloud.vue
rename to src/pages/service_shop/shop_cloud.vue
diff --git a/src/pages/shop_list_app_store.vue b/src/pages/service_shop/shop_list_app_store.vue
similarity index 100%
rename from src/pages/shop_list_app_store.vue
rename to src/pages/service_shop/shop_list_app_store.vue
diff --git a/src/pages/shop_list_comprehensive_app.vue b/src/pages/service_shop/shop_list_comprehensive_app.vue
similarity index 100%
rename from src/pages/shop_list_comprehensive_app.vue
rename to src/pages/service_shop/shop_list_comprehensive_app.vue
diff --git a/src/pages/shop_list_data.vue b/src/pages/service_shop/shop_list_data.vue
similarity index 100%
rename from src/pages/shop_list_data.vue
rename to src/pages/service_shop/shop_list_data.vue
diff --git a/src/pages/shop_list_perception.vue b/src/pages/service_shop/shop_list_perception.vue
similarity index 100%
rename from src/pages/shop_list_perception.vue
rename to src/pages/service_shop/shop_list_perception.vue
diff --git a/src/pages/shop_list_space_time.vue b/src/pages/service_shop/shop_list_space_time.vue
similarity index 100%
rename from src/pages/shop_list_space_time.vue
rename to src/pages/service_shop/shop_list_space_time.vue
diff --git a/src/pages/shop_list_video.vue b/src/pages/service_shop/shop_list_video.vue
similarity index 100%
rename from src/pages/shop_list_video.vue
rename to src/pages/service_shop/shop_list_video.vue
diff --git a/src/pages/shopping_cart.vue b/src/pages/service_shop/shopping_cart.vue
similarity index 93%
rename from src/pages/shopping_cart.vue
rename to src/pages/service_shop/shopping_cart.vue
index 2bebbaaa0efc6e741d3d0b923c4f552f1693f2fb..aa4e5e8c5cf81641d4dbc8a3b4873808f64af0bf 100644
--- a/src/pages/shopping_cart.vue
+++ b/src/pages/service_shop/shopping_cart.vue
@@ -6,7 +6,6 @@
 </template>
 
 <script>
-// @ is an alias to /src
 import ShoppingCart from "@/components/shopping-cart/shopping-cart-com";
 
 export default {
diff --git a/src/pages/sjfwDetail.vue b/src/pages/service_shop/sjfwDetail.vue
similarity index 100%
rename from src/pages/sjfwDetail.vue
rename to src/pages/service_shop/sjfwDetail.vue
diff --git a/src/pages/skfwDetail.vue b/src/pages/service_shop/skfwDetail.vue
similarity index 100%
rename from src/pages/skfwDetail.vue
rename to src/pages/service_shop/skfwDetail.vue
diff --git a/src/pages/yysdDetail.vue b/src/pages/service_shop/yysdDetail.vue
similarity index 100%
rename from src/pages/yysdDetail.vue
rename to src/pages/service_shop/yysdDetail.vue
diff --git a/src/pages/zhyyfwDetail.vue b/src/pages/service_shop/zhyyfwDetail.vue
similarity index 100%
rename from src/pages/zhyyfwDetail.vue
rename to src/pages/service_shop/zhyyfwDetail.vue
diff --git a/src/pages/message.vue b/src/pages/user/message.vue
similarity index 100%
rename from src/pages/message.vue
rename to src/pages/user/message.vue
diff --git a/src/pages/order_list.vue b/src/pages/user/order_list.vue
similarity index 100%
rename from src/pages/order_list.vue
rename to src/pages/user/order_list.vue
diff --git a/src/pages/user.vue b/src/pages/user/user.vue
similarity index 100%
rename from src/pages/user.vue
rename to src/pages/user/user.vue
diff --git a/src/pages/user_info.vue b/src/pages/user/user_info.vue
similarity index 100%
rename from src/pages/user_info.vue
rename to src/pages/user/user_info.vue
diff --git a/src/pages/app_build.vue b/src/pages/workbench/app_build.vue
similarity index 100%
rename from src/pages/app_build.vue
rename to src/pages/workbench/app_build.vue
diff --git a/src/pages/apply_service_detail.vue b/src/pages/workbench/fwgl/apply_service_detail.vue
similarity index 98%
rename from src/pages/apply_service_detail.vue
rename to src/pages/workbench/fwgl/apply_service_detail.vue
index 8567bccfad44e8ccc7294ad1455f2d8f977cdf6f..e2ed64aed22d0678493cb5f4d253d405ee6bbc6b 100644
--- a/src/pages/apply_service_detail.vue
+++ b/src/pages/workbench/fwgl/apply_service_detail.vue
@@ -20,10 +20,10 @@
 </template>
 
 <script>
-import serviceHeader from '../components/service-header'
-import infoList from '../components/infoList'
-import tableUm from '../components/table-um'
-import processCard from '../components/process-card'
+import serviceHeader from '@/components/service-header'
+import infoList from '@/components/infoList'
+import tableUm from '@/components/table-um'
+import processCard from '@/components/process-card'
 export default {
     props: {
 
diff --git a/src/pages/approval_service_detail.vue b/src/pages/workbench/fwgl/approval_service_detail.vue
similarity index 97%
rename from src/pages/approval_service_detail.vue
rename to src/pages/workbench/fwgl/approval_service_detail.vue
index 63972ab769f1583f93b025e0c7bd8e454331d309..b14858e44bef9762d25225fbe3d3ae659fcdc700 100644
--- a/src/pages/approval_service_detail.vue
+++ b/src/pages/workbench/fwgl/approval_service_detail.vue
@@ -52,10 +52,10 @@
 </template>
 
 <script>
-import serviceHeader from "../components/service-header";
-import infoList from "../components/infoList";
-import tableUm from "../components/table-um";
-import processCard from "../components/process-card";
+import serviceHeader from "@/components/service-header";
+import infoList from "@/components/infoList";
+import tableUm from "@/components/table-um";
+import processCard from "@/components/process-card";
 export default {
   props: {},
   components: {
diff --git a/src/pages/fwgl.vue b/src/pages/workbench/fwgl/fwgl.vue
similarity index 100%
rename from src/pages/fwgl.vue
rename to src/pages/workbench/fwgl/fwgl.vue
diff --git a/src/pages/fwglList.vue b/src/pages/workbench/fwgl/fwglList.vue
similarity index 100%
rename from src/pages/fwglList.vue
rename to src/pages/workbench/fwgl/fwglList.vue
diff --git a/src/pages/serviceDetail.vue b/src/pages/workbench/fwgl/serviceDetail.vue
similarity index 98%
rename from src/pages/serviceDetail.vue
rename to src/pages/workbench/fwgl/serviceDetail.vue
index 98c92d0026dc6c014e36d6dcba166d8de582c8c2..52704a50b2054eb9e02efd56e9549a9741332dd5 100644
--- a/src/pages/serviceDetail.vue
+++ b/src/pages/workbench/fwgl/serviceDetail.vue
@@ -137,15 +137,15 @@
 </template>
 
 <script>
-import infoList from "../components/infoList";
-import tableUm from "../components/table-um";
+import infoList from "@/components/infoList";
+import tableUm from "@/components/table-um";
 import codes from "@/components/codes";
 import norCard from "@/components/card";
-import exampleIcon from "@/pages/example_icon";
+import exampleIcon from "@/pages/example/example_icon";
 import Topology from "@/components/topology.vue";
-import serviceHeader from "../components/service-header";
+import serviceHeader from "@/components/service-header";
 import dialogAction from "@/components/dialog-action";
-import { getRole } from "../utils/common";
+import { getRole } from "@/utils/common";
 export default {
   components: {
     infoList,
diff --git a/src/pages/serviceEdit.vue b/src/pages/workbench/fwgl/serviceEdit.vue
similarity index 93%
rename from src/pages/serviceEdit.vue
rename to src/pages/workbench/fwgl/serviceEdit.vue
index 4ebc1e74f59b437f24963d57dc01c80605cf83f3..5be4053f1d03841f2f221fee3893818c3a6a0ce2 100644
--- a/src/pages/serviceEdit.vue
+++ b/src/pages/workbench/fwgl/serviceEdit.vue
@@ -7,11 +7,11 @@
     <div class="info_contain">
       <div class="edit_change">
         <div class="edit_change_box" @click="now_edit=0" :style="now_edit==0?{backgroundColor:'#e56600',color:'#ffffff'}:{}">
-          <img v-if="now_edit==0" src="../assets/imgs/nav_ic_xinxi_sel.png" alt="">
-          <img v-if="now_edit!==0" src="../assets/imgs/nav_ic_xinxi_nor.png" alt=""> 基本信息编辑</div>
+          <img v-if="now_edit==0" src="@/assets/imgs/nav_ic_xinxi_sel.png" alt="">
+          <img v-if="now_edit!==0" src="@/assets/imgs/nav_ic_xinxi_nor.png" alt=""> 基本信息编辑</div>
         <div class="edit_change_box" @click="now_edit=1" :style="now_edit==1?{backgroundColor:'#e56600',color:'#ffffff'}:{}">
-          <img v-if="now_edit==1" src="../assets/imgs/nav_ic_anquan_sel.png" alt="">
-          <img v-if="now_edit!==1" src="../assets/imgs/nav_ic_anquan_nor.png" alt=""> 服务安全设置</div>
+          <img v-if="now_edit==1" src="@/assets/imgs/nav_ic_anquan_sel.png" alt="">
+          <img v-if="now_edit!==1" src="@/assets/imgs/nav_ic_anquan_nor.png" alt=""> 服务安全设置</div>
       </div>
       <el-form ref="form" :rules="rules" :model="form" label-width="0px" v-if="now_edit==0">
         <el-form-item prop="name">
@@ -107,14 +107,14 @@
         <div class="safe_box_select">  
           <div v-if="now_safe==0">
             <p class="formtitle">是否开启：</p>
-            <div class="openbgc" @click="openstart" :style="!open?{backgroundImage:'url('+require('../assets/imgs/btn_off_hov.png')+')'}:{}"></div>
+            <div class="openbgc" @click="openstart" :style="!open?{backgroundImage:'url('+require('@/assets/imgs/btn_off_hov.png')+')'}:{}"></div>
             <p class="formtitle">最大连接数：</p>
             <el-input v-model="maxline" placeholder="请输入内容"></el-input>       
           </div>       
 
           <div v-if="now_safe==1">
             <p class="formtitle">是否开启：</p>
-            <div class="openbgc" @click="openstart1" :style="!open1?{backgroundImage:'url('+require('../assets/imgs/btn_off_hov.png')+')'}:{}"></div>
+            <div class="openbgc" @click="openstart1" :style="!open1?{backgroundImage:'url('+require('@/assets/imgs/btn_off_hov.png')+')'}:{}"></div>
             <p class="formtitle">最大连接数：</p>
             <el-input v-model="maxline1" placeholder="请输入内容"></el-input>     
             <div class="limitsd">
@@ -133,7 +133,7 @@
 
           <div v-if="now_safe==2">
             <p class="formtitle">是否开启：</p>
-            <div class="openbgc" @click="openstart2" :style="!open2?{backgroundImage:'url('+require('../assets/imgs/btn_off_hov.png')+')'}:{}"></div>       
+            <div class="openbgc" @click="openstart2" :style="!open2?{backgroundImage:'url('+require('@/assets/imgs/btn_off_hov.png')+')'}:{}"></div>       
           </div>      
         </div>
         <div class="savebtn">
@@ -146,8 +146,8 @@
 </template>
 
 <script>
-import uploadFile from '../components/upload_file'
-import { getRole } from "../utils/common";
+import uploadFile from '@/components/upload_file'
+import { getRole } from "@/utils/common";
 export default {
   props: {},
   components: {
@@ -434,7 +434,7 @@ export default {
 .openbgc{
   width: 56px;
 	height: 23px;
-  background-image: url('../assets/imgs/btn_on_hov.png');
+  background-image: url('~@/assets/imgs/btn_on_hov.png');
   background-size:contain;
   cursor: pointer;
 }
diff --git a/src/pages/fwzc_fwcs.vue b/src/pages/workbench/fwzc_fwcs.vue
similarity index 86%
rename from src/pages/fwzc_fwcs.vue
rename to src/pages/workbench/fwzc_fwcs.vue
index cc0c8d5998e0c9e298373bfa12d2b9e500e61066..64bb3fb383590a667d5205ce011e8198027b335e 100644
--- a/src/pages/fwzc_fwcs.vue
+++ b/src/pages/workbench/fwzc_fwcs.vue
@@ -168,12 +168,12 @@
           <div class="skfw_csfwxx">测试服务信息：</div>
           <div class="test_succ">
             <div v-if="skfwResult" class="skcs_jg">
-              <img src="../assets/imgs/test_icon_success.png" class="skcs_jg_img" />&nbsp;测试成功
+              <img src="@/assets/imgs/test_icon_success.png" class="skcs_jg_img" />&nbsp;测试成功
             </div>
           </div>
         </div>
         <div v-else class="skcs_jg">
-          <img src="../assets/imgs/test_icon_error.png" class="skcs_jg_img" />&nbsp;测试失败
+          <img src="@/assets/imgs/test_icon_error.png" class="skcs_jg_img" />&nbsp;测试失败
         </div>
         <div class="btn_footer">
           <el-button class="reset" v-if="activeBtn == 0" @click="resetSjfw">重置</el-button>
@@ -233,14 +233,14 @@
             </el-form-item>
             <el-form-item>
               <p class="formname">接口编码：</p>
-              <el-input v-model="form.code" class="form_in"></el-input>
+              <el-input v-model="form.code" class="form_in" :disabled="true"></el-input>
             </el-form-item>
             <el-form-item>
               <p class="formname">开放程度：</p>
               <el-radio-group v-model="form.resource">
-                <el-radio label="1">共享</el-radio>
-                <el-radio label="2">受限</el-radio>
-                <el-radio label="3">敏感</el-radio>
+                <el-radio :label="1">共享</el-radio>
+                <el-radio :label="2">受限</el-radio>
+                <el-radio :label="3">敏感</el-radio>
               </el-radio-group>
             </el-form-item>
 
@@ -259,7 +259,7 @@
 import BlockRadius from "@/components/block-radius";
 import CesTable from "@/components/table-um";
 import Codes from "@/components/codes";
-import uploadFile from "../components/upload_file";
+import uploadFile from "@/components/upload_file";
 export default {
   components: {
     BlockRadius,
@@ -295,21 +295,42 @@ export default {
     sjfw_qqcstx: [
       { label: "字段编码", prop: "name", type: "", align: "left" },
       { label: "示例值", prop: "example", type: "input", align: "left" },
-      { label: "字段类型", prop: "field_type", type: "", align: "left" },
-      { label: "字段名称", prop: "label", type: "input", align: "left" },
       {
-        label: "是否必须",
-        prop: "needable",
+        label: "字段类型",
+        prop: "show_type",
+        type: "",
+        align: "left",
+        width: "140"
+      },
+      {
+        label: "字段名称*",
+        prop: "label",
+        type: "input",
+        align: "left"
+      },
+      {
+        label: "是否必须*",
+        prop: "is_must",
         type: "select",
         align: "left",
-        width: 100
+        width: 100,
+        selectArr: [
+          { label: "是", value: 1 },
+          { label: "否", value: 0 }
+        ]
       },
       { label: "字段说明", prop: "descript", type: "input", align: "left" }
     ],
     sjfw_fhcstx: [
       { label: "字段编码", prop: "name", type: "", align: "left" },
-      { label: "字段类型", prop: "field_type", type: "", align: "left" },
-      { label: "字段名称", prop: "label", type: "input", align: "left" },
+      { label: "示例值", prop: "example", type: "input", align: "left" },
+      { label: "字段类型", prop: "show_type", type: "", align: "left" },
+      {
+        label: "字段名称*",
+        prop: "label",
+        type: "input",
+        align: "left"
+      },
       { label: "字段说明", prop: "descript", type: "input", align: "left" }
     ],
     emptyText: "暂无数据",
@@ -341,9 +362,9 @@ export default {
       name: "",
       desc: "",
       area: "",
-      origin: "",
-      code: "",
-      resource: ""
+      origin: "1",
+      code: "自动生成",
+      resource: 0
     },
     imgList: [],
     optionsArea: [
@@ -366,7 +387,9 @@ export default {
     request_fields: [],
     response_fields: [],
     cover: "",
-    noSearchUrl: ""
+    noSearchUrl: "",
+    requestRules: 0,
+    responseRules: 0
   }),
   computed: {},
   watch: {},
@@ -377,12 +400,13 @@ export default {
       this.select = "GET";
       this.serviceUrl = "";
     },
-    getUrl(url) {
+    getUrl(enUrl) {
+      let url = decodeURI(enUrl);
+      let arr = [];
       if (url.indexOf("?") != -1) {
         this.noSearchUrl = url.substring(0, url.indexOf("?"));
         let search = url.substring(url.indexOf("?") + 1);
         let vars = search.split("&");
-        let arr = [];
         for (let i = 0; i < vars.length; i++) {
           if (vars[i] != "") {
             let pair = vars[i].split("=");
@@ -391,8 +415,9 @@ export default {
             arr[i].requestValue = pair[1] ? pair[1] : "";
           }
         }
-        this.datasFw = arr;
       }
+      this.serviceUrl = url;
+      this.datasFw = arr;
     },
     clickFwcs() {
       let headers = {};
@@ -463,9 +488,40 @@ export default {
     },
     resetSjfw() {},
     nextJcxx() {
-      this.request_fields = this.$refs.fwcs_sjfw_qqcs.getTableData();
-      this.response_fields = this.$refs.fwcs_sjfw_fhcs.getTableData();
-      this.jcxxtx = true;
+      let requestData = this.$refs.fwcs_sjfw_qqcs.getTableData();
+      let responseData = this.$refs.fwcs_sjfw_fhcs.getTableData();
+      this.requestRules = 0;
+      this.responseRules = 0;
+      this.checkTable(requestData, 0);
+      this.checkTable(responseData, 1);
+      if (this.requestRules == 0 && this.responseRules == 0) {
+        this.request_fields = requestData;
+        this.response_fields = responseData;
+        this.jcxxtx = true;
+      } else if (this.requestRules != 0) {
+        this.$message.error("请完善请求参数信息中的字段名称");
+      } else if (this.responseRules != 0) {
+        this.$message.error("请完善返回参数信息中的字段名称");
+      }
+    },
+    checkTable(arr, rule) {
+      let self = this;
+      for (let i = 0; i < arr.length; i++) {
+        if (arr[i].name && arr[i].name != "") {
+          if (!arr[i].label || arr[i].label == "") {
+            console.log(arr[i]);
+            if (rule == 0) {
+              this.requestRules = 1;
+            } else if (rule == 1) {
+              this.responseRules = 1;
+            }
+            return false;
+          }
+        }
+        if (arr[i].children && arr[i].children.length != 0) {
+          self.checkTable(arr[i].children, rule);
+        }
+      }
     },
     // edit form
     getNewList(val) {
@@ -479,7 +535,7 @@ export default {
         name: this.form.name,
         sectors: this.form.area,
         organization: this.form.origin,
-        cover: this.cover,
+        cover: this.cover[0].url,
         openness: this.form.resource,
         descript: this.form.desc,
         data_service_type1: this.activeBtn,
@@ -500,8 +556,10 @@ export default {
         .post(url, query)
         .then(response => {
           if (response.data.success == 1) {
+            this.$message.success("服务注册成功");
           } else {
-            console.log(response.data.console.error);
+            console.log(response.data.errMsg);
+            this.$message.success(response.data.errMsg);
           }
         })
         .catch(function(response) {
diff --git a/src/pages/workPlace.vue b/src/pages/workbench/workPlace.vue
similarity index 94%
rename from src/pages/workPlace.vue
rename to src/pages/workbench/workPlace.vue
index e4d3990f23894cf32aa80b34b8d983ad85ded85a..9ef96858355ac76d9551abc1d475bf0d62d7f2ea 100644
--- a/src/pages/workPlace.vue
+++ b/src/pages/workbench/workPlace.vue
@@ -3,7 +3,7 @@
     <div class="person_info">
       <div class="preson">
         <div class="person_text">
-          <img src="../assets/imgs/img_head.png" alt />
+          <img src="@/assets/imgs/img_head.png" alt />
           <span>你好，{{person}}！最近登录{{login_time}}</span>
         </div>
         <div class="person_menu">
@@ -53,7 +53,7 @@
           style="margin-top:20px;margin-bottom:10px;font-size:18px;color: #0d1847;font-weight:600;padding-left:20px;"
         >
           数据分析中心
-          <img style="vertical-align:-9px;" src="../assets/imgs/home_btn_enter.png" alt />
+          <img style="vertical-align:-9px;" src="@/assets/imgs/home_btn_enter.png" alt />
         </p>
         <div class="data_charts">
           <div class="data_charts_left">
@@ -95,7 +95,7 @@
           style="margin-top:20px;margin-bottom:10px;font-size:18px;color: #0d1847;font-weight:600;padding-left:20px;"
         >
           数据资产看板
-          <img style="vertical-align:-9px;" src="../assets/imgs/home_btn_enter.png" alt />
+          <img style="vertical-align:-9px;" src="@/assets/imgs/home_btn_enter.png" alt />
         </p>
         <div class="data_charts" style="width:100%;">
           <div class="data_charts_left">
@@ -135,7 +135,7 @@
           style="margin-top:20px;margin-bottom:10px;font-size:18px;color: #0d1847;font-weight:600;padding-left:20px;"
         >
           数据资产看板
-          <img style="vertical-align:-9px;" src="../assets/imgs/home_btn_enter.png" alt />
+          <img style="vertical-align:-9px;" src="@/assets/imgs/home_btn_enter.png" alt />
         </p>
         <div class="data_charts" style="width:100%;">
           <div class="data_charts_left" style="width:590px;">
@@ -169,7 +169,7 @@
           {{now_user == 0?'我的服务':'服务管理'}}
           <img
             style="vertical-align:-9px;cursor: pointer;"
-            src="../assets/imgs/home_btn_enter.png"
+            src="@/assets/imgs/home_btn_enter.png"
             @click="gotofw()"
             alt
           />
@@ -184,7 +184,7 @@
               @click="now_type = index"
             >{{item}}</div>
             <div class="myservice_btn" v-if="now_user==0" @click="gotozc()">
-              <img src="../assets/imgs/home_ic_release.png" alt />&nbsp; 服务注册
+              <img src="@/assets/imgs/home_ic_release.png" alt />&nbsp; 服务注册
             </div>
           </div>
           <table-um
@@ -203,7 +203,7 @@
           <img
           @click="gotoyy"
             style="vertical-align:-9px;"
-            src="../assets/imgs/home_btn_enter.png"
+            src="@/assets/imgs/home_btn_enter.png"
             alt
           />
         </p>
@@ -238,8 +238,8 @@
 
 <script>
 import uuidv1 from "uuid/v1";
-import tableUm from "../components/table-um";
-import { getRole } from "../utils/common";
+import tableUm from "@/components/table-um";
+import { getRole } from "@/utils/common";
 var echarts = require("echarts");
 export default {
   data() {
@@ -718,7 +718,7 @@ export default {
         [
           {
             text: "服务总数",
-            pic: require("../assets/imgs/ic_fuwuzs_navy.png"),
+            pic: require("@/assets/imgs/ic_fuwuzs_navy.png"),
             bg: "#e6ebfe",
             color: "#515fe7",
             type:"service",
@@ -726,7 +726,7 @@ export default {
           },
           {
             text: "应用总数",
-            pic: require("../assets/imgs/ic_yingyongzs.png"),
+            pic: require("@/assets/imgs/ic_yingyongzs.png"),
             bg: "#e5f4fe",
             color: "#38aef9",
             type:'app',
@@ -734,7 +734,7 @@ export default {
           },
           {
             text: "收益总额",
-            pic: require("../assets/imgs/ic_shouyize.png"),
+            pic: require("@/assets/imgs/ic_shouyize.png"),
             bg: "#fcefd6",
             color: "#ea7d19",
             type:'getMoney',
@@ -744,7 +744,7 @@ export default {
         [
           {
             text: "组织用户数",
-            pic: require("../assets/imgs/ic_yonghuzs.png"),
+            pic: require("@/assets/imgs/ic_yonghuzs.png"),
             bg: "#e6ebfe",
             color: "#515fe7",
             type:'areaUser',
@@ -752,7 +752,7 @@ export default {
           },
           {
             text: "服务总数",
-            pic: require("../assets/imgs/ic_fuwuzs.png"),
+            pic: require("@/assets/imgs/ic_fuwuzs.png"),
             bg: "#e5f4fe",
             color: "#38aef9",
             type:'service',
@@ -760,7 +760,7 @@ export default {
           },
           {
             text: "应用总数",
-            pic: require("../assets/imgs/ic_yingyongzs.png"),
+            pic: require("@/assets/imgs/ic_yingyongzs.png"),
             bg: "#e7fdfc",
             color: "#25bdb1",
             type:'app',
@@ -768,7 +768,7 @@ export default {
           },
           {
             text: "收益总额",
-            pic: require("../assets/imgs/ic_shouyize.png"),
+            pic: require("@/assets/imgs/ic_shouyize.png"),
             bg: "#fcefd6",
             color: "#ea7d19",
             type:'getMoney',
@@ -778,7 +778,7 @@ export default {
         [
           {
             text: "用户总数",
-            pic: require("../assets/imgs/ic_yonghuzs.png"),
+            pic: require("@/assets/imgs/ic_yonghuzs.png"),
             bg: "#e6ebfe",
             color: "#515fe7",
             type:'allUser',
@@ -786,7 +786,7 @@ export default {
           },
           {
             text: "服务总数",
-            pic: require("../assets/imgs/ic_fuwuzs.png"),
+            pic: require("@/assets/imgs/ic_fuwuzs.png"),
             bg: "#e5f4fe",
             color: "#38aef9",
             type:'service',
@@ -794,7 +794,7 @@ export default {
           },
           {
             text: "应用总数",
-            pic: require("../assets/imgs/ic_yingyongzs.png"),
+            pic: require("@/assets/imgs/ic_yingyongzs.png"),
             bg: "#e7fdfc",
             color: "#25bdb1",
             type:'app',
@@ -802,7 +802,7 @@ export default {
           },
           {
             text: "收益总额",
-            pic: require("../assets/imgs/ic_shouyize.png"),
+            pic: require("@/assets/imgs/ic_shouyize.png"),
             bg: "#fcefd6",
             color: "#ea7d19",
              type:'getMoney',
@@ -813,43 +813,43 @@ export default {
       online_tool_arr: [
         {
           text: "智能绘图",
-          pic: require("../assets/imgs/home_tool_ic_znht.png"),
+          pic: require("@/assets/imgs/home_tool_ic_znht.png"),
           bg: "#e5f4fe",
           color: "#38aef9"
         },
         {
           text: "数据开发",
-          pic: require("../assets/imgs/home_tool_ic_sjkf.png"),
+          pic: require("@/assets/imgs/home_tool_ic_sjkf.png"),
           bg: "#e6ebfe",
           color: "#515fe7"
         },
         {
           text: "模型工场",
-          pic: require("../assets/imgs/home_tool_ic_mxgc.png"),
+          pic: require("@/assets/imgs/home_tool_ic_mxgc.png"),
           bg: "#e6ebfe",
           color: "#515fe7"
         },
         {
           text: "流程设计",
-          pic: require("../assets/imgs/home_tool_ic_lcsj.png"),
+          pic: require("@/assets/imgs/home_tool_ic_lcsj.png"),
           bg: "#e6ebfe",
           color: "#515fe7"
         },
         {
           text: "可视化报表",
-          pic: require("../assets/imgs/home_tool_ic_kshbb.png"),
+          pic: require("@/assets/imgs/home_tool_ic_kshbb.png"),
           bg: "#fff2e2",
           color: "#ea7d19"
         },
         {
           text: "模板应用",
-          pic: require("../assets/imgs/home_tool_ic_mbyy.png"),
+          pic: require("@/assets/imgs/home_tool_ic_mbyy.png"),
           bg: "#fff2e2",
           color: "#ea7d19"
         },
         {
           text: "应用创新",
-          pic: require("../assets/imgs/home_tool_ic_yycx.png"),
+          pic: require("@/assets/imgs/home_tool_ic_yycx.png"),
           bg: "#e7fdfc",
           color: "#25bdb1"
         }
@@ -867,37 +867,37 @@ export default {
       app_arr: [],
       manage_arr: [
         {
-          pic: require("../assets/imgs/home_tool_ic_key.png"),
+          pic: require("@/assets/imgs/home_tool_ic_key.png"),
           text: "我的密钥",
           role:0,
         },
         {
-          pic: require("../assets/imgs/home_tool_ic_organize.png"),
+          pic: require("@/assets/imgs/home_tool_ic_organize.png"),
           text: "组织管理",
           role:1,
         },
         {
-          pic: require("../assets/imgs/home_tool_ic_key.png"),
+          pic: require("@/assets/imgs/home_tool_ic_key.png"),
           text: "密钥管理",
           role:1,
         },
         {
-          pic: require("../assets/imgs/home_tool_ic_quanxian.png"),
+          pic: require("@/assets/imgs/home_tool_ic_quanxian.png"),
           text: "权限管理",
           role:2,
         },
         {
-          pic: require("../assets/imgs/home_tool_ic_quanxian.png"),
+          pic: require("@/assets/imgs/home_tool_ic_quanxian.png"),
           text: "容器管理",
           role:2,
         },
         {
-          pic: require("../assets/imgs/home_tool_ic_quanxian.png"),
+          pic: require("@/assets/imgs/home_tool_ic_quanxian.png"),
           text: "数据管控",
           role:2,
         },
         {
-          pic: require("../assets/imgs/home_tool_ic_quanxian.png"),
+          pic: require("@/assets/imgs/home_tool_ic_quanxian.png"),
           text: "消息新闻管理",
           role:2,
         }
@@ -1522,7 +1522,7 @@ export default {
   display: inline-block;
   width: 3px;
   height: 13px;
-  background-image: url("../assets/imgs/home_ic_more_w.png");
+  background-image: url("~@/assets/imgs/home_ic_more_w.png");
 }
 .menu {
   width: 100%;
@@ -1730,7 +1730,7 @@ export default {
   line-height: 28px;
 }
 .person_menu:hover .person_manage_pic {
-  background-image: url("../assets/imgs/home_ic_more_b.png");
+  background-image: url("~@/assets/imgs/home_ic_more_b.png");
 }
 
 .manage_box {
diff --git a/src/pages/app_detail.vue b/src/pages/workbench/yygl/app_detail.vue
similarity index 97%
rename from src/pages/app_detail.vue
rename to src/pages/workbench/yygl/app_detail.vue
index 74325a95e4e864d61a4382105a25c1fc2ec4d7bc..776cc4031a080ce980313d213199f281daf22e9d 100644
--- a/src/pages/app_detail.vue
+++ b/src/pages/workbench/yygl/app_detail.vue
@@ -65,7 +65,7 @@
 
           <div v-if="now_service == 2&&now_user == 0">
               <p style="color:#8890a7;">压缩包：</p>
-              <p><img src="../assets/imgs/ic_olddata.png" alt="">{{oldpag_name}} <span class="download">下载原压缩包</span> </p>
+              <p><img src="@/assets/imgs/ic_olddata.png" alt="">{{oldpag_name}} <span class="download">下载原压缩包</span> </p>
               <p style="color:#8890a7;margin:20px 0;">上传新的压缩包：</p>
               <div class="uploadtips">
                   <p style="margin-left:-11px;"><i class="el-icon-warning-outline"></i>压缩包上传提示：</p>
@@ -95,13 +95,13 @@
 </template>
 
 <script>
-import infoList from "../components/infoList";
-import tableUm from "../components/table-um";
-import serviceHeader from "../components/service-header";
+import infoList from "@/components/infoList";
+import tableUm from "@/components/table-um";
+import serviceHeader from "@/components/service-header";
 import dialogAction from "@/components/dialog-action";
 import uploadFile from '@/components/upload_file'
 import serviceTabComments from '@/components/service-tab-comments'
-import { getRole } from "../utils/common";
+import { getRole } from "@/utils/common";
 export default {
   components: {
     infoList,
diff --git a/src/pages/app_edit.vue b/src/pages/workbench/yygl/app_edit.vue
similarity index 98%
rename from src/pages/app_edit.vue
rename to src/pages/workbench/yygl/app_edit.vue
index bb88bbb85d6a34ce861df058034463ae200c22c1..5b941bcfefa822411edf661f73932e40e56262a1 100644
--- a/src/pages/app_edit.vue
+++ b/src/pages/workbench/yygl/app_edit.vue
@@ -98,8 +98,8 @@
 </template>
 
 <script>
-import uploadFile from '../components/upload_file'
-import { getRole } from "../utils/common";
+import uploadFile from '@/components/upload_file'
+import { getRole } from "@/utils/common";
 export default {
   props: {},
   components: {
@@ -350,7 +350,7 @@ export default {
 .openbgc{
   width: 56px;
 	height: 23px;
-  background-image: url('../assets/imgs/btn_on_hov.png');
+  background-image: url('~@/assets/imgs/btn_on_hov.png');
   background-size:contain;
   cursor: pointer;
 }
diff --git a/src/pages/apply_app_detail.vue b/src/pages/workbench/yygl/apply_app_detail.vue
similarity index 97%
rename from src/pages/apply_app_detail.vue
rename to src/pages/workbench/yygl/apply_app_detail.vue
index b22a76d72dc9f41d50ca0ca34cb5dd4d382a783e..d66517d237eea1cf190ca3de6fa9e884b91471d0 100644
--- a/src/pages/apply_app_detail.vue
+++ b/src/pages/workbench/yygl/apply_app_detail.vue
@@ -40,11 +40,11 @@
 </template>
 
 <script>
-import serviceHeader from "../components/service-header";
-import infoList from "../components/infoList";
-import tableUm from "../components/table-um";
-import processCard from "../components/process-card";
-import { getRole } from "../utils/common";
+import serviceHeader from "@/components/service-header";
+import infoList from "@/components/infoList";
+import tableUm from "@/components/table-um";
+import processCard from "@/components/process-card";
+import { getRole } from "@/utils/common";
 export default {
   props: {},
   components: {
diff --git a/src/pages/approval_app_detail.vue b/src/pages/workbench/yygl/approval_app_detail.vue
similarity index 97%
rename from src/pages/approval_app_detail.vue
rename to src/pages/workbench/yygl/approval_app_detail.vue
index 0dc85c22c8b7923f5ece4074dc6e8cf908bd416a..b89889cd0258f55de880040a3183a60f774c3e92 100644
--- a/src/pages/approval_app_detail.vue
+++ b/src/pages/workbench/yygl/approval_app_detail.vue
@@ -52,11 +52,11 @@
 </template>
 
 <script>
-import serviceHeader from "../components/service-header";
-import infoList from "../components/infoList";
-import tableUm from "../components/table-um";
-import processCard from "../components/process-card";
-import {getRole} from "../utils/common"
+import serviceHeader from "@/components/service-header";
+import infoList from "@/components/infoList";
+import tableUm from "@/components/table-um";
+import processCard from "@/components/process-card";
+import {getRole} from "@/utils/common"
 export default {
   props: {},
   components: {
diff --git a/src/pages/deploy_app_detail.vue b/src/pages/workbench/yygl/deploy_app_detail.vue
similarity index 98%
rename from src/pages/deploy_app_detail.vue
rename to src/pages/workbench/yygl/deploy_app_detail.vue
index 60f19f6cd611a4ef2975063b1c3c7ede9151f963..48596f3224f7a206ea258cb38531796095477e12 100644
--- a/src/pages/deploy_app_detail.vue
+++ b/src/pages/workbench/yygl/deploy_app_detail.vue
@@ -195,15 +195,15 @@
 </template>
 
 <script>
-import infoList from "../components/infoList";
-import tableUm from "../components/table-um";
-import serviceHeader from "../components/service-header";
+import infoList from "@/components/infoList";
+import tableUm from "@/components/table-um";
+import serviceHeader from "@/components/service-header";
 import dialogAction from "@/components/dialog-action";
 import uploadFile from "@/components/upload_file";
 import norCard from "@/components/card";
-import exampleIcon from "@/pages/example_icon";
+import exampleIcon from "@/pages/example/example_icon";
 import Topology from "@/components/topology.vue";
-import { getRole } from "../utils/common";
+import { getRole } from "@/utils/common";
 export default {
   components: {
     infoList,
diff --git a/src/pages/yygl.vue b/src/pages/workbench/yygl/yygl.vue
similarity index 95%
rename from src/pages/yygl.vue
rename to src/pages/workbench/yygl/yygl.vue
index d11411402e6e7a8e7ef322396c770bed60f27e1e..74317f8b93ac9965ecbcbb62aa8286e5010d12cb 100644
--- a/src/pages/yygl.vue
+++ b/src/pages/workbench/yygl/yygl.vue
@@ -3,7 +3,7 @@
     <side-nav-bar
       :nav-list="navList"
       title="我的应用"
-      :title-icon="require('../assets/imgs/tool_yingyong.png')"
+      :title-icon="require('@/assets/imgs/tool_yingyong.png')"
       :title-path="navList[0] && navList[0].path"
     ></side-nav-bar>
     <div class="main_container">
diff --git a/src/pages/yyglList.vue b/src/pages/workbench/yygl/yyglList.vue
similarity index 100%
rename from src/pages/yyglList.vue
rename to src/pages/workbench/yygl/yyglList.vue
diff --git a/src/router/index.js b/src/router/index.js
index 95ac5432a93aba0854ddf3bd5763517da28ecdb7..c6307e651298ceed5593c197b8fdb911989ab4de 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -1,8 +1,6 @@
 import Vue from "vue";
 import Router from "vue-router";
 
-import Index from "@/pages/index";
-import workPlace from "@/pages/workPlace";
 Vue.use(Router);
 
 const originalPush = Router.prototype.push;
@@ -28,12 +26,12 @@ export default new Router({
           path: "/fwzc", // 服务注册
           name: "fwzc",
           redirect: "/fwzc/fwcs",
-          component: () => import("@/pages/fwzc_fwcs"),
+          component: () => import("@/pages/workbench/fwzc_fwcs"),
           children: [
             {
               path: "/fwzc/fwcs", // 服务注册/服务测试
               name: "fwcs",
-              component: () => import("@/pages/fwzc_fwcs"),
+              component: () => import("@/pages/workbench/fwzc_fwcs"),
             },
           ],
         }, // 工作台 - 服务注册模块
@@ -41,32 +39,32 @@ export default new Router({
           path: "/fwgl/:level", // 服务管理 level：用户等级
           name: "fwgl",
           redirect: "/fwgl/:level/0",
-          component: () => import("@/pages/fwgl"),
+          component: () => import("@/pages/workbench/fwgl/fwgl"),
           children: [
             {
               path: "/fwgl/:level/:type", // 服务管理列表页
               name: "fwglList",
-              component: () => import("@/pages/fwglList"),
+              component: () => import("@/pages/workbench/fwgl/fwglList"),
             },
             {
               path: "/fwgl/:level/:type/servicedetail/:id",
               name: "servicedetail",
-              component: () => import("@/pages/serviceDetail"),
+              component: () => import("@/pages/workbench/fwgl/serviceDetail"),
             }, // 注册发布的服务 - 详情
             {
               path: "/fwgl/:level/:type/serviceedit/:id",
               name: "serviceedit",
-              component: () => import("@/pages/serviceEdit"),
+              component: () => import("@/pages/workbench/fwgl/serviceEdit"),
             }, // 注册发布的服务 - 编辑
             {
               path: "/fwgl/:level/:type/applyserviceedit/:id",
               name: "applyserviceedit",
-              component: () => import("@/pages/apply_service_detail"),
+              component: () => import("@/pages/workbench/fwgl/apply_service_detail"),
             }, // 申请的服务 - 详情
             {
               path: "/fwgl/:level/:type/approvalserviceedit/:id",
               name: "approvalserviceedit",
-              component: () => import("@/pages/approval_service_detail"),
+              component: () => import("@/pages/workbench/fwgl/approval_service_detail"),
             }, // 审批的服务 - 详情
           ],
         }, // 工作台 - 服务管理模块
@@ -74,37 +72,37 @@ export default new Router({
           path: "/yygl/:level", // 应用管理 level：用户等级
           name: "yygl",
           redirect: "/yygl/:level/0",
-          component: () => import("@/pages/yygl"),
+          component: () => import("@/pages/workbench/yygl/yygl"),
           children: [
             {
               path: "/yygl/:level/:type", // 应用管理列表页
               name: "yyglList",
-              component: () => import("@/pages/yyglList"),
+              component: () => import("@/pages/workbench/yygl/yyglList"),
             },
             {
               path: "/yygl/:level/:type/detail/:id", // 应用仓库详情
               name: "appdetail",
-              component: () => import("@/pages/app_detail"),
+              component: () => import("@/pages/workbench/yygl/app_detail"),
             },
             {
               path: "/yygl/:level/:type/edit/:id", // 应用仓库编辑
               name: "appedit",
-              component: () => import("@/pages/app_edit"),
+              component: () => import("@/pages/workbench/yygl/app_edit"),
             },
             {
               path: "/yygl/:level/:type/deploydetail/:id", // 我部署的应用详情
               name: "deploy_app_detail",
-              component: () => import("@/pages/deploy_app_detail"),
+              component: () => import("@/pages/workbench/yygl/deploy_app_detail"),
             },
             {
               path: "/yygl/:level/:type/applydetail/:id", // 我申请的应用详情
               name: "apply_app_detail",
-              component: () => import("@/pages/apply_app_detail"),
+              component: () => import("@/pages/workbench/yygl/apply_app_detail"),
             },
             {
               path: "/yygl/:level/:type/approvaldetail/:id", // 我申请的应用详情
               name: "approval_app_detail",
-              component: () => import("@/pages/approval_app_detail"),
+              component: () => import("@/pages/workbench/yygl/approval_app_detail"),
             },
           ],
         }, // 工作台 - 应用管理模块
@@ -112,110 +110,110 @@ export default new Router({
           path: "/shop", // 服务超市
           name: "shop",
           redirect: "/shop/data_service_list",
-          component: () => import("@/pages/shop"),
+          component: () => import("@/pages/service_shop/shop"),
           children: [
             {
               path: "/shop/data_service_list", // 数据服务列表页
               name: "shopDataList",
-              component: () => import("@/pages/shop_list_data"),
+              component: () => import("@/pages/service_shop/shop_list_data"),
             },
             {
               path: "/shop/space_time_service_list", // 时空服务列表页
               name: "shopSpaceTimeList",
-              component: () => import("@/pages/shop_list_space_time"),
+              component: () => import("@/pages/service_shop/shop_list_space_time"),
             },
             {
               path: "/shop/video_service_list", // 视频服务列表页
               name: "shopVideoList",
-              component: () => import("@/pages/shop_list_video"),
+              component: () => import("@/pages/service_shop/shop_list_video"),
             },
             {
               path: "/shop/perception_service_list", // 感知服务列表页
               name: "shopPerceptionList",
-              component: () => import("@/pages/shop_list_perception"),
+              component: () => import("@/pages/service_shop/shop_list_perception"),
             },
             {
               path: "/shop/comprehensive_app_list", // 综合应用列表页
               name: "shopComAppList",
-              component: () => import("@/pages/shop_list_comprehensive_app"),
+              component: () => import("@/pages/service_shop/shop_list_comprehensive_app"),
             },
             {
               path: "/shop/cloud", // 云资源服务
               name: "shopCloud",
-              component: () => import("@/pages/shop_cloud"),
+              component: () => import("@/pages/service_shop/shop_cloud"),
             },
             {
               path: "/shop/app_store_list", // 应用商店列表页
               name: "shopAppStoreList",
-              component: () => import("@/pages/shop_list_app_store"),
+              component: () => import("@/pages/service_shop/shop_list_app_store"),
             },
             {
               path: "/shop/shopping_cart", // 购物车页
               name: "shoppingCart",
-              component: () => import("@/pages/shopping_cart"),
+              component: () => import("@/pages/service_shop/shopping_cart"),
             },
             {
               path: "/shop/shop_car_apply", // 购物车页
               name: "shopCarApply",
-              component: () => import("@/pages/shop_car_apply"),
+              component: () => import("@/pages/service_shop/shop_car_apply"),
             },
           ],
         }, // 服务超市 - 列表页
         {
           path: "/shop/sjfwDetail/:id",
           name: "sjfwDetail",
-          component: () => import("@/pages/sjfwDetail"),
+          component: () => import("@/pages/service_shop/sjfwDetail"),
         }, // 服务超市 - 数据服务详情
         {
           path: "/shop/skfwDetail/:id",
           name: "skfwDetail",
-          component: () => import("@/pages/skfwDetail"),
+          component: () => import("@/pages/service_shop/skfwDetail"),
         }, // 服务超市 - 时空服务详情
         {
           path: "/shop/zhyyfwDetail/:id",
           name: "zhyyfwDetail",
-          component: () => import("@/pages/zhyyfwDetail"),
+          component: () => import("@/pages/service_shop/zhyyfwDetail"),
         }, // 服务超市 - 综合应用服务详情
         {
           path: "/shop/yysdDetail/:id",
           name: "yysdDetail",
-          component: () => import("@/pages/yysdDetail"),
+          component: () => import("@/pages/service_shop/yysdDetail"),
         }, // 服务超市 - 应用详情
         {
           path: "/workplace",
           name: "workPlace",
-          component: () => import("@/pages/workPlace"),
+          component: () => import("@/pages/workbench/workPlace"),
         }, // 主页 - 工作台
         {
           path: "/services_shop",
           name: "services_shop",
-          component: () => import("@/pages/services_shop"),
+          component: () => import("@/pages/service_shop/services_shop"),
         }, // 主页 - 服务超市
         {
           path: "/app_build",
           name: "app_build",
-          component: () => import("@/pages/app_build"),
+          component: () => import("@/pages/workbench/app_build"),
         }, // 应用构建（镜像形式）
         {
           path: "/user", // 个人中心
           name: "user",
           redirect: "/user/user_info",
-          component: () => import("@/pages/user"),
+          component: () => import("@/pages/user/user"),
           children: [
             {
               path: "/user/user_info", // 个人信息页
               name: "userInfo",
-              component: () => import("@/pages/user_info"),
+              component: () => import("@/pages/user/user_info"),
             },
             {
               path: "/user/message", // 消息管理页
               name: "message",
-              component: () => import("@/pages/message"),
+              component: () => import("@/pages/user/message"),
             },
             {
               path: "/user/order_list", // 订单管理页
               name: "orderList",
-              component: () => import("@/pages/order_list"),
+              component: () => import("@/pages/user/order_list"),
             },
           ],
         },
@@ -223,27 +221,27 @@ export default new Router({
           path: "/authority", // 权限管理
           name: "authority",
           redirect: "/authority/organization",
-          component: () => import("@/pages/authority"),
+          component: () => import("@/pages/authority/authority"),
           children: [
             {
               path: "/authority/organization", // 组织管理页
               name: "organization",
-              component: () => import("@/pages/organization"),
+              component: () => import("@/pages/authority/organization"),
             },
             {
               path: "/authority/users", // 用户管理页
               name: "users",
-              component: () => import("@/pages/users"),
+              component: () => import("@/pages/authority/users"),
             },
             {
               path: "/authority/menu", // 菜单管理页
               name: "menu",
-              component: () => import("@/pages/menus"),
+              component: () => import("@/pages/authority/menus"),
             },
             {
               path: "/authority/roles", // 角色管理页
               name: "roles",
-              component: () => import("@/pages/roles"),
+              component: () => import("@/pages/authority/roles"),
             },
           ],
         },
@@ -252,37 +250,37 @@ export default new Router({
     {
       path: "/example_table", // 表格实例
       name: "example_table",
-      component: () => import("@/pages/example_table"),
+      component: () => import("@/pages/example/example_table"),
     },
     {
       path: "/example_upload", // 表格实例
       name: "example_upload",
-      component: () => import("@/pages/example_upload"),
+      component: () => import("@/pages/example/example_upload"),
     },
     {
       path: "/example_code", // 编辑器实例
       name: "example_code",
-      component: () => import("@/pages/example_code"),
+      component: () => import("@/pages/example/example_code"),
     },
     {
       path: "/example_icon", // svg 实例
       name: "example_icon",
-      component: () => import("@/pages/example_icon"),
+      component: () => import("@/pages/example/example_icon"),
     },
     {
       path: "/example_topology", // 拓扑图实例
       name: "example_topology",
-      component: () => import("@/pages/example_topology"),
+      component: () => import("@/pages/example/example_topology"),
     },
     {
       path: "/example_commodity", // 商品详情实例
       name: "example_commodity",
-      component: () => import("@/pages/example_commodity"),
+      component: () => import("@/pages/example/example_commodity"),
     },
     {
       path: "/example_com_list", // 商品列表实例
       name: "example_com_list",
-      component: () => import("@/pages/example_com_list"),
+      component: () => import("@/pages/example/example_com_list"),
     },
   ],
 });
diff --git a/yarn.lock b/yarn.lock
index d381e9ce957ca6affa3f09bcb8e7fd3e54c705c2..5a9211c012f597a94466a1cb685807ebc8df5ca8 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -7110,6 +7110,11 @@ vue-hot-reload-api@^2.3.0:
   resolved "https://registry.yarnpkg.com/vue-hot-reload-api/-/vue-hot-reload-api-2.3.4.tgz#532955cc1eb208a3d990b3a9f9a70574657e08f2"
   integrity sha512-BXq3jwIagosjgNVae6tkHzzIk6a8MHFtzAdwhnV5VlvPTFxDCvIttgSiHWjdGoTJvXtmRu5HacExfdarRcFhog==
 
+vue-i18n@^8.17.7:
+  version "8.17.7"
+  resolved "https://registry.yarnpkg.com/vue-i18n/-/vue-i18n-8.17.7.tgz#d87e653e815a07f86e2c2dfe35261e6ea105c38a"
+  integrity sha512-7IQJ+72IIIxfR6Mt+X6EDmMP1i5oETFpc0FttnWKA9cgacf1DAlyho1aTItekG+AkbNs6nz4q3sYrXaPdC0irA==
+
 vue-loader@^15.7.0:
   version "15.9.0"
   resolved "https://registry.yarnpkg.com/vue-loader/-/vue-loader-15.9.0.tgz#5d4b0378a4606188fc83e587ed23c94bc3a10998"