<style> .profile-avatar-container { position: relative; width: 100px; margin: 0 auto; } .profile-avatar-container .profile-user-img { width: 100px; height: 100px; } .profile-avatar-container .profile-avatar-text { display: none; } .profile-avatar-container:hover .profile-avatar-text { display: block; position: absolute; height: 100px; width: 100px; background: #444; opacity: .6; color: #fff; top: 0; left: 0; line-height: 100px; text-align: center; } .profile-avatar-container button { position: absolute; top: 0; left: 0; width: 100px; height: 100px; opacity: 0; } </style> <div class="row animated fadeInRight"> <div class="col-md-12" style="display: flex;justify-content: center;" > <div class="col-md-5"> <form id="update-form" role="form" data-toggle="validator" method="POST" action="{:url('general.profile/update')}"> {:token()} <div class="box box-success"> <div class="panel-heading"> {:__('Profile')} </div> <div class="panel-body"> <input type="hidden" id="c-avatar" name="row[avatar]" value="{$manystore.avatar|htmlentities}"/> <div class="box-body box-profile"> <div class="profile-avatar-container"> <img class="profile-user-img img-responsive img-circle plupload" src="{$manystore.avatar|cdnurl|htmlentities}" alt=""> <div class="profile-avatar-text img-circle">{:__('Click to edit')}</div> <button id="plupload-avatar" class="plupload" data-input-id="c-avatar"><i class="fa fa-upload"></i> {:__('Upload')} </button> </div> <h3 class="profile-username text-center">{$manystore.username|htmlentities}</h3> <p class="text-muted text-center">{$manystore.email|htmlentities}</p> <p class="text-muted text-center">所属前端用户ID: <span style="color:red ">[{$manystore.user_id|htmlentities}]</span> </p> <div class="form-group"> <label for="username" class="control-label">{:__('Username')}:</label> <input type="text" class="form-control" id="username" name="row[username]" value="{$manystore.username|htmlentities}" disabled/> </div> <div class="form-group"> <label for="email" class="control-label">{:__('Email')}:</label> <input type="text" class="form-control" id="email" name="row[email]" value="{$manystore.email|htmlentities}" data-rule="required;email"/> </div> <div class="form-group"> <label for="nickname" class="control-label">{:__('Nickname')}:</label> <input type="text" class="form-control" id="nickname" name="row[nickname]" value="{$manystore.nickname|htmlentities}" data-rule="required;"/> </div> <div class="form-group"> <label for="password" class="control-label">{:__('Password')}:</label> <input type="password" class="form-control" id="password" placeholder="{:__('Leave password blank if dont want to change')}" autocomplete="new-password" name="row[password]" value="" data-rule="password"/> </div> </div> <div class="form-group"> <button type="submit" class="btn btn-success">{:__('Submit')}</button> <button type="reset" class="btn btn-default">{:__('Reset')}</button> </div> </div> </div> </form> </div> {if condition="$auth->check('general/profile/shop_update')"} <div class="form-horizontal col-md-7"> <div class="box box-success"> <div class="panel-heading"> {:__('商家信息')} </div> <form id="shop-form" role="form" data-toggle="validator" method="POST" action="{:url('general.profile/shop_update')}"> {:token()} <div class="panel-body"> <div class="box-body box-profile"> <div class="form-group"> <label class="control-label col-xs-12 col-sm-2">{:__('Type')}:</label> <div class="col-xs-12 col-sm-8"> <!-- <h3 style="color: red">{$auth_type_text}</h3>--> <span class="btn btn-sm btn-danger btn-remove">{$auth_type_text}</span> </div> </div> <div class="form-group"> <label class="control-label col-xs-12 col-sm-2">{:__('Status')}:</label> <div class="col-xs-12 col-sm-8"> <input class="form-control" disabled type="text" value="{$statusList[$shop_info['status']]}"> {if ( $shop_info.status == 2) } <span style="color: red">(不通过原因:{$shop_info.reason})</span> {else /} {/if} </div> </div> <div class="form-group"> <label class="control-label col-xs-12 col-sm-2">{:__('Name')}:</label> <div class="col-xs-12 col-sm-8"> <input id="c-name" data-rule="required" class="form-control" name="shop[name]" type="text" value="{$shop_info.name}"> </div> </div> <div class="form-group"> <label class="control-label col-xs-12 col-sm-2"> {:__('Logo')}: <p style="margin-top: 20px;">建议40*40</p> </label> <div class="col-xs-12 col-sm-8"> <div class="input-group"> <input id="c-logo" class="form-control" size="50" name="shop[logo]" type="text" value="{$shop_info.logo}"> <div class="input-group-addon no-border no-padding"> <span><button type="button" id="plupload-logo" class="btn btn-danger plupload cropper" data-input-id="c-logo" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp" data-multiple="false" data-preview-id="p-logo"><i class="fa fa-upload"></i> {:__('Upload')}</button></span> <span><button type="button" id="fachoose-logo" class="btn btn-primary fachoose" data-input-id="c-logo" data-mimetype="image/*" data-multiple="false"><i class="fa fa-list"></i> {:__('Choose')}</button></span> </div> <span class="msg-box n-right" for="c-logo"></span> </div> <ul class="row list-inline plupload-preview" id="p-logo"></ul> </div> </div> <div class="form-group"> <label class="control-label col-xs-12 col-sm-2">{:__('Image')}:</label> <div class="col-xs-12 col-sm-8"> <div class="input-group"> <input id="c-image" data-rule="required" class="form-control" size="50" name="shop[image]" type="text" value="{$shop_info.image}"> <div class="input-group-addon no-border no-padding"> <span><button type="button" id="plupload-image" class="btn btn-danger plupload cropper" data-input-id="c-image" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp" data-multiple="false" data-preview-id="p-image"><i class="fa fa-upload"></i> {:__('Upload')}</button></span> <span><button type="button" id="fachoose-image" class="btn btn-primary fachoose" data-input-id="c-image" data-mimetype="image/*" data-multiple="false"><i class="fa fa-list"></i> {:__('Choose')}</button></span> </div> <span class="msg-box n-right" for="c-image"></span> </div> <ul class="row list-inline plupload-preview" id="p-image"></ul> </div> </div> <div class="form-group"> <label class="control-label col-xs-12 col-sm-2">{:__('Images')}:</label> <div class="col-xs-12 col-sm-8"> <div class="input-group"> <input id="c-images" class="form-control" name="shop[images]" type="text" value="{$shop_info.images}"> <div class="input-group-addon no-border no-padding"> <span><button type="button" id="plupload-images" class="btn btn-danger plupload cropper" data-input-id="c-images" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp" data-multiple="true" data-preview-id="p-images"><i class="fa fa-upload"></i> {:__('Upload')}</button></span> <span><button type="button" id="fachoose-imagess" class="btn btn-primary fachoose" data-input-id="c-images" data-mimetype="image/*" data-multiple="true"><i class="fa fa-list"></i> {:__('Choose')}</button></span> </div> <span class="msg-box n-right" for="c-images"></span> </div> <ul class="row list-inline plupload-preview" id="p-images"></ul> </div> </div> <div class="form-group"> <label class="control-label col-xs-12 col-sm-2">{:__('Address_city')}:</label> <div class="col-xs-12 col-sm-8"> <div class='control-relative'> <input id="c-address_city" data-rule="required" class="form-control form-control" data-toggle="city-picker" name="shop[address_city]" value="{$shop_info.address_city}" type="text"> </div> <input type="hidden" id="province" name="shop[province]" value="{$shop_info.province}"> <input type="hidden" id="city" name="shop[city]" value="{$shop_info.city}"> <input type="hidden" id="district" name="shop[district]" value="{$shop_info.district}"> </div> </div> <div class="form-group"> <label class="control-label col-xs-12 col-sm-2">{:__('Address')}:</label> <div class="col-xs-12 col-sm-8"> <div class='control-relative'> <input id="c-address" data-rule="required" class="form-control form-control" data-lat-id="c-latitude" data-lng-id="c-longitude" readonly data-input-id="c-address" data-toggle="addresspicker" name="shop[address]" value="{$shop_info.address}" type="text"> </div> </div> </div> <div class="form-group"> <label class="control-label col-xs-12 col-sm-2">{:__('Address_detail')}:</label> <div class="col-xs-12 col-sm-8"> <input id="c-address_detail" class="form-control" name="shop[address_detail]" type="text" value="{$shop_info.address_detail}"> </div> </div> <div class="form-group"> <label class="control-label col-xs-12 col-sm-2">{:__('Longitude')}:</label> <div class="col-xs-12 col-sm-3"> <input id="c-longitude" data-rule="required" readonly class="form-control" name="shop[longitude]" type="text" value="{$shop_info.longitude}"> </div> <label class="control-label col-xs-12 col-sm-2">{:__('Latitude')}:</label> <div class="col-xs-12 col-sm-3"> <input id="c-latitude" data-rule="required" readonly class="form-control" name="shop[latitude]" type="text" value="{$shop_info.latitude}"> </div> </div> <div class="form-group" {eq name="shop_info.type" value="1"} style="display:none" {/eq} > <label class="control-label col-xs-12 col-sm-2">{:__('Yyzzdm')}:</label> <div class="col-xs-12 col-sm-8"> <input id="c-yyzzdm" data-rule="required" class="form-control" name="shop[yyzzdm]" type="text" value="{$shop_info.yyzzdm}"> </div> </div> <div class="form-group" {eq name="shop_info.type" value="1"} style="display:none" {/eq} > <label class="control-label col-xs-12 col-sm-2">{:__('Yyzz_images')}:</label> <div class="col-xs-12 col-sm-8"> <div class="input-group"> <input id="c-yyzz_images" data-rule="required" class="form-control" size="50" name="shop[yyzz_images]" type="text" value="{$shop_info.yyzz_images}"> <div class="input-group-addon no-border no-padding"> <span><button type="button" id="plupload-yyzz_images" class="btn btn-danger plupload" data-input-id="c-yyzz_images" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp" data-multiple="true" data-preview-id="p-yyzz_images"><i class="fa fa-upload"></i> {:__('Upload')}</button></span> <span><button type="button" id="fachoose-yyzz_images" class="btn btn-primary fachoose" data-input-id="c-yyzz_images" data-mimetype="image/*" data-multiple="true"><i class="fa fa-list"></i> {:__('Choose')}</button></span> </div> <span class="msg-box n-right" for="c-yyzz_images"></span> </div> <ul class="row list-inline plupload-preview" id="p-yyzz_images"></ul> </div> </div> <div class="form-group"> <label class="control-label col-xs-12 col-sm-2"> {:__('Front_idcard_image')}: </label> <div class="col-xs-12 col-sm-8"> <div class="input-group"> <input id="c-front_idcard_image" class="form-control" size="50" name="shop[front_idcard_image]" type="text" value="{$shop_info.front_idcard_image}"> <div class="input-group-addon no-border no-padding"> <span><button type="button" id="plupload-front_idcard_image" class="btn btn-danger plupload cropper" data-input-id="c-front_idcard_image" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp" data-multiple="false" data-preview-id="p-front_idcard_image"><i class="fa fa-upload"></i> {:__('Upload')}</button></span> <span><button type="button" id="fachoose-front_idcard_image" class="btn btn-primary fachoose" data-input-id="c-front_idcard_image" data-mimetype="image/*" data-multiple="false"><i class="fa fa-list"></i> {:__('Choose')}</button></span> </div> <span class="msg-box n-right" for="c-front_idcard_image"></span> </div> <ul class="row list-inline plupload-preview" id="p-front_idcard_image"></ul> </div> </div> <div class="form-group"> <label class="control-label col-xs-12 col-sm-2"> {:__('Reverse_idcard_image')}: </label> <div class="col-xs-12 col-sm-8"> <div class="input-group"> <input id="c-reverse_idcard_image" class="form-control" size="50" name="shop[reverse_idcard_image]" type="text" value="{$shop_info.reverse_idcard_image}"> <div class="input-group-addon no-border no-padding"> <span><button type="button" id="plupload-reverse_idcard_image" class="btn btn-danger plupload cropper" data-input-id="c-reverse_idcard_image" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp" data-multiple="false" data-preview-id="p-reverse_idcard_image"><i class="fa fa-upload"></i> {:__('Upload')}</button></span> <span><button type="button" id="fachoose-reverse_idcard_image" class="btn btn-primary fachoose" data-input-id="c-reverse_idcard_image" data-mimetype="image/*" data-multiple="false"><i class="fa fa-list"></i> {:__('Choose')}</button></span> </div> <span class="msg-box n-right" for="c-reverse_idcard_image"></span> </div> <ul class="row list-inline plupload-preview" id="p-reverse_idcard_image"></ul> </div> </div> <div class="form-group"> <label class="control-label col-xs-12 col-sm-2">{:__('Tel')}:</label> <div class="col-xs-12 col-sm-8"> <input id="c-tel" class="form-control" name="shop[tel]" type="text" value="{$shop_info.tel}"> </div> </div> <div class="form-group"> <label class="control-label col-xs-12 col-sm-2">{:__('Content')}:</label> <div class="col-xs-12 col-sm-8"> <textarea id="c-content" class="form-control editor" rows="5" name="shop[content]" cols="50">{$shop_info.content}</textarea> </div> </div> </div> <div class="form-group" style="display: flex;justify-content: center;" > <button type="submit" class="btn btn-success">{:__('Submit')}</button> <button type="reset" class="btn btn-default">{:__('Reset')}</button> </div> </div> </form> </div> </div> </div> {/if} </div>