ccongli
/
YX-SCM
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

基础详情|新增

Browse Source
pull/1/head
mhsnet 1 year ago
parent 4985dc484f
commit 49cc33e148
10 changed files with 1766 additions and 92 deletions
Show Stats Download Patch File Download Diff File

1038
yunxi-ui-admin-vue3/src/views/xxjj/subjectBasic/CustomerAdd.vue
View File

File diff suppressed because it is too large Load Diff

122
yunxi-ui-admin-vue3/src/views/xxjj/subjectBasic/CustomerDetails.vue
Unescape View File

@ -1,44 +1,42 @@
<template>
<div class="xy-y1">
<div class="xy-y1-item1">
<div class="xy-y1-y1">
<div class="xy-y1-y1-item1">
cs
</div>
</div>
</div>
</div>
<div class="xy-y2">
<div class="xy-y2-item1">
<el-tabs v-model="activeTabN" class="xy-tabs">
<el-tab-pane label="基础信息" name="tabN1">
<InfoBasic />
</el-tab-pane>
<el-tab-pane label="资质信息" name="tabN2">
<InfoQualification />
</el-tab-pane>
<el-tab-pane label="财务信息" name="tabN3">
<InfoFinancial />
</el-tab-pane>
<el-tab-pane label="合同信息" name="tabN4">
<InfoContract />
</el-tab-pane>
<el-tab-pane label="销售订单" name="tabN5">
<InfoSaleOrder />
</el-tab-pane>
<el-tab-pane label="结算信息" name="tabN6">
<InfoSettlement />
</el-tab-pane>
<el-tab-pane label="操作记录" name="tabN7">
<InfoOperationRecords />
</el-tab-pane>
<el-tab-pane label="日志记录" name="tabN8">
<InfoLogging />
</el-tab-pane>
</el-tabs>
</div>
</div>
<el-card class="box-card">
<template #header>
<el-button type="" link icon="ep:Back">返回</el-button>
</template>
<template #default>
<el-button type="" link icon="ep:back">返回</el-button>
cs
</template>
</el-card>
<ContentWrap>
<el-tabs v-model="activeTabN" class="xy-tabs">
<el-tab-pane label="基础信息" name="tabN1">
<InfoBasic />
</el-tab-pane>
<el-tab-pane label="资质信息" name="tabN2">
<InfoQualification />
</el-tab-pane>
<el-tab-pane label="财务信息" name="tabN3">
<InfoFinancial />
</el-tab-pane>
<el-tab-pane label="合同信息" name="tabN4">
<InfoContract />
</el-tab-pane>
<el-tab-pane label="销售订单" name="tabN5">
<InfoSaleOrder />
</el-tab-pane>
<el-tab-pane label="结算信息" name="tabN6">
<InfoSettlement />
</el-tab-pane>
<el-tab-pane label="操作记录" name="tabN7">
<InfoOperationRecords />
</el-tab-pane>
<el-tab-pane label="日志记录" name="tabN8">
<InfoLogging />
</el-tab-pane>
</el-tabs>
</ContentWrap>
</template>
<script setup lang="ts" name="CustomerDetails">
@ -61,46 +59,4 @@ const activeTabN = ref('tabN1')
}
</style>
<style lang="scss" scoped>
.xy-y1 {
display: -webkit-flex;
display: flex;
margin: 0px;
padding: 0px;
.xy-y1-item1 {
order: 1;
flex: 1 1 auto;
.xy-y1-y1 {
display: -webkit-flex;
display: flex;
.xy-y1-y1-item1 {
order: 1;
flex: 1 1 auto;
height: 46px;
background-color: #F7F8FA;
border-radius: 8px 8px 0px 0px;
}
}
}
}
.xy-y2 {
display: -webkit-flex;
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
margin: 0px;
padding: 0px;
.xy-y2-item1 {
order: 1;
flex: 1 1 auto;
margin-top: 16px;
background-color: #FFF;
border-radius: 3px;
}
}
</style>
<style lang="scss" scoped></style>

342
yunxi-ui-admin-vue3/src/views/xxjj/subjectBasic/src/InfoBasic.vue
Unescape View File

