提交

src/api/basicData/enterprises3.js

@@ -0,0 +1,44 @@
+import request from '@/utils/request'
+
+// 查询高新区企业（119家）列表
+export function listEnterprises(query) {
+  return request({
+    url: '/crmHighTechZoneEnterprises/findByPage',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询高新区企业（119家）详细
+export function getEnterprises(id) {
+  return request({
+    url: '/basicData/enterprises/' + id,
+    method: 'get'
+  })
+}
+
+// 新增高新区企业（119家）
+export function addEnterprises(data) {
+  return request({
+    url: '/basicData/enterprises',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改高新区企业（119家）
+export function updateEnterprises(data) {
+  return request({
+    url: '/basicData/enterprises',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除高新区企业（119家）
+export function delEnterprises(id) {
+  return request({
+    url: '/crmHighTechZoneEnterprises/deleteAll',
+    method: 'delete'
+  })
+}

src/views/CEEnterprise/CRServices/index.vue

@@ -1,8 +1,39 @@
 <template>
-  <div>
-    信用修复咨询服务窗口
+  <div class="iframe-container" v-loading="loading">
+    即将为你跳转，如果未跳转请点击<a href="https://www.creditchina.gov.cn/xyxf/lczy/" target="_blank">这里</a>
   </div>
 </template>
 
-<script setup name="Confirmation">
+<script setup>
+import {onUnmounted, ref} from 'vue'
+const loading = ref(false)
+let a = setTimeout(()=>{
+  window.open('https://www.creditchina.gov.cn/xyxf/lczy/')
+},1000)
+onUnmounted(()=>clearTimeout(a))
 </script>
+
+<style lang="scss">
+.iframe-container {
+  position: absolute;
+  top: 0px;
+  left: 0px;
+  right: 0px;
+  bottom: 0px;
+  font-size: 30px;
+  text-align: center;
+  padding-top: 30%;
+  a{
+    color: blue;
+  }
+  .frame {
+    width: 100%;
+    height: 100%;
+  }
+
+  .example-showcase .el-loading-mask {
+    z-index: 9;
+  }
+}
+
+</style>

src/views/FSServices/FServices/caizhengtingzijing/index.vue

@@ -1,13 +1,17 @@
 <template>
   <div class="iframe-container" v-loading="loading">
-    <iframe src="http://220.168.30.70:28889" scrolling="auto" frameborder="0" class="frame">
-    </iframe>
+    即将为你跳转，如果未跳转请点击<a href="http://220.168.30.70:28889" target="_blank">这里</a>
   </div>
 </template>
 
 <script setup>
-import { ref } from 'vue'
+import {onUnmounted, ref} from 'vue'
+
 const loading = ref(false)
+let a = setTimeout(() => {
+  window.open('http://220.168.30.70:28889')
+}, 1000)
+onUnmounted(() => clearTimeout(a))
 </script>
 
 <style lang="scss">
@@ -16,8 +20,14 @@ const loading = ref(false)
   top: 0px;
   left: 0px;
   right: 0px;
-;
   bottom: 0px;
+  font-size: 30px;
+  text-align: center;
+  padding-top: 30%;
+
+  a {
+    color: blue;
+  }
 
   .frame {
     width: 100%;

src/views/FSServices/FServices/gongxinting/index.vue

@@ -1,13 +1,17 @@
 <template>
   <div class="iframe-container" v-loading="loading">
-    <iframe src="http://222.240.80.54:8086/pmp/a/login" scrolling="auto" frameborder="0" class="frame">
-    </iframe>
+    即将为你跳转，如果未跳转请点击<a href="http://222.240.80.54:8086/pmp/a/login" target="_blank">这里</a>
   </div>
 </template>
 
 <script setup>
-import { ref } from 'vue'
+import {onUnmounted, ref} from 'vue'
+
 const loading = ref(false)
+let a = setTimeout(() => {
+  window.open('http://222.240.80.54:8086/pmp/a/login')
+}, 1000)
+onUnmounted(() => clearTimeout(a))
 </script>
 
 <style lang="scss">
@@ -16,8 +20,14 @@ const loading = ref(false)
   top: 0px;
   left: 0px;
   right: 0px;
-;
   bottom: 0px;
+  font-size: 30px;
+  text-align: center;
+  padding-top: 30%;
+
+  a {
+    color: blue;
+  }
 
   .frame {
     width: 100%;

src/views/FSServices/FServices/gongxintingxiangmu/index.vue

@@ -1,13 +1,17 @@
 <template>
   <div class="iframe-container" v-loading="loading">
-    <iframe src="http://222.240.80.54:18080/hnibdp-daq/login" scrolling="auto" frameborder="0" class="frame">
-    </iframe>
+    即将为你跳转，如果未跳转请点击<a href="http://222.240.80.54:18080/hnibdp-daq/login" target="_blank">这里</a>
   </div>
 </template>
 
 <script setup>
-import { ref } from 'vue'
+import {onUnmounted, ref} from 'vue'
+
 const loading = ref(false)
+let a = setTimeout(() => {
+  window.open('http://222.240.80.54:18080/hnibdp-daq/login')
+}, 1000)
+onUnmounted(() => clearTimeout(a))
 </script>
 
 <style lang="scss">
@@ -16,8 +20,14 @@ const loading = ref(false)
   top: 0px;
   left: 0px;
   right: 0px;
-;
   bottom: 0px;
+  font-size: 30px;
+  text-align: center;
+  padding-top: 30%;
+
+  a {
+    color: blue;
+  }
 
   .frame {
     width: 100%;

src/views/FSServices/FServices/gongyexinxihua/index.vue

@@ -1,13 +1,17 @@
 <template>
   <div class="iframe-container" v-loading="loading">
-    <iframe src="https://gxt.hunan.gov.cn/gxt/ztzl/zxzj/zdbf/202404/t20240403_33269363.html" scrolling="auto" frameborder="0" class="frame">
-    </iframe>
+    即将为你跳转，如果未跳转请点击<a href="https://gxt.hunan.gov.cn/gxt/ztzl/zxzj/zdbf/202404/t20240403_33269363.html" target="_blank">这里</a>
   </div>
 </template>
 
 <script setup>
-import { ref } from 'vue'
+import {onUnmounted, ref} from 'vue'
+
 const loading = ref(false)
+let a = setTimeout(() => {
+  window.open('https://gxt.hunan.gov.cn/gxt/ztzl/zxzj/zdbf/202404/t20240403_33269363.html')
+}, 1000)
+onUnmounted(() => clearTimeout(a))
 </script>
 
 <style lang="scss">
@@ -16,8 +20,14 @@ const loading = ref(false)
   top: 0px;
   left: 0px;
   right: 0px;
-;
   bottom: 0px;
+  font-size: 30px;
+  text-align: center;
+  padding-top: 30%;
+
+  a {
+    color: blue;
+  }
 
   .frame {
     width: 100%;

src/views/basicData/119company/index.vue

@@ -0,0 +1,372 @@
+<template>
+  <div class="app-container">
+    <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" label-width="68px">
+<!--      <el-form-item label="企业名称" prop="enterpriseName">-->
+<!--        <el-input-->
+<!--            v-model="queryParams.enterpriseName"-->
+<!--            placeholder="请输入企业名称"-->
+<!--            clearable-->
+<!--            @keyup.enter="handleQuery"-->
+<!--        />-->
+<!--      </el-form-item>-->
+      <el-form-item label="统一社会信用代码" prop="unifiedSocialCreditCode">
+        <el-input
+            v-model="queryParams.unifiedSocialCreditCode"
+            placeholder="请输入统一社会信用代码"
+            clearable
+            @keyup.enter="handleQuery"
+        />
+      </el-form-item>
+<!--      <el-form-item label="企业负责人" prop="enterpriseLeader">-->
+<!--        <el-input-->
+<!--            v-model="queryParams.enterpriseLeader"-->
+<!--            placeholder="请输入企业负责人"-->
+<!--            clearable-->
+<!--            @keyup.enter="handleQuery"-->
+<!--        />-->
+<!--      </el-form-item>-->
+<!--      <el-form-item label="联系电话" prop="contactPhone">-->
+<!--        <el-input-->
+<!--            v-model="queryParams.contactPhone"-->
+<!--            placeholder="请输入联系电话"-->
+<!--            clearable-->
+<!--            @keyup.enter="handleQuery"-->
+<!--        />-->
+<!--      </el-form-item>-->
+      <el-form-item>
+        <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
+        <el-button icon="Refresh" @click="resetQuery">重置</el-button>
+      </el-form-item>
+      <el-form-item>
+        <el-row :gutter="10" class="mb8">
+          <!--      <el-col :span="1.5">-->
+          <!--        <el-button-->
+          <!--            type="primary"-->
+          <!--            plain-->
+          <!--            icon="Plus"-->
+          <!--            @click="handleAdd"-->
+          <!--            v-hasPermi="['basicData:enterprises:add']"-->
+          <!--        >新增</el-button>-->
+          <!--      </el-col>-->
+          <!--      <el-col :span="1.5">-->
+          <!--        <el-button-->
+          <!--            type="success"-->
+          <!--            plain-->
+          <!--            icon="Edit"-->
+          <!--            :disabled="single"-->
+          <!--            @click="handleUpdate"-->
+          <!--            v-hasPermi="['basicData:enterprises:edit']"-->
+          <!--        >修改</el-button>-->
+          <!--      </el-col>-->
+          <el-col :span="1.5">
+            <el-button
+                type="danger"
+                plain
+                icon="Delete"
+                @click="handleDelete"
+                v-hasPermi="['basicData:enterprises:remove']"
+            >删除</el-button>
+          </el-col>
+          <el-col :span="1.5">
+            <el-button
+                type="warning"
+                plain
+                icon="Download"
+                :disabled="!enterprisesList.length"
+                @click="handleExport"
+                v-hasPermi="['basicData:enterprises:export']"
+            >导出</el-button>
+          </el-col>
+          <el-col :span="1.5">
+            <el-button type="info" plain icon="Upload" @click="handleImport"
+                       v-hasPermi="['system:user:import']">导入
+            </el-button>
+          </el-col>
+          <!--      <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>-->
+        </el-row>
+      </el-form-item>
+    </el-form>
+
+
+
+    <el-table v-loading="loading" :data="enterprisesList" height="650" @selection-change="handleSelectionChange">
+<!--      <el-table-column type="selection" width="55" align="center" />-->
+<!--      <el-table-column label="主键" align="center" prop="id" />-->
+      <el-table-column label="企业名称" align="center" prop="enterpriseName" :show-overflow-tooltip="true" />
+      <el-table-column label="统一社会信用代码" align="center" prop="unifiedSocialCreditCode" width="200" />
+      <el-table-column label="企业负责人" align="center" prop="enterpriseLeader" :show-overflow-tooltip="true" />
+      <el-table-column label="联系电话" align="center" prop="contactPhone" :show-overflow-tooltip="true" />
+<!--      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">-->
+<!--        <template #default="scope">-->
+<!--          <el-button-->
+<!--              type="text"-->
+<!--              icon="Edit"-->
+<!--              @click="handleUpdate(scope.row)"-->
+<!--              v-hasPermi="['basicData:enterprises:edit']"-->
+<!--          >修改</el-button>-->
+<!--          <el-button-->
+<!--              type="text"-->
+<!--              icon="Delete"-->
+<!--              @click="handleDelete(scope.row)"-->
+<!--              v-hasPermi="['basicData:enterprises:remove']"-->
+<!--          >删除</el-button>-->
+<!--        </template>-->
+<!--      </el-table-column>-->
+    </el-table>
+
+    <div style="position: fixed;bottom: 20px;right: 10px;">
+      <pagination
+          v-show="total>0"
+          :total="total"
+          v-model:page="queryParams.pageNum"
+          v-model:limit="queryParams.pageSize"
+          @pagination="getList"
+      />
+    </div>
+
+    <el-dialog :title="upload.title" v-model="upload.open" width="400px" append-to-body>
+      <el-upload ref="uploadRef" :limit="1" accept=".xlsx, .xls" :headers="upload.headers"
+                 :action="upload.url + '?updateSupport=' + upload.updateSupport" :disabled="upload.isUploading"
+                 :on-progress="handleFileUploadProgress" :on-success="handleFileSuccess" :auto-upload="false" drag>
+        <el-icon class="el-icon--upload"><upload-filled /></el-icon>
+        <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
+        <template #tip>
+          <div class="el-upload__tip text-center">
+            <span>仅允许导入xls、xlsx格式文件。</span>
+          </div>
+        </template>
+      </el-upload>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button type="primary" @click="submitFileForm">确 定</el-button>
+          <el-button @click="upload.open = false">取 消</el-button>
+        </div>
+      </template>
+    </el-dialog>
+
+    <!-- 添加或修改高新区企业（119家）对话框 -->
+    <el-dialog :title="title" v-model="open" width="500px" append-to-body>
+      <el-form ref="enterprisesRef" :model="form" :rules="rules" label-width="80px">
+        <el-form-item label="企业名称" prop="enterpriseName">
+          <el-input v-model="form.enterpriseName" placeholder="请输入企业名称" />
+        </el-form-item>
+        <el-form-item label="统一社会信用代码" prop="unifiedSocialCreditCode">
+          <el-input v-model="form.unifiedSocialCreditCode" placeholder="请输入统一社会信用代码" />
+        </el-form-item>
+        <el-form-item label="企业负责人" prop="enterpriseLeader">
+          <el-input v-model="form.enterpriseLeader" placeholder="请输入企业负责人" />
+        </el-form-item>
+        <el-form-item label="联系电话" prop="contactPhone">
+          <el-input v-model="form.contactPhone" placeholder="请输入联系电话" />
+        </el-form-item>
+      </el-form>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button type="primary" @click="submitForm">确 定</el-button>
+          <el-button @click="cancel">取 消</el-button>
+        </div>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+
+<script setup name="Enterprises">
+import { listEnterprises, getEnterprises, delEnterprises, addEnterprises, updateEnterprises } from "@/api/basicData/enterprises3";
+import {reactive} from "vue";
+import {getToken} from "../../../utils/auth";
+import {ElMessage} from "element-plus";
+import {likeQueryMethod} from "../../../utils/likeQueryMethod";
+
+const { proxy } = getCurrentInstance();
+
+const enterprisesList = ref([]);
+const open = ref(false);
+const loading = ref(true);
+const showSearch = ref(true);
+const ids = ref([]);
+const single = ref(true);
+const multiple = ref(true);
+const total = ref(0);
+const title = ref("");
+
+
+const upload = reactive({
+  // 是否显示弹出层（用户导入）
+  open: false,
+  // 弹出层标题（用户导入）
+  title: '',
+  // 是否禁用上传
+  isUploading: false,
+  // 设置上传的请求头部
+  headers: {Authorization: getToken()},
+  // 上传的地址
+  url: import.meta.env.VITE_APP_BASE_API + '/crmHighTechZoneEnterprises/importData'
+})
+const handleFileSuccess = (e)=>{
+  if(e.code == 200){
+    ElMessage({
+      type:"success",
+      message:e.msg
+    })
+    getList()
+
+  }
+}
+function submitFileForm() {
+  proxy.$refs['uploadRef'].submit()
+  upload.open = false;
+  // setTimeout(getList,1000)
+}
+function handleImport() {
+
+  let toServerObj = likeQueryMethod('unified_social_credit_code', queryParams.value.unifiedSocialCreditCode, queryParams.value.pageNum, queryParams.value.pageSize);
+  listEnterprises(toServerObj).then(res=>{
+    if(res.records.length >0){
+      ElMessage({
+        type:'warning',
+        message:'当前已经有数据，请删除后再导入'
+      })
+      return
+    }else {
+      upload.title = '用户导入'
+      upload.open = true
+    }
+  })
+}
+
+const data = reactive({
+  form: {},
+  queryParams: {
+    pageNum: 1,
+    pageSize: 20,
+    enterpriseName: null,
+    unifiedSocialCreditCode: '',
+    enterpriseLeader: null,
+    contactPhone: null,
+  },
+  rules: {
+    enterpriseName: [
+      { required: true, message: "企业名称不能为空", trigger: "blur" }
+    ],
+  }
+});
+
+const { queryParams, form, rules } = toRefs(data);
+
+/** 查询高新区企业（119家）列表 */
+function getList() {
+  loading.value = true;
+  let toServerObj = likeQueryMethod('unified_social_credit_code', queryParams.value.unifiedSocialCreditCode, queryParams.value.pageNum, queryParams.value.pageSize);
+  listEnterprises(toServerObj).then(response => {
+    enterprisesList.value = response.records;
+    total.value = response.total;
+    loading.value = false;
+  });
+}
+
+// 取消按钮
+function cancel() {
+  open.value = false;
+  reset();
+}
+
+// 表单重置
+function reset() {
+  form.value = {
+    id: null,
+    enterpriseName: null,
+    unifiedSocialCreditCode: '',
+    enterpriseLeader: null,
+    contactPhone: null,
+    createTime: null,
+    updateTime: null
+  };
+  proxy.resetForm("enterprisesRef");
+}
+
+/** 搜索按钮操作 */
+function handleQuery() {
+  queryParams.value.pageNum = 1;
+  getList();
+}
+
+/** 重置按钮操作 */
+function resetQuery() {
+  proxy.resetForm("queryRef");
+  handleQuery();
+}
+
+// 多选框选中数据
+function handleSelectionChange(selection) {
+  ids.value = selection.map(item => item.id);
+  single.value = selection.length != 1;
+  multiple.value = !selection.length;
+}
+
+/** 新增按钮操作 */
+function handleAdd() {
+  reset();
+  open.value = true;
+  title.value = "添加高新区企业（119家）";
+}
+
+/** 修改按钮操作 */
+function handleUpdate(row) {
+  reset();
+  const id = row.id || ids.value
+  getEnterprises(id).then(response => {
+    form.value = response.data;
+    open.value = true;
+    title.value = "修改高新区企业（119家）";
+  });
+}
+
+/** 提交按钮 */
+function submitForm() {
+  proxy.$refs["enterprisesRef"].validate(valid => {
+    if (valid) {
+      if (form.value.id != null) {
+        updateEnterprises(form.value).then(response => {
+          proxy.$modal.msgSuccess("修改成功");
+          open.value = false;
+          getList();
+        });
+      } else {
+        addEnterprises(form.value).then(response => {
+          proxy.$modal.msgSuccess("新增成功");
+          open.value = false;
+          getList();
+        });
+      }
+    }
+  });
+}
+
+/** 删除按钮操作 */
+async function handleDelete(row) {
+  const res = await delEnterprises();
+  if(res.code == 200){
+    ElMessage({
+      type:'success',
+      message:'删除成功'
+    })
+    getList();
+  }
+  // const ids = row.id || ids.value;
+  // proxy.$modal.confirm('是否确认删除高新区企业（119家）编号为"' + ids + '"的数据项？').then(function() {
+  //   return delEnterprises(ids);
+  // }).then(() => {
+  //   getList();
+  //   proxy.$modal.msgSuccess("删除成功");
+  // }).catch(() => {});
+}
+
+/** 导出按钮操作 */
+function handleExport() {
+  proxy.download('crmHighTechZoneEnterprises/exportData', {
+    ...queryParams.value
+  }, `高新区企业_${new Date().getTime()}.xlsx`)
+}
+
+getList();
+</script>

src/views/basicData/ManageAbility/ETInformation/index.vue

@@ -140,7 +140,7 @@
       </el-table-column>
       <el-table-column label="商标图片" align="center" prop="trademarkImage" width="100" :show-overflow-tooltip="true" >
         <template #default="scope">
-          <image-preview :src=" scope.row.trademarkImage" :width="50" :height="50"/>
+          <img :src="baseUrl+ scope.row.trademarkImage" :width="50" :height="50"/>
         </template>
       </el-table-column>
       <el-table-column label="商标名称" align="center" prop="trademarkName" :show-overflow-tooltip="true" />
@@ -292,7 +292,7 @@ const single = ref(true);
 const multiple = ref(true);
 const total = ref(0);
 const title = ref("");
-console.log(import.meta.env.VITE_APP_BASE_URL);
+const baseUrl = import.meta.env.VITE_APP_BASE_API;
 
 const upload = reactive({
   // 是否显示弹出层（用户导入）

src/views/home/index.vue

@@ -1,13 +1,14 @@
 <template>
   <div class="homeContainer">
+    <div class="title">守信企业</div>
     <div class="carouselContainer">
       <div>
         <el-carousel :interval="5000" arrow="always" :height="'500px'">
           <el-carousel-item>
-            <img src="@/assets/images/1111.jpg" style="width: 50vw;" />
+            <img src="@/assets/images/2222.jpg" style="width: 50vw;" />
           </el-carousel-item>
           <el-carousel-item>
-            <img src="@/assets/images/2222.jpg" style="width: 50vw;" />
+            <img src="@/assets/images/1111.jpg" style="width: 50vw;" />
           </el-carousel-item>
           <el-carousel-item>
             <img src="@/assets/images/3333.jpg" style="width: 50vw;" />
@@ -17,7 +18,7 @@
     </div>
     <div class="listContainer" ref="listContainer">
       <div class="listContent" ref="listContent" :style="{transform:'translateY('+moveValue+'px)'}">
-        <div class="lsitItem" v-for="(item,index) in homeList" :key="index">{{item.enterpriseName}}</div>
+        <div class="lsitItem" v-for="(item,index) in homeList" :key="index" style="position: relative"><span style="position: absolute;left: 10px;">{{ index + 1 + '、' }}</span>{{item.enterpriseName}}</div>
       </div>
     </div>
     <div class="footerContianer">
@@ -25,21 +26,21 @@
         <el-carousel trigger="click" height="230px">
           <el-carousel-item>
             <div style="display: flex;justify-content: space-around">
-              <div class="imgContainer" @click="toLink('融资服务')">
+              <div class="imgContainer" @click="toLink(1)">
                 <img src="@/assets/images/666.jpg" />
-                <div class="textContainer">融资服务</div>
+                <div class="textContainer">工业和信息化</div>
               </div>
-              <div class="imgContainer" @click="toLink('金融产品服务')">
+              <div class="imgContainer" @click="toLink(2)">
                 <img src="@/assets/images/777.jpg" />
-                <div class="textContainer">金融产品服务</div>
+                <div class="textContainer">工信厅项目管理</div>
               </div>
-              <div class="imgContainer" @click="toLink('信用违约投诉服务')">
+              <div class="imgContainer" @click="toLink(3)">
                 <img src="@/assets/images/999.jpg" />
-                <div class="textContainer">信用违约投诉服务</div>
+                <div class="textContainer">财政厅项目资金管理</div>
               </div>
-              <div class="imgContainer" @click="toLink('融资产品发布')">
+              <div class="imgContainer" @click="toLink(4)">
                 <img src="@/assets/images/888.jpg" />
-                <div class="textContainer">融资产品发布</div>
+                <div class="textContainer">工信厅项目</div>
               </div>
             </div>
           </el-carousel-item>
@@ -60,8 +61,20 @@ import {nextTick, onMounted, onUnmounted, watch} from "vue";
 import {getHomeList} from "../../api/home/home";
 
 const username = localStorage.getItem('username')
-const toLink = ()=>{
-  console.log('跳转');
+const toLink = (index)=>{
+  switch (index) {
+    case 1:
+      window.open('https://gxt.hunan.gov.cn/gxt/ztzl/zxzj/zdbf/202404/t20240403_33269363.html');
+      break;
+    case 2:
+      window.open('http://222.240.80.54:8086/pmp/a/login');
+      break;
+    case 3:
+      window.open('http://220.168.30.70:28889');
+      break;
+    case 4:
+      window.open('http://222.240.80.54:18080/hnibdp-daq/login');
+  }
 }
 const moveList = ()=>{
   // console.log(listContent.value.offsetHeight);
@@ -115,12 +128,28 @@ onUnmounted(()=>{
   margin-top: 30px;
   display: flex;
   flex-wrap: wrap;
+  position: relative;
+  .title{
+    position: absolute;
+    z-index: 9999;
+    left: 51.5vw;
+    top: 0;
+    background-color: #EEF2FBFF;
+    width: 28vw;
+    height: 4vh;
+    line-height: 4vh;
+    font-size: 26px;
+    border-radius: 10px;
+    text-align: center;
+    box-shadow: #EEF2FBFF 0 0 5px;
+  }
   //background-color: #EEF2FBFF;
   .carouselContainer{
     width: 50vw;
   }
   .listContainer{
-    height: 500px;
+    margin-top: 50px;
+    height: 450px;
     width: 30vw;
     overflow: hidden;
     .listContent{