Browse Source

完善维修出入库查询

master
yunuo970428 2 months ago
parent
commit
25ff91c199
  1. 6
      yxt-as-ui/src/views/storage/maintenanceInOrOutBound/index.vue
  2. 279
      yxt-as-ui/src/views/storage/maintenanceInOrOutBound/maintenanceOutboundInfo.vue
  3. 277
      yxt-as-ui/src/views/storage/maintenanceInOrOutBound/maintenanceReturnBoundInfo.vue

6
yxt-as-ui/src/views/storage/maintenanceInOrOutBound/index.vue

@ -13,13 +13,13 @@
<el-input v-model="queryParams.params.billNo" placeholder="" clearable/>
</el-form-item>
<el-form-item label="单据日期">
<el-date-picker v-model="queryParams.params.createTimestart" type="date" placeholder="选择日期" format="yyyy-MM-dd" value-format="yyyy-MM-dd" style="width: 200px;">
<el-date-picker v-model="queryParams.params.createTimeStart" type="date" placeholder="选择日期" format="yyyy-MM-dd" value-format="yyyy-MM-dd" style="width: 200px;">
</el-date-picker>
<span style="padding: 0 8px"></span>
<el-date-picker v-model="queryParams.params.createTimeEnd" type="date" placeholder="选择日期" format="yyyy-MM-dd" value-format="yyyy-MM-dd" style="width: 200px;">
</el-date-picker>
</el-form-item>
<el-form-item label="维修单编号">
<el-form-item label="维修单编号">
<el-input v-model="queryParams.params.sourceBillNo" placeholder="" clearable/>
</el-form-item>
<el-form-item label="业务类型">
@ -54,7 +54,7 @@
</template>
</el-table-column>
<el-table-column prop="createTime" label="单据时间" align="center"/>
<el-table-column prop="sourceBillNo" label="维修单编号" align="center"/>
<el-table-column prop="sourceBillNo" label="维修单编号" align="center"/>
<el-table-column prop="busTypeValue" label="业务类型" align="center"/>
<el-table-column prop="createByName" label="操作人" align="center"/>
<el-table-column prop="warehouseManager" label="经办人" align="center"/>

279
yxt-as-ui/src/views/storage/maintenanceInOrOutBound/maintenanceOutboundInfo.vue

@ -1,276 +1,161 @@
<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="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-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="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="outboundCount" align="center" />
<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="序号" 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="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="outboundCount" align="center"/>
<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>
</template>
<script>
import req from '@/api/maintenanceReceive/maintenanceReceive.js'
export default {
components: {},
data() {
return {
viewState: 1,
listLoading: false,
submitdisabled: false,
formobj: {
},
import req from '@/api/maintenanceReceive/maintenanceReceive.js'
export default {
components: {},
data() {
return {
viewState: 1,
listLoading: false,
submitdisabled: false,
formobj: {}
}
},
methods: {
}
handleReturn(isreload) {
if (isreload === 'true') this.$emit('reloadlist')
this.formobj = {}
this.$emit('doback')
},
created() {
indexMethod(index) {
return index + 1
},
methods: {
handleReturn(isreload) {
if (isreload === 'true') this.$emit('reloadlist')
this.formobj = {}
this.$emit('doback')
},
indexMethod(index) {
return index + 1
},
showAdd(row) {
var params = {
sid: row.sid
showAdd(row) {
var params = {
sid: row.sid
}
req.detailsBill(params).then(resp => {
if (resp.success) {
this.formobj = resp.data
} else {
// resp.code
}
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;
}
.span-sty {
width: 130px !important;
}
.addinputInfo {
margin-left: 120px !important;
}
.first_row {
border-top: 1px solid #E0E3EB;
}
</style>

277
yxt-as-ui/src/views/storage/maintenanceInOrOutBound/maintenanceReturnBoundInfo.vue

@ -1,270 +1,157 @@
<template>
<div>
<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="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-table v-loading="listLoading" :data="formobj.detailList" 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="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="outboundCount" align="center" />
<el-table-column label="退库数量" prop="count" align="center" />
<el-table-column label="销售单价" prop="price" 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="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="outboundCount" align="center"/>
<el-table-column label="退库数量" prop="count" align="center"/>
<el-table-column label="销售单价" prop="price" 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>
</template>
<script>
import req from '@/api/maintenanceReceive/maintenanceReceive.js'
export default {
components: {},
data() {
return {
listLoading: false,
activeNames: ['1'],
submitdisabled: false,
formobj: {
},
}
import req from '@/api/maintenanceReceive/maintenanceReceive.js'
export default {
components: {},
data() {
return {
listLoading: false,
activeNames: ['1'],
submitdisabled: false,
formobj: {}
}
},
methods: {
handleReturn(isreload) {
if (isreload === 'true') this.$emit('reloadlist')
this.formobj = {}
this.$emit('doback')
},
indexMethod(index) {
return index + 1
},
created() {},
methods: {
handleReturn(isreload) {
if (isreload === 'true') this.$emit('reloadlist')
this.formobj = {}
this.$emit('doback')
},
indexMethod(index) {
return index + 1
},
showAdd(row) {
var params = {
sid: row.sid
showAdd(row) {
var params = {
sid: row.sid
}
req.detailsBill(params).then(resp => {
if (resp.success) {
this.formobj = resp.data
} else {
// resp.code
}
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;
}
.span-sty {
width: 130px !important;
}
.addinputInfo {
margin-left: 120px !important;
}
.first_row {
border-top: 1px solid #E0E3EB;
}
</style>

Loading…
Cancel
Save