Gweb_common NPM

组件说明

home-menu标签菜单按钮

参数	说明	类型	默认值
clickMenu	点击函数, 返回值为当前点击的元素	function	无
list	所要渲染的菜单	array	无
cols	每排显示个数	number	5
border	是否显示边框	boolean	false
shadow	是否显示阴影	boolean	false
imgWidth	图片宽度(不传值时默认100%宽度, 传值后为像素单位, 不要超过设置的width宽度)	string	100%
imgHeight	图片高度	string	150
width	整体宽度	string	无

完整示例:

<home-menu :callback='fun' :list='list' :cols='6' border shadow imgWidth='150' imgHeight='150' width='150'></home-menu>
list:[
    {
        img: '', // 默认显示的图片地址
        img2: '', // 鼠标移入切换的图片地址
        name: '', // 标题
    }
]
fun(val){
    console.log(val) // val为当前点击的元素的所有属性
}

如果想要自定义hover事件, 直接对.home-menu进行hover样式修改就行

eg-button标签按钮

参数	说明	类型	默认值
color	设定字体颜色	string	#000
borderColor	设置边框颜色	string	#000
disabled	是否可以点击	boolean	false
radius	是否圆角按钮并为其设置圆角尺寸	String	无
padding	设置边框内边距(等同于css样式书写,不用带单位)	string	0
bgColor	设置背景颜色	string	无
icon	按钮为字体图标时设置字体图标(为字体图标类名)	string	无

完整示例

<eg-button color='#f60' borderColor='#f00' disabled radius='5' padding='10 10 10 10' bgColor='#00f' icon='iconfont iconbuilding'></eg-button>

也可以直接对eg-button进行样式复写

order-list订单列表平铺

参数	说明	类型	默认值
toDetails	点击函数，返回值为当前点击的元素的id	function	无
toRoom	点击函数，返回值为当前点击的元素的所有属性值	function	无
orderLists	所要渲染的订单数据	array	无
deleteOrder	删除按钮事件	function	无

完整示例：

<template>
  <div>
    <order-list @toDetails="toDetailsOutSide($event)" 
        @toRoom="toRoomOutSide($event)" 
        :orderLists="orderLists"></order-list>
  </div>
</template>


methods:{
  toDetailsOutSide(data){
    console.log(data,"当前点击的所有属性")
  },
  toRoomOutSide(data){
    console.log(data,"当前房间信息")
  }
}

注意：orderLists数据的字段名与组件中循环的字段名匹配

orderSet订单列表弹出框(只适用于订单列表)

参数	说明	类型	默认值	是否必传
type	传入点击的当前单元格的表头(用以判断显示哪一种弹框)	string	无	是
row	传入当前点击的表格行的所有数据	object		无	是
callback	点击事件的回调函数(一般用于关闭弹框使用)	function	无	是
isChange	判断是否是第一次添加时间	boolean	falsse	否

完整示例

<orderSet :row="row" :type="type" :callback="fun" isChange />

orderTable订单列表显示和平铺显示

参数	说明	类型	默认值	是否必传	参数说明
gotoOtherPage	自定义跳转页面跳转事件	function	无	否	type, obj
loading	表格是否需要加载事件	boolean	false	否	无
cellClick	单元格点击事件	function	无	否	无
tableData	表格渲染数组	array	无	是	无
selectRow	选择事件	function	无	否	无
selectAll	全选事件	function	无	否	无
getOrderList	获取订单列表	function	无	是(作为筛选用)	无