Skip to content

B
bigDataSystem
Commit 020beff8 authored by baiyinhao's avatar baiyinhao
Browse files
Options

新增平台列表页面

parent dd426679
Hide whitespace changes
Inline Side-by-side
Showing with 1153 additions and 51 deletions
src/views/AAAFont/nationalPolicy/details/index.vue 0 → 100644
View file @ 020beff8
<template>
<div class="mainContainer" id="main">
<!--sub容器包含了一个个子页面 例如info race-->
<div class="subContainer">
<!--大赛咨询子页面-->
<div class="information item-content-box" id="info">
<!--公共容器 info_right 包含了标题和字母栏-->
<div class="commonContainer" style="margin-top: 60px">
<!--对公共容器应用子页面专属css样式-->
<!-- <div class="common-item-title">大赛资讯</div>-->
<!-- <div class="letter">INFORMATION</div>-->
<div class="info_content_second">
<div class="content-item-h3">
中共中央 国务院关于构建更加完善的要素市场化配置体制机制的意见
</div>
<div style="display: flex; justify-content: center">
<span class="time">2020/04/09 19:00 </span>
<span class="source"> 来源: 新华社</span>
</div>
<Divider />
<div class="content-text-1">
完善要素市场化配置是建设统一开放、竞争有序市场体系的内在要求，是坚持和完善社会主义基本经济制度、加快完善社会主义市场经济体制的重要内容。为深化要素市场化配置改革，促进要素自主有序流动，提高要素配置效率，进一步激发全社会创造力和市场活力，推动经济发展质量变革、效率变革、动力变革，现就构建更加完善的要素市场化配置体制机制提出如下意见。
</div>
<div class="content-text-title-1"> 一、总体要求 </div>
<div class="content-text-1">
（一）指导思想。以习近平新时代中国特色社会主义思想为指导，全面贯彻党的十九大和十九届二中、三中、四中全会精神，坚持稳中求进工作总基调，坚持以供给侧结构性改革为主线，坚持新发展理念，坚持深化市场化改革、扩大高水平开放，破除阻碍要素自由流动的体制机制障碍，扩大要素市场化配置范围，健全要素市场体系，推进要素市场制度建设，实现要素价格市场决定、流动自主有序、配置高效公平，为建设高标准市场体系、推动高质量发展、建设现代化经济体系打下坚实制度基础。
</div>
<div class="content-text-1">
（二）基本原则。一是市场决定，有序流动。充分发挥市场配置资源的决定性作用，畅通要素流动渠道，保障不同市场主体平等获取生产要素，推动要素配置依据市场规则、市场价格、市场竞争实现效益最大化和效率最优化。二是健全制度，创新监管。更好发挥政府作用，健全要素市场运行机制，完善政府调节与监管，做到放活与管好有机结合，提升监管和服务能力，引导各类要素协同向先进生产力集聚。三是问题导向，分类施策。针对市场决定要素配置范围有限、要素流动存在体制机制障碍等问题，根据不同要素属性、市场化程度差异和经济社会发展需要，分类完善要素市场化配置体制机制。四是稳中求进，循序渐进。坚持安全可控，从实际出发，尊重客观规律，培育发展新型要素形态，逐步提高要素质量，因地制宜稳步推进要素市场化配置改革。
</div>
</div>
<!-- -->
</div>
</div>
</div>
</div>
</template>
<script setup lang="ts">
import { router } from '@/router';
import { ref } from 'vue';
import { useGo } from '@/hooks/web/usePage';
import { useRouter, onBeforeRouteLeave } from 'vue-router';
import { Divider, Tooltip } from 'ant-design-vue';
const fileType = ref(''); // 文件下载后缀
const choseFile = ref({}); // 选择文件对象
const downloadType = ref(''); // 1是本地文件下载，2是oss文件下载
const activeName = ref('first'); // tab弹出框
const dialogVisible = ref(false); // 对话框是否显示
const dialogContent = ref({}); // 对话框内容
const info_notice = ref({}); // 通知公告对象
const info_ad = ref({}); // 通知公告对象
const fileList = ref([]); // 下载文件集合
const bannerPicture = ref({}); // banner图
const noticePicture1 = ref({}); // 通知公告图片
const noticePicture2 = ref({}); // 通知公告图片
const isShowDown = ref(true); // 是否显示下载按钮
const downloadEntity = ref({
// 下载实体
// 名称需要带文件类型，要不然默认为txt
fileUploadName: '项目推荐汇总表.xlsx',
fileAddress: '/profile/attachments/project-recommendation-summary.xlsx',
});
const go = useGo();
// document.querySelectorAll('.right-li').forEach((element) => {
// element.addEventListener('click', () => {
// console.log('click');
// });
// });
function handleClick() {
router.push('/aaaFont/nationalPolicy/details');
console.log('clickpush');
}
</script>
<style scoped lang="scss">
/* 报名参赛按钮 */
.text {
position: absolute;
top: 75%;
left: 13.5%;
width: 130px;
height: 44px;
border-radius: 8px;
background: #ffac27;
font-size: 20px;
line-height: 44px;
text-align: center;
cursor: pointer;
}
.text:hover {
background-color: #f59e12;
color: #fff;
}
.text:active {
background-color: #ffac27;
color: #fff;
}
/* 报名参赛内容 */
.text span {
width: 60px;
height: 26px;
color: #fff;
font-size: 20px;
font-weight: 700;
line-height: 23px;
text-align: center;
}
/* 小球 */
.ball {
position: sticky;
z-index: 3;
/* top: 0; */
top: -40px;
margin-left: 70px;
}
/* 小球背景图 */
.circle-img {
position: relative;
z-index: 10;
width: 96px;
height: 96px;
margin-top: 12vh;
border-radius: 50%;
cursor: pointer;
}
/* 小球的下拉菜单实现 */
.dropdown {
position: absolute;
z-index: 5;
width: 96px;
/* top: 185px; */
/* top: -48px; */
margin-top: -48px;
padding: 0;
list-style-type: none;
border-right: 2px solid #005dbd;
border-bottom: 2px solid #005dbd;
border-left: 2px solid #005dbd;
background-color: #fff;
}
/* 下拉列表元素 */
.dropdown-item {
display: flex;
flex-direction: column;
align-items: center;
padding: 10px 7px;
font-size: 15px;
cursor: pointer;
}
.dropdown-item img {
width: 32px;
height: 32px;
margin-left: 1px;
}
.dropdown-item span {
margin-top: 10px;
font-size: 14px;
}
.dropdown-item:hover {
background: #d9e7f5;
color: #005dbd;
font-weight: 600;
}
/* 公共容器 所有子页面共享的css样式 */
.commonContainer {
display: flex;
position: relative;
flex-direction: column;
/* justify-content: center; !* 垂直居中 *! */
align-items: center; /* 水平居中 */
height: auto;
text-align: center;
}
.reward_container {
width: 1170px;
}
/* 子页面标题样式 */
.common-item-title {
z-index: 3;
margin-left: 20px;
color: #292929;
font-size: 40px;
font-weight: 700;
line-height: 47px;
}
/* 子页面英文标题样式 */
.letter {
position: relative;
z-index: 0;
top: -18px;
height: 67px;
color: rgb(0 0 0 / 8%);
font-size: 57px;
font-weight: 400;
line-height: 67px;
text-align: left;
text-shadow: 0 0 4px #fff;
}
/* 英文标题特殊下划线 */
.letter::before {
content: '';
position: absolute; /* 脱离文档流 设置其位置 */
top: 52px;
width: 68px; /* 调整边框的长度 */
height: 3px;
margin-left: 43%;
/* left: 39%; !* 边框在下边框的位置 *! */
border-radius: 5px;
background-color: #005dbd;
}
/* 给不同的英文标题下划线设置不同的样式 伪元素实现 */
.track .letter::before {
width: 68px;
background-color: #f35457ff;
}
.race .letter::before {
width: 68px;
background-color: white;
}
.reward .letter::before {
width: 68px;
background-color: white;
}
.download .letter::before {
width: 68px;
margin-left: 45%;
}
.institutions .letter::before {
width: 68px;
margin-left: 46%;
}
.item-content-box {
display: flex;
flex-direction: column;
align-items: center;
}
/* info子页面 */
.information {
width: 100%;
background-image: url('../../../assets/images/home/home_information.png');
background-repeat: no-repeat;
background-size: 100% 665px;
}
.info_wrapper {
display: flex;
margin-top: 60px;
margin-bottom: 60px;
}
/* info内容容器 */
.info_content {
display: flex;
position: relative;
flex-direction: column; /* 上下布局 */
width: 570px;
height: 411px;
border-radius: 20px; /* 添加圆角边框 */
/* margin: 20px 20px 20px 0; */
background-color: #fff;
box-shadow: 0 0 10px rgb(0 0 0 / 10%);
}
.info_content_second {
display: flex;
position: relative;
flex-direction: column; /* 上下布局 */
width: 100vw;
height: auto;
background-color: #fff;
.content-item-h3 {
z-index: 3;
width: 100vw;
height: 43px;
margin: 60px 0 0;
color: #383737ff;
font-size: 40px;
font-weight: 580;
letter-spacing: 0; /* 去掉字母之间的间距 */
line-height: 43px;
text-align: center; /* 居中对齐内容 */
word-spacing: -5px; /* 减少单词之间的间距 */
}
.time,
.source {
display: inline-block;
width: 101.143px;
height: 17px;
margin: 30px 30px 30px 0;
padding: 0;
color: rgb(97 108 127);
font-family: PingFangTC-Regular, PingFangTC;
font-size: 12px;
-webkit-font-smoothing: antialiased;
font-weight: 400;
line-height: 17px;
text-rendering: optimizelegibility;
text-size-adjust: 100%;
}
}
/* 内容头部 */
.info_header {
display: flex;
justify-content: space-between;
padding: 7px 0;
border-bottom: 1px solid #ccc;
}
/* 头部 图标 */
.info_img {
position: relative;
top: 3px;
width: 32px;
height: 32px;
margin-right: 10px;
margin-left: 20px;
}
/* 头部 查看更多超链接 */
.more-link {
display: flex;
align-items: center;
margin-right: 20px;
}
.more-link:hover {
margin-right: 20px;
color: #005dbd;
font-size: 16px;
font-weight: 600;
}
/* 内容信息容器 */
.notice_container {
flex: 1; /* 占有容器全部空间 */
border-radius: 0 0 20px;
background-color: white;
}
/* 数据遍历容器 */
.notice {
display: flex;
position: relative;
height: 95px;
/* align-items: center; */
margin: 20px 0;
/* border-bottom: 2px dotted #ccc; */
/* padding-bottom: 10px; */
/* padding-right: 5px; */
padding: 5px 2%;
}
.notice:not(:last-child)::before {
content: '';
position: absolute;
right: auto;
/* top: 0; */
bottom: -7px;
left: 4%;
width: 92%;
height: 1px;
border-bottom: 2px dashed #e4e4e4;
}
.notice:last-child {
border-bottom: none; /* 最后一个notice去掉底部边框 */
}
/* 图片 */
.notice-image {
flex: 0 0 100px; /* 三属性合一 */
margin-right: 20px;
margin-left: 15px;
}
.notice-image img {
width: 120px;
height: 80px;
border-radius: 6px;
}
/* 数据容器 */
.notice-content {
display: flex;
flex: 1;
flex-direction: column;
}
/* 内容 */
.notice-text {
display: -webkit-box;
margin-bottom: 5px;
overflow: hidden;
color: #333;
font-size: 17px;
font-weight: 540;
line-height: 28px;
text-align: left;
text-overflow: inherit;
cursor: pointer;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
/* 日期 */
.notice-time {
position: absolute;
/* margin-top: 20px; */
bottom: 10px;
width: 179px;
height: 18px;
color: #969696;
font-size: 14px;
font-weight: 400;
line-height: 18px;
text-align: left;
}
/* 奖励计划相关的css样式 */
.reward {
width: 100%;
}
/* 奖励计划 上div */
.reward_top {
display: flex;
width: 1170px;
margin-bottom: 25px;
border-bottom: 1px solid gray;
}
.reward_top img {
width: 180px;
height: 45px;
margin-right: 10px; /* 图片右边距 */
margin-left: -6px;
}
/* 奖励计划 中div */
.reward_center {
display: flex;
align-items: center;
}
/* 左边 */
.left-container {
display: flex;
flex-direction: column;
width: 187px;
margin-left: 20px;
padding: 20px 0;
}
.left-container .reward_title {
display: flex;
align-items: center;
width: 100%;
height: 32px;
color: #fff;
font-size: 24px;
font-weight: 400;
line-height: 32px;
text-align: left;
}
.left-container .reward_title .reward_icon {
position: relative;
top: 4px;
width: 42px;
height: 24px;
margin-left: 10px;
float: right;
border-radius: 20px;
background: #e85252;
font-size: 14px;
}
.reward_icon span {
position: absolute;
top: 3px;
left: 13px;
width: 10px;
height: 18px;
color: #fff;
font-size: 14px;
font-weight: 400;
line-height: 16px;
text-align: center;
}
.subtitle {
position: relative;
width: 48px;
height: 32px;
color: rgb(255 255 255 / 75%);
font-size: 24px;
font-weight: 400;
line-height: 28px;
text-align: left;
}
.subtitle::before {
content: '';
display: block;
position: absolute;
top: 34px;
bottom: 0;
left: 0%; /* 边框在下边框的中间位置 */
width: 65%; /* 调整边框的长度 */
height: 2px;
border-radius: 2px;
background-color: #c03639;
}
/* 右边 */
.right-container {
display: flex;
align-items: center;
justify-content: space-between;
margin-left: 5px;
padding: 20px 0;
}
/* 奖项容器 */
.item {
display: flex;
flex-direction: column;
align-items: center;
width: 220px;
height: 130px;
margin-left: 20px;
border-radius: 10px;
background: #fff;
box-shadow: 0 0 10px 0 rgb(0 0 0 / 25%);
}
.right-container .item img {
width: 36px;
height: 36px;
}
.right-container .item .item_text {
width: 147px;
height: 37px;
margin-top: 15px;
color: #292929;
font-size: 28px;
font-weight: 700;
line-height: 33px;
text-align: center;
}
/* 金额 */
.right-container .item .amount {
width: 107px;
height: 32px;
margin-top: 10px;
color: #d32f2f;
font-size: 16px;
font-weight: 400;
line-height: 19px;
text-align: center;
}
/* 底部容器 */
.reward_bottom {
position: relative;
margin-top: 60px;
margin-bottom: 80px;
}
/* 特殊奖励图片 */
.reward_bottom img:first-child {
position: absolute;
top: -45px;
left: 0;
width: 180px;
height: 45px;
}
/* 左侧说明文字 */
.reward_bottom .image_text01 {
position: absolute;
top: 80px;
left: 60px;
width: 60%;
height: 180px;
color: #333;
font-size: 20px;
font-weight: 400;
line-height: 36px;
text-align: left;
}
/* 右侧说明文字 */
.reward_bottom .image_text02 {
position: absolute;
top: 20px;
right: 45px;
width: 310px;
height: 144px;
color: #fff;
font-size: 20px;
font-weight: 400;
line-height: 36px;
text-align: left;
text-shadow: 0 4px 4px 0 rgb(0 0 0 / 25%);
}
/* track容器 */
.track {
height: 702px;
background-image: url('../../../assets/images/home/home_track.png');
background-repeat: no-repeat;
background-size: 100% auto;
}
.track_region {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 1170px;
}
/* 长方形容器 */
.box {
position: relative;
width: 49%;
height: 244px;
margin-bottom: 20px;
padding: 10px;
border-radius: 10px;
background: #fff;
box-shadow: 0 1px 10px 0 rgb(0 0 0 / 20%);
}
/* 左上角正三角图片 */
.triangle {
position: absolute;
top: 0;
left: 0;
width: 74px;
height: 74px;
background-size: cover;
}
/* 右上角数字图片 */
.image {
position: absolute;
top: 0;
right: 3px;
width: 94px;
height: 94px;
/* background: url('path/to/your/image.jpg') no-repeat; */
background-size: cover;
/* filter: blur(5px); */
}
.track_title {
width: 100%;
height: 30px;
margin-top: 26px;
margin-left: 32px;
color: #333;
font-size: 24px;
font-weight: 700;
line-height: 30px;
text-align: left;
}
.track_content {
height: 35%;
margin-top: 25px;
margin-left: 30px;
color: #686a6c;
/* margin-right: 30px; */
font-size: 17px;
text-align: left;
}
/* 查看详情按钮 */
.detail {
bottom: 10px;
width: 148px;
height: 50px;
border: 1px solid #005dbd;
border-radius: 8px;
border-bottom-color: #005dbd;
/* margin-top: 40px; */
background: #fff;
color: #005dbd;
font-size: 17px;
font-weight: 500;
cursor: pointer;
}
.detail:hover {
/* 设置移动鼠标后的文本颜色 */
background: #005dbd;
color: #fff;
}
.detail:active {
background: #026edd;
color: #fff;
/* 设置点击后的文本颜色 */
}
/* download和institutions的父容器 */
.union {
width: 100%;
background-image: url('../../../assets/images/home/home_union.png');
background-repeat: no-repeat;
background-size: 100% auto;
}
/* 下载容器 */
.download {
}
.download_outer_container {
display: flex;
position: relative;
flex-direction: column;
width: 1170px;
/* align-items: center; */
overflow: hidden;
}
/* 水平滑动的盒子容器 */
.download_inner_container {
/* display: inline-block; */
display: flex;
align-items: center;
width: 800px;
/* overflow: hidden; */
/* margin: 0 auto; !* 居中 *! */
/* width: calc(4 * (240px + 40px)); !* 每个盒子的宽度加上 margin *! */
height: 200px;
/* padding: 0 0px 0 0px; */
}
/* 盒子 */
.download_box {
display: flex;
flex-direction: column;
align-items: center;
/* padding: 10px; */
width: 250px;
height: 124px;
margin-left: 10px;
border-radius: 10px;
background: #fff;
box-shadow: 0 0 10px 0 rgb(0 0 0 / 20%);
/* transition: transform 3s; */
cursor: pointer;
}
.download_box img {
width: 54px;
height: 54px;
}
.download_box p {
width: 246px;
height: 26px;
color: #333;
font-size: 20px;
font-weight: 700;
line-height: 23px;
text-align: center;
}
/* 滚动条+左右箭头容器 */
.scrollbar {
display: flex;
align-items: center;
width: 400px;
margin-top: 10px;
/* margin-left: 450px; */
}
/* 滚动条样式修改 */
::v-deep .swiper-scrollbar-drag {
height: 6px !important;
border-radius: 10px;
}
/* 学院容器 */
.institutions {
margin-top: 20px;
padding-bottom: 80px;
}
.institutions_outer_container {
display: flex;
position: relative;
flex-direction: column;
width: 1170px;
/* align-items: center; */
overflow: hidden;
}
.institutions_inner_container {
display: flex;
align-items: flex-start;
width: 800px;
}
/* 一行学校容器 */
.institutions_container {
display: flex;
margin-bottom: 50px;
}
/* 单个学校容器 */
.institutions_box {
display: flex;
position: relative; /* Enable relative positioning */
align-items: center;
justify-content: center;
width: 212px;
height: 107px;
margin: 10px;
border-radius: 10px;
background: #fff;
box-shadow: 0 0 10px 0 rgb(0 0 0 / 20%);
text-align: center;
}
.institutions_box img {
width: 65px;
height: 65px;
}
.institutions_box p {
position: absolute;
bottom: -50px;
width: 100%;
height: 22px;
color: #333;
font-size: 17px;
font-weight: 400;
line-height: 20px;
text-align: center;
}
// .info_header span {
// width: 48px;
// height: 32px;
// margin-left: 5px;
// color: #005dbd;
// font-size: 22px;
// font-weight: bold;
// line-height: 28px;
// text-align: left;
// }
/* element-UI对话框css样式设置 */
/* 对话框标题 */
::v-deep .el-dialog__title {
font-size: 26px;
font-weight: bold;
}
/* 对话框的header部分 */
::v-deep .el-dialog__header {
height: 60px;
background-color: #f9f9f9;
}
/* 对话框滚动条设置 */
.dialog-container {
max-height: 75vh; /* 调整为你希望的最大高度 */
padding: 10px 20px;
overflow-y: auto;
}
::v-deep .el-tabs__nav-scroll {
width: 50%;
margin: 0 auto;
}
/* 去掉tabs底部的下划线 */
::v-deep .el-tabs__nav-wrap::after {
position: static !important;
}
::v-deep .el-tabs__item {
height: 70px;
}
.title_bottom {
margin-top: 40px;
color: #a3a3a3;
font-size: 24px;
font-weight: 500;
letter-spacing: 4px;
}
.carouselImg {
width: 100%;
height: 100%;
}
.tab-pane {
display: flex;
position: relative;
width: 1440px;
margin-top: 15px;
}
//tabs 按钮
.back-button {
position: absolute;
top: 0;
right: 0;
margin-top: 3px;
color: #3a5cde;
font-size: 18px;
}
.card-row {
display: flex;
justify-content: space-around;
margin-top: 20px;
font-size: 15px;
text-align: left;
p {
height: 24px;
margin-top: 18px;
}
.card-left {
width: 28%;
color: #707070;
}
.card-right {
width: 68%;
color: #3f3f3f;
}
}
.tab-label {
font-size: 24px;
font-weight: 700;
}
.card_bottom {
display: flex;
align-items: center;
justify-content: space-between;
font-weight: 500;
.button {
border: #1962e2 2px solid;
color: #1962e2;
}
}
.industry {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
margin-top: 100px;
background-color: #fff;
}
.industry-row {
display: flex;
justify-content: center;
width: 1440px;
}
.row-right {
width: 1100px;
height: 300px;
padding: 0 24px;
border-radius: 8px;
background-color: #fff;
}
.right-li {
display: flex;
justify-content: space-between;
margin: 30px 20px 20px 0;
transform: translateY(-80px);
font-size: 18px;
cursor: pointer; /* 添加鼠标指针样式 */
}
.right-li:hover {
transition: background-color 0.3s; /* 添加过渡效果 */
background-color: #eff6ff; /* 添加鼠标悬浮效果 */
}
.right-li:active {
background-color: #ddd; /* 添加点击效果 */
}
.li-left {
}
.li-middle {
width: 76%;
color: #3f3f3f;
}
.li-right {
color: #9c9c9c;
}
.content-text-1 {
display: block;
box-sizing: border-box;
width: calc(100vw - 16vw); /* 修改为视口宽度减去 16% 的宽度 */
min-height: 140px;
margin: 0 auto; /* 将段落居中 */
padding: 0 8vw 28px;
color: rgb(25 27 36);
font-family: PingFangSC-Regular, 'PingFang SC';
font-size: 16px;
-webkit-font-smoothing: antialiased;
font-weight: 400;
line-height: 28px;
text-align: left;
text-indent: 32px;
text-rendering: optimizelegibility;
text-size-adjust: 100%;
unicode-bidi: isolate;
}
.content-text-1::first-line {
text-align: left;
}
.content-text-title-1 {
display: block;
box-sizing: border-box;
width: calc(100vw - 60vw); /* 修改为视口宽度减去 8% 的宽度 */
height: 56px;
margin: 0;
margin-left: 8vw; /* 修改为 8% 的视口宽度 */
margin-block: 0;
margin-inline: 0;
padding: 0 0 28px;
color: rgb(25 27 36);
font-family: PingFangSC-Regular, 'PingFang SC';
font-size: 16px;
-webkit-font-smoothing: antialiased;
font-weight: 600;
line-height: 28px;
text-indent: 32px;
text-rendering: optimizelegibility;
text-size-adjust: 100%;
unicode-bidi: isolate;
}
</style>
src/views/AAAFont/nationalPolicy/index.vue
View file @ 020beff8
......@@ -49,7 +49,7 @@
<span>2024-12-17</span>
</div>
</div>
<div class="right-li">
<div class="right-li" @click="handleClick">
<div class="li-left">
<el-tag type="danger" style="font-size: 14px">国家政策</el-tag>
</div>
......@@ -109,8 +109,11 @@
</template>
<script setup lang="ts">
import { router } from '@/router';
import { ref } from 'vue';
import { useRouter, onBeforeRouteLeave } from 'vue-router';
const fileType = ref(''); // 文件下载后缀
const choseFile = ref({}); // 选择文件对象
const downloadType = ref(''); // 1是本地文件下载，2是oss文件下载
......@@ -130,13 +133,15 @@
fileUploadName: '项目推荐汇总表.xlsx',
fileAddress: '/profile/attachments/project-recommendation-summary.xlsx',
});
document.querySelectorAll('.right-li').forEach((element) => {
element.addEventListener('click', () => {
console.log('click');
});
});
function handleClick() {
console.log('click');
console.log('clickpush');
router.push('/aaaFont/nationalPolicy/details');
}
</script>
<style scoped lang="scss">
......
src/views/dataSharingAndExchange/carouselManagement/AccountModal.vue
View file @ 020beff8
......@@ -6,7 +6,22 @@
:title="getTitle"
@ok="handleSubmit"
>
<BasicForm @register="registerForm" />
<BasicForm @register="registerForm">
<template #import="{}">
<BasicUpload
:maxSize="20"
:maxNumber="1"
@change="handleChange"
@click="handleUpload"
:api="userImport"
:accept="['.xlsx, .xls']"
>
<template #uploadBtnName>
<span>导入文件</span>
</template>
</BasicUpload>
</template>
</BasicForm>
</BasicModal>
</template>
<script lang="ts" setup>
......@@ -15,10 +30,11 @@
import { BasicForm, useForm } from '@/components/Form';
import { accountFormSchema } from './institution.data';
import { getDeptList } from '@/api/system/dept/dept';
import { addUserApi, UserDetailApi, UserUpdataApi } from '@/api/system/user/user';
import { addUserApi, UserDetailApi, UserUpdataApi, userImport } from '@/api/system/user/user';
import { encryptTwo } from '../../../../src/utils/jsencrypt.js';
import { useMessage } from '@/hooks/web/useMessage';
import { TreeData } from '@/views/dataSharingAndExchange/catalogingManagement/institutionData';
import { BasicUpload } from '@/components/Upload';
defineOptions({ name: 'AccountModal' });
......@@ -65,8 +81,14 @@
]);
});
const getTitle = computed(() => (!unref(isUpdate) ? '新增账号' : '编辑账号'));
const getTitle = computed(() => (!unref(isUpdate) ? '新增轮播图' : '编辑轮播图'));
function handleChange(list: string[]) {
console.log('aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa', list);
createMessage.success(`文件上传成功`);
}
function handleUpload() {
isGetMeta.value = 'true';
}
function handleTree(data, id, parentId, children, rootId) {
id = id || 'id';
parentId = parentId || 'parentId';
......
src/views/dataSharingAndExchange/carouselManagement/institution.data.ts
View file @ 020beff8
......@@ -195,51 +195,11 @@ export const accountFormSchema: any[] = [
},
],
},
// {
// field: 'visibleRange',
// label: '可见范围',
// component: 'Select',
// componentProps: {
// options: [
// { label: '所有人', value: '所有人' },
// { label: '用户1', value: '用户1' },
// { label: '用户2', value: '用户2' },
// ],
// },
// colProps: { lg: 24, md: 24 },
// rules: [
// {
// required: true,
// message: '请输入登录名',
// },
// ],
// },
// {
// field: 'resourceNum',
// label: '可见资源数',
// component: 'InputNumber',
// colProps: { lg: 24, md: 24 },
// rules: [
// {
// required: true,
// message: '请输入',
// },
// ],
// },
// {
// field: 'institutionId',
// label: '所属编目',
// component: 'TreeSelect',
// colProps: { lg: 24, md: 24 },
// componentProps: {
// fieldNames: {
// label: 'institutionName',
// value: 'businessId',
// },
// getPopupContainer: () => document.body,
// },
// required: true,
// },
{
field: 'import',
label: '上传轮播图',
slot: 'import',
},
];
export const EditFormSchema: any[] = [
{
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment