12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576 |
- <template>
- <view class="nav-pages">
- <view class="nav-box">
- <!-- <view class="nav-title">巡店</view> -->
- <view class="nav-icon-list">
- <iconItemsList :list="listCy"></iconItemsList>
- </view>
- </view>
- </view>
- </template>
- <script>
- import iconItemsList from '@/components/icon-items-list/icon-items-list.vue'
- export default {
- components: {
- iconItemsList
- },
- data() {
- return {
- // 巡店
- listCy: [
- {
- id: 'gdcx',
- icon: 'wodexundian',
- color: '#55aaff',
- name: '我的巡店',
- url:'/pages/myShopTour/myShopTour',
- target: 'page',
- auth: this.$hasPermissions("M_myShopTour_mobile")
- },
- {
- id: 'tcgl',
- icon: 'dianjianshezhi',
- color: '#ffaf69',
- name: '点检配置',
- url:'/pages/spotCheckConfigure/spotCheckList',
- target: 'page',
- auth: this.$hasPermissions("M_spotCheckConfig_mobile")
- },
- {
- id: 'dbd',
- icon: 'daiban',
- color: '#0e97ff',
- name: '待办单',
- url:'/pages/toDoList/toDoList',
- target: 'page',
- auth: this.$hasPermissions("M_todoList_mobile")
- },
- ],
- }
- },
- }
- </script>
- <style lang="scss">
- page{
- height: 100%;
- }
- .nav-pages{
- height: 100%;
- .nav-box{
- margin-bottom: 20upx;
- background-color: #FFFFFF;
- padding: 5upx 20upx;
- border-radius: 5upx;
- .nav-title{
- font-size: 32upx;
- padding: 15upx;
- border-bottom: 1px solid #eee;
- }
- .nav-icon-list{
- padding: 10upx;
- }
- }
- }
- </style>
|