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

静态页提交

Browse Source
master
mhsnet 1 year ago
parent 9ea53f36d1
commit 4e818b8be1
12 changed files with 729 additions and 1 deletions
Show Stats Download Patch File Download Diff File

3
yudao-ui-admin-vben-master/src/main.ts
Unescape View File

@ -5,6 +5,7 @@ import './design/index.less'
// Register icon sprite // Register icon sprite
import 'virtual:svg-icons-register' import 'virtual:svg-icons-register'
import { createApp } from 'vue' import { createApp } from 'vue'
import Antd from 'ant-design-vue'
import App from './App.vue' import App from './App.vue'
import { initAppConfigStore } from '@/logics/initAppConfig' import { initAppConfigStore } from '@/logics/initAppConfig'
import { setupErrorHandle } from '@/logics/error-handle' import { setupErrorHandle } from '@/logics/error-handle'
@ -57,7 +58,7 @@ async function bootstrap() {
// https://next.router.vuejs.org/api/#isready // https://next.router.vuejs.org/api/#isready
// await router.isReady(); // await router.isReady();
app.mount('#app') app.use(Antd).mount('#app')
} }
bootstrap() bootstrap()

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

@ -0,0 +1,122 @@
<script lang="ts" setup>
import { ref } from 'vue'
import BasicInformation from './src/BasicInformation.vue'
import AuthenticationInformation from './src/AuthenticationInformation.vue'
import Branch from './src/Branch.vue'
import DepartmentalOrganization from './src/DepartmentalOrganization.vue'
import BusinessOrganization from './src/BusinessOrganization.vue'
import EmployeeInfo from './src/EmployeeInfo.vue'
import CustomerInfo from './src/CustomerInfo.vue'
import SupplierInfo from './src/SupplierInfo.vue'
import ProviderInfo from './src/ProviderInfo.vue'
import OperationRecords from './src/OperationRecords.vue'
const activeKey = ref('1');
</script>
<template>
<div class="box-cnt">
<div class="box-enterprise-details">
<a-tabs v-model:activeKey="activeKey">
<a-tab-pane key="1">
<template #tab>
<span class="tab-title">
基本信息
</span>
</template>
<BasicInformation />
</a-tab-pane>
<a-tab-pane key="2">
<template #tab>
<span class="tab-title">
认证信息
</span>
</template>
<AuthenticationInformation />
</a-tab-pane>
<a-tab-pane key="3">
<template #tab>
<span class="tab-title">
分支机构
</span>
</template>
<Branch />
</a-tab-pane>
<a-tab-pane key="4">
<template #tab>
<span class="tab-title">
部门组织
</span>
</template>
<DepartmentalOrganization />
</a-tab-pane>
<a-tab-pane key="5">
<template #tab>
<span class="tab-title">
业务组织
</span>
</template>
<BusinessOrganization />
</a-tab-pane>
<a-tab-pane key="6">
<template #tab>
<span class="tab-title">
员工信息
</span>
</template>
<EmployeeInfo />
</a-tab-pane>
<a-tab-pane key="7">
<template #tab>
<span class="tab-title">
客户信息
</span>
</template>
<CustomerInfo />
</a-tab-pane>
<a-tab-pane key="8">
<template #tab>
<span class="tab-title">
供应商信息
</span>
</template>
<SupplierInfo />
</a-tab-pane>
<a-tab-pane key="9">
<template #tab>
<span class="tab-title">
服务商信息
</span>
</template>
<ProviderInfo />
</a-tab-pane>
<a-tab-pane key="10">
<template #tab>
<span class="tab-title">
操作记录
</span>
</template>
<OperationRecords />
</a-tab-pane>
</a-tabs>
</div>
</div>
</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;
}
//width: 1580px;
.tab-title {
padding: 0px 30px;
}
}
</style>

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

@ -0,0 +1,243 @@
<script lang="ts" setup>
</script>
<template>
<div class="basic-information">
<a-card title="认证信息" :bordered="false" style="width: 1520px">
<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>

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

@ -0,0 +1,274 @@
<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'
}
];
</script>
<template>
<div class="basic-information">
<a-card :bordered="false">
<template #title>
<span class="tab-title">
流程进度
</span>
</template>
<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="{color: 'rgb(102, 102, 102)'}">
<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>

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

@ -0,0 +1,11 @@
<script lang="ts" setup>
</script>
<template>
<div class="basic-information">
分支机构内容
</div>
</template>
<style lang="less" scoped>
</style>

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

@ -0,0 +1,11 @@
<script lang="ts" setup>
</script>
<template>
<div class="basic-information">
业务组织内容
</div>
</template>
<style lang="less" scoped>
</style>

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

@ -0,0 +1,11 @@
<script lang="ts" setup>
</script>
<template>
<div class="basic-information">
客户信息内容
</div>
</template>
<style lang="less" scoped>
</style>

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

@ -0,0 +1,11 @@
<script lang="ts" setup>
</script>
<template>
<div class="basic-information">
部门组织内容
</div>
</template>
<style lang="less" scoped>
</style>

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

@ -0,0 +1,11 @@
<script lang="ts" setup>
</script>
<template>
<div class="basic-information">
员工信息内容
</div>
</template>
<style lang="less" scoped>
</style>

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

@ -0,0 +1,11 @@
<script lang="ts" setup>
</script>
<template>
<div class="basic-information">
员工信息内容
</div>
</template>
<style lang="less" scoped>
</style>

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

@ -0,0 +1,11 @@
<script lang="ts" setup>
</script>
<template>
<div class="basic-information">
服务商信息内容
</div>
</template>
<style lang="less" scoped>
</style>

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

@ -0,0 +1,11 @@
<script lang="ts" setup>
</script>
<template>
<div class="basic-information">
供应商信息内容
</div>
</template>
<style lang="less" scoped>
</style>
Write Preview
Loading…
Cancel
Save