相关修改

src/layout/user-layout.vue

@@ -3,7 +3,8 @@
     <div class="nav-bar">
       <div class="nav-bar-content">
         <div class="logo flex-align-center" @click="$router.push('/index')">
-          <img class="nscc" src="@/assets/logo/nscc-logo.jpg" alt="">
+<!--          <img class="nscc" src="@/assets/logo/nscc-logo.jpg" alt="">-->
+          <img class="nscc" src="@/assets/logo/nscc-logo-copy.png" alt="">
           <img class="xjjt" src="@/assets/logo/xjjt-logo.png" alt="">
           <span class="logo-text">先进计算公共服务平台</span>
         </div>

src/views/componentServices/list.vue

 <template>
   <div class="app-container">
-    <div style="width: calc(100% - 190px);margin: 0 auto">
+    <div style="margin: 0 auto;padding: 0 84px;'">
       <el-row :gutter="24">
-        <el-col v-for="item in assemblyData" :key="item.id" :span="6">
+        <el-col v-for="(item,index) in assemblyData" :key="item.id" :span="6">
           <div class="item flex">
             <img :src="baseUrl + item.image" alt="">
             <div>
               <div class="title">{{ item.title }}</div>
               <p>{{ item.description }}</p>
 
-              <el-button type="primary" link @click="openPage(item)">查看详情
+              <el-button type="primary" link @click="openPage(item,index)">查看详情
                 <el-icon>
                   <ArrowRight/>
                 </el-icon>
@@ -21,18 +21,20 @@
     </div>
     <el-dialog
         v-model="dialogTableVisible"
+        style="width: 80% !important;"
         :title="dialogTitle"
-        width="1600"
+        @close="handleDialogClose"
     >
-      <div>
-        <iframe v-show="iframeShow" ref="iframe" :src="iframeSrc"
-                :style="{ width: iframeWidth + 'px', height: iframeHeight + 'px' }"></iframe>
-      </div>
-      <!--      <template #footer>-->
-      <!--        <div class="dialog-footer">-->
-      <!--          <el-button @click="cancel">关闭</el-button>-->
+      <!--      <template #header>-->
+      <!--        <div class="dialog-style">-->
+      <!--          <img :src="baseUrl + assemblyData[indexNum].image" alt="">-->
+      <!--          <div>{{ dialogTitle }}</div>-->
       <!--        </div>-->
       <!--      </template>-->
+      <div>
+        <iframe v-show="iframeShow" ref="iframe" :src="iframeSrc" width="100%" height="700px"></iframe>
+        <!--        :style="{ width: iframeWidth + 'px', height: iframeHeight + 'px' }"-->
+      </div>
     </el-dialog>
   </div>
 </template>
@@ -46,9 +48,8 @@ const assemblyData = ref([])
 const iframeSrc = ref('')
 const iframeShow = ref(false)
 const dialogTableVisible = ref(false)
-const iframeWidth = ref(1560)
-const iframeHeight = ref(800)
 const dialogTitle = ref('')
+const indexNum = ref(0)
 
 function getAassemblyList() {
   assemblyList().then(res => {
@@ -58,7 +59,8 @@ function getAassemblyList() {
 
 getAassemblyList()
 
-function openPage(data) {
+function openPage(data, index) {
+  indexNum.value = index
   dialogTitle.value = data.title
   iframeSrc.value = data.url
   dialogTableVisible.value = true
@@ -70,6 +72,11 @@ function cancel() {
   dialogTableVisible.value = false
   iframeShow.value = false
 }
+
+// 关闭弹窗
+function handleDialogClose() {
+  iframeSrc.value = null
+}
 </script>
 <style scoped lang="scss">
 .app-container {
@@ -127,4 +134,8 @@ function cancel() {
   top: 0;
   left: 0;
 }
+
+:deep(.el-dialog__body){
+  padding-top: unset !important;
+}
 </style>

src/views/index-copy.vue

@@ -610,10 +610,12 @@ function openAssembly(data) {
 }
 
 .banner-text {
+  width: 913px;
   position: absolute;
-  top: 33%;
-  left: 26%;
+  top: 50%;
+  left: 50%;
   display: flex;
+  transform: translate(-50%, -50%);
 }
 
 .banner-text .banner-left div:first-child {

src/views/partnership/list.vue

@@ -75,8 +75,8 @@ function openPage (data) {
     font-size: 16px;
     color: #626566;
     line-height: 24px;
-    margin-top: 5px;
-    margin-bottom: 40px;
+    margin-top: 9px;
+    margin-bottom: 38px;
     height: 96px;
     overflow: hidden;
     text-overflow: ellipsis;