*

dsk-operate-ui/src/layout/components/TagsView/index.vue

@@ -52,14 +52,16 @@ export default {
     },
     iconName() {
       return function(val) {
-        let tagIcon = val.meta.tagIcon || 'defaultTag', tagIcons = val.meta.tagIcons || 'defaultTags'
-        let icon = this.isActive(val) ? tagIcons : tagIcon
-        if (!icon) {
+        let svgIcon = val.meta.icon, currentIcon = ''
+        let icon = this.isActive(val) ? svgIcon+'Tags' : svgIcon+'Tag'
+        if (!svgIcon) {
           const index = val.path.indexOf('/', val.path.indexOf('/') + 1)
           const parentPath = val.path.slice(0, index)
           const currentRoute = this.$router.options.routes.find(item => item.path === parentPath)
-          icon = this.isActive(val) ? currentRoute.meta.tagIcons : currentRoute.meta.tagIcon
+          currentIcon = currentRoute.meta.icon
+          icon = this.isActive(val) ? currentIcon+'Tags' : currentIcon+'Tag'
         }
+        icon = (svgIcon && svgIcon != '#') || (currentIcon && svgIcon != '#') ? icon : this.isActive(val) ? 'defaultTags' : 'defaultTag'
         return `#icon-${icon}`
       }
     },

dsk-operate-ui/src/router/index.js

@@ -70,7 +70,7 @@ export const constantRoutes = [
         path: 'index',
         component: () => import('@/views/index'),
         name: 'Index',
-        meta: { title: '首页', icon: 'index', icons: 'indexs', tagIcon: 'indexTag', tagIcons: 'indexTags', affix: true }
+        meta: { title: '首页', icon: 'index' }
       }
     ]
   },
@@ -98,7 +98,7 @@ export const constantRoutes = [
         path: 'party-a',
         component: () => import('@/views/detail/party-a/index'),
         name: 'PartyA',
-        meta: { title: '甲方详情', icon: 'custom', icons: 'customs', tagIcon: 'customTag', tagIcons: 'customTags' }
+        meta: { title: '甲方详情', icon: 'custom' }
       },
       {
         path: 'party-b',

dsk-operate-ui/src/views/detail/party-a/index.vue

 <template>
-  <div class="app-container">
-    甲方详情
+  <div class="app-container part-container">
+    <div class="bread-crumb">
+      <el-breadcrumb separator="/">
+        <el-breadcrumb-item :to="{ path: '/' }">企业数据</el-breadcrumb-item>
+        <el-breadcrumb-item><a href="/">查企业</a></el-breadcrumb-item>
+        <el-breadcrumb-item>中铁一建</el-breadcrumb-item>
+      </el-breadcrumb>
+    </div>
+    <div class="flex-box part-header">
+      <img class="header-logo" src="@/assets/images/avatar.png">
+      中交第二航务工程局有限公司
+    </div>
   </div>
 </template>
 
@@ -19,5 +29,44 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-
+  .part-container{
+    padding: 0;
+  }
+  .bread-crumb{
+    .el-breadcrumb{
+      font-size: 12px;
+      ::v-deep .el-breadcrumb__separator{
+        margin: 0 5px;
+      }
+      ::v-deep .el-breadcrumb__inner.is-link, .el-breadcrumb__inner a{
+        color: rgba(35,35,35,0.4);
+        &:hover{
+          color: #1890ff;
+        }
+      }
+      ::v-deep .el-breadcrumb__item{
+        &:last-child .el-breadcrumb__inner{
+          color: #232323;
+        }
+        &:nth-last-child(2){
+          .el-breadcrumb__separator{
+            color: #232323;
+          }
+        }
+      }
+    }
+  }
+  .part-header{
+    font-size: 16px;
+    font-weight: bold;
+    color: #232323;
+    background: #FFFFFF;
+    padding: 14px 16px;
+    margin-top: 12px;
+    .header-logo{
+      width: 28px;
+      height: 28px;
+      margin-right: 16px;
+    }
+  }
 </style>

dsk-operate-ui/src/views/detail/party-b/index.vue

@@ -6,7 +6,7 @@
 
 <script>
 export default {
-  name: 'EnterpriseData',
+  name: 'PartyB',
   components: {
 
   },