diff --git a/build/webpack.dev.conf.js b/build/webpack.dev.conf.js
index 00cb0afc1401657cdf320768b7f09356da8f2031..db893ec42e9c6c738859307f923965143d19ddcc 100644
--- a/build/webpack.dev.conf.js
+++ b/build/webpack.dev.conf.js
@@ -67,6 +67,13 @@ const devWebpackConfig = merge(baseWebpackConfig, {
         to: config.dev.assetsSubDirectory,
         ignore: ['.*']
       }
+    ]),
+    new CopyWebpackPlugin([
+      {
+        from: path.resolve(__dirname, '../docs'),
+        to: config.dev.assetsSubDirectory,
+        ignore: ['.*']
+      }
     ])
   ],
   optimization: {
diff --git a/docs/antv.json b/docs/antv.json
new file mode 100644
index 0000000000000000000000000000000000000000..6b64b2106b650d2c6d3c96ec2b56b3ba972e1909
--- /dev/null
+++ b/docs/antv.json
@@ -0,0 +1,698 @@
+{
+    "timestamp": 1587020309,
+    "duration": 600,
+    "graphType": "app",
+    "elements": {
+      "nodes": [
+        {
+          "data": {
+            "id": "ac4338d28c3ad444cdbe51d5e7d69891",
+            "nodeType": "app",
+            "namespace": "cloud",
+            "app": "awe-redis",
+            "destServices": [
+              {
+                "namespace": "cloud",
+                "name": "awe-redis"
+              }
+            ],
+            "traffic": [
+              {
+                "protocol": "tcp",
+                "rates": {
+                  "tcpIn": "399.14"
+                }
+              }
+            ],
+            "hasMissingSC": true
+          }
+        },
+        {
+          "data": {
+            "id": "8c3a116b49b6a224bb240304efada0ef",
+            "nodeType": "app",
+            "namespace": "cloud",
+            "app": "awecloud-ci-api",
+            "isRoot": true
+          }
+        },
+        {
+          "data": {
+            "id": "28d134027d60a0a450655bf9e25fd820",
+            "nodeType": "app",
+            "namespace": "cloud",
+            "app": "awecloud-dex",
+            "destServices": [
+              {
+                "namespace": "cloud",
+                "name": "awecloud-dex"
+              }
+            ]
+          }
+        },
+        {
+          "data": {
+            "id": "1166f964717d2b5326c637803017397a",
+            "nodeType": "app",
+            "namespace": "cloud",
+            "app": "awecloud-hub-api",
+            "traffic": [
+              {
+                "protocol": "tcp",
+                "rates": {
+                  "tcpOut": "0.61"
+                }
+              }
+            ],
+            "isRoot": true
+          }
+        },
+        {
+          "data": {
+            "id": "3bbb6a16f0a039e7f18d86aa5dbeb655",
+            "nodeType": "app",
+            "namespace": "cloud",
+            "app": "awecloud-istio",
+            "isRoot": true
+          }
+        },
+        {
+          "data": {
+            "id": "c7cb4666416998aff6b6772e492cf1e6",
+            "nodeType": "app",
+            "namespace": "cloud",
+            "app": "awecloud-kubernetes",
+            "destServices": [
+              {
+                "namespace": "cloud",
+                "name": "awecloud-kubernetes"
+              }
+            ],
+            "traffic": [
+              {
+                "protocol": "http",
+                "rates": {
+                  "httpIn": "0.13",
+                  "httpOut": "0.18"
+                }
+              },
+              {
+                "protocol": "tcp",
+                "rates": {
+                  "tcpOut": "5571.74"
+                }
+              }
+            ]
+          }
+        },
+        {
+          "data": {
+            "id": "17091f02abcc66d5a6aa573af81bc293",
+            "nodeType": "app",
+            "namespace": "cloud",
+            "app": "awecloud-meshgraph",
+            "destServices": [
+              {
+                "namespace": "cloud",
+                "name": "awecloud-meshgraph"
+              }
+            ],
+            "traffic": [
+              {
+                "protocol": "http",
+                "rates": {
+                  "httpIn": "0.59",
+                  "httpOut": "0.59"
+                }
+              }
+            ]
+          }
+        },
+        {
+          "data": {
+            "id": "1e1c805b21415eb30bf16b4109bb70b8",
+            "nodeType": "app",
+            "namespace": "cloud",
+            "app": "awecloud-rest",
+            "destServices": [
+              {
+                "namespace": "cloud",
+                "name": "awecloud-rest"
+              }
+            ],
+            "traffic": [
+              {
+                "protocol": "http",
+                "rates": {
+                  "httpIn": "0.20",
+                  "httpOut": "0.21"
+                }
+              },
+              {
+                "protocol": "tcp",
+                "rates": {
+                  "tcpOut": "21.20"
+                }
+              }
+            ]
+          }
+        },
+        {
+          "data": {
+            "id": "d5e9dbf839f63edfb600a17470053845",
+            "nodeType": "app",
+            "namespace": "cloud",
+            "app": "awecloud-ui",
+            "destServices": [
+              {
+                "namespace": "cloud",
+                "name": "awecloud-ui"
+              }
+            ],
+            "traffic": [
+              {
+                "protocol": "http",
+                "rates": {
+                  "httpIn": "0.07"
+                }
+              },
+              {
+                "protocol": "tcp",
+                "rates": {
+                  "tcpOut": "10.05"
+                }
+              }
+            ]
+          }
+        },
+        {
+          "data": {
+            "id": "0fa9c4517f3b2ce89f0ae5f3229c9d05",
+            "nodeType": "app",
+            "namespace": "devops",
+            "app": "drone-server",
+            "destServices": [
+              {
+                "namespace": "devops",
+                "name": "drone-server"
+              }
+            ],
+            "isOutside": true
+          }
+        },
+        {
+          "data": {
+            "id": "a4347f4ca23e80f984111fa9252c71cc",
+            "nodeType": "app",
+            "namespace": "devops",
+            "app": "gitlab",
+            "destServices": [
+              {
+                "namespace": "devops",
+                "name": "gitlab"
+              }
+            ],
+            "traffic": [
+              {
+                "protocol": "http",
+                "rates": {
+                  "httpIn": "0.08"
+                }
+              }
+            ],
+            "isOutside": true
+          }
+        },
+        {
+          "data": {
+            "id": "71ce69559b37469990f5e55c538acd9f",
+            "nodeType": "app",
+            "namespace": "devops",
+            "app": "stolon",
+            "destServices": [
+              {
+                "namespace": "devops",
+                "name": "stolon-proxy"
+              }
+            ],
+            "traffic": [
+              {
+                "protocol": "tcp",
+                "rates": {
+                  "tcpIn": "400.27"
+                }
+              }
+            ],
+            "isOutside": true
+          }
+        },
+        {
+          "data": {
+            "id": "e474e0b8e6b953250452df0c4d19fa4b",
+            "nodeType": "app",
+            "namespace": "istio-system",
+            "app": "istio-ingressgateway",
+            "traffic": [
+              {
+                "protocol": "http",
+                "rates": {
+                  "httpOut": "1.05"
+                }
+              }
+            ],
+            "isOutside": true,
+            "isRoot": true
+          }
+        },
+        {
+          "data": {
+            "id": "ee75dded555d80a2d11d8807e600e28b",
+            "nodeType": "app",
+            "namespace": "istio-system",
+            "app": "kiali",
+            "destServices": [
+              {
+                "namespace": "istio-system",
+                "name": "kiali"
+              }
+            ],
+            "traffic": [
+              {
+                "protocol": "http",
+                "rates": {
+                  "httpIn": "0.59"
+                }
+              }
+            ],
+            "isOutside": true
+          }
+        },
+        {
+          "data": {
+            "id": "472267b2b5068361f791ac7d738bb201",
+            "nodeType": "workload",
+            "namespace": "kube-system",
+            "workload": "heapster",
+            "version": "v1.5.0",
+            "destServices": [
+              {
+                "namespace": "kube-system",
+                "name": "heapster"
+              }
+            ],
+            "traffic": [
+              {
+                "protocol": "http",
+                "rates": {
+                  "httpIn": "0.18"
+                }
+              }
+            ],
+            "isInaccessible": true,
+            "isOutside": true
+          }
+        },
+        {
+          "data": {
+            "id": "1ef34af8124e05c0b6a4acfec8a2441b",
+            "nodeType": "workload",
+            "namespace": "kube-system",
+            "workload": "traefik",
+            "app": "unknown",
+            "version": "unknown",
+            "destServices": [
+              {
+                "namespace": "default",
+                "name": "kubernetes"
+              }
+            ],
+            "traffic": [
+              {
+                "protocol": "tcp",
+                "rates": {
+                  "tcpIn": "984.97"
+                }
+              }
+            ],
+            "isInaccessible": true,
+            "isMisconfigured": "labels=[app version]",
+            "isOutside": true
+          }
+        },
+        {
+          "data": {
+            "id": "64eb41f62645f34716ec98bd07fb5d4e",
+            "nodeType": "app",
+            "namespace": "kubesphere-monitoring-system",
+            "app": "node-exporter",
+            "destServices": [
+              {
+                "namespace": "default",
+                "name": "kubernetes"
+              }
+            ],
+            "isInaccessible": true,
+            "isOutside": true
+          }
+        },
+        {
+          "data": {
+            "id": "de9b5ca2fab6d65e97371a7f492da4d6",
+            "nodeType": "app",
+            "namespace": "monitoring",
+            "app": "kube-prometheus-exporter-node",
+            "destServices": [
+              {
+                "namespace": "default",
+                "name": "kubernetes"
+              }
+            ],
+            "traffic": [
+              {
+                "protocol": "tcp",
+                "rates": {
+                  "tcpIn": "5522.40"
+                }
+              }
+            ],
+            "isOutside": true
+          }
+        },
+        {
+          "data": {
+            "id": "b30b0078325bf2e1adb4d57c4c0c2665",
+            "nodeType": "unknown",
+            "namespace": "unknown",
+            "workload": "unknown",
+            "app": "unknown",
+            "version": "unknown",
+            "traffic": [
+              {
+                "protocol": "http",
+                "rates": {
+                  "httpOut": "0.005"
+                }
+              }
+            ],
+            "isInaccessible": true,
+            "isRoot": true
+          }
+        }
+      ],
+      "edges": [
+        {
+          "data": {
+            "id": "7fef53ce379610b48a6d45d0997532e3",
+            "source": "1166f964717d2b5326c637803017397a",
+            "target": "ac4338d28c3ad444cdbe51d5e7d69891",
+            "traffic": {
+              "protocol": "tcp",
+              "rates": {
+                "tcp": "0.61"
+              },
+              "responses": {
+                "-": {
+                  "-": "100.0"
+                }
+              }
+            }
+          }
+        },
+        {
+          "data": {
+            "id": "61e5b52912401edfd1ae6be7b1d7f7fa",
+            "source": "17091f02abcc66d5a6aa573af81bc293",
+            "target": "ee75dded555d80a2d11d8807e600e28b",
+            "traffic": {
+              "protocol": "http",
+              "rates": {
+                "http": "0.59",
+                "httpPercentReq": "100.0"
+              },
+              "responses": {
+                "200": {
+                  "-": "100.0"
+                }
+              }
+            }
+          }
+        },
+        {
+          "data": {
+            "id": "fce91b418e315982d54c02be2c3df25f",
+            "source": "1e1c805b21415eb30bf16b4109bb70b8",
+            "target": "0fa9c4517f3b2ce89f0ae5f3229c9d05",
+            "traffic": {
+              "protocol": "http"
+            }
+          }
+        },
+        {
+          "data": {
+            "id": "1e9b3cb3fa3ca3567f8c10b6b34763b2",
+            "source": "1e1c805b21415eb30bf16b4109bb70b8",
+            "target": "a4347f4ca23e80f984111fa9252c71cc",
+            "traffic": {
+              "protocol": "http",
+              "rates": {
+                "http": "0.08",
+                "httpPercentReq": "37.7"
+              },
+              "responses": {
+                "200": {
+                  "-": "100.0"
+                }
+              }
+            }
+          }
+        },
+        {
+          "data": {
+            "id": "aa92e2fd559e9e9e10a27b18127b2195",
+            "source": "1e1c805b21415eb30bf16b4109bb70b8",
+            "target": "ac4338d28c3ad444cdbe51d5e7d69891",
+            "traffic": {
+              "protocol": "tcp",
+              "rates": {
+                "tcp": "21.20"
+              },
+              "responses": {
+                "-": {
+                  "-": "100.0"
+                }
+              }
+            }
+          }
+        },
+        {
+          "data": {
+            "id": "0f53f13f9536138d3a8c1691d590cedb",
+            "source": "1e1c805b21415eb30bf16b4109bb70b8",
+            "target": "c7cb4666416998aff6b6772e492cf1e6",
+            "traffic": {
+              "protocol": "http",
+              "rates": {
+                "http": "0.13",
+                "httpPercentReq": "62.3"
+              },
+              "responses": {
+                "200": {
+                  "-": "100.0"
+                }
+              }
+            }
+          }
+        },
+        {
+          "data": {
+            "id": "0f4dbf5205695d97becefc301f9edd23",
+            "source": "28d134027d60a0a450655bf9e25fd820",
+            "target": "71ce69559b37469990f5e55c538acd9f",
+            "traffic": {
+              "protocol": "tcp"
+            }
+          }
+        },
+        {
+          "data": {
+            "id": "75a23548fe5582e7e4cf07e3cced89bf",
+            "source": "28d134027d60a0a450655bf9e25fd820",
+            "target": "a4347f4ca23e80f984111fa9252c71cc",
+            "traffic": {
+              "protocol": "http"
+            }
+          }
+        },
+        {
+          "data": {
+            "id": "dd2aa003784fa7f869fe12e57d0ea8c6",
+            "source": "28d134027d60a0a450655bf9e25fd820",
+            "target": "ac4338d28c3ad444cdbe51d5e7d69891",
+            "traffic": {
+              "protocol": "tcp"
+            }
+          }
+        },
+        {
+          "data": {
+            "id": "290de737a239fc821bb0287fc724375e",
+            "source": "3bbb6a16f0a039e7f18d86aa5dbeb655",
+            "target": "1ef34af8124e05c0b6a4acfec8a2441b",
+            "traffic": {
+              "protocol": "tcp"
+            }
+          }
+        },
+        {
+          "data": {
+            "id": "cc2e0258f36eb3b1f147946fd46a1b67",
+            "source": "8c3a116b49b6a224bb240304efada0ef",
+            "target": "71ce69559b37469990f5e55c538acd9f",
+            "traffic": {
+              "protocol": "tcp"
+            }
+          }
+        },
+        {
+          "data": {
+            "id": "5024053524fdd64eff56fc11bc3111dd",
+            "source": "c7cb4666416998aff6b6772e492cf1e6",
+            "target": "1ef34af8124e05c0b6a4acfec8a2441b",
+            "traffic": {
+              "protocol": "tcp",
+              "rates": {
+                "tcp": "49.34"
+              },
+              "responses": {
+                "-": {
+                  "-": "100.0"
+                }
+              }
+            }
+          }
+        },
+        {
+          "data": {
+            "id": "5a8c0b2ac4c47e0f1654a355d6f6ac7d",
+            "source": "c7cb4666416998aff6b6772e492cf1e6",
+            "target": "472267b2b5068361f791ac7d738bb201",
+            "traffic": {
+              "protocol": "http",
+              "rates": {
+                "http": "0.18",
+                "httpPercentReq": "100.0"
+              },
+              "responses": {
+                "200": {
+                  "-": "100.0"
+                }
+              }
+            }
+          }
+        },
+        {
+          "data": {
+            "id": "c6ee31b229d5f949c1e8fe66915d5540",
+            "source": "c7cb4666416998aff6b6772e492cf1e6",
+            "target": "de9b5ca2fab6d65e97371a7f492da4d6",
+            "traffic": {
+              "protocol": "tcp",
+              "rates": {
+                "tcp": "5522.40"
+              },
+              "responses": {
+                "-": {
+                  "-": "100.0"
+                }
+              }
+            }
+          }
+        },
+        {
+          "data": {
+            "id": "d876be957b1f663c90383aa7aec42df5",
+            "source": "d5e9dbf839f63edfb600a17470053845",
+            "target": "ac4338d28c3ad444cdbe51d5e7d69891",
+            "traffic": {
+              "protocol": "tcp",
+              "rates": {
+                "tcp": "10.05"
+              },
+              "responses": {
+                "-": {
+                  "-": "100.0"
+                }
+              }
+            }
+          }
+        },
+        {
+          "data": {
+            "id": "0f96e4674e6b79acebee3f560f15212d",
+            "source": "e474e0b8e6b953250452df0c4d19fa4b",
+            "target": "17091f02abcc66d5a6aa573af81bc293",
+            "traffic": {
+              "protocol": "http",
+              "rates": {
+                "http": "0.59",
+                "httpPercentReq": "56.5"
+              },
+              "responses": {
+                "200": {
+                  "-": "100.0"
+                }
+              }
+            }
+          }
+        },
+        {
+          "data": {
+            "id": "c843e09cd081097d292014056f60a805",
+            "source": "e474e0b8e6b953250452df0c4d19fa4b",
+            "target": "1e1c805b21415eb30bf16b4109bb70b8",
+            "traffic": {
+              "protocol": "http",
+              "rates": {
+                "http": "0.05",
+                "httpPercentReq": "4.9"
+              },
+              "responses": {
+                "200": {
+                  "-": "100.0"
+                }
+              }
+            }
+          }
+        },
+        {
+          "data": {
+            "id": "de2ed713d3cb38e6265cb836032aeaf7",
+            "source": "e474e0b8e6b953250452df0c4d19fa4b",
+            "target": "28d134027d60a0a450655bf9e25fd820",
+            "traffic": {
+              "protocol": "http"
+            }
+          }
+        },
+        {
+          "data": {
+            "id": "5219307d003d4802af03fb5d4377a13c",
+            "source": "e474e0b8e6b953250452df0c4d19fa4b",
+            "target": "d5e9dbf839f63edfb600a17470053845",
+            "traffic": {
+              "protocol": "http",
+              "rates": {
+                "http": "0.07",
+                "httpPercentReq": "6.9"
+              },
+              "responses": {
+                "200": {
+                  "-": "100.0"
+                }
+              }
+            }
+          }
+        }
+      ]
+    }
+  }
\ No newline at end of file
diff --git a/docs/data.json b/docs/data.json
new file mode 100644
index 0000000000000000000000000000000000000000..5cefa60650c68226dada4305afd168eeb9a062e1
--- /dev/null
+++ b/docs/data.json
@@ -0,0 +1,489 @@
+{
+    "data": {
+        "tableData": [
+            {
+                "date": "2016-05-02",
+                "name": "王小虎",
+                "address": "0",
+                "id": "ssss2722"
+            },
+            {
+                "date": "2016-05-04",
+                "name": "王小虎",
+                "address": "0",
+                "id": "ssss2224"
+            },
+            {
+                "date": "2016-05-01",
+                "name": "王小虎",
+                "address": "0",
+                "id": "ssss222"
+            },
+            {
+                "date": "2016-05-03",
+                "name": "王小虎",
+                "address": "0",
+                "id": "ssss22"
+            }
+        ],
+        "tableData1": [
+            {
+                "id": 1,
+                "date": "2016-05-02",
+                "name": "王小虎",
+                "address": "上海市普陀区金沙江路 1518 弄"
+            },
+            {
+                "id": 2,
+                "date": "2016-05-04",
+                "name": "王小虎",
+                "address": "上海市普陀区金沙江路 1517 弄"
+            },
+            {
+                "id": 3,
+                "date": "2016-05-01",
+                "name": "王小虎",
+                "address": "上海市普陀区金沙江路 1519 弄",
+                "children": [
+                    {
+                        "id": 31,
+                        "date": "2016-05-01",
+                        "name": "王小虎",
+                        "address": "上海市普陀区金沙江路 1519 弄"
+                    },
+                    {
+                        "id": 32,
+                        "date": "2016-05-01",
+                        "name": "王小虎",
+                        "address": "上海市普陀区金沙江路 1519 弄"
+                    }
+                ]
+            },
+            {
+                "id": 4,
+                "date": "2016-05-03",
+                "name": "王小虎",
+                "address": "上海市普陀区金沙江路 1516 弄"
+            }
+        ],
+        "params_arr":[
+            {
+                "id": 1,
+                "zdmc": "地区",
+                "zdbm": "area",
+                "zdlx": "字符串",
+                "zdsm": "这是一个地区的名称",
+                "zdsl":"贵阳市"
+            },
+            {
+                "id": 2,
+                "zdmc": "地区生产总值",
+                "zdbm": "GDP",
+                "zdlx": "字符串",
+                "zdsm": "这是一个地区的总值",
+                "zdsl":"1235",
+                "children": [
+                    {
+                        "id": 21,
+                        "zdmc": "地区",
+                        "zdbm": "area",
+                        "zdlx": "字符串",
+                        "zdsm": "这是一个地区的名称",
+                        "zdsl":"贵阳市"
+                    }
+                ]
+            }
+        ],
+        "params_use_arr":[
+            {
+                "id": 1,
+                "dydw": "某某省某某市莫某城管局字符占位",
+                "dyr": "张先生",
+                "dyyw": "某某项目的决策指挥系统字符占位",
+                "ywxt": "https://apaas.wodcloud.com/apaas/ui/#/",
+                "cjms": "某某某应用于决策指挥系统占位字符",
+                "sqsj": "2016-05-02 12:20:35"
+            },
+            {
+                "id": 1,
+                "dydw": "某某省某某市莫某城管局字符占位",
+                "dyr": "张先生",
+                "dyyw": "某某项目的决策指挥系统字符占位",
+                "ywxt": "https://apaas.wodcloud.com/apaas/ui/#/",
+                "cjms": "某某某应用于决策指挥系统占位字符",
+                "sqsj": "2016-05-02 12:20:35"
+            },
+            {
+                "id": 1,
+                "dydw": "某某省某某市莫某城管局字符占位",
+                "dyr": "张先生",
+                "dyyw": "某某项目的决策指挥系统字符占位",
+                "ywxt": "https://apaas.wodcloud.com/apaas/ui/#/",
+                "cjms": "某某某应用于决策指挥系统占位字符",
+                "sqsj": "2016-05-02 12:20:35"
+            },
+            {
+                "id": 1,
+                "dydw": "某某省某某市莫某城管局字符占位",
+                "dyr": "张先生",
+                "dyyw": "某某项目的决策指挥系统字符占位",
+                "ywxt": "https://apaas.wodcloud.com/apaas/ui/#/",
+                "cjms": "某某某应用于决策指挥系统占位字符",
+                "sqsj": "2016-05-02 12:20:35"
+            },
+            {
+                "id": 1,
+                "dydw": "某某省某某市莫某城管局字符占位",
+                "dyr": "张先生",
+                "dyyw": "某某项目的决策指挥系统字符占位",
+                "ywxt": "https://apaas.wodcloud.com/apaas/ui/#/",
+                "cjms": "某某某应用于决策指挥系统占位字符",
+                "sqsj": "2016-05-02 12:20:35"
+            }
+        ],
+        "creat_app":[
+            {
+                "id": 1,
+                "yymc": "地市GDP基础数据",
+                "yylx": "基础数据服务",
+                "yybb": "V1.1.1",
+                "yycjsj": "2016-05-02 12:20:35",
+                "yybscs":12
+            }
+        ],
+        "check_app":[
+            {
+                "id": 1,
+                "yymc": "地市GDP基础数据",
+                "yylx": "基础数据服务",
+                "yybb": "V1.1.1",
+                "yyspsj": "2016-05-02 12:20:35",
+                "spzt":12
+            }
+        ],
+        "nor_service_list":[
+            {
+                "id": 1,
+                "fwmc": "地市GDP基础数据",
+                "fwlx": "基础数据服务",
+                "zcfbsj": "2016-05-02 12:20:35",
+                "bdycs": "12"
+            },
+            {
+                "id": 2,
+                "fwmc": "地市GDP基础数据",
+                "fwlx": "基础数据服务",
+                "zcfbsj": "2016-05-02",
+                "bdycs": "12"
+            },
+            {
+                "id": 3,
+                "fwmc": "地市GDP基础数据",
+                "fwlx": "基础数据服务",
+                "zcfbsj": "2016-05-02",
+                "bdycs": "12"
+            },
+            {
+                "id": 4,
+                "fwmc": "地市GDP基础数据",
+                "fwlx": "基础数据服务",
+                "zcfbsj": "2016-05-02",
+                "bdycs": "12"
+            }, 
+            {
+                "id": 5,
+                "fwmc": "贵州行政区划要素",
+                "fwlx": "基础数据服务",
+                "zcfbsj": "2016-05-02",
+                "bdycs": "12"
+            }
+        ],
+        "nor_apply_service":[
+            {
+                "id": 1,
+                "fwmc": "地市GDP基础数据",
+                "fwlx": "基础数据服务",
+                "sqsj": "2016-05-02",
+                "sqspzt": "审批通过"
+            },
+            {
+                "id": 1,
+                "fwmc": "地市GDP基础数据",
+                "fwlx": "基础数据服务",
+                "sqsj": "2016-05-02",
+                "sqspzt": "审批通过"
+            },
+            {
+                "id": 1,
+                "fwmc": "地市GDP基础数据",
+                "fwlx": "基础数据服务",
+                "sqsj": "2016-05-02",
+                "sqspzt": "审批通过"
+            },
+            {
+                "id": 1,
+                "fwmc": "地市GDP基础数据",
+                "fwlx": "基础数据服务",
+                "sqsj": "2016-05-02",
+                "sqspzt": "审批通过"
+            },
+            {
+                "id": 1,
+                "fwmc": "地市GDP基础数据",
+                "fwlx": "基础数据服务",
+                "sqsj": "2016-05-02",
+                "sqspzt": "待审批"
+            }
+          
+        ],
+        "nor_service_sh":[
+            {
+                "id": 1,
+                "fwmc": "地市GDP基础数据",
+                "fwlx": "基础数据服务",
+                "spsj": "2016-05-02",
+                "spzt": "待审批"
+            },
+            {
+                "id": 1,
+                "fwmc": "地市GDP基础数据",
+                "fwlx": "基础数据服务",
+                "spsj": "2016-05-02",
+                "spzt": "待审批"
+            },
+            {
+                "id": 1,
+                "fwmc": "地市GDP基础数据",
+                "fwlx": "基础数据服务",
+                "spsj": "2016-05-02",
+                "spzt": "待审批"
+            },
+            {
+                "id": 1,
+                "fwmc": "地市GDP基础数据",
+                "fwlx": "基础数据服务",
+                "spsj": "2016-05-02",
+                "spzt": "待审批"
+            },
+            {
+                "id": 1,
+                "fwmc": "地市GDP基础数据",
+                "fwlx": "基础数据服务",
+                "spsj": "2016-05-02",
+                "spzt": "待审批"
+            }
+           
+          
+        ],
+        "nor_cloud":[
+            {
+                "id": 1,
+                "gzqy": "地市GDP基础数据",
+                "wlhj": "互联网",
+                "cpu": "2",
+                "ncgb": "12",
+                "zyzlgb": "1024",
+                "sqzt": "审批通过"
+            },
+            {
+                "id": 1,
+                "gzqy": "地市GDP基础数据",
+                "wlhj": "互联网",
+                "cpu": "2",
+                "ncgb": "12",
+                "zyzlgb": "1024",
+                "sqzt": "审批通过"
+            },
+            {
+                "id": 1,
+                "gzqy": "地市GDP基础数据",
+                "wlhj": "互联网",
+                "cpu": "2",
+                "ncgb": "12",
+                "zyzlgb": "1024",
+                "sqzt": "审批通过"
+            },
+            {
+                "id": 1,
+                "gzqy": "地市GDP基础数据",
+                "wlhj": "互联网",
+                "cpu": "2",
+                "ncgb": "12",
+                "zyzlgb": "1024",
+                "sqzt": "审批通过"
+            },
+            {
+                "id": 1,
+                "gzqy": "地市GDP基础数据",
+                "wlhj": "互联网",
+                "cpu": "2",
+                "ncgb": "12",
+                "zyzlgb": "1024",
+                "sqzt": "审批通过"
+            }
+        ],
+        "nor_cloud_manage":[
+            {
+                "id": 1,
+                "sszz": "地市GDP基础",
+                "cpu": "2",
+                "ncgb": "12",
+                "gzqysl": "10"
+            },
+            {
+                "id": 1,
+                "sszz": "地市GDP基础",
+                "cpu": "2",
+                "ncgb": "12",
+                "gzqysl": "10"
+            },
+            {
+                "id": 1,
+                "sszz": "地市GDP基础",
+                "cpu": "2",
+                "ncgb": "12",
+                "gzqysl": "10"
+            },
+            {
+                "id": 1,
+                "sszz": "地市GDP基础",
+                "cpu": "2",
+                "ncgb": "12",
+                "gzqysl": "10"
+            },
+            {
+                "id": 1,
+                "sszz": "地市GDP基础",
+                "cpu": "2",
+                "ncgb": "12",
+                "gzqysl": "10"
+            }
+        ],
+        "fwzc_fwcs": [
+            {
+                "id": 1,
+                "requestEncoding": "2016-05-02",
+                "requestValue": "王小虎"
+            },
+            {
+                "id": 2,
+                "requestEncoding": "2016-05-02",
+                "requestValue": "王小虎"
+            },
+            {
+                "id": 13,
+                "requestEncoding": "2016-05-02",
+                "requestValue": "王小虎"
+            },
+            {
+                "id": 11,
+                "requestEncoding": "2016-05-02",
+                "requestValue": "王小虎"
+            }
+        ],
+        "qqcstx": [
+            {
+                "id": 1,
+                "unicode": "2016-05-02",
+                "examples": "2016-05-02",
+                "type": "ssdNW",
+                "name": "王小虎",
+                "needable": "0",
+                "explanation": "上海市普陀区金沙江路 1518 弄"
+            },
+            {
+                "id": 2,
+                "unicode": "2016-05-04",
+                "examples": "2016-05-02",
+                "type": "ssdNW",
+                "name": "王小虎",
+                "needable": "0",
+                "explanation": "上海市普陀区金沙江路 1517 弄"
+            },
+            {
+                "id": 3,
+                "unicode": "2016-05-01",
+                "examples": "2016-05-02",
+                "type": "ssdNW",
+                "name": "王小虎",
+                "needable": "0",
+                "explanation": "上海市普陀区金沙江路 1519 弄",
+                "children": [
+                    {
+                        "id": 31,
+                        "unicode": "2016-05-01",
+                        "examples": "2016-05-02",
+                        "type": "ssdNW",
+                        "name": "王小虎",
+                        "needable": "0",
+                        "explanation": "上海市普陀区金沙江路 1519 弄"
+                    },
+                    {
+                        "id": 32,
+                        "unicode": "2016-05-01",
+                        "examples": "2016-05-02",
+                        "type": "ssdNW",
+                        "name": "王小虎",
+                        "needable": "0",
+                        "explanation": "上海市普陀区金沙江路 1519 弄"
+                    }
+                ]
+            },
+            {
+                "id": 4,
+                "unicode": "2016-05-03",
+                "examples": "2016-05-02",
+                "type": "ssdNW",
+                "name": "王小虎",
+                "needable": "0",
+                "explanation": "上海市普陀区金沙江路 1516 弄"
+            }
+        ],
+        "fhcstx": [
+            {
+                "id": 1,
+                "unicode": "2016-05-02",
+                "type": "ssdNW",
+                "name": "王小虎",
+                "explanation": "上海市普陀区金沙江路 1518 弄"
+            },
+            {
+                "id": 2,
+                "unicode": "2016-05-04",
+                "type": "ssdNW",
+                "name": "王小虎",
+                "explanation": "上海市普陀区金沙江路 1517 弄"
+            },
+            {
+                "id": 3,
+                "unicode": "2016-05-01",
+                "type": "ssdNWssdNWssdNWssdNWssdNWssdNWssdNW",
+                "name": "王小虎",
+                "explanation": "上海市普陀区金沙江路 1519 弄",
+                "children": [
+                    {
+                        "id": 31,
+                        "unicode": "2016-05-01",
+                        "type": "ssdNW",
+                        "name": "王小虎",
+                        "explanation": "上海市普陀区金沙江路 1519 弄"
+                    },
+                    {
+                        "id": 32,
+                        "unicode": "2016-05-01",
+                        "type": "ssdNW",
+                        "name": "王小虎",
+                        "explanation": "上海市普陀区金沙江路 1519 弄"
+                    }
+                ]
+            },
+            {
+                "id": 4,
+                "unicode": "2016-05-03",
+                "type": "ssdNW",
+                "name": "王小虎",
+                "explanation": "上海市普陀区金沙江路 1516 弄"
+            }
+        ]
+    }
+}
\ No newline at end of file
diff --git a/docs/fwcs_data_service_list.json b/docs/fwcs_data_service_list.json
new file mode 100644
index 0000000000000000000000000000000000000000..0c1f5e42a1f6f51fbf0b7fed236873cbb9e7eb59
--- /dev/null
+++ b/docs/fwcs_data_service_list.json
@@ -0,0 +1,54 @@
+{
+    "data": {
+        "data": [
+            {
+                "id": 0,
+                "title": "水路货物周转量情况",
+                "state": 0,
+                "resourceSummary": "提供水路货物周转量排名和同比增长的专题数据服务提供水路货物周转量排名和同比增长的专题数据服务提供水路货物周转量排名和同比增长的专题数据服务",
+                "provider": "提供机构提供机构提供机构",
+                "dataField": "经济建设",
+                "serviceType": "数据服务 专题数据服务 企业专题数据服务",
+                "updateTime": "2020-03-12 18:31:12",
+                "numberOfMonth": "2698755",
+                "rate": 3
+            },
+            {
+                "id": 1,
+                "title": "水路货物周转量情况",
+                "state": 2,
+                "resourceSummary": "提供水路货物周转量排名和同比增长的专题数据服务提供水路货物周转量排名和同比增长的专题数据服务提供水路货物周转量排名和同比增长的专题数据服务",
+                "provider": "提供机构提供机构提供机构",
+                "dataField": "经济建设",
+                "serviceType": "数据服务 专题数据服务 企业专题数据服务",
+                "updateTime": "2020-03-12 18:31:12",
+                "numberOfMonth": "2698745",
+                "rate": 3.4
+            },
+            {
+                "id": 2,
+                "title": "水路货物周转量情况",
+                "state": 1,
+                "resourceSummary": "提供水路货物周转量排名和同比增长的专题数据服务提供水路货物周转量排名和同比增长的专题数据服务提供水路货物周转量排名和同比增长的专题数据服务",
+                "provider": "提供机构提供机构提供机构",
+                "dataField": "经济建设",
+                "serviceType": "数据服务 专题数据服务 企业专题数据服务",
+                "updateTime": "2020-03-12 18:31:12",
+                "numberOfMonth": "2698455",
+                "rate": 2.5
+            },
+            {
+                "id": 3,
+                "title": "水路货物周转量情况",
+                "state": 0,
+                "resourceSummary": "提供水路货物周转量排名和同比增长的专题数据服务提供水路货物周转量排名和同比增长的专题数据服务提供水路货物周转量排名和同比增长的专题数据服务",
+                "provider": "提供机构提供机构提供机构",
+                "dataField": "经济建设",
+                "serviceType": "数据服务 专题数据服务 企业专题数据服务",
+                "updateTime": "2020-03-12 18:31:12",
+                "numberOfMonth": "267455",
+                "rate": 3.7
+            }
+        ]
+    }
+}
\ No newline at end of file
diff --git a/docs/fwcs_data_service_list_filter.json b/docs/fwcs_data_service_list_filter.json
new file mode 100644
index 0000000000000000000000000000000000000000..595fc63ad654bc789b60a80932c61b9e8c60f43a
--- /dev/null
+++ b/docs/fwcs_data_service_list_filter.json
@@ -0,0 +1,154 @@
+{
+  "data": {
+    "filterList": [
+      {
+        "id": 1283,
+        "name": "数据服务类型",
+        "children": [
+          {
+            "id": 1233,
+            "name": "诶哦尬舞",
+            "children": [
+              {
+                "id": 18273,
+                "name": "那我空间服务"
+              },
+              {
+                "id": 12378343,
+                "name": "诶哦尬舞"
+              },
+              {
+                "id": 123533,
+                "name": "诶哦尬舞"
+              }
+            ]
+          },
+          {
+            "id": 121833,
+            "name": "诶哦尬舞"
+          },
+          {
+            "id": 1234573,
+            "name": "诶哦尬舞"
+          },
+          {
+            "id": 134534233,
+            "name": "诶哦尬舞"
+          },
+          {
+            "id": 1234533,
+            "name": "诶哦尬舞"
+          },
+          {
+            "id": 123533,
+            "name": "诶哦尬舞",
+            "children": [
+              {
+                "id": 1824573,
+                "name": "那我空间服务"
+              },
+              {
+                "id": 123378343,
+                "name": "诶哦尬舞"
+              },
+              {
+                "id": 1235333,
+                "name": "诶哦尬舞"
+              }
+            ]
+          },
+          {
+            "id": 12112833,
+            "name": "诶哦尬舞"
+          },
+          {
+            "id": 12341573,
+            "name": "诶哦尬舞"
+          },
+          {
+            "id": 1345434233,
+            "name": "诶哦尬舞"
+          },
+          {
+            "id": 12345533,
+            "name": "诶哦尬舞"
+          }
+        ]
+      },
+      {
+        "id": 128133,
+        "name": "数据服务类型",
+        "children": [
+          {
+            "id": 123313,
+            "name": "诶哦尬舞",
+            "children": [
+              {
+                "id": 1821373,
+                "name": "那我个社工师空间服务"
+              },
+              {
+                "id": 123728343,
+                "name": "诶哦甲方推荐尬舞"
+              },
+              {
+                "id": 12312533,
+                "name": "诶哦库空调尬舞"
+              }
+            ]
+          },
+          {
+            "id": 121123833,
+            "name": "诶哦尬舞"
+          },
+          {
+            "id": 1231234573,
+            "name": "诶哦达瓦大尬舞"
+          },
+          {
+            "id": 13453334233,
+            "name": "诶哦达瓦大尬舞"
+          },
+          {
+            "id": 1234123533,
+            "name": "诶哦尬舞"
+          },
+          {
+            "id": 123512333,
+            "name": "诶哦尬舞",
+            "children": [
+              {
+                "id": 1824123573,
+                "name": "那我空间服务"
+              },
+              {
+                "id": 1233738343,
+                "name": "诶哦尬舞"
+              },
+              {
+                "id": 123125333,
+                "name": "诶哦尬舞"
+              }
+            ]
+          },
+          {
+            "id": 1211312833,
+            "name": "诶哦挖到尬舞"
+          },
+          {
+            "id": 12341231573,
+            "name": "诶哦尬舞"
+          },
+          {
+            "id": 13454314233,
+            "name": "诶哦色粉尬舞"
+          },
+          {
+            "id": 123452533,
+            "name": "诶环境日哦尬舞"
+          }
+        ]
+      }
+    ]
+  }
+}
\ No newline at end of file
diff --git a/docs/harbor_api_projects_3.json b/docs/harbor_api_projects_3.json
deleted file mode 100644
index d29028ba35c9e3c4f707dba30c97ac6071d1a7b5..0000000000000000000000000000000000000000
--- a/docs/harbor_api_projects_3.json
+++ /dev/null
@@ -1,1026 +0,0 @@
-{
-  "objectMeta": {
-   "name": "zhzltest-1525854120-pcsfx",
-   "namespace": "test-zhzl",
-   "labels": {
-    "controller-uid": "0f53c523-5362-11e8-88ba-000c29516a6e",
-    "job-name": "zhzltest-1525854120"
-   },
-   "creationTimestamp": "2018-05-09T08:22:06Z"
-  },
-  "typeMeta": {
-   "kind": "pod"
-  },
-  "podPhase": "Succeeded",
-  "podIP": "10.2.1.239",
-  "nodeName": "192.168.74.102",
-  "restartCount": 0,
-  "qosClass": "BestEffort",
-  "controller": {
-   "objectMeta": {
-    "name": "zhzltest-1525854120",
-    "namespace": "test-zhzl",
-    "labels": {
-     "controller-uid": "0f53c523-5362-11e8-88ba-000c29516a6e",
-     "job-name": "zhzltest-1525854120"
-    },
-    "creationTimestamp": "2018-05-09T08:22:06Z"
-   },
-   "typeMeta": {
-    "kind": "job"
-   },
-   "pods": {
-    "current": 0,
-    "desired": 1,
-    "running": 0,
-    "pending": 0,
-    "failed": 0,
-    "succeeded": 1,
-    "warnings": []
-   },
-   "containerImages": [
-    "registry.ispacesys.cn/cig/zhzlconsole:0.0.2-test"
-   ],
-   "initContainerImages": null
-  },
-  "containers": [
-   {
-    "name": "zhzlconsole",
-    "image": "registry.ispacesys.cn/cig/zhzlconsole:0.0.2-test",
-    "env": [
-     {
-      "name": "STORAGE_URL",
-      "value": "192.168.74.102",
-      "valueFrom": {
-       "configMapKeyRef": {
-        "name": "cig",
-        "key": "STORAGE_URL"
-       }
-      }
-     },
-     {
-      "name": "ELASTIC_PORT",
-      "value": "9200",
-      "valueFrom": {
-       "configMapKeyRef": {
-        "name": "cig",
-        "key": "ELASTIC_PORT"
-       }
-      }
-     },
-     {
-      "name": "NODE_ORACLEDB_EP_PASSWORD",
-      "value": "EFLOW1234",
-      "valueFrom": {
-       "configMapKeyRef": {
-        "name": "cig",
-        "key": "NODE_ORACLEDB_EP_PASSWORD"
-       }
-      }
-     },
-     {
-      "name": "NODE_ORACLEDB_USER",
-      "value": "cigproxy",
-      "valueFrom": {
-       "configMapKeyRef": {
-        "name": "cig",
-        "key": "NODE_ORACLEDB_USER"
-       }
-      }
-     },
-     {
-      "name": "SDJ_EVENTURL",
-      "value": "http://cxcig.ddns.net:10014/gateway/api/001003001029/GrassrootsGovernance/bR4rD5d1O04KUdV0.htm",
-      "valueFrom": {
-       "configMapKeyRef": {
-        "name": "cig",
-        "key": "SDJ_EVENTURL"
-       }
-      }
-     },
-     {
-      "name": "SDJ_SECRETURL_BYKEY",
-      "value": "http://cxcig.ddns.net:10014/gateway/app/refreshTokenByKey.htm",
-      "valueFrom": {
-       "configMapKeyRef": {
-        "name": "cig",
-        "key": "SDJ_SECRETURL_BYKEY"
-       }
-      }
-     },
-     {
-      "name": "SYS_SERVICE_ROOT",
-      "value": "http://test-zhzl.spacecig.com/",
-      "valueFrom": {
-       "configMapKeyRef": {
-        "name": "cig",
-        "key": "SYS_SERVICE_ROOT"
-       }
-      }
-     },
-     {
-      "name": "WX_PROTOCOL",
-      "value": "http://",
-      "valueFrom": {
-       "configMapKeyRef": {
-        "name": "cig",
-        "key": "WX_PROTOCOL"
-       }
-      }
-     },
-     {
-      "name": "APPKEYSECRET",
-      "value": "bF97LaEoiVPuGn8HMUy4",
-      "valueFrom": {
-       "configMapKeyRef": {
-        "name": "cig",
-        "key": "APPKEYSECRET"
-       }
-      }
-     },
-     {
-      "name": "NODE_REDIS_CONNECTION",
-      "value": "redis://deps:6379",
-      "valueFrom": {
-       "configMapKeyRef": {
-        "name": "cig",
-        "key": "NODE_REDIS_CONNECTION"
-       }
-      }
-     },
-     {
-      "name": "ELASTIC_HOST",
-      "value": "elasticsearch.efk",
-      "valueFrom": {
-       "configMapKeyRef": {
-        "name": "cig",
-        "key": "ELASTIC_HOST"
-       }
-      }
-     },
-     {
-      "name": "HOST_OUTER",
-      "value": "123.157.108.231",
-      "valueFrom": {
-       "configMapKeyRef": {
-        "name": "cig",
-        "key": "HOST_OUTER"
-       }
-      }
-     },
-     {
-      "name": "MAP_BAIDU_SERVICEID",
-      "value": "149274",
-      "valueFrom": {
-       "configMapKeyRef": {
-        "name": "cig",
-        "key": "MAP_BAIDU_SERVICEID"
-       }
-      }
-     },
-     {
-      "name": "NODE_MSMQ_REDIS_CONNECTION",
-      "value": "redis://deps-msmqredis:6379",
-      "valueFrom": {
-       "configMapKeyRef": {
-        "name": "cig",
-        "key": "NODE_MSMQ_REDIS_CONNECTION"
-       }
-      }
-     },
-     {
-      "name": "NODE_ORACLEDB_PASSWORD",
-      "value": "cigproxy",
-      "valueFrom": {
-       "configMapKeyRef": {
-        "name": "cig",
-        "key": "NODE_ORACLEDB_PASSWORD"
-       }
-      }
-     },
-     {
-      "name": "TOKEN_SERVICE",
-      "value": "http://iam:3011/admin",
-      "valueFrom": {
-       "configMapKeyRef": {
-        "name": "cig",
-        "key": "TOKEN_SERVICE"
-       }
-      }
-     },
-     {
-      "name": "WFSERVICE_PORT",
-      "value": "890",
-      "valueFrom": {
-       "configMapKeyRef": {
-        "name": "cig",
-        "key": "WFSERVICE_PORT"
-       }
-      }
-     },
-     {
-      "name": "DH_HOST",
-      "value": "10.21.197.45",
-      "valueFrom": {
-       "configMapKeyRef": {
-        "name": "cig",
-        "key": "DH_HOST"
-       }
-      }
-     },
-     {
-      "name": "JPUSH_IOS_ENV",
-      "value": "PRODUCTION",
-      "valueFrom": {
-       "configMapKeyRef": {
-        "name": "cig",
-        "key": "JPUSH_IOS_ENV"
-       }
-      }
-     },
-     {
-      "name": "MSG_NONCE",
-      "value": "58772015",
-      "valueFrom": {
-       "configMapKeyRef": {
-        "name": "cig",
-        "key": "MSG_NONCE"
-       }
-      }
-     },
-     {
-      "name": "NODE_MSMQ_REDIS_REST_TICK",
-      "value": "[1, 6, 11, 16, 21, 26, 31, 36, 41, 46, 51, 56]",
-      "valueFrom": {
-       "configMapKeyRef": {
-        "name": "cig",
-        "key": "NODE_MSMQ_REDIS_REST_TICK"
-       }
-      }
-     },
-     {
-      "name": "TXYZB_ACCOUNT_TYPE",
-      "value": "18538",
-      "valueFrom": {
-       "configMapKeyRef": {
-        "name": "cig",
-        "key": "TXYZB_ACCOUNT_TYPE"
-       }
-      }
-     },
-     {
-      "name": "APPKEY_OUTER",
-      "value": "28624821",
-      "valueFrom": {
-       "configMapKeyRef": {
-        "name": "cig",
-        "key": "APPKEY_OUTER"
-       }
-      }
-     },
-     {
-      "name": "CIG_TASK_JOB",
-      "value": "0",
-      "valueFrom": {
-       "configMapKeyRef": {
-        "name": "cig",
-        "key": "CIG_TASK_JOB"
-       }
-      }
-     },
-     {
-      "name": "MAP_BAIDU_APPKEY",
-      "value": "f1PKq1WeBmB893LfnGxQ7gEuDV6uSeRb",
-      "valueFrom": {
-       "configMapKeyRef": {
-        "name": "cig",
-        "key": "MAP_BAIDU_APPKEY"
-       }
-      }
-     },
-     {
-      "name": "PORT_OUTER",
-      "value": "9999",
-      "valueFrom": {
-       "configMapKeyRef": {
-        "name": "cig",
-        "key": "PORT_OUTER"
-       }
-      }
-     },
-     {
-      "name": "TXYZB_SDK_APPID",
-      "value": "1400047153",
-      "valueFrom": {
-       "configMapKeyRef": {
-        "name": "cig",
-        "key": "TXYZB_SDK_APPID"
-       }
-      }
-     },
-     {
-      "name": "YH_API_URL",
-      "value": "http://192.168.74.102:29980/yhapi",
-      "valueFrom": {
-       "configMapKeyRef": {
-        "name": "cig",
-        "key": "YH_API_URL"
-       }
-      }
-     },
-     {
-      "name": "APP_FILE_SERVICE",
-      "value": "https://test-zhzl.spacecig.com",
-      "valueFrom": {
-       "configMapKeyRef": {
-        "name": "cig",
-        "key": "APP_FILE_SERVICE"
-       }
-      }
-     },
-     {
-      "name": "MSG_APPSECRET",
-      "value": "92fac7d3a7dc",
-      "valueFrom": {
-       "configMapKeyRef": {
-        "name": "cig",
-        "key": "MSG_APPSECRET"
-       }
-      }
-     },
-     {
-      "name": "HEZHANG_DEAL_PATH",
-      "value": "/hzzpublic/event/outTimeEvent/doOverEvent",
-      "valueFrom": {
-       "configMapKeyRef": {
-        "name": "cig",
-        "key": "HEZHANG_DEAL_PATH"
-       }
-      }
-     },
-     {
-      "name": "HEZHANG_HOST",
-      "value": "https://hzz.spacecig.com",
-      "valueFrom": {
-       "configMapKeyRef": {
-        "name": "cig",
-        "key": "HEZHANG_HOST"
-       }
-      }
-     },
-     {
-      "name": "NODE_ORACLEDB_CONNECTIONSTRING",
-      "value": "oracle:11421/xe",
-      "valueFrom": {
-       "configMapKeyRef": {
-        "name": "cig",
-        "key": "NODE_ORACLEDB_CONNECTIONSTRING"
-       }
-      }
-     },
-     {
-      "name": "NODE_ORACLEDB_EP_USER",
-      "value": "EFLOW",
-      "valueFrom": {
-       "configMapKeyRef": {
-        "name": "cig",
-        "key": "NODE_ORACLEDB_EP_USER"
-       }
-      }
-     },
-     {
-      "name": "NODE_ORACLEGEODB_PASSWORD",
-      "value": "cigsde",
-      "valueFrom": {
-       "configMapKeyRef": {
-        "name": "cig",
-        "key": "NODE_ORACLEGEODB_PASSWORD"
-       }
-      }
-     },
-     {
-      "name": "REST_APIURLBASE_WF",
-      "value": "http://test-zhzl.spacecig.com/",
-      "valueFrom": {
-       "configMapKeyRef": {
-        "name": "cig",
-        "key": "REST_APIURLBASE_WF"
-       }
-      }
-     },
-     {
-      "name": "APPSECRET_INNER",
-      "value": "Q9GM11oUW74AkOcc0Gq9",
-      "valueFrom": {
-       "configMapKeyRef": {
-        "name": "cig",
-        "key": "APPSECRET_INNER"
-       }
-      }
-     },
-     {
-      "name": "SDJ_APPSECRET",
-      "value": "a1be950e557946af91a0bb425bd3b2ac",
-      "valueFrom": {
-       "configMapKeyRef": {
-        "name": "cig",
-        "key": "SDJ_APPSECRET"
-       }
-      }
-     },
-     {
-      "name": "WX_HOST",
-      "value": "test-zhzl.spacecig.com",
-      "valueFrom": {
-       "configMapKeyRef": {
-        "name": "cig",
-        "key": "WX_HOST"
-       }
-      }
-     },
-     {
-      "name": "MSG_CODELEN",
-      "value": "6",
-      "valueFrom": {
-       "configMapKeyRef": {
-        "name": "cig",
-        "key": "MSG_CODELEN"
-       }
-      }
-     },
-     {
-      "name": "REST_APIURLBASE_WF_NEW",
-      "value": "http://test-zhzl.spacecig.com/wf/",
-      "valueFrom": {
-       "configMapKeyRef": {
-        "name": "cig",
-        "key": "REST_APIURLBASE_WF_NEW"
-       }
-      }
-     },
-     {
-      "name": "SCHEDULE",
-      "value": "1",
-      "valueFrom": {
-       "configMapKeyRef": {
-        "name": "cig",
-        "key": "SCHEDULE"
-       }
-      }
-     },
-     {
-      "name": "UV_THREADPOOL_SIZE",
-      "value": "20",
-      "valueFrom": {
-       "configMapKeyRef": {
-        "name": "cig",
-        "key": "UV_THREADPOOL_SIZE"
-       }
-      }
-     },
-     {
-      "name": "YICHUANG_HOST",
-      "value": "http://xzfw.zjcx.gov.cn",
-      "valueFrom": {
-       "configMapKeyRef": {
-        "name": "cig",
-        "key": "YICHUANG_HOST"
-       }
-      }
-     },
-     {
-      "name": "NODE_ORACLEGEODB_USER",
-      "value": "cigsde",
-      "valueFrom": {
-       "configMapKeyRef": {
-        "name": "cig",
-        "key": "NODE_ORACLEGEODB_USER"
-       }
-      }
-     },
-     {
-      "name": "MEMCACHED_PATH",
-      "value": "deps:11211",
-      "valueFrom": {
-       "configMapKeyRef": {
-        "name": "cig",
-        "key": "MEMCACHED_PATH"
-       }
-      }
-     },
-     {
-      "name": "SDJ_SECRETURL_BYSEC",
-      "value": "http://cxcig.ddns.net:10014/gateway/app/refreshTokenBySec.htm",
-      "valueFrom": {
-       "configMapKeyRef": {
-        "name": "cig",
-        "key": "SDJ_SECRETURL_BYSEC"
-       }
-      }
-     },
-     {
-      "name": "CACHE_CONFIG_URL",
-      "value": "deps:11211",
-      "valueFrom": {
-       "configMapKeyRef": {
-        "name": "cig",
-        "key": "CACHE_CONFIG_URL"
-       }
-      }
-     },
-     {
-      "name": "DH_HOST_OUT",
-      "value": "client.zjcx1.cn",
-      "valueFrom": {
-       "configMapKeyRef": {
-        "name": "cig",
-        "key": "DH_HOST_OUT"
-       }
-      }
-     },
-     {
-      "name": "GEO_SERVER_HOST",
-      "value": "test-zhzl.spacecig.com",
-      "valueFrom": {
-       "configMapKeyRef": {
-        "name": "cig",
-        "key": "GEO_SERVER_HOST"
-       }
-      }
-     },
-     {
-      "name": "GEO_SERVER_PORT",
-      "value": "80",
-      "valueFrom": {
-       "configMapKeyRef": {
-        "name": "cig",
-        "key": "GEO_SERVER_PORT"
-       }
-      }
-     },
-     {
-      "name": "MSG_SERVERURL",
-      "value": "https://api.netease.im/sms/sendcode.action",
-      "valueFrom": {
-       "configMapKeyRef": {
-        "name": "cig",
-        "key": "MSG_SERVERURL"
-       }
-      }
-     },
-     {
-      "name": "MSG_TEMPLATEID",
-      "value": "4022280",
-      "valueFrom": {
-       "configMapKeyRef": {
-        "name": "cig",
-        "key": "MSG_TEMPLATEID"
-       }
-      }
-     },
-     {
-      "name": "WFSERVICE_HOST",
-      "value": "192.168.74.116",
-      "valueFrom": {
-       "configMapKeyRef": {
-        "name": "cig",
-        "key": "WFSERVICE_HOST"
-       }
-      }
-     },
-     {
-      "name": "APPKEY_INNER",
-      "value": "26208115",
-      "valueFrom": {
-       "configMapKeyRef": {
-        "name": "cig",
-        "key": "APPKEY_INNER"
-       }
-      }
-     },
-     {
-      "name": "JPUSH_SECRET",
-      "value": "350010b7ff0c0f8c7700ab91",
-      "valueFrom": {
-       "configMapKeyRef": {
-        "name": "cig",
-        "key": "JPUSH_SECRET"
-       }
-      }
-     },
-     {
-      "name": "MSG_APPKEY",
-      "value": "7cd4776db7cebf12a733b78fdba7bba1",
-      "valueFrom": {
-       "configMapKeyRef": {
-        "name": "cig",
-        "key": "MSG_APPKEY"
-       }
-      }
-     },
-     {
-      "name": "SDJ_ISSEND",
-      "value": "0",
-      "valueFrom": {
-       "configMapKeyRef": {
-        "name": "cig",
-        "key": "SDJ_ISSEND"
-       }
-      }
-     },
-     {
-      "name": "STORAGE_PORT",
-      "value": "50070",
-      "valueFrom": {
-       "configMapKeyRef": {
-        "name": "cig",
-        "key": "STORAGE_PORT"
-       }
-      }
-     },
-     {
-      "name": "ZHZLBACKEND_DOMAIN",
-      "value": "http://zhzlbackend:3003",
-      "valueFrom": {
-       "configMapKeyRef": {
-        "name": "cig",
-        "key": "ZHZLBACKEND_DOMAIN"
-       }
-      }
-     },
-     {
-      "name": "DH_HOST_PORT",
-      "value": "8080",
-      "valueFrom": {
-       "configMapKeyRef": {
-        "name": "cig",
-        "key": "DH_HOST_PORT"
-       }
-      }
-     },
-     {
-      "name": "JPUSH_KEY",
-      "value": "a2b9b0542275313950882390",
-      "valueFrom": {
-       "configMapKeyRef": {
-        "name": "cig",
-        "key": "JPUSH_KEY"
-       }
-      }
-     },
-     {
-      "name": "TXYZB_KEY_PATH",
-      "value": "common/config/txYunKey/test",
-      "valueFrom": {
-       "configMapKeyRef": {
-        "name": "cig",
-        "key": "TXYZB_KEY_PATH"
-       }
-      }
-     },
-     {
-      "name": "CIGWBJ_NODE_ORACLEDB_USER",
-      "value": "cigwbj",
-      "valueFrom": {
-       "configMapKeyRef": {
-        "name": "cig",
-        "key": "CIGWBJ_NODE_ORACLEDB_USER"
-       }
-      }
-     },
-     {
-      "name": "CIGWBJ_NODE_ORACLEDB_PASSWORD",
-      "value": "esri@123",
-      "valueFrom": {
-       "configMapKeyRef": {
-        "name": "cig",
-        "key": "CIGWBJ_NODE_ORACLEDB_PASSWORD"
-       }
-      }
-     },
-     {
-      "name": "DH_PORT_OUT",
-      "value": "8081",
-      "valueFrom": {
-       "configMapKeyRef": {
-        "name": "cig",
-        "key": "DH_PORT_OUT"
-       }
-      }
-     },
-     {
-      "name": "HEZHANG_OVERTIME_PATH",
-      "value": "/hzzpublic/event/outTimeEvent/addOverEvent",
-      "valueFrom": {
-       "configMapKeyRef": {
-        "name": "cig",
-        "key": "HEZHANG_OVERTIME_PATH"
-       }
-      }
-     },
-     {
-      "name": "HOST_INNER",
-      "value": "10.21.197.78",
-      "valueFrom": {
-       "configMapKeyRef": {
-        "name": "cig",
-        "key": "HOST_INNER"
-       }
-      }
-     },
-     {
-      "name": "KUBERNETES_HOST",
-      "value": "https://k8s.ispacesys.cn:6443",
-      "valueFrom": {
-       "configMapKeyRef": {
-        "name": "cig",
-        "key": "KUBERNETES_HOST"
-       }
-      }
-     },
-     {
-      "name": "NODE_ORACLEGEODB_CONNECTIONSTRING",
-      "value": "192.168.74.109:1521/orcl",
-      "valueFrom": {
-       "configMapKeyRef": {
-        "name": "cig",
-        "key": "NODE_ORACLEGEODB_CONNECTIONSTRING"
-       }
-      }
-     },
-     {
-      "name": "PORT_INNER",
-      "value": "9999",
-      "valueFrom": {
-       "configMapKeyRef": {
-        "name": "cig",
-        "key": "PORT_INNER"
-       }
-      }
-     },
-     {
-      "name": "CIGWBJ_NODE_ORACLEDB_CONNECTIONSTRING",
-      "value": "10.21.198.126:15214/xe",
-      "valueFrom": {
-       "configMapKeyRef": {
-        "name": "cig",
-        "key": "CIGWBJ_NODE_ORACLEDB_CONNECTIONSTRING"
-       }
-      }
-     },
-     {
-      "name": "PROXY_IIS_CIGSYSTEM",
-      "value": "http://192.168.74.109",
-      "valueFrom": {
-       "configMapKeyRef": {
-        "name": "cig",
-        "key": "PROXY_IIS_CIGSYSTEM"
-       }
-      }
-     }
-    ],
-    "commands": [
-     "pm2"
-    ],
-    "args": [
-     "start",
-     "./pm2/prod-zhzlconsole.config.js",
-     "--env",
-     "production",
-     "--no-daemon",
-     "--",
-     "-r",
-     "test/index",
-     "-a",
-     "\"{'b':1}\""
-    ]
-   }
-  ],
-  "initContainers": [],
-  "metrics": [
-   {
-    "dataPoints": [],
-    "metricPoints": [],
-    "metricName": "cpu/usage_rate",
-    "aggregation": "sum"
-   },
-   {
-    "dataPoints": [],
-    "metricPoints": [],
-    "metricName": "memory/usage",
-    "aggregation": "sum"
-   }
-  ],
-  "conditions": [
-   {
-    "type": "Initialized",
-    "status": "True",
-    "lastProbeTime": null,
-    "lastTransitionTime": "2018-05-09T08:22:06Z",
-    "reason": "PodCompleted",
-    "message": ""
-   },
-   {
-    "type": "Ready",
-    "status": "False",
-    "lastProbeTime": null,
-    "lastTransitionTime": "2018-05-09T08:22:21Z",
-    "reason": "PodCompleted",
-    "message": ""
-   },
-   {
-    "type": "PodScheduled",
-    "status": "True",
-    "lastProbeTime": null,
-    "lastTransitionTime": "2018-05-09T08:22:06Z",
-    "reason": "",
-    "message": ""
-   }
-  ],
-  "eventList": {
-   "listMeta": {
-    "totalItems": 9
-   },
-   "events": [
-    {
-     "objectMeta": {
-      "name": "zhzltest-1525854120-pcsfx.152cec3e605825a8",
-      "namespace": "test-zhzl",
-      "creationTimestamp": "2018-05-09T08:22:06Z"
-     },
-     "typeMeta": {
-      "kind": "event"
-     },
-     "message": "Successfully assigned zhzltest-1525854120-pcsfx to 192.168.74.102",
-     "sourceComponent": "default-scheduler",
-     "sourceHost": "",
-     "object": "",
-     "count": 1,
-     "firstSeen": "2018-05-09T08:22:06Z",
-     "lastSeen": "2018-05-09T08:22:06Z",
-     "reason": "Scheduled",
-     "type": "Normal"
-    },
-    {
-     "objectMeta": {
-      "name": "zhzltest-1525854120-pcsfx.152cec3e71be3c05",
-      "namespace": "test-zhzl",
-      "creationTimestamp": "2018-05-09T08:22:06Z"
-     },
-     "typeMeta": {
-      "kind": "event"
-     },
-     "message": "MountVolume.SetUp succeeded for volume \"uploaddir\" ",
-     "sourceComponent": "kubelet",
-     "sourceHost": "192.168.74.102",
-     "object": "",
-     "count": 1,
-     "firstSeen": "2018-05-09T08:22:06Z",
-     "lastSeen": "2018-05-09T08:22:06Z",
-     "reason": "SuccessfulMountVolume",
-     "type": "Normal"
-    },
-    {
-     "objectMeta": {
-      "name": "zhzltest-1525854120-pcsfx.152cec3e71cb9080",
-      "namespace": "test-zhzl",
-      "creationTimestamp": "2018-05-09T08:22:06Z"
-     },
-     "typeMeta": {
-      "kind": "event"
-     },
-     "message": "MountVolume.SetUp succeeded for volume \"logdir\" ",
-     "sourceComponent": "kubelet",
-     "sourceHost": "192.168.74.102",
-     "object": "",
-     "count": 1,
-     "firstSeen": "2018-05-09T08:22:06Z",
-     "lastSeen": "2018-05-09T08:22:06Z",
-     "reason": "SuccessfulMountVolume",
-     "type": "Normal"
-    },
-    {
-     "objectMeta": {
-      "name": "zhzltest-1525854120-pcsfx.152cec3e71cd1649",
-      "namespace": "test-zhzl",
-      "creationTimestamp": "2018-05-09T08:22:06Z"
-     },
-     "typeMeta": {
-      "kind": "event"
-     },
-     "message": "MountVolume.SetUp succeeded for volume \"localtime\" ",
-     "sourceComponent": "kubelet",
-     "sourceHost": "192.168.74.102",
-     "object": "",
-     "count": 1,
-     "firstSeen": "2018-05-09T08:22:06Z",
-     "lastSeen": "2018-05-09T08:22:06Z",
-     "reason": "SuccessfulMountVolume",
-     "type": "Normal"
-    },
-    {
-     "objectMeta": {
-      "name": "zhzltest-1525854120-pcsfx.152cec3e729c7be8",
-      "namespace": "test-zhzl",
-      "creationTimestamp": "2018-05-09T08:22:06Z"
-     },
-     "typeMeta": {
-      "kind": "event"
-     },
-     "message": "MountVolume.SetUp succeeded for volume \"default-token-mr56l\" ",
-     "sourceComponent": "kubelet",
-     "sourceHost": "192.168.74.102",
-     "object": "",
-     "count": 1,
-     "firstSeen": "2018-05-09T08:22:06Z",
-     "lastSeen": "2018-05-09T08:22:06Z",
-     "reason": "SuccessfulMountVolume",
-     "type": "Normal"
-    },
-    {
-     "objectMeta": {
-      "name": "zhzltest-1525854120-pcsfx.152cec3ecba4ed74",
-      "namespace": "test-zhzl",
-      "creationTimestamp": "2018-05-09T08:22:08Z"
-     },
-     "typeMeta": {
-      "kind": "event"
-     },
-     "message": "pulling image \"registry.ispacesys.cn/cig/zhzlconsole:0.0.2-test\"",
-     "sourceComponent": "kubelet",
-     "sourceHost": "192.168.74.102",
-     "object": "spec.containers{zhzlconsole}",
-     "count": 1,
-     "firstSeen": "2018-05-09T08:22:08Z",
-     "lastSeen": "2018-05-09T08:22:08Z",
-     "reason": "Pulling",
-     "type": "Normal"
-    },
-    {
-     "objectMeta": {
-      "name": "zhzltest-1525854120-pcsfx.152cec3ee78808a3",
-      "namespace": "test-zhzl",
-      "creationTimestamp": "2018-05-09T08:22:08Z"
-     },
-     "typeMeta": {
-      "kind": "event"
-     },
-     "message": "Successfully pulled image \"registry.ispacesys.cn/cig/zhzlconsole:0.0.2-test\"",
-     "sourceComponent": "kubelet",
-     "sourceHost": "192.168.74.102",
-     "object": "spec.containers{zhzlconsole}",
-     "count": 1,
-     "firstSeen": "2018-05-09T08:22:08Z",
-     "lastSeen": "2018-05-09T08:22:08Z",
-     "reason": "Pulled",
-     "type": "Normal"
-    },
-    {
-     "objectMeta": {
-      "name": "zhzltest-1525854120-pcsfx.152cec3efafce4dc",
-      "namespace": "test-zhzl",
-      "creationTimestamp": "2018-05-09T08:22:09Z"
-     },
-     "typeMeta": {
-      "kind": "event"
-     },
-     "message": "Created container",
-     "sourceComponent": "kubelet",
-     "sourceHost": "192.168.74.102",
-     "object": "spec.containers{zhzlconsole}",
-     "count": 1,
-     "firstSeen": "2018-05-09T08:22:09Z",
-     "lastSeen": "2018-05-09T08:22:09Z",
-     "reason": "Created",
-     "type": "Normal"
-    },
-    {
-     "objectMeta": {
-      "name": "zhzltest-1525854120-pcsfx.152cec3f1afdc1f8",
-      "namespace": "test-zhzl",
-      "creationTimestamp": "2018-05-09T08:22:09Z"
-     },
-     "typeMeta": {
-      "kind": "event"
-     },
-     "message": "Started container",
-     "sourceComponent": "kubelet",
-     "sourceHost": "192.168.74.102",
-     "object": "spec.containers{zhzlconsole}",
-     "count": 1,
-     "firstSeen": "2018-05-09T08:22:09Z",
-     "lastSeen": "2018-05-09T08:22:09Z",
-     "reason": "Started",
-     "type": "Normal"
-    }
-   ]
-  },
-  "persistentVolumeClaimList": {
-   "listMeta": {
-    "totalItems": 0
-   },
-   "items": null,
-   "errors": null
-  },
-  "errors": []
- }
\ No newline at end of file
diff --git a/src/assets/css/index.css b/src/assets/css/index.css
index 27feed09d087d58c6dc6c59cb59d241f0fca47c1..8bec4bf9dae16390f7dab9e6c67db4defbc2f381 100644
--- a/src/assets/css/index.css
+++ b/src/assets/css/index.css
@@ -451,4 +451,15 @@ width: 620px!important;
 }
 .el-radio__input.is-checked .el-radio__inner::after {
   background-color: #e56600;
+}
+/* 面包屑样式 */
+.bread_crumb {
+  margin: 20px;
+  font-size: 14px;
+}
+.bread_crumb .el-breadcrumb__inner {
+  color: #b4c0f5 !important;
+}
+.bread_crumb .is-link {
+  color: #626de9 !important;
 }
