| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
- <meta name="apple-mobile-web-app-capable" content="yes">
- <meta name="apple-mobile-web-app-status-bar-style" content="black">
- <title>抄送我的</title>
- <link href="../../css/mui.min.css" rel="stylesheet" />
- <link href="../../css/OA-style.css" rel="stylesheet" />
- <style>
- .list_gg {
- padding: 10px 15px;
- }
- </style>
- </head>
- <body>
- <header class="mui-bar mui-bar-nav ">
- <a href="" class="mui-action-back back mui-pull-left"><img src="../../images/back.png"></a>
- <h1 id="title" class="mui-title">抄送我的</h1>
- </header>
- <div class="mui-content">
- <div id="pullrefresh" class="mui-content mui-scroll-wrapper" style="">
- <div class="mui-scroll">
- <div class="mui-card" v-for="item in items">
- <a href="javascript:;" :data-id="item.id" @tap="open_detail(item)">
- <div class="list_gg">
- <div class="list_gg_item mui-clearfix">
- <h1 style="position: relative;"><img class="tongzhi_img2" src="../../images/newt.png" style="position: absolute;top: -8px;left: -6px;" v-if="item.receivedate==null || item.receivedate==''">{{item.insName}}</h1>
- <!--<h2>流程标题:{{item.insName}}</h3>-->
- <h2>申请人:{{item.userName}}</h3>
- <h2>创建时间:{{item.createDate}}</h3>
- </div>
- </div>
- </a>
- </div>
- </div>
- </div>
- </div>
- <script type="text/javascript" src="../../js/jquery-1.11.2.min.js"></script>
- <script src="../../js/mui.min.js"></script>
- <script src="../../js/config.js"></script>
- <script src="../../js/app.js"></script>
- <script src="../../js/dj/article/list.js"></script>
- <script src="../../js/vue.min.js"></script>
- <script>
- var pageDetail = null;
- mui.init({
- pullRefresh: {
- container: '#pullrefresh',
- down: {
- style: 'circle', //必选,下拉刷新样式,目前支持原生5+ ‘circle’ 样式
- color: '#2BD009', //可选,默认“#2BD009” 下拉刷新控件颜色
- height: '50px', //可选,默认50px.下拉刷新控件的高度,
- range: '100px', //可选 默认100px,控件可下拉拖拽的范围
- offset: '0px', //可选 默认0px,下拉刷新控件的起始位置
- // auto: true, //可选,默认false.首次加载自动上拉刷新一次
- callback: function() {
- reloadNews();
- setTimeout(function() {
- mui('#pullrefresh').pullRefresh().endPulldownToRefresh();
- mui('#pullrefresh').pullRefresh().refresh(true)
- }, 1000); //必选,刷新函数,根据具体业务来编写,比如通过ajax从服务器获取新数据;
- } //必选,刷新函数,根据具体业务来编写,比如通过ajax从服务器获取新数据;
- },
- up: {
- contentrefresh: '正在加载...',
- auto: true, //可选,默认false.自动上拉加载一次
- callback: pullupRefresh
- }
- },
- statusBarBackground: '#FFFFFF', //设置状态栏颜色,仅iOS可用
- // preloadLimit:5,
- });
- var vmA = new Vue({
- el: '#pullrefresh',
- data: {
- items: [] //列表信息流数据
- }
- });
- /**
- * 下拉刷新具体业务实现
- */
- function reloadNews() {
- pageNo = 1;
- vmA.items = [];
- // var table = document.body.querySelector('.mui-table-view');
- // table.innerHTML = "";
- addData();
- }
- var pageNo = 1;
- var type = 0;
- /**
- * 上拉加载具体业务实现
- */
- function pullupRefresh() {
- addData();
- }
- function addData() {
- var url = API.API_URL();
- var serviceId = "bpm_BpmClientSendFlow";
- var state = app.getState(); //获取登陆信息
- var staffId = state.user.useId;
- var unitId = state.user.unitId;
- var notice_title = "";
- var obj = {
- unitId: unitId,
- staffId: staffId,
- pageNum: APP.PageSize,
- page: pageNo
- };
- var authentication = {}
- mui.ajax(url, {
- dataType: 'json', //服务器返回json格式数据
- type: 'post', //HTTP请求类型
- data: {
- 'serviceId': serviceId,
- 'params': JSON.stringify(obj)
- },
- timeout: 10000, //超时时间设置为10秒;
- headers: {
- 'Accept': 'application/json'
- },
- success: function(data) { //服务器返回响应
- //服务器返回响应
- console.log(JSON.stringify(data))
- if (data.returnCode === '0') {
- var result = data.returnParams;
-
- var totalRow = result.total;
- var totalPage = Math.ceil(totalRow / APP.PageSize);
- var list = result.list;
- console.log(list.length);
- if(list.length > 0) {
- vmA.items = vmA.items.concat(list);
- }
- pageNo = endPull(totalPage, pageNo);
- }else {
- mui.toast("网络出了一点小错误!")
- }
-
- }});
- }
- mui.plusReady(function() {
- var self = plus.webview.currentWebview();
- //接收上个界面传递的参数
- window.addEventListener('listEvent', function(event) {
- mui('#pullrefresh').pullRefresh().refresh(true);
- reloadNews();
- });
- });
- function open_detail(item) {
- //触发子窗口变更新闻详情
- var taskId= item.taskId;
- var receivedate= item.receivedate;
- var tinsId = "";
- var insId = item.insId;
- var modelName = item.modelName;
- var control = item.control;
- var page = "dynamic/flow_view.html";
- if(control=='-1'){
- page = "dynamic/flow_viewZx.html";
- }
- if(!receivedate){
- var url = API.API_URL();
- var serviceId = "bpm_BpmClientReadSendFlow";
- var state = app.getState(); //获取登陆信息
- var staffId = state.user.useId;
- var obj = {
- staffId: staffId,
- taskId: taskId
- };
-
- mui.ajax(url, {
- dataType: 'json', //服务器返回json格式数据
- type: 'post', //HTTP请求类型
- data: {
- 'serviceId': serviceId,
- 'params': JSON.stringify(obj)
- },
- timeout: 10000, //超时时间设置为10秒;
- headers: {
- 'Accept': 'application/json'
- },
- success: function(data) { //服务器返回响应
- //服务器返回响应
- console.log(JSON.stringify(data))
- if (data.returnCode === '0') {
- mui.openWindow({
- createNew: true,
- url: page,
- extras: {
- tinsId: tinsId,
- insId: insId,
- control: control,
- modelName : modelName
- }
- });
- }else {
- mui.toast("网络出了一点小错误!")
- }
- }});
- }else{
- mui.openWindow({
- createNew: true,
- url: page,
- extras: {
- tinsId: tinsId,
- insId: insId,
- control: control,
- modelName : modelName
- }
- });
- }
-
- }
- </script>
- </body>
- </html>
|