|
|
@ -1,150 +1,82 @@ |
|
|
|
<template> |
|
|
|
<div class="app-container"> |
|
|
|
<div v-show="viewState == 1"> |
|
|
|
|
|
|
|
<div class="tab-header webtop"> |
|
|
|
<!-- 标题 --> |
|
|
|
<div>维修出库</div> |
|
|
|
<!-- start 添加修改按钮 --> |
|
|
|
<div> |
|
|
|
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button> |
|
|
|
</div> |
|
|
|
<!-- end 添加修改按钮 --> |
|
|
|
<!-- end 详情按钮 --> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="listconadd"> |
|
|
|
|
|
|
|
<el-form ref="form_obj" :model="formobj" class="formaddcopy02"> |
|
|
|
<!-- <div class="title"> |
|
|
|
<div>基础信息</div> |
|
|
|
</div> --> |
|
|
|
<el-row class="first_row"> |
|
|
|
|
|
|
|
<el-col :span="8"> |
|
|
|
<div class="span-sty">制单人</div> |
|
|
|
<el-form-item> |
|
|
|
<span class="addinputw addinputInfo">{{formobj.createByName}}</span> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item><span class="addinputInfo">{{ formobj.createByName }}</span></el-form-item> |
|
|
|
</el-col> |
|
|
|
|
|
|
|
<el-col :span="8"> |
|
|
|
<div class="span-sty">制单部门</div> |
|
|
|
<el-form-item> |
|
|
|
<span class="addinputw addinputInfo">{{formobj.deptName}}</span> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item><span class="addinputInfo">{{ formobj.deptName }}</span></el-form-item> |
|
|
|
</el-col> |
|
|
|
|
|
|
|
<el-col :span="8"> |
|
|
|
<div class="span-sty">制单日期</div> |
|
|
|
<el-form-item> |
|
|
|
<el-form-item><span class="addinputw addinputInfo">{{ formobj.createTime }}</span></el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item><span class="addinputInfo">{{ formobj.createTime }}</span></el-form-item> |
|
|
|
</el-col> |
|
|
|
|
|
|
|
</el-row> |
|
|
|
|
|
|
|
<el-row> |
|
|
|
|
|
|
|
<el-col :span="8"> |
|
|
|
<div class="span-sty">领料人</div> |
|
|
|
<el-form-item prop="warehouseManager"> |
|
|
|
<span class="addinputw addinputInfo">{{formobj.warehouseManager}}</span> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item><span class="addinputInfo">{{ formobj.warehouseManager }}</span></el-form-item> |
|
|
|
</el-col> |
|
|
|
|
|
|
|
<el-col :span="16"> |
|
|
|
<div class="span-sty">备注</div> |
|
|
|
<el-form-item> |
|
|
|
<span class="addinputw addinputInfo">{{formobj.remarks}}</span> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item><span class="addinputInfo">{{ formobj.remarks }}</span></el-form-item> |
|
|
|
</el-col> |
|
|
|
|
|
|
|
</el-row> |
|
|
|
|
|
|
|
<div class="title titleOne"> |
|
|
|
<div>维修工单</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="title">维修单</div> |
|
|
|
<el-row> |
|
|
|
<el-col :span="8"> |
|
|
|
<div class="span-sty">维修工单编号</div> |
|
|
|
<el-form-item prop="sourceBillNo"> |
|
|
|
<span class="addinputw addinputInfo">{{formobj.sourceBillNo}}</span> |
|
|
|
</el-form-item> |
|
|
|
<div class="span-sty">维修单编号</div> |
|
|
|
<el-form-item><span class="addinputInfo">{{ formobj.sourceBillNo }}</span></el-form-item> |
|
|
|
</el-col> |
|
|
|
|
|
|
|
<el-col :span="8"> |
|
|
|
<div class="span-sty">单据日期</div> |
|
|
|
<el-form-item prop="billDate"> |
|
|
|
<span class="addinputw addinputInfo">{{formobj.billDate}}</span> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item><span class="addinputInfo">{{ formobj.billDate }}</span></el-form-item> |
|
|
|
</el-col> |
|
|
|
|
|
|
|
<el-col :span="8"> |
|
|
|
<div class="span-sty">服务顾问</div> |
|
|
|
<el-form-item> |
|
|
|
<el-form-item><span class="addinputw addinputInfo">{{ formobj.waitorName }}</span></el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item><span class="addinputInfo">{{ formobj.waitorName }}</span></el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
|
|
|
|
<el-row> |
|
|
|
|
|
|
|
<el-col :span="8"> |
|
|
|
<div class="span-sty">工单类型</div> |
|
|
|
<el-form-item prop="billType"> |
|
|
|
<span class="addinputw addinputInfo">{{formobj.billType}}</span> |
|
|
|
</el-form-item> |
|
|
|
<div class="span-sty">维修单类型</div> |
|
|
|
<el-form-item><span class="addinputInfo">{{ formobj.billType }}</span></el-form-item> |
|
|
|
</el-col> |
|
|
|
|
|
|
|
<el-col :span="8"> |
|
|
|
<div class="span-sty">科目</div> |
|
|
|
<el-form-item prop="subject"> |
|
|
|
<span class="addinputw addinputInfo">{{formobj.subject}}</span> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item><span class="addinputInfo">{{ formobj.subject }}</span></el-form-item> |
|
|
|
</el-col> |
|
|
|
|
|
|
|
<el-col :span="8"> |
|
|
|
<div class="span-sty"></div> |
|
|
|
<el-form-item> |
|
|
|
<el-form-item><span class="addinputw addinputInfo"></span></el-form-item> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
|
|
|
|
<el-row> |
|
|
|
|
|
|
|
<el-col :span="8"> |
|
|
|
<div class="span-sty">客户名称</div> |
|
|
|
<el-form-item prop="customerName"> |
|
|
|
<span class="addinputw addinputInfo">{{formobj.customerName}}</span> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item><span class="addinputInfo">{{ formobj.customerName }}</span></el-form-item> |
|
|
|
</el-col> |
|
|
|
|
|
|
|
<el-col :span="8"> |
|
|
|
<div class="span-sty">车牌号/车架号</div> |
|
|
|
<el-form-item prop="vehMark"> |
|
|
|
<span class="addinputw addinputInfo">{{formobj.vehMark}}/{{formobj.vinNo}}</span> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item><span class="addinputInfo">{{ formobj.vehMark }}/{{ formobj.vinNo }}</span></el-form-item> |
|
|
|
</el-col> |
|
|
|
|
|
|
|
<el-col :span="8"> |
|
|
|
<div class="span-sty">客户单位</div> |
|
|
|
<el-form-item> |
|
|
|
<el-form-item><span class="addinputw addinputInfo">{{ formobj.customerOrg }}</span></el-form-item> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
|
|
|
|
<div class="title titleOne"> |
|
|
|
<div>服务项目</div> |
|
|
|
</div> |
|
|
|
<div class="title">维修项目</div> |
|
|
|
<el-table v-loading="listLoading" :data="formobj.sitemVoList" border> |
|
|
|
<el-table-column label="序号" type="index" width="80" :index="indexMethod" align="center"/> |
|
|
|
<el-table-column label="服务项目" prop="serviceItem" align="center" /> |
|
|
|
<el-table-column label="维修项目" prop="serviceItem" align="center"/> |
|
|
|
<el-table-column label="工种" prop="serviceType" align="center"/> |
|
|
|
<el-table-column label="科目" prop="subject" align="center" /> |
|
|
|
<el-table-column label="维修人" prop="repairerName" align="center"/> |
|
|
|
<el-table-column label="考核工时" prop="examineHourPrice" align="center"/> |
|
|
|
<el-table-column label="工时单价" prop="hourPrice" align="center"/> |
|
|
@ -155,16 +87,12 @@ |
|
|
|
<el-table-column label="金额" prop="amount" align="center"/> |
|
|
|
<el-table-column label="备注" prop="remarks" align="center"/> |
|
|
|
</el-table> |
|
|
|
|
|
|
|
<div class="title titleOne"> |
|
|
|
<div>商品列表</div> |
|
|
|
</div> |
|
|
|
<div class="title">维修用料</div> |
|
|
|
<el-table v-loading="listLoading" :data="formobj.detailList" border> |
|
|
|
<!-- <el-table-column type="selection" align="center" width="50"/> --> |
|
|
|
<el-table-column label="序号" type="index" width="80" :index="indexMethod" align="center"/> |
|
|
|
<el-table-column label="项目名称" prop="serviceItem" align="center"/> |
|
|
|
<el-table-column label="商品名称" prop="goodsSpuName" align="center"/> |
|
|
|
<el-table-column label="商品编码" prop="goodsSkuCode" align="center" /> |
|
|
|
<el-table-column label="商品图号" prop="goodsSkuCode" align="center"/> |
|
|
|
<el-table-column label="规格" prop="goodsSkuOwnSpec" align="center"/> |
|
|
|
<el-table-column label="单位" prop="unit" align="center"/> |
|
|
|
<el-table-column label="仓库" prop="warehouseName" align="center"/> |
|
|
@ -174,10 +102,9 @@ |
|
|
|
<el-table-column label="出库数量" prop="count" align="center"/> |
|
|
|
<el-table-column label="金额" prop="amount" align="center"/> |
|
|
|
<el-table-column label="备注" prop="remarks" align="center"/> |
|
|
|
<el-table-column label="商品ID" prop="goodsID" align="center"/> |
|
|
|
</el-table> |
|
|
|
|
|
|
|
</el-form> |
|
|
|
|
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
@ -185,6 +112,7 @@ |
|
|
|
|
|
|
|
<script> |
|
|
|
import req from '@/api/maintenanceReceive/maintenanceReceive.js' |
|
|
|
|
|
|
|
export default { |
|
|
|
components: {}, |
|
|
|
data() { |
|
|
@ -192,15 +120,8 @@ |
|
|
|
viewState: 1, |
|
|
|
listLoading: false, |
|
|
|
submitdisabled: false, |
|
|
|
|
|
|
|
formobj: { |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
formobj: {} |
|
|
|
} |
|
|
|
}, |
|
|
|
created() { |
|
|
|
|
|
|
|
}, |
|
|
|
methods: { |
|
|
|
|
|
|
@ -216,61 +137,25 @@ |
|
|
|
var params = { |
|
|
|
sid: row.sid |
|
|
|
} |
|
|
|
req.detailsBill(params) |
|
|
|
.then(resp => { |
|
|
|
req.detailsBill(params).then(resp => { |
|
|
|
if (resp.success) { |
|
|
|
console.log('>>>>>>>>>initBill', resp) |
|
|
|
|
|
|
|
this.formobj = resp.data |
|
|
|
|
|
|
|
|
|
|
|
} else { |
|
|
|
// 根据resp.code进行异常情况处理 |
|
|
|
} |
|
|
|
}) |
|
|
|
.catch(() => {}) |
|
|
|
}, |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
</script> |
|
|
|
<style scoped> |
|
|
|
/deep/ .el-form-item__error { |
|
|
|
margin-left: 120px !important; |
|
|
|
} |
|
|
|
|
|
|
|
.must { |
|
|
|
color: #f00; |
|
|
|
} |
|
|
|
|
|
|
|
.span-sty { |
|
|
|
width: 130px !important; |
|
|
|
} |
|
|
|
|
|
|
|
.addinputInfo { |
|
|
|
margin-left: 120px !important; |
|
|
|
} |
|
|
|
|
|
|
|
.formaddcopy02 .el-row .el-col /deep/ .el-form-item .addinputw { |
|
|
|
margin-left: 120px !important; |
|
|
|
width: calc(100% - 115px); |
|
|
|
} |
|
|
|
|
|
|
|
.first_row { |
|
|
|
border-top: 1px solid #E0E3EB; |
|
|
|
} |
|
|
|
|
|
|
|
.titleOne { |
|
|
|
padding: 7px; |
|
|
|
display: flex; |
|
|
|
flex-direction: row; |
|
|
|
justify-content: space-between; |
|
|
|
align-items: center; |
|
|
|
} |
|
|
|
|
|
|
|
.el-radio /deep/ .el-radio__label { |
|
|
|
|
|
|
|
font-size: 14px !important; |
|
|
|
|
|
|
|
} |
|
|
|
</style> |
|
|
|