<?php
use common\models\Order;
use imxiangli\select2\Select2Widget;
use yii\helpers\Html;
use yii\helpers\Url;
use yii\web\JsExpression;
$this->title = '訂單管理';
$this->params['breadcrumbs'] = [$this->title];
/** @var \yii\data\DataProviderInterface $dataProvider */
/** @var \common\models\Order[] $models */
/** @var \backend\models\OrderSearch $searchModel */
$models = $dataProvider->getModels();
$pagination = $dataProvider->getPagination();
$virtualOrderModel = new \common\models\VirtualOrder();
?>
<div class="row">
<div class="col-lg-12">
<div class="tabs-container">
<?= $this->render('nav-tabs') ;?>
</div>
<div class="tab-content">
<div class="ibox">
<div class="ibox-content page-select2-area">
<?php
$categoryUrl = \yii\helpers\Url::to(['product-category/ajax-list', 'parent_id' => '__parent_id__']);
$cityUrl = \yii\helpers\Url::to(['region/ajax-cities', 'province_id' => '__province_id__']);
$districtUrl = \yii\helpers\Url::to(['region/ajax-districts', 'city_id' => '__city_id__']);
$labelOptions = ['labelOptions' => ['class' => false]];
$form = \yii\bootstrap\ActiveForm::begin([
'action' => ['list'],
'layout' => 'inline',
'method' => 'get',
]); ?>
<?= $form->field($searchModel, 'top_category_id', $labelOptions)->widget(Select2Widget::className(), [
'serverUrl' => \yii\helpers\Url::to(['product-category/ajax-list']),
'itemsName' => 'categories',
'selectedItem' => $searchModel->topCategory ? [$searchModel->topCategory->id => $searchModel->topCategory->name] : [],
'options' => ['prompt'=>'選擇類目', 'class' => 'form-control'],
'placeholderId' => '0',
'placeholder' => '選擇類目',
'eventSelect' => new JsExpression("
$('#category_id').val('0').trigger('change');
")
])?>
<?= $form->field($searchModel, 'category_id')->widget(Select2Widget::className(), [
'serverUrl' => \yii\helpers\Url::to(['product-category/ajax-list']),
'itemsName' => 'categories',
'selectedItem' => $searchModel->category ? [$searchModel->category->id => $searchModel->category->name] : [],
'options' => ['prompt'=>'選擇類目', 'class' => 'form-control'],
'placeholderId' => '0',
'placeholder' => '選擇類目',
'eventOpening' => new JsExpression("
var id = $('#top_category_id').val();
serverUrl = '{$categoryUrl}'.replace('__parent_id__', id ? id : '-1');
")
])?>
<?= $form->field($searchModel, 'province_id', $labelOptions)->widget(Select2Widget::className(), [
'serverUrl' => \yii\helpers\Url::to(['region/ajax-provinces']),
'itemsName' => 'provinces',
'selectedItem' => $searchModel->province ? [$searchModel->province->id => $searchModel->province->province_name] : [],
'options' => ['class' => 'form-control', 'prompt'=>'請選擇省份'],
'placeholderId' => '0',
'placeholder' => '請選擇省份',
'eventSelect' => new JsExpression("
$('#city_id').val('0').trigger('change');
$('#district_id').val('0').trigger('change');
")
]); ?>
<?= $form->field($searchModel, 'city_id')->widget(Select2Widget::className(), [
'serverUrl' => \yii\helpers\Url::to(['region/ajax-cities', 'province_id' => '__province_id__']),
'itemsName' => 'cities',
'selectedItem' => $searchModel->city ? [$searchModel->city->id => $searchModel->city->name] : [],
'options' => ['class' => 'form-control', 'prompt'=>'請選擇城市'],
'placeholderId' => '0',
'placeholder' => '請選擇城市',
'eventSelect' => new JsExpression("
$('#district_id').val('0').trigger('change');
"),
'eventOpening' => new JsExpression("
var id = $('#province_id').val();
serverUrl = '{$cityUrl}'.replace('__province_id__', id ? id : '-1');
")
]); ?>
<?= $form->field($searchModel, 'district_id')->widget(Select2Widget::className(), [
'serverUrl' => \yii\helpers\Url::to(['region/ajax-districts', 'city_id' => '__city_id__']),
'selectedItem' => $searchModel->district ? [$searchModel->district->id => $searchModel->district->name] : [],
'options' => ['class' => 'form-control', 'prompt'=>'請選擇地區'],
'placeholderId' => '0',
'placeholder' => '請選擇地區',
'itemsName' => 'districts',
'eventOpening' => new JsExpression("
var id = $('#city_id').val();
serverUrl = '{$districtUrl}'.replace('__city_id__', id ? id : '-1');
")
]); ?>
<?= $form->field($searchModel, 'type', $labelOptions)->widget(Select2Widget::className(), [
'selectedItem' => \backend\models\OrderSearch::getTypes(),
'placeholderId' => '0',
'placeholder' => '請選擇類型',
'options' => ['class' => 'form-control', 'prompt'=>'請選擇類型'],
'static' => true,
]) ?>
<?= $form->field($searchModel, 'keyword', $labelOptions)->textInput() ?>
<?= Html::activeHiddenInput($searchModel,'status',array('value'=>$status)) ?>
<button type="submit" class="btn btn-default">搜尋</button>
<?php \yii\bootstrap\ActiveForm::end(); ?>
</div>
<div class="ibox-content">
<div class="table-responsive">
<table class="footable table table-striped">
<thead>
<tr>
<th>下單時間</th>
<th>訂單号</th>
<th>客戶姓名/聯系方式</th>
<th>公司名稱</th>
<th>所購商品</th>
<th>地區</th>
<th>業務人員</th>
<th>嘟嘟妹</th>
<th>客服</th>
<th>服務人員</th>
<th>訂單金額</th>
<th>訂單狀态</th>
<th class="text-right" data-sort-ignore="true">操作</th>
</tr>
</thead>
<tbody>
<?php foreach ($models as $model): ?>
<tr>
<td><?= Yii::$app->formatter->asDatetime($model->created_at);?></td>
<td><?= $model->sn; ?></td>
<td><?= $model->user->name;?>/<?= $model->user->phone;?></td>
<td><?= $model->company_name ;?></td>
<td><?= $model->product_name ;?></td>
<td><?= $model->province_name ;?>-<?= $model->city_name ;?>-<?= $model->district_name ;?></td>
<td><?= $model->creator_name ;?></td>
<td><?= $model->supervisor_name;?></td>
<td>
<?= $model->customer_service_name ;?>
<?php if($model->status == Order::STATUS_PENDING_PAY || $model->status == Order::STATUS_PENDING_ALLOT || $model->status == Order::STATUS_PENDING_SERVICE || $model->status == Order::STATUS_IN_SERVICE): ?>
<!--不同的狀态下的客服狀态-->
<button class="btn btn-xs btn-primary customer_service-btn" data-target="#customer-service-modal"
data-toggle="modal" data-id="<?= $model->id ?>">修改
</button>
<?php endif; ?>
</td>
<td>
<?= $model->clerk_name ;?>
<?php if($model->status == Order::STATUS_PENDING_SERVICE || $model->status == Order::STATUS_IN_SERVICE): ?>
<!--不同的狀态下的服務人員狀态-->
<button class="btn btn-xs btn-primary clerk-btn" data-target="#clerk-modal"
data-toggle="modal" data-id="<?= $model->id ?>" data-product-id="<?= $model->product_id ?>" data-district-id="<?= $model->district_id ?>">修改
</button>
<?php endif; ?>
</td>
<td><?= $model->price ;?></td>
<!--todo 擷取虛拟訂單的資料，暫時存放，待優化-->
<?php $virtualModel = $virtualOrderModel->find()->where(['id'=> $model->virtual_order_id])->one();?>
<!--以下是訂單狀态-->
<td class="status">
<?php if($model->isRefund() && $model->refund_status == Order::REFUND_STATUS_APPLY): ?>
<!--退款中的狀态-->
<div>退款原因：<?= \backend\models\RefundOrderForm::getRefundReasonList()[$model->refund_reason] ;?></div>
<div>退款金額：<?= $model->refund_amount ;?></div>
<?php elseif($model->status == Order::STATUS_PENDING_PAY && $virtualModel->status == 2): ?>
<!--todo 擷取虛拟訂單的資料，暫時存放，待優化-->
<!--todo 未付清，待聯表，虛拟訂單表，資料需要在模型操作完畢傳遞過來，暫時為了調試-->
<div>未付清</div>
<div>已付金額：<?= $virtualModel->payment_amount ;?></div>
<div>未付金額：<?= bcsub($virtualModel->total_amount, $virtualModel->payment_amount);?></div>
<?php elseif($model->status == Order::STATUS_IN_SERVICE): ?>
<!--todo 服務中的狀态調取目前流程節點的背景提示内容标題-->
調取目前流程節點的背景提示内容标題
<?php elseif($model->status == Order::STATUS_BREAK_SERVICE): ?>
已取消
<?php else: ?>
<?= $model->getStatusName(); ?>
<?php endif; ?>
</td>
<!--以下是操作部分-->
<td class="text-right">
<?php if($model->isRefund()): ?>
<!--退款中的操作-->
<?php if($model->refund_status == Order::REFUND_STATUS_APPLY):?>
<button id="add-flow-node" class="btn btn-xs btn-primary refund-btn" data-target="#refund-order-modal"
data-toggle="modal" data-id="<?= $model->id ?>">稽核
</button>
<?php elseif($model->refund_status == Order::REFUND_STATUS_AUDITED): ?>
<button class="btn btn-xs btn-primary" data-target="#refund-modal"
data-toggle="modal" data-id="<?= $model->id ?>">确認退款
</button>
<?php endif ?>
<a href="<?= Url::to(['info', 'id' => $model->id])?>" class="btn btn-xs btn-primary">檢視詳情</a>
<?php elseif($model->status == Order::STATUS_PENDING_ALLOT && !$model->clerk_id): ?>
<button class="btn btn-xs btn-primary clerk-allot-btn" data-target="#clerk-modal"
data-toggle="modal" data-id="<?= $model->id ?>">派單
</button>
<button class="btn btn-xs btn-primary" data-target="#refund-modal"
data-toggle="modal" data-id="<?= $model->id ?>">退款
</button>
<button class="btn btn-xs btn-primary cancel-order-btn" data-target="#cancel-order-modal"
data-toggle="modal" data-id="<?= $model->id ?>">取消訂單
</button>
<?php elseif($model->status == Order::STATUS_PENDING_SERVICE): ?>
<button class="btn btn-xs btn-primary start-service-btn" data-target="#order-start-service-modal"
data-toggle="modal" data-id="<?= $model->id ?>">開始服務
</button>
<button class="btn btn-xs btn-primary" data-target="#refund-modal"
data-toggle="modal" data-id="<?= $model->id ?>">退款
</button>
<?php elseif($model->status == Order::STATUS_IN_SERVICE): ?>
<a href="<?= Url::to(['info', 'id' => $model->id])?>" class="btn btn-xs btn-primary">檢視詳情</a>
<button class="btn btn-xs btn-primary refund" data-target="#refund-modal"
data-toggle="modal" data-id="<?= $model->id ?>">退款
</button>
<?php elseif($model->status == Order::STATUS_COMPLETE_SERVICE || $model->status == Order::STATUS_BREAK_SERVICE): ?>
<a href="<?= Url::to(['info', 'id' => $model->id])?>" class="btn btn-xs btn-primary">檢視詳情</a>
<?php else: ?>
<span class="btn btn-xs btn-primary see-district-price-detail" data-target="#district-price-detail-add-modal" data-toggle="modal" data-id="<?= $model->id ?>">跟進記錄</span>
<!-- <span class="btn btn-xs btn-link btn-primary order-follow-record" data-target="#order-follow-record-modal" data-toggle="modal" data-id="">跟進記錄</span>-->
<button class="btn btn-xs btn-primary sure-payment-btn" data-target="#payment-modal"
data-toggle="modal" data-id="<?= $model->id ?>">确認付款
</button>
<button class="btn btn-xs btn-primary cancel-order-btn" data-target="#cancel-order-modal"
data-toggle="modal" data-id="<?= $model->id ?>">取消訂單
</button>
<?php if($model->status == Order::STATUS_PENDING_PAY): ?>
<div class="text-left">下次跟進時間：</div>
<?php endif; ?>
<?php endif; ?>
</td>
</tr>
<?php endforeach; ?>
</tbody>
<tfoot>
<tr>
<td colspan="6">
<?=
\yii\widgets\LinkPager::widget([
'pagination' => $pagination,
'options' => [
'class' => 'pagination pull-right'
],
]);
?>
</td>
</tr>
</tfoot>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
<!--确認付款彈框-->
<div class="modal fade" id="up-down-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">确認付款</h4>
</div>
<div class="modal-body">
确定付款了嗎?
</div>
<div class="modal-footer">
<span class="text-danger warning-active"></span>
<button type="button" class="btn btn-default cancel-btn" data-dismiss="modal">取消</button>
<button type="button" class="btn btn-primary sure-btn">确定</button>
</div>
</div>
</div>
</div>
<!--稽核彈框start-->
<div class="modal fade" id="refund-order-modal" tabindex="-1" role="dialog" aria-labelledby="modal-title">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
aria-hidden="true">×</span></button>
<h4 class="modal-title">退款稽核</h4>
</div>
<div class="modal-body input_box">
<?php
$refundOrderForm = new \backend\models\RefundOrderForm();
$form = \yii\bootstrap\ActiveForm::begin([
'action' => ['order/ajax-refund-order', 'order_id' => '__order_id__'],
'id' => 'refund-order-form',
'layout' => 'horizontal',
'fieldConfig' => [
'horizontalCssClasses' => [
'label' => 'col-sm-3',
'offset' => 'col-sm-offset-3',
'wrapper' => 'col-sm-8',
],
],
]);
?>
<?= $form->field($refundOrderForm, 'refund_reason')->dropDownList($refundOrderForm->getRefundReasonList()) ?>
<?= $form->field($refundOrderForm, 'refund_amount')->textInput() ?>
<?= $form->field($refundOrderForm, 'is_cancel')->checkbox() ?>
<?= $form->field($refundOrderForm, 'refund_explain')->textarea(['maxlength'=>80]) ?>
<?= $form->field($refundOrderForm, 'refund_remark')->textarea(['maxlength'=>80]) ?>
<?php \yii\bootstrap\ActiveForm::end(); ?>
<?php
$categoryUrl = \yii\helpers\Url::to(['product-category/ajax-list', 'parent_id' => '__parent_id__']);
$cityUrl = \yii\helpers\Url::to(['region/ajax-cities', 'province_id' => '__province_id__']);
$districtUrl = \yii\helpers\Url::to(['region/ajax-districts', 'city_id' => '__city_id__']);
$labelOptions = ['labelOptions' => ['class' => false]];
$form = \yii\bootstrap\ActiveForm::begin([
'action' => ['list'],
'layout' => 'inline',
'method' => 'get',
]); ?>
<?= $form->field($searchModel, 'top_category_id', $labelOptions)->widget(Select2Widget::className(), [
'serverUrl' => \yii\helpers\Url::to(['product-category/ajax-list']),
'itemsName' => 'categories',
'selectedItem' => $searchModel->topCategory ? [$searchModel->topCategory->id => $searchModel->topCategory->name] : [],
'options' => ['prompt'=>'選擇類目', 'class' => 'form-control', 'id' => 'q121kj1k2jk1j2k1'],
'placeholderId' => '0',
'placeholder' => '選擇類目',
'eventSelect' => new JsExpression("
$('#category_id').val('0').trigger('change');
")
])?>
<?= $form->field($searchModel, 'keyword', $labelOptions)->textInput() ?>
<?= Html::activeHiddenInput($searchModel,'status',array('value'=>$status)) ?>
<button type="submit" class="btn btn-default">搜尋</button>
<?php \yii\bootstrap\ActiveForm::end(); ?>
</div>
<div class="modal-footer">
<span class="text-danger warning-active"></span>
<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
<button type="submit" class="btn btn-primary refund-sure-btn">儲存</button>
</div>
</div>
</div>
</div>
<!--稽核彈框end-->
<!--修改客服start-->
<div class="modal fade" id="customer-service-modal" tabindex="-1" role="dialog" aria-labelledby="modal-title">
<?php
$changeOrderCustomerServiceForm = new \backend\models\ChangeOrderCustomerServiceForm();
$form = \yii\bootstrap\ActiveForm::begin([
'action' => ['order/change-customer-service', 'order_id' => '__order_id__'],
'id' => 'customer-service-form',
'layout' => 'horizontal',
'fieldConfig' => [
'horizontalCssClasses' => [
'label' => 'col-sm-3',
'offset' => 'col-sm-offset-3',
'wrapper' => 'col-sm-8',
],
],
]);
?>
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
aria-hidden="true">×</span></button>
<h4 class="modal-title">修改客服</h4>
</div>
<div class="modal-body input_box customer-service-div">
<div class="ibox-content change-customer-service-table">
<div class="table-responsive">
<table class="footable table table-striped ">
<thead>
<tr>
<th>選擇</th>
<th>姓名</th>
<th>手機号</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
</div>
</div>
<div class="modal-footer">
<span class="text-danger warning-active"></span>
<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
<button type="submit" class="btn btn-primary customer_service-sure-btn">儲存</button>
</div>
</div>
</div>
<?php \yii\bootstrap\ActiveForm::end(); ?>
</div>
<!--修改客服end-->
<!--修改服務人員start-->
<div class="modal fade" id="clerk-modal" tabindex="-1" role="dialog" aria-labelledby="modal-title">
<?php
$changeOrderClerkForm = new \backend\models\ChangeOrderClerkForm();
$form = \yii\bootstrap\ActiveForm::begin([
'action' => ['order/change-clerk', 'order_id' => '__order_id__'],
'id' => 'clerk-form',
'layout' => 'horizontal',
'fieldConfig' => [
'horizontalCssClasses' => [
'label' => 'col-sm-3',
'offset' => 'col-sm-offset-3',
'wrapper' => 'col-sm-8',
],
],
]);
?>
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
aria-hidden="true">×</span></button>
<h4 class="modal-title">派單給服務人員</h4>
</div>
<div class="modal-body input_box clerk-div">
<div class="ibox-content change-clerk-table">
<div class="table-responsive">
<table class="footable table table-striped ">
<thead>
<tr>
<th>選擇</th>
<th>姓名</th>
<th>手機号</th>
<th>地區</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
</div>
</div>
<div class="modal-footer">
<span class="text-danger warning-active"></span>
<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
<button type="submit" class="btn btn-primary clerk-sure-btn">儲存</button>
</div>
</div>
</div>
<?php \yii\bootstrap\ActiveForm::end(); ?>
</div>
<!--修改服務人員end-->
<!--開始服務start-->
<div class="modal fade" id="order-start-service-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">開始服務</h4>
</div>
<div class="modal-body">
确定正式開始服務嗎?
</div>
<div class="modal-footer">
<span class="text-danger warning-active"></span>
<button type="button" class="btn btn-default cancel-btn" data-dismiss="modal">取消</button>
<button type="button" class="btn btn-primary sure-btn">确定</button>
</div>
</div>
</div>
</div>
<!--開始服務end-->
<!--确認付款start-->
<div class="modal fade" id="payment-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">确認付款</h4>
</div>
<div class="modal-body">
确定該筆訂單款項已支付嗎?
</div>
<div class="modal-footer">
<span class="text-danger warning-active"></span>
<button type="button" class="btn btn-default cancel-btn" data-dismiss="modal">取消</button>
<button type="button" class="btn btn-primary sure-btn">确定</button>
</div>
</div>
</div>
</div>
<!--确認付款end-->
<!--取消訂單start-->
<div class="modal fade" id="cancel-order-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">取消訂單</h4>
</div>
<div class="modal-body">
确定取消訂單嗎?
</div>
<div class="modal-footer">
<span class="text-danger warning-active"></span>
<button type="button" class="btn btn-default cancel-btn" data-dismiss="modal">取消</button>
<button type="button" class="btn btn-primary sure-btn">确定</button>
</div>
</div>
</div>
</div>
<!--取消訂單end-->
<!--跟進記錄start-->
<div class="modal fade" data-id="" id="district-price-detail-add-modal" role="dialog" aria-labelledby="modal-title">
<div class="modal-dialog" role="document">
<div class="modal-content">
<?php
// $priceDetailForm = new \backend\models\PriceDetailForm();
$followRecordForm = new \backend\models\FollowRecordForm();
$form = \yii\bootstrap\ActiveForm::begin([
'action' => ['order/ajax-save-follow-record', 'order_id' => '__order_id__'],
'validationUrl' => ['product/validation-price-detail'],
'enableAjaxValidation' => true,
'id' => 'district-price-detail-form',
'layout' => 'horizontal',
'fieldConfig' => [
'horizontalCssClasses' => [
'label' => 'col-sm-2',
'offset' => 'col-sm-offset-2',
'wrapper' => 'col-sm-8',
'hint' => 'col-sm-offset-2 col-sm-8',
],
],
]); ?>
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
aria-hidden="true">×</span></button>
<h4 class="modal-title">跟進記錄</h4>
</div>
<div class="modal-body input_box">
<p id="delete-district-price-detail-hint">确定删除嗎？</p>
<table class="table table-bordered table-hover district-price-detail-list">
<thead><tr><th>跟進時間</th><th>跟進狀态</th><th>備注資訊</th></tr></thead>
<tbody></tbody>
<tfoot><tr><td colspan="6"><span class="btn btn-default district-price-detail-add">添加跟進記錄</span></td></tr></tfoot>
</table>
<div class="district-price-add-form">
<?= $form->field($followRecordForm, 'is_follow')->checkbox() ?>
<?= $form->field($followRecordForm, 'follow_time')->textInput() ?>
<?= $form->field($followRecordForm, 'follow_remark')->textarea(['maxlength'=>80]) ?>
</div>
</div>
<div class="modal-footer">
<div class="save-btn-detail-price" style="display: none;">
<button type="button" class="btn btn-default cancel-add-district-price">取消跟進</button>
<button type="submit" class="btn btn-primary" id="confirm-district-price-add">确定跟進</button>
</div>
<div class="delete-btn-detail-price" style="display: none;">
<button type="button" class="btn btn-default cancel-delete-district-price">取消</button>
<button type="button" class="btn btn-primary" id="confirm-district-price-delete">确定</button>
</div>
</div>
<?php \yii\bootstrap\ActiveForm::end(); ?>
</div>
</div>
</div>
<!--跟進記錄end-->
<?php
$changeCustomerServiceTemplate = '<tr><td><input name="customer_service_id" type="radio" value="{id}" /></td><td>{name}</td><td>{phone}</td></tr>';
$changeClerkTemplate = '<tr><td><input name="clerk_id" type="radio" value="{id}" /></td><td>{name}</td><td>{phone}</td><td>{area}</td></tr>';
$ajaxRefundInfoUrl = \yii\helpers\Url::to(['ajax-refund-info', 'id' => '__id__']);
$ajaxChangeCustomerServiceInfoUrl = \yii\helpers\Url::to(['ajax-change-customer-service-info']);
$ajaxClerkListUrl = \yii\helpers\Url::to(['clerk/ajax-list']);
$startServiceUrl = Url::to(['order/ajax-start-service']);
$paymentUrl = Url::to(['order/ajax-payment']);
$cancelOrderUrl = Url::to(['order/ajax-cancel-order']);
$districtPriceTemplate = '';
$this->registerJs(<<<JS
$.fn.modal.Constructor.prototype.enforceFocus = function () { };
//稽核通過
$('.refund-btn').click(function(){
var id = $(this).attr('data-id');
var form = $('#refund-order-form');
form.attr('action', form.attr('action').replace('__order_id__', id));
$.get('{$ajaxRefundInfoUrl}'.replace('__id__', id),function(rs){
if(rs.status==200){
//預設為訂單金額
$('#refundorderform-refund_amount').val(rs.model.price);
$('#refundorderform-refund_reason').val(rs.model.refund_reason);
$('#refundorderform-is_cancel').val(rs.model.is_cancel);
$('#refundorderform-refund_explain').val(rs.model.refund_explain);
$('#refundorderform-refund_remark').val(rs.model.refund_remark);
}
},'json');
});
//修改客服
$('.customer_service-btn').click(function(){
var changeCustomerServiceTemplate = '{$changeCustomerServiceTemplate}';
var id = $(this).attr('data-id');
var form = $('#customer-service-form');
$('.customer_service-btn').unbind('click');
form.attr('action', form.attr('action').replace('__order_id__', id));
$.post('{$ajaxChangeCustomerServiceInfoUrl}',function(rs){
if(rs.status==200){
for(var i = 0;i < rs.model.length; i++) {
var item = changeCustomerServiceTemplate.replace('{id}', rs.model[i].id).replace('{phone}', rs.model[i].phone).replace('{name}', rs.model[i].name);
$('.change-customer-service-table table tbody').append(item);
}
}
},'json');
});
//修改服務人員
$('.clerk-btn').click(function(){
//清空表格内容
$('.change-clerk-table table tbody').empty();
$('#clerk-form .modal-title').text('修改服務人員');
var changeClerkTemplate = '{$changeClerkTemplate}';
var id = $(this).attr('data-id');
var product_id = $(this).attr('data-product-id');
var district_id = $(this).attr('data-district-id');
var form = $('#clerk-form');
form.attr('action', form.attr('action').replace('__order_id__', id));
//console.log('{$ajaxClerkListUrl}');
$.get('{$ajaxClerkListUrl}', {product_id: product_id,district_id: district_id}, function(rs){
if(rs.status==200){
for(var i = 0;i < rs.models.length; i++) {
var item = changeClerkTemplate.replace('{id}', rs.models[i].id).replace('{phone}', rs.models[i].phone).replace('{name}', rs.models[i].name).replace('{area}', rs.models[i].areas);
$('.change-clerk-table table tbody').append(item);
form.trigger('reset.yiiActiveForm');
}
}
},'json');
});
//派單服務人員
$('.clerk-allot-btn').click(function(){
//清空表格内容
$('.change-clerk-table table tbody').empty();
$('#clerk-form .modal-title').text('派單給服務人員');
var changeClerkTemplate = '{$changeClerkTemplate}';
var id = $(this).attr('data-id');
var form = $('#clerk-form');
form.attr('action', form.attr('action').replace('__order_id__', id));
$.post('',function(rs){
if(rs.status==200){
for(var i = 0;i < rs.models.length; i++) {
var item = changeClerkTemplate.replace('{id}', rs.models[i].id).replace('{phone}', rs.models[i].phone).replace('{name}', rs.models[i].name).replace('{area}', rs.models[i].areas);
$('.change-clerk-table table tbody').append(item);
form.trigger('reset.yiiActiveForm');
}
}
},'json');
});
//開始服務
$('.start-service-btn').on('click', function(){
var id = $(this).attr('data-id');
var btn = $('#order-start-service-modal .sure-btn');
btn.unbind('click');
btn.click(function(){
$.post('{$startServiceUrl}', {order_id: id}, function(rs){
if(rs.status == 200)
{
window.location.reload();
$('#order-start-service-modal').modal('hide');
}
else
{
$('#order-start-service-modal .warning-active').text(rs.message);
}
}, 'json');
});
});
//确認付款
$('.sure-payment-btn').on('click', function(){
var id = $(this).attr('data-id');
var btn = $('#payment-modal .sure-btn');
btn.unbind('click');
btn.click(function(){
$.post('{$paymentUrl}', {order_id: id}, function(rs){
if(rs.status == 200)
{
window.location.reload();
$('#payment-modal').modal('hide');
}
else
{
$('#payment-modal .warning-active').text(rs.message);
}
}, 'json');
});
});
//取消訂單
$('.cancel-order-btn').on('click', function(){
var id = $(this).attr('data-id');
var btn = $('#cancel-order-modal .sure-btn');
btn.unbind('click');
btn.click(function(){
$.post('{$cancelOrderUrl}', {order_id: id}, function(rs){
if(rs.status == 200)
{
window.location.reload();
$('#cancel-order-modal').modal('hide');
}
else
{
$('#cancel-order-modal .warning-active').text(rs.message);
}
}, 'json');
});
});
JS
);
?>
<!--調試跟進記錄-->
<?php
$priceDetailDeleteUrl = '';
$priceChangeStatusUrl = '';
$priceDistrictPriceDeleteUrl = '';
$priceDistrictPriceDetailUrl = '';
$this->registerJs(<<<JS
$.fn.select2.defaults.set('width', '100%');
//是否跟進
$('.field-followrecordform-follow_time').hide();
$('#followrecordform-is_follow').click(function(){
if($('#followrecordform-is_follow').is(':checked'))
{
$('.field-followrecordform-follow_time').show();
}else{
$('.field-followrecordform-follow_time').hide();
}
});
initPrice();
//是否區域及價格
$('#priceform-is_area_price').click(function(){
initPrice();
});
function initPrice()
{
if($('#priceform-is_bargain').is(':checked'))
{
hidePrice();
hideAreaPrice();
hideAreaPriceControl();
}
else if($('#priceform-is_area_price').is(':checked'))
{
hidePrice();
showAreaPrice();
showAreaPriceControl()
}
else
{
showPrice();
hideAreaPrice();
showAreaPriceControl()
}
}
function showPrice()
{
$('.field-priceform-price').show();
$('.field-priceform-tax').show();
$('.field-priceform-original_price').show();
$('.field-priceform-price_detail').show();
$('.field-priceform-city_id').show();
}
function hidePrice()
{
$('.field-priceform-price').hide();
$('.field-priceform-tax').hide();
$('.field-priceform-original_price').hide();
$('.field-priceform-price_detail').hide();
$('.field-priceform-is_area_price').hide();
$('.field-priceform-city_id').hide();
}
function showAreaPrice()
{
$('.field-priceform-district_price').show();
}
function hideAreaPrice()
{
$('.field-priceform-district_price').hide();
}
function showAreaPriceControl() {
$('.field-priceform-is_area_price').show();
}
function hideAreaPriceControl() {
$('.field-priceform-is_area_price').hide();
}
$('#price-detail-list').on('click', '.price-detail-delete', function(){
var id = $(this).attr('data-id');
var key = $(this).parents('tr').attr('data-key');
$('#delete-price-detail .sure-btn').unbind('click');
$('#delete-price-detail .sure-btn').on('click',function(){
$.post('{$priceDetailDeleteUrl}',{id:id, key:key},function(rs){
if(rs.status == 200){
$("#price-detail-list table tbody tr[data-key='"+key+"']").remove();
setPrice(rs.total_price, rs.total_tax);
$('#delete-price-detail').modal('hide');
}else{
}
},'json')
});
});
function setPrice(price, tax) {
$('#priceform-price').val(price);
$('#priceform-tax').val(tax);
}
$('#district-price-add-modal').on('show.bs.modal', function(){
//$('#district-price-form').trigger('reset.yiiActiveForm');
$('#districtpriceform-province_id').trigger('change');
$('#districtpriceform-city_id').trigger('change');
$('#districtpriceform-district_id').trigger('change');
});
$('#district-price-form').on('beforeSubmit', function(){
var districtPriceTemplate = '{$districtPriceTemplate}';
$.post($(this).attr('action'), $('#district-price-form').serialize(), function(rs){
if(rs.status == 200)
{
$('#district-price-add-modal').modal('hide');
var item = districtPriceTemplate.replace('{id}', rs.productPrice.id).replace('{district_name}',
rs.productPrice.province_name+' '+rs.productPrice.city_name+' '+rs.productPrice.district_name).replace('{price}', rs.productPrice.price)
.replace('{original_price}', rs.productPrice.original_price)
.replace('{tax}', rs.productPrice.tax).replace('{status}', rs.productPrice.status)
.replace('{statusName}', rs.productPrice.status != 0 ? '禁用' : '啟用');
$('#district-price-list table tbody').append(item);
$('#district-price-form').trigger('reset.yiiActiveForm');
$('#district-price-add-modal').unbind('hidden.bs.modal');
setTimeout(function(){
$('#district-price-detail-add-modal').attr('data-id', rs.productPrice.id);
$('#district-price-detail-add-modal').modal('show');
}, 400);
}
else
{
$('#district-price-add-modal .warning-active').text(rs.message);
}
}, 'json');
return false;
});
//删除地區及價格
$('#district-price-list').on('click', '.district-price-delete', function(){
var row = $(this).parents('tr');
var id = row.attr('data-id');
$('#district-price-delete-modal .sure-btn').unbind('click');
$('#district-price-delete-modal .sure-btn').on('click',function(){
$.post('{$priceDistrictPriceDeleteUrl}',{id:id},function(rs){
if(rs.status == 200){
row.remove();
setPrice(rs.total_price, rs.total_tax);
$('#district-price-delete-modal').modal('hide');
}else{
$('#district-price-delete-modal .warning-active').text(rs.message);
}
},'json')
});
});
//todo ajax擷取資料展示出來
$('#district-price-detail-add-modal').on('show.bs.modal', function() {
var id = $(this).attr('data-id');
$(this).find('table tbody').empty();
$.get('{$priceDistrictPriceDetailUrl}', {order_id:id}, function(rs){
if(rs.status == 200)
{
for(var i in rs.priceDetail)
{
$('#district-price-detail-add-modal table tbody').append(item);
}
}
else
{
$('#district-price-detail-add-modal .warning-active').text(rs.message);
}
}, 'json');
});
$('.district-price-detail-add').click(function(){
$('#district-price-detail-form').trigger('reset.yiiActiveForm');
showAddDistrictPriceDetail();
});
$('.cancel-add-district-price').click(function(){
showList();
});
showList();
function showList()
{
$('#district-price-detail-add-modal .modal-title').text('跟進記錄');
$('.district-price-add-form').hide();
$('.district-price-detail-list').show();
$('.save-btn-detail-price').hide();
$('.delete-btn-detail-price').hide();
$('#delete-district-price-detail-hint').hide();
$('#district-price-detail-add-modal .warning-active').text('');
}
function showAddDistrictPriceDetail()
{
$('#district-price-detail-add-modal .modal-title').text('添加跟進記錄');
$('.district-price-add-form').show();
$('.save-btn-detail-price').show();
$('.district-price-detail-list').hide();
$('.delete-btn-detail-price').hide();
$('#delete-district-price-detail-hint').hide();
$('#district-price-detail-add-modal .warning-active').text('');
}
function showDeleteDistrictPriceDetail()
{
$('#district-price-detail-add-modal .modal-title').text('删除價格明細');
$('.delete-btn-detail-price').show();
$('.district-price-add-form').hide();
$('.save-btn-detail-price').hide();
$('.district-price-detail-list').hide();
$('#delete-district-price-detail-hint').show();
$('#district-price-detail-add-modal .warning-active').text('');
}
$('#district-price-list').on('click', '.see-district-price-detail', function(){
var id = $(this).parents('tr').attr('data-id');
$('#district-price-detail-add-modal').attr('data-id', id);
});
$('#district-price-detail-form').on('beforeSubmit', function(){
var order_id = $('#district-price-detail-add-modal').attr('data-id');
var _form = $(this);
$.post(_form.attr('action').replace('__order_id__', order_id), $(this).serialize(), function(rs){
if(rs.status == 200)
{
showList();
$('#district-price-detail-add-modal table tbody').append(item);
_form.trigger('reset.yiiActiveForm');
}
else
{
$('#district-price-detail-add-modal .warning-active').text(rs.message);
}
}, 'json');
return false;
});
function setDistrictPrice(order_id, price, tax) {
var row = $('#district-price-list table tbody tr[data-id="'+order_id+'"]');
row.find('.price').text(price);
row.find('.tax').text(tax);
}
$('.district-price-detail-list').on('click', '.price-detail-delete', function(){
showDeleteDistrictPriceDetail();
var id = $('#district-price-detail-add-modal').attr('data-id');
var key = $(this).parents('tr').attr('data-key');
$('#confirm-district-price-delete').unbind('click');
$('#confirm-district-price-delete').on('click',function(){
$.post('{$priceDetailDeleteUrl}',{order_id:id, key:key},function(rs){
if(rs.status == 200){
$(".district-price-detail-list tbody tr[data-key='"+key+"']").remove();
setDistrictPrice(id, rs.total_price, rs.total_tax);
showList();
}else{
$('#district-price-detail-add-modal .warning-active').text(rs.message);
}
},'json')
return false;
});
return false;
});
$('.cancel-delete-district-price').click(function(){
showList();
});
$('#district-price-detail-add-modal').on('show.bs.modal', function(){
showList();
});
JS
);
?> 複制
增加class='page-select2-area';
.page-select2-area .select2-container{
z-index: 1000;
} 複制