|
|
@ -1,93 +1,104 @@ |
|
|
|
<template> |
|
|
|
<div> |
|
|
|
<!--标题按钮部分开始--> |
|
|
|
<div class="tab-header webtop"> |
|
|
|
<!--标题--> |
|
|
|
<div>{{ viewTitle }}</div> |
|
|
|
<!--start 添加修改按钮--> |
|
|
|
<div> |
|
|
|
<el-button type="primary" size="small" :disabled="submitdisabled" @click="saveEdit()">保存 |
|
|
|
</el-button> |
|
|
|
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button> |
|
|
|
</div> |
|
|
|
<!--end 添加修改按钮--> |
|
|
|
<!--end 详情按钮--> |
|
|
|
</div> |
|
|
|
<!--标题按钮部分结束--> |
|
|
|
<!--Start 新增修改部分--> |
|
|
|
<div class="listconadd"> |
|
|
|
<div class="titwu"><span>采购订单</span></div> |
|
|
|
<el-form ref="form_obj" :model="formobj" :rules="rules" class="formaddcopy02"> |
|
|
|
<el-row style="border-top: 1px solid #E0E3EB"> |
|
|
|
<el-col :span="12"> |
|
|
|
<div class="span-sty spanOneWidth"><span>订单类型</span></div> |
|
|
|
<el-form-item><span class="addinputInfo addinputOne">{{ formobj.orderType }}</span></el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<div class="span-sty spanOneWidth"><span>排产申请编号</span></div> |
|
|
|
<el-form-item><span class="addinputInfo addinputOne">{{ formobj.applicationCode }}</span></el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<el-col :span="12"> |
|
|
|
<div class="span-sty spanOneWidth"><span>车型</span></div> |
|
|
|
<el-form-item><span class="addinputInfo addinputOne">{{ formobj.modelName }}</span></el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<div class="span-sty spanOneWidth"><span>台数</span></div> |
|
|
|
<el-form-item><span class="addinputInfo addinputOne">{{ formobj.platformNo }}</span></el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<el-col :span="12"> |
|
|
|
<div class="span-sty spanOneWidth"><span>订单编号</span></div> |
|
|
|
<el-form-item><el-input v-model="formobj.orderNo" placeholder="" class="addinputw addinputOne addinputTwo" clearable/></el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<div class="span-sty spanOneWidth"><span>订单日期</span></div> |
|
|
|
<el-form-item><el-date-picker v-model="formobj.orderDate" class="addinputw addinputOne addinputTwo" type="date" value-format="yyyy-MM-dd" placeholder="选择日期"/></el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<div class="title"> |
|
|
|
<div>订单进程</div> |
|
|
|
<div class="app-container"> |
|
|
|
<div v-show="viewState == 1"> |
|
|
|
<!--标题按钮部分开始--> |
|
|
|
<div class="tab-header webtop"> |
|
|
|
<!--标题--> |
|
|
|
<div>{{ viewTitle }}</div> |
|
|
|
<!--start 添加修改按钮--> |
|
|
|
<div> |
|
|
|
<el-button type="primary" size="small" :disabled="submitdisabled" @click="saveEdit()">保存 |
|
|
|
</el-button> |
|
|
|
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button> |
|
|
|
</div> |
|
|
|
<el-row> |
|
|
|
<el-col :span="24"> |
|
|
|
<div class="span-sty spanOneWidth"><span>预计上线日期</span></div> |
|
|
|
<el-form-item><el-date-picker v-model="formobj.expectLaunchDate" class="addinputw addinputOne addinputThree" type="date" value-format="yyyy-MM-dd" placeholder="选择日期"/></el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<el-col :span="24"> |
|
|
|
<div class="span-sty spanOneWidth"><span>上线日期</span></div> |
|
|
|
<el-form-item><el-date-picker v-model="formobj.launchDate" class="addinputw addinputOne addinputThree" type="date" value-format="yyyy-MM-dd" placeholder="选择日期"/></el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<el-col :span="24"> |
|
|
|
<div class="span-sty spanOneWidth"><span>下线日期</span></div> |
|
|
|
<el-form-item><el-date-picker v-model="formobj.offlineDate" class="addinputw addinputOne addinputThree" type="date" value-format="yyyy-MM-dd" placeholder="选择日期"/></el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<el-col :span="24"> |
|
|
|
<div class="span-sty spanOneWidth"><span>备注</span></div> |
|
|
|
<el-form-item><el-input v-model="formobj.remarks" placeholder="" class="addinputw addinputOne" clearable/></el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
</el-form> |
|
|
|
<!--end 添加修改按钮--> |
|
|
|
<!--end 详情按钮--> |
|
|
|
</div> |
|
|
|
<!--标题按钮部分结束--> |
|
|
|
<!--Start 新增修改部分--> |
|
|
|
<div class="listconadd"> |
|
|
|
<div class="titwu"><span>采购订单</span></div> |
|
|
|
<el-form ref="form_obj" :model="formobj" :rules="rules" class="formaddcopy02"> |
|
|
|
<el-row style="border-top: 1px solid #E0E3EB"> |
|
|
|
<el-col :span="12"> |
|
|
|
<div class="span-sty spanOneWidth"><span>订单类型</span></div> |
|
|
|
<el-form-item><span class="addinputInfo addinputOne">{{ formobj.orderType }}</span></el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<div class="span-sty spanOneWidth"><span>排产申请编号</span></div> |
|
|
|
<el-form-item> |
|
|
|
<span class="addinputInfo addinputOne">{{ formobj.applicationCode }}</span> |
|
|
|
<el-button type="primary" size="small" style="margin-left: 10px" @click="handleLook(formobj.purchaseRequisitionSid)">查看</el-button> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<el-col :span="12"> |
|
|
|
<div class="span-sty spanOneWidth"><span>车型</span></div> |
|
|
|
<el-form-item><span class="addinputInfo addinputOne">{{ formobj.modelName }}</span></el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<div class="span-sty spanOneWidth"><span>台数</span></div> |
|
|
|
<el-form-item><span class="addinputInfo addinputOne">{{ formobj.platformNo }}</span></el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<el-col :span="12"> |
|
|
|
<div class="span-sty spanOneWidth"><span>订单编号</span></div> |
|
|
|
<el-form-item><el-input v-model="formobj.orderNo" placeholder="" class="addinputw addinputOne addinputTwo" clearable/></el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<div class="span-sty spanOneWidth"><span>订单日期</span></div> |
|
|
|
<el-form-item><el-date-picker v-model="formobj.orderDate" class="addinputw addinputOne addinputTwo" type="date" value-format="yyyy-MM-dd" placeholder="选择日期"/></el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<div class="title"> |
|
|
|
<div>订单进程</div> |
|
|
|
</div> |
|
|
|
<el-row> |
|
|
|
<el-col :span="24"> |
|
|
|
<div class="span-sty spanOneWidth"><span>预计上线日期</span></div> |
|
|
|
<el-form-item><el-date-picker v-model="formobj.expectLaunchDate" class="addinputw addinputOne addinputThree" type="date" value-format="yyyy-MM-dd" placeholder="选择日期"/></el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<el-col :span="24"> |
|
|
|
<div class="span-sty spanOneWidth"><span>上线日期</span></div> |
|
|
|
<el-form-item><el-date-picker v-model="formobj.launchDate" class="addinputw addinputOne addinputThree" type="date" value-format="yyyy-MM-dd" placeholder="选择日期"/></el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<el-col :span="24"> |
|
|
|
<div class="span-sty spanOneWidth"><span>下线日期</span></div> |
|
|
|
<el-form-item><el-date-picker v-model="formobj.offlineDate" class="addinputw addinputOne addinputThree" type="date" value-format="yyyy-MM-dd" placeholder="选择日期"/></el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<el-col :span="24"> |
|
|
|
<div class="span-sty spanOneWidth"><span>备注</span></div> |
|
|
|
<el-form-item><el-input v-model="formobj.remarks" placeholder="" class="addinputw addinputOne" clearable/></el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
</el-form> |
|
|
|
</div> |
|
|
|
<!--End 添加修改部分--> |
|
|
|
</div> |
|
|
|
<!--End 添加修改部分--> |
|
|
|
<cheliangpaichanInfo v-show="viewState == 2" ref="divPaiChan" @doback="resetState"/> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
|
|
|
|
<script> |
|
|
|
import req from '@/api/cheliang/busvehicleorder' |
|
|
|
import cheliangpaichanInfo from '../../../views/supplychain/cheliangpaichan/cheliangpaichanInfo' |
|
|
|
|
|
|
|
export default { |
|
|
|
name: 'cheliangcaigouAdd', |
|
|
|
components: { |
|
|
|
cheliangpaichanInfo |
|
|
|
}, |
|
|
|
data() { |
|
|
|
return { |
|
|
|
viewState: 1, |
|
|
|
viewTitle: '【编辑】采购订单', |
|
|
|
formobj: { |
|
|
|
applicationCode: '', |
|
|
@ -180,6 +191,13 @@ export default { |
|
|
|
return false |
|
|
|
} |
|
|
|
}) |
|
|
|
}, |
|
|
|
handleLook(sid) { |
|
|
|
this.viewState = 2 |
|
|
|
this.$refs['divPaiChan'].showInfo(sid) |
|
|
|
}, |
|
|
|
resetState() { |
|
|
|
this.viewState = 1 |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|