<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <!--Header S-->
    <style>
        ul.info { margin: 0; padding: 0; }
        ul.info li { margin: 0; padding: 0.3em; list-style: none; background-color: #EFEFEF; border-bottom: solid 1px #FFF; }
        ul.info li span.title { font-weight: bold; width: 5em; display: inline-block; text-align: right; padding-right: 0.5em; margin-right: 0.5em; border-right: solid 1px #FFF; }
        
        .x_title .btn { margin: 0; }
        .jambo_table .img { height: 50px; }
        .jambo_table ul.subdetail { margin: 0; padding: 0; }
        .jambo_table ul.subdetail li { display: block; }
        .jambo_table ul.subdetail li:first-child { font-weight: bold; }
        .jambo_table ul.subdetail li .img { border: solid 1px #CBCBCB; vertical-align: middle; display: inline-block; max-width: 20%; }
        .jambo_table ul.subdetail li .desc { vertical-align: middle; display: inline-block; width: 75%; }
        .jambo_table .notify { background-color: #ffd800 !important; color: #FF0000 !important; }
        .jambo_table tfoot tr td { background-color: #E1E1E1; border-top: 1px solid #D5D4D4; }
        
        .table-bordered select.form-control3 { width: 30%; display: inline-block; }
        .table-bordered select.form-control6 { width: 60%; display: inline-block; }

        .mx-datepicker-popup { z-index: 99993; }
        .mx-datepicker input[type=text] { font-size: 20px; height: 45px; }
        
        .fancybox-container { z-index: 999; }
        .ui-widget.ui-widget-content { z-index: 1000; font-size: 18px; }
        input.tenantrelation { display: inline-block; width: 80%; }
    </style>
    <!--Header E-->
</head>
<body>
    <!--Content S-->
    <div class="col-md-5 col-sm-6 col-xs-12">
        <ul class="info">
            <li>
                <span class="title">訂單編號</span>
                {{orderObj.orderNum}}
            </li>
            <li>
                <span class="title">類型</span>
                <span class="label-status" :class="'om-type' + orderObj.enType">{{orderObj.typeString}}</span>
                <span class="label-status" :class="'om-source' + orderObj.enSource" v-if="orderObj.enSource != 100">{{orderObj.sourceString}}</span>
            </li>
            <li>
                <span class="title">建立</span>
                <span>{{orderObj.createDate}}</span>
            </li>
        </ul>
    </div>
    <div class="col-md-4 col-sm-6 col-xs-12">
        <ul class="info">
            <li>
                <span class="title">來源</span>
                <span v-if="storeObj != null && storeObj.id > 0 ">
                    <span v-if="storeObj.shortName == null || storeObj.shortName == ''">{{storeObj.marketName.substring(0, 4)}}．{{storeObj.name}}</span>
                    <span v-else>{{storeObj.shortName}}</span>
                </span>
                <span v-else class="label-status" :class="'om-source' + orderObj.enSource">{{orderObj.sourceString}}</span>
                <a href="#dvChangeType" class="btn btn-warning btn-xs changetype" v-if="orderObj.enSource != 200">變更</a>
            </li>
            <li>
                <span class="title">租借目的</span>
                <span class="label-status" :class="'om-rentedfor' + modifyObj.enRentedFor">{{modifyObj.rentedForString}}</span>
            </li>
            <li v-if="modifyObj.isCodFreight || modifyObj.isCodConsumableFee" class="deepblue">
                <span class="title">佳醫代收</span>
                $ {{modifyObj.codFee.toLocaleString()}} {{modifyObj.codInfo}}
            </li>
        </ul>
    </div>
    <div class="col-md-3 col-sm-6 col-xs-12">
        <ul class="info">
            <li>
                <span class="title">品項</span>
                $ {{modifyObj.details.total.toLocaleString()}}
            </li>
            <li>
                <span class="title">其它</span>
                $ {{modifyObj.others.total.toLocaleString()}}
            </li>
            <li>
                <span class="title">合計</span>
                $ {{orderObj.total.toLocaleString()}}
            </li>
        </ul>
    </div>
    <div class="col-md-12 col-sm-12 col-xs-12"></div>
    <!--租賃品項-->
    <div class="col-md-12 col-sm-12 col-xs-12 x_panel">
        <div class="x_title">
            <h2>
                租賃品項&nbsp;&nbsp;&nbsp;&nbsp;
                <a v-if="orderObj.enStatus == 100" :href="'_orderdetail?oid=' + orderObj.id" class="btn btn-success iframeNoClose">加入輔具</a>
            </h2>
            <ul class="nav navbar-right panel_toolbox">
                <li><a class="collapse-link"><i class="fas fa-chevron-up"></i></a></li>
            </ul>
            <div class="clearfix"></div>
        </div>
        <div class="col-md-12 col-sm-12 col-xs-12 x_content">
            <table border="0" cellpadding="5" cellspacing="1" class="table jambo_table">
                <thead>
                    <tr>
                        <td class="text-center">輔具狀態</td>
                        <td class="text-center">#</td>
                        <td></td>
                        <td>輔具</td>
                        <td class="text-right">數量</td>
                        <td class="text-right">租金</td>
                        <td class="text-right">耗材</td>
                        <td class="text-right">押金</td>
                        <td class="text-right">運費</td>
                        <td></td>
                    </tr>
                </thead>
                <tbody>
                    <tr v-for="(item, index) in modifyObj.details.list">
                        <td class="text-center">
                            <a class="btn btn-info iframeNoClose"
                               v-if="orderObj.enStatus == 100" :class="{'btn-success': item.enStatus == 100}"
                               :href="'_orderdetail?oid=' + orderObj.id + '&id=' + item.id">{{item.statusString}}</a>
                            <div v-else :class="statusCss(item)">
                                {{item.statusString}}
                            </div>
                        </td>
                        <td class="text-center">{{index + 1}}</td>
                        <td class="text-center"><img class="img" :src="item.coverImage" /></td>
                        <td>
                            <div>{{item.productName}}</div>
                            <div v-if="item.seatWidthAttrId != null && item.seatWidthAttrId > 0">座寬：{{item.seatWidthAttrName}}</div>
                            <div>
                                <span v-for="(stock, idx) in item.stocks">
                                    <span v-if="idx > 0">、</span><u class="nobr">{{stock.propertyNo}}</u>
                                </span>
                            </div>
                            <div v-if="item.enVerified == 0">
                                <a :href="'_orderedit_date?id=' + item.id" class="Upload">{{item.startDate}} ~ {{item.endDate}} <span class="btn btn-success btn-xs"><i class="fas fa-edit"></i></span></a>
                            </div>
                            <div v-else>
                                {{item.startDate}} ~ {{item.endDate}}
                            </div>
                            <div>{{item.periodTypeString}} ({{item.days}}天)</div>
                            <ul class="subdetail" v-show="item.ltGifts != null && item.ltGifts.length > 0">
                                <li>耗材包含：</li>
                                <li v-for="sub in item.ltGifts">
                                    <img class="img" :src="sub.coverImage" v-if="sub.coverImage != null && sub.coverImage.length > 0" />
                                    <div class="desc">
                                        {{sub.productName}} x {{sub.qty}}件<br />
                                        <span v-for="(stock, idx) in sub.stocks">
                                            <span v-if="idx > 0">、</span><u class="nobr">{{stock.propertyNo}}</u>
                                        </span>
                                    </div>
                                </li>
                            </ul>
                            <ul class="subdetail" v-show="item.ltBundles != null && item.ltBundles.length > 0">
                                <li>組合包含：</li>
                                <li v-for="sub in item.ltBundles">
                                    <img class="img" :src="sub.coverImage" v-if="sub.coverImage != null && sub.coverImage.length > 0" />
                                    <div class="desc">
                                        {{sub.productName}} x {{sub.qty}}件<br />
                                        <span v-for="(stock, idx) in sub.stocks">
                                            <span v-if="idx > 0">、</span><u class="nobr">{{stock.propertyNo}}</u>
                                        </span>
                                    </div>
                                </li>
                            </ul>
                            <ul class="subdetail" v-show="item.ltSupplies != null && item.ltSupplies.length > 0">
                                <li>額外加租：</li>
                                <li v-for="sub in item.ltSupplies">
                                    <img class="img" :src="sub.coverImage" v-if="sub.coverImage != null && sub.coverImage.length > 0" />
                                    <div class="desc">
                                        {{sub.productName}} <nobr><span class="red" v-show="sub.unitPrice > 0">${{sub.unitPrice.toLocaleString()}}/件</span><span v-if="sub.enRenewCharged == 1"> x {{item.periodQty}}{{item.periodTypeString.substr(0,1)}} </span>x {{sub.qty}}件</nobr><br />
                                        <span v-for="(stock, idx) in sub.stocks">
                                            <span v-if="idx > 0">、</span><u class="nobr">{{stock.propertyNo}}</u>
                                        </span>
                                    </div>
                                </li>
                            </ul>
                            <ul class="subdetail" v-show="item.ltAdditions != null && item.ltAdditions.length > 0">
                                <li>額外加購：</li>
                                <li v-for="sub in item.ltAdditions">
                                    <img class="img" :src="sub.coverImage" v-if="sub.coverImage != null && sub.coverImage.length > 0" />
                                    <div class="desc">
                                        {{sub.productName}} <nobr><span class="red" v-show="sub.unitPrice > 0">${{sub.unitPrice.toLocaleString()}}</span>/件 x {{sub.qty}}件</nobr><br />
                                        <span v-for="(stock, idx) in sub.stocks">
                                            <span v-if="idx > 0">、</span><u class="nobr">{{stock.propertyNo}}</u>
                                        </span>
                                    </div>
                                </li>
                            </ul>
                        </td>
                        <td class="text-right">{{item.qty}}</td>
                        <td class="text-right nobr">{{item.unitPrice.toLocaleString()}} x {{item.periodQty}}{{item.periodTypeString.substr(0,1)}}</td>
                        <td class="text-right">{{item.consumableFee.toLocaleString()}}</td>
                        <td class="text-right">
                            {{item.deposit.toLocaleString()}}
                        </td>
                        <td class="text-right" :class="{notify: isChangeFreightage()}">{{item.freightage.toLocaleString()}}</td>
                        <td>
                            <a class="btn btn-danger float-right" v-if="item.parentProductId == -1 && orderObj.enStatus == 100" @click="removeDetail(item)">刪除</a>
                        </td>
                    </tr>
                </tbody>
                <tfoot>
                    <tr>
                        <td class="text-right" colspan="5">合計</td>
                        <td class="text-right">{{modifyObj.details.subTotal.toLocaleString()}}</td>
                        <td class="text-right">{{modifyObj.details.consumableFee.toLocaleString()}}</td>
                        <td class="text-right">{{modifyObj.details.deposit.toLocaleString()}}</td>
                        <td class="text-right" :class="{notify: isChangeFreightage()}">{{modifyObj.details.freightage.toLocaleString()}}</td>
                        <td></td>
                    </tr>
                    <tr v-show="modifyObj.details.suppliesTotal > 0">
                        <td class="text-right" colspan="5"><i class="fas fa-plus"></i> 加租合計</td>
                        <td class="text-right" :class="{notify: isChange()}">{{modifyObj.details.suppliesTotal.toLocaleString()}}</td>
                        <td colspan="4"></td>
                    </tr>
                    <tr v-show="modifyObj.details.additionsTotal > 0">
                        <td class="text-right" colspan="5"><i class="fas fa-plus"></i> 加購合計</td>
                        <td class="text-right" :class="{notify: isChange()}">{{modifyObj.details.additionsTotal.toLocaleString()}}</td>
                        <td colspan="4"></td>
                    </tr>
                    <tr>
                        <td class="text-right" colspan="5"><i class="fas fa-equals"></i> 訂單總計</td>
                        <td class="text-right" :class="{notify: isChange()}">{{modifyObj.details.total.toLocaleString()}}</td>
                        <td colspan="4"></td>
                    </tr>
                    <tr v-show="modifyObj.details.depositRefund != 0">
                        <td class="text-right" colspan="5"><i class="fas fa-minus"></i> 退還押金</td>
                        <td class="text-right">{{modifyObj.details.depositRefund.toLocaleString()}}</td>
                        <td colspan="4"></td>
                    </tr>
                    <tr v-show="modifyObj.details.depositRefund != 0">
                        <td class="text-right" colspan="5"><i class="fas fa-equals"></i> </td>
                        <td class="text-right">{{(modifyObj.details.total + modifyObj.details.depositRefund).toLocaleString()}}</td>
                        <td colspan="4"></td>
                    </tr>
                </tfoot>
            </table>

            <div class="x_title">
                <h2>輔具租用資訊</h2>
                <div class="clearfix"></div>
            </div>
            <table border="0" cellpadding="5" cellspacing="1" class="table table-bordered">
                <tr>
                    <th colspan="4">承租人資訊</th>
                </tr>
                <tr>
                    <th class="required">姓名</th>
                    <td colspan="3"><input type="text" class="form-control" v-model="modifyObj.tenantName" ref="tenantname" /></td>
                </tr>
                <tr>
                    <th>電子信箱</th>
                    <td colspan="3"><input type="text" class="form-control" v-model="modifyObj.email" ref="email" /></td>
                </tr>
                <tr>
                    <th class="required">手機號碼</th>
                    <td><input type="text" class="form-control" v-model="modifyObj.tenantMobile" ref="tenantmobile" /></td>
                    <th>電話</th>
                    <td><input type="text" class="form-control" v-model="modifyObj.tenantPhone" /></td>
                </tr>
                <tr>
                    <th class="required">聯絡地址</th>
                    <td colspan="3">
                        <div class="twzipcode" id="twzipcodeToTenant">
                            <select class="form-control" data-role="county" v-model="modifyObj.tenantCounty" ref="tenantcounty"></select>
                            <select class="form-control" data-role="district" v-model="modifyObj.tenantCity" @change="changeCity('tenant')"></select>
                            <input type="hidden" data-role="zipcode" />
                            <input type="text" class="form-control address" v-model="modifyObj.tenantAddress" maxlength="128" placeholder="路/街/巷/弄/號/樓" ref="tenantaddress" />
                        </div>
                    </td>
                </tr>
                <tr>
                    <th colspan="4">使用人資訊</th>
                </tr>
                <tr>
                    <th class="required">姓名</th>
                    <td colspan="3"><input type="text" class="form-control" v-model="modifyObj.delivery.receiver" ref="deliveryreceiver" /></td>
                </tr>
                <tr>
                    <th class="required">為承租人之</th>
                    <td colspan="3"><input type="text" class="form-control tenantrelation" v-model="modifyObj.tenantRelation" ref="tenantrelation" />（關係）</td>
                </tr>
                <tr>
                    <th class="required">手機號碼</th>
                    <td><input type="text" class="form-control" v-model="modifyObj.delivery.mobile" ref="deliverymobile" /></td>
                    <th>電話</th>
                    <td><input type="text" class="form-control" v-model="modifyObj.delivery.phone" /></td>
                </tr>
                <tr v-if="orderObj.enType == 100">
                    <th class="required">運送方式</th>
                    <td colspan="3">
                        <div v-if="orderObj.enPaymentStatus == 100" class="btn-group btn-toggle shippingMethod">
                            <div class="btn btn-default" v-for="item in ltShippingMethod"
                                 v-if="item.value < 300"
                                 :class="'shippingMethod' + item.value"
                                 @click="toggleBTN('shippingMethod', item.value)">{{item.name}}</div>
                        </div>
                        <div v-else>{{orderObj.shippingMethodString}}</div>
                    </td>
                </tr>
                <tr v-if="modifyObj.enShippingMethod == 100">
                    <th class="required">取還門市</th>
                    <td colspan="3">
                        <div v-if="orderObj.enPaymentStatus == 100">
                            <select class="form-control form-control3" v-model="modifyObj.delivery.marketId" ref="marketId" @change="modifyObj.delivery.storeId = -1;">
                                <option value="-1">取件通路</option>
                                <option v-for="item in ltMarkets" :value="item.id">{{item.name}}</option>
                            </select>
                            <select class="form-control form-control6" v-model="modifyObj.delivery.storeId" ref="deliverystoreid">
                                <option value="-1">取件店家</option>
                                <option v-for="item in ltStores" v-show="item.marketId == modifyObj.delivery.marketId" :value="item.id">{{item.name}} ({{item.county}}{{item.city}}{{item.address}})</option>
                            </select>
                        </div>
                        <div v-else>
                            <span v-for="item in ltStores" v-if="orderObj.delivery.storeId == item.id">
                                {{item.shortName}}<span v-if="item.zipCode != null && item.zipCode != ''">  ({{item.county}}{{item.city}}{{item.address}})</span>
                            </span>
                        </div>
                    </td>
                </tr>
                <tr v-if="modifyObj.enShippingMethod == 200">
                    <th class="required">運送地址</th>
                    <td colspan="3">
                        <div v-if="orderObj.enPaymentStatus == 100" class="twzipcode" id="twzipcode">
                            <select class="form-control" data-role="county" v-model="modifyObj.delivery.county" ref="deliverycounty"></select>
                            <select class="form-control" data-role="district" v-model="modifyObj.delivery.city" @change="changeCity('delivery')"></select>
                            <input type="hidden" data-role="zipcode" />
                            <input type="text" class="form-control address" v-model="modifyObj.delivery.address" maxlength="128" placeholder="路/街/巷/弄/號/樓" ref="deliveryaddress" />
                        </div>
                        <div v-else>{{orderObj.delivery.county}}{{orderObj.delivery.city}} {{orderObj.delivery.address}}</div>
                    </td>
                </tr>
                <tr v-if="modifyObj.enShippingMethod == 250">
                    <th>工廠地點</th>
                    <td colspan="3">桃園市龜山區文三三街22號之1號</td>
                </tr>
                <tr v-if="orderObj.remark != null">
                    <th>備註</th>
                    <td colspan="3"><div v-html="orderObj.remark.replace(/\n/g,'<br />')"></div></td>
                </tr>
                <tr>
                    <th colspan="4">發票資訊</th>
                </tr>
                <tr>
                    <th class="required">付款方式</th>
                    <td>
                        <div v-if="orderObj.enPaymentStatus == 100" class="btn-group btn-toggle payMethod">
                            <div class="btn btn-default" v-for="item in ltPayMethod"
                                 :class="'payMethod' + item.value"
                                 v-if="item.value < 500"
                                 @click="toggleBTN('payMethod', item.value)">{{item.name}}</div>
                        </div>
                        <div v-else>{{orderObj.payMethodString}}</div>
                    </td>
                    <th class="required">付款狀態</th>
                    <td>
                        <div class="btn-group btn-toggle paymentStatus">
                            <div class="btn btn-default" v-for="item in ltPaymentStatus"
                                 :class="'paymentStatus' + item.value"
                                 @click="toggleBTN('paymentStatus', item.value)">{{item.name}}</div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <th class="required">發票格式</th>
                    <td>
                        <div class="btn-group btn-toggle invoiceType">
                            <div class="btn btn-default" v-for="item in ltInvoiceTypes"
                                 :class="'invoiceType' + item.value"
                                 @click="toggleBTN('invoiceType', item.value)">{{item.name}}</div>
                        </div>
                    </td>
                    <th class="required">索取方式</th>
                    <td>
                        <div class="btn-group btn-toggle billType">
                            <div class="btn btn-default" v-for="item in ltBillTypes"
                                 :class="'billType' + item.value"
                                 @click="toggleBTN('billType', item.value)">{{item.name}}</div>
                        </div>
                    </td>
                </tr>
                <tr v-if="modifyObj.invoice.enInvoiceType == 200">
                    <th class="required">統一編號</th>
                    <td><input type="text" class="form-control" v-model="modifyObj.invoice.invoiceTaxNo" ref="invoiceTaxNo" maxlength="8" /></td>
                    <th>公司名稱</th>
                    <td><input type="text" class="form-control" v-model="modifyObj.invoice.invoiceTitle" /></td>
                </tr>
                <tr v-if="modifyObj.invoice.enBillType == 100">
                    <th class="required">收件姓名</th>
                    <td colspan="3"><input type="text" class="form-control" v-model="modifyObj.invoice.receiver" ref="invoiceReceiver" /></td>
                </tr>
                <tr v-if="modifyObj.invoice.enBillType == 100">
                    <th class="required">收件電話</th>
                    <td colspan="3"><input type="text" class="form-control" v-model="modifyObj.invoice.mobile" ref="invoiceMobile" /></td>
                </tr>
                <tr v-if="modifyObj.invoice.enBillType == 100">
                    <th class="required">寄送地址</th>
                    <td colspan="3">
                        <div class="twzipcode" id="twzipcodeToBill">
                            <select class="form-control" data-role="county" v-model="modifyObj.invoice.county" ref="invoivecounty"></select>
                            <select class="form-control" data-role="district" v-model="modifyObj.invoice.city" @change="changeCity('invoice')"></select>
                            <input type="hidden" data-role="zipcode" />
                            <input type="text" class="form-control address" v-model="modifyObj.invoice.address" maxlength="128" placeholder="路/街/巷/弄/號/樓" ref="invoiveaddress" />
                        </div>
                    </td>
                </tr>
                <tr v-if="modifyObj.invoice.enBillType == 200">
                    <th class="required">手機條碼載具</th>
                    <td colspan="3"><input type="text" class="form-control" v-model="modifyObj.invoice.mobileBarcode" ref="mobileBarcode" maxlength="8" /></td>
                </tr>
                <tr>
                    <th>內部備註</th>
                    <td colspan="3"><textarea class="form-control" v-model="modifyObj.memo"></textarea></td>
                </tr>
                <tr>
                    <th></th>
                    <td class="tdModify" colspan="3">
                        <button class="btn btn-success btn-lg" @click="updateOrder();">儲存輔具租用資訊</button>
                        <div class="modifylog">
                            <div>{{orderObj.creatorName}} {{orderObj.createDate}} 建檔</div>
                            <div v-if="orderObj.modifyDatetime != null">{{orderObj.modifierName}} {{orderObj.modifyDate}} 異動</div>
                        </div>
                    </td>
                </tr>
            </table>
        </div>
    </div>

    <div class="col-md-5 col-sm-6 col-xs-12">
        <ul class="info">
            <li>
                <span class="title">訂單編號</span>
                {{orderObj.orderNum}}
            </li>
            <li>
                <span class="title">類型</span>
                <span class="label-status" :class="'om-type' + orderObj.enType">{{orderObj.typeString}}</span>
                <span class="label-status" :class="'om-source' + orderObj.enSource" v-if="orderObj.enSource != 100">{{orderObj.sourceString}}</span>
            </li>
            <li>
                <span class="title">建立</span>
                <span>{{orderObj.createDate}}</span>
            </li>
        </ul>
    </div>
    <div class="col-md-4 col-sm-6 col-xs-12">
        <ul class="info">
            <li>
                <span class="title">來源</span>
                <span v-if="storeObj != null && storeObj.id > 0 ">
                    <span v-if="storeObj.shortName == null || storeObj.shortName == ''">{{storeObj.marketName.substring(0, 4)}}．{{storeObj.name}}</span>
                    <span v-else>{{storeObj.shortName}}</span>
                </span>
                <span v-else class="label-status" :class="'om-source' + orderObj.enSource">{{orderObj.sourceString}}</span>
                <a href="#dvChangeType" class="btn btn-warning btn-xs changetype" v-if="orderObj.enSource != 200">變更</a>
            </li>
            <li>
                <span class="title">租借目的</span>
                <span class="label-status" :class="'om-rentedfor' + modifyObj.enRentedFor">{{modifyObj.rentedForString}}</span>
            </li>
            <li v-if="modifyObj.isCodFreight || modifyObj.isCodConsumableFee" class="deepblue">
                <span class="title">佳醫代收</span>
                $ {{modifyObj.codFee.toLocaleString()}} {{modifyObj.codInfo}}
            </li>
        </ul>
    </div>
    <div class="col-md-3 col-sm-6 col-xs-12">
        <ul class="info">
            <li>
                <span class="title">品項</span>
                $ {{modifyObj.details.total.toLocaleString()}}
            </li>
            <li>
                <span class="title">其它</span>
                $ {{modifyObj.others.total.toLocaleString()}}
            </li>
            <li>
                <span class="title">合計</span>
                $ {{orderObj.total.toLocaleString()}}
            </li>
        </ul>
    </div>
    <div class="col-md-12 col-sm-12 col-xs-12"></div>
    <div style="display: none;">
        <div id="dvChangeType" style="border: solid 1px; width: 75%; margin: 0 auto;">
            <div class="list">
                <div class="col-md-12 col-sm-12 col-xs-12 result">
                    <div class="col-md-12 col-sm-12 col-xs-12">
                        <h2>請選擇要變更的通路&門市：</h2>
                        <div class="col-md-4 col-sm-6 col-xs-12">
                            <div class="autocomplete">
                                <input type="search" id="query-market" class="form-control" placeholder="= 通路 =" />
                            </div>
                        </div>

                        <div class="col-md-4 col-sm-6 col-xs-12">
                            <div class="autocomplete">
                                <input type="search" id="query-store" class="form-control" placeholder="= 門市 =" />
                            </div>
                        </div>
                        <div class="clear"></div>
                        <br />
                        <div class="col-md-6 col-sm-6 col-xs-12">
                            <a class="btn btn-success btn-lg" @click="changeOwnerStore(false)">儲存轉介門市</a>
                            <a class="btn btn-success btn-lg" @click="changeOwnerStore(true)"> 轉為佳醫訂單</a>
                        </div>
                    </div>
                    <div class="col-md-12 col-xs-12 text-center">
                        <hr />
                        <a class="btn btn-info" @click="closeFancyBox()">關閉</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="footer-action">
        <h4>操作：</h4>
        <a v-if="orderObj.enStatus == 100" class="btn btn-success btn-lg" @click="transToOrder()">詢問單轉訂單</a>
        <a v-if="orderObj.enStatus == 100" class="btn btn-danger btn-lg" @click="deleteOrder();">刪除詢問單</a>
        <a class="btn btn-info btn-lg" @click="backToList()">回列表頁</a>
    </div>
    <!--Content E-->
    <!--FinalScript S-->
    <script src="/assets/third-party/twzipcode.assistive.js?tf=202507141210"></script>
    <script src="/assets/third-party/twzipcode.latest.js"></script>
    <script src="inquiryedit.js?tf=202504221742" type="module"></script>
    <!--FinalScript E-->
</body>
</html>