首页

src/views/next/dialog-module/zdyf-center/qyjj/index.vue

@@ -120,7 +120,7 @@ export default {
                 unitEamil: 'rijkzwaan@163.com',
                 unitContact: '桑彦',
                 unitAddress: '山东省青岛市即墨市移风店镇孙家村',
-                unitLogo: require('@/assets/images/qyjj/rksw/logo.png'),
+                unitLogo: require('@/assets/images/resource/qyjj/rksw/logo.png'),
                 unitUrl: 'https://www.rijkzwaan.cn/',
                 unitNotation: '目前在世界蔬菜种子行业中，瑞克斯旺名列前四位，是全球知名的种子企业之一，',
                 unitIntroduction: '瑞克斯旺（中国）农业科技有限公司，是瑞克斯旺种子种苗集团在中国的子公司，主要从事蔬菜新品种和新技术的引进、研发、推广及服务工作。公司位于山东青岛即墨区移风店镇孙家村，占地面积约480亩，拥有国际一流的蔬菜科研中心，其中包括8000平方米现代化智能玻璃温室、51个冬暖式日光温室和41个塑料大拱棚，并配有设施完备的科研实验室。公司拥有雄厚的科研实力和一支业务精湛的技术服务团队，服务网络遍及全国，服务对象达到20多万人。目前，瑞克斯旺中国在全国各地成功开发与推广番茄、茄子、彩椒、辣椒、黄瓜、菠菜等优良品种百余个，这些品种已成为广大种植户的首选品种，同时也是出口基地、超市等高端消费市场的主导产品，创造了良好的经济效益和社会效益。瑞克斯旺中国将继续恪守共享健康未来的使命，与广大合作伙伴亲密合作，致力于为种植者和消费者们提供新鲜、健康、有趣的优质产品，为推动中国现代化农业可持续发展做出贡献。',
@@ -129,14 +129,14 @@ export default {
                     // require('@/assets/img/meritBadges2.png'),
                 ],
                 styleImg: [
-                    require('@/assets/images/qyjj/rksw/style/0.png'),
-                    require('@/assets/images/qyjj/rksw/style/1.png'),
-                    require('@/assets/images/qyjj/rksw/style/2.png'),
+                    require('@/assets/images/resource/qyjj/rksw/style/0.png'),
+                    require('@/assets/images/resource/qyjj/rksw/style/1.png'),
+                    require('@/assets/images/resource/qyjj/rksw/style/2.png'),
                 ],
                 productImg: [
-                    require('@/assets/images/qyjj/rksw/product/0.png'),
-                    require('@/assets/images/qyjj/rksw/product/1.png'),
-                    require('@/assets/images/qyjj/rksw/product/2.png'),
+                    require('@/assets/images/resource/qyjj/rksw/product/0.png'),
+                    require('@/assets/images/resource/qyjj/rksw/product/1.png'),
+                    require('@/assets/images/resource/qyjj/rksw/product/2.png'),
                 ],
                 cameraImg: [
                     // require('@/assets/img/meritBadges1.png'),

src/views/next/dialog-module/zdyf-left/yfcj/index.vue

@@ -83,27 +83,27 @@ export default {
                 {
                     name: '青岛浩丰生物科技有限公司',
                     content: '主要业务包括种苗培育、种植加工、仓储销售，曾先后被授予为青岛市农业产业化重点龙头企业、青岛市市控蔬菜基地、山东省现代生态循环农业示范点、青岛市绿色园艺产业园等荣誉。',
-                    imageSrc: require('@/assets/images/yfcj/1.jpg')
+                    imageSrc: require('@/assets/images/resource/yfcj/1.jpg')
                 },
                 {
                     name: '瑞克斯旺（中国）农业科技有限公司',
                     content: '主要从事蔬菜新品种和新技术的引进、研发、推广及服务工作。瑞克斯旺中国在全国各地成功开发与推广番茄、茄子、彩椒、辣椒、黄瓜、菠菜等优良品种百余个。',
-                    imageSrc: require('@/assets/images/yfcj/ruikesiwang.png')
+                    imageSrc: require('@/assets/images/resource/yfcj/ruikesiwang.png')
                 },
                 {
                     name: '青岛硕丰源种业有限公司',
                     content: '专业致力于旱黄瓜良种的研究、开发与服务为一体的农业高科技企业。是国内最大的一家专业从中国华南型黄瓜种子研发、生产、销售的科技型公司。',
-                    imageSrc: require('@/assets/images/yfcj/shuofengyuan.png')
+                    imageSrc: require('@/assets/images/resource/yfcj/shuofengyuan.png')
                 },
                 {
                     name: '青岛美田花卉种子有限公司',
                     content: '主要从事蔬菜新品种和新技术的引进、研发、推广及服务工作。瑞克斯旺中国在全国各地成功开与推广番茄、茄子、彩椒、辣椒、黄瓜、菠菜等优良品种百余个。',
-                    imageSrc: require('@/assets/images/yfcj/meitian.png')
+                    imageSrc: require('@/assets/images/resource/yfcj/meitian.png')
                 },
                 {
                     name: '青岛德龙种子有限公司',
                     content: '规模化新优品种花卉生产而著称。是一家种质资源丰富、技术力量雄厚，集高品质花卉生产和花卉景观设计、施工、养护为一体的综合性公司。',
-                    imageSrc: require('@/assets/images/yfcj/delong.png')
+                    imageSrc: require('@/assets/images/resource/yfcj/delong.png')
                 }
             ]
         }

src/views/next/dialog-module/zdyf-right/kyll/talents.vue

@@ -63,19 +63,19 @@ export default {
             list: [
                 {
                     name: '印象初',
-                    imgSrc: require('@/assets/images/kyll/1.jpg'),
+                    imgSrc: require('@/assets/images/resource/kyll/1.jpg'),
                     unit: '中国科学院院士',
                     content: '1995年6月被联合国教科文组织和中国科学院挑选为中国当代科技精英之一。1995年10月当选为中国科学院院士。1996年被河北大学聘为终身教授，2001年被山东农业大学聘为特聘教授。印象初院士长期从事蝗虫分类工作。'
                 },
                 {
                     name: '李天来',
-                    imgSrc: require('@/assets/images/kyll/2.jpg'),
+                    imgSrc: require('@/assets/images/resource/kyll/2.jpg'),
                     unit: '中国工程院院士',
                     content: '多年来一直从事设施园艺及蔬菜生理生态的研究与教学工作，多项研究成果已达世界先进水平。'
                 },
                 {
                     name: '孙忠奎',
-                    imgSrc: require('@/assets/images/kyll/3.jpg'),
+                    imgSrc: require('@/assets/images/resource/kyll/3.jpg'),
                     unit: '瑞克斯旺（中国）农业科技有限公司总经理',
                     content: '怀着报效祖国的信念，经过近10年国外深造的孙忠魁，在荷兰取得博士学位后，毅然选择了回国，积极投入到农业生产科研一线中，着力开展科研创新。瑞克斯旺作为种子提供方，是这条产业链的上方，只有打好这个开头，才能为客户生产好的蔬菜奠定基础，保证提供给消费者安全的蔬菜，瑞克斯旺公司用品质和信誉赢得客户和经销商十年如一日的支持。他负责的瑞克斯旺蔬菜研究开发中心项目坐落于移风店镇，位于国际种都核心区，随着项目的日益发展，可直接带动农户300万人，增加农民纯收入100亿。'
                 },
@@ -89,7 +89,7 @@ export default {
             list1:[
             {
                     name: '姜波',
-                    imgSrc: require('@/assets/images/kyll/5.jpg'),
+                    imgSrc: require('@/assets/images/resource/kyll/5.jpg'),
                     unit: '青岛地平线蔬菜专业合作社理事长',
                     content: '移风店镇最早开始网上售菜的农民，她边种蔬菜边做经纪人，推广移风蔬菜销往全国各地。2008年，成立青岛地平线蔬菜专业合作社，注册了“姜大姐”商标，通过不断与国内外大种苗公司合作，每年引进新品种20多个'
                 },

src/views/next/layout/screen-header.vue

@@ -46,8 +46,8 @@ export default {
 <style lang="scss" scoped>
 .screen-header {
   width: 100%;
-  height: 61.8px;
-  background-size: 94.8% 100%;
+  height: 68.8px;
+  background-size: 100% 100%;
   background: url("~@/assets/images/home/header.png") no-repeat;
   background-position: 2.6% 0%;
   position: absolute;
@@ -65,6 +65,8 @@ export default {
   .right {
     padding: 8px 0 0 0;
     box-sizing: border-box;
+    position: relative;
+    top: -4px;
   }
 
   .center {
@@ -73,7 +75,6 @@ export default {
     align-items: center;
     justify-content: center;
     position: relative;
-    top: 4px;
     left: -45px;
 
     .logo {

src/views/next/screen-content-left/home-left/index.vue

@@ -1,21 +1,20 @@
 <template>
         <div>
-                <div class='card h292' >
+                <div class='card h292'>
                         <screen-title>
                                 <div slot="left" class="screen-title-left">移风简介</div>
                         </screen-title>
-                        <!--  -->
                         <div class="card-item-yfjj">
                                 <!-- <transition name="slide-transform"> -->
-                                        <!-- <section v-if="currentIndex == 0"> -->
-                                                <img src="@/assets/images/kyll/garden.png" alt="">
-                                                <p>移风店镇位于即墨区西北部、青岛市版图的中心位置，地处威海、烟台、潍坊2小时经济圈内。距机场18公里、高铁站21公里，毗邻沈海、济青和青新高速，交通优势明显。
-                                                </p>
-                                                <p> 青岛(移风)国际蔬菜花卉种子产业园、即墨农业高新技术开发区均落于境内，将打造全国重要的蔬菜花卉种子研发和繁育中心，成为全国种业“南广州，北青岛”格局承载地。
-                                                </p>
-                                        <!-- </section> -->
-
-                                        <!-- <video v-if="currentIndex == 1" :src="videoUrl" style="width: 100%; height: 100%;"
+                                <!-- <section v-if="currentIndex == 0"> -->
+                                <img src="@/assets/images/kyll/garden.png" alt="">
+                                <p>移风店镇位于即墨区西北部、青岛市版图的中心位置，地处威海、烟台、潍坊2小时经济圈内。距机场18公里、高铁站21公里，毗邻沈海、济青和青新高速，交通优势明显。
+                                </p>
+                                <p> 青岛(移风)国际蔬菜花卉种子产业园、即墨农业高新技术开发区均落于境内，将打造全国重要的蔬菜花卉种子研发和繁育中心，成为全国种业“南广州，北青岛”格局承载地。
+                                </p>
+                                <!-- </section> -->
+
+                                <!-- <video v-if="currentIndex == 1" :src="videoUrl" style="width: 100%; height: 100%;"
                                                 :controls="true" width="100%" height="100%" @play="handelVideoPlay"
                                                 @pause="handelVideoPause"></video> -->
                                 <!-- </transition> -->
@@ -29,46 +28,25 @@
                         <screen-title>
                                 <div slot="left" class="screen-title-left">红色移风</div>
                         </screen-title>
-                        <!-- <div class="card-item-hsyf">
-                                <div class="item">
-                                        <img src="@/assets/images/index/yfys1.png" alt="">
-                                        <div class="right">
-                                                <div class="top">战略优势</div>
-                                                <div class="center yellow"><span class="num">3</span> 年</div>
-                                                <div class="bot">中央1号文件</div>
-                                        </div>
-                                </div>
-                                <div class="item">
-                                        <img src="@/assets/images/index/yfys2.png" alt="">
-                                        <div class="right">
-                                                <div class="top">自然优势</div>
-                                                <div class="center green">北纬 <span class="num">36°</span></div>
-                                                <div class="bot">黄金育种地带</div>
-                                        </div>
-                                </div>
-                                <div class="item">
-                                        <img src="@/assets/images/index/yfys3.png" alt="">
+                        <div class="card-item-hsyf">
+                                <div class="item" v-for="(item, index) in list" :key="index">
+                                        <img :src="item.img" alt="">
                                         <div class="right">
-                                                <div class="top">区位优势</div>
-                                                <div class="center violet"><span class="num">1</span> 小时</div>
-                                                <div class="bot">交通辐射圈</div>
-                                        </div>
-                                </div>
-                                <div class="item">
-                                        <img src="@/assets/images/index/yfys4.png" alt="">
-                                        <div class="right">
-                                                <div class="top">产业优势</div>
-                                                <div class="center blue"><span class="num">5.2</span> 亿元</div>
-                                                <div class="bot">种子年销售额</div>
+                                                <div class=" num">{{ item.num }}</div>
+                                                <div class="bot">{{ item.name }}</div>
+
                                         </div>
                                 </div>
-                        </div> -->
+                        </div>
                 </div>
-                <div class='card h318 m-top12' >
+                <div class='card h318 m-top12'>
                         <screen-title>
                                 <div slot="left" class="screen-title-left">种都移风</div>
                         </screen-title>
                         <div class="card-item-zdyf">
+                                <video  :src="videoUrl" style="width: 100%; height: 100%;"
+                                        :controls="true" width="100%" height="100%" @play="handelVideoPlay"
+                                        @pause="handelVideoPause"></video>
                         </div>
                 </div>
         </div>
@@ -81,7 +59,15 @@ export default {
                         videoUrl: process.env.VUE_APP_VIDEO_URL + '1.mp4',
                         videoStatus: '',
                         intervalId: null,
-                        currentIndex: 0
+                        currentIndex: 0,
+                        list: [
+                                { name: '新村党委', num: '10', img: require('@/assets/images/icon/xcdw.png') },
+                                { name: '自然村党支部', num: '97', img: require('@/assets/images/icon/zrcdzb.png') },
+                                { name: '两新党组织', num: '22', img: require('@/assets/images/icon/lxdzz.png') },
+                                { name: '网格党小组', num: '235', img: require('@/assets/images/icon/wgdxz.png') },
+                                { name: '党员中心户', num: '562', img: require('@/assets/images/icon/dyzxh.png') },
+                                { name: '党员人数', num: '3496', img: require('@/assets/images/icon/dy.png') }
+                        ]
                 };
         },
         created() {
@@ -118,8 +104,6 @@ export default {
 <style lang="scss" scoped>
 .card {
         width: 100%;
-        display: flex;
-        flex-direction: column;
 
         &-item-yfjj {
                 padding: 0 15px 15px;
@@ -142,6 +126,50 @@ export default {
                         height: 126px;
                 }
         }
+
+        &-item-hsyf {
+                padding: 16px;
+                width: 100%;
+                flex: 1;
+                box-sizing: border-box;
+                display: flex;
+                flex-wrap: wrap;
+
+                .item {
+                        width: 33.3%;
+                        color: #fff;
+                        display: flex;
+                        align-items: center;
+
+                        .right {
+                                flex: 1;
+                                display: flex;
+                                flex-direction: column;
+                                justify-content: space-between;
+
+                                .num {
+                                        font-size: 20px;
+                                        font-family: pangmenzhengdao;
+                                }
+
+                                .bot {
+                                        color: #BCD0F0;
+                                        font-size: 13px;
+                                }
+                        }
+
+                        img {
+                                width: 56px;
+                                height: 56px;
+                                margin-right: 5px;
+                        }
+                }
+
+        }
+        &-item-zdyf{
+                padding: 16px;
+                box-sizing: border-box;
+        }
 }
 
 .box {

src/views/next/screen-content-left/zdyf-left/index.vue

@@ -139,7 +139,7 @@ export default {
                                 flex: 1;
 
                                 .top {
-                                        background-size: 100%% 100%;
+                                        background-size: 100% 100%;
                                         background: url("~@/assets/images/index/yfyskuang.png") no-repeat;
                                 }
 

src/views/next/screen-content-right/home-right/index.vue

@@ -4,19 +4,46 @@
                         <screen-title>
                                 <div slot="left" class="screen-title-left">和美移风</div>
                         </screen-title>
-
+                        <div class="card-item-hmyf">
+                                <div class="top">
+                                        <img src="@/assets/images/weather/index0.png" alt="">
+                                        <div>12°</div>
+                                        <div>
+                                                <span>多云</span>
+                                                <span>4/12°C</span>
+                                        </div>
+                                        <div>
+                                                良
+                                        </div>
+                                </div>
+                                <div class="bto">
+                                        <div class="item" v-for="(item, index) in weatherList" :key="index">
+                                                <span>{{ item.units }}</span>
+                                                <img :src="item.img" alt="">
+                                                <span>{{ item.value }}</span>
+                                        </div>
+                                </div>
+                        </div>
                 </div>
                 <div class='card h318' style="margin-top: 8px;">
                         <screen-title>
                                 <div slot="left" class="screen-title-left">善治移风</div>
                         </screen-title>
+                        <div class="card-item-szyf">
+                                <video :src="videoUrl" style="width: 100%; height: 100%;" :controls="true" width="100%"
+                                        height="100%" @play="handelVideoPlay" @pause="handelVideoPause"></video>
+                        </div>
 
                 </div>
-                <div class='card h292 m-top12' >
+                <div class='card h292 m-top12'>
                         <screen-title>
                                 <div slot="left" class="screen-title-left">文化移风</div>
                         </screen-title>
-                        <div class="card-item-zdyf">
+                        <div class="card-item-whyf">
+                                <div class="item" v-for="(item, index) in cultureList" :key="index">
+                                        <img :src="item.imgSrc" alt="">
+                                        <span>{{item.title}}</span>
+                                </div>
                         </div>
                 </div>
         </div>
@@ -26,6 +53,33 @@
 export default {
         data() {
                 return {
+                        weatherList: [
+                                {
+                                        units: '温度',
+                                        img: require('@/assets/images/weather/temperature.png'),
+                                        value: '20~30°'
+                                },
+                                {
+                                        units: '风力',
+                                        img: require('@/assets/images/weather/windPower.png'),
+                                        value: '3~4级'
+                                },
+                                {
+                                        units: 'PM2.5',
+                                        img: require('@/assets/images/weather/PM.png'),
+                                        value: '21~46μg'
+                                }
+                        ],
+                        videoStatus: '',
+                        videoUrl: process.env.VUE_APP_VIDEO_URL + '1.mp4',
+                        cultureList: [
+                                { imgSrc: require('@/assets/images/resource/whyf/1.jpg'), title: '大欧鸟笼制作技艺' },
+                                { imgSrc: require('@/assets/images/resource/whyf/2.jpg'), title: '虎头鞋虎头帽' },
+                                { imgSrc: require('@/assets/images/resource/whyf/3.jpg'), title: '金吉友拳法' },
+                                { imgSrc: require('@/assets/images/resource/whyf/4.jpg'), title: '张院簸箕制作技艺' },
+                                { imgSrc: require('@/assets/images/resource/whyf/5.jpg'), title: '毛子埠升制作技艺' },
+                                 { imgSrc: require('@/assets/images/resource/whyf/6.jpg'), title: '上铂金银器打造工艺' }
+                        ]
 
                 };
         },
@@ -37,6 +91,12 @@ export default {
         beforeDestroy() {
         },
         methods: {
+                handelVideoPlay() {
+                        this.videoStatus = 'play'
+                },
+                handelVideoPause() {
+                        this.videoStatus = 'pause'
+                }
         },
         components: {},
         computed: {},
@@ -50,6 +110,124 @@ export default {
         display: flex;
         flex-direction: column;
 
-     
+        &-item-hmyf {
+                display: flex;
+                flex-direction: column;
+                padding: 20px 30px 20px 30px;
+                box-sizing: border-box;
+
+                >.top {
+                        display: flex;
+                        align-items: center;
+                        margin-right: 9px;
+
+                        img {
+                                width: 70px;
+                                height: 70px;
+                        }
+
+                        >:nth-child(2) {
+                                text-shadow: 0 0 10px;
+                                font-size: 48px;
+                                margin-right: 25px;
+
+                        }
+
+                        >:nth-child(3) {
+                                height: 100%;
+                                display: flex;
+                                flex-direction: column;
+                                justify-content: space-evenly;
+                                color: #BDCEEA;
+
+
+                        }
+
+                        >:nth-child(4) {
+                                padding: 4px 16px 4px 23px;
+                                height: 22px;
+                                box-sizing: border-box;
+                                background: #31609f;
+                                border-radius: 11px;
+                                font-size: 14px;
+                                color: #ACBBD4;
+                                line-height: 14px;
+                                position: relative;
+                                top: -15px;
+
+                                &::after {
+                                        content: '';
+                                        position: absolute;
+                                        left: 10px;
+                                        top: 7px;
+                                        width: 8px;
+                                        height: 8px;
+                                        border-radius: 50%;
+                                        background: #E3FFFF;
+                                }
+                        }
+
+
+
+                }
+
+                >.bto {
+                        margin-top: 16px;
+                        display: flex;
+                        justify-content: space-around;
+
+                        >.item {
+                                width: 120px;
+                                height: 100px;
+                                background: url('~@/assets/images/common/weather-card.png') no-repeat;
+                                background-size: 100% 100%;
+                                display: flex;
+                                flex-direction: column;
+                                align-items: center;
+
+                                img {
+                                        width: 30px;
+                                        height: 30px;
+                                        margin: 12px 0;
+                                }
+
+                                :nth-child(3) {
+                                        color: #ACBBD4;
+                                }
+                        }
+
+                }
+        }
+
+        &-item-szyf {
+                padding: 16px;
+                box-sizing: border-box;
+        }
+
+        &-item-whyf {
+                padding: 16px 12px 12px 16px;
+                box-sizing: border-box;
+                display: flex;
+                flex-wrap: wrap;
+                .item {
+                        width: 140px;
+                        height: 108px;
+                        border: 1px solid #9FCCFF;
+                        display: flex;
+                        flex-direction: column;
+                        padding: 5px;
+                        box-sizing: border-box;
+                        margin: 0 4px 4px 0;
+                        color: #BDCEEA;
+                        font-size: 12px;
+                        align-items: center;
+                        img {
+                                width: 130px;
+                                height: 80px;
+                        }
+                }
+        }
+
+
 }
 </style>