Kezdőlap Felfedezés Súgó
Regisztráció Bejelentkezés
wangziheng
/
crmeb_shop
1
0
Másolás 0
Fájlok Problémák 0 Beolvasztási kérések 0 Wiki
Fa: ddae4c68f2
Branch-ok Tag-ek
crmeb_shop
/
application
/
admin
/
view
/
widget
/
images.php

images.php 6.8 KB
Előzmények Nyers

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111 
  1. <!DOCTYPE html>
    2. 

  2. <!--suppress JSAnnotator -->
    3. 

  3. <html lang="zh-CN">
    4. 

  4. <head>
    5. 

  5.     <link href="{__PLUG_PATH}layui/css/layui.css" rel="stylesheet">
    6. 

  6.     <script src="{__PLUG_PATH}jquery-1.10.2.min.js"></script>
    7. 

  7.     <script src="{__PLUG_PATH}layui/layui.js"></script>
    8. 

  8. </head>
    9. 

  9. <style>
    10. 

  10.     .layui-btn + .layui-btn{margin: 0;}
    11. 

  11.     .main{ margin: 12px 0;}
    12. 

  12.     .main-top{ border-bottom: 1px solid #e5e5e5;  height: 12px;  width: 100%;  position: fixed;  top: 0;  background-color: #FFFFFF;  z-index: 100;  }
    13. 

  13.     .main .left{max-width:125px; height:100%;width: 115px;border-right: 1px solid #e5e5e5;border-left: 1px solid #e5e5e5;float: left;}
    14. 

  14.     .main .left .left-top{position: fixed;padding: 10px 10px 0;height: 35px;border-bottom: 1px solid #e5e5e5; background-color: #eee;}
    15. 

  15.     .main .left .tabs-left{overflow-y: auto;height: 100%;width:115px;position: fixed;top:58px;border-right: 1px solid #e5e5e5;}
    16. 

  16.     .main ::-webkit-scrollbar{width: 3px;height: auto;background-color: #ddd;}
    17. 

  17.     .main ::-webkit-scrollbar-thumb {
    18. 

  18.         border-radius: 1px;
    19. 

  19.         -webkit-box-shadow: inset 0 0 6px rgba(255,255,255,.3);
    20. 

  20.         background-color: #333;
    21. 

  21.     }
    22. 

  22.     .main ::-webkit-scrollbar-track {
    23. 

  23.         -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    24. 

  24.         border-radius: 1px;
    25. 

  25.         background: #e5e5e5;
    26. 

  26.     }
    27. 

  27.     .main .left .nav{margin:0;padding-bottom: 100px;}
    28. 

  28.     .main .left .nav li{padding: 4px;height: 22px;}
    29. 

  29.     .main .left .nav li.active{background-color: #293846;border-left: 2px solid #19AA8D;}
    30. 

  30.     .main .left .nav li.active a{color: #a7b1c2;}
    31. 

  31.     .main .left .nav li.child{padding: 2px;padding-left: 7px;}
    32. 

  32.     .main .right{width: calc(100% - 117px);float: right;}
    33. 

  33.     .main .right .right-top{position: fixed;background-color: #fff;  z-index: 1000;width: 100%;padding: 7px 10px 0;height: 38px;border-bottom: 1px solid #e5e5e5;border-top: 1px solid #e5e5e5;}
    34. 

  34.     .main .right .imagesbox{position: fixed;top:58px;min-height: 200px;height: calc(100% - 88px);;overflow-y: auto;}
    35. 

  35.     .main .right .imagesbox .image-item{position: relative;display: inline-block;  width: 112px;height: 112px;  border: 1px solid #ECECEC;background-color: #F7F6F6;  cursor: default;  margin: 10px 0 0 10px;padding: 5px;}
    36. 

  36.     .main .right .imagesbox .image-item img{width: 112px;height: 112px;}
    37. 

  37.     .main .right .imagesbox .on{border: 3px dashed #0092DC;padding: 3px;}
    38. 

  38.     .main .right .foot-tool{position: fixed;bottom: 0px;width: calc(100% - 117px);background-color:#fff;height: 30px;padding: 7px 10px 0;border-top: 1px solid #e5e5e5;}
    39. 

  39.     .main .right .foot-tool .page{padding: 0px 10px;float: right;}
    40. 

  40.     .main .right .foot-tool .page ul{width: 100%}
    41. 

  41.     .main .right .foot-tool .page li{float: left;margin: 0px;}
    42. 

  42.     .main .right .foot-tool .page .disabled span{background-color: #e6e6e6!important;  color: #bbb!important;  cursor: no-drop;padding: 0px 10px;  height: 30px;  line-height: 30px;  display: block;}
    43. 

  43.     .main .right .foot-tool .page .active span{background-color: #428bca;color: #fff;border-color: #428bca;padding: 0px 10px;  height:30px;  line-height: 30px;  display: block;}
    44. 

  44.     .main .right .foot-tool .page li a{border: 1px solid #e5e5e5;padding: 0px 10px;  height: 28px;  line-height: 28px;  display: block;}
    45. 

  45. </style>
    46. 

  46. <body>
    47. 

  47. <div class="main">
    48. 

  48.     <div class="main-top"></div>
    49. 

  49.     <div class="left">
    50. 

  50.         <div class="left-top">
    51. 

  51.             <button class="layui-btn layui-btn-primary layui-btn-xs" id="addcate" title="添加分类"><i class="layui-icon layui-icon-add-circle-fine"></i></button>
    52. 

  52.             <button class="layui-btn layui-btn-primary layui-btn-xs" id="editcate" title="编辑当前分类"><i class="layui-icon layui-icon-edit"></i></button>
    53. 

  53.             <button class="layui-btn layui-btn-primary layui-btn-xs" id="deletecate" title="删除当前分类"><i class="layui-icon layui-icon-delete"></i></button>
    54. 

  54.         </div>
    55. 

  55.         <div class="tabs-left">
    56. 

  56.             <ul class="nav nav-tabs">
    57. 

  57.                 <li {if condition="$pid eq 0" } class="active" {/if}><a href="{:Url('index',array('pid'=>0,'fodder'=>$Request.param.fodder,'big'=>$Request.param.big))}">所有分类</a></li>
    58. 

  58.                 {volist name="$typearray" id="vo" key="k"}
    59. 

  59.                     {if condition="$vo.id eq $pid"}
    60. 

  60.                      <li class="active"><a href="{:Url('index',array('pid'=>$vo.id,'fodder'=>$Request.param.fodder,'big'=>$Request.param.big))}">{$vo.name}</a></li>
    61. 

  61.                 {else}
    62. 

  62.                      <li ><a href="{:Url('index',array('pid'=>$vo.id,'fodder'=>$Request.param.fodder,'big'=>$Request.param.big))}">{$vo.name}</a></li>
    63. 

  63.                 {/if}
    64. 

  64.                 {volist name="$vo.child" id="voo" key="kk"}
    65. 

  65.                        <li class="child {if condition="$voo.id eq $pid"} active{/if}">
    66. 

  66.                         <a href="{:Url('index',array('pid'=>$voo.id,'fodder'=>$Request.param.fodder,'big'=>$Request.param.big))}">{if condition="$kk eq count($vo.child)"}└{else/}├{/if}{$voo.name}</a>
    67. 

  67.                         </li>
    68. 

  68.                     {/volist}
    69. 

  69.                 {/volist}
    70. 

  70.             </ul>
    71. 

  71.         </div>
    72. 

  72.     </div>
    73. 

  73.     <div class="right">
    74. 

  74.         <div class="right-top">
    75. 

  75.             <button class="layui-btn layui-btn-sm layui-btn-primary"  id="moveimg">移动分类</button>
    76. 

  76.             <button class="layui-btn  layui-btn-sm layui-btn-primary" id="deleteimg">删除图片</button>
    77. 

  77.         </div>
    78. 

  78.         <div class="imagesbox">
    79. 

  79.             {volist name="list" id="vo"}
    80. 

  80.             <div class="image-item">
    81. 

  81.                 <div class="image-delete" data-url="{:Url('delete',array('att_id'=>$vo.att_id))}"></div>
    82. 

  82.                 {if condition="$Request.param.small eq 1"}
    83. 

  83.                 <img class="pic" src="{$vo.satt_dir|ltrim='.'}" id="{$vo.att_id}"/>
    84. 

  84.                 {else/}
    85. 

  85.                 <img class="pic" src="{$vo.att_dir|ltrim='.'}" id="{$vo.att_id}"/>
    86. 

  86.                 {/if}
    87. 

  87.             </div>
    88. 

  88.             {/volist}
    89. 

  89.         </div>
    90. 

  90.         <div class="foot-tool">
    91. 

  91.             <button class="layui-btn layui-btn-sm"  id="upload">上传图片</button>
    92. 

  92.             <button class="layui-btn layui-btn-normal layui-btn-sm" id="ConfirmChoices">使用选中的图片</button>
    93. 

  93. <!--            <button class="layui-btn layui-btn-danger layui-btn-sm" id="close" >关闭</button>-->
    94. 

  94.             <div class="page">{$page}</div>
    95. 

  95.         </div>
    96. 

  96.     </div>
    97. 

  97. </div>
    98. 

  98. </body>
    99. 

  99. </html>
    100. 

  100. <script>
    101. 

  101.     var pid = {$pid+0};//当前图片分类ID
    102. 

  102.     var parentinputname = '{$Request.param.fodder}';//父级input name
    103. 

  103.     var uploadurl = "{:Url('upload',array('pid'=>$Request.param.pid))}"; //上传图片地址
    104. 

  104.     var deleteurl = "{:Url('delete')}";//删除图片地址
    105. 

  105.     var moveurl = "{:Url('moveimg')}";//移动图片地址
    106. 

  106.     var addcate = "{:Url('addcate',array('id'=>$pid))}";//添加图片分类地址
    107. 

  107.     var editcate = "{:Url('editcate',array('id'=>$pid))}";//编辑图片分类地址
    108. 

  108.     var deletecate = "{:Url('deletecate')}";//删除图片分类地址
    109. 

  109. </script>
    110. 

  110. <script src="{__MODULE_PATH}widget/images.js"></script>
    111. 

  111.