{template Public:Page:header}
 <script src="/assets/js/iColorPicker.js"></script>

<div class="container">
  <div class="row">
  
    {template Member:Index:sidebar}
    
    <div class="col-lg-10 well-col-pl-30">
      <div class="row">
            <div class="well">

                <h3>店铺LOGO</h3>
 

        
            <br />
        <div class="row"> 
        <div class="col-lg-11 col-lg-offset-1">

                
                 <div class="row">
        
    
               <h4>店铺LOGO背景色：</h4>
     			
                <div class="col-lg-4">
                 <div class="row">
                 
             	<input type="text" id="ShopColor" name="shop_logo_color" value="{if !empty($member['shop_logo_color'])}{echo $member['shop_logo_color']}{else}959595{/if}" class="iColorPicker" >
                
                <div id="iColorPicker" style="display:none;border: 1px solid rgb(204, 204, 204); background: rgb(51, 51, 51) none repeat scroll 0% 0%; padding: 5px; color: rgb(255, 255, 255); z-index: 9999; position: absolute;"><table id="pickerTable0" class="pickerTable" style="border-collapse: collapse;"><thead id="hexSection0"><tr><td hx="f00" style="background: rgb(255, 0, 0) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td><td hx="ff0" style="background: rgb(255, 255, 0) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td><td hx="0f0" style="background: rgb(0, 255, 0) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td><td hx="0ff" style="background: rgb(0, 255, 255) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td><td hx="00f" style="background: rgb(0, 0, 255) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td><td hx="f0f" style="background: rgb(255, 0, 255) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td><td hx="fff" style="background: rgb(255, 255, 255) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td><td hx="ebebeb" style="background: rgb(235, 235, 235) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td><td hx="e1e1e1" style="background: rgb(225, 225, 225) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td><td hx="d7d7d7" style="background: rgb(215, 215, 215) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td><td hx="cccccc" style="background: rgb(204, 204, 204) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td><td hx="c2c2c2" style="background: rgb(194, 194, 194) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td><td hx="b7b7b7" style="background: rgb(183, 183, 183) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td><td hx="acacac" style="background: rgb(172, 172, 172) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td><td hx="a0a0a0" style="background: rgb(160, 160, 160) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td><td hx="959595" style="background: rgb(149, 149, 149) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td></tr><tr><td hx="ee1d24" style="background: rgb(238, 29, 36) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td><td hx="fff100" style="background: rgb(255, 241, 0) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td><td hx="00a650" style="background: rgb(0, 166, 80) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td><td hx="00aeef" style="background: rgb(0, 174, 239) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td><td hx="2f3192" style="background: rgb(47, 49, 146) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td><td hx="ed008c" style="background: rgb(237, 0, 140) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td><td hx="898989" style="background: rgb(137, 137, 137) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td><td hx="7d7d7d" style="background: rgb(125, 125, 125) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td><td hx="707070" style="background: rgb(112, 112, 112) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td><td hx="626262" style="background: rgb(98, 98, 98) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td><td hx="555" style="background: rgb(85, 85, 85) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td><td hx="464646" style="background: rgb(70, 70, 70) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td><td hx="363636" style="background: rgb(54, 54, 54) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td><td hx="262626" style="background: rgb(38, 38, 38) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td><td hx="111" style="background: rgb(17, 17, 17) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td><td hx="000" style="background: rgb(0, 0, 0) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td></tr><tr><td hx="f7977a" style="background: rgb(247, 151, 122) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td><td hx="fbad82" style="background: rgb(251, 173, 130) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td><td hx="fdc68c" style="background: rgb(253, 198, 140) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td><td hx="fff799" style="background: rgb(255, 247, 153) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td><td hx="c6df9c" style="background: rgb(198, 223, 156) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td><td hx="a4d49d" style="background: rgb(164, 212, 157) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td><td hx="81ca9d" style="background: rgb(129, 202, 157) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td><td hx="7bcdc9" style="background: rgb(123, 205, 201) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td><td hx="6ccff7" style="background: rgb(108, 207, 247) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td><td hx="7ca6d8" style="background: rgb(124, 166, 216) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td><td hx="8293ca" style="background: rgb(130, 147, 202) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td><td hx="8881be" style="background: rgb(136, 129, 190) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td><td hx="a286bd" style="background: rgb(162, 134, 189) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td><td hx="bc8cbf" style="background: rgb(188, 140, 191) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td><td hx="f49bc1" style="background: rgb(244, 155, 193) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td><td hx="f5999d" style="background: rgb(245, 153, 157) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td></tr><tr><td hx="f16c4d" style="background: rgb(241, 108, 77) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td><td hx="f68e54" style="background: rgb(246, 142, 84) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td><td hx="fbaf5a" style="background: rgb(251, 175, 90) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td><td hx="fff467" style="background: rgb(255, 244, 103) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td><td hx="acd372" style="background: rgb(172, 211, 114) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td><td hx="7dc473" style="background: rgb(125, 196, 115) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td><td hx="39b778" style="background: rgb(57, 183, 120) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td><td hx="16bcb4" style="background: rgb(22, 188, 180) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td><td hx="00bff3" style="background: rgb(0, 191, 243) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td><td hx="438ccb" style="background: rgb(67, 140, 203) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td><td hx="5573b7" style="background: rgb(85, 115, 183) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td><td hx="5e5ca7" style="background: rgb(94, 92, 167) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td><td hx="855fa8" style="background: rgb(133, 95, 168) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td><td hx="a763a9" style="background: rgb(167, 99, 169) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td><td hx="ef6ea8" style="background: rgb(239, 110, 168) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td><td hx="f16d7e" style="background: rgb(241, 109, 126) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td></tr><tr><td hx="ee1d24" style="background: rgb(238, 29, 36) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td><td hx="f16522" style="background: rgb(241, 101, 34) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td><td hx="f7941d" style="background: rgb(247, 148, 29) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td><td hx="fff100" style="background: rgb(255, 241, 0) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td><td hx="8fc63d" style="background: rgb(143, 198, 61) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td><td hx="37b44a" style="background: rgb(55, 180, 74) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td><td hx="00a650" style="background: rgb(0, 166, 80) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td><td hx="00a99e" style="background: rgb(0, 169, 158) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td><td hx="00aeef" style="background: rgb(0, 174, 239) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td><td hx="0072bc" style="background: rgb(0, 114, 188) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td><td hx="0054a5" style="background: rgb(0, 84, 165) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td><td hx="2f3192" style="background: rgb(47, 49, 146) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td><td hx="652c91" style="background: rgb(101, 44, 145) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td><td hx="91278f" style="background: rgb(145, 39, 143) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td><td hx="ed008c" style="background: rgb(237, 0, 140) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td><td hx="ee105a" style="background: rgb(238, 16, 90) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td></tr><tr><td hx="9d0a0f" style="background: rgb(157, 10, 15) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td><td hx="a1410d" style="background: rgb(161, 65, 13) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td><td hx="a36209" style="background: rgb(163, 98, 9) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td><td hx="aba000" style="background: rgb(171, 160, 0) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td><td hx="588528" style="background: rgb(88, 133, 40) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td><td hx="197b30" style="background: rgb(25, 123, 48) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td><td hx="007236" style="background: rgb(0, 114, 54) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td><td hx="00736a" style="background: rgb(0, 115, 106) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td><td hx="0076a4" style="background: rgb(0, 118, 164) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td><td hx="004a80" style="background: rgb(0, 74, 128) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td><td hx="003370" style="background: rgb(0, 51, 112) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td><td hx="1d1363" style="background: rgb(29, 19, 99) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td><td hx="450e61" style="background: rgb(69, 14, 97) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td><td hx="62055f" style="background: rgb(98, 5, 95) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td><td hx="9e005c" style="background: rgb(158, 0, 92) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td><td hx="9d0039" style="background: rgb(157, 0, 57) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td></tr><tr><td hx="790000" style="background: rgb(121, 0, 0) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td><td hx="7b3000" style="background: rgb(123, 48, 0) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td><td hx="7c4900" style="background: rgb(124, 73, 0) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td><td hx="827a00" style="background: rgb(130, 122, 0) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td><td hx="3e6617" style="background: rgb(62, 102, 23) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td><td hx="045f20" style="background: rgb(4, 95, 32) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td><td hx="005824" style="background: rgb(0, 88, 36) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td><td hx="005951" style="background: rgb(0, 89, 81) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td><td hx="005b7e" style="background: rgb(0, 91, 126) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td><td hx="003562" style="background: rgb(0, 53, 98) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td><td hx="002056" style="background: rgb(0, 32, 86) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td><td hx="0c004b" style="background: rgb(12, 0, 75) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td><td hx="30004a" style="background: rgb(48, 0, 74) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td><td hx="4b0048" style="background: rgb(75, 0, 72) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td><td hx="7a0045" style="background: rgb(122, 0, 69) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td><td hx="7a0026" style="background: rgb(122, 0, 38) none repeat scroll 0% 0%; width: 12px; height: 14px; border: 1px solid rgb(0, 0, 0); cursor: pointer;"></td></tr></thead><tbody><tr><td align="center" id="colorPreview" colspan="16" style="border: 1px solid rgb(0, 0, 0); background: rgb(0, 118, 164) none repeat scroll 0% 0%; cursor: pointer; height: 50px; width: 12px;"><span style="color:#000;border:1px solid rgb(0, 0, 0);padding:5px;background-color:#fff;font:11px Arial, Helvetica, sans-serif;">#0076a4</span></td></tr></tbody></table><style>#iColorPicker input{margin:2px}</style></div>
                
                </div>
                </div>
                </div>
        		<br>
               <div class="row">
        
               <h4>上传LOGO图片 (高度 120px)</h4>
     			{template Public:Page:webuploader}
                
                <div class="col-lg-4">
                 <div class="row">

                    <div class="logo_600" style="width:800px;overflow:hidden;">{if !empty($member['shop_logo'])}<a href="/{echo $member['shop_logo']}" target="_blank"><img src="/{echo $member['shop_logo']}" /></a>{/if}</div>

                </div>
                
                <div class="row">
                 <div class="progress progress-striped active" style="display:none">
                        <div style="width: 10%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="0" role="progressbar" class="progress-bar progress-bar-info" id="progress-avatar"> 等待上传  </div>
                      </div>
              
                    <div id="SelectLogo">选择LOGO图片</div>
                 </div>
                    
                    
                </div>
                </div>
       <br>
       

      	  
             <br>
             </div>
             

             <div class="row">
               <div class="col-lg-11 col-lg-offset-1">
               	<button class="btn btn-success" type="submit" id="SubmitLogo">提交上传</button>
               </div>
            </div>

          <input type="hidden" name="datatype" value="json"/>
          <input type="hidden" name="Submit" value="true"/>
             
				</div>
               
            </div>
    </div>
  </div>
