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

Merge branch 'master' of http://222.71.165.188:3000/ccongli/YX-SCM

Browse Source
pull/1/head
qiuhongwu 1 year ago
parent 5c4c5027ab 4989a4801f
commit f56d72bdef
12 changed files with 2252 additions and 323 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>

471
yunxi-ui-admin-vue3/src/views/xxjj/subjectBasic/SubjectBasicForm copy.vue
Unescape View File

@ -0,0 +1,471 @@
<template>
<Dialog title="新增客户" v-model="dialogVisible">
<el-form ref="formRef" :model="formData" :rules="formRules" label-width="100px" v-loading="formLoading">
<el-form-item label="客户名称" prop="name">
<el-input v-model="formData.name" placeholder="请输入客户名称" />
</el-form-item>
<el-form-item label="分类(0：一级 1：二级 2：三级)" prop="calssify">
<el-select v-model="formData.calssify" placeholder="请选择">
<el-option v-for="dict in getIntDictOptions(DICT_TYPE.CUSTOMER_CALSSIFY)" :key="dict.value" :label="dict.label"
:value="dict.value" />
</el-select>
</el-form-item>
<el-form-item label="客户名称" prop="name">
<el-input v-model="formData.name" placeholder="请输入客户名称" />
</el-form-item>
<el-form-item label="公司logo" prop="logo">
<el-input v-model="formData.logo" placeholder="请输入公司logo" />
</el-form-item>
<el-form-item label="企业性质(0：国有企业 1：集体企业 2：私营企业 3：股份制企业 4：外资企业 5：合资企业)" prop="enterpriseNature">
<el-input v-model="formData.enterpriseNature" placeholder="请输入企业性质(0：国有企业 1：集体企业 2：私营企业 3：股份制企业 4：外资企业 5：合资企业)" />
</el-form-item>
<el-form-item label="行业分类(0：家用电器 1：交通运输 2：商务服务 3：家具用品 4：电工电气 5：通信产品 6：办公文教 7：运动休闲 8：传媒广电)" prop="industryClassify">
<el-input v-model="formData.industryClassify"
placeholder="请输入行业分类(0：家用电器 1：交通运输 2：商务服务 3：家具用品 4：电工电气 5：通信产品 6：办公文教 7：运动休闲 8：传媒广电)" />
</el-form-item>
<el-form-item label="客户来源(0：电话营销 1：主动来电 2：客户介绍 3：朋友介绍 4：独立开发 5：网络搜索 6：广告杂志 7：展会促销 8：其他途径)" prop="customerSource">
<el-input v-model="formData.customerSource"
placeholder="请输入客户来源(0：电话营销 1：主动来电 2：客户介绍 3：朋友介绍 4：独立开发 5：网络搜索 6：广告杂志 7：展会促销 8：其他途径)" />
</el-form-item>
<el-form-item label="客户星级(0：一星 1：二星 2：三星 3：四星 4：五星)" prop="customerStarrating">
<el-input v-model="formData.customerStarrating" placeholder="请输入客户星级(0：一星 1：二星 2：三星 3：四星 4：五星)" />
</el-form-item>
<el-form-item label="业务进度(0：了解跟进 1：资料收集 2：客户评审 3：风控核准 4：合作洽谈 5：准备签约 6：已经签约 7：合作叫停 8：暂时搁置)" prop="industrySchedule">
<el-input v-model="formData.industrySchedule"
placeholder="请输入业务进度(0：了解跟进 1：资料收集 2：客户评审 3：风控核准 4：合作洽谈 5：准备签约 6：已经签约 7：合作叫停 8：暂时搁置)" />
</el-form-item>
<el-form-item label="归属人员" prop="belongingPeople">
<el-input v-model="formData.belongingPeople" placeholder="请输入归属人员" />
</el-form-item>
<el-form-item label="所在城市" prop="city">
<el-input v-model="formData.city" placeholder="请输入所在城市" />
</el-form-item>
<el-form-item label="国家" prop="country">
<el-input v-model="formData.country" placeholder="请输入国家" />
</el-form-item>
<el-form-item label="详细地址" prop="address">
<el-input v-model="formData.address" placeholder="请输入详细地址" />
</el-form-item>
<el-form-item label="公司电话" prop="phone">
<el-input v-model="formData.phone" placeholder="请输入公司电话" />
</el-form-item>
<el-form-item label="公司传真" prop="companyFax">
<el-input v-model="formData.companyFax" placeholder="请输入公司传真" />
</el-form-item>
<el-form-item label="公司网址" prop="companyHttp">
<el-input v-model="formData.companyHttp" placeholder="请输入公司网址" />
</el-form-item>
<el-form-item label="客户状态(0：待提交 1：待审核 2：待核准 3：带启用 4：已启用 5：已禁用 6：已关闭)" prop="customerStatus">
<el-select v-model="formData.customerStatus" placeholder="请选择客户状态(0：待提交 1：待审核 2：待核准 3：带启用 4：已启用 5：已禁用 6：已关闭)">
<el-option v-for="dict in getStrDictOptions(DICT_TYPE.CUSTOMER_STATUS)" :key="dict.value" :label="dict.label"
:value="dict.value" />
</el-select>
</el-form-item>
<el-form-item label="社会信息代码证（营业执照）" prop="socialInformationCodeCertificate">
<el-input v-model="formData.socialInformationCodeCertificate" placeholder="请输入社会信息代码证（营业执照）" />
</el-form-item>
<el-form-item label="注册地址" prop="registerAddress">
<el-input v-model="formData.registerAddress" placeholder="请输入注册地址" />
</el-form-item>
<el-form-item label="社会统一信息代码" prop="informationCode">
<el-input v-model="formData.informationCode" placeholder="请输入社会统一信息代码" />
</el-form-item>
<el-form-item label="经营时间开始" prop="operateStart">
<el-input v-model="formData.operateStart" placeholder="请输入经营时间开始" />
</el-form-item>
<el-form-item label="经营时间结束" prop="operateEnd">
<el-input v-model="formData.operateEnd" placeholder="请输入经营时间结束" />
</el-form-item>
<el-form-item label="注册资金" prop="registerCapital">
<el-input v-model="formData.registerCapital" placeholder="请输入注册资金" />
</el-form-item>
<el-form-item label="经营范围" prop="businessScope">
<el-input v-model="formData.businessScope" placeholder="请输入经营范围" />
</el-form-item>
<el-form-item label="实缴资金证明" prop="proofPaidCapital">
<el-input v-model="formData.proofPaidCapital" placeholder="请输入实缴资金证明" />
</el-form-item>
<el-form-item label="资产证明" prop="assetCertificate">
<el-input v-model="formData.assetCertificate" placeholder="请输入资产证明" />
</el-form-item>
<el-form-item label="资产抵押证明" prop="assetCertificateMortgage">
<el-input v-model="formData.assetCertificateMortgage" placeholder="请输入资产抵押证明" />
</el-form-item>
<el-form-item label="其他资质文件" prop="otherQualifications">
<el-input v-model="formData.otherQualifications" placeholder="请输入其他资质文件" />
</el-form-item>
<el-form-item label="合作时间开始" prop="collaborationStart">
<el-input v-model="formData.collaborationStart" placeholder="请输入合作时间开始" />
</el-form-item>
<el-form-item label="合作时间结束" prop="collaborationEnd">
<el-input v-model="formData.collaborationEnd" placeholder="请输入合作时间结束" />
</el-form-item>
<el-form-item label="需求量（每月下限）" prop="demandVolumeDown">
<el-input v-model="formData.demandVolumeDown" placeholder="请输入需求量（每月下限）" />
</el-form-item>
<el-form-item label="需求量（每月上限）" prop="demandVolumeUpper">
<el-input v-model="formData.demandVolumeUpper" placeholder="请输入需求量（每月上限）" />
</el-form-item>
<el-form-item label="资金额度" prop="fundLimit">
<el-input v-model="formData.fundLimit" placeholder="请输入资金额度" />
</el-form-item>
<el-form-item label="营业时间" prop="businessHours">
<el-input v-model="formData.businessHours" placeholder="请输入营业时间" />
</el-form-item>
<el-form-item label="营业时间开始" prop="businessStart">
<el-input v-model="formData.businessStart" placeholder="请输入营业时间开始" />
</el-form-item>
<el-form-item label="营业时间结束" prop="businessEnd">
<el-input v-model="formData.businessEnd" placeholder="请输入营业时间结束" />
</el-form-item>
<el-form-item label="允许卸货时间开始" prop="allowableUnloadingStart">
<el-input v-model="formData.allowableUnloadingStart" placeholder="请输入允许卸货时间开始" />
</el-form-item>
<el-form-item label="允许卸货时间结束" prop="allowableUnloadingEnd">
<el-input v-model="formData.allowableUnloadingEnd" placeholder="请输入允许卸货时间结束" />
</el-form-item>
<el-form-item label="卸货时长" prop="unloading">
<el-input v-model="formData.unloading" placeholder="请输入卸货时长" />
</el-form-item>
<el-form-item label="卸货效率" prop="unloadingEfficiency">
<el-input v-model="formData.unloadingEfficiency" placeholder="请输入卸货效率" />
</el-form-item>
<el-form-item label="允许装货时间开始" prop="allowableShipmentStart">
<el-input v-model="formData.allowableShipmentStart" placeholder="请输入允许装货时间开始" />
</el-form-item>
<el-form-item label="允许装货时间结束" prop="allowableShipmentEnd">
<el-input v-model="formData.allowableShipmentEnd" placeholder="请输入允许装货时间结束" />
</el-form-item>
<el-form-item label="装货时长" prop="shipment">
<el-input v-model="formData.shipment" placeholder="请输入装货时长" />
</el-form-item>
<el-form-item label="装货效果" prop="shipmentEffciency">
<el-input v-model="formData.shipmentEffciency" placeholder="请输入装货效果" />
</el-form-item>
<el-form-item label="付款方式(0：无 1：现金 2：银行转账 3：承兑汇票 4：有赞代收 5：支付宝 6：微信 7：国家列表)" prop="paymentMethod">
<el-input v-model="formData.paymentMethod"
placeholder="请输入付款方式(0：无 1：现金 2：银行转账 3：承兑汇票 4：有赞代收 5：支付宝 6：微信 7：国家列表)" />
</el-form-item>
<el-form-item label="账户名称" prop="accountName">
<el-input v-model="formData.accountName" placeholder="请输入账户名称" />
</el-form-item>
<el-form-item label="银行账号" prop="bankAccount">
<el-input v-model="formData.bankAccount" placeholder="请输入银行账号" />
</el-form-item>
<el-form-item label="开户银行" prop="bankDeposit">
<el-input v-model="formData.bankDeposit" placeholder="请输入开户银行" />
</el-form-item>
<el-form-item label="开户地区" prop="depositArea">
<el-input v-model="formData.depositArea" placeholder="请输入开户地区" />
</el-form-item>
<el-form-item label="支行名称" prop="bankBranch">
<el-input v-model="formData.bankBranch" placeholder="请输入支行名称" />
</el-form-item>
<el-form-item label="公司税号" prop="companyTaxNumber">
<el-input v-model="formData.companyTaxNumber" placeholder="请输入公司税号" />
</el-form-item>
<el-form-item label="企业名称" prop="enterpriseName">
<el-input v-model="formData.enterpriseName" placeholder="请输入企业名称" />
</el-form-item>
<el-form-item label="单位地址" prop="workAddress">
<el-input v-model="formData.workAddress" placeholder="请输入单位地址" />
</el-form-item>
<el-form-item label="合作方式(0：买断 1：联营)" prop="collaborationMethod">
<el-input v-model="formData.collaborationMethod" placeholder="请输入合作方式(0：买断 1：联营)" />
</el-form-item>
<el-form-item label="结算方式(0:先货后款 1：先款后货)" prop="settlementMethod">
<el-input v-model="formData.settlementMethod" placeholder="请输入结算方式(0:先货后款 1：先款后货)" />
</el-form-item>
<el-form-item label="账期" prop="accountPeriod">
<el-input v-model="formData.accountPeriod" placeholder="请输入账期" />
</el-form-item>
<el-form-item label="压款方式(0：无 1：按金额 2：按比例)" prop="underpaymentMethod">
<el-input v-model="formData.underpaymentMethod" placeholder="请输入压款方式(0：无 1：按金额 2：按比例)" />
</el-form-item>
<el-form-item label="申请压款比例" prop="applyForUnderpaymentRatio">
<el-input v-model="formData.applyForUnderpaymentRatio" placeholder="请输入申请压款比例" />
</el-form-item>
<el-form-item label="保证金方式(0：无 1：按金额 2：按比例)" prop="marginMethod">
<el-input v-model="formData.marginMethod" placeholder="请输入保证金方式(0：无 1：按金额 2：按比例)" />
</el-form-item>
<el-form-item label="申请保证金比例" prop="applyForMarginRatio">
<el-input v-model="formData.applyForMarginRatio" placeholder="请输入申请保证金比例" />
</el-form-item>
<el-form-item label="逾期利率(0：按年化1：按月化)" prop="overdueInterestRate">
<el-input v-model="formData.overdueInterestRate" placeholder="请输入逾期利率(0：按年化1：按月化)" />
</el-form-item>
<el-form-item label="申请逾期利率" prop="applyForOverdueRatio">
<el-input v-model="formData.applyForOverdueRatio" placeholder="请输入申请逾期利率" />
</el-form-item>
<el-form-item label="预留字段1" prop="reservedFields1">
<el-input v-model="formData.reservedFields1" placeholder="请输入预留字段1" />
</el-form-item>
<el-form-item label="预留字段2" prop="reservedFields2">
<el-input v-model="formData.reservedFields2" placeholder="请输入预留字段2" />
</el-form-item>
<el-form-item label="预留字段3" prop="reservedFields3">
<el-input v-model="formData.reservedFields3" placeholder="请输入预留字段3" />
</el-form-item>
<el-form-item label="预留字段4" prop="reservedFields4">
<el-input v-model="formData.reservedFields4" placeholder="请输入预留字段4" />
</el-form-item>
<el-form-item label="预留字段5" prop="reservedFields5">
<el-input v-model="formData.reservedFields5" placeholder="请输入预留字段5" />
</el-form-item>
<el-form-item label="预留字段6" prop="reservedFields6">
<el-input v-model="formData.reservedFields6" placeholder="请输入预留字段6" />
</el-form-item>
<el-form-item label="信用级别(0：S 1：A 2：B)" prop="creditRating">
<el-input v-model="formData.creditRating" placeholder="请输入信用级别(0：S 1：A 2：B)" />
</el-form-item>
<el-form-item label="信用级别(0：开启 1：关闭)" prop="autoCreditRating">
<el-input v-model="formData.autoCreditRating" placeholder="请输入信用级别(0：开启 1：关闭)" />
</el-form-item>
<el-form-item label="应收款上限" prop="accountsReceivableUpper">
<el-input v-model="formData.accountsReceivableUpper" placeholder="请输入应收款上限" />
</el-form-item>
<el-form-item label="订单量下限" prop="orderQuantityDown">
<el-input v-model="formData.orderQuantityDown" placeholder="请输入订单量下限" />
</el-form-item>
<el-form-item label="订单量上限" prop="orderQuantityUpper">
<el-input v-model="formData.orderQuantityUpper" placeholder="请输入订单量上限" />
</el-form-item>
<el-form-item label="应收款项逾期限制" prop="accountsReceivableOverdue">
<el-input v-model="formData.accountsReceivableOverdue" placeholder="请输入应收款项逾期限制" />
</el-form-item>
<el-form-item label="完税证明超时限制" prop="taxPaymentCertificate">
<el-input v-model="formData.taxPaymentCertificate" placeholder="请输入完税证明超时限制" />
</el-form-item>
</el-form>
<template #footer>
<el-button @click="submitForm" type="primary" :disabled="formLoading">确 定</el-button>
<el-button @click="dialogVisible = false">取 消</el-button>
</template>
</Dialog>
</template>
<script setup lang="ts">
import { DICT_TYPE, getStrDictOptions, getIntDictOptions } from '@/utils/dict'
import * as SubjectBasicApi from '@/api/xxjj/subjectBasic'
const { t } = useI18n() // 国际化
const message = useMessage() // 消息弹窗
const dialogVisible = ref(false) // 弹窗的是否展示
const dialogTitle = ref('') // 弹窗的标题
const formLoading = ref(false) // 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用
const formType = ref('') // 表单的类型：create - 新增；update - 修改
const formData = ref({
id: undefined,
name: undefined,
businessType: undefined,
calssify: undefined,
logo: undefined,
enterpriseNature: undefined,
industryClassify: undefined,
customerSource: undefined,
customerStarrating: undefined,
industrySchedule: undefined,
belongingPeople: undefined,
city: undefined,
country: undefined,
address: undefined,
phone: undefined,
companyFax: undefined,
companyHttp: undefined,
companyProfile: undefined,
customerStatus: undefined,
socialInformationCodeCertificate: undefined,
registerAddress: undefined,
informationCode: undefined,
operateStart: undefined,
operateEnd: undefined,
registerCapital: undefined,
businessScope: undefined,
proofPaidCapital: undefined,
assetCertificate: undefined,
assetCertificateMortgage: undefined,
otherQualifications: undefined,
collaborationStart: undefined,
collaborationEnd: undefined,
demandVolumeDown: undefined,
demandVolumeUpper: undefined,
fundLimit: undefined,
businessHours: undefined,
businessStart: undefined,
businessEnd: undefined,
allowableUnloadingStart: undefined,
allowableUnloadingEnd: undefined,
unloading: undefined,
unloadingEfficiency: undefined,
allowableShipmentStart: undefined,
allowableShipmentEnd: undefined,
shipment: undefined,
shipmentEffciency: undefined,
paymentMethod: undefined,
accountName: undefined,
bankAccount: undefined,
bankDeposit: undefined,
depositArea: undefined,
bankBranch: undefined,
companyTaxNumber: undefined,
enterpriseName: undefined,
workAddress: undefined,
collaborationMethod: undefined,
settlementMethod: undefined,
accountPeriod: undefined,
underpaymentMethod: undefined,
applyForUnderpaymentRatio: undefined,
marginMethod: undefined,
applyForMarginRatio: undefined,
overdueInterestRate: undefined,
applyForOverdueRatio: undefined,
reservedFields1: undefined,
reservedFields2: undefined,
reservedFields3: undefined,
reservedFields4: undefined,
reservedFields5: undefined,
reservedFields6: undefined,
creditRating: undefined,
autoCreditRating: undefined,
accountsReceivableUpper: undefined,
orderQuantityDown: undefined,
orderQuantityUpper: undefined,
accountsReceivableOverdue: undefined,
taxPaymentCertificate: undefined
})
const formRules = reactive({
name: [{ required: true, message: '客户名称不能为空', trigger: 'change' }],
businessType: [{ required: true, message: '业务类型(0：客户 1：供应商 2：服务商)不能为空', trigger: 'change' }],
calssify: [{ required: true, message: '分类(0：一级 1：二级 2：三级)不能为空', trigger: 'blur' }],
customerStatus: [{ required: true, message: '客户状态(0：待提交 1：待审核 2：待核准 3：带启用 4：已启用 5：已禁用 6：已关闭)不能为空', trigger: 'change' }]
})
const formRef = ref() // 表单 Ref
/** 打开弹窗 */
const open = async (type: string, id?: number) => {
dialogVisible.value = true
dialogTitle.value = t('action.' + type)
formType.value = type
resetForm()
// 修改时，设置数据
if (id) {
formLoading.value = true
try {
formData.value = await SubjectBasicApi.getSubjectBasic(id)
} finally {
formLoading.value = false
}
}
}
defineExpose({ open }) // 提供 open 方法，用于打开弹窗
/** 提交表单 */
const emit = defineEmits(['success']) // 定义 success 事件，用于操作成功后的回调
const submitForm = async () => {
// 校验表单
if (!formRef) return
const valid = await formRef.value.validate()
if (!valid) return
// 提交请求
formLoading.value = true
try {
const data = formData.value as unknown as SubjectBasicApi.SubjectBasicVO
if (formType.value === 'create') {
await SubjectBasicApi.createSubjectBasic(data)
message.success(t('common.createSuccess'))
} else {
await SubjectBasicApi.updateSubjectBasic(data)
message.success(t('common.updateSuccess'))
}
dialogVisible.value = false
// 发送操作成功的事件
emit('success')
} finally {
formLoading.value = false
}
}
/** 重置表单 */
const resetForm = () => {
formData.value = {
id: undefined,
businessType: undefined,
calssify: undefined,
name: undefined,
logo: undefined,
enterpriseNature: undefined,
industryClassify: undefined,
customerSource: undefined,
customerStarrating: undefined,
industrySchedule: undefined,
belongingPeople: undefined,
city: undefined,
country: undefined,
address: undefined,
phone: undefined,
companyFax: undefined,
companyHttp: undefined,
companyProfile: undefined,
customerStatus: undefined,
socialInformationCodeCertificate: undefined,
registerAddress: undefined,
informationCode: undefined,
operateStart: undefined,
operateEnd: undefined,
registerCapital: undefined,
businessScope: undefined,
proofPaidCapital: undefined,
assetCertificate: undefined,
assetCertificateMortgage: undefined,
otherQualifications: undefined,
collaborationStart: undefined,
collaborationEnd: undefined,
demandVolumeDown: undefined,
demandVolumeUpper: undefined,
fundLimit: undefined,
businessHours: undefined,
businessStart: undefined,
businessEnd: undefined,
allowableUnloadingStart: undefined,
allowableUnloadingEnd: undefined,
unloading: undefined,
unloadingEfficiency: undefined,
allowableShipmentStart: undefined,
allowableShipmentEnd: undefined,
shipment: undefined,
shipmentEffciency: undefined,
paymentMethod: undefined,
accountName: undefined,
bankAccount: undefined,
bankDeposit: undefined,
depositArea: undefined,
bankBranch: undefined,
companyTaxNumber: undefined,
enterpriseName: undefined,
workAddress: undefined,
collaborationMethod: undefined,
settlementMethod: undefined,
accountPeriod: undefined,
underpaymentMethod: undefined,
applyForUnderpaymentRatio: undefined,
marginMethod: undefined,
applyForMarginRatio: undefined,
overdueInterestRate: undefined,
applyForOverdueRatio: undefined,
reservedFields1: undefined,
reservedFields2: undefined,
reservedFields3: undefined,
reservedFields4: undefined,
reservedFields5: undefined,
reservedFields6: undefined,
creditRating: undefined,
autoCreditRating: undefined,
accountsReceivableUpper: undefined,
orderQuantityDown: undefined,
orderQuantityUpper: undefined,
accountsReceivableOverdue: undefined,
taxPaymentCertificate: undefined
}
formRef.value?.resetFields()
}
</script>

