Skip to content

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

页面修改

parent 78b89a01
Hide whitespace changes
Inline Side-by-side
Showing with 378 additions and 338 deletions
src/components/systemManagement/seriesManagement.vue
View file @ cfb9587f
<style>
.seriesMG .addCompany {
width: 440px;
max-height: 600px;
}
.seriesMG .addCompany .el-dialog__body {
overflow: auto;
}
.seriesMG .el-pagination {
text-align: center;
padding-top: 10px;
}
.seriesMG .addCompany input {
width: 208px;
height: 34px;
border-radius: 17px;
}
.seriesMG .margin_left_30 {
margin-left: 30px !important;
}
.seriesMG .el-switch.is-checked .el-switch__core {
border-color: #4bca81;
background-color: #4bca81;
}
.seriesMG .seriesMg_tips_f {
margin-bottom: 0 !important;
}
.seriesMG .seriesMg_tips,
.seriesMG .seriesMg_tips_one {
color: #e95252;
padding-left: 96px;
font-size: 12px;
}
.seriesMG .seriesMg_tips_one {
color: #f56c6c;
font-size: 12px;
line-height: 1;
padding-top: 4px;
position: absolute;
top: 100%;
left: 0;
padding-left: 0;
}
.seriesMG .seriesMg_my_tips .el-form-item__error {
left: 60px;
}
.seriesMG .el-switch.is-checked .el-switch__core:after {
left: 100%;
margin-left: -17px;
}
.seriesMG .el-switch__core:after {
content: "";
position: absolute;
top: 1px;
left: 1px;
border-radius: 100%;
transition: all 0.3s;
width: 16px;
height: 16px;
background-color: #fff;
}
.seriesMG .query-box li label {
display: inline-block;
min-width: 80px;
text-align: right;
font-style: normal;
margin: 0 20px 0 0;
}
.seriesMG .el-form-item__error {
left: 0;
}
.seriesMG .addCompany {
width: 440px;
max-height: 600px;
}
.seriesMG .addCompany .el-dialog__body {
overflow: auto;
}
.seriesMG .el-pagination {
text-align: center;
padding-top: 10px;
}
.seriesMG .addCompany input {
width: 208px;
height: 34px;
border-radius: 17px;
}
.seriesMG .margin_left_30 {
margin-left: 30px !important;
}
.seriesMG .el-switch.is-checked .el-switch__core {
border-color: #4bca81;
background-color: #4bca81;
}
.seriesMG .seriesMg_tips_f {
margin-bottom: 0 !important;
}
.seriesMG .seriesMg_tips,
.seriesMG .seriesMg_tips_one {
color: #e95252;
padding-left: 96px;
font-size: 12px;
}
.seriesMG .seriesMg_tips_one {
color: #f56c6c;
font-size: 12px;
line-height: 1;
padding-top: 4px;
position: absolute;
top: 100%;
left: 0;
padding-left: 0;
}
.seriesMG .seriesMg_my_tips .el-form-item__error {
left: 60px;
}
.seriesMG .el-switch.is-checked .el-switch__core:after {
left: 100%;
margin-left: -17px;
}
.seriesMG .el-switch__core:after {
content: "";
position: absolute;
top: 1px;
left: 1px;
border-radius: 100%;
transition: all 0.3s;
width: 16px;
height: 16px;
background-color: #fff;
}
.seriesMG .query-box li label {
display: inline-block;
min-width: 80px;
text-align: right;
font-style: normal;
margin: 0 20px 0 0;
}
.seriesMG .el-form-item__error {
left: 0;
}
</style>
<template>
<div class="flexOne seriesMG">
......@@ -90,12 +104,15 @@
</el-select>
</li>
<li>
<label class="">{{$t('op.XilieName')}}</label>
<el-input type="text" v-model="msg.LtName" :placeholder="$t('system.ph_LtName')" @keyup.native.enter="getList" maxlength="20" class="w210"></el-input>
<label class="">{{$t('op.XilieName')}}</label>
<el-input type="text" v-model="msg.LtName" :placeholder="$t('system.ph_LtName')" @keyup.native.enter="getList"
maxlength="20" class="w210"></el-input>
</li>
<li>
<input type="button" class="hollowFixedBtn" :value="$t('pub.searchBtn')" @click="resetPageIndex(),getList()" />
<input type="button" class="normalBtn" :value="$t('pub.addBtn')" @click="outerVisible=true,dialogTitle='新增团名资料'" />
<input type="button" class="hollowFixedBtn" :value="$t('pub.searchBtn')"
@click="resetPageIndex(),getList()" />
<input type="button" class="normalBtn" :value="$t('pub.addBtn')"
@click="outerVisible=true,dialogTitle='新增团名资料'" />
</li>
</ul>
</div>
......@@ -105,6 +122,7 @@
<th width="">{{$t('system.table_ssLine')}}</th>
<th>{{$t('system.query_dest')}}</th>
<th>{{$t('op.XilieName')}}</th>
<th>是否销售(直客平台显示)</th>
<th>{{$t('system.table_isShow')}}</th>
<th width="200">{{$t('system.table_operation')}}</th>
</tr>
......@@ -112,17 +130,34 @@
<td>{{item.LineName}}</td>
<td>{{item.PlaceName}}</td>
<td>{{item.LtName}}</td>
<td>{{item.isTOOP==0?'不显示':'显示'}}</td>
<td>
<template v-if="item.isSaleInNET==1">
<span style="color:red;">销售</span>
</template>
<template v-else>
<span>不销售</span>
</template>
</td>
<td>
<template v-if="item.isTOOP==1">
<span style="color:red;">显示</span>
</template>
<template v-else>
<span>不显示</span>
</template>
</td>
<td>
<el-row>
<el-tooltip class="item" effect="dark" :content="$t('system.table_edit')" placement="top-start">
<el-button type="primary" icon="el-icon-edit" circle @click="outerVisible = true,dialogTitle='修改团名资料',updateData(item.LtID)"></el-button>
<el-button type="primary" icon="el-icon-edit" circle
@click="outerVisible = true,dialogTitle='修改团名资料',updateData(item.LtID)"></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" circle @click="deletelist(index)"></el-button>
</el-tooltip>
<el-tooltip class="item" effect="dark" :content="$t('leader.leader_Set')" placement="top-start">
<el-button type="info" icon="el-icon-setting" @click="goUrl('seriesSetList',item.LtID)" circle></el-button>
<el-button type="info" icon="el-icon-setting" @click="goUrl('seriesSetList',item.LtID)" circle>
</el-button>
</el-tooltip>
</el-row>
</td>
......@@ -132,14 +167,15 @@
{{$t('system.content_noData')}}
</div>
</div>
<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 background @current-change="handleCurrentChange" :current-page.sync="msg.currentPage"
layout="total,prev, pager, next, jumper" :page-size=msg.pageSize :total="msg.total">
</el-pagination>
<el-dialog custom-class='addCompany' :title="dialogTitle" :visible.sync="outerVisible" center :before-close="closeChangeMachie">
<el-dialog custom-class='addCompany' :title="dialogTitle" :visible.sync="outerVisible" center
:before-close="closeChangeMachie">
<el-form :model="addMsg" :rules="rules" ref="addMsg" label-width="100px">
<el-form-item :label="$t('system.table_ssLine')" prop="LineID">
<el-select v-model="addMsg.LineID" filterable :placeholder="$t('system.ph_choice')" @change="getDestinationList(1)"
class="w210">
<el-select v-model="addMsg.LineID" filterable :placeholder="$t('system.ph_choice')"
@change="getDestinationList(1)" class="w210">
<el-option :label="$t('pub.unlimitedSel')" :value='defaultSelectValue'></el-option>
<el-option v-for='item in lineList' :key="item.LineID" :label="item.LineName" :value="item.LineID">
</el-option>
......@@ -148,27 +184,32 @@
<el-form-item :label="$t('system.query_dest')" prop="placeID">
<el-select v-model="addMsg.placeID" filterable :placeholder="$t('system.ph_choice')" class="w210">
<el-option :label="$t('pub.unlimitedSel')" :value='defaultSelectValue'></el-option>
<el-option v-for='item in destinationList' :key="item.PlaceID" :label="item.PlaceName" :value="item.PlaceID">
<el-option v-for='item in destinationList' :key="item.PlaceID" :label="item.PlaceName"
:value="item.PlaceID">
</el-option>
</el-select>
</el-form-item>
<el-form-item :label="$t('system.table_code')" prop="LtCode" class="seriesMg_my_tips">
<el-input type="text" v-model="addMsg.LtCode" :placeholder="$t('system.ph_codes')" maxlength="3" class="w210"></el-input>
<el-input type="text" v-model="addMsg.LtCode" :placeholder="$t('system.ph_codes')" maxlength="3" class="w210">
</el-input>
<div class="seriesMg_tips_one">
{{$t('system.table_codeTips')}}
</div>
</el-form-item>
<el-form-item :label="$t('op.XilieName')" prop="LtName">
<el-input type="text" v-model="addMsg.LtName" :placeholder="$t('system.ph_LtName')" maxlength="20" class="w210"></el-input>
<el-input type="text" v-model="addMsg.LtName" :placeholder="$t('system.ph_LtName')" maxlength="20"
class="w210"></el-input>
</el-form-item>
<el-form-item :label="$t('system.table_isSaleInNET')" class="seriesMg_tips_f">
<el-switch v-model="addMsg.isSaleInNET" :active-value="checkedValue" :inactive-value="defaultSelectValue"></el-switch>
<el-switch v-model="addMsg.isSaleInNET" :active-value="checkedValue" :inactive-value="defaultSelectValue">
</el-switch>
</el-form-item>
<div class="seriesMg_tips">
{{$t('system.table_NetLtNameTips')}}
</div>
<el-form-item :label="$t('system.table_isShows')" class="seriesMg_tips_f">
<el-switch v-model="addMsg.isTOOP" :active-value="checkedValue" :inactive-value="defaultSelectValue"></el-switch>
<el-switch v-model="addMsg.isTOOP" :active-value="checkedValue" :inactive-value="defaultSelectValue">
</el-switch>
</el-form-item>
<div class="seriesMg_tips">
{{$t('system.table_isShowTips')}}
......@@ -176,282 +217,281 @@
</el-form>
<div slot="footer" class="dialog-footer">
<button class="normalBtn" type="primary" @click="submitForm('addMsg')">{{$t('pub.saveBtn')}}</button> &nbsp;
<button class="hollowFixedBtn" @click="outerVisible = false,resetForm('addMsg')">{{$t('pub.cancelBtn')}}</button>
<button class="hollowFixedBtn"
@click="outerVisible = false,resetForm('addMsg')">{{$t('pub.cancelBtn')}}</button>
</div>
</el-dialog>
</div>
</template>
<script>
export default {
data() {
return {
msg: {
pageIndex: 1,
pageSize: 15,
LineID: 0,
isTOOP: -1,
LtName: "",
total: 0,
currentPage: 1
},
addMsg: {
LtID: 0,
LtCode: "",
LineID: 0,
LtName: "",
NetLtName: "",
isSaleInNET: 0,
isTOOP: 0,
placeID: 0,
RB_Branch_id: -1
},
//默认值
defaultSelectValue: 0,
//选中值
checkedValue: 1,
isTOOPOption: [
{
value: -1,
label: "全部"
export default {
data() {
return {
msg: {
pageIndex: 1,
pageSize: 15,
LineID: 0,
isTOOP: -1,
LtName: "",
total: 0,
currentPage: 1
},
{
value: 0,
label: "不显示"
addMsg: {
LtID: 0,
LtCode: "",
LineID: 0,
LtName: "",
NetLtName: "",
isSaleInNET: 0,
isTOOP: 0,
placeID: 0,
RB_Branch_id: -1
},
{
value: 1,
label: "显示"
}
],
lineList: [],
destinationList: [],
DataList: [],
BranchGetList: [],
countryList: [],
noData: false,
auditorList: [],
outerVisible: false,
deleteID: "",
loading: true,
dialogTitle: "",
rules: {
LineID: [
//默认值
defaultSelectValue: 0,
//选中值
checkedValue: 1,
isTOOPOption: [{
value: -1,
label: "全部"
},
{
value: 0,
label: "不显示"
},
{
value: 1,
label: "显示"
}
],
lineList: [],
destinationList: [],
DataList: [],
BranchGetList: [],
countryList: [],
noData: false,
auditorList: [],
outerVisible: false,
deleteID: "",
loading: true,
dialogTitle: "",
rules: {
LineID: [{
required: true,
message: "请选择所属线路",
trigger: "change"
}
],
placeID: [
{
}],
placeID: [{
required: true,
message: "请选择目的地",
trigger: "change"
}
],
LtCode: [
{
required: true,
message: "请填写代码",
trigger: "blur"
},
{
pattern: this.$commonUtils.Regex.el_IsNumEn,
message: "请填写正确代码"
}
],
LtName: [
{
}],
LtCode: [{
required: true,
message: "请填写代码",
trigger: "blur"
},
{
pattern: this.$commonUtils.Regex.el_IsNumEn,
message: "请填写正确代码"
}
],
LtName: [{
required: true,
message: "请填写团名名称",
trigger: "blur"
}
]
}
};
},
methods: {
//获取现有线路列表
getList() {
this.loading = true;
this.apipost(
"team_post_GetPageList",
this.msg,
res => {
this.loading = false;
if (res.data.resultCode == 1) {
this.DataList = res.data.data.pageData;
this.msg.total = res.data.data.count;
if(this.msg.total>0){
this.noData=false
}else{
this.noData=true
}
} else {
this.Error(res.data.message);
}
},
err => {}
);
},
//获取所有线路列表
getLineList() {
let msg = {
IsShow: -1
};
this.apipost("line_post_GetAllList_V3", msg, res => {
this.lineList = res.data.data;
});
},
//获取目的地
getDestinationList(type) {
if (type == 1) {
this.addMsg.placeID = "";
this.destinationList = [];
}
let msg = {
LineID: this.addMsg.LineID,
IsShow: -1
};
this.apipost("place_post_GetList", msg, res => {
this.destinationList = res.data.data;
});
},
//获取公司列表(暂时注释)
getBranchGetList() {
let msg = {
Status: "0",
is_show: "",
RB_Group_Id: ""
}]
}
};
this.apipost(
"admin_get_BranchGetList",
msg,
res => {
this.BranchGetList = res.data.data;
},
err => {}
);
},
deletelist(index) {
var that = this;
this.Confirm("是否删除?", function() {
that.deleteLine(index);
});
},
addLine() {
//添加
this.apipost(
"team_post_Set",
this.addMsg,
res => {
if (res.data.resultCode == 1) {
this.Success("保存成功！");
methods: {
//获取现有线路列表
getList() {
this.loading = true;
this.apipost(
"team_post_GetPageList",
this.msg,
res => {
this.loading = false;
if (res.data.resultCode == 1) {
this.DataList = res.data.data.pageData;
this.msg.total = res.data.data.count;
if (this.msg.total > 0) {
this.noData = false
} else {
this.noData = true
}
} else {
this.Error(res.data.message);
}
},
err => {}
);
},
//获取所有线路列表
getLineList() {
let msg = {
IsShow: -1
};
this.apipost("line_post_GetAllList_V3", msg, res => {
this.lineList = res.data.data;
});
},
//获取目的地
getDestinationList(type) {
if (type == 1) {
this.addMsg.placeID = "";
this.destinationList = [];
}
let msg = {
LineID: this.addMsg.LineID,
IsShow: -1
};
this.apipost("place_post_GetList", msg, res => {
this.destinationList = res.data.data;
});
},
//获取公司列表(暂时注释)
getBranchGetList() {
let msg = {
Status: "0",
is_show: "",
RB_Group_Id: ""
};
this.apipost(
"admin_get_BranchGetList",
msg,
res => {
this.BranchGetList = res.data.data;
},
err => {}
);
},
deletelist(index) {
var that = this;
this.Confirm("是否删除?", function () {
that.deleteLine(index);
});
},
addLine() {
//添加
this.apipost(
"team_post_Set",
this.addMsg,
res => {
if (res.data.resultCode == 1) {
this.Success("保存成功！");
this.getList();
this.outerVisible = false;
this.initAddMsg();
} else {
this.Warning("保存失败！");
}
},
err => {}
);
},
//修改
updateData(ID) {
let msg = {
ID: ID
};
this.apipost(
"team_post_Get",
msg,
res => {
if (res.data.resultCode == 1) {
this.addMsg = res.data.data;
this.addMsg.placeID = Number(this.addMsg.placeID);
this.getDestinationList(2);
}
},
err => {}
);
},
//删除
deleteLine(index) {
this.loading = true;
let msg = {
ID: this.DataList[index].LtID
};
this.apipost(
"team_post_Remove",
msg,
res => {
if (res.data.resultCode == 1) {
this.Success("删除成功");
}
this.loading = false;
this.getList();
this.outerVisible = false;
this.initAddMsg();
},
err => {}
);
},
//添加 提交创建、修改表单
submitForm(addMsg) {
this.$refs[addMsg].validate(valid => {
if (valid) {
this.addLine();
} else {
this.Warning("保存失败！");
}
},
err => {}
);
},
//修改
updateData(ID) {
let msg = {
ID: ID
};
this.apipost(
"team_post_Get",
msg,
res => {
if (res.data.resultCode == 1) {
this.addMsg = res.data.data;
this.addMsg.placeID = Number(this.addMsg.placeID);
this.getDestinationList(2);
return false;
}
},
err => {}
);
},
//删除
deleteLine(index) {
this.loading = true;
let msg = {
ID: this.DataList[index].LtID
};
this.apipost(
"team_post_Remove",
msg,
res => {
if (res.data.resultCode == 1) {
this.Success("删除成功");
});
},
//翻页功能按钮
handleCurrentChange(val) {
this.msg.pageIndex = val;
this.getList(this.queryMsg);
},
//初始化创建、修改表单数据
initAddMsg() {
this.addMsg.LtID = 0;
this.addMsg.LtCode = "";
this.addMsg.LineID = 0;
this.addMsg.LtName = "";
this.addMsg.NetLtName = "";
this.addMsg.isSaleInNET = 0;
this.addMsg.isTOOP = 0;
this.addMsg.placeID = 0;
},
//查询初始化页码
resetPageIndex() {
this.msg.pageIndex = 1;
this.msg.currentPage = 1;
},
//弹出框关闭初始化弹框内表单
closeChangeMachie(done) {
done();
this.resetForm("addMsg");
this.initArrData();
},
//弹出框取消 初始化谈框内表单
resetForm(formName) {
this.$refs[formName].resetFields();
this.initArrData();
this.initAddMsg();
},
//弹窗用初始化数据
initArrData() {
this.destinationList = [];
},
goUrl(path, id) {
this.$router.push({
name: path,
query: {
"id": id
}
this.loading = false;
this.getList();
},
err => {}
);
},
//添加 提交创建、修改表单
submitForm(addMsg) {
this.$refs[addMsg].validate(valid => {
if (valid) {
this.addLine();
} else {
return false;
}
});
},
//翻页功能按钮
handleCurrentChange(val) {
this.msg.pageIndex = val;
this.getList(this.queryMsg);
},
//初始化创建、修改表单数据
initAddMsg() {
this.addMsg.LtID = 0;
this.addMsg.LtCode = "";
this.addMsg.LineID = 0;
this.addMsg.LtName = "";
this.addMsg.NetLtName = "";
this.addMsg.isSaleInNET = 0;
this.addMsg.isTOOP = 0;
this.addMsg.placeID = 0;
},
//查询初始化页码
resetPageIndex() {
this.msg.pageIndex = 1;
this.msg.currentPage = 1;
},
//弹出框关闭初始化弹框内表单
closeChangeMachie(done) {
done();
this.resetForm("addMsg");
this.initArrData();
},
//弹出框取消 初始化谈框内表单
resetForm(formName) {
this.$refs[formName].resetFields();
this.initArrData();
this.initAddMsg();
},
//弹窗用初始化数据
initArrData() {
this.destinationList = [];
})
}
},
goUrl(path,id) {
this.$router.push({ name: path,query:{"id":id} })
mounted() {
this.getList();
this.getLineList();
// this.getBranchGetList();
}
},
};
mounted() {
this.getList();
this.getLineList();
// this.getBranchGetList();
}
};
</script>
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