Skip to content

S
SuperMan
Commit 948cfd40 authored by 吴春's avatar 吴春
Browse files
Options

Merge branch 'master' of http://gitlab.oytour.com/luochao/superman

parents 959e0764 54018957
Hide whitespace changes
Inline Side-by-side
Showing with 309 additions and 173 deletions
src/components/FinancialModule/DataAnalysis/allEchart.vue
View file @ 948cfd40
...@@ -109,7 +109,8 @@ ...@@ -109,7 +109,8 @@
</li> </li>
</ul> </ul>
</div> </div>
<div v-loading="loading" style="height: 78%;overflow: auto;display: flex;flex-direction: row;flex-wrap: wrap;"> <!-- height: 78%;overflow: auto; -->
<div v-loading="loading" style="display: flex;flex-direction: row;flex-wrap: wrap;">
<IncomeChange :msgData="msg" :StatisticalData="StatisticalData"></IncomeChange> <IncomeChange :msgData="msg" :StatisticalData="StatisticalData"></IncomeChange>
<IncomeShare :msgData="msg" :StatisticalData="StatisticalData"></IncomeShare> <IncomeShare :msgData="msg" :StatisticalData="StatisticalData"></IncomeShare>
<WoolRateChange :msgData="msg" :StatisticalData="StatisticalData"></WoolRateChange> <WoolRateChange :msgData="msg" :StatisticalData="StatisticalData"></WoolRateChange>
...@@ -140,7 +141,8 @@ export default { ...@@ -140,7 +141,8 @@ export default {
LineId: 0, LineId: 0,
Type: '0', Type: '0',
DataType:'-1', DataType:'-1',
LossType:'0' LossType:'0',
IsLastData :1
}, },
dateTime: [], dateTime: [],
CompanyList: [], CompanyList: [],
...@@ -181,7 +183,8 @@ export default { ...@@ -181,7 +183,8 @@ export default {
this.getCompanyMsg.RB_Group_Id = this.getLocalStorage().RB_Group_id this.getCompanyMsg.RB_Group_Id = this.getLocalStorage().RB_Group_id
const end = new Date(); const end = new Date();
const start = new Date(); const start = new Date();
start.setMonth(start.getMonth() - 6); start.setMonth(start.getMonth() - 7);
end.setMonth(end.getMonth() - 1);
this.dateTime = [this.$commonUtils.getFormatDateM(start),this.$commonUtils.getFormatDateM(end)] this.dateTime = [this.$commonUtils.getFormatDateM(start),this.$commonUtils.getFormatDateM(end)]
this.msg.startDate = this.dateTime[0] this.msg.startDate = this.dateTime[0]
this.msg.endDate = this.dateTime[1] this.msg.endDate = this.dateTime[1]
......
src/components/FinancialModule/DataAnalysis/components/Echart/ActualRateChange.vue
View file @ 948cfd40
...@@ -27,6 +27,12 @@ export default { ...@@ -27,6 +27,12 @@ export default {
'rgba(228,57,57,.7)','rgba(247,154,44,.7)','rgba(255,246,11,.7)','rgba(61,217,72,.7)','rgba(57,202,228,.7)','rgba(44,49,241,.7)','rgba(122,57,228,.7)'], 'rgba(228,57,57,.7)','rgba(247,154,44,.7)','rgba(255,246,11,.7)','rgba(61,217,72,.7)','rgba(57,202,228,.7)','rgba(44,49,241,.7)','rgba(122,57,228,.7)'],
} }
}, },
created() {
window.addEventListener('resize', this.handleResize);
},
destroyed() {
window.removeEventListener('resize', this.handleResize);
},
watch: { watch: {
StatisticalData:{ StatisticalData:{
handler(n,o){ handler(n,o){
...@@ -44,6 +50,10 @@ export default { ...@@ -44,6 +50,10 @@ export default {
}, },
methods: { methods: {
handleResize() {
location.reload()
},
getEchart(){ getEchart(){
let datas = [] let datas = []
let titles = [] let titles = []
...@@ -61,7 +71,7 @@ export default { ...@@ -61,7 +71,7 @@ export default {
data: x.DetailList.map(y=>{return y.ProfitRate.toFixed(2)}) // 绑定实时数据数组 data: x.DetailList.map(y=>{return y.ProfitRate.toFixed(2)}) // 绑定实时数据数组
} }
datas.push(obj) datas.push(obj)
if(indexs>7){ if(indexs>10){
let name=x.Name; let name=x.Name;
Newobj[name]=false; Newobj[name]=false;
} }
...@@ -149,7 +159,7 @@ export default { ...@@ -149,7 +159,7 @@ export default {
series:datas series:datas
} }
myChart.setOption(option,true) // echarts设置初始化选项 myChart.setOption(option,true)
}, },
} }
......
src/components/FinancialModule/DataAnalysis/components/Echart/ChangeProportion.vue
View file @ 948cfd40
<template> <template>
<div class="echartsBox"> <div class="echartsBox">
<div class="titleBox text-center row"> <div class="titleBox text-center row">
<h3>各费用项收入占比变化趋势图</h3> <h3>各费用项收入占比变化趋势图 %</h3>
<div style="margin-left: 20px;"> <div style="margin-left: 20px;">
...@@ -26,11 +26,35 @@ export default { ...@@ -26,11 +26,35 @@ export default {
MaoLiAnalysisData: [], MaoLiAnalysisData: [],
SJLLAnalysisData: [], SJLLAnalysisData: [],
RoomAnalysisData: [], RoomAnalysisData: [],
CostAnalysisData: [],
colorList:['#089bab','#FFA171','#72b8ff','#ff9cc6','#7b78ff','#28cc90','#ee8fff','#5cf2ff','#ff9a00','#4fc4f7','#738eff','#b0edff', colorList:['#089bab','#FFA171','#72b8ff','#ff9cc6','#7b78ff','#28cc90','#ee8fff','#5cf2ff','#ff9a00','#4fc4f7','#738eff','#b0edff',
'rgba(228,57,57,.9)','rgba(248,126,46,1)','rgba(252,196,34,.7)','#3DD948','#39CAE4','rgba(44,49,241,.6)','rgba(122,57,228,.5)','#E65FC1','#D0B478','#BABABA', 'rgba(228,57,57,.9)','rgba(248,126,46,1)','rgba(252,196,34,.7)','#3DD948','#39CAE4','rgba(44,49,241,.6)','rgba(122,57,228,.5)','#E65FC1','#D0B478','#BABABA',
'rgba(228,57,57,.7)','rgba(247,154,44,.7)','rgba(255,246,11,.7)','rgba(61,217,72,.7)','rgba(57,202,228,.7)','rgba(44,49,241,.7)','rgba(122,57,228,.7)'], 'rgba(228,57,57,.7)','rgba(247,154,44,.7)','rgba(255,246,11,.7)','rgba(61,217,72,.7)','rgba(57,202,228,.7)','rgba(44,49,241,.7)','rgba(122,57,228,.7)'],
CostDataObj: {
name: '',
type:'line',
showSymbol: true,
smooth: true,
symbolSize: 1,
data: [],
},
CostDatas: [],
incomeTitles:[
{Name: '机票/收入',value:'JiPiaoRate',ID:2},
{Name: '房费/收入',value:'RommFeeRate',ID:4},
{Name: '车费/收入',value:'CarFeeRate',ID:6},
{Name: '餐费/收入',value:'MealFeeRate',ID:8},
{Name: '门票/收入',value:'TicketFeeRate',ID:10},
{Name: '签证/收入',value:'VisaFeeRate',ID:12},
],
} }
}, },
created() {
window.addEventListener('resize', this.handleResize);
},
destroyed() {
window.removeEventListener('resize', this.handleResize);
},
watch: { watch: {
StatisticalData:{ StatisticalData:{
handler(n,o){ handler(n,o){
...@@ -41,6 +65,7 @@ export default { ...@@ -41,6 +65,7 @@ export default {
this.MaoLiAnalysisData = n.MaoLiAnalysisData this.MaoLiAnalysisData = n.MaoLiAnalysisData
this.SJLLAnalysisData = n.SJLLAnalysisData this.SJLLAnalysisData = n.SJLLAnalysisData
this.RoomAnalysisData = n.RoomAnalysisData this.RoomAnalysisData = n.RoomAnalysisData
this.CostAnalysisData = n.CostAnalysisData
this.getEchart() this.getEchart()
}, },
deep: true, deep: true,
...@@ -51,112 +76,156 @@ export default { ...@@ -51,112 +76,156 @@ export default {
}, },
methods: { methods: {
handleResize() {
location.reload()
},
getEchart(){ getEchart(){
this.inCostDatas()
let that = this
let titles = this.incomeTitles.map(x=>{return x.Name})
let datas = [] let datas = []
let titles = []
let Stocklegend = {} let Stocklegend = {}
let Newobj = {} let Newobj={};
this.JapanSPData.forEach((x,indexs)=>{ for(let index=0;index<this.incomeTitles.length;index++){
let Name = `${x.Name.indexOf('率')==-1?x.Name:x.Name+'%'}` for(let i=0;i<this.MonthList.length;i++){
titles.push(Name) let filter = this.CostAnalysisData.filter(z=>{return z.Month==this.MonthList[i]})
let obj = { if(filter){
name: Name, this.CostDatas.forEach((x,indexs)=>{
type: 'line', if(indexs==0){
showSymbol: true, x.name = '机票/收入'
smooth: true, this.CostAnalysisData.forEach(z=>{
symbolSize: 1, x.data.push(z['JiPiaoRate'])
data: x.MonthData // 绑定实时数据数组 })
} }else if(indexs==1){
datas.push(obj) x.name = '房费/收入'
if(indexs>8){ this.CostAnalysisData.forEach(z=>{
let name=x.Name; x.data.push(z['RommFeeRate'])
Newobj[name]=false; })
} }else if(indexs==2){
Stocklegend=Newobj; x.name = '车费/收入'
}) this.CostAnalysisData.forEach(z=>{
let chartDom = document.getElementById('PropMyEchart','light'); x.data.push(z['CarFeeRate'])
})
}else if(indexs==3){
x.name = '餐费/收入'
this.CostAnalysisData.forEach(z=>{
x.data.push(z['MealFeeRate'])
})
}else if(indexs==4){
x.name = '门票/收入'
this.CostAnalysisData.forEach(z=>{
x.data.push(z['TicketFeeRate'])
})
}else if(indexs==5){
x.name = '签证/收入'
this.CostAnalysisData.forEach(z=>{
x.data.push(z['VisaFeeRate'])
})
}
// if(indexs>4){
// let name=x.name;
// Newobj[name]=false;
// }
// Stocklegend=Newobj;
})
}
}
}
datas = this.CostDatas
let chartDom = document.getElementById('PropMyEchart');
let myChart = this.$echarts.init(chartDom); let myChart = this.$echarts.init(chartDom);
let option let option;
option = { option = {
color:this.colorList, color:that.colorList,
legend: { legend: {
x:'left', x:'left',
y:'bottom', y:'bottom',
type:'scroll', type:'scroll',
icon: "circle", icon: "circle",
padding: [5, 30, 20, 30] , padding: [5, 30, 20, 30] ,
data: titles, type:'scroll',
selected: Stocklegend data: titles,
}, selected: Stocklegend
grid: { },
grid: {
left: 15, // 默认10%，给24就挺合适的。 left: 15, // 默认10%，给24就挺合适的。
top: 30, // 默认60 top: 30, // 默认60
right: 45, // 默认10% right: 45, // 默认10%
bottom: 70, // 默认60 bottom: 70, // 默认60
containLabel: true containLabel: true
}, },
xAxis: { tooltip : {
type: 'category', trigger: 'axis',
boundaryGap: false, axisPointer: {
nameTextStyle: {
fontWeight: 600,
fontSize: 18
},
axisLine: {
lineStyle: {
// 设置x轴颜色
color: "transparent"
}
},
axisLabel: {
textStyle: {
color: "#333333"
}
},
data: this.MonthList
},
yAxis : [
{
type : 'value',
axisLine: {
lineStyle: { lineStyle: {
// 设置x轴颜色 type: 'dashed',
color: "transparent", color: "#ddd"
width: 1,
}
},
axisLabel: {
textStyle: {
color: "#969696"
} }
}, }
splitLine:{ },
show:true, xAxis : [
lineStyle:{ {
// type:'dashed' type: 'category',
color:'#EEEEEE', boundaryGap: false,
nameTextStyle: {
fontWeight: 600,
fontSize: 18
},
data:this.MonthList,
axisLine: {
lineStyle: {
// 设置x轴颜色
color: "transparent"
} }
},
axisLabel: {
textStyle: {
color: "#333333"
}
},
} }
],
yAxis : [
{
type : 'value',
axisLine: {
lineStyle: {
// 设置x轴颜色
color: "transparent",
width: 1,
}
},
axisLabel: {
textStyle: {
color: "#969696"
}
},
splitLine:{
show:true,
lineStyle:{
// type:'dashed'
color:'#EEEEEE',
}
}
}
],
dataZoom: [
{
type: 'inside'
} }
], ],
tooltip: { series:datas
trigger: 'axis', };
axisPointer: { myChart.setOption(option,true)
lineStyle: { },
type: 'dashed', inCostDatas() {
color: "#ddd" this.CostDatas = []
} for(let i=0;i<7;i++){
} this.CostDatas.push(JSON.parse(JSON.stringify(this.CostDataObj)))
},
dataZoom: [
{
type: 'inside'
}
],
series:datas
} }
myChart.setOption(option,true)
}, },
} }
......
src/components/FinancialModule/DataAnalysis/components/Echart/IncomeChange.vue
View file @ 948cfd40
...@@ -27,6 +27,12 @@ export default { ...@@ -27,6 +27,12 @@ export default {
'rgba(228,57,57,.7)','rgba(247,154,44,.7)','rgba(255,246,11,.7)','rgba(61,217,72,.7)','rgba(57,202,228,.7)','rgba(44,49,241,.7)','rgba(122,57,228,.7)'], 'rgba(228,57,57,.7)','rgba(247,154,44,.7)','rgba(255,246,11,.7)','rgba(61,217,72,.7)','rgba(57,202,228,.7)','rgba(44,49,241,.7)','rgba(122,57,228,.7)'],
} }
}, },
created() {
window.addEventListener('resize', this.handleResize);
},
destroyed() {
window.removeEventListener('resize', this.handleResize);
},
watch: { watch: {
StatisticalData:{ StatisticalData:{
handler(n,o){ handler(n,o){
...@@ -44,6 +50,10 @@ export default { ...@@ -44,6 +50,10 @@ export default {
}, },
methods: { methods: {
handleResize() {
location.reload()
},
getEchart(){ getEchart(){
let datas = [] let datas = []
let titles = [] let titles = []
...@@ -61,7 +71,7 @@ export default { ...@@ -61,7 +71,7 @@ export default {
data: x.DetailList.map(y=>{return y.IncomeRate.toFixed(2)}) // 绑定实时数据数组 data: x.DetailList.map(y=>{return y.IncomeRate.toFixed(2)}) // 绑定实时数据数组
} }
datas.push(obj) datas.push(obj)
if(indexs>4){ if(indexs>10){
let name=x.Name; let name=x.Name;
Newobj[name]=false; Newobj[name]=false;
} }
...@@ -149,7 +159,7 @@ export default { ...@@ -149,7 +159,7 @@ export default {
series:datas series:datas
} }
myChart.setOption(option,true) // echarts设置初始化选项 myChart.setOption(option,true)
}, },
} }
......
src/components/FinancialModule/DataAnalysis/components/Echart/IncomeShare.vue
View file @ 948cfd40
...@@ -36,6 +36,12 @@ export default { ...@@ -36,6 +36,12 @@ export default {
CurrentMonth: null CurrentMonth: null
} }
}, },
created() {
window.addEventListener('resize', this.handleResize);
},
destroyed() {
window.removeEventListener('resize', this.handleResize);
},
watch: { watch: {
StatisticalData:{ StatisticalData:{
handler(n,o){ handler(n,o){
...@@ -53,6 +59,10 @@ export default { ...@@ -53,6 +59,10 @@ export default {
}, },
methods: { methods: {
handleResize() {
location.reload()
},
getEchart(){ getEchart(){
let datas = [{ let datas = [{
name: this.CurrentMonth, name: this.CurrentMonth,
...@@ -71,7 +81,9 @@ export default { ...@@ -71,7 +81,9 @@ export default {
let Stocklegend = {} let Stocklegend = {}
let Newobj = {} let Newobj = {}
this.LineAnalysisData.forEach((x,indexs)=>{ this.LineAnalysisData.forEach((x,indexs)=>{
let Name = `${x.Name}` let Name = `${x.Name}`
if(Name!='合计'){
titles.push(Name) titles.push(Name)
let newDetailList = [] let newDetailList = []
...@@ -91,11 +103,13 @@ export default { ...@@ -91,11 +103,13 @@ export default {
} }
// if(indexs>3){ // if(indexs>3){
// let name=x.Name; // let name=x.Name;
// Newobj[name]=false; // Newobj[name]=false;
// } // }
// Stocklegend=Newobj; // Stocklegend=Newobj;
}
}) })
let chartDom = document.getElementById('ShareMyEchart'); let chartDom = document.getElementById('ShareMyEchart');
let myChart = this.$echarts.init(chartDom); let myChart = this.$echarts.init(chartDom);
...@@ -106,15 +120,17 @@ export default { ...@@ -106,15 +120,17 @@ export default {
trigger: 'item' trigger: 'item'
}, },
legend: { legend: {
orient: 'vertical', bottom:'bottom',
left: 'left', left: 'left',
padding: [25, 30, 20, 20] , type:'scroll',
icon: "circle",
padding: [25, 20, 20, 20] ,
selected: Stocklegend selected: Stocklegend
}, },
series: datas series: datas
} }
myChart.setOption(option,true) // echarts设置初始化选项 myChart.setOption(option,true)
}, },
} }
......
src/components/FinancialModule/DataAnalysis/components/Echart/WoolRateChange.vue
View file @ 948cfd40
...@@ -27,6 +27,12 @@ export default { ...@@ -27,6 +27,12 @@ export default {
'rgba(228,57,57,.7)','rgba(247,154,44,.7)','rgba(255,246,11,.7)','rgba(61,217,72,.7)','rgba(57,202,228,.7)','rgba(44,49,241,.7)','rgba(122,57,228,.7)'], 'rgba(228,57,57,.7)','rgba(247,154,44,.7)','rgba(255,246,11,.7)','rgba(61,217,72,.7)','rgba(57,202,228,.7)','rgba(44,49,241,.7)','rgba(122,57,228,.7)'],
} }
}, },
created() {
window.addEventListener('resize', this.handleResize);
},
destroyed() {
window.removeEventListener('resize', this.handleResize);
},
watch: { watch: {
StatisticalData:{ StatisticalData:{
handler(n,o){ handler(n,o){
...@@ -44,6 +50,10 @@ export default { ...@@ -44,6 +50,10 @@ export default {
}, },
methods: { methods: {
handleResize() {
location.reload()
},
getEchart(){ getEchart(){
let datas = [] let datas = []
let titles = [] let titles = []
...@@ -61,7 +71,7 @@ export default { ...@@ -61,7 +71,7 @@ export default {
data: x.DetailList.map(y=>{return y.MaoLiRate.toFixed(2)}) // 绑定实时数据数组 data: x.DetailList.map(y=>{return y.MaoLiRate.toFixed(2)}) // 绑定实时数据数组
} }
datas.push(obj) datas.push(obj)
if(indexs>4){ if(indexs>10){
let name=x.Name; let name=x.Name;
Newobj[name]=false; Newobj[name]=false;
} }
...@@ -149,7 +159,7 @@ export default { ...@@ -149,7 +159,7 @@ export default {
series:datas series:datas
} }
myChart.setOption(option,true) // echarts设置初始化选项 myChart.setOption(option,true)
}, },
} }
......
src/components/FinancialModule/DataAnalysis/components/lineEchart.vue
View file @ 948cfd40
...@@ -126,22 +126,22 @@ export default { ...@@ -126,22 +126,22 @@ export default {
this.CostAnalysisData.forEach(z=>{ this.CostAnalysisData.forEach(z=>{
x.data.push(z['RoomFee']) x.data.push(z['RoomFee'])
}) })
}else if(indexs==3){ }else if(indexs==2){
x.name = '车费' x.name = '车费'
this.CostAnalysisData.forEach(z=>{ this.CostAnalysisData.forEach(z=>{
x.data.push(z['CarFee']) x.data.push(z['CarFee'])
}) })
}else if(indexs==4){ }else if(indexs==3){
x.name = '餐费' x.name = '餐费'
this.CostAnalysisData.forEach(z=>{ this.CostAnalysisData.forEach(z=>{
x.data.push(z['MealFee']) x.data.push(z['MealFee'])
}) })
}else if(indexs==5){ }else if(indexs==4){
x.name = '门票' x.name = '门票'
this.CostAnalysisData.forEach(z=>{ this.CostAnalysisData.forEach(z=>{
x.data.push(z['TicketFee']) x.data.push(z['TicketFee'])
}) })
}else if(indexs==6){ }else if(indexs==5){
x.name = '签证' x.name = '签证'
this.CostAnalysisData.forEach(z=>{ this.CostAnalysisData.forEach(z=>{
x.data.push(z['VisaFee']) x.data.push(z['VisaFee'])
...@@ -156,24 +156,24 @@ export default { ...@@ -156,24 +156,24 @@ export default {
}else if(indexs==1){ }else if(indexs==1){
x.name = '房费/收入' x.name = '房费/收入'
this.CostAnalysisData.forEach(z=>{ this.CostAnalysisData.forEach(z=>{
x.data.push(z['RoomFeeRate']) x.data.push(z['RommFeeRate'])
}) })
}else if(indexs==3){ }else if(indexs==2){
x.name = '车费/收入' x.name = '车费/收入'
this.CostAnalysisData.forEach(z=>{ this.CostAnalysisData.forEach(z=>{
x.data.push(z['CarFeeRate']) x.data.push(z['CarFeeRate'])
}) })
}else if(indexs==4){ }else if(indexs==3){
x.name = '餐费/收入' x.name = '餐费/收入'
this.CostAnalysisData.forEach(z=>{ this.CostAnalysisData.forEach(z=>{
x.data.push(z['MealFeeRate']) x.data.push(z['MealFeeRate'])
}) })
}else if(indexs==5){ }else if(indexs==4){
x.name = '门票/收入' x.name = '门票/收入'
this.CostAnalysisData.forEach(z=>{ this.CostAnalysisData.forEach(z=>{
x.data.push(z['TicketFeeRate']) x.data.push(z['TicketFeeRate'])
}) })
}else if(indexs==6){ }else if(indexs==5){
x.name = '签证/收入' x.name = '签证/收入'
this.CostAnalysisData.forEach(z=>{ this.CostAnalysisData.forEach(z=>{
x.data.push(z['VisaFeeRate']) x.data.push(z['VisaFeeRate'])
......
src/components/FinancialModule/DataAnalysis/components/packetEchart.vue
View file @ 948cfd40
...@@ -241,7 +241,7 @@ export default { ...@@ -241,7 +241,7 @@ export default {
series:datas series:datas
} }
myChart.setOption(option,true) // echarts设置初始化选项 myChart.setOption(option,true)
}, },
getJapanPacketOutChart(){ getJapanPacketOutChart(){
let datas = [] let datas = []
...@@ -343,7 +343,7 @@ export default { ...@@ -343,7 +343,7 @@ export default {
series:datas series:datas
} }
myChart.setOption(option,true) // echarts设置初始化选项 myChart.setOption(option,true)
}, },
getJapanRoutineOutChart(){ getJapanRoutineOutChart(){
...@@ -446,7 +446,7 @@ export default { ...@@ -446,7 +446,7 @@ export default {
series:datas series:datas
} }
myChart.setOption(option,true) // echarts设置初始化选项 myChart.setOption(option,true)
}, },
getJapanpRofitOutChart(){ getJapanpRofitOutChart(){
let that = this let that = this
......
src/components/newTravelmanager/TravelGroupControl/TravelFeature.vue
View file @ 948cfd40
...@@ -81,62 +81,80 @@ ...@@ -81,62 +81,80 @@
<div v-if="FeatureData.FeatureType==FeatureTypeState.userDefined"> <div v-if="FeatureData.FeatureType==FeatureTypeState.userDefined">
<span class="userDeSpan">上传自定义行程特色和行程详情</span> <span class="userDeSpan">上传自定义行程特色和行程详情</span>
<div class="userDefined"> <div class="userDefined">
<!-- <my-edit v-on:edit-value="FeatureData.FeatureContent = arguments[0]" <el-row>
v-bind:editValue="FeatureData.FeatureContent" v-bind:toolbarShow="toolbar" <el-col>
v-bind:referenceList="DefaultList" v-bind:placeholder="placeholder"></my-edit> --> <div class="sliderContent clearfix" style="width:1000px;">
<div class="sliderContent clearfix" style="width:1000px;"> <el-upload class="upload-demo" :http-request="reUpload" :multiple="true"
<el-upload class="upload-demo" :http-request="reUpload" :multiple="true" accept="image/jpeg, image/gif, image/png, image/bmp" :show-file-list="false" action>
accept="image/jpeg, image/gif, image/png, image/bmp" :show-file-list="false" action> <el-button size="small" type="primary" @click="updateTFimg(1)">上传行程特色</el-button>
<el-button size="small" type="primary" @click="updateTFimg(1)">上传行程特色</el-button> <div slot="tip" class="el-upload__tip" style="color:red;">横版1754*1240,竖版:1240X1754</div>
<div slot="tip" class="el-upload__tip" style="color:red;">横版1754*1240,竖版:1240X1754</div> </el-upload>
</el-upload> <div class="TFSelfimgList" style="margin-top:5px;"
<div class="TFSelfimgList" v-for="(item,index) in FeatureData.TripImageListNew" :key="item.subCode"> v-for="(item,index) in FeatureData.TripImageListNew" :key="item.subCode">
<img :key="index+10000" v-if="!item" src="../../../assets/img/bg_c3@3x.png"> <img :key="`t_f_`+index+10000" v-if="!item" src="../../../assets/img/bg_c3@3x.png">
<img :key="index+20000" v-else :src="item"> <img :key="`t_f_`+index+20000" v-else :src="item">
<div :key="index+30000" class="TFIMGzhe"> <div :key="`t_f_`+index+30000" class="TFIMGzhe">
<div class="TFremove" @click="removeImg(1,index)"> <div class="TFremove" @click="removeImg(1,index)">
<i class="iconfont icon-xingzhuang"></i> <i class="iconfont icon-xingzhuang"></i>
</div> </div>
<div class="TFremove" @click="showImg(item)"> <div class="TFremove" @click="showImg(item)">
<i class="iconfont icon-img_cz"></i> <i class="iconfont icon-img_cz"></i>
</div> </div>
<div class="TFremove" @click.stop="ExchangeImg(1,index,0)" v-if="index!=0"> <div class="TFremove" @click.stop="ExchangeImg(1,index,0)" v-if="index!=0">
<i class="iconfont icon-zuoyi"></i> <i class="iconfont icon-zuoyi"></i>
</div> </div>
<div class="TFremove" @click.stop="ExchangeImg(1,index,1)" <div class="TFremove" @click.stop="ExchangeImg(1,index,1)"
v-if="index!=FeatureData.TripImageListNew.length-1"> v-if="index!=FeatureData.TripImageListNew.length-1">
<i class="iconfont icon-youyi"></i> <i class="iconfont icon-youyi"></i>
</div>
</div>
</div> </div>
</div> </div>
</div> </el-col>
</div> </el-row>
<br /> <el-row>
<div class="sliderContent clearfix" style="width:1000px;"> <el-col>
<el-upload class="upload-demo" :http-request="reUpload" :multiple="true" <div class="sliderContent clearfix" style="width:1000px;">
accept="image/jpeg, image/gif, image/png, image/bmp" :show-file-list="false" action> <el-form label-width="80px">
<el-button size="small" type="primary" @click="updateTFimg(2)">上传行程详情</el-button> <el-form-item label="行程详情">
<div slot="tip" class="el-upload__tip" style="color:red;">横版1754*1240,竖版:1240X1754</div> <el-radio v-model="FeatureData.IsUploadDetails" :label="0">系统生成</el-radio>
</el-upload> <el-radio v-model="FeatureData.IsUploadDetails" :label="1">自定义上传</el-radio>
<div class="TFSelfimgList" v-for="(item,index) in FeatureData.DetailsImageListNew" :key="item.subCode"> </el-form-item>
<img :key="index+1000" v-if="!item" src="../../../assets/img/bg_c3@3x.png"> </el-form>
<img :key="index+2000" v-else :src="item" style="width:220px;height:180px;"> <template v-if="FeatureData.IsUploadDetails==1">
<div :key="index+3000" class="TFIMGzhe"> <el-upload class="upload-demo" :http-request="reUpload" :multiple="true"
<div class="TFremove" @click="removeImg(2,index)"> accept="image/jpeg, image/gif, image/png, image/bmp" :show-file-list="false" action>
<i class="iconfont icon-xingzhuang"></i> <el-button size="small" type="primary" @click="updateTFimg(2)">上传行程详情</el-button>
</div> <div slot="tip" class="el-upload__tip" style="color:red;">
<div class="TFremove" @click="showImg(item)"> <font style="font-weight:bold;font-size:14px;">
<i class="iconfont icon-img_cz"></i> 如果上传了自定义行程图片，系统将使用上传的文件作为行程详情;如果不上传，系统将根据开团行程自动生成行程详情。</font>
</div> <br /> 横版1754*1240,竖版:1240X1754
<div class="TFremove" @click.stop="ExchangeImg(2,index,0)" v-if="index!=0"> </div>
<i class="iconfont icon-zuoyi"></i> </el-upload>
</div> <div class="TFSelfimgList" style="margin-top:5px;"
<div class="TFremove" @click.stop="ExchangeImg(2,index,1)" v-for="(item,index) in FeatureData.DetailsImageListNew" :key="item.subCode">
v-if="index!=FeatureData.DetailsImageListNew.length-1"> <img :key="`t_f_d_`+index+1000" v-if="!item" src="../../../assets/img/bg_c3@3x.png">
<i class="iconfont icon-youyi"></i> <img :key="`t_f_d_`+index+2000" v-else :src="item" style="width:220px;height:180px;">
</div> <div :key="`t_f_d_`+index+3000" class="TFIMGzhe">
<div class="TFremove" @click="removeImg(2,index)">
<i class="iconfont icon-xingzhuang"></i>
</div>
<div class="TFremove" @click="showImg(item)">
<i class="iconfont icon-img_cz"></i>
</div>
<div class="TFremove" @click.stop="ExchangeImg(2,index,0)" v-if="index!=0">
<i class="iconfont icon-zuoyi"></i>
</div>
<div class="TFremove" @click.stop="ExchangeImg(2,index,1)"
v-if="index!=FeatureData.DetailsImageListNew.length-1">
<i class="iconfont icon-youyi"></i>
</div>
</div>
</div>
</template>
</div> </div>
</div> </el-col>
</div> </el-row>
</div> </div>
</div> </div>
<div class="TFright" v-if="FeatureData.FeatureType!=FeatureTypeState.userDefined"> <div class="TFright" v-if="FeatureData.FeatureType!=FeatureTypeState.userDefined">
...@@ -392,7 +410,7 @@ ...@@ -392,7 +410,7 @@
let srcArr = src.split('?') let srcArr = src.split('?')
src = srcArr[0] src = srcArr[0]
let isExsit = false let isExsit = false
this.images=[]; this.images = [];
this.images.forEach(x => { this.images.forEach(x => {
if (x === src) if (x === src)
isExsit = true isExsit = true
......
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