<div class="page"> <table class="ds-default-table"> <thead class="thead"> <tr class="space"> <th>{$Think.lang.complain_progress}</th> </tr> </thead> <tbody> <tr> <td class="progress"><span id="state_new" class="text">{$Think.lang.complain_state_new}</span> <span class="next-step"></span> <span id="state_appeal" class="text">{$Think.lang.complain_state_appeal}</span> <span class="next-step"></span> <span id="state_talk" class="text">{$Think.lang.complain_state_talk}</span> <span class="next-step"> </span> <span id="state_handle" class="text">{$Think.lang.complain_state_handle}</span> <span class="next-step"></span> <span id="state_finish" class="text">{$Think.lang.complain_state_finish}</span></td> </tr> </tbody> </table> <table class="ds-default-table"> <thead class="thead"> <tr class="space"> <th>{$Think.lang.order_detail}</th> </tr></thead> <tbody> <tr class="noborder"> <td><ul> <li> <strong>{$Think.lang.ds_store_name}:</strong> <a href="{:url('home/Store/index',['store_id'=>$order_info.store_id])}"> {$order_info.store_name} </a> </li> <li> <strong>{$Think.lang.order_state}:</strong> <b>{$order_info.order_state_text|raw}</b> </li> <li> <strong>{$Think.lang.ds_order_sn}:</strong> <a href="{:url('Order/show_order',['order_id'=>$order_info.order_id])}" target="_blank"> {$order_info.order_sn} </a> </li> <li> <strong>{$Think.lang.order_datetime}:</strong> {$order_info.add_time|date="Y-m-d H:i:s"} </li> <li> <strong>{$Think.lang.order_price}:</strong> {$Think.lang.currency}{$order_info.order_amount} {gt name="order_info.refund_amount" value="0"} ({$Think.lang.order_refund}:{$Think.lang.currency}{$order_info.refund_amount}) {/gt} </li> {notempty name="order_info.voucher_price"} <li> <strong>{$Think.lang.order_voucher_price}:</strong> {$Think.lang.currency}{$order_info.voucher_price} </li> <li><strong>{$Think.lang.order_voucher_sn}:</strong>{$order_info.voucher_code}</li> {/notempty} </ul></td> </tr> </tbody> </table> <script type="text/javascript"> $(document).ready(function(){ var state = {empty name="complain_info.complain_state"}0{else}{$complain_info.complain_state}{/empty}; if(state <= 10) { $("#state_new").addClass('red'); } if(state == 20 ){ $("#state_new").addClass('green'); $("#state_appeal").addClass('red'); } if(state == 30 ){ $("#state_new").addClass('green'); $("#state_appeal").addClass('green'); $("#state_talk").addClass('red'); } if(state == 40 ){ $("#state_new").addClass('green'); $("#state_appeal").addClass('green'); $("#state_talk").addClass('green'); $("#state_handle").addClass('red'); } if(state == 99 ){ $("#state_new").addClass('green'); $("#state_appeal").addClass('green'); $("#state_talk").addClass('green'); $("#state_handle").addClass('green'); $("#state_finish").addClass('green'); } }); </script> </div>