contractSaleModify-add.jsp 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250
  1. <%@ page language="java" import="java.util.*" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
  2. <%@include file="/context/mytags.jsp"%>
  3. <!DOCTYPE html>
  4. <html>
  5. <head>
  6. <title>销售合同补充协议</title>
  7. <style>
  8. .ui-button {
  9. display: inline-block;
  10. padding: 2px 2px;
  11. margin-bottom: 0;
  12. font-size: 8px;
  13. font-weight: normal;
  14. line-height: 1.42857143;
  15. text-align: center;
  16. white-space: nowrap;
  17. vertical-align: middle;
  18. -ms-touch-action: manipulation;
  19. touch-action: manipulation;
  20. cursor: pointer;
  21. -webkit-user-select: none;
  22. -moz-user-select: none;
  23. -ms-user-select: none;
  24. user-select: none;
  25. background-image: none;
  26. border: 1px solid transparent;
  27. border-radius: 4px;
  28. }
  29. </style>
  30. <t:base type="jquery,easyui,tools,DatePicker"></t:base>
  31. <script type="text/javascript">
  32. $(document).ready(function(){
  33. $('#tt').tabs({
  34. onSelect:function(title){
  35. $('#tt .panel-body').css('width','auto');
  36. }
  37. });
  38. $(".tabs-wrap").css('width','100%');
  39. });
  40. var enddate = '${contractSalePage.enddate }'.substring(0,10);
  41. function tyepChange(){
  42. if($("#attType").val() != "1"){
  43. $('#enddate').removeAttr("disabled");
  44. }else{
  45. $('#enddate').attr("disabled","disabled");
  46. $('#enddate').val(enddate);
  47. }
  48. }
  49. </script>
  50. </head>
  51. <body style="overflow-x: hidden;">
  52. <t:formvalid formid="formobj" dialog="true" usePlugin="password" layout="table" tiptype="1" action="contractSaleController.do?doAdd" beforeSubmit="beforeSubmit" >
  53. <input id="id" name="id" type="hidden" value="${contractSalePage.id }"/>
  54. <input id="type" name="type" type="hidden" value="${contractSalePage.type }"/>
  55. <input id="contractid" name="contractid" type="hidden" value="${contractSalePage.contractid }"/>
  56. <input id="busstatus" name="busstatus" type="hidden" value="${contractSalePage.busstatus }"/>
  57. <input id="startdate" name="startdate" type="hidden" value="${contractSalePage.startdate }"/>
  58. <table cellpadding="0" cellspacing="1" class="formtable">
  59. <tr>
  60. <td align="right">
  61. <label class="Validform_label">原合同名:</label>
  62. </td>
  63. <td class="value">
  64. <input id="contractname" name="contractname" type="text" style="width: 300px" value="${contractSalePage.contractname }" class="inputxt" readonly="readonly" ignore="ignore" />
  65. <span class="Validform_checktip"></span>
  66. <label class="Validform_label" style="display: none;">合同名</label>
  67. </td>
  68. </tr>
  69. <tr>
  70. <td align="right">
  71. <label class="Validform_label">补充协议编号:</label>
  72. </td>
  73. <td class="value">
  74. <input id="code" name="code" type="text" style="width: 150px" class="inputxt" ignore="checked" />
  75. <span class="Validform_checktip"></span>
  76. <label class="Validform_label" style="display: none;">合同号</label>
  77. </td>
  78. </tr>
  79. <tr>
  80. <td align="right">
  81. <label class="Validform_label"><span color="red" class="requiredIcon">*</span>补充协议名称:</label>
  82. </td>
  83. <td class="value">
  84. <input id="name" name="name" type="text" datatype="*" style="width: 300px" class="inputxt" ignore="checked" />
  85. <span class="Validform_checktip"></span>
  86. <label class="Validform_label" style="display: none;">合同名</label>
  87. </td>
  88. </tr>
  89. <tr>
  90. <td align="right">
  91. <label class="Validform_label"><span color="red" class="requiredIcon">*</span>补充协议金额(元):</label>
  92. </td>
  93. <td class="value">
  94. <input id="addamount" name="addamount" type="text" style="width: 150px" class="inputxt" datatype="/^(-?\d+)(\.\d+)?$/" ignore="checked"
  95. onKeyUp="this.value=this.value.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3')" oninput="changeToCHN(event)"/>
  96. <span class="Validform_checktip"></span>
  97. <label id="totalamountCHN" style="font-size: 18px"></label>
  98. </td>
  99. </tr>
  100. <tr>
  101. <td align="right">
  102. <label class="Validform_label"><span color="red" class="requiredIcon">*</span>签订日期:</label>
  103. </td>
  104. <td class="value">
  105. <input id="signdate" name="signdate" type="text" datatype="*" style="width: 150px" class="Wdate" onClick="WdatePicker()" ignore="checked" />
  106. <span class="Validform_checktip"></span>
  107. <label class="Validform_label" style="display: none;">签订日期</label>
  108. </td>
  109. </tr>
  110. <tr>
  111. <td align="right">
  112. <label class="Validform_label">协议类型:</label>
  113. </td>
  114. <td class="value">
  115. <select name="attType" id="attType" width="100" onchange="tyepChange()" style="width: 134px">
  116. <option value="1">补充服务内容</option>
  117. <option value="2">延期协议</option>
  118. <option value="3">提前终止协议</option>
  119. </select>
  120. </td>
  121. </tr>
  122. <tr >
  123. <td align="right">
  124. <label class="Validform_label"><span color="red" class="requiredIcon">*</span>截止日期:</label>
  125. </td>
  126. <td class="value">
  127. <input id="enddate" name="enddate" type="text" datatype="*" style="width: 150px;" disabled="disabled" value='<fmt:formatDate value='${contractSalePage.enddate}' type="date" pattern="yyyy-MM-dd"/>' class="Wdate" onClick="WdatePicker()" onchange="bingdingChange(event)" ignore="checked" />
  128. <span class="Validform_checktip"></span>
  129. <label class="Validform_label" style="display: none;">截止日期</label>
  130. </td>
  131. </tr>
  132. <tr >
  133. <td align="right" >
  134. <label class="Validform_label"><span color="red" class="requiredIcon">*</span>招标提醒日期:</label>
  135. </td>
  136. <td class="value" >
  137. <input id="nextbiddingdate" name="nextbiddingdate" type="text" style="width: 150px" value='<fmt:formatDate value='${contractSalePage.nextbiddingdate}' type="date" pattern="yyyy-MM-dd"/>' class="Wdate" onClick="WdatePicker()" datatype="*" ignore="checked" />
  138. <span class="Validform_checktip"></span>
  139. <label class="Validform_label" style="display: none;">招标提醒日期</label>
  140. </td>
  141. </tr>
  142. <tr id="amount" style="display:none">
  143. <td align="right">
  144. <label class="Validform_label">累计开票金额(元):</label>
  145. </td>
  146. <td class="value">
  147. <input id="totalinvoice" name="totalinvoice" type="text" style="width: 150px" class="inputxt" datatype="/^(-?\d+)(\.\d+)?$/" ignore="ignore" />
  148. <span class="Validform_checktip"></span>
  149. <label class="Validform_label" style="display: none;">累计开票金额</label>
  150. </td>
  151. <td align="right">
  152. <label class="Validform_label">累计收款金额(元):</label>
  153. </td>
  154. <td class="value">
  155. <input id="totalincome" name="totalincome" type="text" style="width: 150px" class="inputxt" datatype="/^(-?\d+)(\.\d+)?$/" ignore="ignore" />
  156. <span class="Validform_checktip"></span>
  157. <label class="Validform_label" style="display: none;">累计收款金额</label>
  158. </td>
  159. </tr>
  160. <tr>
  161. <td align="right">
  162. <label class="Validform_label"><span color="red" class="requiredIcon">*</span>服务内容:</label>
  163. </td>
  164. <td class="value">
  165. <t:dictSelect field="servicecontent" type="checkbox" typeGroupCode="servicetype" defaultVal="${contractSalePage.servicecontent}" datatype="*" hasLabel="false" title="服务内容" ></t:dictSelect>
  166. <span class="Validform_checktip"></span>
  167. <label class="Validform_label" style="display: none;">服务内容</label>
  168. </td>
  169. </tr>
  170. <tr style="display:none">
  171. <td align="right">
  172. <label class="Validform_label">客户:</label>
  173. </td>
  174. <td class="value">
  175. <input readonly="true" type="text" id="customername" name="customername" value="${contractSalePage.customername}" style="width: 157px" placeholder="请选择客户" onclick="openCustomerSelect()">
  176. <input id="customerid" name="customerid" type="hidden" value="${contractSalePage.customerid}">
  177. <a href="#" class="easyui-linkbutton" plain="true" icon="icon-select" id="partnerSearch" onclick="openCustomerSelect()">选择</a>
  178. <a href="#" class="easyui-linkbutton" plain="true" icon="icon-clean" id="partnerRedo" onclick="callbackCleanCustomer()">清空</a>
  179. </td>
  180. <td align="right">
  181. <label class="Validform_label"><span color="red" class="requiredIcon">*</span>项目:</label>
  182. </td>
  183. <td class="value">
  184. <input readonly="true" type="text" id="projectname" name="projectname" value="${contractSalePage.projectname}" style="width: 157px" placeholder="请选择项目名称" onclick="openProjectSelect()">
  185. <input id="projectid" name="projectid" type="hidden" value="${contractSalePage.projectid}">
  186. <a href="#" class="easyui-linkbutton" plain="true" icon="icon-select" id="projectSearch" onclick="openProjectSelect()">选择</a>
  187. <a href="#" class="easyui-linkbutton" plain="true" icon="icon-clean" id="projectRedo" onclick="callbackCleanProject()">清空</a>
  188. </td>
  189. </tr>
  190. <tr>
  191. <td align="right" >
  192. <label class="Validform_label"><span color="red" class="requiredIcon">*</span>付款模式:</label>
  193. </td>
  194. <td class="value">
  195. <t:dictSelect field="paytype" type="list" typeGroupCode="paymode" defaultVal="${contractSalePage.paytype}" hasLabel="false" title="付款模式" datatype="*"></t:dictSelect>
  196. <span class="Validform_checktip"></span>
  197. <label class="Validform_label" style="display: none;">付款模式</label>
  198. </td>
  199. </tr>
  200. <tr>
  201. <td align="right">
  202. <label class="Validform_label">补充协议描述:</label>
  203. </td>
  204. <td class="value" colspan="3">
  205. <textarea id="description" style="width:300px;height: 80px" class="inputxt" name="description" ignore="ignore" ></textarea>
  206. <span class="Validform_checktip"></span>
  207. <label class="Validform_label" style="display: none;">合同描述</label>
  208. </td>
  209. </tr>
  210. </table>
  211. <div style="width: auto;height: 200px;">
  212. <%-- 增加一个div,用于调节页面大小,否则默认太小 --%>
  213. <div style="width:800px;height:1px;"></div>
  214. <t:tabs id="tt" iframe="false" tabPosition="top" fit="false">
  215. <t:tab href="contractSaleController.do?contractSaleItemList&id=${contractSalePage.id}" icon="icon-search" title="服务明细" id="contractSaleItem"></t:tab>
  216. </t:tabs>
  217. </div>
  218. </t:formvalid>
  219. <!-- 添加 附表明细 模版 -->
  220. <table style="display:none">
  221. <tbody id="add_contractSaleItem_table_template">
  222. <tr>
  223. <td align="center"><div style="width: 25px;" name="xh"></div></td>
  224. <td align="center"><input style="width:20px;" type="checkbox" name="ck"/></td>
  225. <td align="left">
  226. <t:dictSelect field="contractSaleItemList[#index#].servicetype" type="list" typeGroupCode="servicetypedetail"
  227. extendJson="{class:'form-control',style:'width:120px'}" datatype="*" />
  228. <label class="Validform_label" style="display: none;">服务类型</label>
  229. </td>
  230. <td align="left">
  231. <input name="contractSaleItemList[#index#].remark" maxlength="256" type="text" class="inputxt" style="width:400px;" ignore="ignore" />
  232. <label class="Validform_label" style="display: none;">服务说明</label>
  233. </td>
  234. <td align="left">
  235. <t:dictSelect field="contractSaleItemList[#index#].addordel" type="list" typeGroupCode="addordel"
  236. extendJson="{class:'form-control',style:'width:120px'}" datatype="*" defaultVal="add"/>
  237. <label class="Validform_label" style="display: none;">增项减项</label>
  238. </td>
  239. </tr>
  240. </tbody>
  241. </table>
  242. </body>
  243. <script type="text/javascript" src="plug-in/tools/money.js"></script>
  244. <script type="text/javascript" src="plug-in/tools/dateUtil.js"></script>
  245. <script src = "webpage/cn/com/lzt/contractsale/contractSale.js"></script>