From 481944fe260c038da67aca37207b0d511454e636 Mon Sep 17 00:00:00 2001
From: mk <2403457699@qq.com>
Date: Tue, 15 Oct 2024 14:30:47 +0800
Subject: [PATCH] =?UTF-8?q?=E7=A7=91=E7=A0=94=E5=8A=9B=E9=87=8F=E5=BC=B9?=
 =?UTF-8?q?=E6=A1=86=E5=88=97=E8=A1=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/store/modules/dialog.js                   |  13 +-
 .../dialog-module/zdyf-right/kyll/garden.vue  |   4 +-
 .../zdyf-right/kyll/researchList.vue          | 250 ++++++++++++++++++
 src/views/next/index.vue                      |   5 +-
 .../screen-content-right/zdyf-right/index.vue |   5 +-
 5 files changed, 269 insertions(+), 8 deletions(-)
 create mode 100644 src/views/next/dialog-module/zdyf-right/kyll/researchList.vue

diff --git a/src/store/modules/dialog.js b/src/store/modules/dialog.js
index f129c89..b5cf05d 100644
--- a/src/store/modules/dialog.js
+++ b/src/store/modules/dialog.js
@@ -37,7 +37,8 @@ export default {
     viewPdf: false,
     dyfcId: null,
     yzfcId: null,
-    vrImg:false
+    vrImg:false,
+    researchList:false
   },
   mutations: {
     set_yfcj (state, visible) {
@@ -156,8 +157,14 @@ export default {
     set_hsyf_vr_img(state, value) {
       state.vrImg = value
     },
+    set_research_list_show(state, value) {
+      state.researchList = value
+    },
   },
   actions: {
+    SET_RESEARCH_LIST_SHOW(context, visible) {
+      context.commit('set_research_list_show', visible)
+    },
     SET_YFCJ (context, visible) {
       context.commit('set_yfcj', visible)
     },
@@ -225,9 +232,7 @@ export default {
       context.commit('set_ywqs_show', visible)
     },
     SET_QYJJ (context, visible) {
-      console.log('set_qyjj')
       context.commit('set_qyjj', visible)
-      console.log('set_qyjj1111')
     },
     SET_LDGH (context, visible) {
       context.commit('set_ldgh', visible)
@@ -306,6 +311,7 @@ export default {
       context.commit('set_yfclz', false)
       context.commit('set_zyzx', false)
       context.commit('set_zx_id', null)
+      context.commit('set_research_list_show', false)
       if (type === 'zdyfGgqyClose') {
         context.commit('set_zdyf_ggqy', false)
       }
@@ -411,5 +417,6 @@ export default {
     szyfTalents: state => state.szyfTalents,
     gsxq: state => state.gsxq,
     vrImg:state => state.vrImg,
+    researchList:state=> state.researchList
   }
 }
diff --git a/src/views/next/dialog-module/zdyf-right/kyll/garden.vue b/src/views/next/dialog-module/zdyf-right/kyll/garden.vue
index 570476b..fb47642 100644
--- a/src/views/next/dialog-module/zdyf-right/kyll/garden.vue
+++ b/src/views/next/dialog-module/zdyf-right/kyll/garden.vue
@@ -117,10 +117,12 @@ export default {
   created () {},
   methods: {
     ...mapActions({
-      showGlobalDialog: 'showGlobalDialog'
+      showGlobalDialog: 'showGlobalDialog',
+      set_research_list_show:'SET_RESEARCH_LIST_SHOW'
     }),
     closeDialog () {
       this.showGlobalDialog('')
+        this.set_research_list_show(true)
     }
   }
 }
diff --git a/src/views/next/dialog-module/zdyf-right/kyll/researchList.vue b/src/views/next/dialog-module/zdyf-right/kyll/researchList.vue
new file mode 100644
index 0000000..fd516d9
--- /dev/null
+++ b/src/views/next/dialog-module/zdyf-right/kyll/researchList.vue
@@ -0,0 +1,250 @@
+<template>
+    <div class="modal" v-show="researchList">
+        <section>
+            <div class="dialog_header">
+                <div class="close-icon" @click="closeDialog">
+                    <img src="@/assets/images/common/dialog-colse.png" alt="" />
+                </div>
+                <div class="title-container">
+                    <div class="title">科研力量</div>
+                </div>
+            </div>
+            <div class="dialog_body">
+                <div class="content">
+                    <div class='main'>
+                      
+                        <div class="flex">
+                            <div class="item" v-for="(item, index) in list" :key="index" @click="handelClickResearch(item)">
+                                <img :src="item.cover" alt="" v-if="item.cover">
+                                <div v-else class="noImg">暂无图片</div>
+                                <div class="content">
+                                        {{ item.name }}
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </section>
+    </div>
+</template>
+
+<script>
+import { mapGetters, mapActions } from 'vuex'
+import { seedPowerCompanyList } from '@/api/zdyf'
+
+export default {
+  name: '',
+  data () {
+    return {
+      dialogTitle: '高端科技人才',
+      list: [
+       
+      ],
+    
+    }
+  },
+  computed: {
+    ...mapGetters(['researchList'])
+  },
+  components: {
+  },
+  watch: {
+
+  },
+  created () {
+    seedPowerCompanyList({ }).then(res => {
+      this.list = res.data.list
+      console.log(this.list),'seeeeeeeee';
+      
+    })
+   
+  },
+  methods: {
+    ...mapActions({
+      showGlobalDialog: 'showGlobalDialog',
+      set_research_show: 'SET_RESEARCH_SHOW',
+      set_research_id: 'SET_RESEARCH_ID',
+    }),
+    handelClickResearch(item){
+        this.showGlobalDialog('')
+        this.set_research_show(true)
+        this.set_research_id(item.id)
+    },
+    
+    closeDialog () {
+      this.showGlobalDialog('')
+    }
+
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.modal {
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    top: 0;
+    left: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    z-index: 150;
+
+    section {
+        @include flex(column);
+        background: url('~@/assets/images/common/dialog-bg.png') no-repeat !important;
+        background-size: 100% 100% !important;
+        width: 1138px;
+        height: 634px;
+        overflow: hidden;
+        padding-bottom: 16px;
+        box-sizing: border-box;
+
+        .dialog_header {
+            position: relative;
+            margin-bottom: 40px;
+
+            .close-icon {
+                width: 18px;
+                height: 18px;
+                position: absolute;
+                top: 10px;
+                right: 16px;
+                cursor: pointer;
+            }
+
+            .title-container {
+                align-items: center;
+                background: url('~@/assets/images/common/dialog-header.png') no-repeat;
+                background-size: 100% 100%;
+                display: flex;
+                justify-content: center;
+                align-items: center;
+                height: 60px;
+                font-size: 26px;
+
+                .title {
+                    font-family: zaozigongfang;
+                    letter-spacing: 2px;
+                    line-height: 50px;
+                    background-size: 100% 100%;
+                    display: flex;
+                    justify-content: center;
+                    height: 60px;
+                    font-size: 26px;
+                    color: #fff;
+                }
+            }
+        }
+
+        .dialog_body {
+            position: relative;
+
+            >.content {
+                box-sizing: border-box;
+                color: #fff;
+                padding: 0px 24px 0 27px;
+                display: flex;
+                align-items: center;
+                height: 100%;
+                .main {
+                    height: 716px;
+                    overflow-y: hidden;
+                    box-sizing: border-box;
+                    overflow-y: scroll;
+
+                    &::-webkit-scrollbar {
+                        width: 3px;
+                    }
+
+                    &::-webkit-scrollbar-track {
+                        border-radius: 10px;
+                        background: rgba(12, 129, 254, 0.24);
+                    }
+
+                    &::-webkit-scrollbar-thumb {
+                        border-radius: 10px;
+                        background: linear-gradient(270deg, #0063fe, #0095ff);
+                    }
+
+                    .header {
+                        width: 100%;
+                        height: 30px;
+                        text-align: left;
+                        background: linear-gradient(90deg, rgb(26, 109, 224) 0%, rgba(13, 113, 248, 0) 50%);
+                        display: flex;
+                        justify-content: flex-start;
+                        align-items: center;
+                    }
+
+                    .flex {
+                        display: flex;
+                        flex-wrap: wrap;
+                        justify-content: space-between;
+
+                        .item {
+                            display: flex;
+                            width: 537px;
+                            padding: 16px 24px 16px 16px;
+                            box-sizing: border-box;
+                            background: #1657b8;
+                            border-radius: 2px;
+                            margin-bottom: 10px;
+
+                            img {
+                                width: 100px;
+                                height: 80px;
+                            }
+
+                            p {
+                                display: -webkit-box;
+                                overflow: hidden;
+                                -webkit-line-clamp: 4;
+                                -webkit-box-orient: vertical;
+                                text-overflow: ellipsis;
+                                margin-bottom: 0;
+                                margin-top: 8px;
+                                opacity: 0.8;
+                            }
+
+                            >.content {
+                                flex: 1;
+                                display: flex;
+                                align-items: center;
+                                padding-left: 17px;
+                                box-sizing: border-box;
+
+                                &>:nth-child(1) {
+                                    display: flex;
+                                    justify-content: space-between;
+
+                                    &>:nth-child(2) {
+                                        color: #00D4F3;
+                                    }
+                                }
+                            }
+
+                        }
+                    }
+                }
+            }
+
+        }
+    }
+
+}
+
+.top-24 {
+    margin-top: 24px;
+}
+
+.noImg {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    background: #7a84a9;
+    width: 186px;
+    height: 110px;
+}</style>
diff --git a/src/views/next/index.vue b/src/views/next/index.vue
index 3892fe1..7ffbddc 100644
--- a/src/views/next/index.vue
+++ b/src/views/next/index.vue
@@ -65,6 +65,7 @@
     <SzyfRightTalents />
     <ZdyfLeftChackPdf />
     <yzfcModal />
+    <researchList/>
   </div>
 </template>
 
@@ -105,6 +106,7 @@ import ZdyfLeftldgh from './dialog-module/zdyf-left/ldgh'
 import EventAnalysis from './dialog-module/szyf-left/eventAnalysis.vue'
 import EventProcessing from './dialog-module/szyf-left/eventProcessing.vue'
 import KeyPersonnel from './dialog-module/szyf-left/keyPersonnel.vue'
+import researchList from './dialog-module/zdyf-right/kyll/researchList.vue'
 
 let width = 0
 let height = 0
@@ -144,7 +146,8 @@ export default {
     KeyPersonnel,
     SzyfRightTalents,
     ZdyfLeftChackPdf,
-    yzfcModal
+    yzfcModal,
+    researchList
   },
   data () {
     return {
diff --git a/src/views/next/screen-content-right/zdyf-right/index.vue b/src/views/next/screen-content-right/zdyf-right/index.vue
index f8761a5..8af6da4 100644
--- a/src/views/next/screen-content-right/zdyf-right/index.vue
+++ b/src/views/next/screen-content-right/zdyf-right/index.vue
@@ -291,7 +291,7 @@ export default {
       set_zyzx: 'SET_ZYZX',
       set_research_show: 'SET_RESEARCH_SHOW',
       set_zdyf_ggqy: 'SET_ZDYF_GGQY',
-      set_research_id: 'SET_RESEARCH_ID'
+      set_research_list_show:'SET_RESEARCH_LIST_SHOW'
     }),
     switchZYZX(){
       this.zyzxType = this.zyzxType === 1?2:1
@@ -316,8 +316,7 @@ export default {
       }
     },
     handelClickResearch (item) {
-      this.set_research_show(true)
-      this.set_research_id(item.id)
+      this.set_research_list_show(true)
     },
     handelClickGgqy () {
       this.set_zdyf_ggqy(true)