|
|
@ -1,42 +1,137 @@
|
|
|
|
<template>
|
|
|
|
<template>
|
|
|
|
<el-card class="box-card">
|
|
|
|
<div>
|
|
|
|
|
|
|
|
<el-card class="box-card xy-y1">
|
|
|
|
<template #header>
|
|
|
|
<template #header>
|
|
|
|
<el-button type="" link icon="ep:Back">返回</el-button>
|
|
|
|
<el-button type="" link>返回</el-button>
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
<template #default>
|
|
|
|
<template #default>
|
|
|
|
<el-button type="" link icon="ep:back">返回</el-button>
|
|
|
|
<el-row>
|
|
|
|
cs
|
|
|
|
<el-col :span="24">
|
|
|
|
|
|
|
|
<el-row>
|
|
|
|
|
|
|
|
<el-col :span="12">
|
|
|
|
|
|
|
|
<div style="float: left;"><el-image style="width: 100px; height: 100px" fit="fill" /></div>
|
|
|
|
|
|
|
|
<div style="height: 100px; line-height: 100px;float: left;">江阴华润制钢有限公司(一级客户)</div>
|
|
|
|
|
|
|
|
</el-col>
|
|
|
|
|
|
|
|
<el-col :span="12">
|
|
|
|
|
|
|
|
<div style="float: right;">
|
|
|
|
|
|
|
|
<el-space :size="10">
|
|
|
|
|
|
|
|
<el-button type="primary">编辑信息</el-button>
|
|
|
|
|
|
|
|
<el-button>更新业务进度</el-button>
|
|
|
|
|
|
|
|
<el-button>申请评级</el-button>
|
|
|
|
|
|
|
|
<el-button>更新业务进度</el-button>
|
|
|
|
|
|
|
|
<el-select placeholder="更多操作" style="width: 100px;">
|
|
|
|
|
|
|
|
<el-option label="业务配置" :value="1" />
|
|
|
|
|
|
|
|
<el-option label="业务配置" :value="1" />
|
|
|
|
|
|
|
|
</el-select>
|
|
|
|
|
|
|
|
</el-space>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</el-col>
|
|
|
|
|
|
|
|
</el-row>
|
|
|
|
|
|
|
|
</el-col>
|
|
|
|
|
|
|
|
</el-row>
|
|
|
|
|
|
|
|
<el-row>
|
|
|
|
|
|
|
|
<el-col :span="24" style="background-color: #F7F8FA; padding: 24px;">
|
|
|
|
|
|
|
|
<el-row>
|
|
|
|
|
|
|
|
<el-col :span="6">
|
|
|
|
|
|
|
|
<el-row>
|
|
|
|
|
|
|
|
<el-col :span="6" class="xy-label">客户编号:</el-col>
|
|
|
|
|
|
|
|
<el-col :span="18" class="xy-text">C20230822001</el-col>
|
|
|
|
|
|
|
|
</el-row>
|
|
|
|
|
|
|
|
</el-col>
|
|
|
|
|
|
|
|
<el-col :span="6">
|
|
|
|
|
|
|
|
<el-row>
|
|
|
|
|
|
|
|
<el-col :span="6" class="xy-label">企业性质:</el-col>
|
|
|
|
|
|
|
|
<el-col :span="18" class="xy-text">外资企业</el-col>
|
|
|
|
|
|
|
|
</el-row>
|
|
|
|
|
|
|
|
</el-col>
|
|
|
|
|
|
|
|
<el-col :span="6">
|
|
|
|
|
|
|
|
<el-row>
|
|
|
|
|
|
|
|
<el-col :span="6" class="xy-label">行业分类:</el-col>
|
|
|
|
|
|
|
|
<el-col :span="18" class="xy-text">行业分类</el-col>
|
|
|
|
|
|
|
|
</el-row>
|
|
|
|
|
|
|
|
</el-col>
|
|
|
|
|
|
|
|
<el-col :span="6">
|
|
|
|
|
|
|
|
<el-row>
|
|
|
|
|
|
|
|
<el-col :span="8">状态</el-col>
|
|
|
|
|
|
|
|
<el-col :span="8">业务进度</el-col>
|
|
|
|
|
|
|
|
<el-col :span="8">信用等级</el-col>
|
|
|
|
|
|
|
|
</el-row>
|
|
|
|
|
|
|
|
</el-col>
|
|
|
|
|
|
|
|
</el-row>
|
|
|
|
|
|
|
|
<el-row>
|
|
|
|
|
|
|
|
<el-col :span="6">
|
|
|
|
|
|
|
|
<el-row>
|
|
|
|
|
|
|
|
<el-col :span="6" class="xy-label">创建时间:</el-col>
|
|
|
|
|
|
|
|
<el-col :span="18" class="xy-text">2023-08-23 23:26:08</el-col>
|
|
|
|
|
|
|
|
</el-row>
|
|
|
|
|
|
|
|
</el-col>
|
|
|
|
|
|
|
|
<el-col :span="6">
|
|
|
|
|
|
|
|
<el-row>
|
|
|
|
|
|
|
|
<el-col :span="6" class="xy-label">默认联系人:</el-col>
|
|
|
|
|
|
|
|
<el-col :span="18" class="xy-text">李总(13112345678)</el-col>
|
|
|
|
|
|
|
|
</el-row>
|
|
|
|
|
|
|
|
</el-col>
|
|
|
|
|
|
|
|
<el-col :span="6">
|
|
|
|
|
|
|
|
<el-row>
|
|
|
|
|
|
|
|
<el-col :span="6" class="xy-label">归属人员:</el-col>
|
|
|
|
|
|
|
|
<el-col :span="18" class="xy-text">张总 (已锁定,到期时间10/30)</el-col>
|
|
|
|
|
|
|
|
</el-row>
|
|
|
|
|
|
|
|
</el-col>
|
|
|
|
|
|
|
|
<el-col :span="6">
|
|
|
|
|
|
|
|
<el-row>
|
|
|
|
|
|
|
|
<el-col :span="8">已启用</el-col>
|
|
|
|
|
|
|
|
<el-col :span="8">正在跟进</el-col>
|
|
|
|
|
|
|
|
<!-- <el-col :span="8"><el-rate :model-value="2" clearable /></el-col> -->
|
|
|
|
|
|
|
|
</el-row>
|
|
|
|
|
|
|
|
</el-col>
|
|
|
|
|
|
|
|
</el-row>
|
|
|
|
|
|
|
|
</el-col>
|
|
|
|
|
|
|
|
</el-row>
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
</el-card>
|
|
|
|
</el-card>
|
|
|
|
|
|
|
|
<el-tabs v-model="activeTabN">
|
|
|
|
<ContentWrap>
|
|
|
|
|
|
|
|
<el-tabs v-model="activeTabN" class="xy-tabs">
|
|
|
|
|
|
|
|
<el-tab-pane label="基础信息" name="tabN1">
|
|
|
|
<el-tab-pane label="基础信息" name="tabN1">
|
|
|
|
|
|
|
|
<template v-if="activeTabN == 'tabN1'">
|
|
|
|
<InfoBasic />
|
|
|
|
<InfoBasic />
|
|
|
|
|
|
|
|
</template>
|
|
|
|
</el-tab-pane>
|
|
|
|
</el-tab-pane>
|
|
|
|
<el-tab-pane label="资质信息" name="tabN2">
|
|
|
|
<el-tab-pane label="资质信息" name="tabN2">
|
|
|
|
|
|
|
|
<template v-if="activeTabN == 'tabN2'">
|
|
|
|
<InfoQualification />
|
|
|
|
<InfoQualification />
|
|
|
|
|
|
|
|
</template>
|
|
|
|
</el-tab-pane>
|
|
|
|
</el-tab-pane>
|
|
|
|
<el-tab-pane label="财务信息" name="tabN3">
|
|
|
|
<el-tab-pane label="财务信息" name="tabN3">
|
|
|
|
|
|
|
|
<template v-if="activeTabN == 'tabN3'">
|
|
|
|
<InfoFinancial />
|
|
|
|
<InfoFinancial />
|
|
|
|
|
|
|
|
</template>
|
|
|
|
</el-tab-pane>
|
|
|
|
</el-tab-pane>
|
|
|
|
<el-tab-pane label="合同信息" name="tabN4">
|
|
|
|
<el-tab-pane label="合同信息" name="tabN4">
|
|
|
|
|
|
|
|
<template v-if="activeTabN == 'tabN4'">
|
|
|
|
<InfoContract />
|
|
|
|
<InfoContract />
|
|
|
|
|
|
|
|
</template>
|
|
|
|
</el-tab-pane>
|
|
|
|
</el-tab-pane>
|
|
|
|
<el-tab-pane label="销售订单" name="tabN5">
|
|
|
|
<el-tab-pane label="销售订单" name="tabN5">
|
|
|
|
|
|
|
|
<template v-if="activeTabN == 'tabN5'">
|
|
|
|
<InfoSaleOrder />
|
|
|
|
<InfoSaleOrder />
|
|
|
|
|
|
|
|
</template>
|
|
|
|
</el-tab-pane>
|
|
|
|
</el-tab-pane>
|
|
|
|
<el-tab-pane label="结算信息" name="tabN6">
|
|
|
|
<el-tab-pane label="结算信息" name="tabN6">
|
|
|
|
|
|
|
|
<template v-if="activeTabN == 'tabN6'">
|
|
|
|
<InfoSettlement />
|
|
|
|
<InfoSettlement />
|
|
|
|
|
|
|
|
</template>
|
|
|
|
</el-tab-pane>
|
|
|
|
</el-tab-pane>
|
|
|
|
<el-tab-pane label="操作记录" name="tabN7">
|
|
|
|
<el-tab-pane label="操作记录" name="tabN7">
|
|
|
|
|
|
|
|
<template v-if="activeTabN == 'tabN7'">
|
|
|
|
<InfoOperationRecords />
|
|
|
|
<InfoOperationRecords />
|
|
|
|
|
|
|
|
</template>
|
|
|
|
</el-tab-pane>
|
|
|
|
</el-tab-pane>
|
|
|
|
<el-tab-pane label="日志记录" name="tabN8">
|
|
|
|
<el-tab-pane label="日志记录" name="tabN8">
|
|
|
|
|
|
|
|
<template v-if="activeTabN == 'tabN8'">
|
|
|
|
<InfoLogging />
|
|
|
|
<InfoLogging />
|
|
|
|
|
|
|
|
</template>
|
|
|
|
</el-tab-pane>
|
|
|
|
</el-tab-pane>
|
|
|
|
</el-tabs>
|
|
|
|
</el-tabs>
|
|
|
|
</ContentWrap>
|
|
|
|
</div>
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
|
|
<script setup lang="ts" name="CustomerDetails">
|
|
|
|
<script setup lang="ts" name="CustomerDetails">
|
|
|
@ -48,6 +143,7 @@ import InfoSaleOrder from './src/InfoSaleOrder.vue'
|
|
|
|
import InfoSettlement from './src/InfoSettlement.vue'
|
|
|
|
import InfoSettlement from './src/InfoSettlement.vue'
|
|
|
|
import InfoOperationRecords from './src/InfoOperationRecords.vue'
|
|
|
|
import InfoOperationRecords from './src/InfoOperationRecords.vue'
|
|
|
|
import InfoLogging from './src/InfoLogging.vue'
|
|
|
|
import InfoLogging from './src/InfoLogging.vue'
|
|
|
|
|
|
|
|
|
|
|
|
const activeTabN = ref('tabN1')
|
|
|
|
const activeTabN = ref('tabN1')
|
|
|
|
</script>
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
@ -57,6 +153,58 @@ const activeTabN = ref('tabN1')
|
|
|
|
padding-left: 10px;
|
|
|
|
padding-left: 10px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.xy-card {
|
|
|
|
|
|
|
|
.el-card__header {
|
|
|
|
|
|
|
|
background-color: #F7F8FA;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.xy-card-info.is-always-shadow {
|
|
|
|
|
|
|
|
box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.xy-card-info {
|
|
|
|
|
|
|
|
border: 0px;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.el-card__header {
|
|
|
|
|
|
|
|
padding: 16px 0px;
|
|
|
|
|
|
|
|
background-color: inherit;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.xy-card-info-icona {
|
|
|
|
|
|
|
|
top: 10px;
|
|
|
|
|
|
|
|
width: 5px;
|
|
|
|
|
|
|
|
height: 24px;
|
|
|
|
|
|
|
|
float: left;
|
|
|
|
|
|
|
|
background-color: #005EFE;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.xy-card-info-text {
|
|
|
|
|
|
|
|
margin-left: 10px;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.el-card__body {
|
|
|
|
|
|
|
|
padding: 15px 0px;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.el-row {
|
|
|
|
|
|
|
|
margin: 10px;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
</style>
|
|
|
|
</style>
|
|
|
|
|
|
|
|
|
|
|
|
<style lang="scss" scoped></style>
|
|
|
|
<style lang="scss" scoped>
|
|
|
|
|
|
|
|
.xy-y1 {
|
|
|
|
|
|
|
|
.xy-label {
|
|
|
|
|
|
|
|
text-align: right;
|
|
|
|
|
|
|
|
color: #86909C;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.xy-text {
|
|
|
|
|
|
|
|
color: #1D2129;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</style>
|
|
|
|