linkage
/
YX-MANAGE
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

企业信息样式改

Browse Source
master
mhsnet 1 year ago
parent 321e4fb688
commit 0605a44386
6 changed files with 704 additions and 538 deletions
Show Stats Download Patch File Download Diff File

BIN
yudao-ui-admin-vben-master/src/assets/images/test/w100h100.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 22 KiB

193
yudao-ui-admin-vben-master/src/views/stpagea/enterpriseCentre/enterpriseDetails/index.vue
Unescape View File

@ -1,7 +1,7 @@
<script lang="ts" setup>
import { ref } from 'vue'
import BasicInformation from './src/BasicInformation.vue'
import AuthenticationInformation from './src/AuthenticationInformation.vue'
import BasicInfo from './src/BasicInfo.vue'
import AuthInfo from './src/AuthInfo.vue'
import Branch from './src/Branch.vue'
import DepartmentalOrganization from './src/DepartmentalOrganization.vue'
import BusinessOrganization from './src/BusinessOrganization.vue'
@ -10,13 +10,90 @@ import CustomerInfo from './src/CustomerInfo.vue'
import SupplierInfo from './src/SupplierInfo.vue'
import ProviderInfo from './src/ProviderInfo.vue'
import OperationRecords from './src/OperationRecords.vue'
import headerImg from '@/assets/images/test/w100h100.png'
import { DownOutlined } from '@ant-design/icons-vue';
const activeKey = ref('1');
</script>
<template>
<div class="box-cnt">
<div class="box-enterprise-details">
<a-row :wrap="false" class="y1">
<a-col flex="1 1 auto">
<a-row :wrap="false" class="y1y1">
<a-col flex="0 0 100px">
<a-image :width="100" :height="100" :src="headerImg" />
</a-col>
<a-col flex="1 1 300px" class="y1y1x2">
济钢城市矿产科技有限公司（总公司）
</a-col>
<a-col flex="0 0 300px" class="y1y1x3">
<div class="xy-right">
<a-dropdown type="primary" class="xy-right-one">
<template #overlay>
<a-menu>
<a-menu-item key="1">
企业认证
</a-menu-item>
<a-menu-item key="2">
维护机构
</a-menu-item>
<a-menu-item key="3">
维护组织
</a-menu-item>
<a-menu-item key="4">
维护员工
</a-menu-item>
<a-menu-item key="5">
维护业务线
</a-menu-item>
</a-menu>
</template>
<a-button>
主操作
<DownOutlined />
</a-button>
</a-dropdown>
<a-button class="xy-right-one">编辑</a-button>
<a-button class="xy-right-one">打印</a-button>
</div>
</a-col>
</a-row>
<a-row :wrap="false" class="y1y2">
<a-col flex="1 1 100px" class="y1y2x1">
<a-row :wrap="false" class="y1y2x1y1">
<a-col flex="85px"><span class="xy-label">商户代码：</span></a-col>
<a-col flex="200px"><span class="xy-cnt">CO2023099999877</span></a-col>
<a-col flex="85px"><span class="xy-label">行业类型：</span></a-col>
<a-col flex="200px"><span class="xy-cnt">资源</span></a-col>
<a-col flex="85px"><span class="xy-label">首联系人：</span></a-col>
<a-col flex="200px"><span class="xy-cnt">徐守量（2683902877255）</span></a-col>
</a-row>
<a-row :wrap="false" class="y1y2x1y2">
<a-col flex="85px"><span class="xy-label">平台对接人：</span></a-col>
<a-col flex="200px"><span class="xy-cnt">雪豹（19340873890）</span></a-col>
<a-col flex="85px"><span class="xy-label">创建时间：</span></a-col>
<a-col flex="200px"><span class="xy-cnt">2023/09/03 23：23:00</span></a-col>
</a-row>
</a-col>
<a-col flex="0 0 220px" class="y1y2x2">
<a-row :wrap="false" class="y1y2x2y1">
<a-col flex="1 1 auto"><span class="xy-label">合约状态</span></a-col>
<a-col flex="1 1 auto"><span class="xy-label">商户状态</span></a-col>
</a-row>
<a-row :wrap="false" class="y1y2x2y2">
<a-col flex="1 1 auto"><span class="xy-yes">
<div class="xy-dot-true"></div>生效中
</span></a-col>
<a-col flex="1 1 auto"><span class="xy-no">
<div class="xy-dot-false"></div>未开通
</span></a-col>
</a-row>
</a-col>
</a-row>
</a-col>
</a-row>
<a-row :wrap="false" class="y2">
<a-col flex="1 1 auto" class="y2y1">
<a-tabs v-model:activeKey="activeKey">
<a-tab-pane key="1">
<template #tab>
@ -24,7 +101,7 @@ const activeKey = ref('1');
基本信息
</span>
</template>
<BasicInformation />
<BasicInfo />
</a-tab-pane>
<a-tab-pane key="2">
<template #tab>
@ -32,7 +109,7 @@ const activeKey = ref('1');
认证信息
</span>
</template>
<AuthenticationInformation />
<AuthInfo />
</a-tab-pane>
<a-tab-pane key="3">
<template #tab>
@ -45,7 +122,7 @@ const activeKey = ref('1');
<a-tab-pane key="4">
<template #tab>
<span class="tab-title">
部门组织
组织信息
</span>
</template>
<DepartmentalOrganization />
@ -53,7 +130,7 @@ const activeKey = ref('1');
<a-tab-pane key="5">
<template #tab>
<span class="tab-title">
业务组织
员工信息
</span>
</template>
<BusinessOrganization />
@ -61,7 +138,7 @@ const activeKey = ref('1');
<a-tab-pane key="6">
<template #tab>
<span class="tab-title">
员工信息
客户信息
</span>
</template>
<EmployeeInfo />
@ -69,7 +146,7 @@ const activeKey = ref('1');
<a-tab-pane key="7">
<template #tab>
<span class="tab-title">
客户信息
供应商信息
</span>
</template>
<CustomerInfo />
@ -77,7 +154,7 @@ const activeKey = ref('1');
<a-tab-pane key="8">
<template #tab>
<span class="tab-title">
供应商信息
服务商信息
</span>
</template>
<SupplierInfo />
@ -99,24 +176,92 @@ const activeKey = ref('1');
<OperationRecords />
</a-tab-pane>
</a-tabs>
</div>
</div>
</a-col>
</a-row>
</template>
<style lang="less" scoped>
.box-cnt {
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 1);
padding: 5px 30px;
.box-enterprise-details {
width: 1520px;
.xy-label {
color: #8C8C8C;
}
.xy-cnt {
color: #262626;
}
.xy-yes {
font-size: 20px;
color: #15AD31;
}
.xy-no {
font-size: 20px;
color: #EE3A3D;
}
.xy-dot-true {
float: left;
width: 10px;
height: 10px;
background-color: #15AD31;
border-radius: 100%;
margin: 10px 2px;
}
.xy-dot-false {
float: left;
width: 10px;
height: 10px;
background-color: #EE3A3D;
border-radius: 100%;
margin: 10px 2px;
}
.xy-right {
float: right;
.xy-right-one {
margin-left: 10px;
}
}
.y1 {
margin: 24px;
border-radius: 3px;
font-size: 14px;
background-color: #FFFFFF;
.y1y1 {
margin: 24px;
.y1y1x2 {
padding: 34px 18px;
line-height: 28px;
font-size: 18px;
}
.y1y1x3 {
padding: 34px 0px;
}
}
.y1y2 {
margin: 24px;
padding: 24px;
line-height: 29px;
height: 106px;
background-color: #F7F8FA;
}
}
.y2 {
margin: 24px;
border-radius: 3px;
font-size: 14px;
background-color: #FFFFFF;
//width: 1580px;
.tab-title {
padding: 0px 30px;
.y2y1 {
margin: 24px;
}
}
</style>

250
yudao-ui-admin-vben-master/src/views/stpagea/enterpriseCentre/enterpriseDetails/src/AuthInfo.vue
Unescape View File

@ -0,0 +1,250 @@
<script lang="ts" setup>
const headStyleV: any = { color: '#262626', 'background-color': '#F7F8FA', 'border-radius': '3px' }
</script>
<template>
<a-row :wrap="false" class="auth-info-y1">
<a-col flex="1 1 auto">
<a-card title="认证信息" :bordered="false" style="border-radius: 3px;" :headStyle=headStyleV>
<div class="xy-infoa-box">
<a-row>
<a-col :span="24">
<div class="xy-info-title-a1">
<span class="xy-icon">▋</span><span class="xy-text">主体信息</span>
</div>
</a-col>
</a-row>
<a-row>
<a-col :span="8">
<div class="xy-info-a1">
<div class="xy-label">商户代码：</div>
<div class="xy-text">CO202309030001</div>
</div>
</a-col>
<a-col :span="8">
<div class="xy-info-a1">
<div class="xy-label">商户名称：</div>
<div class="xy-text">济钢城市矿产科技有限公司</div>
</div>
</a-col>
<a-col :span="8">
<div class="xy-info-a1">
<div class="xy-label">主体类型：</div>
<div class="xy-text">国有企业</div>
</div>
</a-col>
</a-row>
<a-row>
<a-col :span="8">
<div class="xy-info-a1">
<div class="xy-label">注册地址：</div>
<div class="xy-text">山东省济南市历城区工业北路21号</div>
</div>
</a-col>
<a-col :span="8">
<div class="xy-info-a1">
<div class="xy-label">社会统一信息代码：</div>
<div class="xy-text">91370112725410170P</div>
</div>
</a-col>
<a-col :span="8">
<div class="xy-info-a1">
<div class="xy-label">经营期限：</div>
<div class="xy-text">2000-10-13 至 无固定期限</div>
</div>
</a-col>
</a-row>
<a-row>
<a-col :span="24">
<div class="xy-info-a1">
<div class="xy-label">证件照片：</div>
<div class="xy-text">证件照片 <a>查看</a></div>
</div>
</a-col>
</a-row>
<a-row>
<a-col :span="24">
<div class="xy-info-a1">
<div class="xy-label">经营范围：</div>
<div class="xy-text">
许可项目：报废机动车回收；报废机动车拆解；道路货物运输（不含危险货物）；城市建筑垃圾处置（清运）；成品油零售（不含危险化学品）。（依法须经批准的项目，经相关部门批准后方可开展经营活动，具体经营项目以相关部门批准文件或许可证件为准）一般项目：再生资源加工；再生资源回收（除生产性废旧金属）；再生资源销售；建筑材料销售；水泥制品制造；水泥制品销售；国内货物运输代理；机动车修理和维护；装卸搬运；普通货物仓储服务（不含危险化学品等需许可审批的项目）；化工产品销售（不含许可类化工产品）；汽车零配件零售；润滑油销售；机械设备销售；机械设备租赁；金属材料销售；金属矿石销售；锻件及粉末冶金制品销售；煤炭及制品销售；土石方工程施工；非居住房地产租赁；金属切削加工服务；矿物洗选加工；非金属矿及制品销售；耐火材料销售；货物进出口；人造板销售；软木制品销售；日用木制品销售；家具销售；木材销售；地板销售。（除依法须经批准的项目外，凭营业执照依法自主开展经营活动）
</div>
</div>
</a-col>
</a-row>
<a-row>
<a-col :span="24">
<div class="xy-info-title-a1">
<span class="xy-icon">▋</span><span class="xy-text">法定代表人信息</span>
</div>
</a-col>
</a-row>
<a-row>
<a-col :span="24">
<div class="xy-info-a1">
<div class="xy-label">实际操作人：</div>
<div class="xy-text">代办人</div>
</div>
</a-col>
</a-row>
<a-row>
<a-col :span="8">
<div class="xy-info-a1">
<div class="xy-label">法定代表人姓名：</div>
<div class="xy-text">徐守亮</div>
</div>
</a-col>
<a-col :span="8">
<div class="xy-info-a1">
<div class="xy-label">证件类型：</div>
<div class="xy-text">身份证 <a>查看</a></div>
</div>
</a-col>
<a-col :span="8">
<div class="xy-info-a1">
<div class="xy-label">证件号码：</div>
<div class="xy-text">310403****5618</div>
</div>
</a-col>
</a-row>
<a-row>
<a-col :span="8">
<div class="xy-info-a1">
<div class="xy-label">出生日期：</div>
<div class="xy-text">1991-02-13</div>
</div>
</a-col>
<a-col :span="8">
<div class="xy-info-a1">
<div class="xy-label">证件有效期：</div>
<div class="xy-text">2023-09-03 至 2040-11-13</div>
</div>
</a-col>
<a-col :span="8">
</a-col>
</a-row>
<a-row>
<a-col :span="8">
<div class="xy-info-a1">
<div class="xy-label">代办人姓名：</div>
<div class="xy-text">小王</div>
</div>
</a-col>
<a-col :span="8">
<div class="xy-info-a1">
<div class="xy-label">证件类型：</div>
<div class="xy-text">身份证 <a>查看</a></div>
</div>
</a-col>
<a-col :span="8">
<div class="xy-info-a1">
<div class="xy-label">证件号码：</div>
<div class="xy-text">320925****5618</div>
</div>
</a-col>
</a-row>
<a-row>
<a-col :span="8">
<div class="xy-info-a1">
<div class="xy-label">出生日期：</div>
<div class="xy-text">1998-03-19</div>
</div>
</a-col>
<a-col :span="8">
<div class="xy-info-a1">
<div class="xy-label">证件有效期：</div>
<div class="xy-text">2022-11-10 至 2040-11-09</div>
</div>
</a-col>
<a-col :span="8">
<div class="xy-info-a1">
<div class="xy-label">待办授权书：</div>
<div class="xy-text">授权书 <a>查看</a></div>
</div>
</a-col>
</a-row>
<a-row>
<a-col :span="24">
<div class="xy-info-title-a1">
<span class="xy-icon">▋</span><span class="xy-text">经营信息</span>
</div>
</a-col>
</a-row>
<a-row>
<a-col :span="8">
<div class="xy-info-a1">
<div class="xy-label">联系人姓名：</div>
<div class="xy-text">康宁</div>
</div>
</a-col>
<a-col :span="8">
<div class="xy-info-a1">
<div class="xy-label">手机号：</div>
<div class="xy-text">13112345678</div>
</div>
</a-col>
<a-col :span="8">
<div class="xy-info-a1">
<div class="xy-label">常用邮箱：</div>
<div class="xy-text">123456789@126.com</div>
</div>
</a-col>
</a-row>
<a-row>
<a-col :span="24">
<div class="xy-info-title-a1">
<span class="xy-icon">▋</span><span class="xy-text">财务信息</span>
</div>
</a-col>
</a-row>
<a-row>
<a-col :span="8">
<div class="xy-info-a1">
<div class="xy-label">发票抬头：</div>
<div class="xy-text">济钢城市矿产科技有限公司</div>
</div>
</a-col>
<a-col :span="8">
<div class="xy-info-a1">
<div class="xy-label">商户税号：</div>
<div class="xy-text">91370112725410170P</div>
</div>
</a-col>
<a-col :span="8">
<div class="xy-info-a1">
<div class="xy-label">开户银行：</div>
<div class="xy-text">工商银行普陀支行</div>
</div>
</a-col>
</a-row>
<a-row>
<a-col :span="8">
<div class="xy-info-a1">
<div class="xy-label">银行账号：</div>
<div class="xy-text">370112000000831</div>
</div>
</a-col>
<a-col :span="8">
<div class="xy-info-a1">
<div class="xy-label">电话号码：</div>
<div class="xy-text">0531-8886****</div>
</div>
</a-col>
<a-col :span="8">
<div class="xy-info-a1">
<div class="xy-label">注册地址：</div>
<div class="xy-text">山东省济南市历城区工业北路21号</div>
</div>
</a-col>
</a-row>
</div>
</a-card>
</a-col>
</a-row>
</template>
<style lang="less" scoped>
.auth-info-y1 {
margin: 24px 0px;
}
</style>

244
yudao-ui-admin-vben-master/src/views/stpagea/enterpriseCentre/enterpriseDetails/src/AuthenticationInformation.vue
Unescape View File

@ -1,244 +0,0 @@
<script lang="ts" setup>
const headStyleV: any = { color: 'rgb(102, 102, 102)', 'background-color': 'rgb(249, 249, 249)', 'margin': '12px 0px' }
</script>
<template>
<div class="basic-information">
<a-card title="认证信息" :bordered="false" style="width: 1520px" :headStyle=headStyleV>
<div class="stycus-infoa-box">
<a-row>
<a-col :span="24">
<div class="scus-info-title-a1">
<span class="scus-icon">▋</span><span class="scus-text">主体信息</span>
</div>
</a-col>
</a-row>
<a-row>
<a-col :span="8">
<div class="scus-info-a1">
<div class="scus-label">商户代码：</div>
<div class="scus-text">CO202309030001</div>
</div>
</a-col>
<a-col :span="8">
<div class="scus-info-a1">
<div class="scus-label">商户名称：</div>
<div class="scus-text">济钢城市矿产科技有限公司</div>
</div>
</a-col>
<a-col :span="8">
<div class="scus-info-a1">
<div class="scus-label">主体类型：</div>
<div class="scus-text">国有企业</div>
</div>
</a-col>
</a-row>
<a-row>
<a-col :span="8">
<div class="scus-info-a1">
<div class="scus-label">注册地址：</div>
<div class="scus-text">山东省济南市历城区工业北路21号</div>
</div>
</a-col>
<a-col :span="8">
<div class="scus-info-a1">
<div class="scus-label">社会统一信息代码：</div>
<div class="scus-text">91370112725410170P</div>
</div>
</a-col>
<a-col :span="8">
<div class="scus-info-a1">
<div class="scus-label">经营期限：</div>
<div class="scus-text">2000-10-13 至 无固定期限</div>
</div>
</a-col>
</a-row>
<a-row>
<a-col :span="24">
<div class="scus-info-a1">
<div class="scus-label">证件照片：</div>
<div class="scus-text">证件照片 <a>查看</a></div>
</div>
</a-col>
</a-row>
<a-row>
<a-col :span="24">
<div class="scus-info-a1">
<div class="scus-label">经营范围：</div>
<div class="scus-text">
许可项目：报废机动车回收；报废机动车拆解；道路货物运输（不含危险货物）；城市建筑垃圾处置（清运）；成品油零售（不含危险化学品）。（依法须经批准的项目，经相关部门批准后方可开展经营活动，具体经营项目以相关部门批准文件或许可证件为准）一般项目：再生资源加工；再生资源回收（除生产性废旧金属）；再生资源销售；建筑材料销售；水泥制品制造；水泥制品销售；国内货物运输代理；机动车修理和维护；装卸搬运；普通货物仓储服务（不含危险化学品等需许可审批的项目）；化工产品销售（不含许可类化工产品）；汽车零配件零售；润滑油销售；机械设备销售；机械设备租赁；金属材料销售；金属矿石销售；锻件及粉末冶金制品销售；煤炭及制品销售；土石方工程施工；非居住房地产租赁；金属切削加工服务；矿物洗选加工；非金属矿及制品销售；耐火材料销售；货物进出口；人造板销售；软木制品销售；日用木制品销售；家具销售；木材销售；地板销售。（除依法须经批准的项目外，凭营业执照依法自主开展经营活动）
</div>
</div>
</a-col>
</a-row>
<a-row>
<a-col :span="24">
<div class="scus-info-title-a1">
<span class="scus-icon">▋</span><span class="scus-text">法定代表人信息</span>
</div>
</a-col>
</a-row>
<a-row>
<a-col :span="24">
<div class="scus-info-a1">
<div class="scus-label">实际操作人：</div>
<div class="scus-text">代办人</div>
</div>
</a-col>
</a-row>
<a-row>
<a-col :span="8">
<div class="scus-info-a1">
<div class="scus-label">法定代表人姓名：</div>
<div class="scus-text">徐守亮</div>
</div>
</a-col>
<a-col :span="8">
<div class="scus-info-a1">
<div class="scus-label">证件类型：</div>
<div class="scus-text">身份证 <a>查看</a></div>
</div>
</a-col>
<a-col :span="8">
<div class="scus-info-a1">
<div class="scus-label">证件号码：</div>
<div class="scus-text">310403****5618</div>
</div>
</a-col>
</a-row>
<a-row>
<a-col :span="8">
<div class="scus-info-a1">
<div class="scus-label">出生日期：</div>
<div class="scus-text">1991-02-13</div>
</div>
</a-col>
<a-col :span="8">
<div class="scus-info-a1">
<div class="scus-label">证件有效期：</div>
<div class="scus-text">2023-09-03 至 2040-11-13</div>
</div>
</a-col>
<a-col :span="8">
</a-col>
</a-row>
<a-row>
<a-col :span="8">
<div class="scus-info-a1">
<div class="scus-label">代办人姓名：</div>
<div class="scus-text">小王</div>
</div>
</a-col>
<a-col :span="8">
<div class="scus-info-a1">
<div class="scus-label">证件类型：</div>
<div class="scus-text">身份证 <a>查看</a></div>
</div>
</a-col>
<a-col :span="8">
<div class="scus-info-a1">
<div class="scus-label">证件号码：</div>
<div class="scus-text">320925****5618</div>
</div>
</a-col>
</a-row>
<a-row>
<a-col :span="8">
<div class="scus-info-a1">
<div class="scus-label">出生日期：</div>
<div class="scus-text">1998-03-19</div>
</div>
</a-col>
<a-col :span="8">
<div class="scus-info-a1">
<div class="scus-label">证件有效期：</div>
<div class="scus-text">2022-11-10 至 2040-11-09</div>
</div>
</a-col>
<a-col :span="8">
<div class="scus-info-a1">
<div class="scus-label">待办授权书：</div>
<div class="scus-text">授权书 <a>查看</a></div>
</div>
</a-col>
</a-row>
<a-row>
<a-col :span="24">
<div class="scus-info-title-a1">
<span class="scus-icon">▋</span><span class="scus-text">经营信息</span>
</div>
</a-col>
</a-row>
<a-row>
<a-col :span="8">
<div class="scus-info-a1">
<div class="scus-label">联系人姓名：</div>
<div class="scus-text">康宁</div>
</div>
</a-col>
<a-col :span="8">
<div class="scus-info-a1">
<div class="scus-label">手机号：</div>
<div class="scus-text">13112345678</div>
</div>
</a-col>
<a-col :span="8">
<div class="scus-info-a1">
<div class="scus-label">常用邮箱：</div>
<div class="scus-text">123456789@126.com</div>
</div>
</a-col>
</a-row>
<a-row>
<a-col :span="24">
<div class="scus-info-title-a1">
<span class="scus-icon">▋</span><span class="scus-text">财务信息</span>
</div>
</a-col>
</a-row>
<a-row>
<a-col :span="8">
<div class="scus-info-a1">
<div class="scus-label">发票抬头：</div>
<div class="scus-text">济钢城市矿产科技有限公司</div>
</div>
</a-col>
<a-col :span="8">
<div class="scus-info-a1">
<div class="scus-label">商户税号：</div>
<div class="scus-text">91370112725410170P</div>
</div>
</a-col>
<a-col :span="8">
<div class="scus-info-a1">
<div class="scus-label">开户银行：</div>
<div class="scus-text">工商银行普陀支行</div>
</div>
</a-col>
</a-row>
<a-row>
<a-col :span="8">
<div class="scus-info-a1">
<div class="scus-label">银行账号：</div>
<div class="scus-text">370112000000831</div>
</div>
</a-col>
<a-col :span="8">
<div class="scus-info-a1">
<div class="scus-label">电话号码：</div>
<div class="scus-text">0531-8886****</div>
</div>
</a-col>
<a-col :span="8">
<div class="scus-info-a1">
<div class="scus-label">注册地址：</div>
<div class="scus-text">山东省济南市历城区工业北路21号</div>
</div>
</a-col>
</a-row>
</div>
</a-card>
</div>
</template>
<style lang="less" scoped></style>

285
yudao-ui-admin-vben-master/src/views/stpagea/enterpriseCentre/enterpriseDetails/src/BasicInfo.vue
Unescape View File

@ -0,0 +1,285 @@
<script lang="ts" setup>
import { ref } from 'vue';
const current = ref<number>(1);
const stepItems = [
{
title: '提交申请',
description: '2023-09-03 23:26:08'
},
{
title: '信息确认',
description: '2023-09-03 23:26:08'
},
{
title: '商户认证',
description: '2023-09-03 23:26:08'
},
{
title: '商户审核',
description: '2023-09-03 23:26:08'
},
{
title: '购买产品',
description: '2023-09-03 23:26:08'
},
{
title: '平台开通',
description: '2023-09-03 23:26:08'
}
];
const headStyleV: any = { color: '#262626', 'background-color': '#F7F8FA', 'border-radius': '3px' }
</script>
<template>
<a-row :wrap="false" class="basic-info-y1">
<a-col flex="1 1 auto">
<a-card title="流程进度" :bordered="false" style="border-radius: 3px;" :headStyle="headStyleV">
<a-steps v-model:current="current" :items="stepItems">
<template #progressDot="{ index, status, prefixCls }">
<a-popover>
<template #content>
<span>step {{ index }} status: {{ status }}</span>
</template>
<span :class="`${prefixCls}-icon-dot`" />
</a-popover>
</template>
</a-steps>
</a-card>
</a-col>
</a-row>
<a-row :wrap="false" class="basic-info-y2">
<a-col flex="1 1 auto">
<a-card title="基本信息" :bordered="false" style="border-radius: 3px;" :headStyle="headStyleV">
<div class="stycus-infoa-box">
<a-row>
<a-col :span="24">
<div class="xy-info-title-a1">
<span class="xy-icon">▋</span><span class="xy-text">基本信息</span>
</div>
</a-col>
</a-row>
<a-row>
<a-col :span="8">
<div class="xy-info-a1">
<div class="xy-label">商户代码：</div>
<div class="xy-text">CO202309030001</div>
</div>
</a-col>
<a-col :span="8">
<div class="xy-info-a1">
<div class="xy-label">商户名称：</div>
<div class="xy-text">济钢城市矿产科技有限公司</div>
</div>
</a-col>
<a-col :span="8">
<div class="xy-info-a1">
<div class="xy-label">商户简称/英文名称：</div>
<div class="xy-text">城矿</div>
</div>
</a-col>
</a-row>
<a-row>
<a-col :span="8">
<div class="xy-info-a1">
<div class="xy-label">主体类型：</div>
<div class="xy-text">国有企业</div>
</div>
</a-col>
<a-col :span="8">
<div class="xy-info-a1">
<div class="xy-label">行业类型：</div>
<div class="xy-text">道路运输业</div>
</div>
</a-col>
<a-col :span="8">
<div class="xy-info-a1">
<div class="xy-label">所在城市：</div>
<div class="xy-text">山东省济南市</div>
</div>
</a-col>
</a-row>
<a-row>
<a-col :span="8">
<div class="xy-info-a1">
<div class="xy-label">最后更新时间：</div>
<div class="xy-text">2023-09-03 23:26:08</div>
</div>
</a-col>
<a-col :span="8">
<div class="xy-info-a1">
<div class="xy-label">首联系人：</div>
<div class="xy-text">徐守亮</div>
</div>
</a-col>
<a-col :span="8">
<div class="xy-info-a1">
<div class="xy-label">手机号码：</div>
<div class="xy-text">18612345678</div>
</div>
</a-col>
</a-row>
<a-row>
<a-col :span="24">
<div class="xy-info-a1">
<div class="xy-label">职位：</div>
<div class="xy-text">法定代表人</div>
</div>
</a-col>
</a-row>
<a-row>
<a-col :span="24">
<div class="xy-info-title-a1">
<span class="xy-icon">▋</span><span class="xy-text">详细信息</span>
</div>
</a-col>
</a-row>
<a-row>
<a-col :span="8">
<div class="xy-info-a1">
<div class="xy-label">详细地址：</div>
<div class="xy-text">山东省济南市历城区工业北路21号8</div>
</div>
</a-col>
<a-col :span="8">
<div class="xy-info-a1">
<div class="xy-label">公司电话：</div>
<div class="xy-text">0531-8886****</div>
</div>
</a-col>
<a-col :span="8">
<div class="xy-info-a1">
<div class="xy-label">公司传真：</div>
<div class="xy-text">0531-8886****</div>
</div>
</a-col>
</a-row>
<a-row>
<a-col :span="24">
<div class="xy-info-a1">
<div class="xy-label">公司网址：</div>
<div class="xy-text">--</div>
</div>
</a-col>
</a-row>
<a-row>
<a-col :span="24">
<div class="xy-info-a1">
<div class="xy-label">公司介绍：</div>
<div class="xy-text">
济钢城市矿产科技有限公司成立于2000年10月13日，注册地位于山东省济南市历城区工业北路21号，法定代表人为徐守亮。经营范围包括许可项目：报废机动车回收；报废机动车拆解；道路货物运输（不含危险货物）；城市建筑垃圾处置（清运）；成品油零售（不含危险化学品）。（依法须经批准的项目，经相关部门批准后方可开展经营活动，具体经营项目以相关部门批准文件或许可证件为准）一般项目：再生资源加工；再生资源回收（除生产性废旧金属）；再生资源销售；建筑材料销售；水泥制品制造；水泥制品销售；国内货物运输代理；机动车修理和维护；装卸搬运；普通货物仓储服务（不含危险化学品等需许可审批的项目）；化工产品销售（不含许可类化工产品）；汽车零配件零售；润滑油销售；机械设备销售；机械设备租赁；金属材料销售；金属矿石销售；锻件及粉末冶金制品销售；煤炭及制品销售；土石方工程施工；非居住房地产租赁；金属切削加工服务；矿物洗选加工；非金属矿及制品销售；耐火材料销售；货物进出口；人造板销售；软木制品销售；日用木制品销售；家具销售；木材销售；地板销售。（除依法须经批准的项目外，凭营业执照依法自主开展经营活动）济钢城市矿产科技有限公司对外投资3家公司，具有3处分支机构。
</div>
</div>
</a-col>
</a-row>
<a-row>
<a-col :span="24">
<div class="xy-info-title-a1">
<span class="xy-icon">▋</span><span class="xy-text">财务信息</span>
</div>
</a-col>
</a-row>
<a-row>
<a-col :span="8">
<div class="xy-info-a1">
<div class="xy-label">发票抬头：</div>
<div class="xy-text">
夏晖物流（上海）有限公司
</div>
</div>
</a-col>
<a-col :span="8">
<div class="xy-info-a1">
<div class="xy-label">商户税号：</div>
<div class="xy-text">
91310000729447****
</div>
</div>
</a-col>
<a-col :span="8">
<div class="xy-info-a1">
<div class="xy-label">开户银行：</div>
<div class="xy-text">
工商银行普陀支行
</div>
</div>
</a-col>
</a-row>
<a-row>
<a-col :span="8">
<div class="xy-info-a1">
<div class="xy-label">银行账号：</div>
<div class="xy-text">
310000400286498
</div>
</div>
</a-col>
<a-col :span="8">
<div class="xy-info-a1">
<div class="xy-label">电话号码：</div>
<div class="xy-text">
021-88888888
</div>
</div>
</a-col>
<a-col :span="8">
<div class="xy-info-a1">
<div class="xy-label">注册地址：</div>
<div class="xy-text">
上海市普陀区近铁城市广场
</div>
</div>
</a-col>
</a-row>
</div>
</a-card>
</a-col>
</a-row>
</template>
<style lang="less" scoped>
.basic-info-y1 {
margin: 24px 0px;
}
.basic-info-y2 {
margin: 24px 0px;
}
</style>
<style lang="less">
.xy-info-title-a1 {
padding: 14px;
line-height: 28px;
font-weight: 500;
.xy-icon {
font-family: "阿里巴巴普惠体 2.0 65 Medium", "阿里巴巴普惠体 2.0 55", "阿里巴巴普惠体 2.0", sans-serif;
color: #409EFF;
}
.xy-text {
padding-left: 5px;
color: #666666;
}
}
.xy-info-a1 {
display: -webkit-flex;
display: flex;
flex-direction: row;
line-height: 28px;
font-size: 14px;
padding: 12px;
.xy-label {
min-width: 130px;
font-weight: 500;
text-align: right;
color: #8C8C8C;
}
.xy-text {
padding-left: 10px;
color: #262626;
}
}
</style>

270
yudao-ui-admin-vben-master/src/views/stpagea/enterpriseCentre/enterpriseDetails/src/BasicInformation.vue
Unescape View File

@ -1,270 +0,0 @@
<script lang="ts" setup>
import { ref } from 'vue';
const current = ref<number>(1);
const stepItems = [
{
title: '提交申请',
description: '2023-09-03 23:26:08'
},
{
title: '信息确认',
description: '2023-09-03 23:26:08'
},
{
title: '商户认证',
description: '2023-09-03 23:26:08'
},
{
title: '商户审核',
description: '2023-09-03 23:26:08'
},
{
title: '购买产品',
description: '2023-09-03 23:26:08'
},
{
title: '平台开通',
description: '2023-09-03 23:26:08'
}
];
const headStyleV: any = { color: 'rgb(102, 102, 102)', 'background-color': 'rgb(249, 249, 249)', 'margin': '20px 0px' }
</script>
<template>
<div class="basic-information">
<a-card title="流程进度" :bordered="false" style="width: 1520px" :headStyle="headStyleV">
<a-steps v-model:current="current" :items="stepItems">
<template #progressDot="{ index, status, prefixCls }">
<a-popover>
<template #content>
<span>step {{ index }} status: {{ status }}</span>
</template>
<span :class="`${prefixCls}-icon-dot`" />
</a-popover>
</template>
</a-steps>
</a-card>
<a-card title="基本信息" :bordered="false" style="width: 1520px" :headStyle="headStyleV">
<div class="stycus-infoa-box">
<a-row>
<a-col :span="24">
<div class="scus-info-title-a1">
<span class="scus-icon">▋</span><span class="scus-text">基本信息</span>
</div>
</a-col>
</a-row>
<a-row>
<a-col :span="8">
<div class="scus-info-a1">
<div class="scus-label">商户代码：</div>
<div class="scus-text">CO202309030001</div>
</div>
</a-col>
<a-col :span="8">
<div class="scus-info-a1">
<div class="scus-label">商户名称：</div>
<div class="scus-text">济钢城市矿产科技有限公司</div>
</div>
</a-col>
<a-col :span="8">
<div class="scus-info-a1">
<div class="scus-label">商户简称/英文名称：</div>
<div class="scus-text">城矿</div>
</div>
</a-col>
</a-row>
<a-row>
<a-col :span="8">
<div class="scus-info-a1">
<div class="scus-label">主体类型：</div>
<div class="scus-text">国有企业</div>
</div>
</a-col>
<a-col :span="8">
<div class="scus-info-a1">
<div class="scus-label">行业类型：</div>
<div class="scus-text">道路运输业</div>
</div>
</a-col>
<a-col :span="8">
<div class="scus-info-a1">
<div class="scus-label">所在城市：</div>
<div class="scus-text">山东省济南市</div>
</div>
</a-col>
</a-row>
<a-row>
<a-col :span="8">
<div class="scus-info-a1">
<div class="scus-label">最后更新时间：</div>
<div class="scus-text">2023-09-03 23:26:08</div>
</div>
</a-col>
<a-col :span="8">
<div class="scus-info-a1">
<div class="scus-label">首联系人：</div>
<div class="scus-text">徐守亮</div>
</div>
</a-col>
<a-col :span="8">
<div class="scus-info-a1">
<div class="scus-label">手机号码：</div>
<div class="scus-text">18612345678</div>
</div>
</a-col>
</a-row>
<a-row>
<a-col :span="24">
<div class="scus-info-a1">
<div class="scus-label">职位：</div>
<div class="scus-text">法定代表人</div>
</div>
</a-col>
</a-row>
<a-row>
<a-col :span="24">
<div class="scus-info-title-a1">
<span class="scus-icon">▋</span><span class="scus-text">详细信息</span>
</div>
</a-col>
</a-row>
<a-row>
<a-col :span="8">
<div class="scus-info-a1">
<div class="scus-label">详细地址：</div>
<div class="scus-text">山东省济南市历城区工业北路21号8</div>
</div>
</a-col>
<a-col :span="8">
<div class="scus-info-a1">
<div class="scus-label">公司电话：</div>
<div class="scus-text">0531-8886****</div>
</div>
</a-col>
<a-col :span="8">
<div class="scus-info-a1">
<div class="scus-label">公司传真：</div>
<div class="scus-text">0531-8886****</div>
</div>
</a-col>
</a-row>
<a-row>
<a-col :span="24">
<div class="scus-info-a1">
<div class="scus-label">公司网址：</div>
<div class="scus-text">--</div>
</div>
</a-col>
</a-row>
<a-row>
<a-col :span="24">
<div class="scus-info-a1">
<div class="scus-label">公司介绍：</div>
<div class="scus-text">
济钢城市矿产科技有限公司成立于2000年10月13日，注册地位于山东省济南市历城区工业北路21号，法定代表人为徐守亮。经营范围包括许可项目：报废机动车回收；报废机动车拆解；道路货物运输（不含危险货物）；城市建筑垃圾处置（清运）；成品油零售（不含危险化学品）。（依法须经批准的项目，经相关部门批准后方可开展经营活动，具体经营项目以相关部门批准文件或许可证件为准）一般项目：再生资源加工；再生资源回收（除生产性废旧金属）；再生资源销售；建筑材料销售；水泥制品制造；水泥制品销售；国内货物运输代理；机动车修理和维护；装卸搬运；普通货物仓储服务（不含危险化学品等需许可审批的项目）；化工产品销售（不含许可类化工产品）；汽车零配件零售；润滑油销售；机械设备销售；机械设备租赁；金属材料销售；金属矿石销售；锻件及粉末冶金制品销售；煤炭及制品销售；土石方工程施工；非居住房地产租赁；金属切削加工服务；矿物洗选加工；非金属矿及制品销售；耐火材料销售；货物进出口；人造板销售；软木制品销售；日用木制品销售；家具销售；木材销售；地板销售。（除依法须经批准的项目外，凭营业执照依法自主开展经营活动）济钢城市矿产科技有限公司对外投资3家公司，具有3处分支机构。
</div>
</div>
</a-col>
</a-row>
<a-row>
<a-col :span="24">
<div class="scus-info-title-a1">
<span class="scus-icon">▋</span><span class="scus-text">财务信息</span>
</div>
</a-col>
</a-row>
<a-row>
<a-col :span="8">
<div class="scus-info-a1">
<div class="scus-label">发票抬头：</div>
<div class="scus-text">
夏晖物流（上海）有限公司
</div>
</div>
</a-col>
<a-col :span="8">
<div class="scus-info-a1">
<div class="scus-label">商户税号：</div>
<div class="scus-text">
91310000729447****
</div>
</div>
</a-col>
<a-col :span="8">
<div class="scus-info-a1">
<div class="scus-label">开户银行：</div>
<div class="scus-text">
工商银行普陀支行
</div>
</div>
</a-col>
</a-row>
<a-row>
<a-col :span="8">
<div class="scus-info-a1">
<div class="scus-label">银行账号：</div>
<div class="scus-text">
310000400286498
</div>
</div>
</a-col>
<a-col :span="8">
<div class="scus-info-a1">
<div class="scus-label">电话号码：</div>
<div class="scus-text">
021-88888888
</div>
</div>
</a-col>
<a-col :span="8">
<div class="scus-info-a1">
<div class="scus-label">注册地址：</div>
<div class="scus-text">
上海市普陀区近铁城市广场
</div>
</div>
</a-col>
</a-row>
</div>
</a-card>
</div>
</template>
<style lang="less">
.scus-info-title-a1 {
padding: 14px;
line-height: 28px;
font-weight: 500;
.scus-icon {
font-family: "阿里巴巴普惠体 2.0 65 Medium", "阿里巴巴普惠体 2.0 55", "阿里巴巴普惠体 2.0", sans-serif;
color: #409EFF;
}
.scus-text {
padding-left: 5px;
color: #666666;
}
}
.scus-info-a1 {
display: -webkit-flex;
display: flex;
flex-direction: row;
line-height: 28px;
font-size: 14px;
padding: 12px;
.scus-label {
min-width: 130px;
font-weight: 500;
text-align: right;
color: rgb(153, 153, 153);
}
.scus-text {
padding-left: 10px;
color: #666666;
}
}
</style>
Write Preview
Loading…
Cancel
Save