\ No newline at end of file
diff --git a/src/components/commodity-cell.vue b/src/components/commodity-cell.vue
index 16decf854ed3fbbd007414ff32cebc40f0271727..78bdcedce8b24022edeb2952b6128588c7346ac8 100644
--- a/src/components/commodity-cell.vue
+++ b/src/components/commodity-cell.vue
@@ -8,37 +8,37 @@
     </div>
     <div class="com_cell_message">
       <div class="com_cell_msg_title">
-        水路货物周转量情况
-        <span v-if="cellData.id == 1" class="tags shared">共享</span>
-        <span v-else-if="cellData.id ==  2" class="tags restricted">受限</span>
+        {{ cellData.title }}
+        <span v-if="cellData.state == 1" class="tags shared">共享</span>
+        <span v-else-if="cellData.state ==  2" class="tags restricted">受限</span>
         <span v-else class="tags sensitive">敏感</span>
       </div>
       <div class="com_cell_item">
         <span class="com_cell_item_title">资源摘要：</span>
         <span
           class="com_cell_data"
-        >提供水路货物周转量排名和同比增长的专题数据服务提供水路货物周转量排名和同比增长的专题数据服务提供水路货物周转量排名和同比增长的专题数据服务</span>
+        >{{ cellData.resourceSummary }}</span>
       </div>
       <div class="com_cell_item">
         <span class="com_cell_item_title">提供机构：</span>