@ -1,9 +1,347 @@
<template>
<div>基础信息内容</div>
<el-card class="xy-card-b">
<template #header>
流程进度
</template>
<template #default>
<el-steps :active="1">
<el-step title="提交申请" description="2023-08-22 12:00:00" />
<el-step title="组织审核" description="2023-08-22 12:00:00" />
<el-step title="风控核准" description="2023-08-22 12:00:00" />
<el-step title="行政启用" description="2023-08-22 12:00:00" />
<el-step title="业务开展" description="2023-08-22 12:00:00" />
</el-steps>
</template>
</el-card>
<el-card class="xy-card-b">
<template #header>
操作记录
</template>
<template #default>
<el-card class="xy-card-info-a">
<template #header>
基本信息
</template>
<template #default>
<el-row>
<el-col :span="2" class="xy-label">
客户名称：
</el-col>
<el-col :span="6" class="xy-text">
江阴华润制钢有限公司
</el-col>
<el-col :span="2" class="xy-label">
企业编号：
</el-col>
<el-col :span="6" class="xy-text">
C20230822001
</el-col>
<el-col :span="2" class="xy-label">
企业性质：
</el-col>
<el-col :span="6" class="xy-text">
外资企业
</el-col>
</el-row>
<el-row>
<el-col :span="2" class="xy-label">
行业分类：
</el-col>
<el-col :span="6" class="xy-text">
行业分类
</el-col>
<el-col :span="2" class="xy-label">
客户来源：
</el-col>
<el-col :span="6" class="xy-text">
电话营销
</el-col>
<el-col :span="2" class="xy-label">
信用等级：
</el-col>
<el-col :span="6" class="xy-text">
4
</el-col>
</el-row>
<el-row>
<el-col :span="2" class="xy-label">
所在城市：
</el-col>
<el-col :span="6" class="xy-text">
江苏省无锡市江阴市
</el-col>
<el-col :span="2" class="xy-label">
归属人员：
</el-col>
<el-col :span="6" class="xy-text">
张总 (已锁定，到期时间10/30)
</el-col>
<el-col :span="2" class="xy-label">
更新时间：
</el-col>
<el-col :span="6" class="xy-text">
2023-08-23 23:26:08
</el-col>
</el-row>
</template>
</el-card>
<el-card class="xy-card-info-a">
<template #header>
详细信息
</template>
<template #default>
<el-row>
<el-col :span="2" class="xy-label">
所在国家：
</el-col>
<el-col :span="6" class="xy-text">
中国（CN）
</el-col>
<el-col :span="2" class="xy-label">
所在省市：
</el-col>
<el-col :span="6" class="xy-text">
江苏省江阴市
</el-col>
<el-col :span="2" class="xy-label">
详细地址：
</el-col>
<el-col :span="6" class="xy-text">
月城镇北环路58号
</el-col>
</el-row>
<el-row>
<el-col :span="2" class="xy-label">
公司电话：
</el-col>
<el-col :span="6" class="xy-text">
0510-8698****
</el-col>
<el-col :span="2" class="xy-label">
公司传真：
</el-col>
<el-col :span="6" class="xy-text">
0510-8698****
</el-col>
<el-col :span="2" class="xy-label">
公司网址：
</el-col>
<el-col :span="6" class="xy-text">
http://www.jyxxsteel.com
</el-col>
</el-row>
<el-row>
<el-col :span="2" class="xy-label">
公司介绍：
</el-col>
<el-col :span="22" class="xy-text">
生产钢坯，钢材及其制品；不锈钢制品的生产、加工、销售。（依法须经批准的项目，经相关部门批准后方可开展经营活动）
许可项目：港口经营；港口货物装卸搬运活动（依法须经批准的项目，经相关部门批准后方可开展经营活动，具体经营项目以审批结果为准）
一般项目：装卸搬运；普通货物仓储服务（不含危险化学品等需许可审批的项目）（除依法须经批准的项目外，凭营业执照依法自主开展经营活动）
</el-col>
</el-row>
</template>
</el-card>
<el-card class="xy-card-info-a">
<template #header>
合作信息
</template>
<template #default>
<el-row>
<el-col :span="2" class="xy-label">
合作范围：
</el-col>
<el-col :span="22" class="xy-text">
废钢、废铝、废铜
</el-col>
</el-row>
<el-row>
<el-col :span="2" class="xy-label">
合作起始时间：
</el-col>
<el-col :span="6" class="xy-text">
2022-11-10 至 2040-11-09
</el-col>
<el-col :span="2" class="xy-label">
需求量(每月)：
</el-col>
<el-col :span="6" class="xy-text">
1000 吨 至 10000 吨
</el-col>
<el-col :span="2" class="xy-label">
资金额度：
</el-col>
<el-col :span="6" class="xy-text">
1000万元
</el-col>
</el-row>
</template>
</el-card>
<el-card class="xy-card-info-a">
<template #header>
运营信息
</template>
<template #default>
<el-row>
<el-col :span="2" class="xy-label">
营业时间：
</el-col>
<el-col :span="22" class="xy-text">
周一、周二、周三、周四、周五、周六 09:00 至 21:00
</el-col>
</el-row>
<el-row>
<el-col :span="2" class="xy-label">
允许卸货时间：
</el-col>
<el-col :span="6" class="xy-text">
09:00 至 21:00
</el-col>
<el-col :span="2" class="xy-label">
卸货时长：
</el-col>
<el-col :span="6" class="xy-text"></el-col>
<el-col :span="2" class="xy-label">
卸货效率：
</el-col>
<el-col :span="6" class="xy-text"></el-col>
</el-row>
<el-row>
<el-col :span="2" class="xy-label">
允许装货时间：
</el-col>
<el-col :span="6" class="xy-text">
09:00 至 21:00
</el-col>
<el-col :span="2" class="xy-label">
装货时长：
</el-col>
<el-col :span="6" class="xy-text">
</el-col>
<el-col :span="2" class="xy-label">
装货效率：
</el-col>
<el-col :span="6" class="xy-text">
</el-col>
</el-row>
</template>
</el-card>
<el-card class="xy-card-info-a">
<template #header>
联系人信息
</template>
<template #default>
<el-row>
<el-col :span="24" class="xy-label">
<el-table :data="tbDataA" stripe style="width: 100%">
<el-table-column prop="k1" label="类型" />
<el-table-column prop="k2" label="姓名" />
<el-table-column prop="k3" label="手机号" />
<el-table-column prop="k4" label="座机" />
<el-table-column prop="k5" label="传真" />
<el-table-column prop="k6" label="邮箱" />
<el-table-column prop="k7" label="最后更新时间" />
</el-table>
</el-col>
</el-row>
</template>
</el-card>
<el-card class="xy-card-info-a">
<template #header>
扩展信息
</template>
<template #default>
<el-row>
<el-col :span="2" class="xy-label">
客户类型：
</el-col>
<el-col :span="6" class="xy-text">
国内客户
</el-col>
<el-col :span="2" class="xy-label">
账户类型：
</el-col>
<el-col :span="6" class="xy-text"></el-col>
<el-col :span="2" class="xy-label">
扩展字段：
</el-col>
<el-col :span="6" class="xy-text"></el-col>
</el-row>
<el-row>
<el-col :span="2" class="xy-label">
扩展字段：
</el-col>
<el-col :span="6" class="xy-text"></el-col>
<el-col :span="2" class="xy-label">
扩展字段：
</el-col>
<el-col :span="6" class="xy-text"></el-col>
<el-col :span="2" class="xy-label">
扩展字段：
</el-col>
<el-col :span="6" class="xy-text"></el-col>
</el-row>
</template>
</el-card>
</template>
</el-card>
</template>
<script setup lang="ts" name="InfoBasic">
const tbDataA = [
{
k1: '默认联系人',
k2: '小刘',
k3: '18612345678',
k4: '021-12345678',
k5: '021-12345678',
k6: '12345678@123.com',
k7: '2022-11-21 10:23',
},
{
k1: '联系人',
k2: '小毛',
k3: '18612344321',
k4: '021-12345678',
k5: '021-12345678',
k6: '12345678@123.com',
k7: '2022-11-21 10:23',
}
]
</script>
<style lang="scss"></style>
<style lang="scss">
.xy-card-b {
margin: 16px 24px;
.el-card__header {
background-color: #F7F8FA;
height: 48px;
padding: 12px 16px;
color: #666666;
}
}
.xy-card-info-a {
margin-top: 16px;
border: 0px;
.el-card__header {
background-color: inherit;
padding: 0px;
height: 28px;
line-height: 28px;
}
.xy-label {
color: #86909C;
text-align: right;
}
.xy-text {
color: #1D2129;
}
}
</style>

