supermarketGjfbJiShu.html 23 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <!-- <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9"> -->
  6. <!-- <meta http-equiv="X-UA-Compatible" content="IE=Edge" /> -->
  7. <meta name="Generator" content="EditPlus®">
  8. <link rel="shortcut icon" href="favicon.ico"/>
  9. <meta name="Author" content="">
  10. <meta name="Keywords" content="">
  11. <meta name="Description" content="">
  12. <title></title>
  13. <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
  14. <link rel="stylesheet" href="${contextPath}/WebPages_170421/css/supermarket/supermarketGjfbChanpin.css">
  15. <link rel="stylesheet" href="${contextPath}/WebPages_170421/css/supermarket/addImgOne.css">
  16. <link rel="stylesheet" href="${contextPath}/WebPages_170421/css/supermarket/addImgTwo.css">
  17. <script type="text/javascript" src="${contextPath}/WebPages_170421/js/jquery.js"></script>
  18. <script type="text/javascript" src="${contextPath}/WebPages_170421/js/imgUp.js"></script>
  19. <script src="${contextPath}/WebPages_170421/js/layui/layui.js" charset="utf-8"></script>
  20. <link rel="stylesheet" href="${contextPath}/WebPages_170421/js/layui/css/layui.css" media="all">
  21. <script type='text/javascript'>
  22. function tim(){
  23. var date = new Date();
  24. var seperator1 = "-";
  25. var year = date.getFullYear();
  26. var month = date.getMonth() + 1;
  27. var strDate = date.getDate();
  28. if (month >= 1 && month <= 9) {
  29. month = "0" + month;
  30. }
  31. if (strDate >= 0 && strDate <= 9) {
  32. strDate = "0" + strDate;
  33. }
  34. var mydate=new Date();
  35. var myddy=mydate.getDay();
  36. var weekday=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];
  37. document.getElementById('days').innerHTML=year+seperator1+month+seperator1+strDate+'&nbsp;&nbsp;'+weekday[myddy];
  38. }
  39. setInterval(tim,1000);
  40. </script>
  41. </head>
  42. <body>
  43. <div class="wrapper">
  44. <%include("/WebPages_170421/commonPage/menu.html"){}%>
  45. <div class="main">
  46. <div class="partone">
  47. <div class="leftOne">
  48. <div class="oneleft">
  49. <ul>
  50. <li><a href="#"><img src="${contextPath}/WebPages_170421/img/supermarket/personal.png" style="vertical-align: middle;"> 个人中心</a></li>
  51. <li><a href="#this">基本信息</a></li>
  52. <li><a href="#this">消息管理</a></li>
  53. <li><a href="${contextPath}/product/getProductListNew?pageNumber=${pageNumber!1}&gxtype=1">我的发布</a></li>
  54. <li><a href="${contextPath}/product/mytransactionApplicationNew?pageNumber=${pageNumber!1}">我的订购</a></li>
  55. <li><a href="${contextPath}/productUser/logoutNew">注销账号</a></li>
  56. </ul>
  57. </div>
  58. <div class="oneleftTwo">
  59. <div class="leftTop">
  60. <span class="spanOne"></span>相似产品<span class="spanTwo" ></span>
  61. </div>
  62. <div class="leftContent">
  63. 没找到相似产品
  64. </div>
  65. </div>
  66. </div>
  67. <div class="oneright">
  68. <div class="rightTop">
  69. <a href="${contextPath}/product/toeditNew?pageNumber=${pageNumber!1}&gxtype=0"><div class="rightTopR">
  70. 需求发布
  71. </div></a>
  72. <a href="${contextPath}/product/toeditNew?pageNumber=${pageNumber!1}&gxtype=1"><div class="rightTopL">
  73. 供给发布
  74. </div></a>
  75. </div>
  76. <form id="editForm" class="rightContent" action="${contextPath}/product/editNew" method="post">
  77. <input type="hidden" name="pageNumber" value="${pageNumber}"></input>
  78. <input type="hidden" name="id" id="id" value="${product.id!''}"></input>
  79. <input type="hidden" name="urlParas" value="${urlParas!''}"></input>
  80. <input type="hidden" name="gxtype" value="1"></input>
  81. <div class="rightInput">
  82. <div class="inputTxt">
  83. 类&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;别
  84. </div>
  85. <div class="Bg">
  86. <select name="totaltype" class="rt" id="totaltype">
  87. <option value="2" <%if(product.totaltype!'' == 2){%>selected="selected"<%}%>>服务</option>
  88. <option value="0" <%if(product.totaltype!'' == 0){%>selected="selected"<%}%>>产品</option>
  89. <option value="1" <%if(product.totaltype!'' == 1){%>selected="selected"<%}%>>技术</option>
  90. </select>
  91. </div>
  92. </div>
  93. <div class="rightInput">
  94. <div class="inputTxt">
  95. 名&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;称
  96. </div>
  97. <%if(""==product.id!''){%>
  98. <input type="text" id="name" name="name" class="inputInpt" placeholder="请输入名称" value="${product.name!''}">
  99. <%}else{%>
  100. <p class="inputInpt" style="text-align:left; border:none; ">${product.name!}</p>
  101. <%}%>
  102. </div>
  103. <div class="rightInput">
  104. <div class="inputTxt">
  105. 类&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;型
  106. </div>
  107. <div class="Bg">
  108. <select name="producttype" class="rt" id="producttype">
  109. <%for(producttype in productTypeList!){%>
  110. <option value="${producttype.code}" <%if(product.producttype!'' == producttype.code){%>selected="selected"<%}%>>${producttype.name}</option>
  111. <%}elsefor{%>
  112. <option value="producttype">请选择服务类型</option>
  113. <%}%>
  114. </select>
  115. </div>
  116. </div>
  117. <div class="rightInput jsDiv">
  118. <div class="inputTxt">
  119. 研发阶段
  120. </div>
  121. <div class="Bg">
  122. <select name="yfjd">
  123. <option value="2" <%if(product.yfjd!'' == 2){%>selected="selected"<%}%>>最终成果</option>
  124. <option value="1" <%if(product.yfjd!'' == 1){%>selected="selected"<%}%>>阶段成果</option>
  125. </select>
  126. </div>
  127. </div>
  128. <div class="rightInput jsDiv">
  129. <div class="inputTxt">
  130. 应用方向
  131. </div>
  132. <div class="Bg">
  133. <input class="inputInpt" name="yyfx" value="${product.yyfx!''}">
  134. </div>
  135. </div>
  136. <div class="rightInput" id="yylyDiv">
  137. <div class="inputTxt">
  138. 应用领域
  139. </div>
  140. <div class="Bg">
  141. <input class="inputInpt" name="yyly" value="${product.yyly!''}">
  142. </div>
  143. </div>
  144. <div class="rightInput fwDiv" style="height: 105px;">
  145. <div class="inputTxt">
  146. 服务范围
  147. </div>
  148. <div class="Bg">
  149. <textarea class="inputText" name="fwfw">${product.fwfw!''}</textarea>
  150. </div>
  151. </div>
  152. <div class="rightInputTwo" id="tpDiv">
  153. <div class="inputTxt">
  154. 图&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;片
  155. </div>
  156. <div class="img-box full">
  157. <div id="fileDiv2"></div>
  158. <div class=" img-section" >
  159. <div class="z_photo upimg-div clear" id="demo2">
  160. <%if(product.image1!'' != ''){%>
  161. <div class="up-section fl loading"><img alt="${product.name!''}" class="up-img" src="${contextPath}/imageFile/getImage?imagePath=${product.image1!''}" ></div>
  162. <%}%>
  163. <%if(product.image2!'' != ''){%>
  164. <div class="up-section fl loading"><img alt="${product.name!''}" class="up-img" src="${contextPath}/imageFile/getImage?imagePath=${product.image2!''}" ></div>
  165. <%}%>
  166. <%if(product.image3!'' != ''){%>
  167. <div class="up-section fl loading"><img alt="${product.name!''}" class="up-img" src="${contextPath}/imageFile/getImage?imagePath=${product.image3!''}" ></div>
  168. <%}%>
  169. <%if(product.image4!'' != ''){%>
  170. <div class="up-section fl loading"><img alt="${product.name!''}" class="up-img" src="${contextPath}/imageFile/getImage?imagePath=${product.image4!''}" ></div>
  171. <%}%>
  172. <%if(product.image5!'' != ''){%>
  173. <div class="up-section fl loading"><img alt="${product.name!''}" class="up-img" src="${contextPath}/imageFile/getImage?imagePath=${product.image5!''}" ></div>
  174. <%}%>
  175. </div>
  176. <div class="z_file fl">
  177. <img src="${contextPath}/WebPages_170421/img/addBg.png" class="add-img" id="test2">
  178. </div>
  179. </div>
  180. <script>
  181. layui.use('upload', function(){
  182. var $ = layui.jquery
  183. ,upload = layui.upload;
  184. //多图片上传
  185. upload.render({
  186. elem: '#test2'
  187. ,url: '${contextPath}/ajaxupload/uploadImage'
  188. ,multiple: true
  189. ,before: function(obj){
  190. //预读本地文件示例,不支持ie8
  191. obj.preview(function(index, file, result){
  192. var liStr = '<div class="up-section fl loading"><img class="up-img" src="'+ result +'" alt="'+ file.name +'"></div>';
  193. $('#demo2').append(liStr);
  194. });
  195. }
  196. ,done: function(res){
  197. //上传完毕
  198. $('#fileDiv2').append('<input value="'+ res.msg +'" name="portraitFile" type="hidden">');
  199. }
  200. });
  201. });
  202. </script>
  203. </div>
  204. <aside class="mask works-mask">
  205. <div class="mask-content">
  206. <p class="del-p ">您确定要删除此图片吗?</p>
  207. <p class="check-p"><span class="del-com wsdel-ok">确定</span><span class="wsdel-no">取消</span></p>
  208. </div>
  209. </aside>
  210. <div class="maxZhang">最多上传5张,每张最大10M</div>
  211. </div>
  212. <div class="rightInputTwo" id="zsDiv" style="min-height: 102px;">
  213. <div class="inputTxt">
  214. 知识产权
  215. </div>
  216. <div class="img-box full">
  217. <div id="fileDiv3"></div>
  218. <div class=" img-section" >
  219. <div class="z_photo upimg-div clear" id="demo3">
  220. <%if(product.zscq!'' != ''){%>
  221. <div class="up-section fl loading"><img alt="${product.name!''}" class="up-img" src="${contextPath}/imageFile/getImage?imagePath=${product.zscq!''}" ></div>
  222. <%}%>
  223. </div>
  224. <div class="z_file fl">
  225. <img src="${contextPath}/WebPages_170421/img/addBg.png" class="add-img" id="test3">
  226. </div>
  227. </div>
  228. <script>
  229. layui.use('upload', function(){
  230. var $ = layui.jquery
  231. ,upload = layui.upload;
  232. //多图片上传
  233. upload.render({
  234. elem: '#test3'
  235. ,url: '${contextPath}/ajaxupload/uploadImage'
  236. ,multiple: false
  237. ,before: function(obj){
  238. //预读本地文件示例,不支持ie8
  239. obj.preview(function(index, file, result){
  240. var liStr = '<div class="up-section fl loading"><img class="up-img" src="'+ result +'" alt="'+ file.name +'"></div>';
  241. $('#demo3').html(liStr);
  242. });
  243. }
  244. ,done: function(res){
  245. //上传完毕
  246. $('#fileDiv3').html('<input value="'+ res.msg +'" name="zscq" type="hidden">');
  247. }
  248. });
  249. });
  250. </script>
  251. </div>
  252. <aside class="mask works-mask">
  253. <div class="mask-content">
  254. <p class="del-p ">您确定要删除此图片吗?</p>
  255. <p class="check-p"><span class="del-com wsdel-ok">确定</span><span class="wsdel-no">取消</span></p>
  256. </div>
  257. </aside>
  258. </div>
  259. <div style="clear:both;"></div>
  260. <div class="rightInput" style="height: 240px;" id="chpcs">
  261. <div class="inputTxt">
  262. 参数
  263. </div><input type="button" value="添加参数" id="addDiv">
  264. <div class="write" id="cpcsDiv">
  265. <input class="writeInpt writeBg" value="参数名称">
  266. <input class="writeInpt writeBg" value="参数内容" style="border-right: none;">
  267. <% if( null != productArgsList! ) {
  268. for(tempDate1 in productArgsList!) {
  269. %>
  270. <input class="writeInpt" name="argsName" value="${tempDate1.name!''}">
  271. <input class="writeInpt" name="argsMemo" value="${tempDate1.memo!''}" style="border-right: none;">
  272. <% }} else{%>
  273. <input class="writeInpt" name="argsName">
  274. <input class="writeInpt" name="argsMemo">
  275. <%}%>
  276. </div>
  277. </div>
  278. <div class="rightInput jsDiv" style="height: 102px;">
  279. <div class="inputTxt">
  280. 市场前景
  281. </div>
  282. <textarea class="inputText" name="scqj">${product.scqj!''}</textarea>
  283. </div>
  284. <div class="jiaWei">
  285. <div class="danJia">
  286. <div class="inputTxt">
  287. 单&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;价
  288. </div>
  289. <input class="inputInpt" id="price" name="price" value="${product.price!''}">
  290. </div>
  291. <div class="danWei">
  292. <div class="inputTxt">
  293. 单&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;位
  294. </div>
  295. <div class="Bg" style="width:150px;">
  296. <select name="priceunit" value="${product.priceunit!''}" class="rt" style="width:150px;">
  297. <option>公斤</option>
  298. <option>套</option>
  299. <option>件</option>
  300. </select>
  301. </div>
  302. </div>
  303. </div>
  304. <div class="rightInput">
  305. <div class="inputTxt">
  306. 交易方式
  307. </div>
  308. <div class="selt">
  309. <div class="seltOne">
  310. <input style="float:left;" name="jyfs" type="radio" value="0" class="qyRadio" checked><div style="float:left;padding-left: 30px;">转让</div>
  311. </div>
  312. <div class="seltOne">
  313. <input style="float:left;" name="jyfs" type="radio" value="1" class="qyRadio" ><div style="float:left;padding-left: 30px;">公用</div>
  314. </div>
  315. <div class="seltTwo">
  316. <input style="float:left;" name="jyfs" type="radio" value="2" class="qyRadio" ><div style="float:left;padding-left: 30px;">竞价</div>
  317. </div>
  318. </div>
  319. </div>
  320. <div class="rightInput" style="height: 102px;">
  321. <div class="inputTxt">
  322. 简&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;介
  323. </div>
  324. <textarea class="inputText" name="introduction">${product.introduction!''}</textarea>
  325. </div>
  326. <div class="bot"></div>
  327. <button class="btn" onclick="return verify()">发&nbsp;布</button>
  328. </form>
  329. </div>
  330. <div style="clear:both;"></div>
  331. </div>
  332. </div>
  333. <div class="footer">
  334. <div>
  335. <p>版权所有:吉林省计算中心</p>
  336. <p>技术支持:长春市福瑞科技有限公司</p>
  337. <p>邮编:130000</p>
  338. <p>传真:239823982</p>
  339. <p>地址:吉林省长春市朝阳区前进大街1244号</p>
  340. <p>电话:0431-1234567</p>
  341. <p>邮箱:123456@163.com</p></div>
  342. </div>
  343. </div>
  344. </div>
  345. <script type="text/javascript">
  346. window.onload=function(){
  347. var timer=null;
  348. var speed=2;
  349. var od=document.getElementById("roll");
  350. var au=od.getElementsByTagName('ul')[0];
  351. var ali=au.getElementsByTagName('li');
  352. au.innerHTML=au.innerHTML+au.innerHTML;
  353. au.style.width=ali[0].offsetWidth*ali.length+'px';
  354. timer=setInterval(move,30)
  355. function move(){
  356. if(au.offsetLeft<-au.offsetWidth/2){
  357. au.style.left='0';
  358. }
  359. if(au.offsetLeft>0){
  360. au.style.left=-au.offsetWidth/2+'px';
  361. }
  362. au.style.left=au.offsetLeft+speed+'px';
  363. }
  364. od.onmouseover=function(){
  365. clearInterval(timer);
  366. }
  367. od.onmouseout=function(){
  368. timer=setInterval(move,30)
  369. }
  370. document.getElementById("left").onmouseover=function(){
  371. speed=-2;
  372. }
  373. document.getElementById("right").onmouseover=function(){
  374. speed=2;
  375. }
  376. }
  377. window.onload = function () {
  378. // alert(1);
  379. // var Oul = document.getElementById("side1");
  380. // var Oli = Oul.getElementsByTagName("li");
  381. // alert(2);
  382. for (var j = 0; j < 8; j++) {
  383. if(j>5){
  384. // Oli[j].style.display = "none";
  385. $(".latestinfo ul li").eq(j+2).css({'display':'none'});
  386. $("ul#notification1 li").eq(j+2).css({'display':'none'});
  387. $("ul#notification2 li").eq(j+2).css({'display':'none'});
  388. $("ul#side1 li").eq(j).css({'display':'none'});
  389. $("ul#side2 li").eq(j).css({'display':'none'});
  390. }
  391. }
  392. }
  393. </script>
  394. <script>
  395. $(function(){
  396. //tab选项卡点击
  397. //$(".title li").click(function(){ 标题点击
  398. //var index=$(this).index(); 获得当前点击标题的下标
  399. //$(this).addClass("active").siblings().removeClass("active"); 给当前选项添加选中,其他移除选中
  400. // $(".content .contentlist").eq(index).show().siblings().hide(); 对应下标的内容框显示,其他隐藏
  401. //});
  402. //tab选项卡悬停
  403. $("#title ul li").first().addClass("active");
  404. $(".title li").click(function(){ ////标题悬停
  405. var index=$(this).index(); //获得当前点击标题的下标
  406. $(this).addClass("active").siblings().removeClass("active"); //给当前选项添加选中,其他移除选中
  407. $(".content .contentlist").eq(index).show().siblings().hide(); //对应下标的内容框显示,其他隐藏
  408. $("#zBtn").attr("href","${contextPath}/Supermarket/search?type="+$(this).attr("alt")+"&totaltype=0");
  409. });
  410. var tp1 = $("#totaltype").val();
  411. if(tp1 == 0){
  412. $(".jsDiv").hide();
  413. $(".fwDiv").hide();
  414. $("#yylyDiv").hide();
  415. $("#tpDiv").show();
  416. $("#zsDiv").show();
  417. $("#chpcs").show();
  418. } else if (tp1 == 1){
  419. $(".jsDiv").show();
  420. $(".fwDiv").hide();
  421. $("#yylyDiv").show();
  422. $("#tpDiv").show();
  423. $("#zsDiv").show();
  424. $("#chpcs").show();
  425. $("#editForm").css("height","auto");
  426. } else if(tp1 == 2){
  427. $(".jsDiv").hide();
  428. $(".fwDiv").show();
  429. $("#yylyDiv").show();
  430. $("#tpDiv").hide();
  431. $("#zsDiv").hide();
  432. $("#chpcs").hide();
  433. }
  434. $("#totaltype").change(function(){ // 类别切换
  435. var tp = $(this).val();
  436. if(tp == 0){
  437. $(".jsDiv").hide();
  438. $(".fwDiv").hide();
  439. $("#yylyDiv").hide();
  440. $("#tpDiv").show();
  441. $("#zsDiv").show();
  442. $("#chpcs").show();
  443. } else if (tp == 1){
  444. $(".jsDiv").show();
  445. $(".fwDiv").hide();
  446. $("#yylyDiv").show();
  447. $("#tpDiv").show();
  448. $("#zsDiv").show();
  449. $("#chpcs").show();
  450. $("#editForm").css("height","auto");
  451. } else if(tp == 2){
  452. $(".jsDiv").hide();
  453. $(".fwDiv").show();
  454. $("#yylyDiv").show();
  455. $("#tpDiv").hide();
  456. $("#zsDiv").hide();
  457. $("#chpcs").hide();
  458. }
  459. });
  460. $("#addDiv").click(function(){ ////标题悬停
  461. var addHtml = '<input class="writeInpt" name="argsName" ><input class="writeInpt" name="argsMemo">';
  462. var arrayName = $('input[name="argsName"]');
  463. if(arrayName.length < 11){
  464. $("#cpcsDiv").append(addHtml);
  465. //$("#cpcsDiv").height($("#cpcsDiv").height() + 39);
  466. //$("#chpcs").height($("#chpcs").height() + 39);
  467. } else {
  468. alert("只允许添加十个参数.");
  469. }
  470. });
  471. })
  472. function verify(){
  473. if ($("#name").val() == undefined || $("#name").val() == "") {
  474. alert("请输入产品名称!");
  475. $("#name").focus();
  476. return false;
  477. }
  478. if ($("#name").val().length > 20) {
  479. alert("用户名称长度不能大于20个字,请重新输入!");
  480. $("#name").focus();
  481. return false;
  482. }
  483. if ($("#price").val() == undefined || $("#price").val() == "") {
  484. alert("请输入价格!");
  485. $("#price").focus();
  486. return false;
  487. }
  488. if ($("#price").val().length > 10) {
  489. alert("价格长度不能大于10位,请重新输入!");
  490. $("#price").focus();
  491. return false;
  492. }
  493. }
  494. </script>
  495. </body>
  496. </html>