150 lines
3.9 KiB
Vue
150 lines
3.9 KiB
Vue
|
<template>
|
|||
|
|
<view class="con-body">
|
|||
|
|
<view class="con-bg">
|
|||
|
|
<!-- 头部 -->
|
|||
|
|
<customHeader ref="customHeaderRef" :title="'查看主归属人变更详细信息'" :leftFlag="true"
|
|||
|
|
:rightFlag="false"></customHeader>
|
|||
|
|
<!-- 高度来避免头部遮挡 -->
|
|||
|
|
<view class="top-height" :style="{ paddingTop: navBarPaddingTop + 'px' }"></view>
|
|||
|
|
<view class="all-body">
|
|||
|
|
<!-- 分页部分 -->
|
|||
|
|
|
|||
|
|
<view class="white-bg margin-bottom20"
|
|||
|
|
@click="showDetail(item)">
|
|||
|
|
<view>
|
|||
|
|
<view class="report-list">
|
|||
|
|
<view class="title">客户公司名称：{{ detailInfo.cusName }}</view>
|
|||
|
|
<view class="border-bottom"></view>
|
|||
|
|
<view class="r-list">
|
|||
|
|
<view class="r-left">客户人员名称</view>
|
|||
|
|
<view class="r-right">{{ detailInfo.userName }}</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="border-bottom"></view>
|
|||
|
|
<view class="r-list">
|
|||
|
|
<view class="r-left">性别</view>
|
|||
|
|
<view class="r-right">{{ detailInfo.sex }}</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="border-bottom"></view>
|
|||
|
|
<view class="r-list">
|
|||
|
|
<view class="r-left">手机号</view>
|
|||
|
|
<view class="r-right">{{ detailInfo.mobilePhone }}</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="border-bottom"></view>
|
|||
|
|
<view class="r-list">
|
|||
|
|
<view class="r-left">部门</view>
|
|||
|
|
<view class="r-right">{{ detailInfo.userDept }}</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="border-bottom"></view>
|
|||
|
|
<view class="r-list">
|
|||
|
|
<view class="r-left title">业务员认定等级</view>
|
|||
|
|
<view class="r-right title">{{ detailInfo.salesmanThinkLevel }}</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
<view class="tezt">
|
|||
|
|
<qianjue-step :list="list"></qianjue-step>
|
|||
|
|
</view>
|
|||
|
|
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script setup>
|
|||
|
|
import customHeader from "../../../../../components/customHeader.vue";
|
|||
|
|
import {onMounted, reactive, ref} from "vue";
|
|||
|
|
import {onLoad, onShow} from "@dcloudio/uni-app";
|
|||
|
|
import {queryViewMainOwnerDetail, queryViewMainOwnerList} from "../../../../../api/crm/mainOwner/mainOwner";
|
|||
|
|
import QianjueStep from "./components/qianjue-step.vue";
|
|||
|
|
import {getNavBarPaddingTop} from "../../../../../utils/system";
|
|||
|
|
|
|||
|
|
|
|||
|
|
let userId = ref()
|
|||
|
|
let detailInfo = reactive({})
|
|||
|
|
let list = ref([])
|
|||
|
|
|
|||
|
|
// 获取导航栏高度用于内容区域padding
|
|||
|
|
let navBarPaddingTop = ref(0);
|
|||
|
|
onMounted(() => {
|
|||
|
|
navBarPaddingTop.value = getNavBarPaddingTop() * 2;
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
onLoad(option => {
|
|||
|
|
userId.value = option.userId
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
onMounted(() => {
|
|||
|
|
getDetails()
|
|||
|
|
getCrmCusUserNewChangeOwnerList()
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
function getDetails() {
|
|||
|
|
let data = {
|
|||
|
|
userId: userId.value
|
|||
|
|
};
|
|||
|
|
queryViewMainOwnerList(data).then(
|
|||
|
|
res => {
|
|||
|
|
if (res.code === 200) {
|
|||
|
|
const targetUserId = userId.value;
|
|||
|
|
const matchedItem = res.rows.find(item => item.userId == targetUserId);
|
|||
|
|
if (matchedItem) {
|
|||
|
|
Object.assign(detailInfo, matchedItem);
|
|||
|
|
} else {
|
|||
|
|
console.warn('没有找到匹配 userId 的数据');
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
uni.showToast({
|
|||
|
|
title: res.msg,
|
|||
|
|
icon: 'none',
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
rej => {
|
|||
|
|
}
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
function getCrmCusUserNewChangeOwnerList() {
|
|||
|
|
let data = {
|
|||
|
|
userId: userId.value
|
|||
|
|
};
|
|||
|
|
queryViewMainOwnerDetail(data).then(
|
|||
|
|
res => {
|
|||
|
|
if (res.code == 200) {
|
|||
|
|
list.value = res.rows
|
|||
|
|
} else {
|
|||
|
|
uni.showToast({
|
|||
|
|
title: res.msg,
|
|||
|
|
icon: 'none',
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
rej => {
|
|||
|
|
}
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style scoped>
|
|||
|
|
.con-bg{
|
|||
|
|
background: white;
|
|||
|
|
min-height: 100vh;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.white-bg {
|
|||
|
|
padding-bottom: 10rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.tezt {
|
|||
|
|
padding-top: 50rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
</style>
|