work.vue 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  1. <template>
  2. <view class="nav-pages">
  3. <view class="nav-box">
  4. <!-- <view class="nav-title">巡店</view> -->
  5. <view class="nav-icon-list">
  6. <iconItemsList :list="listCy"></iconItemsList>
  7. </view>
  8. </view>
  9. </view>
  10. </template>
  11. <script>
  12. import iconItemsList from '@/components/icon-items-list/icon-items-list.vue'
  13. export default {
  14. components: {
  15. iconItemsList
  16. },
  17. data() {
  18. return {
  19. // 巡店
  20. listCy: [
  21. {
  22. id: 'gdcx',
  23. icon: 'wodexundian',
  24. color: '#55aaff',
  25. name: '我的巡店',
  26. url:'/pages/myShopTour/myShopTour',
  27. target: 'page',
  28. auth: this.$hasPermissions("M_myShopTour_mobile")
  29. },
  30. {
  31. id: 'tcgl',
  32. icon: 'dianjianshezhi',
  33. color: '#ffaf69',
  34. name: '点检配置',
  35. url:'/pages/spotCheckConfigure/spotCheckList',
  36. target: 'page',
  37. auth: this.$hasPermissions("M_spotCheckConfig_mobile")
  38. },
  39. {
  40. id: 'dbd',
  41. icon: 'daiban',
  42. color: '#0e97ff',
  43. name: '待办单',
  44. url:'/pages/toDoList/toDoList',
  45. target: 'page',
  46. auth: this.$hasPermissions("M_todoList_mobile")
  47. },
  48. ],
  49. }
  50. },
  51. }
  52. </script>
  53. <style lang="scss">
  54. page{
  55. height: 100%;
  56. }
  57. .nav-pages{
  58. height: 100%;
  59. .nav-box{
  60. margin-bottom: 20upx;
  61. background-color: #FFFFFF;
  62. padding: 5upx 20upx;
  63. border-radius: 5upx;
  64. .nav-title{
  65. font-size: 32upx;
  66. padding: 15upx;
  67. border-bottom: 1px solid #eee;
  68. }
  69. .nav-icon-list{
  70. padding: 10upx;
  71. }
  72. }
  73. }
  74. </style>