初始上传

app/shop/view/goods/edit_qrcode.html

@@ -0,0 +1,139 @@
+<style>
+  .form-row .layui-btn{margin-right:14px;}
+  .layui-btn+.layui-btn{margin-left: 0;}
+</style>
+
+<div class="layui-form form-wrap">
+  <div class="layui-form-item">
+    <label class="layui-form-label"><span class="required">*</span>社群名称：</label>
+    <div class="layui-input-block">
+      <input name="qr_name" type="text" lay-verify="qr_name" lay-verify="required" value="{$qr_data.qr_name}" class="layui-input len-long" autocomplete="off">
+    </div>
+  </div>
+
+  <div class="layui-form-item">
+    <label class="layui-form-label"><span class="required">*</span>社群描述：</label>
+    <div class="layui-input-block">
+      <textarea name="community_describe" class="layui-textarea len-long" maxlength="100" lay-verify="community_describe" id="" lay-verify="required"  cols="30" rows="10">{$qr_data.community_describe}</textarea>
+    </div>
+  </div>
+
+  <div class="layui-form-item">
+    <label class="layui-form-label short-label"><span class="required">*</span>二维码图片：</label>
+    <div class="layui-input-inline">
+      <div class="upload-img-block square">
+        <div class="upload-img-box {notempty name="$qr_data['qr_img']"}hover{/notempty}">
+          <div class="upload-default" id="qr_img">
+            {if condition="$qr_data['qr_img']"}
+              <div class="preview_img" id="ceshi">
+                <img src="{:img($qr_data['qr_img'])}" class="img_prev" data-id="qr_img" layer-src/>
+              </div>
+            {else/}
+              <div class="upload">
+                <i class="iconfont iconshangchuan"></i>
+                <p>点击上传</p>
+              </div>
+            {/if}
+          </div>
+          <div class="operation">
+            <div>
+              <i title="图片预览" class="iconfont iconreview js-preview"></i>
+              <i title="删除图片" class="layui-icon layui-icon-delete js-delete"></i>
+            </div>
+            <div class="replace_img js-replace">点击替换</div>
+          </div>
+          <input type="hidden" name="qr_img" lay-verify="qr_img" value="{$qr_data['qr_img']}"/>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div class="form-row">
+    <input type="hidden" name="qr_id" value="{$qr_data['qr_id']}"/>
+    <button id="submit" class="layui-btn" lay-submit lay-filter="save">提交</button>
+    <button class="layui-btn layui-btn-primary" onclick="backCommunityQrcode()">返回</button>
+  </div>
+  
+</div>
+
+<script>
+  layui.use(['form', 'laydate'], function() {
+    var form = layui.form,
+	laydate = layui.laydate,
+	repeat_flag = false; //防重复标识
+    form.render();
+
+    laydate.render({
+      elem: '#laydate'
+    });
+
+    var upload = new Upload({
+		elem: '#qr_img',
+		callback:function(res){
+			// if(res.code==10067){
+			// 	$('#submit').css('display','inline-block')
+			// }
+		}
+    });
+	
+    /**
+     * 表单验证
+     */
+	
+    form.verify({
+      qr_name: function(value){
+        if (!/[\S]+/.test(value)) {
+          return '请输入二维码名称';
+        }
+      },
+      community_describe: function(value){
+        if (!/[\S]+/.test(value)) {
+          return '请输入社群描述';
+        }
+      },
+      qr_img: function(value){
+        if (!/[\S]+/.test(value)) {
+          return '请上传社群二维码';
+        }
+      }
+    });
+
+    /**
+     * 监听提交
+     */
+    form.on('submit(save)', function(data) {
+      // 删除图片
+      if(!data.field.qr_img) upload.delete();
+
+      if(repeat_flag) return false;
+      repeat_flag = true;
+	  
+      $.ajax({
+        url: ns.url("shop/goods/editqrcode"),
+        data: data.field,
+        dataType: 'JSON', //服务器返回json格式数据
+        type: 'POST', //HTTP请求类型
+        success: function(res) {
+          repeat_flag = false;
+          if (res.code == 0) {
+            layer.confirm('编辑成功', {
+              title:'操作提示',
+              btn: ['返回列表'],
+              closeBtn: 0,
+              yes: function(index, layero) {
+                location.hash = ns.hash("shop/goods/communityqrcode")
+                layer.close(index);
+              },
+            });
+          }else{
+            layer.msg(res.message);
+          }
+        }
+      });
+    });
+
+  });
+
+  function backCommunityQrcode() {
+    location.hash = ns.hash("shop/goods/communityqrcode");
+  }
+</script>