合并CRM
This commit is contained in:
xuli3099
129
src/pages/business/CRM/marketActivity/activityTypeList.vue
Normal file
129
src/pages/business/CRM/marketActivity/activityTypeList.vue
Normal file
@@ -0,0 +1,129 @@
|
||||
<template>
|
||||
<view class="con-body">
|
||||
<view>
|
||||
<!-- 头部 -->
|
||||
<customHeader ref="customHeaderRef" :title="'日常走访选择活动类型'" :leftFlag="true" :rightFlag="false">
|
||||
</customHeader>
|
||||
<!-- 高度来避免头部遮挡 -->
|
||||
<view class="top-height"></view>
|
||||
|
||||
|
||||
<checkbox-group class="block" @change="checkboxChange">
|
||||
<view class="itemClass" v-for="(item, index) in dataList" :key="item.id">
|
||||
<checkbox class='checkBoxClass' :value="item.name"
|
||||
v-model="item.name"></checkbox>
|
||||
<view class="clientClass">
|
||||
<text class="blue-text">{{ item.name }}</text>
|
||||
</view>
|
||||
</view>
|
||||
</checkbox-group>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</template>
|
||||
|
||||
|
||||
<script setup>
|
||||
import customHeader from '@/components/customHeader.vue'
|
||||
import cache from '../../../../utils/cache'
|
||||
import { reactive } from 'vue'
|
||||
|
||||
|
||||
const dataList = reactive( [
|
||||
{id:'1',name:'日常走访'},
|
||||
{id:'2',name:'组合拳推广'},
|
||||
{id:'3',name:'竞标'},
|
||||
{id:'4',name:'型号追踪'},
|
||||
{id:'5',name:'重点产品推广'},
|
||||
{id:'6',name:'谈价'},
|
||||
{id:'7',name:'道歉、感谢'},
|
||||
{id:'8',name:'邀约'},
|
||||
{id:'9',name:'归零会'},
|
||||
{id:'11',name:'高层交流'},
|
||||
{id:'12',name:'质量问题处理'},
|
||||
{id:'13',name:'供应商大会'},
|
||||
{id:'14',name:'新产品推广'},
|
||||
{id:'15',name:'技术支持'}
|
||||
])
|
||||
|
||||
//勾选内容
|
||||
function checkboxChange(e) {
|
||||
cache.set('checkedRCActivityTypeList', e.detail.value)
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
|
||||
.con-body{
|
||||
background: white;
|
||||
}
|
||||
|
||||
.white-bg {
|
||||
width: 690rpx;
|
||||
margin: 0;
|
||||
border-radius: 8px 8px 0 0;
|
||||
}
|
||||
|
||||
.white-bg.white-bg-2 {
|
||||
margin-bottom: 20rpx;
|
||||
}
|
||||
|
||||
.white-bg.white-bg-3 {
|
||||
border-radius: 0
|
||||
}
|
||||
|
||||
.white-bg .w-b-title {
|
||||
color: #3384DF;
|
||||
font-size: 38rpx;
|
||||
}
|
||||
|
||||
.form-con {
|
||||
padding: 30rpx 0 0;
|
||||
}
|
||||
|
||||
:deep(.form-con .uni-forms-item) {
|
||||
margin-bottom: 22px !important;
|
||||
}
|
||||
|
||||
|
||||
/* Container for the checkbox group */
|
||||
.checkbox-group.block {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* Each item row */
|
||||
.itemClass {
|
||||
width: 340rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 10rpx 0;
|
||||
margin-left: 15rpx;
|
||||
border-bottom: 1px solid #eee;
|
||||
float: left;
|
||||
/* optional divider */
|
||||
}
|
||||
|
||||
/* Checkbox styling */
|
||||
.checkBoxClass {
|
||||
margin-right: 12rpx;
|
||||
}
|
||||
|
||||
/* Content container */
|
||||
.clientClass {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
font-size: 36rpx;
|
||||
color: #333;
|
||||
/* default text color */
|
||||
}
|
||||
|
||||
/* Blue username text */
|
||||
.blue-text {
|
||||
/* or any blue you prefer */
|
||||
margin-right: 5rpx;
|
||||
}
|
||||
|
||||
</style>
|
||||
118
src/pages/business/CRM/marketActivity/auditReject.vue
Normal file
118
src/pages/business/CRM/marketActivity/auditReject.vue
Normal file
@@ -0,0 +1,118 @@
|
||||
<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="inner-box">
|
||||
<view class="cu-form-group">
|
||||
<textarea v-model="rejectReason" placeholder="请输入驳回原因" name="input"></textarea>
|
||||
</view>
|
||||
<view class="btn-box">
|
||||
<button type="primary" @click="submitBack">确定驳回</button>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import customHeader from '@/components/customHeader.vue'
|
||||
import { onMounted, ref } from 'vue';
|
||||
import { onLoad } from '@dcloudio/uni-app';
|
||||
import { getNavBarPaddingTop } from '@/utils/system.js'
|
||||
import { getRejectReason } from '../../../../api/crm/activity/activity';
|
||||
|
||||
// 获取导航栏高度用于内容区域padding
|
||||
const navBarPaddingTop = ref(0);
|
||||
onMounted(() => {
|
||||
navBarPaddingTop.value = getNavBarPaddingTop() * 2;
|
||||
})
|
||||
|
||||
let visistId = ref()
|
||||
onLoad(option => {
|
||||
visistId.value = option.visistId
|
||||
})
|
||||
|
||||
let rejectReason = ref();
|
||||
//确定驳回
|
||||
function submitBack() {
|
||||
if (rejectReason.value==null) {
|
||||
uni.showToast({
|
||||
title: "驳回原因不能为空！",
|
||||
icon: 'none',
|
||||
});
|
||||
return
|
||||
}
|
||||
let rejectForm = {
|
||||
visistId:visistId.value,
|
||||
rejectReason: rejectReason.value
|
||||
}
|
||||
getRejectReason(rejectForm).then(
|
||||
res => {
|
||||
if (res.code == 200) {
|
||||
uni.showToast({
|
||||
title: '提交成功',
|
||||
duration: 2000
|
||||
});
|
||||
uni.navigateBack({
|
||||
delta: 2
|
||||
})
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: res.msg,
|
||||
icon: 'none',
|
||||
});
|
||||
}
|
||||
},
|
||||
rej => { }
|
||||
);
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.con-bg {
|
||||
background: white;
|
||||
}
|
||||
|
||||
/* Container for the checkbox group */
|
||||
.checkbox-group.block {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* Each item row */
|
||||
.itemClass {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 10rpx 0;
|
||||
margin-left: 15rpx;
|
||||
border-bottom: 1px solid #eee;
|
||||
/* optional divider */
|
||||
}
|
||||
|
||||
/* Checkbox styling */
|
||||
.checkBoxClass {
|
||||
margin-right: 12rpx;
|
||||
}
|
||||
|
||||
/* Content container */
|
||||
.clientClass {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
font-size: 36rpx;
|
||||
color: #333;
|
||||
/* default text color */
|
||||
}
|
||||
|
||||
/* Blue username text */
|
||||
.blue-text {
|
||||
/* or any blue you prefer */
|
||||
margin-right: 5rpx;
|
||||
}
|
||||
</style>
|
||||
218
src/pages/business/CRM/marketActivity/auditReport.vue
Normal file
218
src/pages/business/CRM/marketActivity/auditReport.vue
Normal file
@@ -0,0 +1,218 @@
|
||||
<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">
|
||||
|
||||
<!-- 分页部分 -->
|
||||
<mescroll-uni ref="mescrollRef" @init="mescrollInit" @down="downCallback" @up="upCallback"
|
||||
:up="upOption" :down="downOption" :fixed="false" textColor="#ffffff" bgColor="#ffffff"
|
||||
class="scroll-h" :class="{ 'loading-scroll': cssFlag }">
|
||||
<view class="white-bg margin-bottom20" v-for="(item, index) in dataList" :key="index"
|
||||
@click="showDetail(item)">
|
||||
<view>
|
||||
<view class="report-list">
|
||||
<view class="title">客户：{{ item.cusName }}</view>
|
||||
<view class="r-list">
|
||||
<view class="r-name">{{ item.visistCode }}</view>
|
||||
<view>
|
||||
|
||||
<view
|
||||
class="r-right btn-orange"
|
||||
size="mini">
|
||||
{{ item.status }}
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
<view class="border-bottom"></view>
|
||||
<view class="r-list">
|
||||
<view class="r-left">走访类型</view>
|
||||
<view class="r-right">{{item.visistType}}</view>
|
||||
</view>
|
||||
<view class="r-list" v-if="item.joinUser != null">
|
||||
<view class="r-left">我方领导</view>
|
||||
<view class="r-right">{{ item.joinUser }}</view>
|
||||
</view>
|
||||
<view class="border-bottom"></view>
|
||||
<view class="r-list">
|
||||
<view class="r-left">报告人</view>
|
||||
<view class="r-right">{{ item.staffName }}</view>
|
||||
</view>
|
||||
<view class="border-bottom"></view>
|
||||
<view class="r-list">
|
||||
<view class="r-left">报告日期</view>
|
||||
<view class="r-right">{{ item.visistDate }}</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</mescroll-uni>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import customHeader from '@/components/customHeader.vue'
|
||||
import { ref, reactive, onMounted } from 'vue'
|
||||
import MescrollUni from 'mescroll-uni/mescroll-uni.vue';
|
||||
import { getNavBarPaddingTop } from '@/utils/system.js'
|
||||
import { onShow } from '@dcloudio/uni-app';
|
||||
import { getApprovalList, getUserInfo } from '../../../../api/crm/activity/activity';
|
||||
|
||||
|
||||
let list = ref([])
|
||||
let queryParams = reactive({
|
||||
selValue: ''
|
||||
})
|
||||
// 获取导航栏高度用于内容区域padding
|
||||
const navBarPaddingTop = ref(0);
|
||||
onMounted(() => {
|
||||
navBarPaddingTop.value = getNavBarPaddingTop() * 2;
|
||||
})
|
||||
const upOption = ref({
|
||||
page: { num: 0, size: 10 },
|
||||
noMoreSize: 5,
|
||||
empty: { tip: '~ 空空如也 ~' },
|
||||
textLoading: '加载中...',
|
||||
textNoMore: '已经到底了'
|
||||
});
|
||||
const downOption = ref({
|
||||
auto: true,
|
||||
textInOffset: '下拉刷新',
|
||||
textOutOffset: '释放更新',
|
||||
textLoading: '刷新中...'
|
||||
});
|
||||
|
||||
let mescrollRef = ref();
|
||||
function mescrollInit(mescroll) {
|
||||
mescrollRef.value = mescroll;
|
||||
}
|
||||
/*下拉刷新的回调 */
|
||||
function downCallback(mescroll) {
|
||||
mescroll.resetUpScroll()
|
||||
}
|
||||
/*上拉加载的回调: 其中page.num:当前页 从1开始, page.size:每页数据条数,默认10 */
|
||||
function upCallback(page) {
|
||||
// JSON.parse 将数据转换为 JavaScript 对象
|
||||
// var user = JSON.parse(uni.getStorageSync("user"));
|
||||
console.log(page.num)
|
||||
getVisistList(page);
|
||||
}
|
||||
|
||||
onShow(() => {
|
||||
getUserInfoMethod();
|
||||
})
|
||||
|
||||
let nickName = ref();
|
||||
let deptName = ref();
|
||||
let userId = ref();
|
||||
let posts = ref();
|
||||
|
||||
//获取用户信息
|
||||
function getUserInfoMethod() {
|
||||
getUserInfo().then(res => {
|
||||
nickName.value = res.user.nickName;
|
||||
deptName.value = res.user.dept.deptName;
|
||||
userId.value = res.user.userId;
|
||||
posts.value = res.post;
|
||||
})
|
||||
}
|
||||
|
||||
//查询待审批的列表信息
|
||||
let dataList = ref([])
|
||||
function getVisistList(page) {
|
||||
var data = {
|
||||
pageNum: page.num,
|
||||
pageSize: 10,
|
||||
};
|
||||
|
||||
getApprovalList(data).then(res => {
|
||||
if (res.code == 200) {
|
||||
//设置列表数据
|
||||
if (page.num == 1) {
|
||||
dataList.value = res.rows;
|
||||
|
||||
} else {
|
||||
dataList.value = dataList.value.concat(res.rows);
|
||||
}
|
||||
mescrollRef.value.mescroll.endBySize(res.rows.length, 1000);
|
||||
} else {
|
||||
uni.showToast({
|
||||
icon: 'none',
|
||||
title: "请求失败",
|
||||
});
|
||||
dataList.value = null;
|
||||
mescrollRef.value.mescroll.endErr();
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
//审核走访单明细
|
||||
function showDetail(item){
|
||||
uni.navigateTo({
|
||||
url: './detailForApproval?visistId=' + item.visistId
|
||||
})
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.all-body {
|
||||
/* #ifdef APP-PLUS */
|
||||
top: 150rpx;
|
||||
height: calc(100vh - 75px);
|
||||
/* #endif */
|
||||
/* #ifndef APP-PLUS */
|
||||
top: 120rpx;
|
||||
height: calc(100vh);
|
||||
/* #endif */
|
||||
}
|
||||
|
||||
.search {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.search .btn-search {
|
||||
border: none;
|
||||
background: none;
|
||||
line-height: normal;
|
||||
color: #fff;
|
||||
line-height: 56rpx !important;
|
||||
padding: 10rpx 0 0;
|
||||
text-align: left;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.search .btn-search::after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.search .custom-search {
|
||||
width: 80%;
|
||||
|
||||
}
|
||||
|
||||
.search .custom-search.uni-searchbar {
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
|
||||
.scroll-h {
|
||||
/* #ifdef APP-PLUS */
|
||||
height: calc(100vh - 120px);
|
||||
/* #endif */
|
||||
/* #ifndef APP-PLUS */
|
||||
height: calc(100vh - 110px);
|
||||
/* #endif */
|
||||
}
|
||||
|
||||
.white-bg {
|
||||
padding-bottom: 10rpx;
|
||||
}
|
||||
</style>
|
||||
170
src/pages/business/CRM/marketActivity/chooseCus.vue
Normal file
170
src/pages/business/CRM/marketActivity/chooseCus.vue
Normal file
@@ -0,0 +1,170 @@
|
||||
<template>
|
||||
<view class="con-body">
|
||||
<view >
|
||||
<!-- 头部 -->
|
||||
<customHeader ref="customHeaderRef" :title="'选择客户单位'" :leftFlag="true" :rightFlag="false">
|
||||
</customHeader>
|
||||
<!-- 高度来避免头部遮挡 -->
|
||||
<view class="top-height"></view>
|
||||
<uni-easyinput prefixIcon="search" v-model="searchContent" placeholder="请输入客户单位名称" clearable
|
||||
@iconClick="iconClick">
|
||||
</uni-easyinput>
|
||||
|
||||
|
||||
<view class="inner-box">
|
||||
<view class="list-cont">
|
||||
<radio-group class="block" @change="radioChange">
|
||||
<view class="item" v-for="(item, index) in dataList">
|
||||
<radio class='radio' :value="index" ></radio>
|
||||
<view class="name">{{item.cusName+"（"+item.shortName+"）"}}</view>
|
||||
</view>
|
||||
</radio-group>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import customHeader from '@/components/customHeader.vue'
|
||||
import { getYsCustomerList } from '../../../../api/crm/activity/activity'
|
||||
import { onMounted, reactive, ref, watch } from 'vue'
|
||||
import { onLoad } from '@dcloudio/uni-app'
|
||||
import { useMessage } from '../../../../utils/message'
|
||||
|
||||
|
||||
|
||||
const message = useMessage();
|
||||
|
||||
//点击查询客户人员
|
||||
const queryParams = ref({
|
||||
cusName: '',
|
||||
nickName:'',
|
||||
pageNum: 1,
|
||||
pageSize: 10
|
||||
})
|
||||
|
||||
|
||||
onMounted(() => {
|
||||
|
||||
})
|
||||
|
||||
onLoad(options => {
|
||||
queryParams.value.cusName = options.cusName
|
||||
})
|
||||
const dataList = ref([])
|
||||
|
||||
|
||||
|
||||
|
||||
//查询某一客户人员
|
||||
let searchContent = ref('')
|
||||
|
||||
function iconClick() {
|
||||
message.toast('点击了查询，当前内容：' + searchContent.value)
|
||||
}
|
||||
|
||||
//监视查询的内容的变化
|
||||
let queryCusForm = reactive({})
|
||||
watch(searchContent,(newValue,oldValue)=>{
|
||||
queryCusForm.cusName = searchContent.value
|
||||
getYsCustomerList(queryCusForm).then(res=>{
|
||||
dataList.value = res.rows
|
||||
})
|
||||
})
|
||||
|
||||
function radioChange(event) {
|
||||
const selectedIndex = event.detail.value
|
||||
let test = dataList.value[selectedIndex]
|
||||
// 发送全局事件
|
||||
uni.$emit('onCustomerSelected', test)
|
||||
let cusName = test.cusName;//客户名称
|
||||
let cusId = test.cusId;//客户ID
|
||||
uni.navigateBack()//返回上一页
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
|
||||
.con-body{
|
||||
background: white;
|
||||
}
|
||||
|
||||
|
||||
/* Container for the checkbox group */
|
||||
.checkbox-group.block {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* Each item row */
|
||||
.itemClass {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 10rpx 0;
|
||||
margin-left: 15rpx;
|
||||
border-bottom: 1px solid #eee;
|
||||
/* optional divider */
|
||||
}
|
||||
|
||||
/* Checkbox styling */
|
||||
.checkBoxClass {
|
||||
margin-right: 12rpx;
|
||||
}
|
||||
|
||||
/* Content container */
|
||||
.clientClass {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
font-size: 36rpx;
|
||||
color: #333;
|
||||
/* default text color */
|
||||
}
|
||||
|
||||
/* Blue username text */
|
||||
.blue-text {
|
||||
/* or any blue you prefer */
|
||||
margin-right: 5rpx;
|
||||
}
|
||||
.inner-box {
|
||||
width: 100%;
|
||||
padding: 10px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.list-cont {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.block {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 12px 0;
|
||||
border-bottom: 1px solid #eee;
|
||||
}
|
||||
|
||||
.radio {
|
||||
margin-right: 12px;
|
||||
transform: scale(0.9);
|
||||
}
|
||||
|
||||
.name {
|
||||
flex: 1;
|
||||
font-size: 16px;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.checked {
|
||||
color: #007AFF; /* 选中状态的颜色 */
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,296 @@
|
||||
<template>
|
||||
<uni-forms ref="formRef" :model="formData" :rules="rules" label-width="100px" label-position="top">
|
||||
<uni-forms-item label="客户人员" name="customerUserList" class="f-c-right">
|
||||
<uni-easyinput v-model="formData.customerUserList" placeholder="请选择客户人员" name="input" :disabled="isDisabled"
|
||||
@focus="chooseClientUser"></uni-easyinput>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="我方参与人" name="myUserList" class="f-c-right">
|
||||
<uni-easyinput v-model="formData.myUserList" placeholder="请选择我方参与人" name="input" :disabled="isDisabled"
|
||||
@focus="chooseMyUser"></uni-easyinput>
|
||||
</uni-forms-item>
|
||||
|
||||
<uni-forms-item label="活动内容" name="activityTypeList" class="f-c-right">
|
||||
<uni-easyinput v-model="formData.activityTypeList" placeholder="请选择活动内容" name="input"
|
||||
@focus="chooseActivityType"></uni-easyinput>
|
||||
</uni-forms-item>
|
||||
|
||||
<uni-forms-item label="活动文字" name="activeTxt" class="uni-forms-item is-direction-top is-top">
|
||||
<uni-easyinput type="textarea" autoHeight v-model="formData.activeTxt" placeholder="请输入" 活动文字
|
||||
class="form-texarea" />
|
||||
</uni-forms-item>
|
||||
</uni-forms>
|
||||
<view class="footer-con">
|
||||
<button class="btn-default" type="default" @click="handleDeleteVisistDetailItem" size="mini">删 除</button>
|
||||
<button class="btn-primary" type="primary" @click="submitForm" size="mini">保存/修改</button>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup name="dailyVisitComponent">
|
||||
import { ref, reactive } from 'vue'
|
||||
import cache from '../../../../../utils/cache'
|
||||
import { onShow, onUnload } from '@dcloudio/uni-app';
|
||||
import { addVisistDetail, deleVisistDetailItem, getVisistDetailItem } from '../../../../../api/crm/activity/activity';
|
||||
|
||||
let customerUserList = ref([])
|
||||
let myUserList = ref([])
|
||||
let activityTypeList = ref([])
|
||||
let activeTxt = ref([])
|
||||
let isDisabled = ref(false)
|
||||
const props = defineProps({
|
||||
cusName: String, //客户单位名称
|
||||
cusId: Number,//客户ID
|
||||
visistId: Number,//活动ID
|
||||
status: String //状态
|
||||
})
|
||||
|
||||
// 表单数据
|
||||
const formData = ref({
|
||||
customerUserList,
|
||||
myUserList,
|
||||
activityTypeList,
|
||||
activeTxt
|
||||
});
|
||||
|
||||
// 验证规则
|
||||
const rules = {
|
||||
activityTypeList: {
|
||||
rules: [
|
||||
{ required: true, errorMessage: '请选择活动内容' }
|
||||
]
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
// 表单ref
|
||||
const formRef = ref(null);
|
||||
|
||||
//删除明细项的内容
|
||||
let rcDeleteForm = reactive({})
|
||||
function handleDeleteVisistDetailItem() {
|
||||
rcDeleteForm.treeName = '日常走访'
|
||||
rcDeleteForm.visistId = props.visistId
|
||||
deleVisistDetailItem(rcDeleteForm).then(res => {
|
||||
if (res.code == 200) {
|
||||
uni.showToast({
|
||||
title: '删除成功',
|
||||
duration: 2000
|
||||
});
|
||||
//响应成功，删除缓存记录
|
||||
handleDelete()
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: res.msg,
|
||||
icon: 'none',
|
||||
});
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
// 删除内容
|
||||
let handleDelete = () => {
|
||||
formData.value.customerUserList = null
|
||||
formData.value.myUserList = null
|
||||
formData.value.activityTypeList = null
|
||||
formData.value.activeTxt = null
|
||||
if (cache.get('checkedRCClientList') != null) {
|
||||
cache.remove('checkedRCClientList');
|
||||
}
|
||||
if (cache.get('checkedRCMyUserList') != null) {
|
||||
cache.remove('checkedRCMyUserList');
|
||||
}
|
||||
if (cache.get('checkedRCActivityTypeList') != null) {
|
||||
cache.remove('checkedRCActivityTypeList');
|
||||
}
|
||||
}
|
||||
|
||||
//删除缓存
|
||||
let handleDeleteLocal = () => {
|
||||
cache.remove('checkedRCClientList');
|
||||
cache.remove('checkedRCMyUserList');
|
||||
cache.remove('checkedRCActivityTypeList');
|
||||
}
|
||||
|
||||
let rcForm = reactive({})
|
||||
// 保存/修改
|
||||
const submitForm = async () => {
|
||||
try {
|
||||
// 验证表单
|
||||
await formRef.value.validate();
|
||||
// 验证通过后的操作
|
||||
uni.showToast({
|
||||
title: '验证通过',
|
||||
icon: 'success'
|
||||
});
|
||||
rcForm.treeName = '日常走访'
|
||||
rcForm.cusId = props.cusId
|
||||
rcForm.visistId = props.visistId
|
||||
if (Array.isArray(activityTypeList.value)) {
|
||||
rcForm.activityTags = activityTypeList.value.join(',')
|
||||
} else {
|
||||
rcForm.activityTags = activityTypeList.value
|
||||
}
|
||||
|
||||
if (Array.isArray(myUserList.value)) {
|
||||
rcForm.ourPersonnel = myUserList.value.join(',')
|
||||
} else {
|
||||
rcForm.ourPersonnel = myUserList.value
|
||||
}
|
||||
|
||||
if (Array.isArray(customerUserList.value)) {
|
||||
rcForm.cusPersonnel = customerUserList.value.join(',')
|
||||
} else {
|
||||
rcForm.cusPersonnel = customerUserList.value
|
||||
}
|
||||
|
||||
rcForm.bandResult = activeTxt.value
|
||||
// 提交服务器进行新增
|
||||
addVisistDetail(rcForm).then(res => {
|
||||
if (res.code == 200) {
|
||||
uni.showToast({
|
||||
title: '提交成功',
|
||||
duration: 2000
|
||||
});
|
||||
//响应成功，删除缓存记录
|
||||
handleDeleteLocal()
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: res.msg,
|
||||
icon: 'none',
|
||||
});
|
||||
}
|
||||
})
|
||||
} catch (err) {
|
||||
console.log('表单验证失败:', err);
|
||||
}
|
||||
};
|
||||
|
||||
//页面渲染完成后，查询catch的get
|
||||
onShow(() => {
|
||||
|
||||
if (cache.get('checkedRCClientList') != null && cache.get('checkedRCClientList') != []) {
|
||||
customerUserList.value = cache.get('checkedRCClientList')
|
||||
}
|
||||
|
||||
if (cache.get('checkedRCMyUserList') != null && cache.get('checkedRCMyUserList') != []) {
|
||||
myUserList.value = cache.get('checkedRCMyUserList')
|
||||
}
|
||||
|
||||
if (cache.get('checkedRCActivityTypeList') != null && cache.get('checkedRCActivityTypeList') != []) {
|
||||
activityTypeList.value = cache.get('checkedRCActivityTypeList')
|
||||
}
|
||||
|
||||
if (props.status == '完成') {
|
||||
isDisabled.value = true
|
||||
} else {
|
||||
isDisabled.value = false
|
||||
}
|
||||
|
||||
})
|
||||
|
||||
//查询日常走访的内容
|
||||
let queryRCForm = reactive({})
|
||||
let getRCVisitReportDetailContent = () => {
|
||||
queryRCForm.visistId = props.visistId
|
||||
queryRCForm.cusId = props.cusId
|
||||
queryRCForm.treeName = '日常走访'
|
||||
getVisistDetailItem(queryRCForm).then(res => {
|
||||
if (res.rows[0] != null) {
|
||||
customerUserList.value = res.rows[0].customerPersonnel
|
||||
myUserList.value = res.rows[0].ourPersonnel
|
||||
activityTypeList.value = res.rows[0].activityTags
|
||||
activeTxt.value = res.rows[0].bandResult
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
|
||||
//页面卸载之后，删除缓存信息
|
||||
onUnload(() => {
|
||||
handleDeleteLocal()
|
||||
})
|
||||
|
||||
|
||||
//选择客户人员
|
||||
function chooseClientUser() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/business/CRM/marketActivity/customerUserList?cusName=' + props.cusName + '&chooseType=日常走访'
|
||||
})
|
||||
}
|
||||
|
||||
//选择我方参与人
|
||||
function chooseMyUser() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/business/CRM/marketActivity/myUserList?chooseType=日常走访'
|
||||
})
|
||||
}
|
||||
|
||||
//选择活动类型
|
||||
function chooseActivityType() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/business/CRM/marketActivity/activityTypeList?chooseType=日常走访'
|
||||
})
|
||||
}
|
||||
|
||||
// 明确暴露给父组件的方法
|
||||
defineExpose({
|
||||
handleDelete,
|
||||
getRCVisitReportDetailContent
|
||||
})
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
<style scoped lang="scss">
|
||||
.all-body {
|
||||
/* #ifdef APP-PLUS */
|
||||
top: 150rpx;
|
||||
height: calc(100vh - 75px);
|
||||
/* #endif */
|
||||
/* #ifndef APP-PLUS */
|
||||
top: 120rpx;
|
||||
height: calc(100vh);
|
||||
/* #endif */
|
||||
}
|
||||
|
||||
.search {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.search .btn-search {
|
||||
border: none;
|
||||
background: none;
|
||||
line-height: normal;
|
||||
color: #fff;
|
||||
line-height: 56rpx !important;
|
||||
padding: 10rpx 0 0;
|
||||
text-align: left;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.search .btn-search::after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.search .custom-search {
|
||||
width: 80%;
|
||||
|
||||
}
|
||||
|
||||
.search .custom-search.uni-searchbar {
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
|
||||
.scroll-h {
|
||||
/* #ifdef APP-PLUS */
|
||||
height: calc(100vh - 120px);
|
||||
/* #endif */
|
||||
/* #ifndef APP-PLUS */
|
||||
height: calc(100vh - 110px);
|
||||
/* #endif */
|
||||
}
|
||||
|
||||
.white-bg {
|
||||
padding-bottom: 10rpx;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,258 @@
|
||||
<template>
|
||||
<uni-forms ref="formRef" :model="formData" label-width="100px" label-position="top">
|
||||
<uni-forms-item label="客户人员" name="customerUserList" class="f-c-right">
|
||||
<uni-easyinput v-model="formData.customerUserList" placeholder="请选择客户人员" name="input"
|
||||
:disabled="isDisabled"
|
||||
@focus="chooseClientUser"></uni-easyinput>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="我方参与人" name="myUserList" class="f-c-right">
|
||||
<uni-easyinput v-model="formData.myUserList" placeholder="请选择我方参与人" name="input"
|
||||
:disabled="isDisabled"
|
||||
@focus="chooseMyUser"></uni-easyinput>
|
||||
</uni-forms-item>
|
||||
|
||||
<uni-forms-item label="活动文字" name="activeTxt" class="uni-forms-item is-direction-top is-top">
|
||||
<uni-easyinput type="textarea" autoHeight v-model="formData.activeTxt" placeholder="请输入" 活动文字
|
||||
class="form-texarea" />
|
||||
</uni-forms-item>
|
||||
</uni-forms>
|
||||
<view class="footer-con">
|
||||
<button class="btn-default" type="default" @click="handleDeleteVisistDetailItem" size="mini">删 除</button>
|
||||
<button class="btn-primary" type="primary" @click="submitForm" size="mini">保存/修改</button>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup name="djVisitComponent">
|
||||
import { ref, reactive } from 'vue'
|
||||
import cache from '../../../../../utils/cache'
|
||||
import { onShow, onUnload } from '@dcloudio/uni-app';
|
||||
import { addVisistDetail, deleVisistDetailItem, getVisistDetailItem } from '../../../../../api/crm/activity/activity';
|
||||
|
||||
let customerUserList = ref([])
|
||||
let myUserList = ref([])
|
||||
let activeTxt = ref('')
|
||||
let isDisabled = ref(false)
|
||||
const props = defineProps({
|
||||
cusName: String, //客户单位名称
|
||||
cusId: Number,//客户ID
|
||||
visistId: Number,//活动ID
|
||||
status: String //状态
|
||||
})
|
||||
|
||||
// 表单数据
|
||||
const formData = ref({
|
||||
customerUserList,
|
||||
myUserList,
|
||||
activeTxt
|
||||
});
|
||||
|
||||
// 表单ref
|
||||
const formRef = ref(null);
|
||||
|
||||
//删除明细项的内容
|
||||
let djDeleteForm = reactive({})
|
||||
function handleDeleteVisistDetailItem() {
|
||||
djDeleteForm.treeName = '党建活动'
|
||||
djDeleteForm.visistId = props.visistId
|
||||
deleVisistDetailItem(djDeleteForm).then(res => {
|
||||
if (res.code == 200) {
|
||||
uni.showToast({
|
||||
title: '删除成功',
|
||||
duration: 2000
|
||||
});
|
||||
//响应成功，删除缓存记录
|
||||
handleDelete()
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: res.msg,
|
||||
icon: 'none',
|
||||
});
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
// 删除内容
|
||||
let handleDelete = () => {
|
||||
formData.value.customerUserList = null
|
||||
formData.value.myUserList = null
|
||||
formData.value.activeTxt = null
|
||||
if (cache.get('checkedDJClientList') != null) {
|
||||
cache.remove('checkedDJClientList');
|
||||
}
|
||||
if (cache.get('checkedDJMyUserList') != null) {
|
||||
cache.remove('checkedDJMyUserList');
|
||||
}
|
||||
}
|
||||
|
||||
//删除缓存
|
||||
let handleDeleteLocal = () => {
|
||||
cache.remove('checkedDJClientList');
|
||||
cache.remove('checkedDJMyUserList');
|
||||
}
|
||||
|
||||
let djForm = reactive({})
|
||||
// 保存/修改
|
||||
const submitForm = async () => {
|
||||
try {
|
||||
// 验证表单
|
||||
await formRef.value.validate();
|
||||
// 验证通过后的操作
|
||||
uni.showToast({
|
||||
title: '验证通过',
|
||||
icon: 'success'
|
||||
});
|
||||
djForm.treeName = '党建活动'
|
||||
djForm.cusId = props.cusId
|
||||
djForm.visistId = props.visistId
|
||||
|
||||
if (Array.isArray(myUserList.value)) {
|
||||
djForm.ourPersonnel = myUserList.value.join(',')
|
||||
} else {
|
||||
djForm.ourPersonnel = myUserList.value
|
||||
}
|
||||
|
||||
if (Array.isArray(customerUserList.value)) {
|
||||
djForm.cusPersonnel = customerUserList.value.join(',')
|
||||
} else {
|
||||
djForm.cusPersonnel = customerUserList.value
|
||||
}
|
||||
|
||||
djForm.bandResult = activeTxt.value
|
||||
// 提交服务器进行新增
|
||||
addVisistDetail(djForm).then(res => {
|
||||
if (res.code == 200) {
|
||||
uni.showToast({
|
||||
title: '提交成功',
|
||||
duration: 2000
|
||||
});
|
||||
//响应成功，删除缓存记录
|
||||
handleDeleteLocal()
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: res.msg,
|
||||
icon: 'none',
|
||||
});
|
||||
}
|
||||
})
|
||||
} catch (err) {
|
||||
console.log('表单验证失败:', err);
|
||||
}
|
||||
};
|
||||
|
||||
//页面渲染完成后，查询catch的get
|
||||
onShow(() => {
|
||||
|
||||
if (cache.get('checkedDJClientList') != null && cache.get('checkedDJClientList') != []) {
|
||||
customerUserList.value = cache.get('checkedDJClientList')
|
||||
}
|
||||
|
||||
if (cache.get('checkedDJMyUserList') != null && cache.get('checkedDJMyUserList') != []) {
|
||||
myUserList.value = cache.get('checkedDJMyUserList')
|
||||
}
|
||||
|
||||
if(props.status=='完成'){
|
||||
isDisabled.value = true
|
||||
}else{
|
||||
isDisabled.value = false
|
||||
}
|
||||
})
|
||||
|
||||
//查询日常走访的内容
|
||||
let queryDJForm = reactive({})
|
||||
let getDJVisitReportDetailContent = () => {
|
||||
queryDJForm.visistId = props.visistId
|
||||
queryDJForm.cusId = props.cusId
|
||||
queryDJForm.treeName = '党建活动'
|
||||
getVisistDetailItem(queryDJForm).then(res => {
|
||||
if (res.rows[0] != null) {
|
||||
customerUserList.value = res.rows[0].customerPersonnel
|
||||
myUserList.value = res.rows[0].ourPersonnel
|
||||
activeTxt.value = res.rows[0].bandResult
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
|
||||
//页面卸载之后，删除缓存信息
|
||||
onUnload(() => {
|
||||
handleDeleteLocal()
|
||||
})
|
||||
|
||||
|
||||
//选择客户人员
|
||||
function chooseClientUser() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/business/CRM/marketActivity/customerUserList?cusName=' + props.cusName + '&chooseType=党建活动'
|
||||
})
|
||||
}
|
||||
|
||||
//选择我方参与人
|
||||
function chooseMyUser() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/business/CRM/marketActivity/myUserList?chooseType=党建活动'
|
||||
})
|
||||
}
|
||||
|
||||
// 明确暴露给父组件的方法
|
||||
defineExpose({
|
||||
handleDelete,
|
||||
getDJVisitReportDetailContent
|
||||
})
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
<style scoped lang="scss">
|
||||
.all-body {
|
||||
/* #ifdef APP-PLUS */
|
||||
top: 150rpx;
|
||||
height: calc(100vh - 75px);
|
||||
/* #endif */
|
||||
/* #ifndef APP-PLUS */
|
||||
top: 120rpx;
|
||||
height: calc(100vh);
|
||||
/* #endif */
|
||||
}
|
||||
|
||||
.search {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.search .btn-search {
|
||||
border: none;
|
||||
background: none;
|
||||
line-height: normal;
|
||||
color: #fff;
|
||||
line-height: 56rpx !important;
|
||||
padding: 10rpx 0 0;
|
||||
text-align: left;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.search .btn-search::after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.search .custom-search {
|
||||
width: 80%;
|
||||
|
||||
}
|
||||
|
||||
.search .custom-search.uni-searchbar {
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
|
||||
.scroll-h {
|
||||
/* #ifdef APP-PLUS */
|
||||
height: calc(100vh - 120px);
|
||||
/* #endif */
|
||||
/* #ifndef APP-PLUS */
|
||||
height: calc(100vh - 110px);
|
||||
/* #endif */
|
||||
}
|
||||
|
||||
.white-bg {
|
||||
padding-bottom: 10rpx;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,262 @@
|
||||
<template>
|
||||
<uni-forms ref="formRef" :model="formData" label-width="100px" label-position="top">
|
||||
<uni-forms-item label="客户人员" name="customerUserList" class="f-c-right">
|
||||
<uni-easyinput v-model="formData.customerUserList" placeholder="请选择客户人员" name="input"
|
||||
:disabled="isDisabled"
|
||||
@focus="chooseClientUser"></uni-easyinput>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="我方参与人" name="myUserList" class="f-c-right">
|
||||
<uni-easyinput v-model="formData.myUserList" placeholder="请选择我方参与人" name="input"
|
||||
:disabled="isDisabled"
|
||||
@focus="chooseMyUser"></uni-easyinput>
|
||||
</uni-forms-item>
|
||||
|
||||
<uni-forms-item label="活动文字" name="activeTxt" class="uni-forms-item is-direction-top is-top">
|
||||
<uni-easyinput type="textarea" autoHeight v-model="formData.activeTxt" placeholder="请输入" 活动文字
|
||||
class="form-texarea" />
|
||||
</uni-forms-item>
|
||||
</uni-forms>
|
||||
<view class="footer-con">
|
||||
<button class="btn-default" type="default" @click="handleDeleteVisistDetailItem" size="mini">删 除</button>
|
||||
<button class="btn-primary" type="primary" @click="submitForm" size="mini">保存/修改</button>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup name="jsVisitComponent">
|
||||
import { ref, reactive } from 'vue'
|
||||
import cache from '../../../../../utils/cache'
|
||||
import { onShow, onUnload } from '@dcloudio/uni-app';
|
||||
import { addVisistDetail, deleVisistDetailItem, getVisistDetailItem } from '../../../../../api/crm/activity/activity';
|
||||
|
||||
let customerUserList = ref([])
|
||||
let myUserList = ref([])
|
||||
let activeTxt = ref('')
|
||||
let isDisabled = ref(false)
|
||||
const props = defineProps({
|
||||
cusName: String, //客户单位名称
|
||||
cusId: Number,//客户ID
|
||||
visistId: Number,//活动ID
|
||||
status: String //状态
|
||||
})
|
||||
|
||||
// 表单数据
|
||||
const formData = ref({
|
||||
customerUserList,
|
||||
myUserList,
|
||||
activeTxt
|
||||
});
|
||||
|
||||
// 表单ref
|
||||
const formRef = ref(null);
|
||||
|
||||
//删除明细项的内容
|
||||
let jsDeleteForm = reactive({})
|
||||
function handleDeleteVisistDetailItem() {
|
||||
jsDeleteForm.treeName = '业务招待'
|
||||
jsDeleteForm.visistId = props.visistId
|
||||
deleVisistDetailItem(jsDeleteForm).then(res => {
|
||||
if (res.code == 200) {
|
||||
uni.showToast({
|
||||
title: '删除成功',
|
||||
duration: 2000
|
||||
});
|
||||
//响应成功，删除缓存记录
|
||||
handleDelete()
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: res.msg,
|
||||
icon: 'none',
|
||||
});
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
// 删除内容
|
||||
let handleDelete = () => {
|
||||
formData.value.customerUserList = null
|
||||
formData.value.myUserList = null
|
||||
formData.value.activeTxt = null
|
||||
if (cache.get('checkedJSClientList') != null) {
|
||||
cache.remove('checkedJSClientList');
|
||||
}
|
||||
if (cache.get('checkedJSMyUserList') != null) {
|
||||
cache.remove('checkedJSMyUserList');
|
||||
}
|
||||
}
|
||||
|
||||
//删除缓存
|
||||
let handleDeleteLocal = () => {
|
||||
cache.remove('checkedJSClientList');
|
||||
cache.remove('checkedJSMyUserList');
|
||||
}
|
||||
|
||||
let jsForm = reactive({})
|
||||
// 保存/修改
|
||||
const submitForm = async () => {
|
||||
try {
|
||||
// 验证表单
|
||||
await formRef.value.validate();
|
||||
// 验证通过后的操作
|
||||
uni.showToast({
|
||||
title: '验证通过',
|
||||
icon: 'success'
|
||||
});
|
||||
jsForm.treeName = '技术交流'
|
||||
jsForm.cusId = props.cusId
|
||||
jsForm.visistId = props.visistId
|
||||
|
||||
if (Array.isArray(myUserList.value)) {
|
||||
jsForm.ourPersonnel = myUserList.value.join(',')
|
||||
} else {
|
||||
jsForm.ourPersonnel = myUserList.value
|
||||
}
|
||||
|
||||
if (Array.isArray(customerUserList.value)) {
|
||||
jsForm.cusPersonnel = customerUserList.value.join(',')
|
||||
} else {
|
||||
jsForm.cusPersonnel = customerUserList.value
|
||||
}
|
||||
|
||||
jsForm.bandResult = activeTxt.value
|
||||
// 提交服务器进行新增
|
||||
addVisistDetail(jsForm).then(res => {
|
||||
if (res.code == 200) {
|
||||
uni.showToast({
|
||||
title: '提交成功',
|
||||
duration: 2000
|
||||
});
|
||||
//响应成功，删除缓存记录
|
||||
handleDeleteLocal()
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: res.msg,
|
||||
icon: 'none',
|
||||
});
|
||||
}
|
||||
})
|
||||
} catch (err) {
|
||||
console.log('表单验证失败:', err);
|
||||
}
|
||||
};
|
||||
|
||||
//页面渲染完成后，查询catch的get
|
||||
onShow(() => {
|
||||
|
||||
if (cache.get('checkedJSClientList') != null && cache.get('checkedJSClientList') != []) {
|
||||
customerUserList.value = cache.get('checkedJSClientList')
|
||||
}
|
||||
|
||||
if (cache.get('checkedJSMyUserList') != null && cache.get('checkedJSMyUserList') != []) {
|
||||
myUserList.value = cache.get('checkedJSMyUserList')
|
||||
}
|
||||
|
||||
if(props.status=='完成'){
|
||||
isDisabled.value = true
|
||||
}else{
|
||||
isDisabled.value = false
|
||||
}
|
||||
})
|
||||
|
||||
//查询日常走访的内容
|
||||
let queryJSForm = reactive({})
|
||||
let getJSVisitReportDetailContent = () => {
|
||||
queryJSForm.visistId = props.visistId
|
||||
queryJSForm.cusId = props.cusId
|
||||
queryJSForm.treeName = '技术交流'
|
||||
getVisistDetailItem(queryJSForm).then(res => {
|
||||
if (res.rows[0] != null) {
|
||||
customerUserList.value = res.rows[0].customerPersonnel
|
||||
myUserList.value = res.rows[0].ourPersonnel
|
||||
activeTxt.value = res.rows[0].bandResult
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
|
||||
//页面卸载之后，删除缓存信息
|
||||
onUnload(() => {
|
||||
handleDeleteLocal()
|
||||
})
|
||||
|
||||
|
||||
//选择客户人员
|
||||
function chooseClientUser() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/business/CRM/marketActivity/customerUserList?cusName=' + props.cusName + '&chooseType=技术交流'
|
||||
})
|
||||
}
|
||||
|
||||
//选择我方参与人
|
||||
function chooseMyUser() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/business/CRM/marketActivity/myUserList?chooseType=技术交流'
|
||||
})
|
||||
}
|
||||
|
||||
// 明确暴露给父组件的方法
|
||||
defineExpose({
|
||||
handleDelete,
|
||||
getJSVisitReportDetailContent
|
||||
})
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
<style scoped lang="scss">
|
||||
.all-body {
|
||||
/* #ifdef APP-PLUS */
|
||||
top: 150rpx;
|
||||
height: calc(100vh - 75px);
|
||||
/* #endif */
|
||||
/* #ifndef APP-PLUS */
|
||||
top: 120rpx;
|
||||
height: calc(100vh);
|
||||
/* #endif */
|
||||
}
|
||||
|
||||
.search {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.search .btn-search {
|
||||
border: none;
|
||||
background: none;
|
||||
line-height: normal;
|
||||
color: #fff;
|
||||
line-height: 56rpx !important;
|
||||
padding: 10rpx 0 0;
|
||||
text-align: left;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.search .btn-search::after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.search .custom-search {
|
||||
width: 80%;
|
||||
|
||||
}
|
||||
|
||||
.search .custom-search.uni-searchbar {
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
|
||||
.scroll-h {
|
||||
/* #ifdef APP-PLUS */
|
||||
height: calc(100vh - 120px);
|
||||
/* #endif */
|
||||
/* #ifndef APP-PLUS */
|
||||
height: calc(100vh - 110px);
|
||||
/* #endif */
|
||||
}
|
||||
|
||||
.white-bg {
|
||||
padding-bottom: 10rpx;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
</style>
|
||||
@@ -0,0 +1,262 @@
|
||||
<template>
|
||||
<uni-forms ref="formRef" :model="formData" label-width="100px" label-position="top">
|
||||
<uni-forms-item label="客户人员" name="customerUserList" class="f-c-right">
|
||||
<uni-easyinput v-model="formData.customerUserList" placeholder="请选择客户人员" name="input"
|
||||
:disabled="isDisabled"
|
||||
@focus="chooseClientUser"></uni-easyinput>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="我方参与人" name="myUserList" class="f-c-right">
|
||||
<uni-easyinput v-model="formData.myUserList" placeholder="请选择我方参与人" name="input"
|
||||
:disabled="isDisabled"
|
||||
@focus="chooseMyUser"></uni-easyinput>
|
||||
</uni-forms-item>
|
||||
|
||||
<uni-forms-item label="活动文字" name="activeTxt" class="uni-forms-item is-direction-top is-top">
|
||||
<uni-easyinput type="textarea" autoHeight v-model="formData.activeTxt" placeholder="请输入" 活动文字
|
||||
class="form-texarea" />
|
||||
</uni-forms-item>
|
||||
</uni-forms>
|
||||
<view class="footer-con">
|
||||
<button class="btn-default" type="default" @click="handleDeleteVisistDetailItem" size="mini">删 除</button>
|
||||
<button class="btn-primary" type="primary" @click="submitForm" size="mini">保存/修改</button>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup name="lcVisitComponent">
|
||||
import { ref, reactive } from 'vue'
|
||||
import cache from '../../../../../utils/cache'
|
||||
import { onShow, onUnload } from '@dcloudio/uni-app';
|
||||
import { addVisistDetail, deleVisistDetailItem, getVisistDetailItem } from '../../../../../api/crm/activity/activity';
|
||||
|
||||
let customerUserList = ref([])
|
||||
let myUserList = ref([])
|
||||
let activeTxt = ref('')
|
||||
let isDisabled = ref(false)
|
||||
const props = defineProps({
|
||||
cusName: String, //客户单位名称
|
||||
cusId: Number,//客户ID
|
||||
visistId: Number,//活动ID
|
||||
status: String //状态
|
||||
})
|
||||
|
||||
// 表单数据
|
||||
const formData = ref({
|
||||
customerUserList,
|
||||
myUserList,
|
||||
activeTxt
|
||||
});
|
||||
|
||||
// 表单ref
|
||||
const formRef = ref(null);
|
||||
|
||||
//删除明细项的内容
|
||||
let lcDeleteForm = reactive({})
|
||||
function handleDeleteVisistDetailItem() {
|
||||
lcDeleteForm.treeName = '业务招待'
|
||||
lcDeleteForm.visistId = props.visistId
|
||||
deleVisistDetailItem(lcDeleteForm).then(res => {
|
||||
if (res.code == 200) {
|
||||
uni.showToast({
|
||||
title: '删除成功',
|
||||
duration: 2000
|
||||
});
|
||||
//响应成功，删除缓存记录
|
||||
handleDelete()
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: res.msg,
|
||||
icon: 'none',
|
||||
});
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
// 删除内容
|
||||
let handleDelete = () => {
|
||||
formData.value.customerUserList = null
|
||||
formData.value.myUserList = null
|
||||
formData.value.activeTxt = null
|
||||
if (cache.get('checkedLCClientList') != null) {
|
||||
cache.remove('checkedLCClientList');
|
||||
}
|
||||
if (cache.get('checkedLCMyUserList') != null) {
|
||||
cache.remove('checkedLCMyUserList');
|
||||
}
|
||||
}
|
||||
|
||||
//删除缓存
|
||||
let handleDeleteLocal = () => {
|
||||
cache.remove('checkedLCClientList');
|
||||
cache.remove('checkedLCMyUserList');
|
||||
}
|
||||
|
||||
let lcForm = reactive({})
|
||||
// 保存/修改
|
||||
const submitForm = async () => {
|
||||
try {
|
||||
// 验证表单
|
||||
await formRef.value.validate();
|
||||
// 验证通过后的操作
|
||||
uni.showToast({
|
||||
title: '验证通过',
|
||||
icon: 'success'
|
||||
});
|
||||
lcForm.treeName = '来厂参观'
|
||||
lcForm.cusId = props.cusId
|
||||
lcForm.visistId = props.visistId
|
||||
|
||||
if (Array.isArray(myUserList.value)) {
|
||||
lcForm.ourPersonnel = myUserList.value.join(',')
|
||||
} else {
|
||||
lcForm.ourPersonnel = myUserList.value
|
||||
}
|
||||
|
||||
if (Array.isArray(customerUserList.value)) {
|
||||
lcForm.cusPersonnel = customerUserList.value.join(',')
|
||||
} else {
|
||||
lcForm.cusPersonnel = customerUserList.value
|
||||
}
|
||||
|
||||
lcForm.bandResult = activeTxt.value
|
||||
// 提交服务器进行新增
|
||||
addVisistDetail(lcForm).then(res => {
|
||||
if (res.code == 200) {
|
||||
uni.showToast({
|
||||
title: '提交成功',
|
||||
duration: 2000
|
||||
});
|
||||
//响应成功，删除缓存记录
|
||||
handleDeleteLocal()
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: res.msg,
|
||||
icon: 'none',
|
||||
});
|
||||
}
|
||||
})
|
||||
} catch (err) {
|
||||
console.log('表单验证失败:', err);
|
||||
}
|
||||
};
|
||||
|
||||
//页面渲染完成后，查询catch的get
|
||||
onShow(() => {
|
||||
|
||||
if (cache.get('checkedLCClientList') != null && cache.get('checkedLCClientList') != []) {
|
||||
customerUserList.value = cache.get('checkedLCClientList')
|
||||
}
|
||||
|
||||
if (cache.get('checkedLCMyUserList') != null && cache.get('checkedLCMyUserList') != []) {
|
||||
myUserList.value = cache.get('checkedLCMyUserList')
|
||||
}
|
||||
|
||||
if(props.status=='完成'){
|
||||
isDisabled.value = true
|
||||
}else{
|
||||
isDisabled.value = false
|
||||
}
|
||||
})
|
||||
|
||||
//查询日常走访的内容
|
||||
let queryLCForm = reactive({})
|
||||
let getLCVisitReportDetailContent = () => {
|
||||
queryLCForm.visistId = props.visistId
|
||||
queryLCForm.cusId = props.cusId
|
||||
queryLCForm.treeName = '来厂参观'
|
||||
getVisistDetailItem(queryLCForm).then(res => {
|
||||
if (res.rows[0] != null) {
|
||||
customerUserList.value = res.rows[0].customerPersonnel
|
||||
myUserList.value = res.rows[0].ourPersonnel
|
||||
activeTxt.value = res.rows[0].bandResult
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
|
||||
//页面卸载之后，删除缓存信息
|
||||
onUnload(() => {
|
||||
handleDeleteLocal()
|
||||
})
|
||||
|
||||
|
||||
//选择客户人员
|
||||
function chooseClientUser() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/business/CRM/marketActivity/customerUserList?cusName=' + props.cusName + '&chooseType=来厂参观'
|
||||
})
|
||||
}
|
||||
|
||||
//选择我方参与人
|
||||
function chooseMyUser() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/business/CRM/marketActivity/myUserList?chooseType=来厂参观'
|
||||
})
|
||||
}
|
||||
|
||||
// 明确暴露给父组件的方法
|
||||
defineExpose({
|
||||
handleDelete,
|
||||
getLCVisitReportDetailContent
|
||||
})
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
<style scoped lang="scss">
|
||||
.all-body {
|
||||
/* #ifdef APP-PLUS */
|
||||
top: 150rpx;
|
||||
height: calc(100vh - 75px);
|
||||
/* #endif */
|
||||
/* #ifndef APP-PLUS */
|
||||
top: 120rpx;
|
||||
height: calc(100vh);
|
||||
/* #endif */
|
||||
}
|
||||
|
||||
.search {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.search .btn-search {
|
||||
border: none;
|
||||
background: none;
|
||||
line-height: normal;
|
||||
color: #fff;
|
||||
line-height: 56rpx !important;
|
||||
padding: 10rpx 0 0;
|
||||
text-align: left;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.search .btn-search::after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.search .custom-search {
|
||||
width: 80%;
|
||||
|
||||
}
|
||||
|
||||
.search .custom-search.uni-searchbar {
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
|
||||
.scroll-h {
|
||||
/* #ifdef APP-PLUS */
|
||||
height: calc(100vh - 120px);
|
||||
/* #endif */
|
||||
/* #ifndef APP-PLUS */
|
||||
height: calc(100vh - 110px);
|
||||
/* #endif */
|
||||
}
|
||||
|
||||
.white-bg {
|
||||
padding-bottom: 10rpx;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
</style>
|
||||
@@ -0,0 +1,307 @@
|
||||
<template>
|
||||
<uni-forms ref="formRef" :model="formData" label-width="100px" label-position="top">
|
||||
<uni-forms-item label="客户人员" name="customerUserList" class="f-c-right">
|
||||
<uni-easyinput v-model="formData.customerUserList" placeholder="请选择客户人员" name="input"
|
||||
:disabled="isDisabled"
|
||||
@focus="chooseClientUser"></uni-easyinput>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="我方参与人" name="myUserList" class="f-c-right">
|
||||
<uni-easyinput v-model="formData.myUserList" placeholder="请选择我方参与人" name="input"
|
||||
:disabled="isDisabled"
|
||||
@focus="chooseMyUser"></uni-easyinput>
|
||||
</uni-forms-item>
|
||||
|
||||
<uni-forms-item label="住宿天数" name="stayDays">
|
||||
<picker
|
||||
@change="handlePickerChange"
|
||||
:value="stayDaysIndex"
|
||||
:range="stayDaysOptions"
|
||||
:disabled="isDisabled"
|
||||
>
|
||||
<view class="picker-container">
|
||||
<view class="picker-display">
|
||||
{{ stayDaysOptions[stayDaysIndex] }}
|
||||
</view>
|
||||
<uni-icons type="arrowdown" size="16" color="#666"></uni-icons>
|
||||
</view>
|
||||
</picker>
|
||||
</uni-forms-item>
|
||||
|
||||
<uni-forms-item label="活动文字" name="activeTxt" class="uni-forms-item is-direction-top is-top">
|
||||
<uni-easyinput type="textarea" autoHeight v-model="formData.activeTxt" placeholder="请输入" 活动文字
|
||||
class="form-texarea"/>
|
||||
</uni-forms-item>
|
||||
</uni-forms>
|
||||
<view class="footer-con">
|
||||
<button class="btn-default" type="default" @click="handleDeleteVisistDetailItem" size="mini">删 除</button>
|
||||
<button class="btn-primary" type="primary" @click="submitForm" size="mini">保存/修改</button>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup name="lyVisitComponent">
|
||||
import {ref, reactive} from 'vue'
|
||||
import cache from '../../../../../utils/cache'
|
||||
import {onShow, onUnload} from '@dcloudio/uni-app';
|
||||
import {addVisistDetail, deleVisistDetailItem, getVisistDetailItem} from '../../../../../api/crm/activity/activity';
|
||||
|
||||
let customerUserList = ref([])
|
||||
let myUserList = ref([])
|
||||
let activeTxt = ref('')
|
||||
let isDisabled = ref(false)
|
||||
const props = defineProps({
|
||||
cusName: String, //客户单位名称
|
||||
cusId: Number,//客户ID
|
||||
visistId: Number,//活动ID
|
||||
status: String //状态
|
||||
})
|
||||
|
||||
|
||||
// 表单数据
|
||||
const formData = ref({
|
||||
customerUserList,
|
||||
myUserList,
|
||||
activeTxt
|
||||
});
|
||||
|
||||
// 表单ref
|
||||
const formRef = ref(null);
|
||||
|
||||
//删除明细项的内容
|
||||
let lyDeleteForm = reactive({})
|
||||
|
||||
function handleDeleteVisistDetailItem() {
|
||||
lyDeleteForm.treeName = '联谊活动'
|
||||
lyDeleteForm.visistId = props.visistId
|
||||
deleVisistDetailItem(lyDeleteForm).then(res => {
|
||||
if (res.code == 200) {
|
||||
uni.showToast({
|
||||
title: '删除成功',
|
||||
duration: 2000
|
||||
});
|
||||
//响应成功，删除缓存记录
|
||||
handleDelete()
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: res.msg,
|
||||
icon: 'none',
|
||||
});
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
// 删除内容
|
||||
let handleDelete = () => {
|
||||
formData.value.customerUserList = null
|
||||
formData.value.myUserList = null
|
||||
formData.value.activeTxt = null
|
||||
stayDaysIndex.value = 0
|
||||
if (cache.get('checkedLYClientList') != null) {
|
||||
cache.remove('checkedYWClientList');
|
||||
}
|
||||
if (cache.get('checkedLYMyUserList') != null) {
|
||||
cache.remove('checkedLYMyUserList');
|
||||
}
|
||||
}
|
||||
|
||||
//删除缓存
|
||||
let handleDeleteLocal = () => {
|
||||
cache.remove('checkedLYClientList');
|
||||
cache.remove('checkedLYMyUserList');
|
||||
}
|
||||
|
||||
let lyForm = reactive({})
|
||||
// 保存/修改
|
||||
const submitForm = async () => {
|
||||
try {
|
||||
// 验证表单
|
||||
await formRef.value.validate();
|
||||
// 验证通过后的操作
|
||||
uni.showToast({
|
||||
title: '验证通过',
|
||||
icon: 'success'
|
||||
});
|
||||
lyForm.treeName = '联谊活动'
|
||||
lyForm.cusId = props.cusId
|
||||
lyForm.visistId = props.visistId
|
||||
|
||||
if (Array.isArray(myUserList.value)) {
|
||||
lyForm.ourPersonnel = myUserList.value.join(',')
|
||||
} else {
|
||||
lyForm.ourPersonnel = myUserList.value
|
||||
}
|
||||
|
||||
if (Array.isArray(customerUserList.value)) {
|
||||
lyForm.cusPersonnel = customerUserList.value.join(',')
|
||||
} else {
|
||||
lyForm.cusPersonnel = customerUserList.value
|
||||
}
|
||||
|
||||
lyForm.bandResult = activeTxt.value
|
||||
lyForm.multiple = stayDaysIndex.value + 1
|
||||
// 提交服务器进行新增
|
||||
addVisistDetail(lyForm).then(res => {
|
||||
if (res.code == 200) {
|
||||
uni.showToast({
|
||||
title: '提交成功',
|
||||
duration: 2000
|
||||
});
|
||||
//响应成功，删除缓存记录
|
||||
handleDeleteLocal()
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: res.msg,
|
||||
icon: 'none',
|
||||
});
|
||||
}
|
||||
})
|
||||
} catch (err) {
|
||||
console.log('表单验证失败:', err);
|
||||
}
|
||||
};
|
||||
|
||||
//页面渲染完成后，查询catch的get
|
||||
onShow(() => {
|
||||
|
||||
if (cache.get('checkedLYClientList') != null && cache.get('checkedLYClientList') != []) {
|
||||
customerUserList.value = cache.get('checkedLYClientList')
|
||||
}
|
||||
|
||||
if (cache.get('checkedLYMyUserList') != null && cache.get('checkedLYMyUserList') != []) {
|
||||
myUserList.value = cache.get('checkedLYMyUserList')
|
||||
}
|
||||
|
||||
if (props.status == '完成') {
|
||||
isDisabled.value = true
|
||||
} else {
|
||||
isDisabled.value = false
|
||||
}
|
||||
})
|
||||
|
||||
//查询日常走访的内容
|
||||
let queryLYForm = reactive({})
|
||||
let getLYVisitReportDetailContent = () => {
|
||||
queryLYForm.visistId = props.visistId
|
||||
queryLYForm.cusId = props.cusId
|
||||
queryLYForm.treeName = '联谊活动'
|
||||
getVisistDetailItem(queryLYForm).then(res => {
|
||||
if (res.rows[0] != null) {
|
||||
customerUserList.value = res.rows[0].customerPersonnel
|
||||
myUserList.value = res.rows[0].ourPersonnel
|
||||
stayDaysIndex.value = res.rows[0].multiple - 1
|
||||
activeTxt.value = res.rows[0].bandResult
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
//页面卸载之后，删除缓存信息
|
||||
onUnload(() => {
|
||||
handleDeleteLocal()
|
||||
})
|
||||
|
||||
|
||||
//选择客户人员
|
||||
function chooseClientUser() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/business/CRM/marketActivity/customerUserList?cusName=' + props.cusName + '&chooseType=联谊活动'
|
||||
})
|
||||
}
|
||||
|
||||
//选择我方参与人
|
||||
function chooseMyUser() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/business/CRM/marketActivity/myUserList?chooseType=联谊活动'
|
||||
})
|
||||
}
|
||||
|
||||
// 住宿天数
|
||||
const stayDaysOptions = ref(['1天', '2天', '3天', '4天', '5天', '6天', '7天'])
|
||||
const stayDaysIndex = ref(0) // 默认未选择
|
||||
|
||||
const handlePickerChange = (e) => {
|
||||
stayDaysIndex.value = e.detail.value
|
||||
console.log("天数数字：", stayDaysIndex.value + 1)
|
||||
}
|
||||
|
||||
// 明确暴露给父组件的方法
|
||||
defineExpose({
|
||||
handleDelete,
|
||||
getLYVisitReportDetailContent
|
||||
})
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
<style scoped lang="scss">
|
||||
.all-body {
|
||||
/* #ifdef APP-PLUS */
|
||||
top: 150rpx;
|
||||
height: calc(100vh - 75px);
|
||||
/* #endif */
|
||||
/* #ifndef APP-PLUS */
|
||||
top: 120rpx;
|
||||
height: calc(100vh);
|
||||
/* #endif */
|
||||
}
|
||||
|
||||
.search {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.search .btn-search {
|
||||
border: none;
|
||||
background: none;
|
||||
line-height: normal;
|
||||
color: #fff;
|
||||
line-height: 56rpx !important;
|
||||
padding: 10rpx 0 0;
|
||||
text-align: left;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.search .btn-search::after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.search .custom-search {
|
||||
width: 80%;
|
||||
|
||||
}
|
||||
|
||||
.search .custom-search.uni-searchbar {
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
|
||||
.scroll-h {
|
||||
/* #ifdef APP-PLUS */
|
||||
height: calc(100vh - 120px);
|
||||
/* #endif */
|
||||
/* #ifndef APP-PLUS */
|
||||
height: calc(100vh - 110px);
|
||||
/* #endif */
|
||||
}
|
||||
|
||||
.white-bg {
|
||||
padding-bottom: 10rpx;
|
||||
}
|
||||
|
||||
.picker-container {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 10px 12px;
|
||||
border: 1px solid #dcdfe6;
|
||||
border-radius: 4px;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.picker-display {
|
||||
color: #333;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.picker-display:empty::before {
|
||||
content: '请选择住宿天数';
|
||||
color: #999;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,259 @@
|
||||
<template>
|
||||
<uni-forms ref="formRef" :model="formData" label-width="100px" label-position="top">
|
||||
<uni-forms-item label="客户人员" name="customerUserList" class="f-c-right">
|
||||
<uni-easyinput v-model="formData.customerUserList" placeholder="请选择客户人员" name="input"
|
||||
:disabled="isDisabled"
|
||||
@focus="chooseClientUser"></uni-easyinput>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="我方参与人" name="myUserList" class="f-c-right">
|
||||
<uni-easyinput v-model="formData.myUserList" placeholder="请选择我方参与人" name="input"
|
||||
:disabled="isDisabled"
|
||||
@focus="chooseMyUser"></uni-easyinput>
|
||||
</uni-forms-item>
|
||||
|
||||
<uni-forms-item label="活动文字" name="activeTxt" class="uni-forms-item is-direction-top is-top">
|
||||
<uni-easyinput type="textarea" autoHeight v-model="formData.activeTxt" placeholder="请输入" 活动文字
|
||||
class="form-texarea" />
|
||||
</uni-forms-item>
|
||||
</uni-forms>
|
||||
<view class="footer-con">
|
||||
<button class="btn-default" type="default" @click="handleDeleteVisistDetailItem" size="mini">删 除</button>
|
||||
<button class="btn-primary" type="primary" @click="submitForm" size="mini">保存/修改</button>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup name="wtVisitComponent">
|
||||
import { ref, reactive } from 'vue'
|
||||
import cache from '../../../../../utils/cache'
|
||||
import { onShow, onUnload } from '@dcloudio/uni-app';
|
||||
import { addVisistDetail, deleVisistDetailItem, getVisistDetailItem } from '../../../../../api/crm/activity/activity';
|
||||
|
||||
let customerUserList = ref([])
|
||||
let myUserList = ref([])
|
||||
let activeTxt = ref('')
|
||||
let isDisabled = ref(false)
|
||||
const props = defineProps({
|
||||
cusName: String, //客户单位名称
|
||||
cusId: Number,//客户ID
|
||||
visistId: Number,//活动ID
|
||||
status: String //状态
|
||||
})
|
||||
|
||||
// 表单数据
|
||||
const formData = ref({
|
||||
customerUserList,
|
||||
myUserList,
|
||||
activeTxt
|
||||
});
|
||||
|
||||
// 表单ref
|
||||
const formRef = ref(null);
|
||||
|
||||
//删除明细项的内容
|
||||
let wtDeleteForm = reactive({})
|
||||
function handleDeleteVisistDetailItem() {
|
||||
wtDeleteForm.treeName = '文体活动'
|
||||
wtDeleteForm.visistId = props.visistId
|
||||
deleVisistDetailItem(wtDeleteForm).then(res => {
|
||||
if (res.code == 200) {
|
||||
uni.showToast({
|
||||
title: '删除成功',
|
||||
duration: 2000
|
||||
});
|
||||
//响应成功，删除缓存记录
|
||||
handleDelete()
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: res.msg,
|
||||
icon: 'none',
|
||||
});
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
// 删除内容
|
||||
let handleDelete = () => {
|
||||
formData.value.customerUserList = null
|
||||
formData.value.myUserList = null
|
||||
formData.value.activeTxt = null
|
||||
if (cache.get('checkedWTClientList') != null) {
|
||||
cache.remove('checkedWTClientList');
|
||||
}
|
||||
if (cache.get('checkedWTMyUserList') != null) {
|
||||
cache.remove('checkedWTMyUserList');
|
||||
}
|
||||
}
|
||||
|
||||
//删除缓存
|
||||
let handleDeleteLocal = () => {
|
||||
cache.remove('checkedWTClientList');
|
||||
cache.remove('checkedWTMyUserList');
|
||||
}
|
||||
|
||||
let wtForm = reactive({})
|
||||
// 保存/修改
|
||||
const submitForm = async () => {
|
||||
try {
|
||||
// 验证表单
|
||||
await formRef.value.validate();
|
||||
// 验证通过后的操作
|
||||
uni.showToast({
|
||||
title: '验证通过',
|
||||
icon: 'success'
|
||||
});
|
||||
wtForm.treeName = '文体活动'
|
||||
wtForm.cusId = props.cusId
|
||||
wtForm.visistId = props.visistId
|
||||
|
||||
if (Array.isArray(myUserList.value)) {
|
||||
wtForm.ourPersonnel = myUserList.value.join(',')
|
||||
} else {
|
||||
wtForm.ourPersonnel = myUserList.value
|
||||
}
|
||||
|
||||
if (Array.isArray(customerUserList.value)) {
|
||||
wtForm.cusPersonnel = customerUserList.value.join(',')
|
||||
} else {
|
||||
wtForm.cusPersonnel = customerUserList.value
|
||||
}
|
||||
|
||||
wtForm.bandResult = activeTxt.value
|
||||
// 提交服务器进行新增
|
||||
addVisistDetail(wtForm).then(res => {
|
||||
if (res.code == 200) {
|
||||
uni.showToast({
|
||||
title: '提交成功',
|
||||
duration: 2000
|
||||
});
|
||||
//响应成功，删除缓存记录
|
||||
handleDeleteLocal()
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: res.msg,
|
||||
icon: 'none',
|
||||
});
|
||||
}
|
||||
})
|
||||
} catch (err) {
|
||||
console.log('表单验证失败:', err);
|
||||
}
|
||||
};
|
||||
|
||||
//页面渲染完成后，查询catch的get
|
||||
onShow(() => {
|
||||
|
||||
if (cache.get('checkedWTClientList') != null && cache.get('checkedWTClientList') != []) {
|
||||
customerUserList.value = cache.get('checkedWTClientList')
|
||||
}
|
||||
|
||||
if (cache.get('checkedWTMyUserList') != null && cache.get('checkedWTMyUserList') != []) {
|
||||
myUserList.value = cache.get('checkedWTMyUserList')
|
||||
}
|
||||
|
||||
|
||||
if(props.status=='完成'){
|
||||
isDisabled.value = true
|
||||
}else{
|
||||
isDisabled.value = false
|
||||
}
|
||||
})
|
||||
|
||||
//查询日常走访的内容
|
||||
let queryWTForm = reactive({})
|
||||
let getWTVisitReportDetailContent = () => {
|
||||
queryWTForm.visistId = props.visistId
|
||||
queryWTForm.cusId = props.cusId
|
||||
queryWTForm.treeName = '文体活动'
|
||||
getVisistDetailItem(queryWTForm).then(res => {
|
||||
if (res.rows[0] != null) {
|
||||
customerUserList.value = res.rows[0].customerPersonnel
|
||||
myUserList.value = res.rows[0].ourPersonnel
|
||||
activeTxt.value = res.rows[0].bandResult
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
|
||||
//页面卸载之后，删除缓存信息
|
||||
onUnload(() => {
|
||||
handleDeleteLocal()
|
||||
})
|
||||
|
||||
|
||||
//选择客户人员
|
||||
function chooseClientUser() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/business/CRM/marketActivity/customerUserList?cusName=' + props.cusName + '&chooseType=文体活动'
|
||||
})
|
||||
}
|
||||
|
||||
//选择我方参与人
|
||||
function chooseMyUser() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/business/CRM/marketActivity/myUserList?chooseType=文体活动'
|
||||
})
|
||||
}
|
||||
|
||||
// 明确暴露给父组件的方法
|
||||
defineExpose({
|
||||
handleDelete,
|
||||
getWTVisitReportDetailContent
|
||||
})
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
<style scoped lang="scss">
|
||||
.all-body {
|
||||
/* #ifdef APP-PLUS */
|
||||
top: 150rpx;
|
||||
height: calc(100vh - 75px);
|
||||
/* #endif */
|
||||
/* #ifndef APP-PLUS */
|
||||
top: 120rpx;
|
||||
height: calc(100vh);
|
||||
/* #endif */
|
||||
}
|
||||
|
||||
.search {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.search .btn-search {
|
||||
border: none;
|
||||
background: none;
|
||||
line-height: normal;
|
||||
color: #fff;
|
||||
line-height: 56rpx !important;
|
||||
padding: 10rpx 0 0;
|
||||
text-align: left;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.search .btn-search::after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.search .custom-search {
|
||||
width: 80%;
|
||||
|
||||
}
|
||||
|
||||
.search .custom-search.uni-searchbar {
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
|
||||
.scroll-h {
|
||||
/* #ifdef APP-PLUS */
|
||||
height: calc(100vh - 120px);
|
||||
/* #endif */
|
||||
/* #ifndef APP-PLUS */
|
||||
height: calc(100vh - 110px);
|
||||
/* #endif */
|
||||
}
|
||||
|
||||
.white-bg {
|
||||
padding-bottom: 10rpx;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,259 @@
|
||||
<template>
|
||||
<uni-forms ref="formRef" :model="formData" label-width="100px" label-position="top">
|
||||
<uni-forms-item label="客户人员" name="customerUserList" class="f-c-right">
|
||||
<uni-easyinput v-model="formData.customerUserList" placeholder="请选择客户人员" name="input"
|
||||
:disabled="isDisabled"
|
||||
@focus="chooseClientUser"></uni-easyinput>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="我方参与人" name="myUserList" class="f-c-right">
|
||||
<uni-easyinput v-model="formData.myUserList" placeholder="请选择我方参与人" name="input"
|
||||
:disabled="isDisabled"
|
||||
@focus="chooseMyUser"></uni-easyinput>
|
||||
</uni-forms-item>
|
||||
|
||||
<uni-forms-item label="活动文字" name="activeTxt" class="uni-forms-item is-direction-top is-top">
|
||||
<uni-easyinput type="textarea" autoHeight v-model="formData.activeTxt" placeholder="请输入" 活动文字
|
||||
class="form-texarea" />
|
||||
</uni-forms-item>
|
||||
</uni-forms>
|
||||
<view class="footer-con">
|
||||
<button class="btn-default" type="default" @click="handleDeleteVisistDetailItem" size="mini">删 除</button>
|
||||
<button class="btn-primary" type="primary" @click="submitForm" size="mini">保存/修改</button>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup name="ywVisitComponent">
|
||||
import { ref, reactive } from 'vue'
|
||||
import cache from '../../../../../utils/cache'
|
||||
import { onShow, onUnload } from '@dcloudio/uni-app';
|
||||
import { addVisistDetail, deleVisistDetailItem, getVisistDetailItem } from '../../../../../api/crm/activity/activity';
|
||||
|
||||
let customerUserList = ref([])
|
||||
let myUserList = ref([])
|
||||
let activeTxt = ref('')
|
||||
let isDisabled = ref(false)
|
||||
const props = defineProps({
|
||||
cusName: String, //客户单位名称
|
||||
cusId: Number,//客户ID
|
||||
visistId: Number,//活动ID
|
||||
status: String //状态
|
||||
})
|
||||
|
||||
// 表单数据
|
||||
const formData = ref({
|
||||
customerUserList,
|
||||
myUserList,
|
||||
activeTxt
|
||||
});
|
||||
|
||||
// 表单ref
|
||||
const formRef = ref(null);
|
||||
|
||||
//删除明细项的内容
|
||||
let ywDeleteForm = reactive({})
|
||||
function handleDeleteVisistDetailItem() {
|
||||
ywDeleteForm.treeName = '业务招待'
|
||||
ywDeleteForm.visistId = props.visistId
|
||||
deleVisistDetailItem(ywDeleteForm).then(res => {
|
||||
if (res.code == 200) {
|
||||
uni.showToast({
|
||||
title: '删除成功',
|
||||
duration: 2000
|
||||
});
|
||||
//响应成功，删除缓存记录
|
||||
handleDelete()
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: res.msg,
|
||||
icon: 'none',
|
||||
});
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
// 删除内容
|
||||
let handleDelete = () => {
|
||||
formData.value.customerUserList = null
|
||||
formData.value.myUserList = null
|
||||
formData.value.activeTxt = null
|
||||
if (cache.get('checkedYWClientList') != null) {
|
||||
cache.remove('checkedYWClientList');
|
||||
}
|
||||
if (cache.get('checkedYWMyUserList') != null) {
|
||||
cache.remove('checkedYWMyUserList');
|
||||
}
|
||||
}
|
||||
|
||||
//删除缓存
|
||||
let handleDeleteLocal = () => {
|
||||
cache.remove('checkedYWClientList');
|
||||
cache.remove('checkedYWMyUserList');
|
||||
}
|
||||
|
||||
let ywForm = reactive({})
|
||||
// 保存/修改
|
||||
const submitForm = async () => {
|
||||
try {
|
||||
// 验证表单
|
||||
await formRef.value.validate();
|
||||
// 验证通过后的操作
|
||||
uni.showToast({
|
||||
title: '验证通过',
|
||||
icon: 'success'
|
||||
});
|
||||
ywForm.treeName = '业务招待'
|
||||
ywForm.cusId = props.cusId
|
||||
ywForm.visistId = props.visistId
|
||||
|
||||
if (Array.isArray(myUserList.value)) {
|
||||
ywForm.ourPersonnel = myUserList.value.join(',')
|
||||
} else {
|
||||
ywForm.ourPersonnel = myUserList.value
|
||||
}
|
||||
|
||||
if (Array.isArray(customerUserList.value)) {
|
||||
ywForm.cusPersonnel = customerUserList.value.join(',')
|
||||
} else {
|
||||
ywForm.cusPersonnel = customerUserList.value
|
||||
}
|
||||
|
||||
ywForm.bandResult = activeTxt.value
|
||||
// 提交服务器进行新增
|
||||
addVisistDetail(ywForm).then(res => {
|
||||
if (res.code == 200) {
|
||||
uni.showToast({
|
||||
title: '提交成功',
|
||||
duration: 2000
|
||||
});
|
||||
//响应成功，删除缓存记录
|
||||
handleDeleteLocal()
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: res.msg,
|
||||
icon: 'none',
|
||||
});
|
||||
}
|
||||
})
|
||||
} catch (err) {
|
||||
console.log('表单验证失败:', err);
|
||||
}
|
||||
};
|
||||
|
||||
//页面渲染完成后，查询catch的get
|
||||
onShow(() => {
|
||||
|
||||
if (cache.get('checkedYWClientList') != null && cache.get('checkedYWClientList') != []) {
|
||||
customerUserList.value = cache.get('checkedYWClientList')
|
||||
}
|
||||
|
||||
if (cache.get('checkedYWMyUserList') != null && cache.get('checkedYWMyUserList') != []) {
|
||||
myUserList.value = cache.get('checkedYWMyUserList')
|
||||
}
|
||||
|
||||
|
||||
if(props.status=='完成'){
|
||||
isDisabled.value = true
|
||||
}else{
|
||||
isDisabled.value = false
|
||||
}
|
||||
})
|
||||
|
||||
//查询日常走访的内容
|
||||
let queryYWForm = reactive({})
|
||||
let getYWVisitReportDetailContent = () => {
|
||||
queryYWForm.visistId = props.visistId
|
||||
queryYWForm.cusId = props.cusId
|
||||
queryYWForm.treeName = '业务招待'
|
||||
getVisistDetailItem(queryYWForm).then(res => {
|
||||
if (res.rows[0] != null) {
|
||||
customerUserList.value = res.rows[0].customerPersonnel
|
||||
myUserList.value = res.rows[0].ourPersonnel
|
||||
activeTxt.value = res.rows[0].bandResult
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
|
||||
//页面卸载之后，删除缓存信息
|
||||
onUnload(() => {
|
||||
handleDeleteLocal()
|
||||
})
|
||||
|
||||
|
||||
//选择客户人员
|
||||
function chooseClientUser() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/business/CRM/marketActivity/customerUserList?cusName=' + props.cusName + '&chooseType=业务招待'
|
||||
})
|
||||
}
|
||||
|
||||
//选择我方参与人
|
||||
function chooseMyUser() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/business/CRM/marketActivity/myUserList?chooseType=业务招待'
|
||||
})
|
||||
}
|
||||
|
||||
// 明确暴露给父组件的方法
|
||||
defineExpose({
|
||||
handleDelete,
|
||||
getYWVisitReportDetailContent
|
||||
})
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
<style scoped lang="scss">
|
||||
.all-body {
|
||||
/* #ifdef APP-PLUS */
|
||||
top: 150rpx;
|
||||
height: calc(100vh - 75px);
|
||||
/* #endif */
|
||||
/* #ifndef APP-PLUS */
|
||||
top: 120rpx;
|
||||
height: calc(100vh);
|
||||
/* #endif */
|
||||
}
|
||||
|
||||
.search {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.search .btn-search {
|
||||
border: none;
|
||||
background: none;
|
||||
line-height: normal;
|
||||
color: #fff;
|
||||
line-height: 56rpx !important;
|
||||
padding: 10rpx 0 0;
|
||||
text-align: left;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.search .btn-search::after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.search .custom-search {
|
||||
width: 80%;
|
||||
|
||||
}
|
||||
|
||||
.search .custom-search.uni-searchbar {
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
|
||||
.scroll-h {
|
||||
/* #ifdef APP-PLUS */
|
||||
height: calc(100vh - 120px);
|
||||
/* #endif */
|
||||
/* #ifndef APP-PLUS */
|
||||
height: calc(100vh - 110px);
|
||||
/* #endif */
|
||||
}
|
||||
|
||||
.white-bg {
|
||||
padding-bottom: 10rpx;
|
||||
}
|
||||
</style>
|
||||
158
src/pages/business/CRM/marketActivity/customerUserList.vue
Normal file
158
src/pages/business/CRM/marketActivity/customerUserList.vue
Normal file
@@ -0,0 +1,158 @@
|
||||
<template>
|
||||
<view class="con-body">
|
||||
<view>
|
||||
<!-- 头部 -->
|
||||
<customHeader ref="customHeaderRef" :title="'走访报告添加客户人员'" :leftFlag="true" :rightFlag="false">
|
||||
</customHeader>
|
||||
<!-- 高度来避免头部遮挡 -->
|
||||
<view class="top-height"></view>
|
||||
<uni-easyinput prefixIcon="search" v-model="searchContent" placeholder="请输入客户人员名称" clearable
|
||||
@iconClick="iconClick">
|
||||
</uni-easyinput>
|
||||
<checkbox-group class="block" @change="checkboxChange">
|
||||
<view class="itemClass" v-for="(item, index) in dataList" :key="item.userId">
|
||||
<checkbox class='checkBoxClass' :value="item.userName" v-model="item.userName"></checkbox>
|
||||
<view class="clientClass">
|
||||
<text class="blue-text">{{ item.userName }}</text>
|
||||
{{ " | " }}
|
||||
{{ item.userDept != null ? item.userDept : ' ' }}
|
||||
{{ item.job != null ? item.job : ' ' }}
|
||||
{{ item.mobilePhone }}
|
||||
{{ item.remark != null ? item.remark : ' ' }}
|
||||
</view>
|
||||
</view>
|
||||
</checkbox-group>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import customHeader from '@/components/customHeader.vue'
|
||||
import { crmCustomerUser } from '../../../../api/crm/activity/activity'
|
||||
import { onMounted, onUnmounted, reactive, ref, watch } from 'vue'
|
||||
import { onLoad } from '@dcloudio/uni-app'
|
||||
import { useMessage } from '../../../../utils/message'
|
||||
import cache from '../../../../utils/cache'
|
||||
|
||||
|
||||
|
||||
const message = useMessage();
|
||||
|
||||
//点击查询客户人员
|
||||
const queryParams = ref({
|
||||
cusName: '',
|
||||
nickName: '',
|
||||
pageNum: 1,
|
||||
pageSize: 10
|
||||
})
|
||||
|
||||
|
||||
onMounted(() => {
|
||||
getClientUserName()
|
||||
})
|
||||
|
||||
let chooseType = ref()
|
||||
onLoad(options => {
|
||||
queryParams.value.cusName = options.cusName
|
||||
chooseType.value = options.chooseType
|
||||
})
|
||||
const dataList = ref([])
|
||||
|
||||
function getClientUserName() {
|
||||
crmCustomerUser(queryParams.value).then(res => {
|
||||
dataList.value = res.rows
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
//查询某一客户人员
|
||||
let searchContent = ref('')
|
||||
|
||||
function iconClick() {
|
||||
message.toast('点击了查询，当前内容：' + searchContent.value)
|
||||
}
|
||||
|
||||
//监视查询的内容的变化
|
||||
watch(searchContent, (newValue, oldValue) => {
|
||||
queryParams.value.nickName = searchContent.value
|
||||
//变化了之后，重新查询内容
|
||||
crmCustomerUser(queryParams.value).then(res => {
|
||||
dataList.value = res.rows
|
||||
})
|
||||
})
|
||||
|
||||
|
||||
|
||||
//勾选内容
|
||||
function checkboxChange(e) {
|
||||
//这里要根据传递来的不同的内容，生成不同的setCache方法
|
||||
if (chooseType.value == '日常走访') {
|
||||
cache.set('checkedRCClientList', e.detail.value)
|
||||
}
|
||||
if (chooseType.value == '业务招待') {
|
||||
cache.set('checkedYWClientList', e.detail.value)
|
||||
}
|
||||
if (chooseType.value == '技术交流') {
|
||||
cache.set('checkedJSClientList', e.detail.value)
|
||||
}
|
||||
if (chooseType.value == '来厂参观') {
|
||||
cache.set('checkedLCClientList', e.detail.value)
|
||||
}
|
||||
if (chooseType.value == '党建活动') {
|
||||
cache.set('checkedDJClientList', e.detail.value)
|
||||
}
|
||||
if (chooseType.value == '文体活动') {
|
||||
cache.set('checkedWTClientList', e.detail.value)
|
||||
}
|
||||
if (chooseType.value == '联谊活动') {
|
||||
cache.set('checkedLYClientList', e.detail.value)
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.con-body {
|
||||
background: white;
|
||||
}
|
||||
|
||||
|
||||
/* Container for the checkbox group */
|
||||
.checkbox-group.block {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* Each item row */
|
||||
.itemClass {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 10rpx 0;
|
||||
margin-left: 15rpx;
|
||||
border-bottom: 1px solid #eee;
|
||||
/* optional divider */
|
||||
}
|
||||
|
||||
/* Checkbox styling */
|
||||
.checkBoxClass {
|
||||
margin-right: 12rpx;
|
||||
}
|
||||
|
||||
/* Content container */
|
||||
.clientClass {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
font-size: 36rpx;
|
||||
color: #333;
|
||||
/* default text color */
|
||||
}
|
||||
|
||||
/* Blue username text */
|
||||
.blue-text {
|
||||
/* or any blue you prefer */
|
||||
margin-right: 5rpx;
|
||||
}
|
||||
</style>
|
||||
248
src/pages/business/CRM/marketActivity/detailForApproval.vue
Normal file
248
src/pages/business/CRM/marketActivity/detailForApproval.vue
Normal file
@@ -0,0 +1,248 @@
|
||||
<template>
|
||||
<view class="con-body">
|
||||
<view class="con-bg">
|
||||
<!-- 头部 -->
|
||||
<customHeader ref="customHeaderRef" :title="'走访报告详情'" :leftFlag="true" :rightFlag="false"></customHeader>
|
||||
|
||||
<!-- 高度来避免头部遮挡 -->
|
||||
<view class="top-height"></view>
|
||||
|
||||
<!-- 正文内容 -->
|
||||
<!-- 详情内容 -->
|
||||
<view class="white-bg">
|
||||
<view class="report-list">
|
||||
<view class="title">{{ item.cusName }}</view>
|
||||
<view class="r-list">
|
||||
<view class="r-name">{{ item.visistCode }}</view>
|
||||
</view>
|
||||
<view class="border-bottom b-width"></view>
|
||||
<view class="r-list">
|
||||
<view class="r-left">报告人</view>
|
||||
<view class="r-right">{{ item.staffName }}</view>
|
||||
</view>
|
||||
<view class="border-bottom b-width"></view>
|
||||
<view class="r-list">
|
||||
<view class="r-left">走访日期</view>
|
||||
<view class="r-right">{{ item.visistDate }}</view>
|
||||
</view>
|
||||
<view class="border-bottom b-width"></view>
|
||||
<view class="r-list">
|
||||
<view class="r-left">是否双方高层领导参与</view>
|
||||
<view class="r-right">{{ item.whetherHaveLeader }}</view>
|
||||
</view>
|
||||
<view class="border-bottom b-width"></view>
|
||||
<view class="r-list">
|
||||
<view class="r-left">活动类型</view>
|
||||
<view class="r-right">{{ item.visistType }}</view>
|
||||
</view>
|
||||
<view class="border-bottom b-width"></view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 报告明细&评论 -->
|
||||
<customTabs v-model="activeTab" :tabs="tabList" :modelValue="activeTab">
|
||||
<!-- 报告明细 -->
|
||||
<block v-if="activeTab === 0">
|
||||
<view class="white-bg white-bg-2" v-for="item in detailList">
|
||||
<view class="report-list">
|
||||
<view class="r-list">
|
||||
<view class="r-left">拜访事项</view>
|
||||
<view class="r-right">{{ item.detailType }}</view>
|
||||
</view>
|
||||
<view class="border-bottom b-width"></view>
|
||||
<view class="r-list">
|
||||
<view class="r-left">拜访类型</view>
|
||||
<view class="r-right">{{ item.treeName }}</view>
|
||||
</view>
|
||||
<view class="border-bottom b-width"></view>
|
||||
<view class="r-list">
|
||||
<view class="r-left">客户人员</view>
|
||||
<view class="r-right">{{ item.customerPersonnel }}</view>
|
||||
</view>
|
||||
<view class="border-bottom b-width"></view>
|
||||
<view class="r-list">
|
||||
<view class="r-left">我方人员</view>
|
||||
<view class="r-right">{{ item.ourPersonnel }}</view>
|
||||
</view>
|
||||
<view class="border-bottom b-width"></view>
|
||||
<view class="r-list" style="display: block">
|
||||
<view class="r-name">结果</view>
|
||||
<view class="r-gray">
|
||||
<view>
|
||||
{{ item.bandResult }} </view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</block>
|
||||
</customTabs>
|
||||
|
||||
|
||||
<view class="tipsPopBtn">
|
||||
<view class="btnCancal" @click="refuse">驳回</view>
|
||||
<!-- <view class="btnComfire" @click="refusePass">通过不得分</view> -->
|
||||
<view class="btnComfire" @click="adopt(item)">通过</view>
|
||||
|
||||
</view>
|
||||
<!-- 底部加高度来避免tabbar遮挡 -->
|
||||
<view class="bottom-height"></view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref } from 'vue'
|
||||
import { onLoad } from '@dcloudio/uni-app'
|
||||
import customHeader from '@/components/customHeader.vue'
|
||||
import customTabs from '@/components/customTabs.vue';
|
||||
import { auditActivityReport, getVisistDetailList, getYsVisistInfo } from '../../../../api/crm/activity/activity';
|
||||
|
||||
|
||||
let visistId = ref(0)
|
||||
// 加载后调用
|
||||
let id = ref(null)
|
||||
onLoad((options) => {
|
||||
visistId.value = options.visistId
|
||||
getVisitorReportDetail();
|
||||
})
|
||||
|
||||
|
||||
// 查询详情
|
||||
let item = ref({});
|
||||
//明细List
|
||||
let detailList = ref([])
|
||||
const getVisitorReportDetail = async () => {
|
||||
let param = {
|
||||
visistId: visistId.value
|
||||
}
|
||||
|
||||
let res = await getYsVisistInfo(param);
|
||||
item.value = res.data;
|
||||
let detailRes = await getVisistDetailList(param);
|
||||
detailList.value = detailRes.rows;
|
||||
}
|
||||
|
||||
// 报告明细&评论
|
||||
const activeTab = ref(0);//默认报告明细
|
||||
const tabList = ['报告明细'];
|
||||
|
||||
//点击驳回
|
||||
function refuse() {
|
||||
uni.navigateTo({
|
||||
url: './auditReject?visistId=' + visistId.value
|
||||
})
|
||||
}
|
||||
|
||||
//点击通过
|
||||
function adopt(item) {
|
||||
uni.showModal({
|
||||
title: '提交',
|
||||
content: '是否要通过本报告？',
|
||||
success: function (res) {
|
||||
if (res.confirm) {
|
||||
auditActivityReport({
|
||||
activityId: item.visistId,
|
||||
reportStaffName: item.staffName,
|
||||
}).then(res => {
|
||||
if (res.code == 200) {
|
||||
// that.mescroll.resetUpScroll()
|
||||
} else {
|
||||
uni.showToast({
|
||||
icon: 'none',
|
||||
title: res.msg,
|
||||
});
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
})
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.white-bg {
|
||||
width: 690rpx;
|
||||
margin: 0;
|
||||
border-radius: 8px 8px 0 0;
|
||||
}
|
||||
|
||||
.white-bg.white-bg-2 {
|
||||
border-radius: 0;
|
||||
margin-bottom: 20rpx;
|
||||
}
|
||||
|
||||
:deep(.tabs-header) {
|
||||
/* background: none !important; */
|
||||
border-bottom: none !important;
|
||||
margin: 0 auto;
|
||||
gap: 5px;
|
||||
}
|
||||
|
||||
:deep(.tab-item) {
|
||||
color: #919191;
|
||||
font-size: 32rpx;
|
||||
font-weight: bold;
|
||||
/* flex:none; */
|
||||
/* margin: 0 -50rpx; */
|
||||
/* padding: 0 50rpx; */
|
||||
}
|
||||
|
||||
:deep(.tab-item:first-child) {
|
||||
text-align: right;
|
||||
margin-left: 230rpx;
|
||||
}
|
||||
|
||||
:deep(.tab-item:last-child) {
|
||||
text-align: left;
|
||||
margin-right: 230rpx;
|
||||
}
|
||||
|
||||
:deep(.tab-item.active) {
|
||||
color: #3384DF;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
:deep(.tab-item.active::after) {
|
||||
width: 100rpx;
|
||||
height: 8rpx;
|
||||
}
|
||||
|
||||
|
||||
.tipsPopBtn {
|
||||
width: 370px;
|
||||
height: 80px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin: 50px auto 56px auto;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.btnCancal {
|
||||
width: 100px;
|
||||
height: 60px;
|
||||
border: 2px solid #29abe2;
|
||||
border-radius: 40px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
color: #29abe2;
|
||||
font-size: 15px;
|
||||
|
||||
}
|
||||
|
||||
.btnComfire {
|
||||
width: 100px;
|
||||
height: 60px;
|
||||
background-color: #29abe2;
|
||||
border-radius: 40px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
color: #FFF;
|
||||
font-size: 15px;
|
||||
}
|
||||
</style>
|
||||
182
src/pages/business/CRM/marketActivity/myUserList.vue
Normal file
182
src/pages/business/CRM/marketActivity/myUserList.vue
Normal file
@@ -0,0 +1,182 @@
|
||||
<template>
|
||||
<view class="con-body">
|
||||
<view>
|
||||
<!-- 头部 -->
|
||||
<customHeader ref="customHeaderRef" :title="'走访报告添加我方参与人员'" :leftFlag="true" :rightFlag="false">
|
||||
</customHeader>
|
||||
<!-- 高度来避免头部遮挡 -->
|
||||
<view class="top-height"></view>
|
||||
<uni-easyinput prefixIcon="search" v-model="searchContent" placeholder="请输入客户人员名称" clearable
|
||||
@iconClick="iconClick">
|
||||
</uni-easyinput>
|
||||
<checkbox-group class="block" @change="checkboxChange">
|
||||
<view class="itemClass" v-for="(item, index) in dataList" :key="item.userId">
|
||||
<checkbox class='checkBoxClass' :value="item.nickName"
|
||||
v-model="item.nickName"></checkbox>
|
||||
<view class="clientClass">
|
||||
<text class="blue-text">{{ item.nickName }}</text>
|
||||
</view>
|
||||
</view>
|
||||
</checkbox-group>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import customHeader from '@/components/customHeader.vue'
|
||||
import {myUserNameList } from '../../../../api/crm/activity/activity'
|
||||
import { onMounted, onUnmounted, reactive, ref, watch } from 'vue'
|
||||
import { onLoad } from '@dcloudio/uni-app'
|
||||
import { useMessage } from '../../../../utils/message'
|
||||
import cache from '../../../../utils/cache'
|
||||
|
||||
|
||||
|
||||
const message = useMessage();
|
||||
|
||||
//点击查询客户人员
|
||||
const queryParams = ref({
|
||||
cusName: '',
|
||||
nickName:'',
|
||||
pageNum: 1,
|
||||
pageSize: 10
|
||||
})
|
||||
|
||||
onMounted(() => {
|
||||
getMyUserNameList()
|
||||
})
|
||||
|
||||
let chooseType = ref()
|
||||
onLoad(options => {
|
||||
queryParams.value.cusName = options.cusName
|
||||
chooseType.value = options.chooseType
|
||||
})
|
||||
const dataList = ref([])
|
||||
|
||||
function getMyUserNameList() {
|
||||
myUserNameList(queryParams.value).then(res => {
|
||||
dataList.value = res.rows
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
//查询某一客户人员
|
||||
let searchContent = ref('')
|
||||
|
||||
function iconClick() {
|
||||
message.toast('点击了查询，当前内容：' + searchContent.value)
|
||||
}
|
||||
|
||||
//监视查询的内容的变化
|
||||
watch(searchContent,(newValue,oldValue)=>{
|
||||
queryParams.value.nickName = searchContent.value
|
||||
//变化了之后，重新查询内容
|
||||
myUserNameList(queryParams.value).then(res => {
|
||||
dataList.value = res.rows
|
||||
})
|
||||
})
|
||||
|
||||
|
||||
|
||||
//勾选内容
|
||||
function checkboxChange(e) {
|
||||
//这里要根据传递来的不同的内容，生成不同的setCache方法
|
||||
if(chooseType.value=='日常走访'){
|
||||
cache.set('checkedRCMyUserList', e.detail.value)
|
||||
}
|
||||
if(chooseType.value=='业务招待'){
|
||||
cache.set('checkedYWMyUserList', e.detail.value)
|
||||
}
|
||||
if(chooseType.value=='技术交流'){
|
||||
cache.set('checkedJSMyUserList', e.detail.value)
|
||||
}
|
||||
if(chooseType.value=='来厂参观'){
|
||||
cache.set('checkedLCMyUserList', e.detail.value)
|
||||
}
|
||||
if(chooseType.value=='党建活动'){
|
||||
cache.set('checkedDJMyUserList', e.detail.value)
|
||||
}
|
||||
if(chooseType.value=='文体活动'){
|
||||
cache.set('checkedWTMyUserList', e.detail.value)
|
||||
}
|
||||
if(chooseType.value=='联谊活动'){
|
||||
cache.set('checkedLYMyUserList', e.detail.value)
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.con-body{
|
||||
background: white;
|
||||
}
|
||||
|
||||
.white-bg {
|
||||
width: 690rpx;
|
||||
margin: 0;
|
||||
border-radius: 8px 8px 0 0;
|
||||
}
|
||||
|
||||
.white-bg.white-bg-2 {
|
||||
margin-bottom: 20rpx;
|
||||
}
|
||||
|
||||
.white-bg.white-bg-3 {
|
||||
border-radius: 0
|
||||
}
|
||||
|
||||
.white-bg .w-b-title {
|
||||
color: #3384DF;
|
||||
font-size: 38rpx;
|
||||
}
|
||||
|
||||
.form-con {
|
||||
padding: 30rpx 0 0;
|
||||
}
|
||||
|
||||
:deep(.form-con .uni-forms-item) {
|
||||
margin-bottom: 22px !important;
|
||||
}
|
||||
|
||||
|
||||
/* Container for the checkbox group */
|
||||
.checkbox-group.block {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* Each item row */
|
||||
.itemClass {
|
||||
width: 340rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 10rpx 0;
|
||||
margin-left: 15rpx;
|
||||
border-bottom: 1px solid #eee;
|
||||
float: left;
|
||||
/* optional divider */
|
||||
}
|
||||
|
||||
/* Checkbox styling */
|
||||
.checkBoxClass {
|
||||
margin-right: 12rpx;
|
||||
}
|
||||
|
||||
/* Content container */
|
||||
.clientClass {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
font-size: 36rpx;
|
||||
color: #333;
|
||||
/* default text color */
|
||||
}
|
||||
|
||||
/* Blue username text */
|
||||
.blue-text {
|
||||
/* or any blue you prefer */
|
||||
margin-right: 5rpx;
|
||||
}
|
||||
</style>
|
||||
367
src/pages/business/CRM/marketActivity/visitReport.vue
Normal file
367
src/pages/business/CRM/marketActivity/visitReport.vue
Normal file
@@ -0,0 +1,367 @@
|
||||
<template>
|
||||
<view class="con-body">
|
||||
<view class="con-bg">
|
||||
<!-- 头部 -->
|
||||
<customHeader ref="customHeaderRef" :title="'走访报告列表'" :leftFlag="true" :rightFlag="true">
|
||||
<template #right>
|
||||
<view class="head-right" @click="handleAdd">
|
||||
<uni-icons type="plus" size="24" color="#B7D2FF"></uni-icons>新增
|
||||
</view>
|
||||
</template>
|
||||
</customHeader>
|
||||
|
||||
<!-- 高度来避免头部遮挡 -->
|
||||
<view class="top-height" :style="{ paddingTop: navBarPaddingTop + 'px' }"></view>
|
||||
|
||||
<!-- 正文内容 -->
|
||||
<view class="all-body">
|
||||
<!-- 搜索 @blur="blur" @focus="focus" @input="input" @cancel="cancel" @clear="clear"-->
|
||||
<view class="search">
|
||||
<uni-search-bar class="custom-search" radius="28" placeholder="请输入客户名称" clearButton="auto"
|
||||
cancelButton="none" bgColor="#6FA2F8" textColor="#ffffff" v-model="searchValue" />
|
||||
<button type="default" @click="handleSearch" size="mini" class="btn-search">查询</button>
|
||||
</view>
|
||||
|
||||
<!-- 分页部分 -->
|
||||
<mescroll-uni ref="mescrollRef" @init="mescrollInit" @down="downCallback" @up="upCallback"
|
||||
:up="upOption" :down="downOption" :fixed="false" textColor="#ffffff" bgColor="#ffffff"
|
||||
class="scroll-h" :class="{ 'loading-scroll': cssFlag }">
|
||||
<view class="white-bg margin-bottom20" v-for="(item, index) in list" :key="index"
|
||||
@touchstart.prevent="touchstart(item)" @touchend.prevent="touchend">
|
||||
<view>
|
||||
<view class="report-list">
|
||||
<view class="title">客户：{{ item.cusName }}</view>
|
||||
<view class="r-list">
|
||||
<view class="r-name">{{ item.visistCode }}</view>
|
||||
<view @touchstart.stop="handleStatusTouchStart"
|
||||
@touchend.stop="handleStatusTouchEnd" @click.stop="chooseStatus(item)">
|
||||
<view v-if="item.status == '驳回'" class="r-right btn-orange" size="mini">
|
||||
{{ item.status == '驳回' ? '再次提交' : item.status }}
|
||||
</view>
|
||||
<view v-else class="r-right btn-orange" size="mini">
|
||||
{{ item.status }}
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
<view class="border-bottom"></view>
|
||||
<view class="r-list">
|
||||
<view class="r-left">报告类型</view>
|
||||
<view class="r-right">{{ item.visistType }}</view>
|
||||
</view>
|
||||
<view class="r-list" v-if="item.joinUser!=null">
|
||||
<view class="r-left">我方领导</view>
|
||||
<view class="r-right">{{ item.joinUser }}</view>
|
||||
</view>
|
||||
<view class="border-bottom"></view>
|
||||
<view class="r-list">
|
||||
<view class="r-left">报告人</view>
|
||||
<view class="r-right">{{ item.staffName }}</view>
|
||||
</view>
|
||||
<view class="border-bottom"></view>
|
||||
<view class="r-list">
|
||||
<view class="r-left">报告日期</view>
|
||||
<view class="r-right">{{ item.visistDate }}</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</mescroll-uni>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref, onMounted, watch } from 'vue'
|
||||
import customHeader from '@/components/customHeader.vue'
|
||||
import MescrollUni from 'mescroll-uni/mescroll-uni.vue';
|
||||
import { getNavBarPaddingTop } from '@/utils/system.js'
|
||||
import { visitorReportList } from '@/api/business.js'
|
||||
import { getYsVisistList, removeVisist, updateStatus } from '../../../../api/crm/activity/activity';
|
||||
|
||||
// 获取导航栏高度用于内容区域padding
|
||||
const navBarPaddingTop = ref(0);
|
||||
onMounted(() => {
|
||||
navBarPaddingTop.value = getNavBarPaddingTop() * 2;
|
||||
})
|
||||
|
||||
// 查询列表
|
||||
let list = ref([]);
|
||||
|
||||
let searchValue = ref(null)
|
||||
|
||||
//监视查询的内容的变化
|
||||
watch(searchValue, (newValue, oldValue) => {
|
||||
//变化了之后，重新查询内容
|
||||
var data = {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
searchContent: searchValue.value
|
||||
};
|
||||
getYsVisistList(data).then(res => {
|
||||
if (res.code === 200) {
|
||||
//设置列表数据
|
||||
list.value = res.rows;
|
||||
}
|
||||
})
|
||||
})
|
||||
|
||||
|
||||
// 查询搜索跳转
|
||||
let handleSearch = () => {
|
||||
var data = {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
searchContent: searchValue.value
|
||||
};
|
||||
getYsVisistList(data).then(res => {
|
||||
if (res.code == 200) {
|
||||
//设置列表数据
|
||||
list.value = res.rows;
|
||||
} else {
|
||||
uni.showToast({
|
||||
icon: 'none',
|
||||
title: "请求失败",
|
||||
});
|
||||
list.value = null;
|
||||
}
|
||||
|
||||
})
|
||||
}
|
||||
|
||||
// 新增
|
||||
let handleAdd = () => {
|
||||
uni.navigateTo({url: '/pages/business/CRM/marketActivity/visitorReportAdd'})
|
||||
}
|
||||
|
||||
|
||||
const mescrollRef = ref(null);
|
||||
const upOption = ref({
|
||||
page: {num: 0, size: 10},
|
||||
noMoreSize: 5,
|
||||
empty: {tip: '~ 空空如也 ~'},
|
||||
textLoading: '加载中...',
|
||||
textNoMore: '已经到底了'
|
||||
});
|
||||
|
||||
const downOption = ref({
|
||||
auto: true,
|
||||
textInOffset: '下拉刷新',
|
||||
textOutOffset: '释放更新',
|
||||
textLoading: '刷新中...'
|
||||
});
|
||||
|
||||
let cssFlag = ref(false);//控制样式
|
||||
const mescrollInit = (mescroll) => {
|
||||
cssFlag.value = true;
|
||||
mescrollRef.value = mescroll;
|
||||
};
|
||||
|
||||
// 下拉刷新
|
||||
const downCallback = async (mescroll) => {
|
||||
try {
|
||||
setTimeout(async () => {
|
||||
const res = await getVisitorReportList(1, upOption.value.page.size);
|
||||
cssFlag.value = false;
|
||||
list.value = res.list;
|
||||
mescroll.resetUpScroll();
|
||||
}, 500);
|
||||
} catch (error) {
|
||||
mescroll.endErr();
|
||||
} finally {
|
||||
setTimeout(async () => {
|
||||
mescroll.endSuccess();
|
||||
}, 500);
|
||||
}
|
||||
}
|
||||
// 上拉加载更多
|
||||
const upCallback = async (mescroll) => {
|
||||
try {
|
||||
setTimeout(async () => {
|
||||
const res = await getVisitorReportList(mescroll.num, mescroll.size);
|
||||
if (mescroll.num === 1) {
|
||||
list.value = res.list;
|
||||
} else {
|
||||
list.value.push(...res.list);
|
||||
}
|
||||
mescroll.endBySize(res.list.length, res.total);
|
||||
}, 500);
|
||||
} catch (error) {
|
||||
mescroll.endErr();
|
||||
}
|
||||
}
|
||||
|
||||
// 获取数据列表
|
||||
const getVisitorReportList = (pageNum, pageSize) => {
|
||||
return new Promise(async (resolve) => {
|
||||
let param = {
|
||||
pageNum,
|
||||
pageSize
|
||||
}
|
||||
let res = await visitorReportList(param);
|
||||
resolve({
|
||||
list: res.rows,
|
||||
total: res.total
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
let Loop = ref(0)
|
||||
let now
|
||||
const visistId = ref();
|
||||
const cusName = ref();
|
||||
const cusId = ref();
|
||||
const status = ref()
|
||||
|
||||
function touchstart(item) {
|
||||
visistId.value = item.visistId
|
||||
cusName.value = item.cusName
|
||||
cusId.value = item.cusId
|
||||
status.value = item.status
|
||||
now = new Date();
|
||||
clearInterval(Loop.value); //再次清空定时器，防止重复注册定时器
|
||||
Loop.value = setTimeout(() => {
|
||||
uni.showModal({
|
||||
title: '删除',
|
||||
content: '请问要删除本条消息吗？',
|
||||
success: (res) => {
|
||||
if (res.confirm) {
|
||||
const data = {
|
||||
num: 1,
|
||||
pageSize: 10,
|
||||
status: "录入"
|
||||
};
|
||||
const parm = {
|
||||
visistId: item.visistId
|
||||
};
|
||||
removeVisist(parm).then(res => {
|
||||
if (res.code == 500) {
|
||||
uni.showToast({
|
||||
icon: 'none',
|
||||
title: "存在明细项，不能直接删除！",
|
||||
});
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: "删除成功",
|
||||
duration: 2000
|
||||
});
|
||||
}
|
||||
// 刷新内容
|
||||
upCallback()
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
}, 750);
|
||||
|
||||
}
|
||||
|
||||
function touchend() {
|
||||
let endDate = new Date();
|
||||
console.log('结束时间', endDate)
|
||||
let cha = endDate.getTime() - now.getTime();
|
||||
console.log(cha, 'casd')
|
||||
if (cha < 750) {
|
||||
uni.navigateTo({
|
||||
url: "/pages/business/CRM/marketActivity/visitorReportEnter?visistId=" + visistId.value + '&cusName=' + cusName.value + '&cusId=' + cusId.value + '&status=' + status.value
|
||||
})
|
||||
}
|
||||
clearInterval(Loop.value);
|
||||
}
|
||||
|
||||
//点击状态按钮
|
||||
function chooseStatus(item) {
|
||||
updateStatus(item).then(
|
||||
res => {
|
||||
if (res.code == 200) {
|
||||
uni.showToast({
|
||||
title: '提交成功',
|
||||
duration: 2000
|
||||
});
|
||||
setTimeout(function () {
|
||||
uni.navigateBack({
|
||||
success: () => {
|
||||
}
|
||||
})
|
||||
}, 500);
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: res.msg,
|
||||
icon: 'none',
|
||||
});
|
||||
}
|
||||
},
|
||||
rej => {
|
||||
}
|
||||
);
|
||||
}
|
||||
|
||||
//保留点击状态，关闭长按的冒泡
|
||||
function handleStatusTouchStart(e) {
|
||||
// e.stopPropagation(); // 阻止冒泡
|
||||
// e.preventDefault(); // 阻止默认行为（如滚动）
|
||||
}
|
||||
|
||||
function handleStatusTouchEnd(e) {
|
||||
// e.stopPropagation();
|
||||
// e.preventDefault();
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.all-body {
|
||||
/* #ifdef APP-PLUS */
|
||||
top: 150rpx;
|
||||
height: calc(100vh - 75px);
|
||||
/* #endif */
|
||||
/* #ifndef APP-PLUS */
|
||||
top: 120rpx;
|
||||
height: calc(100vh);
|
||||
/* #endif */
|
||||
}
|
||||
|
||||
.search {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.search .btn-search {
|
||||
border: none;
|
||||
background: none;
|
||||
line-height: normal;
|
||||
color: #fff;
|
||||
line-height: 56rpx !important;
|
||||
padding: 10rpx 0 0;
|
||||
text-align: left;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.search .btn-search::after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.search .custom-search {
|
||||
width: 80%;
|
||||
|
||||
}
|
||||
|
||||
.search .custom-search.uni-searchbar {
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
|
||||
.scroll-h {
|
||||
/* #ifdef APP-PLUS */
|
||||
height: calc(100vh - 120px);
|
||||
/* #endif */
|
||||
/* #ifndef APP-PLUS */
|
||||
height: calc(100vh - 110px);
|
||||
/* #endif */
|
||||
}
|
||||
|
||||
.white-bg {
|
||||
padding-bottom: 10rpx;
|
||||
}
|
||||
</style>
|
||||
200
src/pages/business/CRM/marketActivity/visitReportDetail.vue
Normal file
200
src/pages/business/CRM/marketActivity/visitReportDetail.vue
Normal file
@@ -0,0 +1,200 @@
|
||||
<template>
|
||||
<view class="con-body">
|
||||
<view class="con-bg">
|
||||
<!-- 头部 -->
|
||||
<customHeader ref="customHeaderRef" :title="'走访报告详情'" :leftFlag="true" :rightFlag="false"></customHeader>
|
||||
|
||||
<!-- 高度来避免头部遮挡 -->
|
||||
<view class="top-height"></view>
|
||||
|
||||
<!-- 正文内容 -->
|
||||
<!-- 详情内容 -->
|
||||
<view class="white-bg">
|
||||
<view class="report-list">
|
||||
<view class="title">{{ item.cusName }}</view>
|
||||
<view class="r-list">
|
||||
<view class="r-name">{{ item.visistCode }}</view>
|
||||
<view class="r-right btn-pink" size="mini" @click="handleZan">
|
||||
<uni-icons :type="iconType" size="16" color="#ffffff"></uni-icons>
|
||||
{{ zanFlag ? '已赞' : '未赞' }}
|
||||
</view>
|
||||
</view>
|
||||
<view class="border-bottom b-width"></view>
|
||||
<view class="r-list">
|
||||
<view class="r-left">报告人</view>
|
||||
<view class="r-right">{{ item.staffName }}</view>
|
||||
</view>
|
||||
<view class="border-bottom b-width"></view>
|
||||
<view class="r-list">
|
||||
<view class="r-left">走访日期</view>
|
||||
<view class="r-right">{{ item.visistDate }}</view>
|
||||
</view>
|
||||
<view class="border-bottom b-width"></view>
|
||||
<view class="r-list">
|
||||
<view class="r-left">是否双方高层领导参与</view>
|
||||
<view class="r-right">{{ item.whetherHaveLeader }}</view>
|
||||
</view>
|
||||
<view class="border-bottom b-width"></view>
|
||||
<view class="r-list">
|
||||
<view class="r-left">活动类型</view>
|
||||
<view class="r-right">{{ item.visistType }}</view>
|
||||
</view>
|
||||
<view class="border-bottom b-width"></view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 报告明细&评论 -->
|
||||
<customTabs v-model="activeTab" :tabs="tabList" :modelValue="activeTab">
|
||||
<!-- 报告明细 -->
|
||||
<block v-if="activeTab === 0">
|
||||
<view class="white-bg white-bg-2" v-for="item in detailList">
|
||||
<view class="report-list">
|
||||
<view class="r-list">
|
||||
<view class="r-left">拜访事项</view>
|
||||
<view class="r-right">{{item.detailType}}</view>
|
||||
</view>
|
||||
<view class="border-bottom b-width"></view>
|
||||
<view class="r-list">
|
||||
<view class="r-left">拜访类型</view>
|
||||
<view class="r-right">{{item.treeName}}</view>
|
||||
</view>
|
||||
<view class="border-bottom b-width"></view>
|
||||
<view class="r-list">
|
||||
<view class="r-left">客户人员</view>
|
||||
<view class="r-right">{{item.customerPersonnel}}</view>
|
||||
</view>
|
||||
<view class="border-bottom b-width"></view>
|
||||
<view class="r-list">
|
||||
<view class="r-left">我方人员</view>
|
||||
<view class="r-right">{{item.ourPersonnel}}</view>
|
||||
</view>
|
||||
<view class="border-bottom b-width"></view>
|
||||
<view class="r-list" style="display: block">
|
||||
<view class="r-name">结果</view>
|
||||
<view class="r-gray">
|
||||
<view >
|
||||
{{item.bandResult}} </view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</block>
|
||||
<!-- 评论 -->
|
||||
<!-- <block v-if="activeTab === 1">-->
|
||||
<!-- <view class="white-bg white-bg-2">评论内容</view>-->
|
||||
<!-- </block>-->
|
||||
</customTabs>
|
||||
|
||||
|
||||
|
||||
<!-- 底部加高度来避免tabbar遮挡 -->
|
||||
<view class="bottom-height"></view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref, onMounted } from 'vue'
|
||||
import { onLoad, onShow } from '@dcloudio/uni-app'
|
||||
import customHeader from '@/components/customHeader.vue'
|
||||
import customTabs from '@/components/customTabs.vue';
|
||||
import { getUserLike, getVisistDetailList, getYsVisistInfo, insertUserLike } from '../../../../api/crm/activity/activity';
|
||||
|
||||
|
||||
let visistId = ref(0)
|
||||
// 加载后调用
|
||||
let id = ref(null)
|
||||
onLoad((options) => {
|
||||
visistId.value = options.visistId
|
||||
getVisitorReportDetail();
|
||||
})
|
||||
|
||||
onShow(()=>{
|
||||
getUserLike(visistId.value).then(res=>{
|
||||
zanFlag.value = res.rows[0]?.status==1?true:false
|
||||
if(zanFlag.value==false){
|
||||
iconType.value = 'hand-up'
|
||||
}else{
|
||||
//已赞
|
||||
iconType.value = 'hand-up-filled'
|
||||
}
|
||||
})
|
||||
})
|
||||
|
||||
// 查询详情
|
||||
let item = ref({});
|
||||
//明细List
|
||||
let detailList = ref([])
|
||||
const getVisitorReportDetail = async () => {
|
||||
let param = {
|
||||
visistId: visistId.value
|
||||
}
|
||||
|
||||
let res = await getYsVisistInfo(param);
|
||||
item.value = res.data;
|
||||
let detailRes = await getVisistDetailList(param);
|
||||
detailList.value = detailRes.rows;
|
||||
}
|
||||
|
||||
// 报告明细&评论
|
||||
const activeTab = ref(0);//默认报告明细
|
||||
const tabList = ['报告明细'];
|
||||
|
||||
// 点击赞
|
||||
let zanFlag = ref(false)
|
||||
let iconType = ref('hand-up')
|
||||
let handleZan = ()=>{
|
||||
zanFlag.value = !zanFlag.value
|
||||
if(zanFlag.value==false){
|
||||
iconType.value = 'hand-up'
|
||||
}else{
|
||||
//已赞
|
||||
iconType.value = 'hand-up-filled'
|
||||
}
|
||||
insertUserLike(visistId.value)
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.white-bg {
|
||||
width: 690rpx;
|
||||
margin: 0;
|
||||
border-radius: 8px 8px 0 0;
|
||||
}
|
||||
.white-bg.white-bg-2{
|
||||
border-radius:0;
|
||||
margin-bottom:20rpx;
|
||||
}
|
||||
:deep(.tabs-header) {
|
||||
/* background: none !important; */
|
||||
border-bottom: none !important;
|
||||
margin: 0 auto;
|
||||
gap: 5px;
|
||||
}
|
||||
:deep(.tab-item) {
|
||||
color:#919191;
|
||||
font-size: 32rpx;
|
||||
font-weight: bold;
|
||||
/* flex:none; */
|
||||
/* margin: 0 -50rpx; */
|
||||
/* padding: 0 50rpx; */
|
||||
}
|
||||
:deep(.tab-item:first-child){
|
||||
text-align: right;
|
||||
margin-left:230rpx;
|
||||
}
|
||||
:deep(.tab-item:last-child){
|
||||
text-align: left;
|
||||
margin-right:230rpx;
|
||||
}
|
||||
:deep(.tab-item.active) {
|
||||
color: #3384DF;
|
||||
font-weight: bold;
|
||||
}
|
||||
:deep(.tab-item.active::after) {
|
||||
width: 100rpx;
|
||||
height: 8rpx;
|
||||
}
|
||||
|
||||
</style>
|
||||
223
src/pages/business/CRM/marketActivity/visitReportView.vue
Normal file
223
src/pages/business/CRM/marketActivity/visitReportView.vue
Normal file
@@ -0,0 +1,223 @@
|
||||
<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">
|
||||
<!-- 搜索 @blur="blur" @focus="focus" @input="input" @cancel="cancel" @clear="clear"-->
|
||||
<view class="search">
|
||||
<uni-search-bar class="custom-search" radius="28" placeholder="请输入客户名称" clearButton="auto"
|
||||
cancelButton="none" bgColor="#6FA2F8" textColor="#ffffff" v-model="searchValue" />
|
||||
<button type="default" @click="handleSearch" size="mini" class="btn-search">查询</button>
|
||||
</view>
|
||||
|
||||
<!-- 分页部分 -->
|
||||
<mescroll-uni ref="mescrollRef" @init="mescrollInit" @down="downCallback" @up="upCallback"
|
||||
:up="upOption" :down="downOption" :fixed="false" textColor="#ffffff" bgColor="#ffffff"
|
||||
class="scroll-h" :class="{ 'loading-scroll': cssFlag }">
|
||||
<view class="white-bg margin-bottom20" v-for="(item, index) in list" :key="index"
|
||||
@click="showDetail(item)">
|
||||
<view>
|
||||
<view class="report-list">
|
||||
<view class="title">客户：{{ item.cusName }}</view>
|
||||
<view class="r-list">
|
||||
<view class="r-name">{{ item.visistCode }}</view>
|
||||
<view>
|
||||
|
||||
<view
|
||||
:class="item.myselfBrowsing == 0 ? 'r-right btn-orange' : 'r-right btn-blue'"
|
||||
size="mini">
|
||||
{{ item.myselfBrowsing == 0 ? '未读' : '已读' }}
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
<view class="border-bottom"></view>
|
||||
<view class="r-list">
|
||||
<view class="r-left">报告类型</view>
|
||||
<view class="r-right">{{ item.visistType === "业务招待" ? "Ⅱ类活动" : "走访报告" }}</view>
|
||||
</view>
|
||||
<view class="r-list" v-if="item.joinUser != null">
|
||||
<view class="r-left">我方领导</view>
|
||||
<view class="r-right">{{ item.joinUser }}</view>
|
||||
</view>
|
||||
<view class="border-bottom"></view>
|
||||
<view class="r-list">
|
||||
<view class="r-left">报告人</view>
|
||||
<view class="r-right">{{ item.staffName }}</view>
|
||||
</view>
|
||||
<view class="border-bottom"></view>
|
||||
<view class="r-list">
|
||||
<view class="r-left">报告日期</view>
|
||||
<view class="r-right">{{ item.visistDate }}</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</mescroll-uni>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import customHeader from '@/components/customHeader.vue'
|
||||
import { ref, reactive, onMounted } from 'vue'
|
||||
import MescrollUni from 'mescroll-uni/mescroll-uni.vue';
|
||||
import { getNavBarPaddingTop } from '@/utils/system.js'
|
||||
import { getQueryVisistList } from '../../../../api/crm/activity/activity';
|
||||
import {onShow} from "@dcloudio/uni-app";
|
||||
|
||||
onShow(()=>{
|
||||
downCallback(mescrollRef.value.mescroll)
|
||||
})
|
||||
|
||||
let list = ref([])
|
||||
let queryParams = reactive({
|
||||
selValue: ''
|
||||
})
|
||||
// 获取导航栏高度用于内容区域padding
|
||||
const navBarPaddingTop = ref(0);
|
||||
onMounted(() => {
|
||||
navBarPaddingTop.value = getNavBarPaddingTop() * 2;
|
||||
})
|
||||
|
||||
let cssFlag = ref(false);//控制样式
|
||||
let mescrollRef = ref(null);
|
||||
|
||||
const mescrollInit = (mescroll) => {
|
||||
cssFlag.value = true;
|
||||
mescrollRef.value = mescroll;
|
||||
};
|
||||
|
||||
|
||||
// 下拉刷新
|
||||
const downCallback = async (mescroll) => {
|
||||
try {
|
||||
setTimeout(async () => {
|
||||
queryParams.pageNum = 1;
|
||||
queryParams.pageSize = upOption.value.page.size;
|
||||
//获取当前页的信息
|
||||
const res = await getQueryVisistList(queryParams)
|
||||
cssFlag.value = false;
|
||||
list.value = res.rows;
|
||||
mescroll.resetUpScroll();
|
||||
}, 500);
|
||||
} catch (error) {
|
||||
mescroll.endErr();
|
||||
} finally {
|
||||
setTimeout(async () => {
|
||||
mescroll.endSuccess();
|
||||
}, 500);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// 上拉加载更多
|
||||
const upCallback = async (mescroll) => {
|
||||
try {
|
||||
setTimeout(async () => {
|
||||
queryParams.pageNum = 1;
|
||||
queryParams.pageSize = upOption.value.page.size;
|
||||
const res = await getQueryVisistList(queryParams);
|
||||
if (mescroll.num === 1) {
|
||||
list.value = res.rows;
|
||||
} else {
|
||||
list.value.push(...res.rows);
|
||||
}
|
||||
mescroll.endBySize(res.rows.length, res.total);
|
||||
}, 500);
|
||||
} catch (error) {
|
||||
mescroll.endErr();
|
||||
}
|
||||
}
|
||||
|
||||
const upOption = ref({
|
||||
page: { num: 0, size: 10 },
|
||||
noMoreSize: 5,
|
||||
empty: { tip: '~ 空空如也 ~' },
|
||||
textLoading: '加载中...',
|
||||
textNoMore: '已经到底了'
|
||||
});
|
||||
|
||||
const downOption = ref({
|
||||
auto: true,
|
||||
textInOffset: '下拉刷新',
|
||||
textOutOffset: '释放更新',
|
||||
textLoading: '刷新中...'
|
||||
});
|
||||
|
||||
//点击某一个进入查看明细信息
|
||||
function showDetail(item) {
|
||||
uni.navigateTo({
|
||||
url: './visitReportDetail?visistId=' + item.visistId
|
||||
})
|
||||
}
|
||||
|
||||
//点击查询方法，搜索当前报告信息
|
||||
let searchValue = ref()
|
||||
function handleSearch() {
|
||||
queryParams.inputval = searchValue.value
|
||||
downCallback(mescrollRef.value.mescroll);
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.all-body {
|
||||
/* #ifdef APP-PLUS */
|
||||
top: 150rpx;
|
||||
height: calc(100vh - 75px);
|
||||
/* #endif */
|
||||
/* #ifndef APP-PLUS */
|
||||
top: 120rpx;
|
||||
height: calc(100vh);
|
||||
/* #endif */
|
||||
}
|
||||
|
||||
.search {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.search .btn-search {
|
||||
border: none;
|
||||
background: none;
|
||||
line-height: normal;
|
||||
color: #fff;
|
||||
line-height: 56rpx !important;
|
||||
padding: 10rpx 0 0;
|
||||
text-align: left;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.search .btn-search::after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.search .custom-search {
|
||||
width: 80%;
|
||||
|
||||
}
|
||||
|
||||
.search .custom-search.uni-searchbar {
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
|
||||
.scroll-h {
|
||||
/* #ifdef APP-PLUS */
|
||||
height: calc(100vh - 120px);
|
||||
/* #endif */
|
||||
/* #ifndef APP-PLUS */
|
||||
height: calc(100vh - 110px);
|
||||
/* #endif */
|
||||
}
|
||||
|
||||
.white-bg {
|
||||
padding-bottom: 10rpx;
|
||||
}
|
||||
</style>
|
||||
337
src/pages/business/CRM/marketActivity/visitorReportAdd.vue
Normal file
337
src/pages/business/CRM/marketActivity/visitorReportAdd.vue
Normal file
@@ -0,0 +1,337 @@
|
||||
<template>
|
||||
<view class="con-body">
|
||||
<view class="con-bg">
|
||||
<!-- 头部 -->
|
||||
<customHeader ref="customHeaderRef" :title="'走访报告添加'" :leftFlag="true" :rightFlag="true">
|
||||
<template #right>
|
||||
<view class="head-right" @click="submitForm">
|
||||
<uni-icons custom-prefix="iconfont" type="icon-phonebaocun" size="22"
|
||||
color="#B7D2FF"></uni-icons>保存
|
||||
</view>
|
||||
</template>
|
||||
</customHeader>
|
||||
|
||||
<!-- 高度来避免头部遮挡 -->
|
||||
<view class="top-height"></view>
|
||||
|
||||
<!-- 正文内容 -->
|
||||
<view class="white-bg">
|
||||
<view class="form-con">
|
||||
<uni-forms ref="formRef" :model="formData" label-width="100px">
|
||||
<view @click="addVisistReport" class="form-item-container">
|
||||
<uni-forms-item label="客户名称" name="cusName" class="f-c-right">
|
||||
<text class="name">{{ formData.cusName }}</text>
|
||||
</uni-forms-item>
|
||||
</view>
|
||||
|
||||
<uni-forms-item label="签到记录" class="f-c-right">
|
||||
<!-- <view class="f-c-text txt-right">--</view> -->
|
||||
<view class="cu-form-group">
|
||||
<view class="title">签到记录</view>
|
||||
</view>
|
||||
</uni-forms-item>
|
||||
|
||||
<view class="choose">
|
||||
<radio-group @change="chooseRecord">
|
||||
<label class="radio" v-for="(item, index) in records" :key="index">
|
||||
<view class="record-container">
|
||||
<radio :value="item.mapId" :checked="index === current" class="radio-style" />
|
||||
<view class="record-content">
|
||||
<view class="info-row">
|
||||
<text class="label">开始时间：</text>
|
||||
<text class="value">{{ item.goVisistStartTime }}</text>
|
||||
</view>
|
||||
<view class="info-row">
|
||||
<text class="label">开始地点：</text>
|
||||
<text class="value">{{ item.addressForStart }}</text>
|
||||
</view>
|
||||
<view class="info-row">
|
||||
<text class="label">结束时间：</text>
|
||||
<text class="value">{{ item.goVisistEndTime }}</text>
|
||||
</view>
|
||||
<view class="info-row">
|
||||
<text class="label">结束地点：</text>
|
||||
<text class="value">{{ item.addressForEnd }}</text>
|
||||
</view>
|
||||
<view class="info-row" v-if="item.remark != null">
|
||||
<text class="label">备注：</text>
|
||||
<text class="value">{{ item.remark }}</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</label>
|
||||
</radio-group>
|
||||
</view>
|
||||
|
||||
|
||||
|
||||
<uni-forms-item label="我方领导" name="leader"
|
||||
class="uni-forms-item is-direction-top is-top">
|
||||
|
||||
<multipleSelect :multiple="true" :value="chooseMyLeaderList" downInner
|
||||
:options="myLeaderList" @change="changeValue2" :key="Math.round()" :slabel="'text'">
|
||||
</multipleSelect>
|
||||
</uni-forms-item>
|
||||
|
||||
|
||||
<uni-forms-item label="走访日期" name="visitDate" class="uni-forms-item is-direction-top is-top">
|
||||
<uni-datetime-picker :start="threeDaysAgoTimestamp" :end="todayTimestamp" type="date"
|
||||
:clear-icon="true" v-model="formData.visitDate" @change="changeDate" />
|
||||
</uni-forms-item>
|
||||
</uni-forms>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref, onMounted, reactive, onUnmounted, computed } from 'vue'
|
||||
import customHeader from '@/components/customHeader.vue'
|
||||
import MultipleSelect from "../../../../components/multipleSelect.vue";
|
||||
import { addMapForReport, addVisist } from '../../../../api/crm/activity/activity';
|
||||
// import{ getGuestList} from '@/api/business.js'
|
||||
let customerUser = reactive({})
|
||||
|
||||
//我方领导
|
||||
const myLeaderList = [
|
||||
{ value: 0, text: "姜海洋" },
|
||||
{ value: 1, text: "曾炀" },
|
||||
{ value: 2, text: "杨博" },
|
||||
{ value: 3, text: "廖明君" },
|
||||
{ value: 4, text: "唐海岩" },
|
||||
{ value: 4, text: "赵飞" }
|
||||
];
|
||||
// 表单ref
|
||||
const formRef = ref(null);
|
||||
|
||||
// 表单数据
|
||||
const formData = ref({
|
||||
cusId: null,
|
||||
cusName: '',
|
||||
leader: '',
|
||||
visitDate: ''
|
||||
});
|
||||
|
||||
// 我方人员
|
||||
let chooseMyLeaderList = reactive([0]);
|
||||
const changeValue2 = (item, value) => {
|
||||
chooseMyLeaderList = item;
|
||||
formData.value.leader = chooseMyLeaderList
|
||||
};
|
||||
|
||||
|
||||
// 修改日期
|
||||
let changeDate = (e) => {
|
||||
console.log('changeDate:', e);
|
||||
};
|
||||
|
||||
// 保存走访报告
|
||||
let saveVisistReportForm = reactive({});
|
||||
const submitForm = async () => {
|
||||
try {
|
||||
// 验证表单
|
||||
await formRef.value.validate();
|
||||
// 验证通过后的操作
|
||||
uni.showToast({
|
||||
title: '验证通过',
|
||||
icon: 'success'
|
||||
});
|
||||
saveVisistReportForm.cusId = formData.value.cusId
|
||||
saveVisistReportForm.joinUser = formData.value.leader.map(item => item.text).join(',')
|
||||
saveVisistReportForm.visistDate = formData.value.visitDate
|
||||
saveVisistReportForm.visistType = 'I类活动（走访）'
|
||||
saveVisistReportForm.mapId = mapId.value
|
||||
addVisist(saveVisistReportForm).then(
|
||||
res => {
|
||||
if (res.code == 200) {
|
||||
uni.showToast({
|
||||
title: '提交成功',
|
||||
duration: 2000
|
||||
});
|
||||
setTimeout(function () {
|
||||
uni.navigateBack({
|
||||
success: () => { }
|
||||
})
|
||||
}, 500);
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: res.msg,
|
||||
icon: 'none',
|
||||
});
|
||||
}
|
||||
},
|
||||
);
|
||||
|
||||
} catch (err) {
|
||||
console.log('表单验证失败:', err);
|
||||
}
|
||||
};
|
||||
|
||||
//日期禁用
|
||||
const todayTimestamp = computed(() => {
|
||||
const today = new Date()
|
||||
today.setHours(0, 0, 0, 0)
|
||||
return today.getTime()
|
||||
});
|
||||
|
||||
const threeDaysAgoTimestamp = computed(() => {
|
||||
const date = new Date()
|
||||
date.setDate(date.getDate() - 3)
|
||||
date.setHours(0, 0, 0, 0)
|
||||
return date.getTime()
|
||||
});
|
||||
|
||||
|
||||
//选择客户
|
||||
function addVisistReport() {
|
||||
uni.navigateTo({
|
||||
url: './chooseCus'
|
||||
})
|
||||
}
|
||||
//定义数据接收的值
|
||||
let selectedCustomer = reactive(null)
|
||||
|
||||
//监听时间
|
||||
onMounted(() => {
|
||||
uni.$on('onCustomerSelected', handleCustomerSelected)
|
||||
})
|
||||
//取消监听
|
||||
onUnmounted(() => {
|
||||
uni.$off('onCustomerSelected', handleCustomerSelected)
|
||||
})
|
||||
|
||||
//处理 接收数据
|
||||
const handleCustomerSelected = (data) => {
|
||||
formData.value.cusName = data.cusName
|
||||
formData.value.cusId = data.cusId
|
||||
}
|
||||
|
||||
//查询签到记录
|
||||
onMounted(() => {
|
||||
recordList()
|
||||
})
|
||||
let records = ref([])
|
||||
//走访记录列表
|
||||
function recordList() {
|
||||
addMapForReport().then(
|
||||
res => {
|
||||
if (res.code == 200) {
|
||||
records.value = res.rows;
|
||||
// that.$forceUpdate()
|
||||
} else {
|
||||
uni.showToast({
|
||||
icon: 'none',
|
||||
title: "请求失败",
|
||||
});
|
||||
}
|
||||
},
|
||||
rej => { }
|
||||
);
|
||||
}
|
||||
|
||||
//选择签到记录
|
||||
let mapId = ref()
|
||||
function chooseRecord(e) {
|
||||
mapId.value = e.detail.value
|
||||
}
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.white-bg {
|
||||
width: 750rpx;
|
||||
padding: 30rpx 0 0;
|
||||
margin-bottom: 0;
|
||||
border-radius: 8px 8px 0 0;
|
||||
}
|
||||
|
||||
.form-con {
|
||||
/* #ifdef APP-PLUS */
|
||||
height: calc(100vh - 100px)
|
||||
/* #endif */
|
||||
/* #ifndef APP-PLUS */
|
||||
/* #endif */
|
||||
}
|
||||
|
||||
:deep(.uni-date-x) {
|
||||
display: block;
|
||||
}
|
||||
|
||||
:deep(.uni-date-x .icon-calendar) {
|
||||
float: right;
|
||||
margin-top: 15rpx;
|
||||
margin-right: 20rpx;
|
||||
background: url('../../../static/images/business/icon-date.png') no-repeat;
|
||||
background-size: 32rpx 35rpx;
|
||||
width: 32rpx;
|
||||
height: 35rpx;
|
||||
}
|
||||
|
||||
:deep(.uni-date-x .icon-calendar::before) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
:deep(.uni-date-x .uni-date__x-input) {
|
||||
padding-left: 20rpx;
|
||||
color: #919191;
|
||||
}
|
||||
|
||||
.form-item-container .uni-forms-item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
/* 垂直居中 */
|
||||
}
|
||||
|
||||
/* 确保 text 元素也垂直居中 */
|
||||
.form-item-container .name {
|
||||
line-height: normal;
|
||||
/* 避免 line-height 影响 */
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
/*======*/
|
||||
.choose {
|
||||
padding: 20rpx;
|
||||
}
|
||||
|
||||
.record-container {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
padding: 20rpx;
|
||||
margin-bottom: 20rpx;
|
||||
background-color: #f8f8f8;
|
||||
border-radius: 12rpx;
|
||||
box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
|
||||
.radio-style {
|
||||
margin-right: 20rpx;
|
||||
margin-top: 8rpx;
|
||||
}
|
||||
|
||||
.record-content {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.info-row {
|
||||
display: flex;
|
||||
margin-bottom: 10rpx;
|
||||
line-height: 1.4;
|
||||
}
|
||||
|
||||
.label {
|
||||
width: 160rpx;
|
||||
font-weight: bold;
|
||||
color: #333;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.value {
|
||||
flex: 1;
|
||||
color: #666;
|
||||
word-break: break-all;
|
||||
}
|
||||
</style>
|
||||
338
src/pages/business/CRM/marketActivity/visitorReportEnter.vue
Normal file
338
src/pages/business/CRM/marketActivity/visitorReportEnter.vue
Normal file
@@ -0,0 +1,338 @@
|
||||
<template>
|
||||
<view class="con-body">
|
||||
<view class="con-bg">
|
||||
<!-- 头部 -->
|
||||
<customHeader ref="customHeaderRef" :title="'走访报告内容录入'" :leftFlag="true" :rightFlag="false"></customHeader>
|
||||
<!-- 高度来避免头部遮挡 -->
|
||||
<view class="top-height"></view>
|
||||
|
||||
|
||||
<!-- 日常走访 -->
|
||||
<view class="white-bg white-bg-2">
|
||||
<view class="w-b-title" @click="handleExpandRC">日常走访
|
||||
<text>
|
||||
{{ expandFlagRC ? '展开' : '收起' }}
|
||||
<i :class="{ iconfont: true, 'icon-up': !expandFlagRC, 'icon-down': expandFlagRC }"></i>
|
||||
</text>
|
||||
</view>
|
||||
<view v-show="!expandFlagRC" class="form-con">
|
||||
<DailyVisitComponent :cusName="cusName" :cusId="cusId" :visistId="visistId" :status="status"
|
||||
ref="dailyVisitComponentRef"></DailyVisitComponent>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
||||
<!-- 业务招待 -->
|
||||
<view class="white-bg white-bg-2 white-bg-3">
|
||||
<view class="w-b-title" @click="handleExpandYW">业务招待
|
||||
<text>
|
||||
{{ expandFlagYW ? '展开' : '收起' }}
|
||||
<i :class="{ iconfont: true, 'icon-up': !expandFlagYW, 'icon-down': expandFlagYW }"></i>
|
||||
</text>
|
||||
</view>
|
||||
<view v-show="!expandFlagYW" class="form-con">
|
||||
<YwVisistComponent :cusName="cusName" :cusId="cusId" :visistId="visistId" :status="status" ref="ywVisitComponentRef">
|
||||
</YwVisistComponent>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 技术交流 -->
|
||||
<view class="white-bg white-bg-2 white-bg-3">
|
||||
<view class="w-b-title" @click="handleExpandJS">技术交流
|
||||
<text>
|
||||
{{ expandFlagJS ? '展开' : '收起' }}
|
||||
<i :class="{ iconfont: true, 'icon-up': !expandFlagJS, 'icon-down': expandFlagJS }"></i>
|
||||
</text>
|
||||
</view>
|
||||
<view v-show="!expandFlagJS" class="form-con">
|
||||
<JsVisistComponent :cusName="cusName" :cusId="cusId" :visistId="visistId" :status="status" ref="jsVisitComponentRef">
|
||||
</JsVisistComponent>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
<!-- 来厂参观 -->
|
||||
<view class="white-bg white-bg-2 white-bg-3">
|
||||
<view class="w-b-title" @click="handleExpandLC">来厂参观
|
||||
<text>
|
||||
{{ expandFlagLC ? '展开' : '收起' }}
|
||||
<i :class="{ iconfont: true, 'icon-up': !expandFlagLC, 'icon-down': expandFlagLC }"></i>
|
||||
</text>
|
||||
</view>
|
||||
<view v-show="!expandFlagLC" class="form-con">
|
||||
<LcVisistComponent :cusName="cusName" :cusId="cusId" :visistId="visistId" :status="status" ref="lcVisitComponentRef">
|
||||
</LcVisistComponent>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
<!-- 党建活动 -->
|
||||
<view class="white-bg white-bg-2 white-bg-3">
|
||||
<view class="w-b-title" @click="handleExpandDJ">党建活动
|
||||
<text>
|
||||
{{ expandFlagDJ ? '展开' : '收起' }}
|
||||
<i :class="{ iconfont: true, 'icon-up': !expandFlagDJ, 'icon-down': expandFlagDJ }"></i>
|
||||
</text>
|
||||
</view>
|
||||
<view v-show="!expandFlagDJ" class="form-con">
|
||||
<DjVisistComponent :cusName="cusName" :cusId="cusId" :visistId="visistId" :status="status" ref="djVisitComponentRef">
|
||||
</DjVisistComponent>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 文体活动 -->
|
||||
<view class="white-bg white-bg-2 white-bg-3">
|
||||
<view class="w-b-title" @click="handleExpandWT">文体活动
|
||||
<text>
|
||||
{{ expandFlagWT ? '展开' : '收起' }}
|
||||
<i :class="{ iconfont: true, 'icon-up': !expandFlagWT, 'icon-down': expandFlagWT }"></i>
|
||||
</text>
|
||||
</view>
|
||||
<view v-show="!expandFlagWT" class="form-con">
|
||||
<WTVisistComponent :cusName="cusName" :cusId="cusId" :visistId="visistId" :status="status" ref="wtVisitComponentRef">
|
||||
</WTVisistComponent>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
<!-- 联谊活动 -->
|
||||
<view class="white-bg white-bg-2 white-bg-3">
|
||||
<view class="w-b-title" @click="handleExpandLY">联谊活动
|
||||
<text>
|
||||
{{ expandFlagLY ? '展开' : '收起' }}
|
||||
<i :class="{ iconfont: true, 'icon-up': !expandFlagLY, 'icon-down': expandFlagLY }"></i>
|
||||
</text>
|
||||
</view>
|
||||
<view v-show="!expandFlagLY" class="form-con">
|
||||
<LyVisistComponent :cusName="cusName" :cusId="cusId" :visistId="visistId" :status="status" ref="lyVisitComponentRef">
|
||||
</LyVisistComponent>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref, reactive, onUnmounted } from 'vue'
|
||||
import customHeader from '@/components/customHeader.vue'
|
||||
import DailyVisitComponent from './components/dailyVisitComponent.vue';
|
||||
import { onLoad } from '@dcloudio/uni-app';
|
||||
import cache from '../../../../utils/cache';
|
||||
import YwVisistComponent from './components/ywVisistComponent.vue';
|
||||
import JsVisistComponent from './components/jsVisistComponent.vue';
|
||||
import LcVisistComponent from './components/lcVisistComponent.vue';
|
||||
import DjVisistComponent from './components/djVisistComponent.vue';
|
||||
import WTVisistComponent from './components/wtVisistComponent.vue';
|
||||
import LyVisistComponent from './components/lyVisistComponent.vue';
|
||||
|
||||
const cusName = ref()
|
||||
const cusId = ref()
|
||||
const visistId = ref()
|
||||
const status = ref()
|
||||
onLoad(options => {
|
||||
cusName.value = options.cusName
|
||||
cusId.value = options.cusId
|
||||
visistId.value = options.visistId
|
||||
status.value = options.status
|
||||
})
|
||||
|
||||
// 日常走访
|
||||
const dailyVisitComponentRef = ref(null)
|
||||
let expandFlagRC = ref(true);
|
||||
let handleExpandRC = () => {
|
||||
expandFlagRC.value = !expandFlagRC.value;
|
||||
if (expandFlagRC.value) {
|
||||
//收缩的时候，删除内容
|
||||
dailyVisitComponentRef.value.handleDelete()
|
||||
} else {
|
||||
//展开的时候，查询内容
|
||||
if (dailyVisitComponentRef.value) {
|
||||
dailyVisitComponentRef.value.getRCVisitReportDetailContent()
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 业务招待
|
||||
const ywVisitComponentRef = ref(null)
|
||||
let expandFlagYW = ref(true);
|
||||
let handleExpandYW = () => {
|
||||
expandFlagYW.value = !expandFlagYW.value;
|
||||
if (expandFlagYW.value) {
|
||||
//收缩的时候，删除内容
|
||||
ywVisitComponentRef.value.handleDelete()
|
||||
} else {
|
||||
//展开的时候，查询内容
|
||||
if (ywVisitComponentRef.value) {
|
||||
ywVisitComponentRef.value.getYWVisitReportDetailContent()
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 技术交流
|
||||
const jsVisitComponentRef = ref(null)
|
||||
let expandFlagJS = ref(true);
|
||||
let handleExpandJS = () => {
|
||||
expandFlagJS.value = !expandFlagJS.value;
|
||||
if (expandFlagJS.value) {
|
||||
//收缩的时候，删除内容
|
||||
jsVisitComponentRef.value.handleDelete()
|
||||
} else {
|
||||
//展开的时候，查询内容
|
||||
if (jsVisitComponentRef.value) {
|
||||
jsVisitComponentRef.value.getJSVisitReportDetailContent()
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 来厂参观
|
||||
const lcVisitComponentRef = ref(null)
|
||||
let expandFlagLC = ref(true);
|
||||
let handleExpandLC = () => {
|
||||
expandFlagLC.value = !expandFlagLC.value;
|
||||
if (expandFlagLC.value) {
|
||||
//收缩的时候，删除内容
|
||||
lcVisitComponentRef.value.handleDelete()
|
||||
} else {
|
||||
//展开的时候，查询内容
|
||||
if (lcVisitComponentRef.value) {
|
||||
lcVisitComponentRef.value.getLCVisitReportDetailContent()
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 党建活动
|
||||
const djVisitComponentRef = ref(null)
|
||||
let expandFlagDJ = ref(true);
|
||||
let handleExpandDJ = () => {
|
||||
expandFlagDJ.value = !expandFlagDJ.value;
|
||||
if (expandFlagDJ.value) {
|
||||
//收缩的时候，删除内容
|
||||
djVisitComponentRef.value.handleDelete()
|
||||
} else {
|
||||
//展开的时候，查询内容
|
||||
if (djVisitComponentRef.value) {
|
||||
djVisitComponentRef.value.getDJVisitReportDetailContent()
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 文体活动
|
||||
const wtVisitComponentRef = ref(null)
|
||||
let expandFlagWT = ref(true);
|
||||
let handleExpandWT = () => {
|
||||
expandFlagWT.value = !expandFlagWT.value;
|
||||
if (expandFlagWT.value) {
|
||||
//收缩的时候，删除内容
|
||||
wtVisitComponentRef.value.handleDelete()
|
||||
} else {
|
||||
//展开的时候，查询内容
|
||||
if (wtVisitComponentRef.value) {
|
||||
wtVisitComponentRef.value.getWTVisitReportDetailContent()
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 联谊活动
|
||||
const lyVisitComponentRef = ref(null)
|
||||
let expandFlagLY = ref(true);
|
||||
let handleExpandLY = () => {
|
||||
expandFlagLY.value = !expandFlagLY.value;
|
||||
if (expandFlagLY.value) {
|
||||
//收缩的时候，删除内容
|
||||
lyVisitComponentRef.value.handleDelete()
|
||||
} else {
|
||||
//展开的时候，查询内容
|
||||
if (lyVisitComponentRef.value) {
|
||||
lyVisitComponentRef.value.getLYVisitReportDetailContent()
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//离开页面时，删除local缓存
|
||||
onUnmounted(() => {
|
||||
removeRCCache();
|
||||
removeYWCache();
|
||||
removeJSCache();
|
||||
removeLCCache();
|
||||
removeDJCache();
|
||||
removeWTCache();
|
||||
removeLYCache();
|
||||
})
|
||||
|
||||
//删除日常缓存
|
||||
function removeRCCache() {
|
||||
cache.remove('checkedRCClientList');
|
||||
cache.remove('checkedRCMyUserList');
|
||||
cache.remove('checkedRCActivityTypeList')
|
||||
}
|
||||
|
||||
//删除业务缓存
|
||||
function removeYWCache() {
|
||||
cache.remove('checkedYWClientList');
|
||||
cache.remove('checkedYWMyUserList');
|
||||
}
|
||||
|
||||
//删除技术缓存
|
||||
function removeJSCache() {
|
||||
cache.remove('checkedJSClientList');
|
||||
cache.remove('checkedJSMyUserList');
|
||||
}
|
||||
|
||||
//删除来厂缓存
|
||||
function removeLCCache() {
|
||||
cache.remove('checkedLCClientList');
|
||||
cache.remove('checkedLCMyUserList');
|
||||
}
|
||||
|
||||
//删除党建缓存
|
||||
function removeDJCache() {
|
||||
cache.remove('checkedDJClientList');
|
||||
cache.remove('checkedDJMyUserList');
|
||||
}
|
||||
|
||||
//删除文体缓存
|
||||
function removeWTCache() {
|
||||
cache.remove('checkedWTClientList');
|
||||
cache.remove('checkedWTMyUserList');
|
||||
}
|
||||
|
||||
//删除联谊缓存
|
||||
function removeLYCache() {
|
||||
cache.remove('checkedLYClientList');
|
||||
cache.remove('checkedLYMyUserList');
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.white-bg {
|
||||
width: 690rpx;
|
||||
margin: 0;
|
||||
border-radius: 8px 8px 0 0;
|
||||
}
|
||||
|
||||
.white-bg.white-bg-2 {
|
||||
margin-bottom: 20rpx;
|
||||
}
|
||||
|
||||
.white-bg.white-bg-3 {
|
||||
border-radius: 0
|
||||
}
|
||||
|
||||
.white-bg .w-b-title {
|
||||
color: #3384DF;
|
||||
font-size: 38rpx;
|
||||
}
|
||||
|
||||
.form-con {
|
||||
padding: 30rpx 0 0;
|
||||
}
|
||||
|
||||
:deep(.form-con .uni-forms-item) {
|
||||
margin-bottom: 22px !important;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user