|
|
|
|
@ -1,5 +1,38 @@
|
|
|
|
|
<template> |
|
|
|
|
<el-card class="box-card"> |
|
|
|
|
<div class="el-Cart-button"> |
|
|
|
|
<!-- 表格顶部左侧按钮 --> |
|
|
|
|
<div class="el-Cart-button-left"> |
|
|
|
|
<el-button type="primary" @click="AddInfo" |
|
|
|
|
><el-icon><Plus /></el-icon>新 增</el-button |
|
|
|
|
> |
|
|
|
|
<el-button @click="handleDelete" |
|
|
|
|
><el-icon><Delete /></el-icon>删 除</el-button |
|
|
|
|
> |
|
|
|
|
<el-button @click="handleDelete" |
|
|
|
|
><el-icon><Edit /></el-icon>查看维修记录</el-button |
|
|
|
|
> |
|
|
|
|
<!-- <el-button link type="primary" icon="el-icon-view" @click="toggleSelection()" |
|
|
|
|
>多选测试</el-button |
|
|
|
|
> --> |
|
|
|
|
</div> |
|
|
|
|
<!-- 表格顶部右侧按钮 --> |
|
|
|
|
<div class="el-Cart-button-right"> |
|
|
|
|
<!-- 刷新按钮 --> |
|
|
|
|
<button @click="refresh"> |
|
|
|
|
<el-icon color="#ccc"><Refresh /></el-icon> |
|
|
|
|
</button> |
|
|
|
|
<!-- 功能按钮 --> |
|
|
|
|
<button @click="menu = true"> |
|
|
|
|
<el-icon color="#ccc"><Operation /></el-icon> |
|
|
|
|
</button> |
|
|
|
|
<!-- 搜索按钮 --> |
|
|
|
|
<button @click="search"> |
|
|
|
|
<el-icon color="#ccc"><Search /></el-icon> |
|
|
|
|
</button> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<el-table |
|
|
|
|
v-loading="loading" |
|
|
|
|
element-loading-text="数据正在更新中..." |
|
|
|
|
@ -49,28 +82,64 @@
|
|
|
|
|
</template> |
|
|
|
|
<!-- 内容主体 --> |
|
|
|
|
<template #default="props"> |
|
|
|
|
<span v-if="4">{{ props.row[item.prop] ? props.row[item.prop] : '/' }}</span> |
|
|
|
|
<div :class="ElBtnClass" v-if="item.type == 3"> |
|
|
|
|
<el-button |
|
|
|
|
:link="ElButtonS[0].link" |
|
|
|
|
:class="ElButtonS[0].class" |
|
|
|
|
:auto-insert-space="ElButtonS[0].space" |
|
|
|
|
:size="ElButtonS[0].size" |
|
|
|
|
:icon="ElButtonS[0].icon" |
|
|
|
|
@click="ViewEvent(props.row)" |
|
|
|
|
>明细</el-button |
|
|
|
|
> |
|
|
|
|
<!-- 按钮 --> |
|
|
|
|
<div :class="ElBtnClass" v-if="item.type == 10"> |
|
|
|
|
<el-button @click="ViewEvent(props.row)">查看</el-button> |
|
|
|
|
<el-button @click="ViewEvent(props.row)" >编辑</el-button> |
|
|
|
|
<el-button @click="ViewEvent(props.row)" >回复</el-button> |
|
|
|
|
<el-button @click="ViewEvent(props.row)" >删除</el-button> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<span v-if="item.type ==4">{{ props.row[item.prop] !=null? props.row[item.prop] : '/' }}</span> |
|
|
|
|
</template> |
|
|
|
|
</el-table-column> |
|
|
|
|
</el-table-column> |
|
|
|
|
|
|
|
|
|
</el-table> |
|
|
|
|
<!-- 新增弹窗 --> |
|
|
|
|
<el-dialog |
|
|
|
|
v-model="Indexdialog" |
|
|
|
|
title="Tips" |
|
|
|
|
width="30%" |
|
|
|
|
:before-close="handleClose" |
|
|
|
|
> |
|
|
|
|
<span>This is a message</span> |
|
|
|
|
<template #footer> |
|
|
|
|
<span class="dialog-footer"> |
|
|
|
|
<el-button @click="dialogVisible = false">Cancel</el-button> |
|
|
|
|
<el-button type="primary" @click="dialogVisible = false"> |
|
|
|
|
Confirm |
|
|
|
|
</el-button> |
|
|
|
|
</span> |
|
|
|
|
</template> |
|
|
|
|
</el-dialog> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="page"> |
|
|
|
|
<el-pagination |
|
|
|
|
v-model:current-page="currentPage" |
|
|
|
|
v-model:page-size="pageSize" |
|
|
|
|
:page-sizes="pageList" |
|
|
|
|
:disabled="disabled" |
|
|
|
|
:background="background" |
|
|
|
|
layout="total, sizes, prev, pager, next, jumper" |
|
|
|
|
:total="total" |
|
|
|
|
@size-change="PageSizeChange" |
|
|
|
|
@current-change="SizeChange" |
|
|
|
|
/> |
|
|
|
|
</div> |
|
|
|
|
</el-card> |
|
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
<script setup> |
|
|
|
|
import { $_getList } from "@/api/aftersales/aftersalesWorkOrder"; |
|
|
|
|
const currentPage = ref(1); // 默认页码 |
|
|
|
|
const pageSize = ref(30); // 默认每一页几条 |
|
|
|
|
const total = ref(0); //页码总页数 |
|
|
|
|
const pageList = ref([5, 10, 50, 100, 200]); // 选择每页显示多少条 |
|
|
|
|
const background = ref(true); // 是否开启背景颜色 |
|
|
|
|
const disabled = ref(false); // 是否禁止使用页码功能 |
|
|
|
|
const loading=ref(false);//首页表格加载效果 |
|
|
|
|
const Indexdialog=ref(false);//新增弹窗 |
|
|
|
|
// 按钮配置 |
|
|
|
|
const ElButtonS = ref([ |
|
|
|
|
// 1.link 切换按钮样式(文本模式-false ,按钮模式-tre) |
|
|
|
|
@ -87,49 +156,17 @@ const ElButtonS = ref([
|
|
|
|
|
icon: 'el-icon-view', |
|
|
|
|
table: '详情', |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
link: false, |
|
|
|
|
class: 'el-btn-view', |
|
|
|
|
space: true, |
|
|
|
|
size: 'small', |
|
|
|
|
icon: 'el-icon-view', |
|
|
|
|
table: '延期', |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
link: false, |
|
|
|
|
class: 'el-btn-view', |
|
|
|
|
space: true, |
|
|
|
|
size: 'small', |
|
|
|
|
icon: 'el-icon-view', |
|
|
|
|
table: '编辑', |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
link: false, |
|
|
|
|
class: 'el-btn-view', |
|
|
|
|
space: true, |
|
|
|
|
size: 'small', |
|
|
|
|
icon: 'el-icon-view', |
|
|
|
|
table: '对比数据', |
|
|
|
|
}, |
|
|
|
|
]); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const ElData=ref([ |
|
|
|
|
{ |
|
|
|
|
name:'产品名称1', |
|
|
|
|
currentUsageWarehouse:'北京仓库1' |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
name:'产品名称2', |
|
|
|
|
currentUsageWarehouse:'北京仓库2' |
|
|
|
|
} |
|
|
|
|
]) |
|
|
|
|
const ElData=ref([])// 首页表格数据 |
|
|
|
|
// 首页表格菜单 |
|
|
|
|
const ElmenuData = ref([ |
|
|
|
|
{ |
|
|
|
|
prop: 'name', |
|
|
|
|
prop: 'workOrderType', |
|
|
|
|
label: '异常类型', |
|
|
|
|
type: 4, |
|
|
|
|
values: '', |
|
|
|
|
@ -140,7 +177,7 @@ const ElmenuData = ref([
|
|
|
|
|
header: true, |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
prop: 'currentUsageWarehouse', |
|
|
|
|
prop: 'discoveryNode', |
|
|
|
|
label: '发现节点', |
|
|
|
|
type: 1, |
|
|
|
|
values: '', |
|
|
|
|
@ -151,8 +188,8 @@ const ElmenuData = ref([
|
|
|
|
|
header: true, |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
prop: 'model', |
|
|
|
|
label: '异常工单', |
|
|
|
|
prop: 'workOrderNumber', |
|
|
|
|
label: '异常工单号', |
|
|
|
|
type: 1, |
|
|
|
|
values: '', |
|
|
|
|
width: '150', |
|
|
|
|
@ -162,7 +199,7 @@ const ElmenuData = ref([
|
|
|
|
|
header: true, |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
prop: 'purchaseAmount', |
|
|
|
|
prop: 'waybillNumber', |
|
|
|
|
label: '运单号', |
|
|
|
|
type: 1, |
|
|
|
|
values: '', |
|
|
|
|
@ -173,7 +210,7 @@ const ElmenuData = ref([
|
|
|
|
|
header: true, |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
prop: 'state', |
|
|
|
|
prop: 'orderCode', |
|
|
|
|
label: '订单自编号', |
|
|
|
|
type: 1, |
|
|
|
|
values: '', |
|
|
|
|
@ -184,7 +221,7 @@ const ElmenuData = ref([
|
|
|
|
|
header: true, |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
prop: 'user', |
|
|
|
|
prop: 'trainNumber', |
|
|
|
|
label: '车次号', |
|
|
|
|
type: 1, |
|
|
|
|
values: '', |
|
|
|
|
@ -195,7 +232,7 @@ const ElmenuData = ref([
|
|
|
|
|
header: true, |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
prop: 'deviceSerialNumber', |
|
|
|
|
prop: 'first', |
|
|
|
|
label: '一级品', |
|
|
|
|
type: 1, |
|
|
|
|
values: '', |
|
|
|
|
@ -206,7 +243,7 @@ const ElmenuData = ref([
|
|
|
|
|
header: true, |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
prop: 'userPosition', |
|
|
|
|
prop: 'secondary', |
|
|
|
|
label: '二级品', |
|
|
|
|
type: 1, |
|
|
|
|
values: '', |
|
|
|
|
@ -217,7 +254,7 @@ const ElmenuData = ref([
|
|
|
|
|
header: true, |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
prop: 'isDeposit', |
|
|
|
|
prop: 'vehicleRoute', |
|
|
|
|
label: '车辆线路', |
|
|
|
|
type: 1, |
|
|
|
|
values: '', |
|
|
|
|
@ -227,6 +264,182 @@ const ElmenuData = ref([
|
|
|
|
|
sortable: true, |
|
|
|
|
header: true, |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
prop: 'deliverGoodsTime', |
|
|
|
|
label: '送货时间', |
|
|
|
|
type: 1, |
|
|
|
|
values: '', |
|
|
|
|
width: '180', |
|
|
|
|
checkarr: [], |
|
|
|
|
fixed: false, |
|
|
|
|
sortable: true, |
|
|
|
|
header: true, |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
prop: 'discoveryTime', |
|
|
|
|
label: '发现时间', |
|
|
|
|
type: 1, |
|
|
|
|
values: '', |
|
|
|
|
width: '180', |
|
|
|
|
checkarr: [], |
|
|
|
|
fixed: false, |
|
|
|
|
sortable: true, |
|
|
|
|
header: true, |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
prop: 'warehousingTime', |
|
|
|
|
label: '入库时间', |
|
|
|
|
type: 1, |
|
|
|
|
values: '', |
|
|
|
|
width: '180', |
|
|
|
|
checkarr: [], |
|
|
|
|
fixed: false, |
|
|
|
|
sortable: true, |
|
|
|
|
header: true, |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
prop: 'waybillMall', |
|
|
|
|
label: '运单商场', |
|
|
|
|
type: 1, |
|
|
|
|
values: '', |
|
|
|
|
width: '180', |
|
|
|
|
checkarr: [], |
|
|
|
|
fixed: false, |
|
|
|
|
sortable: true, |
|
|
|
|
header: true, |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
prop: 'deliveryTime', |
|
|
|
|
label: '配送时间', |
|
|
|
|
type: 1, |
|
|
|
|
values: '', |
|
|
|
|
width: '180', |
|
|
|
|
checkarr: [], |
|
|
|
|
fixed: false, |
|
|
|
|
sortable: true, |
|
|
|
|
header: true, |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
prop: 'deliveryDriver', |
|
|
|
|
label: '配送司机', |
|
|
|
|
type: 1, |
|
|
|
|
values: '', |
|
|
|
|
width: '180', |
|
|
|
|
checkarr: [], |
|
|
|
|
fixed: false, |
|
|
|
|
sortable: true, |
|
|
|
|
header: true, |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
prop: 'workOrderStatus', |
|
|
|
|
label: '工单状态', |
|
|
|
|
type: 1, |
|
|
|
|
values: '', |
|
|
|
|
width: '180', |
|
|
|
|
checkarr: [], |
|
|
|
|
fixed: false, |
|
|
|
|
sortable: true, |
|
|
|
|
header: true, |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
prop: 'customerServiceName', |
|
|
|
|
label: '归属客服名称', |
|
|
|
|
type: 1, |
|
|
|
|
values: '', |
|
|
|
|
width: '180', |
|
|
|
|
checkarr: [], |
|
|
|
|
fixed: false, |
|
|
|
|
sortable: true, |
|
|
|
|
header: true, |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
prop: 'overTime', |
|
|
|
|
label: '完结时间', |
|
|
|
|
type: 1, |
|
|
|
|
values: '', |
|
|
|
|
width: '180', |
|
|
|
|
checkarr: [], |
|
|
|
|
fixed: false, |
|
|
|
|
sortable: true, |
|
|
|
|
header: true, |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
prop: 'problemDescription', |
|
|
|
|
label: '异常问题描述', |
|
|
|
|
type: 1, |
|
|
|
|
values: '', |
|
|
|
|
width: '180', |
|
|
|
|
checkarr: [], |
|
|
|
|
fixed: false, |
|
|
|
|
sortable: true, |
|
|
|
|
header: true, |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
prop: 'personResponsible', |
|
|
|
|
label: '责任人(库内作业环节)', |
|
|
|
|
type: 1, |
|
|
|
|
values: '', |
|
|
|
|
width: '180', |
|
|
|
|
checkarr: [], |
|
|
|
|
fixed: false, |
|
|
|
|
sortable: true, |
|
|
|
|
header: true, |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
prop: 'processNumber', |
|
|
|
|
label: '钉钉流程号', |
|
|
|
|
type: 1, |
|
|
|
|
values: '', |
|
|
|
|
width: '180', |
|
|
|
|
checkarr: [], |
|
|
|
|
fixed: false, |
|
|
|
|
sortable: true, |
|
|
|
|
header: true, |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
prop: 'reviewedBy', |
|
|
|
|
label: '审核人', |
|
|
|
|
type: 1, |
|
|
|
|
values: '', |
|
|
|
|
width: '180', |
|
|
|
|
checkarr: [], |
|
|
|
|
fixed: false, |
|
|
|
|
sortable: true, |
|
|
|
|
header: true, |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
prop: 'auditTime', |
|
|
|
|
label: '审核时间', |
|
|
|
|
type: 1, |
|
|
|
|
values: '', |
|
|
|
|
width: '180', |
|
|
|
|
checkarr: [], |
|
|
|
|
fixed: false, |
|
|
|
|
sortable: true, |
|
|
|
|
header: true, |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
prop: 'entryTime', |
|
|
|
|
label: '财务入账时间', |
|
|
|
|
type: 1, |
|
|
|
|
values: '', |
|
|
|
|
width: '180', |
|
|
|
|
checkarr: [], |
|
|
|
|
fixed: false, |
|
|
|
|
sortable: true, |
|
|
|
|
header: true, |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
prop: 'remarks', |
|
|
|
|
label: '备注', |
|
|
|
|
type: 1, |
|
|
|
|
values: '', |
|
|
|
|
width: '180', |
|
|
|
|
checkarr: [], |
|
|
|
|
fixed: false, |
|
|
|
|
sortable: true, |
|
|
|
|
header: true, |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
prop: '', |
|
|
|
|
label: '操作', |
|
|
|
|
@ -240,10 +453,80 @@ const ElmenuData = ref([
|
|
|
|
|
}, |
|
|
|
|
]); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 页面初始化 |
|
|
|
|
const OnLoad=()=>{ |
|
|
|
|
loading.value=true;//开启加载效果 |
|
|
|
|
let data={} |
|
|
|
|
data.current=currentPage.value;//页码 |
|
|
|
|
data.size=pageSize.value;//条数 |
|
|
|
|
$_getList().then(res=>{ |
|
|
|
|
console.log(res,'页面初始化'); |
|
|
|
|
if(res.data.data.records.length){ |
|
|
|
|
ElData.value=res.data.data.records |
|
|
|
|
loading.value=false;//关闭加载效果 |
|
|
|
|
} |
|
|
|
|
}) |
|
|
|
|
} |
|
|
|
|
OnLoad() |
|
|
|
|
const AddInfo=()=>{ |
|
|
|
|
Indexdialog.value=false;//开启新增弹窗 |
|
|
|
|
} |
|
|
|
|
</script> |
|
|
|
|
|
|
|
|
|
<style scoped lang='scss'> |
|
|
|
|
|
|
|
|
|
.el-card{ |
|
|
|
|
height: 100%; |
|
|
|
|
:deep(.el-card__body){ |
|
|
|
|
height: 100%; |
|
|
|
|
display: flex; |
|
|
|
|
flex-direction: column; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.page{ |
|
|
|
|
height: 30px; |
|
|
|
|
flex: 1; |
|
|
|
|
display: flex; |
|
|
|
|
align-items: flex-end; |
|
|
|
|
padding-bottom: 14px; |
|
|
|
|
justify-content: flex-end; |
|
|
|
|
} |
|
|
|
|
:deep(.el-Cart-button) { |
|
|
|
|
margin-bottom: 8px; |
|
|
|
|
display: flex; |
|
|
|
|
justify-content: space-between; |
|
|
|
|
} |
|
|
|
|
.el-Cart-button-right { |
|
|
|
|
display: flex; |
|
|
|
|
margin: 0 0px; |
|
|
|
|
justify-content: space-between; |
|
|
|
|
} |
|
|
|
|
.el-Cart-button-right { |
|
|
|
|
display: flex; |
|
|
|
|
margin: 0 0px; |
|
|
|
|
justify-content: space-between; |
|
|
|
|
align-items: center; |
|
|
|
|
button { |
|
|
|
|
background-color: transparent; |
|
|
|
|
border-radius: 50%; |
|
|
|
|
width: 30px; |
|
|
|
|
height: 30px; |
|
|
|
|
display: flex; |
|
|
|
|
align-items: center; |
|
|
|
|
justify-content: center; |
|
|
|
|
border: 1px solid #ccc; |
|
|
|
|
margin-right: 8px; |
|
|
|
|
|
|
|
|
|
&:hover { |
|
|
|
|
background-color: #172e601f; |
|
|
|
|
i { |
|
|
|
|
color: #0e2549; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
// 去掉最后一个按钮右侧边距 |
|
|
|
|
&:last-child { |
|
|
|
|
margin-right: 0; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
</style> |