</div>
</div>

 

<script>							
$(function(){
var uploader = WebUploader.create({

		swf: AURL+'/plugin/webuploader/Uploader.swf',
	
		server: '/post/shop/logo',

		pick: '#SelectLogo',
		
		fileNumLimit:1,
		
		fileSizeLimit:1232896,
		
		fileSingleSizeLimit:1232896,

		// 只允许选择图片文件。
		accept: {
		   title: 'gif,jpg,png',
		   extensions: 'gif,jpg,png',
		   mimeTypes: 'image/*'
		}
		
		
	});
	
	
	uploader.on( 'beforeFileQueued', function( file ) {
		uploader.reset();
	});
	

	uploader.on( 'fileQueued', function( file ) {

	   
	   var html = $('<div id="' + file.id + '"><img></div>');
	   $('.logo_600').html(html);

	   var img600 = html.find('img');
		uploader.makeThumb( file, function( error, src ) {
			if ( error ) {
				img600.replaceWith('<span>不能预览</span>');
				return;
			}

			img600.attr( 'src', src );
		}, 600,120);
	   
	   $('.progress').show(500);
	   
	});
	
	 //进度条
	uploader.on( 'uploadProgress', function( file, percentage ) {
		var percentage=percentage * 100 + '%';
		$('#progress-avatar').html(percentage);
		$('#progress-avatar').css( 'width',percentage);
	});
	
	
	uploader.on( 'uploadSuccess', function( file ) {
		 bootbox.dialog({
			 buttons: {  
			  cancel: {  
				 label: '确认',  
				 callback: function () { window.location.reload()}
			  }  
		   },  
		   title:'提示',
		   message: '<i class="glyphicon glyphicon-warning-sign"></i> 恭喜您,上传成功啦！', 
			
		  });
	});
	
	uploader.on( 'uploadError', function( file,reason ) {
		
		 bootbox.dialog({
			 buttons: {  
			  cancel: {  
				 label: '确认',  
			  }  
		   },  
		   title:'提示',
		   message: '<i class="glyphicon glyphicon-warning-sign"></i> '+reason, 
			
		 });
	   
	});
	
	uploader.on( 'uploadComplete', function( file ) {
		$('.progress').fadeOut();
	});

	
	 $('#SubmitLogo').on( 'click', function() {
		 uploader.options.formData={SecurityForm:SecurityForm,shop_logo_color:$('#ShopColor').val()};
		 uploader.upload();
		
	});	
	
})
</script>
{template Public:Page:footer}