暂存1

application/app_broker/view/index/shop_detail_pc.html

@@ -141,6 +141,27 @@
 				<section v-show="dataCode==102">查看数量已达上限</section>
 				<section v-show="dataCode!=200"></section>
 			</main>
+			
+			<div id="call_modal" style="display: block;">
+				<div class="call-modal-main">
+					<p class="call-modal-main-title">选择本机手机号</p>
+					<ol id="call_modal_phone_list">
+						<li class="call-select"><input placeholder="请输入本机手机号" maxlength="11" type="tel" id="call_modal_phone_self" readonly="">
+							<div class="call-edit-icon">完成</div>
+							<div class="call-submit-ing-icon">提交中ing</div>
+							<div class="call-select-icon"><img src="/app/images/ic_duigou_gre.png"></div>
+						</li>
+					<li class="call-add"><input placeholder="请输入本机手机号" maxlength="11" type="tel"><div class="call-edit-icon">完成</div><div class="call-submit-ing-icon">提交中ing</div><div class="call-select-icon"><img src="/app/images/ic_duigou_gre.png"></div></li></ol>
+					<div id="add_phone_btn" style="display: none;">增加手机号</div>
+					<p class="call-modal-main-tip">请确认选择的手机号和本机号码相同，否则提示为空号</p>
+				</div>
+				<div class="call-btn-area">
+					<div id="call_btn_cancel">取消</div>
+					<div id="call_btn_ok">确认</div>
+					<div id="call_btn_ok_temp">等待拨打 ing</div>
+				</div>
+			</div>
+			
 			<div class="modal-area" v-show="maskShowFlag">
 				<div class="call-hide-area" v-show="callShowFlag">
 					<p>请使用{{user_info_obj.phone}}的手机拨打该虚拟号：</p>

public/app/css/shop_detail_pc.css

@@ -93,3 +93,137 @@ tbody>tr:nth-of-type(16){
 	color: white;
 }
 
+/*拨打电话模态框*/
+html{
+	font-size: 55.2px;
+}
+#call_modal{
+	position: fixed;
+	background-color: rgba(0,0,0,.7);
+	left: 0;
+	top: 0;
+	width: 100%;
+	height: 100%;
+	z-index: 102;
+	display: none;
+}
+.call-modal-main{
+	width: 6.6rem;
+	height: 6.54rem;
+	padding: .4rem .3rem;
+	margin-top: 2.8rem;
+	margin-left: calc(50vw - 182px);
+	background-color: white;
+	font-size: .3rem;
+	box-sizing: border-box;
+}
+.call-modal-main>p.call-modal-main-title{
+	font-size: .3rem;
+	color: #333;
+	text-align: center;
+	padding-bottom: .3rem;
+}
+.call-modal-main>p.call-modal-main-tip{
+	font-size: .24rem;
+	color: #F13D2F;
+	text-align: center;
+	padding-top: .3rem;
+}
+.call-modal-main>ol{
+	padding-bottom: .3rem;
+}
+.call-modal-main>ol>li{
+	height: .8rem;
+	line-height: .8rem;
+	background-color: #f0f0f0;
+	margin-bottom: .3rem;
+	box-sizing: border-box;
+	padding: 0 .2rem;
+	cursor: pointer;
+}
+.call-modal-main>ol>li>input{
+	float: left;
+	line-height: .8rem;
+	height: .8rem;
+	width: 3.5rem;
+	font-size: .28rem;
+	color: #333;
+}
+.call-modal-main>ol>li>div{
+	float: right;
+}
+.call-modal-main>ol>li>.call-select-icon{
+	overflow: hidden;
+	padding-top: .23rem;
+	display: none;
+}
+.call-modal-main>ol>li>.call-select-icon>img{
+	float: left;
+	width: .34rem;
+	height: .34rem;
+}
+.call-modal-main>ol>li>.call-edit-icon,
+.call-modal-main>ol>li>.call-submit-ing-icon{
+	width: .8rem;
+	height: .5rem;
+	line-height: .5rem;
+	border-radius: .14rem;
+	text-align: center;
+	font-size: .24rem;
+	color: white;
+	background-color: #F13D2F;
+	margin-top: .15rem;
+	display: none;
+	cursor: pointer;
+}
+.call-modal-main>ol>li>.call-submit-ing-icon{
+	width: 1.2rem;
+	background-color: #333;
+}
+
+.call-modal-main>ol>li.call-select>.call-select-icon,
+.call-modal-main>ol>li.call-add>.call-edit-icon{
+	display: block;
+}
+.call-modal-main>ol>li.call-select>.call-edit-icon,
+.call-modal-main>ol>li.call-add>.call-select-icon{
+	display: none!important;
+}
+.call-modal-main>div{
+	text-align: center;
+	color: #FF9419;
+	box-sizing: border-box;
+	border: 1px solid #FF9419;
+	line-height: .8rem;
+	height: .8rem;
+}
+.call-btn-area{
+	overflow: hidden;
+	margin-left: calc(50vw - 182px);
+	margin-top: .3rem;
+}
+.call-btn-area>div{
+	float: left;
+	width: 3.15rem;
+	height: .8rem;
+	line-height: .8rem;
+	border-radius: .08rem;
+	text-align: center;
+	font-size: .32rem;
+}
+.call-btn-area>div#call_btn_cancel{
+	background-color: white;
+	color: #FF9419;
+}
+.call-btn-area>div#call_btn_ok{
+	background-color: #FF9419;
+	color: white;
+	margin-left: .3rem;
+}
+.call-btn-area>div#call_btn_ok_temp{
+	background-color: #ccc;
+	color: white;
+	margin-left: .3rem;
+	display: none;
+}
+

