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

分类接口对接

This commit is contained in:
Austin 2025-11-17 21:57:01 +08:00
parent 4103bc0d15
commit 47c638bac8
3 changed files with 204 additions and 138 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
api/kehu.js
View File

@ -234,10 +234,15 @@ export function netCrmContractList(data) {
return myRequest('contract/getList',data) return myRequest('contract/getList',data)
} }
//添加 合同时 获取购买产品 //添加 合同时 获取购买产品
export function netContractProduct(data) { export function netContractProduct(data) {
return myRequest('product/getSelectList',data) return myRequest('product/getSelectList',data)
} }
//产品分类
export function netProductTypeList(data) {
return myRequest('product/getTypeList', data)
}
//获取产品分类 //获取产品分类
export function netProductClass(data) { export function netProductClass(data) {
@ -362,4 +367,3 @@ export function netQueryData(data) {

264
components/selectProduct/index.vue
View File

@ -1,16 +1,20 @@
<template> <template>
<view> <view>
<uni-popup ref="popup" type="bottom" background-color="#fff"> <uni-popup ref="popup" type="bottom" background-color="#fff">
<view class="popup_title">添加产品</view> <view class="popup_title">添加产品</view>
<view class="searbox"> <view class="searbox">
<image :src="BASE_IMG_URL+'search.png'" class="searchimg" mode=""></image> <image :src="BASE_IMG_URL+'search.png'" class="searchimg" mode=""></image>
<input type="text" placeholder="输入产品编号/名称搜索" @input="queryList" class="selfinput"> <input type="text" placeholder="输入产品编号/名称搜索" @input="queryList" class="selfinput">
</view> </view>
<scroll-view scroll-y class="scrollbox" lower-threshold="30"> <view class="type-tabs" v-if="typeList.length">
<view class="pop_list"> <u-tabs name="name" :list="typeList" :is-scroll="true" active-color="#008EFF" :current="typeCurrent"
<view class="pop_li" v-for="(item,index) in list" :key="index"> @change="changeType"></u-tabs>
<view class="pop_li_top"> </view>
<view class="pop_title">{{item.name}}</view> <scroll-view scroll-y class="scrollbox" lower-threshold="30">
<view class="pop_list">
<view class="pop_li" v-for="(item,index) in list" :key="index">
<view class="pop_li_top">
<view class="pop_title">{{item.name}}</view>
<view class="pop_num">{{item.num}}</view> <view class="pop_num">{{item.num}}</view>
</view> </view>
<view class="pop_info" @tap.stop="changeSelect(index)"> <view class="pop_info" @tap.stop="changeSelect(index)">
@ -51,7 +55,7 @@
</template> </template>
<script> <script>
import { netContractProduct } from '@/api/kehu.js' import { netContractProduct, netProductTypeList } from '@/api/kehu.js'
import { BASE_IMG_URL } from '@/util/api.js' import { BASE_IMG_URL } from '@/util/api.js'
export default{ export default{
@ -65,97 +69,136 @@
default:true default:true
} }
}, },
data(){ data(){
return{ return{
BASE_IMG_URL:BASE_IMG_URL, BASE_IMG_URL:BASE_IMG_URL,
name:'', name:'',
list:[], list:[],
isAll:false, isAll:false,
selectArr:[] selectArr:[],
} typeList:[],
}, typeCurrent:0,
methods:{ typeId:'',
queryList(e) { selectedMap:{}
this.name = e.detail.value
this.init()
},
init() {
this.$refs.popup.open()
this.list = []
this.getProductList()
},
getProductList() {
let params = {
name:this.name
} }
netContractProduct(params).then(res=>{ },
let arr = res.data methods:{
arr.forEach(ele=>{ queryList(e) {
ele.number = 1 this.name = e.detail.value
ele.select = false this.getProductList()
},
async init() {
this.$refs.popup.open()
this.list = []
this.name = ''
this.isAll = false
this.selectArr = []
this.selectedMap = {}
this.typeId = ''
this.typeCurrent = 0
if(!this.typeList.length){
await this.getTypeList()
}
this.getProductList()
},
getTypeList() {
return netProductTypeList().then(res=>{
const data = res.data || []
const tabs = [{id:'', name:'全部'}].concat(data.map(item=>({
...item,
name: item.name || item.title || item.cate_name || item.label || item.text
})))
this.typeList = tabs
}) })
},
getProductList() {
let params = {
name:this.name,
type_id:this.typeId
}
netContractProduct(params).then(res=>{
let arr = res.data
arr.forEach(ele=>{
const saved = this.selectedMap[ele.id]
if(saved){
ele.select = true
ele.number = saved.number || 1
this.selectedMap[ele.id] = {...ele}
}else{
ele.number = 1
ele.select = false
}
})
this.list = arr
this.refreshSelectedState()
})
},
changeType(index) {
this.typeCurrent = index
const current = this.typeList[index]
this.typeId = current && current.id ? current.id : ''
this.getProductList()
},
changeNumber(e,index) {
let obj = this.list[index]
if(e > 1){
obj.select = true
}
obj.number = e
this.$set(this.list,index,obj)
this.handleSelect()
},
//选择
changeSelect(index) {
let obj = this.list[index]
obj.select = !obj.select
this.$set(this.list,index,obj)
this.handleSelect()
},
//全选
selectAll() {
this.isAll = !this.isAll
let arr = this.list
if(this.isAll){
arr.forEach(ele=>{
ele.select = true
this.selectedMap[ele.id] = {...ele}
})
}else{
arr.forEach(ele=>{
ele.select = false
delete this.selectedMap[ele.id]
})
}
this.list = arr this.list = arr
}) this.refreshSelectedState()
}, },
changeNumber(e,index) { closePopup() {
let obj = this.list[index] this.$refs.popup.close()
if(e > 1){ },
obj.select = true handleSelect() {
} let arr = this.list
obj.number = e
this.$set(this.list,index,obj)
this.handleSelect()
},
//选择
changeSelect(index) {
let obj = this.list[index]
obj.select = !obj.select
this.$set(this.list,index,obj)
this.handleSelect()
},
//全选
selectAll() {
this.isAll = !this.isAll
let arr = this.list
if(this.isAll){
arr.forEach(ele=>{ arr.forEach(ele=>{
ele.select = true if(ele.select){
}) this.selectedMap[ele.id] = {...ele}
}else{ }else{
arr.forEach(ele=>{ delete this.selectedMap[ele.id]
ele.select = false }
}) })
this.refreshSelectedState()
},
refreshSelectedState(){
this.selectArr = Object.keys(this.selectedMap)
this.isAll = this.list.length ? this.list.every(item=>item.select) : false
},
//确定
sureSelectData() {
const newarr = Object.values(this.selectedMap)
this.closePopup()
this.$emit('selectList',newarr)
} }
this.list = arr
this.handleSelect()
},
closePopup() {
this.$refs.popup.close()
},
handleSelect() {
let arr = this.list
let newdata = []
arr.forEach(ele=>{
if(ele.select){
newdata.push(ele.id)
}
})
this.selectArr = newdata
},
//确定
sureSelectData() {
let arr = this.list
let newarr = []
arr.forEach(ele=>{
if(ele.select){
newarr.push(ele)
}
})
this.closePopup()
this.$emit('selectList',newarr)
} }
} }
}
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@ -168,11 +211,11 @@
color:#333333; color:#333333;
padding:24rpx; padding:24rpx;
} }
.searbox{ .searbox{
width:650rpx; width:650rpx;
height:68rpx; height:68rpx;
border-radius: 34rpx; border-radius: 34rpx;
margin:0 auto; margin:0 auto;
border:1rpx solid $uni-text-color; border:1rpx solid $uni-text-color;
display: flex; display: flex;
justify-content: flex-start; justify-content: flex-start;
@ -184,16 +227,19 @@
margin-right:15rpx; margin-right:15rpx;
} }
.selfinput{ .selfinput{
width:450rpx; width:450rpx;
font-size:26rpx; font-size:26rpx;
color:$uni-text-color; color:$uni-text-color;
}
} }
} .type-tabs{
.scrollbox{ padding:0 24rpx;
width:100%; }
height:700rpx; .scrollbox{
.pop_list{ width:100%;
padding:24rpx; height:700rpx;
.pop_list{
padding:24rpx;
.pop_li{ .pop_li{
background:#fff; background:#fff;
box-shadow: 1rpx 1rpx 8rpx 2rpx rgba(0,0,0,0.1); box-shadow: 1rpx 1rpx 8rpx 2rpx rgba(0,0,0,0.1);

64
package-lock.json generated
View File

@ -1,111 +1,127 @@
{ {
"name": "crm", "name": "crm",
"version": "1.0.0", "version": "1.0.0",
"lockfileVersion": 1, "lockfileVersion": 3,
"requires": true, "requires": true,
"dependencies": { "packages": {
"argparse": { "": {
"name": "crm",
"version": "1.0.0",
"license": "ISC",
"dependencies": {
"dingtalk-jsapi": "^2.13.53",
"vue-baidu-map": "^0.21.22",
"vue-jsonp": "^2.0.0"
}
},
"node_modules/argparse": {
"version": "1.0.10", "version": "1.0.10",
"resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz", "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz",
"integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==", "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==",
"requires": { "dependencies": {
"sprintf-js": "~1.0.2" "sprintf-js": "~1.0.2"
} }
}, },
"bmaplib.curveline": { "node_modules/bmaplib.curveline": {
"version": "1.0.0", "version": "1.0.0",
"resolved": "https://registry.npmjs.org/bmaplib.curveline/-/bmaplib.curveline-1.0.0.tgz", "resolved": "https://registry.npmjs.org/bmaplib.curveline/-/bmaplib.curveline-1.0.0.tgz",
"integrity": "sha512-9wcFMVhiYxNPqpvsLDAADn3qDhNzXp2mA6VyHSHg2XOAgSooC7ZiujdFhy0sp+0QYjTfJ/MjmLuNoUg2HHxH4Q==" "integrity": "sha512-9wcFMVhiYxNPqpvsLDAADn3qDhNzXp2mA6VyHSHg2XOAgSooC7ZiujdFhy0sp+0QYjTfJ/MjmLuNoUg2HHxH4Q=="
}, },
"bmaplib.heatmap": { "node_modules/bmaplib.heatmap": {
"version": "1.0.4", "version": "1.0.4",
"resolved": "https://registry.npmjs.org/bmaplib.heatmap/-/bmaplib.heatmap-1.0.4.tgz", "resolved": "https://registry.npmjs.org/bmaplib.heatmap/-/bmaplib.heatmap-1.0.4.tgz",
"integrity": "sha512-rmhqUARBpUSJ9jXzUI2j7dIOqnc38bqubkx/8a349U2qtw/ulLUwyzRD535OrA8G7w5cz4aPKm6/rNvUAarg/Q==" "integrity": "sha512-rmhqUARBpUSJ9jXzUI2j7dIOqnc38bqubkx/8a349U2qtw/ulLUwyzRD535OrA8G7w5cz4aPKm6/rNvUAarg/Q=="
}, },
"bmaplib.lushu": { "node_modules/bmaplib.lushu": {
"version": "1.0.7", "version": "1.0.7",
"resolved": "https://registry.npmjs.org/bmaplib.lushu/-/bmaplib.lushu-1.0.7.tgz", "resolved": "https://registry.npmjs.org/bmaplib.lushu/-/bmaplib.lushu-1.0.7.tgz",
"integrity": "sha512-LVvgpESPii6xGxyjnQjq8u+ic4NjvhdCPV/RiSS/PGTUdZKeTDS7prSpleJLZH3ES0+oc0gYn8bw0LtPYUSz2w==" "integrity": "sha512-LVvgpESPii6xGxyjnQjq8u+ic4NjvhdCPV/RiSS/PGTUdZKeTDS7prSpleJLZH3ES0+oc0gYn8bw0LtPYUSz2w=="
}, },
"bmaplib.markerclusterer": { "node_modules/bmaplib.markerclusterer": {
"version": "1.0.13", "version": "1.0.13",
"resolved": "https://registry.npmjs.org/bmaplib.markerclusterer/-/bmaplib.markerclusterer-1.0.13.tgz", "resolved": "https://registry.npmjs.org/bmaplib.markerclusterer/-/bmaplib.markerclusterer-1.0.13.tgz",
"integrity": "sha512-VrLyWSiuDEVNi0yUfwOhFQ6z1oEEHS4w36GNu3iASu6p52QIx9uAXMUkuSCHReNR0bj2Cp9SA1dSx5RpojXajQ==", "integrity": "sha512-VrLyWSiuDEVNi0yUfwOhFQ6z1oEEHS4w36GNu3iASu6p52QIx9uAXMUkuSCHReNR0bj2Cp9SA1dSx5RpojXajQ==",
"requires": { "dependencies": {
"bmaplib.texticonoverlay": "^1.0.2" "bmaplib.texticonoverlay": "^1.0.2"
} }
}, },
"bmaplib.texticonoverlay": { "node_modules/bmaplib.texticonoverlay": {
"version": "1.0.2", "version": "1.0.2",
"resolved": "https://registry.npmjs.org/bmaplib.texticonoverlay/-/bmaplib.texticonoverlay-1.0.2.tgz", "resolved": "https://registry.npmjs.org/bmaplib.texticonoverlay/-/bmaplib.texticonoverlay-1.0.2.tgz",
"integrity": "sha512-4ZTWr4ZP3B6qEWput5Tut16CfZgII38YwM3bpyb4gFTQyORlKYryFp9WHWrwZZaHlOyYDAXG9SX0hka43jTADg==" "integrity": "sha512-4ZTWr4ZP3B6qEWput5Tut16CfZgII38YwM3bpyb4gFTQyORlKYryFp9WHWrwZZaHlOyYDAXG9SX0hka43jTADg=="
}, },
"dingtalk-jsapi": { "node_modules/dingtalk-jsapi": {
"version": "2.15.6", "version": "2.15.6",
"resolved": "https://registry.npmjs.org/dingtalk-jsapi/-/dingtalk-jsapi-2.15.6.tgz", "resolved": "https://registry.npmjs.org/dingtalk-jsapi/-/dingtalk-jsapi-2.15.6.tgz",
"integrity": "sha512-804mFz2AFV/H9ysmo7dLqMjSGOQgREsgQIuep+Xg+yNQeQtnUOYntElEzlB798Sj/691e4mMKz9mtQ7v9qdjuA==", "integrity": "sha512-804mFz2AFV/H9ysmo7dLqMjSGOQgREsgQIuep+Xg+yNQeQtnUOYntElEzlB798Sj/691e4mMKz9mtQ7v9qdjuA==",
"requires": { "dependencies": {
"promise-polyfill": "^7.1.0" "promise-polyfill": "^7.1.0"
} }
}, },
"entities": { "node_modules/entities": {
"version": "1.1.2", "version": "1.1.2",
"resolved": "https://registry.npmjs.org/entities/-/entities-1.1.2.tgz", "resolved": "https://registry.npmjs.org/entities/-/entities-1.1.2.tgz",
"integrity": "sha512-f2LZMYl1Fzu7YSBKg+RoROelpOaNrcGmE9AZubeDfrCEia483oW4MI4VyFd5VNHIgQ/7qm1I0wUHK1eJnn2y2w==" "integrity": "sha512-f2LZMYl1Fzu7YSBKg+RoROelpOaNrcGmE9AZubeDfrCEia483oW4MI4VyFd5VNHIgQ/7qm1I0wUHK1eJnn2y2w=="
}, },
"linkify-it": { "node_modules/linkify-it": {
"version": "2.2.0", "version": "2.2.0",
"resolved": "https://registry.npmjs.org/linkify-it/-/linkify-it-2.2.0.tgz", "resolved": "https://registry.npmjs.org/linkify-it/-/linkify-it-2.2.0.tgz",
"integrity": "sha512-GnAl/knGn+i1U/wjBz3akz2stz+HrHLsxMwHQGofCDfPvlf+gDKN58UtfmUquTY4/MXeE2x7k19KQmeoZi94Iw==", "integrity": "sha512-GnAl/knGn+i1U/wjBz3akz2stz+HrHLsxMwHQGofCDfPvlf+gDKN58UtfmUquTY4/MXeE2x7k19KQmeoZi94Iw==",
"requires": { "dependencies": {
"uc.micro": "^1.0.1" "uc.micro": "^1.0.1"
} }
}, },
"markdown-it": { "node_modules/markdown-it": {
"version": "8.4.2", "version": "8.4.2",
"resolved": "https://registry.npmjs.org/markdown-it/-/markdown-it-8.4.2.tgz", "resolved": "https://registry.npmjs.org/markdown-it/-/markdown-it-8.4.2.tgz",
"integrity": "sha512-GcRz3AWTqSUphY3vsUqQSFMbgR38a4Lh3GWlHRh/7MRwz8mcu9n2IO7HOh+bXHrR9kOPDl5RNCaEsrneb+xhHQ==", "integrity": "sha512-GcRz3AWTqSUphY3vsUqQSFMbgR38a4Lh3GWlHRh/7MRwz8mcu9n2IO7HOh+bXHrR9kOPDl5RNCaEsrneb+xhHQ==",
"requires": { "dependencies": {
"argparse": "^1.0.7", "argparse": "^1.0.7",
"entities": "~1.1.1", "entities": "~1.1.1",
"linkify-it": "^2.0.0", "linkify-it": "^2.0.0",
"mdurl": "^1.0.1", "mdurl": "^1.0.1",
"uc.micro": "^1.0.5" "uc.micro": "^1.0.5"
},
"bin": {
"markdown-it": "bin/markdown-it.js"
} }
}, },
"mdurl": { "node_modules/mdurl": {
"version": "1.0.1", "version": "1.0.1",
"resolved": "https://registry.npmjs.org/mdurl/-/mdurl-1.0.1.tgz", "resolved": "https://registry.npmjs.org/mdurl/-/mdurl-1.0.1.tgz",
"integrity": "sha512-/sKlQJCBYVY9Ers9hqzKou4H6V5UWc/M59TH2dvkt+84itfnq7uFOMLpOiOS4ujvHP4etln18fmIxA5R5fll0g==" "integrity": "sha512-/sKlQJCBYVY9Ers9hqzKou4H6V5UWc/M59TH2dvkt+84itfnq7uFOMLpOiOS4ujvHP4etln18fmIxA5R5fll0g=="
}, },
"promise-polyfill": { "node_modules/promise-polyfill": {
"version": "7.1.2", "version": "7.1.2",
"resolved": "https://registry.npmjs.org/promise-polyfill/-/promise-polyfill-7.1.2.tgz", "resolved": "https://registry.npmjs.org/promise-polyfill/-/promise-polyfill-7.1.2.tgz",
"integrity": "sha512-FuEc12/eKqqoRYIGBrUptCBRhobL19PS2U31vMNTfyck1FxPyMfgsXyW4Mav85y/ZN1hop3hOwRlUDok23oYfQ==" "integrity": "sha512-FuEc12/eKqqoRYIGBrUptCBRhobL19PS2U31vMNTfyck1FxPyMfgsXyW4Mav85y/ZN1hop3hOwRlUDok23oYfQ=="
}, },
"sprintf-js": { "node_modules/sprintf-js": {
"version": "1.0.3", "version": "1.0.3",
"resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz", "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz",
"integrity": "sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==" "integrity": "sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g=="
}, },
"uc.micro": { "node_modules/uc.micro": {
"version": "1.0.6", "version": "1.0.6",
"resolved": "https://registry.npmjs.org/uc.micro/-/uc.micro-1.0.6.tgz", "resolved": "https://registry.npmjs.org/uc.micro/-/uc.micro-1.0.6.tgz",
"integrity": "sha512-8Y75pvTYkLJW2hWQHXxoqRgV7qb9B+9vFEtidML+7koHUFapnVJAZ6cKs+Qjz5Aw3aZWHMC6u0wJE3At+nSGwA==" "integrity": "sha512-8Y75pvTYkLJW2hWQHXxoqRgV7qb9B+9vFEtidML+7koHUFapnVJAZ6cKs+Qjz5Aw3aZWHMC6u0wJE3At+nSGwA=="
}, },
"vue-baidu-map": { "node_modules/vue-baidu-map": {
"version": "0.21.22", "version": "0.21.22",
"resolved": "https://registry.npmjs.org/vue-baidu-map/-/vue-baidu-map-0.21.22.tgz", "resolved": "https://registry.npmjs.org/vue-baidu-map/-/vue-baidu-map-0.21.22.tgz",
"integrity": "sha512-WQMPCih4UTh0AZCKKH/OVOYnyAWjfRNeK6BIeoLmscyY5aF8zzlJhz/NOHLb3mdztIpB0Z6aohn4Jd9mfCSjQw==", "integrity": "sha512-WQMPCih4UTh0AZCKKH/OVOYnyAWjfRNeK6BIeoLmscyY5aF8zzlJhz/NOHLb3mdztIpB0Z6aohn4Jd9mfCSjQw==",
"requires": { "dependencies": {
"bmaplib.curveline": "^1.0.0", "bmaplib.curveline": "^1.0.0",
"bmaplib.heatmap": "^1.0.4", "bmaplib.heatmap": "^1.0.4",
"bmaplib.lushu": "^1.0.7", "bmaplib.lushu": "^1.0.7",
"bmaplib.markerclusterer": "^1.0.13", "bmaplib.markerclusterer": "^1.0.13",
"markdown-it": "^8.4.0" "markdown-it": "^8.4.0"
},
"peerDependencies": {
"vue": "^2.1.8"
} }
}, },
"vue-jsonp": { "node_modules/vue-jsonp": {
"version": "2.1.0", "version": "2.1.0",
"resolved": "https://registry.npmjs.org/vue-jsonp/-/vue-jsonp-2.1.0.tgz", "resolved": "https://registry.npmjs.org/vue-jsonp/-/vue-jsonp-2.1.0.tgz",
"integrity": "sha512-kezmjaAcMWdieO3tWxniC+82DitYUYjR1e2GsWIKHCTf+zhWUt2nPhN3dnmnAVhDQ+po3BspM7sKjiQaIhijUg==" "integrity": "sha512-kezmjaAcMWdieO3tWxniC+82DitYUYjR1e2GsWIKHCTf+zhWUt2nPhN3dnmnAVhDQ+po3BspM7sKjiQaIhijUg=="