Nevar pievienot vairāk kā 25 tēmas Tēmai ir jāsākas ar burtu vai ciparu, tā var saturēt domu zīmes ('-') un var būt līdz 35 simboliem gara.

addreception.vue 13 KiB

pirms 2 gadiem
pirms 3 gadiem
pirms 2 gadiem
pirms 3 gadiem
pirms 2 gadiem
pirms 3 gadiem
pirms 2 gadiem
pirms 3 gadiem
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480
  1. <template>
  2. <view class="cented-box">
  3. <view class="Pinspeak">客户信息</view>
  4. <view class="chented">
  5. <view class="title">
  6. <view class="titletext">客户姓名</view>
  7. <view class="titletext2">
  8. <input class="titletext-input" style="color: #333333;" v-model="parames.name"
  9. placeholder-class="titletext-input" placeholder-style="color:#B2B2B2;" type="text"
  10. placeholder="请输入客户姓名(必填)" />
  11. </view>
  12. <view class="titleimg">
  13. <!-- <image class="titleimg1" src="../../../static/images/arrow.png" mode=""></image> -->
  14. </view>
  15. </view>
  16. <view class="title">
  17. <view class="titletext">客户性别</view>
  18. <view class="titletext2 displayclick" style="display: flex;align-items: center;padding-left: 10rpx;">
  19. <view class="sexRadio" @click="changeSex(1)" :class="{active:parames.sex == 1}">男士</view>
  20. <view class="sexRadio" @click="changeSex(2)" :class="{active:parames.sex == 2}">女士</view>
  21. </view>
  22. </view>
  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"
  27. placeholder-class="titletext-input" placeholder-style="color:#B2B2B2;" type="number"
  28. placeholder="请输入联系电话" />
  29. </view>
  30. </view>
  31. <view class="title">
  32. <view class="titletext">接待人数</view>
  33. <view class="titletext2" style="display: flex;align-items: center;justify-content: space-around;">
  34. <view class="num" v-for="i in 6" :key="i" :class="{active:parames.howMany == i+1}"
  35. @click="changeHowMany(i+1)">
  36. {{i + 1}}
  37. </view>
  38. </view>
  39. </view>
  40. <view class="title" style="border: none;" @click="Buildingselection()">
  41. <view class="titletext">客户来源</view>
  42. <view class="titletext2"
  43. style="font-size: 30rpx;font-weight: 400;color: #B2B2B2;line-height: 90rpx;padding-left: 10rpx;">
  44. <text v-if="showSourceName" style="color: #333333;">{{showSourceName}}</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. </view>
  52. <view class="Pinspeak" v-if="shifoinfo==0">顾问</view>
  53. <view class="chented" v-if="shifoinfo==0" @click="clickShowhid()">
  54. <view class="title" style="border: none;">
  55. <view class="titletext">接待顾问</view>
  56. <view class="titletext2"
  57. 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. <view class="clive" @click.stop="btnSave" :style="{background:(tap==true?'#2671E2':'#949494')}">确定</view>
  68. <!-- <view v-if="Showhiddenunits"> -->
  69. <!-- <u-select v-model="show" :list="list"></u-select> -->
  70. <u-select :mask-close-able="false" label-name="sourceName" value-name="id" v-model="Showhiddenunits"
  71. mode="single-column" :list="list" @cancel="cancel" @confirm="confirm"></u-select>
  72. <!-- </view> -->
  73. <u-select :mask-close-able="false" v-model="Showhid" mode="single-column" :list="freeList" @cancel="cancel1"
  74. @confirm="confirm1"></u-select>
  75. <u-modal v-model="show" :mask-close-able="true" :title="'代接待提醒'" :confirm-text="confirmtext"
  76. :cancel-text='canceltext' @cancel="confirmA" @confirm="confirmB" :show-cancel-button='true'
  77. :content="content"></u-modal>
  78. </view>
  79. </template>
  80. <script>
  81. var app = getApp();
  82. var config = require("../../../config");
  83. export default {
  84. data() {
  85. return {
  86. Showhiddenunits: false,
  87. list: [
  88. // {label: '自然到访',value:'自然到访'},
  89. // {label: '渠道推荐',value:'渠道推荐'},
  90. ],
  91. parames: {
  92. name: '',
  93. // 性别1男 2女
  94. sex: 1,
  95. phone: '',
  96. source: null,
  97. sourceId: null,
  98. howMany: 1,
  99. agentId: null,
  100. projectId: '',
  101. replaceReception: 0
  102. },
  103. showSourceName: '', // 展示文字
  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. saveisshow: true,
  114. isBand: false, // 阻止二次提交
  115. tap: true,
  116. fdFlag:null
  117. };
  118. },
  119. onShow() {
  120. this.parames.projectId = uni.getStorageSync('buildingID').id;
  121. console.log(this.$u)
  122. this.init()
  123. this.getFreeList();
  124. this.getFromSource();
  125. },
  126. methods: {
  127. // 获取客户来源
  128. getFromSource() {
  129. uni.request({
  130. url: config.service.sourceList + "?houseId=" + this.parames.projectId,
  131. method: "GET",
  132. header: {
  133. 'content-type': 'application/json',
  134. 'Access-Token': uni.getStorageSync('weapp_session_login_data').token
  135. },
  136. success: (data) => {
  137. console.log(data)
  138. if (data.data.code == 10000) {
  139. // this.shifoinfo=data.data.data.selfAssigned
  140. this.list = data.data.data
  141. }
  142. }
  143. })
  144. },
  145. //取消
  146. confirmA() {
  147. if (this.daitiReceptionobj.assign != null) {
  148. this.parames.agentId = this.daitiReceptionobj.assign.accountId;
  149. this.baochunfun()
  150. } else {
  151. uni.showToast({
  152. icon: "none",
  153. title: "【" + this.daitiReceptionobj.owner.name + "】正在接待中"
  154. })
  155. return;
  156. }
  157. },
  158. // 确认
  159. confirmB() {
  160. this.parames.agentId = this.daitiReceptionobj.replacement.accountId;
  161. this.parames.replaceReception = 1;
  162. this.baochunfun()
  163. },
  164. btnSave() {
  165. let that = this
  166. clearTimeout(this.fdFlag)
  167. this.fdFlag = setTimeout(() => {
  168. that.save()
  169. that.fdFlag = null;
  170. }, 500)
  171. },
  172. save() {
  173. if (this.isBand) return
  174. if (this.parames.name.length == 0) {
  175. uni.showToast({
  176. icon: "none",
  177. title: "客户姓名不能为空"
  178. })
  179. return;
  180. }
  181. if (this.parames.phone && !this.$u.test.mobile(this.parames.phone)) {
  182. uni.showToast({
  183. icon: "none",
  184. title: "手机号码格式不正确"
  185. })
  186. return;
  187. }
  188. const that = this;
  189. this.isBand = true
  190. this.$u.post("customer/daitiReception", {
  191. phone: that.parames.phone,
  192. projectId: that.parames.projectId,
  193. agentId: that.parames.agentId
  194. }).then(res => {
  195. if (res.unchecked == 0) {
  196. that.baochunfun()
  197. this.tap = false;
  198. } else {
  199. if (res.zs == 0) {
  200. that.parames.agentId = res.assign.accountId;
  201. that.baochunfun()
  202. this.tap = false;
  203. } else {
  204. console.log("zo")
  205. if (res.assign == null && res.replacement == null) {
  206. that.baochunfun()
  207. this.tap = false;
  208. } else {
  209. if (res.assign == null) {
  210. that.daitiReceptionobj = res;
  211. that.content = "此客户的顾问为【" + res.owner.name + "】,确认让【" + res.replacement.name +
  212. "】代接待吗?"
  213. that.confirmtext = res.replacement.name + "代接待", //确认文字
  214. that.canceltext = res.owner.name + '接待', //取消文字
  215. that.show = true;
  216. } else {
  217. that.daitiReceptionobj = res;
  218. console.log(that.daitiReceptionobj)
  219. that.content = "此客户的顾问为【" + res.owner.name + "】,确认让【" + res.replacement.name +
  220. "】代接待吗?"
  221. that.confirmtext = res.replacement.name + "代接待", //确认文字
  222. that.canceltext = res.assign.name + '接待', //取消文字
  223. that.show = true;
  224. }
  225. }
  226. }
  227. }
  228. this.isBand = false
  229. }).catch(e => {
  230. that.show = true;
  231. this.isBand = false
  232. })
  233. },
  234. baochunfun() {
  235. const {
  236. dataCode
  237. } = uni.getStorageSync("weapp_session_userInfo_data");
  238. if (this.parames.phone.length == 0) {
  239. this.parames.phone = null
  240. }
  241. uni.showLoading({
  242. title: "保存中",
  243. mask: true
  244. })
  245. if (dataCode == 6) {
  246. this.$u.post("/customer/gwAdd", this.parames).then(res => {
  247. this.saveisshow = true;
  248. uni.hideLoading();
  249. uni.showToast({
  250. icon: "none",
  251. title: "保存成功"
  252. })
  253. uni.navigateBack()
  254. })
  255. } else {
  256. this.$u.post("/customer/add", this.parames).then(res => {
  257. this.saveisshow = true;
  258. uni.hideLoading();
  259. uni.showToast({
  260. icon: "none",
  261. title: "保存成功"
  262. })
  263. uni.navigateBack()
  264. })
  265. }
  266. },
  267. changeSex(sex) {
  268. this.parames.sex = sex;
  269. },
  270. changeHowMany(num) {
  271. this.parames.howMany = num;
  272. },
  273. clickShowhid() {
  274. if (this.freeList.length == 0) {
  275. uni.showToast({
  276. icon: 'none',
  277. title: '当前无可用排班顾问',
  278. duration: 2000
  279. });
  280. } else {
  281. this.Showhid = true;
  282. }
  283. },
  284. cancel1() {
  285. this.Showhid = false;
  286. },
  287. confirm1(e) {
  288. this.text = e[0].label;
  289. this.parames.agentId = e[0].value;
  290. this.Showhid = false;
  291. },
  292. Buildingselection() {
  293. this.Showhiddenunits = true;
  294. },
  295. cancel() {
  296. this.Showhiddenunits = false;
  297. },
  298. confirm(e) {
  299. console.log(e)
  300. this.showSourceName = e[0].label;
  301. this.parames.sourceId = e[0].value;
  302. this.Showhiddenunits = false;
  303. },
  304. init() {
  305. uni.request({
  306. url: config.service.getSelfAssignedByHouseId + "?houseId=" + this.parames.projectId,
  307. method: "GET",
  308. header: {
  309. 'content-type': 'application/json',
  310. 'Access-Token': uni.getStorageSync('weapp_session_login_data').token
  311. },
  312. success: (data) => {
  313. if (data.data.code == 10000) {
  314. this.shifoinfo = data.data.data.selfAssigned
  315. }
  316. }
  317. })
  318. },
  319. //获取顾问列表
  320. getFreeList() {
  321. this.$u.get("/zkAgentPool/freeList?itemId=" + this.parames.projectId).then(res => {
  322. this.freeList = res;
  323. this.freeList.forEach(item => {
  324. if (item.onLine == 0) {
  325. item.label = item.name + "(离线)";
  326. } else if (item.onLine == 1) {
  327. item.label = item.name + "(在线)";
  328. } else {
  329. item.label = item.name + "(无设备)";
  330. }
  331. item.value = item.agentId
  332. })
  333. })
  334. },
  335. }
  336. };
  337. </script>
  338. <style lang="scss" scoped>
  339. .sexRadio {
  340. color: #BFBFBF;
  341. border: 1rpx solid #BFBFBF;
  342. font-size: 24upx;
  343. width: 100rpx;
  344. height: 43rpx;
  345. text-align: center;
  346. line-height: 40rpx;
  347. &:last-child {
  348. margin-left: 20rpx;
  349. }
  350. &.active {
  351. color: #2B6FFF;
  352. border-color: #2B6FFF;
  353. }
  354. }
  355. .num {
  356. width: 50rpx;
  357. height: 50rpx;
  358. background: rgba(43, 110, 253, 0.1);
  359. color: #2B6EFD;
  360. font-size: 30rpx;
  361. display: flex;
  362. align-items: center;
  363. justify-content: center;
  364. &.active {
  365. background: #2B6EFD;
  366. color: #FFFFFF;
  367. }
  368. }
  369. .cented-box {
  370. background: #F8F8F8;
  371. width: 100%;
  372. height: 100vh;
  373. }
  374. .Pinspeak {
  375. width: 100%;
  376. height: 92rpx;
  377. border-bottom: 1rpx solid #E0E0E0;
  378. font-size: 32rpx;
  379. font-weight: bold;
  380. color: #333333;
  381. text-indent: 30rpx;
  382. line-height: 92rpx;
  383. background: #FFFFFF;
  384. margin-top: 20rpx;
  385. padding-left: 10rpx;
  386. }
  387. .chented {
  388. width: 100%;
  389. padding-left: 30rpx;
  390. padding-right: 30rpx;
  391. background-color: #FFFFFF;
  392. .title {
  393. width: 100%;
  394. height: 90rpx;
  395. border-bottom: 1rpx solid #E0E0E0;
  396. display: flex;
  397. align-items: center;
  398. .titletext {
  399. width: 21%;
  400. height: 90rpx;
  401. font-size: 30rpx;
  402. font-weight: 400;
  403. color: #333333;
  404. line-height: 90rpx;
  405. text-indent: 10rpx;
  406. }
  407. .titletext2 {
  408. width: 71%;
  409. height: 90rpx;
  410. }
  411. .titletext-input {
  412. width: 100%;
  413. height: 90rpx;
  414. font-size: 30rpx;
  415. font-weight: 400;
  416. color: #B2B2B2;
  417. line-height: 90rpx;
  418. padding-left: 10rpx;
  419. }
  420. .titleimg {
  421. width: 8%;
  422. text-align: right;
  423. .titleimg1 {
  424. width: 16rpx;
  425. height: 36rpx;
  426. }
  427. }
  428. }
  429. }
  430. .clive {
  431. width: 690rpx;
  432. height: 88rpx;
  433. background: #2671E2;
  434. text-align: center;
  435. line-height: 88rpx;
  436. color: #FFFFFF;
  437. border-radius: 8rpx;
  438. margin: 0 auto;
  439. margin-top: 300rpx;
  440. font-size: 32rpx;
  441. }
  442. .clive2 {
  443. width: 690rpx;
  444. height: 88rpx;
  445. background: #9999;
  446. text-align: center;
  447. line-height: 88rpx;
  448. color: #666;
  449. border-radius: 8rpx;
  450. margin: 0 auto;
  451. margin-top: 300rpx;
  452. font-size: 32rpx;
  453. }
  454. </style>