Commit 24376b55 authored by xishifeng's avatar xishifeng

pc后台时间轴

parent c6f0430c
...@@ -84,6 +84,11 @@ class Index ...@@ -84,6 +84,11 @@ class Index
{ {
return view('index/daily_achieve_ywy'); return view('index/daily_achieve_ywy');
} }
public function timeline_pc()
{
return view('index/timeline_pc');
}
public function __construct() public function __construct()
{ {
......
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>同联商业</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />
<meta name="Keywords" content="" />
<meta name="Description" content="" />
</head>
<body style="display: none;">
<div id="app">
<ul id="main_list">
<li v-for="(item, index) in mainDataList" :class="{'main-li-first':index===0}">
<p>{{item.create_time}}</p>
<div class="main-area">
<div class="left-area"></div>
<div class="right-area">
<div class="right-area-top">
<h6>{{switchTitle(item.step_name)}}</h6>
<p v-if="item.step_name==='report'">{{item.store_name}}</p>
<p v-if="item.step_name==='report'">客户:<span>{{item.user_name}}</span></p>
<p v-if="item.step_name==='report'">客户电话:<span>{{hideTel(item.user_phone)}}</span></p>
<p v-if="item.step_name==='report'">约带看人:<span>{{item.report_agent_name}}</span></p>
<p v-if="item.step_name==='report'">约带看人电话:<span><a href="javascript:;">{{item.report_agent_phone}}</a></span></p>
<p v-if="item.step_name==='report'">预计到场时间:<span>{{item.predict_see_time}}</span></p>
<p v-if="item.step_name==='follow_up_log'">属于哪类客户:<span>{{item.user_type}}</span></p>
<p v-if="item.step_name==='follow_up_log'">第一决策人:<span>{{item.decision_maker}}</span></p>
<p v-if="item.step_name==='follow_up_log'">租商铺做什么:<span>{{item.industry_type}}</span></p>
<p v-if="item.step_name==='follow_up_log'">对面积的要求:<span>{{item.area_requirement}}</span></p>
<p v-if="item.step_name==='follow_up_log'">对价格的要求:<span>{{item.price_requirement}}</span></p>
<p v-if="item.step_name==='follow_up_log'">所在区域:<span>{{item.area_detail+' '+item.business_area}}</span></p>
<p v-if="item.step_name==='pay_log'">入账类型:<span>{{switchRzType(item.type)}}</span></p>
<p v-if="item.step_name==='pay_log'">支付方式:<span>{{switchPayType(item.pay_type)}}</span></p>
<p v-if="item.step_name==='pay_log'">入账金额:<span class="span-active">{{item.money}}元</span></p>
<p v-if="item.step_name==='pay_log'">商铺号:<span class="span-active">{{item.house_number}}</span></p>
<p v-if="item.step_name==='pay_log'">业态/品牌:<span>{{item.industry_type}}</span></p>
<p v-if="item.step_name==='refund'">退款金额:<span class="span-active">{{}}元</span></p>
<p v-if="item.step_name==='refund'" class="yinhangka-info">退款银行卡信息</p>
<p v-if="item.step_name==='refund'">姓名:<span>{{}}</span></p>
<p v-if="item.step_name==='refund'">银行及支行:<span>{{}}</span></p>
<p v-if="item.step_name==='refund'">卡号:<span>{{}}</span></p>
<p v-if="item.step_name==='bargain'">成交类型:<span>{{switchTradeType(item.trade_type)}}</span></p>
<p v-if="item.step_name==='bargain'">成交价:<span class="span-active">{{item.price}}元</span></p>
<p v-if="item.step_name==='bargain'">应收佣金:<span class="span-active">{{item.commission}}元</span></p>
<p v-if="item.step_name==='bargain'">分佣方:<span>{{switchRoleType(item.role)}}</span></p>
<p v-if="item.step_name==='bargain'">业务员:<span>{{item.name+item.phone}}</span></p>
<p v-if="item.step_name==='bargain'">分佣比例:<span>{{item.scale}}%</span></p>
<p v-if="item.step_name==='bargain'">应分佣金:<span class="span-active">{{item.scale_fee}}元</span></p>
<p v-if="item.step_name==='march_in'">补充说明:<span class="buchongshuoming">{{item.march_in_remark}}</span></p>
<p v-if="item.step_name==='follow_up_log'">补充说明:<span class="buchongshuoming">{{item.explain}}</span></p>
<p v-if="item.step_name==='march_in'">地址:{{item.march_in_area}}</p>
<ol v-if="item.step_name==='march_in'||item.step_name==='follow_up_log'" class="li-img-list">
<li>
<a href="javascript:;"><img :src="item.img_path+item.march_in_img"></a>
</li>
</ol>
<p v-if="item.step_name==='march_in'" class="li-caozuoren">操作人:<span>{{item.reception_name}}</span></p>
<p v-if="item.step_name==='follow_up_log'" class="li-caozuoren">操作人:<span>{{item.agent_name}}</span></p>
<p v-if="item.step_name==='pay_log'" class="li-caozuoren">操作人:<span>{{item.agent_name}}</span></p>
<p v-if="item.step_name==='refund'" class="li-caozuoren">操作人:<span>{{item.agent_name}}</span></p>
<p v-if="item.step_name==='bargain'" class="li-caozuoren">操作人:<span>{{item.submit_agent_name}}</span></p>
</div>
</div>
</div>
<div class="round-tip">
<div></div>
</div>
</li>
</ul>
</div>
<script src="/app/js/libs/require.min.js" data-js="/app/js/timeline_pc.js" data-main="/app/js/main" defer async="true"></script>
</body>
</html>
\ No newline at end of file
...@@ -43,6 +43,7 @@ Route::group('app_broker',[ ...@@ -43,6 +43,7 @@ Route::group('app_broker',[
'daily_achieve_mdzj' => [ 'app_broker/index/daily_achieve_mdzj', [ 'method' => 'get' ] ], 'daily_achieve_mdzj' => [ 'app_broker/index/daily_achieve_mdzj', [ 'method' => 'get' ] ],
'daily_achieve_ywy' => [ 'app_broker/index/daily_achieve_ywy', [ 'method' => 'get' ] ], 'daily_achieve_ywy' => [ 'app_broker/index/daily_achieve_ywy', [ 'method' => 'get' ] ],
'customerinfo_genjin' => [ 'app_broker/index/customerinfo_genjin', [ 'method' => 'get' ] ], 'customerinfo_genjin' => [ 'app_broker/index/customerinfo_genjin', [ 'method' => 'get' ] ],
'timeline_pc' => [ 'app_broker/index/timeline_pc', [ 'method' => 'get' ] ],
]); ]);
Route::group('index', [ Route::group('index', [
......
@charset "utf-8";
/*列表项的样式修改*/
body{
background-color: white;
padding-bottom: 1rem;
}
#main_list{
font-size: 0.26rem;
color: #999;
}
#main_list>li{
position: relative;
}
#main_list>li>.round-tip{
position: absolute;
left: 0.22rem;
top: 0.62rem;
width: 0.16rem;
height: 0.16rem;
background: #999;
border-radius: 50%;
}
#main_list>li>p{
line-height: 0.7rem;
height: 0.7rem;
}
.main-area{
overflow: hidden;
}
.main-area>.left-area{
width: 0.5rem;
height: 0.5rem;
float: left;
}
.main-area>.left-area::after{
float: right;
content: "";
width: 0;
height: 0;
border-top: 0.2rem solid #f0f0f0;
border-left: 0.2rem solid transparent;
}
.main-area>.right-area{
width: 6.4rem;
box-sizing: border-box;
background-color: #f0f0f0;
float: left;
}
.main-area>.right-area>.right-area-top{
padding: 0.2rem;
}
.main-area>.right-area>.right-area-top>h6{
font-size: 0.3rem;
color: #333;
}
.main-area>.right-area>.right-area-top>p{
padding-top: 0.2rem;
overflow: hidden;
}
.main-area>.right-area>.right-area-top>p.li-caozuoren{
color: #666;
}
.main-area>.right-area>.right-area-top>p.yinhangka-info{
color: #666;
margin-top: 0.2rem;
}
.main-area>.right-area>.right-area-top>p>span.span-active{
color: #ff9419;
}
.main-area>.right-area>.right-area-top>p>span.beizhu{
float: right;
width: 86%;
}
.main-area>.right-area>.right-area-top>p>span.buchongshuoming{
float: right;
width: 76%;
}
.main-area>.right-area>#baobei_update_area{
overflow: hidden;
height: 0.62rem;
background: #E6E6E6;
}
.main-area>.right-area>#baobei_update_area>a{
float: left;
width: 2.12rem;
height: 100%;
}
.main-area>.right-area>.right-area-top>.li-img-list{
overflow: hidden;
}
.main-area>.right-area>.right-area-top>.li-img-list>li{
float: left;
width: 1rem;
height: 1rem;
padding-right: 0.2rem;
padding-top: 0.2rem;
}
.main-area>.right-area>.right-area-top>.li-img-list>li>a{
display: block;
width: 100%;
height: 100%;
}
.main-area>.right-area>.right-area-top>.li-img-list>li>a>img{
display: block;
width: 100%;
height: 100%;
}
#main_list>li.main-li-first>p{
color: #ff9419;
}
#main_list>li.main-li-first>.round-tip{
left: 0.18rem;
top: 0.58rem;
width: 0.24rem;
height: 0.24rem;
background: rgba(255,148,25,.5);
}
#main_list>li.main-li-first>.round-tip>div{
width: 0.16rem;
height: 0.16rem;
margin: 0 auto;
border-radius: 50%;
background: #ff9419;
margin-top: 0.04rem;
}
#main_list>li.main-li-first>.main-area>.right-area>h6{
color: #ff9419;
}
\ No newline at end of file
'use strict';
require(['vue', 'css!style/timeline_pc.css', 'jquery0325', 'common'],function(Vue, VConsole){
var order_id = getUrlParam('order_id');
var vm = new Vue({
el: '#app',
data: {
mainDataList: []
},
created: function() {
var _this = this;
document.body.style.display = 'block';
$.ajax({
type: 'POST',
url: '/index/selectReportAll',
data: {
'order_id': order_id
},
timeout: 30000,
dataType: 'json',
beforeSend: function() {},
success: function(_data) {
if(typeof _data === 'object') {
if(_data['code'] == '200') {
_this.mainDataList = _data.data;
} else {
layerTipsX(_data['msg']);
}
} else {
layerTipsX('数据错误');
};
},
error: function() {
layerTipsX('enter error');
},
complete: function(xhr, textStatus){
if(textStatus === 'timeout') {
//处理超时的逻辑
layerTipsX('请求超时,请重试');
};
}
});
},
methods: {
loadMain: function(){
var _this =this;
},
switchTitle: function(str){
switch (str){
case 'report':
return '约带看';
case 'march_in':
return '进场';
case 'follow_up_log':
return '跟进';
case 'pay_log':
return '收款';
case 'refund':
return '退款';
case 'bargain':
return '成交报告';
default:
return '未定义';
}
},
hideTel: function(str){
if(str !== '' && str !== null && str !== undefined){
var _arr = String(str).split('');
_arr.splice(3,4,'****');
return _arr.join('');
}else{
return str;
}
},
switchRzType(str){
//入账类型 10意向金 20定金 30保管金 40押金 50 租金 60 进场费 70转让费 80其他
switch (String(str)){
case '10':
return '意向金';
case '20':
return '定金';
case '30':
return '保管金';
case '40':
return '押金';
case '50':
return '租金';
case '60':
return '进场费';
case '70':
return '转让费';
case '80':
return '其他';
default:
return '未定义';
}
},
switchPayType(str){
//支付方式 10支付宝 20 微信 30pos机器 40转账 50现金
switch (String(str)){
case '10':
return '支付宝';
case '20':
return '微信';
case '30':
return 'pos机';
case '40':
return '转账';
case '50':
return '现金';
default:
return '未定义';
}
},
switchTradeType(str){
//成交类型 10出租 20 增佣 30 代理 40 好处费
switch (String(str)){
case '10':
return '出租';
case '20':
return '增佣';
case '30':
return '代理';
case '40':
return '好处费';
default:
return '未定义';
}
},
switchRoleType(str){
//分佣方 1盘方 2客方 3 反签 4独家 5合作方
switch (String(str)){
case '1':
return '盘方';
case '2':
return '客方';
case '3':
return '反签';
case '4':
return '独家';
case '5':
return '合作方';
default:
return '未定义';
}
}
}
});
});
<template>
<div>
</div>
</template>
<script>
import '@/assets/js/layer041002.js';
export default {
name: '',
props: {
data: {
type: Object,
default: () => ({
message: 'hello'
})
},
dataindex: {
type: [Number, String],
default: () => 0
}
},
components: {
},
data: () => ({
}),
created() {
let _this = this;
_this.axios({
method: 'get',
url: '/index/selectReportAll',
responseType: 'json',
data: {
'order_id': 41
}
})
.then(function(response) {
if(response.data.code == 200) {
} else {
layer.tipsX(response.data.msg);
}
})
.catch(function(error) {
layer.tipsX(error);
});
},
methods: {
},
computed: {
}
}
</script>
<style>
</style>
\ No newline at end of file
...@@ -20,13 +20,6 @@ ...@@ -20,13 +20,6 @@
'query': { 'query': {
'token': _token 'token': _token
} }
},
{
'path': '/timeLinePc',
'nameCustom': 'pc后台时间轴',
'query': {
'id': 41
}
}] }]
} }
}, },
......
...@@ -2,7 +2,6 @@ import Vue from 'vue' ...@@ -2,7 +2,6 @@ import Vue from 'vue'
import Router from 'vue-router' import Router from 'vue-router'
import entrance from '@/components/publicEg/entrance' import entrance from '@/components/publicEg/entrance'
import achieveFork from '@/components/achieveMain/achieveFork' import achieveFork from '@/components/achieveMain/achieveFork'
import timeLinePc from '@/components/pcPages/timeLinePc'
Vue.use(Router) Vue.use(Router)
...@@ -21,11 +20,6 @@ export default new Router({ ...@@ -21,11 +20,6 @@ export default new Router({
path: '/achieveFork', path: '/achieveFork',
name: 'v-achieve-fork', name: 'v-achieve-fork',
component: achieveFork component: achieveFork
},
{
path: '/timeLinePc',
name: 'v-timeline-pc',
component: timeLinePc
} }
] ]
}) })
...@@ -16,36 +16,7 @@ define(['doT', 'text!temp/refundorder_template_tpl.html', 'css!style/home.css', ...@@ -16,36 +16,7 @@ define(['doT', 'text!temp/refundorder_template_tpl.html', 'css!style/home.css',
//初始化dot //初始化dot
$(document.body).append(template); $(document.body).append(template);
follow.getList(0, function(){ follow.getList(0, function(){
$.ajax({
type: 'POST',
url: 'https://pre2.tonglianjituan.com/index/selectReportAll',
data: {
'order_id': 41
},
timeout: 30000,
dataType: 'json',
beforeSend: function() {},
success: function(_data) {
if(typeof _data === 'object') {
if(_data['code'] == '200') {
} else {
layerTipsX(_data['msg']);
}
} else {
layerTipsX('数据错误');
};
},
error: function() {
layerTipsX('enter error');
},
complete: function(xhr, textStatus){
if(textStatus === 'timeout') {
//处理超时的逻辑
layerTipsX('请求超时,请重试');
};
}
});
}); });
follow.event(); follow.event();
}, },
...@@ -133,7 +104,7 @@ define(['doT', 'text!temp/refundorder_template_tpl.html', 'css!style/home.css', ...@@ -133,7 +104,7 @@ define(['doT', 'text!temp/refundorder_template_tpl.html', 'css!style/home.css',
//var _id = _this.attr('data-id'); //var _id = _this.attr('data-id');
var _id = _this.data('id'); var _id = _this.data('id');
console.log(_id); console.log(_id);
$('.iframe-time-line').attr('src', '/app/dist/index.html?id='+_id); $('.iframe-time-line').attr('src', '/app_broker/timeline_pc?order_id='+_id);
}); });
}, },
......
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