chooseCustomer.vue 1.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. <template>
  2. <view class="chooseCustomer-content">
  3. <view class="flex justify_between align_center search-title">
  4. <text class="search-label">客户名称</text>
  5. <view class="search-btn">
  6. <text>没有搜索到?</text>
  7. <text>点击</text>
  8. <text @click="addCustomer">新增客户</text>
  9. </view>
  10. </view>
  11. <!-- 客户搜索框 -->
  12. <customerSearch></customerSearch>
  13. </view>
  14. </template>
  15. <script>
  16. import customerSearch from '@/pages/common/customerSearch.vue'
  17. export default{
  18. components:{customerSearch},
  19. data(){
  20. return{
  21. // 新增客户
  22. addCustomer(){
  23. uni.navigateTo({
  24. url:'/pages/sales/addCustomer'
  25. })
  26. }
  27. }
  28. }
  29. }
  30. </script>
  31. <style lang="scss">
  32. .chooseCustomer-content{
  33. width: 100%;
  34. background-color: #fff;
  35. padding:0 30upx;
  36. .search-title{
  37. padding: 20upx 0;
  38. .search-label{
  39. font-size: 30upx;
  40. font-weight: 600;
  41. }
  42. .search-btn{
  43. font-size: 28upx;
  44. color: #999;
  45. text:last-child{
  46. display: inline-block;
  47. padding-left: 10upx;
  48. color:#007AFF
  49. }
  50. }
  51. }
  52. }
  53. </style>