Commit b9992f55 authored by 黄奎's avatar 黄奎

页面修改

parent 495a12dd
...@@ -87,7 +87,6 @@ ...@@ -87,7 +87,6 @@
/deep/ .q-field__prepend { /deep/ .q-field__prepend {
padding-right: 0px !important; padding-right: 0px !important;
} }
</style> </style>
<template> <template>
<q-dialog v-model="persistent" content-class="bg-grey-1" persistent transition-show="scale"> <q-dialog v-model="persistent" content-class="bg-grey-1" persistent transition-show="scale">
...@@ -102,35 +101,35 @@ ...@@ -102,35 +101,35 @@
</div> </div>
<div class="row wrap"> <div class="row wrap">
<div class="col-6"> <div class="col-6">
<q-input filled stack-label maxlength="20" :dense="false" v-model="objOption.PlanName" ref="PlanName" <q-select filled option-value="Id" option-label="Name" class="col-6 q-pb-lg q-pr-lg"
class="col-6 q-pb-lg q-pr-lg" label="方案名称" :rules="[val => !!val || '请输入方案名称']" /> v-model="objOption.PlanType" :options="TypeList" emit-value map-options label="方案类型" />
</div> </div>
<div class="col-6"> <div class="col-6">
<q-input filled stack-label maxlength="20" :dense="false" v-model="objOption.BasicSalary" ref="BasicSalary" <q-input filled stack-label maxlength="20" :dense="false" v-model="objOption.PlanName" ref="PlanName"
class="col-6 q-pb-lg" label="基本工资" @keyup.native="checkPrice(objOption,'BasicSalary')" /> class="col-6 q-pb-lg" label="方案名称" :rules="[val => !!val || '请输入方案名称']" />
</div> </div>
</div> </div>
<div class="row wrap"> <div class="row wrap">
<div class="col-6"> <div class="col-6">
<q-input filled stack-label maxlength="20" :dense="false" v-model="objOption.OpenBonus" ref="OpenBonus" <q-input filled stack-label maxlength="20" :dense="false" v-model="objOption.BasicSalary" ref="BasicSalary"
class="col-6 q-pb-lg q-pr-lg" label="开单奖金" @keyup.native="checkPrice(objOption,'OpenBonus')" /> class="col-6 q-pb-lg q-pr-lg" label="基本工资" @keyup.native="checkPrice(objOption,'BasicSalary')" />
</div> </div>
<div class="col-6"> <div class="col-6">
<q-input filled stack-label maxlength="20" :dense="false" v-model="objOption.WorkAgeSalary" <q-input filled stack-label maxlength="20" :dense="false" v-model="objOption.OpenBonus" ref="OpenBonus"
ref="WorkAgeSalary" class="col-6 q-pb-lg" label="工龄工资" class="col-6 q-pb-lg" label="开单奖金" @keyup.native="checkPrice(objOption,'OpenBonus')" suffix="/月" />
@keyup.native="checkPrice(objOption,'WorkAgeSalary')" />
</div> </div>
</div> </div>
<div class="row wrap"> <div class="row wrap">
<div class="col-6"> <div class="col-6">
<q-input filled stack-label maxlength="20" :dense="false" v-model="objOption.ClueNumSalary" <q-input filled stack-label maxlength="20" :dense="false" v-model="objOption.WorkAgeSalary"
ref="ClueNumSalary" class="col-6 q-pb-lg q-pr-lg" label="线索奖金" ref="WorkAgeSalary" class="col-6 q-pb-lg q-pr-lg" label="工龄工资"
@keyup.native="checkPrice(objOption,'ClueNumSalary')" /> @keyup.native="checkPrice(objOption,'WorkAgeSalary')" suffix="/年" />
</div> </div>
<div class="col-6"> <div class="col-6">
<q-select filled v-model="SaleIdsArray" multiple @filter="filterEmployee" use-input <q-input filled stack-label maxlength="20" :dense="false" v-model="objOption.ClueNumSalary"
:options="myEmployeeList" label="销售人员" option-label="EmployeeName" option-value="Id" emit-value ref="ClueNumSalary" class="col-6 q-pb-lg" label="线索奖金"
map-options /> @keyup.native="checkPrice(objOption,'ClueNumSalary')" suffix="大于5条" />
</div> </div>
</div> </div>
<div class="row wrap"> <div class="row wrap">
...@@ -147,16 +146,18 @@ ...@@ -147,16 +146,18 @@
</div> </div>
<div class="row wrap"> <div class="row wrap">
<div class="col-6"> <div class="col-6">
<q-select filled option-value="Id" option-label="Name" class="col-6 q-pb-lg q-pr-lg" <q-select filled v-model="SaleIdsArray" multiple @filter="filterEmployee" use-input class="col-6 q-pb-lg q-pr-lg"
v-model="objOption.PlanType" :options="TypeList" emit-value map-options label="方案类型" clearable /> :options="myEmployeeList" label="适用人员" option-label="EmployeeName" option-value="Id" emit-value
map-options />
</div> </div>
</div> </div>
<div class="row wrap" style="margin-bottom:20px;"> </q-card-section>
<div class="col-6"> <q-card-section class="q-pt-none scroll" style="max-height: 70vh">
业绩 <div class="EmpLine_title">
<q-btn style="margin-left:30px;" size="10px" @click="addCourse()" round color="primary" <div class="Emp_Line"></div>
icon="iconfont icon-img_haha" /> <div>达标人头数配置</div>
</div> <q-btn style="margin-left:30px;" size="10px" @click="addCourse()" round color="primary"
icon="iconfont icon-img_haha" />
</div> </div>
<div class="row wrap" v-for="(item,index) in objOption.DetailList" :key="index"> <div class="row wrap" v-for="(item,index) in objOption.DetailList" :key="index">
<div class="col-4"> <div class="col-4">
...@@ -315,19 +316,19 @@ ...@@ -315,19 +316,19 @@
var dataStrArr2 = tempData.UseCourseIds.split(",") var dataStrArr2 = tempData.UseCourseIds.split(",")
var dataStrArr3 = tempData.NotUseCourseIds.split(",") var dataStrArr3 = tempData.NotUseCourseIds.split(",")
if(dataStrArr){ if (dataStrArr) {
this.SaleIdsArray = dataStrArr.map(item => { this.SaleIdsArray = dataStrArr.map(item => {
return +item; return +item;
}); });
} }
if(dataStrArr2){ if (dataStrArr2) {
this.UseCourseIdsArray = dataStrArr2.map(item => { this.UseCourseIdsArray = dataStrArr2.map(item => {
return +item; return +item;
}); });
} }
if(dataStrArr3){ if (dataStrArr3) {
this.NotUseCourseIdsArray = dataStrArr3.map(item => { this.NotUseCourseIdsArray = dataStrArr3.map(item => {
return +item; return +item;
}); });
} }
} }
...@@ -378,5 +379,4 @@ ...@@ -378,5 +379,4 @@
} }
}, },
} }
</script>
</script> \ No newline at end of file
...@@ -33,6 +33,7 @@ ...@@ -33,6 +33,7 @@
.marketRules .singeRowTable tr th { .marketRules .singeRowTable tr th {
border: 1px solid #d2d2d2; border: 1px solid #d2d2d2;
} }
.border-bottom { .border-bottom {
border-bottom: 1px dashed #EEE; border-bottom: 1px dashed #EEE;
padding-bottom: 5px; padding-bottom: 5px;
...@@ -68,9 +69,10 @@ ...@@ -68,9 +69,10 @@
<template v-slot:body-cell-Id="props"> <template v-slot:body-cell-Id="props">
<q-td :props="props"> <q-td :props="props">
<div> <div>
<q-btn flat size="xs" icon="edit" color="accent" style="font-weight:400" label="编辑" @click="AddMsg(props.row)" /> <q-btn flat size="xs" icon="edit" color="accent" style="font-weight:400" label="编辑"
@click="AddMsg(props.row)" />
<q-btn flat size="xs" icon="delete" color="negative" class="q-mr-xs" label="删除" <q-btn flat size="xs" icon="delete" color="negative" class="q-mr-xs" label="删除"
@click="delConsult(props.row.Id)" /> @click="delConsult(props.row.Id)" />
</div> </div>
</q-td> </q-td>
</template> </template>
...@@ -112,6 +114,12 @@ ...@@ -112,6 +114,12 @@
field: "PlanName", field: "PlanName",
align: "left" align: "left"
}, },
{
name: "PlanTypeStr",
label: "类型",
field: "PlanTypeStr",
align: "left"
},
{ {
name: "BasicSalary", name: "BasicSalary",
label: "基本工资", label: "基本工资",
...@@ -131,13 +139,6 @@ ...@@ -131,13 +139,6 @@
align: "left", align: "left",
field: 'WorkAgeSalary' field: 'WorkAgeSalary'
}, },
{
name: "CustomerTel",
required: true,
label: "客户电话",
align: "left",
field: row => row.CustomerTel
},
{ {
name: "ClueNumSalary", name: "ClueNumSalary",
required: true, required: true,
...@@ -201,7 +202,6 @@ ...@@ -201,7 +202,6 @@
getList() { getList() {
this.loading = true; this.loading = true;
GetBounsPlanPage(this.msg).then(res => { GetBounsPlanPage(this.msg).then(res => {
console.log(res, '数据');
if (res.Code == 1) { if (res.Code == 1) {
this.dataList = res.Data.PageData; this.dataList = res.Data.PageData;
this.pageCount = res.Data.PageCount; this.pageCount = res.Data.PageCount;
...@@ -220,7 +220,7 @@ ...@@ -220,7 +220,7 @@
closeSaveForm() { closeSaveForm() {
this.isShowConsult = false; this.isShowConsult = false;
}, },
delConsult(Id){ delConsult(Id) {
let delMsg = { let delMsg = {
Id: Id Id: Id
}; };
...@@ -250,9 +250,7 @@ ...@@ -250,9 +250,7 @@
} }
}, },
} }
</script> </script>
<style lang="sass"> <style lang="sass">
@import url('~assets/css/table.sass') @import url('~assets/css/table.sass')
</style>
</style> \ No newline at end of file
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