|
@@ -30,8 +30,14 @@
|
|
|
|
|
|
<ContentWrap>
|
|
<ContentWrap>
|
|
<el-table v-loading="loading" :data="list" :show-overflow-tooltip="true" :stripe="true">
|
|
<el-table v-loading="loading" :data="list" :show-overflow-tooltip="true" :stripe="true">
|
|
- <el-table-column align="center" fixed="left" label="合同编号" prop="no" width="130" />
|
|
|
|
- <el-table-column align="center" label="合同名称" prop="name" width="130" />
|
|
|
|
|
|
+ <el-table-column align="center" fixed="left" label="合同编号" prop="no" width="180" />
|
|
|
|
+ <el-table-column align="center" fixed="left" label="合同名称" prop="name" width="160">
|
|
|
|
+ <template #default="scope">
|
|
|
|
+ <el-link :underline="false" type="primary" @click="openDetail(scope.row.id)">
|
|
|
|
+ {{ scope.row.name }}
|
|
|
|
+ </el-link>
|
|
|
|
+ </template>
|
|
|
|
+ </el-table-column>
|
|
<el-table-column align="center" label="客户名称" prop="customerName" width="120">
|
|
<el-table-column align="center" label="客户名称" prop="customerName" width="120">
|
|
<template #default="scope">
|
|
<template #default="scope">
|
|
<el-link
|
|
<el-link
|
|
@@ -43,8 +49,24 @@
|
|
</el-link>
|
|
</el-link>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
- <!-- TODO @puhui999:做了商机详情后,可以把这个超链接加上 -->
|
|
|
|
- <el-table-column align="center" label="商机名称" prop="businessName" width="130" />
|
|
|
|
|
|
+ <el-table-column align="center" label="商机名称" prop="businessName" width="130">
|
|
|
|
+ <template #default="scope">
|
|
|
|
+ <el-link
|
|
|
|
+ :underline="false"
|
|
|
|
+ type="primary"
|
|
|
|
+ @click="openBusinessDetail(scope.row.businessId)"
|
|
|
|
+ >
|
|
|
|
+ {{ scope.row.businessName }}
|
|
|
|
+ </el-link>
|
|
|
|
+ </template>
|
|
|
|
+ </el-table-column>
|
|
|
|
+ <el-table-column
|
|
|
|
+ align="center"
|
|
|
|
+ label="合同金额(元)"
|
|
|
|
+ prop="totalPrice"
|
|
|
|
+ width="140"
|
|
|
|
+ :formatter="erpPriceTableColumnFormatter"
|
|
|
|
+ />
|
|
<el-table-column
|
|
<el-table-column
|
|
align="center"
|
|
align="center"
|
|
label="下单时间"
|
|
label="下单时间"
|
|
@@ -52,13 +74,6 @@
|
|
width="120"
|
|
width="120"
|
|
:formatter="dateFormatter2"
|
|
:formatter="dateFormatter2"
|
|
/>
|
|
/>
|
|
- <el-table-column
|
|
|
|
- align="center"
|
|
|
|
- label="合同金额"
|
|
|
|
- prop="price"
|
|
|
|
- width="130"
|
|
|
|
- :formatter="fenToYuanFormat"
|
|
|
|
- />
|
|
|
|
<el-table-column
|
|
<el-table-column
|
|
align="center"
|
|
align="center"
|
|
label="合同开始时间"
|
|
label="合同开始时间"
|
|
@@ -78,17 +93,24 @@
|
|
<el-link
|
|
<el-link
|
|
:underline="false"
|
|
:underline="false"
|
|
type="primary"
|
|
type="primary"
|
|
- @click="openContactDetail(scope.row.contactId)"
|
|
|
|
|
|
+ @click="openContactDetail(scope.row.signContactId)"
|
|
>
|
|
>
|
|
- {{ scope.row.contactName }}
|
|
|
|
|
|
+ {{ scope.row.signContactName }}
|
|
</el-link>
|
|
</el-link>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<el-table-column align="center" label="公司签约人" prop="signUserName" width="130" />
|
|
<el-table-column align="center" label="公司签约人" prop="signUserName" width="130" />
|
|
- <el-table-column align="center" label="备注" prop="remark" width="130" />
|
|
|
|
|
|
+ <el-table-column align="center" label="备注" prop="remark" width="200" />
|
|
<!-- TODO @puhui999:后续可加 【已收款金额】、【未收款金额】 -->
|
|
<!-- TODO @puhui999:后续可加 【已收款金额】、【未收款金额】 -->
|
|
|
|
+ <el-table-column
|
|
|
|
+ :formatter="dateFormatter"
|
|
|
|
+ align="center"
|
|
|
|
+ label="最后跟进时间"
|
|
|
|
+ prop="contactLastTime"
|
|
|
|
+ width="180px"
|
|
|
|
+ />
|
|
<el-table-column align="center" label="负责人" prop="ownerUserName" width="120" />
|
|
<el-table-column align="center" label="负责人" prop="ownerUserName" width="120" />
|
|
- <el-table-column align="center" label="创建人" prop="creatorName" width="120" />
|
|
|
|
|
|
+ <el-table-column align="center" label="所属部门" prop="ownerUserDeptName" width="100px" />
|
|
<el-table-column
|
|
<el-table-column
|
|
:formatter="dateFormatter"
|
|
:formatter="dateFormatter"
|
|
align="center"
|
|
align="center"
|
|
@@ -103,11 +125,24 @@
|
|
prop="createTime"
|
|
prop="createTime"
|
|
width="180px"
|
|
width="180px"
|
|
/>
|
|
/>
|
|
|
|
+ <el-table-column align="center" label="创建人" prop="creatorName" width="120" />
|
|
<el-table-column align="center" fixed="right" label="合同状态" prop="auditStatus" width="120">
|
|
<el-table-column align="center" fixed="right" label="合同状态" prop="auditStatus" width="120">
|
|
<template #default="scope">
|
|
<template #default="scope">
|
|
<dict-tag :type="DICT_TYPE.CRM_AUDIT_STATUS" :value="scope.row.auditStatus" />
|
|
<dict-tag :type="DICT_TYPE.CRM_AUDIT_STATUS" :value="scope.row.auditStatus" />
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
|
|
+ <el-table-column fixed="right" label="操作" width="90">
|
|
|
|
+ <template #default="scope">
|
|
|
|
+ <el-button
|
|
|
|
+ link
|
|
|
|
+ v-hasPermi="['crm:contract:update']"
|
|
|
|
+ type="primary"
|
|
|
|
+ @click="handleProcessDetail(scope.row)"
|
|
|
|
+ >
|
|
|
|
+ 查看审批
|
|
|
|
+ </el-button>
|
|
|
|
+ </template>
|
|
|
|
+ </el-table-column>
|
|
</el-table>
|
|
</el-table>
|
|
<!-- 分页 -->
|
|
<!-- 分页 -->
|
|
<Pagination
|
|
<Pagination
|
|
@@ -122,9 +157,9 @@
|
|
<script setup lang="ts" name="CheckContract">
|
|
<script setup lang="ts" name="CheckContract">
|
|
import { dateFormatter, dateFormatter2 } from '@/utils/formatTime'
|
|
import { dateFormatter, dateFormatter2 } from '@/utils/formatTime'
|
|
import * as ContractApi from '@/api/crm/contract'
|
|
import * as ContractApi from '@/api/crm/contract'
|
|
-import { fenToYuanFormat } from '@/utils/formatter'
|
|
|
|
import { DICT_TYPE } from '@/utils/dict'
|
|
import { DICT_TYPE } from '@/utils/dict'
|
|
import { AUDIT_STATUS } from './common'
|
|
import { AUDIT_STATUS } from './common'
|
|
|
|
+import { erpPriceTableColumnFormatter } from '@/utils'
|
|
|
|
|
|
const loading = ref(true) // 列表的加载中
|
|
const loading = ref(true) // 列表的加载中
|
|
const total = ref(0) // 列表的总页数
|
|
const total = ref(0) // 列表的总页数
|
|
@@ -132,7 +167,8 @@ const list = ref([]) // 列表的数据
|
|
const queryParams = reactive({
|
|
const queryParams = reactive({
|
|
pageNo: 1,
|
|
pageNo: 1,
|
|
pageSize: 10,
|
|
pageSize: 10,
|
|
- auditStatus: 20
|
|
|
|
|
|
+ sceneType: 1, // 我负责的
|
|
|
|
+ auditStatus: 10
|
|
})
|
|
})
|
|
const queryFormRef = ref() // 搜索的表单
|
|
const queryFormRef = ref() // 搜索的表单
|
|
|
|
|
|
@@ -154,8 +190,18 @@ const handleQuery = () => {
|
|
getList()
|
|
getList()
|
|
}
|
|
}
|
|
|
|
|
|
|
|
+/** 查看审批 */
|
|
|
|
+const handleProcessDetail = (row: ContractApi.ContractVO) => {
|
|
|
|
+ push({ name: 'BpmProcessInstanceDetail', query: { id: row.processInstanceId } })
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+/** 打开合同详情 */
|
|
|
|
+const { push } = useRouter()
|
|
|
|
+const openDetail = (id: number) => {
|
|
|
|
+ push({ name: 'CrmContractDetail', params: { id } })
|
|
|
|
+}
|
|
|
|
+
|
|
/** 打开客户详情 */
|
|
/** 打开客户详情 */
|
|
-const { push } = useRouter() // 路由
|
|
|
|
const openCustomerDetail = (id: number) => {
|
|
const openCustomerDetail = (id: number) => {
|
|
push({ name: 'CrmCustomerDetail', params: { id } })
|
|
push({ name: 'CrmCustomerDetail', params: { id } })
|
|
}
|
|
}
|
|
@@ -165,6 +211,16 @@ const openContactDetail = (id: number) => {
|
|
push({ name: 'CrmContactDetail', params: { id } })
|
|
push({ name: 'CrmContactDetail', params: { id } })
|
|
}
|
|
}
|
|
|
|
|
|
|
|
+/** 打开商机详情 */
|
|
|
|
+const openBusinessDetail = (id: number) => {
|
|
|
|
+ push({ name: 'CrmBusinessDetail', params: { id } })
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+/** 激活时 */
|
|
|
|
+onActivated(async () => {
|
|
|
|
+ await getList()
|
|
|
|
+})
|
|
|
|
+
|
|
/** 初始化 **/
|
|
/** 初始化 **/
|
|
onMounted(() => {
|
|
onMounted(() => {
|
|
getList()
|
|
getList()
|