修改

dsk-operate-ui/src/views/macro/economies/component/comparison.vue

+<template>
+  <div class="regionalEconomy">
+    地区经济对比
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'comparison',
+  data() {
+    return {
+      activeName: 'first'
+    }
+  },
+  created() {
+  },
+  methods: {
+    handleClick() {
+
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+  .app-container{
+    padding: 0;
+  }
+  .eco-header{
+    justify-content: space-between;
+    height: 48px;
+    background: #FFFFFF;
+    border-radius: 4px;
+    padding:0 16px;
+    color: #232323;
+    ::v-deep .el-tabs{
+      height: 48px;
+      line-height: 48px;
+      .el-tabs__nav-wrap::after {
+        position: static !important;
+      }
+      .el-tabs__header{
+        margin: 0;
+        .el-tabs__item{
+          padding: 0 16px;
+          font-size: 16px;
+        }
+        .is-active{
+          font-weight: bold;
+        }
+      }
+    }
+    .location{
+      font-size: 14px;
+      color: #0081FF;
+      i{
+        margin-right: 6px;
+        font-size: 16px;
+      }
+    }
+  }
+</style>

dsk-operate-ui/src/views/macro/economies/component/industrialStructure.vue

+<template>
+  <div class="regionalEconomy">
+    产业结构
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'industrialStructure',
+  data() {
+    return {
+      activeName: 'first'
+    }
+  },
+  created() {
+  },
+  methods: {
+    handleClick() {
+
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+  .app-container{
+    padding: 0;
+  }
+  .eco-header{
+    justify-content: space-between;
+    height: 48px;
+    background: #FFFFFF;
+    border-radius: 4px;
+    padding:0 16px;
+    color: #232323;
+    ::v-deep .el-tabs{
+      height: 48px;
+      line-height: 48px;
+      .el-tabs__nav-wrap::after {
+        position: static !important;
+      }
+      .el-tabs__header{
+        margin: 0;
+        .el-tabs__item{
+          padding: 0 16px;
+          font-size: 16px;
+        }
+        .is-active{
+          font-weight: bold;
+        }
+      }
+    }
+    .location{
+      font-size: 14px;
+      color: #0081FF;
+      i{
+        margin-right: 6px;
+        font-size: 16px;
+      }
+    }
+  }
+</style>

dsk-operate-ui/src/views/macro/economies/component/localEconomy.vue

+<template>
+  <div class="regionalEconomy">
+    辖区经济
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'localEconomy',
+  data() {
+    return {
+      activeName: 'first'
+    }
+  },
+  created() {
+  },
+  methods: {
+    handleClick() {
+
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+  .app-container{
+    padding: 0;
+  }
+  .eco-header{
+    justify-content: space-between;
+    height: 48px;
+    background: #FFFFFF;
+    border-radius: 4px;
+    padding:0 16px;
+    color: #232323;
+    ::v-deep .el-tabs{
+      height: 48px;
+      line-height: 48px;
+      .el-tabs__nav-wrap::after {
+        position: static !important;
+      }
+      .el-tabs__header{
+        margin: 0;
+        .el-tabs__item{
+          padding: 0 16px;
+          font-size: 16px;
+        }
+        .is-active{
+          font-weight: bold;
+        }
+      }
+    }
+    .location{
+      font-size: 14px;
+      color: #0081FF;
+      i{
+        margin-right: 6px;
+        font-size: 16px;
+      }
+    }
+  }
+</style>

dsk-operate-ui/src/views/macro/economies/component/regionalEconomy.vue

+<template>
+  <div class="regionalEconomy">
+    地区经济
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'regionalEconomy',
+  data() {
+    return {
+      activeName: 'first'
+    }
+  },
+  created() {
+  },
+  methods: {
+    handleClick() {
+
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+  .app-container{
+    padding: 0;
+  }
+  .eco-header{
+    justify-content: space-between;
+    height: 48px;
+    background: #FFFFFF;
+    border-radius: 4px;
+    padding:0 16px;
+    color: #232323;
+    ::v-deep .el-tabs{
+      height: 48px;
+      line-height: 48px;
+      .el-tabs__nav-wrap::after {
+        position: static !important;
+      }
+      .el-tabs__header{
+        margin: 0;
+        .el-tabs__item{
+          padding: 0 16px;
+          font-size: 16px;
+        }
+        .is-active{
+          font-weight: bold;
+        }
+      }
+    }
+    .location{
+      font-size: 14px;
+      color: #0081FF;
+      i{
+        margin-right: 6px;
+        font-size: 16px;
+      }
+    }
+  }
+</style>

dsk-operate-ui/src/views/macro/economies/index.vue

@@ -2,30 +2,37 @@
   <div class="app-container">
     <div class="flex-box eco-header">
       <el-tabs v-model="activeName" @tab-click="handleClick">
-        <el-tab-pane label="地区经济" name="first" />
-        <el-tab-pane label="辖区经济" name="second" />
-        <el-tab-pane label="地区经济对比" name="third" />
-        <el-tab-pane label="产业结构" name="four" />
+        <el-tab-pane label="地区经济" name="first">
+          <RegionalEconomy></RegionalEconomy>
+        </el-tab-pane>
+        <el-tab-pane label="辖区经济" name="second">
+          <LocalEconomy></LocalEconomy>
+        </el-tab-pane>
+        <el-tab-pane label="地区经济对比" name="third">
+          <Comparison></Comparison>
+        </el-tab-pane>
+        <el-tab-pane label="产业结构" name="four">
+          <IndustrialStructure></IndustrialStructure>
+        </el-tab-pane>
       </el-tabs>
-      <div>
-        重庆市
-      </div>
-    </div>
-    <div class="eco-data">
-      1
-    </div>
-    <div class="eco-infomation">
-      2
-    </div>
-    <div class="eco-tag">
-      3
+      <div class="location"><i class="el-icon-location"></i>重庆市</div>
     </div>
   </div>
 </template>
 
 <script>
+  import RegionalEconomy from './component/regionalEconomy'
+  import LocalEconomy from './component/localEconomy'
+  import Comparison from './component/comparison'
+  import IndustrialStructure from './component/industrialStructure'
 export default {
   name: 'Economies',
+  components: {
+    RegionalEconomy,
+    LocalEconomy,
+    Comparison,
+    IndustrialStructure,
+  },
   data() {
     return {
       activeName: 'first'
@@ -42,7 +49,40 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+  .app-container{
+    padding: 0;
+  }
   .eco-header{
     justify-content: space-between;
+    height: 48px;
+    background: #FFFFFF;
+    border-radius: 4px;
+    padding:0 16px;
+    color: #232323;
+    ::v-deep .el-tabs{
+      height: 48px;
+      line-height: 48px;
+      .el-tabs__nav-wrap::after {
+        position: static !important;
+      }
+      .el-tabs__header{
+        margin: 0;
+        .el-tabs__item{
+          padding: 0 16px;
+          font-size: 16px;
+        }
+        .is-active{
+          font-weight: bold;
+        }
+      }
+    }
+    .location{
+      font-size: 14px;
+      color: #0081FF;
+      i{
+        margin-right: 6px;
+        font-size: 16px;
+      }
+    }
   }
 </style>

dsk-operate-ui/src/views/macro/financing/details.vue

@@ -74,6 +74,32 @@
     </div>
     <div class="content main3">
       <div class="common-title">项目保障</div>
+      <div class="main3-box">
+        <p>
+          <label class="label">项目总收益/项目总债务融资本息(覆盖倍数)</label>
+          <span>1.36倍</span>
+        </p>
+        <p>
+          <label class="label">项目总收益/项目总地方债券融资本息</label>
+          <span>1.96倍</span>
+        </p>
+        <p>
+          <label class="label">项目总收益/项目总投资</label>
+          <span>1.96倍</span>
+        </p>
+        <p>
+          <label class="label">项目总收益/项目总地方债券融资本金</label>
+          <span>1.96倍</span>
+        </p>
+        <p>
+          <label class="label">项目总收益/项目总债务融资本金</label>
+          <span>2.45倍</span>
+        </p>
+        <p>
+          <label class="label">项目预测总收益</label>
+          <span>2.45倍</span>
+        </p>
+      </div>
     </div>
     <div class="content main4">
       <div class="common-title">项目当事人</div>
@@ -237,6 +263,47 @@ export default {
         border: 1px solid rgba(0,129,255,0.1);
       }
     }
+    .main3{
+      .main3-box{
+        margin-top: 22px;
+        p{
+          margin: 0;
+          display: inline-block;
+          width: 50%;
+          border-top: 1px solid #E6E9F0;
+          border-left: 1px solid #E6E9F0;
+        }
+        p:nth-child(2n){
+          border-right: 1px solid #E6E9F0;
+        }
+        p:nth-child(5){
+          border-bottom: 1px solid #E6E9F0;
+        }
+        p:last-child{
+          border-bottom: 1px solid #E6E9F0;
+        }
+        .label{
+          width: 60%;
+          background: #F0F3FA;
+          display: inline-block;
+          height: 40px;
+          font-weight: 400;
+          border-right: 1px solid #E6E9F0;
+          line-height: 40px;
+          font-size: 12px;
+          color: rgba(35,35,35,0.8);
+          padding-left: 12px;
+        }
+        span{
+          width: 40%;
+          display: inline-block;
+          height: 40px;
+          line-height: 40px;
+          padding-left: 12px;
+          font-size: 12px;
+        }
+      }
+    }
     .main4{
       .main4-box{
         margin-top: 22px;
@@ -267,5 +334,10 @@ export default {
         }
       }
     }
+    .main5{
+      .table-item{
+        margin-top: 22px;
+      }
+    }
   }
 </style>