提交 a94961db authored 作者: coderBryanFu's avatar coderBryanFu

update

上级 08dbb091
...@@ -795,7 +795,7 @@ const newsList = ref([ ...@@ -795,7 +795,7 @@ const newsList = ref([
]); ]);
const handleGetNews = async () => { const handleGetNews = async () => {
const params = { const params = {
moduleId: "0100" moduleId: "0101"
}; };
try { try {
const res = await getNews(params); const res = await getNews(params);
...@@ -3047,9 +3047,12 @@ onMounted(async () => { ...@@ -3047,9 +3047,12 @@ onMounted(async () => {
max-height: 1367px; max-height: 1367px;
border-bottom: 1px solid rgba(234, 236, 238, 1); border-bottom: 1px solid rgba(234, 236, 238, 1);
overflow: hidden; overflow: hidden;
min-height: 790px;
.main-item { .main-item {
display: flex; display: flex;
height: 136px; min-height: 100px;
// height: 136px;
// background: orange;
box-sizing: border-box; box-sizing: border-box;
padding-top: 10px; padding-top: 10px;
cursor: pointer; cursor: pointer;
...@@ -3084,7 +3087,7 @@ onMounted(async () => { ...@@ -3084,7 +3087,7 @@ onMounted(async () => {
} }
} }
.line { .line {
height: 112px; height: 100%;
width: 2px; width: 2px;
background: #ddd; background: #ddd;
margin-left: 11px; margin-left: 11px;
......
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<div class="box-header"> <div class="box-header">
<div class="header-left"></div> <div class="header-left"></div>
<div class="title">最新动态</div> <div class="title">最新动态</div>
<div class="check-box"><el-checkbox :checked="isCrelated" label="只看涉华动态" /></div> <div class="check-box"><el-checkbox v-model="isCrelated" label="只看涉华动态" /></div>
<div class="header-btn-box"> <div class="header-btn-box">
<div class="btn" :class="{ btnActive: dynamicsName === '机构动态' }" @click="handleClickBtn('机构动态')"> <div class="btn" :class="{ btnActive: dynamicsName === '机构动态' }" @click="handleClickBtn('机构动态')">
{{ "机构动态" }} {{ "机构动态" }}
...@@ -99,7 +99,18 @@ ...@@ -99,7 +99,18 @@
</div> </div>
<div class="info-item"> <div class="info-item">
<div class="info-item-left">{{ "下属机构:" }}</div> <div class="info-item-left">{{ "下属机构:" }}</div>
<el-popover
v-if="basicInfo.xiashujigou.length > 72"
effect="dark"
:width="400"
:content="basicInfo.xiashujigou"
placement="top"
>
<template #reference>
<div class="info-item-right">{{ basicInfo.xiashujigou }}</div> <div class="info-item-right">{{ basicInfo.xiashujigou }}</div>
</template>
</el-popover>
<div v-else class="info-item-right">{{ basicInfo.xiashujigou }}</div>
</div> </div>
<div class="info-item"> <div class="info-item">
<div class="info-item-left">{{ "制裁手段:" }}</div> <div class="info-item-left">{{ "制裁手段:" }}</div>
...@@ -113,7 +124,7 @@ ...@@ -113,7 +124,7 @@
<div class="user-content"> <div class="user-content">
<div class="user-item" v-for="(item, index) in keyUser" :key="index"> <div class="user-item" v-for="(item, index) in keyUser" :key="index">
<div class="user-item-left"> <div class="user-item-left">
<img :src="item.avatarUrl?item.avatarUrl:DefaultIcon1" alt="" /> <img :src="item.avatarUrl ? item.avatarUrl : DefaultIcon1" alt="" />
</div> </div>
<div class="user-item-right"> <div class="user-item-right">
<div class="name">{{ item.name }}</div> <div class="name">{{ item.name }}</div>
...@@ -128,7 +139,7 @@ ...@@ -128,7 +139,7 @@
</template> </template>
<script setup> <script setup>
import { ref, computed, onMounted } from "vue"; import { ref, computed, onMounted,watch } from "vue";
import { useRoute } from "vue-router"; import { useRoute } from "vue-router";
import Img from "./assets/images/img.png"; import Img from "./assets/images/img.png";
...@@ -140,7 +151,7 @@ import DefaultIcon1 from "@/assets/icons/default-icon1.png"; ...@@ -140,7 +151,7 @@ import DefaultIcon1 from "@/assets/icons/default-icon1.png";
import DefaultIcon2 from "@/assets/icons/default-icon2.png"; import DefaultIcon2 from "@/assets/icons/default-icon2.png";
import { getGovOrgBasicInfo, getGovOrgLatestDynamics, getGovOrgKeyPerson } from "@/api/institution/index"; import { getGovOrgBasicInfo, getGovOrgLatestDynamics, getGovOrgKeyPerson } from "@/api/institution/index";
const route = useRoute() const route = useRoute();
// 基本信息 // 基本信息
const basicInfo = ref({ const basicInfo = ref({
...@@ -154,25 +165,20 @@ const basicInfo = ref({ ...@@ -154,25 +165,20 @@ const basicInfo = ref({
const handleGetBasicInfo = async () => { const handleGetBasicInfo = async () => {
const params = { const params = {
id: route.query.id id: route.query.id
} };
try { try {
const res = await getGovOrgBasicInfo(params) const res = await getGovOrgBasicInfo(params);
console.log('基本信息', res); console.log("基本信息", res);
if(res.code === 200 && res.data) { if (res.code === 200 && res.data) {
basicInfo.value.image = res.data.logoUrl basicInfo.value.image = res.data.logoUrl;
basicInfo.value.shijian = res.data.establishmentDate basicInfo.value.shijian = res.data.establishmentDate;
basicInfo.value.dizhi = res.data.address basicInfo.value.dizhi = res.data.address;
basicInfo.value.zhize = res.data.orgIntroduction basicInfo.value.zhize = res.data.orgIntroduction;
basicInfo.value.xiashujigou = res.data.branchOrglist.toString() basicInfo.value.xiashujigou = res.data.branchOrglist.toString();
basicInfo.value.zhicaishouduan = res.data.taglist.toString() basicInfo.value.zhicaishouduan = res.data.taglist.toString();
}
} catch (error) {
} }
} } catch (error) {}
};
// 关键人物 // 关键人物
const keyUser = ref([ const keyUser = ref([
...@@ -284,13 +290,14 @@ const curList = computed(() => { ...@@ -284,13 +290,14 @@ const curList = computed(() => {
}); });
const handleClickBtn = name => { const handleClickBtn = name => {
dynamicsName.value = name; dynamicsName.value = name;
handleGetLatestDynamics()
}; };
const handleGetLatestDynamics = async () => { const handleGetLatestDynamics = async () => {
const params = { const params = {
orgId: route.query.id, orgId: route.query.id,
cRelated: isCrelated.value ? "Y" : "N", cRelated: isCrelated.value ? "Y" : "N",
dynamicsType: dynamicsName === '机构动态' ? "org" : "person", dynamicsType: dynamicsName.value === "机构动态" ? "org" : "person",
currentPage: 1, currentPage: 1,
pageSize: 9999999 pageSize: 9999999
}; };
...@@ -304,12 +311,18 @@ const handleGetLatestDynamics = async () => { ...@@ -304,12 +311,18 @@ const handleGetLatestDynamics = async () => {
} catch (error) {} } catch (error) {}
}; };
watch(
() => isCrelated.value,
val => {
handleGetLatestDynamics()
}
)
onMounted(() => { onMounted(() => {
handleGetLatestDynamics(); handleGetLatestDynamics();
handleGetBasicInfo() handleGetBasicInfo();
}) });
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
...@@ -575,6 +588,8 @@ handleGetBasicInfo() ...@@ -575,6 +588,8 @@ handleGetBasicInfo()
font-size: 16px; font-size: 16px;
font-weight: 400; font-weight: 400;
line-height: 24px; line-height: 24px;
max-height: 72px;
overflow: hidden;
letter-spacing: 0px; letter-spacing: 0px;
text-align: left; text-align: left;
} }
......
...@@ -15,10 +15,10 @@ ...@@ -15,10 +15,10 @@
</div> </div>
</div> </div>
<div class="page-header-right"> <div class="page-header-right">
<el-button type="primary"> <!-- <el-button type="primary">
<el-image :src="openIcon" alt="打开" class="page-header-right-icon"></el-image> <el-image :src="openIcon" alt="打开" class="page-header-right-icon"></el-image>
查看原网页 查看原网页
</el-button> </el-button> -->
</div> </div>
</div> </div>
...@@ -37,11 +37,12 @@ ...@@ -37,11 +37,12 @@
<template #default> <template #default>
<!-- 内容区域 - 分三块--> <!-- 内容区域 - 分三块-->
<div class="page-content-news-abstract"> <div class="page-content-news-abstract">
美国众议院共和党人正在起草一项新提案,以限制美国对中国的投资。此前,参议院已将其纳入国防政策立法中。知情人士向Semafor透露,众议院工作人员希望在11月7日前就该提案达成共识,并将财政部的反馈纳入由肯塔基州共和党众议员安迪·巴尔提出的配套提案中(尽管政府停摆可能推迟这一时间表)。随后,众议员将利用该文本与参议员就最终《国防授权法案》的内容进行协商。此前一届国会中,类似的尝试因北卡罗来纳州前众议员帕特里克·麦克亨利的反对而失败,但本届国会中,“所有人都在共同努力”。知情人士补充说,领导人并不担心此举会剥夺特朗普在周四与中国领导人习近平会谈时的谈判筹码,因为财政部已开始实施类似的指导方针。
</div> </div>
<div class="page-content-news-artical"> <div class="page-content-news-artical">
<div class="page-content-news-artical-zn"> <div class="page-content-news-artical-zn">
<p> {{ newsContentInfo.newsContent }}
<!-- <p>
<span class="highlight">华盛顿邮报</span>报道,了解谈判情况的知情人士透露,<span <span class="highlight">华盛顿邮报</span>报道,了解谈判情况的知情人士透露,<span
class="highlight" class="highlight"
>美国众议院</span >美国众议院</span
...@@ -76,11 +77,11 @@ ...@@ -76,11 +77,11 @@
<p> <p>
该人士还补充说,领导层并不担心此举会剥夺<span class="highlight">特朗普</span 该人士还补充说,领导层并不担心此举会剥夺<span class="highlight">特朗普</span
><span class="highlight">总统</span>的一个谈判工具。 ><span class="highlight">总统</span>的一个谈判工具。
</p> </p> -->
</div> </div>
<div class="page-content-news-artical-en"> <div class="page-content-news-artical-en">
<p class="indented-paragraph"> <!-- <p class="indented-paragraph">
<span class="highlight">House Republicans</span> are drafting a fresh proposal to curb US <span class="highlight">House Republicans</span> are drafting a fresh proposal to curb US
investments in China after the <span class="highlight">Senate</span> passed its bill as investments in China after the <span class="highlight">Senate</span> passed its bill as
part of defense policy legislation, people familiar with the talks told Semafor. part of defense policy legislation, people familiar with the talks told Semafor.
...@@ -109,14 +110,14 @@ ...@@ -109,14 +110,14 @@
<span class="highlight">Trump</span> of a negotiating tool in talks with Chinese leader <span class="highlight">Trump</span> of a negotiating tool in talks with Chinese leader
<span class="highlight">Xi Jinping</span> on Thursday because <span class="highlight">Xi Jinping</span> on Thursday because
<span class="highlight">Treasury</span> is already implementing parallel guidance. <span class="highlight">Treasury</span> is already implementing parallel guidance.
</p> </p> -->
</div> </div>
</div> </div>
<div class="page-content-news-img"> <div class="page-content-news-img">
<el-image :src="newsImg1" alt="新闻图片" fit="contain" /> <el-image :src="newsContentInfo.newsImage" alt="新闻图片" fit="contain" />
<el-image :src="newsImg2" alt="新闻图片" fit="contain" /> <!-- <el-image :src="newsImg2" alt="新闻图片" fit="contain" />
<el-image :src="newsImg3" alt="新闻图片" fit="contain" /> <el-image :src="newsImg3" alt="新闻图片" fit="contain" /> -->
</div> </div>
</template> </template>
</custom-container> </custom-container>
...@@ -453,6 +454,7 @@ onMounted(() => { ...@@ -453,6 +454,7 @@ onMounted(() => {
text-indent: 2em; text-indent: 2em;
} }
&-news-artical { &-news-artical {
height: 480px;
line-height: 1.8; line-height: 1.8;
color: #303133; color: #303133;
display: flex; display: flex;
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论