|
|
@@ -1,157 +1,322 @@
|
|
|
{Template header}
|
|
|
+<style>
|
|
|
+ .sortable-ghost {
|
|
|
+ opacity: 0.5;
|
|
|
+ }
|
|
|
+</style>
|
|
|
<body>
|
|
|
-<div class="warp">
|
|
|
-<div class="title winnone">订单导出配置 - 添加</div>
|
|
|
-<ul class="setting" style="min-width: 550px;width:600px;">
|
|
|
+ <div class="warp">
|
|
|
+ <div class="title winnone">订单导出配置 - 添加</div>
|
|
|
+ <ul class="setting" style="min-width: 550px;width:600px;">
|
|
|
|
|
|
-<li>
|
|
|
-<em style="width:55px">名称：</em>
|
|
|
-<input class="must" value="" name="title" type="text" >
|
|
|
-</li>
|
|
|
+ <li>
|
|
|
+ <em style="width:55px">名称：</em>
|
|
|
+ <input class="must" value="" name="title" type="text">
|
|
|
+ </li>
|
|
|
|
|
|
-<li>
|
|
|
-<em style="width:55px">类型：</em>
|
|
|
-<select name="type" class="select class">
|
|
|
-{loop $classid as $val}
|
|
|
-<option value="{$val['id']}">{$val['title']}</option>
|
|
|
-{/loop}
|
|
|
-</select>
|
|
|
-</li>
|
|
|
+ <li>
|
|
|
+ <em style="width:55px">类型：</em>
|
|
|
+ <select name="type" class="select class">
|
|
|
+ {loop $classid as $val}
|
|
|
+ <option value="{$val['id']}">{$val['title']}</option>
|
|
|
+ {/loop}
|
|
|
+ </select>
|
|
|
+ </li>
|
|
|
|
|
|
-<ul id="c1" class="fuexcel" style="float:left;">
|
|
|
- <li id="orderinfo"><font>订单号</font><i class="fa fa-plus"></i></li>
|
|
|
- <li id="number"><font>订单编号</font><i class="fa fa-plus"></i></li>
|
|
|
- <li id="dtime"><font>下单时间</font><i class="fa fa-plus"></i></li>
|
|
|
- <li id="buytime"><font>付款时间</font><i class="fa fa-plus"></i></li>
|
|
|
- <li id="printtime"><font>打印时间</font><i class="fa fa-plus"></i></li>
|
|
|
- <li id="librarytime"><font>出库时间</font><i class="fa fa-plus"></i></li>
|
|
|
- <li id="baddress"><font>Billing Address</font><i class="fa fa-plus"></i></li>
|
|
|
- <li id="saddress"><font>Shipping Address</font><i class="fa fa-plus"></i></li>
|
|
|
- <li id="bname"><font>Bill Name</font><i class="fa fa-plus"></i></li>
|
|
|
- <li id="sname"><font>Ship Name</font><i class="fa fa-plus"></i></li>
|
|
|
- <li id="client"><font>公司名</font><i class="fa fa-plus"></i></li>
|
|
|
- <li id="name"><font>收货人名字</font><i class="fa fa-plus"></i></li>
|
|
|
- <li id="address"><font>地址1</font><i class="fa fa-plus"></i></li>
|
|
|
- <li id="address2"><font>地址2</font><i class="fa fa-plus"></i></li>
|
|
|
- <li id="city"><font>城市</font><i class="fa fa-plus"></i></li>
|
|
|
- <li id="province"><font>州/省</font><i class="fa fa-plus"></i></li>
|
|
|
- <li id="street"><font>州二字码</font><i class="fa fa-plus"></i></li><!-- 暂时用街道 -->
|
|
|
- <li id="zipcode"><font>邮编</font><i class="fa fa-plus"></i></li>
|
|
|
- <li id="country"><font>国家</font><i class="fa fa-plus"></i></li>
|
|
|
- <li id="al"><font>国家二字码</font><i class="fa fa-plus"></i></li>
|
|
|
- <li id="phone"><font>电话</font><i class="fa fa-plus"></i></li>
|
|
|
- <li id="email"><font>邮箱</font><i class="fa fa-plus"></i></li>
|
|
|
- <li id="cpfpdata"><font>商品名称</font><i class="fa fa-plus"></i></li>
|
|
|
- <li id="shipremarks"><font>仓库品名</font><i class="fa fa-plus"></i></li>
|
|
|
- <li id="product_id"><font>产品ID</font><i class="fa fa-plus"></i></li>
|
|
|
- <li id="link"><font>购买产品链接</font><i class="fa fa-plus"></i></li>
|
|
|
- <li id="product"><font>购买产品标题</font><i class="fa fa-plus"></i></li>
|
|
|
- <li id="parameter"><font>购买产品属性</font><i class="fa fa-plus"></i></li>
|
|
|
- <li id="issku"><font>购买产品SKU</font><i class="fa fa-plus"></i></li>
|
|
|
- <li id="quantity"><font>Order Quantity</font><i class="fa fa-plus"></i></li>
|
|
|
- <li id="clientremarks"><font>订单留言</font><i class="fa fa-plus"></i></li>
|
|
|
- <li id="orderremarks"><font>订单备注</font><i class="fa fa-plus"></i></li>
|
|
|
- <li id="pay"><font>支付方式</font><i class="fa fa-plus"></i></li>
|
|
|
- <li id="paypal"><font>交易号</font><i class="fa fa-plus"></i></li>
|
|
|
- <li id="guarantee"><font>卖家保障</font><i class="fa fa-plus"></i></li>
|
|
|
- <li id="subtotal"><font>Subtotal</font><i class="fa fa-plus"></i></li>
|
|
|
- <li id="rowtotal"><font>Row Total</font><i class="fa fa-plus"></i></li>
|
|
|
- <li id="shippingmethod"><font>TAX金额</font><i class="fa fa-plus"></i></li>
|
|
|
- <li id="insurance"><font>丢件险金额</font><i class="fa fa-plus"></i></li>
|
|
|
- <li id="shouldmoney"><font>订单金额[G.T.(Base)]</font><i class="fa fa-plus"></i></li>
|
|
|
- <li id="ismoney"><font>订单金额[G.T.(Purchased)]</font><i class="fa fa-plus"></i></li>
|
|
|
- <li id="budget"><font>净额</font><i class="fa fa-plus"></i></li>
|
|
|
- <li id="skje"><font>收款金额</font><i class="fa fa-plus"></i></li>
|
|
|
- <li id="refundy"><font>补/退原额</font><i class="fa fa-plus"></i></li>
|
|
|
- <li id="refundj"><font>补/退净额</font><i class="fa fa-plus"></i></li>
|
|
|
- <li id="rpaypal"><font>补/退交易号</font><i class="fa fa-plus"></i></li>
|
|
|
- <li id="rtext"><font>补/退款原因</font><i class="fa fa-plus"></i></li>
|
|
|
- <li id="express"><font>物流类型</font><i class="fa fa-plus"></i></li>
|
|
|
- <li id="waybill"><font>物流单号</font><i class="fa fa-plus"></i></li>
|
|
|
- <li id="waybillid"><font>物流转单号</font><i class="fa fa-plus"></i></li>
|
|
|
- <li id="js"><font>物流服务类型</font><i class="fa fa-plus"></i></li>
|
|
|
- <li id="exstate"><font>物流状态</font><i class="fa fa-plus"></i></li>
|
|
|
- <!-- <li id="systemwigsout"><font>追踪</font><i class="fa fa-plus"></i></li> -->
|
|
|
- <li id="ioss"><font>IOSS号</font><i class="fa fa-plus"></i></li>
|
|
|
- <li id="sbpm"><font>英文申报品名</font><i class="fa fa-plus"></i></li>
|
|
|
- <li id="zwpm"><font>中文申报品名</font><i class="fa fa-plus"></i></li>
|
|
|
- <li id="hgbm"><font>海关编码</font><i class="fa fa-plus"></i></li>
|
|
|
- <li id="ts"><font>条数</font><i class="fa fa-plus"></i></li>
|
|
|
- <li id="dtsbjz"><font>单条申报价值</font><i class="fa fa-plus"></i></li>
|
|
|
- <li id="zsbjz"><font>总申报价值</font><i class="fa fa-plus"></i></li>
|
|
|
- <li id="zzl"><font>申报重量</font><i class="fa fa-plus"></i></li>
|
|
|
- <li id="zjs"><font>总件数</font><i class="fa fa-plus"></i></li>
|
|
|
- <li id="weight"><font>毛重</font><i class="fa fa-plus"></i></li>
|
|
|
- <li id="jweight"><font>净重</font><i class="fa fa-plus"></i></li>
|
|
|
- <li id="ccfpdata"><font>尺寸</font><i class="fa fa-plus"></i></li>
|
|
|
- <li id="9610sku"><font>9610SKU</font><i class="fa fa-plus"></i></li>
|
|
|
- <li id="PPname"><font>PPname</font><i class="fa fa-plus"></i></li>
|
|
|
- <li id="PPaddress"><font>PPaddress</font><i class="fa fa-plus"></i></li>
|
|
|
- <li id="PPemail"><font>PPemail</font><i class="fa fa-plus"></i></li>
|
|
|
- <li id="klarnabill"><font>KlarnaBill</font><i class="fa fa-plus"></i></li>
|
|
|
- <li id="klarnaship"><font>KlarnaShip</font><i class="fa fa-plus"></i></li>
|
|
|
- <li id="afterpaybill"><font>AfterpayBill</font><i class="fa fa-plus"></i></li>
|
|
|
- <li id="afterpayship"><font>AfterpayShip</font><i class="fa fa-plus"></i></li>
|
|
|
- <li id="type"><font>发货仓库</font><i class="fa fa-plus"></i></li>
|
|
|
- <li id="shop"><font>所属独立站</font><i class="fa fa-plus"></i></li>
|
|
|
- <li id="sourcetype"><font>线下单类型</font><i class="fa fa-plus"></i></li>
|
|
|
- <li id="printtype"><font>打印类型</font><i class="fa fa-plus"></i></li>
|
|
|
- <li id="xdcs"><font>客户历史订单数</font><i class="fa fa-plus"></i></li>
|
|
|
- <li id="librarynot"><font>禁止出库原因</font><i class="fa fa-plus"></i></li>
|
|
|
- <li id="dbapi"><font>产品用友料号</font><i class="fa fa-plus"></i></li>
|
|
|
- <li id="scapi"><font>料号对应产品数量</font><i class="fa fa-plus"></i></li>
|
|
|
- <li id="kong"><font>空内容</font><i class="fa fa-plus"></i></li>
|
|
|
+ <ul id="c1" class="fuexcel" style="float:left;">
|
|
|
+ <li id="orderinfo">
|
|
|
+ <font>订单号</font><i class="fa fa-plus"></i>
|
|
|
+ </li>
|
|
|
+ <li id="number">
|
|
|
+ <font>订单编号</font><i class="fa fa-plus"></i>
|
|
|
+ </li>
|
|
|
+ <li id="dtime">
|
|
|
+ <font>下单时间</font><i class="fa fa-plus"></i>
|
|
|
+ </li>
|
|
|
+ <li id="buytime">
|
|
|
+ <font>付款时间</font><i class="fa fa-plus"></i>
|
|
|
+ </li>
|
|
|
+ <li id="printtime">
|
|
|
+ <font>打印时间</font><i class="fa fa-plus"></i>
|
|
|
+ </li>
|
|
|
+ <li id="librarytime">
|
|
|
+ <font>出库时间</font><i class="fa fa-plus"></i>
|
|
|
+ </li>
|
|
|
+ <li id="baddress">
|
|
|
+ <font>Billing Address</font><i class="fa fa-plus"></i>
|
|
|
+ </li>
|
|
|
+ <li id="saddress">
|
|
|
+ <font>Shipping Address</font><i class="fa fa-plus"></i>
|
|
|
+ </li>
|
|
|
+ <li id="bname">
|
|
|
+ <font>Bill Name</font><i class="fa fa-plus"></i>
|
|
|
+ </li>
|
|
|
+ <li id="sname">
|
|
|
+ <font>Ship Name</font><i class="fa fa-plus"></i>
|
|
|
+ </li>
|
|
|
+ <li id="client">
|
|
|
+ <font>公司名</font><i class="fa fa-plus"></i>
|
|
|
+ </li>
|
|
|
+ <li id="name">
|
|
|
+ <font>收货人名字</font><i class="fa fa-plus"></i>
|
|
|
+ </li>
|
|
|
+ <li id="address">
|
|
|
+ <font>地址1</font><i class="fa fa-plus"></i>
|
|
|
+ </li>
|
|
|
+ <li id="address2">
|
|
|
+ <font>地址2</font><i class="fa fa-plus"></i>
|
|
|
+ </li>
|
|
|
+ <li id="city">
|
|
|
+ <font>城市</font><i class="fa fa-plus"></i>
|
|
|
+ </li>
|
|
|
+ <li id="province">
|
|
|
+ <font>州/省</font><i class="fa fa-plus"></i>
|
|
|
+ </li>
|
|
|
+ <li id="street">
|
|
|
+ <font>州二字码</font><i class="fa fa-plus"></i>
|
|
|
+ </li><!-- 暂时用街道 -->
|
|
|
+ <li id="zipcode">
|
|
|
+ <font>邮编</font><i class="fa fa-plus"></i>
|
|
|
+ </li>
|
|
|
+ <li id="country">
|
|
|
+ <font>国家</font><i class="fa fa-plus"></i>
|
|
|
+ </li>
|
|
|
+ <li id="al">
|
|
|
+ <font>国家二字码</font><i class="fa fa-plus"></i>
|
|
|
+ </li>
|
|
|
+ <li id="phone">
|
|
|
+ <font>电话</font><i class="fa fa-plus"></i>
|
|
|
+ </li>
|
|
|
+ <li id="email">
|
|
|
+ <font>邮箱</font><i class="fa fa-plus"></i>
|
|
|
+ </li>
|
|
|
+ <li id="cpfpdata">
|
|
|
+ <font>商品名称</font><i class="fa fa-plus"></i>
|
|
|
+ </li>
|
|
|
+ <li id="shipremarks">
|
|
|
+ <font>仓库品名</font><i class="fa fa-plus"></i>
|
|
|
+ </li>
|
|
|
+ <li id="product_id">
|
|
|
+ <font>产品ID</font><i class="fa fa-plus"></i>
|
|
|
+ </li>
|
|
|
+ <li id="link">
|
|
|
+ <font>购买产品链接</font><i class="fa fa-plus"></i>
|
|
|
+ </li>
|
|
|
+ <li id="product">
|
|
|
+ <font>购买产品标题</font><i class="fa fa-plus"></i>
|
|
|
+ </li>
|
|
|
+ <li id="parameter">
|
|
|
+ <font>购买产品属性</font><i class="fa fa-plus"></i>
|
|
|
+ </li>
|
|
|
+ <li id="issku">
|
|
|
+ <font>购买产品SKU</font><i class="fa fa-plus"></i>
|
|
|
+ </li>
|
|
|
+ <li id="quantity">
|
|
|
+ <font>Order Quantity</font><i class="fa fa-plus"></i>
|
|
|
+ </li>
|
|
|
+ <li id="clientremarks">
|
|
|
+ <font>订单留言</font><i class="fa fa-plus"></i>
|
|
|
+ </li>
|
|
|
+ <li id="orderremarks">
|
|
|
+ <font>订单备注</font><i class="fa fa-plus"></i>
|
|
|
+ </li>
|
|
|
+ <li id="pay">
|
|
|
+ <font>支付方式</font><i class="fa fa-plus"></i>
|
|
|
+ </li>
|
|
|
+ <li id="paypal">
|
|
|
+ <font>交易号</font><i class="fa fa-plus"></i>
|
|
|
+ </li>
|
|
|
+ <li id="guarantee">
|
|
|
+ <font>卖家保障</font><i class="fa fa-plus"></i>
|
|
|
+ </li>
|
|
|
+ <li id="subtotal">
|
|
|
+ <font>Subtotal</font><i class="fa fa-plus"></i>
|
|
|
+ </li>
|
|
|
+ <li id="rowtotal">
|
|
|
+ <font>Row Total</font><i class="fa fa-plus"></i>
|
|
|
+ </li>
|
|
|
+ <li id="shippingmethod">
|
|
|
+ <font>TAX金额</font><i class="fa fa-plus"></i>
|
|
|
+ </li>
|
|
|
+ <li id="insurance">
|
|
|
+ <font>丢件险金额</font><i class="fa fa-plus"></i>
|
|
|
+ </li>
|
|
|
+ <li id="shouldmoney">
|
|
|
+ <font>订单金额[G.T.(Base)]</font><i class="fa fa-plus"></i>
|
|
|
+ </li>
|
|
|
+ <li id="ismoney">
|
|
|
+ <font>订单金额[G.T.(Purchased)]</font><i class="fa fa-plus"></i>
|
|
|
+ </li>
|
|
|
+ <li id="budget">
|
|
|
+ <font>净额</font><i class="fa fa-plus"></i>
|
|
|
+ </li>
|
|
|
+ <li id="skje">
|
|
|
+ <font>收款金额</font><i class="fa fa-plus"></i>
|
|
|
+ </li>
|
|
|
+ <li id="refundy">
|
|
|
+ <font>补/退原额</font><i class="fa fa-plus"></i>
|
|
|
+ </li>
|
|
|
+ <li id="refundj">
|
|
|
+ <font>补/退净额</font><i class="fa fa-plus"></i>
|
|
|
+ </li>
|
|
|
+ <li id="rpaypal">
|
|
|
+ <font>补/退交易号</font><i class="fa fa-plus"></i>
|
|
|
+ </li>
|
|
|
+ <li id="rtext">
|
|
|
+ <font>补/退款原因</font><i class="fa fa-plus"></i>
|
|
|
+ </li>
|
|
|
+ <li id="express">
|
|
|
+ <font>物流类型</font><i class="fa fa-plus"></i>
|
|
|
+ </li>
|
|
|
+ <li id="waybill">
|
|
|
+ <font>物流单号</font><i class="fa fa-plus"></i>
|
|
|
+ </li>
|
|
|
+ <li id="waybillid">
|
|
|
+ <font>物流转单号</font><i class="fa fa-plus"></i>
|
|
|
+ </li>
|
|
|
+ <li id="js">
|
|
|
+ <font>物流服务类型</font><i class="fa fa-plus"></i>
|
|
|
+ </li>
|
|
|
+ <li id="exstate">
|
|
|
+ <font>物流状态</font><i class="fa fa-plus"></i>
|
|
|
+ </li>
|
|
|
+ <!-- <li id="systemwigsout"><font>追踪</font><i class="fa fa-plus"></i></li> -->
|
|
|
+ <li id="ioss">
|
|
|
+ <font>IOSS号</font><i class="fa fa-plus"></i>
|
|
|
+ </li>
|
|
|
+ <li id="sbpm">
|
|
|
+ <font>英文申报品名</font><i class="fa fa-plus"></i>
|
|
|
+ </li>
|
|
|
+ <li id="zwpm">
|
|
|
+ <font>中文申报品名</font><i class="fa fa-plus"></i>
|
|
|
+ </li>
|
|
|
+ <li id="hgbm">
|
|
|
+ <font>海关编码</font><i class="fa fa-plus"></i>
|
|
|
+ </li>
|
|
|
+ <li id="ts">
|
|
|
+ <font>条数</font><i class="fa fa-plus"></i>
|
|
|
+ </li>
|
|
|
+ <li id="dtsbjz">
|
|
|
+ <font>单条申报价值</font><i class="fa fa-plus"></i>
|
|
|
+ </li>
|
|
|
+ <li id="zsbjz">
|
|
|
+ <font>总申报价值</font><i class="fa fa-plus"></i>
|
|
|
+ </li>
|
|
|
+ <li id="zzl">
|
|
|
+ <font>申报重量</font><i class="fa fa-plus"></i>
|
|
|
+ </li>
|
|
|
+ <li id="zjs">
|
|
|
+ <font>总件数</font><i class="fa fa-plus"></i>
|
|
|
+ </li>
|
|
|
+ <li id="weight">
|
|
|
+ <font>毛重</font><i class="fa fa-plus"></i>
|
|
|
+ </li>
|
|
|
+ <li id="jweight">
|
|
|
+ <font>净重</font><i class="fa fa-plus"></i>
|
|
|
+ </li>
|
|
|
+ <li id="ccfpdata">
|
|
|
+ <font>尺寸</font><i class="fa fa-plus"></i>
|
|
|
+ </li>
|
|
|
+ <li id="9610sku">
|
|
|
+ <font>9610SKU</font><i class="fa fa-plus"></i>
|
|
|
+ </li>
|
|
|
+ <li id="PPname">
|
|
|
+ <font>PPname</font><i class="fa fa-plus"></i>
|
|
|
+ </li>
|
|
|
+ <li id="PPaddress">
|
|
|
+ <font>PPaddress</font><i class="fa fa-plus"></i>
|
|
|
+ </li>
|
|
|
+ <li id="PPemail">
|
|
|
+ <font>PPemail</font><i class="fa fa-plus"></i>
|
|
|
+ </li>
|
|
|
+ <li id="klarnabill">
|
|
|
+ <font>KlarnaBill</font><i class="fa fa-plus"></i>
|
|
|
+ </li>
|
|
|
+ <li id="klarnaship">
|
|
|
+ <font>KlarnaShip</font><i class="fa fa-plus"></i>
|
|
|
+ </li>
|
|
|
+ <li id="afterpaybill">
|
|
|
+ <font>AfterpayBill</font><i class="fa fa-plus"></i>
|
|
|
+ </li>
|
|
|
+ <li id="afterpayship">
|
|
|
+ <font>AfterpayShip</font><i class="fa fa-plus"></i>
|
|
|
+ </li>
|
|
|
+ <li id="type">
|
|
|
+ <font>发货仓库</font><i class="fa fa-plus"></i>
|
|
|
+ </li>
|
|
|
+ <li id="shop">
|
|
|
+ <font>所属独立站</font><i class="fa fa-plus"></i>
|
|
|
+ </li>
|
|
|
+ <li id="sourcetype">
|
|
|
+ <font>线下单类型</font><i class="fa fa-plus"></i>
|
|
|
+ </li>
|
|
|
+ <li id="printtype">
|
|
|
+ <font>打印类型</font><i class="fa fa-plus"></i>
|
|
|
+ </li>
|
|
|
+ <li id="xdcs">
|
|
|
+ <font>客户历史订单数</font><i class="fa fa-plus"></i>
|
|
|
+ </li>
|
|
|
+ <li id="librarynot">
|
|
|
+ <font>禁止出库原因</font><i class="fa fa-plus"></i>
|
|
|
+ </li>
|
|
|
+ <li id="dbapi">
|
|
|
+ <font>产品用友料号</font><i class="fa fa-plus"></i>
|
|
|
+ </li>
|
|
|
+ <li id="scapi">
|
|
|
+ <font>料号对应产品数量</font><i class="fa fa-plus"></i>
|
|
|
+ </li>
|
|
|
+ <li id="kong">
|
|
|
+ <font>空内容</font><i class="fa fa-plus"></i>
|
|
|
+ </li>
|
|
|
|
|
|
-</ul>
|
|
|
-<ul id="c2" class="fuexcel" style="width:320px;float:right">
|
|
|
-</ul>
|
|
|
-<div style="clear:both;"></div>
|
|
|
-</ul>
|
|
|
-<div class="button"><font class="fullorderexcel">提 交</font> <font class="fh">关 闭</font></div>
|
|
|
-</div>
|
|
|
-<script>var addedit="/fullorderexcel/add/";var rowsurl="/fullorderexcel/rows/";
|
|
|
-$(document).ready(function() { $("#c1").height($("#c1 > li").length * 20); $("#c2").height($("#c1").height())});
|
|
|
-$("#c1 li").click(function() {
|
|
|
- if($(this).attr('id') != "kong")
|
|
|
- {
|
|
|
- $(this).hide();
|
|
|
- }
|
|
|
- $("#c2").append("<li data-n='"+$(this).attr("id")+"'><font>"+$(this).find("font").text()+"</font><i class='fa fa-close' id='"+$(this).attr("id")+"'></i><i class='fa fa-angle-double-down'></i><i class='fa fa-angle-down'></i><i class='fa fa-angle-double-up'></i><i class='fa fa-angle-up'></i></li>");
|
|
|
- });
|
|
|
-$("#c2").on('click',"li .fa-close",function() {
|
|
|
-var cl = $(this).attr("id");
|
|
|
-$("#c1 #"+cl).show();
|
|
|
-$(this).parents("#c2 li").remove();
|
|
|
+ </ul>
|
|
|
+ <ul id="c2" class="fuexcel" style="width:320px;float:right">
|
|
|
+ </ul>
|
|
|
+ <div style="clear:both;"></div>
|
|
|
+ </ul>
|
|
|
+ <div class="button">
|
|
|
+ <font class="fullorderexcel">提 交</font>
|
|
|
+ <font class="fh">关 闭</font>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <script>
|
|
|
+ var addedit = "/fullorderexcel/add/";
|
|
|
+ var rowsurl = "/fullorderexcel/rows/";
|
|
|
+ $(document).ready(function() {
|
|
|
+ $("#c1").height($("#c1 > li").length * 20);
|
|
|
+ $("#c2").height($("#c1").height())
|
|
|
+
|
|
|
+ let sortable = new Sortable(document.getElementById('c2'), {
|
|
|
+ animation: 150,
|
|
|
+ ghostClass: 'sortable-ghost',
|
|
|
+ handle: '.fa-arrows',
|
|
|
+ onEnd: function (evt) {
|
|
|
+ // 更新后的操作，比如保存新的顺序到服务器
|
|
|
+ console.log("Order list updated");
|
|
|
+ }
|
|
|
+ });
|
|
|
+ $("#c1 li").click(function() {
|
|
|
+ if ($(this).attr('id') != "kong") {
|
|
|
+ $(this).hide();
|
|
|
+ }
|
|
|
+ $("#c2").append("<li data-n='" + $(this).attr("id") + "'><font>" + $(this).find("font").text() +
|
|
|
+ "</font><i class='fa fa-close' id='" + $(this).attr("id") +
|
|
|
+ "'></i><i class='fa fa-arrows'></i></li>"
|
|
|
+ );
|
|
|
+
|
|
|
+ sortable.option('handle', '.fa-arrows');
|
|
|
+ });
|
|
|
});
|
|
|
-$("#c2").on('click',"li .fa-angle-up",function() {
|
|
|
- var parentsDiv = $(this).parents("#c2 li");
|
|
|
- var prev = parentsDiv.prev();
|
|
|
- if(prev.html()!=undefined){
|
|
|
- prev.before(parentsDiv);
|
|
|
- }
|
|
|
- });
|
|
|
- $("#c2").on('click',"li .fa-angle-double-up",function() {
|
|
|
- var n = 0;
|
|
|
- var parentsDiv = $(this).parents("#c2 li");
|
|
|
- var prev = parentsDiv.prev();
|
|
|
- if(prev.html()!=undefined){
|
|
|
- $("#c2").prepend(parentsDiv);
|
|
|
- }
|
|
|
+
|
|
|
+ $("#c2").on('click',"li .fa-close",function() {
|
|
|
+ var cl = $(this).attr("id");
|
|
|
+ $("#c1 #"+cl).show();
|
|
|
+ $(this).parents("#c2 li").remove();
|
|
|
});
|
|
|
+
|
|
|
+
|
|
|
|
|
|
-$("#c2").on('click',"li .fa-angle-down",function() {
|
|
|
- var parentsDiv = $(this).parents("#c2 li");
|
|
|
- var prev = parentsDiv.next();
|
|
|
- if(prev.html()!=undefined){
|
|
|
- prev.after(parentsDiv);
|
|
|
- }
|
|
|
- });
|
|
|
- $("#c2").on('click',"li .fa-angle-double-down",function() {
|
|
|
- var parentsDiv = $(this).parents("#c2 li");
|
|
|
- var prev = parentsDiv.next();
|
|
|
- if(prev.html()!=undefined){
|
|
|
- $("#c2").append(parentsDiv);
|
|
|
- }
|
|
|
- });
|
|
|
-</script>
|
|
|
-{Template footer}
|
|
|
+
|
|
|
+ </script>
|
|
|
+ <script src="{$theme}js/Sortable.min.js?v={time()}"></script>
|
|
|
+ {Template footer}
|
