1 物资部门数量组件(AddItems文件)
<add-items ref="childComponent" :item-info="itemInfo"/>
//文件引入
import AddItems from '@/components/context/AddItems'
// 组件注册
components: { AddItems },
// data中需要定义
itemInfo:{
address:'送达地点',
addressPlaceholder:'请选择送达地点',
name:'物品名称',
namePlaceholder:'请输入物品名称',
clearFlag:false
},
// 清空时
resetForm() {
this.itemInfo.clearFlag = true
},
//:提交时获取到的值
this.ruleForm.itemessage = this.$refs.childComponent.getItemessage();
2 audio组件(audioPlayer文件)
//文件引入
import audioPlayer from '@/components/context/audioPlayer'
//注册
3 拨号盘(Dialplate文件)
<Dialplate />
//引入
import Dialplate from '@/components/context/Dialplate'
//注册
components: { Dialplate }
4 分页组件(Pagination)
<pagination v-show="pageParams.total > 0" :total="pageParams.total" :pageindex.sync="pageParams.pageindex"
:pagesize.sync="pageParams.pagesize" class="pagination" @pagination="getList" />
//getList是获取列表函数
//引入注册
import Pagination from '@/components/context/Pagination'
components: { Pagination}
//data定义
pageParams: {
pageindex: 1, //Number(this.$store.getters.serverConfig.PAGESIZE)
pagesize: Number(this.$store.getters.serverConfig.PAGESIZE),
total: 0
}
5 ScrollPane
<scroll-pane ref="scrollPane" class="tags-view-wrapper">
//引入并注册
import ScrollPane from '@/components/context/ScrollPane'
components: { ScrollPane }
//调用组件moveToTarget(currentTag)方法
this.$refs.scrollPane.moveToTarget(tag)
6 TabOrderState
<tab-order-state :order-id="orderId" @post-order-id="getOrderId"/>
//引入并注册
import TabOrderState from '@/components/context/TabOrderState'
components: { TabOrderState }
//data中传参orderId
orderId:2008
//methods方法中
getOrderId(data){
this.state = data
this.getListTask() //获取列表数据函数
}