新模板

app/Http/Controllers/Admin/TemplateController.php

     {
         $this->validate($request, [
             't_id' => 'required',           
+            'back_img' => 'required',           
         ], [
             't_id.required' => '模板不能为空',
+            'back_img.required' => '背景图不能为空',
             
         ]);
         $template = new TemplatesSource();
         $template->note = trim($request->input('note'));
     
         $template->back_img = trim($request->input('back_img'));
-        //图片上传 阿里云oss       
+        //图片上传 阿里云oss    
+        /*   
         if ($request->hasFile('img') && $request->file('img')->isValid()) {
             $file = $request->file('img');
             $ossClient=new oss();
             #保存背景图
             TemplatesBackimg::insert(['back_img'=>$template->back_img]);
         }
+        */
 
         if($template->save()){
             //生成连接
         $id = (int)$request->input('id');
         $this->validate($request, [
             't_id' => 'required',           
+            'back_img' => 'required',           
         ], [
             't_id.required' => '模板不能为空',
+            'back_img.required' => '背景图不能为空',
             
         ]);
 
         }
         $template->note = trim($request->input('note'));
         $template->back_img = trim($request->input('back_img'));
-        //图片上传 阿里云oss       
+        //图片上传 阿里云oss 
+        /*      
         if ($request->hasFile('img') && $request->file('img')->isValid()) {
             $file = $request->file('img');
             $ossClient=new oss();
             #保存背景图
             TemplatesBackimg::insert(['back_img'=>$template->back_img]);
         }
+        */
 
         $template->save();
         return redirect('/admin/template/sourceindex')->with('info', '修改成功');

app/Http/Controllers/Api/TemplateController.php

 use Illuminate\Http\Request;
 use App\Log;
 use App\Templates;
+use App\TemplatesSource;
 use App\TemplatesSalers;
+use App\TemplatesSourceSalers;
 use App\Admin;
 use App\TemplatesLog;
 use Illuminate\Support\Facades\Hash;
     public function salerQrcode(Request $request){
         $t_id = (int)$request->input('t_id');
         if(!$t_id) $t_id = 1;
-        $result = TemplatesSalers::where('t_id', $t_id)->where('is_del', 0)->where('weight','>',0)->orderBy('weight', 'asc')->lists('weight', 'admin_id');
+        //获取背景图
+        $back_img = TemplatesSource::where('id', $t_id)->pluck('back_img');
+        $result = TemplatesSourceSalers::where('s_id', $t_id)->where('is_del', 0)->where('weight','>',0)->orderBy('weight', 'asc')->lists('weight', 'admin_id');
         $saler_id = null;
         $rand = 0;
         //获取最大随机值
             //记录行为
             $log = array();
             $log['t_id'] = $t_id;
-            $log['t_url'] = Templates::where('id', $t_id)->pluck('url');
+            $log['t_url'] = TemplatesSource::where('id', $t_id)->pluck('url');
             $log['admin_id'] = $saler_id;
             $log['ip'] = $ip;
             TemplatesLog::insert($log);
 
         $qrcode = Admin::where('id', $saler_id)->pluck('qrcode');
         $qrcodes = Admin::whereIn('id', $saler_ids)->lists('qrcode');
-        return self::returnValue(['qrcode'=>$qrcode, 'ip'=>$ip, 'saler_id'=>$saler_id, 'qrcodes'=>$qrcodes]);
+        return self::returnValue(['qrcode'=>$qrcode, 'ip'=>$ip, 'saler_id'=>$saler_id, 'qrcodes'=>$qrcodes, 'back_img'=>$back_img]);
     }
 
      /**
             //记录行为
             $log = array();
             $log['t_id'] = $t_id;
-            $log['t_url'] = Templates::where('id', $t_id)->pluck('url');
+            $log['t_url'] = TemplatesSource::where('id', $t_id)->pluck('url');
             $log['admin_id'] = $saler_id;
             $log['ip'] = $ip;
             $log['type'] = 2; //长按

resources/views/template/index.blade.php

                         <td class="text-c"><img style="width:100px;" src="{{$a['img']}}" /></td>
                         <td class="f-14 product-brand-manage">
                             <a style="text-decoration:none" onClick='templateedit("编辑","{{$a['id']}}")' href="javascript:;" title="编辑"><span class="btn btn-primary radius">编辑模板</span></a>
-                            <a style="text-decoration:none" onClick='assign("分配销售","{{$a['id']}}")' href="javascript:;" title="分配销售"><span class="btn btn-primary radius">分配销售</span></a>
+                            <!--a style="text-decoration:none" onClick='assign("分配销售","{{$a['id']}}")' href="javascript:;" title="分配销售"><span class="btn btn-primary radius">分配销售</span></a-->
                             <!--a style="text-decoration:none" class="ml-5" onClick="templatedel(this, '{{$a["id"]}}')" href="javascript:;" title="删除"><span class="btn btn-danger radius">删除</span></a-->
                         </td>
                     </tr>

resources/views/template/sourcecreate.blade.php

         height: 100%;
         left: 0;
         top: 0;
+        opacity: 0;
     }
     .add_img_title{
         width: 100px;
             <div class="row cl">
                 <label class="form-label col-xs-4 col-sm-2">
                     选择模板：</label>
-                <div class="formControls col-xs-6 col-sm-6">
+                <div class="formControls col-xs-6 col-sm-7">
                     @if($templates)
                     <ul class="templates_ul clear">
                         @foreach($templates as $item)
             <div class="row cl">
                 <label class="form-label col-xs-4 col-sm-2">
                     选择背景图：</label>
-                <div class="formControls col-xs-6 col-sm-6">
+                <div class="formControls col-xs-6 col-sm-7">
                     @if($back_imgs)
                     <ul class="templates_ul clear">
                         @foreach($back_imgs as $k=>$back_img)
                         <li id='upload_img' class="templates_li">
                             <div class="add_div">
                                 <span>+</span>
-                                <input type="file" id="ImgInput" multiple name="img" class="input-file add_img_input" onChange="changeImgID()">
+                                <input type="file" id="ImgInput" multiple name="img" class="add_img_input" onChange="changeImgID()">
                             </div>
                             <div class="add_img_title">上传新背景图</div>
 
                 </div>
             </div>
 
-            <!-- <div class="row cl">
-                <label class="form-label col-xs-4 col-sm-2">
-        </label>
-                
-                  <input class="input-text upload-url radius" type="text" name="uploadfile-1" id="uploadfile-1" readonly>
-                  <a href="javascript:void();" class="btn btn-primary radius"><i class="Hui-iconfont">&#xe642;</i> 上传图片</a>
-
-                <div style="margin-left: 280px;padding: 10px;">文件类型支持:jpg ,png ,ico ,文件大小不能超过1M</div>
-            </div> -->
-
             <div class="row cl">
                 <label class="form-label col-xs-4 col-sm-2">
                     渠道备注：</label>
-                <div class="formControls col-xs-6 col-sm-6">
+                <div class="formControls col-xs-6 col-sm-7">
                     <input type="text" class="input-text" value="{{old('note')}}" placeholder="" name="note">
                 </div>
             </div>
             
             <div class="row cl">
                 <div class="col-9 col-offset-2">
+
                     <button class="btn btn-primary radius" type="submit" value="&nbsp;&nbsp;提交&nbsp;&nbsp;">&nbsp;&nbsp;提交&nbsp;&nbsp;</button>&nbsp;
                     <button class="btn btn-default" type="reset" onclick="return_index();">&nbsp;&nbsp;返回&nbsp;&nbsp;</button>&nbsp;
                     {{--<a href="javascript:void(0)" class="btn btn-default radius" onclick="redirect('{{url('/admin/admin/all')}}')">返回并查看结果</a>--}}
+                    <font color='red'>(*提交后自动生成推广链接)</font>
                 </div>
+
             </div>
         </form>
     </div>
              reader.readAsDataURL(selectedFile);
              reader.onload = function () {
                  //当读取完成后回调这个函数,然后此时文件的内容存储到了result中,直接操作即可
-                 //console.log(this.result)
-                 
                  $.ajax({
-                    'url':'/admin/template/uploadBack',
-                    'type':'post',
-                    'data':{img:this.result,_token:_token},
-                    'dataType':'json',
+                    url:'/admin/template/uploadBack',
+                    type:'post',
+                    data:{img:this.result,_token:_token},
                     success:function(pic_url){
-                        alert(pic_url)
                         if(pic_url == '0'){
                             alert(pic_url)
                             return false;
                         }
-                        var str = "<li class=\"templates_li\"><img class=\"templates_img\" src=\""+ pic_url +"\"\/><div><input type=\"radio\" id=\"bgImg\" value=\""+pic_url+"\" name=\"back_img\"><label for=\"bgImg\">背景图</label><\/div><\/li>";
+                        var str = "<li class=\"templates_li\"><img class=\"templates_img\" src=\""+ pic_url +"\"\/><div><input type=\"radio\" id=\"bgImg\" value=\""+pic_url+"\" name=\"back_img\" checked><label for=\"bgImg\">背景图</label><\/div><\/li>";
 
-                        alert(str)
                         $("#upload_img").before(str);
-                    }
+                    },
+
                 })
              }
 

resources/views/template/sourceedit.blade.php

 @extends('admin/master')
 @section('content')
+<style>
+    .templates_ul{
+
+    }
+    .templates_li{
+        float: left;
+        width: 25%;
+        margin-bottom: 35px;
+    }
+    .templates_li .templates_img{
+        width: 100px;
+        height: 177px;
+        margin: auto;
+        margin-bottom: 10px;
+    }
+    .add_div{
+        width: 100px;
+        height: 177px;
+        border: 1px solid #ccc;
+        font-size: 47px;
+        color: #ccc;
+        text-align: center;
+        border-radius: 5px;
+        line-height: 177px;
+        cursor: pointer;
+        position: relative;
+    }
+    .add_div .add_img_input{
+        position: absolute;
+        width: 100%;
+        height: 100%;
+        left: 0;
+        top: 0;
+        opacity: 0;
+    }
+    .add_img_title{
+        width: 100px;
+        text-align: center;
+        padding: 8px 0;
+    }
+    .clear::after {
+        content: ".";
+        clear: both;
+        display: block;
+        overflow: hidden;
+        font-size: 0;
+        height: 0;
+    }
+    .clear {
+        zoom: 1;
+    }
+</style>
     <body>
     @if(count($errors) > 0)
         <div class="Huialert Huialert-info" id="error">
             <div class="row cl">
                 <label class="form-label col-xs-4 col-sm-2">
                     选择模板：</label>
-                <div class="formControls col-xs-6 col-sm-6">
+                <div class="formControls col-xs-6 col-sm-7">
                     @if($templates)
-                    <ul>
+                    <ul class="templates_ul clear">
                         @foreach($templates as $item)
-                        <li>
-                            <img  style="width:100px;" src="{{$item['img']}}"/>
-                            <input type="radio" class="input-text" value="{{$item['id']}}" @if($template['t_id'] == $item['id']) checked @endif name="t_id">{{$item['note']}}
+                        <li class="templates_li">
+                            <img class="templates_img" src="{{$item['img']}}"/>
+                            <div>
+                                <input type="radio" id="templates_{{$item['id']}}" value="{{$item['id']}}" @if($template['t_id'] == $item['id']) checked @endif name="t_id">
+                                <label for="templates_{{$item['id']}}">{{$item['note']}}</label>
+                            </div>
                         </li>
                         @endforeach
                     </ul>
             <div class="row cl">
                 <label class="form-label col-xs-4 col-sm-2">
                     选择背景图：</label>
-                <div class="formControls col-xs-6 col-sm-6">
-                        @if($back_imgs)
-                        <ul>
-                            @foreach($back_imgs as $k=>$back_img)
-                            <li>
-                                <img  style="width:100px;" src="{{$back_img}}"/>
-                                <input type="radio" class="input-text" value="{{$back_img}}" @if($template['back_img'] == $back_img) checked @endif name="back_img">背景图{{$k+1}}
-                            </li>
-                            @endforeach
-                        </ul>
-                        @endif
-                        <span class="btn-upload">
-                          <input class="input-text upload-url radius" type="text" name="uploadfile-1" id="uploadfile-1" readonly><a href="javascript:void();" class="btn btn-primary radius"><i class="Hui-iconfont">&#xe642;</i> 上传图片</a>
-                          <input type="file" multiple name="img" class="input-file">
-                        </span><br>
-                    文件类型支持:jpg ,png ,ico ,文件大小不能超过1M
+                <div class="formControls col-xs-6 col-sm-7">
+                    @if($back_imgs)
+                    <ul class="templates_ul clear">
+                        @foreach($back_imgs as $k=>$back_img)
+                        <li class="templates_li">
+                            <img class="templates_img" src="{{$back_img}}"/>
+                            <div>
+                                <input type="radio" id="bgImg{{$k}}" value="{{$back_img}}" @if($template['back_img'] == $back_img) checked @endif name="back_img">
+                                <label for="bgImg{{$k}}">背景图{{$k+1}}</label>
+                            </div>
+                        </li>
+                        @endforeach
+
+                        <li id='upload_img' class="templates_li">
+                            <div class="add_div">
+                                <span>+</span>
+                                <input type="file" id="ImgInput" multiple name="img" class="add_img_input" onChange="changeImgID()">
+                            </div>
+                            <div class="add_img_title">上传新背景图</div>
+
+                        </li>
+                    </ul>
+                    @endif
                 </div>
             </div>
+
             <div class="row cl">
                 <label class="form-label col-xs-4 col-sm-2">
                     渠道备注：</label>
-                <div class="formControls col-xs-6 col-sm-6">
+                <div class="formControls col-xs-6 col-sm-7">
                     <input type="text" class="input-text" value="{{$template['note']}}" placeholder="" name="note">
                 </div>
             </div>
         function return_index(){
             location.href='/admin/template/sourceindex';
         }
+
+        function changeImgID(html) {
+             //获取读取我文件的File对象
+            var selectedFile = '';
+            var _token = "{{ csrf_token() }}";
+            selectedFile = document.getElementById('ImgInput').files[0];
+             var reader = new FileReader();
+             reader.readAsDataURL(selectedFile);
+             reader.onload = function () {
+                 //当读取完成后回调这个函数,然后此时文件的内容存储到了result中,直接操作即可
+                 $.ajax({
+                    url:'/admin/template/uploadBack',
+                    type:'post',
+                    data:{img:this.result,_token:_token},
+                    success:function(pic_url){
+                        if(pic_url == '0'){
+                            alert(pic_url)
+                            return false;
+                        }
+                        var str = "<li class=\"templates_li\"><img class=\"templates_img\" src=\""+ pic_url +"\"\/><div><input type=\"radio\" id=\"bgImg\" value=\""+pic_url+"\" name=\"back_img\" checked><label for=\"bgImg\">背景图</label><\/div><\/li>";
+
+                        $("#upload_img").before(str);
+                    },
+
+                })
+             }
+
+        }
        
     </script>
     </body>