ligaode
1 week ago
5 changed files with 433 additions and 1449 deletions
@ -1,158 +0,0 @@ |
|||||
<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="12"> |
|
||||
<div class="span-sty">维修工单编号</div> |
|
||||
<el-form-item><span class="addinputInfo">{{ formobj.billNo }}</span></el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
<div class="span-sty">申请日期</div> |
|
||||
<el-form-item><span class="addinputInfo">{{ formobj.billTime }}</span></el-form-item> |
|
||||
</el-col> |
|
||||
|
|
||||
</el-row> |
|
||||
|
|
||||
<el-row> |
|
||||
|
|
||||
<el-col :span="12"> |
|
||||
<div class="span-sty">客户名称</div> |
|
||||
<el-form-item><span class="addinputInfo">{{ formobj.customerName }}</span></el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
<div class="span-sty">车牌号</div> |
|
||||
<el-form-item><span class="addinputInfo">{{ formobj.vehMark }}</span></el-form-item> |
|
||||
</el-col> |
|
||||
|
|
||||
|
|
||||
</el-row> |
|
||||
|
|
||||
<el-row> |
|
||||
|
|
||||
<el-col :span="12"> |
|
||||
<div class="span-sty">车架号</div> |
|
||||
<el-form-item><span class="addinputInfo">{{ formobj.vinNo }}</span></el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
<!-- <div class="span-sty"></div> |
|
||||
<el-form-item><span class="addinputInfo">{{ formobj.vehMark }}</span></el-form-item> --> |
|
||||
</el-col> |
|
||||
|
|
||||
</el-row> |
|
||||
|
|
||||
<el-row> |
|
||||
|
|
||||
<el-col :span="24"> |
|
||||
<div class="span-sty">旧件回收说明</div> |
|
||||
<el-form-item><span class="addinputInfo">{{ formobj.shortss }}</span></el-form-item> |
|
||||
</el-col> |
|
||||
|
|
||||
</el-row> |
|
||||
|
|
||||
<el-row> |
|
||||
|
|
||||
<el-col :span="24"> |
|
||||
<div class="span-sty">旧件照片</div> |
|
||||
<el-form-item> |
|
||||
<el-image class="addinputInfo" style="width: 120px;height: 120px; margin: 10px;" |
|
||||
v-for="(item,index) in formobj.photos" :src="item.url" :preview-src-list="[item.url]"> |
|
||||
</el-image> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
|
|
||||
</el-row> |
|
||||
|
|
||||
</el-form> |
|
||||
|
|
||||
</div> |
|
||||
|
|
||||
|
|
||||
</div> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
import req from '@/api/storage/oldPartsRecovery.js' |
|
||||
|
|
||||
export default { |
|
||||
components: {}, |
|
||||
data() { |
|
||||
return { |
|
||||
listLoading: false, |
|
||||
submitdisabled: false, |
|
||||
formobj: {}, |
|
||||
} |
|
||||
}, |
|
||||
methods: { |
|
||||
indexMethod(index) { |
|
||||
return index + 1 |
|
||||
}, |
|
||||
|
|
||||
handleReturn(isreload) { |
|
||||
if (isreload === 'true') this.$emit('reloadlist') |
|
||||
this.$emit('doback') |
|
||||
}, |
|
||||
|
|
||||
showAdd() { |
|
||||
|
|
||||
}, |
|
||||
showEdit(row) { |
|
||||
|
|
||||
var params = { |
|
||||
sid: row.sid |
|
||||
} |
|
||||
req.getOneByBillNo(params) |
|
||||
.then(resp => { |
|
||||
if (resp.success) { |
|
||||
this.formobj = resp.data |
|
||||
} |
|
||||
}) |
|
||||
.catch(e => { |
|
||||
this.formobj = {} |
|
||||
}) |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
</script> |
|
||||
<style scoped> |
|
||||
.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; |
|
||||
} |
|
||||
</style> |
|
||||
@ -1,632 +0,0 @@ |
|||||
<template> |
|
||||
<div class="app-container"> |
|
||||
<div v-show="viewState == 1"> |
|
||||
<div class="tab-header webtop"> |
|
||||
<div>{{ viewTitle }}</div> |
|
||||
<div> |
|
||||
<!-- <el-button type="primary" size="small" v-show="formobj.showReSettleBtn" @click="negativeSettlement()">反结算</el-button> --> |
|
||||
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="listconadd"> |
|
||||
<el-form ref="form_obj" :model="formobj" :rules="rules" class="formaddcopy02"> |
|
||||
<el-row style="border-top: 1px solid #e0e3eb"> |
|
||||
<el-col :span="8"> |
|
||||
<div class="span-sty">制单人</div> |
|
||||
<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="addinputInfo">{{ formobj.deptName }}</span></el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="8"> |
|
||||
<div class="span-sty">制单日期</div> |
|
||||
<el-form-item><span class="addinputInfo">{{ formobj.createDate }}</span></el-form-item> |
|
||||
</el-col> |
|
||||
</el-row> |
|
||||
<el-row> |
|
||||
<el-col :span="8"> |
|
||||
<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="addinputInfo">{{ formobj.subject }}</span></el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="8"> |
|
||||
<div class="span-sty">索赔厂家</div> |
|
||||
<el-form-item><span class="addinputInfo">{{ formobj.claimManufacturer }}</span></el-form-item> |
|
||||
</el-col> |
|
||||
</el-row> |
|
||||
<el-row> |
|
||||
<el-col :span="8"> |
|
||||
<div class="span-sty">是否外出</div> |
|
||||
<el-form-item><span class="addinputInfo">{{ formobj.isGoOut == '1' ? '是' : '否' }}</span></el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="8"> |
|
||||
<div class="span-sty">进厂时间</div> |
|
||||
<el-form-item><span class="addinputInfo">{{ formobj.entryTime }}</span></el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="8"> |
|
||||
<div class="span-sty">预计完工</div> |
|
||||
<el-form-item><span class="addinputInfo">{{ formobj.estimatedFinishTime }}</span></el-form-item> |
|
||||
</el-col> |
|
||||
</el-row> |
|
||||
<el-row> |
|
||||
<el-col :span="8"> |
|
||||
<div class="span-sty">服务顾问</div> |
|
||||
<el-form-item><span class="addinputInfo">{{ formobj.waitorName }}</span></el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="8"> |
|
||||
<div class="span-sty">班组</div> |
|
||||
<el-form-item><span class="addinputInfo">{{ formobj.groupName }}</span></el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="8"> |
|
||||
<div class="span-sty">主修人</div> |
|
||||
<el-form-item><span class="addinputInfo">{{ formobj.mainRepairers }}</span></el-form-item> |
|
||||
</el-col> |
|
||||
</el-row> |
|
||||
<el-row> |
|
||||
<el-col :span="8"> |
|
||||
<div class="span-sty">备注(打印)</div> |
|
||||
<el-form-item><span class="addinputInfo">{{ formobj.printRemarks }}</span></el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="8"> |
|
||||
<div class="span-sty">备注</div> |
|
||||
<el-form-item><span class="addinputInfo">{{ formobj.remarks }}</span></el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="8"> |
|
||||
<div class="span-sty">特殊标注</div> |
|
||||
<el-form-item><span |
|
||||
class="addinputInfo">{{ formobj.isSpecialSign == '1' ? '有' : '否' }}</span></el-form-item> |
|
||||
</el-col> |
|
||||
</el-row> |
|
||||
<el-collapse v-model="activeNames"> |
|
||||
<el-collapse-item title="客户信息" name="1"> |
|
||||
<el-row style="border-top: 1px solid #e0e3eb"> |
|
||||
<el-col :span="8"> |
|
||||
<div class="span-sty">客户</div> |
|
||||
<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="addinputInfo">{{ formobj.mobile }}</span></el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="8"> |
|
||||
<div class="span-sty">客户来源</div> |
|
||||
<el-form-item><span class="addinputInfo">{{ formobj.customerSource }}</span></el-form-item> |
|
||||
</el-col> |
|
||||
</el-row> |
|
||||
<el-row> |
|
||||
<el-col :span="8"> |
|
||||
<div class="span-sty">车牌号</div> |
|
||||
<el-form-item><span class="addinputInfo">{{ formobj.vehMark }}</span></el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="8"> |
|
||||
<div class="span-sty">车架号</div> |
|
||||
<el-form-item><span class="addinputInfo">{{ formobj.vinNo }}</span></el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="8"> |
|
||||
<div class="span-sty">车型</div> |
|
||||
<el-form-item><span class="addinputInfo">{{ formobj.vehModel }}</span></el-form-item> |
|
||||
</el-col> |
|
||||
</el-row> |
|
||||
<el-row> |
|
||||
<el-col :span="8"> |
|
||||
<div class="span-sty">行驶里程(Km)</div> |
|
||||
<el-form-item><span class="addinputInfo">{{ formobj.mileage }}</span></el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="8"> |
|
||||
<div class="span-sty">油量(L)</div> |
|
||||
<el-form-item><span class="addinputInfo">{{ formobj.oil }}</span></el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="8"> |
|
||||
<div class="span-sty">当前里程(Km)</div> |
|
||||
<el-form-item><span class="addinputInfo">{{ formobj.currentMileage }}</span></el-form-item> |
|
||||
</el-col> |
|
||||
</el-row> |
|
||||
</el-collapse-item> |
|
||||
<el-collapse-item title="对接人信息" name="2"> |
|
||||
<el-row style="border-top: 1px solid #e0e3eb"> |
|
||||
<el-col :span="8"> |
|
||||
<div class="span-sty">对接人姓名</div> |
|
||||
<el-form-item><span class="addinputInfo">{{ formobj.dockingPeople }}</span></el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="16"> |
|
||||
<div class="span-sty">对接人电话</div> |
|
||||
<el-form-item><span class="addinputInfo">{{ formobj.dockingPhone }}</span></el-form-item> |
|
||||
</el-col> |
|
||||
</el-row> |
|
||||
</el-collapse-item> |
|
||||
<el-collapse-item title="保险信息" name="3" v-show="formobj.billTypeKey == '1'"> |
|
||||
<el-row style="border-top: 1px solid #e0e3eb"> |
|
||||
<el-col :span="8"> |
|
||||
<div class="span-sty">责任划分</div> |
|
||||
<el-form-item><span |
|
||||
class="addinputInfo">{{ formobj.insuranceVo.responsibility }}</span></el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="8"> |
|
||||
<div class="span-sty">责任比例</div> |
|
||||
<el-form-item><span |
|
||||
class="addinputInfo">{{ formobj.insuranceVo.responsibilityRatio }}</span></el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="8"> |
|
||||
<div class="span-sty">是否存在人伤</div> |
|
||||
<el-form-item><span |
|
||||
class="addinputInfo">{{ formobj.insuranceVo.isPersonInjuries == '1' ? '是' : formobj.insuranceVo.isPersonInjuries == '0' ? '否' : '' }}</span></el-form-item> |
|
||||
</el-col> |
|
||||
</el-row> |
|
||||
<el-table :key="insuranceKey" :data="formobj.insuranceVo.insuranceList" :index="index" border |
|
||||
style="width: 100%"> |
|
||||
<el-table-column fixed width="60" label="序号" type="index" :index="index + 1" align="center" /> |
|
||||
<el-table-column prop="useInsurer" label="使用保险方" align="center" min-width="150" /> |
|
||||
<el-table-column prop="insuranceType" label="使用险种" align="center" min-width="150" /> |
|
||||
<el-table-column prop="insuranceCompany" label="保险公司" align="center" min-width="150" /> |
|
||||
<el-table-column prop="claimBillNo" label="报案号" align="center" min-width="180" /> |
|
||||
<el-table-column prop="investigator" label="勘察员及电话" align="center" min-width="220" /> |
|
||||
<el-table-column prop="lossAdjuster" label="定损员及电话" align="center" min-width="220" /> |
|
||||
</el-table> |
|
||||
</el-collapse-item> |
|
||||
<el-collapse-item title="发票信息" name="4" v-show="formobj.subject == '保外'"> |
|
||||
<el-row style="border-top: 1px solid #e0e3eb"> |
|
||||
<el-col :span="8"> |
|
||||
<div class="span-sty">是否开发票</div> |
|
||||
<el-form-item><span |
|
||||
class="addinputInfo">{{ formobj.invoiceVo.isInvoicing == '1' ? '是' : formobj.invoiceVo.isInvoicing == '0' ? '否' : '' }}</span></el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="8"> |
|
||||
<div class="span-sty">发票类型</div> |
|
||||
<el-form-item><span class="addinputInfo">{{ formobj.invoiceVo.invoiceType }}</span></el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="8"> |
|
||||
<div class="span-sty">税率</div> |
|
||||
<el-form-item><span class="addinputInfo">{{ formobj.invoiceVo.taxRate }}</span></el-form-item> |
|
||||
</el-col> |
|
||||
</el-row> |
|
||||
<el-row> |
|
||||
<el-col :span="8"> |
|
||||
<div class="span-sty">开票单位</div> |
|
||||
<el-form-item><span class="addinputInfo">{{ formobj.invoiceVo.invoiceCompany }}</span></el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="16"> |
|
||||
<div class="span-sty">加税点的项目</div> |
|
||||
<el-form-item> |
|
||||
<el-checkbox-group class="addinputInfo" v-model="formobj.invoiceVo.taxItems"> |
|
||||
<el-checkbox disabled label="维修项目"></el-checkbox> |
|
||||
<el-checkbox disabled label="维修用料"></el-checkbox> |
|
||||
<el-checkbox disabled label="附加项目"></el-checkbox> |
|
||||
<el-checkbox disabled label="其它附加项目"></el-checkbox> |
|
||||
</el-checkbox-group> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
</el-row> |
|
||||
</el-collapse-item> |
|
||||
</el-collapse> |
|
||||
<div class="title">维修项目</div> |
|
||||
<el-table :key="serviceKey" :data="formobj.sitemVos" :index="index" border style="width: 100%"> |
|
||||
<el-table-column fixed width="60" label="序号" type="index" :index="index + 1" align="center" /> |
|
||||
<el-table-column prop="serviceItem" label="维修项目" align="center" width="200" /> |
|
||||
<el-table-column prop="serviceType" label="工种" align="center" width="150" /> |
|
||||
<el-table-column prop="repairerName" label="维修人" width="200" align="center" /> |
|
||||
<el-table-column prop="examineHourPrice" label="工时提成" align="center" width="100" /> |
|
||||
<el-table-column prop="hourPrice" label="工时单价" align="center" width="150" /> |
|
||||
<el-table-column prop="hours" label="工时数" align="center" width="100" /> |
|
||||
<el-table-column prop="price" label="销售价" align="center" width="150" /> |
|
||||
<el-table-column prop="discount" label="折扣" align="center" width="100" /> |
|
||||
<el-table-column prop="discountAmount" label="优惠" align="center" width="150" /> |
|
||||
<el-table-column prop="amount" label="金额" align="center" width="150" /> |
|
||||
<el-table-column prop="remarks" label="备注" align="center" min-width="300" /> |
|
||||
</el-table> |
|
||||
<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><span class="addinputInfo-one">{{ formobj.registerRemarks }}</span></el-form-item> |
|
||||
</el-col> |
|
||||
</el-row> |
|
||||
<el-table :key="tableKey" :data="formobj.goodsDetailsVos" :index="index" border style="width: 100%"> |
|
||||
<el-table-column fixed width="60" label="序号" type="index" :index="index + 1" align="center" /> |
|
||||
<el-table-column prop="serviceItem" label="维修项目" width="200" align="center" /> |
|
||||
<el-table-column prop="goodsID" label="商品ID" width="200" align="center" /> |
|
||||
<el-table-column prop="goodsSpuName" label="商品名称" width="100" align="center" /> |
|
||||
<el-table-column prop="goodsSkuCode" label="图号" width="100" align="center" /> |
|
||||
<el-table-column prop="goodsSkuOwnSpec" label="规格" width="100" align="center" /> |
|
||||
<el-table-column prop="unit" label="单位" width="100" align="center" /> |
|
||||
<el-table-column prop="warehouseName" label="仓库" width="100" align="center" /> |
|
||||
<el-table-column prop="warehouseRackCode" label="库位" width="100" align="center" /> |
|
||||
<el-table-column prop="count" label="数量" width="100" align="center" /> |
|
||||
<el-table-column prop="price" label="单价" align="center" width="150" /> |
|
||||
<el-table-column prop="discount" label="折扣" align="center" width="100" /> |
|
||||
<el-table-column prop="discountAmount" label="优惠" width="100" align="center" /> |
|
||||
<el-table-column prop="amount" label="销售金额" width="100" align="center" /> |
|
||||
<el-table-column prop="remarks" label="备注" align="center" min-width="300" /> |
|
||||
<el-table-column prop="operName" label=领料人 width="100" align="center" /> |
|
||||
<el-table-column prop="receivedTime" label="接收时间" width="120" align="center" /> |
|
||||
<el-table-column prop="partsSellers" label="配件销售人" min-width="150" align="center" /> |
|
||||
</el-table> |
|
||||
<div class="title">附加项目</div> |
|
||||
<el-row> |
|
||||
<el-col :span="8"> |
|
||||
<div class="span-sty">外出费(元)</div> |
|
||||
<el-form-item> |
|
||||
<div style="display: flex;flex-direction: row;justify-content: space-between;align-items: center"> |
|
||||
<span class="addinputInfo">{{ formobj.outAmount }}</span> |
|
||||
<span v-show="formobj.outKPAmount !== ''">开票金额：{{ formobj.outKPAmount }}</span> |
|
||||
</div> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="16"> |
|
||||
<div class="span-sty">备注</div> |
|
||||
<el-form-item><span class="addinputInfo">{{ formobj.outRemarks }}</span></el-form-item> |
|
||||
</el-col> |
|
||||
</el-row> |
|
||||
<el-row> |
|
||||
<el-col :span="8"> |
|
||||
<div class="span-sty">厂家补助(元)</div> |
|
||||
<el-form-item> |
|
||||
<div style="display: flex;flex-direction: row;justify-content: space-between;align-items: center"> |
|
||||
<span class="addinputInfo">{{ formobj.subsidyAmount }}</span> |
|
||||
<span v-show="formobj.subsidyKPAmount !== ''">开票金额：{{ formobj.subsidyKPAmount }}</span> |
|
||||
</div> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="16"> |
|
||||
<div class="span-sty">备注</div> |
|
||||
<el-form-item><span class="addinputInfo">{{ formobj.subsidyRemarks }}</span></el-form-item> |
|
||||
</el-col> |
|
||||
</el-row> |
|
||||
<el-row> |
|
||||
<el-col :span="8"> |
|
||||
<div class="span-sty">施救费(元)</div> |
|
||||
<el-form-item> |
|
||||
<div style="display: flex;flex-direction: row;justify-content: space-between;align-items: center"> |
|
||||
<span class="addinputInfo">{{ formobj.rescueAmount }}</span> |
|
||||
<span v-show="formobj.rescueKPAmount !== ''">开票金额：{{ formobj.rescueKPAmount }}</span> |
|
||||
</div> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="8"> |
|
||||
<div class="span-sty">备注</div> |
|
||||
<el-form-item><span class="addinputInfo">{{ formobj.rescueRemarks }}</span></el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="8"> |
|
||||
<el-form-item> |
|
||||
<div style="display: flex;flex-direction: column;justify-content:flex-start;align-items: flex-start;"> |
|
||||
<el-button type="text" v-for="(item, index) in formobj.fileName" :key="index" |
|
||||
@click="handleOpen(item.url)">{{ item.name }}</el-button> |
|
||||
</div> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
</el-row> |
|
||||
<el-table :key="subjoinKey" :data="formobj.aitemVos" :index="index" border style="width: 100%"> |
|
||||
<el-table-column fixed width="60" label="序号" type="index" :index="index + 1" align="center" /> |
|
||||
<el-table-column prop="aitemName" label="其它附加项目" align="center" width="200" /> |
|
||||
<el-table-column prop="price" label="销售价" align="center" width="150" /> |
|
||||
<el-table-column prop="remarks" label="备注" align="center" min-width="200" /> |
|
||||
</el-table> |
|
||||
<el-row> |
|
||||
<el-col :span="24"> |
|
||||
<div class="span-sty" style="border-right: 0px">应收合计：</div> |
|
||||
<el-form-item><span class="addinputInfo">{{ formobj.receivableAmount }} = 工时费：{{ formobj.hourAmount }} + |
|
||||
材料费：{{ formobj.goodsAmount }} + 附加费：{{ formobj.addAmount }}</span></el-form-item> |
|
||||
</el-col> |
|
||||
</el-row> |
|
||||
<el-row> |
|
||||
<el-col :span="24"> |
|
||||
<div class="span-sty" style="border-right: 0px">实收合计：</div> |
|
||||
<el-form-item><span class="addinputInfo">{{ formobj.actualAmount }} = 应收合计：{{ formobj.receivableAmount }} |
|
||||
- 优惠：{{ formobj.discountAmount }}</span></el-form-item> |
|
||||
</el-col> |
|
||||
</el-row> |
|
||||
</el-form> |
|
||||
</div> |
|
||||
</div> |
|
||||
<!-- <workslrsettlementAdd v-show="viewState == 2" ref="divFJS" @doback="resetState" /> --> |
|
||||
</div> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
import req from '@/api/operation/repairbill' |
|
||||
// import workslrsettlementAdd from '../workslrsettlement/workslrsettlementAdd' |
|
||||
|
|
||||
export default { |
|
||||
name: 'RepairBillInfo', |
|
||||
components: { |
|
||||
// workslrsettlementAdd |
|
||||
}, |
|
||||
data() { |
|
||||
return { |
|
||||
viewTitle: '', |
|
||||
viewState: 1, |
|
||||
activeNames: '1', |
|
||||
tableKey: 0, |
|
||||
index: 0, |
|
||||
// service服务 |
|
||||
serviceKey: 1, |
|
||||
// subjoin附加项目 |
|
||||
subjoinKey: 2, |
|
||||
// insuranceKey保险信息 |
|
||||
insuranceKey: 3, |
|
||||
formobj: { |
|
||||
sid: '', |
|
||||
registerRemarks: '', |
|
||||
billNo: '', |
|
||||
createByName: '', |
|
||||
createBySid: '', |
|
||||
deptName: '', |
|
||||
deptSid: '', |
|
||||
createDate: '', |
|
||||
billTypeKey: '', |
|
||||
billType: '', |
|
||||
subjectSid: '', |
|
||||
subject: '', |
|
||||
claimManufacturerSid: '', |
|
||||
claimManufacturer: '', |
|
||||
isGoOut: '', |
|
||||
estimatedFinishTime: '', |
|
||||
entryTime: '', |
|
||||
nodeName: '', |
|
||||
waitorName: '', |
|
||||
waitorSid: '', |
|
||||
groupSid: '', |
|
||||
groupName: '', |
|
||||
mainRepairers: '', |
|
||||
printRemarks: '', |
|
||||
remarks: '', |
|
||||
isSpecialSign: '', |
|
||||
discountAmount: '', |
|
||||
coupon: '', |
|
||||
scoreDeduct: '', |
|
||||
nodeTime: '', |
|
||||
outDoorState: '', |
|
||||
outDoorTime: '', |
|
||||
customerSid: '', |
|
||||
customerName: '', |
|
||||
mobile: '', |
|
||||
customerOrg: '', |
|
||||
customerSource: '', |
|
||||
memberCardSid: '', |
|
||||
memberCarNumber: '', |
|
||||
vehMark: '', |
|
||||
vinNo: '', |
|
||||
vehModel: '', |
|
||||
mileage: '', |
|
||||
oil: '', |
|
||||
currentMileage: '', |
|
||||
dockingPeopleSid: '', |
|
||||
dockingPeople: '', |
|
||||
dockingPhone: '', |
|
||||
invoiceVo: { |
|
||||
isInvoicing: '', |
|
||||
invoiceType: '', |
|
||||
invoiceTypeKey: '', |
|
||||
invoiceCompanySid: '', |
|
||||
invoiceCompany: '', |
|
||||
taxRate: '', |
|
||||
taxItems: [] |
|
||||
}, |
|
||||
insuranceVo: { |
|
||||
responsibility: '', |
|
||||
responsibilityKey: '', |
|
||||
isPersonInjuries: '', |
|
||||
responsibilityRatioKey: '', |
|
||||
responsibilityRatio: '', |
|
||||
insuranceList: [] |
|
||||
}, |
|
||||
sitemVos: [], |
|
||||
aitemVos: [], |
|
||||
goodsDetailsVos: [], |
|
||||
operatorSid: '', |
|
||||
nodeCode: '', |
|
||||
settleVo: { |
|
||||
payerNo: '', |
|
||||
payerName: '', |
|
||||
receivableAmount: '', |
|
||||
depositdeductAmount: '', |
|
||||
settleKey: '', |
|
||||
settleValue: '', |
|
||||
settleAmount: '', |
|
||||
otherSettleKey: '', |
|
||||
otherSettleValue: '', |
|
||||
debts: '', |
|
||||
settleTime: '', |
|
||||
otherSettleAmount: '' |
|
||||
}, |
|
||||
showReSettleBtn: true, |
|
||||
hourAmount: '', |
|
||||
otherAmount: '', |
|
||||
goodsAmount: '', |
|
||||
addAmount: '', |
|
||||
taxAmount: '', |
|
||||
outAmount: '', |
|
||||
outKPAmount: '', |
|
||||
subsidyAmount: '', |
|
||||
subsidyKPAmount: '', |
|
||||
rescueAmount: '', |
|
||||
rescueKPAmount: '', |
|
||||
actualAmount: '', |
|
||||
receivableAmount: '', |
|
||||
subsidyRemarks: '', |
|
||||
rescueRemarks: '', |
|
||||
outRemarks: '', |
|
||||
fileName: [], |
|
||||
operator: '', |
|
||||
useOrgSid: '', |
|
||||
createOrgSid: '' |
|
||||
}, |
|
||||
rules: {} |
|
||||
} |
|
||||
}, |
|
||||
methods: { |
|
||||
showInfo(row) { |
|
||||
this.viewTitle = '维修单详情' |
|
||||
this.$nextTick(() => { |
|
||||
this.$refs['form_obj'].clearValidate() |
|
||||
}) |
|
||||
req.fetchBySid(row.billSid).then((res) => { |
|
||||
if (res.success) { |
|
||||
this.formobj = res.data |
|
||||
if (this.formobj.sitemVos.length > 0) { |
|
||||
this.formobj.sitemVos.forEach((e) => { |
|
||||
if (e.staffNameList.length > 0) { |
|
||||
e.repairerName = e.staffNameList.join(',') |
|
||||
} |
|
||||
}) |
|
||||
} |
|
||||
if (this.formobj.goodsDetailsVos.length > 0) { |
|
||||
this.formobj.goodsDetailsVos.forEach((e) => { |
|
||||
if (e.partsSellers.length > 0) { |
|
||||
e.partsSellers = e.partsSellers.join(',') |
|
||||
} |
|
||||
}) |
|
||||
} |
|
||||
} |
|
||||
}) |
|
||||
}, |
|
||||
resetState() { |
|
||||
this.viewState = 1 |
|
||||
}, |
|
||||
handleOpen(value) { |
|
||||
window.open(value, '_blank') |
|
||||
}, |
|
||||
negativeSettlement() { |
|
||||
this.viewState = 2 |
|
||||
this.$refs['divFJS'].showAdd(this.formobj.sid) |
|
||||
}, |
|
||||
handleReturn() { |
|
||||
this.formobj = { |
|
||||
sid: '', |
|
||||
registerRemarks: '', |
|
||||
billNo: '', |
|
||||
createByName: '', |
|
||||
createBySid: '', |
|
||||
deptName: '', |
|
||||
deptSid: '', |
|
||||
createDate: '', |
|
||||
billTypeKey: '', |
|
||||
billType: '', |
|
||||
subjectSid: '', |
|
||||
subject: '', |
|
||||
claimManufacturerSid: '', |
|
||||
claimManufacturer: '', |
|
||||
isGoOut: '', |
|
||||
estimatedFinishTime: '', |
|
||||
entryTime: '', |
|
||||
nodeName: '', |
|
||||
waitorName: '', |
|
||||
waitorSid: '', |
|
||||
groupSid: '', |
|
||||
groupName: '', |
|
||||
mainRepairers: '', |
|
||||
printRemarks: '', |
|
||||
remarks: '', |
|
||||
isSpecialSign: '', |
|
||||
discountAmount: '', |
|
||||
coupon: '', |
|
||||
scoreDeduct: '', |
|
||||
nodeTime: '', |
|
||||
outDoorState: '', |
|
||||
outDoorTime: '', |
|
||||
customerSid: '', |
|
||||
customerName: '', |
|
||||
mobile: '', |
|
||||
customerOrg: '', |
|
||||
customerSource: '', |
|
||||
memberCardSid: '', |
|
||||
memberCarNumber: '', |
|
||||
vehMark: '', |
|
||||
vinNo: '', |
|
||||
vehModel: '', |
|
||||
mileage: '', |
|
||||
oil: '', |
|
||||
currentMileage: '', |
|
||||
dockingPeopleSid: '', |
|
||||
dockingPeople: '', |
|
||||
dockingPhone: '', |
|
||||
invoiceVo: { |
|
||||
isInvoicing: '', |
|
||||
invoiceType: '', |
|
||||
invoiceTypeKey: '', |
|
||||
invoiceCompanySid: '', |
|
||||
invoiceCompany: '', |
|
||||
taxRate: '', |
|
||||
taxItems: [] |
|
||||
}, |
|
||||
insuranceVo: { |
|
||||
responsibility: '', |
|
||||
responsibilityKey: '', |
|
||||
isPersonInjuries: '', |
|
||||
responsibilityRatioKey: '', |
|
||||
responsibilityRatio: '', |
|
||||
insuranceList: [] |
|
||||
}, |
|
||||
sitemVos: [], |
|
||||
aitemVos: [], |
|
||||
goodsDetailsVos: [], |
|
||||
operatorSid: '', |
|
||||
nodeCode: '', |
|
||||
settleVo: { |
|
||||
payerNo: '', |
|
||||
payerName: '', |
|
||||
receivableAmount: '', |
|
||||
depositdeductAmount: '', |
|
||||
settleKey: '', |
|
||||
settleValue: '', |
|
||||
settleAmount: '', |
|
||||
otherSettleKey: '', |
|
||||
otherSettleValue: '', |
|
||||
debts: '', |
|
||||
settleTime: '', |
|
||||
otherSettleAmount: '' |
|
||||
}, |
|
||||
showReSettleBtn: true, |
|
||||
hourAmount: '', |
|
||||
otherAmount: '', |
|
||||
goodsAmount: '', |
|
||||
addAmount: '', |
|
||||
taxAmount: '', |
|
||||
outAmount: '', |
|
||||
outKPAmount: '', |
|
||||
subsidyAmount: '', |
|
||||
subsidyKPAmount: '', |
|
||||
rescueAmount: '', |
|
||||
rescueKPAmount: '', |
|
||||
actualAmount: '', |
|
||||
receivableAmount: '', |
|
||||
subsidyRemarks: '', |
|
||||
rescueRemarks: '', |
|
||||
outRemarks: '', |
|
||||
fileName: [], |
|
||||
operator: '', |
|
||||
useOrgSid: '', |
|
||||
createOrgSid: '' |
|
||||
} |
|
||||
this.activeNames = '1' |
|
||||
this.$emit('doback') |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
</script> |
|
||||
|
|
||||
<style scoped> |
|
||||
.span-sty { |
|
||||
width: 130px !important; |
|
||||
} |
|
||||
|
|
||||
.addinputInfo { |
|
||||
margin-left: 120px !important; |
|
||||
} |
|
||||
|
|
||||
.span-sty-one { |
|
||||
width: 180px !important; |
|
||||
} |
|
||||
|
|
||||
.addinputInfo-one { |
|
||||
margin-left: 170px !important; |
|
||||
} |
|
||||
|
|
||||
/deep/ .el-collapse .el-collapse-item .el-collapse-item__header { |
|
||||
height: 42px !important; |
|
||||
line-height: 42px !important; |
|
||||
} |
|
||||
</style> |
|
||||
Loading…
Reference in new issue