You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
737 lines
19 KiB
737 lines
19 KiB
<template>
|
|
<view class="">
|
|
<com-empty-view v-if="jobList.length==0"></com-empty-view>
|
|
<job-filter :isShowFromLocationCode="true" :isShowFromAreaCode="true" :isShowToAreaCode="true" :isShowProductionLineCode="true" :productionline="productionlineList"
|
|
ref="filter" otherTitle=""
|
|
:checkedToday="checkedToday"
|
|
:checkedWaitTask="checkedWaitTask"
|
|
@switchChangeWait="switchChangeWait"
|
|
@switchChangeToday="switchChangeToday"
|
|
:isShowItemCode="true" @onQuery="getListByFilter" :isShowQurery='true'>
|
|
<!-- <job-filter :isShowFromLocationCode="true" :isShowProductionLineCode="true"
|
|
:productionline="productionlineList" ref="filter" otherTitle="" @switchChangeToday="switchChangeToday"
|
|
@switchChangeWait="switchChangeWait" @onScanNumber="getScanNumber" :checkedToday="checkedToday"
|
|
:checkedWaitTask="checkedWaitTask" @productionLineCode="productionLineCode"
|
|
@fromLocationCode="fromLocationCode"> -->
|
|
</job-filter>
|
|
<view v-if="jobList.length>0">
|
|
<uni-swipe-action ref="swipeAction">
|
|
<view v-for="(item, index) in jobList" :key="index">
|
|
<uni-swipe-action-item
|
|
:right-options="item.status=='2'?detailGiveupOptions:item.status=='1'?detailCloseOptions:detailOptions"
|
|
@click="swipeClick($event,item)">
|
|
|
|
<com-issue-job-card :dataContent="item" @click='openJobDetail(item)'></com-issue-job-card>
|
|
|
|
</uni-swipe-action-item>
|
|
</view>
|
|
</uni-swipe-action>
|
|
|
|
<job-list-popup ref="jobListPopup" @selectedItem="selectedItem"></job-list-popup>
|
|
<job-info-popup ref='jobInfoPopup'></job-info-popup>
|
|
|
|
<uni-load-more :status="loadingType" v-if="jobList.length>0" />
|
|
</view>
|
|
<win-scan-button @goScan='openScanPopup' v-if="jobList.length>0"></win-scan-button>
|
|
<winComScanBalance ref="scanPopup" @getBalance='getScanResult' :bussinessCode="businessTypeCode">
|
|
</winComScanBalance>
|
|
<!-- <winScanPackJob ref="scanPopup" @getResult='getScanResult'></winScanPackJob> -->
|
|
<jobList ref="jobList" @selectItem="selectItem"></jobList>
|
|
<comMessage ref="comMessage"></comMessage>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import {
|
|
cancleTakeIssueJob,
|
|
getIssueJobList,
|
|
getIssueJobByProductionline,
|
|
closeTakeIssueJob
|
|
} from '@/api/request2.js';
|
|
import {
|
|
goHome,
|
|
updateTitle
|
|
} from '@/common/basic.js';
|
|
|
|
import {
|
|
getBusinessType
|
|
} from '@/common/record.js';
|
|
|
|
import {
|
|
planRefreshTime
|
|
} from '@/common/config.js';
|
|
|
|
|
|
import {
|
|
getDetailOption,
|
|
getDetailGiveupOption,
|
|
getDetailCloseOption
|
|
} from '@/common/array.js';
|
|
|
|
import comEmptyView from '@/mycomponents/common/comEmptyView.vue'
|
|
import jobFilter from '@/mycomponents/job/jobFilter.vue'
|
|
import comIssueJobCard from '@/pages/issue/coms/comIssueJobCard.vue'
|
|
import jobListPopup from '@/pages/issue/coms/jobListPopup.vue'
|
|
import jobInfoPopup from '@/pages/issue/coms/jobInfoPopup.vue'
|
|
import winScanButton from '@/mycomponents/scan/winScanButton.vue'
|
|
import winScanPackJob from "@/mycomponents/scan/winScanPackJob.vue"
|
|
import jobList from '@/mycomponents/jobList/jobList.vue'
|
|
import winComScanBalance from '@/mycomponents/scan/winComScanBalance.vue'
|
|
|
|
export default {
|
|
name: 'issue',
|
|
components: {
|
|
comEmptyView,
|
|
jobFilter,
|
|
comIssueJobCard,
|
|
jobListPopup,
|
|
jobInfoPopup,
|
|
winScanPackJob,
|
|
winScanButton,
|
|
jobList,
|
|
winComScanBalance
|
|
},
|
|
data() {
|
|
return {
|
|
jobList: [],
|
|
pageNo: 1,
|
|
pageSize: 10,
|
|
totalCount: 0,
|
|
loadingType: "nomore",
|
|
checkedToday: false,
|
|
checkedWaitTask: false,
|
|
todayTime: "",
|
|
status: '1,2', //待处理 、进行中
|
|
detailOptions: [],
|
|
detailGiveupOptions: [],
|
|
productionlineList: [],
|
|
detailCloseOptions: [],
|
|
title: '',
|
|
productionLine: "",
|
|
fromLocation: "",
|
|
fromAreaCode: '', // 来源库区
|
|
toAreaCode: '', // 到库区
|
|
filterItemCode: "",
|
|
businessTypeCode: "Issue",
|
|
businessType: null,
|
|
timer:null
|
|
};
|
|
},
|
|
onLoad(option) {
|
|
this.title = option.title
|
|
this.getIssueJobByProductionline()
|
|
},
|
|
onShow() {
|
|
this.timerRefresh();
|
|
},
|
|
|
|
onHide() {
|
|
this.stopRefresh();
|
|
},
|
|
|
|
onUnload(){
|
|
this.stopRefresh();
|
|
},
|
|
|
|
onReady() {
|
|
this.detailOptions = getDetailOption();
|
|
this.detailGiveupOptions = getDetailGiveupOption();
|
|
this.detailCloseOptions = getDetailCloseOption();
|
|
},
|
|
onReachBottom() {
|
|
//避免多次触发
|
|
if (this.loadingType == 'loading' || this.loadingType == 'nomore') {
|
|
return;
|
|
}
|
|
this.getList('more', this.fromLocation, this.productionLine, this.filterItemCode,this.fromAreaCode,this.toAreaCode)
|
|
|
|
|
|
},
|
|
|
|
onPullDownRefresh() {
|
|
this.getList('refresh', this.fromLocation, this.productionLine, this.filterItemCode,this.fromAreaCode,this.toAreaCode)
|
|
},
|
|
|
|
//后退按钮
|
|
onBackPress(options) {
|
|
if (options.from === 'navigateBack') {
|
|
uni.navigateBack({
|
|
delta: 1
|
|
})
|
|
return false;
|
|
}
|
|
},
|
|
|
|
//返回首页
|
|
onNavigationBarButtonTap(e) {
|
|
if (e.index === 0) {
|
|
goHome();
|
|
} else if (e.index == 1) {
|
|
this.$refs.filter.openFilter();
|
|
}
|
|
},
|
|
|
|
methods: {
|
|
timerRefresh() {
|
|
this.getList('refresh', this.fromLocation, this.productionLine, this.filterItemCode,this.fromAreaCode,this.toAreaCode)
|
|
this.stopRefresh();
|
|
var that = this;
|
|
this.timer = setInterval(function() {
|
|
that.getList('refresh', that.fromLocation, that.productionLine, that.filterItemCode,this.fromAreaCode,this.toAreaCode)
|
|
console.log('发料刷新');
|
|
}, planRefreshTime)
|
|
},
|
|
stopRefresh() {
|
|
if (this.timer) {
|
|
clearInterval(this.timer);
|
|
this.timer = null;
|
|
}
|
|
},
|
|
getBusinessTypeFunc() {
|
|
getBusinessType(this.businessTypeCode, res => {
|
|
if (res.success) {
|
|
this.businessType = res.businessType;
|
|
this.fromInventoryStatuses = res.fromInventoryStatuses.split(',');
|
|
this.fromLocationAreaTypeList = res.fromLocationAreaTypeList
|
|
// this.openScanPopup();
|
|
this.$refs.scanPopup.openScanPopup(this.businessType);
|
|
} else {
|
|
this.showErrorMessage(res.message)
|
|
}
|
|
});
|
|
},
|
|
|
|
getIssueJobByProductionline() {
|
|
getIssueJobByProductionline().then(res => {
|
|
if (res.code == 0) {
|
|
this.productionlineList = res.data.map(item => ({
|
|
value: item.value,
|
|
text: item.name
|
|
}))
|
|
this.productionlineList.unshift({
|
|
value: "",
|
|
text: "全部"
|
|
})
|
|
} else {
|
|
this.productionlineList = []
|
|
}
|
|
})
|
|
},
|
|
|
|
getList(type, fromLocation = '', productionLine = '',filterItemCode='',fromAreaCode='',toAreaCode='') {
|
|
let that = this;
|
|
uni.showLoading({
|
|
title: "加载中....",
|
|
mask: true
|
|
});
|
|
|
|
this.loadingType = "loading";
|
|
if (type === "refresh") {
|
|
this.pageNo = 1;
|
|
this.jobList = [];
|
|
}
|
|
var filters = []
|
|
if (this.checkedToday) {
|
|
filters.push({
|
|
column: "create_time",
|
|
action: "betweeen",
|
|
value: this.todayTime
|
|
})
|
|
}
|
|
|
|
filters.push({
|
|
column: "status",
|
|
action: "in",
|
|
value: this.status
|
|
})
|
|
|
|
|
|
if (fromLocation) {
|
|
// 来源库位
|
|
filters.push({
|
|
column: "fromLocationCode",
|
|
action: "==",
|
|
value: fromLocation
|
|
})
|
|
}
|
|
if(fromAreaCode){
|
|
//来源库区
|
|
filters.push({
|
|
column: "fromAreaCode",
|
|
action: "==",
|
|
value: fromAreaCode
|
|
})
|
|
}
|
|
if(toAreaCode){
|
|
//到库区
|
|
filters.push({
|
|
column: "toAreaCode",
|
|
action: "==",
|
|
value: toAreaCode
|
|
})
|
|
}
|
|
if (productionLine) {
|
|
// 生产线
|
|
filters.push({
|
|
column: "productionLineCode",
|
|
action: "==",
|
|
value: productionLine
|
|
})
|
|
}
|
|
if(filterItemCode){
|
|
// 物料代码
|
|
filters.push({
|
|
column: "itemCode",
|
|
action: "like",
|
|
value: filterItemCode
|
|
})
|
|
}
|
|
var params = {
|
|
filters: filters,
|
|
pageNo: this.pageNo,
|
|
pageSize: 100,
|
|
}
|
|
getIssueJobList(params).then(res => {
|
|
uni.hideLoading();
|
|
if (type === "refresh") {
|
|
uni.stopPullDownRefresh();
|
|
this.openScanPopup()
|
|
}
|
|
var list = res.data.list;
|
|
|
|
this.totalCount = res.data.total
|
|
updateTitle(this.title + "(" + this.totalCount + ")");
|
|
this.loadingType = "loadmore";
|
|
if (list == null || list.length == 0) {
|
|
this.loadingType = "nomore";
|
|
return;
|
|
}
|
|
this.jobList = type === "refresh" ? list : this.jobList.concat(list);
|
|
this.pageNo++;
|
|
if (type === "refresh") {
|
|
uni.stopPullDownRefresh();
|
|
}
|
|
}).catch(error => {
|
|
if (type === "refresh") {
|
|
uni.stopPullDownRefresh();
|
|
}
|
|
updateTitle(this.title);
|
|
this.loadingType = "";
|
|
uni.hideLoading();
|
|
that.showMessage(error)
|
|
})
|
|
},
|
|
|
|
getListByFilter(params) {
|
|
console.log('getListByFilter',params)
|
|
let that = this;
|
|
uni.showLoading({
|
|
title: "加载中....",
|
|
mask: true
|
|
});
|
|
var filters = []
|
|
if (this.checkedToday) {
|
|
filters.push({
|
|
column: "create_time",
|
|
action: "betweeen",
|
|
value: this.todayTime
|
|
})
|
|
}
|
|
|
|
filters.push({
|
|
column: "status",
|
|
action: "in",
|
|
value: this.status
|
|
})
|
|
|
|
|
|
if (params.fromLocationCode) {
|
|
// 来源库位
|
|
this.fromLocation = params.fromLocationCode
|
|
filters.push({
|
|
column: "fromLocationCode",
|
|
action: "==",
|
|
value: params.fromLocationCode
|
|
})
|
|
}else{
|
|
this.fromLocation = ''
|
|
}
|
|
if (params.productionLineCode) {
|
|
// 生产线
|
|
this.productionLine = params.productionLineCode
|
|
filters.push({
|
|
column: "productionLineCode",
|
|
action: "==",
|
|
value: params.productionLineCode
|
|
})
|
|
}else{
|
|
this.productionLine = ''
|
|
}
|
|
if (params.itemCode) {
|
|
// 物料代码
|
|
this.filterItemCode = params.itemCode
|
|
filters.push({
|
|
column: "itemCode",
|
|
action: "like",
|
|
value: params.itemCode
|
|
})
|
|
}else{
|
|
this.filterItemCode = ''
|
|
}
|
|
if (params.fromAreaCode) {
|
|
// 来源库区
|
|
this.fromAreaCode = params.fromAreaCode
|
|
filters.push({
|
|
column: "fromAreaCode",
|
|
action: "==",
|
|
value: params.fromAreaCode
|
|
})
|
|
}else{
|
|
this.fromAreaCode = ''
|
|
}
|
|
if (params.toAreaCode) {
|
|
// 到库区
|
|
this.toAreaCode = params.toAreaCode
|
|
filters.push({
|
|
column: "toAreaCode",
|
|
action: "==",
|
|
value: params.toAreaCode
|
|
})
|
|
}else{
|
|
this.toAreaCode = ''
|
|
}
|
|
var params = {
|
|
filters: filters,
|
|
pageNo: 1,
|
|
pageSize: 100,
|
|
}
|
|
|
|
this.getList('refresh', this.fromLocation, this.productionLine, this.filterItemCode,this.fromAreaCode,this.toAreaCode)
|
|
// getIssueJobList(params).then(res => {
|
|
// uni.hideLoading();
|
|
// if (res.data.total == 0) {
|
|
// that.showMessage('未查找到发料任务');
|
|
// } else if (res.data.total == 1) {
|
|
// that.openJobDetail(res.data.list[0]);
|
|
// } else {
|
|
// that.showItemList(res.data.list);
|
|
// }
|
|
// }).catch(error => {
|
|
|
|
// that.showMessage(error)
|
|
// })
|
|
},
|
|
|
|
|
|
fromLocationCode(fromLocation) {
|
|
this.fromLocation = fromLocation;
|
|
this.getList('refresh', this.fromLocation, this.productionLine, this.filterItemCode,this.fromAreaCode,this.toAreaCode)
|
|
|
|
},
|
|
productionLineCode(productionLineCode) {
|
|
this.productionLine = productionLineCode
|
|
this.getList('refresh', this.fromLocation, this.productionLine, this.filterItemCode,this.fromAreaCode,this.toAreaCode)
|
|
},
|
|
getByAsnNumber(code) {
|
|
let that = this;
|
|
uni.showLoading({
|
|
title: "加载中....",
|
|
mask: true
|
|
});
|
|
|
|
getPurchasereceiptByAsnNumber(code).then(res => {
|
|
uni.hideLoading();
|
|
if (res.data.total == 0) {
|
|
that.showMessage('未查找到' + '【' + code + '】的收货任务');
|
|
} else if (res.data.total == 1) {
|
|
this.$refs.scanAsnNumber.closeScanPopup();
|
|
that.openJobDetail(res.data.list[0]);
|
|
} else {
|
|
this.$refs.scanAsnNumber.closeScanPopup();
|
|
that.showItemList(res.data.list);
|
|
}
|
|
|
|
}).catch(error => {
|
|
uni.hideLoading();
|
|
that.showErrorMessage(error);
|
|
})
|
|
},
|
|
|
|
|
|
openJobDetail(item, scanMessage = '') {
|
|
this.getJobInfoByNumber(item.number,scanMessage)
|
|
|
|
},
|
|
|
|
showItemList(itemList) {
|
|
this.$refs.jobListPopup.openPopup(itemList);
|
|
},
|
|
|
|
selectedItem(item) {
|
|
this.openJobDetail(item);
|
|
},
|
|
|
|
selectItem(item) {
|
|
this.$refs.scanPopup.closeScanPopup();
|
|
this.openJobDetail(item, this.scanMessage);
|
|
},
|
|
|
|
swipeClick(e, dataContent) {
|
|
if (e.content.text == "详情") {
|
|
this.openjobInfoPopup(dataContent);
|
|
} else if (e.content.text == "放弃") {
|
|
this.$refs.comMessage.showQuestionMessage("确定要放弃当前任务?",
|
|
res => {
|
|
if (res) {
|
|
this.cancleJob(dataContent.masterId);
|
|
}
|
|
});
|
|
} else if (e.content.text == "关闭") {
|
|
this.$refs.comMessage.showQuestionMessage("确定要关闭当前任务?",
|
|
res => {
|
|
if (res) {
|
|
this.closeJob(dataContent.masterId);
|
|
}
|
|
});
|
|
}
|
|
},
|
|
|
|
openjobInfoPopup(item) {
|
|
this.$refs.jobInfoPopup.openPopup(item)
|
|
},
|
|
|
|
cancleJob(id) {
|
|
cancleTakeIssueJob(id).then(res => {
|
|
if (res.data) {
|
|
this.getList('refresh', this.fromLocation, this.productionLine, this.filterItemCode,this.fromAreaCode,this.toAreaCode)
|
|
|
|
uni.showToast({
|
|
title: "放弃任务成功"
|
|
})
|
|
} else {
|
|
this.showMessage("放弃任务失败")
|
|
}
|
|
}).catch(error => {
|
|
this.showMessage(error)
|
|
})
|
|
},
|
|
closeJob(id) {
|
|
uni.showLoading({
|
|
title: "加载中....",
|
|
mask: true
|
|
});
|
|
|
|
closeTakeIssueJob(id).then(res => {
|
|
uni.hideLoading()
|
|
if (res.data) {
|
|
this.getList("refresh")
|
|
uni.showToast({
|
|
title: "关闭任务成功"
|
|
})
|
|
} else {
|
|
this.showMessage("关闭任务失败")
|
|
}
|
|
}).catch(error => {
|
|
uni.hideLoading()
|
|
this.showMessage(error)
|
|
})
|
|
},
|
|
|
|
switchChangeToday(state, creationTime) {
|
|
this.checkedToday = state;
|
|
this.todayTime = creationTime;
|
|
this.getList('refresh', this.fromLocation, this.productionLine, this.filterItemCode,this.fromAreaCode,this.toAreaCode)
|
|
|
|
},
|
|
|
|
switchChangeWait(state, jobStatus) {
|
|
this.checkedWaitTask = state;
|
|
this.status = jobStatus;
|
|
this.getList('refresh', this.fromLocation, this.productionLine, this.filterItemCode,this.fromAreaCode,this.toAreaCode)
|
|
},
|
|
getJobInfoByNumber(number,scanMessage){
|
|
let that = this;
|
|
uni.showLoading({
|
|
title: "加载中....",
|
|
mask: true
|
|
});
|
|
var filters = []
|
|
filters.push({
|
|
column: "status",
|
|
action: "in",
|
|
value: '1,2'
|
|
})
|
|
filters.push({
|
|
column: "number",
|
|
action: "==",
|
|
value: number
|
|
})
|
|
|
|
var params = {
|
|
filters: filters,
|
|
pageNo: 1,
|
|
pageSize: 100,
|
|
}
|
|
getIssueJobList(params).then(res => {
|
|
uni.hideLoading();
|
|
if (res.data.list.length == 0) {
|
|
that.showMessage('未查找到' + '【' + number + '】的发料任务');
|
|
} else {
|
|
var result =res.data.list[0];
|
|
if(result.acceptUserId&&result.acceptUserId!=this.$store.state.user.id){
|
|
this.$refs.comMessage.showErrorMessage("任务号["+result.number+"]已经被["+result.acceptUserName+"]承接,无法执行", res => {
|
|
if (res) {
|
|
if (this.$refs.scanPopup) {
|
|
this.$refs.scanPopup.getfocus()
|
|
}
|
|
this.getList('refresh', this.fromLocation, this.productionLine, this.filterItemCode,this.fromAreaCode,this.toAreaCode)
|
|
}
|
|
});
|
|
|
|
return;
|
|
}
|
|
uni.navigateTo({
|
|
url: './issueDetail?id=' + result.masterId + '&status=' + result.status + '&scanMessage=' +
|
|
scanMessage + '&title=' + this.title
|
|
});
|
|
this.scanMessage=""
|
|
}
|
|
}).catch(error => {
|
|
uni.hideLoading();
|
|
that.showMessage(error);
|
|
})
|
|
},
|
|
|
|
getScanNumber(code) {
|
|
this.getDataListByType(code)
|
|
},
|
|
getDataListByType(code) {
|
|
let that = this;
|
|
uni.showLoading({
|
|
title: "加载中....",
|
|
mask: true
|
|
});
|
|
var filters = []
|
|
filters.push({
|
|
column: "status",
|
|
action: "in",
|
|
value: '1,2'
|
|
})
|
|
filters.push({
|
|
column: "number",
|
|
action: "==",
|
|
value: code
|
|
})
|
|
|
|
var params = {
|
|
filters: filters,
|
|
pageNo: 1,
|
|
pageSize: 100,
|
|
}
|
|
getIssueJobList(params).then(res => {
|
|
uni.hideLoading();
|
|
if (res.data.list.length == 0) {
|
|
that.showMessage('未查找到' + '【' + code + '】的发料任务');
|
|
} else if (res.data.list.length == 1) {
|
|
that.openJobDetail(res.data.list[0]);
|
|
}
|
|
}).catch(error => {
|
|
uni.hideLoading();
|
|
that.showMessage(error);
|
|
})
|
|
},
|
|
|
|
showMessage(message) {
|
|
this.$refs.comMessage.showErrorMessage(message, res => {
|
|
if (res) {
|
|
if (this.$refs.scanPopup) {
|
|
this.$refs.scanPopup.getfocus()
|
|
}
|
|
}
|
|
});
|
|
},
|
|
openScanPopup() {
|
|
if (this.businessType == null) {
|
|
this.getBusinessTypeFunc()
|
|
} else {
|
|
this.$refs.scanPopup.openScanPopup(this.businessType);
|
|
}
|
|
},
|
|
getScanResult(result) {
|
|
let balance = result.balance;
|
|
if (balance != null) {
|
|
this.scanMessage = ""
|
|
if (!result.label.batch) {
|
|
this.showMessage("批次为空")
|
|
return;
|
|
}
|
|
if (!result.label.itemCode) {
|
|
this.showMessage("物料号为空")
|
|
return;
|
|
}
|
|
try {
|
|
var filters = [{
|
|
column: "status",
|
|
action: "in",
|
|
value: '1,2'
|
|
},
|
|
{
|
|
column: "batch",
|
|
action: "==",
|
|
value: result.label.batch
|
|
},
|
|
{
|
|
column: "itemCode",
|
|
action: "==",
|
|
value: result.label.itemCode
|
|
},
|
|
{
|
|
column: "fromLocationCode",
|
|
action: "==",
|
|
value: balance.locationCode
|
|
}
|
|
]
|
|
getIssueJobList({
|
|
filters: filters,
|
|
pageNo: 1,
|
|
pageSize: 1000,
|
|
sort: 'createTime',
|
|
by: 'asc'
|
|
}).then(res => {
|
|
this.scanMessage = result.scanMessage
|
|
let resultList = res.data.list;
|
|
if (resultList.length > 0) {
|
|
resultList.forEach(item => {
|
|
item.title = item.number;
|
|
item.selected = false
|
|
})
|
|
let list = []
|
|
resultList.forEach(item => {
|
|
if (!list.find(subItem => subItem.title == item.title)) {
|
|
list.push(item)
|
|
}
|
|
})
|
|
if (list.length > 0) {
|
|
this.selectItem(list[0])
|
|
}
|
|
} else {
|
|
this.showMessage("按来源库位[" + balance.locationCode + "]批次[" + result.label.batch +
|
|
"]物料号[" + result.label.itemCode + "]未查找到任务\n" + "扫描[" + result
|
|
.scanMessage + "]")
|
|
}
|
|
}).catch(error => {
|
|
this.showMessage(error + "\n扫描[" + result.scanMessage + "]")
|
|
})
|
|
|
|
} catch (e) {
|
|
this.showMessage(e.message)
|
|
}
|
|
}
|
|
},
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
|
|
</style>
|