main
parent
87049e2c51
commit
6113c85c7b
@ -0,0 +1,58 @@
|
|||||||
|
import httpService from "@/request"
|
||||||
|
|
||||||
|
// 任务列表
|
||||||
|
export function taskList(params) {
|
||||||
|
return httpService({
|
||||||
|
url: `/user/taskRelease/list`,
|
||||||
|
method: 'get',
|
||||||
|
params: params,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// 置顶
|
||||||
|
export function topTask(params) {
|
||||||
|
return httpService({
|
||||||
|
url: `/user/taskRelease/topTask`,
|
||||||
|
method: 'get',
|
||||||
|
params: params,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// 取消
|
||||||
|
export function cancelTask(params) {
|
||||||
|
return httpService({
|
||||||
|
url: `/user/taskRelease/cancel`,
|
||||||
|
method: 'get',
|
||||||
|
params: params,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// 撤回
|
||||||
|
export function withdrawTask(params) {
|
||||||
|
return httpService({
|
||||||
|
url: `/user/taskRelease/withdraw`,
|
||||||
|
method: 'get',
|
||||||
|
params: params,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// 确认
|
||||||
|
export function confirmTask(params) {
|
||||||
|
return httpService({
|
||||||
|
url: `/user/taskRelease/confirm`,
|
||||||
|
method: 'get',
|
||||||
|
params: params,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// 获取任务设置
|
||||||
|
export function getSetting(params) {
|
||||||
|
return httpService({
|
||||||
|
url: `/user/settingTaskRelease/getSetting`,
|
||||||
|
method: 'get',
|
||||||
|
params: params,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// 保存任务设置
|
||||||
|
export function Setting(params) {
|
||||||
|
return httpService({
|
||||||
|
url: `/user/settingTaskRelease/setting`,
|
||||||
|
method: 'post',
|
||||||
|
data: params,
|
||||||
|
})
|
||||||
|
}
|
||||||
@ -0,0 +1,45 @@
|
|||||||
|
<template>
|
||||||
|
<a-cascader
|
||||||
|
:options="cityList"
|
||||||
|
placeholder="请选择"
|
||||||
|
:field-names="{
|
||||||
|
label: 'name',
|
||||||
|
value: 'id',
|
||||||
|
children: 'cityList',
|
||||||
|
}"
|
||||||
|
@change="change"
|
||||||
|
style="width: 60%"
|
||||||
|
></a-cascader>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import store from "@/store";
|
||||||
|
export default {
|
||||||
|
data(){
|
||||||
|
return{
|
||||||
|
cityList:[]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
change(data){
|
||||||
|
this.$emit('onchange',data)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
if(store.getters.getCity.length===0){
|
||||||
|
this.$axios({
|
||||||
|
method:'get',
|
||||||
|
url:process.env.VUE_APP_URL+'manage/city/allCity',//【api不需要communityCode】
|
||||||
|
}).then((response) =>{
|
||||||
|
this.cityList = response.data.data
|
||||||
|
this.setCity(response.data.data);
|
||||||
|
}).catch((error) =>{
|
||||||
|
console.log(error) //请求失败返回的数据
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
</style>
|
||||||
@ -0,0 +1,34 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<a-modal :visible="previewVisible" :footer="null" @cancel="handleCancel">
|
||||||
|
<img alt="example" style="width: 100%" :src="previewImage" />
|
||||||
|
</a-modal>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
props:{
|
||||||
|
previewVisible:{
|
||||||
|
type:Boolean,
|
||||||
|
default:false,
|
||||||
|
},
|
||||||
|
previewImage:{
|
||||||
|
type:String,
|
||||||
|
}
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return{
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods:{
|
||||||
|
handleCancel() {
|
||||||
|
this.$emit('handleCancel')
|
||||||
|
},
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
|
||||||
|
</style>
|
||||||
@ -0,0 +1,68 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<a-upload
|
||||||
|
:action="`${$upload}`"
|
||||||
|
accept='.jpg,.JPG,.png,.PNG,.jpeg,.JPEG'
|
||||||
|
list-type="picture-card"
|
||||||
|
:headers="uploadHeaders"
|
||||||
|
:file-list="fileList"
|
||||||
|
@preview="handlePreview"
|
||||||
|
@change="handleChange"
|
||||||
|
>
|
||||||
|
<div v-if="fileList.length < 1">
|
||||||
|
<a-icon type="plus" />
|
||||||
|
<div class="ant-upload-text">上传图片</div>
|
||||||
|
</div>
|
||||||
|
</a-upload>
|
||||||
|
<imgModal :previewVisible='previewVisible' :previewImage='previewImage' @handleCancel='handleCancel'/>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import imgModal from "./imgModal.vue"
|
||||||
|
function getBase64(file) {
|
||||||
|
return new Promise((resolve, reject) => {
|
||||||
|
const reader = new FileReader();
|
||||||
|
reader.readAsDataURL(file);
|
||||||
|
reader.onload = () => resolve(reader.result);
|
||||||
|
reader.onerror = error => reject(error);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
import store from "@/store";
|
||||||
|
export default {
|
||||||
|
components:{
|
||||||
|
imgModal
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return{
|
||||||
|
previewVisible: false,
|
||||||
|
previewImage: '',
|
||||||
|
fileList: [],
|
||||||
|
uploadHeaders: {
|
||||||
|
"admin-login-token": store.getters.getToken
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods:{
|
||||||
|
async handlePreview(file) {
|
||||||
|
if (!file.url && !file.preview) {
|
||||||
|
file.preview = await getBase64(file.originFileObj);
|
||||||
|
}
|
||||||
|
this.previewImage = file.url || file.preview;
|
||||||
|
this.previewVisible = true;
|
||||||
|
},
|
||||||
|
handleCancel(){
|
||||||
|
this.previewVisible = false;
|
||||||
|
},
|
||||||
|
handleChange({ fileList }) {
|
||||||
|
this.fileList = fileList
|
||||||
|
if(fileList[0].status==='done'){
|
||||||
|
this.$emit('handleChange',fileList)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
}
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
</style>
|
||||||
@ -0,0 +1,166 @@
|
|||||||
|
export const pagination = {
|
||||||
|
current: 1,
|
||||||
|
total: 0,
|
||||||
|
pageSize: 10,
|
||||||
|
showTotal: (total) => `共 ${total} 条`,
|
||||||
|
showSizeChanger: true,
|
||||||
|
showQuickJumper: true,
|
||||||
|
}
|
||||||
|
export const searchForm = {
|
||||||
|
status:undefined,
|
||||||
|
rewardType: undefined,
|
||||||
|
type: undefined,
|
||||||
|
keyword:''
|
||||||
|
}
|
||||||
|
export const columns = [
|
||||||
|
{
|
||||||
|
title: "任务单号",
|
||||||
|
width: "12%",
|
||||||
|
dataIndex: "code",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "创建人名称",
|
||||||
|
width: "5%",
|
||||||
|
dataIndex: "createName",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "任务状态",
|
||||||
|
width: "4%",
|
||||||
|
dataIndex: "status",
|
||||||
|
customRender: function (status) {
|
||||||
|
switch (status) {
|
||||||
|
case 1:
|
||||||
|
return '已发布'
|
||||||
|
case 2:
|
||||||
|
return '已接取'
|
||||||
|
case 3:
|
||||||
|
return '服务中'
|
||||||
|
case 4:
|
||||||
|
return '待确认'
|
||||||
|
case 5:
|
||||||
|
return '已完成'
|
||||||
|
case 6:
|
||||||
|
return '已评价'
|
||||||
|
case 9:
|
||||||
|
return '已取消'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "类型",
|
||||||
|
width: "4%",
|
||||||
|
dataIndex: "type",
|
||||||
|
customRender: function (type) {
|
||||||
|
switch (type) {
|
||||||
|
case 1:
|
||||||
|
return '跑腿'
|
||||||
|
case 2:
|
||||||
|
return '家政'
|
||||||
|
case 3:
|
||||||
|
return '维修'
|
||||||
|
case 4:
|
||||||
|
return '家教'
|
||||||
|
case 9:
|
||||||
|
return '其他'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "备注",
|
||||||
|
width: "8%",
|
||||||
|
dataIndex: "remarks",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "接单人名称",
|
||||||
|
width: "5%",
|
||||||
|
dataIndex: "receiverName",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "可接单开始时间",
|
||||||
|
width: "10%",
|
||||||
|
dataIndex: "readyStartTime",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "可接单结束时间",
|
||||||
|
width: "10%",
|
||||||
|
dataIndex: "readyEndTime",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "服务人员",
|
||||||
|
width: "4%",
|
||||||
|
dataIndex: "servicePersonnel",
|
||||||
|
customRender: function (servicePersonnel) {
|
||||||
|
switch (servicePersonnel) {
|
||||||
|
case 1:
|
||||||
|
return '住户'
|
||||||
|
case 2:
|
||||||
|
return '物业'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "联系人",
|
||||||
|
width: "4%",
|
||||||
|
dataIndex: "contact",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "报酬类型",
|
||||||
|
width: "4%",
|
||||||
|
dataIndex: "rewardType",
|
||||||
|
customRender: function (rewardType) {
|
||||||
|
switch (rewardType) {
|
||||||
|
case 1:
|
||||||
|
return '赏金'
|
||||||
|
case 2:
|
||||||
|
return '积分'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "报酬数",
|
||||||
|
width: "4%",
|
||||||
|
dataIndex: "reward",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "创建时间",
|
||||||
|
width: "8%",
|
||||||
|
dataIndex: "createDate",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "操作",
|
||||||
|
dataIndex: "action",
|
||||||
|
key: "action",
|
||||||
|
width: "300",
|
||||||
|
fixed: "right",
|
||||||
|
scopedSlots: { customRender: "action" },
|
||||||
|
},
|
||||||
|
]
|
||||||
|
export const options = {
|
||||||
|
rewardType: [
|
||||||
|
{
|
||||||
|
id: 1,
|
||||||
|
name:'赏金'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 2,
|
||||||
|
name:'积分'
|
||||||
|
},
|
||||||
|
],
|
||||||
|
type: [
|
||||||
|
{
|
||||||
|
id:1, name:'跑腿'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id:2, name:'家政'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id:3, name:'维修'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id:4, name:'家教'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id:9, name:'其他'
|
||||||
|
},
|
||||||
|
]
|
||||||
|
}
|
||||||
@ -0,0 +1,213 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<div class="cardTitle">
|
||||||
|
<a-space size="large">
|
||||||
|
<span>任务列表</span>
|
||||||
|
<a-radio-group
|
||||||
|
v-model="activeName"
|
||||||
|
button-style="solid"
|
||||||
|
@change="tabsChange"
|
||||||
|
>
|
||||||
|
<a-radio-button value="0"> 全部 </a-radio-button>
|
||||||
|
<a-radio-button value="1"> 已发布 </a-radio-button>
|
||||||
|
<a-radio-button value="2"> 已接取 </a-radio-button>
|
||||||
|
<a-radio-button value="3"> 服务中 </a-radio-button>
|
||||||
|
<a-radio-button value="4"> 待确认 </a-radio-button>
|
||||||
|
<a-radio-button value="5"> 已完成 </a-radio-button>
|
||||||
|
<a-radio-button value="6"> 已评价 </a-radio-button>
|
||||||
|
<a-radio-button value="9"> 已取消 </a-radio-button>
|
||||||
|
</a-radio-group>
|
||||||
|
</a-space>
|
||||||
|
</div>
|
||||||
|
<div class="search-box">
|
||||||
|
<a-row>
|
||||||
|
<a-col :span="20">
|
||||||
|
<a-space size="large">
|
||||||
|
<a-select placeholder="报酬类型" v-model="searchForm.rewardType" style="width: 200px" >
|
||||||
|
<a-select-option v-for="item in options.rewardType" :key="item.id" :value="item.id">{{item.name}}</a-select-option>
|
||||||
|
</a-select>
|
||||||
|
<a-select placeholder="类型" v-model="searchForm.type" style="width: 200px" >
|
||||||
|
<a-select-option v-for="item in options.type" :key="item.id" :value="item.id">{{item.name}}</a-select-option>
|
||||||
|
</a-select>
|
||||||
|
<a-input placeholder="关键字" v-model="searchForm.keyword" style="width: 200px" />
|
||||||
|
<a-button type="primary" @click='getData'>查 询</a-button>
|
||||||
|
<a-button @click='reset'>重 置</a-button>
|
||||||
|
</a-space>
|
||||||
|
</a-col>
|
||||||
|
</a-row>
|
||||||
|
</div>
|
||||||
|
<div class="main">
|
||||||
|
<div style="margin-bottom: 16px">
|
||||||
|
<!-- 批量操作 -->
|
||||||
|
<a-select
|
||||||
|
type="primary"
|
||||||
|
v-model="activeAction"
|
||||||
|
:disabled="!hasSelected"
|
||||||
|
:loading="loading"
|
||||||
|
style="width: 120px"
|
||||||
|
@change="Actions"
|
||||||
|
placeholder="请选择操作"
|
||||||
|
>
|
||||||
|
批量
|
||||||
|
<a-select-option v-for="item in ActionsList" :key="item.value">
|
||||||
|
{{ item.label }}
|
||||||
|
</a-select-option>
|
||||||
|
</a-select>
|
||||||
|
<span style="margin-left: 8px">
|
||||||
|
<template v-if="hasSelected">
|
||||||
|
{{ `已选择 ${selectedRowKeys.length} 条` }}
|
||||||
|
</template>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<!-- 表格 -->
|
||||||
|
<a-table
|
||||||
|
:columns="columns"
|
||||||
|
:data-source="tableData"
|
||||||
|
:pagination="pagination"
|
||||||
|
:scroll="{ x: 2500 }"
|
||||||
|
@change="handleTableChange"
|
||||||
|
:row-selection="{
|
||||||
|
selectedRowKeys: selectedRowKeys,
|
||||||
|
onChange: selectionChoosed,
|
||||||
|
}"
|
||||||
|
:row-key="
|
||||||
|
(record, index) => {
|
||||||
|
return index;
|
||||||
|
}
|
||||||
|
"
|
||||||
|
>
|
||||||
|
<span slot="action" slot-scope="text, row">
|
||||||
|
<a-space>
|
||||||
|
<a class="ant-dropdown-link" v-if='row.status===1' @click="top(row)">推荐置顶</a>
|
||||||
|
<a class="ant-dropdown-link" v-if='row.status===2||row.status===3' @click="withdraw(row)">撤回大厅</a>
|
||||||
|
<a class="ant-dropdown-link" v-if='row.status===4' @click="confirm(row)">确认完成</a>
|
||||||
|
<a class="ant-dropdown-link" @click="cancel(row)" v-if='row.status<4'>取消</a>
|
||||||
|
</a-space>
|
||||||
|
</span>
|
||||||
|
</a-table>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import { pagination, searchForm, columns, options } from "./depend/config";
|
||||||
|
import {
|
||||||
|
taskList,
|
||||||
|
topTask,
|
||||||
|
cancelTask,
|
||||||
|
withdrawTask,
|
||||||
|
confirmTask,
|
||||||
|
} from "@/api/operation/task";
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
activeName: "0",
|
||||||
|
pagination,
|
||||||
|
searchForm,
|
||||||
|
activeAction: undefined,
|
||||||
|
loading: false,
|
||||||
|
// 选择的index
|
||||||
|
selectedRowKeys: [],
|
||||||
|
tableChoosed: [],
|
||||||
|
// 列
|
||||||
|
columns,options,
|
||||||
|
// 数据
|
||||||
|
tableData: [],
|
||||||
|
ActionsList: [],
|
||||||
|
};
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
this.getData();
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
async getData() {
|
||||||
|
let res = await taskList({
|
||||||
|
pageNum: this.pagination.current,
|
||||||
|
size: this.pagination.pageSize,
|
||||||
|
status: this.searchForm.status,
|
||||||
|
rewardType: this.searchForm.rewardType,
|
||||||
|
type: this.searchForm.type,
|
||||||
|
keyword: this.searchForm.keyword,
|
||||||
|
});
|
||||||
|
this.tableData = res.data.rows;
|
||||||
|
this.pagination.total = res.data.total;
|
||||||
|
},
|
||||||
|
tabsChange(e) {
|
||||||
|
if(e.target.value === '0'){
|
||||||
|
this.searchForm.status =undefined
|
||||||
|
this.getData();
|
||||||
|
}
|
||||||
|
this.searchForm.status = e.target.value;
|
||||||
|
this.getData();
|
||||||
|
},
|
||||||
|
handleTableChange(pagination) {
|
||||||
|
console.log(pagination);
|
||||||
|
const pager = { ...this.pagination };
|
||||||
|
pager.current = pagination.current;
|
||||||
|
pager.pageSize = pagination.pageSize;
|
||||||
|
this.pagination = pager;
|
||||||
|
this.getData();
|
||||||
|
},
|
||||||
|
Actions(data) {
|
||||||
|
console.log(data);
|
||||||
|
this.activeAction = undefined;
|
||||||
|
},
|
||||||
|
reset(){
|
||||||
|
this.searchForm = {
|
||||||
|
rewardType: undefined,
|
||||||
|
type: undefined,
|
||||||
|
keyword:''
|
||||||
|
}
|
||||||
|
this.getData()
|
||||||
|
},
|
||||||
|
selectionChoosed(data) {
|
||||||
|
console.log(data);
|
||||||
|
this.tableChoosed = data;
|
||||||
|
},
|
||||||
|
async top(data) {
|
||||||
|
let res = await topTask({ taskId: data.id });
|
||||||
|
if (res.code === 200) {
|
||||||
|
this.$message.success(res.msg);
|
||||||
|
this.getData();
|
||||||
|
} else {
|
||||||
|
this.$message.error(res.msg);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
async cancel(data) {
|
||||||
|
let res = await cancelTask({ taskId: data.id });
|
||||||
|
if (res.code === 200) {
|
||||||
|
this.$message.success(res.msg);
|
||||||
|
this.getData();
|
||||||
|
} else {
|
||||||
|
this.$message.error(res.msg);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
async confirm(data) {
|
||||||
|
let res = await confirmTask({ taskId: data.id });
|
||||||
|
if (res.code === 200) {
|
||||||
|
this.$message.success(res.msg);
|
||||||
|
this.getData();
|
||||||
|
} else {
|
||||||
|
this.$message.error(res.msg);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
async withdraw(data) {
|
||||||
|
let res = await withdrawTask({ taskId: data.id });
|
||||||
|
if (res.code === 200) {
|
||||||
|
this.$message.success(res.msg);
|
||||||
|
this.getData();
|
||||||
|
} else {
|
||||||
|
this.$message.error(res.msg);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
hasSelected() {
|
||||||
|
return this.selectedRowKeys.length > 0;
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="less" scoped>
|
||||||
|
</style>
|
||||||
@ -0,0 +1,18 @@
|
|||||||
|
export const set = {
|
||||||
|
taskEnable: undefined,
|
||||||
|
releaseEnable: undefined,
|
||||||
|
releaseFreeTime: undefined,
|
||||||
|
releaseDeductType: undefined,
|
||||||
|
releaseTimeoutInterval: undefined,
|
||||||
|
releaseTimeoutValue: undefined,
|
||||||
|
releaseTimeoutMax: undefined,
|
||||||
|
releaseReturnType: undefined,
|
||||||
|
ordersEnable: undefined,
|
||||||
|
ordersFreeTime: undefined,
|
||||||
|
ordersDeductType: undefined,
|
||||||
|
ordersTimeoutInterval: undefined,
|
||||||
|
ordersTimeoutValue: undefined,
|
||||||
|
ordersTimeoutMax: undefined,
|
||||||
|
ordersReturnType: undefined,
|
||||||
|
serviceConfirmTime: undefined,
|
||||||
|
}
|
||||||
@ -0,0 +1,13 @@
|
|||||||
|
<template>
|
||||||
|
<router-view></router-view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
|
||||||
|
</style>
|
||||||
Loading…
Reference in new issue