|
|
@@ -0,0 +1,146 @@
|
|
|
+<template>
|
|
|
+ <view class="app-content">
|
|
|
+ <view class="book_banner">
|
|
|
+ <image class="slide" :src="`${constant.imgUrl}/book/banner1.png`" mode="aspectFit"></image>
|
|
|
+ </view>
|
|
|
+ <view class="book_content">
|
|
|
+ <view v-for="(item, index) in book" :key="index" class="item">
|
|
|
+ <view class="category"><image class="icon" :src="`${constant.imgUrl}${item.icon}`"></image><text>{{item.class}}</text></view>
|
|
|
+ <view v-for="(it, idx) in item.list" :key="idx" class="book-item">
|
|
|
+ <view @click="pageTo(it.page)">{{it.title}}</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+</template>
|
|
|
+<script>
|
|
|
+export default {
|
|
|
+ name: "book-index",
|
|
|
+ components: {
|
|
|
+ },
|
|
|
+ mixins: [],
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ book:[
|
|
|
+ {class:'开始',icon:'/book/begin.png','list':[
|
|
|
+ {title:'销花宝是什么',page:'/admin/book/what'},
|
|
|
+ {title:'如何申请使用',page:''},
|
|
|
+ {title:'首次使用的准备工作有哪些',page:''},
|
|
|
+ ]},
|
|
|
+ {class:'商城',icon:'/book/mall.png','list':[
|
|
|
+ {title:'启用小程序商城',page:''}
|
|
|
+ ]},
|
|
|
+ {class:'客户',icon:'/book/customer.png','list':[
|
|
|
+ {title:'添加客户',page:'/admin/book/addCustomer'},
|
|
|
+ {title:'将客户分等级',page:''},
|
|
|
+ {title:'客户欠款和月底结账',page:''},
|
|
|
+ {title:'同行的管理',page:''}
|
|
|
+ ]},
|
|
|
+ {class:'价格',icon:'/book/price.png','list':[
|
|
|
+ {title:'加价批量修改',page:''},
|
|
|
+ {title:'价格批量修改',page:''},
|
|
|
+ {title:'自动改价',page:''},
|
|
|
+ {title:'手动改价',page:''}
|
|
|
+ ]},
|
|
|
+ {class:'花材和分类',icon:'/book/item.png','list':[
|
|
|
+ {title:'添加花材',page:''},
|
|
|
+ {title:'修改花材',page:''},
|
|
|
+ {title:'小菊的管理',page:''},
|
|
|
+ {title:'添加和修改分类',page:''}
|
|
|
+ ]},
|
|
|
+ {class:'采购与供应商',icon:'/book/cg.png','list':[
|
|
|
+ {title:'添加供应商',page:''},
|
|
|
+ {title:'到货录采购单',page:''},
|
|
|
+ {title:'使用标准模式',page:''},
|
|
|
+ {title:'跟供应商结账',page:''}
|
|
|
+ ]},
|
|
|
+ {class:'开单',icon:'/book/kd.png','list':[
|
|
|
+ {title:'给花店开单',page:''},
|
|
|
+ {title:'给散客开单',page:''},
|
|
|
+ {title:'PDA极速开单方式(即将上线)',page:''},
|
|
|
+ {title:'客户自助下单',page:''},
|
|
|
+ {title:'退货和退款',page:''},
|
|
|
+ {title:'修改订单',page:''},
|
|
|
+ {title:'开启新订单通知',page:''},
|
|
|
+ {title:'订单打印',page:''},
|
|
|
+ ]},
|
|
|
+ {class:'库存管理',icon:'/book/stock.png','list':[
|
|
|
+ {title:'花材报损',page:''},
|
|
|
+ {title:'花材盘点',page:''}
|
|
|
+ ]},
|
|
|
+ {class:'员工',icon:'/book/staff.png','list':[
|
|
|
+ {title:'添加和删除员工',page:''},
|
|
|
+ {title:'新订单通知员工',page:''}
|
|
|
+ ]},
|
|
|
+ {class:'营销',icon:'/book/market.png','list':[
|
|
|
+ {title:'处理花材做特价',page:''}
|
|
|
+ ]},
|
|
|
+ {class:'资金管理',icon:'/book/capital.png','list':[
|
|
|
+ {title:'提现',page:''},
|
|
|
+ {title:'余额变动明细',page:''},
|
|
|
+ ]},
|
|
|
+ {class:'数据统计',icon:'/book/stat.png','list':[
|
|
|
+ {title:'数据统计',page:''},
|
|
|
+ ]},
|
|
|
+ {class:'分店管理',icon:'/book/shop.png','list':[
|
|
|
+ {title:'新增分店',page:''},
|
|
|
+ {title:'切换分店',page:''},
|
|
|
+ {title:'调拨出库',page:''},
|
|
|
+ {title:'调拨入库',page:''},
|
|
|
+ {title:'取消入库',page:''},
|
|
|
+ ]},
|
|
|
+ {class:'更多',icon:'/book/more.png','list':[
|
|
|
+ {title:'了解我们',page:''},
|
|
|
+ ]},
|
|
|
+ ]
|
|
|
+ };
|
|
|
+ },
|
|
|
+ onShow() {
|
|
|
+
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ init() {
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
+};
|
|
|
+</script>
|
|
|
+<style lang="scss" scoped>
|
|
|
+.app-content{
|
|
|
+ .book_banner{
|
|
|
+ .slide{
|
|
|
+ width:750rpx;
|
|
|
+ height:524rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .book_content{
|
|
|
+ margin-top:20rpx;
|
|
|
+ padding-top:10rpx;
|
|
|
+ background: white;
|
|
|
+ .item{
|
|
|
+ padding-bottom:30rpx;
|
|
|
+ padding-left:20rpx;
|
|
|
+ .category{
|
|
|
+ font-weight: bold;
|
|
|
+ font-size:30rpx;
|
|
|
+ margin-bottom:10rpx;
|
|
|
+ .icon{
|
|
|
+ width:35rpx;
|
|
|
+ height:35rpx;
|
|
|
+ display: inline-block;
|
|
|
+ vertical-align: middle;
|
|
|
+ margin-right:10rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .book-item{
|
|
|
+ line-height: 60rpx;
|
|
|
+ color:#008000;
|
|
|
+ font-size:28rpx;
|
|
|
+ display:list-item;
|
|
|
+ list-style-type:disc;
|
|
|
+ margin-left:80rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+</style>
|