Skip to content

S
SuperMan
Commit a86fa516 authored by 黄奎's avatar 黄奎
Browse files
Options

地接服务调整

parent 54b305cf
Show whitespace changes
Inline Side-by-side
Showing with 99 additions and 207 deletions
src/components/platformModule/selfFunded.vue
View file @ a86fa516
......@@ -14,10 +14,6 @@
bottom: 0;
}
.selffundedManagement .isShow {
display: block !important;
}
.selffundedManagement .changeMsg {
width: 80%;
}
......@@ -42,67 +38,6 @@
margin: 5px 30px 5px 0;
}
.selffundedManagement ._addUpload_box>div:hover {
background-color: #f5f5f5;
}
.selffundedManagement .el-upload-dragger {
font-size: 28px;
color: #8c939d;
width: 126px;
height: 80px;
line-height: 41px;
text-align: center;
}
.selffundedManagement ._show_img_box {
position: fixed;
background: rgba(0, 0, 0, .6);
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 9999;
text-align: center;
}
.selffundedManagement ._addUpload_box {
display: block;
}
.selffundedManagement ._addUpload_box img {
width: 100%;
height: 100%;
}
.selffundedManagement ._addUpload_box>div {
float: left;
width: 138px;
height: 92px;
border: 1px dashed rgba(210, 210, 210, 1);
border-radius: 2px;
cursor: pointer;
margin-bottom: 10px;
padding: 5px;
margin-right: 10px;
position: relative;
}
.selffundedManagement ._addUpload_box .icon-guanbi1 {
font-size: 12px;
color: white;
display: inline-block;
margin-left: 15px;
position: absolute;
right: -6px;
top: -9px;
background-color: #f56c6c;
border-radius: 50%;
height: 20px;
width: 20px;
text-align: center;
line-height: 20px;
}
.selffundedManagement .d12p {
margin-top: 3px;
font-size: 12px;
......@@ -121,29 +56,32 @@
text-decoration: underline;
color: #333;
}
.selffundedManagement .isShow {
display: block !important;
}
</style>
<template>
<div class="flexOne selffundedManagement">
<div class="query-box">
<ul>
<li>
<span>{{$t('system.table_country')}}</span>
<el-select v-model="msg.QCountry" clearable class="w150" filterable @change="getProvinceList(msg.QCountry,1)"
:placeholder="$t('hotel.hotel_country')">
<el-option :label="$t('pub.unlimitedSel')" value='0'></el-option>
<el-option v-for='item in countryList' :key="item.ID" :label="item.Name" :value="item.ID">
<span>{{$t('system.table_ssLine')}}：</span>
<el-select class="w150" v-model="msg.LineId" filterable :placeholder="$t('pub.pleaseSel')"
@change="resetPageIndex()" clearable @clear="resetPageIndex()">
<el-option v-for="item in LineList" :label="item.LineName" :value="item.LineID" :key="item.LineID">
</el-option>
</el-select>
</li>
<li>
<span>{{$t('hotel.hotel_nameOf')}}</span>
<el-input v-model="msg.ItemName" maxlength="50" class="w150"></el-input>
<span>{{$t('hotel.hotel_nameOf')}}：</span>
<el-input v-model="msg.ItemName" maxlength="20" class="w150" @keyup.native.enter="resetPageIndex()" clearable
@clear="resetPageIndex()"></el-input>
</li>
<li>
<button class="normalBtn" type="button" @click="addCityInfo">{{$t('pub.addBtn')}}</button>
<button class="hollowFixedBtn" type="button"
@click="resetPageIndex(),initData()">{{$t('pub.searchBtn')}}</button>
<button class="hollowFixedBtn" type="button" @click="resetPageIndex()">{{$t('pub.searchBtn')}}</button>
<button class="normalBtn" type="button" @click="addSelfFunded">{{$t('pub.addBtn')}}</button>
</li>
</ul>
</div>
......@@ -164,32 +102,32 @@
<td>{{item.LineName}}</td>
<td>{{item.CityName}}</td>
<td>{{item.EstimatedCost}}</td>
<td>
<td style="text-align:left;padding-left:5px;">
<el-tooltip class="item" effect="dark" :content="item.Explain" placement="top-start"
popper-class="max-w250">
<p class="d12p" :title="item.Explain">
{{ item.Explain }}
</p>
</el-tooltip>
</td>
<td>{{item.CreateByName}}</td>
<td>{{item.CreateTime}}</td>
<td>
<el-tooltip class="item" effect="dark" :content="$t('pub.updateMsg')" placement="top-start">
<el-button type="primary" @click="isShow=true,titleInfo=$t('objFill.xiugaichengshi'),updateCity(item.ID)" icon="el-icon-edit"
<el-button type="primary"
@click="isShow=true,titleInfo=$t('objFill.xiugaichengshi'),updateSelfFunded(item)" icon="el-icon-edit"
circle></el-button>
</el-tooltip>
<el-tooltip class="item" effect="dark" :content="$t('system.table_delete')" placement="top-start">
<el-button type="danger" icon="el-icon-delete" @click="delArea(item.ID,item.CodeLevel)" circle>
<el-button type="danger" icon="el-icon-delete" @click="delSelfFunded(item)" circle>
</el-button>
</el-tooltip>
</td>
</tr>
</table>
</div>
<el-pagination background @current-change="handleCurrentChange" :current-page.sync="currentPage"
layout="total,prev, pager, next, jumper" :page-size="this.msg.pageSize" :total="total">
<el-pagination background @current-change="handleCurrentChange" :current-page.sync="msg.currentPage"
layout="total,prev, pager, next, jumper" :page-size="msg.pageSize" :total="msg.total">
</el-pagination>
<div class="btmAddStore" :class="{'isShow':isShow}">
<div class="btmTitle">{{titleInfo}}</div>
......@@ -197,22 +135,22 @@
<ul class="changeMsg clearfix">
<li>
<el-form-item :label="$t('sm.zifeixiangmu')" prop="ItemName">
<el-input v-model="addMsg.ItemName" class="w150" maxlength="20"></el-input>
<el-input v-model="addMsg.ItemName" class="w150" maxlength="50"></el-input>
</el-form-item>
</li>
<li>
<el-form-item :label="$t('system.table_ssLine')" prop="ItemName">
<el-select class="w150" v-model="addMsg.LineId" filterable :placeholder="$t('pub.pleaseSel')" >
<el-form-item :label="$t('system.table_ssLine')">
<el-select class="w150" v-model="addMsg.LineId" filterable :placeholder="$t('pub.pleaseSel')">
<el-option :label="$t('pub.unlimitedSel')" :value="0"></el-option>
<el-option v-for="item in LineList" :label="item.LineName" :value="item.LineID"
:key="item.LineID"></el-option>
<el-option v-for="item in LineList" :label="item.LineName" :value="item.LineID" :key="item.LineID">
</el-option>
</el-select>
</el-form-item>
</li>
<li><el-form-item :label="$t('system.table_ssLine')" prop="ItemName">
<el-select class='w120' :placeholder="$t('pub.pleaseSel')" filterable v-model="addMsg.CityId"
remote :remote-method="(query) => getCityList(query, selfItem)"
@change="changeCity(selfItem)">
<li>
<el-form-item :label="$t('system.table_city')">
<el-select class='w120' :placeholder="$t('pub.pleaseSel')" filterable v-model="addMsg.CityId" remote
:remote-method="(query) => getCityList(query)">
<el-option :label="$t('pub.unlimitedSel')" :value='0'></el-option>
<el-option v-for="item in CityList" :label='item.Name' :value='item.ID' :key='item.ID'>
</el-option>
......@@ -220,33 +158,15 @@
</el-form-item>
</li>
<li>
<el-form-item :label="$t('sm.yujifeiyong')" >
<el-form-item :label="$t('sm.yujifeiyong')">
<el-input v-model="addMsg.EstimatedCost" class="w150" maxlength="20"></el-input>
</el-form-item>
</li>
<li>
<el-form-item :label="$t('fnc.fyshuoming')" >
<el-input v-model="addMsg.Explain" class="w150" maxlength="20"></el-input>
<el-form-item :label="$t('fnc.fyshuoming')">
<el-input v-model="addMsg.Explain" class="w220" maxlength="50"></el-input>
</el-form-item>
</li>
<li>
<el-form-item :label="$t('objFill.sanma')">
<!--prop="ThreeCode"-->
<el-input v-model="addMsg.ThreeCode" class="w150" maxlength="3"></el-input>
</el-form-item>
</li>
<li>
<el-form-item :label="$t('objFill.jingdu')">
<el-input v-model="addMsg.Lng" class="w150"></el-input>
</el-form-item>
</li>
<li>
<el-form-item :label="$t('objFill.weidu')">
<el-input v-model="addMsg.Lat" class="w150"></el-input>
</el-form-item>
</li>
<li>
<div class="cityBtnList">
<input type="button" class="hollowFixedBtn" @click="cancelPanel" :value="$t('pub.cancelBtn')" />
......@@ -262,30 +182,19 @@
export default {
data() {
return {
total: 0,
currentPage: 1,
loading: true,
AreaList: "",
RegionList: "",
countryList: "",
countryListOther: "",
provinceList: "",
cityList: "",
district: "",
titleInfo: "",
tabelDate: "",
isShow: false,
District: "",
disCountry: false,
disProvince: false,
disCity: false,
LineList:[],
CityList:[],
LineList: [], //线路列表
CityList: [], //城市列表
msg: {
pageIndex: 1,
pageSize: 15,
ItemName: "",
LineId: "0",
LineId: "",
total: 0,
currentPage: 1,
},
addMsg: {
Id: 0,
......@@ -293,6 +202,7 @@
EstimatedCost: "",
LineId: 0,
CityId: 0,
CityName: "",
Explain: "",
},
rules: {
......@@ -301,29 +211,19 @@
message: this.$t('objFill.qsrzhongwenmc'),
trigger: "change"
}],
LineId: [{
required: true,
message: this.$t('visaT.qxzguojia'),
trigger: "change"
}]
},
currentUserInfo: {},
}
};
},
methods: {
//获取城市列表
getCityList(query, selfItem) {
getCityList(query) {
var postMsg = {
CodeLevel: 3,
Name: '',
};
if (selfItem.CityName != '') {
postMsg.Name = selfItem.CityName;
}
if (query != '') {
postMsg.Name = query;
}
this.apipost("dict_get_Destination_GetCityExtList", postMsg, res => {
if (res.data.resultCode == 1) {
this.CityList = res.data.data;
......@@ -349,7 +249,8 @@
},
resetPageIndex() {
this.msg.pageIndex = 1;
this.currentPage = 1;
this.msg.currentPage = 1;
this.initData();
},
//初始化表格数据
initData() {
......@@ -361,17 +262,17 @@
this.loading = false;
if (res.data.resultCode == 1) {
this.tabelDate = res.data.data.pageData;
this.total = res.data.data.count;
this.msg.total = res.data.data.count;
}
},
null
);
},
delArea(ID, CodeLevel) {
delSelfFunded(item) {
var that = this;
this.Confirm(that.$t('tips.shifoushanchu'), function () {
let msg = {
ID: ID,
ID: item.Id,
};
that.apipost(
"selffunded_RemoveSelfFunded",
......@@ -388,14 +289,21 @@
);
});
},
addCityInfo() {
addSelfFunded() {
this.isShow = true;
this.getLineList();
this.titleInfo = this.$t('objFill.xingzenchengshi');
this.addMsg.ID = 0;
this.titleInfo = this.$t('sm.zifeixiangmu');
this.clearMsg();
},
clearMsg() {
this.addMsg.Id = 0;
this.addMsg.ItemName = "";
this.addMsg.EstimatedCost = "";
this.addMsg.LineId = 0;
this.addMsg.CityId = 0;
this.addMsg.CityName = "";
this.addMsg.Explain = "";
},
saveInfo() {
this.apipost(
"selffunded_SetSelfFunded",
this.addMsg,
......@@ -413,55 +321,38 @@
);
},
//修改信息
updateCity(ID) {
let msg = {
ID: ID
updateSelfFunded(item) {
let postMsg = {
ID: item.Id
};
this.addMsg.ID = ID;
this.apipost(
"selffunded_GetSelfFunded",
msg,
postMsg,
res => {
if (res.data.resultCode == 1) {
this.addMsg = res.data.data;
} else {
this.Error(res.data.message);
var tempData = res.data.data;
if (tempData) {
this.addMsg.Id = tempData.Id;
this.addMsg.ItemName = tempData.ItemName;
this.addMsg.EstimatedCost = tempData.EstimatedCost;
this.addMsg.LineId = tempData.LineId;
this.addMsg.CityId = tempData.CityId;
this.addMsg.CityName = tempData.CityName;
if (tempData.CityId > 0) {
this.CityList = [];
this.CityList.push({
ID: tempData.CityId,
Name: tempData.CityName
})
}
},
err => {}
);
},
getProvinceList(ID, type) {
//根据省份获取城市
let msg = {
Id: ID
};
if (type == 1) {
this.msg.QProvince = "";
this.msg.QCity = "";
this.msg.QDistrict = "";
} else if (type == 2) {
this.msg.QCity = "";
this.msg.QDistrict = "";
} else if (type == 3) {
this.msg.QDistrict = "";
this.addMsg.Explain = tempData.Explain;
}
if (this.msg.QCountry != "" || this.Country != "") {
this.apipost(
"dict_post_Destination_GetChildList",
msg,
res => {
if (type == 1) {
this.provinceList = res.data.data;
} else if (type == 2) {
this.cityList = res.data.data;
} else if (type == 3) {
this.district = res.data.data;
} else {
this.Error(res.data.message);
}
},
err => {}
);
}
},
//取消
cancelPanel() {
......@@ -481,10 +372,11 @@
},
resetForm(formName) {
this.$refs[formName].resetFields();
this.clearMsg();
}
},
created() {
this.currentUserInfo = this.getLocalStorage();
this.getLineList();
},
mounted() {
this.initData();
......
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