prod
parent
0c769f4a46
commit
c28980d076
@ -0,0 +1,50 @@
|
|||||||
|
import httpService from "@/request"
|
||||||
|
|
||||||
|
// 专项分析列表页 - 专题列表
|
||||||
|
export function getSchemeDataToSpecial(params) {
|
||||||
|
let obj = Object.assign({action: 'getSchemeDataToSpecial'}, params)
|
||||||
|
return httpService({
|
||||||
|
url: `/api/v6.ashx`,
|
||||||
|
method: 'post',
|
||||||
|
data: obj,
|
||||||
|
headers: {
|
||||||
|
'content-type': 'application/x-www-form-urlencoded'
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// 专项分析列表页 - 添加修改
|
||||||
|
export function setSchemeDataSpecial(params) {
|
||||||
|
let obj = Object.assign({action: 'setSchemeDataSpecial'}, params)
|
||||||
|
return httpService({
|
||||||
|
url: `/api/v6.ashx`,
|
||||||
|
method: 'post',
|
||||||
|
data: obj,
|
||||||
|
headers: {
|
||||||
|
'content-type': 'application/x-www-form-urlencoded'
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// 专项分析列表页 - 获取品牌和车型
|
||||||
|
export function getSchemeDataToBrandOrSeries(params) {
|
||||||
|
let obj = Object.assign({action: 'getSchemeDataToBrandOrSeries'}, params)
|
||||||
|
return httpService({
|
||||||
|
url: `/api/v6.ashx`,
|
||||||
|
method: 'post',
|
||||||
|
data: obj,
|
||||||
|
headers: {
|
||||||
|
'content-type': 'application/x-www-form-urlencoded'
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// 专项分析列表页 - 删除专题
|
||||||
|
export function delSchemeDataSpecial(params) {
|
||||||
|
let obj = Object.assign({action: 'delSchemeDataSpecial'}, params)
|
||||||
|
return httpService({
|
||||||
|
url: `/api/v6.ashx`,
|
||||||
|
method: 'post',
|
||||||
|
data: obj,
|
||||||
|
headers: {
|
||||||
|
'content-type': 'application/x-www-form-urlencoded'
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
@ -0,0 +1,271 @@
|
|||||||
|
<!--
|
||||||
|
* @Author: your name
|
||||||
|
* @Date: 2021-10-15 09:16:31
|
||||||
|
* @LastEditTime: 2021-12-07 19:10:36
|
||||||
|
* @LastEditors: Please set LastEditors
|
||||||
|
* @Description: In User Settings Edit
|
||||||
|
* @FilePath: /data-show/src/lycomponents/iSwitchBrand/index.vue
|
||||||
|
-->
|
||||||
|
<template>
|
||||||
|
<div class="sb-outter" v-if="show">
|
||||||
|
<div class="sb-inner">
|
||||||
|
<v-label-div title="品牌切换">
|
||||||
|
<span class="iconfont icon-guanbi v-m-close" @click="handlerClose"></span>
|
||||||
|
</v-label-div>
|
||||||
|
<div class="sb-d">
|
||||||
|
<ul class="sb-ul">
|
||||||
|
<span class="liSn">按品牌拼音首字母查找:</span>
|
||||||
|
<li v-for="(item,index) in letterArr" :key="index" :class="activeLi === index ? 'lactive': ''" @click="handlerLi(index)">{{item}}</li>
|
||||||
|
</ul>
|
||||||
|
<div style="clear: both"></div>
|
||||||
|
<div class="sb-dd">
|
||||||
|
<vue-scroll>
|
||||||
|
<div class="sb-bd">
|
||||||
|
<div class="s-item" :class="list.indexOf(item.brandname) != -1 ? 's-item-active': ''" v-for="(item,index) in showCars" :key="index" @click="handlerChoose(item)">
|
||||||
|
<div class="d1">
|
||||||
|
<img class="m1" :src="item.img">
|
||||||
|
</div>
|
||||||
|
<span class="s1">{{item.brandname}}</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</vue-scroll>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="sb-footer" align="center">
|
||||||
|
<img class="m1" src="../../assets/images/BrandInsight/btn-01.png" @click="handlerSubmit">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import { getUserBrand} from "@/api/comm";
|
||||||
|
export default {
|
||||||
|
name: "iSwitchBrand",
|
||||||
|
props: {
|
||||||
|
visible: {
|
||||||
|
type: Boolean,
|
||||||
|
default: false,
|
||||||
|
},
|
||||||
|
brand: {
|
||||||
|
type: String,
|
||||||
|
default: "",
|
||||||
|
},
|
||||||
|
list: {
|
||||||
|
type: Array,
|
||||||
|
default: () => {
|
||||||
|
return []
|
||||||
|
},
|
||||||
|
}
|
||||||
|
},
|
||||||
|
watch: {
|
||||||
|
visible: {
|
||||||
|
handler(val) {
|
||||||
|
this.show = val ? true : false;
|
||||||
|
},
|
||||||
|
immediate: true,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
this.brandname = this.brand;
|
||||||
|
this.brandList = this.list;
|
||||||
|
this.getBrands().then(() => {
|
||||||
|
this.handlerLi(0);
|
||||||
|
let row = this.cars.find((ele) => {
|
||||||
|
return ele.brandname === this.brandname;
|
||||||
|
});
|
||||||
|
this.chooseBrand = row;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
show: false,
|
||||||
|
activeLi: 0,
|
||||||
|
form: {
|
||||||
|
token: "",
|
||||||
|
},
|
||||||
|
letterArr: [
|
||||||
|
|
||||||
|
],
|
||||||
|
cars: [],
|
||||||
|
showCars: [],
|
||||||
|
showActive: "",
|
||||||
|
chooseBrand: null,
|
||||||
|
models: [],
|
||||||
|
brandname: "",
|
||||||
|
brandList: [],
|
||||||
|
};
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
// 关闭
|
||||||
|
handlerClose() {
|
||||||
|
this.show = false;
|
||||||
|
this.$emit("update:visible", this.show);
|
||||||
|
},
|
||||||
|
// 选择li
|
||||||
|
handlerLi(n) {
|
||||||
|
this.activeLi = n;
|
||||||
|
let key = this.letterArr[n];
|
||||||
|
this.showCars = this.cars.filter((ele) => ele.firstword === key);
|
||||||
|
},
|
||||||
|
// 获取品牌
|
||||||
|
getBrands() {
|
||||||
|
if (!this.getToken) return;
|
||||||
|
return new Promise((resolve, reject) => {
|
||||||
|
this.form.token = this.getToken;
|
||||||
|
getUserBrand(this.form)
|
||||||
|
.then((res) => {
|
||||||
|
let data = res.data || [];
|
||||||
|
let arr = [];
|
||||||
|
data.forEach((ele) => {
|
||||||
|
let fk = ele.firstword;
|
||||||
|
arr.push(fk);
|
||||||
|
});
|
||||||
|
let sarr = new Set(arr);
|
||||||
|
let arr1 = Array.from(sarr);
|
||||||
|
this.letterArr = this.todo(arr1, '热门');
|
||||||
|
this.cars = data;
|
||||||
|
resolve(true);
|
||||||
|
})
|
||||||
|
.catch(() => {
|
||||||
|
reject(false);
|
||||||
|
});
|
||||||
|
});
|
||||||
|
},
|
||||||
|
todo(arr, id) {
|
||||||
|
let index = 1,
|
||||||
|
newArr = [],
|
||||||
|
length = arr.length;
|
||||||
|
for (let i = 0; i < length; i++) {
|
||||||
|
if (arr[i] === id) {
|
||||||
|
newArr[0] = arr[i];
|
||||||
|
} else {
|
||||||
|
newArr[index++] = arr[i];
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return newArr;
|
||||||
|
},
|
||||||
|
// 选择品牌
|
||||||
|
handlerChoose(row) {
|
||||||
|
this.$emit('choose', row.brandname)
|
||||||
|
},
|
||||||
|
// 确定品牌
|
||||||
|
handlerSubmit() {
|
||||||
|
this.$emit("change", this.list);
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="less" scoped>
|
||||||
|
.sb-outter {
|
||||||
|
position: fixed;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
z-index: 1000;
|
||||||
|
top: 0px;
|
||||||
|
left: 0px;
|
||||||
|
background-color: rgba(0, 0, 0, 0.45);
|
||||||
|
overflow: auto;
|
||||||
|
.sb-inner {
|
||||||
|
position: absolute;
|
||||||
|
width: 1230px;
|
||||||
|
height: 720px;
|
||||||
|
top: 0px;
|
||||||
|
left: 50%;
|
||||||
|
border-radius: 2px;
|
||||||
|
transform: translate(-50%, 90px);
|
||||||
|
background: #0c2342;
|
||||||
|
min-width: 400px;
|
||||||
|
min-height: 300px;
|
||||||
|
.sb-d {
|
||||||
|
width: 100%;
|
||||||
|
height: calc(100% - 128px);
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.sb-ul {
|
||||||
|
margin: 0px;
|
||||||
|
padding: 0px;
|
||||||
|
list-style: none;
|
||||||
|
margin-left: 16px;
|
||||||
|
margin-top: 10px;
|
||||||
|
height: 30px;
|
||||||
|
|
||||||
|
.liSn {
|
||||||
|
float: left;
|
||||||
|
color: #fff;
|
||||||
|
font-size: 16px;
|
||||||
|
margin-right: 24px;
|
||||||
|
}
|
||||||
|
li {
|
||||||
|
float: left;
|
||||||
|
color: #fff;
|
||||||
|
font-size: 16px;
|
||||||
|
margin-right: 24px;
|
||||||
|
cursor: pointer;
|
||||||
|
&:hover {
|
||||||
|
color: #3373cc;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.lactive {
|
||||||
|
color: #3373cc;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.sb-dd {
|
||||||
|
width: 100%;
|
||||||
|
height: calc(100% - 30px);
|
||||||
|
box-shadow: 0 0 20px;
|
||||||
|
}
|
||||||
|
.sb-bd {
|
||||||
|
padding: 0px 16px 16px 16px;
|
||||||
|
display: flex;
|
||||||
|
justify-content: flex-start;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
.s-item {
|
||||||
|
cursor: pointer;
|
||||||
|
margin-left: 16px;
|
||||||
|
margin-top: 16px;
|
||||||
|
transition: all 0.3s;
|
||||||
|
border: 1px solid transparent;
|
||||||
|
&:hover {
|
||||||
|
border: 1px solid #3373cc;
|
||||||
|
}
|
||||||
|
.d1 {
|
||||||
|
width: 152px;
|
||||||
|
height: 132px;
|
||||||
|
background: #fff;
|
||||||
|
border-radius: 2px;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.m1 {
|
||||||
|
width: 90px;
|
||||||
|
}
|
||||||
|
.s1 {
|
||||||
|
display: block;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 16px;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.s-item-active {
|
||||||
|
border: 1px solid #3373cc;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.sb-footer {
|
||||||
|
position: absolute;
|
||||||
|
width: 100%;
|
||||||
|
height: 80px;
|
||||||
|
bottom: 0px;
|
||||||
|
left: 0px;
|
||||||
|
border-top: 1px solid #1e3d64;
|
||||||
|
.m1 {
|
||||||
|
width: 480px;
|
||||||
|
height: 100%;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@ -0,0 +1,352 @@
|
|||||||
|
<!--
|
||||||
|
* @Author: your name
|
||||||
|
* @Date: 2021-10-15 09:16:31
|
||||||
|
* @LastEditTime: 2021-11-21 14:58:52
|
||||||
|
* @LastEditors: Please set LastEditors
|
||||||
|
* @Description: In User Settings Edit
|
||||||
|
* @FilePath: /data-show/src/lycomponents/iSwitchBrand/index.vue
|
||||||
|
-->
|
||||||
|
<template>
|
||||||
|
<div class="sb-outter" v-if="show">
|
||||||
|
<div class="sb-inner">
|
||||||
|
<v-label-div title="车型切换">
|
||||||
|
<span class="iconfont icon-guanbi v-m-close" @click="handlerClose"></span>
|
||||||
|
</v-label-div>
|
||||||
|
<div class="sb-d">
|
||||||
|
<ul class="sb-ul">
|
||||||
|
<span class="liSn">按品牌拼音首字母查找:</span>
|
||||||
|
<li v-for="(item,index) in letterArr" :key="index" :class="activeLi === index ? 'lactive': ''" @click="handlerLi(index)">{{item}}</li>
|
||||||
|
</ul>
|
||||||
|
<div style="clear: both"></div>
|
||||||
|
<div class="sb-body">
|
||||||
|
<div class="sb-dd">
|
||||||
|
<vue-scroll>
|
||||||
|
<div class="sb-bd">
|
||||||
|
<div class="s-item" :class="brandname === item.brandname ? 's-item-active': ''" v-for="(item,index) in showCars" :key="index" @click="handlerChoose(index,item)">
|
||||||
|
<div class="d1">
|
||||||
|
<img class="m1" :src="item.img">
|
||||||
|
</div>
|
||||||
|
<span class="s1">{{item.brandname}}</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</vue-scroll>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="sb-dd-right">
|
||||||
|
<vue-scroll>
|
||||||
|
<div class="sb-bd" v-loading="load">
|
||||||
|
<div class="sb-b-item" :class="list.indexOf(item.name) != -1 ? 'sb-b-item-active': ''" v-for="(item,index) in models" :key="index" @click="handlerModel(index, item)">
|
||||||
|
<div v-if="item.name.length > 12" style="font-size: 15px">{{item.name}}</div>
|
||||||
|
<div v-else>{{item.name}}</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</vue-scroll>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="sb-footer" align="center">
|
||||||
|
<img class="m1" src="../../assets/images/BrandInsight/btn-01.png" @click="handlerSubmit">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import { getUserBrand, getUserSeriesName } from "@/api/comm";
|
||||||
|
export default {
|
||||||
|
name: "iSwitchModel",
|
||||||
|
props: {
|
||||||
|
visible: {
|
||||||
|
type: Boolean,
|
||||||
|
default: false,
|
||||||
|
},
|
||||||
|
brand: {
|
||||||
|
type: String,
|
||||||
|
default: ""
|
||||||
|
},
|
||||||
|
model: {
|
||||||
|
type: String,
|
||||||
|
default: ""
|
||||||
|
},
|
||||||
|
list: {
|
||||||
|
type: Array,
|
||||||
|
default: () => {
|
||||||
|
return []
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
watch: {
|
||||||
|
visible: {
|
||||||
|
handler(val) {
|
||||||
|
this.show = val ? true : false;
|
||||||
|
},
|
||||||
|
immediate: true,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
this.brandname = this.brand;
|
||||||
|
this.modelName = this.model;
|
||||||
|
this.getBrands().then(() => {
|
||||||
|
this.handlerLi(0);
|
||||||
|
let row = this.cars.find(ele => {
|
||||||
|
return ele.brandname === this.brandname
|
||||||
|
})
|
||||||
|
this.chooseBrand = row;
|
||||||
|
});
|
||||||
|
this.getUserSeriesName(this.brandname);
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
show: false,
|
||||||
|
activeLi: 0,
|
||||||
|
load: false,
|
||||||
|
form: {
|
||||||
|
token: "",
|
||||||
|
sBrandName: ""
|
||||||
|
},
|
||||||
|
letterArr: [
|
||||||
|
|
||||||
|
],
|
||||||
|
cars: [],
|
||||||
|
models: [],
|
||||||
|
showCars: [],
|
||||||
|
showActive: "",
|
||||||
|
chooseBrand: null,
|
||||||
|
chooseModel: null,
|
||||||
|
modelName: "",
|
||||||
|
brandname: ""
|
||||||
|
};
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
// 关闭
|
||||||
|
handlerClose() {
|
||||||
|
this.show = false;
|
||||||
|
this.$emit("update:visible", this.show);
|
||||||
|
},
|
||||||
|
// 选择li
|
||||||
|
handlerLi(n) {
|
||||||
|
this.activeLi = n;
|
||||||
|
let key = this.letterArr[n];
|
||||||
|
this.showCars = this.cars.filter((ele) => ele.firstword === key);
|
||||||
|
},
|
||||||
|
// 获取品牌
|
||||||
|
getBrands() {
|
||||||
|
if(!this.getToken) return;
|
||||||
|
this.form.token = this.getToken;
|
||||||
|
return new Promise((resolve, reject) => {
|
||||||
|
getUserBrand(this.form)
|
||||||
|
.then((res) => {
|
||||||
|
let data = res.data;
|
||||||
|
let arr = [];
|
||||||
|
data.forEach((ele) => {
|
||||||
|
let fk = ele.firstword;
|
||||||
|
arr.push(fk);
|
||||||
|
});
|
||||||
|
let sarr = new Set(arr);
|
||||||
|
let arr1 = Array.from(sarr);
|
||||||
|
this.letterArr = this.todo(arr1, '热门');
|
||||||
|
this.cars = data;
|
||||||
|
resolve(true);
|
||||||
|
})
|
||||||
|
.catch(() => {
|
||||||
|
reject(false);
|
||||||
|
});
|
||||||
|
});
|
||||||
|
},
|
||||||
|
todo(arr, id) {
|
||||||
|
let index = 1,
|
||||||
|
newArr = [],
|
||||||
|
length = arr.length;
|
||||||
|
for (let i = 0; i < length; i++) {
|
||||||
|
if (arr[i] === id) {
|
||||||
|
newArr[0] = arr[i];
|
||||||
|
} else {
|
||||||
|
newArr[index++] = arr[i];
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return newArr;
|
||||||
|
},
|
||||||
|
// 选择品牌
|
||||||
|
handlerChoose(n, row) {
|
||||||
|
this.showActive = row.brandid;
|
||||||
|
this.chooseBrand = row;
|
||||||
|
this.brandname = this.chooseBrand.brandname;
|
||||||
|
this.getUserSeriesName(this.brandname)
|
||||||
|
},
|
||||||
|
// 选择车型
|
||||||
|
handlerModel(n, row) {
|
||||||
|
this.$emit("choose", row.name);
|
||||||
|
},
|
||||||
|
// 确定车型
|
||||||
|
handlerSubmit() {
|
||||||
|
// if(this.chooseBrand && this.chooseModel) {
|
||||||
|
// this.$emit("change", [this.chooseBrand, this.chooseModel]);
|
||||||
|
// this.handlerClose();
|
||||||
|
// } else {
|
||||||
|
// this.$message.warning('请选择车型');
|
||||||
|
// }
|
||||||
|
this.$emit("change", this.list);
|
||||||
|
},
|
||||||
|
// 获取车型
|
||||||
|
getUserSeriesName(brandName) {
|
||||||
|
if(!this.getToken) return;
|
||||||
|
this.form.token = this.getToken;
|
||||||
|
this.form.sBrandName = brandName;
|
||||||
|
this.load = true;
|
||||||
|
getUserSeriesName(this.form).then(res => {
|
||||||
|
let data = res.data || [];
|
||||||
|
this.models = data;
|
||||||
|
this.load = false;
|
||||||
|
})
|
||||||
|
}
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="less" scoped>
|
||||||
|
.sb-body {
|
||||||
|
width: 100%;
|
||||||
|
height: calc(100% - 30px);
|
||||||
|
display: flex;
|
||||||
|
justify-content: flex-start;
|
||||||
|
}
|
||||||
|
.sb-outter {
|
||||||
|
position: fixed;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
z-index: 1000;
|
||||||
|
top: 0px;
|
||||||
|
left: 0px;
|
||||||
|
background-color: rgba(0, 0, 0, 0.45);
|
||||||
|
overflow: auto;
|
||||||
|
.sb-inner {
|
||||||
|
position: absolute;
|
||||||
|
width: 1230px;
|
||||||
|
height: 720px;
|
||||||
|
top: 0px;
|
||||||
|
left: 50%;
|
||||||
|
border-radius: 2px;
|
||||||
|
transform: translate(-50%, 90px);
|
||||||
|
background: #0c2342;
|
||||||
|
min-width: 400px;
|
||||||
|
min-height: 300px;
|
||||||
|
.sb-d {
|
||||||
|
width: 100%;
|
||||||
|
height: calc(100% - 128px);
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.sb-ul {
|
||||||
|
margin: 0px;
|
||||||
|
padding: 0px;
|
||||||
|
list-style: none;
|
||||||
|
margin-left: 16px;
|
||||||
|
margin-top: 10px;
|
||||||
|
height: 30px;
|
||||||
|
|
||||||
|
.liSn {
|
||||||
|
float: left;
|
||||||
|
color: #fff;
|
||||||
|
font-size: 16px;
|
||||||
|
margin-right: 24px;
|
||||||
|
}
|
||||||
|
li {
|
||||||
|
float: left;
|
||||||
|
color: #fff;
|
||||||
|
font-size: 16px;
|
||||||
|
margin-right: 24px;
|
||||||
|
cursor: pointer;
|
||||||
|
&:hover {
|
||||||
|
color: #3373cc;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.lactive {
|
||||||
|
color: #3373cc;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.sb-dd {
|
||||||
|
width: 46%;
|
||||||
|
height: 100%;
|
||||||
|
box-shadow: 0 0 20px;
|
||||||
|
}
|
||||||
|
.sb-bd {
|
||||||
|
padding: 0px 16px 16px 16px;
|
||||||
|
display: flex;
|
||||||
|
justify-content: flex-start;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
.s-item {
|
||||||
|
cursor: pointer;
|
||||||
|
margin-left: 16px;
|
||||||
|
margin-top: 16px;
|
||||||
|
transition: all 0.3s;
|
||||||
|
border: 1px solid transparent;
|
||||||
|
&:hover {
|
||||||
|
border: 1px solid #3373cc;
|
||||||
|
}
|
||||||
|
.d1 {
|
||||||
|
width: 152px;
|
||||||
|
height: 132px;
|
||||||
|
background: #fff;
|
||||||
|
border-radius: 2px;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.m1 {
|
||||||
|
width: 90px;
|
||||||
|
}
|
||||||
|
.s1 {
|
||||||
|
display: block;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 16px;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.s-item-active {
|
||||||
|
border: 1px solid #3373cc;
|
||||||
|
}
|
||||||
|
.sb-b-item {
|
||||||
|
width: 194px;
|
||||||
|
height: 66px;
|
||||||
|
background: #1B4163;
|
||||||
|
color: #fff;
|
||||||
|
border-radius: 2px;
|
||||||
|
font-size: 20px;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 66px;
|
||||||
|
margin-left: 16px;
|
||||||
|
margin-top: 16px;
|
||||||
|
transition: all 0.3s;
|
||||||
|
cursor: pointer;
|
||||||
|
&:hover {
|
||||||
|
background: #3373CC;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.sb-b-item-active {
|
||||||
|
background: #3373CC;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.sb-dd-right {
|
||||||
|
width: 54%;
|
||||||
|
height: 100%;
|
||||||
|
box-shadow: 0 0 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sb-footer {
|
||||||
|
position: absolute;
|
||||||
|
width: 100%;
|
||||||
|
height: 80px;
|
||||||
|
bottom: 0px;
|
||||||
|
left: 0px;
|
||||||
|
border-top: 1px solid #1e3d64;
|
||||||
|
.m1 {
|
||||||
|
width: 480px;
|
||||||
|
height: 100%;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@ -0,0 +1,55 @@
|
|||||||
|
import {getSchemeDataToSpecial} from "@/api/SpecialAnalize"
|
||||||
|
import {delSchemeDataSpecial} from "@/api/SpecialAnalize"
|
||||||
|
export default {
|
||||||
|
getNowData() {
|
||||||
|
getSchemeDataToSpecial(this.form).then(res => {
|
||||||
|
this.myThemeArr = res.data;
|
||||||
|
})
|
||||||
|
},
|
||||||
|
//回退
|
||||||
|
goBack() {
|
||||||
|
this.setHeaderType(3);
|
||||||
|
this.$router.go(-1);
|
||||||
|
},
|
||||||
|
handlerChangeTheme(n) {
|
||||||
|
if(n == 1) {
|
||||||
|
this.form.sType = 'former';
|
||||||
|
}
|
||||||
|
if(n == 0) {
|
||||||
|
this.form.sType = 'now';
|
||||||
|
};
|
||||||
|
this.getNowData();
|
||||||
|
},
|
||||||
|
//新增按钮
|
||||||
|
handlerAdd() {
|
||||||
|
this.$router.push('/specialAnalizeChoose')
|
||||||
|
},
|
||||||
|
//编辑修改
|
||||||
|
handlerEdit(guids) {
|
||||||
|
this.$router.push({path: '/specialAnalizeChoose', query: {sSpecialGuid: guids}});
|
||||||
|
},
|
||||||
|
//删除
|
||||||
|
handlerDel(guids) {
|
||||||
|
let obj = {
|
||||||
|
token: this.getToken,
|
||||||
|
sGuids: guids
|
||||||
|
}
|
||||||
|
delSchemeDataSpecial(obj).then(() => {
|
||||||
|
this.getNowData();
|
||||||
|
})
|
||||||
|
},
|
||||||
|
//前往详情页
|
||||||
|
toThemeData(guids,name) {
|
||||||
|
|
||||||
|
},
|
||||||
|
//日期
|
||||||
|
calendarPriceRangeChange(date) {
|
||||||
|
|
||||||
|
},
|
||||||
|
handlerChangeTime(val) {
|
||||||
|
|
||||||
|
},
|
||||||
|
disabledDate(current) {
|
||||||
|
return false;
|
||||||
|
},
|
||||||
|
}
|
||||||
Loading…
Reference in new issue