3 changed files with 167 additions and 395 deletions
@ -1,276 +1,161 @@ |
|||||
<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="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="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.createByName }}</span></el-form-item> |
||||
<span class="addinputw addinputInfo">{{formobj.createByName}}</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.deptName }}</span></el-form-item> |
||||
<span class="addinputw addinputInfo">{{formobj.deptName}}</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.createTime }}</span></el-form-item> |
||||
<el-form-item><span class="addinputw addinputInfo">{{ formobj.createTime }}</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 prop="warehouseManager"> |
<el-form-item><span class="addinputInfo">{{ formobj.warehouseManager }}</span></el-form-item> |
||||
<span class="addinputw addinputInfo">{{formobj.warehouseManager}}</span> |
|
||||
</el-form-item> |
|
||||
</el-col> |
</el-col> |
||||
|
|
||||
<el-col :span="16"> |
<el-col :span="16"> |
||||
<div class="span-sty">备注</div> |
<div class="span-sty">备注</div> |
||||
<el-form-item> |
<el-form-item><span class="addinputInfo">{{ formobj.remarks }}</span></el-form-item> |
||||
<span class="addinputw addinputInfo">{{formobj.remarks}}</span> |
|
||||
</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 prop="sourceBillNo"> |
<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 prop="billDate"> |
<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 prop="billType"> |
<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 prop="subject"> |
<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> |
|
||||
<el-form-item> |
|
||||
<el-form-item><span class="addinputw addinputInfo"></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 prop="customerName"> |
<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 prop="vehMark"> |
<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"> |
<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-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 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="subject" align="center" /> |
<el-table-column label="维修人" prop="repairerName" align="center"/> |
||||
<el-table-column label="维修人" prop="repairerName" align="center" /> |
<el-table-column label="考核工时" prop="examineHourPrice" align="center"/> |
||||
<el-table-column label="考核工时" prop="examineHourPrice" align="center" /> |
<el-table-column label="工时单价" prop="hourPrice" align="center"/> |
||||
<el-table-column label="工时单价" prop="hourPrice" align="center" /> |
<el-table-column label="工时数" prop="hours" align="center"/> |
||||
<el-table-column label="工时数" prop="hours" align="center" /> |
<el-table-column label="销售价" prop="price" align="center"/> |
||||
<el-table-column label="销售价" prop="price" align="center" /> |
<el-table-column label="折扣" prop="discount" align="center"/> |
||||
<el-table-column label="折扣" prop="discount" align="center" /> |
<el-table-column label="优惠" prop="discountAmount" align="center"/> |
||||
<el-table-column label="优惠" prop="discountAmount" align="center" /> |
<el-table-column label="金额" prop="amount" align="center"/> |
||||
<el-table-column label="金额" prop="amount" align="center" /> |
<el-table-column label="备注" prop="remarks" 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-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="商品名称" 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="price" align="center" /> |
<el-table-column label="已出数量" prop="outboundCount" align="center"/> |
||||
<el-table-column label="已出数量" prop="outboundCount" align="center" /> |
<el-table-column label="出库数量" prop="count" align="center"/> |
||||
<el-table-column label="出库数量" prop="count" align="center" /> |
<el-table-column label="金额" prop="amount" align="center"/> |
||||
<el-table-column label="金额" prop="amount" align="center" /> |
<el-table-column label="备注" prop="remarks" align="center"/> |
||||
<el-table-column label="备注" prop="remarks" align="center" /> |
<el-table-column label="商品ID" prop="goodsID" align="center"/> |
||||
</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, |
||||
|
submitdisabled: false, |
||||
formobj: { |
formobj: {} |
||||
|
} |
||||
}, |
}, |
||||
|
methods: { |
||||
|
|
||||
} |
handleReturn(isreload) { |
||||
|
if (isreload === 'true') this.$emit('reloadlist') |
||||
|
this.formobj = {} |
||||
|
this.$emit('doback') |
||||
}, |
}, |
||||
created() { |
indexMethod(index) { |
||||
|
return index + 1 |
||||
}, |
}, |
||||
methods: { |
showAdd(row) { |
||||
|
var params = { |
||||
handleReturn(isreload) { |
sid: row.sid |
||||
if (isreload === 'true') this.$emit('reloadlist') |
} |
||||
this.formobj = {} |
req.detailsBill(params).then(resp => { |
||||
this.$emit('doback') |
if (resp.success) { |
||||
}, |
this.formobj = resp.data |
||||
indexMethod(index) { |
} else { |
||||
return index + 1 |
// 根据resp.code进行异常情况处理 |
||||
}, |
|
||||
showAdd(row) { |
|
||||
var params = { |
|
||||
sid: row.sid |
|
||||
} |
} |
||||
req.detailsBill(params) |
}) |
||||
.then(resp => { |
|
||||
if (resp.success) { |
|
||||
console.log('>>>>>>>>>initBill', resp) |
|
||||
|
|
||||
this.formobj = resp.data |
|
||||
|
|
||||
|
|
||||
} else { |
|
||||
// 根据resp.code进行异常情况处理 |
|
||||
} |
|
||||
}) |
|
||||
.catch(() => {}) |
|
||||
}, |
|
||||
|
|
||||
} |
} |
||||
} |
} |
||||
|
} |
||||
</script> |
</script> |
||||
<style scoped> |
<style scoped> |
||||
/deep/ .el-form-item__error { |
.span-sty { |
||||
margin-left: 120px !important; |
width: 130px !important; |
||||
} |
} |
||||
|
.addinputInfo { |
||||
.must { |
margin-left: 120px !important; |
||||
color: #f00; |
} |
||||
} |
.first_row { |
||||
|
border-top: 1px solid #E0E3EB; |
||||
.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> |
</style> |
||||
|
@ -1,270 +1,157 @@ |
|||||
<template> |
<template> |
||||
<div> |
<div> |
||||
|
|
||||
<div class="tab-header webtop"> |
<div class="tab-header webtop"> |
||||
<!-- 标题 --> |
|
||||
<div>维修退库</div> |
<div>维修退库</div> |
||||
<!-- start 添加修改按钮 --> |
|
||||
<div> |
<div> |
||||
<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="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.createByName }}</span></el-form-item> |
||||
<span class="addinputw addinputInfo">{{formobj.createByName}}</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.deptName }}</span></el-form-item> |
||||
<span class="addinputw addinputInfo">{{formobj.deptName}}</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.createTime }}</span></el-form-item> |
||||
<el-form-item><span class="addinputw addinputInfo">{{ formobj.createTime }}</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 prop="warehouseManager"> |
<el-form-item><span class="addinputInfo">{{ formobj.warehouseManager }}</span></el-form-item> |
||||
<span class="addinputw addinputInfo">{{formobj.warehouseManager}}</span> |
|
||||
</el-form-item> |
|
||||
</el-col> |
</el-col> |
||||
|
|
||||
<el-col :span="16"> |
<el-col :span="16"> |
||||
<div class="span-sty">备注</div> |
<div class="span-sty">备注</div> |
||||
<el-form-item> |
<el-form-item><span class="addinputInfo">{{ formobj.remarks }}</span></el-form-item> |
||||
<span class="addinputw addinputInfo">{{formobj.remarks}}</span> |
|
||||
</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 prop="sourceBillNo"> |
<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 prop="billDate"> |
<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 prop="billType"> |
<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 prop="subject"> |
<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> |
|
||||
<el-form-item> |
|
||||
<el-form-item><span class="addinputw addinputInfo"></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 prop="customerName"> |
<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 prop="vehMark"> |
<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"> |
<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-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 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="subject" align="center" /> |
<el-table-column label="维修人" prop="repairerName" align="center"/> |
||||
<el-table-column label="维修人" prop="repairerName" align="center" /> |
<el-table-column label="考核工时" prop="examineHourPrice" align="center"/> |
||||
<el-table-column label="考核工时" prop="examineHourPrice" align="center" /> |
<el-table-column label="工时单价" prop="hourPrice" align="center"/> |
||||
<el-table-column label="工时单价" prop="hourPrice" align="center" /> |
<el-table-column label="工时数" prop="hours" align="center"/> |
||||
<el-table-column label="工时数" prop="hours" align="center" /> |
<el-table-column label="销售价" prop="price" align="center"/> |
||||
<el-table-column label="销售价" prop="price" align="center" /> |
<el-table-column label="折扣" prop="discount" align="center"/> |
||||
<el-table-column label="折扣" prop="discount" align="center" /> |
<el-table-column label="优惠" prop="discountAmount" align="center"/> |
||||
<el-table-column label="优惠" prop="discountAmount" align="center" /> |
<el-table-column label="金额" prop="amount" align="center"/> |
||||
<el-table-column label="金额" prop="amount" align="center" /> |
<el-table-column label="备注" prop="remarks" 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-table v-loading="listLoading" :data="formobj.detailList" border> |
<el-table v-loading="listLoading" :data="formobj.detailList" border> |
||||
<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="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="outboundCount" align="center" /> |
<el-table-column label="已出数量" prop="outboundCount" align="center"/> |
||||
<el-table-column label="退库数量" prop="count" align="center" /> |
<el-table-column label="退库数量" prop="count" align="center"/> |
||||
<el-table-column label="销售单价" prop="price" align="center" /> |
<el-table-column label="销售单价" prop="price" align="center"/> |
||||
<el-table-column label="备注" prop="remarks" align="center" /> |
<el-table-column label="备注" prop="remarks" align="center"/> |
||||
|
<el-table-column label="商品ID" prop="goodsID" align="center"/> |
||||
</el-table> |
</el-table> |
||||
|
|
||||
|
|
||||
</el-form> |
</el-form> |
||||
|
|
||||
</div> |
</div> |
||||
|
|
||||
</div> |
</div> |
||||
</template> |
</template> |
||||
|
|
||||
<script> |
<script> |
||||
import req from '@/api/maintenanceReceive/maintenanceReceive.js' |
import req from '@/api/maintenanceReceive/maintenanceReceive.js' |
||||
|
|
||||
export default { |
export default { |
||||
components: {}, |
components: {}, |
||||
data() { |
data() { |
||||
return { |
return { |
||||
listLoading: false, |
listLoading: false, |
||||
activeNames: ['1'], |
activeNames: ['1'], |
||||
submitdisabled: false, |
submitdisabled: false, |
||||
formobj: { |
formobj: {} |
||||
|
} |
||||
}, |
}, |
||||
|
methods: { |
||||
} |
handleReturn(isreload) { |
||||
|
if (isreload === 'true') this.$emit('reloadlist') |
||||
|
this.formobj = {} |
||||
|
this.$emit('doback') |
||||
|
}, |
||||
|
indexMethod(index) { |
||||
|
return index + 1 |
||||
}, |
}, |
||||
created() {}, |
showAdd(row) { |
||||
methods: { |
var params = { |
||||
handleReturn(isreload) { |
sid: row.sid |
||||
if (isreload === 'true') this.$emit('reloadlist') |
} |
||||
this.formobj = {} |
req.detailsBill(params).then(resp => { |
||||
this.$emit('doback') |
if (resp.success) { |
||||
}, |
this.formobj = resp.data |
||||
indexMethod(index) { |
} else { |
||||
return index + 1 |
// 根据resp.code进行异常情况处理 |
||||
}, |
|
||||
showAdd(row) { |
|
||||
var params = { |
|
||||
sid: row.sid |
|
||||
} |
} |
||||
req.detailsBill(params) |
}) |
||||
.then(resp => { |
|
||||
if (resp.success) { |
|
||||
console.log('>>>>>>>>>initBill', resp) |
|
||||
|
|
||||
this.formobj = resp.data |
|
||||
|
|
||||
|
|
||||
} else { |
|
||||
// 根据resp.code进行异常情况处理 |
|
||||
} |
|
||||
}) |
|
||||
.catch(() => {}) |
|
||||
}, |
|
||||
} |
} |
||||
} |
} |
||||
|
} |
||||
</script> |
</script> |
||||
<style scoped> |
<style scoped> |
||||
/deep/ .el-form-item__error { |
.span-sty { |
||||
margin-left: 120px !important; |
width: 130px !important; |
||||
} |
} |
||||
|
.addinputInfo { |
||||
.must { |
margin-left: 120px !important; |
||||
color: #f00; |
} |
||||
} |
.first_row { |
||||
|
border-top: 1px solid #E0E3EB; |
||||
.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> |
</style> |
||||
|
Loading…
Reference in new issue