Skip to content

J
jiedao-app-operator-master
Commit 3d905e4f authored by dcy's avatar dcy
Browse files
Options

创建佣金

parent 7642139a
Hide whitespace changes
Inline Side-by-side
Showing with 401 additions and 334 deletions
src/api/ecw/customerCommissionInfo.js
View file @ 3d905e4f
...@@ -68,3 +68,18 @@ export function customerDropDownList(query){ ...@@ -68,3 +68,18 @@ export function customerDropDownList(query){
query, query,
}) })
} }
//商品
export function commodityList(){
return request({
url:'/ecw/product/list',
method:'get',
})
}
export function createCommission(query){
return request({
url:'/ecw/customer-commission/create',
method:'post',
data:query
})
}
src/views/ecw/customerCommissionInfo/customSelectorsDictionary.vue
View file @ 3d905e4f
...@@ -17,7 +17,7 @@ export default { ...@@ -17,7 +17,7 @@ export default {
type:Array, type:Array,
default:()=>[] default:()=>[]
}, },
value:String, value:[String , Number],
labelKey:{ labelKey:{
type:String, type:String,
default:'label' default:'label'
......
src/views/ecw/customerCommissionInfo/darkServantAndProduct.vue deleted 100644 → 0
View file @ 7642139a
<template>
<el-form>
<el-form-item label="商品类型">
<div class="shanping-type">
<div class="tool">
<el-input placeholder="商品"></el-input>
</div>
<div class="box">
<div class="label">
商品类型
</div>
<div class="custom">
<custom-selectors-dictionary label-key="attrName" value-key="id" :options="commodityType"></custom-selectors-dictionary>
</div>
</div>
<div class="box">
<div class="label">
佣金
</div>
<div class="custom">
<el-input></el-input>
</div>
<div class="custom">
<custom-selectors-dictionary :options="getDictDatas(DICT_TYPE.COMMISSION_CURRENCY_TYPE)"></custom-selectors-dictionary>
</div>
<div class="custom">
<custom-selectors-dictionary :options="getDictDatas(DICT_TYPE.COMMISSION_UNIT)"></custom-selectors-dictionary>
</div>
</div>
<div>
<el-button type="primary">添加</el-button>
</div>
</div>
</el-form-item>
</el-form>
</template>
<script>
//暗涌加产品
import {DICT_TYPE, getDictDatas} from "@/utils/dict";
import customSelectorsDictionary from "@/views/ecw/customerCommissionInfo/customSelectorsDictionary";
export default {
name: "darkServantAndProduct",
components:{
customSelectorsDictionary
},
props:{
commodityType:{
type:Array,
default:()=>[]
}
},
data(){
return{
DICT_TYPE,
getDictDatas,
}
},
mounted() {
console.log(this.commodityType,'commodityType')
},
watch:{
}
}
</script>
<style scoped lang="scss">
.shanping-type {
display: flex;
.tool {
width: 150px;
}
.box {
margin-left: 20px;
display: flex;
.label {
width: 80px;
vertical-align: middle;
font-size: 14px;
color: #606266;
font-weight: 700;
}
.custom {
width: 150px;
margin-right:10px;
}
}
}
</style>
src/views/ecw/customerCommissionInfo/darkServantAndRebate.vue deleted 100644 → 0
View file @ 7642139a
<template>
<div>
<div class="column">
<div class="label">
佣金:
</div>
<div class="content">
<div class="item label">满</div>
<div class="item"><el-input></el-input></div>
<div class="item"> <custom-selectors-dictionary :options="getDictDatas(DICT_TYPE.COMMISSION_CURRENCY_TYPE)"></custom-selectors-dictionary></div>
<div class="item">
<custom-selectors-dictionary :options="getDictDatas(DICT_TYPE.COMMISSION_UNIT)"></custom-selectors-dictionary>
</div>
</div>
<div class="content">
<div class="item label">返</div>
<div class="item"><el-input></el-input></div>
<div class="item"> <custom-selectors-dictionary :options="getDictDatas(DICT_TYPE.COMMISSION_CURRENCY_TYPE)"></custom-selectors-dictionary></div>
<div class="item">
<custom-selectors-dictionary :options="getDictDatas(DICT_TYPE.COMMISSION_UNIT)"></custom-selectors-dictionary>
</div>
</div>
<el-button>添加</el-button>
</div>
</div>
</template>
<script>
//暗佣-达标返佣
import customSelectorsDictionary from "@/views/ecw/customerCommissionInfo/customSelectorsDictionary";
import {DICT_TYPE, getDictDatas} from "@/utils/dict";
export default {
name: "darkServantAndRebate",
components:{
customSelectorsDictionary
},
data(){
return{
DICT_TYPE,
getDictDatas
}
}
}
</script>
<style scoped lang="scss">
.column{
display: flex;
align-items: center;
.label{
width: 50px;
white-space: nowrap;
vertical-align: middle;
font-size: 14px;
color: #606266;
font-weight: 700;
}
}
.content{
display: flex;
align-items: center;
margin-right: 10px;
.item{
text-align: right;
width: 150px;
margin: 0 5px;
}
.label{
width: 50px;
}
}
</style>
src/views/ecw/customerCommissionInfo/index.vue
View file @ 3d905e4f
...@@ -17,7 +17,7 @@ ...@@ -17,7 +17,7 @@
:value="item.id.toString()" :value="item.id.toString()"
:label="item.name" :label="item.name"
> >
{{item.number}}|{{item.name}}|{{item.defaultContactPhone}} {{ item.number }}|{{ item.name }}|{{ item.defaultContactPhone }}
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
...@@ -27,36 +27,40 @@ ...@@ -27,36 +27,40 @@
<el-col :span="5"> <el-col :span="5">
<el-form-item label="运输方式"> <el-form-item label="运输方式">
<div style="width: 130px;"> <div style="width: 130px;">
<custom-selectors-dictionary :options="getDictDatas(DICT_TYPE.ECW_TRANSPORT_TYPE)"></custom-selectors-dictionary> <custom-selectors-dictionary v-model="form.objectiveId"
:options="getDictDatas(DICT_TYPE.ECW_TRANSPORT_TYPE)"></custom-selectors-dictionary>
</div> </div>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="4"> <el-col :span="4">
<el-form-item label="始发地"> <el-form-item label="始发地">
<div style="width: 130px;"> <div style="width: 130px;">
<custom-selectors-dictionary v-model="value" :options="getDictDatas(DICT_TYPE.COUNTRY)"></custom-selectors-dictionary> <custom-selectors-dictionary v-model="value"
:options="getDictDatas(DICT_TYPE.COUNTRY)"></custom-selectors-dictionary>
</div> </div>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="4"> <el-col :span="4">
<el-form-item label="目的地"> <el-form-item label="目的地">
<div style="width: 130px;"> <div style="width: 130px;">
<custom-selectors-dictionary v-model="value" :options="getDictDatas(DICT_TYPE.COUNTRY)"></custom-selectors-dictionary> <custom-selectors-dictionary v-model="value"
:options="getDictDatas(DICT_TYPE.COUNTRY)"></custom-selectors-dictionary>
</div> </div>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="5"> <el-col :span="5">
<el-form-item label="报关方式"> <el-form-item label="报关方式">
<div style="width: 130px;"> <div style="width: 130px;">
<custom-selectors-dictionary v-model="value" :options="getDictDatas(DICT_TYPE.SHIPPING_DECLARATION_TYPE)"></custom-selectors-dictionary> <custom-selectors-dictionary v-model="form.customsType"
:options="getDictDatas(DICT_TYPE.SHIPPING_DECLARATION_TYPE)"></custom-selectors-dictionary>
</div> </div>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="4"> <el-col :span="4">
<el-form-item label="备案"> <el-form-item label="备案">
<div style="width: 130px;"> <div style="width: 130px;">
<custom-selectors-dictionary v-model="value" :options="getDictDatas(DICT_TYPE.COMMISSION_PRODUCT_APPROVAL)"></custom-selectors-dictionary> <custom-selectors-dictionary v-model="form.approval"
:options="getDictDatas(DICT_TYPE.COMMISSION_PRODUCT_APPROVAL)"></custom-selectors-dictionary>
</div> </div>
</el-form-item> </el-form-item>
</el-col> </el-col>
...@@ -65,33 +69,162 @@ ...@@ -65,33 +69,162 @@
<el-col :span="24"> <el-col :span="24">
<el-form-item label="佣金类型(明佣、暗佣)"> <el-form-item label="佣金类型(明佣、暗佣)">
<el-radio-group v-model="form.type"> <el-radio-group v-model="form.type">
<el-radio v-for="(item,index) in getDictDatas(DICT_TYPE.COMMISSION_TYPE)" :label="item.value" :key="index">{{item.label}}</el-radio> <el-radio v-for="(item,index) in getDictDatas(DICT_TYPE.COMMISSION_TYPE)" :label="item.value"
:key="index">{{ item.label }}
</el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="24"> <el-col :span="24">
<el-form-item label="返佣类型"> <el-form-item label="返佣类型" v-if="form.type == 2">
<el-radio-group v-model="form.darkReturnType"> <el-radio-group v-model="form.darkReturnType">
<el-radio v-for="(item,index) in getDictDatas(DICT_TYPE.COMMISSION_DARK_TYPE)" :label="item.value":key="index">{{item.label}}</el-radio> <el-radio v-for="(item,index) in getDictDatas(DICT_TYPE.COMMISSION_DARK_TYPE)" :label="item.value"
:key="index">{{ item.label }}
</el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="24"> <el-col :span="24">
<dark-servant-and-product :commodityType="commodityType"></dark-servant-and-product> <div class="ming-servant" v-if="form.type == 1">
<dark-servant-and-rebate></dark-servant-and-rebate> <div class="label">佣金</div>
<ming-servant-and-dark-servant></ming-servant-and-dark-servant> <div class="content">
<div>
<el-input v-model="mingServantFrom[0].refund" placeholder="placeholder"></el-input>
</div>
<div>
<custom-selectors-dictionary v-model="mingServantFrom[0].refundCurrency"
:options="getDictDatas(DICT_TYPE.COMMISSION_CURRENCY_TYPE)"></custom-selectors-dictionary>
</div>
<div>
<custom-selectors-dictionary v-model="mingServantFrom[0].refundUnit"
:options="getDictDatas(DICT_TYPE.COMMISSION_UNIT)"></custom-selectors-dictionary>
</div>
</div>
</div>
<el-form v-if="form.type == 2 && form.darkReturnType == 1">
<el-form-item label="商品类型" v-for="(item,index) in darkServantAndProductForm" :key="index">
<div class="shanping-type">
<div class="tool">
<custom-selectors-dictionary v-model="item.productType" :options="commodity" label-key="titleZh"
value-key="id"></custom-selectors-dictionary>
</div>
<div class="box">
<div class="label">
商品特性
</div>
<div class="custom">
<custom-selectors-dictionary v-model="item.productAttr" label-key="attrName" value-key="id"
:options="commodityType"></custom-selectors-dictionary>
</div>
</div>
<div class="box">
<div class="label">
佣金
</div>
<div class="custom">
<el-input v-model="item.darkCommission"></el-input>
</div>
<div class="custom">
<custom-selectors-dictionary v-model="item.darkCurrency"
:options="getDictDatas(DICT_TYPE.COMMISSION_CURRENCY_TYPE)"></custom-selectors-dictionary>
</div>
<div class="custom">
<custom-selectors-dictionary v-model="item.darkUnit"
:options="getDictDatas(DICT_TYPE.COMMISSION_UNIT)"></custom-selectors-dictionary>
</div>
</div>
<div>
<el-button type="primary" @click="addToFn(1)" v-if="darkServantAndProductForm.length - 1 === index">添加</el-button>
</div>
</div>
</el-form-item>
</el-form>
<div class="column" v-if="form.type == 2 && form.darkReturnType == 2">
<div v-for="(item,index) in darkServantAndRebateForm" :key="index">
<div class="label">
佣金:
</div>
<div class="content">
<div class="item label">满</div>
<div class="item">
<el-input v-model="item.amount"></el-input>
</div>
<div class="item">
<custom-selectors-dictionary v-model="item.amountCurrency"
:options="getDictDatas(DICT_TYPE.COMMISSION_CURRENCY_TYPE)"></custom-selectors-dictionary>
</div>
<div class="item">
<custom-selectors-dictionary v-model="item.amountUnit"
:options="getDictDatas(DICT_TYPE.COMMISSION_UNIT)"></custom-selectors-dictionary>
</div>
</div>
<div class="content">
<div class="item label">返</div>
<div class="item">
<el-input v-model="item.refund"></el-input>
</div>
<div class="item">
<custom-selectors-dictionary v-model="item.refundCurrency"
:options="getDictDatas(DICT_TYPE.COMMISSION_CURRENCY_TYPE)"></custom-selectors-dictionary>
</div>
<div class="item">
<custom-selectors-dictionary v-model="item.refundUnit"
:options="getDictDatas(DICT_TYPE.COMMISSION_UNIT)"></custom-selectors-dictionary>
</div>
</div>
<el-button @click="addToFn(2)" v-if="darkServantAndRebateForm.length -1 === index">添加</el-button>
</div>
</div>
<div class="mingServantAndDarkServant" v-if="form.type == 3">
<div class="box">
<div class="label">暗佣佣金：</div>
<div class="content">
<div class="item">
<el-input v-model="mingServantAnddarkServant[0].refund"></el-input>
</div>
<div class="item">
<custom-selectors-dictionary v-model="mingServantAnddarkServant[0].refundCurrency"
:options="getDictDatas(DICT_TYPE.COMMISSION_CURRENCY_TYPE)"></custom-selectors-dictionary>
</div>
<div class="item">
<custom-selectors-dictionary v-model="mingServantAnddarkServant[0].refundUnit"
:options="getDictDatas(DICT_TYPE.COMMISSION_UNIT)"></custom-selectors-dictionary>
</div>
</div>
</div>
<div class="title">
<span class="label">成本价：</span>原价-暗佣佣金
</div>
<div class="box">
<div class="label">销售价上调：</div>
<div class="content">
<div class="item">
<el-input v-model="mingServantAnddarkServant[0].darkAdjustCommission"></el-input>
</div>
<div class="item">
<custom-selectors-dictionary v-model="mingServantAnddarkServant[0].darkAdjustCurrency"
:options="getDictDatas(DICT_TYPE.COMMISSION_CURRENCY_TYPE)"></custom-selectors-dictionary>
</div>
<div class="item">
<custom-selectors-dictionary v-model="mingServantAnddarkServant[0].darkAdjustUnit"
:options="getDictDatas(DICT_TYPE.COMMISSION_UNIT)"></custom-selectors-dictionary>
</div>
</div>
</div>
<div class="title">
<span class="label"> 实际佣金返点：</span>销售价-成本价
</div>
</div>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="50"> <el-row>
<el-col :span="12" style="text-align: right"> <el-col :span="12" style="margin-top: 20px">
<el-button type="primary">确定</el-button> <el-button style="width:200px;margin: 0 40px" type="primary" @click="submitForm">确定</el-button>
</el-col> <el-button style="width:200px">取消</el-button>
<el-col :span="12">
<el-button>取消</el-button>
</el-col> </el-col>
</el-row> </el-row>
</el-form> </el-form>
...@@ -101,69 +234,112 @@ ...@@ -101,69 +234,112 @@
<script> <script>
import { import {
itemTypeListApi, itemTypeListApi,
customerDropDownList customerDropDownList, commodityList,createCommission
} from "@/api/ecw/customerCommissionInfo"; } from "@/api/ecw/customerCommissionInfo";
import {DICT_TYPE, getDictDatas} from "@/utils/dict"; import {DICT_TYPE, getDictDatas} from "@/utils/dict";
import customSelectorsDictionary from "./customSelectorsDictionary" import customSelectorsDictionary from "./customSelectorsDictionary"
import darkServantAndProduct from "./darkServantAndProduct" import {getTradeCityList} from "@/api/ecw/region";
import darkServantAndRebate from "@/views/ecw/customerCommissionInfo/darkServantAndRebate";
import mingServantAndDarkServant from "@/views/ecw/customerCommissionInfo/mingServantAndDarkServant";
export default { export default {
name: "CustomerCommissionInfo", name: "CustomerCommissionInfo",
components: { components: {
customSelectorsDictionary, customSelectorsDictionary,
darkServantAndProduct,
darkServantAndRebate,
mingServantAndDarkServant
}, },
data() { data() {
return { return {
value:'', value: '',
getDictDatas, getDictDatas,
DICT_TYPE, DICT_TYPE,
commodityType:[], commodityType: [],
tradeCityList: [],
// 表单参数 // 表单参数
form: { form: {
approval:"",// 产品备案 approval: undefined,// 产品备案
customerCommissionInfoBaseVOList:[],// 佣金详情 customerCommissionInfoBaseVOList: [],// 佣金详情
customerId:'',//客户id customerId: undefined,//客户id
customsType:'',//报关类别：我司全代：1，自单代报：2，混合报关：3 customsType: undefined,//报关类别：我司全代：1，自单代报：2，混合报关：3
darkReturnType:this.getDictDatas(this.DICT_TYPE.COMMISSION_DARK_TYPE),// 暗佣类型 1产品2达标 darkReturnType: this.getDictDatas(this.DICT_TYPE.COMMISSION_DARK_TYPE)[0].value,// 暗佣类型 1产品2达标
departureId:'',// 始发地id departureId: undefined,// 始发地id
objectiveId:"",// 运输方式 objectiveId: undefined,// 运输方式
type:this.getDictDatas(this.DICT_TYPE.COMMISSION_TYPE)[0].value,// 佣金类型 type: this.getDictDatas(this.DICT_TYPE.COMMISSION_TYPE)[1].value,// 佣金类型
}, },
customerForm:{ //明佣
defaultContactName:undefined, mingServantFrom: [
defaultContactPhone:undefined, {
name:undefined, refund: undefined,
number:undefined, refundCurrency: undefined,
refundUnit: undefined,
}
],
//暗佣金+产品
darkServantAndProductForm: [
{
productType: undefined,//商品类型
productAttr: undefined,//暗佣 产品属性
darkCommission: undefined,//暗佣 佣金
darkCurrency: undefined,// 暗佣 货币
darkUnit: undefined,// 暗佣 单位
}
],
//暗佣+产品达标
darkServantAndRebateForm: [
{
amount: undefined,// 暗佣-满减金额
amountCurrency: undefined,// 暗佣-满减金额对应货币
amountUnit: undefined,// 暗佣-满减金额对应单位,
refund: undefined,//暗佣-满之后返还金额
refundCurrency: undefined,//暗佣-满之后返还金额的货币
refundUnit: undefined,//暗佣-满之后返还金额的单位
}
],
//暗佣+明金
mingServantAnddarkServant: [
{
refund: undefined,// 暗佣+明佣 上调金额
refundCurrency: undefined,// 暗佣+明佣 上调对应的货币
refundUnit: undefined,//暗佣+明佣 上调对应的单位
darkAdjustCommission: undefined,//暗佣+明佣 上调金额
darkAdjustCurrency: undefined,//暗佣+明佣 上调对应的货币
darkAdjustUnit: undefined,//暗佣+明佣 上调对应的单位
}
],
customerForm: {
defaultContactName: undefined,
defaultContactPhone: undefined,
name: undefined,
number: undefined,
}, },
customeList:[], customeList: [],
commodity: [],
// 表单校验 // 表单校验
rules: { rules: {
commissionId: [{required: true, message: "佣金表id不能为空", trigger: "blur"}], commissionId: [{required: true, message: "佣金表id不能为空", trigger: "blur"}],
}, },
customerShow:true customerShow: true
}; };
}, },
created() { created() {
this.getItemType(); this.getItemType();
console.log(this.getDictDatas(this.DICT_TYPE.COMMISSION_TYPE),'123');
commodityList().then(res => {
console.log(res, 'res');
this.commodity = res.data
})
}, },
methods: { methods: {
// /** 查询列表客户*/ // /** 查询列表客户*/
getCustomeList() { getCustomeList() {
customerDropDownList(this.customerForm).then(res=>{ customerDropDownList(this.customerForm).then(res => {
console.log(res); console.log(res);
if(res.code === 0){ if (res.code === 0) {
this.customeList = res.data this.customeList = res.data
} }
}) })
}, },
remoteMethod(val){ remoteMethod(val) {
this.customerForm.name = val; this.customerForm.name = val;
this.form.customerId = val;
this.getCustomeList(); this.getCustomeList();
}, },
/** 取消按钮 */ /** 取消按钮 */
...@@ -172,43 +348,61 @@ export default { ...@@ -172,43 +348,61 @@ export default {
/** 表单重置 */ /** 表单重置 */
reset() { reset() {
this.form = { this.form = {
id: undefined, approval: undefined,
commissionId: undefined, customerCommissionInfoBaseVOList: [],
productType: undefined, customerId: undefined,//客户id
productAttr: undefined, customsType: undefined,//报关类别：我司全代：1，自单代报：2，混合报关：3
darkCommission: undefined, darkReturnType: this.getDictDatas(this.DICT_TYPE.COMMISSION_DARK_TYPE)[0].value,// 暗佣类型 1产品2达标
darkCurrency: undefined, departureId: undefined,// 始发地id
darkUnit: undefined, objectiveId: undefined,// 运输方式
darkAdjustCommission: undefined, type: this.getDictDatas(this.DICT_TYPE.COMMISSION_TYPE)[1].value,// 佣金类型
darkAdjustCurrency: undefined,
darkAdjustUnit: undefined,
amount: undefined,
amountCurrency: undefined,
amountUnit: undefined,
refundCurrency: undefined,
refund: undefined,
refundUnit: undefined,
}; };
this.resetForm("form"); this.resetForm("form");
}, },
/** 搜索按钮操作 */ //添加多条
handleQuery() { addToFn(val){
}, if(val === 1){
/** 重置按钮操作 */ this.darkServantAndProductForm.push( {
resetQuery() { amount: undefined,// 暗佣-满减金额
}, amountCurrency: undefined,// 暗佣-满减金额对应货币
/** 新增按钮操作 */ amountUnit: undefined,// 暗佣-满减金额对应单位,
handleAdd() { refund: undefined,//暗佣-满之后返还金额
refundCurrency: undefined,//暗佣-满之后返还金额的货币
refundUnit: undefined,//暗佣-满之后返还金额的单位
})
}else {
this.darkServantAndRebateForm.push( {
amount: undefined,// 暗佣-满减金额
amountCurrency: undefined,// 暗佣-满减金额对应货币
amountUnit: undefined,// 暗佣-满减金额对应单位,
refund: undefined,//暗佣-满之后返还金额
refundCurrency: undefined,//暗佣-满之后返还金额的货币
refundUnit: undefined,//暗佣-满之后返还金额的单位
})
}
}, },
/** 提交按钮 */ /** 提交按钮 */
submitForm() { submitForm() {
if (this.form.type == 1) {
this.form.customerCommissionInfoBaseVOList = this.mingServantFrom
} else if (this.form.type == 2) {
if (this.form.darkReturnType == 1) {
this.form.customerCommissionInfoBaseVOList = this.darkServantAndProductForm
} else {
this.form.customerCommissionInfoBaseVOList = this.darkServantAndRebateForm
}
} else if (this.form.type == 3) {
this.form.customerCommissionInfoBaseVOList = this.mingServantAnddarkServant
}
console.log(this.form)
createCommission(this.form).then(r =>{
console.log(r)
})
}, },
// 商品类型
// 商品类型 getItemType() {
getItemType(){ itemTypeListApi().then(res => {
itemTypeListApi().then(res=>{ if (res.code === 0) {
if(res.code === 0){
this.commodityType = res.data; this.commodityType = res.data;
} }
}) })
...@@ -217,4 +411,118 @@ export default { ...@@ -217,4 +411,118 @@ export default {
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.mingServantAndDarkServant {
margin-top: 10px;
.box {
display: flex;
align-items: center;
.label {
vertical-align: middle;
font-size: 14px;
color: #606266;
font-weight: 700;
}
.content {
display: flex;
align-items: center;
.item {
margin-right: 20px;
}
}
}
.title {
margin: 15px 0;
.label {
vertical-align: middle;
font-size: 14px;
color: #606266;
font-weight: 700;
}
}
}
.ming-servant {
display: flex;
align-items: center;
.label {
width: 50px;
white-space: nowrap;
vertical-align: middle;
font-size: 14px;
color: #606266;
font-weight: 700;
}
.content {
display: flex;
div {
margin-right: 10px;
}
}
}
.shanping-type {
display: flex;
.tool {
width: 150px;
}
.box {
margin-left: 20px;
display: flex;
.label {
width: 80px;
vertical-align: middle;
font-size: 14px;
color: #606266;
font-weight: 700;
}
.custom {
width: 150px;
margin-right: 10px;
}
}
}
.column {
div {
display: flex;
align-items: center;
.label {
width: 50px;
white-space: nowrap;
vertical-align: middle;
font-size: 14px;
color: #606266;
font-weight: 700;
}
}
.content {
display: flex;
align-items: center;
margin-right: 10px;
.item {
text-align: right;
width: 150px;
margin: 0 5px;
}
.label {
width: 50px;
}
}
}
</style> </style>
src/views/ecw/customerCommissionInfo/mingServantAndDarkServant.vue deleted 100644 → 0
View file @ 7642139a
<template>
<div>
<div class="mingServantAndDarkServant">
<div class="box">
<div class="label">暗佣佣金：</div>
<div class="content">
<div class="item">
<el-input></el-input>
</div>
<div class="item">
<custom-selectors-dictionary :options="getDictDatas(DICT_TYPE.COMMISSION_CURRENCY_TYPE)"></custom-selectors-dictionary>
</div>
<div class="item">
<custom-selectors-dictionary :options="getDictDatas(DICT_TYPE.COMMISSION_UNIT)"></custom-selectors-dictionary>
</div>
</div>
</div>
<div class="title">
<span class="label">成本价：</span>原价-暗佣佣金
</div>
<div class="box">
<div class="label">销售价上调：</div>
<div class="content">
<div class="item">
<el-input></el-input>
</div>
<div class="item">
<custom-selectors-dictionary :options="getDictDatas(DICT_TYPE.COMMISSION_CURRENCY_TYPE)"></custom-selectors-dictionary>
</div>
<div class="item">
<custom-selectors-dictionary :options="getDictDatas(DICT_TYPE.COMMISSION_UNIT)"></custom-selectors-dictionary>
</div>
</div>
</div>
<div class="title">
<span class="label"> 实际佣金返点：</span>销售价-成本价
</div>
</div>
</div>
</template>
<script>
//暗佣+明佣
import customSelectorsDictionary from "@/views/ecw/customerCommissionInfo/customSelectorsDictionary";
import {DICT_TYPE, getDictDatas} from "@/utils/dict";
export default {
name: "mingServantAndDarkServant",
components:{
customSelectorsDictionary
},
data(){
return{
getDictDatas,
DICT_TYPE
}
}
}
</script>
<style scoped lang="scss">
.mingServantAndDarkServant{
margin-top: 10px;
.box{
display: flex;
align-items: center;
.label{
vertical-align: middle;
font-size: 14px;
color: #606266;
font-weight: 700;
}
.content{
display: flex;
align-items: center;
.item{
margin-right: 20px;
}
}
}
.title{
margin: 15px 0;
.label{
vertical-align: middle;
font-size: 14px;
color: #606266;
font-weight: 700;
}
}
}
</style>
src/views/ecw/messageLeave/index.vue
View file @ 3d905e4f
...@@ -121,9 +121,6 @@ ...@@ -121,9 +121,6 @@
</el-dialog> </el-dialog>
<!-- 留言详情--> <!-- 留言详情-->
<el-dialog title="留言详情" :visible.sync="leavingShow" width="500px" append-to-body> <el-dialog title="留言详情" :visible.sync="leavingShow" width="500px" append-to-body>
<el-row class="el-row-leaving" :gutter="10">
<el-col :span="4">客户编号:</el-col><el-col :span="12">{{}}</el-col>
</el-row>
<el-row class="el-row-leaving" :gutter="10"> <el-row class="el-row-leaving" :gutter="10">
<el-col :span="4">姓名:</el-col><el-col :span="12">{{messageVal.name ? messageVal.name : ''}}</el-col> <el-col :span="4">姓名:</el-col><el-col :span="12">{{messageVal.name ? messageVal.name : ''}}</el-col>
</el-row> </el-row>
......
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