4 changed files with 174 additions and 325 deletions
@ -1,327 +1,215 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<div v-show="viewState == 1"> |
|||
|
|||
<div class="tab-header webtop"> |
|||
<!-- 标题 --> |
|||
<div>商品出库确认</div> |
|||
<!-- start 添加修改按钮 --> |
|||
<div> |
|||
<el-button type="primary" size="small" :disabled="submitdisabled" @click="saveOrUpdate">确认</el-button> |
|||
<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="24"> |
|||
<div class="span-sty">备注</div> |
|||
<el-form-item> |
|||
<el-input v-model="confirmInfo.remarks" placeholder="备注" class="addinputw addinputInfo" clearable /> |
|||
<el-input v-model="confirmInfo.remarks" placeholder="备注" class="addinputw addinputInfo" clearable/> |
|||
</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> |
|||
<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> |
|||
<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> |
|||
<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> |
|||
<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-radio-group class="addinputw addinputInfo" :disabled="true" v-model="formobj.isGoOut"> |
|||
<el-radio :label="'1'">是</el-radio> |
|||
<el-radio :label="'2'">否</el-radio> |
|||
</el-radio-group> |
|||
|
|||
</el-form-item> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.isGoOut == '1' ? '是' : '否' }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
|
|||
<el-row> |
|||
|
|||
<el-col :span="8"> |
|||
<div class="span-sty">客户名称</div> |
|||
<el-form-item> |
|||
<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> |
|||
<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 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="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" /> |
|||
<el-table-column label="工时数量" prop="hours" align="center" /> |
|||
<el-table-column label="销售价" prop="price" align="center" /> |
|||
<el-table-column label="折扣" prop="discount" align="center" /> |
|||
<el-table-column label="优惠" prop="discountAmount" align="center" /> |
|||
<el-table-column label="销售金额" prop="amount" align="center" /> |
|||
<el-table-column label="备注" prop="remarks" align="center" /> |
|||
<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="serviceType" 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"/> |
|||
<el-table-column label="工时数量" prop="hours" align="center"/> |
|||
<el-table-column label="销售价" prop="price" align="center"/> |
|||
<el-table-column label="折扣" prop="discount" align="center"/> |
|||
<el-table-column label="优惠" prop="discountAmount" align="center"/> |
|||
<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-row> |
|||
<el-col :span="24"> |
|||
<div class="span-sty span-sty-one" style="width: 300px;!important;">前台登记时对商品要求备注</div> |
|||
<el-form-item><el-input class="addinputInfo-one" style="width: 70%" v-model="formobj.registerRemarks" |
|||
clearable placeholder="" :disabled="true" /></el-form-item> |
|||
<el-form-item> |
|||
<el-input class="addinputInfo-one" style="width: 70%" v-model="formobj.registerRemarks" clearable placeholder="" :disabled="true"/> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<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="商品ID" prop="goodsID" width="120" align="center" /> |
|||
<el-table-column label="商品名称" prop="goodsSpuName" 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" /> |
|||
<el-table-column label="库位" prop="warehouseRackCode" align="center" /> |
|||
|
|||
<!-- <el-table-column label="仓库" align="center" width="180"> |
|||
<template slot-scope="scope"> |
|||
<el-select v-model="scope.row.warehouseName" placeholder="请选择" clearable |
|||
@change="selectWarehouseName(scope.row,$event)"> |
|||
<el-option v-for="(item,i) in warehouseList" :key="i" :label="item.warehouseName" :value="item.sid"> |
|||
</el-option> |
|||
</el-select> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="库位" align="center" width="180"> |
|||
<template slot-scope="scope"> |
|||
<el-select v-model="scope.row.warehouseRackCode" :disabled="scope.row.warehouseName==''" clearable |
|||
@focus="getWarehouseAreaList(scope.row.warehouseSid)" placeholder="请选择" |
|||
@change="selectWarehouseAreaCode(scope.row,$event)"> |
|||
<el-option v-for="(item,i) in warehouseRackList" :key="i" :label="item.areaCode" :value="item.sid"> |
|||
</el-option> |
|||
</el-select> |
|||
</template> |
|||
</el-table-column> --> |
|||
<el-table-column label="单价" prop="price" align="center" /> |
|||
<el-table-column label="库存数量" prop="inventoryNum" align="center" /> |
|||
<el-table-column label="出库数量" prop="outboundCount" align="center" /> |
|||
<el-table-column label="出库金额" prop="amount" align="center" /> |
|||
<el-table-column label="备注" prop="remarks" align="center" /> |
|||
<el-table-column label="领料人" prop="receivePer" width="120" align="center" /> |
|||
<el-table-column label="领料时间" prop="receiveTimes" width="120" align="center" /> |
|||
<!-- <el-table-column label="出库数量" align="center" width="120"> |
|||
<template slot-scope="scope"> |
|||
<el-input v-model="scope.row.count" clearable placeholder="" |
|||
oninput="value=value.replace(/^(0+)|[^\d]+/g,'')" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="备注" align="center" width="220"> |
|||
<template slot-scope="scope"> |
|||
<el-input v-model="scope.row.remarks" clearable placeholder="" /> |
|||
</template> |
|||
</el-table-column> --> |
|||
<el-table-column label="序号" type="index" width="80" :index="indexMethod" align="center"/> |
|||
<el-table-column label="项目名称" prop="serviceItem" align="center"/> |
|||
<el-table-column label="商品ID" prop="goodsID" width="120" align="center"/> |
|||
<el-table-column label="商品名称" prop="goodsSpuName" 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"/> |
|||
<el-table-column label="库位" prop="warehouseRackCode" align="center"/> |
|||
<el-table-column label="单价" prop="price" align="center"/> |
|||
<el-table-column label="库存数量" prop="inventoryNum" align="center"/> |
|||
<el-table-column label="出库数量" prop="outboundCount" align="center"/> |
|||
<el-table-column label="出库金额" prop="amount" align="center"/> |
|||
<el-table-column label="备注" prop="remarks" align="center"/> |
|||
<el-table-column label="领料人" prop="receivePer" width="120" align="center"/> |
|||
<el-table-column label="领料时间" prop="receiveTimes" width="120" align="center"/> |
|||
</el-table> |
|||
|
|||
</el-form> |
|||
|
|||
</div> |
|||
</div> |
|||
|
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import req from '@/api/maintenanceReceive/maintenanceReceive.js' |
|||
export default { |
|||
components: {}, |
|||
data() { |
|||
return { |
|||
viewState: 1, |
|||
listLoading: false, |
|||
submitdisabled: false, |
|||
formobj: {}, |
|||
confirmInfo: { |
|||
sid: "", |
|||
remarks: "" |
|||
} |
|||
import req from '@/api/maintenanceReceive/maintenanceReceive.js' |
|||
|
|||
export default { |
|||
components: {}, |
|||
data() { |
|||
return { |
|||
viewState: 1, |
|||
listLoading: false, |
|||
submitdisabled: false, |
|||
formobj: {}, |
|||
confirmInfo: { |
|||
sid: '', |
|||
remarks: '' |
|||
} |
|||
}, |
|||
created() {}, |
|||
methods: { |
|||
showAdd(sid) { |
|||
|
|||
this.confirmInfo.sid = sid |
|||
|
|||
var params = { |
|||
sid: sid |
|||
} |
|||
}, |
|||
methods: { |
|||
showAdd(sid) { |
|||
this.confirmInfo.sid = sid |
|||
var params = { |
|||
sid: sid |
|||
} |
|||
req.initBill(params).then(resp => { |
|||
if (resp.success) { |
|||
this.formobj = resp.data |
|||
} else { |
|||
// 根据resp.code进行异常情况处理 |
|||
} |
|||
req.initBill(params) |
|||
.then(resp => { |
|||
if (resp.success) { |
|||
console.log('>>>>>>>>>initBill', resp) |
|||
|
|||
this.formobj = resp.data |
|||
|
|||
|
|||
} else { |
|||
// 根据resp.code进行异常情况处理 |
|||
} |
|||
}) |
|||
.catch(() => {}) |
|||
|
|||
}, |
|||
|
|||
resetState() { |
|||
this.viewState = 1 |
|||
}, |
|||
saveOrUpdate() { |
|||
console.log('>>>>>>>>>saveOrUpdate', this.confirmInfo) |
|||
|
|||
req.saveConfirm(this.confirmInfo) |
|||
.then(resp => { |
|||
if (resp.success) { |
|||
this.$message({ |
|||
showClose: true, |
|||
type: 'success', |
|||
message: resp.msg |
|||
}) |
|||
this.handleReturn('true') |
|||
} else { |
|||
// 根据resp.code进行异常情况处理 |
|||
} |
|||
}) |
|||
}, |
|||
resetState() { |
|||
this.viewState = 1 |
|||
}, |
|||
saveOrUpdate() { |
|||
req.saveConfirm(this.confirmInfo).then(resp => { |
|||
if (resp.success) { |
|||
this.$message({ |
|||
showClose: true, |
|||
type: 'success', |
|||
message: resp.msg |
|||
}) |
|||
.catch(() => {}) |
|||
|
|||
}, |
|||
|
|||
handleReturn(isreload) { |
|||
if (isreload === 'true') this.$emit('reloadlist') |
|||
this.formobj = {} |
|||
this.submitdisabled = false |
|||
this.$emit('doback') |
|||
}, |
|||
indexMethod(index) { |
|||
return index + 1 |
|||
}, |
|||
|
|||
this.handleReturn('true') |
|||
} else { |
|||
// 根据resp.code进行异常情况处理 |
|||
} |
|||
}) |
|||
}, |
|||
handleReturn(isreload) { |
|||
if (isreload === 'true') this.$emit('reloadlist') |
|||
this.formobj = {} |
|||
this.submitdisabled = false |
|||
this.$emit('doback') |
|||
}, |
|||
indexMethod(index) { |
|||
return index + 1 |
|||
} |
|||
|
|||
} |
|||
} |
|||
</script> |
|||
<style scoped> |
|||
/deep/ .el-form-item__error { |
|||
margin-left: 120px !important; |
|||
} |
|||
/deep/ .el-form-item__error { |
|||
margin-left: 120px !important; |
|||
} |
|||
|
|||
.must { |
|||
color: #f00; |
|||
} |
|||
.must { |
|||
color: #f00; |
|||
} |
|||
|
|||
.span-sty { |
|||
width: 130px !important; |
|||
} |
|||
.span-sty { |
|||
width: 130px !important; |
|||
} |
|||
|
|||
.addinputInfo { |
|||
margin-left: 120px !important; |
|||
} |
|||
.addinputInfo { |
|||
margin-left: 120px !important; |
|||
} |
|||
|
|||
.formaddcopy02 .el-row .el-col /deep/ .el-form-item .addinputw { |
|||
margin-left: 120px !important; |
|||
width: calc(100% - 115px); |
|||
} |
|||
.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; |
|||
} |
|||
.first_row { |
|||
border-top: 1px solid #E0E3EB; |
|||
} |
|||
|
|||
.titleOne { |
|||
padding: 7px; |
|||
display: flex; |
|||
flex-direction: row; |
|||
justify-content: space-between; |
|||
align-items: center; |
|||
} |
|||
.titleOne { |
|||
padding: 7px; |
|||
display: flex; |
|||
flex-direction: row; |
|||
justify-content: space-between; |
|||
align-items: center; |
|||
} |
|||
|
|||
.el-radio /deep/ .el-radio__label { |
|||
.el-radio /deep/ .el-radio__label { |
|||
|
|||
font-size: 14px !important; |
|||
font-size: 14px !important; |
|||
|
|||
} |
|||
} |
|||
|
|||
.addinputInfo-one { |
|||
margin-left: 170px !important; |
|||
} |
|||
.addinputInfo-one { |
|||
margin-left: 170px !important; |
|||
} |
|||
|
|||
.span-sty-one { |
|||
width: 180px !important; |
|||
} |
|||
.span-sty-one { |
|||
width: 180px !important; |
|||
} |
|||
</style> |
|||
|
Loading…
Reference in new issue