|
|
|
@ -7,10 +7,16 @@ |
|
|
|
<el-button type="info" size="small" icon="el-icon-close" @click="handleReturn()">关闭</el-button> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class=""> |
|
|
|
<div class="listconadd"> |
|
|
|
<div class="titwu">销售订单</div> |
|
|
|
<el-form ref="dataForm" :model="formobj" label-position="top" label-width="130px" class="formaddcopy02"> |
|
|
|
<el-row style="border-top: 1px solid #E0E3EB"> |
|
|
|
<el-col :span="24"> |
|
|
|
<div class="span-sty">开票单位</div> |
|
|
|
<el-form-item><span class="addinputInfo">{{ formobj.companyInvoicingName }}</span></el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<el-col :span="8" class="tlineheightb"> |
|
|
|
<div class="span-sty">订单编号</div> |
|
|
|
<el-form-item><span class="addinputInfo">{{ formobj.billNo }}</span></el-form-item> |
|
|
|
@ -124,12 +130,12 @@ |
|
|
|
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderPrice.quantity }}</span></el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<!-- <div class="title">挂车信息</div>--> |
|
|
|
<!-- <el-row>--> |
|
|
|
<!-- <el-col :span="24">--> |
|
|
|
<!-- <el-form-item><span></span></el-form-item>--> |
|
|
|
<!-- </el-col>--> |
|
|
|
<!-- </el-row>--> |
|
|
|
<!-- <div class="title">挂车信息</div>--> |
|
|
|
<!-- <el-row>--> |
|
|
|
<!-- <el-col :span="24">--> |
|
|
|
<!-- <el-form-item><span></span></el-form-item>--> |
|
|
|
<!-- </el-col>--> |
|
|
|
<!-- </el-row>--> |
|
|
|
<div class="title">价格信息</div> |
|
|
|
<el-row> |
|
|
|
<el-col :span="8"> |
|
|
|
@ -137,11 +143,11 @@ |
|
|
|
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderPrice.singleGuildPrice }}</span></el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="8"> |
|
|
|
<div class="span-sty">主车单台成交价</div> |
|
|
|
<div class="span-sty">主车单台销售合同价</div> |
|
|
|
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderModel.finalPrice }}</span></el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="8"> |
|
|
|
<div class="span-sty">单台整体成交价</div> |
|
|
|
<div class="span-sty">单台整体销售合同价</div> |
|
|
|
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderPrice.singleFinalPrice }}</span></el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
@ -169,12 +175,6 @@ |
|
|
|
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderPrice.plannedPickUpLocation }}</span></el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<div class="title">保险说明</div> |
|
|
|
<el-row> |
|
|
|
<el-col :span="24"> |
|
|
|
<el-form-item><span>{{ formobj.insuranceInfo }}</span></el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<div class="title">订金信息</div> |
|
|
|
<el-row> |
|
|
|
<el-col :span="12"> |
|
|
|
@ -208,6 +208,53 @@ |
|
|
|
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderDeposit.depositRemarks }}</span></el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<div class="title">中介返利</div> |
|
|
|
<el-row> |
|
|
|
<el-col :span="12"> |
|
|
|
<div class="span-sty">内部引荐人</div> |
|
|
|
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.name }}</span></el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<div class="span-sty">返利备注</div> |
|
|
|
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.remarks }}</span></el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<el-col :span="6"> |
|
|
|
<div class="span-sty">中介人1</div> |
|
|
|
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.distributorName }}</span></el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="6"> |
|
|
|
<div class="span-sty">联系电话</div> |
|
|
|
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.distributorMobile }}</span></el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="6"> |
|
|
|
<div class="span-sty">单车中介返利</div> |
|
|
|
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.distributorPrice }}</span></el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="6"> |
|
|
|
<div class="span-sty">中介返利合计</div> |
|
|
|
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.middleOneDistributorPriceTotal }}</span></el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<el-col :span="6"> |
|
|
|
<div class="span-sty">中介人2</div> |
|
|
|
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.distributorNameTwo }}</span></el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="6"> |
|
|
|
<div class="span-sty">联系电话</div> |
|
|
|
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.distributorMobileTwo }}</span></el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="6"> |
|
|
|
<div class="span-sty">单车中介返利</div> |
|
|
|
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.distributorPriceTwo }}</span></el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="6"> |
|
|
|
<div class="span-sty">中介返利合计</div> |
|
|
|
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.middleTwoDistributorPriceTotal }}</span></el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<div class="title" v-if="formobj.busSalesOrderDiscountList.length > 0">优惠套餐</div> |
|
|
|
<el-table v-if="formobj.busSalesOrderDiscountList.length > 0" :key="tableKey" :data="formobj.busSalesOrderDiscountList" :index="index" border style="width: 100%" show-summary :summary-method="getSummaries"> |
|
|
|
<el-table-column fixed width="60" label="序号" type="index" :index="index + 1" align="center" /> |
|
|
|
@ -238,7 +285,7 @@ |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
|
<div v-show="formobj.finPlanState" class="jinrong"> |
|
|
|
<div>金融方案</div> |
|
|
|
<div>单车金融方案</div> |
|
|
|
<div> |
|
|
|
<el-button type="primary" size="mini" class="btntopblueline" @click="handleLook()">查看</el-button> |
|
|
|
</div> |
|
|
|
@ -254,67 +301,26 @@ |
|
|
|
<el-form-item><el-image style="width: 178px;height: 178px;" v-for="(item,index) in formobj.images" :key="index" :src="item" :preview-src-list="formobj.images"></el-image></el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<div class="title">其它信息</div> |
|
|
|
<el-row> |
|
|
|
<el-col :span="12"> |
|
|
|
<div class="span-sty">内部引荐人</div> |
|
|
|
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.name }}</span></el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<div class="span-sty">返利备注</div> |
|
|
|
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.remarks }}</span></el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<el-col :span="6"> |
|
|
|
<div class="span-sty">中介人1</div> |
|
|
|
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.distributorName }}</span></el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="6"> |
|
|
|
<div class="span-sty">联系电话</div> |
|
|
|
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.distributorMobile }}</span></el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="6"> |
|
|
|
<div class="span-sty">单车中介服务费</div> |
|
|
|
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.distributorPrice }}</span></el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="6"> |
|
|
|
<div class="span-sty">中介服务费合计</div> |
|
|
|
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.middleOneDistributorPriceTotal }}</span></el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<div class="title">保险说明</div> |
|
|
|
<el-row> |
|
|
|
<el-col :span="6"> |
|
|
|
<div class="span-sty">中介人2</div> |
|
|
|
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.distributorNameTwo }}</span></el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="6"> |
|
|
|
<div class="span-sty">联系电话</div> |
|
|
|
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.distributorMobileTwo }}</span></el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="6"> |
|
|
|
<div class="span-sty">单车中介服务费</div> |
|
|
|
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.distributorPriceTwo }}</span></el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="6"> |
|
|
|
<div class="span-sty">中介服务费合计</div> |
|
|
|
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.middleTwoDistributorPriceTotal }}</span></el-form-item> |
|
|
|
<el-col :span="24"> |
|
|
|
<el-form-item><span>{{ formobj.insuranceInfo }}</span></el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
</el-form> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<financialscheme ref="divInfo" v-show="viewState == 2" @doback="resetState"/> |
|
|
|
<financialschemeInfo ref="divInfo" v-show="viewState == 2" @doback="resetState"/> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
<script> |
|
|
|
import { fetchDetailsBySid } from '@/api/examinePage/chukushenhe' |
|
|
|
import financialscheme from './financialscheme' |
|
|
|
import { fetchDetails } from '@/api/Common/dictcommons' |
|
|
|
import financialschemeInfo from './financialschemeInfo' |
|
|
|
|
|
|
|
export default { |
|
|
|
name: 'XiaoShouDingDanInfo', |
|
|
|
components: { |
|
|
|
financialscheme |
|
|
|
financialschemeInfo |
|
|
|
}, |
|
|
|
data() { |
|
|
|
return { |
|
|
|
@ -339,6 +345,7 @@ export default { |
|
|
|
busSalesOrderVehicleList: [], |
|
|
|
busSalesOrderotherMessageDetailsVo: [], |
|
|
|
busSalesVehicleOrderList: [], |
|
|
|
companyInvoicingName: '', |
|
|
|
concatNo: '', |
|
|
|
createDate: '', |
|
|
|
customerName: '', |
|
|
|
@ -370,9 +377,9 @@ export default { |
|
|
|
} |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
showInfo(row) { |
|
|
|
showInfo(sid) { |
|
|
|
this.viewTitle = '销售订单' |
|
|
|
fetchDetailsBySid(row.sid).then((resp) => { |
|
|
|
fetchDetails(sid).then((resp) => { |
|
|
|
if (resp.success) { |
|
|
|
this.formobj = resp.data |
|
|
|
if (this.formobj.busSalesOrderModel.linkNo.length > 0) { |
|
|
|
@ -390,7 +397,7 @@ export default { |
|
|
|
}, |
|
|
|
handleLook() { |
|
|
|
this.viewState = 2 |
|
|
|
this.$refs['divInfo'].showInfo(this.formobj.solutionsDetailsssVo) |
|
|
|
this.$refs['divInfo'].showInfo(this.formobj.solutionsDetailsssVo, '03') |
|
|
|
}, |
|
|
|
// 合计 |
|
|
|
getSummaries(param) { |
|
|
|
@ -435,51 +442,6 @@ export default { |
|
|
|
this.viewState = 1 |
|
|
|
}, |
|
|
|
handleReturn() { |
|
|
|
this.formobj = { |
|
|
|
sid: '', |
|
|
|
affiliatedCompany: '', |
|
|
|
affiliatedCompanySid: '', |
|
|
|
billNo: '', |
|
|
|
billingType: '', |
|
|
|
billingTypeKey: '', |
|
|
|
busDepositFictitiousList: [], |
|
|
|
busSalesOrderDeposit: [], |
|
|
|
busSalesOrderDiscountList: [], |
|
|
|
busSalesOrderInsurance: [], |
|
|
|
busSalesOrderMakeup: [], |
|
|
|
busSalesOrderModel: [], |
|
|
|
busSalesOrderPrice: [], |
|
|
|
busSalesOrderVehicleList: [], |
|
|
|
busSalesOrderotherMessageDetailsVo: [], |
|
|
|
busSalesVehicleOrderList: [], |
|
|
|
concatNo: '', |
|
|
|
createDate: '', |
|
|
|
customerName: '', |
|
|
|
customerSid: '', |
|
|
|
images: [], |
|
|
|
insuranceInfo: '', |
|
|
|
insuranceInfoMessage: '', |
|
|
|
isInsurance: '', |
|
|
|
isTop: '', |
|
|
|
licensePlateKey: '', |
|
|
|
licensePlateValue: '', |
|
|
|
mobile: '', |
|
|
|
nodeState: '', |
|
|
|
notes: '', |
|
|
|
orgName: '', |
|
|
|
orgSid: '', |
|
|
|
payType: '', |
|
|
|
payTypeKey: '', |
|
|
|
procInstId: '', |
|
|
|
remarks: '', |
|
|
|
staffName: '', |
|
|
|
staffSid: '', |
|
|
|
taskId: '', |
|
|
|
type: '', |
|
|
|
useOrgName: '', |
|
|
|
useOrgSid: '', |
|
|
|
finPlanState: false |
|
|
|
} |
|
|
|
this.$emit('doback') |
|
|
|
} |
|
|
|
} |
|
|
|
@ -487,16 +449,11 @@ export default { |
|
|
|
</script> |
|
|
|
|
|
|
|
<style scoped> |
|
|
|
.titwu { |
|
|
|
font-size: 28px; |
|
|
|
text-align: center; |
|
|
|
padding: 30px 0 20px 0; |
|
|
|
} |
|
|
|
.span-sty { |
|
|
|
width: 130px !important; |
|
|
|
width: 140px !important; |
|
|
|
} |
|
|
|
.addinputInfo { |
|
|
|
margin-left: 120px !important; |
|
|
|
margin-left: 130px !important; |
|
|
|
} |
|
|
|
.jinrong { |
|
|
|
padding: 7px; |
