4 changed files with 174 additions and 325 deletions
@ -1,327 +1,215 @@ |
|||||
<template> |
<template> |
||||
<div class="app-container"> |
<div class="app-container"> |
||||
<div v-show="viewState == 1"> |
<div v-show="viewState == 1"> |
||||
|
|
||||
<div class="tab-header webtop"> |
<div class="tab-header webtop"> |
||||
<!-- 标题 --> |
|
||||
<div>商品出库确认</div> |
<div>商品出库确认</div> |
||||
<!-- start 添加修改按钮 --> |
|
||||
<div> |
<div> |
||||
<el-button type="primary" size="small" :disabled="submitdisabled" @click="saveOrUpdate">确认</el-button> |
<el-button type="primary" size="small" :disabled="submitdisabled" @click="saveOrUpdate">确认</el-button> |
||||
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button> |
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button> |
||||
</div> |
</div> |
||||
<!-- end 添加修改按钮 --> |
|
||||
<!-- end 详情按钮 --> |
|
||||
</div> |
</div> |
||||
|
|
||||
<div class="listconadd"> |
<div class="listconadd"> |
||||
|
|
||||
<el-form ref="form_obj" :model="formobj" class="formaddcopy02"> |
<el-form ref="form_obj" :model="formobj" class="formaddcopy02"> |
||||
<!-- <div class="title"> |
|
||||
<div>基础信息</div> |
|
||||
</div> --> |
|
||||
<el-row class="first_row"> |
<el-row class="first_row"> |
||||
|
|
||||
<el-col :span="24"> |
<el-col :span="24"> |
||||
<div class="span-sty">备注</div> |
<div class="span-sty">备注</div> |
||||
<el-form-item> |
<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-form-item> |
||||
</el-col> |
</el-col> |
||||
|
|
||||
</el-row> |
</el-row> |
||||
|
<div class="title">维修单</div> |
||||
<div class="title titleOne"> |
|
||||
<div>维修工单</div> |
|
||||
</div> |
|
||||
|
|
||||
<el-row> |
<el-row> |
||||
<el-col :span="8"> |
<el-col :span="8"> |
||||
<div class="span-sty">维修工单编号</div> |
<div class="span-sty">维修单编号</div> |
||||
<el-form-item> |
<el-form-item><span class="addinputInfo">{{ formobj.sourceBillNo }}</span></el-form-item> |
||||
<span class="addinputw addinputInfo">{{formobj.sourceBillNo}}</span> |
|
||||
</el-form-item> |
|
||||
</el-col> |
</el-col> |
||||
|
|
||||
<el-col :span="8"> |
<el-col :span="8"> |
||||
<div class="span-sty">单据日期</div> |
<div class="span-sty">单据日期</div> |
||||
<el-form-item> |
<el-form-item><span class="addinputInfo">{{ formobj.billDate }}</span></el-form-item> |
||||
<span class="addinputw addinputInfo">{{formobj.billDate}}</span> |
|
||||
</el-form-item> |
|
||||
</el-col> |
</el-col> |
||||
|
|
||||
<el-col :span="8"> |
<el-col :span="8"> |
||||
<div class="span-sty">服务顾问</div> |
<div class="span-sty">服务顾问</div> |
||||
<el-form-item> |
<el-form-item><span class="addinputInfo">{{ formobj.waitorName }}</span></el-form-item> |
||||
<el-form-item><span class="addinputw addinputInfo">{{ formobj.waitorName }}</span></el-form-item> |
|
||||
</el-form-item> |
|
||||
</el-col> |
</el-col> |
||||
</el-row> |
</el-row> |
||||
|
|
||||
<el-row> |
<el-row> |
||||
|
|
||||
<el-col :span="8"> |
<el-col :span="8"> |
||||
<div class="span-sty">工单类型</div> |
<div class="span-sty">维修单类型</div> |
||||
<el-form-item> |
<el-form-item><span class="addinputInfo">{{ formobj.billType }}</span></el-form-item> |
||||
<span class="addinputw addinputInfo">{{formobj.billType}}</span> |
|
||||
</el-form-item> |
|
||||
</el-col> |
</el-col> |
||||
|
|
||||
<el-col :span="8"> |
<el-col :span="8"> |
||||
<div class="span-sty">科目</div> |
<div class="span-sty">科目</div> |
||||
<el-form-item> |
<el-form-item><span class="addinputInfo">{{ formobj.subject }}</span></el-form-item> |
||||
<span class="addinputw addinputInfo">{{formobj.subject}}</span> |
|
||||
</el-form-item> |
|
||||
</el-col> |
</el-col> |
||||
|
|
||||
<el-col :span="8"> |
<el-col :span="8"> |
||||
<div class="span-sty">是否外出</div> |
<div class="span-sty">是否外出</div> |
||||
<el-form-item> |
<el-form-item><span class="addinputInfo">{{ formobj.isGoOut == '1' ? '是' : '否' }}</span></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-col> |
</el-col> |
||||
</el-row> |
</el-row> |
||||
|
|
||||
<el-row> |
<el-row> |
||||
|
|
||||
<el-col :span="8"> |
<el-col :span="8"> |
||||
<div class="span-sty">客户名称</div> |
<div class="span-sty">客户名称</div> |
||||
<el-form-item> |
<el-form-item><span class="addinputInfo">{{ formobj.customerName }}</span></el-form-item> |
||||
<span class="addinputw addinputInfo">{{formobj.customerName}}</span> |
|
||||
</el-form-item> |
|
||||
</el-col> |
</el-col> |
||||
|
|
||||
<el-col :span="8"> |
<el-col :span="8"> |
||||
<div class="span-sty">车牌号/车架号</div> |
<div class="span-sty">车牌号/车架号</div> |
||||
<el-form-item> |
<el-form-item><span class="addinputInfo">{{ formobj.vehMark }}/{{ formobj.vinNo }}</span></el-form-item> |
||||
<span class="addinputw addinputInfo">{{formobj.vehMark}}/{{formobj.vinNo}}</span> |
|
||||
</el-form-item> |
|
||||
</el-col> |
</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> |
</el-row> |
||||
|
<div class="title">维修项目</div> |
||||
<div class="title titleOne"> |
|
||||
<div>服务项目</div> |
|
||||
</div> |
|
||||
<el-table v-loading="listLoading" :data="formobj.sitemVoList" border> |
<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="序号" 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="serviceType" align="center" /> |
<el-table-column label="维修技师" prop="repairerName" align="center"/> |
||||
<!-- <el-table-column label="科目" prop="subject" align="center" /> --> |
<el-table-column label="工时提成" prop="examineHourPrice" align="center"/> |
||||
<el-table-column label="维修技师" prop="repairerName" align="center" /> |
<el-table-column label="工时单价" prop="hourPrice" align="center"/> |
||||
<el-table-column label="工时提成" prop="examineHourPrice" align="center" /> |
<el-table-column label="工时数量" prop="hours" align="center"/> |
||||
<el-table-column label="工时单价" prop="hourPrice" align="center" /> |
<el-table-column label="销售价" prop="price" align="center"/> |
||||
<el-table-column label="工时数量" prop="hours" align="center" /> |
<el-table-column label="折扣" prop="discount" align="center"/> |
||||
<el-table-column label="销售价" prop="price" align="center" /> |
<el-table-column label="优惠" prop="discountAmount" align="center"/> |
||||
<el-table-column label="折扣" prop="discount" align="center" /> |
<el-table-column label="销售金额" prop="amount" align="center"/> |
||||
<el-table-column label="优惠" prop="discountAmount" align="center" /> |
<el-table-column label="备注" prop="remarks" align="center"/> |
||||
<el-table-column label="销售金额" prop="amount" align="center" /> |
|
||||
<el-table-column label="备注" prop="remarks" align="center" /> |
|
||||
</el-table> |
</el-table> |
||||
|
<div class="title">维修用料</div> |
||||
<div class="title titleOne"> |
|
||||
<div>商品列表</div> |
|
||||
</div> |
|
||||
<el-row> |
<el-row> |
||||
<el-col :span="24"> |
<el-col :span="24"> |
||||
<div class="span-sty span-sty-one" style="width: 300px;!important;">前台登记时对商品要求备注</div> |
<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" |
<el-form-item> |
||||
clearable placeholder="" :disabled="true" /></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-col> |
||||
</el-row> |
</el-row> |
||||
<el-table v-loading="listLoading" :data="formobj.detailList" border> |
<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="序号" 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="商品ID" prop="goodsID" width="120" 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="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="goodsSkuOwnSpec" align="center" /> |
<el-table-column label="单位" prop="unit" align="center"/> |
||||
<el-table-column label="单位" prop="unit" align="center" /> |
<el-table-column label="仓库" prop="warehouseName" align="center"/> |
||||
<el-table-column label="仓库" prop="warehouseName" align="center" /> |
<el-table-column label="库位" prop="warehouseRackCode" 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="仓库" align="center" width="180"> |
<el-table-column label="出库数量" prop="outboundCount" align="center"/> |
||||
<template slot-scope="scope"> |
<el-table-column label="出库金额" prop="amount" align="center"/> |
||||
<el-select v-model="scope.row.warehouseName" placeholder="请选择" clearable |
<el-table-column label="备注" prop="remarks" align="center"/> |
||||
@change="selectWarehouseName(scope.row,$event)"> |
<el-table-column label="领料人" prop="receivePer" width="120" align="center"/> |
||||
<el-option v-for="(item,i) in warehouseList" :key="i" :label="item.warehouseName" :value="item.sid"> |
<el-table-column label="领料时间" prop="receiveTimes" width="120" align="center"/> |
||||
</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> |
</el-table> |
||||
|
|
||||
</el-form> |
</el-form> |
||||
|
|
||||
</div> |
</div> |
||||
</div> |
</div> |
||||
|
|
||||
</div> |
</div> |
||||
</template> |
</template> |
||||
|
|
||||
<script> |
<script> |
||||
import req from '@/api/maintenanceReceive/maintenanceReceive.js' |
import req from '@/api/maintenanceReceive/maintenanceReceive.js' |
||||
export default { |
|
||||
components: {}, |
export default { |
||||
data() { |
components: {}, |
||||
return { |
data() { |
||||
viewState: 1, |
return { |
||||
listLoading: false, |
viewState: 1, |
||||
submitdisabled: false, |
listLoading: false, |
||||
formobj: {}, |
submitdisabled: false, |
||||
confirmInfo: { |
formobj: {}, |
||||
sid: "", |
confirmInfo: { |
||||
remarks: "" |
sid: '', |
||||
} |
remarks: '' |
||||
} |
} |
||||
}, |
} |
||||
created() {}, |
}, |
||||
methods: { |
methods: { |
||||
showAdd(sid) { |
showAdd(sid) { |
||||
|
this.confirmInfo.sid = sid |
||||
this.confirmInfo.sid = sid |
var params = { |
||||
|
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) { |
resetState() { |
||||
console.log('>>>>>>>>>initBill', resp) |
this.viewState = 1 |
||||
|
}, |
||||
this.formobj = resp.data |
saveOrUpdate() { |
||||
|
req.saveConfirm(this.confirmInfo).then(resp => { |
||||
|
if (resp.success) { |
||||
} else { |
this.$message({ |
||||
// 根据resp.code进行异常情况处理 |
showClose: true, |
||||
} |
type: 'success', |
||||
}) |
message: resp.msg |
||||
.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进行异常情况处理 |
|
||||
} |
|
||||
}) |
}) |
||||
.catch(() => {}) |
this.handleReturn('true') |
||||
|
} else { |
||||
}, |
// 根据resp.code进行异常情况处理 |
||||
|
} |
||||
handleReturn(isreload) { |
}) |
||||
if (isreload === 'true') this.$emit('reloadlist') |
}, |
||||
this.formobj = {} |
handleReturn(isreload) { |
||||
this.submitdisabled = false |
if (isreload === 'true') this.$emit('reloadlist') |
||||
this.$emit('doback') |
this.formobj = {} |
||||
}, |
this.submitdisabled = false |
||||
indexMethod(index) { |
this.$emit('doback') |
||||
return index + 1 |
}, |
||||
}, |
indexMethod(index) { |
||||
|
return index + 1 |
||||
} |
} |
||||
|
|
||||
} |
} |
||||
|
} |
||||
</script> |
</script> |
||||
<style scoped> |
<style scoped> |
||||
/deep/ .el-form-item__error { |
/deep/ .el-form-item__error { |
||||
margin-left: 120px !important; |
margin-left: 120px !important; |
||||
} |
} |
||||
|
|
||||
.must { |
.must { |
||||
color: #f00; |
color: #f00; |
||||
} |
} |
||||
|
|
||||
.span-sty { |
.span-sty { |
||||
width: 130px !important; |
width: 130px !important; |
||||
} |
} |
||||
|
|
||||
.addinputInfo { |
.addinputInfo { |
||||
margin-left: 120px !important; |
margin-left: 120px !important; |
||||
} |
} |
||||
|
|
||||
.formaddcopy02 .el-row .el-col /deep/ .el-form-item .addinputw { |
.formaddcopy02 .el-row .el-col /deep/ .el-form-item .addinputw { |
||||
margin-left: 120px !important; |
margin-left: 120px !important; |
||||
width: calc(100% - 115px); |
width: calc(100% - 115px); |
||||
} |
} |
||||
|
|
||||
.first_row { |
.first_row { |
||||
border-top: 1px solid #E0E3EB; |
border-top: 1px solid #E0E3EB; |
||||
} |
} |
||||
|
|
||||
.titleOne { |
.titleOne { |
||||
padding: 7px; |
padding: 7px; |
||||
display: flex; |
display: flex; |
||||
flex-direction: row; |
flex-direction: row; |
||||
justify-content: space-between; |
justify-content: space-between; |
||||
align-items: center; |
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 { |
.addinputInfo-one { |
||||
margin-left: 170px !important; |
margin-left: 170px !important; |
||||
} |
} |
||||
|
|
||||
.span-sty-one { |
.span-sty-one { |
||||
width: 180px !important; |
width: 180px !important; |
||||
} |
} |
||||
</style> |
</style> |
||||
|
Loading…
Reference in new issue