You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
258 lines
9.2 KiB
258 lines
9.2 KiB
{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;
|
|
}
|
|
</style>
|
|
|
|
<div class="layui-card layui-form" style="box-shadow:none;">
|
|
<div class="layui-card-body">
|
|
<div class="layui-form-item">
|
|
<label for="title" class="layui-form-label"><span style="color:red;">*</span>合同名称：</label>
|
|
<div class="layui-input-inline">
|
|
<input type="text" name="title" id="title" lay-verType="tips" value="{$detail.title}" lay-verify="required" autocomplete="off" class="layui-input">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="layui-form-item">
|
|
<label for="cate_id" class="layui-form-label"><span style="color:red;">*</span>合同分类：</label>
|
|
<div class="layui-input-inline">
|
|
<select name="cate_id" id="cate_id" lay-verType="tips" lay-verify="required" lay-filter="cate_id">
|
|
<option value="">全部</option>
|
|
{volist name="cates" id="vo"}
|
|
<option value="{$vo.id}" {if $detail.cate_id==$vo.id}selected{/if} >{$vo.name}</option>
|
|
{/volist}
|
|
</select>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="layui-form-item">
|
|
<label for="partA" class="layui-form-label">甲方：</label>
|
|
<div class="layui-input-inline">
|
|
<input type="text" name="partA" id="partA" lay-verType="tips" value="{$detail.partA}" autocomplete="off" class="layui-input">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="layui-form-item">
|
|
<label for="partB" class="layui-form-label">乙方：</label>
|
|
<div class="layui-input-inline">
|
|
<input type="text" name="partB" id="partB" lay-verType="tips" value="{$detail.partB}" autocomplete="off" class="layui-input">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="layui-form-item">
|
|
<label for="partC" class="layui-form-label">第三方：</label>
|
|
<div class="layui-input-inline">
|
|
<input type="text" name="partC" id="partC" lay-verType="tips" value="{$detail.partC}" autocomplete="off" class="layui-input">
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<!-- 拼团活动时间 -->
|
|
<div class="layui-form-item" style="margin-bottom: 0;">
|
|
<label class="layui-form-label" style="width:110px;"><font color="red">*</font>合同日期：</label>
|
|
<div class="layui-inline">
|
|
<div class="layui-input-inline">
|
|
<input type="text" id="start_time" name="start_time" value="{$detail.start_time}" placeholder="开始时间" class="layui-input" autocomplete="off" lay-verType="tips" lay-verify="required">
|
|
</div>
|
|
</div>
|
|
<div class="layui-inline">
|
|
<div class="layui-input-inline">
|
|
<input type="text" id="end_time" name="end_time" value="{$detail.end_time}" placeholder="结束时间" class="layui-input" autocomplete="off" lay-verType="tips" lay-verify="required">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="layui-form-item">
|
|
<label for="term" class="layui-form-label">分期数：</label>
|
|
<div class="layui-input-inline">
|
|
<input type="number" name="term" id="term" value="{$detail.term}" autocomplete="off" class="layui-input">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="layui-form-item">
|
|
<label for="money" class="layui-form-label">金额：</label>
|
|
<div class="layui-input-inline">
|
|
<input type="text" name="money" id="money" value="{$detail.money}" autocomplete="off" class="layui-input">
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="layui-form-item">
|
|
<label for="remark" class="layui-form-label">备注：</label>
|
|
<div class="layui-input-inline">
|
|
<input type="text" name="remark" id="remark" value="{$detail.remark}" autocomplete="off" class="layui-input">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">合同附件：</label>
|
|
<div class="layui-inline">
|
|
<div class="pay-cert" id="kkk">
|
|
<input class="text" type="hidden" name="path" value="{$detail.path | default = ''}" >
|
|
{if !empty($detail.path)}
|
|
<div class="key-add" style="display: none;cursor: pointer;">
|
|
<a class="upload-cert-a">+ 添加文件</a>
|
|
</div>
|
|
<div class="pay-li">
|
|
<img class="pay-img" src="/static/common/image/default/upload.png">
|
|
<a class="pay-img-del-x" style="display: none">x</a>
|
|
</div>
|
|
{else/}
|
|
<div class="key-add" style="cursor: pointer;">
|
|
<a class="upload-cert-a">+ 添加文件</a>
|
|
</div>
|
|
{/if}
|
|
</div>
|
|
</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'
|
|
}
|
|
});
|
|
|
|
// 开始时间
|
|
laydate.render({
|
|
type: 'date'
|
|
,elem: '#start_time'
|
|
,trigger: 'click'
|
|
});
|
|
|
|
// 结束时间
|
|
laydate.render({
|
|
type: 'date'
|
|
,elem: '#end_time'
|
|
,trigger: 'click'
|
|
});
|
|
|
|
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")}?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();
|
|
});
|
|
|
|
like.certUpload('.cert-add', '{:url("file/other")}?local=1&sub_dir=cert', '{$storageUrl}');
|
|
|
|
likeArea.init(
|
|
"province", "city", "district", "province_id", "city_id", "district_id",
|
|
"", "", ""
|
|
);
|
|
likeArea.init(
|
|
"refund_province", "refund_city", "refund_district", "refund_province_id", "refund_city_id", "refund_district_id",
|
|
"", "", ""
|
|
);
|
|
|
|
})
|
|
</script>
|
|
|