|
|
|
@ -1,6 +1,42 @@
|
|
|
|
|
<template>
|
|
|
|
|
<el-tabs v-model="activeTabN" class="demo-tabs">
|
|
|
|
|
<el-tab-pane label="所有合同" name="tabN1">所有合同</el-tab-pane>
|
|
|
|
|
<el-tabs v-model="activeTabN" class="xy-tabs xy-margin-zero">
|
|
|
|
|
<el-tab-pane label="所有合同" name="tabN1">
|
|
|
|
|
<el-table :data="listA" :border="true" :stripe="true" :show-overflow-tooltip="true" class="xy-table">
|
|
|
|
|
<el-table-column fixed label="合同编号" prop="k1" sortable width="150px"></el-table-column>
|
|
|
|
|
<el-table-column fixed label="合同状态" prop="k2" width="120px"></el-table-column>
|
|
|
|
|
<el-table-column label="执行进度(完成/计划)" prop="k3a" width="180px">
|
|
|
|
|
<template #default="scope">
|
|
|
|
|
<span style="color: #EC808D;">{{ scope.row.k3a }}</span>/<span style="color: #409EFF;">{{
|
|
|
|
|
scope.row.k3b }}</span>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column label="应收金额(已回款/应回款)" prop="k4a" width="200px">
|
|
|
|
|
<template #default="scope">
|
|
|
|
|
<span style="color: #EC808D;">{{ scope.row.k4a }}</span>/<span style="color: #409EFF;">{{
|
|
|
|
|
scope.row.k4b }}</span>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column label="是否逾期" prop="k5a" width="120px">
|
|
|
|
|
<template #default="scope">
|
|
|
|
|
<span style="color: #EC808D;">{{ scope.row.k4a }}</span>/<span style="color: #409EFF;">{{
|
|
|
|
|
scope.row.k4b }}</span>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column label="客户星级" prop="k1" width="150px">
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column label="业务进度" prop="k1" width="120px">
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column label="归属人员" prop="belongingPeople" width="150px" />
|
|
|
|
|
<el-table-column label="生效时间" prop="collaborationStart" width="150px">
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column label="添加时间" prop="createTime" width="150px">
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column label="更新时间" prop="updateTime" width="150px">
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column label="操作" align="center" width="150px" fixed="right">
|
|
|
|
|
</el-table-column>
|
|
|
|
|
</el-table>
|
|
|
|
|
</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>
|
|
|
|
@ -12,6 +48,11 @@
|
|
|
|
|
|
|
|
|
|
<script setup lang="ts" name="InfoContract">
|
|
|
|
|
const activeTabN = ref('tabN1')
|
|
|
|
|
|
|
|
|
|
const listA: any = ref([
|
|
|
|
|
{ k1: 'S202308220001', k2: '待生效', k3a: '1000吨', k3b: '10000吨', k4a: '1000万元', k4b: '10000万元', k5a: true, k5b: '100' },
|
|
|
|
|
{ k1: 'S202308220001', k2: '待生效', k3a: '1000吨', k3b: '10000吨', k4a: '1000万元', k4b: '10000万元', k5a: false, k5b: '' },
|
|
|
|
|
])
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<style lang="scss"></style>
|
|
|
|
|