Skip to content

B
bigDataSystem
Commit dc881f89 authored by liangjingpeng's avatar liangjingpeng
Browse files
Options

首页,交易市场-bug修复

parent a450b4fb
Hide whitespace changes
Inline Side-by-side
Showing with 1777 additions and 83 deletions
src/views/AAAFont/front/index.vue
View file @ dc881f89
......@@ -169,7 +169,7 @@
<span class="table-span-label">{{ scope.column.label }}</span>
</template>
<template #default="scope">
<span class="table-span">{{ scope.row.address }}</span>
<span class="table-span" @click="handleListDataSet">{{ scope.row.address }}</span>
</template>
</el-table-column>
<el-table-column prop="name" width="350" label="申请人" />
......@@ -191,7 +191,7 @@
>
<el-table-column prop="address" width="500" label="数据集产权名称">
<template #header="scope">
<span class="table-span-label">{{ scope.column.label }}</span>
<span class="table-span-label" @click="handleListFile">{{ scope.column.label }}</span>
</template>
<template #default="scope">
<span class="table-span">{{ scope.row.address }}</span>
......@@ -219,7 +219,7 @@
<span class="table-span-label">{{ scope.column.label }}</span>
</template>
<template #default="scope">
<span class="table-span">{{ scope.row.address }}</span>
<span class="table-span" @click="handleListApi">{{ scope.row.address }}</span>
</template>
</el-table-column>
<el-table-column prop="name" width="350" label="申请人" />
......@@ -442,6 +442,21 @@
path: '/aaaFont/dataRegistration/enrollPublicObjection',
});
},
handleListApi(){
this.$router.push({
path: '/aaaFont/tradingMarket/details/api',
});
},
handleListFile(){
this.$router.push({
path: '/aaaFont/tradingMarket/details/file',
});
},
handleListDataSet(){
this.$router.push({
path: '/aaaFont/tradingMarket/details/dataSet',
});
},
// 进入后台方法
toBackstage() {
......
src/views/AAAFont/register/RegisterForm.vue
View file @ dc881f89
......@@ -47,8 +47,8 @@
<FormItem class="enter-x" name="policy">
<!-- No logic, you need to deal with it yourself -->
<Checkbox v-model:checked="formData.policy" size="small">
{{ t('sys.login.policy') }}
</Checkbox>
我同意xxx
</Checkbox><slot name="policy"></slot>
</FormItem>
<Button
......
src/views/AAAFont/register/index.vue
View file @ dc881f89
......@@ -2,7 +2,7 @@
<div id="register">
<el-container>
<el-header class="header">
<div @click="handleTitle" class="official-title"> 数据要素交易服务平台 </div>
<div @click="handleTitle" class="official-title"> 数据要素交易服务平台</div>
<div class="分割线"></div>
<div class="title-right">注册</div>
</el-header>
......@@ -12,10 +12,25 @@
<div class="register-title">
<span class="register-title-text">欢迎注册</span>
</div>
<RegisterForm />
<RegisterForm>
<template #policy>
<a @click="dialogVisible = true">隐私政策</a>
</template>
</RegisterForm>
</div>
</div>
</div>
<el-dialog
top="2%"
v-model="dialogVisible"
width="90%"
>
<privacy/>
<span slot="footer" class="dialog-footer">
<el-button @click="dialogVisible = false">取 消</el-button>
</span>
</el-dialog>
</el-container>
</div>
</template>
......@@ -23,12 +38,16 @@
<script>
import Icon from '@/components/Icon/Icon.vue';
import RegisterForm from './RegisterForm.vue';
import Privacy from "@/views/AAAFont/register/privacy.vue";
export default {
name: 'Register',
components: { RegisterForm, Icon },
components: {Privacy, RegisterForm, Icon },
data() {
return {};
return {
dialogVisible: false,
};
},
methods: {
handleClick(tab, event) {
......@@ -37,6 +56,13 @@
handleTitle() {
this.$router.replace('/aaaFont/font');
},
handleClose(done) {
this.$confirm('确认关闭？')
.then((_) => {
done();
})
.catch((_) => {});
},
},
};
</script>
......@@ -44,6 +70,7 @@
body {
margin: 0;
}
#register {
min-width: 1366px;
width: auto;
......@@ -51,6 +78,7 @@
/*transform: translate(0, 0);*/
background-color: #eff3fa;
}
.header {
/*position: fixed;*/
z-index: 999;
......@@ -83,6 +111,7 @@
/*justify-content: center;*/
position: relative;
}
.official-title::before {
content: '';
position: absolute;
......
src/views/AAAFont/register/privacy.vue 0 → 100644
View file @ dc881f89
<template>
<!--公共容器 info_right 包含了标题和字母栏-->
<div class="commonContainer" style="margin-top: 20px">
<!--对公共容器应用子页面专属css样式-->
<!-- <div class="common-item-title">大赛资讯</div>-->
<!-- <div class="letter">INFORMATION</div>-->
<div class="info_content_second">
<div class="content-item-h3">
xxx 隐私政策
</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 class="content-text-title-1"> 二、推进土地要素市场化配置 </div>
<div class="content-text-1"
>（三）建立健全城乡统一的建设用地市场。加快修改完善土地管理法实施条例，完善相关配套制度，制定出台农村集体经营性建设用地入市指导意见。全面推开农村土地征收制度改革，扩大国有土地有偿使用范围。建立公平合理的集体经营性建设用地入市增值收益分配制度。建立公共利益征地的相关制度规定。</div
>
<div class="content-text-1"
>（四）深化产业用地市场化配置改革。健全长期租赁、先租后让、弹性年期供应、作价出资（入股）等工业用地市场供应体系。在符合国土空间规划和用途管制要求前提下，调整完善产业用地政策，创新使用方式，推动不同产业用地类型合理转换，探索增加混合产业用地供给。</div
>
<div class="content-text-1"
>（五）鼓励盘活存量建设用地。充分运用市场机制盘活存量土地和低效用地，研究完善促进盘活存量建设用地的税费制度。以多种方式推进国有企业存量用地盘活利用。深化农村宅基地制度改革试点，深入推进建设用地整理，完善城乡建设用地增减挂钩政策，为乡村振兴和城乡融合发展提供土地要素保障。</div
>
<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 class="content-text-1"
>（九）完善技术技能评价制度。创新评价标准，以职业能力为核心制定职业标准，进一步打破户籍、地域、身份、档案、人事关系等制约，畅通非公有制经济组织、社会组织、自由职业专业技术人员职称申报渠道。加快建立劳动者终身职业技能培训制度。推进社会化职称评审。完善技术工人评价选拔制度。探索实现职业技能等级证书和学历证书互通衔接。加强公共卫生队伍建设，健全执业人员培养、准入、使用、待遇保障、考核评价和激励机制。</div
>
<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 class="content-text-1"
>（十三）增加有效金融服务供给。健全多层次资本市场体系。构建多层次、广覆盖、有差异、大中小合理分工的银行机构体系，优化金融资源配置，放宽金融服务业市场准入，推动信用信息深度开发利用，增加服务小微企业和民营企业的金融服务供给。建立县域银行业金融机构服务“三农”的激励约束机制。推进绿色金融创新。完善金融机构市场化法治化退出机制。</div
>
<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 class="content-text-1"
>（十七）培育发展技术转移机构和技术经理人。加强国家技术转移区域中心建设。支持科技企业与高校、科研机构合作建立技术研发中心、产业研究院、中试基地等新型研发机构。积极推进科研院所分类改革，加快推进应用技术类科研院所市场化、企业化发展。支持高校、科研机构和科技企业设立技术转移部门。建立国家技术转移人才培养体系，提高技术转移专业服务能力。</div
>
<div class="content-text-1"
>（十八）促进技术要素与资本要素融合发展。积极探索通过天使投资、创业投资、知识产权证券化、科技保险等方式推动科技成果资本化。鼓励商业银行采用知识产权质押、预期收益质押等融资方式，为促进技术转移转化提供更多金融产品服务。</div
>
<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 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 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 class="content-text-1"
>（二十八）提升要素交易监管水平。打破地方保护，加强反垄断和反不正当竞争执法，规范交易行为，健全投诉举报查处机制，防止发生损害国家安全及公共利益的行为。加强信用体系建设，完善失信行为认定、失信联合惩戒、信用修复等机制。健全交易风险防范处置机制。</div
>
<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 class="content-text-1"
>（三十二）推动改革稳步实施。在维护全国统一大市场的前提下，开展要素市场化配置改革试点示范。及时总结经验，认真研究改革中出现的新情况新问题，对不符合要素市场化配置改革的相关法律法规，要按程序抓紧推动调整完善。</div
>
</div>
<!-- -->
</div>
</template>
<script setup lang="ts">
import { router } from '@/router';
import { ref } from 'vue';
import { useGo } from '@/hooks/web/usePage';
import { Divider, Tooltip } from 'ant-design-vue';
const fileType = ref(''); // 文件下载后缀
const activeName = ref('first'); // tab弹出框
const fileList = ref([]); // 下载文件集合
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 {
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 {
z-index: 10;
width: 96px;
height: 96px;
margin-top: 12vh;
border-radius: 50%;
cursor: pointer;
}
/* 小球的下拉菜单实现 */
.dropdown {
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;
flex-direction: column;
/* justify-content: center; !* 垂直居中 *! */
align-items: center; /* 水平居中 */
height: auto;
text-align: center;
}
/* 子页面标题样式 */
.common-item-title {
z-index: 3;
margin-left: 20px;
color: #292929;
font-size: 40px;
font-weight: 700;
line-height: 47px;
}
/* 子页面英文标题样式 */
.letter {
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: '';
/* 脱离文档流 设置其位置 */
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;
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;
flex-direction: column; /* 上下布局 */
width: 100%;
height: 800px;
overflow-y: hidden;
.content-item-h3 {
z-index: 3;
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_content_second:hover {
overflow-y: auto;
}
/* 内容头部 */
.info_header {
display: flex;
justify-content: space-between;
padding: 7px 0;
border-bottom: 1px solid #ccc;
}
/* 头部 图标 */
.info_img {
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;
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: '';
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 {
/* 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 {
top: 4px;
width: 42px;
height: 24px;
margin-left: 10px;
float: right;
border-radius: 20px;
background: #e85252;
font-size: 14px;
}
.reward_icon span {
top: 3px;
left: 13px;
width: 10px;
height: 18px;
color: #fff;
font-size: 14px;
font-weight: 400;
line-height: 16px;
text-align: center;
}
.subtitle {
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;
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 {
margin-top: 60px;
margin-bottom: 80px;
}
/* 特殊奖励图片 */
.reward_bottom img:first-child {
top: -45px;
left: 0;
width: 180px;
height: 45px;
}
/* 左侧说明文字 */
.reward_bottom .image_text01 {
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 {
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 {
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 {
top: 0;
left: 0;
width: 74px;
height: 74px;
background-size: cover;
}
/* 右上角数字图片 */
.image {
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;
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;
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;
/* 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 {
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;
width: 1440px;
margin-top: 15px;
}
//tabs 按钮
.back-button {
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 - 80vw); /* 修改为视口宽度减去 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;
}
.declare {
display: block;
box-sizing: border-box;
width: 841.446px;
height: 60px;
margin: 0;
margin-block: 0;
margin-inline: 0;
padding: 0 0 0 20px;
background-color: rgb(245 247 250);
font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei',
Arial, sans-serif;
-webkit-font-smoothing: antialiased;
line-height: 60px;
text-rendering: optimizelegibility;
text-size-adjust: 100%;
unicode-bidi: isolate;
.declare-begin {
display: inline;
box-sizing: border-box;
width: auto;
height: auto;
margin: 0 10px 0 0;
padding: 0;
color: rgb(25 27 36);
font-family: PingFangSC-Semibold, 'PingFang SC';
font-size: 14px;
-webkit-font-smoothing: antialiased;
font-weight: 600;
line-height: 20px;
text-rendering: optimizelegibility;
text-size-adjust: 100%;
}
.declare-desc {
display: inline;
box-sizing: border-box;
width: auto;
height: auto;
margin: 0;
padding: 0;
color: rgb(97 108 127);
font-family: PingFangSC-Semibold, 'PingFang SC';
font-size: 14px;
-webkit-font-smoothing: antialiased;
font-weight: 600;
line-height: 20px;
text-rendering: optimizelegibility;
text-size-adjust: 100%;
}
}
</style>
src/views/AAAFont/tradingMarket/details/api.vue
View file @ dc881f89
......@@ -20,7 +20,13 @@
<div class="title">API</div>
<div class="path">API日志记录</div>
</div>
<div class="buttonGroup"> </div>
<div class="buttonGroup">
<a-button
style="color: #486fe1; background-color: #dce5f9"
type="link"
@click="handleSubmit"
>提交订单</a-button>
</div>
</div>
</template>
<div class="desc-wrap">
......@@ -29,14 +35,18 @@
size="middle"
:bordered="false"
:column="2"
:data="basicData"
:schema="basicSchema"
:data="basicDataApi"
:schema="basicSchemaApi"
:labelStyle="{ fontSize: '16px' }"
:contentStyle="{ fontSize: '16px' }"
/>
<step-header class="mt-5" title="列信息" />
<BasicTable @register="registerTable" />
<step-header class="mt-5" title="API详情" />
<BasicTable @register="apiConfigTable" />
<BasicTable @register="apiBackTable" />
<!-- <BasicTable @register="registerTable" />-->
</div>
<ModelSubmit @register="registerModal" />
</PageWrapper>
</template>
......@@ -48,13 +58,25 @@ import { useMessage } from '@/hooks/web/useMessage';
import { router } from '@/router';
import Icon from '@/components/Icon/Icon.vue';
import { Description } from '@/components/Description';
import { basicSchema, searchEditFormSchema, informationColumns } from './data';
import { basicData, informationTableList } from './dataFileData';
import { searchEditFormSchema, informationColumns, basicSchemaApi} from './data';
import { basicDataApi, informationTableList} from './dataFileData';
import { BasicTable, useTable } from '@/components/Table';
import BasicTitle from "@/components/Basic/src/BasicTitle.vue";
import StepHeader from "@/components/stepHeader.vue";
import {useModal} from "@/components/Modal";
import ModelSubmit from "@/views/AAAFont/tradingMarket/details/modelSubmit.vue";
import {
apiBackTableData,
apiConfigTableData
} from "./data";
import {
apiBackTableColumn,
apiConfigTableColumn
} from "./dataFileData";
defineOptions({ name: 'AccountDetail' });
defineOptions({ name: 'api' });
const [registerModal, { openModal }] = useModal();
const { createMessage, createConfirm } = useMessage();
const ATabs = Tabs;
......@@ -87,7 +109,54 @@ const [registerTable] = useTable({
return info;
},
});
const [apiConfigTable] = useTable({
title: '请求参数',
api: async (params) => {
const response = {
pageNu: '1',
pageSize: '10',
pages: '1',
total: apiConfigTableData.length,
code: '',
message: '',
data: apiConfigTableData,
};
return { ...response };
},
columns: apiConfigTableColumn,
useSearchForm: false,
showTableSetting: false,
showIndexColumn: false,
bordered: true,
scroll: { y: 300 },
});
const [apiBackTable] = useTable({
title: '返回参数',
api: async (params) => {
const response = {
pageNu: '1',
pageSize: '10',
pages: '1',
total: apiBackTableData.length,
code: '',
message: '',
data: apiBackTableData,
};
return { ...response };
},
columns: apiBackTableColumn,
useSearchForm: false,
showTableSetting: false,
showIndexColumn: false,
bordered: true,
scroll: { y: 300 },
});
function handleSubmit(record: Recordable) {
openModal(true, {
record,
});
}
function goBack() {
router.back();
}
......
src/views/AAAFont/tradingMarket/details/data.ts
View file @ dc881f89
......@@ -20,6 +20,14 @@ export const basicSchema: DescItem[] = [
field: 'description',
label: '描述',
},
{
field: 'numbering',
label: '存证公证编号',
},
{
field: 'platform',
label: '存证公证平台',
},
{
field: 'tags',
label: '业务标签',
......@@ -41,6 +49,113 @@ export const basicSchema: DescItem[] = [
label: '来源',
},
];
export const basicSchemaApi: DescItem[] = [
{
field: 'name',
label: '资源名称',
},
{
field: 'description',
label: '描述',
},
{
field: 'numbering',
label: '存证公证编号',
},
{
field: 'platform',
label: '存证公证平台',
},
{
field: 'tags',
label: '业务标签',
},
{
field: 'owner',
label: '权属机构',
},
{
field: 'sensitiveStatus',
label: '敏感状态',
},
{
field: 'permissions',
label: '开放权限',
},
];
export const basicSchema1: DescItem[] = [
{
field: 'name',
label: '资源名称',
},
{
field: 'description',
label: '描述',
},
{
field: 'numbering',
label: '存证公证编号',
},
{
field: 'platform',
label: '存证公证平台',
},
{
field: 'illustrate',
label: '算法规则简要说明',
},
{
field: 'owner',
label: '权属机构',
},
{
field: 'applicationScenarios',
label: '应用场景',
},
{
field: 'sceneType',
label: '场景类型',
},
{
field: 'source',
label: '数据来源',
},
];
export const ordersBasicSchema: DescItem[] = [
{
label: '订单名称',
field: 'name',
},
{
label: '订单类型',
field: 'type',
},
{
label: '版本号',
field: 'version',
},
{
label: '发布人',
field: 'uploadPerson',
},
{
label: '交易金额',
field: 'money',
},
{
label: '交易发起时间',
field: 'startTime',
},
{
label: '交易结束时间',
field: 'endTime',
},
{
label: '交易进度',
field: 'progress',
},
];
export const informationColumns: BasicColumn[] = [
{
title: '字段',
......@@ -84,6 +199,87 @@ export const informationColumns: BasicColumn[] = [
},
];
export const apiConfigTableData = [
{
field: 'product_name',
code: 'PROD001',
type: 'string',
remark: '商品名称',
required: 'true',
value: '无线鼠标',
examValue: '有线键盘',
},
{
field: 'product_id',
code: 'PROD002',
type: 'string',
remark: '商品ID',
required: 'true',
value: 'P12345',
examValue: 'P67890',
},
{
field: 'price',
code: 'PROD003',
type: 'float',
remark: '商品价格',
required: 'true',
value: '199.99',
examValue: '299.99',
},
{
field: 'stock_quantity',
code: 'PROD004',
type: 'integer',
remark: '商品库存数量',
required: 'true',
value: '50',
examValue: '100',
},
{
field: 'category',
code: 'PROD005',
type: 'string',
remark: '商品类别',
required: 'true',
value: '电子产品',
examValue: '办公文具',
},
];
export const apiBackTableData = [
{
field: 'product_name',
code: 'PROD001',
type: 'string',
remark: '成功返回：商品名称',
},
{
field: 'product_id',
code: 'PROD002',
type: 'string',
remark: '成功返回：商品ID',
},
{
field: 'price',
code: 'PROD003',
type: 'float',
remark: '成功返回：商品价格',
},
{
field: 'stock_quantity',
code: 'PROD004',
type: 'integer',
remark: '成功返回：商品库存数量',
},
{
field: 'category',
code: 'PROD005',
type: 'string',
remark: '成功返回：商品类别',
},
];
export const applyInfoData: any[]= {
enrollCode: 'DIP2024000084573',
enrollDate: '2016-05-02',
......
src/views/AAAFont/tradingMarket/details/dataFileData.ts
View file @ dc881f89
import {BasicColumn} from "@/components/Table";
export const basicData = {
name: 'wyx_contact',
description: '联系人信息',
numbering: '23342124511',
platform: '测试平台',
tags: '测试',
owner: '数据平台治理部',
sensitiveStatus: '敏感',
version: 'V1.0',
source: '元数据',
};
export const basicDataApi = {
name: 'wyx_contact',
description: '联系人信息',
numbering: '23342124511',
platform: '测试平台',
tags: '测试',
owner: '数据平台治理部',
sensitiveStatus: '敏感',
permissions: '元数据',
};
export const basicData1 = {
name: 'wyx_contact',
description: '联系人信息',
numbering: '23342124511',
platform: '测试平台',
illustrate: '测试1111',
owner: '数据平台治理部',
applicationScenarios: '场景场景',
sceneType: '测试测试长字段测试',
source: '元数据',
};
export const ordersData = {
name: '年度财务报告',
type: '数据集',
version: 'v1.2',
uploadPerson: '张伟',
money: 10000,
startTime: '2024-12-01',
endTime: '-',
progress: '待支付',
};
export const informationTableList: any[] = [
{
field: 'name',
......@@ -91,6 +125,56 @@ export const informationTableList: any[] = [
},
];
export const apiBackTableColumn: BasicColumn[] = [
{
title: '列名',
dataIndex: 'field',
},
{
title: '参数code',
dataIndex: 'code',
},
{
title: '参数类型',
dataIndex: 'type',
},
{
title: '注释',
dataIndex: 'remark',
},
];
export const apiConfigTableColumn: BasicColumn[] = [
{
title: '列名',
dataIndex: 'field',
},
{
title: '参数code',
dataIndex: 'code',
},
{
title: '参数类型',
dataIndex: 'type',
},
{
title: '注释',
dataIndex: 'remark',
},
{
title: '是否必填',
dataIndex: 'required',
},
{
title: '默认值',
dataIndex: 'value',
},
{
title: '示例值',
dataIndex: 'examValue',
},
];
export const applyInfo: any[]= [
{
span: 12,
......
src/views/AAAFont/tradingMarket/details/dataSet.vue
View file @ dc881f89
......@@ -20,7 +20,12 @@
<div class="title">数据服务</div>
<div class="path">党建工作总结</div>
</div>
<div class="buttonGroup"> </div>
<div class="buttonGroup"><a-button
style="color: #486fe1; background-color: #dce5f9"
type="link"
@click="handleSubmit"
>提交订单</a-button>
</div>
</div>
</template>
<div class="desc-wrap">
......@@ -37,6 +42,7 @@
<step-header class="mt-5" title="列信息" />
<BasicTable @register="registerTable" />
</div>
<ModelSubmit @register="registerModal" />
</PageWrapper>
</template>
......@@ -53,9 +59,12 @@
import { BasicTable, useTable } from '@/components/Table';
import BasicTitle from "@/components/Basic/src/BasicTitle.vue";
import StepHeader from "@/components/stepHeader.vue";
import {useModal} from "@/components/Modal";
import ModelSubmit from "@/views/AAAFont/tradingMarket/details/modelSubmit.vue";
defineOptions({ name: 'AccountDetail' });
const [registerModal, { openModal }] = useModal();
const { createMessage, createConfirm } = useMessage();
const ATabs = Tabs;
const ATabPane = Tabs.TabPane;
......@@ -92,6 +101,12 @@
router.back();
}
function handleSubmit(record: Recordable) {
openModal(true, {
record,
});
}
onMounted(() => {});
</script>
......
src/views/AAAFont/tradingMarket/details/file.vue
View file @ dc881f89
......@@ -20,74 +20,55 @@
<div class="title">数据集</div>
<div class="path">用户认证日志</div>
</div>
<div class="buttonGroup"> </div>
<div class="buttonGroup"><a-button
style="color: #486fe1; background-color: #dce5f9"
type="link"
@click="handleSubmit"
>提交订单</a-button>
</div>
</div>
</template>
<!-- <div class="desc-wrap">-->
<!-- <step-header title="基本信息" />-->
<!-- <Description-->
<!-- size="middle"-->
<!-- :bordered="false"-->
<!-- :column="2"-->
<!-- :data="basicData"-->
<!-- :schema="basicSchema"-->
<!-- :labelStyle="{ fontSize: '16px' }"-->
<!-- :contentStyle="{ fontSize: '16px' }"-->
<!-- />-->
<!-- <step-header class="mt-5" title="列信息" />-->
<!-- <BasicTable @register="registerTable" />-->
<!-- </div>-->
<el-card class="w-1/1 mb-8" >
<div style="margin-left: 30px">
<div style="display: inline-block"
>更新时间
<el-tooltip content="更新时间为最近一次状态更新的时间" placement="top">
<Icon icon="ant-design:question-circle-outlined" />
</el-tooltip>
:</div
>
<div style="display: inline-block; margin-left: 10px">2024-12-19 13:55:47</div>
<div style="margin-top: 30px"
><Icon style="color: #409eff" icon="ant-design:send-outlined" />申请详细信息</div
>
<Row :gutter="[16, 30]">
<Col :span="info.span" v-for="info in applyInfo" :key="info">
<div class="col-item">
<div class="item-label">{{ info.label }}：</div>
<div class="item-des">{{
applyInfoData[info.field] ? applyInfoData[info.field] : '-'
}}</div>
</div>
</Col>
</Row>
</div>
</el-card>
<div class="desc-wrap">
<step-header title="基本信息" />
<Description
size="middle"
:bordered="false"
:column="2"
:data="basicData1"
:schema="basicSchema1"
:labelStyle="{ fontSize: '16px' }"
:contentStyle="{ fontSize: '16px' }"
/>
<step-header class="mt-5" title="列信息" />
<BasicTable @register="registerTable" />
</div>
<ModelSubmit @register="registerModal" />
</PageWrapper>
</template>
<script lang="ts" setup>
import { onMounted, ref } from 'vue';
import { PageWrapper } from '@/components/Page';
import {Col, Row, Tabs} from 'ant-design-vue';
import { Tabs } from 'ant-design-vue';
import { useMessage } from '@/hooks/web/useMessage';
import { router } from '@/router';
import Icon from '@/components/Icon/Icon.vue';
import { Description } from '@/components/Description';
import { basicSchema, searchEditFormSchema, informationColumns,applyInfoData } from './data';
import { basicData, informationTableList,applyInfo } from './dataFileData';
import { basicSchema1, searchEditFormSchema, informationColumns } from './data';
import { basicData1, informationTableList } from './dataFileData';
import { BasicTable, useTable } from '@/components/Table';
import BasicTitle from "@/components/Basic/src/BasicTitle.vue";
import StepHeader from "@/components/stepHeader.vue";
import {useModal} from "@/components/Modal";
import ModelSubmit from "@/views/AAAFont/tradingMarket/details/modelSubmit.vue";
defineOptions({ name: 'AccountDetail' });
const [registerModal, { openModal }] = useModal();
const { createMessage, createConfirm } = useMessage();
const ATabs = Tabs;
const ATabPane = Tabs.TabPane;
const [registerTable] = useTable({
api: async () => {
const response = {
......@@ -120,6 +101,12 @@ function goBack() {
router.back();
}
function handleSubmit(record: Recordable) {
openModal(true, {
record,
});
}
onMounted(() => {});
</script>
......@@ -153,23 +140,4 @@ onMounted(() => {});
}
}
.col-item {
display: flex;
gap: 10px;
margin: 20px 60px;
.item-label {
width: 127px;
display: flex;
justify-content: right;
color: #606266;
}
.item-img {
width: 150px;
height: 100px;
}
.item-des {
width: 400px;
}
}
</style>
src/views/AAAFont/tradingMarket/details/modelSubmit.vue 0 → 100644
View file @ dc881f89
<template>
<BasicModal
width="40%"
v-bind="$attrs"
@register="registerModal"
:title="getTitle"
@ok="handleSubmit"
>
<Description
size="middle"
:bordered="false"
:column="2"
:data="ordersData"
:schema="ordersBasicSchema"
:labelStyle="{ fontSize: '16px' }"
:contentStyle="{ fontSize: '16px' }"
/>
</BasicModal>
</template>
<script lang="ts" setup>
import { ref, computed, unref } from 'vue';
import { BasicModal, useModalInner } from '@/components/Modal';
import { useMessage } from '@/hooks/web/useMessage';
import { router } from '@/router';
import {ordersData} from "./dataFileData";
import {ordersBasicSchema} from "./data";
import {Description} from "@/components/Description";
defineOptions({ name: 'ModelSubmit' });
const emit = defineEmits(['success', 'register']);
const { createMessage } = useMessage();
const isUpdate = ref(true);
const isMove = ref(false);
const rowId = ref('');
//获取接口数据并放在下拉框里（这里是打开了一个弹框）
//初始化弹框
const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
resetFields();
setModalProps({ confirmLoading: false });
isUpdate.value = !!data?.isUpdate;
isMove.value = !!data?.isMove;
if (unref(isUpdate)) {
// 获取行数据的id
rowId.value = data.record.businessId;
// 塞值
setFieldsValue({
...data.record,
});
}
console.log('treeList', treeList);
updateSchema([
{
field: 'modelId',
componentProps: {
treeData: treeList,
},
},
]);
});
const getTitle = computed(() => '订单信息');
/**确定按钮*/
function handleSubmit() {
// router.push({
// path: '/metaModel/physicsModel/EditRowTable',
// query: {},
// });
// router.back();
//弹出提交成功信息
createMessage.success('订单提交成功');
closeModal();
}
</script>
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