Skip to content

X
xoadoPlatform
Commit 7fcaa080 by weix
Options

修改bug、添加广告位配置模块

parent 0c9bf88c
Showing with 1175 additions and 25 deletions
ip.js
......@@ -34,3 +34,4 @@ VUE_APP_BASE_API11 = 'https://oss.xoado.com/v1/'
VUE_APP_BASE_API12 = 'https://payment.sdk.xoado.com'
VUE_APP_BASE_API13 = 'https://projects.xoado.com/invoice'
VUE_APP_BASE_API14 = 'https://projects.xoado.com/message'
VUE_APP_BASE_API15 = 'https://aitransport.xoado.com/smart'
public/index.html
......@@ -4,7 +4,7 @@
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
<link rel="icon" href="./xoado.ico">
<title><%= VUE_APP_TITLE %></title>
</head>
<style>
......
public/logo/logo-xd.png
public/logo/logo-xd.png

7.42 KB | W: | H:

public/logo/logo-xd.png

3.17 KB | W: | H:

public/logo/logo-xd.png
public/logo/logo-xd.png
public/logo/logo-xd.png
public/logo/logo-xd.png
  • 2-up
  • Swipe
  • Onion skin
src/App.vue
......@@ -28,7 +28,7 @@ export default {
await this.$store.dispatch('user/PlatformCode')
await this.mustFun();
/** 测试环境需要解注 */
await this.getEnvironment();
// await this.getEnvironment();
},
mounted () {
console.log(process.env.VUE_APP_BASE_API5)
......
src/port/pass/pass.js 0 → 100644
import {get, post, put, deletes} from '@/request/http'
// 新增广告位
export function addCarousel(data) {
const url = process.env.VUE_APP_BASE_API15+'/zhiyun/carousel/picture/insert/carousel';
return post(url, data)
}
// 查询广告位
export function searchCarousel(data) {
const url = process.env.VUE_APP_BASE_API15+'/zhiyun/carousel/picture/querylist/carousel';
return post(url, data)
}
// 删除广告位
export function delCarousel(data, id) {
const url = process.env.VUE_APP_BASE_API15+`/zhiyun/carousel/picture/delete/carousel/${id}`;
return post(url, data)
}
// 上下线
export function upOrDown(data, id, status) {
const url = process.env.VUE_APP_BASE_API15+`/zhiyun/carousel/picture/online/carousel/${id}/${status}`;
return post(url, data)
}
src/port/set-request.js
......@@ -435,8 +435,8 @@ export function seachDividedInto(data) {
}
/* 投诉列表查询 */
export function getAllcomplainList(data) {
const url = targetBaseUrl + '/complaint/condition'
export function getAllcomplainList(data, u) {
const url = (u ? u+'/brand' : targetBaseUrl) + '/complaint/condition'
return post(url, data)
}
......
src/router/index.js
......@@ -331,7 +331,21 @@ export const routes = [{
import ('@/views/disposition/disposition.vue'),
meta: { title: '控诉原因配置', icon: 'el-icon-s-home' }
},
{
path: 'pass-rotation',
name: 'passRotation',
component: () =>
import ('@/views/disposition/passRotation.vue'),
meta: { title: '广告位配置', icon: 'el-icon-s-home' }
},
{
path: 'pass-detail',
name: 'passDetail',
component: () =>
import ('@/views/disposition/passDetail.vue'),
meta: { title: '新增广告位配置', icon: 'el-icon-s-home' },
hidden: true
},
]
}
]
......
src/styles/layout.scss
......@@ -99,7 +99,7 @@
height: 100%;
line-height: 50px;
img {
height: 28px;
height: 35px;
vertical-align: middle;
margin-right: 8px;
position: relative;
......
src/views/business/complaintList/components/item.vue
......@@ -196,7 +196,7 @@ export default {
rows: this.size
};
getAllcomplainList(params)
getAllcomplainList(params, search.brandUrl)
.then((res) => {
if(res.status === 200) {
this.data = res.data.data;
......
src/views/disposition/componenets/disposition/addDialog.vue
......@@ -15,7 +15,7 @@
:model="form"
:rules="rules"
>
<el-form-item label="图标：" prop="img">
<el-form-item label="图标：" prop="labelImgurl">
<el-upload
class="avatar-uploader"
:headers="reqHeaders"
......@@ -26,11 +26,11 @@
:on-success="photoUrlSuccess"
:before-upload="beforeAvatarUpload"
>
<img v-if="form.labelImgurl" :src="form.labelImgurl" class="avatar" />
<img v-if="form.labelImgurl" :src="form.labelImgurl" class="avatar"/>
<i v-else class="el-icon-plus avatar-uploader-icon"></i>
</el-upload>
</el-form-item>
<el-form-item label="车辆类别：" prop="type">
<el-form-item label="控诉方式：" prop="complaintMode">
<el-select
v-model="form.complaintMode"
collapse-tags
......@@ -65,7 +65,8 @@
</template>
<script>
import { complaintUpdate, complaintAdd } from "@/port/set-request";
import {complaintUpdate, complaintAdd} from "@/port/set-request";
export default {
name: "addDialog",
props: ["platformList"],
......@@ -90,14 +91,14 @@ export default {
},
rules: {
labelImgurl: [
{ required: true, message: "请上传图标", trigger: "blur" },
{required: true, message: "请上传图标", trigger: "blur"},
],
complaintMode: [
{ required: true, message: "请选择投诉方式", trigger: "change" },
{required: true, message: "请选择投诉方式", trigger: "change"},
],
labelName: [
{ required: true, message: "请输入控诉原因", trigger: "blur" },
{ max: 10, message: "最多可输入五十个字" },
{required: true, message: "请输入控诉原因", trigger: "blur"},
{max: 10, message: "最多可输入五十个字"},
],
},
complaintModelist: [
......@@ -112,7 +113,8 @@ export default {
],
};
},
created() {},
created() {
},
methods: {
async showDialog(row) {
if (Object.keys(row).length > 0) {
......
src/views/disposition/passDetail.vue 0 → 100644
<template>
<div style="margin: 10px; position: relative">
<el-container style="display: flex">
<el-aside width="400px">
<el-card>
<div class="title">页面信息</div>
<div>
<span style="font-size: 14px">请选择页面：</span>
<el-select
v-model="selectResult.pageLocation"
placeholder="请选择"
@change="LocationChange()"
>
<el-option
v-for="item in pages"
:key="item.id"
:label="item.name"
:value="item.id"
>
</el-option>
</el-select>
</div>
<div style="margin-top: 10px">
<span style="font-size: 14px">请选择位置：</span>
<el-select
v-model="selectResult.pageLocationOrder"
placeholder="请选择"
@change="LocationChanges()"
>
<el-option
v-for="item in Location"
v-if="selectResult.pageLocation == item.pid"
:key="item.id"
:label="item.name"
:value="item.id"
>
</el-option>
</el-select>
</div>
<div v-if="selectResult.pageLocation == 1" class="rotationIndex">
<img
v-if="selectResult.pageLocationOrder == 1"
src="@/assets/img/rotation-rigthgg.jpg"
alt=""
/>
<img
v-if="selectResult.pageLocationOrder == 2"
src="@/assets/img/rotation-wzgg.jpg"
alt=""
/>
<img
v-if="selectResult.pageLocationOrder == 3"
src="@/assets/img/rotation-ddxq.jpg"
alt=""
/>
</div>
<div v-if="selectResult.pageLocation == 3" class="rotationIndex">
<img src="@/assets/img/rotation-ddxq.jpg" alt=""/>
</div>
<div v-if="selectResult.pageLocation == 2" class="rotationIndex">
<img src="@/assets/img/rotation-home.jpg" alt=""/>
</div>
</el-card>
</el-aside>
<el-main>
<el-card>
<div class="title">基本信息</div>
<div>
<el-form
:model="ruleForm"
:rules="rules"
ref="ruleForm"
label-width="100px"
class="demo-ruleForm"
>
<el-row type="flex" class="row-bg" justify="space-between">
<el-col :span="12">
<el-form-item label="模块名称：" prop="modelName">
<el-input
style="width: 400px"
v-model="ruleForm.modelName"
:placeholder="
selectResult.pageLocation == 1 ||
selectResult.pageLocation == 2 ||
selectResult.pageLocation == 3
? '请输入名称(20字以内)'
: '请输入名称(4字以内)'
"
:maxlength="
selectResult.pageLocation == 1 ||
selectResult.pageLocation == 2 ||
selectResult.pageLocation == 3
? '20'
: '4'
"
></el-input>
<div v-if="selectResult.pageLocationOrder == 2" class="prompt">
说明：模块名称将显示成文字广告提示语
</div>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="图片位置" prop="positionIndex">
<el-select
v-model="ruleForm.positionIndex"
placeholder="请选择图片位置"
>
<el-option label="位1" value="0"></el-option>
<el-option label="位2" value="1"></el-option>
<el-option label="位3" value="2"></el-option>
<el-option label="位4" value="3"></el-option>
<el-option label="位5" value="4"></el-option>
</el-select>
</el-form-item>
<!-- <el-form-item label="图片位置" prop="region" v-else>
<el-select
v-model="ruleForm.positionIndex"
placeholder="请选择图片位置"
>
<el-option label="位1" value="0"></el-option>
<el-option label="位2" value="1"></el-option>
<el-option label="位3" value="2"></el-option>
<el-option label="位4" value="3"></el-option>
<el-option label="位5" value="4"></el-option>
</el-select>
</el-form-item> -->
</el-col>
</el-row>
<el-row
type="flex"
class="row-bg"
justify="space-between"
>
<el-col :span="24">
<el-form-item label="模块图片：" prop="pictureUrl">
<el-upload
class="avatar-uploader"
list-type="picture-card"
action="https://apps.xoado.com/cloud/tools/files/upload"
:headers="headers"
:show-file-list="false"
:auto-upload="true"
:data="UnderLineUpdata"
name="image"
:on-success="photoUrlSuccess"
>
<img
v-if="ruleForm.pictureUrl"
:src="ruleForm.pictureUrl"
class="avatar"
/>
<i v-else class="el-icon-plus avatar-uploader-icon"></i>
</el-upload>
<span class="prompt"
v-if="selectResult.pageLocationOrder == 1"
>只能上传1张，支持jpg/png文件，建议图片比例为1：1（其他比例图片上传后将会影响展示效果）</span
>
<span class="prompt"
v-if="selectResult.pageLocationOrder != 1"
>只能上传1张，支持jpg/png文件，建议图片比例为5：1（其他比例图片上传后将会影响展示效果）</span
>
<!-- <span class="prompt"
>只能上传1张，支持jpg/png文件，{{
selectResult.pageLocation == 1
? "建议图片比例为5:2"
: "建议图片比例为5:1"
}}（其他比例图片上传后将会影响展示效果）</span
> -->
</el-form-item>
</el-col>
</el-row>
<el-form-item label="展示区域">
<!-- <el-button-->
<!-- size="small"-->
<!-- :type="ruleForm.codeList.length == 0 ? 'primary' : ''"-->
<!-- style="margin-right: 10px"-->
<!-- @click="codeListReset"-->
<!-- >全部-->
<!-- </el-button>-->
<el-select
v-model="ruleForm.codeList"
multiple
collapse-tags
placeholder="选择区域"
:disabled="checked"
>
<el-option
v-for="item in restaurants"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
<el-checkbox style="margin-left: 10px;" v-model="checked" @change="changeCodeList">全选
</el-checkbox>
<!-- <div class="prompt">
说明：若页面跳转关联至活动，则展示区域以活动设置的展示区域为准
</div> -->
</el-form-item>
<!-- <el-form-item label="关联活动">-->
<!-- <el-select-->
<!-- v-model="ruleForm.activityName"-->
<!-- placeholder="选择活动"-->
<!-- clearable-->
<!-- @change="getactivityId($event)"-->
<!-- >-->
<!-- <el-option-->
<!-- v-for="item in configData"-->
<!-- :key="item.value + '-' + item.label"-->
<!-- :label="item.label"-->
<!-- :value="item.value"-->
<!-- >-->
<!-- </el-option>-->
<!-- </el-select>-->
<!-- </el-form-item>-->
<el-form-item label="跳转设置" prop="pageJumpFlag">
<el-radio-group
v-model="ruleForm.pageJumpFlag"
style="margin-top: 15px"
>
<el-radio style="width: 100%; margin-bottom: 10px" label="2">
<span>无跳转</span>
</el-radio>
<!-- <el-radio-->
<!-- style="width: 100%; margin-bottom: 10px"-->
<!-- label="4"-->
<!-- >-->
<!-- <span>内部跳转链接</span>-->
<!-- <div style="margin-top: 10px">-->
<!-- <el-select-->
<!-- v-model="ruleForm.insideJumpUrl"-->
<!-- placeholder="请选择内部跳转链接"-->
<!-- @change="getJumpUrl($event)"-->
<!-- >-->
<!-- <el-option-->
<!-- v-for="(item,index) in interiorSkip"-->
<!-- :key="index"-->
<!-- :label="item.label"-->
<!-- :value="item.value"-->
<!-- ></el-option>-->
<!-- </el-select>-->
<!-- </div>-->
<!-- </el-radio>-->
<el-radio style="width: 100%; margin-bottom: 10px" label="1">
<!-- <span>{{-->
<!-- selectResult.pageLocation == 2-->
<!-- ? "外部跳转链接"-->
<!-- : "跳转链接"-->
<!-- }}</span>-->
<span>跳转链接</span>
<div style="margin-top: 10px">
<el-input
v-model="ruleForm.pageJumpUrl"
placeholder="请输入跳转链接"
></el-input>
</div>
</el-radio>
<el-radio style="width: 100%" label="3">
<span>跳转说明/规则等文字性页面</span>
<div style="margin-top: 10px">
<el-input
type="textarea"
v-model="ruleForm.pageJumpText"
show-word-limit
maxlength="2000"
></el-input>
</div>
</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="submitForm('ruleForm')"
>确定
</el-button
>
<el-button @click="resetForm('ruleForm')">取消</el-button>
</el-form-item>
</el-form>
</div>
</el-card>
</el-main>
</el-container>
</div>
</template>
<script>
import {
activityList,
addShuffling,
getOpenedArea,
activityListPage,
} from "@/port/set-request";
import {addCarousel} from "@/port/pass/pass";
import {
getRegionManageList,
} from '@/port/region/regionManage';
export default {
name: "paddDetail",
data() {
return {
checked: true,
configData: [],
UnderLineUpdata: {
urlType: "OfflineContract",
},
headers: {},
pages: [
{
id: "1",
name: "注册中首页",
},
{
id: "2",
name: "首页",
},
{
id: "3",
name: "个人中心",
},
],
Location: [
{
pid: '1',
id: "1",
name: "顶部轮播图",
},
{
pid: "2",
id: "2",
name: "中部轮播图",
},
{
pid: "3",
id: "3",
name: "页底广告位",
},
],
// 1001,乘客拉新
// 1002,下单奖励
// 1003,促销活动
// 1004,乘客注册
// 1005,实名认证
// 1006,礼包活动
interiorSkip: [
{
label: '邀请好友',
value: '/pages/personalCenter/invitation/index',
key: 1001
},
{
label: '首单奖励',
value: '/pages/personalCenter/firstSingleReward/index',
key: 1002
},
{
label: '冲单奖励',
value: '/pages/personalCenter/placeOrder/index',
key: 1002
},
{
label: '促活',
value: '/pages/personalCenter/promote/index',
key: 1003
},
{
label: '实名认证',
value: '/pages/personalCenter/authenticationName/index',
key: 1005
},
{
label: '礼包活动',
value: '/pages/personalCenter/bagActivity/index',
key: 1006
}
],
selectResult: {
pageLocation: "1",
pageLocationOrder: "1",
},
ruleForm: {
displayPage: "",
positionInPage: "",
modelName: "",
positionIndex: "0",
pictureUrl: "",
codeList: [],
codeArry: ['000000'],
activityId: "",
activityName: "",
areaBelongSrting: "",
pageJumpFlag: "",
pageJumpUrl: "",
pageJumpText: "",
otherType: 0,
insideJumpUrl: ""
},
restaurants: [],
rules: {
modelName: [
{required: true, message: "请输入模块名称", trigger: "blur"},
],
positionIndex: [
{required: true, message: "请选择图片位置", trigger: "change"},
],
pageJumpFlag: [
{required: true, message: "请选择跳转设置", trigger: "change"},
],
pictureUrl: [
{required: true, message: "请上传图片", trigger: "change"},
],
// areaBelong: [
// { required: true, message: "请选择区域", trigger: "change" },
// ],
},
};
},
async created() {
// await this.getAllDatas();
// await this.getEligible();
await this.getAllOpendAreaListFun();
this.headers = {
XOADOAPPACCESSCODE: this.$store.state.user.code,
XOADOTOKENID: this.$store.state.user.token,
XOADOPLATFORMID: this.$store.getters.platformId,
};
},
methods: {
changeCodeList(val) {
if (val) {
this.ruleForm.codeList = [];
}
},
LocationChange() {
if (this.selectResult.pageLocation == 1) {
this.selectResult.pageLocationOrder = "1";
}
if (this.selectResult.pageLocation == 2) {
this.selectResult.pageLocationOrder = "2";
}
if (this.selectResult.pageLocation == 3) {
this.selectResult.pageLocationOrder = "3";
}
this.$refs["ruleForm"].resetFields();
this.ruleForm = {
positionIndex: "0",
codeList: [],
codeArry: ['000000'],
activityName: "",
insideJumpUrl: ""
};
this.interiorSkip = [
{
label: '邀请好友',
value: '/pages/personalCenter/invitation/index',
key: 1001
},
{
label: '首单奖励',
value: '/pages/personalCenter/firstSingleReward/index',
key: 1002
},
{
label: '冲单奖励',
value: '/pages/personalCenter/placeOrder/index',
key: 1002
},
{
label: '促活',
value: '/pages/personalCenter/promote/index',
key: 1003
},
{
label: '实名认证',
value: '/pages/personalCenter/authenticationName/index',
key: 1005
},
{
label: '礼包活动',
value: '/pages/personalCenter/bagActivity/index',
key: 1006
}
]
},
LocationChanges() {
this.$refs["ruleForm"].resetFields();
this.ruleForm = {
displayPage: "",
positionInPage: "",
modelName: "",
positionIndex: "0",
pictureUrl: "",
codeList: [],
codeArry: ['000000'],
activityId: "",
activityName: "",
areaBelongSrting: "",
pageJumpFlag: "",
pageJumpUrl: "",
pageJumpText: "",
otherType: 0,
insideJumpUrl: ""
};
this.interiorSkip = [
{
label: '邀请好友',
value: '/pages/personalCenter/invitation/index',
key: 1001
},
{
label: '首单奖励',
value: '/pages/personalCenter/firstSingleReward/index',
key: 1002
},
{
label: '冲单奖励',
value: '/pages/personalCenter/placeOrder/index',
key: 1002
},
{
label: '促活',
value: '/pages/personalCenter/promote/index',
key: 1003
},
{
label: '实名认证',
value: '/pages/personalCenter/authenticationName/index',
key: 1005
},
{
label: '礼包活动',
value: '/pages/personalCenter/bagActivity/index',
key: 1006
}
]
},
/**
* 获取所有活动
* */
async getAllDatas() {
let json = {
platformId: this.$store.getters.platformId,
isActive: true
// pageSize: 10,
// pageNum: 1,
// pageVo: { page: 1, rows: 999 },
};
this.configData = [];
await activityListPage(json).then((res) => {
if (res.status == 200) {
let dataSource = res.data.activities;
this.configData = dataSource.map((item) => {
return {
label: item.activityName,
value: item.activityId,
type: item.activityCategory,
otherType: item.activityType
};
});
}
});
},
getactivityId(e) {
let arr = [];
this.configData.map((item) => {
if (item.value == e) {
arr.push(item);
}
});
this.ruleForm.activityId = arr[0].value;
this.ruleForm.activityName = arr[0].label;
this.ruleForm.otherType = arr[0].type;
this.interiorSkip = [
{
label: '邀请好友',
value: '/pages/personalCenter/invitation/index',
key: 1001
},
{
label: '首单奖励',
value: '/pages/personalCenter/firstSingleReward/index',
key: 1002
},
{
label: '冲单奖励',
value: '/pages/personalCenter/placeOrder/index',
key: 1002
},
{
label: '促活',
value: '/pages/personalCenter/promote/index',
key: 1003
},
{
label: '实名认证',
value: '/pages/personalCenter/authenticationName/index',
key: 1005
},
{
label: '礼包活动',
value: '/pages/personalCenter/bagActivity/index',
key: 1006
}
]
let selectActivity = this.interiorSkip.filter(item => {
if (item.key == arr[0].type) {
return item
}
})
this.interiorSkip = selectActivity
this.ruleForm.insideJumpUrl = ""
},
/**
* 选择内部跳转路径限制
* **/
getJumpUrl(e) {
if (this.ruleForm.activityId == "" || this.ruleForm.activityName == "") {
this.ruleForm.insideJumpUrl = ""
this.$message.error('请先选择您要配置的活动')
}
},
/**
* 获取品牌下的区域
* **/
async getAllOpendAreaListFun() {
let roleId = this.$store.state.user.roleValue
let params = {
organizeId: roleId ? roleId : '',
page: 1,
rows: 10
};
await getRegionManageList(params).then((res) => {
if (res.status == 200) {
let data = res.data.content;
console.log(data, "456")
data.map((item) => {
this.restaurants.push({
label: item.operateAreaName,
value: item.operateAreaCode,
});
});
}
});
},
async submitForm(formName) {
/**
* TODO 选择活动之后可内部跳转类型限制（已完成）
* TODO 选择内部跳转类型活动反选（已完成）
* **/
let that = this;
this.$refs[formName].validate((valid) => {
if (valid) {
let code = this.ruleForm.codeList.length > 0 ? that.ruleForm.codeList : that.ruleForm.codeArry;
if (this.ruleForm.pictureUrl == "") {
return this.$message.error("请上传模板图片");
}
if (this.ruleForm.pageJumpFlag == 1) {
if (this.ruleForm.pageJumpUrl == "") {
return this.$message.error("请输入外部跳转链接");
}
}
if (this.ruleForm.pageJumpFlag == 3) {
if (this.ruleForm.pageJumpText == "") {
return this.$message.error("请输入说明/规则");
}
}
// if(this.ruleForm.pageJumpFlag == 4&&this.ruleForm.insideJumpUrl == ""){
// return this.$message.error("请选择内部跳转链接");
// }
// let json = {
// platformId: this.$store.getters.platformId,
// displayPage: this.selectResult.pageLocation,
// positionInPage: this.selectResult.pageLocationOrder,
// modelName: this.ruleForm.modelName,
// positionIndex: this.ruleForm.positionIndex,
// pictureUrl: this.ruleForm.pictureUrl,
// activityName: this.ruleForm.activityName,
// areaBelong: code,
// activityId: this.ruleForm.activityId,
// pageJumpFlag: this.ruleForm.pageJumpFlag,
// pageJumpUrl: this.ruleForm.pageJumpFlag == 1 ? this.ruleForm.pageJumpUrl : this.ruleForm.insideJumpUrl,
// pageJumpText: this.ruleForm.pageJumpText,
// };
let json = {
"platformId": this.$store.getters.platformId,// (平台ID)
"displayPage": this.selectResult.pageLocation,// (展示页面)
"positionInPage": this.selectResult.pageLocationOrder,// (广告在页面的位置)
"modelName": this.ruleForm.modelName,// (广告模块名称)
"positionIndex": this.ruleForm.positionIndex,// (位数)
"pictureUrl": this.ruleForm.pictureUrl,
"areaBelong": this.checked ? ['000000'] : this.ruleForm.codeList,//(配置的区域)
"activityId": this.ruleForm.activityId,// (关联的活动Id)
"activityName": this.ruleForm.activityName,// (关联的活动名称)
"pageJumpFlag": this.ruleForm.pageJumpFlag,// (跳转标记)
"pageJumpUrl": this.ruleForm.pageJumpUrl,// (跳转url)
"pageJumpText": this.ruleForm.pageJumpText // (跳转说明)
}
addCarousel(json).then((res) => {
if (res.status == 200) {
this.$message.success("设置成功");
this.$router.go(-1);
} else {
// this.$message.error(res.data);
this.$confirm(res.msg, "添加成功", {
confirmButtonText: "确定",
cancelButtonText: "取消",
})
.then(() => {
})
.catch(() => {
});
}
if (res.status == 400) {
// let data=""
// if(res.data==null){
// data=res.msg
// }else{
// data=res.data
// }
this.$confirm('当前' + res.msg, "添加失败", {
confirmButtonText: "确定",
cancelButtonText: "取消",
})
.then(() => {
})
.catch(() => {
});
}
});
} else {
console.log("error submit!!");
return false;
}
});
},
resetForm(formName) {
this.$refs[formName].resetFields();
this.$router.go(-1);
},
photoUrlSuccess(response, file, fileList) {
let that = this;
if (file.response.status == 200) {
that.ruleForm.pictureUrl = file.response.data[0].url;
}
},
codeListReset() {
this.ruleForm.codeList = [];
},
},
};
</script>
<style lang="scss" scoped>
.title {
border-left: 5px solid #5692ff;
text-align: left;
color: #51a5f9;
padding-left: 10px;
font-size: 16px;
background-color: #fff;
margin-bottom: 20px;
font-weight: bolder;
}
.el-main {
padding: 0;
margin-left: 10px;
}
.rotationIndex {
width: 100%;
> img {
width: 100%;
margin-top: 10px;
}
}
.avatar {
width: 100%;
}
::v-deep {
.demo-ruleForm .el-form-item__content {
height: auto !important;
}
.el-message-box__content {
padding: 35px 40px;
}
}
.prompt {
color: #b5b5b5;
font-size: 12px;
}
</style>
src/views/disposition/passRotation.vue 0 → 100644
<template>
<el-card>
<el-row>
<div class="title-left" style="padding-left: 10px;font-weight: 800;">
广告位配置
</div>
</el-row>
<el-row type="flex" class="row-bg" style="margin-top: 5px;" justify="space-between">
<el-col :span="8">
<div class="flex-class">
<el-input
style="width: 250px"
placeholder="请输入模块名称"
prefix-icon="el-icon-search"
v-model="modelName"
>
</el-input>
</div>
</el-col>
<el-col :span="8">
<span>页面位置：</span>
<el-select v-model="pageLocation" placeholder="请选择">
<el-option
v-for="item in pages"
:key="item.id"
:label="item.name"
:value="item.id"
>
</el-option>
</el-select>
</el-col>
<el-col :span="8">
<el-button
style="width: 100px; margin-left: 10px; height: 32px"
type="primary"
size="small"
@click.stop="getAllData()"
>查询
</el-button>
<el-button
style="width: 100px; margin-left: 10px; height: 32px"
type="primary"
size="small"
@click="goAddRotation"
>添加配置
</el-button>
</el-col>
</el-row>
<el-table
:data="data"
v-loading="loading"
style="margin-top: 10px;"
stripe
border
:header-cell-style="tableHeaderColor"
>
<el-table-column type="index" label="编号" align="center" width="50">
</el-table-column>
<el-table-column label="模块名称" prop="modelName" align="center" width="150">
</el-table-column>
<el-table-column label="图片" align="center" width="200">
<template slot-scope="{ row }">
<img style="width: 100px" :src="row.pictureUrl" alt=""/>
</template>
</el-table-column>
<el-table-column
label="页面"
align="center"
:show-overflow-tooltip="true"
>
<template slot-scope="{ row }">
<span>{{ row.positionInPage == 1 ? "注册中首页" : row.positionInPage == 2 ? "首页" : "个人中心" }}</span>
</template>
</el-table-column>
<el-table-column
label="页面"
align="center"
:show-overflow-tooltip="true"
>
<template slot-scope="{ row }">
<span>{{ row.positionInPage == 1 ? "顶部轮播图" : row.positionInPage == 2 ? "中部轮播图" : "页底广告位" }}</span>
</template>
</el-table-column>
<el-table-column label="图片位置" align="center">
<template slot-scope="{ row }">
<span>{{ "位" + (row.positionIndex + 1) }}</span>
</template>
</el-table-column>
<el-table-column
label="展示区域"
align="center"
:show-overflow-tooltip="true"
>
<template slot-scope="{ row }">
<span v-for="(item, index) in row.areaList">
{{item.areaName}}
</span>
</template>
</el-table-column>
<el-table-column
width="200"
label="跳转设置"
align="center"
:show-overflow-tooltip="true"
>
<template slot-scope="{ row }">
<span>{{ goUrl(row.jumpSetUp) }}</span>
</template>
</el-table-column>
<el-table-column
width="200"
label="跳转详情"
align="center"
:show-overflow-tooltip="true"
>
<template slot-scope="{ row }">
<span>{{ row.jumpUrl }}</span>
</template>
</el-table-column>
<el-table-column
prop="name"
label="上下线"
align="center"
width="100"
>
<template slot-scope="{ row }">
<div v-if="false">/</div>
<el-switch
v-else
v-model="row.operationStats"
active-color="#13ce66"
inactive-color="#ff4949"
:active-value="'1'"
:inactive-value="'0'"
@change="operatingStatuct(row)"
>
</el-switch>
</template>
</el-table-column>
<el-table-column label="操作" align="center" width="80">
<template slot-scope="{ row }">
<el-button type="text" style="color: red;" @click="delRow(row)">
删除
</el-button>
</template>
</el-table-column>
</el-table>
</el-card>
</template>
<script>
import JudgeType from "@/mixins/judgeType";
import {CodeToText} from "element-china-area-data";
import {
searchCarousel,
upOrDown,
delCarousel
} from "@/port/pass/pass";
export default {
name: "passRotation",
mixins: [JudgeType],
data() {
return {
CodeToText,
data: [],
page: 1,
rows: 10,
total: 0,
loading: false,
pageLocation: '',
modelName: '',
pages: [
{
id: "",
name: "全部",
},
{
id: "1",
name: "注册中首页",
},
{
id: "2",
name: "首页",
},
{
id: "3",
name: "个人中心",
},
],
}
},
async created() {
await this.getAllData();
},
methods: {
delRow(row) {
this.$confirm('是否删除', "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
})
.then(() => {
delCarousel({}, row.advertId)
.then((res) => {
if(res.status === 200) {
this.$message.success('删除成功');
this.getAllData();
}else {
this.$message.error(res.msg);
}
})
.catch(() => {
})
})
.catch(() => {
});
},
goAddRotation() {
this.$router.push('/disposition/pass-detail')
},
async getAllData() {
let json = {
platformId: this.$store.getters.platformId,
startPage: this.page,
pageNum: this.rows,
displayPage: this.pageLocation,
};
if (this.modelName) json['modelName'] = this.modelName;
this.loading = true;
let {data} = await searchCarousel(json);
this.data = data.content;
this.total = data.total;
this.loading = false;
},
/**
*弹窗开关切换
* **/
async operatingStatuct(val) {
let {data, status} = await upOrDown({}, val.advertId, val.isOnline);
if (status == 200) {
this.$message.success("操作成功");
} else {
val.operationStats == "0"
? (val.operationStats = "1")
: (val.operationStats = "0");
this.$confirm(data, "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
})
.then(() => {
})
.catch(() => {
});
}
},
goUrl(val) {
val = Number(val);
switch (val) {
case 1:
return "无跳转"
case 2:
return "不跳转"
case 3:
return "跳转说明/规则等文字性页面"
}
},
// table变色，头
tableHeaderColor({row, column, rowIndex, columnIndex}) {
return {"background-color": "#0099ff", color: "#ffffff"};
}
}
}
</script>
<style scoped lang="scss">
</style>
src/views/platform/regionManage.vue
......@@ -180,6 +180,7 @@ export default {
},
changePlatform() {
this.brandUrl = JSON.parse(this.platform).brandUrl;
this.plat = JSON.parse(this.platform).platformId;
this.page = 1;
this.getTableList();
},
......@@ -218,6 +219,7 @@ export default {
},
searchBySearchInfo() {
this.tableData.pageNum = 1;
this.data = [];
this.getTableList();
},
// 获取列表
......
src/views/transports/transport.vue
......@@ -13,9 +13,9 @@
</el-col>
<el-col :span="8">
<Selects :options="platformList" sizeType="mini"
:selectName="'车辆类别：'" :type="'platformList'" @changeList="handlechangeList"></Selects>
:selectName="'合作品牌方：'" :type="'platformList'" @changeList="handlechangeList"></Selects>
<el-button size="mini" type="primary" style="margin-left: 10px;padding: 5px 15px;">查询</el-button>
<el-button @click="searchByParam" size="mini" type="primary" style="margin-left: 10px;padding: 5px 15px;">查询</el-button>
</el-col>
</el-form>
</el-row>
......@@ -29,12 +29,13 @@
border
:header-cell-style="tableHeaderColor"
>
<el-table-column type="index" label="序号" width="50" align="center"></el-table-column>
<el-table-column prop="orgForShort" label="运力方简称" align="center"></el-table-column>
<el-table-column prop="organizeName" label="营业执照名称" align="center"></el-table-column>
<el-table-column prop="areas" label="运营区域" align="center">
<template slot-scope="{row}">
<span v-for="(item,index) in row.areas" :key="item.areaCode">
{{ item.areaName }}
{{ (index !== 0 ? '、' : '')+item.areaName }}
</span>
</template>
</el-table-column>
......@@ -45,9 +46,9 @@
</span>
</template>
</el-table-column>
<el-table-column prop="vehicleCount" label="车辆数" align="center"></el-table-column>
<el-table-column prop="driverCount" label="司机数" align="center"></el-table-column>
<el-table-column prop="productCount" label="开通产品数" align="center"></el-table-column>
<el-table-column prop="vehicleCount" label="车辆数" align="center" width="80"></el-table-column>
<el-table-column prop="driverCount" label="司机数" align="center" width="80"></el-table-column>
<el-table-column prop="productCount" label="开通产品数" align="center" width="100"></el-table-column>
</el-table>
<div style="text-align: right;margin-top: 5px;">
......@@ -104,8 +105,8 @@ export default {
res.data.forEach((item) => {
if(item.brandUrl) {
list.push({
value: item.platformId,
label: item.name,
id: item.platformId,
name: item.name,
});
idList.push(item.platformId)
}
......@@ -128,6 +129,10 @@ export default {
let data = this.filftersFun(source.data)
this.form.platformList = data
},
searchByParam() {
this.page = 1;
this.initTable();
},
initTable() {
let params = {
//模糊查询
......
src/views/transports/transportDetail.vue
......@@ -3,7 +3,7 @@
<el-card>
<el-row v-if="Object.keys(queryRow).length > 0" type="flex" align="flex-end">
<div style="width: 100px;">
<el-image style="width: 100px;height: 60px;" :src="queryRow.logo" lazy></el-image>
<el-image style="width: 100px;height: 60px;" :src="logo" lazy></el-image>
</div>
<div style="width: calc(100% - 100px);padding-left: 10px;display: flex;align-items: flex-end;padding-bottom: 5px;">
<el-row>
......@@ -36,6 +36,8 @@
<script>
import car from "./components/car";
import driver from "./components/driver";
import {Organizations} from "@/port/account";
export default {
name: "transportDetail",
components: {
......@@ -44,6 +46,7 @@ export default {
},
data() {
return {
logo: '',
queryRow: {},
activeName: '',
tabsList: [{id: '0', name: '司机数'},{id: '1', name: '车辆数'}]
......@@ -53,8 +56,18 @@ export default {
this.queryRow = JSON.parse(this.$route.query.row);
this.activeName = '0';
console.log(this.queryRow)
this.getLogo();
},
methods: {
getLogo() {
Organizations(this.queryRow.organizeId, {})
.then((res) => {
if(res.status === 200) {
this.logo = res.data.logoUrl
}
})
.catct(() => {})
},
handleClick() {
},
......
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