大企业详情

public/css/common.scss

@@ -1119,4 +1119,18 @@ i {
       margin-right: 20px;
     }
   }
+}
+
+//
+.height1px{
+  height: 1px;
+  background: #E7E9F5;
+}
+
+//标签显示
+.primaryLabel{
+  display: inline-block;
+  padding: 2px 4px;
+  border: 1px solid #5D78FF;
+  color: #5D78FF;
 }
\ No newline at end of file

public/css/index.css

@@ -11469,7 +11469,7 @@
 
 .el-tag--plain {
     background-color: #fff;
-    border-color: #bec9ff;
+    border-color: #5d78ff;
     color: #5d78ff
 }
 

src/common/lang/zh.js

@@ -344,6 +344,26 @@ module.exports = {
             industry:"行业领域",
             targetIndustry:"目标合作领域",
             place:"所在地"
+        },
+        detailInfo:{
+            requireList:"需求列表",
+            basicInfo:"基本信息",
+            requireTitle:"需求标题",
+            targetIndustry:"目标行业领域",
+            cooperation:"合作方式",
+            endTime:"需求结束时间",
+            operation:"操作",
+            look:"查看",
+            oneself:"自推荐",
+            industry:"所属行业",
+            webSite:"网址",
+            weChat:"公众号",
+            createdTime:"公司创建时间",
+            companyScale:"公司规模",
+            cooperationFlag:"合作领域标签",
+            companyIntro:"公司简介",
+            collection:"收藏"
+
         }
 
     }

src/components/common/companyInfo.vue

+<template>
+    <div class="wrapper">
+        <div class="leftWrap">
+            <img src="../../assets/img/bigBusinessLogo@2x.png" alt="">
+            <div class="companyInfo">
+                <p class="mainTitle"><span>京东</span><span>中国-北京</span></p>
+                <p class="title"><span>以一站式综合类购物电商平台为主的综合性互联网集团</span></p>
+                <p class="flagLabel">
+                    <span>健康医疗</span><span>健康医疗</span><span>健康医疗</span><span>健康医疗</span><span>健康医疗hahahh</span>
+                    <span>健康医疗</span><span>健康医疗</span><span>健康医疗</span><span>健康医疗</span><span>健康医疗</span>
+
+                </p>
+                <p class="statusLabel"><span>当前需求状态：</span><span>未审核 / 生效中 / 已过期 / 已下架</span></p>
+            </div>
+        </div>
+        <div class="rightWrap">
+            <p><i class="iconfont icon-eye"></i><span>被查看 </span>(57)</p>
+            <p><i class="iconfont icon-star"></i><span>被收藏 </span>(126)</p>
+            <p><i class="iconfont icon-message-square"></i><span>已沟通 </span>(123)</p>
+        </div>
+    </div>
+</template>
+
+<script>
+    export default {
+        name: "companyInfo"
+    }
+</script>
+
+<style scoped lang="scss">
+    .wrapper {
+        height: 220px;
+        background: #5D78FF;
+        padding: 35px 80px 35px 50px;
+        color: #fff;
+        i{
+            color: #fff;
+        }
+        display: -webkit-flex; /*新版本语法：chrome 21+*/
+        display: -webkit-box; /*老版本语法：Safari,iOS,Android browser,old Webkit browser*/
+        display: -moz-box; /*老版本语法：Firefox(buggy)*/
+        display: -ms-flexbox; /*混合版本语法：IE 10*/
+        display: flex; /*新版本语法:opera 12.1,Firefox 22+*/
+        justify-content: space-between;
+        div.leftWrap{
+            display: -webkit-flex; /*新版本语法：chrome 21+*/
+            display: -webkit-box; /*老版本语法：Safari,iOS,Android browser,old Webkit browser*/
+            display: -moz-box; /*老版本语法：Firefox(buggy)*/
+            display: -ms-flexbox; /*混合版本语法：IE 10*/
+            display: flex; /*新版本语法:opera 12.1,Firefox 22+*/
+            justify-content: space-between;
+            width: 500px;
+            /*width: ;*/
+            &>img{
+                width: 90px;
+                height: 90px;
+                float: left;
+                margin-right: 30px;
+                border-radius: 3px;
+            }
+            .companyInfo{
+                text-align: left;
+                &>p{
+                    margin: 6px 0;
+                }
+                .mainTitle{
+                    &>span:first-child{
+                        margin-right: 40px;
+                        font-weight: 500;
+                        font-size: 18px;
+                    }
+                }
+                .title{
+                    margin-bottom: 10px;
+                }
+                .flagLabel{
+                    &>span{
+                        display: inline-block;
+                        padding: 2px 5px;
+                        border: 1px solid #fff;
+                        font-size: 12px;
+                        -webkit-border-radius: 3px;
+                        -moz-border-radius: 3px;
+                        border-radius: 3px;
+                        margin-right: 8px;
+                        margin-bottom: 10px;
+                    }
+                }
+            }
+        }
+        div.rightWrap{
+            margin-top: 30px;
+            &>p{
+                margin: 5px 0;
+            }
+            i{
+                margin: 0 5px;
+            }
+        }
+    }
+</style>
\ No newline at end of file

src/router.js

@@ -15,7 +15,8 @@ import passSuccessCmpt from './views/loginregister/pages/passSuccessCmpt';//密
 import ltrIndex from './views/ltrIndex';//登录后的父级框架
 import editAuth from './views/accountmanage/pages/edit';//个人认证
 import bigBusinessAdd from './views/bigbusiness/pages/add';//大企业发布需求
-import bigBusinessList from './views/bigbusiness/pages/list';//大企业发布需求
+import bigBusinessList from './views/bigbusiness/pages/list';//大企业需求列表
+import bigBusinessDetail from './views/bigbusiness/pages/detail';//大企业需求详情
 import saleRequireEdit from './views/saleManage/requireManage/pages/edit';//大企业需求详情
 Vue.use(Router)
 
@@ -53,6 +54,11 @@ export default new Router({
                   name:"bigBusinessList",
                   component:bigBusinessList
                 },
+                {
+                  path:'/bigBusiness/detail',
+                  name:"bigBusinessDetail",
+                  component:bigBusinessDetail
+                },
                 {
                     path:'/salerequire/edit',
                     name:"saleRequireEdit",