WaitingDelivery.aspx 28 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573
  1. <%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage/ErpView.master" AutoEventWireup="true" CodeFile="WaitingDelivery.aspx.cs" Inherits="EDelivery_WaitingDelivery" %>
  2. <asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
  3. <link href="../css/imgbox.css" rel="stylesheet" />
  4. <script src="../js/imgbox-1.0.3.js"></script>
  5. <script type="text/javascript" src="js/printBill.js?v=<%=SiteVer %>"></script>
  6. <script type="text/javascript" src="js/WaitingDelivery.js?v=<%=SiteVer %>"></script>
  7. +
  8. <script src="../js/alioss.js"></script>
  9. </asp:Content>
  10. <asp:Content ID="Content2" ContentPlaceHolderID="btn" runat="Server">
  11. <div class="service">
  12. <p class="service_status status">打印服务状态:未连接</p>
  13. </div>
  14. <table style="width: 100%;">
  15. <tr>
  16. <td style="width: 80%;">
  17. <a id="id_sysWaybillBtn" class="mini-button mini-button-primary" style="padding: 2px 5px 2px 5px;" iconcls="icon-print" onclick="waybillFn()">淘宝打单</a>
  18. <a class="mini-button mini-button-primary" style="padding: 2px 5px 2px 5px;" iconcls="icon-folder" onclick="returnOrderFn()">打回</a>
  19. <a id="id_assignSupplier" runat="server" visible="false" class="mini-button mini-button-primary" style="padding: 2px 5px 2px 5px;" iconcls="icon-downgrade" onclick="assignSupplierFn()">供应商指派</a>
  20. <a class="mini-button mini-button-danger" style="padding: 2px 5px 2px 5px;" iconcls="icon-print" onclick="CNwaybillFn()">菜鸟打单</a>
  21. <a class="mini-button mini-button-success" style="padding: 2px 5px 2px 5px;" iconcls="icon-print" onclick="returnCYTFn()">打回接口</a>
  22. <a class="mini-button mini-button-success" style="padding: 2px 5px 2px 5px;" iconcls="icon-print" onclick="QRwaybillFn()">扫码</a>
  23. <!--<a id="id_makeSupplier" runat="server" visible="false" class="mini-button mini-button-primary" style="padding: 2px 5px 2px 5px;" iconcls="icon-downgrade" onclick="makeSupplierFn()">制作车间设置</a>-->
  24. </td>
  25. </tr>
  26. </table>
  27. </asp:Content>
  28. <asp:Content ID="Content4" ContentPlaceHolderID="content" runat="Server">
  29. <div class="mini-fit">
  30. <div id="m_grid" class="mini-datagrid" style="width: 100%; height: 100%;" contextmenu="#gridMenu" showemptytext="true" emptytext="暂无记录" url="../handler/sync.ashx?t=get_erp_waitdeliverylist">
  31. <div property="columns">
  32. <div type="indexcolumn" width="20"></div>
  33. <div type="checkcolumn" width="20"></div>
  34. <div name="orderid" width="110" align="center" headeralign="center" renderer="orderIdRenderer">订单编号</div>
  35. <div name="orderptime" width="80" align="center" headeralign="center" renderer="orderPTimeRenderer">付款时间</div>
  36. <!--<div id="id_waitDelv_payment" field="payment" runat="server" visible="false" width="40" align="center" headeralign="center">金额</div>-->
  37. <div field="IsSF" width="50" align="center" headeralign="center" renderer="SFRenderer">是否顺丰</div>
  38. <div field="seller_memo" width="200" align="center" headeralign="center" renderer="memoRenderer">备注</div>
  39. <div field="OtherMemo" id="id_othermemo" runat="server" visible="false" width="80" align="center" headeralign="center">额外备注</div>
  40. <div field="payment_cyt" id="id_payment_cyt" runat="server" visible="false" width="80" align="center" headeralign="center">成本</div>
  41. <!--div field="Img" width="30" align="center" headeralign="center" renderer="ImgRenderer">图片</div>-->
  42. <div field="FinishPlaceTime" width="60" dateformat="yyyy-MM-dd HH:mm" align="center" headeralign="center">下单时间</div>
  43. <div field="" width="60" align="center" headeralign="center" renderer="preDeliveryTime">预计发货</div>
  44. <div field="CheckMemo" width="50" align="center" headeralign="center">查单备注</div>
  45. <div name="address" width="80" align="center" headeralign="center" renderer="addressRenderer">收货地址</div>
  46. <div name="orderscus" width="60" align="center" headeralign="center" renderer="orderCusRenderer">供应商</div>
  47. <div field="AfterSaleMethod" id="id_AfterSaleMethod" runat="server" visible="false" width="80" align="center" headeralign="center">售后方案</div>
  48. <div field="UnusualCon" width="50" align="center" headeralign="center">异常解释</div>
  49. <div name="orderstatus" width="50" align="center" headeralign="center" renderer="orderStatusRenderer">状态</div>
  50. <div name="action" width="50" align="center" headeralign="center" renderer="actionRenderer">#</div>
  51. </div>
  52. </div>
  53. </div>
  54. <ul id="gridMenu" class="mini-contextmenu" onbeforeopen="onBeforeOpen">
  55. <li name="edit" iconcls="icon-copy" onclick="onCopyOrder">复制单号</li>
  56. <li name="edit" iconcls="icon-copy" onclick="onCopyBuyerNick">复制旺旺号</li>
  57. <li name="edit" iconcls="icon-epay" onclick="onTagArrived">顺丰到付</li>
  58. <li name="edit" iconcls="icon-spay" onclick="onTagStarted">顺丰寄付</li>
  59. <li name="edit" iconcls="icon-stop" onclick="stopTagStarted">撤销顺丰</li>
  60. </ul>
  61. <div id="delivery_win" class="mini-window" title="发货" style="width: 550px; height: 350px; position: relative; display: none">
  62. <table class="win_tb" border="0" cellpadding="0" cellspacing="1">
  63. <tr>
  64. <td class="td1">发货方式</td>
  65. <td class="td2" colspan="3">
  66. <select id="txtDeliveryType" style="width: 80%;">
  67. <option value="物流发货">物流发货</option>
  68. <option value="虚拟发货">虚拟发货</option>
  69. </select>
  70. </td>
  71. </tr>
  72. <tr>
  73. <td class="td1">运单号</td>
  74. <td class="td2" colspan="3">
  75. <input type="text" id="txtTransNo" /></td>
  76. </tr>
  77. <tr>
  78. <td class="td1">物流公司</td>
  79. <td class="td2" colspan="3">
  80. <input id="txtComName" class="mini-combobox" style="width: 80%;" textfield="name" valuefield="cpCode" onvaluechanged="onBillComChanged" url="../handler/sync.ashx?t=get_sel_mail" />
  81. </td>
  82. </tr>
  83. <tr>
  84. <td class="td1">备注</td>
  85. <td class="td2" colspan="3">
  86. <textarea id="txtdeliveryMemo" style="width: 96%; height: 60px;"></textarea></td>
  87. </tr>
  88. <tr>
  89. <td colspan="4">
  90. <div class="win_btn" style="text-align: center;">
  91. <a class="mini-button" iconcls="icon-ok" onclick="saveDeliveryFn">保存</a>&nbsp;
  92. <a class="mini-button" iconcls="icon-cancel" onclick="cancelDeliveryFn">取消</a>
  93. </div>
  94. </td>
  95. </tr>
  96. </table>
  97. </div>
  98. <div id="assign_win" class="mini-window" title="指派供应商" style="width: 350px; height: 180px; position: relative; display: none">
  99. <table class="win_tb" border="0" cellpadding="0" cellspacing="1">
  100. <tr>
  101. <td class="td1">供应商</td>
  102. <td class="td2" colspan="3">
  103. <input id="txtSupplierName" class="mini-combobox" style="width: 90%;" popupheight="500" popupminheight="300" popupmaxheight="1000" textfield="name" valuefield="id" required="true" allowinput="true" valuefromselect="true" url="../handler/sync.ashx?t=get_sel_supplier" />
  104. </td>
  105. </tr>
  106. <tr>
  107. <td colspan="4">
  108. <div class="win_btn" style="text-align: center;">
  109. <a class="mini-button" iconcls="icon-ok" onclick="saveAssignFn">保存</a>&nbsp;
  110. <a class="mini-button" iconcls="icon-cancel" onclick="cancelAssignFn">取消</a>
  111. </div>
  112. </td>
  113. </tr>
  114. </table>
  115. </div>
  116. <div id="make_win" class="mini-window" title="指派制作供应商" style="width: 550px; height: 280px; position: relative; display: none">
  117. <table class="win_tb" border="0" cellpadding="0" cellspacing="1">
  118. <tr>
  119. <td class="td1">供应商</td>
  120. <td class="td2" colspan="3">
  121. <div id="txtMakeSupplier" class="mini-combobox" style="width: 400px;" popupwidth="300" popupminheight="450" popupmaxheight="450" textfield="name" valuefield="id"
  122. url="../Handler/sync.ashx?t=get_sel_supplier" value="id" multiselect="true" showclose="true" oncloseclick="onCloseClick">
  123. <div property="columns">
  124. <div header="供应商" field="name"></div>
  125. </div>
  126. </div>
  127. </td>
  128. </tr>
  129. <tr>
  130. <td colspan="4">
  131. <div class="win_btn" style="text-align: center;">
  132. <a class="mini-button" iconcls="icon-ok" onclick="saveMakeAssignFn">保存</a>&nbsp;
  133. <a class="mini-button" iconcls="icon-cancel" onclick="cancelMakeAssignFn">取消</a>
  134. </div>
  135. </td>
  136. </tr>
  137. </table>
  138. </div>
  139. <div id="waybill_win" class="mini-window" title="打单" style="width: 550px; height: 250px; position: relative; display: none">
  140. <table class="win_tb" border="0" cellpadding="0" cellspacing="1">
  141. <tr>
  142. <td class="td1">物流公司</td>
  143. <td class="td2" colspan="3">
  144. <input id="txtBillCom" class="mini-combobox" style="width: 80%;" textfield="name" valuefield="cpCode" onvaluechanged="onBillComChanged" url="../handler/sync.ashx?t=get_sel_mail" />
  145. </td>
  146. </tr>
  147. <%--<tr>
  148. <td class="td1">快递模板</td>
  149. <td class="td2" colspan="3">
  150. <input id="txtBillModel" class="mini-combobox" style="width: 80%;" textfield="name" valuefield="id" />
  151. </td>
  152. </tr>--%>
  153. <tr>
  154. <td class="td1">打印机</td>
  155. <td class="td2" colspan="3">
  156. <input id="txtBillPrinter" class="mini-combobox" style="width: 80%;" textfield="name" valuefield="name" required="true" allowinput="true" valuefromselect="true" onvaluechanged="onBillPrinterChanged" url="" />
  157. </td>
  158. </tr>
  159. <tr id="win_btns">
  160. <td colspan="4">
  161. <div class="win_btn" style="text-align: center;">
  162. <a id="id_saveWaybillBtn" class="mini-button" iconcls="icon-ok" onclick="saveWaybillFn">打印面单</a>&nbsp;
  163. <a class="mini-button" iconcls="icon-cancel" onclick="cancelWaybillFn">取消</a>
  164. </div>
  165. </td>
  166. </tr>
  167. <tr id="qr_input">
  168. <td>
  169. <p class="service_status status">打印服务状态:未连接</p>
  170. </td>
  171. <td>
  172. <span class="mini-textbox-border">
  173. <input id="qr_code" class="mini-textbox-input" />
  174. </span>
  175. </td>
  176. </tr>
  177. </table>
  178. <div id="qr_print_result" style="height: 50px; overflow-y: scroll; padding: 5px"></div>
  179. </div>
  180. <div id="waybill_win_CN" class="mini-window" title="菜鸟打单(订单号带N,且有收货地址)" style="color: orangered; width: 550px; height: 300px; position: relative; display: none">
  181. <table class="win_tb" border="0" cellpadding="0" cellspacing="1">
  182. <tr>
  183. <td colspan="4" style="color: red;">温馨提示:此打单方式必须有完整收货地址和电话</td>
  184. </tr>
  185. <tr>
  186. <td class="td1">物流公司</td>
  187. <td class="td2" colspan="3">
  188. <input id="txtBillCom_CN" class="mini-combobox" style="width: 80%;" textfield="name" valuefield="code" onvaluechanged="CNonBillComChanged" url="../handler/sync.ashx?t=get_waybill_company" />
  189. </td>
  190. </tr>
  191. <tr>
  192. <td class="td1">快递模板</td>
  193. <td class="td2" colspan="3">
  194. <input id="txtBillModel_CN" class="mini-combobox" style="width: 80%;" textfield="name" valuefield="Code" />
  195. </td>
  196. </tr>
  197. <tr>
  198. <td class="td1">打印机</td>
  199. <td class="td2" colspan="3">
  200. <input id="txtBillPrinter_CN" class="mini-combobox" style="width: 80%;" textfield="name" valuefield="name" required="true" allowinput="true" valuefromselect="true" onvaluechanged="CNonBillPrinterChanged" url="" />
  201. </td>
  202. </tr>
  203. <tr>
  204. <td colspan="4">
  205. <div class="win_btn" style="text-align: center;">
  206. <a class="mini-button" iconcls="icon-ok" onclick="CNsaveWaybillFn">打印面单</a>&nbsp;
  207. <a class="mini-button" iconcls="icon-cancel" onclick="CNcancelWaybillFn">取消</a>
  208. </div>
  209. </td>
  210. </tr>
  211. </table>
  212. </div>
  213. <div id="memo_win" class="mini-window" title="备注信息" style="width: 550px; height: 200px; position: relative; display: none">
  214. <table class="win_tb" border="0" cellpadding="0" cellspacing="1">
  215. <tr>
  216. <td class="td1">查单备注</td>
  217. <td class="td2" colspan="3">
  218. <textarea id="txtMemo" style="width: 96%; height: 60px;"></textarea></td>
  219. </tr>
  220. <tr>
  221. <td colspan="4">
  222. <div class="win_btn" style="text-align: center;">
  223. <a class="mini-button" iconcls="icon-ok" onclick="saveMemoFn">保存</a>&nbsp;
  224. <a class="mini-button" iconcls="icon-cancel" onclick="canceMemolFn">取消</a>
  225. </div>
  226. </td>
  227. </tr>
  228. </table>
  229. </div>
  230. <div id="issue_win" class="mini-window" title="问题反馈" style="width: 550px; height: 200px; position: relative; display: none">
  231. <table class="win_tb" border="0" cellpadding="0" cellspacing="1">
  232. <tr>
  233. <td class="td1">问题反馈</td>
  234. <td class="td2" colspan="3">
  235. <textarea id="txtIssue" style="width: 96%; height: 60px;"></textarea></td>
  236. </tr>
  237. <tr>
  238. <td colspan="4">
  239. <div class="win_btn" style="text-align: center;">
  240. <a class="mini-button" iconcls="icon-ok" onclick="saveIssueFn">保存</a>&nbsp;
  241. <a class="mini-button" iconcls="icon-cancel" onclick="canceIssueFn">取消</a>
  242. </div>
  243. </td>
  244. </tr>
  245. </table>
  246. </div>
  247. <div id="price_win" class="mini-window" title="成本登记" style="width: 550px; height: 300px; position: relative; display: none">
  248. <table class="win_tb" border="0" cellpadding="0" cellspacing="1">
  249. <tr>
  250. <td class="td1">订单编号</td>
  251. <td class="td2" colspan="3" id="price_ordersn"></td>
  252. </tr>
  253. <tr>
  254. <td class="td1">供应商</td>
  255. <td class="td2" colspan="3" id="price_name"></td>
  256. </tr>
  257. <tr>
  258. <td class="td1">成本</td>
  259. <td class="td2" colspan="3">
  260. <input type="text" id="price_number" />
  261. </td>
  262. </tr>
  263. <tr>
  264. <td colspan="4">
  265. <div class="win_btn" style="text-align: center;">
  266. <a class="mini-button" iconcls="icon-ok" onclick="savePrice">保存</a>&nbsp;
  267. <a class="mini-button" iconcls="icon-cancel" onclick="mini.get('price_win').hide()">取消</a>
  268. </div>
  269. </td>
  270. </tr>
  271. </table>
  272. </div>
  273. <div id="returnreason_win" class="mini-window" title="退单" style="width: 700px; height: 400px; position: relative; display: none">
  274. <input type="hidden" id="returnreason_id" />
  275. <table class="win_tb" border="0" cellpadding="0" cellspacing="1">
  276. <tr id="id_selectReturnreason" runat="server" visible="false">
  277. <td class="td1"></td>
  278. <td class="td2" colspan="3">
  279. <input id="selectReturnreason" class="mini-combobox" style="width: 80%;" textfield="title" valuefield="title" required="true" allowinput="true" valuefromselect="true" onvaluechanged="returnreasonChanged" />
  280. </td>
  281. </tr>
  282. <tr>
  283. <td class="td1">原因</td>
  284. <td class="td2" colspan="3">
  285. <textarea id="txtReturnreason" style="width: 96%; height: 60px;"></textarea></td>
  286. </tr>
  287. <tr>
  288. <td colspan="4">
  289. <div class="win_btn" style="text-align: center;">
  290. <a class="mini-button" iconcls="icon-ok" onclick="saveReturnreasonFn">保存</a>&nbsp;
  291. <a class="mini-button" iconcls="icon-cancel" onclick="cancelReturnreason">取消</a>
  292. </div>
  293. </td>
  294. </tr>
  295. </table>
  296. </div>
  297. <script>
  298. function showPriceWin(ctid, price, name) {
  299. $("#price_ordersn").empty().html(ctid);
  300. $("#price_name").empty().html(name);
  301. $("#price_number").val(price);
  302. mini.get("price_win").show();
  303. }
  304. function savePrice() {
  305. let price = $("#price_number").val();
  306. let ctid = $("#price_ordersn").html();
  307. mini.get('price_win').hide();
  308. let params = { price, ctid };
  309. postAjax("change_erp_order_price", params, function (data) {
  310. mini.get("price_win").hide();
  311. resultShow(data, "grid.reload();");
  312. });
  313. }
  314. function returnreasonChanged(e) {
  315. $("#txtReturnreason").val("").val(e.value);
  316. }
  317. function cancelReturnreason() {
  318. mini.get("returnreason_win").hide()
  319. }
  320. function saveReturnreasonFn() {
  321. let parms = {};
  322. parms.ctid = $("#returnreason_id").val();
  323. parms.returnreason = $("#txtReturnreason").val();
  324. postAjax("ins_erp_returnreason", parms, function (data) {
  325. if ($("#selectReturnreason").is(':visible')) {
  326. mini.get("selectReturnreason").setValue("");
  327. }
  328. $("#txtReturnreason").val("");
  329. mini.get("returnreason_win").hide()
  330. resultShow(data, "grid.reload();");
  331. });
  332. }
  333. let returnreason_list = [{
  334. title: "客服撤"
  335. }, {
  336. title: "设计撤"
  337. }, {
  338. title: "售后撤"
  339. }, {
  340. title: "审稿撤"
  341. }, {
  342. title: "设计 尺寸不符"
  343. }, {
  344. title: "设计 未转曲"
  345. }, {
  346. title: "设计 文件没标孔"
  347. }, {
  348. title: "设计 款数不符 "
  349. }, {
  350. title: "设计 文件含无效轮廓"
  351. }, {
  352. title: "设计 数量不明确"
  353. }, {
  354. title: "设计 文件名直角文件模切"
  355. }, {
  356. title: "设计 文件名模切文件直角"
  357. }, {
  358. title: "设计 文件名双面 文件单面"
  359. }, {
  360. title: "设计 文件单面 文件名双面"
  361. }, {
  362. title: "设计 文件打不开"
  363. }, {
  364. title: "设计 文件打开空白"
  365. }, {
  366. title: "设计 文件带R标 需要提供商标注册+印刷委托书 或者 营业执照+印刷委托书 两者取一种 必需带公章"
  367. }, {
  368. title: "设计 没按固定刀版设计"
  369. }, {
  370. title: "设计 双面左右放 竖着排一列"
  371. }, {
  372. title: "设计 打码位置不够 要留35x7mm"
  373. }, {
  374. title: "设计 内页是否设计反了"
  375. }, {
  376. title: "设计 刀版间距不够 至少要3mm以上"
  377. }, {
  378. title: "设计 文件有RGB色值"
  379. }, {
  380. title: "设计 刀版跟出血卡边 会模切不准"
  381. }, {
  382. title: "设计 底色要不要"
  383. }, {
  384. title: "设计 打印没有这个尺寸的刮刮膜 具体看报价系统"
  385. }, {
  386. title: "设计 没做出血"
  387. }, {
  388. title: "设计 没做刀版"
  389. }, {
  390. title: "设计 划痕划到字"
  391. }, {
  392. title: "设计 文件糊 直接做吗"
  393. }, {
  394. title: "设计 图片超出画面框"
  395. }, {
  396. title: "设计 刮奖区虚线偏大文件图片没法调整 贴膜的位置要比膜的尺寸一边小3mm"
  397. }, {
  398. title: "设计 文件里面需要放杯子图片跟口径"
  399. }, {
  400. title: "设计 烫金不是矢量文件"
  401. }, {
  402. title: "设计 白墨需要做白墨版"
  403. }, {
  404. title: "设计 烫金最小尺寸英文3mm以上中文5mm以上线条0.5mm以上间距不够0.5mm 糊"
  405. }, {
  406. title: "设计 棉卡印不了底色 底色是材质色"
  407. }, {
  408. title: "设计 奖项没有备注数量"
  409. }, {
  410. title: "客服 超成本"
  411. }, {
  412. title: "客服 地址以表格形式发群里"
  413. }, {
  414. title: "客服 特种纸不覆膜"
  415. }, {
  416. title: "客服 实际金额拍了多少 额外备注备注一下"
  417. }, {
  418. title: "客服 老客户要及时上传"
  419. }, {
  420. title: "客服 搜不到之前文件 是否有改名字或者换号 额外备注 备注一下"
  421. }, {
  422. title: "客服 文件名不规范"
  423. }];
  424. $(() => {
  425. mini.get("selectReturnreason").setData(returnreason_list);
  426. });
  427. </script>
  428. <div id="uploaderPackFile_win" class="mini-window" title="上传包裹图片" style="width: 1000px; height: 300px; position: relative; display: none">
  429. <table class="win_tb" border="0" cellpadding="0" cellspacing="1">
  430. <tr>
  431. <td class="td1"></td>
  432. <td class="td2">
  433. <input type="file" id="pack_file" />
  434. </td>
  435. </tr>
  436. <tr>
  437. <td class="td1">文件地址</td>
  438. <td class="td2">
  439. <div id="packFile_url" style="gap: 10px; display: flex; flex-direction: column;"></div>
  440. </td>
  441. </tr>
  442. <tr>
  443. <td colspan="5">
  444. <div class="win_btn" style="text-align: center;">
  445. <a class="mini-button" iconcls="icon-ok" onclick="saveUploaderPackFileFn">确定</a>&nbsp;
  446. <a class="mini-button" iconcls="icon-cancel" onclick="cancelUploaderPackFileFn">取消</a>
  447. </div>
  448. </td>
  449. </tr>
  450. </table>
  451. </div>
  452. <script>
  453. const client = new OSS({
  454. // yourregion填写Bucket所在地域。以华东1(杭州)为例,Region填写为oss-cn-hangzhou。
  455. region: "oss-cn-fuzhou",
  456. // 从环境变量中获取访问凭证。运行本代码示例之前,请确保已设置环境变量OSS_ACCESS_KEY_ID和OSS_ACCESS_KEY_SECRET。
  457. accessKeyId: "LTAI5tE7wuNkeT9jZ42bQnyr",
  458. accessKeySecret: "NnutvWhKl4HbQFSad3HosYbCkEkbjN",
  459. // 填写存储空间名称。
  460. bucket: "dfdiyfile",
  461. endpoint: "https://oss-cn-fuzhou.aliyuncs.com",
  462. });
  463. let ori_tid = "";
  464. let ori_ctid = "";
  465. let ori_type = "";
  466. function openPackFile(tid, ctid) {
  467. ori_tid = tid;
  468. ori_ctid = ctid;
  469. ori_type = "PACK_FILE";
  470. getFilesList();
  471. mini.get("uploaderPackFile_win").show();
  472. document.getElementById('pack_file').value = "";
  473. }
  474. function saveUploaderPackFileFn() {
  475. mini.get("uploaderPackFile_win").hide();
  476. }
  477. function cancelUploaderPackFileFn() {
  478. mini.get("uploaderPackFile_win").hide();
  479. }
  480. function getFilesList() {
  481. postAjax("getCellFile", { tid: ori_tid, ctid: ori_ctid, type: ori_type }, function (data) {
  482. $("#packFile_url").empty();
  483. let html = ``;
  484. for (var i = 0; i < data.length; i++) {
  485. html += `<div style="display:flex;gap:10px">
  486. <img src="${data[0].url}" style="width:40px;height:40px"/>
  487. </div>`
  488. }
  489. $("#packFile_url").append(html);
  490. });
  491. }
  492. document.getElementById('pack_file').addEventListener('change', async function (e) {
  493. const file = e.target?.files[0];
  494. const reader = new FileReader();
  495. let url = await putPackObject(file);
  496. let list = [url];
  497. postAjax("saveCellFile", { tid: ori_tid, ctid: ori_ctid, type: ori_type, urls: list.join(","), del: 1 }, function (data) {
  498. getFilesList();
  499. });
  500. document.getElementById('pack_file').value = "";
  501. });
  502. async function putPackObject(file) {
  503. try {
  504. let fileDir = dateFtt("yyyyMMdd", new Date())
  505. let name = "packDoc/" + fileDir + "/" + guid() + getSuff(file.name);
  506. // 填写Object完整路径。Object完整路径中不能包含Bucket名称。
  507. // 您可以通过自定义文件名(例如exampleobject.txt)或文件完整路径(例如exampledir/exampleobject.txt)的形式实现将数据上传到当前Bucket或Bucket中的指定目录。
  508. // data对象可以自定义为file对象、Blob数据或者OSS Buffer。
  509. const options = {
  510. headers: { "Content-Type": "text/plain" },
  511. };
  512. const result = await client.put(name, file, options);
  513. return result.url;
  514. } catch (e) {
  515. console.log(e);
  516. }
  517. }
  518. function dateFtt(fmt, date) {
  519. var o = {
  520. "M+": date.getMonth() + 1, //月份
  521. "d+": date.getDate(), //日
  522. "h+": date.getHours(), //小时
  523. "m+": date.getMinutes(), //分
  524. "s+": date.getSeconds(), //秒
  525. "q+": Math.floor((date.getMonth() + 3) / 3), //季度
  526. "S": date.getMilliseconds() //毫秒
  527. };
  528. if (/(y+)/.test(fmt)) {
  529. fmt = fmt.replace(RegExp.$1, (date.getFullYear() + "").substr(4 - RegExp.$1.length));
  530. }
  531. for (var k in o) {
  532. if (new RegExp("(" + k + ")").test(fmt))
  533. fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
  534. }
  535. return fmt;
  536. }
  537. function getSuff(name) {
  538. return name.substring(name.lastIndexOf("."));
  539. }
  540. function guid() {
  541. return "xxxxxxxx-xxxx-4xxx-yxxx".replace(/[xy]/g, function (c) {
  542. var r = (Math.random() * 16) | 0,
  543. v = c == "x" ? r : (r & 0x3) | 0x8;
  544. return v.toString(16);
  545. });
  546. }
  547. </script>
  548. <%--<div class="image_large" onclick="hideImage(this)"></div>--%>
  549. </asp:Content>