{extend name="../../base/view/common/base" /}
<!-- 主体 -->
{block name="body"}
<form class="layui-form p-page">
	<h3 class="pb-3">编辑采购合同</h3>
    <table class="layui-table layui-table-form">
		<tr>
			<td class="layui-td-gray">合同名称<font>*</font></td>
			<td colspan="3"><input type="text" name="name" value="{$detail.name}" lay-verify="required" lay-reqText="请输入合同名称" autocomplete="off" placeholder="请输入合同名称" class="layui-input"></td>
			<td class="layui-td-gray">合同性质</td>
			<td>{$detail.types_name}</td>
		</tr>
        <tr>
			<td class="layui-td-gray-3">签约主体(甲方)<font>*</font></td>
			<td colspan="3">
				<select name="subject_id" lay-verify="required" lay-reqText="请选择签约主体公司">
					<option value="">请选择签约主体公司</option>
					{volist name=":get_base_data('Enterprise')" id="v"}
					<option value="{$v.id}" {eq name="$v.id" value="$detail.subject_id" } selected{/eq}>{$v.title}</option>
					{/volist}
				</select>
			</td>
			<td class="layui-td-gray-2">合同始止日期<font>*</font></td>
			<td id="barDate" style="width:320px;">
				<div class="layui-input-inline" style="width:150px;">
					<input type="text" class="layui-input" id="start_time" value="{$detail.start_time}" placeholder="选择时间区间" readonly name="start_time" lay-verify="required" lay-reqText="请选择合同开始时间">
				</div>
				~
				<div class="layui-input-inline" style="width:150px;">
					<input type="text" class="layui-input" id="end_time" value="{$detail.end_time}" placeholder="选择时间区间" readonly name="end_time" lay-verify="required" lay-reqText="请选择合同结束时间">
				</div>
			</td>
		</tr>
		<tr>
			<td class="layui-td-gray-3">供应商名称(乙方)<font>*</font></td>
			<td colspan="3">			
				{eq name="$is_supplier" value="1"}
				<input type="text" name="supplier" autocomplete="off" value="{$detail.supplier}" readonly lay-verify="required" lay-reqText="请输入供应商名称" placeholder="请输入供应商名称" class="layui-input supplier-picker">				
				{else/}
				<input type="text" name="supplier" autocomplete="off" value="{$detail.supplier}" lay-verify="required" lay-reqText="请输入供应商名称" placeholder="请输入供应商名称" class="layui-input">				
				{/eq}
				<input type="hidden" name="supplier_id" value="{$detail.supplier_id}">			
			</td>
			<td class="layui-td-gray-3">签约供应商代表<font>*</font></td>
			<td><input type="text" name="contact_name" value="{$detail.contact_name}" autocomplete="off" lay-verify="required" lay-reqText="请输入供应商代表姓名" placeholder="请输入供应商代表姓名" class="layui-input"></td>
		</tr>
		<tr>
			<td class="layui-td-gray-3">供应商联系地址</td>
			<td colspan="3"><input type="text" name="contact_address" value="{$detail.contact_address}" autocomplete="off" placeholder="请输入供应商联系地址" class="layui-input"></td>
			<td class="layui-td-gray-3">供应商联系电话</td>
			<td><input type="text" name="contact_mobile" value="{$detail.contact_mobile}" autocomplete="off" placeholder="请输入供应商联系电话" class="layui-input"></td>
		</tr>
		<tr>
			<td class="layui-td-gray">合同金额<font>*</font></td>
			<td>
				{eq name="$detail.types" value="1"}
				<input type="text" name="cost" value="{$detail.cost}" lay-verify="required|number" lay-reqText="请输入合同金额，数字" placeholder="请输入合同金额，数字" autocomplete="off" class="layui-input">
				{/eq}
				{eq name="$detail.types" value="2"}
				<input type="text" name="cost" value="{$detail.cost}" lay-verify="required|number" lay-reqText="请完善产品信息" placeholder="完善产品信息，合同金额自动计算" readonly class="layui-input layui-input-readonly">
				{/eq}
				{eq name="$detail.types" value="3"}
				<input type="text" name="cost" value="{$detail.cost}" lay-verify="required|number" lay-reqText="请完善服务信息" placeholder="完善服务信息，合同金额自动计算" readonly class="layui-input layui-input-readonly">
				{/eq}
			</td>
			<td class="layui-td-gray">合同类别<font>*</font></td>
			<td>
				<select name="cate_id" lay-verify="required" lay-reqText="请选择合同类别">
					<option value="">请选择合同类别</option>
					{volist name=":get_base_data('ContractCate');" id="vo"}
					<option value="{$vo.id}" {eq name="$vo.id" value="$detail.cate_id"} selected{/eq}>{$vo.title}</option>
					{/volist}
				</select>
			</td>
			<td class="layui-td-gray">合同编号<font>*</font></td>
			<td><input type="text" name="code" value="{$detail.code}" autocomplete="off" {eq name="$is_codeno" value="1"}readonly{/eq} lay-verify="required" lay-reqText="请输入合同编号" placeholder="请输入合同编号" class="layui-input"></td>
		</tr>
		<tr>
			<td colspan="6"><strong>签订信息</strong></td>
		</tr>
		<tr>
			<td class="layui-td-gray-2">合同签订人<font>*</font></td>
			<td>
				 <input type="text" name="sign_name" value="{$detail.sign_name}" autocomplete="off" readonly lay-verify="required" lay-reqText="请选择合同签订人" placeholder="请选择合同签订人" class="layui-input picker-diy">
				 <input type="hidden" name="sign_uid" value="{$detail.sign_uid}">
			</td>
			<td class="layui-td-gray-2">合同所属部门<font>*</font></td>
			<td>
				<input type="text" name="sign_department" value="{$detail.sign_department}" autocomplete="off" readonly lay-verify="required" lay-reqText="请选择合同所属部门"  placeholder="请选择合同所属部门" class="layui-input picker-oa" data-types="department">
			  	<input type="hidden" name="did" value="{$detail.did}">
			</td>
			<td class="layui-td-gray-2">合同签订日期<font>*</font></td>
			<td><input type="text" name="sign_time" value="{$detail.sign_time}" readonly lay-verify="required" lay-reqText="请选择合同签订日期" placeholder="请选择合同签订日期" class="layui-input tool-time"></td>
		</tr>
		<tr>
			<td class="layui-td-gray-2">合同制定人</td>
			<td>
				<input type="text" name="prepared_name" value="{$detail.prepared_name}" autocomplete="off" readonly placeholder="请选择合同制定人" class="layui-input picker-admin">
				<input type="hidden" name="prepared_uid" value="{$detail.prepared_uid}">
			</td>
			<td class="layui-td-gray-2">合同保管人</td>
			<td>
				<input type="text" name="keeper_name" value="{$detail.keeper_name}" autocomplete="off" readonly placeholder="请选择合同保管人" class="layui-input picker-admin">
				<input type="hidden" name="keeper_uid" value="{$detail.keeper_uid}">
			</td>
			<td class="layui-td-gray">合同共享人员</td>
			<td colspan="3">
				<input type="text" name="share_names" value="{$detail.share_names}" autocomplete="off" readonly placeholder="请选择共享人员" class="layui-input picker-admin" data-type="2">
				<input type="hidden" name="share_ids" value="{$detail.share_ids}">
			</td>
		</tr>
		{eq name="$detail.types" value="2"}{include file="/purchase/edit_purchased"}{/eq}		
		{eq name="$detail.types" value="3"}{include file="/purchase/edit_service"}{/eq}	
		<tr>
			<td colspan="6"><strong>相关附件</strong></td>
		</tr>
		<tr>
			<td class="layui-td-gray">
				<button type="button" class="layui-btn layui-btn-sm" id="uploadBtn"><i class="layui-icon"></i>附件上传</button>
			</td>
			<td colspan="5" style="line-height:inherit">
				<div class="layui-row" id="uploadBox">
					<input type="hidden" data-type="file" name="file_ids" value="{$detail.file_ids}">
					{notempty name="$detail.file_ids"}
					{volist name="$detail.file_array" id="vo"}
					<div class="layui-col-md4" id="uploadImg{$vo.id}">{:file_card($vo)}</div>
					{/volist}
					{/notempty}
				</div>
			</td>
		</tr>
		<tr>
			<td colspan="6"><strong>备注信息</strong></td>
		</tr>
		<tr>
			<td colspan="6"><textarea name="remark" placeholder="请输入备注信息" class="layui-textarea">{$detail.remark|default=''}</textarea></td>
		</tr>
    </table>
	<div class="pt-4">
		<input type="hidden" name="id" value="{$detail.id}">
		<input type="hidden" name="types" value="{$detail.types}">
		<input type="hidden" name="scene" value="edit">
		<button class="layui-btn layui-btn-normal" lay-submit="" lay-filter="webform">立即提交</button>
		<button type="reset" class="layui-btn layui-btn-primary">重置</button>
	</div>
