austin
/
hls_crm
Template
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

提交

This commit is contained in:
zhangwentao 2026-01-09 14:24:38 +08:00
parent 47c638bac8
commit 8908dc6806
4 changed files with 933 additions and 785 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
components/tabbar/tabbar.vue
View File

@ -44,6 +44,14 @@
isTip:true, isTip:true,
num:0 num:0
}, },
{
pagePath: "/pages/index/contract/contract",
iconPath: "https://hls.huhakeji.top/uploads/20260108/46d0feeaa65e6c2dbd47054fc333c467.png",
selectedIconPath: "https://hls.huhakeji.top/uploads/20260108/8cab46fc021348dc5cd7b2177206cb8a.png",
text: "采购",
isTip:true,
num:0
},
{ {
pagePath: "/pages/news/news", pagePath: "/pages/news/news",
iconPath: BASE_IMG_URL+"tab3.png", iconPath: BASE_IMG_URL+"tab3.png",

57
pages/index/contract/contract.vue
View File

@ -141,16 +141,20 @@
</view> </view>
</uni-popup> </uni-popup>
<!-- 创建用户图标 --> <!-- 创建采购悬浮按钮 -->
<view class="icon_creat" @click="toCreateContract"> <view class="fab_btn" @click="toCreateContract">
<image :src="BASE_IMG_URL+'1.png'" mode="scaleToFill"></image> <text class="fab_icon">采购</text>
</view> </view>
<select-customer ref="customerChild" @getCustomerinfo="getCustomerinfo"></select-customer> <select-customer ref="customerChild" @getCustomerinfo="getCustomerinfo"></select-customer>
<!-- 底部导航 -->
<uniTabbar ></uniTabbar>
</view> </view>
</template> </template>
<script> <script>
import uniTabbar from '@/components/tabbar/tabbar.vue'
import { import {
netCrmContractList, netCrmContractList,
netSearchStaffList netSearchStaffList
@ -161,6 +165,7 @@
export default { export default {
components:{ components:{
uniTabbar,
selectCustomer, selectCustomer,
searchItem searchItem
}, },
@ -593,9 +598,9 @@
.bot_total{ .bot_total{
position: fixed; position: fixed;
left:0; left:0;
bottom:0; bottom:calc(100rpx + env(safe-area-inset-bottom) / 2);
width:750rpx; width:750rpx;
height:calc(80rpx + env(safe-area-inset-bottom) / 2); height:80rpx;
background:#fff; background:#fff;
font-size:24rpx; font-size:24rpx;
color:#333; color:#333;
@ -603,7 +608,6 @@
line-height: 80rpx; line-height: 80rpx;
color:$uni-text-color; color:$uni-text-color;
border-top:1rpx solid #f5f5f5; border-top:1rpx solid #f5f5f5;
padding-bottom:calc(env(safe-area-inset-bottom) / 2);
} }
.botwarp{ .botwarp{
background:#fff; background:#fff;
@ -635,4 +639,45 @@
line-height: 100rpx; line-height: 100rpx;
} }
} }
// 悬浮按钮样式
.fab_btn {
position: fixed;
right: 40rpx;
bottom: calc(280rpx + env(safe-area-inset-bottom) / 2);
width: 120rpx;
height: 120rpx;
border-radius: 50%;
background: #008eff;
box-shadow: 0 8rpx 24rpx rgba(0, 142, 255, 0.4);
display: flex;
justify-content: center;
align-items: center;
z-index: 999;
animation: fab-pulse 2s ease-in-out infinite;
&:active {
transform: scale(0.9);
box-shadow: 0 4rpx 12rpx rgba(0, 142, 255, 0.3);
animation: none;
}
.fab_icon {
font-size: 32rpx;
color: #fff;
font-weight: 500;
line-height: 1;
}
}
@keyframes fab-pulse {
0%, 100% {
transform: scale(1);
box-shadow: 0 8rpx 24rpx rgba(0, 142, 255, 0.4);
}
50% {
transform: scale(1.05);
box-shadow: 0 12rpx 32rpx rgba(0, 142, 255, 0.6);
}
}
</style> </style>

118
pagesA/crm/contract/contract.vue
View File

@ -1,7 +1,8 @@
<template> <template>
<view class="new_linkman"> <view class="new_linkman">
<view class="top_required"> <view class="top_required">
只展示<span style="color:#f00">必填</span>字段<switch :checked="isRequired" color="#008EFF" @change="changeRequired" /> 只展示<span style="color:#f00">必填</span>字段
<switch :checked="isRequired" color="#008EFF" @change="changeRequired" />
</view> </view>
<view class="fllow_form"> <view class="fllow_form">
<view><text>*</text>门店名称</view> <view><text>*</text>门店名称</view>
@ -33,7 +34,8 @@
<view class="iconfont icon-arrows_right"></view> <view class="iconfont icon-arrows_right"></view>
</view> </view>
</view> --> </view> -->
<form-item v-for="(item,index) in listForm" :key="index" :isNotRequired="isRequired" :objInfo="item" @changeData="changeOtherData"> <form-item v-for="(item, index) in listForm" :key="index" :isNotRequired="isRequired" :objInfo="item"
@changeData="changeOtherData">
</form-item> </form-item>
<!-- 添加产品 --> <!-- 添加产品 -->
<view class="fllow_form" v-if="!isRequired"> <view class="fllow_form" v-if="!isRequired">
@ -47,30 +49,39 @@
<view class="cell_con"> <view class="cell_con">
<view class="cell_con_top"> <view class="cell_con_top">
<view class="contitle">{{ item.name }}</view> <view class="contitle">{{ item.name }}</view>
<image :src="BASE_IMG_URL+'delete1.png'" @click="delProduct(index)" class="deleimg" mode=""></image> <image :src="BASE_IMG_URL + 'delete1.png'" @click="delProduct(index)" class="deleimg" mode="">
</image>
</view> </view>
<view class="pro_con_box"> <view class="pro_con_box">
<view class="boxleft"> <view class="boxleft">
<view class="context">编号：{{ item.num }}</view> <view class="context">编号：{{ item.num }}</view>
<view class="context">单位：{{ item.unit }}</view> <view class="context">单位：{{ item.unit }}</view>
<view class="context"> <view class="context">
零售价：￥<input type="digit" v-model="item.price" class="productPrice" @blur="changeProductPrice" placeholder="产品价格"> 零售价：￥<input type="digit" v-model="item.price" class="productPrice"
@blur="changeProductPrice" placeholder="产品价格">
</view> </view>
<view class="context"> <view class="context">
批发价：￥<input type="digit" v-model="item.wholesale" class="productPrice" placeholder="批发价"> 批发价：￥<input type="digit" v-model="item.wholesale" class="productPrice"
placeholder="批发价">
</view> </view>
</view> </view>
<view class="conbot"> <view class="conbot">
<view class="conright"> <view class="conright">
<uni-number-box :min="1" :max="20000" v-model="item.number" @change="(e)=>{changeNumber(e,index)}"></uni-number-box> <uni-number-box :min="1" :max="20000" v-model="item.number"
@change="(e) => { changeNumber(e, index) }"></uni-number-box>
</view> </view>
</view> </view>
</view> </view>
<view class="remark-context">
<textarea :maxlength="-1" auto-height v-model="item.remark" class="remark-input" placeholder="请输入备注"/>
</view>
</view> </view>
</view> </view>
</view> </view>
<!-- 分配业绩 --> <!-- 分配业绩 -->
<view class="fllow_form" v-if="customerTeam.length != 1 && customerTeam.length != 0 && methodArr.length != 0 && !isRequired"> <view class="fllow_form"
v-if="customerTeam.length != 1 && customerTeam.length != 0 && methodArr.length != 0 && !isRequired">
<view>业绩分配方式</view> <view>业绩分配方式</view>
<picker @change="changeMethod" :value="methodIndex" :range="methodArr" :range-key="'name'"> <picker @change="changeMethod" :value="methodIndex" :range="methodArr" :range-key="'name'">
<view class="form_right"> <view class="form_right">
@ -92,7 +103,8 @@
</view> </view>
<view class="ach_staff" v-else> <view class="ach_staff" v-else>
<view class="delStaff" @click="delDisStaff(index)">×</view> <view class="delStaff" @click="delDisStaff(index)">×</view>
<image :src="item.staff.img?item.staff.img:BASE_IMG_URL+'/headImg.png'" style="border-radius: 50%;" class="uploadimg"></image> <image :src="item.staff.img ? item.staff.img : BASE_IMG_URL + '/headImg.png'"
style="border-radius: 50%;" class="uploadimg"></image>
<view class="ach_t">{{ item.staff.name }}</view> <view class="ach_t">{{ item.staff.name }}</view>
</view> </view>
</view> </view>
@ -126,8 +138,10 @@
<script> <script>
import { BASE_IMG_URL } from '@/util/api.js' import { BASE_IMG_URL } from '@/util/api.js'
import { netSetForm, netStaffDefaultReviewer, netApprovalProcess, netRelationBusiness, import {
netDistributionType, netTeamList, netBusinessDetail } from '@/api/index.js' netSetForm, netStaffDefaultReviewer, netApprovalProcess, netRelationBusiness,
netDistributionType, netTeamList, netBusinessDetail
} from '@/api/index.js'
import formItem from '@/components/form/formitem.vue' import formItem from '@/components/form/formitem.vue'
import { import {
netPrevCustomer, netPrevCustomer,
@ -252,6 +266,7 @@
let arr = res.data.product let arr = res.data.product
arr.forEach(ele => { arr.forEach(ele => {
ele.id = ele.product_id ele.id = ele.product_id
ele.remark = ele.remark || ''
}) })
this.productList = arr this.productList = arr
}) })
@ -443,6 +458,7 @@
arr.forEach(ele => { arr.forEach(ele => {
ele.minprice = ele.price ele.minprice = ele.price
ele.parts = [] ele.parts = []
ele.remark = ele.remark || ''
}) })
this.productList = this.deWeight(arr.concat(this.productList)) this.productList = this.deWeight(arr.concat(this.productList))
//计算产品总金额 //计算产品总金额
@ -523,9 +539,17 @@
contacts_id, //客户签约人 contacts_id, //客户签约人
remindPeople, //提醒谁看 remindPeople, //提醒谁看
} = this } = this
if (!customer_id) {
uni.showToast({
title: '请选择所属门店',
icon: 'none'
})
return
}
if (!contacts_id) { if (!contacts_id) {
uni.showToast({ uni.showToast({
title: '请选择客户签约人', title: '请选择门店签约人',
icon: 'none' icon: 'none'
}) })
return return
@ -563,7 +587,8 @@
number: ele.number, number: ele.number,
parts: ele.parts, parts: ele.parts,
cost_price: ele.cost_price, cost_price: ele.cost_price,
wholesale: ele.wholesale wholesale: ele.wholesale,
remark: ele.remark || ''
}) })
}) })
} }
@ -618,12 +643,14 @@
.valueActive { .valueActive {
color: #333; color: #333;
} }
// 业绩分配 // 业绩分配
.ach_list { .ach_list {
background: #fff; background: #fff;
padding: 30rpx; padding: 30rpx;
border-bottom: 1rpx solid #f5f5f5; border-bottom: 1rpx solid #f5f5f5;
position: relative; position: relative;
.deleimg { .deleimg {
position: absolute; position: absolute;
right: 30rpx; right: 30rpx;
@ -631,6 +658,7 @@
width: 44rpx; width: 44rpx;
height: 44rpx; height: 44rpx;
} }
.ach_li { .ach_li {
display: flex; display: flex;
justify-content: flex-start; justify-content: flex-start;
@ -638,23 +666,28 @@
padding-bottom: 24rpx; padding-bottom: 24rpx;
margin-bottom: 24rpx; margin-bottom: 24rpx;
border-bottom: 1rpx solid #f5f5f5; border-bottom: 1rpx solid #f5f5f5;
&:last-child { &:last-child {
border-bottom: 0; border-bottom: 0;
margin-bottom: 0; margin-bottom: 0;
} }
.ach_rate { .ach_rate {
font-size: 24rpx; font-size: 24rpx;
color: #666; color: #666;
margin-right: 30rpx; margin-right: 30rpx;
span { span {
color: $uni-text-color; color: $uni-text-color;
} }
} }
.ach_staff { .ach_staff {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
text-align: center; text-align: center;
position: relative; position: relative;
.delStaff { .delStaff {
position: absolute; position: absolute;
right: -10rpx; right: -10rpx;
@ -669,16 +702,19 @@
border-radius: 50%; border-radius: 50%;
background: rgba(0, 0, 0, 0.3); background: rgba(0, 0, 0, 0.3);
} }
.uploadimg { .uploadimg {
width: 80rpx; width: 80rpx;
height: 80rpx; height: 80rpx;
} }
.staffinfo { .staffinfo {
display: flex; display: flex;
justify-content: flex-start; justify-content: flex-start;
align-items: center; align-items: center;
font-size: 24rpx; font-size: 24rpx;
color: #666; color: #666;
.staffimg { .staffimg {
width: 80rpx; width: 80rpx;
height: 80rpx; height: 80rpx;
@ -686,6 +722,7 @@
margin-right: 24rpx; margin-right: 24rpx;
} }
} }
.ach_t { .ach_t {
font-size: 24rpx; font-size: 24rpx;
color: #666; color: #666;
@ -694,6 +731,7 @@
} }
} }
} }
.del { .del {
width: 40rpx; width: 40rpx;
height: 40rpx; height: 40rpx;
@ -706,6 +744,7 @@
text-align: center; text-align: center;
line-height: 38rpx; line-height: 38rpx;
} }
.add_in { .add_in {
background-color: $uni-text-color; background-color: $uni-text-color;
color: #fff; color: #fff;
@ -715,36 +754,49 @@
font-size: 24rpx; font-size: 24rpx;
border-radius: 10rpx; border-radius: 10rpx;
} }
.pro_warp { .pro_warp {
padding: 30rpx 24rpx 0 24rpx; padding: 30rpx 24rpx 0 24rpx;
background: #fff; background: #fff;
border-bottom: 1rpx solid #f5f5f5; border-bottom: 1rpx solid #f5f5f5;
.li_warp { .li_warp {
padding-bottom: 24rpx; padding-bottom: 24rpx;
margin-bottom: 24rpx; margin-bottom: 24rpx;
border-bottom: 2rpx solid #f5f5f5; border-bottom: 2rpx solid #f5f5f5;
&:last-child { &:last-child {
border-bottom: 0; border-bottom: 0;
} }
.cell_con { .cell_con {
padding: 0 40rpx; padding: 0 40rpx;
.cell_con_top { .cell_con_top {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
.contitle { .contitle {
font-size: 28rpx; font-size: 28rpx;
color: #333; color: #333;
} }
.deleimg { .deleimg {
width: 44rpx; width: 44rpx;
height: 44rpx; height: 44rpx;
} }
} }
.pro_con_box { .pro_con_box {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
.boxleft {
flex: 1;
}
.context { .context {
font-size: 26rpx; font-size: 26rpx;
color: #666; color: #666;
@ -752,39 +804,49 @@
display: flex; display: flex;
justify-content: flex-start; justify-content: flex-start;
align-items: center; align-items: center;
.productPrice { .productPrice {
width: 150rpx; width: 150rpx;
background: #f5f5f5; background: #f5f5f5;
text-align: center; text-align: center;
} }
} }
.conbot { .conbot {
margin-top: 10rpx; margin-top: 10rpx;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
.conmoney { .conmoney {
font-size: 26rpx; font-size: 26rpx;
color: #333; color: #333;
} }
} }
} }
.config_set { .config_set {
margin-top: 24rpx; margin-top: 24rpx;
.config_title { .config_title {
font-size: 24rpx; font-size: 24rpx;
color: #333; color: #333;
display: flex; display: flex;
justify-content: flex-start; justify-content: flex-start;
align-items: center; align-items: center;
.addConimg { .addConimg {
width: 100rpx; width: 100rpx;
height: 40rpx; height: 40rpx;
margin-left: 10rpx; margin-left: 10rpx;
} }
} }
.config_list { .config_list {
margin-top: 24rpx; margin-top: 24rpx;
.config_li { .config_li {
display: flex; display: flex;
justify-content: flex-start; justify-content: flex-start;
@ -792,12 +854,14 @@
margin-top: 24rpx; margin-top: 24rpx;
border-bottom: 1rpx solid #f5f5f5; border-bottom: 1rpx solid #f5f5f5;
padding-bottom: 24rpx; padding-bottom: 24rpx;
.conimg { .conimg {
width: 100rpx; width: 100rpx;
height: 100rpx; height: 100rpx;
border-radius: 10rpx; border-radius: 10rpx;
margin-right: 20rpx; margin-right: 20rpx;
} }
.config_name { .config_name {
width: 290rpx; width: 290rpx;
font-size: 24rpx; font-size: 24rpx;
@ -806,6 +870,7 @@
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
} }
.config_step { .config_step {
margin-left: 24rpx; margin-left: 24rpx;
@ -814,6 +879,7 @@
} }
} }
} }
.right_del_btn { .right_del_btn {
width: 90rpx; width: 90rpx;
height: 240rpx; height: 240rpx;
@ -825,11 +891,29 @@
} }
} }
.remark-context {
margin-top: 14rpx;
width: 100%;
.remark-input {
width: 100%;
background: #f5f5f5;
border-radius: 15rpx;
padding: 16rpx 18rpx;
box-sizing: border-box;
font-size: 26rpx;
color: #333;
}
}
.new_linkman { .new_linkman {
font-size: 28rpx; font-size: 28rpx;
.mar_top { .mar_top {
margin-top: 30rpx; margin-top: 30rpx;
} }
.info_head { .info_head {
height: 80rpx; height: 80rpx;
line-height: 80rpx; line-height: 80rpx;
@ -837,6 +921,7 @@
font-size: 32rpx; font-size: 32rpx;
padding-left: 30rpx; padding-left: 30rpx;
} }
.fllow_form { .fllow_form {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
@ -846,27 +931,33 @@
padding: 30rpx 20rpx; padding: 30rpx 20rpx;
color: #999; color: #999;
font-size: 32rpx; font-size: 32rpx;
.form_right { .form_right {
display: flex; display: flex;
align-items: center; align-items: center;
color: #999; color: #999;
:first-child { :first-child {
width: 450rpx; width: 450rpx;
text-align: right; text-align: right;
} }
image { image {
width: 40rpx; width: 40rpx;
height: 40rpx; height: 40rpx;
margin: 28rpx 5rpx 0 0; margin: 28rpx 5rpx 0 0;
} }
} }
.theme { .theme {
color: #5ca9fe; color: #5ca9fe;
} }
text { text {
color: #f00; color: #f00;
margin-left: 10rpx; margin-left: 10rpx;
} }
.form_input { .form_input {
input { input {
height: 100rpx; height: 100rpx;
@ -910,6 +1001,7 @@
padding-left: 20rpx; padding-left: 20rpx;
color: #999; color: #999;
font-size: 32rpx; font-size: 32rpx;
text { text {
color: #f00; color: #f00;
margin-left: 10rpx; margin-left: 10rpx;
@ -921,6 +1013,7 @@
text-align: center; text-align: center;
flex-wrap: wrap; flex-wrap: wrap;
padding: 0 35rpx; padding: 0 35rpx;
.aff_item { .aff_item {
width: 100rpx; width: 100rpx;
margin-right: 15rpx; margin-right: 15rpx;
@ -954,6 +1047,7 @@
height: 48rpx; height: 48rpx;
border-radius: 50%; border-radius: 50%;
text-align: center; text-align: center;
image { image {
width: 48rpx; width: 48rpx;
height: 48rpx; height: 48rpx;

1
pagesB/contract/baseInfo.vue
View File

@ -36,6 +36,7 @@
</view> </view>
<view class="context">零售价：￥{{item.price}}</view> <view class="context">零售价：￥{{item.price}}</view>
<view class="context">批发价：￥{{item.wholesale}}</view> <view class="context">批发价：￥{{item.wholesale}}</view>
<view class="context" v-if="item.remark">备注：{{item.remark}}</view>
</view> </view>
</view> </view>
</view> </view>