Skip to content

T
tl_estate
Commit b5d49447 authored by duxinyuan's avatar duxinyuan
Browse files
Options

h5界面

parent d6ff3b3b
Hide whitespace changes
Inline Side-by-side
Showing with 971 additions and 3 deletions
public/app/dist/index.html
View file @ b5d49447
......@@ -23,4 +23,4 @@
if(!doc.addEventListener) return;
win.addEventListener(resizeEvt, recalc, false);
doc.addEventListener('DOMContentLoaded', recalc, false);
})(document, window);</script><link href=./static/css/app.920ea36f4dff96f9a5e43da13e447901.css rel=stylesheet></head><body><div id=app></div><script src=https://api.tonglianjituan.com/app/js/libs/vue.min.js></script><script src=https://api.tonglianjituan.com/app/js/libs/vue-router.min.js></script><script type=text/javascript src=./static/js/manifest.3ad1d5771e9b13dbdad2.js></script><script type=text/javascript src=./static/js/vendor.c1544c6e64ebde97066c.js></script><script type=text/javascript src=./static/js/app.4840ac74419a00bd4eec.js></script></body></html>
\ No newline at end of file
})(document, window);</script><link href=./static/css/app.3fcf743bcac2de0d2e085432e3e92cbb.css rel=stylesheet></head><body><div id=app></div><script src=https://api.tonglianjituan.com/app/js/libs/vue.min.js></script><script src=https://api.tonglianjituan.com/app/js/libs/vue-router.min.js></script><script type=text/javascript src=./static/js/manifest.3ad1d5771e9b13dbdad2.js></script><script type=text/javascript src=./static/js/vendor.1b35a927314506fe4a4f.js></script><script type=text/javascript src=./static/js/app.3b15b2836f9255cd9b37.js></script></body></html>
\ No newline at end of file
public/app/dist/static/js/app.3b15b2836f9255cd9b37.js 0 → 100644
View file @ b5d49447
This source diff could not be displayed because it is too large. You can view the blob instead.
public/app/dist/static/js/app.4840ac74419a00bd4eec.js deleted 100644 → 0
View file @ d6ff3b3b
This source diff could not be displayed because it is too large. You can view the blob instead.
public/app/dist/static/js/vendor.1b35a927314506fe4a4f.js 0 → 100644
View file @ b5d49447
This source diff could not be displayed because it is too large. You can view the blob instead.
public/app/dist/static/js/vendor.c1544c6e64ebde97066c.js deleted 100644 → 0
View file @ d6ff3b3b
This source diff could not be displayed because it is too large. You can view the blob instead.
public/appnew/package-lock.json
View file @ b5d49447
This source diff could not be displayed because it is too large. You can view the blob instead.
public/appnew/package.json
View file @ b5d49447
......@@ -15,6 +15,7 @@
"vue": "^2.5.2",
"vue-awesome-swiper": "^3.1.3",
"vue-axios": "^2.1.1",
"vue-datepicker": "^1.3.0",
"vue-router": "^3.0.1"
},
"devDependencies": {
......
public/appnew/src/assets/js/public.js
View file @ b5d49447
//公用js文件
let ServerHost = 'https://api.tonglianjituan.com';
let ServerHost = 'https://pre2.tonglianjituan.com';
//let ServerHost = 'https://api.tonglianjituan.com';
if(location.origin === 'https://api.tonglianjituan.com') {
ServerHost = location.origin;
......
public/appnew/src/components/match/match.vue 0 → 100644
View file @ b5d49447
<template>
<div>
<header-tab :data="headerData" v-on:lisentenStatus="lisentenStatus"></header-tab>
<!--<header-tab :data="headerData" v-on:lisentenStatus="lisentenStatus"></header-tab>-->
<div class="mainArea">
<div class="nextTab">
<div class="half">
<span @click="changeType(0)">{{perseText}}</span>
<div :class="status2 == 0 ? 'border_line' : ''"></div>
</div>
<div class="half">
<span @click="changeType(1)">{{teamText}}</span>
<div :class="status2 == 1 ? 'border_line' : ''"></div>
</div>
</div>
<div class="tableArea">
<div v-for="(item,index) in items " :key = "index" class="border_line_bottom">
<div class="border_line_bottom" v-if="index==0 && status2==0">
<div class="border_line_right left" style="width:1.22rem;" v-if="index==0 && status2==0">
<span>排名</span>
</div>
<div class="border_line_right left" style="width:3.74rem;" v-if="index==0 && status2==0">
<span>所属门店</span>
</div>
<div class="left" style="width:2.50rem" v-if="index==0 && status2==0">
<span>业绩（元）</span>
</div>
</div>
<div v-if="istatus2==0 && items">
<div class="border_line_right left" style="width:1.22rem;">
<span>{{index+1}}</span>
</div>
<div class="border_line_right left" style="width:3.74rem;">
<span>{{item.store_name}}</span>
</div>
<div class="left" style="width:2.50rem">
<span>{{item.performance}}</span>
</div>
</div>
<div class="border_line_bottom" v-if="index==0 && status2==1">
<div class="border_line_right left" style="width:1.22rem;" v-if="index==0 && status2==1">
<span>排名</span>
</div>
<div class="border_line_right left" style="width:2rem;" v-if="index==0 && status2==1">
<span>所属门店</span>
</div>
<div class="border_line_right left" style="width:2.04rem" v-if="index==0 && status2==1">
<span>{经纪人</span>
</div>
<div class="left" style="width:2.04rem" v-if="index==0 && status2==1">
<span>业绩（元）</span>
</div>
</div>
<div v-if="status2==1 && items">
<div class="border_line_right left" style="width:1.22rem;">
<span>{{index+1}}</span>
</div>
<div class="border_line_right left" style="width:2rem;">
<span>{{item.store_name}}</span>
</div>
<div class="border_line_right left" style="width:2.04rem">
<span>{{item.name}}</span>
</div>
<div class="left" style="width:2.04rem">
<span>{{item.performance}}</span>
</div>
</div>
</div>
<div v-if="status2==0 && specialTeam" >
<div class="border_line_right left" style="width:7.5rem;">
<span>您还没有团队</span>
</div>
</div>
<div v-if="status2==1 && specialPerse" >
<div class="border_line_right left" style="width:7.5rem;">
<span>您还没有职称</span>
</div>
</div>
</div>
</div>
<div class="all" style="margin-top:.3rem;">
<span class="cont">比赛时间：{{matchTime}}</span>
</div>
<div class="all">
<span class="cont">分档根据时间：{{accordingTime}}</span>
</div>
</div>
</template>
<script>
// import '@/assets/js/layer041002.js';
import priceTable from '@/components/priceReport/priceTable';
import priceTableChange from '@/components/priceReport/priceTableChange';
import priceTableTotal from '@/components/priceReport/priceTableTotal';
import checkTable from '@/components/priceReport/checkTable';
export default {
name: '',
props: {
data: {
type: Object,
default: () => ({
message: 'hello'
})
},
dataindex: {
type: [Number, String],
default: 0
},
},
components: {
'table-show': priceTable,
'table-change': priceTableChange,
'table-total': priceTableTotal,
'table-check' : checkTable
},
data() {
let _this = this;
let _token = _this.$route.query.token;
if(!_token) {
layer.tipsX('token获取出错');
return false;
};
return {
headerData: {
'title': ['月赛','周赛'],
'noborder': false,
'isBack': false
},
token: _token,
seatH: 1.58*4,//占位高度
pageSize: 10,
initTabNumMain: 0,
isLoading: false,//是否正在加载
show : true ,
heightBefor : 0 ,
mainData: [{
'dataList': [],
'page': 1,//页码
'isLoadOnce': false,//是否请求过一次数据
'isStop': false,//是否所有页的数据加载完毕
'noDataFlag': false,//是否是无数据
'label': {
'icon': 'icon_all@2x.png',
'id': 0,
'label_name': '全部'
}
}],
status : 0 ,
status2 : 0 ,
items : [],
perseMonth : [] ,
perseWeek : [] ,
teamText : '职称',
perseText : "团队",
specialPerse : false ,
specialTeam : false ,
accordingTime : "" ,
matchTime : "",
}
},
created() {
let _this = this;
_this.urlParams = _this.$route.query;
_this.initTime();
_this.initData();
_this.initData2();
},
mounted () {
window.addEventListener('scroll', this.handleScroll, true);
// 监听（绑定）滚轮 滚动事件
},
methods: {
initTime : function(){
var that = this ;
var date = new Date();
var day = date.getDate()
var month = date.getMonth()+1;
var fullYear = date.getFullYear();
var lastMonth , thisMonth ;
if( month - 1 < 1 ){
lastMonth = (fullYear-1) + ".12.1" + "-" + (fullYear-1) + ".12.31" ;
} else if ( month - 1 == 2 ){
if ( fullYear % 4 == 0 ){
lastMonth = fullYear + "." +(month-1) +".1" + "-" + fullYear + "." +(month-1) +".29";
} else {
lastMonth = fullYear + "." +(month-1) +".1" + "-" + fullYear + "." +(month-1) +".38";
}
lastMonth = fullYear + "." +(month-1) +".1" + "-" + fullYear + "." +(month-1) +".31";
} else if ( month - 1 < 8 && month % 2 == 1){
lastMonth = fullYear + "." +(month-1) +".1" + "-" + fullYear + "." +(month-1) +".31";
} else if ( month -1 >= 8 && month % 2 == 0) {
lastMonth = fullYear + "." +(month-1) +".1" + "-" + fullYear + "." +(month-1) +".31";
} else {
lastMonth = fullYear + "." +(month-1) +".1" + "-" + fullYear + "." +(month-1) +".30";
};
thisMonth = fullYear + "." +month +".1" + "-" + fullYear + "." +month +"." + day;
that.matchTime = thisMonth ;
that.accordingTime = lastMonth ;
},
lisentenStatus : function(status){
console.log(status);
that.status = status ;
},
changeType : function(index){
let that = this ;
that.status2 = index ;
if ( index == 0 ){
that.items = that.perseWeek ;
} else {
that.items = that.perseMonth;
}
console.log(that.items)
},
initData: function() {
var that = this ;
var params = {
'AuthToken': that.urlParams.token,
'agent_id' : that.urlParams.agent_id,
};
that.axios({
method: 'get',
url: '/broker/getRandKingListByAgentId',
responseType: 'json',
data: params
})
.then(function(res) {
// url: '/broker/getStoreRandKingListByAgentId',
if(res.data.code == 200) {
if (res.data.data.list.length > 0 ){
var grade = res.data.data.grade ;
var index = res.data.data.grade ;
var indexTimes = 0 ;
if (grade < 27){
index = res.data.data.grade
} else {
index = res.data.data.grade%26;
indexTimes = parseInt(res.data.data.grade/26)
}
var str = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
var value = str[index]+""+(indexTimes > 0 ? indexTimes+"" : "");
var name = res.data.data.position;
var text = "";
if (name == 0 ){
text = "新人职称" + value + "档"
} else if (name == 1 ){
text = "店长职称" + value + "档"
} else if (name == 2 ){
text = "经理职称" + value + "档"
} else if (name == 3 ){
text = "主任职称" + value + "档"
} else if (name == 4 ){
text = "顾问职称" + value + "档"
} else if (name == 5 ){
text = "无职称职称" + value + "档"
}
that.teamText = text
} else {
that.specialPerse = true ;
}
// console.log(res.data.data.list);
var array = res.data.data.list;
if (!array) {
that.specialPerse = true ;
array = [] ;
}
that.perseMonth = array ;
// that.items = array;
} else {
layer.tipsX(res.data.msg);
}
})
.catch(function(error) {
console.log(error)
layer.tipsX(error);
});
},
initData2 : function(){
var that = this ;
var params = {
'AuthToken': that.urlParams.token,
'agent_id' : that.urlParams.agent_id,
};
that.axios({
method: 'get',
url: '/broker/getStoreRandKingListByAgentId',
responseType: 'json',
data: params
})
.then(function(res) {
if(res.data.code == 200) {
if (res.data.data.list){
var grade = res.data.data.grade ;
var index = res.data.data.grade ;
var indexTimes = 0 ;
if (grade < 27){
index = res.data.data.grade
} else {
index = res.data.data.grade%26;
indexTimes = parseInt(res.data.data.grade/26)
}
var str = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
var value = str[index]+""+(indexTimes > 0 ? indexTimes+"" : "");
var name = res.data.data.position;
var text = "";
text = "团队" + (value != undefined?value:"A") + "档"
that.perseText = text
} else {
that.specialTeam = true ;
}
var array = res.data.data.list;
if (!array) {
that.specialTeam = true ;
array = [] ;
}
that.perseWeek = array ;
that.items = array;
} else {
layer.tipsX(res.data.msg);
}
})
.catch(function(error) {
console.log(error)
layer.tipsX(error);
});
}
},
computed: {
}
}
</script>
<style scoped>
.mainArea {
width : 7.5rem ;
padding : .32rem 0rem 0rem ;
overflow:hidden;
}
.nextTab {
width : 5rem ;
margin-left:1.25rem;
text-align:center ;
/*overflow:hidden;*/
}
.half {
width: 50%;
float:left ;
}
.nextTab span {
font-family: PingFangSC-Regular;
font-size:.26rem;
color: #1A1A1A;
text-align: center;
}
.active {
color: #FF9318;
}
.border_line {
width : 40%;
height : 3px;
background-color :#ff9318;
border-radius :2.5px;
text-align:center ;
margin-left : .75rem ;
position:relative;
top:0.1rem;
}
.tableArea{
width:7.5rem;
overflow:hidden ;
margin-top:.8rem;
border-top : 1px solid #eeeeee;
}
.border_line_bottom {
border-bottom : 1px solid #eeeeee;
overflow:hidden;
}
.border_line_right {
border-right : 1px solid #eeeeee;
}
.left{
text-align:center ;
float:left;
padding : .11rem 0rem ;
}
.left span {
text-align:center ;
font-size:.22rem;
}
.all {
width : 7.5rem ;
overflow:hidden ;
text-align:center ;
padding : .11rem 0rem ;
}
.cont{
font-size:.24rem; color : #999999;
}
</style>
http://localhost:8080/#/priceReport?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJkYXRhIjp7ImlkIjo1NzM5LCJuYW1lIjoiXHU2MDNiXHU2ZDRiXHU4YmQ1MSIsInBob25lIjoiMTU2MDE2NTIzNTMiLCJsZXZlbCI6MzB9LCJ0aW1lU3RhbXBfIjoxNTMwNjA2ODU4fQ.8jL49CjtBMV6BqmaKdJfd4pkGBazrAgQQrutb53Z3mY-->
\ No newline at end of file
public/appnew/src/components/phoneDetail/phoneDetail.vue 0 → 100644
View file @ b5d49447
<template>
<div>
<header-pulic :data="headerData" v-on:lisentenStatus="lisentenStatus"></header-pulic>
<!--<header-tab :data="headerData" v-on:lisentenStatus="lisentenStatus"></header-tab>-->
<div class="search_area" style="padding-left:.1rem;margin-top:0.1rem;">
<myDatepicker @change="changeTime" :date="startTime" :option="multiOption" :limit="limit"></myDatepicker> -
<myDatepicker @change="changeTime1" :date="endtime" :option="timeoption" :limit="limit"></myDatepicker>
<input @change="changeStr" style="padding:.1rem .05rem ;line-height: 1;border :1px solid #eeeeee;width :2.12rem"placeholder="客户ID或房东编号">
<div style="color : #ffffff; border-radius:.05rem;width :.88rem ;height : 0.35rem;background-color : #ff8018;float:right;margin-right:.35rem;text-align:center;padding:.1rem .05rem ;">
<span @click="searchInfo">筛选</span>
</div>
</div>
<div v-for="(item,index) in items " :key = "index" class="border_line_bottom" >
<div class="border_line_bottom" v-if="index==0 " style="margin-top:.3rem;border-top:1px solid #eeeeee">
<div class="border_line_right left" style="width:1.46rem;" v-if="index==0 ">
<span>通话ID</span>
</div>
<div class="border_line_right left" style="width:1.46rem;" v-if="index==0 ">
<span>通话时间</span>
</div>
<div class="border_line_right left" style="width:1.46rem;" v-if="index==0 ">
<span>经纪人</span>
</div>
<div class="border_line_right left" style="width:1.46rem;" v-if="index==0 ">
<span>客户/房东ID</span>
</div>
<div class="left" style="width:1.46rem" v-if="index==0 ">
<span>通话时长</span>
</div>
</div>
<div >
<div class="border_line_right left" style="width:1.46rem;">
<span>{{index}}</span>
</div>
<div class="border_line_right left" style="width:1.46rem;">
<span>{{index}}</span>
</div>
<div class="border_line_right left" style="width:1.46rem;">
<span>{{index}}</span>
</div>
<div class="border_line_right left" style="width:1.46rem;">
<span>{{index}}</span>
</div>
<div class="left" style="width:1.46rem">
<span>{{index}}</span>
</div>
</div>
</div>
</div>
</template>
<script>
import myDatepicker from 'vue-datepicker/vue-datepicker-es6.vue';
export default {
name: '',
components:{
myDatepicker
},
props: {
data: {
type: Object,
default: () => ({
message: 'hello'
})
},
dataindex: {
type: [Number, String],
default: 0
},
},
data() {
let _this = this;
let _token = _this.$route.query.token;
if(!_token) {
layer.tipsX('token获取出错');
return false;
};
var time1 = this.initThisDay();
console.log(time1)
return {
items : [{},{},{}],
headerData: {
'title': "通话记录",
'noborder': false,
'isBack': false
},
token: _token,
seatH: 1.58*4,//占位高度
pageSize: 10,
initTabNumMain: 0,
isLoading: false,//是否正在加载
show : true ,
heightBefor : 0 ,
mainData: [{
'dataList': [],
'page': 1,//页码
'isLoadOnce': false,//是否请求过一次数据
'isStop': false,//是否所有页的数据加载完毕
'noDataFlag': false,//是否是无数据
'label': {
'icon': 'icon_all@2x.png',
'id': 0,
'label_name': '全部'
}
}],
startTime: { // 相当于变量
time: time1
},
endtime: { // 相当于变量
time: time1
},
timeoption: {
type: 'day', // day , multi-day
week: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'],
month: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'],
format: 'YYYY-MM-DD', // YYYY-MM-DD 日期
inputStyle: { // input 样式
'display': 'inline-block',
'padding': '.1rem .05rem ',
'line-height': '1',
'width':'1.5rem',
'font-size': '14px',
'border': '1px solid #eeeeee',
'border-radius': '2px',
},
color: { // 字体颜色
header: '#35acff', // 头部
headerText: '#fff', // 头部文案
},
buttons: { // button 文案
ok: '确定',
cancel: '取消'
},
overlayOpacity: 0.5, // 遮罩透明度
placeholder: '请选时间', // 提示日期
dismissible: false // 默认true 待定
},
multiOption: {
type: 'day',
week: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'],
month: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'],
format:"YYYY-MM-DD",
inputStyle: { // input 样式
'display': 'inline-block',
'padding': '.1rem .05rem ',
'line-height': '1',
'width':'1.5rem',
'font-size': '14px',
'border': '1px solid #eeeeee',
'border-radius': '2px',
},
color: { // 字体颜色
header: '#35acff', // 头部
headerText: '#fff', // 头部文案
},
buttons: { // button 文案
ok: '确定',
cancel: '取消'
},
placeholder: '请选时间',
dismissible: true,
},
limit: [{
type: 'weekday',
available: [1, 2, 3, 4, 5,6,0]
},
{
type: 'fromto',
from: '2016-02-01',
to: time1
}],
thisday :'' ,
startTime0 : '',
endTime0 : '',
intoID : '' ,
}
},
created() {
let _this = this;
_this.initThisDay();
_this.initData();
},
mounted () {
window.addEventListener('scroll', this.handleScroll, true);
// 监听（绑定）滚轮 滚动事件
},
methods: {
searchInfo : function(){
var that = this ;
that.initData();
},
initThisDay : function(){
var that = this ;
var date = new Date();
var day = date.getDate();
var month = date.getMonth()+1;
var year = date.getFullYear();
var time = year + "-" + (month<9?"0"+month : month) + "-" + (day<9 ? "0"+day : day) ;
that.thisday = time ;
that.endTime0 = time ;
that.startTime0 = time ;
return time ;
},
changeTime : function(a,b,c){
that.startTime0 = a
},
changeTime1 : function(a,b,c){
that.endTime0 = a
},
changeStr : function(a,b,c){
that.intoID = a
},
initData : function(){
var that = this ;
var startTime = that.startTime0;
console.log(startTime)
var endTime = that.endTime;
var id = that.intoID;
var startTimeArr = startTime.split("-");
var startTimeStr = startTimeArr[0]+startTimeArr[1]+startTimeArr[2]-0;
var endTimeArr = endTime.split("-");
var endTimeStr = endTimeArr[0]+endTimeArr[1]+endTimeArr[2]-0;
console.log(startTimeStr);
if (startTime > endTime ){
layer.tipsX("开始时间不能大于终止时间");
return false
}
var params = {
'startTime' : startTime ,
'endTime' : endTime,
'id' : id
}
that.axios({
method: 'get',
url: '/broker/getStoreRandKingListByAgentId',
responseType: 'json',
data: params
})
.then(function(res) {
if(res.data.code == 200) {
if (res.data.data.list){
var grade = res.data.data.grade ;
var index = res.data.data.grade ;
var indexTimes = 0 ;
if (grade < 27){
index = res.data.data.grade
} else {
index = res.data.data.grade%26;
indexTimes = parseInt(res.data.data.grade/26)
}
var str = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
var value = str[index]+""+(indexTimes > 0 ? indexTimes+"" : "");
var name = res.data.data.position;
var text = "";
text = "团队" + (value != undefined?value:"A") + "档"
that.perseText = text
} else {
that.specialTeam = true ;
}
var array = res.data.data.list;
if (!array) {
that.specialTeam = true ;
array = [] ;
}
that.perseWeek = array ;
that.items = array;
} else {
layer.tipsX(res.data.msg);
}
})
.catch(function(error) {
console.log(error)
layer.tipsX(error);
});
// if ()
}
},
computed: {
}
}
</script>
<style scoped>
.mainArea {
width : 7.5rem ;
padding : .32rem 0rem 0rem ;
overflow:hidden;
}
.nextTab {
width : 5rem ;
margin-left:1.25rem;
text-align:center ;
/*overflow:hidden;*/
}
.half {
width: 50%;
float:left ;
}
.nextTab span {
font-family: PingFangSC-Regular;
font-size:.26rem;
color: #1A1A1A;
text-align: center;
}
.active {
color: #FF9318;
}
.border_line {
width : 40%;
height : 3px;
background-color :#ff9318;
border-radius :2.5px;
text-align:center ;
margin-left : .75rem ;
position:relative;
top:0.1rem;
}
.tableArea{
width:7.5rem;
overflow:hidden ;
margin-top:.8rem;
border-top : 1px solid #eeeeee;
}
.border_line_bottom {
border-bottom : 1px solid #eeeeee;
overflow:hidden;
}
.border_line_right {
border-right : 1px solid #eeeeee;
}
.left{
text-align:center ;
float:left;
padding : .11rem 0rem ;
}
.left span {
text-align:center ;
font-size:.22rem;
}
.all {
width : 7.5rem ;
overflow:hidden ;
text-align:center ;
padding : .11rem 0rem ;
}
.cont{
font-size:.24rem; color : #999999;
}
</style>
http://localhost:8080/#/priceReport?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJkYXRhIjp7ImlkIjo1NzM5LCJuYW1lIjoiXHU2MDNiXHU2ZDRiXHU4YmQ1MSIsInBob25lIjoiMTU2MDE2NTIzNTMiLCJsZXZlbCI6MzB9LCJ0aW1lU3RhbXBfIjoxNTMwNjA2ODU4fQ.8jL49CjtBMV6BqmaKdJfd4pkGBazrAgQQrutb53Z3mY-->
\ No newline at end of file
public/appnew/src/components/publicEg/entrance.vue
View file @ b5d49447
......@@ -98,7 +98,20 @@
'nameCustom': '财务日报提交/查看',
'query': {
}
},
{
'path': '/match',
'nameCustom': '业绩排行',
'query': {
}
},
{
'path': '/phoneDetail',
'nameCustom': '通话记录',
'query': {
}
}
]
}
},
......
public/appnew/src/components/publicEg/headTabPublic.vue 0 → 100644
View file @ b5d49447
<template>
<div>
<header :class="{'no-border':data.noborder}">
<a class="ps-back" @click="back" href="javascript:;"></a>
<div class="title">
<div class="title_area" v-for=" (item,index) in data.title">
<h2 @click="changeType"> {{data.title[index]}}</h2>
<div :class="status == index ? 'border_line' : ''"></div>
</div>
</div>
<!--<h2>{{data.title}}</h2>-->
<slot></slot>
</header>
<div class="header_seat"></div>
</div>
</template>
<script>
export default {
name: '',
props: {
data: {
type: Object,
default: () => ({
message: 'hello'
})
}
},
data: () => ({
status : 0
}),
computed: {
},
methods: {
back() {
var _this = this;
if(_this.data.isBack){
history.go(-1);
}else{
_this.common.Compatible({
paraIos: {
'route': 'aabb',
'url': 'back'
},
fnAndroid: function() {
window.android.onBackPressed();
},
fn: function() {
console.warn('error');
}
});
}
},
changeType : function(){
var that = this ;
layer.tipsX("功能正在开发中，请耐心等待。。。");
// var status = that.status ;
// status = status - 1 ;
// if ( status < 0 ){
// status = status * -1;
// }
// that.status = status ;
// that.$emit("lisentenStatus",status);
}
}
}
</script>
<style scoped>
header {
box-sizing: border-box;
position: fixed;
top: 0;
right: 0;
left: 0;
width: 100%;
height: .88rem;
background: #fff;
z-index: 100;
box-shadow: 0 2px 4px 0 rgba(186,186,186,0.15);
}
header.no-border{
box-shadow: none;
}
header .ps-back {
position: absolute;
top: 0;
bottom: 0;
left: 0;
display: block;
width: .88rem;
height: .88rem;
background: url(images/ic_back_black@2x.png) no-repeat 0.3rem center;
background-size: .36rem .28rem;
}
header .icon-link {
position: absolute;
top: 0;
bottom: 0;
right: 0;
display: block;
width: .88rem;
height: .88rem;
}
header .icon-link.icon-link-share {
background: url(images/icon_share@2x.png) no-repeat center center/.34rem .38rem;
}
header>h2{
font-size: .34rem;
line-height: .88rem;
overflow: hidden;
height: .88rem;
padding: 0 .88rem;
/*text-align: center;*/
white-space: nowrap;
text-overflow: ellipsis;
color: #333;
/*margin-left : .5rem;*/
}
header+.header_seat {
height: 0.88rem;
}
.title_area{
text-align:center ;
width : 50%;
float:left;
}
.title_area>h2{
font-size: .34rem;
line-height: .88rem;
overflow: hidden;
height: .88rem;
padding: 0 .88rem;
white-space: nowrap;
text-overflow: ellipsis;
color: #333;
}
.title {
width :4rem;
text-align:center ;
overflow:hidden ;
margin-left:1.5rem;
}
.border_line {
width : .6rem;
height : 3px;
background-color :#ff9318;
border-radius :2.5px;
text-align:center ;
margin-left : .93rem ;
position:relative;
top:-0.1rem;
}
</style>
\ No newline at end of file
public/appnew/src/main.js
View file @ b5d49447
......@@ -54,7 +54,9 @@ Vue.config.productionTip = true;
import headerPulic from '@/components/publicEg/headPublic';
import errorImg from '@/components/publicEg/errorImg';
import headerTab from '@/components/publicEg/headTabPublic';
Vue.component('header-pulic', headerPulic);//注册全局组件
Vue.component('header-tab', headerTab);//注册全局组件
Vue.component('img-error', errorImg);//注册全局组件
/* eslint-disable no-new */
......
public/appnew/src/router/index.js
View file @ b5d49447
......@@ -19,6 +19,8 @@ import shopSearchList from '@/components/shopSearch/shopSearchList'
import advertisingPage from '@/components/advertisingPage/advertisingPage'
import download from '@/components/download/download'
import priceReport from '@/components/priceReport/priceReport'
import match from '@/components/match/match'
import phoneDetail from '@/components/phoneDetail/phoneDetail'
Vue.use(VueRouter)
export default new VueRouter({
......@@ -132,6 +134,15 @@ export default new VueRouter({
path: '/priceReport',
name: 'v-priceReport',
component: priceReport
},
{
path: '/match',
name: 'v-match',
component: match
},{
path: '/phoneDetail',
name: 'v-phoneDetail',
component: phoneDetail
}
]
})
\ No newline at end of file
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