liumin
/
NewZkgj
1
0
Fork 0
Code Issues 0 Pull-Requests 0 Releases 0 Wiki Aktivität
Du kannst nicht mehr als 25 Themen auswählen Themen müssen entweder mit einem Buchstaben oder einer Ziffer beginnen. Sie können Bindestriche („-“) enthalten und bis zu 35 Zeichen lang sein.
126 Commits
7 Branches
28 MiB
 
 
 
Struktur: 02ea27ebc7
Branches Tags
${ item.name }
Erstelle Branch ${ searchTerm }
von „02ea27ebc7“
${ noResults }
NewZkgj/pages/mine/reception/addreception.vue

416 Zeilen
11 KiB
Originalformat Blame Verlauf 

  1. <template>

  2. 	<view class="cented-box">

  3. 		<view class="Pinspeak">客户信息</view>

  4. 		<view class="chented">

  5. 			

  6. 			<view class="title">

  7. 				<view class="titletext">客户姓名</view>

  8. 				<view class="titletext2">

  9. 					<input class="titletext-input" style="color: #333333;" v-model="parames.name" placeholder-class="titletext-input" placeholder-style="color:#B2B2B2;" type="text" placeholder="请输入客户姓名（必填）" />

  10. 				</view>

  11. 				<view class="titleimg">

  12. 					<!-- <image class="titleimg1" src="../../../static/images/arrow.png" mode=""></image> -->

  13. 				</view>

  14. 			</view>

  15. 			<view class="title">

  16. 				<view class="titletext">客户性别</view>

  17. 				<view class="titletext2 displayclick" style="display: flex;align-items: center;padding-left: 10rpx;">

  18. 					<view class="sexRadio" @click="changeSex(1)" :class="{active:parames.sex == 1}">男士</view>

  19. 					<view class="sexRadio" @click="changeSex(2)" :class="{active:parames.sex == 2}">女士</view>

  20. 				</view>

  21. 			</view>

  22. 			

  23. 			<view class="title">

  24. 				<view class="titletext">联系电话</view>

  25. 				<view class="titletext2">

  26. 					<input class="titletext-input" style="color: #333333;" v-model="parames.phone" placeholder-class="titletext-input" placeholder-style="color:#B2B2B2;" type="number" placeholder="请输入联系电话" />

  27. 				</view>

  28. 			</view>

  29. 			

  30. 			<view class="title">

  31. 				<view class="titletext">接待人数</view>

  32. 				<view class="titletext2" style="display: flex;align-items: center;justify-content: space-around;">

  33. 					<view class="num" v-for="i in 6" :key="i" :class="{active:parames.howMany == i+1}"

  34. 						@click="changeHowMany(i+1)">

  35. 						{{i + 1}}

  36. 					</view>

  37. 				</view>

  38. 			</view>	

  39. 			

  40. 			<view class="title" style="border: none;" @click="Buildingselection()">

  41. 				<view class="titletext">客户来源</view>

  42. 				<view class="titletext2" style="font-size: 30rpx;font-weight: 400;color: #B2B2B2;line-height: 90rpx;padding-left: 10rpx;">

  43. 					<!-- {{parames.sourceName||'请选择客户来源'}} -->

  44. 					<text v-if="parames.sourceName" style="color: #333333;">{{parames.sourceName}}</text>

  45. 					<text v-else>请选择客户来源</text>

  46. 				</view>

  47. 				<view class="titleimg">

  48. 					<image class="titleimg1" src="../../../static/images/arrow.png" mode=""></image>

  49. 				</view>

  50. 			</view>

  51. 				

  52. 		</view>

  53. 		<view class="Pinspeak" v-if="shifoinfo==0">顾问</view>

  54. 		<view class="chented" v-if="shifoinfo==0" @click="clickShowhid()">

  55. 			<view class="title" style="border: none;">

  56. 				<view class="titletext">接待顾问</view>

  57. 				<view class="titletext2" style="font-size: 30rpx;font-weight: 400;color: #B2B2B2;line-height: 90rpx;padding-left: 10rpx;">

  58. 					<!-- {{text || '请选择接待顾问'}} -->

  59. 					<text v-if="text" style="color: #333333;">{{text}}</text>

  60. 					<text v-else>请选择接待顾问</text>

  61. 				</view>

  62. 				<view class="titleimg">

  63. 					<image class="titleimg1" src="../../../static/images/arrow.png" mode=""></image>

  64. 				</view>

  65. 			</view>	

  66. 		</view>

  67. 		

  68. 		<view class="clive" @click="save">确定</view>

  69. 		

  70. 		<view v-if="Showhiddenunits">

  71. 			<u-select :mask-close-able="false" v-model="Showhiddenunits" mode="single-column" :list="list" @cancel="cancel" @confirm="confirm"></u-select>

  72. 		</view>

  73. 		<view v-if="Showhid">

  74. 			<u-select :mask-close-able="false" v-model="Showhid" mode="single-column" :list="freeList" @cancel="cancel1" @confirm="confirm1"></u-select>

  75. 		</view>

  76. 		<u-modal v-model="show"  :mask-close-able="true" :title="'代接待提醒'" :confirm-text="confirmtext" :cancel-text='canceltext' @cancel="confirmA" @confirm="confirmB" :show-cancel-button='true' :content="content"></u-modal>

  77. 	</view>

  78. </template>

  79. 

  80. <script>

  81. 	var app = getApp();

  82. 	var config = require("../../../config");

  83. 

  84. 	export default {

  85. 		data() {

  86. 			return {

  87. 				Showhiddenunits:false,

  88. 				list: [

  89. 					{label: '自然到访',value:'自然到访'}, 

  90. 					{label: '渠道推荐',value:'渠道推荐'},

  91. 				],

  92. 				parames: {

  93. 					name: '',

  94. 					// 性别1男 2女

  95. 					sex: 1,

  96. 					phone: '',

  97. 					source: null,

  98. 					sourceName: null,

  99. 					howMany: 1,

  100. 					agentId:null,

  101. 					projectId:'',

  102. 					replaceReception:0

  103. 				},

  104. 				shifoinfo:0,

  105. 				freeList:[],

  106. 				Showhid:false,

  107. 				text:null,

  108. 				show:false,

  109. 				content: '东临碣石，以观沧海',

  110. 				confirmtext:'1',//确认文字

  111. 				canceltext:'2',//取消文字

  112. 				daitiReceptionobj:{}

  113. 			};

  114. 		},

  115. 		onShow: function() {

  116. 			this.parames.projectId=uni.getStorageSync('buildingID').id;

  117. 			this.init()

  118. 			this.getFreeList();

  119. 		},

  120. 		methods: {

  121. 			//取消

  122. 			confirmA(){

  123. 				if(this.daitiReceptionobj.assign!=null){

  124. 					this.parames.agentId=this.daitiReceptionobj.assign.accountId;

  125. 					this.baochunfun()

  126. 				}else{

  127. 					uni.showToast({

  128. 						icon: "none",

  129. 						title: "【"+this.daitiReceptionobj.owner.name+"】正在接待中"

  130. 					})

  131. 					return;

  132. 				}

  133. 			},

  134. 			// 确认

  135. 			confirmB(){

  136. 				this.parames.agentId=this.daitiReceptionobj.replacement.accountId;

  137. 				this.parames.replaceReception=1;

  138. 				this.baochunfun()

  139. 			},

  140. 			save() {

  141. 				if (this.parames.name.length==0) {

  142. 					uni.showToast({

  143. 						icon: "none",

  144. 						title: "客户姓名不能为空"

  145. 					})

  146. 					return;

  147. 				}

  148. 				// (this.parames.phone && !this.$u.test.mobile(this.parames.phone))

  149. 				// if (this.parames.phone) {

  150. 				// 	uni.showToast({

  151. 				// 		icon: "none",

  152. 				// 		title: "手机号码不能为空"

  153. 				// 	})

  154. 				// 	return;

  155. 				// }

  156. 				console.log(this.parames.phone.length)

  157. 				

  158. 				if (this.parames.phone && this.parames.phone.length<5) {

  159. 					uni.showToast({

  160. 						icon: "none",

  161. 						title: "手机号码不能小于5位"

  162. 					})

  163. 					return;

  164. 				}

  165. 				if (this.parames.phone && this.parames.phone.length>11) {

  166. 					uni.showToast({

  167. 						icon: "none",

  168. 						title: "手机号码不能大于11位"

  169. 					})

  170. 					return;

  171. 				}

  172. 				const that = this;

  173. 				this.$u.post("customer/daitiReception", {

  174. 					phone: that.parames.phone,

  175. 					projectId: that.parames.projectId,

  176. 					agentId:that.parames.agentId

  177. 				}).then(res => {

  178. 					if(res.unchecked==0){

  179. 						that.baochunfun()

  180. 					}else{

  181. 						if(res.zs==0){

  182. 							that.parames.agentId=res.assign.accountId;

  183. 							that.baochunfun()

  184. 						}else{

  185. 							if(res.assign==null&&res.replacement==null){

  186. 								that.baochunfun()

  187. 							}else{

  188. 								if(res.assign==null){

  189. 									that.daitiReceptionobj=res;

  190. 									that.content="此客户的顾问为【"+ res.owner.name +"】，确认让【"+ res.replacement.name +"】代接待吗？"

  191. 									that.confirmtext=res.replacement.name +"代接代",//确认文字

  192. 									that.canceltext=res.owner.name +'接待',//取消文字

  193. 									that.show=true;

  194. 								}else{

  195. 									that.daitiReceptionobj=res;

  196. 									that.content="此客户的顾问为【"+ res.owner.name +"】，确认让【"+ res.replacement.name +"】代接待吗？"

  197. 									that.confirmtext=res.replacement.name +"代接代",//确认文字

  198. 									that.canceltext=res.assign.name +'接待',//取消文字

  199. 									that.show=true;

  200. 								}

  201. 							}

  202. 						}

  203. 					}

  204. 				})

  205. 			},

  206. 			baochunfun(){

  207. 				const {

  208. 					dataCode

  209. 				} = uni.getStorageSync("weapp_session_userInfo_data");

  210. 				if(this.parames.phone.length==0){

  211. 					this.parames.phone=null

  212. 				}

  213. 				uni.showLoading({

  214. 					title: "保存中",

  215. 					mask: true

  216. 				})

  217. 				if (dataCode == 6) {

  218. 					this.$u.post("/customer/gwAdd", this.parames).then(res => {

  219. 						uni.hideLoading();

  220. 						uni.showToast({

  221. 							icon: "none",

  222. 							title: "保存成功"

  223. 						})

  224. 						uni.navigateBack()

  225. 					})

  226. 				} else {

  227. 					this.$u.post("/customer/add", this.parames).then(res => {

  228. 						uni.hideLoading();

  229. 						uni.showToast({

  230. 							icon: "none",

  231. 							title: "保存成功"

  232. 						})

  233. 						uni.navigateBack()

  234. 					})

  235. 				}

  236. 			},

  237. 			changeSex(sex) {

  238. 				this.parames.sex = sex;

  239. 			},

  240. 			changeHowMany(num) {

  241. 				this.parames.howMany = num;

  242. 			},

  243. 			clickShowhid(){

  244. 				if(this.freeList.length==0){

  245. 					uni.showToast({

  246. 						icon:'none',

  247. 					    title: '当前无可用排班顾问',

  248. 					    duration: 2000

  249. 					});

  250. 				}else{

  251. 					this.Showhid=true;

  252. 				}

  253. 			},

  254. 			cancel1(){

  255. 				this.Showhid=false;

  256. 			},

  257. 			confirm1(e) {

  258. 				this.text=e[0].label;

  259. 				this.parames.agentId=e[0].value;

  260. 				this.Showhid=false;

  261. 			},

  262. 			

  263. 			Buildingselection(){

  264. 				this.Showhiddenunits=true;

  265. 			},

  266. 			cancel(){

  267. 				this.Showhiddenunits=false;

  268. 			},

  269. 			confirm(e) {

  270. 				this.parames.sourceName=e[0].value;

  271. 				this.Showhiddenunits=false;

  272. 			},

  273. 			init(){

  274. 				uni.request({

  275. 					url: config.service.getSelfAssignedByHouseId+"?houseId="+this.parames.projectId,

  276. 					method: "GET",

  277. 					header: {

  278. 						'content-type': 'application/json',

  279. 						'Authorization': 'Bearer '+uni.getStorageSync('weapp_session_login_data').token

  280. 					},

  281. 					success: (data) => {

  282. 						if(data.data.code==10000){

  283. 							this.shifoinfo=data.data.data.selfAssigned

  284. 						}

  285. 					}

  286. 				})

  287. 			},

  288. 			//获取顾问列表

  289. 			getFreeList() {

  290. 			  this.$u.get("/zkAgentPool/freeList?itemId="+this.parames.projectId).then(res => {

  291. 			    this.freeList = res;

  292. 				 this.freeList.forEach(item=>{

  293. 					 if(item.onLine==0){

  294. 						 item.label=item.name+"(离线)";

  295. 					 }else if(item.onLine==1){

  296. 						  item.label=item.name+"(在线)";

  297. 					 }else{

  298. 						  item.label=item.name+"(无设备)";

  299. 					 }

  300. 					item.value=item.agentId

  301. 				})

  302. 			  })

  303. 			},

  304. 		}

  305. 	};

  306. </script>

  307. <style lang="scss" scoped>

  308. 	

  309. .sexRadio{

  310. 	color: #BFBFBF;

  311. 	border: 1rpx solid #BFBFBF;

  312. 	font-size: 24upx;

  313. 	width: 100rpx;

  314. 	height: 43rpx;

  315. 	text-align: center;

  316. 	line-height: 40rpx;

  317. 	&:last-child {

  318. 		margin-left: 20rpx;

  319. 	}

  320. 	

  321. 	&.active {

  322. 		color: #2B6FFF;

  323. 		border-color: #2B6FFF;

  324. 	}

  325. }

  326. 

  327. .num {

  328. 	width: 50rpx;

  329. 	height: 50rpx;

  330. 	background: rgba(43, 110, 253, 0.1);

  331. 	color: #2B6EFD;

  332. 	font-size: 30rpx;

  333. 	display: flex;

  334. 	align-items: center;

  335. 	justify-content: center;

  336. 

  337. 	&.active {

  338. 		background: #2B6EFD;

  339. 		color: #FFFFFF;

  340. 	}

  341. }

  342. .cented-box{

  343. 	background: #F8F8F8;

  344. 	width: 100%;

  345. 	height: 100vh;

  346. }

  347. .Pinspeak{

  348. 	width: 100%;

  349. 	height: 92rpx;

  350. 	border-bottom: 1rpx solid #E0E0E0;

  351. 	font-size: 32rpx;

  352. 	font-weight: bold;

  353. 	color: #333333;

  354. 	text-indent: 30rpx;

  355. 	line-height: 92rpx;

  356. 	background: #FFFFFF;

  357. 	margin-top: 20rpx;

  358. 	padding-left: 10rpx;

  359. }

  360. .chented{

  361. 	width: 100%;

  362. 	padding-left: 30rpx;

  363. 	padding-right: 30rpx;

  364. 	background-color: #FFFFFF;

  365. 	.title{

  366. 		width: 100%;

  367. 		height: 90rpx;

  368. 		border-bottom: 1rpx solid #E0E0E0;

  369. 		display: flex;

  370. 		align-items: center;

  371. 		.titletext{

  372. 			width: 21%;

  373. 			height: 90rpx;

  374. 			font-size: 30rpx;

  375. 			font-weight: 400;

  376. 			color: #333333;

  377. 			line-height: 90rpx;

  378. 			text-indent: 10rpx;

  379. 		}

  380. 		.titletext2{

  381. 			width: 71%;

  382. 			height: 90rpx;

  383. 		}

  384. 		.titletext-input{

  385. 			width: 100%;

  386. 			height: 90rpx;

  387. 			font-size: 30rpx;

  388. 			font-weight: 400;

  389. 			color: #B2B2B2;

  390. 			line-height: 90rpx;

  391. 			padding-left: 10rpx;

  392. 		}

  393. 		.titleimg{

  394. 			width: 8%;

  395. 			text-align: right;

  396. 			.titleimg1{

  397. 				width: 16rpx;

  398. 				height: 36rpx;		

  399. 			}

  400. 		}

  401. 	}

  402. }

  403. .clive{

  404. 	width: 690rpx;

  405. 	height: 88rpx;

  406. 	background: #2671E2;

  407. 	text-align: center;

  408. 	line-height: 88rpx;

  409. 	color: #FFFFFF;

  410. 	border-radius: 8rpx;

  411. 	margin: 0 auto;

  412. 	margin-top: 300rpx;

  413. 	font-size: 32rpx;

  414. }

  415. </style>