</form>
{/block}
<!-- /主体 -->

<!-- 脚本 -->
{block name="script"}
<script>
	const moduleInit = ['tool','oaPicker','uploadPlus'];
	function gouguInit() {
		var form = layui.form,tool=layui.tool,laydate = layui.laydate, oaPicker = layui.oaPicker,uploadPlus = layui.uploadPlus;
		if(typeof purchased_fun==='function'){
			purchased_fun(layui);
		}
		if(typeof service_fun==='function'){
			service_fun(layui);
		}
		//日期范围
		laydate.render({
			elem: '#barDate',
			range: ['#start_time', '#end_time']
		});
		//附件上传
		var attachment = new uploadPlus({
			"target":'uploadBtn',
			"targetBox":'uploadBox'
		});
		//选择员工弹窗        
		$('body').on('click','.picker-diy',function () {
			let that = $(this);
			let ids=that.next().val()+'',names = that.val()+'';
			oaPicker.employeeInit({
				ids:ids,
				names:names,
				type:1,//1是单选，2是多选
				callback:function(data){
					//这里是选择后的回调方法，可以根据具体需求自定义写哦
					let select_id=[],select_name=[];
					for(var a=0; a<data.length;a++){
						select_id.push(data[a].id);
						select_name.push(data[a].name);
					}
					that.val(select_name.join(','));
					that.next().val(select_id.join(','));
				}
			});
		});
		
		//选择供应商弹窗        
		$('body').on('click','.supplier-picker',function () {
			let that = $(this),ids = [],titles=[],contact_name=[],contact_mobile=[],address=[],map = {},types = 'supplier',type = 1;
			let callback = function(data){
				for ( var i = 0; i <data.length; i++){
					ids.push(data[i].id);
					titles.push(data[i].title);
					contact_name.push(data[i].contact_name);
					contact_mobile.push(data[i].contact_mobile);
					address.push(data[i].address);
				}
				that.val(titles.join(','));
				that.next().val(ids.join(','));
				$('[name="contact_name"]').val(contact_name.join(','));
				$('[name="contact_mobile"]').val(contact_mobile.join(','));
				$('[name="contact_address"]').val(address.join(','));
			}
			oaPicker.picker(types,type,callback,map);
		});
		
		//监听提交
		form.on('submit(webform)', function (data) {
			let callback = function (e) {
				layer.msg(e.msg);
				if (e.code == 0) {
					tool.sideClose(1000);
				}
			}
			tool.post("/contract/purchase/add", data.field, callback);
			return false;
		});
	}
</script>
{/block}
<!-- /脚本 -->