-        <span class="com_cell_data">贵州省交通运输厅</span>
+        <span class="com_cell_data">{{ cellData.provider }}</span>
       </div>
       <div class="com_cell_item">
         <span class="com_cell_item_title">数据领域：</span>
-        <span class="com_cell_data">经济建设</span>
+        <span class="com_cell_data">{{ cellData.dataField }}</span>
       </div>
       <div class="com_cell_item">
         <span class="com_cell_item_title">服务类型：</span>
-        <span class="com_cell_data">数据服务 专题数据服务 企业专题数据服务</span>
+        <span class="com_cell_data">{{ cellData.serviceType }}</span>
       </div>
       <div class="com_cell_item">
         <span class="com_cell_item_title">更新时间：</span>
-        <span class="com_cell_data">2020-03-12 18:31:12</span>
+        <span class="com_cell_data">{{ cellData.updateTime }}</span>
       </div>
     </div>
     <div class="com_cell_right">
       <el-rate
-        v-model="cellData.id"
+        v-model="cellData.rate"
         disabled
         show-score
         text-color="#58617a"
@@ -46,7 +46,7 @@
       ></el-rate>
       <div class="com_cell_right_text">
         <span class="com_cell_right_time_tit">本月获取次数：</span>
-        <span class="com_cell_right_time">26987455次</span>
+        <span class="com_cell_right_time">{{ cellData.numberOfMonth }}次</span>
       </div>
       <el-button class="com_cell_right_btn" @click="goUrl('ssurl')">查看详情</el-button>
     </div>
