|
|
|
@ -1,31 +1,28 @@
|
|
|
|
|
<template>
|
|
|
|
|
<div class="main-content">
|
|
|
|
|
<div class="area-form">
|
|
|
|
|
<el-form :inline="true" size="default">
|
|
|
|
|
<el-form-item label="任务标题">
|
|
|
|
|
<el-input v-model="form.title" placeholder="请输入"></el-input>
|
|
|
|
|
<el-form :inline="true" size="default" label-width="60px">
|
|
|
|
|
<el-form-item label="姓名">
|
|
|
|
|
<el-input v-model="form.name" placeholder="请输入"></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="标签">
|
|
|
|
|
<el-select v-model="form.tag" placeholder="请选择">
|
|
|
|
|
<el-option label="全部" :value="1"></el-option>
|
|
|
|
|
<el-option label="媒体评测" :value="2"></el-option>
|
|
|
|
|
<el-option label="产品宣传" :value="3"></el-option>
|
|
|
|
|
<el-option label="用户活动" :value="4"></el-option>
|
|
|
|
|
<el-option label="趣味互动" :value="5"></el-option>
|
|
|
|
|
</el-select>
|
|
|
|
|
<el-form-item label="手机号">
|
|
|
|
|
<el-input v-model="form.tel" placeholder="请输入"></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="车系">
|
|
|
|
|
<el-select placeholder="请选择">
|
|
|
|
|
<el-select v-model="form.series" style="width: 89%" placeholder="请选择">
|
|
|
|
|
<el-option label="全部" :value="1"></el-option>
|
|
|
|
|
<el-option label="车系1" :value="2"></el-option>
|
|
|
|
|
<el-option label="车系2" :value="3"></el-option>
|
|
|
|
|
</el-select>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="状态">
|
|
|
|
|
<el-select placeholder="请选择">
|
|
|
|
|
<el-option label="未开始" :value="1"></el-option>
|
|
|
|
|
<el-option label="进行中" :value="2"></el-option>
|
|
|
|
|
<el-option label="已终止" :value="3"></el-option>
|
|
|
|
|
<el-form-item label="提交人">
|
|
|
|
|
<el-input v-model="form.uploader" placeholder="请输入"></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="部门">
|
|
|
|
|
<el-select v-model="form.department" style="width: 89%" placeholder="请选择">
|
|
|
|
|
<el-option label="全部" :value="1"></el-option>
|
|
|
|
|
<el-option label="部门1" :value="2"></el-option>
|
|
|
|
|
<el-option label="部门2" :value="3"></el-option>
|
|
|
|
|
</el-select>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item>
|
|
|
|
@ -34,19 +31,24 @@
|
|
|
|
|
</el-form>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="button-tab">
|
|
|
|
|
<el-button size="default" type="primary">发布任务</el-button>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
<div class="area-table">
|
|
|
|
|
<el-table :data="tableData.data" size="default" border :header-cell-style="{background: '#EEE'}">
|
|
|
|
|
<el-table-column prop="title" label="任务标题" width="360"></el-table-column>
|
|
|
|
|
<el-table-column prop="tag" label="标签" width="240">
|
|
|
|
|
<el-table-column prop="name" label="姓名"></el-table-column>
|
|
|
|
|
<el-table-column prop="tel" label="手机号"></el-table-column>
|
|
|
|
|
<el-table-column prop="tag" label="关注车型" width="240">
|
|
|
|
|
<template #default="scope">
|
|
|
|
|
<el-tag style="margin-right: 8px" v-for="(item,index) in scope.row.tag" :key="index">
|
|
|
|
|
{{item == 1?'媒体评测':item == 2?'产品宣传':'其他'}}
|
|
|
|
|
</el-tag>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column prop="status" label="状态" :formatter="statusFormatter"></el-table-column>
|
|
|
|
|
<el-table-column prop="remark" label="备注"></el-table-column>
|
|
|
|
|
<el-table-column prop="linkQuest" label="关联任务"></el-table-column>
|
|
|
|
|
<el-table-column prop="uploader" label="提交人"></el-table-column>
|
|
|
|
|
<el-table-column prop="department" label="部门"></el-table-column>
|
|
|
|
|
<el-table-column prop="time" label="提交时间"></el-table-column>
|
|
|
|
|
<el-table-column prop="action" label="操作" fixed="right" width="240">
|
|
|
|
|
<template #default="scope">
|
|
|
|
|
<div v-if="scope.row.status == 1">
|
|
|
|
@ -55,7 +57,7 @@
|
|
|
|
|
<div v-if="scope.row.status == 2">
|
|
|
|
|
<el-link type="primary" style="margin-right: 8px">查看</el-link>
|
|
|
|
|
<el-link type="primary" style="margin-right: 8px">传播效果</el-link>
|
|
|
|
|
<el-link type="primary" style="margin-right: 8px">终止</el-link>
|
|
|
|
|
<el-link type="danger" style="margin-right: 8px">终止</el-link>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
@ -73,25 +75,29 @@
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
import {defineComponent, reactive, watch} from 'vue'
|
|
|
|
|
import {defineComponent, reactive, watch, getCurrentInstance} from 'vue'
|
|
|
|
|
import {statusFormatter} from './config.js'
|
|
|
|
|
export default defineComponent({
|
|
|
|
|
name: 'v-infoCollect',
|
|
|
|
|
setup() {
|
|
|
|
|
const form = reactive({
|
|
|
|
|
title: '',
|
|
|
|
|
tag: undefined,
|
|
|
|
|
name: '',
|
|
|
|
|
tel: '',
|
|
|
|
|
series: 1,
|
|
|
|
|
uploader: '',
|
|
|
|
|
department: 1,
|
|
|
|
|
});
|
|
|
|
|
const tableData = reactive({
|
|
|
|
|
data: [],
|
|
|
|
|
});
|
|
|
|
|
const { proxy } = getCurrentInstance();
|
|
|
|
|
const pagination = reactive({
|
|
|
|
|
total: 0,
|
|
|
|
|
current: 1,
|
|
|
|
|
pageSize: 10
|
|
|
|
|
});
|
|
|
|
|
return {
|
|
|
|
|
form,
|
|
|
|
|
form,proxy,
|
|
|
|
|
tableData,
|
|
|
|
|
pagination,
|
|
|
|
|
statusFormatter
|
|
|
|
@ -110,17 +116,17 @@ export default defineComponent({
|
|
|
|
|
getData() {
|
|
|
|
|
this.tableData.data = [
|
|
|
|
|
{
|
|
|
|
|
title: '星途揽月新款抖音视频',
|
|
|
|
|
name: 'Hank',
|
|
|
|
|
tag: [1],
|
|
|
|
|
status: 1,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '星途抖音视频需求',
|
|
|
|
|
name: 'Jack',
|
|
|
|
|
tag: [1,3],
|
|
|
|
|
status: 2,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '星途揽月新款抖音视频宣传推广视频图文需求',
|
|
|
|
|
name: 'Tom',
|
|
|
|
|
tag: [1,2,3],
|
|
|
|
|
status: 3,
|
|
|
|
|
},
|
|
|
|
@ -137,4 +143,7 @@ export default defineComponent({
|
|
|
|
|
.area-table {
|
|
|
|
|
margin-top: 16px
|
|
|
|
|
}
|
|
|
|
|
.area-form {
|
|
|
|
|
width: 80%
|
|
|
|
|
}
|
|
|
|
|
</style>
|