something
This commit is contained in:
小鱼开发
@@ -46,21 +46,27 @@
|
||||
<!-- 表头工具栏 -->
|
||||
<template v-slot:toolbar> </template>
|
||||
<template v-slot:title="{ row }">
|
||||
<div class="cell-content">
|
||||
<div class="ele-cell-content">
|
||||
<el-image
|
||||
v-if="row.banner"
|
||||
:src="row.banner[0]['url']"
|
||||
class="table-image"
|
||||
/>
|
||||
</div>
|
||||
<div>
|
||||
<el-link
|
||||
type="primary"
|
||||
:underline="false"
|
||||
class="table-text"
|
||||
@click="goDetail(row)"
|
||||
>{{ row.title }}</el-link
|
||||
>
|
||||
{{ row.title }}
|
||||
</el-link>
|
||||
</div>
|
||||
</template>
|
||||
<template v-slot:commission>
|
||||
<el-link>123</el-link>
|
||||
</template>
|
||||
<template v-slot:cityName="{ row }">
|
||||
{{ row.cityName[0] }}
|
||||
<el-link
|
||||
@@ -74,12 +80,10 @@
|
||||
</el-link>
|
||||
</template>
|
||||
<template v-slot:timeBetween="{ row }">
|
||||
<div>{{ row.timeStart.split(' ')[0] }}~</div>
|
||||
<div>{{ row.timeEnd.split(' ')[0] }}</div>
|
||||
</template>
|
||||
<template v-slot:status="{ row }">
|
||||
<span v-if="row.status" class="ele-text-success">已上架</span>
|
||||
<span v-else class="ele-text-danger">未上架</span>
|
||||
<div
|
||||
>{{ row.timeStart.split(' ')[0] }} ~
|
||||
{{ row.timeEnd.split(' ')[0] }}</div
|
||||
>
|
||||
</template>
|
||||
<!-- 操作列 -->
|
||||
<template v-slot:action="{ row }">
|
||||
@@ -88,23 +92,19 @@
|
||||
:underline="false"
|
||||
@click="showPromotionText(row)"
|
||||
>
|
||||
文案
|
||||
推广文案
|
||||
</el-link>
|
||||
<el-link
|
||||
v-if="row.roleManage"
|
||||
type="primary"
|
||||
:underline="false"
|
||||
@click="showPosterView(row)"
|
||||
>
|
||||
海报
|
||||
推广海报
|
||||
</el-link>
|
||||
<el-link type="primary" :underline="false" @click="showCoupon(row)">
|
||||
电子券
|
||||
购车券
|
||||
</el-link>
|
||||
<!--
|
||||
<el-link type="primary" :underline="false" @click="showPre(row)">
|
||||
预览
|
||||
</el-link>
|
||||
-->
|
||||
</template>
|
||||
</ele-pro-table>
|
||||
<!-- 推广文案 -->
|
||||
@@ -124,7 +124,7 @@
|
||||
</div>
|
||||
</template>
|
||||
</el-dialog>
|
||||
<el-dialog :visible.sync="showPoster" title="分享海报" width="300px">
|
||||
<el-dialog :visible.sync="showPoster" title="推广海报" width="300px">
|
||||
<!-- 走马灯组件实现滑动 -->
|
||||
<el-carousel
|
||||
:interval="5000"
|
||||
@@ -141,14 +141,28 @@
|
||||
</div>
|
||||
</el-carousel-item>
|
||||
</el-carousel>
|
||||
<template v-if="current && current.postUrl">
|
||||
<div style="margin-top: 10px">
|
||||
<el-input :value="current.postUrl" type="textarea" :rows="1" />
|
||||
<div style="margin: 5px 0 5px 0; text-align: right">
|
||||
<el-button
|
||||
type="primary"
|
||||
size="mini"
|
||||
v-clipboard:copy="current.postUrl"
|
||||
v-clipboard:success="onCopy"
|
||||
>
|
||||
复制
|
||||
</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
</el-dialog>
|
||||
<template v-if="current"> </template>
|
||||
<el-dialog-wrapper
|
||||
v-if="current && current.preview"
|
||||
:visible.sync="dialogVisible"
|
||||
width="300px"
|
||||
height="60vh"
|
||||
title="产品预览"
|
||||
title="车型预览"
|
||||
:iframe-src="current.preview"
|
||||
/>
|
||||
<ele-modal
|
||||
@@ -193,33 +207,44 @@
|
||||
columns: [
|
||||
{
|
||||
prop: 'title',
|
||||
label: '产品信息',
|
||||
label: '车型',
|
||||
slot: 'title',
|
||||
showOverflowTooltip: true,
|
||||
minWidth: 200
|
||||
align: 'center',
|
||||
minWidth: 100
|
||||
},
|
||||
{
|
||||
prop: 'title',
|
||||
label: '佣金',
|
||||
slot: 'commission',
|
||||
showOverflowTooltip: true,
|
||||
align: 'center',
|
||||
minWidth: 100
|
||||
},
|
||||
{
|
||||
prop: 'cityName',
|
||||
label: '推广范围',
|
||||
label: '范围',
|
||||
showOverflowTooltip: true,
|
||||
minWidth: 170,
|
||||
align: 'center',
|
||||
minWidth: 100,
|
||||
slot: 'cityName'
|
||||
},
|
||||
{
|
||||
prop: 'timeBetween',
|
||||
label: '推广周期',
|
||||
label: '周期',
|
||||
showOverflowTooltip: true,
|
||||
align: 'center',
|
||||
slot: 'timeBetween',
|
||||
minWidth: 100
|
||||
},
|
||||
{
|
||||
columnKey: 'action',
|
||||
label: '推广',
|
||||
width: 150,
|
||||
width: 300,
|
||||
align: 'center',
|
||||
resizable: false,
|
||||
slot: 'action'
|
||||
},
|
||||
}
|
||||
// {
|
||||
// prop: 'viewNum',
|
||||
// label: '浏览量',
|
||||
@@ -227,14 +252,14 @@
|
||||
// minWidth: 80,
|
||||
// align: 'center'
|
||||
// },
|
||||
{
|
||||
prop: 'cluesNum',
|
||||
label: '留资数',
|
||||
width: 80,
|
||||
align: 'center',
|
||||
resizable: false,
|
||||
showOverflowTooltip: true
|
||||
}
|
||||
// {
|
||||
// prop: 'cluesNum',
|
||||
// label: '留资数',
|
||||
// width: 80,
|
||||
// align: 'center',
|
||||
// resizable: false,
|
||||
// showOverflowTooltip: true
|
||||
// }
|
||||
],
|
||||
// 表格选中数据
|
||||
selection: [],
|
||||
@@ -290,11 +315,6 @@
|
||||
});
|
||||
});
|
||||
},
|
||||
//预览
|
||||
showPre(row) {
|
||||
this.current = row;
|
||||
this.dialogVisible = true;
|
||||
},
|
||||
showCoupon(row) {
|
||||
const path = '/car/product/coupon';
|
||||
this.$nextTick(() => {
|
||||
@@ -312,12 +332,8 @@
|
||||
};
|
||||
</script>
|
||||
<style scoped>
|
||||
.cell-content {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.table-image {
|
||||
width: 80px;
|
||||
width: 100px;
|
||||
height: 80px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
@@ -53,16 +53,16 @@
|
||||
:loading="loading"
|
||||
@click="submit"
|
||||
>
|
||||
{{ loading ? $t('login.loading') : '立即登陆' }}
|
||||
{{ loading ? $t('login.loading') : '立即登录' }}
|
||||
</el-button>
|
||||
</div>
|
||||
<div class="ele-text-center">
|
||||
<span>没有账号,</span>
|
||||
<span>没有账号？</span>
|
||||
<el-link
|
||||
type="primary"
|
||||
style="vertical-align: inherit"
|
||||
@click="$router.push('/register')"
|
||||
>立即绑定</el-link
|
||||
>立即绑定 >></el-link
|
||||
>
|
||||
</div>
|
||||
<!-- <div class="ele-text-center" style="margin-bottom: 10px">
|
||||
|
||||
Reference in New Issue
Block a user