diff --git a/build/check-versions.js b/build/check-versions.js
index 3ef972a..fb0cbba 100644
--- a/build/check-versions.js
+++ b/build/check-versions.js
@@ -26,7 +26,6 @@ if (shell.which('npm')) {
 
 module.exports = function () {
   const warnings = []
-
   for (let i = 0; i < versionRequirements.length; i++) {
     const mod = versionRequirements[i]
 
diff --git a/build/utils.js b/build/utils.js
index 9653337..e858f16 100644
--- a/build/utils.js
+++ b/build/utils.js
@@ -3,7 +3,6 @@ const path = require('path')
 const config = require('../config')
 const ExtractTextPlugin = require('extract-text-webpack-plugin')
 const packageConfig = require('../package.json')
-
 exports.assetsPath = function (_path) {
   const assetsSubDirectory = process.env.NODE_ENV === 'production'
     ? config.build.assetsSubDirectory
diff --git a/src/images/Economics/001.png b/src/images/Economics/001.png
new file mode 100644
index 0000000..0d1b174
Binary files /dev/null and b/src/images/Economics/001.png differ
diff --git a/src/images/Economics/1-1.png b/src/images/Economics/1-1.png
new file mode 100644
index 0000000..77f1706
Binary files /dev/null and b/src/images/Economics/1-1.png differ
diff --git a/src/images/Economics/1-2.png b/src/images/Economics/1-2.png
new file mode 100644
index 0000000..97954a0
Binary files /dev/null and b/src/images/Economics/1-2.png differ
diff --git a/src/images/Economics/1-3.png b/src/images/Economics/1-3.png
new file mode 100644
index 0000000..f38e704
Binary files /dev/null and b/src/images/Economics/1-3.png differ
diff --git a/src/images/Economics/1-4.png b/src/images/Economics/1-4.png
new file mode 100644
index 0000000..51b7126
Binary files /dev/null and b/src/images/Economics/1-4.png differ
diff --git a/src/images/Economics/1-5.png b/src/images/Economics/1-5.png
new file mode 100644
index 0000000..5d97574
Binary files /dev/null and b/src/images/Economics/1-5.png differ
diff --git a/src/images/Economics/1层.png b/src/images/Economics/1层.png
new file mode 100644
index 0000000..cade8e2
Binary files /dev/null and b/src/images/Economics/1层.png differ
diff --git a/src/images/Economics/2-1.png b/src/images/Economics/2-1.png
new file mode 100644
index 0000000..174557b
Binary files /dev/null and b/src/images/Economics/2-1.png differ
diff --git a/src/images/Economics/2-10.png b/src/images/Economics/2-10.png
new file mode 100644
index 0000000..abf9692
Binary files /dev/null and b/src/images/Economics/2-10.png differ
diff --git a/src/images/Economics/2-2.png b/src/images/Economics/2-2.png
new file mode 100644
index 0000000..1f48be0
Binary files /dev/null and b/src/images/Economics/2-2.png differ
diff --git a/src/images/Economics/2-3.png b/src/images/Economics/2-3.png
new file mode 100644
index 0000000..689ae01
Binary files /dev/null and b/src/images/Economics/2-3.png differ
diff --git a/src/images/Economics/2-4.png b/src/images/Economics/2-4.png
new file mode 100644
index 0000000..66c2888
Binary files /dev/null and b/src/images/Economics/2-4.png differ
diff --git a/src/images/Economics/2-5.png b/src/images/Economics/2-5.png
new file mode 100644
index 0000000..9d276ef
Binary files /dev/null and b/src/images/Economics/2-5.png differ
diff --git a/src/images/Economics/2-6.png b/src/images/Economics/2-6.png
new file mode 100644
index 0000000..2fcc1be
Binary files /dev/null and b/src/images/Economics/2-6.png differ
diff --git a/src/images/Economics/2-7.png b/src/images/Economics/2-7.png
new file mode 100644
index 0000000..d1f5784
Binary files /dev/null and b/src/images/Economics/2-7.png differ
diff --git a/src/images/Economics/2-8.png b/src/images/Economics/2-8.png
new file mode 100644
index 0000000..20f5331
Binary files /dev/null and b/src/images/Economics/2-8.png differ
diff --git a/src/images/Economics/2-9.png b/src/images/Economics/2-9.png
new file mode 100644
index 0000000..8a06949
Binary files /dev/null and b/src/images/Economics/2-9.png differ
diff --git a/src/images/Economics/21层.png b/src/images/Economics/21层.png
new file mode 100644
index 0000000..a4d8d8c
Binary files /dev/null and b/src/images/Economics/21层.png differ
diff --git a/src/images/Economics/2层(1).png b/src/images/Economics/2层(1).png
new file mode 100644
index 0000000..0f47e74
Binary files /dev/null and b/src/images/Economics/2层(1).png differ
diff --git a/src/images/Economics/2层.png b/src/images/Economics/2层.png
new file mode 100644
index 0000000..6d7c2f3
Binary files /dev/null and b/src/images/Economics/2层.png differ
diff --git a/src/images/Economics/3-1.png b/src/images/Economics/3-1.png
new file mode 100644
index 0000000..cfe611e
Binary files /dev/null and b/src/images/Economics/3-1.png differ
diff --git a/src/images/Economics/3-2.png b/src/images/Economics/3-2.png
new file mode 100644
index 0000000..a9996b1
Binary files /dev/null and b/src/images/Economics/3-2.png differ
diff --git a/src/images/Economics/3-3.png b/src/images/Economics/3-3.png
new file mode 100644
index 0000000..014f002
Binary files /dev/null and b/src/images/Economics/3-3.png differ
diff --git a/src/images/Economics/3-4.png b/src/images/Economics/3-4.png
new file mode 100644
index 0000000..7272cd9
Binary files /dev/null and b/src/images/Economics/3-4.png differ
diff --git a/src/images/Economics/3-5.png b/src/images/Economics/3-5.png
new file mode 100644
index 0000000..4dbb657
Binary files /dev/null and b/src/images/Economics/3-5.png differ
diff --git a/src/images/Economics/3-6.png b/src/images/Economics/3-6.png
new file mode 100644
index 0000000..88ae43c
Binary files /dev/null and b/src/images/Economics/3-6.png differ
diff --git a/src/images/Economics/3-7.png b/src/images/Economics/3-7.png
new file mode 100644
index 0000000..bc3184c
Binary files /dev/null and b/src/images/Economics/3-7.png differ
diff --git a/src/images/Economics/3-8.png b/src/images/Economics/3-8.png
new file mode 100644
index 0000000..d171fc0
Binary files /dev/null and b/src/images/Economics/3-8.png differ
diff --git a/src/images/Economics/3层.png b/src/images/Economics/3层.png
new file mode 100644
index 0000000..ce4200c
Binary files /dev/null and b/src/images/Economics/3层.png differ
diff --git a/src/images/Economics/4-1.png b/src/images/Economics/4-1.png
new file mode 100644
index 0000000..78c572c
Binary files /dev/null and b/src/images/Economics/4-1.png differ
diff --git a/src/images/Economics/4-2.png b/src/images/Economics/4-2.png
new file mode 100644
index 0000000..19b48fb
Binary files /dev/null and b/src/images/Economics/4-2.png differ
diff --git a/src/images/Economics/4-3.png b/src/images/Economics/4-3.png
new file mode 100644
index 0000000..9dacea9
Binary files /dev/null and b/src/images/Economics/4-3.png differ
diff --git a/src/images/Economics/4-4.png b/src/images/Economics/4-4.png
new file mode 100644
index 0000000..1b68fda
Binary files /dev/null and b/src/images/Economics/4-4.png differ
diff --git a/src/images/Economics/4层.png b/src/images/Economics/4层.png
new file mode 100644
index 0000000..68a164d
Binary files /dev/null and b/src/images/Economics/4层.png differ
diff --git a/src/images/Economics/LOGO.png b/src/images/Economics/LOGO.png
new file mode 100644
index 0000000..ad3dc9c
Binary files /dev/null and b/src/images/Economics/LOGO.png differ
diff --git a/src/images/Economics/TOP.png b/src/images/Economics/TOP.png
new file mode 100644
index 0000000..3f24da9
Binary files /dev/null and b/src/images/Economics/TOP.png differ
diff --git a/src/images/Economics/TOP@2x.png b/src/images/Economics/TOP@2x.png
new file mode 100644
index 0000000..2a3b5c1
Binary files /dev/null and b/src/images/Economics/TOP@2x.png differ
diff --git a/src/images/Economics/dark.svg b/src/images/Economics/dark.svg
new file mode 100644
index 0000000..f646bd7
--- /dev/null
+++ b/src/images/Economics/dark.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="52px" height="45px" viewBox="0 0 52 45" version="1.1" 
+    xmlns="http://www.w3.org/2000/svg" 
+    xmlns:xlink="http://www.w3.org/1999/xlink">
+    <defs>
+        <filter x="-9.4%" y="-6.2%" width="118.8%" height="122.5%" filterUnits="objectBoundingBox" id="filter-1">
+            <feOffset dx="0" dy="1" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="1" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.15 0" type="matrix" in="shadowBlurOuter1" result="shadowMatrixOuter1"></feColorMatrix>
+            <feMerge>
+                <feMergeNode in="shadowMatrixOuter1"></feMergeNode>
+                <feMergeNode in="SourceGraphic"></feMergeNode>
+            </feMerge>
+        </filter>
+        <rect id="path-2" x="0" y="0" width="48" height="40" rx="4"></rect>
+        <filter x="-4.2%" y="-2.5%" width="108.3%" height="110.0%" filterUnits="objectBoundingBox" id="filter-4">
+            <feOffset dx="0" dy="1" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="0.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.1 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
+        </filter>
+    </defs>
+    <g id="配置面板" width="48" height="40" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="setting-copy-2" width="48" height="40" transform="translate(-1190.000000, -136.000000)">
+            <g id="Group-8" width="48" height="40" transform="translate(1167.000000, 0.000000)">
+                <g id="Group-5-Copy-5" filter="url(#filter-1)" transform="translate(25.000000, 137.000000)">
+                    <mask id="mask-3" fill="white">
+                        <use xlink:href="#path-2"></use>
+                    </mask>
+                    <g id="Rectangle-18">
+                        <use fill="black" fill-opacity="1" filter="url(#filter-4)" xlink:href="#path-2"></use>
+                        <use fill="#F0F2F5" fill-rule="evenodd" xlink:href="#path-2"></use>
+                    </g>
+                    <rect id="Rectangle-11" fill="#FFFFFF" mask="url(#mask-3)" x="0" y="0" width="48" height="10"></rect>
+                    <rect id="Rectangle-18" fill="#303648" mask="url(#mask-3)" x="0" y="0" width="16" height="40"></rect>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/src/images/Economics/light.svg b/src/images/Economics/light.svg
new file mode 100644
index 0000000..ab7cc08
--- /dev/null
+++ b/src/images/Economics/light.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="52px" height="45px" viewBox="0 0 52 45" version="1.1" 
+    xmlns="http://www.w3.org/2000/svg" 
+    xmlns:xlink="http://www.w3.org/1999/xlink">
+    <defs>
+        <filter x="-9.4%" y="-6.2%" width="118.8%" height="122.5%" filterUnits="objectBoundingBox" id="filter-1">
+            <feOffset dx="0" dy="1" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="1" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.15 0" type="matrix" in="shadowBlurOuter1" result="shadowMatrixOuter1"></feColorMatrix>
+            <feMerge>
+                <feMergeNode in="shadowMatrixOuter1"></feMergeNode>
+                <feMergeNode in="SourceGraphic"></feMergeNode>
+            </feMerge>
+        </filter>
+        <rect id="path-2" x="0" y="0" width="48" height="40" rx="4"></rect>
+        <filter x="-4.2%" y="-2.5%" width="108.3%" height="110.0%" filterUnits="objectBoundingBox" id="filter-4">
+            <feOffset dx="0" dy="1" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="0.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.1 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
+        </filter>
+    </defs>
+    <g id="配置面板" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="setting-copy-2" transform="translate(-1254.000000, -136.000000)">
+            <g id="Group-8" transform="translate(1167.000000, 0.000000)">
+                <g id="Group-5" filter="url(#filter-1)" transform="translate(89.000000, 137.000000)">
+                    <mask id="mask-3" fill="white">
+                        <use xlink:href="#path-2"></use>
+                    </mask>
+                    <g id="Rectangle-18">
+                        <use fill="black" fill-opacity="1" filter="url(#filter-4)" xlink:href="#path-2"></use>
+                        <use fill="#F0F2F5" fill-rule="evenodd" xlink:href="#path-2"></use>
+                    </g>
+                    <rect id="Rectangle-18" fill="#FFFFFF" mask="url(#mask-3)" x="0" y="0" width="16" height="40"></rect>
+                    <rect id="Rectangle-11" fill="#FFFFFF" mask="url(#mask-3)" x="0" y="0" width="48" height="10"></rect>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/src/images/Economics/login-background.jpg b/src/images/Economics/login-background.jpg
new file mode 100644
index 0000000..36290d2
Binary files /dev/null and b/src/images/Economics/login-background.jpg differ
diff --git a/src/images/Economics/logo1.png b/src/images/Economics/logo1.png
new file mode 100644
index 0000000..13e3f0e
Binary files /dev/null and b/src/images/Economics/logo1.png differ
diff --git a/src/images/Economics/logo2.png b/src/images/Economics/logo2.png
new file mode 100644
index 0000000..d877f95
Binary files /dev/null and b/src/images/Economics/logo2.png differ
diff --git a/src/images/Economics/logo3.png b/src/images/Economics/logo3.png
new file mode 100644
index 0000000..25a2eee
Binary files /dev/null and b/src/images/Economics/logo3.png differ
diff --git a/src/images/Economics/pay.png b/src/images/Economics/pay.png
new file mode 100644
index 0000000..bb8b967
Binary files /dev/null and b/src/images/Economics/pay.png differ
diff --git a/src/images/Economics/profile.jpg b/src/images/Economics/profile.jpg
new file mode 100644
index 0000000..b3a940b
Binary files /dev/null and b/src/images/Economics/profile.jpg differ
diff --git a/src/images/Economics/tabs2.png b/src/images/Economics/tabs2.png
new file mode 100644
index 0000000..53b7131
Binary files /dev/null and b/src/images/Economics/tabs2.png differ
diff --git a/src/images/Economics/tbas1.png b/src/images/Economics/tbas1.png
new file mode 100644
index 0000000..fb8ee6f
Binary files /dev/null and b/src/images/Economics/tbas1.png differ
diff --git a/src/images/Economics/top1.png b/src/images/Economics/top1.png
new file mode 100644
index 0000000..cfd27fe
Binary files /dev/null and b/src/images/Economics/top1.png differ
diff --git a/src/images/Economics/三层(1).png b/src/images/Economics/三层(1).png
new file mode 100644
index 0000000..c790970
Binary files /dev/null and b/src/images/Economics/三层(1).png differ
diff --git a/src/images/Economics/三层.png b/src/images/Economics/三层.png
new file mode 100644
index 0000000..0576c1c
Binary files /dev/null and b/src/images/Economics/三层.png differ
diff --git a/src/images/Economics/三角顶.png b/src/images/Economics/三角顶.png
new file mode 100644
index 0000000..d745019
Binary files /dev/null and b/src/images/Economics/三角顶.png differ
diff --git a/src/images/Economics/个人数字业务.png b/src/images/Economics/个人数字业务.png
new file mode 100644
index 0000000..50d1fd3
Binary files /dev/null and b/src/images/Economics/个人数字业务.png differ
diff --git a/src/images/Economics/产业数字化.png b/src/images/Economics/产业数字化.png
new file mode 100644
index 0000000..4d44f24
Binary files /dev/null and b/src/images/Economics/产业数字化.png differ
diff --git a/src/images/Economics/企业数字业务.png b/src/images/Economics/企业数字业务.png
new file mode 100644
index 0000000..2884783
Binary files /dev/null and b/src/images/Economics/企业数字业务.png differ
diff --git a/src/images/Economics/侧边栏.png b/src/images/Economics/侧边栏.png
new file mode 100644
index 0000000..54dd317
Binary files /dev/null and b/src/images/Economics/侧边栏.png differ
diff --git a/src/images/Economics/侧边栏1.png b/src/images/Economics/侧边栏1.png
new file mode 100644
index 0000000..d93c13e
Binary files /dev/null and b/src/images/Economics/侧边栏1.png differ
diff --git a/src/images/Economics/四层(1).png b/src/images/Economics/四层(1).png
new file mode 100644
index 0000000..935e2fa
Binary files /dev/null and b/src/images/Economics/四层(1).png differ
diff --git a/src/images/Economics/四层.png b/src/images/Economics/四层.png
new file mode 100644
index 0000000..935e2fa
Binary files /dev/null and b/src/images/Economics/四层.png differ
diff --git a/src/images/Economics/图标.png b/src/images/Economics/图标.png
new file mode 100644
index 0000000..cb6fedd
Binary files /dev/null and b/src/images/Economics/图标.png differ
diff --git a/src/images/Economics/圆角矩形1.png b/src/images/Economics/圆角矩形1.png
new file mode 100644
index 0000000..c347553
Binary files /dev/null and b/src/images/Economics/圆角矩形1.png differ
diff --git a/src/images/Economics/多边形.png b/src/images/Economics/多边形.png
new file mode 100644
index 0000000..115ce6f
Binary files /dev/null and b/src/images/Economics/多边形.png differ
diff --git a/src/images/Economics/引线红.png b/src/images/Economics/引线红.png
new file mode 100644
index 0000000..cb8bb29
Binary files /dev/null and b/src/images/Economics/引线红.png differ
diff --git a/src/images/Economics/引线绿.png b/src/images/Economics/引线绿.png
new file mode 100644
index 0000000..d8a52fe
Binary files /dev/null and b/src/images/Economics/引线绿.png differ
diff --git a/src/images/Economics/引线蓝.png b/src/images/Economics/引线蓝.png
new file mode 100644
index 0000000..8d4eb1c
Binary files /dev/null and b/src/images/Economics/引线蓝.png differ
diff --git a/src/images/Economics/总标题.png b/src/images/Economics/总标题.png
new file mode 100644
index 0000000..5b974fa
Binary files /dev/null and b/src/images/Economics/总标题.png differ
diff --git a/src/images/Economics/数字产业化.png b/src/images/Economics/数字产业化.png
new file mode 100644
index 0000000..06e7247
Binary files /dev/null and b/src/images/Economics/数字产业化.png differ
diff --git a/src/images/Economics/数字价值化.png b/src/images/Economics/数字价值化.png
new file mode 100644
index 0000000..31c44c3
Binary files /dev/null and b/src/images/Economics/数字价值化.png differ
diff --git a/src/images/Economics/数字化治理.png b/src/images/Economics/数字化治理.png
new file mode 100644
index 0000000..beaa4ad
Binary files /dev/null and b/src/images/Economics/数字化治理.png differ
diff --git a/src/images/Economics/数据价值化.png b/src/images/Economics/数据价值化.png
new file mode 100644
index 0000000..4597b14
Binary files /dev/null and b/src/images/Economics/数据价值化.png differ
diff --git a/src/images/Economics/暗纹.png b/src/images/Economics/暗纹.png
new file mode 100644
index 0000000..ba75570
Binary files /dev/null and b/src/images/Economics/暗纹.png differ
diff --git a/src/images/Economics/标签宏观调控.png b/src/images/Economics/标签宏观调控.png
new file mode 100644
index 0000000..68ff08a
Binary files /dev/null and b/src/images/Economics/标签宏观调控.png differ
diff --git a/src/images/Economics/标签数字安全.png b/src/images/Economics/标签数字安全.png
new file mode 100644
index 0000000..597c226
Binary files /dev/null and b/src/images/Economics/标签数字安全.png differ
diff --git a/src/images/Economics/标签数字政务.png b/src/images/Economics/标签数字政务.png
new file mode 100644
index 0000000..75e5d74
Binary files /dev/null and b/src/images/Economics/标签数字政务.png differ
diff --git a/src/images/Economics/标签碳金融.png b/src/images/Economics/标签碳金融.png
new file mode 100644
index 0000000..013d86a
Binary files /dev/null and b/src/images/Economics/标签碳金融.png differ
diff --git a/src/images/Economics/标签金融治理.png b/src/images/Economics/标签金融治理.png
new file mode 100644
index 0000000..2722f71
Binary files /dev/null and b/src/images/Economics/标签金融治理.png differ
diff --git a/src/images/Economics/标题.png b/src/images/Economics/标题.png
new file mode 100644
index 0000000..7519a01
Binary files /dev/null and b/src/images/Economics/标题.png differ
diff --git a/src/images/Economics/背景.png b/src/images/Economics/背景.png
new file mode 100644
index 0000000..5c2b306
Binary files /dev/null and b/src/images/Economics/背景.png differ
diff --git a/src/images/Economics/虚线红.png b/src/images/Economics/虚线红.png
new file mode 100644
index 0000000..5341fa0
Binary files /dev/null and b/src/images/Economics/虚线红.png differ
diff --git a/src/images/Economics/虚线绿.png b/src/images/Economics/虚线绿.png
new file mode 100644
index 0000000..e7c5127
Binary files /dev/null and b/src/images/Economics/虚线绿.png differ
diff --git a/src/images/Economics/详情.png b/src/images/Economics/详情.png
new file mode 100644
index 0000000..87a7d9a
Binary files /dev/null and b/src/images/Economics/详情.png differ
diff --git a/src/layout/components/Navbar.vue b/src/layout/components/Navbar.vue
index 100a52a..34ea120 100644
--- a/src/layout/components/Navbar.vue
+++ b/src/layout/components/Navbar.vue
@@ -1,6 +1,5 @@
 <template>
   <div class="navbar navbar_class">
-
       <el-row style="height:95px;overflow: hidden;" class="headerContainer">
         <el-col :span="5">
           <el-image
diff --git a/src/pages/course/CourseHome.vue b/src/pages/course/CourseHome.vue
index bc04c7c..37f0924 100644
--- a/src/pages/course/CourseHome.vue
+++ b/src/pages/course/CourseHome.vue
@@ -37,7 +37,7 @@
           </li>
         </ul>
       </el-col>
-    </el-row>
+    </el-row> 
     <el-row class="content_block mb20 p20">
       <el-button :type="on_show==0?'primary':'plain'" class="mb20" @click="onShow(0)">
         <el-image class="content_img" style="float: left;" :src="on_show==0?ziye:ziye_f"></el-image>首页
diff --git a/src/pages/myApps/MyAppsCenter.vue b/src/pages/myApps/MyAppsCenter.vue
index bf90243..89e5d9b 100644
--- a/src/pages/myApps/MyAppsCenter.vue
+++ b/src/pages/myApps/MyAppsCenter.vue
@@ -1,7 +1,11 @@
 <!-- 我的课程 -->
 <template>
-  <div class="el-MyAppsCenter">
-    <el-row class="content_block mb30 p10">
+  <div class="el-MyAppsCenter" :class="{'is-backColor':on_show!==1}">
+   <div class="el-MyAppsHander">
+    <el-button :type="on_show==1?'primary':'plain'" class="mb20" @click="MyAppsHandover(1)">数字金融</el-button>
+    <el-button :type="on_show==2?'primary':'plain'" class="mb20" @click="MyAppsHandover(2)">数字经济</el-button>
+   </div>
+    <el-row class="content_block mb30 p10" v-if="on_show!==2">
       <el-row class="upper_part_wrap">
         <div class="upper_part">
           <div class="heading">
@@ -212,25 +216,28 @@
               </div>
           </div>
     </el-row>
+    <Economics v-if="on_show!==1"/>
   </div>
 </template>
 
 <script>
 import RichText from '@/components/RichText/index';
+import Economics from './MyAppsEconomics.vue';
 export default {
   name: "MyCourse",
   components: {
-    RichText
+    RichText,
+    Economics
   },
   data() {
     return {
       myAppsList:[],
       appInfo:{},
-      timeIn:null
+      timeIn:null,
+      on_show:1
     };
   },
   created() {
-
   },
   mounted() {
     this.getInfo();
@@ -277,6 +284,9 @@ export default {
         this.$addSystemUseLog(param);
       },timeNum);
       // 结束
+    },
+    MyAppsHandover(id){
+        this.on_show = id
     }
   },
   beforeDestroy() {
@@ -286,8 +296,14 @@ export default {
 </script>
  <style  lang="less">
   .el-MyAppsCenter{
-    background-color: #383f4a;
+    background-color:#383f4a;
     padding: 20px 20px 0;
+    .el-MyAppsHander{
+        width: 1260px;
+        // height: 100px;
+        margin: 0 auto;
+        color: #fff;
+    }
     p{
       margin: 0;
     }
@@ -343,7 +359,6 @@ export default {
           animation: shine 1s infinite linear;
           overflow: hidden;
       }
-
       .upper_part {
           /*width:100%;
       	border: dashed 2px #1585bc;*/
@@ -706,5 +721,9 @@ export default {
 
     }
   }
+  .is-backColor{
+    background-color: #ffffff !important;
+    padding-bottom: 35px;
+  }
 </style>
 <!-- Add "scoped" attribute to limit CSS to this component only -->
diff --git a/src/pages/myApps/MyAppsDetails.vue b/src/pages/myApps/MyAppsDetails.vue
index 909e1de..3b991ff 100644
--- a/src/pages/myApps/MyAppsDetails.vue
+++ b/src/pages/myApps/MyAppsDetails.vue
@@ -470,5 +470,4 @@ export default {
     }
 
   }
-
  </style>
diff --git a/src/pages/myApps/MyAppsEconomics.vue b/src/pages/myApps/MyAppsEconomics.vue
new file mode 100644
index 0000000..9d12a08
--- /dev/null
+++ b/src/pages/myApps/MyAppsEconomics.vue
@@ -0,0 +1,692 @@
+<template>
+  <div class="MyAppsEconomics">
+    <div class="home-content">
+      <div class="module">
+        <div class="module-name"><span>数字化治理</span></div>
+        <div class="module-content">
+          <div
+            class="module-item"
+            v-for="item in GovernanceList"
+            :key="item.id"
+            @click="goUrl(item.redirectUrl, item.authorityInfo, '4')"
+            :class="{ 'is-dispaly': item.authorityInfo !== 1 }"
+          >
+            <img :src="require(`../../images/Economics/${item.img}`)" alt="" />
+            <div>{{ item.name }}</div>
+          </div>
+        </div>
+      </div>
+      <div class="module module2">
+        <div class="left">
+          <div class="module-name"><span>产业数字化</span></div>
+          <div class="left-content">
+            <div class="item">
+              <div class="title">
+                <span>数字金融</span>
+              </div>
+              <div class="item-content">
+                <div
+                  class="Finance-item"
+                  v-for="item in FinanceList"
+                  :key="item"
+                  @click="goUrl(item.redirectUrl, item.authorityInfo, '2')"
+                  :class="{ 'is-dispaly': item.authorityInfo !== 1 }"
+                >
+                  <img :src="require(`../../images/Economics/${item.img}`)" alt="" />
+                  <div>{{ item.name }}</div>
+                </div>
+              </div>
+            </div>
+            <div class="item">
+              <div class="title">
+                <span>数字贸易</span>
+              </div>
+              <div class="item-content">
+                <div
+                  class="Finance-item"
+                  v-for="item in TradeList"
+                  :key="item"
+                  @click="goUrl(item.redirectUrl, item.authorityInfo, '2')"
+                  :class="{ 'is-dispaly': item.authorityInfo !== 1 }"
+                >
+                  <img :src="require(`../../images/Economics/${item.img}`)" alt="" />
+                  <div>{{ item.name }}</div>
+                </div>
+              </div>
+            </div>
+            <div class="item3">
+              <img src="../../images/Economics/三层.png" alt="" />
+              <div class="Industry">
+                <div
+                  v-for="item in digitalizationIndustry"
+                  :key="item"
+                  @click="goUrl(item.redirectUrl, item.authorityInfo, '2')"
+                  :class="{ 'is-dispaly': item.authorityInfo !== 1 }"
+                >
+                  {{ item.nameInfo }}
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="right">
+          <img src="../../images/Economics/logo1.png" alt="" />
+        </div>
+      </div>
+      <div class="module module2 module3">
+        <div class="left">
+          <div class="module-name"><span>数字产业化</span></div>
+          <div class="left-content">
+            <div
+              class="Industrialization-item"
+              v-for="item in industrializationList"
+              :key="item"
+              @click="goUrl(item.redirectUrl, item.authorityInfo, '1')"
+              :class="{ 'is-dispaly': item.authorityInfo !== 1 }"
+            >
+              <img :src="require(`../../images/Economics/${item.img}`)" alt="" />
+              <span>{{ item.name }}</span>
+            </div>
+          </div>
+        </div>
+        <div class="right">
+          <img src="../../images/Economics/logo2.png" alt="" />
+        </div>
+      </div>
+      <div class="module module2 module3 module4">
+        <div class="left">
+          <div class="module-name"><span>数据价值化</span></div>
+          <div class="left-content">
+            <div
+              class="Value-item"
+              v-for="item in ValueList"
+              :key="item"
+              @click="goUrl(item.redirectUrl, item.authorityInfo, '3')"
+              :class="{ 'is-dispaly': item.authorityInfo !== 1 }"
+            >
+              <span>{{ item.name }}</span>
+            </div>
+          </div>
+        </div>
+        <div class="right">
+          <img src="../../images/Economics/logo3.png" alt="" />
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  name: "",
+  data() {
+    return {
+      GovernanceList: [
+        {
+          name: "碳金融",
+          img: "1-2.png",
+          redirectUrl: "",
+          authorityInfo: "",
+          id: 2
+        },
+        {
+          name: "宏观调度",
+          img: "1-1.png",
+          redirectUrl: "",
+          authorityInfo: "",
+          id: 1
+        },
+        {
+          name: "数字安全",
+          img: "1-3.png",
+          redirectUrl: "",
+          authorityInfo: "",
+          id: 3
+        },
+        {
+          name: "金融治理",
+          img: "1-4.png",
+          redirectUrl: "",
+          authorityInfo: "",
+          id: 2
+        },
+        {
+          name: "数字政务",
+          img: "1-5.png",
+          redirectUrl: "",
+          authorityInfo: "",
+          id: 3
+        }
+      ],
+      FinanceList: [
+        {
+          name: "数字营销",
+          img: "2-1.png",
+          redirectUrl: "",
+          authorityInfo: "",
+          id: 1
+        },
+        {
+          name: "数字征信",
+          img: "2-2.png",
+          redirectUrl: "",
+          authorityInfo: "",
+          id: 2
+        },
+        {
+          name: "数字支付",
+          img: "2-3.png",
+          redirectUrl: "",
+          authorityInfo: "",
+          id: 3
+        },
+        {
+          name: "数字银行",
+          img: "2-4.png",
+          redirectUrl: "",
+          authorityInfo: "",
+          id: 2
+        },
+        {
+          name: "数字证券",
+          img: "2-5.png",
+          redirectUrl: "",
+          authorityInfo: "",
+          id: 3
+        },
+        {
+          name: "数字证券",
+          img: "2-6.png",
+          redirectUrl: "",
+          authorityInfo: "",
+          id: 3
+        }
+      ],
+      TradeList: [
+        {
+          name: "数字技术贸易",
+          img: "2-7.png",
+          redirectUrl: "",
+          authorityInfo: "",
+          id: 1
+        },
+        {
+          name: "数字产品贸易",
+          img: "2-9.png",
+          redirectUrl: "",
+          authorityInfo: "",
+          id: 2
+        },
+        {
+          name: "数字服务贸易",
+          img: "2-8.png",
+          redirectUrl: "",
+          authorityInfo: "",
+          id: 3
+        },
+        {
+          name: "数据贸易",
+          img: "2-10.png",
+          redirectUrl: "",
+          authorityInfo: "",
+          id: 2
+        }
+      ],
+      industrializationList: [
+        {
+          name: "5G",
+          img: "3-1.png",
+          redirectUrl: "",
+          authorityInfo: "",
+          id: 1
+        },
+        {
+          name: "云计算",
+          img: "3-3.png",
+          redirectUrl: "",
+          authorityInfo: "",
+          id: 2
+        },
+        {
+          name: "大数据",
+          img: "3-4.png",
+          redirectUrl: "",
+          authorityInfo: "",
+          id: 3
+        },
+        {
+          name: "人工智能",
+          img: "3-2.png",
+          redirectUrl: "",
+          authorityInfo: "",
+          id: 2
+        },
+        {
+          name: "区块链",
+          img: "3-5.png",
+          redirectUrl: "",
+          authorityInfo: "",
+          id: 3
+        },
+        {
+          name: "物联网",
+          img: "3-6.png",
+          redirectUrl: "",
+          authorityInfo: "",
+          id: 3
+        },
+        {
+          name: "虚拟现实",
+          img: "3-7.png",
+          redirectUrl: "",
+          authorityInfo: "",
+          id: 3
+        },
+        {
+          name: "工业互联网",
+          img: "3-8.png",
+          redirectUrl: "",
+          authorityInfo: "",
+          id: 3
+        }
+      ],
+      digitalizationIndustry: [],
+      ValueList: [
+        {
+          name: "数据采集",
+          img: "4-1.png",
+          redirectUrl: "",
+          authorityInfo: "",
+          id: 1
+        },
+        {
+          name: "数据确权",
+          img: "4-2.png",
+          redirectUrl: "",
+          authorityInfo: "",
+          id: 2
+        },
+        {
+          name: "数据定价",
+          img: "4-3.png",
+          redirectUrl: "",
+          authorityInfo: "",
+          id: 3
+        },
+        {
+          name: "数据交易",
+          img: "4-4.png",
+          redirectUrl: "",
+          authorityInfo: "",
+          id: 2
+        }
+      ]
+    };
+  },
+  created() {
+    this.getinfo()
+  },
+  computed: {},
+  methods: {
+    goUrl(url,authority,module2){
+      if(authority == 1){
+        window.open(`${url}&module=${module2}`)
+      }else{
+        return
+      }
+    },
+    getinfo(){
+      this.$get("/api/resourcesApplication/logicPicture.json",{token:this.$getToken()}).then((res) => {
+       this.GovernanceList.forEach((item,index)=>{
+        item.redirectUrl=res.data[0].moduleInfoDTOList[index].redirectUrl
+         item.authorityInfo=res.data[0].moduleInfoDTOList[index].authorityInfo
+    })
+    // console.log( res.data[1].moduleInfoDTOList,"res.data[1].moduleInfoDTOList");
+    this.FinanceList.forEach((item,index)=>{
+      item.name=res.data[1].moduleInfoDTOList[index].nameInfo
+      item.redirectUrl=res.data[1].moduleInfoDTOList[index].redirectUrl
+      item.authorityInfo=res.data[1].moduleInfoDTOList[index].authorityInfo
+      // digitalizationIndustry.value[index].nameInfo=res.data[1].moduleInfoDTOList.nameInfo
+    })
+    res.data[1].moduleInfoDTOList.forEach((item,index)=>{
+       if(item.order>10 && item.order<14){
+        this.digitalizationIndustry.push({
+          nameInfo:item.nameInfo,
+          redirectUrl:item.redirectUrl,
+          authorityInfo:item.authorityInfo
+        })
+       }
+      if(item.order>6 && item.order<11){
+        this.TradeList[index-6].name=item.nameInfo
+        this.TradeList[index-6].redirectUrl=item.redirectUrl
+        this.TradeList[index-6].authorityInfo=item.authorityInfo
+    }
+    })
+
+    this.industrializationList.forEach((item,index)=>{
+      item.name=res.data[2].moduleInfoDTOList[index].nameInfo
+      item.redirectUrl=res.data[2].moduleInfoDTOList[index].redirectUrl
+      item.authorityInfo=res.data[2].moduleInfoDTOList[index].authorityInfo
+    })
+    this.ValueList.forEach((item,index)=>{
+    item.name=res.data[3].moduleInfoDTOList[index].nameInfo
+    item.redirectUrl=res.data[3].moduleInfoDTOList[index].redirectUrl
+    item.authorityInfo=res.data[3].moduleInfoDTOList[index].authorityInfo
+  })
+      });
+      }
+  }
+};
+</script>
+<style lang="less" scoped>
+.MyAppsEconomics {
+    // width: 100%;
+    height: calc(100% - 95px);
+    background: linear-gradient(0deg, #ffffff 0%, #f4f6fe 100%);
+    box-shadow: 0px 3px 15px 1px rgba(7, 9, 128, 0.22);
+    border-radius: 20px;
+    padding: 10px;
+    .home-content {
+    .module {
+      margin-top: 16px;
+      height: 152px;
+      background: url("../../images/Economics/1层.png") no-repeat !important;
+      background-size: 100% 100% !important;
+      padding: 0px 20px;
+      // 阴影
+      border-radius: 8px;
+      box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.06);
+      // background: transparent;
+      .module-name {
+        height: 27px;
+        background: #9755ae;
+        border-radius: 6px;
+        text-align: center;
+       
+        line-height: 27px;
+        font-size: 20px;
+        font-family: Source Han Sans CN;
+        font-weight: 500;
+        color: #FEFEFF;
+      }
+      .module-content{
+        display: flex;
+        justify-content: center;
+        gap: 106px;
+
+        .module-item {
+          display: flex;
+          flex-direction: column;
+          align-items: center;
+          margin-top: 8px;
+          transition: all 0.3s;
+          cursor: pointer;
+            &:hover {
+              color: #9755ae;
+            }
+          img {
+            width: 165px;
+            height: 90px;
+          }
+          div {
+            font-size: 19px;
+            font-family: Source Han Sans CN;
+            font-weight: 500;
+            color: #001781;
+          }
+        }
+      }
+    }
+    .module2{
+      display: flex;
+      padding: 9px 14px 5px 14px;
+      background: url("../../images/Economics/2层(1).png") no-repeat !important;
+      background-size: 100% 100% !important;
+      .left{
+        position: relative;
+        padding: 10px 13px;
+        width: calc(100% - 341px);
+        background:url('../../images/Economics/圆角矩形1.png') no-repeat;
+          background-size: 100% 100%;
+        &::before{
+          content: "";
+          width: 50px;
+          height: 113px;
+          background:url('../../images/Economics/引线蓝.png') no-repeat;
+          background-size: 100% 100%;
+          position: absolute;
+          top: 9.9%;
+          right: -3.7%;
+        }
+        .module-name{
+          background-color: #5B5BEA;
+        }
+        .left-content{
+          display: flex;
+          // align-items: center;
+          gap: 10px;
+          margin-top: 3px;
+          .item{
+            width: 519px;
+            height: 93px;
+            background: #DEDFFF;
+            border: 1px solid #7B7CEF;
+            border-radius: 6px;
+            .title{
+              height: 22px;
+              display: flex;
+              justify-content: center;
+              span{
+                display: inline-block;
+                width: 202px;
+                height: 22px;
+                text-align: center;
+                line-height: 22px;
+                background: url("../../images/Economics/多边形.png") no-repeat;
+                background-size: 100% 100%;
+                font-size: 16px;
+                font-family: Source Han Sans CN;
+                font-weight: 500;
+                color: #FBFCFF;
+              };
+
+            }
+            .item-content{
+              height: 68px;
+              display: flex;
+              justify-content: center;
+              gap:30px;
+              .Finance-item{
+                display: flex;
+                justify-content: center;
+                flex-direction: column;
+                align-items: center;
+                // 鼠標小手
+                cursor: pointer;
+                img{
+                  height: 50px;
+                }
+  
+                div{
+                  font-size: 13px;
+                  font-family: Source Han Sans CN;
+                  font-weight: 400;
+                  color: #001781;
+                
+                }
+              }
+            }
+          }
+          .item3{
+            display: flex;
+            align-items: center;
+            gap: 10px;
+            width:231px;
+            height: 93px;
+            // background-color: pink;
+            img{
+              width: 150px;
+            }
+            .Industry{
+              display: flex;
+              flex-direction: column;
+              align-items: center;
+              gap: 10px;
+              div{
+                width: 71px;
+                height: 19px;
+                line-height: 19px;
+                background: #383AED;
+                border-radius: 10px;
+                text-align: center;
+                font-size: 13px;
+                font-family: Source Han Sans CN;
+                font-weight: 400;
+                color: #FFFFFF;
+                // 鼠標小手
+                cursor: pointer;
+              }
+            }
+          }
+        }
+      }
+      .right{
+        width: 341px;
+        height: 100%;
+        padding-left: 50px;
+        // background-color: pink;
+       img{
+        padding: 30px 27px;
+       }
+      }
+    }
+    .module3{
+      background: url("../../images/Economics/三层(1).png") no-repeat !important;
+      background-size: 100% 100% !important;
+      .left{
+        background:url('../../images/Economics/虚线红.png') no-repeat;
+          background-size: 100% 100%;
+          &::before{
+          content: "";
+          width: 50px;
+          height: 113px;
+          background:url('../../images/Economics/引线红.png') no-repeat;
+          background-size: 100% 100%;
+          position: absolute;
+          top: 9.9%;
+          right: -3.7%;
+        }
+        .module-name{
+          background: #EB6080;
+        }
+        .left-content{
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          margin-top: 5px;
+          gap: 38px;
+          .Industrialization-item{
+            display: flex;
+            align-items: center;
+             flex-direction: column;
+             cursor: pointer;
+          img{
+            width: 113px;
+            height: 71px;
+          }
+          span{
+            font-size: 15px;
+            font-family: Source Han Sans CN;
+            font-weight: 600;
+            color: #001781;
+          }
+          }
+
+        }
+      }
+      .right{
+        width: 341px;
+        height: 100%;
+        padding-left: 50px;
+        // background-color: pink;
+       img{
+        padding: 30px 27px;
+        width: 258px;
+        height: 90px;
+       }
+      }
+    }
+    .module4{
+      background: url("../../images/Economics/四层(1).png") no-repeat !important;
+      background-size: 100% 100% !important;
+      .left{
+        background:url('../../images/Economics/虚线绿.png') no-repeat;
+          background-size: 100% 100%;
+          &::before{
+          content: "";
+          width: 50px;
+          height: 113px;
+          background:url('../../images/Economics/引线绿.png') no-repeat;
+          background-size: 100% 100%;
+          position: absolute;
+          top: 9.9%;
+          right: -3.7%;
+        }
+        .module-name{
+          background: #25C39D;
+        }
+        .left-content{
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          margin-top: 5px;
+          gap: 38px;
+          .Value-item{
+            width: 262px;
+            height: 69px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            background:url('../../images/Economics/4-1.png') no-repeat;
+            background-size: 100% 100%;
+            cursor: pointer;
+            span{
+              margin-left: 50px;
+              font-size: 22px;
+              font-family: Source Han Sans CN;
+              font-weight: 500;
+              color: #001781;
+            }
+          }
+          .Value-item:nth-child(2){
+            background:url('../../images/Economics/4-2.png') no-repeat;
+            background-size: 100% 100%;
+          }
+          .Value-item:nth-child(3){
+            background:url('../../images/Economics/4-3.png') no-repeat;
+            background-size: 100% 100%;
+          }
+          .Value-item:nth-child(4){
+            background:url('../../images/Economics/4-4.png') no-repeat;
+            background-size: 100% 100%;
+          }
+        }
+      }
+      .right{
+        width: 341px;
+        height: 100%;
+        padding-left: 50px;
+        // background-color: pink;
+       img{
+        padding: 30px 27px;
+        width: 258px;
+        height: 90px;
+       }
+      }
+    }
+    .is-dispaly{
+      // 禁用
+      cursor: not-allowed !important;
+    }
+  } 
+}
+</style>
diff --git a/static/api.js b/static/api.js
index 0d27815..0b2da52 100644
--- a/static/api.js
+++ b/static/api.js
@@ -3,7 +3,7 @@
     site:'http://localhost:9090/server', //数据请求地址
     // site:'http://10.0.149.100:9090/server', //数据请求地址
     // site:'http://202.199.90.115:9090/server', //数据请求地址
-    // site:'http://zycloud.sztzjy.com/server', //数据请求地址
+    // site:'https://zycloud.sztzjy.com/server', //数据请求地址
     viewUrl:'http://39.108.104.1/op/view.aspx?src=', //PDF、PPT、WORD等在线预览的地址
     // site:'http://192.168.110.95:9090/server'
   }
@@ -12,3 +12,4 @@
     VIEW_URL: config.viewUrl,
   };
 })();
+ 
\ No newline at end of file