11
yunxi-ui-admin-vue3/src/views/xxjj/subjectBasic/src/InfoContract.vue
Unescape View File

@ -1,8 +1,17 @@
<template>
<div>合同信息内容</div>
<el-tabs v-model="activeTabN" class="demo-tabs">
<el-tab-pane label="所有合同" name="tabN1">所有合同</el-tab-pane>
<el-tab-pane label="待生效" name="tabN2">待生效</el-tab-pane>
<el-tab-pane label="进行中" name="tabN3">进行中</el-tab-pane>
<el-tab-pane label="已完成" name="tabN4">已完成</el-tab-pane>
<el-tab-pane label="已取消" name="tabN5">已取消</el-tab-pane>
<el-tab-pane label="已作废" name="tabN6">已作废</el-tab-pane>
<el-tab-pane label="已归档" name="tabN7">已归档</el-tab-pane>
</el-tabs>
</template>
<script setup lang="ts" name="InfoContract">
const activeTabN = ref('tabN1')
</script>
<style lang="scss"></style>

135
yunxi-ui-admin-vue3/src/views/xxjj/subjectBasic/src/InfoFinancial.vue
Unescape View File

@ -1,5 +1,138 @@
<template>
<div>财务信息内容</div>
<el-card class="xy-card-b">
<template #header>
财务信息
</template>
<template #default>
<el-card class="xy-card-info-a">
<template #header>
财务信息
</template>
<template #default>
<el-row>
<el-col :span="2" class="xy-label">
客户类型：
</el-col>
<el-col :span="6" class="xy-text">
国内客户
</el-col>
<el-col :span="2" class="xy-label">
账户类型：
</el-col>
<el-col :span="6" class="xy-text"></el-col>
<el-col :span="2" class="xy-label">
扩展字段：
</el-col>
<el-col :span="6" class="xy-text"></el-col>
</el-row>
<el-row>
<el-col :span="2" class="xy-label">
扩展字段：
</el-col>
<el-col :span="6" class="xy-text"></el-col>
<el-col :span="2" class="xy-label">
扩展字段：
</el-col>
<el-col :span="6" class="xy-text"></el-col>
<el-col :span="2" class="xy-label">
扩展字段：
</el-col>
<el-col :span="6" class="xy-text"></el-col>
</el-row>
<el-row>
<el-col :span="2" class="xy-label">
扩展字段：
</el-col>
<el-col :span="6" class="xy-text"></el-col>
<el-col :span="2" class="xy-label">
扩展字段：
</el-col>
<el-col :span="6" class="xy-text"></el-col>
<el-col :span="2" class="xy-label">
扩展字段：
</el-col>
<el-col :span="6" class="xy-text"></el-col>
</el-row>
</template>
</el-card>
<el-card class="xy-card-info-a">
<template #header>
结算信息
</template>
<template #default>
<el-row>
<el-col :span="2" class="xy-label">
合作方式：
</el-col>
<el-col :span="22" class="xy-text">
买断
</el-col>
</el-row>
<el-row>
<el-col :span="2" class="xy-label">
结算方式：
</el-col>
<el-col :span="6" class="xy-text"></el-col>
<el-col :span="2" class="xy-label">
账期：
</el-col>
<el-col :span="14" class="xy-text"></el-col>
</el-row>
</template>
</el-card>
<el-card class="xy-card-info-a">
<template #header>
分控信息
</template>
<template #default>
<el-row>
<el-col :span="2" class="xy-label">
压款方式：
</el-col>
<el-col :span="6" class="xy-text">
按金额
</el-col>
<el-col :span="2" class="xy-label">
默认压款金额：
</el-col>
<el-col :span="6" class="xy-text"></el-col>
<el-col :span="2" class="xy-label">
实际压款金额：
</el-col>
<el-col :span="6" class="xy-text"></el-col>
</el-row>
<el-row>
<el-col :span="2" class="xy-label">
保证金方式：
</el-col>
<el-col :span="6" class="xy-text"></el-col>
<el-col :span="2" class="xy-label">
默认保证金比例：
</el-col>
<el-col :span="6" class="xy-text"></el-col>
<el-col :span="2" class="xy-label">
实际保证比例：
</el-col>
<el-col :span="6" class="xy-text"></el-col>
</el-row>
<el-row>
<el-col :span="2" class="xy-label">
逾期利率：
</el-col>
<el-col :span="6" class="xy-text"></el-col>
<el-col :span="2" class="xy-label">
默认逾期利率：
</el-col>
<el-col :span="6" class="xy-text"></el-col>
<el-col :span="2" class="xy-label">
实际逾期利率：
</el-col>
<el-col :span="6" class="xy-text"></el-col>
</el-row>
</template>
</el-card>
</template>
</el-card>
</template>
<script setup lang="ts" name="InfoFinancial">

