Skip to content

J
jiedao-app-operator-master
Commit e5127f8b authored by Marcus's avatar Marcus
Browse files
Options

特价组件

parent c512a769
Show whitespace changes
Inline Side-by-side
Showing with 150 additions and 46 deletions
src/views/ecw/offer/specialDiscount.vue
View file @ e5127f8b
...@@ -3,26 +3,105 @@ ...@@ -3,26 +3,105 @@
<el-row type="flex" justify="center"> <el-row type="flex" justify="center">
<el-col :xs="24" :sm="24" :md="24" :lg="20" :xl="16"> <el-col :xs="24" :sm="24" :md="24" :lg="20" :xl="16">
<el-card class="box-card"> <el-card class="box-card">
<div slot="header" class="clearfix"> <div slot="header" class="clearfix" v-if="!readonly">
<span>优惠申请</span> <span>优惠申请</span>
</div> </div>
<el-form ref="form" :model="form" label-width="80px"> <el-form ref="form" :model="form" label-width="80px">
<el-form-item label="offerId"> <el-form-item label="商品类型">
<el-input v-model="form.offerId" placeholder="placeholder" :readonly="readonly"></el-input> <el-input v-model="form.productType" readonly></el-input>
</el-form-item> </el-form-item>
<el-form-item label="offerProdId"> <el-form-item label="商品名称">
<el-input v-model="form.offerProdId" placeholder="placeholder" :readonly="readonly"></el-input> <el-input v-model="form.prodTitleZh" readonly></el-input>
</el-form-item> </el-form-item>
<el-form-item label="clearanceFreight"> <el-form-item label="英文名称">
<el-input v-model="form.clearanceFreight" placeholder="placeholder" :readonly="readonly"></el-input> <el-input v-model="form.prodTitleEn" readonly></el-input>
</el-form-item> </el-form-item>
<el-form-item label="seaFreight"> <el-form-item label="选择线路">
<el-input v-model="form.seaFreight" placeholder="placeholder" :readonly="readonly"></el-input> {{ `【${getDictDataLabel(DICT_TYPE.TRANSPORT_TYPE, form.transportId)}】【xxxx】从【${form.departureName}】发往【${form.objectiveName}】`}}
</el-form-item>
<el-form-item label="是否预付">
<el-radio-group v-model="form.isPayAdvance" disabled>
<el-radio :label="0">是</el-radio>
<el-radio :label="1">否</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="旧运费">
<el-input v-model="form.orgSeaFreight" readonly>
<dict-selector
slot="prepend"
v-model="form.orgSeaFreightCurrency"
:type="DICT_TYPE.COMMISSION_CURRENCY_TYPE"
style="width: 100px"
disabled
></dict-selector>
<el-select v-model="form.orgSeaFreightVolume" placeholder="请选择" slot="append" style="width: 100px">
<el-option
v-for="item in unitList"
:key="item.id"
:label="item.titleZh"
:value="item.id"
disabled>
</el-option>
</el-select>
</el-input>
</el-form-item>
<el-form-item label="旧清关费">
<el-input v-model="form.orgClearanceFreight" readonly>
<dict-selector
slot="prepend"
v-model="form.orgClearanceFreightCurrency"
:type="DICT_TYPE.COMMISSION_CURRENCY_TYPE"
style="width: 100px"
disabled
></dict-selector>
<el-select v-model="form.orgClearanceFreightVolume" placeholder="请选择" slot="append" style="width: 100px">
<el-option
v-for="item in unitList"
:key="item.id"
:label="item.titleZh"
:value="item.id"
disabled>
</el-option>
</el-select>
</el-input>
</el-form-item>
<el-form-item label="新运费" required>
<el-input v-model.number="form.seaFreight">
<dict-selector
slot="prepend"
v-model="form.seaFreightCurrency"
:type="DICT_TYPE.COMMISSION_CURRENCY_TYPE"
style="width: 100px"
></dict-selector>
<el-select v-model="form.seaFreightVolume" placeholder="请选择" slot="append" style="width: 100px">
<el-option
v-for="item in unitList"
:key="item.id"
:label="item.titleZh"
:value="item.id">
</el-option>
</el-select>
</el-input>
</el-form-item>
<el-form-item label="新清关费" required>
<el-input v-model.number="form.clearanceFreight">
<dict-selector
slot="prepend"
v-model="form.clearanceFreightCurrency"
:type="DICT_TYPE.COMMISSION_CURRENCY_TYPE"
style="width: 100px"
></dict-selector>
<el-select v-model="form.clearanceFreightVolume" placeholder="请选择" slot="append" style="width: 100px">
<el-option
v-for="item in unitList"
:key="item.id"
:label="item.titleZh"
:value="item.id">
</el-option>
</el-select>
</el-input>
</el-form-item> </el-form-item>
</el-form> </el-form>
<h3>
{{ JSON.stringify(follow) }}
</h3>
<div v-if="!readonly"> <div v-if="!readonly">
<el-button type="primary" @click="handleSubmit">提交</el-button> <el-button type="primary" @click="handleSubmit">提交</el-button>
</div> </div>
...@@ -33,7 +112,10 @@ ...@@ -33,7 +112,10 @@
</template> </template>
<script> <script>
import {createOfferSpecial, getOffer, getOfferSpecial, getOfferSpecialByApproveId} from "@/api/ecw/offer" import {createOfferSpecial, getOfferSpecial, getOfferSpecialByApproveId} from "@/api/ecw/offer"
import {DICT_TYPE, getDictDataLabel} from "@/utils/dict"
import DictSelector from "@/components/DictSelector"
import {getUnitList} from "@/api/ecw/unit"
export default { export default {
name: "specialDiscount", name: "specialDiscount",
...@@ -45,6 +127,9 @@ export default { ...@@ -45,6 +127,9 @@ export default {
default: false default: false
} }
}, },
components: {
DictSelector
},
created() { created() {
// 临时 // 临时
if(this.$route.query.offerId){ if(this.$route.query.offerId){
...@@ -62,60 +147,79 @@ export default { ...@@ -62,60 +147,79 @@ export default {
if(this.id) if(this.id)
this.getOfferSpecialByApproveId() this.getOfferSpecialByApproveId()
getUnitList().then(res => this.unitList = res.data)
}, },
data() { data() {
return { return {
getDictDataLabel,
DICT_TYPE,
unitList:[],
form: { form: {
// "applyResult": "", "applyResult": "",
// "applyStatus": 0, "applyStatus": 0,
"channelId": 0,
"clearanceFreight": 0, "clearanceFreight": 0,
"clearanceFreightCurrency": 0,
"clearanceFreightVolume": 0,
"createTime": "",
"departureId": 0,
"departureName": "",
"details": "",
"finishBy": "",
"finishTime": "",
"followUpSalesmanId": "",
"formId": "",
"isPayAdvance": 0,
"lineId": 0,
"objectiveId": 0,
"objectiveName": "",
"offerApprovalId": 0,
"offerId": 0, "offerId": 0,
"offerProdId": 0, "offerProdId": 0,
"seaFreight": 0 "orgClearanceFreight": 0,
}, "orgClearanceFreightCurrency": 0,
follow: {} "orgClearanceFreightVolume": 0,
"orgSeaFreight": 0,
"orgSeaFreightCurrency": 0,
"orgSeaFreightVolume": 0,
"processingResults": "",
"prodId": 0,
"prodTitleEn": "",
"prodTitleZh": "",
"productType": 0,
"seaFreight": 0,
"seaFreightCurrency": 0,
"seaFreightVolume": 0,
"status": 0,
"transportId": 0,
"type": 0
}
} }
}, },
methods: { methods: {
handleSubmit(){ handleSubmit(){
createOfferSpecial(this.form).then(r => { createOfferSpecial({
clearanceFreight: this.form.clearanceFreight,
clearanceFreightCurrency: this.form.clearanceFreightCurrency,
clearanceFreightVolume: this.form.clearanceFreightVolume,
offerId: this.form.offerId,
offerProdId: this.form.offerProdId,
seaFreight: this.form.seaFreight,
seaFreightCurrency: this.form.seaFreightCurrency,
seaFreightVolume: this.form.seaFreightVolume,
}).then(r => {
this.$message.success(r.msg || '提交成功') this.$message.success(r.msg || '提交成功')
}) })
}, },
// getOffer(){
// getOffer(this.form.offerId).then(r => {
// const line = r.data.offerProdRespVOList.find(e => e.offerProdId = this.form.offerProdId)
// console.log(line)
// const {
// clearanceFreight,
// seaFreight
// } = line
// this.form = {
// ...this.form,
// clearanceFreight,
// seaFreight
// }
// })
// },
getOfferSpecial(){ getOfferSpecial(){
getOfferSpecial(this.form.offerProdId).then(r => { getOfferSpecial(this.form.offerProdId).then(r => {
this.follow = r.data this.form = r.data
if (!this.form.offerId) {
this.form.offerId = r.data.offerId
}
}) })
}, },
getOfferSpecialByApproveId(){ getOfferSpecialByApproveId(){
getOfferSpecialByApproveId(this.id).then(r => { getOfferSpecialByApproveId(this.id).then(r => {
this.follow = r.data this.form = r.data
if (!this.form.offerId) {
this.form.offerId = r.data.offerId
this.form.offerProdId = r.data.offerProdId
this.form.clearanceFreight = this.form.offerSpecialApplyVO.clearanceFreight
this.form.seaFreight = this.form.offerSpecialApplyVO.seaFreight
}
}) })
} }
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment