Commit db2e8eae authored by 黄奎's avatar 黄奎

页面修改

parent 83840aeb
......@@ -154,8 +154,8 @@
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<button class="hollowFixedBtn" @click="outerVisible = false,clearData()"></button> &nbsp;
<button class="normalBtn" type="primary" @click="saveSCMAccount()">保存</button>
<button class="hollowFixedBtn" @click="outerVisible =false"></button> &nbsp;
<button class="normalBtn" type="button" @click="saveSCMAccount()">保存</button>
</div>
</el-dialog>
</div>
......@@ -199,8 +199,9 @@
this.outerVisible=false;
this.$message.success(res.data.message);
this.getList()
this.clearData();
} else {
}
else
{
this.$message.error(res.data.message)
}
}, err => {})
......
<style>
.scmAccountManagement .avatar-uploader .el-upload {
.scmHotelManagement .avatar-uploader .el-upload {
border: 1px dashed #d9d9d9;
cursor: pointer;
position: relative;
......@@ -9,11 +9,11 @@
border-radius: 50%
}
.scmAccountManagement .avatar-uploader .el-upload:hover {
.scmHotelManagement .avatar-uploader .el-upload:hover {
border-color: #409EFF;
}
.scmAccountManagement .avatar-uploader-icon {
.scmHotelManagement .avatar-uploader-icon {
font-size: 28px;
color: white;
width: 100px;
......@@ -27,7 +27,7 @@
}
/* 上传样式 */
.scmAccountManagement .avatar-uploader .el-upload {
.scmHotelManagement .avatar-uploader .el-upload {
border: 1px dashed #d9d9d9;
cursor: pointer;
position: relative;
......@@ -37,11 +37,11 @@
border-radius: 50%
}
.scmAccountManagement .avatar-uploader .el-upload:hover {
.scmHotelManagement .avatar-uploader .el-upload:hover {
border-color: #409EFF;
}
.scmAccountManagement .avatar-uploader-icon {
.scmHotelManagement .avatar-uploader-icon {
font-size: 28px;
color: white;
width: 100px;
......@@ -54,7 +54,7 @@
background: rgba(0, 0, 0, 0.5);
}
.scmAccountManagement .avatar {
.scmHotelManagement .avatar {
width: 100px;
height: 100px;
display: block;
......@@ -66,19 +66,21 @@
</style>
<template>
<div class="flexOne scmAccountManagement">
<div class="flexOne scmHotelManagement">
<div class="query-box">
<ul>
<li>
<span><em>姓名</em>
<el-input class='w210' v-model="msg.Name" :placeholder="$t('pub.pleaseImport')"
<span><em>名称</em>
<el-input class='w210' v-model="msg.HName" :placeholder="$t('pub.pleaseImport')"
@keyup.enter.native="getList"></el-input>
</span>
</li>
<li>
<span><em>账号</em>
<el-input class='w210' v-model="msg.Account" :placeholder="$t('pub.pleaseImport')"
@keyup.enter.native="getList"></el-input>
<span><em>类型</em>
<el-select class='w210' v-model="msg.HType" :placeholder="$t('pub.unlimitedSel')">
<el-option :label="$t('pub.unlimitedSel')" :value='-0'></el-option>
<el-option v-for="item in TypeList" :key="item.Id" :label="item.Name" :value="item.Id"></el-option>
</el-select>
</span>
</li>
<li>
......@@ -86,15 +88,14 @@
<el-select class='w210' v-model="msg.Status" :placeholder="$t('pub.unlimitedSel')">
<el-option :label="$t('pub.unlimitedSel')" :value='-1'></el-option>
<el-option label="正常" :value='0'></el-option>
<el-option label="禁用" :value='1'></el-option>
<el-option label="删除" :value='2'></el-option>
<el-option label="删除" :value='1'></el-option>
</el-select>
</span>
</li>
<li>
<input type="button" class="hollowFixedBtn" :value="$t('pub.searchBtn')"
@click="resetPageIndex(),getList()" />
<input type="button" @click="outerVisible = true,dialogTitle='新增账号信息'" class="normalBtn"
<input type="button" @click="outerVisible = true,dialogTitle='新增酒店配置信息',clearData()" class="normalBtn"
:value="$t('pub.addBtn')" />
</li>
</ul>
......@@ -102,25 +103,26 @@
<table class="singeRowTable" border="0" cellspacing="0" cellpadding="0">
<tr>
<th width="80">编号</th>
<th width="100">姓名</th>
<th width="100">账号</th>
<th width="100">配置项名称</th>
<th width="100">类型</th>
<th width="100">状态</th>
<th width="100">操作人</th>
<th width="100">操作时间</th>
<th width="100">操作</th>
</tr>
<tr v-for="(item,index) in DataList" v-loading='loading' :key="index">
<td>{{item.Id}}</td>
<td>{{item.Name}}</td>
<td>{{item.Account}}</td>
<td>{{item.HConfigId}}</td>
<td>{{item.HName}}</td>
<td>{{item.HTypeStr}}</td>
<td>{{item.StatusStr}}</td>
<td>{{item.UpdateByName}} </td>
<td> {{item.UpdateTimeStr}}</td>
<td>{{item.UpdateTimeStr}}</td>
<td>
<el-tooltip class="item" effect="dark" content="修改" placement="top-start">
<el-button @click="outerVisible = true,dialogTitle='修改账号信息',GetAccount(item.Id)" type="primary"
<el-button @click="outerVisible = true,dialogTitle='修改酒店配置信息',GetHotelConfig(item.HConfigId)" type="primary"
icon="el-icon-edit" circle></el-button>
</el-tooltip>
<a @click="DeleteHotelConfig(item)">删除</a>
</td>
</tr>
</table>
......@@ -130,28 +132,18 @@
<el-dialog custom-class='w500' :title="dialogTitle" :visible.sync="outerVisible" center>
<el-form :model="addMsg" ref="addMsg" label-width="120px">
<el-form-item class='w400' label="姓名">
<el-input type="text" v-model="addMsg.Name" placeholder="请输入姓名"></el-input>
</el-form-item>
<el-form-item class='w400' label="账号">
<el-input type="text" v-model="addMsg.Account" placeholder="请输入账号"></el-input>
<el-form-item class='w400' label="名称">
<el-input type="text" v-model="addMsg.HName" placeholder="请输入名称"></el-input>
</el-form-item>
<el-form-item class='w400' label="供应商">
<el-select class='w210' v-model="addMsg.SupplierId" :placeholder="$t('pub.unlimitedSel')">
<el-option :label="$t('pub.unlimitedSel')" :value='-1'></el-option>
</el-select>
</el-form-item>
<el-form-item class='w400' label="状态">
<el-select class='w210' v-model="addMsg.Status" :placeholder="$t('pub.unlimitedSel')">
<el-option :label="$t('pub.unlimitedSel')" :value='-1'></el-option>
<el-option label="正常" :value='0'></el-option>
<el-option label="禁用" :value='1'></el-option>
<el-option label="删除" :value='2'></el-option>
<el-form-item class='w400' label="类型">
<el-select class='w210' v-model="addMsg.HType" :placeholder="$t('pub.unlimitedSel')">
<el-option :label="$t('pub.unlimitedSel')" :value='-0'></el-option>
<el-option v-for="item in TypeList" :key="item.Id" :label="item.Name" :value="item.Id"></el-option>
</el-select>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<button class="hollowFixedBtn" @click="outerVisible = false,clearData()"> </button> &nbsp;
<button class="hollowFixedBtn" @click="outerVisible = false,clearData()">取消</button> &nbsp;
<button class="normalBtn" type="primary" @click="saveSCMAccount()">保存</button>
</div>
</el-dialog>
......@@ -171,28 +163,28 @@
//请求数据
pageIndex: 1,
pageSize: 15,
Status: -1,
Name: '',
Account: ''
Status: 0,
HName: '',
HType: 0,
},
TypeList: [], //类型列表
addMsg: {
Id: 0, //编号
Name: "", //姓名
Account: "", //账号
Pwd: "123456", //密码
SupplierId: 0, //供应商编号
HeadImg: "", //头像
HConfigId: 0, //编号
HType: 0, //配置类型(1-公共设施,2-客房设施,3-活动设施服务,4-酒店服务,5-前台语言)
HName: "", //配置名称
},
}
},
mounted() {
this.GetConfigTypeList();
this.getList();
},
methods: {
//保存信息
saveSCMAccount() {
this.apipost('admin_post_SetAdminAccount', this.addMsg, res => {
this.apipost('scm_post_SetHotelConfigService', this.addMsg, res => {
if (res.data.resultCode == 1) {
this.outerVisible = false;
this.$message.success(res.data.message);
this.getList()
this.clearData();
......@@ -203,16 +195,13 @@
},
//清空数据
clearData() {
this.addMsg.Id = 0;
this.addMsg.Name = "";
this.addMsg.Account = "";
this.addMsg.Pwd = "123456";
this.addMsg.SupplierId = 0;
this.addMsg.HeadImg = "";
this.addMsg.HConfigId = 0;
this.addMsg.HType = 0;
this.addMsg.HName = "";
},
getList() { //获取数据
this.loading = true
this.apipost('scm_get_GetSCMAccountPageListService', this.msg, res => {
this.apipost('scm_get_GetHotelConfigPageListService', this.msg, res => {
this.loading = false;
if (res.data.resultCode == 1) {
this.DataList = res.data.data.pageData;
......@@ -221,9 +210,17 @@
}, err => {})
},
//获取账号信息
GetAccount(id) {
this.apipost('scm_get_GetSCMAccountService', {
Id: id
GetConfigTypeList() {
this.apipost('scm_post_GetHotelConfigTypeService', {}, res => {
if (res.data.resultCode == 1) {
this.TypeList = res.data.data;
}
}, err => {})
},
//获取账号信息
GetHotelConfig(id) {
this.apipost('scm_get_GetHotelConfigService', {
HConfigId: id
}, res => {
if (res.data.resultCode == 1) {
this.addMsg = res.data.data;
......@@ -237,6 +234,28 @@
resetPageIndex() {
this.msg.pageIndex = 1;
this.currentPage = 1
},
//删除酒店配置
DeleteHotelConfig(item) {
var that = this;
this.Confirm("是否删除?", function () {
var msg = {
HConfigId: item.HConfigId
};
that.apipost(
"scm_post_RemoveHotelConfigService",
msg,
res => {
if (res.data.resultCode == 1) {
that.Success('删除成功!');
that.getList();
} else {
that.Error(res.data.data);
}
},
null
);
});
}
}
}
......
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