9
yunxi-ui-admin-vue3/src/views/xxjj/subjectBasic/src/InfoLogging.vue
Unescape View File

@ -1,5 +1,12 @@
<template>
<div>日志记录内容</div>
<el-card class="box-card">
<template #header>
<div class="card-header">
<span>日志记录</span>
</div>
</template>
cs
</el-card>
</template>
<script setup lang="ts" name="InfoLogging">

9
yunxi-ui-admin-vue3/src/views/xxjj/subjectBasic/src/InfoOperationRecords.vue
Unescape View File

@ -1,5 +1,12 @@
<template>
<div>操作记录内容</div>
<el-card class="box-card">
<template #header>
<div class="card-header">
<span>操作记录</span>
</div>
</template>
cs
</el-card>
</template>
<script setup lang="ts" name="InfoOperationRecords">

172
yunxi-ui-admin-vue3/src/views/xxjj/subjectBasic/src/InfoQualification.vue
Unescape View File

@ -1,8 +1,178 @@
<template>
<div>资质信息内容</div>
<el-card class="xy-card-b">
<template #header>
资质信息
</template>
<template #default>
<el-card class="xy-card-info-a">
<template #header>
主体信息
</template>
<template #default>
<el-row>
<el-col :span="2" class="xy-label">
企业编号：
</el-col>
<el-col :span="6" class="xy-text">
C20230822001
</el-col>
<el-col :span="2" class="xy-label">
企业名称：
</el-col>
<el-col :span="6" class="xy-text">
江阴华润制钢有限公司
</el-col>
<el-col :span="2" class="xy-label">
企业性质：
</el-col>
<el-col :span="6" class="xy-text">
外资企业
</el-col>
</el-row>
<el-row>
<el-col :span="2" class="xy-label">
注册地址：
</el-col>
<el-col :span="6" class="xy-text">
江苏省江阴市月城镇北环路58号
</el-col>
<el-col :span="2" class="xy-label">
社会统一信息代码：
</el-col>
<el-col :span="6" class="xy-text">
9132028160798507XE
</el-col>
<el-col :span="2" class="xy-label">
经营期限：
</el-col>
<el-col :span="6" class="xy-text">
1994-05-25 至 2044-05-24
</el-col>
</el-row>
<el-row>
<el-col :span="2" class="xy-label">
注册资金：
</el-col>
<el-col :span="6" class="xy-text">
155,535万(元)
</el-col>
<el-col :span="2" class="xy-label">
证件照片：
</el-col>
<el-col :span="14" class="xy-text">
证件照片 <a href="#">查看</a>
</el-col>
</el-row>
<el-row>
<el-col :span="2" class="xy-label">
注册资金：
</el-col>
<el-col :span="22" class="xy-text">
生产钢坯，钢材及其制品；不锈钢制品的生产、加工、销售。（依法须经批准的项目，经相关部门批准后方可开展经营活动）
许可项目：港口经营；港口货物装卸搬运活动（依法须经批准的项目，经相关部门批准后方可开展经营活动，具体经营项目以审批结果为准）
一般项目：装卸搬运；普通货物仓储服务（不含危险化学品等需许可审批的项目）（除依法须经批准的项目外，凭营业执照依法自主开展经营活动）
</el-col>
</el-row>
</template>
</el-card>
<el-card class="xy-card-info-a">
<template #header>
代表人信息
</template>
<template #default>
<el-row>
<el-col :span="24" class="xy-label">
<el-table :data="tbDataA" stripe style="width: 100%">
<el-table-column prop="k1" label="类型" />
<el-table-column prop="k2" label="姓名" />
<el-table-column prop="k3" label="身份证照" />
<el-table-column prop="k4" label="身份证号" />
<el-table-column prop="k5" label="证件有效期" />
<el-table-column prop="k6" label="授权/证明文件" />
<el-table-column prop="k7" label="更新时间" />
</el-table>
</el-col>
</el-row>
</template>
</el-card>
<el-card class="xy-card-info-a">
<template #header>
资质信息
</template>
<template #default>
<el-row>
<el-col :span="2" class="xy-label">
资产证明：
</el-col>
<el-col :span="6" class="xy-text">
<a href="#">查看</a>
</el-col>
<el-col :span="2" class="xy-label">
实缴资金证明：
</el-col>
<el-col :span="6" class="xy-text">
<a href="#">查看</a>
</el-col>
<el-col :span="2" class="xy-label">
资产抵押证明：
</el-col>
<el-col :span="6" class="xy-text">
<a href="#">查看</a>
</el-col>
</el-row>
<el-row>
<el-col :span="2" class="xy-label">
其他证明：
</el-col>
<el-col :span="22" class="xy-text">
<a href="#">查看</a>
</el-col>
</el-row>
</template>
</el-card>
</template>
</el-card>
</template>
<script setup lang="ts" name="InfoQualification">
const tbDataA = [
{
k1: '法定代表人',
k2: '小刘',
k3: '查看',
k4: '410123****5678',
k5: '2022-11-10 至 2040-11-09',
k6: '查看',
k7: '2023-09-17 17:06:29',
},
{
k1: '代办人',
k2: '小毛',
k3: '查看',
k4: '410123****5678',
k5: '2022-11-10 至 2040-11-09',
k6: '查看',
k7: '2023-09-17 17:06:29',
},
{
k1: '实控人',
k2: '小周',
k3: '查看',
k4: '410123****5678',
k5: '2022-11-10 至 2040-11-09',
k6: '查看',
k7: '2023-09-17 17:06:29',
},
{
k1: '担保人',
k2: '小周',
k3: '查看',
k4: '410123****5678',
k5: '2022-11-10 至 2040-11-09',
k6: '查看',
k7: '2023-09-17 17:06:29',
}
]
</script>
<style lang="scss"></style>

