AI销管
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

340 rivejä
7.6 KiB

  1. <template>
  2. <view class="box">
  3. <view class="screen">
  4. <!-- 录音标示 -->
  5. <view class="screen-record">
  6. <view class="screen-record-text">
  7. 最新状态
  8. </view>
  9. <view class="screen-record-tab">
  10. <view v-for="(item,index) in stateList" :key="index">
  11. <view :class="[screen.state==index?'screen-record-chose':'screen-record-nochose']"
  12. @click="screen.state=index">
  13. {{item.stageName}}
  14. </view>
  15. </view>
  16. </view>
  17. </view>
  18. <!-- 录音标示 -->
  19. <view class="screen-record">
  20. <view class="screen-record-text">
  21. 意向级别
  22. </view>
  23. <view class="screen-record-tab">
  24. <view :class="[screen.level==1?'screen-record-chose':'screen-record-nochose']"
  25. @click="screen.level=1">
  26. A
  27. </view>
  28. <view :class="[screen.level==2?'screen-record-chose':'screen-record-nochose']"
  29. @click="screen.level=2">
  30. B
  31. </view>
  32. <view :class="[screen.level==3?'screen-record-chose':'screen-record-nochose']"
  33. @click="screen.level=3">
  34. C
  35. </view>
  36. <view :class="[screen.level==4?'screen-record-chose':'screen-record-nochose']"
  37. @click="screen.level=4">
  38. D
  39. </view>
  40. </view>
  41. </view>
  42. <!-- <view class="screen-record" style="height: auto;">
  43. <view class="screen-record-text" style="margin-bottom: 20rpx;">
  44. 客户类型
  45. </view>
  46. <u-search placeholder="请输入搜索" v-model="keyword" :clearabled="true" :show-action="false" @change="search"></u-search>
  47. <scroll-view style="height: 180rpx;" scroll-y="true" >
  48. <view class="screen-record-tab" style="flex-wrap: wrap;">
  49. <view v-for="(item,index) in customerType" :key="index">
  50. <view :class="[item.check?'screen-record-chose':'screen-record-nochose']" style="margin-bottom: 20rpx;" @click="checkbox(index)">
  51. {{item.keywords}}
  52. </view>
  53. </view>
  54. </view>
  55. </scroll-view>
  56. </view> -->
  57. <view class="screen-record">
  58. <view class="screen-record-text">
  59. 跟进内容
  60. </view>
  61. <view class="screen-record-tab" style="padding: 20rpx 0;align-items: center;">
  62. <!-- <input type="text" placeholder="请输入跟进内容" v-model="screen.con" /> -->
  63. <textarea placeholder="请输入跟进内容" v-model="screen.con" auto-height />
  64. </view>
  65. </view>
  66. <view class="screen-foot">
  67. <view class="screen-foot-sure" @click="screensure">
  68. 保存
  69. </view>
  70. </view>
  71. </view>
  72. </view>
  73. </template>
  74. <script>
  75. export default {
  76. data() {
  77. return {
  78. value: '',
  79. screenShow: false,
  80. selectshow: false,
  81. selectTipshow: false,
  82. buildingID: '',
  83. keyword: '',
  84. screen: {
  85. state: '0',
  86. con: "",
  87. level: '1'
  88. },
  89. stateList: [],
  90. recordList: [],
  91. nextPage: 1,
  92. totalRecord: '',
  93. freeList: [],
  94. customerType: [],
  95. customerId: '',
  96. orgCode: '',
  97. // 上级页面选中的
  98. clientStageName: '', // 选中的标签
  99. level: '', // 选中的标签
  100. }
  101. },
  102. onShow() {
  103. this.orgCode = uni.getStorageSync('orgCode')
  104. },
  105. onLoad(e) {
  106. if (e.id) this.customerId = e.id
  107. if (e.clientStageName) this.clientStageName = e.clientStageName
  108. if (e.level) this.screen.level = e.level
  109. this.buildingID = uni.getStorageSync('buildingID').id;
  110. this.recordList = []
  111. // this.getMyCustom()
  112. // this.getFreeList()
  113. this.getNewStatus()
  114. this.getCustomerType();
  115. },
  116. methods: {
  117. //选择顾问
  118. actionSelectCallback(e) {
  119. this.screen.agentId = e[0].value;
  120. this.screen.agentIdtext = e[0].label;
  121. },
  122. getCustomerType() {
  123. this.$u.get("/customer/queryKeyWords").then(res => {
  124. res.map(item => {
  125. item.check = false
  126. })
  127. this.customerType = res;
  128. })
  129. },
  130. getNewStatus() {
  131. var that = this;
  132. let premo = {
  133. houseId: uni.getStorageSync('buildingID').id
  134. }
  135. this.$u.post('/customer/getStage', premo)
  136. .then(res => {
  137. res.map((item, index) => {
  138. if (item.stageName == this.clientStageName) {
  139. this.screen.state = index
  140. }
  141. })
  142. this.stateList = res
  143. })
  144. },
  145. checkbox(idx) {
  146. console.log(idx)
  147. this.customerType[idx].check = !this.customerType[idx].check
  148. },
  149. search(e) {
  150. console.log(e)
  151. },
  152. //选择标签
  153. selectCallback(e) {
  154. console.log(e[0].label)
  155. },
  156. //筛选确认
  157. screensure() {
  158. // 获取选择过的数据
  159. // let type=[]
  160. let words = []
  161. this.customerType.map(item => {
  162. if (item.check) {
  163. // type.push(item.id)
  164. words.push(item.keywords)
  165. }
  166. })
  167. // if (words.length == 0 ) {
  168. // uni.showModal({
  169. // title: '提示',
  170. // content: '请选择、类型',
  171. // showCancel: false
  172. // });
  173. // return;
  174. // }
  175. uni.showLoading({
  176. title: "保存中~",
  177. mask: true
  178. })
  179. // console.log(type)
  180. let param = {
  181. "stageCode": this.stateList[this.screen.state].stageCode,
  182. "stageName": this.stateList[this.screen.state].stageName,
  183. "remarks": this.screen.con,
  184. orgCode: this.orgCode,
  185. words,
  186. // "settingTime":"",
  187. "agentRelationPo": {
  188. "customerId": this.customerId,
  189. "level": this.screen.level,
  190. "state": this.stateList[this.screen.state].id
  191. }
  192. }
  193. this.$u.post('/customer/addZkDailyWorkRecord', param)
  194. .then(res => {
  195. // util.showSuccess("提交成功");
  196. uni.hideLoading();
  197. uni.navigateBack();
  198. })
  199. },
  200. }
  201. }
  202. </script>
  203. <style lang="scss" scoped>
  204. .box {
  205. width: 100%;
  206. height: 100%;
  207. background: #F8F8F8;
  208. }
  209. .screen {
  210. // box-sizing: border-box;
  211. // padding: 0 30rpx;
  212. background: #FFFFFF;
  213. .screen-counselor {
  214. display: flex;
  215. height: 106rpx;
  216. // padding: 40rpx 30rpx 36rpx 30rpx;
  217. padding: 0 30rpx;
  218. box-sizing: border-box;
  219. border-bottom: 1px solid #CCCCCC;
  220. .screen-text {
  221. margin: 40rpx 0 36rpx 0;
  222. font-size: 30rpx;
  223. font-weight: 400;
  224. color: #333333;
  225. line-height: 30rpx;
  226. }
  227. .screen-sel {
  228. display: flex;
  229. justify-content: space-between;
  230. width: 500rpx;
  231. margin-left: 60rpx;
  232. .screen-sel-img {
  233. margin: 40rpx 0 36rpx 0;
  234. width: 14rpx;
  235. height: 30rpx;
  236. }
  237. .screen-inp {
  238. margin-top: 20rpx;
  239. }
  240. }
  241. }
  242. .screen-record {
  243. width: 100%;
  244. padding: 0 30rpx;
  245. box-sizing: border-box;
  246. border-bottom: 1px solid #CCCCCC;
  247. .screen-record-text {
  248. margin-top: 36rpx;
  249. font-size: 30rpx;
  250. font-weight: 400;
  251. color: #333333;
  252. line-height: 30rpx;
  253. }
  254. .screen-record-tab {
  255. margin-top: 30rpx;
  256. width: 100%;
  257. display: flex;
  258. flex-wrap: wrap;
  259. input {
  260. flex-grow: 1;
  261. }
  262. textarea {
  263. flex-grow: 1;
  264. }
  265. .screen-record-chose {
  266. width: 151rpx;
  267. height: 60rpx;
  268. background: #2671E2;
  269. border-radius: 4rpx;
  270. color: #fff;
  271. border: 1px solid #2671E2;
  272. text-align: center;
  273. line-height: 60rpx;
  274. margin-right: 22rpx;
  275. margin-bottom: 22rpx;
  276. }
  277. .screen-record-nochose {
  278. width: 151rpx;
  279. height: 60rpx;
  280. background: #FFFFFF;
  281. border-radius: 4rpx;
  282. border: 1px solid #C9C9C9;
  283. text-align: center;
  284. line-height: 60rpx;
  285. margin-right: 22rpx;
  286. margin-bottom: 22rpx;
  287. }
  288. }
  289. }
  290. .screen-foot {
  291. height: 88rpx;
  292. display: flex;
  293. width: 100%;
  294. margin-top: 160rpx;
  295. .screen-foot-reset {
  296. width: 80%;
  297. text-align: center;
  298. margin: 0 auto;
  299. line-height: 88rpx;
  300. font-size: 30rpx;
  301. font-weight: 400;
  302. color: #666666;
  303. }
  304. .screen-foot-sure {
  305. width: 80%;
  306. margin: 0 auto;
  307. text-align: center;
  308. line-height: 88rpx;
  309. font-size: 30rpx;
  310. font-weight: 400;
  311. color: #FFFFFF;
  312. background: #2671E2;
  313. }
  314. }
  315. }
  316. </style>