需求管理界面:
1. 最上方 “新技术需求”按钮标题改为“添加技术需求”并且字体改为红色。
2. 需求结果显示中是否审核状态栏 中 只显示“未审核”和“已审核”两个状态。
3. 操作中 三个操作图标(查看、修改、删除)距离间隔大一些。
4. 在需求查看界面中最上面加入标题“河北省重大技术需求征集表”。
5. 全面检查表中的非必填项,表中邮政编码没有边框,若没有填写,可以显示“无”。
6. 删除操作 需要加入提示框“确认删除” 选择 ‘确定’才能删除,选择 ‘取消’则回到当前页面。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <meta name="description" content="particles.js is a lightweight JavaScript library for creating particles."> <meta name="author" content="Vincent Garreau" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"> <link rel="stylesheet" type="text/css" href="../../../res/layui/css/layui.css" /> <script src="../../../res/js/jquery.js"></script> </head> <body> <div> <table class="layui-table"> <tr> <td>*机构全称</td> <td colspan="1"><p id="jgmc"></p></td> <td>*归口管理部门</td> <td colspan="1"><p id="gkglbm"></p></td> </tr> <tr> <td>*通讯地址</td> <td colspan="1"><p id="txdz"></p></td> <td>*所在地域</td> <td colspan="1"><p id="szdy"></p></td> </tr> <tr> <td>网址</td> <td><p id="dwwz"></p></td> <td>*电子邮箱</td> <td><p id="dzyx"></p></td> </tr> <tr> <td>*法人代表</td> <td><p id="frdb"></p></td> <td>邮政编码</td> <td><p id="yzbm"></p></td> </tr> <tr> <td rowspan="2">*联系人</td> <td rowspan="2"><p id="lxr"></p></td> <td>*电话</td> <td>1、电话 <span id="yddh"></span> 2、固话 <span id="gddh"></span></td> </tr> <tr> <td>传真</td> <td><p id="cz"></p></td> </tr> <tr> <td>*机构属性</td> <td colspan="3"><input type="radio" name="jgsx" value="企业">企业 <input type="radio" name="jgsx" value="研究机构">研究机构 <input type="radio" name="jgsx" value="高等院校">高等院校 <input type="radio" name="jgsx" value="其他">其他 </td> </tr> <tr> <td>*机构简介</td> <td colspan="3"><p id="jgjj"></p></td> </tr> <tr> <td>*技术需求名称</td> <td><p id="jsxqmc"></p></td> <td>*需求年限</td> <td><p> <span id="qsxqnf"></span>年—— <span id="jzxqnf"></span>年 </p></td> </tr> <tr> <td colspan="4">*重大科技需求概述(主要内容,技术指标、预期经济和社会效益等,限500字)</td> </tr> <tr> <td colspan="4">主要问题<br> <p id="zdkjxqgs_zywt"></p></td> </tr> <tr> <td colspan="4">技术关键<br> <p id="zdkjxqgs_jsgj"></p></td> </tr> <tr> <td colspan="4">预期目标<br> <p id="zdkjxqgs_yqmb"></p></td> </tr> <tr> <td>*关键字</td> <td colspan="3"> <div id="gjz" style="display: -webkit-flex; justify-content: space-around;"></div> </td> </tr> <tr> <td>*科技活动类型</td> <td colspan="3"><p> <input type="radio" name="yjlx" value="基础研究">基础研究 <input type="radio" name="yjlx" value="应用研究">应用研究 <input type="radio" name="yjlx" value="试验研究">试验发展 </p> <p> <input type="radio" name="yjlx" value="研究与试验发展成果应用">研究与试验发展成果应用 <input type="radio" name="yjlx" value="技术推广与科技服务">技术推广与科技服务 <input type="radio" name="yjlx" value="生产性活动">生产性活动 </p></td> </tr> <tr id="subcla" style="display: none;"> <td>*学科分类</td> <td colspan="3"> <p id="xkfl"></p> </td> </tr> <tr> <td>*需求技术所属领域</td> <td colspan="3"> <p> <input type="checkbox" name="xqjsssly" value="电子信息技术">电子信息技术 <input type="checkbox" name="xqjsssly" value="光机电一体化">光机电一体化 <input type="checkbox" name="xqjsssly" value="软件">软件 <input type="checkbox" name="xqjsssly" value="生物制药技术">生物制药技术 <input type="checkbox" name="xqjsssly" value="新材料及应用技术">新材料及应用技术 </p> <p> <input type="checkbox" name="xqjsssly" value="先进制造技术">先进制造技术 <input type="checkbox" name="xqjsssly" value="现代农业技术">现代农业技术 <input type="checkbox" name="xqjsssly" value="新能源与高效节能技术">新能源与高效节能技术 <input type="checkbox" name="xqjsssly" value="资源与环境保护新技术">资源与环境保护新技术 <input type="checkbox" name="xqjsssly" value="其他技术">其他技术(注明) </p> </td> </tr> <tr id="othertech" style="display: none;"> <td>*其他技术</td> <td colspan="3"><p id="qtjsms"></p></td> </tr> <tr id="nobasetech" style="display: none;"> <td>*需求技术应用行业</td> <td colspan="3"> <p id="xqjsyyhy"></p> </td> </tr> <tr> <td>*技术需求合作模式</td> <td colspan="3"> <p> <input type="radio" name="jsxqhzms" value="独立开发">独立开发 <input type="radio" name="jsxqhzms" value="委托开放">委托开发 <input type="radio" name="jsxqhzms" id="hzkf" value="合作开发">合作开发 <input type="radio" name="jsxqhzms" value="其他">其他 </p> <p id="hzyxdw" style="display: none;">合作意向单位:</p> </td> </tr> <tr class="layui-form"> <td>拟投入资金总额</td> <td colspan="1"><span id="ntrzjze"></span> 万元</td> <td>上交部门</td> <td colspan="1" class="layui-form-item"><select lay-search="" class="layui-input-block" name="sjbm"> <option value="">请选择</option> <option value="001">办公室</option> <option value="002">人事处</option> <option value="003">机关党委</option> <option value="004">政策法规处</option> <option value="005">计划财务处</option> <option value="006">平台与基础处</option> <option value="007">国际合作处</option> <option value="008">高新技术处</option> <option value="009">农村科技处</option> <option value="010">社会发展处</option> <option value="011">成功与市场处</option> <option value="012">监察处</option> <option value="013">离退休干部处</option> <option value="014">知识产权局</option> <option value="015">半干旱中心</option> <option value="016">山办</option> <option value="017">机关服务中心</option> <option value="018">科技研发中心</option> <option value="019">科技情报中心</option> <option value="020">器械公司</option> <option value="021">基金办</option> <option value="022">档案馆</option> <option value="023">科技信息管理中心</option> <option value="024">科技投资中心</option> <option value="025">成功转换中心</option> <option value="026">中小企业创新资金</option> <option value="027">对外交流中心</option> </select></td> </tr> <tr> <td>审核意见</td> <td colspan="3"><textarea style=" 100%; height: 100%" rows="8" name="xsyj"></textarea></td> </tr> <tr align="center"> <td colspan="4"><button class="layui-btn layui-btn-normal" id="agree">同意</button> <button class="layui-btn layui-btn-danger" id="disagree">不同意</button></td> </tr> </table> </div> </body> <script src="../../../res/layui/layui.all.js"></script> <script type="text/javascript"> $(function(){ getList(); $('input[type=radio],input[type=checkbox]').attr('disabled',true) $('#agree').click(function(){ glcs=$('select[name=sjbm] option:selected').val(); if(glcs.length<=0){ layer.msg("还未选择上交部门") return; } id=location.href.split("=")[1] $.post( '../../../DCController' ,{'m':'dcagreebyxs','id':id,'xsyj':$('textarea[name=xsyj]').val(),'glcs':glcs} ,function(o){ o=JSON.parse(o) if(o.code==0){ layer.msg("审核完成") location='questionlist.html' }else if(o.code==1){ layer.msg("审核失败") } } ) }) $('#disagree').click(function(){ id=location.href.split("=")[1] $.post( '../../../DCController' ,{'m':'dcdisagreebyxs','id':id,'xsyj':$('textarea[name=xsyj]').val()} ,function(o){ o=JSON.parse(o) if(o.code==0){ layer.msg("审核完成") location='questionlist.html' }else if(o.code==1){ layer.msg("审核失败") } } ) }) }) function getList(){ h=location.href; $.post( '/TechnologyCollection/DCController' ,{'m':'dcinfo','id':h.split("=")[1]} ,function(o){ showList(o); } ) } function showList(o){ j=JSON.parse(o); $('#jgmc').text(j.jgmc) $('#gkglbm').text(j.gkglbm) $('#txdz').text(j.txdz) $('#szdy').text(j.szdy) $('#dwwz').text(j.dwwz) $('#dzyx').text(j.dzyx) $('#frdb').text(j.frdb) $('#yzbm').text(j.yzbm) $('#lxr').text(j.lxr) $('#yddh').text(j.yddh) $('#gddh').text(j.gddh) $('#cz').text(j.cz) $('input[name=jgsx]').each(function(i){ if($(this).val()==j.jgsx){ $(this).attr('checked',"checked") } }) $('#jgjj').text(j.jgjj) $('#jsxqmc').text(j.jsxqmc) $('#qsxqnf').text(j.qsxqnf) $('#jzxqnf').text(j.jzxqnf) $('#zdkjxqgs_zywt').text(j.zdkjxqgs_zywt) $('#zdkjxqgs_jsgj').text(j.zdkjxqgs_jsgj) $('#zdkjxqgs_yqmb').text(j.zdkjxqgs_yqmb) i=1 for(str in j.gjz.split(';')){ if(str.length>0){ $('#gjz').append("<span>"+i+'、'+str+"</span>") i++; } } $('input[name=yjlx]').each(function(i){ if($(this).val()==j.yjlx){ $(this).attr('checked',"checked") if(j.yjlx=='基础研究'){ $('#xkfl').text(j.xkfl); $('#subcla').show(); }else { $('#xqjsyyhy').text(j.xqjsyyhy); $('#nobasetech').show(); } } }) $('input[name=xqjsssly]').each(function(i){ arr=j.xqjsssly.split(';') for(k=0;k<arr.length;k++){ if(arr[k]=="其他技术"){ $('#qtjsms').text(j.qtjsms) $('#othertech').show() } if(arr[k]==$(this).val()){ $(this).attr('checked','checked') } } }) $('input[name=jsxqhzms]').each(function(i){ arr=j.jsxqhzms.split(';') for(k=0;k<arr.length;k++){ if(arr[k]==$(this).val()){ $(this).attr('checked','checked') } } }) $('#ntrzjze').text(j.ntrzjze) } </script> </html>
这一部分今天没有完成,明天继续