public/app/js/shop_detail_pc.js

@@ -2,6 +2,7 @@
 require(['vue', 'css!style/shop_detail_pc.css', 'jquery0325', 'common'],function(Vue, VConsole){
 	var shop_id = getUrlParam('shop_id');
 	var  user_info_obj = JSON.parse(decodeURIComponent(localStorage.getItem('pcUserInfo')));  //读取缓存
+	console.log(user_info_obj);
 	var vm = new Vue({
 		el: '#app',
 		data: {
@@ -49,6 +50,46 @@ require(['vue', 'css!style/shop_detail_pc.css', 'jquery0325', 'common'],function
 			        };
 			    }
 			});
+			
+			//拨打电话模态框，获取电话列表
+			_this.user_info_obj.id && $.ajax({
+			    type: 'GET',
+			    url: ServerHostTempC + '/broker/agentsPhone',
+			    data: {
+			    	'AuthToken': _this.user_info_obj.AuthToken,
+			    	'agents_id': _this.user_info_obj.id
+			    },
+			    timeout: 30000,
+			    dataType: 'json',
+			    beforeSend: function() {},
+			    success: function(data) {
+			        if(typeof data === 'object') {
+			            if (data.code == 200) {
+			                var _htmlTemp = '';
+			                $.each(data['data'], function(i, item) {
+			                	_htmlTemp += '<li class="{0}"><input placeholder="请输入本机手机号" maxlength="11" type="tel" value="{1}" {2} /><div class="call-edit-icon">完成</div><div class="call-submit-ing-icon">提交中ing</div><div class="call-select-icon"><img src="/app/images/ic_duigou_gre.png" /></div></li>'.stringFormatObj({
+			                		'0': '',
+			                		'1': item['phone'],
+			                		'2': 'readonly',
+			                	});
+			                });
+			                $('.call-modal-main>ol').append(_htmlTemp);
+			            }else {
+			                layerTipsX(data['msg']);
+			            };
+			        }else{
+			            layerTipsX('数据错误');
+			        };
+			    },
+			    error: function() {
+			        layerTipsX('error');
+			    },
+			    complete: function(xhr, textStatus){
+			        if(textStatus === 'timeout'){
+			            layerTipsX('请求超时');
+			        };
+			    }
+			});
 		},
 		methods: {
 			hidePhone(t) {