11
yunxi-ui-admin-vue3/src/views/xxjj/subjectBasic/src/InfoSaleOrder.vue
Unescape View File

@ -1,8 +1,17 @@
<template>
<div>销售订单内容</div>
<el-tabs v-model="activeTabN" class="demo-tabs">
<el-tab-pane label="所有订单" name="tabN1">所有订单</el-tab-pane>
<el-tab-pane label="已提交" name="tabN2">已提交</el-tab-pane>
<el-tab-pane label="待支付" name="tabN3">待支付</el-tab-pane>
<el-tab-pane label="待审核" name="tabN4">待审核</el-tab-pane>
<el-tab-pane label="待开通" name="tabN5">待开通</el-tab-pane>
<el-tab-pane label="已完成" name="tabN6">已完成</el-tab-pane>
<el-tab-pane label="已取消" name="tabN7">已取消</el-tab-pane>
</el-tabs>
</template>
<script setup lang="ts" name="InfoSaleOrder">
const activeTabN = ref('tabN1')
</script>
<style lang="scss"></style>

9
yunxi-ui-admin-vue3/src/views/xxjj/subjectBasic/src/InfoSettlement.vue
Unescape View File

@ -1,8 +1,15 @@
<template>
<div>结算信息内容</div>
<el-tabs v-model="activeTabN" class="demo-tabs">
<el-tab-pane label="所有" name="tabN1">所有</el-tab-pane>
<el-tab-pane label="待审批" name="tabN2">待审批</el-tab-pane>
<el-tab-pane label="待开票" name="tabN3">待开票</el-tab-pane>
<el-tab-pane label="已完成" name="tabN4">已完成</el-tab-pane>
<el-tab-pane label="已取消" name="tabN5">已取消</el-tab-pane>
</el-tabs>
</template>
<script setup lang="ts" name="InfoSettlement">
const activeTabN = ref('tabN1')
</script>
<style lang="scss"></style>

Write Preview
Loading…
Cancel
Save