Commit 3b1548dc authored by zhengke's avatar zhengke

修改

parent 7389a7d3
...@@ -80,7 +80,10 @@ ...@@ -80,7 +80,10 @@
<el-col :span="14"> <el-col :span="14">
<el-row> <el-row>
<el-col :span="24"> <el-col :span="24">
<el-button type="primary" size="small" @click="isShowTripDailog=true">选择行程</el-button> <el-form-item>
<el-button type="primary" size="small" @click="isShowTripDailog=true,clickIndex=index">选择行程
</el-button>
</el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
...@@ -98,71 +101,16 @@ ...@@ -98,71 +101,16 @@
</el-col> </el-col>
</el-row> </el-row>
</template> </template>
<template v-if="plugData.Type==5">
<el-row v-for="(item,index) in plugData.Details" :key="index" style="margin-bottom:20px;">
<el-col :span="5">
<div class="webSliderDiv myWebDiv" @click="clickIndex=index">
<el-upload :http-request="UploadImage" :multiple="true" accept="image/jpeg,image/gif,image/png,image/bmp"
:show-file-list="false" action="">
<img v-if="item.ImageUrl" :src="item.ImageUrl" style="width:auto;" class="web_imgUrl" alt="" />
</el-upload>
</div>
</el-col>
<el-col :span="19">
<el-form-item style="margin-bottom:0">
<div>圖片尺寸請上傳:373x600,檔案請小於3M</div>
</el-form-item>
<el-row>
<el-col :span="24">
<el-form-item label="行程名稱">
<el-input type="text" v-model="item.TripTitle"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="連結網址">
<el-input type="text" v-model="item.LinkUrl"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-col>
</el-row>
</template>
<template v-if="plugData.Type==3"> <template v-if="plugData.Type==3">
<el-row> <el-row>
<el-col :span="12" v-for="(item,index) in plugData.Details" :key="index"> <el-col :span="12" v-for="(item,index) in plugData.Details" :key="index">
<el-form-item :label="'行程名稱'+' '+(index+1)">
<el-select v-model="item.TripTitle" style="width:100%">
<el-option label="不限" :value="0"></el-option>
<el-option label="B2B前台菜单" :value="-1">B2B前台菜单</el-option>
<el-option label="个人中心菜单" :value="-2">个人中心菜单</el-option>
</el-select>
</el-form-item>
<el-form-item> <el-form-item>
<div class="b2b_imgList"> <el-button type="primary" size="small" @click="isShowTripDailog=true,clickIndex=index">选择行程</el-button>
<div class="sectionImg" :style="{backgroundImage:'url(' + item.TripImageUrl + ')'}"></div>
</div>
</el-form-item> </el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item>
<span>文字版位設定</span>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12" v-for="(item,index) in plugData.Details" :key="index">
<el-row> <el-row>
<el-col :span="24"> <el-col :span="24">
<el-form-item :label="'行程名稱'+' '+(index+1)"> <el-form-item :label="'行程名稱'+' '+(index+1)">
<el-select v-model="item.TripTitle" style="width:100%"> <el-input type="text" v-model="item.TripTitle"></el-input>
<el-option label="不限" :value="0"></el-option>
<el-option label="B2B前台菜单" :value="-1">B2B前台菜单</el-option>
<el-option label="个人中心菜单" :value="-2">个人中心菜单</el-option>
</el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
...@@ -178,6 +126,11 @@ ...@@ -178,6 +126,11 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-form-item>
<div class="b2b_imgList">
<div class="sectionImg" :style="{backgroundImage:'url(' + item.TripImageUrl + ')'}"></div>
</div>
</el-form-item>
</el-col> </el-col>
</el-row> </el-row>
</template> </template>
...@@ -193,12 +146,8 @@ ...@@ -193,12 +146,8 @@
<el-col :span="16"> <el-col :span="16">
<el-row> <el-row>
<el-col :span="24"> <el-col :span="24">
<el-form-item :label="'行程名稱'+' '+(index+1)"> <el-form-item>
<el-select v-model="item.TripTitle" style="width:100%"> <el-button type="primary" size="small" @click="isShowTripDailog=true,clickIndex=index">选择行程</el-button>
<el-option label="不限" :value="0"></el-option>
<el-option label="B2B前台菜单" :value="-1">B2B前台菜单</el-option>
<el-option label="个人中心菜单" :value="-2">个人中心菜单</el-option>
</el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
...@@ -223,7 +172,7 @@ ...@@ -223,7 +172,7 @@
data() { data() {
return { return {
isShowTripDailog: false, isShowTripDailog: false,
clickIndex: 1 clickIndex: 0
}; };
}, },
components: { components: {
...@@ -231,17 +180,6 @@ ...@@ -231,17 +180,6 @@
}, },
created() {}, created() {},
methods: { methods: {
UploadImage(file) {
let newArr = [];
newArr.push(file.file);
let fileName = file.file.name;
var path = "/Upload/WebSite/";
this.UploadSelfFileT(path, newArr, x => {
var str = x.data.FilePath;
var imgUrl = this.domainManager().ViittoFileUrl + str;
this.plugData.Details[this.clickIndex].TripImageUrl = imgUrl;
});
},
//获取选择行程数据 //获取选择行程数据
getChooseTripData() { getChooseTripData() {
var tempArray = this.$refs.chooseTrip.getChooseData(); var tempArray = this.$refs.chooseTrip.getChooseData();
...@@ -254,7 +192,7 @@ ...@@ -254,7 +192,7 @@
} }
var obj = { var obj = {
StartDate: item.StartDate, StartDate: item.StartDate,
imgUrl:imgUrl, imgUrl: imgUrl,
TCNUM: item.TCNUM, TCNUM: item.TCNUM,
TCID: item.TCID, TCID: item.TCID,
Title: item.Title, Title: item.Title,
...@@ -262,6 +200,11 @@ ...@@ -262,6 +200,11 @@
Price: item.B2BPrice, Price: item.B2BPrice,
}; };
console.log(obj); console.log(obj);
this.plugData.Details[this.clickIndex].TripImageUrl = obj.imgUrl;
this.plugData.Details[this.clickIndex].Price = obj.Price;
this.plugData.Details[this.clickIndex].DayNum = obj.DayNum;
this.plugData.Details[this.clickIndex].TripTitle = obj.Title;
this.$refs.chooseTrip.clearData();
}); });
} }
}, },
......
...@@ -63,71 +63,88 @@ ...@@ -63,71 +63,88 @@
.choose_trip .title { .choose_trip .title {
word-wrap: break-word; word-wrap: break-word;
word-break: normal; word-break: normal;
color: blue; color: #333;
}
.choose_trip .table-striped {
width: 100%;
border-spacing: 0;
border-collapse: collapse;
}
.table-striped tbody{
border-bottom: 1px solid #000;
}
.choose_trip .table-striped th,
.choose_trip .table-striped td {
padding: 8px;
text-align: center;
}
.choose_trip .table-striped>tr:nth-of-type(odd) {
background-color: #f9f9f9;
} }
</style> </style>
<template> <template>
<div class="choose_trip"> <div class="choose_trip">
<table> <el-form label-width="120px;">
<thead> <el-row>
<td> <el-col :span="6">
{{$t('system.table_ssLine')}} <el-form-item :label="$t('system.table_ssLine')">
</td>
<td>
<el-select class="w150" v-model="queryMsg.LineId" filterable :placeholder="$t('pub.pleaseSel')" <el-select class="w150" v-model="queryMsg.LineId" filterable :placeholder="$t('pub.pleaseSel')"
@change="getLinePlaceList()"> @change="getLinePlaceList()">
<el-option :label="$t('pub.unlimitedSel')" :value="0"></el-option> <el-option :label="$t('pub.unlimitedSel')" :value="0"></el-option>
<el-option v-for="item in queryCommonData.LineList" :label="item.LineName" :value="item.LineID" <el-option v-for="item in queryCommonData.LineList" :label="item.LineName" :value="item.LineID"
:key="item.LineID"></el-option> :key="item.LineID"></el-option>
</el-select> </el-select>
</td> </el-form-item>
<td> </el-col>
{{$t('Operation.Op_Country')}}/{{$t('system.query_dest')}} <el-col :span="7">
</td> <el-form-item :label="$t('Operation.Op_Country')+'/'+$t('system.query_dest')">
<td>
<el-select class="w150" v-model="queryMsg.PlaceID" filterable :placeholder="$t('pub.pleaseSel')" <el-select class="w150" v-model="queryMsg.PlaceID" filterable :placeholder="$t('pub.pleaseSel')"
@change="getLineTeamList()"> @change="getLineTeamList()">
<el-option :label="$t('pub.unlimitedSel')" :value="0"></el-option> <el-option :label="$t('pub.unlimitedSel')" :value="0"></el-option>
<el-option v-for="item in queryCommonData.PlaceList" :label="item.PlaceName" :value="item.PlaceID" <el-option v-for="item in queryCommonData.PlaceList" :label="item.PlaceName" :value="item.PlaceID"
:key="item.LtID"></el-option> :key="item.LtID"></el-option>
</el-select> </el-select>
</td> </el-form-item>
<td> </el-col>
{{$t('active.ad_xlmc')}} <el-col :span="6">
</td> <el-form-item :label="$t('active.ad_xlmc')">
<td>
<el-select class="w150" v-model="queryMsg.LineteamId" filterable :placeholder="$t('pub.pleaseSel')"> <el-select class="w150" v-model="queryMsg.LineteamId" filterable :placeholder="$t('pub.pleaseSel')">
<el-option :label="$t('pub.unlimitedSel')" :value="0"></el-option> <el-option :label="$t('pub.unlimitedSel')" :value="0"></el-option>
<el-option v-for="item in queryCommonData.LineTeamList" :label="item.LtName" :value="item.LtID" <el-option v-for="item in queryCommonData.LineTeamList" :label="item.LtName" :value="item.LtID"
:key="item.LtID"></el-option> :key="item.LtID"></el-option>
</el-select> </el-select>
</td> </el-form-item>
<td><button class="normalBtn TC_SearchBtn" @click="resetPageIndex(),GetList()">{{$t('pub.searchBtn')}}</button> </el-col>
</td> <el-col :span="5">
</thead> <el-form-item>
<thead> <button class="normalBtn TC_SearchBtn" @click="resetPageIndex(),GetList()">{{$t('pub.searchBtn')}}</button>
</el-form-item>
</el-col>
</el-row>
</el-form>
<table style="width:100%" class="table-striped" v-loading="queryMsg.loading">
<tr> <tr>
<td> <th width="50">
选择 选择
</td> </th>
<td> <th>
出發日 出發日
</td> </th>
<td colspan="2"> <th colspan="2">
團號 團號
</td> </th>
<td> <th>
天數 天數
</td> </th>
<td> <th>
價格 價格
</td> </th>
<td> <th>
團位狀況 團位狀況
</td> </th>
</tr> </tr>
</thead>
<tbody v-for="(item,index) in dataList" :key="index"> <tbody v-for="(item,index) in dataList" :key="index">
<tr> <tr>
<td rowspan="2"> <td rowspan="2">
...@@ -150,7 +167,7 @@ ...@@ -150,7 +167,7 @@
</td> </td>
</tr> </tr>
<tr> <tr>
<td colspan="6"> <td colspan="6" style="text-align:left;">
<span class="title"> <span class="title">
{{item.Title}} {{item.Title}}
</span> </span>
...@@ -212,7 +229,8 @@ ...@@ -212,7 +229,8 @@
pageSize: 10, pageSize: 10,
currentPage: 1, currentPage: 1,
total: 0, total: 0,
noData: false, noData: true,
loading:false
}, },
queryCommonData: { queryCommonData: {
LineList: [], LineList: [],
...@@ -222,16 +240,21 @@ ...@@ -222,16 +240,21 @@
dataList: [], //列表数据 dataList: [], //列表数据
}; };
}, },
created() {}, created() {
},
methods: { methods: {
//选中切换 //选中切换
changeTrip(item) { changeTrip(item) {
//单选 //单选
if (!this.IsMultiple) { if (!this.IsMultiple) {
this.dataList.forEach(item => { this.dataList.forEach(x => {
item.Checked = false; if(x.TCID==item.TCID){
//item.Checked = !item.Checked;
}else{
x.Checked = false;
}
}); });
item.Checked = !item.Checked;
} }
}, },
//获取线路列表 //获取线路列表
...@@ -288,9 +311,11 @@ ...@@ -288,9 +311,11 @@
this.queryMsg.currentPage = 1; this.queryMsg.currentPage = 1;
}, },
GetList() { GetList() {
this.queryMsg.loading=true;
this.apipost( this.apipost(
"travel_get_GetTravelPrciePageList_V2", this.queryMsg, "travel_get_GetTravelPrciePageList_V2", this.queryMsg,
res => { res => {
this.queryMsg.loading=false;
if (res.data.resultCode == 1) { if (res.data.resultCode == 1) {
var tempArray = res.data.data.pageData; var tempArray = res.data.data.pageData;
this.queryMsg.total = res.data.data.count; this.queryMsg.total = res.data.data.count;
...@@ -317,6 +342,12 @@ ...@@ -317,6 +342,12 @@
} }
}); });
return tempArray; return tempArray;
},
//清空数据
clearData(){
// this.dataList=[];
// this.queryMsg.pageIndex=1;
// this.queryMsg.total=0;
} }
}, },
mounted() { mounted() {
......
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