Skip to content

C
confucius
Commit f33eb970 authored by 黄奎's avatar 黄奎
Browse files
Options

页面修改

parent 4a74ba5f
Show whitespace changes
Inline Side-by-side
Showing with 70 additions and 57 deletions
src/components/sale/sale-form.vue
View file @ f33eb970
...@@ -38,7 +38,6 @@ ...@@ -38,7 +38,6 @@
line-height: 120px; line-height: 120px;
text-align: center; text-align: center;
} }
</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">
...@@ -57,17 +56,10 @@ ...@@ -57,17 +56,10 @@
ref="TaskSubTitle" class="col-6 q-pb-lg" label="任务子标题" :rules="[val => !!val || '请输入任务子标题']" /> ref="TaskSubTitle" 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.TaskKudo" ref="TaskKudo" <q-input filled v-model="objOption.TaskStartTime" class="q-pr-lg" mask="date" label="开始时间">
class="col-6 q-pr-lg q-pb-lg" label="奖品名称" :rules="[val => !!val || '请输入奖品名称']" />
</div>
<div class="col-6">
</div>
</div>
<div class="row wrap">
<div class="col-6">
<q-input filled v-model="objOption.TaskStartTime" class="q-pr-lg" mask="date">
<template v-slot:append> <template v-slot:append>
<q-icon name="event" class="cursor-pointer"> <q-icon name="event" class="cursor-pointer">
<q-popup-proxy ref="qDateProxy1" cover transition-show="scale" transition-hide="scale"> <q-popup-proxy ref="qDateProxy1" cover transition-show="scale" transition-hide="scale">
...@@ -82,7 +74,7 @@ ...@@ -82,7 +74,7 @@
</q-input> </q-input>
</div> </div>
<div class="col-6"> <div class="col-6">
<q-input filled v-model="objOption.TaskEndTime" mask="date"> <q-input filled v-model="objOption.TaskEndTime" mask="date" label="结束时间">
<template v-slot:append> <template v-slot:append>
<q-icon name="event" class="cursor-pointer"> <q-icon name="event" class="cursor-pointer">
<q-popup-proxy ref="qDateProxy2" cover transition-show="scale" transition-hide="scale"> <q-popup-proxy ref="qDateProxy2" cover transition-show="scale" transition-hide="scale">
...@@ -113,6 +105,27 @@ ...@@ -113,6 +105,27 @@
</el-upload> </el-upload>
</div> </div>
</div> </div>
<div class="row wrap">
<div class="col-6">
<q-input filled stack-label maxlength="20" :dense="false" v-model="objOption.TaskKudo" ref="TaskKudo"
class="col-6 q-pr-lg q-pb-lg" label="奖品名称" :rules="[val => !!val || '请输入奖品名称']" />
</div>
<div class="col-6">
<q-input filled v-model="objOption.ExchangeEndTime" mask="date" label="兑换截止日期">
<template v-slot:append>
<q-icon name="event" class="cursor-pointer">
<q-popup-proxy ref="ExchangeEndTime" cover transition-show="scale" transition-hide="scale">
<q-date v-model="objOption.ExchangeEndTime">
<div class="row items-center justify-end">
<q-btn v-close-popup label="Close" color="primary" flat />
</div>
</q-date>
</q-popup-proxy>
</q-icon>
</template>
</q-input>
</div>
</div>
<div class="row wrap" style="margin-top:20px;"> <div class="row wrap" style="margin-top:20px;">
<div class="col-12">奖品图片</div> <div class="col-12">奖品图片</div>
</div> </div>
...@@ -134,7 +147,7 @@ ...@@ -134,7 +147,7 @@
<thead> <thead>
<tr style="height:60px;"> <tr style="height:60px;">
<td colspan="5" style="text-align:right;"> <td colspan="5" style="text-align:right;">
<q-btn color="accent" size="sm" icon="add" label="新增任务" @click="addCourse()" /> <q-btn color="accent" size="sm" icon="add" label="新增子任务" @click="addSubTask()" />
</td> </td>
</tr> </tr>
<tr> <tr>
...@@ -158,34 +171,34 @@ ...@@ -158,34 +171,34 @@
<tbody v-for="(sItem, sIndex) in objOption.DetailsList" :key="sIndex"> <tbody v-for="(sItem, sIndex) in objOption.DetailsList" :key="sIndex">
<tr> <tr>
<td style="height:50px"> <td style="height:50px">
<q-select filled stack-label option-value="Id" @input="clearTarget(sItem)" option-label="Name" v-model="sItem.TaskType" <q-select filled stack-label option-value="Id" @input="clearTarget(sItem)" option-label="Name"
ref="PriceDiscountType_Id" :options="taskTypeData" label="任务类型" style="width:160px" dense v-model="sItem.TaskType" ref="PriceDiscountType_Id" :options="taskTypeData" label="任务类型"
emit-value map-options /> style="width:160px" dense emit-value map-options />
</td> </td>
<td> <td>
<q-select v-if="sItem.TaskType==2" filled stack-label option-value="Id" option-label="SubjectName" v-model="sItem.TargetIdList" <q-select v-if="sItem.TaskType==2" filled stack-label option-value="Id" option-label="SubjectName"
:options="CourseSubjectList" multiple use-chips label="所属科目" style="width:160px" dense v-model="sItem.TargetIdList" :options="CourseSubjectList" multiple use-chips label="所属科目"
emit-value map-options /> style="width:160px" dense emit-value map-options />
<q-select v-if="sItem.TaskType==3" multiple filled use-chips stack-label v-model="sItem.TargetIdList" option-value="CateId" option-label="CateName" <q-select v-if="sItem.TaskType==3" multiple filled use-chips stack-label v-model="sItem.TargetIdList"
:options="TreeCategoryList" label="课程系列" style="width:160px" dense option-value="CateId" option-label="CateName" :options="TreeCategoryList" label="课程系列"
emit-value map-options /> style="width:160px" dense emit-value map-options />
<q-select v-if="sItem.TaskType==4" multiple filled use-chips stack-label v-model="sItem.TargetIdList" option-value="CourseId" option-label="CourseName" <q-select v-if="sItem.TaskType==4" multiple filled use-chips stack-label v-model="sItem.TargetIdList"
:options="CourseList" label="课程" style="width:160px" dense option-value="CourseId" option-label="CourseName" :options="CourseList" label="课程"
emit-value map-options /> style="width:160px" dense emit-value map-options />
</td> </td>
<td> <td>
<q-select filled stack-label option-value="Id" option-label="Name" v-model="sItem.TaskFinishType" <q-select filled stack-label option-value="Id" option-label="Name" v-model="sItem.TaskFinishType"
:options="finishTypeObj" label="请选择" style="width:160px" dense emit-value map-options /> :options="finishTypeObj" label="请选择" style="width:160px" dense emit-value map-options />
</td> </td>
<td> <td>
<q-input filled stack-label maxlength="20" @keyup.native="checkInteger(sItem,'TaskFinishValue')" dense v-model="sItem.TaskFinishValue" <q-input filled stack-label maxlength="20" @keyup.native="checkInteger(sItem,'TaskFinishValue')" dense
ref="TaskFinishValue" class="q-pr-none" label="任务完成值" /> v-model="sItem.TaskFinishValue" ref="TaskFinishValue" class="q-pr-none" label="任务完成值" />
</td> </td>
<td> <td>
<q-btn flat size="xs" icon="iconfont icon-shanchu" title="删除" color="negative" style="font-weight:400" <q-btn flat size="xs" icon="iconfont icon-shanchu" title="删除" color="negative" style="font-weight:400"
class="q-mr-xs" label="" @click="deleTarget(index)" /> class="q-mr-xs" label="" @click="deleSubTask(index)" />
</td> </td>
</tr> </tr>
</tbody> </tbody>
...@@ -248,7 +261,8 @@ ...@@ -248,7 +261,8 @@
TaskDesc: '', //任务描述 TaskDesc: '', //任务描述
TaskStartTime: "", //任务开始时间 TaskStartTime: "", //任务开始时间
TaskEndTime: "", //任务结束时间 TaskEndTime: "", //任务结束时间
DetailsList: [] DetailsList: [], //任务详情
ExchangeEndTime: "", //兑换截止时间
}, },
optionTitle: '', optionTitle: '',
CourseList: [], CourseList: [],
...@@ -256,21 +270,22 @@ ...@@ -256,21 +270,22 @@
CourseSubjectList: [], //科目列表 CourseSubjectList: [], //科目列表
TreeCategoryList: [], //课程分类树形列表 TreeCategoryList: [], //课程分类树形列表
//完成类型 //完成类型
finishTypeObj:[{ finishTypeObj: [{
Id:1, Id: 1,
Name:'人数' Name: '人数'
},{ }, {
Id:2, Id: 2,
Name:'成交金额' Name: '成交金额'
}] }]
} }
}, },
created() {}, created() {
mounted() {
this.getCourseList(); this.getCourseList();
this.getTaskType(); this.getTaskType();
this.queryCourseSubject(); this.queryCourseSubject();
this.getCategorytree(); this.getCategoryList();
},
mounted() {
this.initObj() this.initObj()
}, },
methods: { methods: {
...@@ -293,6 +308,7 @@ ...@@ -293,6 +308,7 @@
this.objOption.TaskImageList = tempData.TaskImageList; this.objOption.TaskImageList = tempData.TaskImageList;
this.objOption.TaskKudoImgList = tempData.TaskKudoImgList; this.objOption.TaskKudoImgList = tempData.TaskKudoImgList;
this.objOption.TaskDesc = tempData.TaskDesc; this.objOption.TaskDesc = tempData.TaskDesc;
this.objOption.ExchangeEndTime = tempData.ExchangeEndTime;
} }
}) })
this.optionTitle = "修改客户任务" this.optionTitle = "修改客户任务"
...@@ -307,6 +323,7 @@ ...@@ -307,6 +323,7 @@
this.objOption.TaskStartTime = ''; this.objOption.TaskStartTime = '';
this.objOption.TaskEndTime = ''; this.objOption.TaskEndTime = '';
this.objOption.DetailsList = []; this.objOption.DetailsList = [];
this.objOption.ExchangeEndTime = "";
this.optionTitle = "新增客户任务" this.optionTitle = "新增客户任务"
} }
}, },
...@@ -348,16 +365,16 @@ ...@@ -348,16 +365,16 @@
this.$emit('close'); this.$emit('close');
this.persistent = false; this.persistent = false;
}, },
//新增课程 //新增子任务
addCourse() { addSubTask() {
let obj = { let obj = {
DetailId: 0, DetailId: 0,
TaskId: 0, TaskId: 0,
TaskType: 1, //默认传1 TaskType: 1, //默认传1
TargetId: 1, //课程编号 TargetId: 1, //课程编号
TaskFinishType:1, TaskFinishType: 1,
TaskFinishValue:'', TaskFinishValue: '',
TargetIdList:[] TargetIdList: []
} }
this.objOption.DetailsList.push(obj); this.objOption.DetailsList.push(obj);
}, },
...@@ -371,8 +388,8 @@ ...@@ -371,8 +388,8 @@
} }
}) })
}, },
//删除 //删除子任务
deleTarget(index) { deleSubTask(index) {
this.objOption.DetailsList.splice(index, 1); this.objOption.DetailsList.splice(index, 1);
}, },
//删除任务图片 //删除任务图片
...@@ -400,7 +417,7 @@ ...@@ -400,7 +417,7 @@
}) })
}, },
//获取任务类型数据下拉 //获取任务类型数据下拉
getTaskType(){ getTaskType() {
GetTaskTypeList({}).then(res => { GetTaskTypeList({}).then(res => {
if (res.Code == 1) { if (res.Code == 1) {
this.taskTypeData = res.Data; this.taskTypeData = res.Data;
...@@ -415,21 +432,17 @@ ...@@ -415,21 +432,17 @@
} }
}) })
}, },
getCategorytree() { //获取课程系列
getCategoryList() {
var qMsg = {}; var qMsg = {};
GetCourseCategoryList(qMsg).then((res) => { GetCourseCategoryList(qMsg).then((res) => {
this.TreeCategoryList = res.Data; this.TreeCategoryList = res.Data;
}); });
}, },
//分类改变
getChild(cateObj,index) {
this.objOption.DetailsList[index].TargetIdList = cateObj.split(',');
},
//清除 //清除
clearTarget(item){ clearTarget(item) {
item.TargetIdList=[]; item.TargetIdList = [];
} }
}, },
} }
</script> </script>
\ 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