修改关于我们

src/components/recruit/index.vue

@@ -126,17 +126,49 @@ const data = [
             3. Experienced in ROS development is preferred`
   },
   {
-    name: 'Image Algorithm Researcher (SFM)',
+    name: 'Graphics Algorithms Researcher (SfM Direction)',
     type: 'Development',
     address: 'Zhuhai',
     count: 1,
     date: '2018-06-12',
-    desc: `1. Responsible for developing and optimizing of 3D reconstruction algorithms based on images.<br>
-           2. Responsible for developing new functions based on existing 3D reconstruction algorithms.`,
-    req: `1. Proficient in C/C++ and MATLAB, Python, strong code implementation capability.<br>
-          2. Experienced in using graphics and image open source like OpenCV/OpenGL/PCL etc;<br>
-          3. Experience in programming in Linux and Windows system environment.<br>
-          4. Familiar with common data structures and algorithms, ability to analyze and optimize computation logic and improve performance.`,
+    desc: `1.	Responsible to develop and optimize 3D reconstruction algorithms of images;<br>
+           2.	Build new functionality based upon existing 3D reconstruction algorithms;<br>
+           3.   Work closely with your teams to solve other problems.`,
+    req: `1.	MS or PhD degree in Pattern Recognition, Communications Engineering, Computer Science, Automation, Mathematics or related field; <br>
+          2.	Demonstrated knowledge on C++ and MATLAB and strong programming skills;<br>
+          3.	Experience with OpenCV/ceres-solver or related libraries;<br>
+          4.	Experience programming using Linux and Windows;<br>
+          5.	Fast learner, proficiency in English reading; <br>
+          6.  Proficiency in commonly used data structures and algorithms, ability to analyze and optimize calculation logic to improve performance<br>
+          7.  Post-graduate students with no work experience but are willing to engage in 3D reconstruction are also accepted.`,
+    bonus: `1. Experienced in related projects of feature extraction and matching, based on image 3D reconstruction (SFM) is preferred.`
+  },
+  {
+    name: 'Graphics Algorithms Researcher (Deep Learning for Visual Understanding Direction)',
+    type: 'Development',
+    address: 'Zhuhai',
+    count: 1,
+    date: '2018-06-12',
+    desc: `1.Researchers are responsible to investigate feature point descriptors for deep learning, stereo vision, SLAM, and depth prediction method of images.`,
+    req: `1. Familiar with clustering, classification, regression, graph model and other machine learning algorithms.<br>
+          2. Proficient in one or more of pytorch, tensorflow and other deep learning frameworks.<br>
+          3. Understand classical computer vision tasks, such as SFM, SLAM, object detection, etc.<br>
+          4. Relevant conmputer vision project experience or intent to apply deep learning methods to classic computer vision task.`,
+    bonus: `1. Experienced in related projects of feature extraction and matching, based on image 3D reconstruction (SFM) is preferred.`
+  },
+  {
+    name: 'Graphics Algorithms Researcher (Panoramic Images Mapping Direction)',
+    type: 'Development',
+    address: 'Zhuhai',
+    count: 1,
+    date: '2018-06-12',
+    desc: `1.Responsible to develop and optimize fisheye camera calibration algorithms.<br>
+           2.Responsible to develop and optimize panoramic image mapping algorithms.`,
+    req: `1.MS or PhD degree in Pattern Recognition, Communications Engineering, Computer Science, Automation, Mathematics or related field; <br>
+          2.Demonstrated knowledge on C++ and MATLAB and strong programming skills;<br>
+          3.Experience with OpenCV/OpenGL or related libraries. <br>
+          4.Solid understanding of fisheye camera calibration and hardware structure as well as related parameters.<br>
+          5.Proficiency in commonly used data structures and algorithms, ability to analyze and optimize calculation logic to improve performance`,
     bonus: `1. Experienced in related projects of feature extraction and matching, based on image 3D reconstruction (SFM) is preferred.`
   },
   {

src/pages/about/index.vue

@@ -34,6 +34,79 @@
       <div class="product">
         <ImageShear :src="contentbg" :height="height" class="bg" />
       </div>
+
+      
+      <div class="join-info">
+
+        <div class="join-item">
+          <img src="@/assets/images/bg1.png" class="join-bg-1 join-bg-item-1">
+          <div class="join-content">
+            <div class="join-img">
+              <div class="img">
+                <img src="@/assets/images/item-1.jpg" alt="">
+              </div>
+              <div class="img">
+                <img src="@/assets/images/item-2.jpg" alt="">
+              </div>
+            </div>
+            <div class="join-list">
+              <h4>中德合作</h4>
+              <ul>
+                <li>四维时代与德国人工智能研究中（ DFKI ） 合作成立中德人工智能研究院（CGAII）， 目前有中德专家团队成员约200人 ， 团队成员均为来自DFKI以及四维时代的高级研究员。</li>
+                <li>创始人及高管人员均为欧洲海归博士及国内名校高材生，研发团 队具有丰富的技术开发与项目运营经验。</li>
+                <li>每年举办中德人工智能大会，为中德科研交流与产业落地打造国</li>
+              </ul>
+            </div>
+          </div>
+          <img src="@/assets/images/bg2.png" class="join-bg-2 join-bg-item-2">
+        </div>
+
+        <div class="join-item">
+          <img src="@/assets/images/bg3.png" class="join-bg-1 join-bg-item-3">
+          <div class="join-content">
+            <div class="join-img">
+              <div class="img">
+                <img src="@/assets/images/item-3.jpg" alt="">
+              </div>
+              <div class="img">
+                <img src="@/assets/images/item-4.jpg" alt="">
+              </div>
+            </div>
+            <div class="join-list">
+              <h4>人才培养</h4>
+              <ul>
+                <li>国际化、多元化工作环境，与来自全球的四维人创造卓越的产品。</li>
+                <li>教育基金Wonder Age计划，全力支持员工通过学习顶尖课程培养职业技能与领导力。</li>
+                <li>每年定期多次派出员工到德国人工智能研究中心（DFKI）访问学习。</li>
+              </ul>
+            </div>
+          </div>
+          <img src="@/assets/images/bg4.png" class="join-bg-2 join-bg-item-4">
+        </div>
+
+        <div class="join-item">
+          <div class="join-content">
+            <div class="join-img">
+              <div class="img">
+                <img src="@/assets/images/item-5.jpg" alt="">
+              </div>
+              <div class="img">
+                <img src="@/assets/images/item-6.jpg" alt="">
+              </div>
+            </div>
+            <div class="join-list">
+              <h4>团队福利</h4>
+              <ul>
+                <li>六险一金齐全，周末双休，入户珠海机会。</li>
+                <li>弹性工作制， 每年1-3次调薪机会， 丰厚年终奖， 带薪年假。</li>
+                <li>优质宿舍，上班接送车，每天水果饮品晚餐供应，每月购书福利，节日福利，年度免费体检，年终境外旅游。</li>
+              </ul>
+            </div>
+          </div>
+        </div>
+
+      </div>
+
       <div class="recruit"  id="jrwm">
         <Recruit />
       </div>

src/pages/about/style.css

@@ -48,8 +48,138 @@
 .product .bg {
   margin-top: 100px;
 }
+.join-list h4 {
+  font-size: 2em;
+  color: #3e3e3e;
+  margin-bottom: 1em;
+}
+
+.join-list li {
+  font-size: 0.933em;
+  color: #6c6c6c;
+  line-height: 2em;
+  list-style: disc
+}
+
+.join-img {
+  text-align: center;
+  position: relative;
+}
+
+.join-img .img {
+  width: 67.23%;
+  height: auto;
+  border: 7px solid #fff;
+  box-sizing: border-box;
+  display: inline-block;
+  overflow: hidden;
+  position: relative;
+  z-index: 1;
+}
+
+.join-img .img img {
+  width: 100%;
+  transition: transform .3s linear;
+  display: block;
+}
+
+.join-img .img img:hover {
+  transform: scale(1.1);
+}
+
+.join-img .img:nth-child(2) {
+  position: absolute;
+  z-index: 0;
+  left: 50%;
+  top: 50%;
+  transform-origin: 80% 20%;
+  transform: translateX(-50%) translateY(-50%) scale(1.07) rotateZ(15deg);
+
+}
+
+
+.join-item:nth-child(2n) .join-img img:nth-child(2) {
+  transform-origin: 20% 20%;
+  transform: translateX(-50%) translateY(-50%) scale(1.07) rotateZ(-10deg);
+}
+
+.join-info {
+  overflow: hidden;
+}
+
+.join-item {
+  padding-top: 100px;
+  padding-bottom: 50px;
+  position: relative;
+}
+
+.join-bg-1 {
+  position: absolute;
+  right: 0;
+  top: 0;
+  transform: translateX(30%);
+  z-index: -1
+}
+
+.join-bg-2 {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  transform: translateX(-30%) translateY(50%);
+  z-index: -1
+}
+
+.join-img {
+  width: 60%;
+  max-width: 470px;
+  margin: 0 auto;
+}
+
+.join-list {
+  padding-top: 30px;
+  width: 60%;
+  max-width: 470px;
+  margin: 0 auto;
+}
+
+
+.join-list h4 {
+  text-align: center;
+}
+
+.join-bg-item-1 {
+  width: 40.32%;
+}
+
+.join-bg-item-2 {
+  width: 36.54%;
+}
+
+.join-bg-item-3 {
+  width: 38.77%;
+}
+
+.join-bg-item-4 {
+  width: 17.76%;
+}
 
 @media screen and (min-width: 980px) {
+  .join-content {
+    max-width: 980px;
+    margin: 0 auto;
+    width: 60%;
+  }
+
+  .join-content::after {
+    content: '';
+    display: block;
+    clear: both;
+  }
+
+  .join-info {
+    padding-top: 220px;
+  }
+
   .course p {
     position: relative;
     padding-left: 80px;
@@ -69,4 +199,74 @@
   .banner {
     margin-bottom: 100px;
   }
+
+  .join-list li {
+    line-height: 3em;
+  }
+
+  .join-item {
+    margin-top: 100px;
+    padding-bottom: 230px;
+    position: relative;
+  }
+
+  .join-item:last-child {
+    padding-bottom: 50px;
+  }
+
+  .join-bg-1 {
+    position: absolute;
+    right: 0;
+    top: 0;
+    transform: translateY(-50%);
+    z-index: -1
+  }
+
+  .join-bg-2 {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    transform: translateY(50%);
+    z-index: -1
+  }
+
+  .join-img {
+    width: 48%;
+  }
+
+  .join-list {
+    width: 46%;
+  }
+
+  .join-item:nth-child(2n - 1) .join-list {
+    float: right
+  }
+
+  .join-item:nth-child(2n) .join-list {
+    float: left
+  }
+
+  .join-item:nth-child(2n - 1) .join-img {
+    float: left
+  }
+
+  .join-item:nth-child(2n) .join-img {
+    float: right
+  }
+
+  .join-bg-item-1 {
+    width: 29.32%;
+  }
+
+  .join-bg-item-2 {
+    width: 23.54%;
+  }
+
+  .join-bg-item-3 {
+    width: 27.77%;
+  }
+
+  .join-bg-item-4 {
+    width: 17.76%;
+  }
 }

src/pages/information/news/details.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="layout" v-if="article">
+  <div class="layout" v-if="article" :class="{mobile: isMobile}">
     <h2>{{article.title}}</h2>
     <span v-if="article.date">{{new Date(Number(article.date)).format('yyyy-MM-dd')}} 发表</span>
     <span>{{article.label}}</span>
@@ -8,9 +8,12 @@
 </template>
 
 <script>
+import browser from '@/util/browser'
+
 export default {
   data () {
     return {
+      isMobile: browser.mobile,
       article: null
     }
   },
@@ -24,11 +27,15 @@ export default {
 <style scoped>
 .layout {
   margin: 50px auto;
-  max-width: 1200px;
+  max-width: 780px;
   padding: 0 20px;
   text-align: center;
 }
 
+.layout.mobile {
+  text-align: left;
+}
+
 .layout > h2 {
   font-size: 18px;
   color: #000000;

src/pages/information/news/index.vue

@@ -8,7 +8,7 @@
           <template v-if="article.origin">Source：{{article.origin}} &nbsp;|&nbsp;</template>
           Posted on: {{new Date(Number(article.date)).format('yyyy-MM-dd')}}
         </span>
-        <p>{{getContent(article.content)}}</p>
+        <p>{{article.brief}}</p>
         <a :href="'#/information/news/' + article.id">Full text>></a>
       </div>
     </div>