jianglong
3 years ago
7 changed files with 427 additions and 26 deletions
@ -0,0 +1,220 @@ |
|||
{layout name="layout2" /} |
|||
<style> |
|||
.layui-form-item .layui-input-inline { width: 340px; } |
|||
.pay-li { |
|||
float: left; |
|||
opacity: 1; |
|||
position: relative; |
|||
} |
|||
.pay-img { |
|||
width: 80px; |
|||
height: 80px; |
|||
padding: 4px; |
|||
} |
|||
.pay-img-del-x { |
|||
position: absolute; |
|||
z-index: 100; |
|||
top: -4px; |
|||
right: -2px; |
|||
width: 20px; |
|||
height: 20px; |
|||
font-size: 16px; |
|||
line-height: 16px; |
|||
color: #fff; |
|||
text-align: center; |
|||
cursor: pointer; |
|||
background: hsla(0, 0%, 60%, .6); |
|||
border-radius: 10px; |
|||
} |
|||
.upload-cert-a{ |
|||
cursor: pointer; |
|||
position: absolute; |
|||
z-index: 100; |
|||
top: 58px; |
|||
right: -10%; |
|||
width: 100px; |
|||
height: 20px; |
|||
font-size: 8px; |
|||
line-height: 16px; |
|||
text-align: center; |
|||
border-radius: 10px; |
|||
color: #4e8bff; |
|||
} |
|||
.upload-cert-a:hover { |
|||
color: #0641cb; |
|||
} |
|||
.pay-cert{ |
|||
height:80px;line-height:80px |
|||
} |
|||
.cert-add,.key-add{ |
|||
height: 80px; |
|||
width: 80px; |
|||
float: left; |
|||
opacity: 1; |
|||
position: relative; |
|||
border:1px dashed #a0a0a0; |
|||
background-image:url('/static/common/image/default/add_file.png'); |
|||
background-repeat: no-repeat; |
|||
background-position: 50% 35%; |
|||
background-size:40px 40px; |
|||
margin: 4px; |
|||
text-align: center; |
|||
} |
|||
.layui-form-label{ |
|||
width: 120px !important; |
|||
} |
|||
</style> |
|||
|
|||
<div class="layui-card layui-form" style="box-shadow:none;"> |
|||
<div class="layui-card-body"> |
|||
<div class="layui-form-item"> |
|||
<label for="name" class="layui-form-label"><span style="color:red;">*</span>名称：</label> |
|||
<div class="layui-input-inline"> |
|||
<input disabled type="text" name="name" id="name" value="{$detail.name}" lay-verType="tips" lay-verify="required" autocomplete="off" class="layui-input"> |
|||
</div> |
|||
</div> |
|||
|
|||
|
|||
<div class="layui-form-item"> |
|||
<label for="contact" class="layui-form-label">联系方式：</label> |
|||
<div class="layui-input-inline"> |
|||
<input disabled type="text" name="contact" id="contact" value="{$detail.contact ?? ''}" autocomplete="off" class="layui-input"> |
|||
</div> |
|||
</div> |
|||
|
|||
|
|||
<div class="layui-form-item"> |
|||
<label for="intro" class="layui-form-label">简介：</label> |
|||
<div class="layui-input-inline"> |
|||
<input type="text" name="intro" id="intro" value="{$detail.intro ?? ''}" autocomplete="off" class="layui-input"> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="layui-form-item"> |
|||
<label for="company" class="layui-form-label">所属企业：</label> |
|||
<div class="layui-input-inline"> |
|||
<input type="text" name="company" id="company" value="{$detail.company ?? ''}" autocomplete="off" class="layui-input"> |
|||
</div> |
|||
</div> |
|||
|
|||
|
|||
|
|||
<div class="layui-form-item"> |
|||
<label class="layui-form-label">封面图：</label> |
|||
<div class="layui-input-block"> |
|||
<div class="like-upload-image"> |
|||
{if $detail.image} |
|||
<div class="upload-image-div"> |
|||
<img src="{$detail.image}" alt="img"> |
|||
<input type="hidden" name="image" value="{$detail.image}"> |
|||
</div> |
|||
{/if} |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
|
|||
<div class="layui-form-item"> |
|||
<label class="layui-form-label">区域：</label> |
|||
<div class="layui-input-block"> |
|||
<div class="layui-input-inline" style="width:120px;"> |
|||
<select name="province_id" id="province" lay-filter="province"></select> |
|||
</div> |
|||
<div class="layui-input-inline" style="width:120px;"> |
|||
<select name="city_id" id="city" lay-filter="city"></select> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
|
|||
<div class="layui-form-item"> |
|||
<label class="layui-form-label"><span style="color:red;">*</span>审核状态：</label> |
|||
<div class="layui-input-block"> |
|||
<input type="radio" name="audit_status" value="1" title="通过" {if $detail.audit_status}checked{/if}> |
|||
<input type="radio" name="audit_status" value="2" title="拒绝" {if !$detail.audit_status}checked{/if}> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="layui-form-item"> |
|||
<label class="layui-form-label"><span style="color:red;">*</span>审核说明：</label> |
|||
<div class="layui-input-block" style="width: 50%"> |
|||
<textarea class="layui-textarea" name="audit_remark"></textarea> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="layui-form-item layui-hide"> |
|||
<input type="button" lay-submit lay-filter="addSubmit" id="addSubmit" value="确认"> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<script src="__PUBLIC__/static/common/js/area.js"></script> |
|||
<script> |
|||
layui.config({ |
|||
base: "/static/lib/" |
|||
}).extend({ |
|||
likeedit: "likeedit/likeedit", |
|||
likeArea: "likeArea/likeArea", |
|||
}).use(["likeedit", "likeArea", "form"], function(){ |
|||
var form = layui.form; |
|||
var likeedit = layui.likeedit; |
|||
var likeArea = layui.likeArea; |
|||
var content = likeedit.build("content", { |
|||
uploadImage: { |
|||
url: '{:url("file/lists")}?type=10' |
|||
} |
|||
}); |
|||
|
|||
form.verify({ |
|||
content: function() { |
|||
likeedit.sync(content) |
|||
} |
|||
}); |
|||
|
|||
like.delUpload(); |
|||
$(document).on("click", ".add-upload-image", function () { |
|||
like.imageUpload({ |
|||
limit: 1, |
|||
field: "image", |
|||
that: $(this) |
|||
}); |
|||
}); |
|||
|
|||
|
|||
//删除图片/证书 |
|||
$(document).on('click', '.pay-img-del-x', function () { |
|||
$(this).parent().siblings('input').val(''); |
|||
$(this).parent().siblings().css('display','block'); |
|||
$(this).parent().remove(); |
|||
}); |
|||
|
|||
//==========================================上传证书start========================================================= |
|||
|
|||
like.certUpload('.cert-add', '{:url("file/other")}?local=1&sub_dir=resource', '{$storageUrl}'); |
|||
//==========================================上传证书end=========================================================== |
|||
// 删除按钮的显示与隐藏 |
|||
$(document).on('mouseover', '.pay-img', function () { |
|||
$(this).next().show(); |
|||
}); |
|||
$(document).on('mouseout', '.pay-img', function () { |
|||
$(this).next().hide(); |
|||
}); |
|||
$(document).on('mouseover', '.pay-img-del-x', function () { |
|||
$(this).show(); |
|||
}); |
|||
$(document).on('mouseout', '.pay-img-del-x', function () { |
|||
$(this).hide(); |
|||
}); |
|||
|
|||
|
|||
|
|||
likeArea.init( |
|||
"province", "city", "district", "province_id", "city_id", "district_id", |
|||
"{$detail.province_id}", "{$detail.city_id}", "{$detail.district_id}" |
|||
); |
|||
likeArea.init( |
|||
"refund_province", "refund_city", "refund_district", "refund_province_id", "refund_city_id", "refund_district_id", |
|||
"{$detail.refund_address.province_id ?? ''}", "{$detail.refund_address.city_id ?? ''}", "{$detail.refund_address.district_id ?? ''}" |
|||
); |
|||
|
|||
}) |
|||
</script> |
|||
Loading…
Reference in new issue