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 @@
<el-row type="flex" justify="center">
<el-col :xs="24" :sm="24" :md="24" :lg="20" :xl="16">
<el-card class="box-card">
<div slot="header" class="clearfix">
<div slot="header" class="clearfix" v-if="!readonly">
<span>优惠申请</span>
</div>
<el-form ref="form" :model="form" label-width="80px">
<el-form-item label="offerId">
<el-input v-model="form.offerId" placeholder="placeholder" :readonly="readonly"></el-input>
<el-form-item label="商品类型">
<el-input v-model="form.productType" readonly></el-input>
</el-form-item>
<el-form-item label="offerProdId">
<el-input v-model="form.offerProdId" placeholder="placeholder" :readonly="readonly"></el-input>
<el-form-item label="商品名称">
<el-input v-model="form.prodTitleZh" readonly></el-input>
</el-form-item>
<el-form-item label="clearanceFreight">
<el-input v-model="form.clearanceFreight" placeholder="placeholder" :readonly="readonly"></el-input>
<el-form-item label="英文名称">
<el-input v-model="form.prodTitleEn" readonly></el-input>
</el-form-item>
<el-form-item label="seaFreight">
<el-input v-model="form.seaFreight" placeholder="placeholder" :readonly="readonly"></el-input>
<el-form-item label="选择线路">
{{ `【${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>
<h3>
{{ JSON.stringify(follow) }}
</h3>
<div v-if="!readonly">
<el-button type="primary" @click="handleSubmit">提交</el-button>
</div>
......@@ -33,7 +112,10 @@
</template>
<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 {
name: "specialDiscount",
......@@ -45,6 +127,9 @@ export default {
default: false
}
},
components: {
DictSelector
},
created() {
// 临时
if(this.$route.query.offerId){
......@@ -62,60 +147,79 @@ export default {
if(this.id)
this.getOfferSpecialByApproveId()
getUnitList().then(res => this.unitList = res.data)
},
data() {
return {
getDictDataLabel,
DICT_TYPE,
unitList:[],
form: {
// "applyResult": "",
// "applyStatus": 0,
"applyResult": "",
"applyStatus": 0,
"channelId": 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,
"offerProdId": 0,
"seaFreight": 0
},
follow: {}
"orgClearanceFreight": 0,
"orgClearanceFreightCurrency": 0,
"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: {
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 || '提交成功')
})
},
// 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(this.form.offerProdId).then(r => {
this.follow = r.data
if (!this.form.offerId) {
this.form.offerId = r.data.offerId
}
this.form = r.data
})
},
getOfferSpecialByApproveId(){
getOfferSpecialByApproveId(this.id).then(r => {
this.follow = 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
}
this.form = r.data
})
}
}
......
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