@@ -122,7 +122,7 @@ export default {
 }
 .com_cell_right {
   width: 250px;
-  padding: 25px 0 0 60px;
+  padding: 25px 0 0 50px;
 }
 .com_cell_right_text {
   font-size: 14px;
@@ -148,7 +148,7 @@ export default {
   padding: 1px 8px;
   font-size: 12px;
   font-weight: 500;
-  border-radius: 10px;
+  border-radius: 15px;
   position: relative;
   top: -2px;
 }
diff --git a/src/components/commodity-list.vue b/src/components/commodity-list.vue
index 683a9a48f6831bebeb1a8de9ee13dff203c36c9d..79e81a4c03793f8cf215f3afa1069b9cbb199b48 100644
--- a/src/components/commodity-list.vue
+++ b/src/components/commodity-list.vue
@@ -94,11 +94,11 @@ export default {
   methods: {
     handleSizeChange(val) {
       this.pagination.rowsPerPage = val;
-      this.$emit("refresh");
+      this.$emit("refresh", this.pagination);
     },
     handleCurrentChange(val) {
       this.pagination.page += val;
-      this.$emit("refresh");
+      this.$emit("refresh", this.pagination);
     },
     getTotal() {
       this.pagination.total = this.datas.length;
diff --git a/src/components/service_list.vue b/src/components/service_list.vue
new file mode 100644
index 0000000000000000000000000000000000000000..324b642ae4d435e7599710855546a7924f415020
--- /dev/null
+++ b/src/components/service_list.vue
@@ -0,0 +1,573 @@
+<template>
+  <div>
+    <div class="head_flex">
+      <el-breadcrumb separator="/" class="bread_crumb bread_left">
+        <el-breadcrumb-item :to="{ path: '/fwcs' }">服务超市</el-breadcrumb-item>
+        <el-breadcrumb-item>数据服务</el-breadcrumb-item>
+      </el-breadcrumb>
+      <div class="input_right">
+        <el-input
+          v-model="search"
+          prefix-icon="el-icon-search"
+          placeholder="请输入关键字搜索服务"
+          @input="searchVal"
+        ></el-input>
+      </div>
+    </div>
+    <block-radius>
+      <div class="classification">
+        <div v-for="(item, index) in filterLists" :key="'cd' + index" class="classification_line">
+          <div class="classification_line_title">{{ item.name }}：</div>
+          <div
+            :class="index == filterLists.length - 1 ? 'classification_line_items':'classification_line_items classification_line_items_border'"
+          >
+            <div
+              :class="openList[index] == 'up' ? 'classification_line_hid':'classification_line_show'"
+            >
+              <ul :id="item.id" class="classification_line_items_ul">
+                <li
+                  :class="items.children && openChildren[index].state == true && openChildren[index].index == indexs ? 'classification_line_items_li_act classification_line_items_li':'classification_line_items_li'"
+                  v-for="(items, indexs) in item.children"
+                  :key="'cds' + indexs"
+                >
+                  <div class="classification_span" @click="clickItem(index, indexs, items)">
+                    <span
+                      :class="activeOptions[index] == items.id ? 'classification_act':''"
+                    >{{ items.name }}</span>
+                    <i
+                      v-if="items.children && openChildren[index].state == true && openChildren[index].index == indexs"
+                      class="el-icon-caret-top"
+                    ></i>
+                    <i
+                      v-else-if="items.children && openChildren[index].state == false && openChildren[index].index == indexs"
+                      class="el-icon-caret-bottom"
+                    ></i>
+                    <i v-else-if="items.children" class="el-icon-caret-bottom"></i>
+                  </div>
+                </li>
+              </ul>
+              <div
+                v-if="item.showOpen"
+                class="classification_line_items_open"
+                @click="clickOpen(index)"
+              >
+                <span v-if="openList[index] == 'down'">收起</span>
+                <span v-if="openList[index] == 'up'">展开</span>
+                <i v-if="openList[index] == 'down'" class="el-icon-caret-top"></i>
+                <i v-if="openList[index] == 'up'" class="el-icon-caret-bottom"></i>
+              </div>
+            </div>
+            <div v-if="openChildren[index].state">
+              <ul class="classification_children_ul">
+                <li
+                  class="classification_children_li"
+                  v-for="itemChildren in openChildren[index].act"
+                  :key="itemChildren.id"
+                >
+                  <div class="classification_span" @click="clickChildren(itemChildren.id, index)">
+                    <span
+                      :class="activeOptions[index] == itemChildren.id ? 'classification_act':''"
+                    >{{ itemChildren.name }}</span>
+                  </div>
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="gray_line"></div>
+      <el-button
+        v-for="(item, index) in buttonFilter"
+        :key="item.name"
+        size="small"
+        :class="item.state == false ? 'button_filter':'button_filter_act'"
+        @click="clickButtonFilter(index)"
+      >{{ item.name }}</el-button>
+      <commodity-list :datas="lists" url="urlssss" :paginationShow="true" :pageSizeShow="true" @refresh="getNewList()"></commodity-list>
+    </block-radius>
+  </div>
+</template>
+
+<script>
+import CommodityList from "@/components/commodity-list.vue";
+import BlockRadius from "@/components/block-radius";
+export default {
+  components: {
+    "commodity-list": CommodityList,
+    BlockRadius
+  },
+  props: {
+    urlList: {
+      type: String,
+      default: ""
+    },
+    urlFilter: {
+      type: String,
+      default: ""
+    }
+  },
+  data: () => ({
+    search: "",
+    openList: [0, 0, 0, 0],
+    openChildren: [
+      { index: null, state: false, act: null },
+      { index: null, state: false, act: null },
+      { index: null, state: false, act: null },
+      { index: null, state: false, act: null }
+    ],
+    activeOptions: [null, null, null, null],
+    buttonFilter: [
+      {
+        name: "综合排序",
+        state: false
+      },
+      {
+        name: "最新更新",
+        state: false
+      },
+      {
+        name: "最高人气",
+        state: false
+      },
+      {
+        name: "最好好评",
+        state: false
+      }
+    ],
+    lists: [
+      {
+        id: 0,
+        title: "水路货物周转量情况",
+        state: 0,
+        resourceSummary:
+          "提供水路货物周转量排名和同比增长的专题数据服务提供水路货物周转量排名和同比增长的专题数据服务提供水路货物周转量排名和同比增长的专题数据服务",
+        provider: "提供机构提供机构提供机构",
+        dataField: "经济建设",
+        serviceType: "数据服务 专题数据服务 企业专题数据服务",
+        updateTime: "2020-03-12 18:31:12",
+        numberOfMonth: "2698755",
+        rate: 3
+      },
+      {
+        id: 1,
+        title: "水路货物周转量情况",
+        state: 2,
+        resourceSummary:
+          "提供水路货物周转量排名和同比增长的专题数据服务提供水路货物周转量排名和同比增长的专题数据服务提供水路货物周转量排名和同比增长的专题数据服务",
+        provider: "提供机构提供机构提供机构",
+        dataField: "经济建设",
+        serviceType: "数据服务 专题数据服务 企业专题数据服务",
+        updateTime: "2020-03-12 18:31:12",
+        numberOfMonth: "2698745",
+        rate: 3.4
+      },
+      {
+        id: 2,
+        title: "水路货物周转量情况",
+        state: 1,
+        resourceSummary:
+          "提供水路货物周转量排名和同比增长的专题数据服务提供水路货物周转量排名和同比增长的专题数据服务提供水路货物周转量排名和同比增长的专题数据服务",
+        provider: "提供机构提供机构提供机构",
+        dataField: "经济建设",
+        serviceType: "数据服务 专题数据服务 企业专题数据服务",
+        updateTime: "2020-03-12 18:31:12",
+        numberOfMonth: "2698455",
+        rate: 2.5
+      },
+      {
+        id: 3,
+        title: "水路货物周转量情况",
+        state: 0,
+        resourceSummary:
+          "提供水路货物周转量排名和同比增长的专题数据服务提供水路货物周转量排名和同比增长的专题数据服务提供水路货物周转量排名和同比增长的专题数据服务",
+        provider: "提供机构提供机构提供机构",
+        dataField: "经济建设",
+        serviceType: "数据服务 专题数据服务 企业专题数据服务",
+        updateTime: "2020-03-12 18:31:12",
+        numberOfMonth: "267455",
+        rate: 3.7
+      }
+    ],
+    filterLists: [
+      {
+        id: 1283,
+        name: "数据服务类型",
+        children: [
+          {
+            id: 1233,
+            name: "诶哦尬舞",
+            children: [
+              { id: 18273, name: "那我空间服务" },
+              {
+                id: 12378343,
+                name: "诶哦尬舞"
+              },
+              {
+                id: 123533,
+                name: "诶哦尬舞"
+              }
+            ]
+          },
+          {
+            id: 121833,
+            name: "诶哦尬舞"
+          },
+          {
+            id: 1234573,
+            name: "诶哦尬舞"
+          },
+          {
+            id: 134534233,
+            name: "诶哦尬舞"
+          },
+          {
+            id: 1234533,
+            name: "诶哦尬舞"
+          },
+          {
+            id: 123533,
+            name: "诶哦尬舞",
+            children: [
+              { id: 1824573, name: "那我空间服务" },
+              {
+                id: 123378343,
+                name: "诶哦尬舞"
+              },
+              {
+                id: 1235333,
+                name: "诶哦尬舞"
+              }
+            ]
+          },
+          {
+            id: 12112833,
+            name: "诶哦尬舞"
+          },
+          {
+            id: 12341573,
+            name: "诶哦尬舞"
+          },
+          {
+            id: 1345434233,
+            name: "诶哦尬舞"
+          },
+          {
+            id: 12345533,
+            name: "诶哦尬舞"
+          }
+        ]
+      },
+      {
+        id: 128133,
+        name: "数据服务类型",
+        children: [
+          {
+            id: 123313,
+            name: "诶哦尬舞",
+            children: [
+              { id: 1821373, name: "那我个社工师空间服务" },
+              {
+                id: 123728343,
+                name: "诶哦甲方推荐尬舞"
+              },
+              {
+                id: 12312533,
+                name: "诶哦库空调尬舞"
+              }
+            ]
+          },
+          {
+            id: 121123833,
+            name: "诶哦尬舞"
+          },
+          {
+            id: 1231234573,
+            name: "诶哦达瓦大尬舞"
+          },
+          {
+            id: 13453334233,
+            name: "诶哦达瓦大尬舞"
+          },
+          {
+            id: 1234123533,
+            name: "诶哦尬舞"
+          },
+          {
+            id: 123512333,
+            name: "诶哦尬舞",
+            children: [
+              { id: 1824123573, name: "那我空间服务" },
+              {
+                id: 1233738343,
+                name: "诶哦尬舞"
+              },
+              {
+                id: 123125333,
+                name: "诶哦尬舞"
+              }
+            ]
+          },
+          {
+            id: 1211312833,
+            name: "诶哦挖到尬舞"
+          },
+          {
+            id: 12341231573,
+            name: "诶哦尬舞"
+          },
+          {
+            id: 13454314233,
+            name: "诶哦色粉尬舞"
+          },
+          {
+            id: 123452533,
+            name: "诶环境日哦尬舞"
+          }
+        ]
+      }
+    ],
+    dataServiceType: "",
+    dataField: "",
+    dataSourceOrganization: "",
+    page: 1,
+    limit: 10,
+  }),
+  mounted() {
+    this.getFwcsList();
+    this.getFwcsFilter();
+    this.setTout();
+  },
+  methods: {
+    getFwcsList() {
+      //   dataServiceType: "",
+      // dataField: "",
+      // dataSourceOrganization: ""
+      let url = `${this.urlList}`;
+      this.$http
+        .get(url)
+        .then(response => {
+          if (response.data.message == "success") {
+            this.list = response.data.data;
+          } else {
+            console.log(response.data.message);
+          }
+        })
+        .catch(function(response) {
+          this.error = true;
+        });
+    },
+    getFwcsFilter() {
+      let url = `${this.urlFilter}`;
+      this.$http
+        .get(url)
+        .then(response => {
+          if (response.data.message == "success") {
+            this.filterList = response.data.data;
+          } else {
+            console.log(response.data.message);
+          }
+        })
+        .catch(function(response) {
+          this.error = true;
+        });
+    },
+    setTout() {
+      setTimeout(() => {
+        this.judgeHeight();
+      }, 500);
+    },
+    judgeHeight() {
+      let list = this.filterLists;
+      for (let i = 0; i < list.length; i++) {
+        let offHeight = document.getElementById(list[i].id).offsetHeight;
+        if (offHeight > 60) {
+          list[i].showOpen = true;
+          this.openList[i] = "up";
+        } else {
+          list[i].showOpen = false;
+        }
+      }
+      this.$set((this.filterLists = list));
+    },
+    clickOpen(index) {
+      let list = this.openList;
+      if (list[index] == "up") {
+        this.$set(this.openList, index, "down");
+      } else if (list[index] == "down") {
+        this.$set(this.openList, index, "up");
+      }
+      //   这里不能像上面那样整体更新，因为啥我也不知道，我太菜
+      console.log(index);
+    },
+    clickItem(index, indexs, items) {
+      this.activeOptions[index] = items.id;
+      if (items.children) {
+        if (this.openChildren[index].index == indexs) {
+          this.$set(this.openChildren, index, {
+            index: indexs,
+            state: !this.openChildren[index].state,
+            act: items.children
+          });
+        } else {
+          this.$set(this.openChildren, index, {
+            index: indexs,
+            state: true,
+            act: items.children
+          });
+        }
+      } else {
+        this.$set(this.openChildren, index, {
+          index: null,
+          state: false,
+          act: null
+        });
+      }
+      this.getFilterValue(items.id, index);
+    },
+    clickButtonFilter(index) {
+      this.buttonFilter[index].state = !this.buttonFilter[index].state;
+      this.getFwcsList();
+    },
+    clickChildren(id, index) {
+      this.$set(this.activeOptions, index, id);
+      this.getFilterValue(id, index);
+    },
+    getFilterValue(id, index) {
+      switch (index) {
+        case 0:
+          this.dataServiceType = id;
+          break;
+        case 1:
+          this.dataField = id;
+          break;
+        case 2:
+          this.dataSourceOrganization = id;
+          break;
+        default:
+          break;
+      }
+      this.getFwcsList();
+    },
+    // search debonce 500ms
+    searchVal() {
+      if (this.times !== null) clearTimeout(this.times);
+      this.times = setTimeout(() => {
+        this.getFwcsList();
+      }, 500);
+    },
+    getNewList(val) {
+        this.page = val.page;
+        this.limit = val.rowsPerPage;
+        this.getFwcsList();
+    }
+  }
+};
+</script>
+<style scoped>
+.head_flex {
+  display: flex;
+  justify-content: space-between;
+}
+.bread_left {
+  width: 300px;
+}
+.input_right {
+  width: 300px;
+}
+.gray_line {
+  width: 100%;
+  margin: 20px auto;
+  height: 1px;
+  background-color: #e9ecf3;
+}
+.classification {
+}
+.classification_line {
+  width: 100%;
+  display: flex;
+  align-items: flex-start;
+}
+.classification_line_title {
+  display: inline-block;
+  width: 130px;
+  padding: 15px 0;
+  text-align: right;
+}
+.classification_line_items {
+  width: calc(100% - 100px);
+}
+.classification_line_items_border {
+  border-bottom: 1px #e9ecf3 solid;
+}
+.classification_line_hid {
+  height: 50px;
+  width: 100%;
+  overflow: hidden;
+  display: inline-flex;
+  align-items: flex-start;
+}
+.classification_line_show {
+  width: 100%;
+  display: inline-flex;
+  align-items: flex-start;
+}
+.classification_line_items_ul {
+  display: inline-block;
+  width: calc(100% - 50px);
+}
+.classification_line_items_li {
+  display: inline-block;
+  padding: 15px 20px;
+}
+.classification_line_items_li_act {
+  background-color: #fbfbfb;
+  border-left: 1px #e9ecf3 solid;
+  border-right: 1px #e9ecf3 solid;
+}
+.classification_span {
+  color: #58617a;
+  display: inline-block;
+  cursor: pointer;
+}
+.classification_act {
+  font-weight: 700;
+  color: #515fe7;
+}
+.classification_line_items_open {
+  display: inline-block;
+  width: 60px;
+  padding: 15px 0;
+  cursor: pointer;
+}
+.classification_children_ul {
+  display: inline-block;
+  width: 100%;
+  background-color: #fbfbfb;
+  border-top: 1px #e9ecf3 solid;
+}
+.classification_children_li {
+  display: inline-block;
+  padding: 15px 20px;
+  color: #58617a;
+}
+.button_filter {
+  background-color: #e6eefe;
+  color: #626de9;
+}
+.button_filter_act {
+  background-color: #515fe7;
+  color: #f8f9fd;
+}
+</style>
+<style>
+.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;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/service_shop_menu.vue b/src/components/service_shop_menu.vue
index 0ad7086e1862eedf95ada453ca3434e1931f76e9..1333b34ea59f7227c4afe82ab73913ea5447477a 100644
--- a/src/components/service_shop_menu.vue
+++ b/src/components/service_shop_menu.vue
@@ -1,9 +1,14 @@
 <template>
   <div class="service_shop_menu">
     <ul class="service_shop_menu_list">
-      <li v-for="(item, index) in menuList" :key="index" @click="active(item)">
-        <img :src="require('../assets/imgs/' + item.default + '.png')" class="menu_img" />
-        <span class="menu_item">{{ item.label }}</span>
+      <li v-for="(item, index) in menuList" :key="index" @click="active(item.id)">
+        <img
+          v-if="item.id == actives"
+          :src="require('../assets/imgs/' + item.active + '.png')"
+          class="menu_img"
+        />
+        <img v-else :src="require('../assets/imgs/' + item.default + '.png')" class="menu_img" />
+        <span :class="item.id == actives ? 'menu_item_active':'menu_item'">{{ item.label }}</span>
       </li>
     </ul>
   </div>
@@ -11,10 +16,11 @@
 
 <script>
 export default {
-  props: {
-    menuList: {
-      type: Array,
-      default: [
+  props: {},
+  data() {
+    return {
+      actives: 0,
+      menuList: [
         {
           id: 0,
           label: "数据服务",
@@ -58,13 +64,25 @@ export default {
           default: "tool_ic_yingyongsd"
         }
       ]
+    };
+  },
+  computed: {
+    getActive() {
+      return this.$store.state.serviceShopMenu;
     }
   },
-  data() {
-    return {};
+  watch: {
+    getActive(newVal) {
+      this.getActiveMenu(newVal);
+    }
   },
   methods: {
-    active() {}
+    active(id) {
+      this.$store.commit("serviceShopMenuAct", id);
+    },
+    getActiveMenu(val) {
+      this.actives = val;
+    }
   }
 };
 </script>
@@ -101,4 +119,9 @@ export default {
   color: #6573ae;
   top: -6px;
 }
+.menu_item_active {
+  position: relative;
+  color: #e6ebfe;
+  top: -6px;
+}
 </style>
diff --git a/src/components/table-um.vue b/src/components/table-um.vue
index 01b249b71b8985a38863e8351af4dd503a632418..53cafb09263e833922038b5eece82e0b496d6de4 100644
--- a/src/components/table-um.vue
+++ b/src/components/table-um.vue
@@ -448,10 +448,12 @@ export default {
     },
     handleCurrentChange(val) {
       this.pagination.page += val;
+      this.getDataFromApiSync();
       this.$emit("refresh");
     },
     handleSizeChange(val) {
       this.pagination.rowsPerPage = val;
+      this.getDataFromApiSync();
       this.$emit("refresh");
     },
     renderHeader(h, obj) {
diff --git a/src/pages/data_service_list.vue b/src/pages/data_service_list.vue
new file mode 100644
index 0000000000000000000000000000000000000000..7f16497b679307efc067e99f2d544b1842aa7a73
--- /dev/null
+++ b/src/pages/data_service_list.vue
@@ -0,0 +1,30 @@
+<template>
+  <div class="service_list">
+    <el-container>
+      <el-aside width="200px">
+        <service-shop-menu></service-shop-menu>
+      </el-aside>
+      <el-main>
+        <service-list urlList="url1sss" urlFilter="urldwad2222"></service-list>
+      </el-main>
+    </el-container>
+  </div>
+</template>
+
+<script>
+import ServiceShopMenu from "@/components/service_shop_menu";
+import ServiceList from "@/components/service_list";
+export default {
+  components: {
+    ServiceShopMenu,
+    ServiceList
+  },
+  data: () => ({}),
+  mounted() {},
+  methods: {
+
+  }
+};
+</script>
+<style scoped>
+</style>
\ No newline at end of file
diff --git a/src/pages/fwzc_fwcs.vue b/src/pages/fwzc_fwcs.vue
index c98eef23f415bf230f705f7d776f672b018bce30..a096b56b0f95176ae6e2e77ea7976af74f3a7439 100644
--- a/src/pages/fwzc_fwcs.vue
+++ b/src/pages/fwzc_fwcs.vue
@@ -183,7 +183,12 @@
             </el-form-item>
             <el-form-item>
               <p class="formname">服务描述：</p>
-              <el-input type="textarea" v-model="form.desc" placeholder="请输入服务描述，不超过200个字" class="form_in"></el-input>
+              <el-input
+                type="textarea"
+                v-model="form.desc"
+                placeholder="请输入服务描述，不超过200个字"
+                class="form_in"
+              ></el-input>
             </el-form-item>
             <el-form-item>
               <p class="formname">服务领域：</p>
@@ -232,8 +237,8 @@
             </el-form-item>
 
             <el-form-item class="btn_footer">
-          <el-button class="previous" @click="previous">上一步</el-button>
-          <el-button class="registe" @click="registe">服务注册</el-button>
+              <el-button class="previous" @click="previous">上一步</el-button>
+              <el-button class="registe" @click="registe">服务注册</el-button>
             </el-form-item>
           </el-form>
         </div>
@@ -388,10 +393,6 @@ export default {
   margin-top: -157px;
   margin-bottom: 20px;
 }
-.bread_crumb {
-  margin: 20px;
-  font-size: 14px;
-}
 .fwcs_btn_act {
   width: 100px;
   background-color: #e56600;
@@ -521,12 +522,6 @@ export default {
 }
 </style>
 <style>
-.bread_crumb .el-breadcrumb__inner {
-  color: #b4c0f5 !important;
-}
-.bread_crumb .is-link {
-  color: #626de9 !important;
-}
 .fwcs_fwdz_inner .el-select .el-input {
   width: 130px;
   background-color: #0f2683;
diff --git a/src/pages/service_list.vue b/src/pages/service_list.vue
deleted file mode 100644
index bd1e2e847ee2c0445b5291fb4efbec657477b742..0000000000000000000000000000000000000000
--- a/src/pages/service_list.vue
+++ /dev/null
@@ -1,34 +0,0 @@
-<template>
-  <div class="service_list">
-    <el-container>
-      <el-aside width="200px">
-        <service-shop-menu></service-shop-menu>
-      </el-aside>
-      <el-main>
-        <block-radius>
-          <commodity-list :datas="list" url="urlssss" :paginationShow="true" :pageSizeShow="true"></commodity-list>
-        </block-radius>
-      </el-main>
-    </el-container>
-  </div>
-</template>
-
-<script>
-import CommodityList from "@/components/commodity-list.vue";
-import BlockRadius from "@/components/block-radius";
-import ServiceShopMenu from "@/components/service_shop_menu";
-export default {
-  components: {
-    "commodity-list": CommodityList,
-    BlockRadius,
-    ServiceShopMenu
-  },
-  data: () => ({
-    list: [{ id: 0 }, { id: 1 }, { id: 2 }, { id: 3 }, { id: 4 }, { id: 5 }]
-  }),
-  mounted() {},
-  methods: {}
-};
-</script>
-<style scoped>
-</style>
\ No newline at end of file
diff --git a/src/router/index.js b/src/router/index.js
index d48fa4c31df30ec5ccd23159e20ad989031768d4..3c609de2d0b57d979fbd1a2c1e5e4ebf11fcac5e 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -68,12 +68,12 @@ export default new Router({
         {
           path: "/fwcs", // 服务超市
           name: "fwcs",
-          component: () => import("@/pages/service_list"),
+          component: () => import("@/pages/data_service_list"),
           children: [
             {
-              path: "/service_list", // 服务超市列表页
-              name: "fwcsList",
-              component: () => import("@/pages/service_list"),
+              path: "/data_service_list", // 服务超市列表页
+              name: "fwcsDataList",
+              component: () => import("@/pages/data_service_list"),
             },
           ],
         },
diff --git a/src/services/helper.js b/src/services/helper.js
index e4a144b4c7af58a61459600263e33b79a060b9f1..ae03ac676cb1d09b475426c02d9971bb8098ac58 100644
--- a/src/services/helper.js
+++ b/src/services/helper.js
@@ -13,3 +13,46 @@ module.exports.GetProperty = function (obj, prop) {
   }
   return res;
 }
+
+module.exports.ymhdateFormat = function (timestamp) {
+  let date = new Date(timestamp);
+  let ret;
+  const opt = {
+    "Y+": date.getFullYear().toString(),        // 年
+    "m+": (date.getMonth() + 1).toString(),     // 月
+    "d+": date.getDate().toString(),            // 日
+    "H+": date.getHours().toString(),           // 时
+    "M+": date.getMinutes().toString(),         // 分
+    "S+": date.getSeconds().toString()          // 秒
+    // 有其他格式化字符需求可以继续添加，必须转化成字符串
+  };
+  var fmt="YYYY-mm-dd HH:MM:SS"
+  for (let k in opt) {
+    ret = new RegExp("(" + k + ")").exec(fmt);
+    if (ret) {
+      fmt = fmt.replace(ret[1], (ret[1].length == 1) ? (opt[k]) : (opt[k].padStart(ret[1].length, "0")))
+    };
+  };
+  return fmt;
+}
+
+module.exports.dateFormat = function (fmt, timestamp) {
+  let date = new Date(timestamp);
+  let ret;
+  const opt = {
+    "Y+": date.getFullYear().toString(),        // 年
+    "m+": (date.getMonth() + 1).toString(),     // 月
+    "d+": date.getDate().toString(),            // 日
+    "H+": date.getHours().toString(),           // 时
+    "M+": date.getMinutes().toString(),         // 分
+    "S+": date.getSeconds().toString()          // 秒
+    // 有其他格式化字符需求可以继续添加，必须转化成字符串
+  };
+  for (let k in opt) {
+    ret = new RegExp("(" + k + ")").exec(fmt);
+    if (ret) {
+      fmt = fmt.replace(ret[1], (ret[1].length == 1) ? (opt[k]) : (opt[k].padStart(ret[1].length, "0")))
+    };
+  };
+  return fmt;
+}
\ No newline at end of file
diff --git a/src/store/index.js b/src/store/index.js
index 9d0e32290d58f40f223ba3cff1a6bfba81b8af41..1928e04d20f75c0821dd9c38ed7bef90616a5569 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -5,7 +5,8 @@ Vue.use(Vuex);
 
 const store = new Vuex.Store({
   state: {
-    role:1,//0：普通用户，1：组织管理员，2：超级管理员
+    role: 1,//0：普通用户，1：组织管理员，2：超级管理员
+    serviceShopMenu: 0, // 服务超市侧边栏
   },
   modules: {
   },
@@ -13,6 +14,9 @@ const store = new Vuex.Store({
     rolefun(state, newValue) {
       state.role = newValue;
     },
+    serviceShopMenuAct(state, newValue) {
+      state.serviceShopMenu = newValue;
+    },
   },
 });