123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166 |
- <!DOCTYPE html>
- <html xmlns="http://www.w3.org/1999/xhtml" ng-app="app">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <meta name="viewport"
- content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
- <title>归档审批单</title>
- <link href="../../AFrontEnd/css/animate.css" rel="stylesheet" />
- <link href="../../AFrontEnd/css/fontawesome/css/font-awesome.css" rel="stylesheet" />
- <link href="../../AFrontEnd/css/bootstrap.css" rel="stylesheet" />
- <link href="../../AFrontEnd/css/style.css" rel="stylesheet" />
- <script>document.write("<link href='../../AFrontEnd/css/special.css?time=" + new Date().getTime() + "' rel='stylesheet'>");</script>
- <script>document.write("<link href='../flowchart_app_imgcss/css/formedit.css?time=" + new Date().getTime() + "' rel='stylesheet'>");</script>
- <style>
- .sp-table tbody td {
- border: none;
- }
- </style>
- </head>
- <body>
- <div ng-controller="formeditCtrl as ctl" id="app" ng-cloak>
- <div class="wrapper wrapper-content">
- <div class="row">
- <div class="col-md-4">
- <div>
- <span
- style="margin-top: 10px;margin-bottom: 10px;display: inline-block;width: 34px;height: 34px;line-height: 34px;text-align: center;border: 1px solid gray;border-radius: 50%;">1</span>
- <span style="margin-left: 10px;">归档信息</span>
- </div>
- <table class="sp-table" style="border:none">
- <tr>
- <td>年 度</td>
- <td colspan="3"><input type="text" class="sp-input laydate-logo" sp-laydate laytype="year"
- ng-model="ctl.data.ARCHYEAR" /></td>
- </tr>
- <tr>
- <td>归档部门</td>
- <td colspan="3">
- <select class="sp-select" ng-model="ctl.data.ORGANIZATIONMA">
- <option ng-repeat="item in ctl.GDBM" ng-bind="item.SECTION" value="{{item.CODE}}">
- </option>
- </select>
- </td>
- </tr>
- <tr>
- <td>保管期限</td>
- <td colspan="3">
- <select class="sp-select" ng-model="ctl.data.MIJIQIXIAN">
- <option value="10年">10年</option>
- <option value="30年">30年</option>
- <option value="永久">永久</option>
- </select>
- </td>
- </tr>
- <tr>
- <td>档案门类</td>
- <td colspan="3"><input type="text" class="sp-input" ng-model="ctl.data.DANGANML" readonly />
- </td>
- </tr>
- <tr>
- <td>文 号</td>
- <td colspan="3"><input type="text" class="sp-input" ng-model="ctl.data.WENHAO" /></td>
- </tr>
- <tr>
- <td>题 名</td>
- <td colspan="3">
- <textarea class="sp-textarea" rows="2" style="resize:none"
- ng-model="ctl.data.DOCTITLE"></textarea>
- </td>
- </tr>
- <tr>
- <td>责任者</td>
- <td colspan="3"><input type="text" class="sp-input" ng-model="ctl.data.ZRZ" /></td>
- </tr>
- <tr>
- <td>日 期</td>
- <td colspan="3"><input type="text" class="sp-input laydate-logo" sp-laydate
- ng-model="ctl.data.DOCISSUEDDATE" /></td>
- </tr>
- <tr>
- <td>件 号</td>
- <td colspan="3"><input type="text" class="sp-input" ng-model="ctl.data.JIANHAO" readonly />
- </td>
- </tr>
- <tr>
- <td>页 数</td>
- <td colspan="3"><input type="text" class="sp-input" ng-model="ctl.data.YESHU" /></td>
- </tr>
- <tr>
- <td>备 注</td>
- <td colspan="3">
- <textarea class="sp-textarea" rows="4" style="resize:none"
- ng-model="ctl.data.BEIZHU"></textarea>
- </td>
- </tr>
- </table>
- <tr>
- <button class="sp-btn-blue sp-btn-sm sp-radius" ng-click="ctl.btnSave('0')"
- style="margin-left: 36%;margin-top: 20px;font-size: 13px;">更新</button>
- <button style="margin-left: 20px;font-size: 13px;" class="sp-btn-blue sp-btn-sm sp-radius"
- ng-click="ctl.createGuidang()">生成归档目录</button>
- </tr>
- </div>
- <div class="col-md-4">
- <div>
- <span
- style="margin-top: 10px;margin-bottom: 10px;display: inline-block;width: 34px;height: 34px;line-height: 34px;text-align: center;border: 1px solid gray;border-radius: 50%;">2</span>
- <span style="margin-left: 10px;">归档目录</span>
- </div>
- <div style="width: 100%;height: 620px;overflow:auto">
- <table class="sp-table">
- <thead>
- <tr>
- <th>序号</th>
- <th>责任者</th>
- <th>文号</th>
- <th>文件名</th>
- <th>日期</th>
- <th>页数</th>
- <th>备注</th>
- </tr>
- </thead>
- <tbody>
- <tr ng-repeat="item in ctl.guidangList" style="cursor:pointer" ng-click="ctl.searchFiles(item)">
- <td ng-bind="item.XH"></td>
- <td ng-bind="item.ZERENMAN"></td>
- <td ng-bind="item.WENHAO"></td>
- <td ng-bind="item.WENJIANMING"></td>
- <td ng-bind="item.RIQI"></td>
- <td ng-bind="item.YESHU"></td>
- <td ng-bind="item.REMARK"></td>
- </tr>
- </tbody>
- </table>
- </div>
- </div>
- <div class="col-md-4">
- <div>
- <span
- style="margin-top: 10px;margin-bottom: 10px;display: inline-block;width: 34px;height: 34px;line-height: 34px;text-align: center;border: 1px solid gray;border-radius: 50%;">3</span>
- <span style="margin-left: 10px;">查看文件</span>
- </div>
- <div style="width: 100%;height: 620px;">
- <iframe src="" frameborder="0" style="width:100%;height:100%" id="filesId"></iframe>
- </div>
- </div>
- </div>
- </div>
- </div>
- <script src="../../AFrontEnd/js/jquery/jquery-2.1.4.min.js"></script>
- <script src="../../AFrontEnd/js/laydate/laydate.js"></script>
- <script src="../../AFrontEnd/js/angularjs/angular.js"></script>
- <script src="../../AFrontEnd/js/angularjs/dirPagination.js"></script>
- <script src="../../apiurljs.js"></script>
- <script src="../../js/sm4.js"></script>
- <script>document.write('<scri' + 'pt src="../../AFrontEnd/js/special/special.js?time=' + new Date().getTime() + '" type="text/javascript"></s' + 'cript>')</script>
- <script>document.write('<scri' + 'pt src="js/yuguidang.js?time=' + new Date().getTime() + '" type="text/javascript"></s' + 'cript>')</script>
- <!--<script src="../../js/watermark.js"></script>-->
- <script src="../../AFrontEnd/js/special/spng.js"></script>
- <script src="../../AFrontEnd/js/special/spngvld.js"></script>
- </body>
- </html>
|