basicset.blade.php 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215
  1. <div class="form-group">
  2. <label class="col-xs-12 col-sm-3 col-md-2 control-label"><span style='color:red'>*</span> 海报名称</label>
  3. <div class="col-sm-9 col-xs-12">
  4. <input type="text" name="poster[title]" class="form-control" value="{{$poster['title']}}" />
  5. </div>
  6. </div>
  7. <!--预留给后期添加活动海报
  8. <div class="form-group">
  9. <label class="col-xs-12 col-sm-3 col-md-2 control-label"><span style='color:red'>*</span> 海报类型</label>
  10. <div class="col-sm-9 col-xs-12">
  11. <label class="radio-inline">
  12. <input type="radio" name="poster[type]" value="1" checked onclick="showGoodsSelect(false)"/> 活动海报
  13. </label>
  14. <label class="radio-inline">
  15. <input type="radio" name="poster[type]" value="2" @if($poster['type']==2)checked @endif"/> 长期海报
  16. </label>
  17. </div>
  18. </div>
  19. -->
  20. <div class="form-group">
  21. <label class="col-xs-12 col-sm-3 col-md-2 control-label"><span style='color:red'>*</span> 关键词</label>
  22. <div class="col-sm-9 col-xs-12">
  23. <input type="text" name="poster[keyword]" class="form-control" value="{{$poster['keyword']}}" />
  24. <span class='help-block'>触发生成海报的关键词</span>
  25. </div>
  26. </div>
  27. <!-- 预留给"活动海报"-->
  28. {{--<div class="form-group">--}}
  29. {{--<label class="col-xs-12 col-sm-3 col-md-2 control-label">活动有效期</label>--}}
  30. {{--<div class="col-sm-9 col-xs-12">--}}
  31. {{--{!!tpl_form_field_daterange('time', array(--}}
  32. {{--'start'=>date('Y-m-d H:i', isset($poster['time_start']) ? $poster['time_start'] : strtotime('today')),--}}
  33. {{--'end'=>date('Y-m-d H:i', isset($poster['time_end']) ? $poster['time_end'] : strtotime('+7 day'))--}}
  34. {{--),true)!!}--}}
  35. {{--<span class='help-block'>粉丝在活动有效期外不能生成海报</span>--}}
  36. {{--<span class='help-block'>粉丝生成的海报有效期为生成日起到活动结束时间内最长7天</span>--}}
  37. {{--</div>--}}
  38. {{--</div>--}}
  39. <div class="form-group">
  40. <label class="col-xs-12 col-sm-3 col-md-2 control-label">是否启用</label>
  41. <div class="col-sm-9 col-xs-12">
  42. <label class="radio-inline">
  43. <input type="radio" name="poster[status]" value="1" checked /> 启用
  44. </label>
  45. <label class="radio-inline">
  46. <input type="radio" name="poster[status]" value="0" @if(isset($poster['status']) && ($poster['status']==0))checked @endif /> 禁用
  47. </label>
  48. </div>
  49. </div>
  50. <div class="form-group">
  51. <label class="col-xs-12 col-sm-3 col-md-2 control-label">会员中心显示</label>
  52. <div class="col-sm-9 col-xs-12">
  53. <label class="radio-inline">
  54. <input type="radio" name="poster[center_show]" value="1" @if($poster['center_show']==1) checked @endif /> 开启
  55. </label>
  56. <label class="radio-inline">
  57. <input type="radio" name="poster[center_show]" value="0" @if(empty($poster['center_show']) || ($poster['center_show'] != 1))checked @endif /> 关闭
  58. </label>
  59. <span class='help-block'>开启状态:会员中心推广二维码显示该海报图片</span>
  60. </div>
  61. </div>
  62. <div class="form-group">
  63. <label class="col-xs-12 col-sm-3 col-md-2 control-label">App分享页面显示</label>
  64. <div class="col-sm-9 col-xs-12">
  65. <label class="radio-inline">
  66. <input type="radio" name="poster[app_share_show]" value="1" @if($poster['app_share_show']==1) checked @endif /> 开启
  67. </label>
  68. <label class="radio-inline">
  69. <input type="radio" name="poster[app_share_show]" value="0" @if(empty($poster['app_share_show']) || ($poster['app_share_show'] != 1))checked @endif /> 关闭
  70. </label>
  71. <span class='help-block'>开启状态:App分享页面显示该海报图片</span>
  72. </div>
  73. </div>
  74. <div class="form-group">
  75. <label class="col-xs-12 col-sm-3 col-md-2 control-label">是否由前端生成海报</label>
  76. <div class="col-sm-9 col-xs-12">
  77. <label class="radio-inline">
  78. <input type="radio" name="poster[is_ago]" value="1" @if($poster['is_ago']==1) checked @endif /> 开启
  79. </label>
  80. <label class="radio-inline">
  81. <input type="radio" name="poster[is_ago]" value="0" @if(empty($poster['is_ago']) || ($poster['is_ago'] != 1))checked @endif /> 关闭
  82. </label>
  83. <span class='help-block'>开启状态:(需开启跨域)性能提高但不支持关注二维码</span>
  84. </div>
  85. </div>
  86. <div class="form-group">
  87. <label class="col-xs-12 col-sm-3 col-md-2 control-label"><span style='color:red'>*</span> 海报设计</label>
  88. <input type="hidden" name="data" value="" /> <!--设计好海报后,通过JS将设计的数据保存到这个表单中提交-->
  89. <div class="col-sm-9 col-xs-12">
  90. <table style='width:100%;'>
  91. <tr>
  92. <td style='width:320px;padding:10px;' valign='top'>
  93. <div id='poster'>
  94. @if(!empty($poster['background']))
  95. <img src="{{$poster['background']}}" class='bg'/>
  96. @endif
  97. @if(!empty($data))
  98. @foreach($data as $key=>$value)
  99. <div class="drag" type="{{$value['type']}}" index="{{$key+1}}" style="z-index:{{$key+1}};left:{{$value['left']}};
  100. top:{{$value['top']}}; width:{{$value['width']}}; height:{{$value['height']}};
  101. @if(isset($value['src']))src={{$value['src']}}; @endif
  102. @if(isset($value['size']))size={{$value['size']}}; @endif
  103. @if(isset($value['color']))color={{$value['color']}}; @endif">
  104. @if($value['type']=='qr')
  105. <img src={!! resource_get('plugins/poster/assets/img/qr.png') !!} />
  106. @elseif($value['type']=='qr_shop')
  107. <img src={!! resource_get('plugins/poster/assets/img/qr_shop.png') !!} />
  108. @elseif($value['type']=='qr_app_share')
  109. <img src={!! resource_get('plugins/poster/assets/img/qr_app_share.png') !!} />
  110. @elseif($value['type']=='head')
  111. <img src={!! resource_get('plugins/poster/assets/img/head.jpg') !!} />
  112. @elseif($value['type']=='img' || $value['type']=='thumb')
  113. <img src="{{empty($value['src'])? resource_get('plugins/poster/assets/img/img.jpg') : tomedia($value['src'])}}"/>
  114. <?php $tpl_img = tomedia($value['src']); ?> {{--todo 权宜--}}
  115. @elseif($value['type']=='nickname')
  116. <div class=text style="font-size:{{$value['size']}};color:{{$value['color']}}">昵称</div>
  117. @elseif($value['type']=='time')
  118. <div class=text style="font-size:{{$value['size']}};color:{{$value['color']}}">到期时间</div>
  119. @endif
  120. <div class="rRightDown"> </div><div class="rLeftDown"> </div><div class="rRightUp"></div><div class="rLeftUp"> </div><div class="rRight"> </div><div class="rLeft"> </div><div class="rUp"> </div><div class="rDown"></div>
  121. </div>
  122. @endforeach
  123. @endif
  124. </div>
  125. </td>
  126. <td valign='top' style='padding:10px;'>
  127. <div class='panel panel-default'>
  128. <div class='panel-body poster-edit-body'>
  129. <div class="form-group" id="bgset">
  130. <label class="col-xs-12 col-sm-3 col-md-3 control-label">背景图片</label>
  131. <div class="col-sm-9 col-xs-12">
  132. {!!app\common\helpers\ImageHelper::tplFormFieldImage('poster[background]',$poster['background'])!!}
  133. <span class='help-block'>背景图片尺寸: 640 * 1008</span>
  134. </div>
  135. </div>
  136. <div class="form-group">
  137. <label class="col-xs-12 col-sm-3 col-md-3 control-label">海报元素</label>
  138. <div class="col-sm-9 col-xs-12">
  139. <button class='btn btn-default btn-com' type='button' data-type='head' style="margin-bottom: 4px" >头像</button>
  140. <button class='btn btn-default btn-com' type='button' data-type='nickname' style="margin-bottom: 4px">昵称</button>
  141. <button class='btn btn-default btn-com' type='button' data-type='qr' style="margin-bottom: 4px">关注二维码</button>
  142. <button class='btn btn-default btn-com' type='button' data-type='img' style="margin-bottom: 4px">图片</button>
  143. <button class='btn btn-default btn-com' type='button' data-type='qr_shop' style="margin-bottom: 4px">推广二维码</button>
  144. <button class='btn btn-default btn-com' type='button' data-type='qr_app_share' style="margin-bottom: 4px">APP分享</button>
  145. <!--<button class='btn btn-default btn-com' type='button' data-type='time' style="margin-bottom: 4px">失效时间(Y-m-d H:i)</button>-->
  146. </div>
  147. </div>
  148. <div id='nameset' style='display:none'>{{--昵称设置--}}
  149. <div class="form-group">
  150. <label class="col-xs-12 col-sm-3 col-md-3 control-label">文字颜色</label>
  151. <div class="col-sm-9 col-xs-12 wid100">
  152. {!!tpl_form_field_color('color')!!}
  153. </div>
  154. </div>
  155. <div class="form-group">
  156. <label class="col-xs-12 col-sm-3 col-md-3 control-label">文字大小</label>
  157. <div class="col-sm-4">
  158. <div class='input-group wid100'>
  159. <input type="text" id="namesize" class="form-control namesize" placeholder="例如: 14,16" />
  160. <div class='input-group-addon'>px</div>
  161. </div>
  162. </div>
  163. </div>
  164. </div>
  165. <div class="form-group" id="imgset" style="display:none">{{--图片设置--}}
  166. <label class="col-xs-12 col-sm-3 col-md-3 control-label">图片设置</label>
  167. <div class="col-sm-9 col-xs-12">
  168. {!!app\common\helpers\ImageHelper::tplFormFieldImage('img', $tpl_img)!!}
  169. </div>
  170. </div>
  171. </div>
  172. </div>
  173. </td>
  174. </tr>
  175. </table>
  176. </div>
  177. </div>
  178. <!--预留
  179. <div class="form-group">
  180. <label class="col-xs-12 col-sm-3 col-md-2 control-label">活动未开始提示</label>
  181. <div class="col-sm-9 col-xs-12">
  182. <textarea name="poster_supplement[not_start_reminder]" class="form-control">{{$poster['supplement']['not_start_reminder']}}</textarea>
  183. <span class="help-block">默认:活动于 [starttime] 开始,请耐心等待...</span>
  184. <span class="help-block">变量:[starttime]活动开始时间 [endtime]活动结束时间</span>
  185. </div>
  186. </div>
  187. <div class="form-group">
  188. <label class="col-xs-12 col-sm-3 col-md-2 control-label">活动结束提示</label>
  189. <div class="col-sm-9 col-xs-12">
  190. <textarea name="poster_supplement[finish_reminder]" class="form-control">{{$poster['supplement']['finish_reminder']}}</textarea>
  191. <span class="help-block">默认:活动已结束,谢谢您的关注!</span>
  192. <span class="help-block">变量:[starttime]活动开始时间 [endtime]活动结束时间</span>
  193. </div>
  194. </div>
  195. -->
  196. <div class="form-group">
  197. <label class="col-xs-12 col-sm-3 col-md-2 control-label">用户生成海报时的等待文字</label>
  198. <div class="col-sm-9 col-xs-12">
  199. <textarea name="poster_supplement[wait_reminder]" class="form-control">{{$poster['supplement']['wait_reminder']}}</textarea>
  200. <span class="help-block">默认:您的专属海报正在拼命生成中,请稍候片刻...</span>
  201. </div>
  202. </div>