Skip to content

S
SuperMan
Commit ee594c98 authored by 黄媛媛's avatar 黄媛媛
Browse files
Options

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

parents fcae7b99 57bd7aab
Hide whitespace changes
Inline Side-by-side
Showing with 977 additions and 974 deletions
src/App.vue
View file @ ee594c98
......@@ -30,6 +30,7 @@ var sUserAgent = navigator.userAgent;
}
import chosenOpenMode from './components/commonPage/chosenOpenMode'
import mycareer from './components/champion/mycareer'
import { clearInterval } from 'timers';
export default {
name: 'App',
components: {
......@@ -62,18 +63,52 @@ export default {
dataShow:false,
haveOpenMode:false,
settingSys: false,
timer:null,
useTime:0
// sessionStorage.getItem("mazip") ? sessionStorage.getItem("mazip") : true
}
},
methods: {
inited (viewer){
this.$viewer = viewer
},
show (data) {
this.$set(this.images,data)
this.$viewer.show()
},
listeneruser(){
let that=this
window.onblur=function () {
that.plaus()
if (that.useTime) {
let params={
CreateBy:that.getLocalStorage().EmployeeId,
UsedTime:that.useTime
}
that.apipost("user_set_user_usederplog",params,r=>{
if(r.data.resultCode==1){
this.UsedTime=0
}
})
}
}
window.onfocus=function () {
that.timekeeper()
}
},
timekeeper(){
if(!this.timer){
this.timer=window.setInterval(() => {
this.useTime+=0.1
}, 1000*6);
}
},
plaus() {
if(this.timer){
window.clearInterval(this.timer);
this.timer=null
}
}
},
mounted() {
......@@ -81,6 +116,9 @@ export default {
this.$router.push({
path: '/login'
})
}else{
this.timekeeper()
this.listeneruser()
}
this.haveOpenMode=!localStorage.openMode
this.MsgBus.$on('imgpreviewoverflow',content=>{
......@@ -113,6 +151,7 @@ export default {
this.MsgBus.$on('imgprevclear',content=>{
this.images=[]
})
}
}
</script>
......
src/components/FinancialModule/accDetail/CompanyAccDetail.vue
View file @ ee594c98
......@@ -19,8 +19,8 @@
._bg__ ._bg_green:hover{
color:rgb(66, 182, 132);
}
._bg_red{color: #E95252;}
._bg_green{color: #2BB87C}
.page_CompanyAccDetail ._bg_red{color: #E95252;}
.page_CompanyAccDetail ._bg_green{color: #2BB87C}
._addChuNa_tit{color: gray;margin-bottom: 10px;}
._addChuNa_tit span{ color:#333333}
</style>
......
src/components/Hotel/HotelSupplier.vue
View file @ ee594c98
<style>
@import "../../assets/css/comSupplier.css";
@import "../../assets/css/comSupplier.css";
</style>
<template>
<div class="flexOne suppierManage">
<div class="query-box">
<ul>
<li>
<span>
<em>{{$t('system.quety_area')}}</em>
<el-select v-model="msg.CountryStr" clearable class="w150" filterable @change="getProvinceList(msg.CountryStr,1)" :placeholder="$t('hotel.hotel_country')">
<el-option v-for='item in countryList'
:key="item.ID"
:label="item.Name"
:value="item.ID">
</el-option>
</el-select>
<el-select v-model="msg.ProvinceStr" class="w150" filterable @change="getProvinceList(msg.ProvinceStr,2)" :placeholder="$t('hotel.hotel_province')">
<el-option v-for='item in provinceList'
:key="item.ID"
:label="item.Name"
:value="item.ID">
</el-option>
</el-select>
<el-select v-model="msg.CityStr" class="w150" filterable @change="getProvinceList(msg.CityStr,3)" :placeholder="$t('hotel.hotel_city')">
<el-option v-for='item in cityList'
:key="item.ID"
:label="item.Name"
:value="item.ID">
</el-option>
</el-select>
<el-select v-model="msg.DistrictStr" class="w150" filterable :placeholder="$t('hotel.hotel_area')">
<el-option v-for='item in district'
:key="item.ID"
:label="item.Name"
:value="item.ID">
</el-option>
</el-select>
</span>
</li>
<li>
<span>
<em>{{$t('hotel.suplier_name')}}</em><el-input maxlength="50" @keyup.native.enter="initData" v-model="msg.Name" class="permiss-input w150" :placeholder="$t('pub.pleaseImport')"></el-input>
</span>
</li>
<li>
<span>
<em>{{$t('hotel.suplier_contact')}}</em><el-input maxlength="50" @keyup.native.enter="initData" v-model="msg.Contact" class="permiss-input w150" :placeholder="$t('pub.pleaseImport')"></el-input>
</span>
</li>
<li>
<button class="hollowFixedBtn" type="button" @click="resetPageIndex(),initData()">{{$t('pub.searchBtn')}}</button>
<button class="normalBtn" type="button" @click="clearinputInfo(),outerVisible = true,dialogTitle='添加供应商'">{{$t('pub.addBtn')}}</button>
</li>
</ul>
<el-dialog custom-class='addCompany' :title="dialogTitle" :visible.sync="outerVisible" center>
<el-form :model="addMsg" :rules="rules" ref="addMsg" label-width="100px" >
<el-form-item :label="$t('hotel.suplier_name')" prop="Name">
<el-input type="text" class="w300" maxlength="50" v-model="addMsg.Name"></el-input>
</el-form-item>
<el-form-item :label="$t('restaurant.res_belongArea')">
<el-select v-model="addMsg.Country" clearable class="w150" filterable @change="getProvinceList(addMsg.Country,1)" :placeholder="$t('hotel.hotel_country')">
<el-option v-for='item in countryList'
:key="item.ID"
:label="item.Name"
:value="item.ID">
</el-option>
</el-select>
<el-select v-model="addMsg.Province" class="w150" filterable @change="getProvinceList(addMsg.Province,2)" :placeholder="$t('hotel.hotel_province')">
<el-option v-for='item in provinceList'
:key="item.ID"
:label="item.Name"
:value="item.ID">
</el-option>
</el-select>
<el-select v-model="addMsg.City" class="w150" filterable @change="getProvinceList(addMsg.City,3)" :placeholder="$t('hotel.hotel_city')">
<el-option v-for='item in cityList'
:key="item.ID"
:label="item.Name"
:value="item.ID">
</el-option>
</el-select>
<el-select v-model="addMsg.District" class="w150" filterable :placeholder="$t('hotel.hotel_area')">
<el-option v-for='item in district'
:key="item.ID"
:label="item.Name"
:value="item.ID">
</el-option>
</el-select>
</el-form-item>
<el-form-item :label="$t('hotel.table_HotelAddress')" prop="Address">
<el-input type="text" class="w300" maxlength="50" v-model="addMsg.Address" :placeholder="$t('hotel.table_areaDetail')"></el-input>
</el-form-item>
<el-form-item label="付款方式" prop="Address">
<el-select v-model="addMsg.PayType" filterable placeholder="请选择" class="w300">
<el-option v-for='item in PayTypeList'
:key="item.Id"
:label="item.name"
:value="item.Id">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="是否有手配费">
<el-switch v-model="addMsg.IsHaveShouPeiFee" :active-value="inActive" :inactive-value="notInActive">
</el-switch>
</el-form-item>
<el-form-item v-if="addMsg.IsHaveShouPeiFee==1" label="手配费金额">
<el-input type="text" class="w300" maxlength="10" @keyup.native="checkPrice(addMsg,'ShouPeiMoney')" v-model="addMsg.ShouPeiMoney"></el-input>
</el-form-item>
<el-form-item :label="$t('hotel.table_tel')" prop="Tel">
<el-input type="text" class="w300" maxlength="20" v-model="addMsg.Tel"></el-input>
</el-form-item>
<el-form-item :label="$t('hotel.suplier_contact')" prop="Contact">
<el-input type="text" class="w300" maxlength="20" v-model="addMsg.Contact"></el-input>
</el-form-item>
<el-form-item :label="$t('hotel.hotel_fax')" prop="Fax">
<el-input type="text" class="w300" maxlength="20" v-model="addMsg.Fax"></el-input>
</el-form-item>
<el-form-item :label="$t('hotel.hotel_remark')" prop="Remark">
<el-input type="textarea" class="w300" maxlength="200" v-model="addMsg.Remark"></el-input>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<button class="hollowFixedBtn" @click="resetForm('addMsg'),outerVisible = false">{{$t('pub.cancelBtn')}}</button> &nbsp;
<button class="normalBtn" type="primary" @click="submitForm('addMsg')">{{$t('pub.sureBtn')}}</button>
</div>
</el-dialog>
</div>
<div class="supplierList clearfix" v-loading="loading">
<div class="supList" v-for="item in tabelDate" :key="item.subCode">
<div class="suTop">
<img src="../../assets/img/suplier.jpg">
<div class="topCircle">{{item.Number}}</div>
</div>
<div class="supTitle">{{item.Name}}</div>
<div class="telNumber">{{item.Tel}}</div>
<div class="Address">
<div v-show="item.Contact">
<i class="iconfont icon-img_dz"></i>
<el-tooltip class="item" effect="dark" :content="item.Contact" placement="top-start">
<div class="AddressInner">{{item.Contact}}</div>
</el-tooltip>
</div>
</div>
<div class="updataBtn">
<button class="normalBtn UPBtn" @click="outerVisible = true,dialogTitle='修改供应商信息',updateInfo(item.ID)">{{$t('pub.updateMsg')}}</button>
<button class="hollowFixedBtn UPBtn" @click="isdelete(item.ID)">删除</button>
<button class="hollowFixedBtn HS_financial" @click="AccountManage(item)">账户管理</button>
</div>
</div>
</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>
</div>
<div class="flexOne suppierManage">
<div class="query-box">
<ul>
<li>
<span>
<em>{{$t('system.quety_area')}}</em>
<el-select v-model="msg.CountryStr" clearable class="w150" filterable
@change="getProvinceList(msg.CountryStr,1)" :placeholder="$t('hotel.hotel_country')">
<el-option v-for='item in countryList' :key="item.ID" :label="item.Name" :value="item.ID">
</el-option>
</el-select>
<el-select v-model="msg.ProvinceStr" class="w150" filterable @change="getProvinceList(msg.ProvinceStr,2)"
:placeholder="$t('hotel.hotel_province')">
<el-option v-for='item in provinceList' :key="item.ID" :label="item.Name" :value="item.ID">
</el-option>
</el-select>
<el-select v-model="msg.CityStr" class="w150" filterable @change="getProvinceList(msg.CityStr,3)"
:placeholder="$t('hotel.hotel_city')">
<el-option v-for='item in cityList' :key="item.ID" :label="item.Name" :value="item.ID">
</el-option>
</el-select>
<el-select v-model="msg.DistrictStr" class="w150" filterable :placeholder="$t('hotel.hotel_area')">
<el-option v-for='item in district' :key="item.ID" :label="item.Name" :value="item.ID">
</el-option>
</el-select>
</span>
</li>
<li>
<span>
<em>{{$t('hotel.suplier_name')}}</em>
<el-input maxlength="50" @keyup.native.enter="initData" v-model="msg.Name" class="permiss-input w150"
:placeholder="$t('pub.pleaseImport')"></el-input>
</span>
</li>
<li>
<span>
<em>{{$t('hotel.suplier_contact')}}</em>
<el-input maxlength="50" @keyup.native.enter="initData" v-model="msg.Contact" class="permiss-input w150"
:placeholder="$t('pub.pleaseImport')"></el-input>
</span>
</li>
<li>
<button class="hollowFixedBtn" type="button"
@click="resetPageIndex(),initData()">{{$t('pub.searchBtn')}}</button>
<button class="normalBtn" type="button"
@click="clearinputInfo(),outerVisible = true,dialogTitle='添加供应商'">{{$t('pub.addBtn')}}</button>
</li>
</ul>
<el-dialog custom-class='addCompany' :title="dialogTitle" :visible.sync="outerVisible" center>
<el-form :model="addMsg" :rules="rules" ref="addMsg" label-width="100px">
<el-form-item :label="$t('hotel.suplier_name')" prop="Name">
<el-input type="text" class="w300" maxlength="50" v-model="addMsg.Name"></el-input>
</el-form-item>
<el-form-item :label="$t('restaurant.res_belongArea')">
<el-select v-model="addMsg.Country" clearable class="w150" filterable
@change="getProvinceList(addMsg.Country,1)" :placeholder="$t('hotel.hotel_country')">
<el-option v-for='item in countryList' :key="item.ID" :label="item.Name" :value="item.ID">
</el-option>
</el-select>
<el-select v-model="addMsg.Province" class="w150" filterable @change="getProvinceList(addMsg.Province,2)"
:placeholder="$t('hotel.hotel_province')">
<el-option v-for='item in provinceList' :key="item.ID" :label="item.Name" :value="item.ID">
</el-option>
</el-select>
<el-select v-model="addMsg.City" class="w150" filterable @change="getProvinceList(addMsg.City,3)"
:placeholder="$t('hotel.hotel_city')">
<el-option v-for='item in cityList' :key="item.ID" :label="item.Name" :value="item.ID">
</el-option>
</el-select>
<el-select v-model="addMsg.District" class="w150" filterable :placeholder="$t('hotel.hotel_area')">
<el-option v-for='item in district' :key="item.ID" :label="item.Name" :value="item.ID">
</el-option>
</el-select>
</el-form-item>
<el-form-item :label="$t('hotel.table_HotelAddress')" prop="Address">
<el-input type="text" class="w300" maxlength="50" v-model="addMsg.Address"
:placeholder="$t('hotel.table_areaDetail')"></el-input>
</el-form-item>
<el-form-item label="付款方式" prop="Address">
<el-select v-model="addMsg.PayType" filterable placeholder="请选择" class="w300">
<el-option v-for='item in PayTypeList' :key="item.Id" :label="item.name" :value="item.Id">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="是否有手配费">
<el-switch v-model="addMsg.IsHaveShouPeiFee" :active-value="inActive" :inactive-value="notInActive">
</el-switch>
</el-form-item>
<el-form-item v-if="addMsg.IsHaveShouPeiFee==1" label="手配费金额">
<el-input type="text" class="w300" maxlength="10" @keyup.native="checkPrice(addMsg,'ShouPeiMoney')"
v-model="addMsg.ShouPeiMoney"></el-input>
</el-form-item>
<el-form-item :label="$t('hotel.table_tel')" prop="Tel">
<el-input type="text" class="w300" maxlength="20" v-model="addMsg.Tel"></el-input>
</el-form-item>
<el-form-item :label="$t('hotel.suplier_contact')" prop="Contact">
<el-input type="text" class="w300" maxlength="20" v-model="addMsg.Contact"></el-input>
</el-form-item>
<el-form-item :label="$t('hotel.hotel_fax')" prop="Fax">
<el-input type="text" class="w300" maxlength="20" v-model="addMsg.Fax"></el-input>
</el-form-item>
<el-form-item :label="$t('hotel.hotel_remark')" prop="Remark">
<el-input type="textarea" class="w300" maxlength="200" v-model="addMsg.Remark"></el-input>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<button class="hollowFixedBtn"
@click="resetForm('addMsg'),outerVisible = false">{{$t('pub.cancelBtn')}}</button> &nbsp;
<button class="normalBtn" type="primary" @click="submitForm('addMsg')">{{$t('pub.sureBtn')}}</button>
</div>
</el-dialog>
</div>
<div class="supplierList clearfix" v-loading="loading">
<div class="supList" v-for="item in tabelDate" :key="item.subCode">
<div class="suTop">
<img src="../../assets/img/suplier.jpg">
<div class="topCircle">{{item.Number}}</div>
</div>
<div class="supTitle">{{item.Name}}</div>
<div class="telNumber">{{item.Tel}}</div>
<div class="Address">
<div v-show="item.Contact">
<i class="iconfont icon-img_dz"></i>
<el-tooltip class="item" effect="dark" :content="item.Contact" placement="top-start">
<div class="AddressInner">{{item.Contact}}</div>
</el-tooltip>
</div>
</div>
<div class="updataBtn">
<button class="normalBtn UPBtn"
@click="outerVisible = true,dialogTitle='修改供应商信息',updateInfo(item.ID)">{{$t('pub.updateMsg')}}</button>
<button class="hollowFixedBtn UPBtn" @click="isdelete(item.ID)">删除</button>
<button class="hollowFixedBtn HS_financial" @click="AccountManage(item)">账户管理</button>
</div>
</div>
</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>
</div>
</template>
<script>
export default {
data() {
return {
total: 0,
currentPage: 1,
tabelDate: "",
outerVisible: false,
isRight: true,
loading: true,
dialogTitle: "",
countryList: "",
provinceList: "",
cityList: "",
district: "",
deleteID: "",
typeList: "",
TypeOne: "",
inActive: 1, //有手配费
notInActive: 0, //无手配费
export default {
data() {
return {
total: 0,
currentPage: 1,
tabelDate: "",
outerVisible: false,
isRight: true,
loading: true,
dialogTitle: "",
countryList: "",
provinceList: "",
cityList: "",
district: "",
deleteID: "",
typeList: "",
TypeOne: "",
inActive: 1, //有手配费
notInActive: 0, //无手配费
msg: {
pageIndex: 1,
pageSize: 18,
Name: "",
Contact: "",
Type: 1,
CountryStr: "",
ProvinceStr: "",
CityStr: "",
DistrictStr: ""
},
addMsg: {
ID: 0,
Name: "",
Country: "",
Province: "",
City: "",
District: "",
Address: "",
Tel: "",
Contact: "",
Fax: "",
Remark: "",
Type: "1",
PayType:'',
//是否有手配费
IsHaveShouPeiFee:0,
//手配费金额
ShouPeiMoney:0
},
//付款方式
PayTypeList:[{
name:'现付',
Id:1
},{
name:'签单',
Id:2
}],
rules: {
Name: [
{ required: true, message: "请输入供应商名称", trigger: "blur" }
],
Contact: [{ required: true, message: "请输入联系人", trigger: "blur" }]
}
};
},
methods: {
handleCurrentChange(val) {
this.msg.pageIndex = val;
this.initData();
},
resetPageIndex() {
this.msg.pageIndex = 1;
this.currentPage = 1;
},
initData() {
this.loading = true;
this.apipost(
"supplier_get_GetPageList",
this.msg,
res => {
this.loading = false;
if (res.data.resultCode == 1) {
this.tabelDate = res.data.data.pageData;
this.total = res.data.data.count;
}
},
null
);
},
isdelete(ID) {
this.deleteID = ID;
this.$confirm("是否删除?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning"
})
.then(() => {
this.$message({
type: "success",
message: "删除成功!"
});
this.delsuppli();
})
.catch(() => {
this.$message({
type: "info",
message: "已取消删除"
});
});
},
delsuppli() {
let msg = {
supplierID: this.deleteID
};
this.apipost(
"supplier_post_Remove",
msg,
response => {
if (response.data.resultCode == 1) {
this.Success("删除成功！");
this.initData();
} else {
this.Error(response.data.message);
}
msg: {
pageIndex: 1,
pageSize: 18,
Name: "",
Contact: "",
Type: 1,
CountryStr: "",
ProvinceStr: "",
CityStr: "",
DistrictStr: ""
},
null
);
},
saveInfo() {
if(this.addMsg.ShouPeiMoney==''){
this.addMsg.ShouPeiMoney=0;
}
this.apipost(
"supplier_post_Set",
this.addMsg,
res => {
if (res.data.resultCode == 1) {
this.initData();
this.Success("保存成功！");
this.outerVisible = false;
} else {
this.Error(res.data.message);
}
addMsg: {
ID: 0,
Name: "",
Country: "",
Province: "",
City: "",
District: "",
Address: "",
Tel: "",
Contact: "",
Fax: "",
Remark: "",
Type: "1",
PayType: '',
//是否有手配费
IsHaveShouPeiFee: 0,
//手配费金额
ShouPeiMoney: 0
},
null
);
//付款方式
PayTypeList: [{
name: '现付',
Id: 1
}, {
name: '签单',
Id: 2
}],
rules: {
Name: [{
required: true,
message: "请输入供应商名称",
trigger: "blur"
}],
Contact: [{
required: true,
message: "请输入联系人",
trigger: "blur"
}]
}
};
},
clearinputInfo() {
(this.addMsg = {
Name: "",
Country: "",
Province: "",
City: "",
District: "",
Address: "",
Tel: "",
Contact: "",
Fax: "",
Remark: "",
Type: 1,
PayType:'',
IsHaveShouPeiFee:0,
ShouPeiMoney:0
}),
methods: {
handleCurrentChange(val) {
this.msg.pageIndex = val;
this.initData();
},
resetPageIndex() {
this.msg.pageIndex = 1;
this.currentPage = 1;
},
initData() {
this.loading = true;
this.apipost(
"supplier_get_GetPageList",
this.msg,
res => {
this.loading = false;
if (res.data.resultCode == 1) {
this.tabelDate = res.data.data.pageData;
this.total = res.data.data.count;
}
},
null
);
},
isdelete(ID) {
this.deleteID = ID;
this.$confirm("是否删除?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning"
})
.then(() => {
this.$message({
type: "success",
message: "删除成功!"
});
this.delsuppli();
})
.catch(() => {
this.$message({
type: "info",
message: "已取消删除"
});
});
},
delsuppli() {
let msg = {
supplierID: this.deleteID
};
this.apipost(
"supplier_post_Remove",
msg,
response => {
if (response.data.resultCode == 1) {
this.Success("删除成功！");
this.initData();
} else {
this.Error(response.data.message);
}
},
null
);
},
saveInfo() {
if (this.addMsg.ShouPeiMoney == '') {
this.addMsg.ShouPeiMoney = 0;
}
this.apipost(
"supplier_post_Set",
this.addMsg,
res => {
if (res.data.resultCode == 1) {
this.initData();
this.Success("保存成功！");
this.outerVisible = false;
} else {
this.Error(res.data.message);
}
},
null
);
},
clearinputInfo() {
(this.addMsg = {
Name: "",
Country: "",
Province: "",
City: "",
District: "",
Address: "",
Tel: "",
Contact: "",
Fax: "",
Remark: "",
Type: 1,
PayType: '',
IsHaveShouPeiFee: 0,
ShouPeiMoney: 0
}),
(this.provinceList = "");
this.cityList = "";
this.district = "";
},
updateInfo(ID) {
this.addMsg.ID = ID;
let msg = {
supplierID: ID
};
this.apipost(
"supplier_post_Get",
msg,
res => {
this.addMsg.Country = res.data.data.Country;
if (res.data.data.Country !== 0) {
this.getProvinceList(res.data.data.Country, 1);
}
if (res.data.data.Province !== 0) {
this.getProvinceList(res.data.data.Province, 2);
this.cityList = "";
this.district = "";
},
updateInfo(ID) {
this.addMsg.ID = ID;
let msg = {
supplierID: ID
};
this.apipost(
"supplier_post_Get",
msg,
res => {
this.addMsg.Country = res.data.data.Country;
if (res.data.data.Country !== 0) {
this.getProvinceList(res.data.data.Country, 1);
}
if (res.data.data.Province !== 0) {
this.getProvinceList(res.data.data.Province, 2);
}
if (res.data.data.City !== 0) {
this.getProvinceList(res.data.data.City, 3);
}
this.addMsg = res.data.data;
this.addMsg.Type = 1;
},
null
);
},
getProvinceList(ID, type) {
//根据省份获取城市
let msg = {
Id: ID
};
if (type == 1) {
this.addMsg.Province = "";
this.addMsg.City = "";
this.addMsg.District = "";
this.msg.ProvinceStr = "";
this.msg.CityStr = "";
this.msg.DistrictStr = "";
} else if (type == 2) {
this.addMsg.City = "";
this.addMsg.District = "";
this.msg.CityStr = "";
this.msg.DistrictStr = "";
} else if (type == 3) {
this.addMsg.District = "";
this.msg.DistrictStr = "";
}
if (this.addMsg.Country != "" || this.msg.CountryStr != "") {
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;
}
},
err => {}
);
}
},
getCountryList() {
//获取国家
let msg = {};
this.apipost(
"dict_post_Destination_GetCountry",
msg,
res => {
this.countryList = res.data.data;
},
err => {}
);
},
goUrl(path, id) {
this.$router.push({
path: path,
query: {
id: id
}
if (res.data.data.City !== 0) {
this.getProvinceList(res.data.data.City, 3);
});
},
submitForm(addMsg) {
//提交创建、修改表单
let that = this;
that.$refs[addMsg].validate(valid => {
if (valid) {
that.saveInfo();
} else {
return false;
}
this.addMsg = res.data.data;
this.addMsg.Type = 1;
},
null
);
},
getProvinceList(ID, type) {
//根据省份获取城市
let msg = { Id: ID };
if (type == 1) {
this.addMsg.Province = "";
this.addMsg.City = "";
this.addMsg.District = "";
this.msg.ProvinceStr = "";
this.msg.CityStr = "";
this.msg.DistrictStr = "";
} else if (type == 2) {
this.addMsg.City = "";
this.addMsg.District = "";
this.msg.CityStr = "";
this.msg.DistrictStr = "";
} else if (type == 3) {
this.addMsg.District = "";
this.msg.DistrictStr = "";
}
if (this.addMsg.Country != "" || this.msg.CountryStr != "") {
});
},
resetForm(formName) {
this.$refs[formName].resetFields();
},
trim(str) {
//去除空格
return str.replace(/\s+/g, "");
},
gettypeList() {
//获取类型
let msg = {};
this.apipost(
"dict_post_Destination_GetChildList",
"hotel_post_GetResourceType",
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;
}
this.typeList = res.data.data;
},
err => {}
);
},
//账户管理
AccountManage(item) {
this.$router.push({
name: "empBankAccount",
query: {
id: item.ID,
type: 1,
blank: 'y',
tab: '账户管理'
}
});
}
},
getCountryList() {
//获取国家
let msg = {};
this.apipost(
"dict_post_Destination_GetCountry",
msg,
res => {
this.countryList = res.data.data;
},
err => {}
);
},
goUrl(path, id) {
this.$router.push({ path: path, query: { id: id } });
},
submitForm(addMsg) {
//提交创建、修改表单
let that = this;
that.$refs[addMsg].validate(valid => {
if (valid) {
that.saveInfo();
} else {
return false;
}
});
},
resetForm(formName) {
this.$refs[formName].resetFields();
},
trim(str) {
//去除空格
return str.replace(/\s+/g, "");
},
gettypeList() {
//获取类型
let msg = {};
this.apipost(
"hotel_post_GetResourceType",
msg,
res => {
this.typeList = res.data.data;
},
err => {}
);
},
//账户管理
AccountManage(item) {
this.$router.push({
name: "empBankAccount",
query: { id: item.ID, type: 1,blank:'y', tab:'账户管理' }
});
mounted() {
this.initData();
this.getCountryList(); //初始化国家下拉
}
},
};
mounted() {
this.initData();
this.getCountryList(); //初始化国家下拉
}
};
</script>
\ No newline at end of file
</script>
src/components/Hotel/roomReservationsDetails.vue
View file @ ee594c98
......@@ -22,7 +22,8 @@
<ul>
<li>
<input v-if="IsOperation!=1" type="button" class="fr normalBtn mb30" value="保存" @click="saveList(1)" />
<input v-if="IsOperation==1&&CurrentUserInfo.EmployeeId==615" type="button" class="fr normalBtn mb30" value="保存" @click="saveList(1)" />
<input v-if="IsOperation==1&&CurrentUserInfo.EmployeeId==615" type="button" class="fr normalBtn mb30"
value="保存" @click="saveList(1)" />
<span v-if="IsOperation==1" style="color:red;font-size:14px;">已制单，不能再修改!</span>
</li>
</ul>
......@@ -143,7 +144,8 @@
供应商
</td>
<td>
<el-select class='w120 sel' v-model='subItem.SupplierId' @change="getSupplierShoupei(subItem)" filterable placeholder="请选择供应商">
<el-select class='w120 sel' v-model='subItem.SupplierId' @change="getSupplierShoupei(subItem)"
filterable placeholder="请选择供应商">
<el-option :label="$t('pub.unlimitedSel')" :value='0'></el-option>
<el-option v-for="(SupplierItem,Supplierindex) in SupplierList" :key="Supplierindex"
:label="SupplierItem.Name" :value="SupplierItem.ID">
......@@ -281,6 +283,20 @@
<!-- 付款方式 -->
<td v-if="childIndex==0" :rowspan="6">
<table class="hotelTable">
<tr>
<td width="70" style="text-align:right;">币种：</td>
<td>
<el-select v-model="subItem.CurrencyId" placeholder="请选择" class='w135 sel' style="display:none;">
<el-option :label="$t('pub.unlimitedSel')" :value='0'></el-option>
<el-option v-for="(item,index) in allCurrencyList" :key="index" :label="item.Name"
:value="item.ID">
</el-option>
</el-select>
</td>
</tr>
<tr>
<td colspan="2" style="height:5px;"></td>
</tr>
<tr>
<td width="70" style="text-align:right;">订房状态：</td>
<td>
......@@ -406,10 +422,10 @@
<tr v-if="CurrentUserInfo.EmployeeId == 615">
<td width="70" style="text-align:right;">是否同步更新房间数:</td>
<td>
<el-select class='w135 sel' v-model='subItem.IsSyncHotelCount'>
<el-select class='w135 sel' v-model='subItem.IsSyncHotelCount'>
<el-option label='同步更新' :value='0'></el-option>
<el-option label='不更新' :value='1'></el-option>
</el-select>
</el-select>
</td>
</tr>
</table>
......@@ -495,6 +511,7 @@
GuideName: "", //导游名称
IsEditHotelPeople: 0, //是否有修改人数权限[0-不能修改，1-可以修改]
IsCombine: false, //是否是合团，true-是合团，false-不是合团
allCurrencyList: [], //币种列表
}
},
components: {
......@@ -718,8 +735,8 @@
subItem.isShowPop = false;
subItem.ckedHotelName = "";
//遍历手配
this.SupplierList.forEach(x=>{
if(x.ID==subItem.SupplierId){
this.SupplierList.forEach(x => {
if (x.ID == subItem.SupplierId) {
subItem.IsHaveShouPeiFee = x.IsHaveShouPeiFee;
subItem.ShouPeiMoney = x.ShouPeiMoney;
}
......@@ -913,16 +930,25 @@
}, err => {});
},
//改变id获取手配价格
getSupplierShoupei(SubItem){
this.SupplierList.forEach(x=>{
if(x.ID==SubItem.SupplierId){
SubItem.IsHaveShouPeiFee=x.IsHaveShouPeiFee;
SubItem.ShouPeiMoney=x.ShouPeiMoney;
getSupplierShoupei(SubItem) {
this.SupplierList.forEach(x => {
if (x.ID == SubItem.SupplierId) {
SubItem.IsHaveShouPeiFee = x.IsHaveShouPeiFee;
SubItem.ShouPeiMoney = x.ShouPeiMoney;
}
})
},
//获取所有币种
getAllCurrency() {
this.apipost("financeinfo_post_GetList", {}, res => {
if (res.data.resultCode === 1) {
this.allCurrencyList = res.data.data;
}
}, err => {});
}
},
mounted() {
this.getAllCurrency();
let userInfo = this.getLocalStorage()
this.CurrentUserInfo = userInfo;
this.LeaderName = this.$route.query.LeaderName;
......
src/components/LeaderManagement/leaderPerformance.vue
View file @ ee594c98
......@@ -296,14 +296,14 @@
</span>
</li>
<li>
<span v-if="msg.Type==3||msg.Type==1">
<span v-if="msg.Type==3||msg.Type==6">
<em>年份：</em>
<el-date-picker v-model="msg.MonthStr" type="year" placeholder="选择年">
<el-date-picker v-model="msg.MonthStr" type="year" value-format="yyyy" placeholder="选择年">
</el-date-picker>
</span>
<span v-else-if="msg.Type==2">
<em>月份：</em>
<el-date-picker v-model="msg.MonthStr" type="month" placeholder="选择月">
<el-date-picker v-model="msg.MonthStr" type="month" value-format="yyyy-MM" placeholder="选择月">
</el-date-picker>
</span>
<span v-else>
......@@ -324,7 +324,7 @@
<el-select v-model="msg.Type" :placeholder="$t('system.ph_choice')">
<el-option label="月榜" :value='2'></el-option>
<el-option label="年榜" :value='3'></el-option>
<el-option label="总榜" :value='1'></el-option>
<el-option label="总榜" :value='6'></el-option>
<el-option label="人均" :value='4'></el-option>
<el-option label="回佣人均" :value='5'></el-option>
</el-option>
......@@ -357,7 +357,7 @@
{{$t('leader.leader_Year')}}
<i></i>
</li>
<li :class="msg.Type==1?'Day_active':''" @click="msg.Type=1,getStatis()">
<li :class="msg.Type==6?'Day_active':''" @click="msg.Type=6,getStatis()">
{{$t('leader.leader_All')}}
<i></i>
</li>
......@@ -459,8 +459,8 @@
MonthStr: "",
//领队类型
QLeaderType: 0,
Year: new Date().getFullYear(),
Month: new Date().getMonth() + 1,
Year: 0,
Month: 0,
ShoppingID: 0, //购物店编号
},
//工作类型
......@@ -550,6 +550,8 @@
},
mounted() {
var Year = new Date().getFullYear();
this.msg.Year= new Date().getFullYear();
this.msg.Month= new Date().getMonth() + 1;
let count = Year - (Year - 8);
for (let i = 0; i <= count; i++) {
this.yearList.push(Year - i);
......
src/components/activity/PersonnelManagement.vue
View file @ ee594c98
<template>
<div class="mycareer personTable" style="padding-top:25px;">
<div style="width:1532px;margin:0 auto;">
<div class="uer-box">
<div style="max-width:1532px;margin:0 auto;width: calc(100% - 20px);">
<div class="uer-box">
<el-row style="width:100%">
<el-col :span="5">
<div class="photo">
<img src="http://imgfile.oytour.com/Upload/User/tangping.png" />
<div class="zezhao"></div>
<div class="bottom">周晓小</div>
</div>
</el-col>
<el-col :span="6" class="second">
<div class="zhouguan">周冠</div>
<div class="total">
<p style="padding-top:23px">总计</p>
<p style="color:#1B1B1B;font-size:62px;font-family: 'pingfangR';position:relative;top:-5px">15</p>
</div>
</el-col>
<el-col :span="7">
<div class="commonbg baseinfo">基本信息</div>
<el-row style="margin-top:30px">
<el-col class="triggerDiv" :span="8">
<span class="titlebg">年龄</span>
<p class="info">24</p>
</el-col>
<el-col class="triggerDiv" :span="8">
<span class="titlebg">入职时间</span>
<p class="info">2019-02-20</p>
</el-col>
<el-col class="triggerDiv" :span="8">
<span class="titlebg">部门</span>
<p class="info">销售部门</p>
</el-col>
<el-col class="triggerDiv" :span="8">
<span class="titlebg">总收客数</span>
<p class="info">256</p>
</el-col>
<el-col class="triggerDiv" :span="8">
<span class="titlebg">总订单数</span>
<p class="info">256</p>
</el-col>
<el-col class="triggerDiv" :span="8">
<span class="titlebg">累计销售</span>
<p class="info">￥1256154</p>
</el-col>
</el-row>
</el-col>
<el-col class="second" :span="6">
<div class="commonbg baseinfo">综合得分</div>
<div class='score'>86</div>
</el-col>
</el-row>
</div>
<div class="split"></div>
<div class="listDiv">
<div style="padding-bottom:20px" class="change-box">
<div class="choose">
<span @click="ClickChoose1(-1)" class="clickbtn" style="border-right:1px solid #494949">
<img v-if="index1==0" src="../../assets/img/champion/left.png" alt="">
<img v-else src="../../assets/img/champion/left1.png" alt="">
</span>
<span class="text">{{choose1[index1]}}</span>
<span @click="ClickChoose1(1)" class="clickbtn" style="border-left:1px solid #494949">
<img v-if="index1==choose1.length-1" src="../../assets/img/champion/right.png" alt="">
<img v-else src="../../assets/img/champion/right1.png" alt="">
</span>
<el-col :span="5">
<div class="photo">
<img :src="emp.Photo" v-if="emp.Photo" />
<div class="zezhao"></div>
<div class="bottom">{{emp.EmName}}</div>
</div>
<div class="choose" style="float:right">
<span @click="ClickChoose2(-1)" class="clickbtn" style="border-right:1px solid #494949">
<img v-if="index2==0" src="../../assets/img/champion/left.png" alt="">
<img v-else src="../../assets/img/champion/left1.png" alt="">
</span>
<span class="text">{{choose2[index2]}}</span>
<span @click="ClickChoose2(1)" class="clickbtn" style="border-left:1px solid #494949">
<img v-if="index2==choose2.length-1" src="../../assets/img/champion/right.png" alt="">
<img v-else src="../../assets/img/champion/right1.png" alt="">
</span>
</el-col>
<el-col :span="6" class="second">
<div class="zhouguan">周冠</div>
<div class="total">
<p style="padding-top:23px">总计</p>
<p
style="color:#1B1B1B;font-size:62px;font-family: 'pingfangR';position:relative;top:-5px"
>{{emp.Champions}}</p>
</div>
</el-col>
<el-col :span="7">
<div class="commonbg baseinfo">基本信息</div>
<el-row style="margin-top:30px">
<el-col class="triggerDiv" :span="8">
<span class="titlebg">年龄</span>
<p class="info">{{emp.Year}}</p>
</el-col>
<el-col class="triggerDiv" :span="8">
<span class="titlebg">入职时间</span>
<p class="info">{{emp.Join}}</p>
</el-col>
<el-col class="triggerDiv" :span="8">
<span class="titlebg">部门</span>
<p class="info">{{emp.DeptName}}</p>
</el-col>
<el-col class="triggerDiv" :span="8">
<span class="titlebg">总收客数</span>
<p class="info">{{emp.Peoples}}</p>
</el-col>
<el-col class="triggerDiv" :span="8">
<span class="titlebg">总订单数</span>
<p class="info">{{emp.Orders}}</p>
</el-col>
<el-col class="triggerDiv" :span="8">
<span class="titlebg">累计销售</span>
<p class="info">{{emp.WeekTotalIncome?emp.WeekTotalIncome.toFixed(2):""}}</p>
</el-col>
</el-row>
</el-col>
<el-col class="second" :span="6">
<div class="commonbg baseinfo">综合得分</div>
<div class="score">未评分</div>
</el-col>
</el-row>
</div>
<div class="split"></div>
<div class="listDiv">
<div style="padding-bottom:20px" class="change-box">
<div class="choose">
<span @click="ClickChoose1(-1)" class="clickbtn" style="border-right:1px solid #494949">
<img v-if="index1==0" src="../../assets/img/champion/left.png" alt />
<img v-else src="../../assets/img/champion/left1.png" alt />
</span>
<span class="text">{{choose1[index1]}}</span>
<span @click="ClickChoose1(1)" class="clickbtn" style="border-left:1px solid #494949">
<img v-if="index1==choose1.length-1" src="../../assets/img/champion/right.png" alt />
<img v-else src="../../assets/img/champion/right1.png" alt />
</span>
</div>
<div class="choose" style="float:right">
<span @click="ClickChoose2(-1)" class="clickbtn" style="border-right:1px solid #494949">
<img v-if="index2==0" src="../../assets/img/champion/left.png" alt />
<img v-else src="../../assets/img/champion/left1.png" alt />
</span>
<span class="text">{{choose2[index2]}}</span>
<span @click="ClickChoose2(1)" class="clickbtn" style="border-left:1px solid #494949">
<img v-if="index2==choose2.length-1" src="../../assets/img/champion/right.png" alt />
<img v-else src="../../assets/img/champion/right1.png" alt />
</span>
</div>
</div>
<div class="data-box-before"></div>
<div class="data-box">
<div class="data-box-parents">
<!-- <div class="data-box-before"></div> -->
<div class="data-box" v-loading="isLoadingTableData">
<div class="tab-head" ref="mycareerHead">
<table>
<thead>
<tr>
<th style="min-width:100px;max-width:100px;background:#fff">&nbsp;</th>
<th>新同行增加数份1</th>
<th>Im系统同行互动2</th>
<th>广告系统发送数3</th>
<th>IM系统同行互动4</th>
<th>同行浏览数5</th>
<th>今日外出时间6</th>
<th>完成计划7</th>
<th>拜访计划8</th>
<th>拜访同行9</th>
<th>拜访同行10</th>
<th>拜访同行11</th>
<th>拜访同行12</th>
<th>拜访同行13</th>
<th>拜访同行14</th>
<th>拜访同行15</th>
<th>拜访同行16</th>
</tr>
</thead>
</table>
</div>
<div class="lft-head">
<table>
<thead>
<tr>
<th style="background: #fff;color:#333333">时间</th>
</tr>
</thead>
</table>
</div>
<div class="lft-body" ref="mycareerLeft">
<table>
<tbody>
<tr @mouseover="LeftmouseOver(index)" @mouseleave="LeftmouseLeave(index)" :class="leftActiveIndex==index?'leftActive':''" v-for="(item,index) in dateList" :key="index">
<td class="odd">{{item}}</td>
</tr>
</tbody>
</table>
</div>
<div class="content-body" ref="mycareerContent">
<table>
<tbody>
<tr :class="dataActiveIndex==index?'dataActive':''" @mouseover="DatamouseOver(index)" @mouseleave="DatamouseLeave(index)" v-for="(item,index) in data" :key="index+5000">
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
<td>6</td>
<td>7</td>
<td>8</td>
<td>9</td>
<td>10</td>
<td>11</td>
<td>12</td>
<td>13</td>
<td>14</td>
<td>15</td>
<td>16</td>
</tr>
</tbody>
</table>
<table>
<thead>
<tr>
<th style="min-width:100px;max-width:100px;background:#fff">&nbsp;</th>
<th>总分</th>
<th>新增同行</th>
<th>IM广告</th>
<th>IM互动</th>
<th>IM时长</th>
<th>同行PV</th>
<th>外出时长</th>
<th>拜访次数</th>
<th>计划次数</th>
<th>计划同行数</th>
<th>2周内平均拜访</th>
<th>新老同行占比</th>
<th>询价目的地</th>
<th>询价人数</th>
<th>出发日期</th>
<th>老客户询价</th>
<th>下载行程</th>
<th>42助手时长</th>
<th>ERP时长</th>
<th>知识圈时长</th>
<th>7日人数</th>
<th>15日人数</th>
<th>30日人数</th>
<th>30日以外人数</th>
<th>散客人数</th>
<th>单团数量</th>
<th>拜访报名同行</th>
<th>老同行报名</th>
<th>广告制作</th>
<th>广告转发IM</th>
<th>收款次数</th>
<th>处理投诉</th>
<th>拜访老客户</th>
</tr>
</thead>
</table>
</div>
<div class="lft-head">
<table>
<thead>
<tr>
<th style="background: #fff;color:#333333">名称</th>
</tr>
</thead>
</table>
</div>
<div class="lft-body" ref="mycareerLeft">
<table>
<tbody>
<tr
@mouseover="LeftmouseOver(index)"
@mouseleave="LeftmouseLeave(index)"
:class="leftActiveIndex==index?'leftActive':''"
v-for="(item,index) in tableData"
:key="index"
>
<td class="odd">{{item.EmName}}</td>
</tr>
</tbody>
</table>
</div>
<div class="content-body" ref="mycareerContent">
<table>
<tbody>
<tr
:class="dataActiveIndex==index?'dataActive':''"
@mouseover="DatamouseOver(index)"
@mouseleave="DatamouseLeave(index)"
v-for="(item,index) in tableData"
@click="getUserInfo(item.EmployeeId)"
:key="index"
>
<td>未生成</td>
<td>{{item.AddCustomer}}</td>
<td>{{item.AdSend}}</td>
<td>{{item.ImUsedCount}}</td>
<td>{{item.ImUsedTime}}分钟</td>
<td>{{item.ClientPv}}</td>
<td class="even">{{item.OutTime}}</td>
<td class="even">{{item.FinishPlanCount}}</td>
<td class="even">{{item.FutureCount}}</td>
<td class="even">{{item.FutureClientCount}}</td>
<td class="even">{{item.AvgFutureSee}}</td>
<td class="even">{{item.FutureSeeOldClient+"/"+item.FutureSeeNewClient}}</td>
<td>{{item.TripSite?item.TripSite.split(',').length:""}}</td>
<td>{{item.PeopleCount}}</td>
<td>{{item.TripMonth?item.TripMonth.split(',').length:""}}</td>
<td>{{item.OldClientEnquiry}}</td>
<td class="even">{{item.DownloadTrip}}</td>
<td class="even">{{(item.UsedApp/60).toFixed(1)}}小时</td>
<td class="even">{{(item.UsedErp/60).toFixed(1)}}小时</td>
<td class="even">{{item.UsedWe}}</td>
<td>{{item.SevenDayOrder}}</td>
<td>{{item.FifteenDayOrder}}</td>
<td>{{item.MonthOrder}}</td>
<td>{{item.OutMonthOrder}}</td>
<td>{{item.SanCount}}</td>
<td>{{item.DanCount}}</td>
<td>{{item.IsSeeClient}}</td>
<td>{{item.OldClientOrders}}</td>
<td class="even">{{item.BuilderAd}}</td>
<td class="even">{{item.AdToApp}}</td>
<td class="even">{{item.IncomeMoney}}</td>
<td class="even">{{item.Tousu}}</td>
<td class="even">{{item.SeeOldClient}}</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<!-- <el-table
:data="tableData"
style="width: 100%;"
height="200">
<el-table-column
fixed
prop="date"
label="月份"
width="150">
</el-table-column>
<el-table-column
prop="name"
label="新同行增加数份"
width="150">
</el-table-column>
<el-table-column
prop="province"
label="系统同行互动次数"
width="150">
</el-table-column>
<el-table-column
prop="city"
label="广告系统发送数"
width="150">
</el-table-column>
<el-table-column
prop="address"
label="系统同行互动时数"
width="150">
</el-table-column>
<el-table-column
prop="zip"
label="老同行的网站浏览数"
width="150">
</el-table-column>
<el-table-column
prop="zip"
label="今日外出时间"
width="150">
</el-table-column>
<el-table-column
prop="address"
label="系统同行互动时数"
width="150">
</el-table-column>
<el-table-column
prop="zip"
label="老同行的网站浏览数"
width="150">
</el-table-column>
<el-table-column
prop="address"
label="系统同行互动时数"
width="150">
</el-table-column>
<el-table-column
prop="zip"
label="老同行的网站浏览数"
width="150">
</el-table-column>
</el-table> -->
</div>
</div>
</div>
</div>
</template>
<script>
export default {
data(){
return{
choose1:["本周","本月","当年"],
choose2:["小组","团队","公司"],
index1:0,
index2:0,
leftActiveIndex:-1,
dataActiveIndex:-1,
listHeight:0,
dateList:["7月1日","7月2日","7月3日","7月4日","7月5日","7月6日","7月7日","7月8日"],
data:[1,1,1,1,1,1,1,1],
tableData: [{
date: '2016-05-03',
name: '王小虎1',
province: '上海1',
city: '普陀区1',
address: '上海市普1',
zip: 2003331
}, {
date: '2016-05-02',
name: '王小虎2',
province: '上海2',
city: '普陀区2',
address: '上海2',
zip: 200333
}, {
date: '2016-05-04',
name: '王小虎',
province: '上海',
city: '普陀区',
address: '上海市普',
zip: 200333
}, {
date: '2016-05-01',
name: '王小虎',
province: '上海',
city: '普陀区',
address: '上海',
zip: 200333
}, {
date: '2016-05-08',
name: '王小虎',
province: '上海',
city: '普陀区',
address: '上海市普',
zip: 200333
}, {
date: '2016-05-06',
name: '王小虎',
province: '上海',
city: '普陀区',
address: '上海市',
zip: 200333
}, {
date: '2016-05-07',
name: '王小虎',
province: '上海',
city: '普陀区',
address: '上海市',
zip: 200333
}]
}
},
created(){
let Height = document.body.clientHeight;
this.listHeight=Height-470;
// console.log("listHeight",this.listHeight)
},
data() {
return {
choose1: ["本周", "本月", "本年", "全部"],
choose2: ["个人", "部门", "公司"],
index1: 0,
index2: 0,
leftActiveIndex: -1,
dataActiveIndex: -1,
listHeight: 0,
tableData: [],
isLoadingTableData:true,
emp:{}
};
},
created() {
let Height = document.body.clientHeight;
this.listHeight = Height - 470;
// console.log("listHeight",this.listHeight)
},
mounted() {
this.$refs.mycareerContent.addEventListener(
"scroll",
this.handleScroll,
true
);
this.init();
},
methods: {
ClickChoose1(num){
if(this.index1==0){
if(num>0){
this.index1=this.index1+num;
}
init(){
this.isLoadingTableData=true
let msg={
timeRange:this.index1+1,
userRange:this.index2+1
}
else if(this.index1==this.choose1.length-1){
if(num<0){
this.index1=this.index1+num;
this.apipost("user_get_usedsixSatistics",msg,r=>{
this.tableData=r.data.data
this.isLoadingTableData=false
})
},
getUserInfo(empId){
if(empId!=0){
this.apipost("dmc_post_get_userTradeRank",{empId},r=>{
this.emp=r.data.data
})
}
},
ClickChoose1(num) {
let temp=this.index1;
if (this.index1 == 0) {
if (num > 0) {
this.index1 = this.index1 + num;
}
} else if (this.index1 == this.choose1.length - 1) {
if (num < 0) {
this.index1 = this.index1 + num;
}
} else {
this.index1 = this.index1 + num;
}
else{
this.index1=this.index1+num;
if(temp!=this.index1)
{
this.init()
}
},
ClickChoose2(num){
if(this.index2==0){
if(num>0){
this.index2=this.index2+num;
ClickChoose2(num) {
let temp=this.index2;
if (this.index2 == 0) {
if (num > 0) {
this.index2 = this.index2 + num;
}
}
else if(this.index2==this.choose2.length-1){
if(num<0){
this.index2=this.index2+num;
} else if (this.index2 == this.choose2.length - 1) {
if (num < 0) {
this.index2 = this.index2 + num;
}
} else {
this.index2 = this.index2 + num;
}
else{
this.index2=this.index2+num;
if(temp!=this.index2)
{
this.init()
}
},
LeftmouseOver(index){
this.dataActiveIndex=index;
this.leftActiveIndex=index;
LeftmouseOver(index) {
this.dataActiveIndex = index;
this.leftActiveIndex = index;
},
LeftmouseLeave(index){
this.dataActiveIndex=-1;
this.leftActiveIndex=-1;
LeftmouseLeave(index) {
this.dataActiveIndex = -1;
this.leftActiveIndex = -1;
},
DatamouseOver(index){
this.leftActiveIndex=index;
DatamouseOver(index) {
this.leftActiveIndex = index;
},
DatamouseLeave(index){
this.leftActiveIndex=-1;
DatamouseLeave(index) {
this.leftActiveIndex = -1;
},
handleScroll() {
this.$refs.mycareerLeft.scrollTop = this.$refs.mycareerContent.scrollTop;
......@@ -356,195 +312,164 @@ export default {
</script>
<style scoped>
/* .personTable .el-table--border::after, .personTable .el-table--group::after, .personTable .el-table::before{
background-color: transparent;
} */
.personTable .el-table--scrollable-y .el-table__body-wrapper::-webkit-scrollbar {
.personTable
.el-table--scrollable-y
.el-table__body-wrapper::-webkit-scrollbar {
/*滚动条整体样式*/
width: 5px;
/*高宽分别对应横竖滚动条的尺寸*/
height: 5px;
border:1px solid #fff;
border-radius:5px;
border: 1px solid #fff;
border-radius: 5px;
background: #fff;
padding: 2px
padding: 2px;
}
/* .personTable .el-table--scrollable-y .el-table__body-wrapper::-webkit-scrollbar-thumb {
height:4px;
width: 4px;
background:#6A0404;
border-radius:5px;
} */
/* .personTable .el-table--scrollable-y .el-table__body-wrapper::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 2px #6A0404;
border-radius:5px;
.personTable .el-table tbody td:first-child {
background: rgba(255, 255, 255, 0.5);
}
.personTable .el-table thead th:first-child {
background: #fff;
color: #333333;
}
.personTable .el-table thead th {
background: #333333;
color: #b7b7b7;
padding: 5px 0;
}
.personTable .el-table,
.personTable .el-table__expanded-cell {
background: transparent;
} */
/*
.personTable .el-table--striped .el-table__body tr.el-table__row--striped.current-row td,
.personTable .el-table__body tr.current-row>td,
.personTable .el-table__body tr.hover-row.current-row>td,
.personTable .el-table__body tr.hover-row.el-table__row--striped.current-row>td,
.personTable .el-table__body tr.hover-row.el-table__row--striped>td, .el-table__body tr.hover-row>td{
background:rgba(193,39,45,1)!important;
color:#fff!important;
}
.personTable .el-table .el-table__fixed .el-table__body .hover-row{
background:rgba(193,39,45,1)!important;
}
.personTable .el-table tbody tr:hover td{
background:rgba(193,39,45,1)!important;
color:#fff!important;
}
.personTable .el-table tbody tr:hover td:first-child{
color:#fff!important;
background:rgba(193,39,45,0.5)
} */
.personTable .el-table tbody td:first-child{
background:rgba(255,255,255,0.5);
}
.personTable .el-table thead th:first-child{
background: #fff;
color:#333333;
}
.personTable .el-table thead th{
background: #333333;
color:#B7B7B7;
padding:5px 0;
}
.personTable .el-table, .personTable .el-table__expanded-cell{
background: transparent;
}
.personTable .el-table th, .personTable .el-table tr{
background: transparent;
}
.personTable .el-table td, .personTable .el-table th{
background: transparent;
padding:6px 0;
}
.personTable .el-table td,.personTable .el-table th.is-leaf{
border: none;
}
.personTable .leftActive td{
background:#D78884!important;
color: #fff!important;
}
.personTable .dataActive td{
background:#C1272D!important;
color: #fff!important;
}
.personTable .text{
text-align: center;
width: 120px;
color:#fff;
height:33px;
display: inline-block;
position: relative;
top: -8px;
font-family: "PingFangSC-Fine";
}
.personTable .clickbtn{
display: inline-block;
width:50px;
height:33px;
text-align: center;
background: #333333;
}
.personTable .clickbtn img{
margin-top:4px;
}
.personTable .change-box .choose{
height: 31px;
background: #333333;
display: inline-block;
}
.personTable .content-body table tr:hover td{
background: #C1272D!important;
color:#fff!important;
}
.personTable .listDiv{
background: rgba(255,255,255,0.2);
width: 1532px;
/* position: relative; */
}
.personTable .score{
background: url("../../assets/img/champion/circle.png") no-repeat;
width: 150px;
height: 150px;
line-height: 150px;
color: #1B1B1B;
text-align: center;
font-size: 60px;
font-family: "pingfangR"
}
.personTable .triggerDiv{
position: relative;
margin-bottom: 30px;
.personTable .el-table th,
.personTable .el-table tr {
background: transparent;
}
.personTable .uer-box .info{
font-size:20px;
margin-top:10px;
font-family: "pingfangR"
}
.personTable .uer-box .titlebg{
background: url("../../assets/img/champion/titlebg.png") no-repeat;
height: 25px;
line-height: 25px;
background-size: 100% 100%;
padding:0 5px 4px 10px;
color:#656565;
font-family: "PingFangSC-Fine";
}
.personTable .commonbg{
width: 113px;
background: url("../../assets/img/champion/commonbg.png");
height: 42px;
line-height: 42px;
color:#fff;
text-align: center;
font-family: "PingFangSC-Fine";
.personTable .el-table td,
.personTable .el-table th {
background: transparent;
padding: 6px 0;
}
.personTable .el-table td,
.personTable .el-table th.is-leaf {
border: none;
}
.personTable .uer-box .second{
display: flex;
justify-content: center;
flex-direction: column;
align-items: center
}
.uer-box .second .total{
width: 136px;
background: url("../../assets/img/champion/total.png");
height: 149px;
color:#fff;
text-align: center;
margin-top:34px;
.personTable .leftActive td {
background: #d78884 !important;
color: #fff !important;
}
.personTable .dataActive td {
background: #c1272d !important;
color: #fff !important;
}
.personTable .text {
text-align: center;
width: 120px;
color: #fff;
height: 33px;
display: inline-block;
position: relative;
top: -8px;
font-family: "PingFangSC-Fine";
}
.personTable .clickbtn {
display: inline-block;
width: 50px;
height: 33px;
text-align: center;
background: #333333;
}
.personTable .clickbtn img {
margin-top: 4px;
}
.personTable .change-box .choose {
height: 31px;
background: #333333;
display: inline-block;
}
.personTable .content-body table tr:hover td {
background: #6a0404 !important;
color: #fff !important;
}
.personTable .listDiv {
background: rgba(255, 255, 255, 0.2);
max-width: 1532px;
width: calc(100% - 20px);
/* position: relative; */
}
.personTable .score {
background: url("../../assets/img/champion/circle.png") no-repeat;
width: 150px;
height: 150px;
line-height: 150px;
color: #1b1b1b;
text-align: center;
/* font-size: 60px; */
font-size: 26px;
font-family: "pingfangR";
}
.personTable .triggerDiv {
position: relative;
margin-bottom: 30px;
}
.personTable .uer-box .second .zhouguan{
width: 77px;
background: url("../../assets/img/champion/zg.png");
height: 42px;
line-height: 42px;
color:#fff;
font-size: 20px;
text-align: center;
font-family: "pingfangR"
.personTable .uer-box .info {
font-size: 20px;
margin-top: 10px;
font-family: "pingfangR";
}
.personTable .uer-box .titlebg {
background: url("../../assets/img/champion/titlebg.png") no-repeat;
height: 25px;
line-height: 25px;
background-size: 100% 100%;
padding: 0 5px 4px 10px;
color: #656565;
font-family: "PingFangSC-Fine";
}
.personTable .commonbg {
width: 113px;
background: url("../../assets/img/champion/commonbg.png");
height: 42px;
line-height: 42px;
color: #fff;
text-align: center;
font-family: "PingFangSC-Fine";
}
.personTable .uer-box .second {
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
}
.uer-box .second .total {
width: 136px;
background: url("../../assets/img/champion/total.png");
height: 149px;
color: #fff;
text-align: center;
margin-top: 34px;
}
.personTable .uer-box .second .zhouguan {
width: 77px;
background: url("../../assets/img/champion/zg.png");
height: 42px;
line-height: 42px;
color: #fff;
font-size: 20px;
text-align: center;
font-family: "pingfangR";
}
.personTable {
min-height: 100%;
width:calc(100% + 40px);
width: calc(100% + 40px);
background: url("../../assets/img/champion/listbg.png");
position: relative;
user-select: none;
cursor: default;
margin:0 -20px;
margin: 0 -20px;
}
.personTable .title {
.personTable .title {
width: 554px;
height: 69px;
background: url("../../assets/img/champion/title.png");
......@@ -573,7 +498,7 @@ export default {
font-family: pingfangR;
color: rgba(255, 255, 255, 1);
text-align: center;
font-family: "pingfangR"
font-family: "pingfangR";
}
.personTable .title .post-name {
width: 156px;
......@@ -591,13 +516,14 @@ export default {
-webkit-text-fill-color: transparent;
}
.personTable .uer-box {
padding:17px 30px;
box-sizing: border-box;
display: flex;
width:1532px;
height:277px;
background:rgba(255,255,255,0.2);
margin: 0 auto;
padding: 17px 30px;
box-sizing: border-box;
display: flex;
max-width: 1532px;
height: 277px;
background: rgba(255, 255, 255, 0.2);
margin: 0 auto;
width: calc(100% - 20px);
}
.personTable .uer-box .photo {
margin-left: 50px;
......@@ -625,7 +551,7 @@ export default {
left: 0;
border-radius: 50%;
z-index: 3;
background-size:100% 100%;
background-size: 100% 100%;
}
.personTable .uer-box .photo .bottom {
width: 195px;
......@@ -636,10 +562,10 @@ export default {
position: absolute;
background: url("../../assets/img/champion/userbottom.png");
z-index: 4;
color:#000000;
color: #000000;
font-size: 22px;
text-align: center;
font-family: "pingfangR"
font-family: "pingfangR";
}
.personTable .uer-box .dashboards {
......@@ -661,19 +587,24 @@ export default {
background: url("../../assets/img/champion/fg.png");
}
.personTable .data-box-parents {
position: absolute;
bottom: 15px;
top: 377px;
left: 10px;
right: 10px;
z-index: 2;
}
.personTable .data-box {
overflow: hidden;
position: absolute;
bottom: 39px;
top: 377px;
left: 167px;
right: 165px;
position: relative;
max-width: 1532px;
margin: 0 auto;
/* width: calc(100% - 20px); */
height: 100%;
z-index: 2;
background: rgba(255,255,255,0.2);
background: rgba(255, 255, 255, 0.2);
}
.personTable .data-box .tab-head {
height: 43px;
......@@ -692,7 +623,7 @@ export default {
background: #333333;
}
.personTable .data-box .lft-body {
left: -1px;
left: 0px;
top: 43px;
width: 100px;
bottom: 6px;
......@@ -700,7 +631,7 @@ export default {
position: absolute;
overflow: hidden;
z-index: 3;
background: rgba(255,255,255,0.2);
background: rgba(255, 255, 255, 0.2);
/* height:100%; */
}
.personTable .data-box .content-body {
......@@ -732,13 +663,13 @@ export default {
}
.personTable .data-box table thead th {
height: 43px;
padding-top: 10px;
/* padding-top: 10px; */
box-sizing: border-box;
text-align: left;
padding-left: 10px;
font-size: 14px;
font-family: pingfangR;
color: #B7B7B7;
color: #b7b7b7;
min-width: 100px;
}
......@@ -760,32 +691,36 @@ export default {
color: #333333;
-webkit-background-clip: unset;
-webkit-text-fill-color: unset;
font-family: "PingFangR"
font-family: "PingFangR";
white-space: nowrap;
}
.personTable .data-box table tbody td.even{
background: rgba(255, 255, 255, 0.25);
}
.personTable .data-box .content-body::-webkit-scrollbar {
/*滚动条整体样式*/
width: 5px;
/*高宽分别对应横竖滚动条的尺寸*/
height: 5px;
border:1px solid rgba(161,154,147,1);
border-radius:5px;
border: 1px solid rgba(161, 154, 147, 1);
border-radius: 5px;
background: transparent;
padding: 2px
padding: 2px;
}
.personTable .data-box .content-body::-webkit-scrollbar-thumb {
/*滚动条里面小方块*/
height:4px;
height: 4px;
width: 4px;
background:#6A0404;
border-radius:5px;
background: #6a0404;
border-radius: 5px;
}
.personTable .data-box .content-body::-webkit-scrollbar-track {
/*滚动条里面轨道*/
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
border-radius:5px;
border-radius: 5px;
background: transparent;
}
.personTable .data-box .content-body::-webkit-scrollbar-corner{
.personTable .data-box .content-body::-webkit-scrollbar-corner {
color: transparent;
}
</style>
src/components/leaderPay2.vue
View file @ ee594c98
......@@ -224,7 +224,7 @@ input[type="number"] {
<td v-if="childIndex==0" :rowspan="subItem.TicketPriceList.length">
{{scenicTotalPrice(subItem, subItem.TicketPriceList)}}
</td>
<td v-if="childIndex==0" :rowspan="subItem.TicketPriceList.length">
<td v-if="childIndex==0" :rowspan="subItem.TicketPriceList.length">
{{subItem.TradingTotalPrice}}
</td>
......@@ -1206,14 +1206,11 @@ export default {
date = obj ? obj.UseTimeStr : 'all'
} else if (name === 'bus') {
path="CarDetails"
TCIDs=obj.TCIDs;
date=obj.UseTime;
date=obj?obj.UseTime:'all';
} else if (name === 'dining') {
path="DinningDetails"
TCIDs=obj.TCIDs;
date=obj.UseTimeStr;
date=obj?obj.UseTimeStr:'all';
} else if (name === 'hotel') {
path = 'leaderPayHotelDetail'
date = obj ? obj.CheckInDateStr : 'all'
......
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