246
yunxi-ui-admin-vue3/src/views/xxjj/subjectBasic/SubjectBasicForm.vue
Unescape View File

@ -4,237 +4,21 @@
<el-form-item label="客户名称" prop="name">
<el-input v-model="formData.name" placeholder="请输入客户名称" />
</el-form-item>
<el-form-item label="分类(0：一级 1：二级 2：三级)" prop="calssify">
<el-select v-model="formData.calssify" placeholder="请选择">
<el-option v-for="dict in getIntDictOptions(DICT_TYPE.CUSTOMER_CALSSIFY)" :key="dict.value" :label="dict.label"
:value="dict.value" />
</el-select>
</el-form-item>
<el-form-item label="客户名称" prop="name">
<el-input v-model="formData.name" placeholder="请输入客户名称" />
</el-form-item>
<el-form-item label="公司logo" prop="logo">
<el-input v-model="formData.logo" placeholder="请输入公司logo" />
</el-form-item>
<el-form-item label="企业性质(0：国有企业 1：集体企业 2：私营企业 3：股份制企业 4：外资企业 5：合资企业)" prop="enterpriseNature">
<el-input v-model="formData.enterpriseNature" placeholder="请输入企业性质(0：国有企业 1：集体企业 2：私营企业 3：股份制企业 4：外资企业 5：合资企业)" />
</el-form-item>
<el-form-item label="行业分类(0：家用电器 1：交通运输 2：商务服务 3：家具用品 4：电工电气 5：通信产品 6：办公文教 7：运动休闲 8：传媒广电)" prop="industryClassify">
<el-input v-model="formData.industryClassify"
placeholder="请输入行业分类(0：家用电器 1：交通运输 2：商务服务 3：家具用品 4：电工电气 5：通信产品 6：办公文教 7：运动休闲 8：传媒广电)" />
</el-form-item>
<el-form-item label="客户来源(0：电话营销 1：主动来电 2：客户介绍 3：朋友介绍 4：独立开发 5：网络搜索 6：广告杂志 7：展会促销 8：其他途径)" prop="customerSource">
<el-input v-model="formData.customerSource"
placeholder="请输入客户来源(0：电话营销 1：主动来电 2：客户介绍 3：朋友介绍 4：独立开发 5：网络搜索 6：广告杂志 7：展会促销 8：其他途径)" />
</el-form-item>
<el-form-item label="客户星级(0：一星 1：二星 2：三星 3：四星 4：五星)" prop="customerStarrating">
<el-input v-model="formData.customerStarrating" placeholder="请输入客户星级(0：一星 1：二星 2：三星 3：四星 4：五星)" />
</el-form-item>
<el-form-item label="业务进度(0：了解跟进 1：资料收集 2：客户评审 3：风控核准 4：合作洽谈 5：准备签约 6：已经签约 7：合作叫停 8：暂时搁置)" prop="industrySchedule">
<el-input v-model="formData.industrySchedule"
placeholder="请输入业务进度(0：了解跟进 1：资料收集 2：客户评审 3：风控核准 4：合作洽谈 5：准备签约 6：已经签约 7：合作叫停 8：暂时搁置)" />
</el-form-item>
<el-form-item label="归属人员" prop="belongingPeople">
<el-input v-model="formData.belongingPeople" placeholder="请输入归属人员" />
</el-form-item>
<el-form-item label="所在城市" prop="city">
<el-input v-model="formData.city" placeholder="请输入所在城市" />
</el-form-item>
<el-form-item label="国家" prop="country">
<el-input v-model="formData.country" placeholder="请输入国家" />
</el-form-item>
<el-form-item label="详细地址" prop="address">
<el-input v-model="formData.address" placeholder="请输入详细地址" />
</el-form-item>
<el-form-item label="公司电话" prop="phone">
<el-input v-model="formData.phone" placeholder="请输入公司电话" />
</el-form-item>
<el-form-item label="公司传真" prop="companyFax">
<el-input v-model="formData.companyFax" placeholder="请输入公司传真" />
</el-form-item>
<el-form-item label="公司网址" prop="companyHttp">
<el-input v-model="formData.companyHttp" placeholder="请输入公司网址" />
</el-form-item>
<el-form-item label="客户状态(0：待提交 1：待审核 2：待核准 3：带启用 4：已启用 5：已禁用 6：已关闭)" prop="customerStatus">
<el-select v-model="formData.customerStatus" placeholder="请选择客户状态(0：待提交 1：待审核 2：待核准 3：带启用 4：已启用 5：已禁用 6：已关闭)">
<el-option v-for="dict in getStrDictOptions(DICT_TYPE.CUSTOMER_STATUS)" :key="dict.value" :label="dict.label"
:value="dict.value" />
</el-select>
</el-form-item>
<el-form-item label="社会信息代码证（营业执照）" prop="socialInformationCodeCertificate">
<el-input v-model="formData.socialInformationCodeCertificate" placeholder="请输入社会信息代码证（营业执照）" />
</el-form-item>
<el-form-item label="注册地址" prop="registerAddress">
<el-input v-model="formData.registerAddress" placeholder="请输入注册地址" />
</el-form-item>
<el-form-item label="社会统一信息代码" prop="informationCode">
<el-input v-model="formData.informationCode" placeholder="请输入社会统一信息代码" />
</el-form-item>
<el-form-item label="经营时间开始" prop="operateStart">
<el-input v-model="formData.operateStart" placeholder="请输入经营时间开始" />
</el-form-item>
<el-form-item label="经营时间结束" prop="operateEnd">
<el-input v-model="formData.operateEnd" placeholder="请输入经营时间结束" />
</el-form-item>
<el-form-item label="注册资金" prop="registerCapital">
<el-input v-model="formData.registerCapital" placeholder="请输入注册资金" />
</el-form-item>
<el-form-item label="经营范围" prop="businessScope">
<el-input v-model="formData.businessScope" placeholder="请输入经营范围" />
</el-form-item>
<el-form-item label="实缴资金证明" prop="proofPaidCapital">
<el-input v-model="formData.proofPaidCapital" placeholder="请输入实缴资金证明" />
</el-form-item>
<el-form-item label="资产证明" prop="assetCertificate">
<el-input v-model="formData.assetCertificate" placeholder="请输入资产证明" />
</el-form-item>
<el-form-item label="资产抵押证明" prop="assetCertificateMortgage">
<el-input v-model="formData.assetCertificateMortgage" placeholder="请输入资产抵押证明" />
</el-form-item>
<el-form-item label="其他资质文件" prop="otherQualifications">
<el-input v-model="formData.otherQualifications" placeholder="请输入其他资质文件" />
</el-form-item>
<el-form-item label="合作时间开始" prop="collaborationStart">
<el-input v-model="formData.collaborationStart" placeholder="请输入合作时间开始" />
</el-form-item>
<el-form-item label="合作时间结束" prop="collaborationEnd">
<el-input v-model="formData.collaborationEnd" placeholder="请输入合作时间结束" />
</el-form-item>
<el-form-item label="需求量（每月下限）" prop="demandVolumeDown">
<el-input v-model="formData.demandVolumeDown" placeholder="请输入需求量（每月下限）" />
</el-form-item>
<el-form-item label="需求量（每月上限）" prop="demandVolumeUpper">
<el-input v-model="formData.demandVolumeUpper" placeholder="请输入需求量（每月上限）" />
</el-form-item>
<el-form-item label="资金额度" prop="fundLimit">
<el-input v-model="formData.fundLimit" placeholder="请输入资金额度" />
</el-form-item>
<el-form-item label="营业时间" prop="businessHours">
<el-input v-model="formData.businessHours" placeholder="请输入营业时间" />
</el-form-item>
<el-form-item label="营业时间开始" prop="businessStart">
<el-input v-model="formData.businessStart" placeholder="请输入营业时间开始" />
</el-form-item>
<el-form-item label="营业时间结束" prop="businessEnd">
<el-input v-model="formData.businessEnd" placeholder="请输入营业时间结束" />
</el-form-item>
<el-form-item label="允许卸货时间开始" prop="allowableUnloadingStart">
<el-input v-model="formData.allowableUnloadingStart" placeholder="请输入允许卸货时间开始" />
</el-form-item>
<el-form-item label="允许卸货时间结束" prop="allowableUnloadingEnd">
<el-input v-model="formData.allowableUnloadingEnd" placeholder="请输入允许卸货时间结束" />
</el-form-item>
<el-form-item label="卸货时长" prop="unloading">
<el-input v-model="formData.unloading" placeholder="请输入卸货时长" />
</el-form-item>
<el-form-item label="卸货效率" prop="unloadingEfficiency">
<el-input v-model="formData.unloadingEfficiency" placeholder="请输入卸货效率" />
</el-form-item>
<el-form-item label="允许装货时间开始" prop="allowableShipmentStart">
<el-input v-model="formData.allowableShipmentStart" placeholder="请输入允许装货时间开始" />
</el-form-item>
<el-form-item label="允许装货时间结束" prop="allowableShipmentEnd">
<el-input v-model="formData.allowableShipmentEnd" placeholder="请输入允许装货时间结束" />
</el-form-item>
<el-form-item label="装货时长" prop="shipment">
<el-input v-model="formData.shipment" placeholder="请输入装货时长" />
</el-form-item>
<el-form-item label="装货效果" prop="shipmentEffciency">
<el-input v-model="formData.shipmentEffciency" placeholder="请输入装货效果" />
</el-form-item>
<el-form-item label="付款方式(0：无 1：现金 2：银行转账 3：承兑汇票 4：有赞代收 5：支付宝 6：微信 7：国家列表)" prop="paymentMethod">
<el-input v-model="formData.paymentMethod"
placeholder="请输入付款方式(0：无 1：现金 2：银行转账 3：承兑汇票 4：有赞代收 5：支付宝 6：微信 7：国家列表)" />
</el-form-item>
<el-form-item label="账户名称" prop="accountName">
<el-input v-model="formData.accountName" placeholder="请输入账户名称" />
</el-form-item>
<el-form-item label="银行账号" prop="bankAccount">
<el-input v-model="formData.bankAccount" placeholder="请输入银行账号" />
</el-form-item>
<el-form-item label="开户银行" prop="bankDeposit">
<el-input v-model="formData.bankDeposit" placeholder="请输入开户银行" />
</el-form-item>
<el-form-item label="开户地区" prop="depositArea">
<el-input v-model="formData.depositArea" placeholder="请输入开户地区" />
</el-form-item>
<el-form-item label="支行名称" prop="bankBranch">
<el-input v-model="formData.bankBranch" placeholder="请输入支行名称" />
</el-form-item>
<el-form-item label="公司税号" prop="companyTaxNumber">
<el-input v-model="formData.companyTaxNumber" placeholder="请输入公司税号" />
</el-form-item>
<el-form-item label="企业名称" prop="enterpriseName">
<el-input v-model="formData.enterpriseName" placeholder="请输入企业名称" />
</el-form-item>
<el-form-item label="单位地址" prop="workAddress">
<el-input v-model="formData.workAddress" placeholder="请输入单位地址" />
</el-form-item>
<el-form-item label="合作方式(0：买断 1：联营)" prop="collaborationMethod">
<el-input v-model="formData.collaborationMethod" placeholder="请输入合作方式(0：买断 1：联营)" />
</el-form-item>
<el-form-item label="结算方式(0:先货后款 1：先款后货)" prop="settlementMethod">
<el-input v-model="formData.settlementMethod" placeholder="请输入结算方式(0:先货后款 1：先款后货)" />
</el-form-item>
<el-form-item label="账期" prop="accountPeriod">
<el-input v-model="formData.accountPeriod" placeholder="请输入账期" />
</el-form-item>
<el-form-item label="压款方式(0：无 1：按金额 2：按比例)" prop="underpaymentMethod">
<el-input v-model="formData.underpaymentMethod" placeholder="请输入压款方式(0：无 1：按金额 2：按比例)" />
</el-form-item>
<el-form-item label="申请压款比例" prop="applyForUnderpaymentRatio">
<el-input v-model="formData.applyForUnderpaymentRatio" placeholder="请输入申请压款比例" />
</el-form-item>
<el-form-item label="保证金方式(0：无 1：按金额 2：按比例)" prop="marginMethod">
<el-input v-model="formData.marginMethod" placeholder="请输入保证金方式(0：无 1：按金额 2：按比例)" />
</el-form-item>
<el-form-item label="申请保证金比例" prop="applyForMarginRatio">
<el-input v-model="formData.applyForMarginRatio" placeholder="请输入申请保证金比例" />
</el-form-item>
<el-form-item label="逾期利率(0：按年化1：按月化)" prop="overdueInterestRate">
<el-input v-model="formData.overdueInterestRate" placeholder="请输入逾期利率(0：按年化1：按月化)" />
</el-form-item>
<el-form-item label="申请逾期利率" prop="applyForOverdueRatio">
<el-input v-model="formData.applyForOverdueRatio" placeholder="请输入申请逾期利率" />
</el-form-item>
<el-form-item label="预留字段1" prop="reservedFields1">
<el-input v-model="formData.reservedFields1" placeholder="请输入预留字段1" />
</el-form-item>
<el-form-item label="预留字段2" prop="reservedFields2">
<el-input v-model="formData.reservedFields2" placeholder="请输入预留字段2" />
</el-form-item>
<el-form-item label="预留字段3" prop="reservedFields3">
<el-input v-model="formData.reservedFields3" placeholder="请输入预留字段3" />
</el-form-item>
<el-form-item label="预留字段4" prop="reservedFields4">
<el-input v-model="formData.reservedFields4" placeholder="请输入预留字段4" />
</el-form-item>
<el-form-item label="预留字段5" prop="reservedFields5">
<el-input v-model="formData.reservedFields5" placeholder="请输入预留字段5" />
</el-form-item>
<el-form-item label="预留字段6" prop="reservedFields6">
<el-input v-model="formData.reservedFields6" placeholder="请输入预留字段6" />
</el-form-item>
<el-form-item label="信用级别(0：S 1：A 2：B)" prop="creditRating">
<el-input v-model="formData.creditRating" placeholder="请输入信用级别(0：S 1：A 2：B)" />
</el-form-item>
<el-form-item label="信用级别(0：开启 1：关闭)" prop="autoCreditRating">
<el-input v-model="formData.autoCreditRating" placeholder="请输入信用级别(0：开启 1：关闭)" />
</el-form-item>
<el-form-item label="应收款上限" prop="accountsReceivableUpper">
<el-input v-model="formData.accountsReceivableUpper" placeholder="请输入应收款上限" />
</el-form-item>
<el-form-item label="订单量下限" prop="orderQuantityDown">
<el-input v-model="formData.orderQuantityDown" placeholder="请输入订单量下限" />
</el-form-item>
<el-form-item label="订单量上限" prop="orderQuantityUpper">
<el-input v-model="formData.orderQuantityUpper" placeholder="请输入订单量上限" />
</el-form-item>
<el-form-item label="应收款项逾期限制" prop="accountsReceivableOverdue">
<el-input v-model="formData.accountsReceivableOverdue" placeholder="请输入应收款项逾期限制" />
</el-form-item>
<el-form-item label="完税证明超时限制" prop="taxPaymentCertificate">
<el-input v-model="formData.taxPaymentCertificate" placeholder="请输入完税证明超时限制" />
<el-form-item label="开始时间" prop="name">
<el-date-picker v-model="formData.businessType" type="dates" placeholder="开始时间" style="width: 100%;" />
</el-form-item>
<el-form-item label="紧要程度" prop="logo">
<el-radio-group v-model="formData.customerSource" size="large">
<el-radio-button label="重要" />
<el-radio-button label="紧急" />
<el-radio-button label="普通" />
<el-radio-button label="较低" />
</el-radio-group>
</el-form-item>
<el-form-item label="提醒方式" prop="enterpriseNature">
<el-checkbox v-model="formData.customerSource" label="消息信息" size="large" />
<el-checkbox v-model="formData.customerSource" label="邮件通知" size="large" />
<el-checkbox v-model="formData.customerSource" label="短信通知" size="large" />
</el-form-item>
</el-form>
<template #footer>

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