Commit 139084fe authored by 上官's avatar 上官

页面整理 登录速度加快

parent 23c316c4
(function($){
var wgtVer = null,
checkUrl = "http://11wangjp.oss-cn-shanghai.aliyuncs.com/ftt_hd",
checkUrl = "http://11wangjp.oss-cn-shanghai.aliyuncs.com/ftt_mes",
localDir="update",
update_json_android='android.json',
update_json_ios = 'ios.json',
......
......@@ -38,7 +38,7 @@
<div id="left-1" style="position: absolute; top: 1px;">
<!-- <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left" @tap="back"></a> -->
<label style=" text-align: center; position: relative; left: 50px;">今日次品数量{{number}} </label>
<label style=" text-align: center; position: relative; left: 50px;">今日次品数量:{{number}} </label>
</div>
<div id="left-2" >
<div class="mui-scroll-wrapper " style="border: solid #DAE6EF 1px ;background: white; display: inline-block; width: 30%; top: 25px;">
......@@ -50,6 +50,7 @@
<th style="font-size: 16px;font-weight: normal;background-color: #E2E2E9;">时间</th>
<th style="font-size: 16px;font-weight: normal;background-color: #E2E2E9;">指令</th>
<th style="font-size: 16px;font-weight: normal;background-color: #E2E2E9;">数量</th>
<th style="font-size: 16px;font-weight: normal;background-color: #E2E2E9;">类型</th>
</tr>
</thead>
<tbody class="mui-table-view-cell">
......@@ -57,6 +58,7 @@
<td align="center">{{item.Date}}</td>
<td align="center">{{item.IndexNo}}</td>
<td align="center">{{item.Qty}}</td>
<td align="center">{{item.ProcessingType==1?"返修" :"报废"}}</td>
</tbody>
</tr>
</table>
......@@ -255,11 +257,11 @@
IndexID: this.IndexID
};
Api.post('/api/vMES/InspectionReport/GetQIItem', para, function(e) {
console.log(JSON.stringify(e));
that.itemsHead = e.items;
if (e.items.length > 0) {
console.log(e.items.length)
that.itemsDetail = e.items[0];
that.IndexID = e.items[0].IndexID;
......@@ -291,10 +293,10 @@
ReportType: 1,
IndexID: this.IndexID
};
console.log(JSON.stringify(para));
Api.post('/api/vMES/InspectionReport/GetQIItem', para, function(e) {
console.log("getDataDetail1:::" + JSON.stringify(e));
that.itemsDetail1 = e.items;
that.itemsDetail1_ar=[];
for(var i=0,len=e.items.length;i<len;i+=6){
......@@ -313,7 +315,7 @@
PageSize: 200,
PageIndex: 1,
};
console.log(JSON.stringify(para));
Api.post('/api/vMES/InspectionReport/Report', para, function(e) {
console.log(JSON.stringify(e));
that.itemsLeft = e.items;
......@@ -326,7 +328,7 @@
ReportType: 1,
Date: this.dateTime + " 00:00:00",
};
console.log(JSON.stringify(para));
Api.post('/api/vMES/InspectionReport/TotalQty', para, function(e) {
that.number = e.data;
......@@ -341,9 +343,9 @@
ReportID:this.ReportID
};
// console.log(JSON.stringify(para));
Api.post('/api/vMES/InspectionReport/ReportDetail', para, function(e) {
console.log("getReportDetail" + JSON.stringify(e));
if(e.success){
that.ReportID = e.data.ReportID;
......@@ -370,7 +372,7 @@
var para = {
ReportID: this.ReportID,
};
// console.log(JSON.stringify(para));
Api.post('/api/vMES/InspectionReport/Delete', para, function(e) {
if(e.success){
that.disable_reportDelete = 'disabled'
......@@ -401,11 +403,11 @@
size: this.itemsSize[i],
qty: 0
}
console.log("tempa:::" + JSON.stringify(tempa))
this.SizeQty.push(tempa);
}
console.log("SizeQty:::" + JSON.stringify(this.SizeQty))
},
submit: function() {
......@@ -419,7 +421,7 @@
ProcessingType: this.ProcessingType,
QIDetailID: this.qualityID,
}
console.log(JSON.stringify(para))
var that = this;
Api.post('/api/vMES/InspectionReport/Save', para, function(e) {
......@@ -523,9 +525,10 @@
}
if(obj != 0){
op.style.background = "#02C1ED";
this.displayReport();
}
this.displayReport();
},
changeValue: function() {
......@@ -571,7 +574,7 @@
this.qty = isNaN(parseInt(this.qty)) ? 0 + parseInt(n) : parseInt(this.qty) + parseInt(n);
},
selectSize: function(n) {
console.log("selectSize" + n)
var bg = document.getElementsByClassName("bg");
for (var i = 0; i < bg.length; i++) {
......
......@@ -38,7 +38,7 @@
<div id="left-1" style="position: absolute; top: 1px;">
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left" @tap="back"></a>
<label style=" text-align: center; position: relative; left: 50px;">今日完成数量{{number}} </label>
<label style=" text-align: center; position: relative; left: 50px;">今日完成数量:{{number}} </label>
</div>
<div id="left-2" >
<div class="mui-scroll-wrapper " style="border: solid #DAE6EF 1px ;background: white; display: inline-block; width: 30%; top: 25px;">
......
This diff is collapsed.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<link href="../dest/css/mui.min.css" rel="stylesheet" />
<link href="../dest/css/public.css" rel="stylesheet" />
</head>
<body>
<div id='app'></div>
<script type='text/x-template' id='template'>
<div id='body'>
<header class="mui-bar mui-bar-nav">
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
<h1 class="mui-title">3D模型展示</h1>
</header>
</div>
</script>
<!-- template -->
<script src="../dest/js/mui.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../dest/js/public.min.js"></script>
<script src="../dest/js/vue.min.js" type="text/javascript" charset="utf-8"></script>
</body>
<script>
mui.plusReady(function() {
initPage();
});
function initPage() {
//mui.openWindow('http://116.62.146.125/3d/index.html?id='+ new Date().getTime());
//plus.runtime.openURL('http://116.62.146.125/3d/index.html?id='+ new Date().getTime())
var app = new Vue({
el: '#app',
template: '#template',
data: {}, //data
mounted: function() {
this.init();
},
methods: {
init: function() {
mui.init({
subpages: [{
url: 'http://116.62.146.125/3d/index.html?id='+ new Date().getTime(), //子页面HTML地址,支持本地地址和网络地址
id: '3dpage', //子页面标志
styles: {
top: 42, //子页面顶部位置
bottom: 0, //子页面底部位置
width: '100%', //子页面宽度,默认为100%
height: '100%', //子页面高度,默认为100%
},
extras: {} //额外扩展参数
}]
});//mui.init
},
}, //methods
}); //new Vue
} //initPage
</script>
</html>
\ No newline at end of file
This diff is collapsed.
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>我的</title>
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<link href="../dest/css/mui.min.css" rel="stylesheet" />
<script src="../dest/fonts/iconfont.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" type="text/css" href="../dest/css/mine.min.css"/>
<link rel="stylesheet" href="../dest/css/application.min.css" />
<style type="text/css">
body,html{background:#fff;}
</style>
</head>
<body>
<header class="mui-bar mui-bar-nav">
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left" onclick="mui.back()"></a>
<h1 class="mui-title">订货会</h1>
</header>
<div class="mui-content">
<div class="application">
<div class="application-box" id="zhuchang">
<a href="javascript:;">
<div class="application-img"><img src="../dest/img/application/dinghuo2.png"/></div>
<h3 class="application-tit">订货会主场</h3>
</a>
</div>
<div class="application-box" id="fenxi">
<a href="javascript:;">
<div class="application-img"><img src="../dest/img/application/fenxi.png"/></div>
<h3 class="application-tit">款式订货排行</h3>
</a>
</div>
<div class="application-box" id="rank_customer_order">
<a href="javascript:;">
<div class="application-img"><img src="../dest/img/application/fenxi.png"/></div>
<h3 class="application-tit">客户订货排行</h3>
</a>
</div>
</div>
</div>
<script src="../dest/js/mui.min.js"></script>
<script src="../dest/js/update.min.js"></script>
<script src="../dest/js/createView.min.js" ></script>
<script src="../dest/js/public.min.js"></script>
<script type="text/javascript">
(function ($, doc) {
Dom.clickAOpen('#zhuchang','app_order_meeting.html');
Dom.clickAOpen('#fenxi','app_order_meeting_report.html');
Dom.clickAOpen('#rank_customer_order','app_order_meeting_report_customer_order.html');
}(mui, document));
</script>
</body>
</html>
\ No newline at end of file
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>款式排行报表</title>
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<link href="../dest/css/mui.min.css" rel="stylesheet" />
<link rel="stylesheet" href="../dest/css/mui.picker.min.css" />
<link rel="stylesheet" type="text/css" href="../dest/css/material.css" />
<link rel="stylesheet" type="text/css" href="../dest/css/public.css" />
<style>
.mui-control-content {
height: 500px;
}
.mui-fullscreen {
top: 82px;
height: auto;
}
</style>
</head>
<body>
<div id="app">
<header class="mui-bar mui-bar-nav">
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left" @click="back"></a>
<h1 class="mui-title">款式排行报表</h1>
</header>
<div id="slider" class="mui-slider">
<div id="sliderSegmentedControl" class="mui-segmented-control">
<a class="mui-control-item mui-active" href="#page1">订货信息</a>
<a class="mui-control-item" href="#page2">款式订购信息</a>
</div>
</div>
<div >
<div id="page1" class="mui-control-content mui-fullscreen mui-active">
<!--<div id="productBox_1">
</div>-->
<table>
<thead>
<tr>
<th style="text-align: left;width:40px;">序号</th>
<th style="text-align: left;">系列</th>
<th style="text-align: left;">季节</th>
<th style="text-align: left;">款号</th>
<th style="text-align: left;">商标</th>
<th style="text-align: right;width:50px;">箱数</th>
</tr>
</thead>
</table>
<div id="item1" class="mui-scroll-wrapper mui-active" style=" top: 30px;">
<div class="mui-scroll">
<!--这里放置真实显示的DOM内容-->
<table>
<tbody>
<tr v-for="(item,index) in items" :key="item.NoticeDocID" @click="onRowClick(index)" :class="{selected:item.Selected}">
<td>{{index+1}}</td>
<td>{{item.系列 }}</td>
<td>{{item.季节 }}</td>
<td>{{item.款号 }}</td>
<td>{{item.商标 }}</td>
<td style="text-align: right;">{{item.总箱数 }}</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div id="page2" class="mui-control-content">
<div id="chartTotal">请选择一个款式以查看订购信息</div>
<div id="chart" style="position:fixed;bottom:30px;left:0;z-index:999;"></div>
</div>
</div>
</div>
<style>
table {
width: 100%;
border-bottom: solid 2px #555;
table-layout: fixed;
font-size: 16px;
}
th {
width: 25%;
background-color: #eee;
border-top: solid 2px #555;
border-bottom: solid 2px #555;
padding: 3px;
font-size: 14px;
}
td {
padding: 8px 3px 8px 3px;
border-bottom: solid 1px #555;
font-size: 10px;
}
.selected {
background-color: lightgreen;
}
</style>
<script src="../dest/js/mui.min.js"></script>
<script src="../dest/js/mui.picker.min.js"></script>
<script src="../dest/js/underscore.min.js"></script>
<script src="../dest/js/createView.min.js"></script>
<script src="../dest/js/echarts.common.min.js"></script>
<script src="../dest/js/public.min.js"></script>
<script src="../dest/js/vue.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
(function($, doc) {
mui.plusReady(function() {
_self = plus.webview.currentWebview();
initPage()
})
})(mui, document);
function initPage() {
app.init();
}
var app = new Vue({
el: '#app',
data: {
items: []
},
methods: {
init:function(){
mui.init({
swipeBack: true //启用右滑关闭功能
});
mui('#item1').scroll({
indicators: true //是否显示滚动条
});
this.loadData()
},
loadData: function() {
var that = this;
Api.post('/api/OrderMeeting/GetStyleRankingReport', null, function(e) {
ArrayUtil.addField(e.items, "Selected", false);
that.items = e.items;
console.log(JSON.stringify(e.items))
});
var chartWidth = document.body.clientWidth - 20;
var chartHeight = window.screen.height * 3 / 4;
var chart = Dom.getById('chart');
chart.style.width = chartWidth + "px";
chart.style.height = chartHeight + "px";
}, //loadData
onRowClick: function(index) {
ArrayUtil.setField(this.items, "Selected", false)
var item = this.items[index];
item.Selected = true;
Vue.set(this.items, index, item);
this.showChart(item.NoticeDocID, item.款号);
}, //onRowClick
back:function(){
mui.back()
},
showChart: function(notice_doc_id, name) {
var myChart = echarts.init(document.getElementById('chart'));
Api.post('/api/OrderMeeting/GetStyleRankingReportDetail', {
notice_doc_id: notice_doc_id
}, function(e) {
console.log(JSON.stringify(e))
var xdatas = []
var ydatas = []
var total = 0;
for(var i = 0; i < e.items.length; i++) {
var r = e.items[i]
xdatas.push(r.客户)
ydatas.push(r.总箱数)
total += r.总箱数;
}
Dom.getById('chartTotal').innerText = "款号:" + name + " 订货商共计: " + e.items.length + " 合计箱数:" + total;
var endPercent = (40 / e.items.length) * 100;
var option = {
barMaxWidth: 40,
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'shadow'
}
},
legend: {
//data: ['2011年']
},
grid: {
left: '40px',
right: '4%',
bottom: '40%',
containLabel: false
},
// 区域缩放控制器
dataZoom: {
orient: 'horizontal', // 布局方式,默认为水平布局,可选为:
// 'horizontal' ¦ 'vertical'
// x: {number}, // 水平安放位置,默认为根据grid参数适配,可选为:
// {number}(x坐标,单位px)
// y: {number}, // 垂直安放位置,默认为根据grid参数适配,可选为:
// {number}(y坐标,单位px)
// width: {number}, // 指定宽度,横向布局时默认为根据grid参数适配
// height: {number}, // 指定高度,纵向布局时默认为根据grid参数适配
backgroundColor: 'rgba(0,0,0,0)', // 背景颜色
dataBackgroundColor: '#eee', // 数据背景颜色
fillerColor: 'rgba(144,197,237,0.2)', // 填充颜色
handleColor: 'rgba(70,130,180,0.8)', // 手柄颜色
type: 'slider',
start: 0, //默认为0
end: endPercent,
},
yAxis: {
type: 'value',
boundaryGap: [0, 0.01],
},
xAxis: {
type: 'category',
data: xdatas,
axisLabel: {
show: true,
formatter: function(val) {
return val.split("").join("\n");
}
},
dataZoom: {
show: true,
realtime: true,
start: 0,
end: 100
}
},
color: ['#1b83fe'],
series: [{
name: '总箱数',
type: 'bar',
data: ydatas,
label: {
normal: {
show: true,
position: 'top',
formatter: function(data) {
return data.data
},
}
},
}]
};
myChart.setOption(option);
})
}, //showChart
}
}); //new vue
</script>
</body>
</html>
\ No newline at end of file
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>客户排行报表</title>
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<link href="../dest/css/mui.min.css" rel="stylesheet" />
<link rel="stylesheet" href="../dest/css/mui.picker.min.css" />
<link rel="stylesheet" type="text/css" href="../dest/css/material.css" />
<link rel="stylesheet" type="text/css" href="../dest/css/public.css" />
</head>
<body>
<div id="app"></div>
<script type="text/x-template" id="template">
<div id="body">
<header class="mui-bar mui-bar-nav">
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left" @click="back"></a>
<h1 class="mui-title">客户排行报表</h1>
</header>
<div id="slider" class="mui-slider">
<div id="sliderSegmentedControl" class="mui-segmented-control">
<a class="mui-control-item mui-active" href="#page1">订货信息</a>
<a class="mui-control-item" href="#page2">款式订购信息</a>
</div>
<div class="mui-content-padded">
<div id="page1" class="mui-control-content mui-active">
<div id="productBox_1">
</div>
<table>
<thead>
<tr>
<th style="text-align: left;width:25px;">序号</th>
<th style="text-align: left;">客户</th>
<th style="text-align: right;width:30px;">箱数</th>
<th style="text-align: right;width:40px;">双数</th>
<th style="text-align: right;width:50px;">额度</th>
<th style="text-align: right;width:50px;">计划额度</th>
<th style="text-align: right;width:40px;">完成率</th>
</tr>
</thead>
<tbody>
<tr v-for="(item,index) in items" :key="item.NoticeDocID" @click="onRowClick(index)" :class="{selected:item.Selected}">
<td>{{index+1}}</td>
<td>{{item.客户 }}</td>
<td style="text-align: right;">{{item.箱数 }}</td>
<td style="text-align: right;">{{item.双数 }}</td>
<td style="text-align: right;">{{item.额度 }}</td>
<td style="text-align: right;">{{item.计划额度 !=0 ? item.计划额度 : null }}</td>
<td style="text-align: right;">{{item.完成率 != 0 ? item.完成率 : null }}</td>
</tr>
</tbody>
</table>
</div>
<div id="page2" class="mui-control-content">
<div id="chartTotal">请选择一位客户以查看订购信息</div>
<div id="chart" style="position:fixed;bottom:30px;left:0;z-index:999;"></div>
</div>
</div>
</div>
</div>
</script>
<style>
table {
width: 100%;
border-bottom: solid 2px #555;
table-layout:fixed;
}
th {
width: 25%;
background-color: #eee;
border-top: solid 2px #555;
border-bottom: solid 2px #555;
padding: 3px;
font-size:10px;
}
td {
padding: 8px 3px 8px 3px;
border-bottom: solid 1px #555;
font-size:10px;
}
.selected {
background-color: lightgreen;
}
</style>
<script src="../dest/js/mui.min.js"></script>
<script src="../dest/js/mui.picker.min.js"></script>
<script src="../dest/js/underscore.min.js"></script>
<script src="../dest/js/createView.min.js"></script>
<script src="../dest/js/echarts.common.min.js"></script>
<script src="../dest/js/public.min.js"></script>
<script src="../dest/js/vue.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
(function($, doc) {
mui.init();
mui.plusReady(function() {
_self = plus.webview.currentWebview();
initPage()
})
})(mui, document);
function initPage() {
var app = new Vue({
el: '#app',
template: '#template',
data: {
items: []
},
mounted: function() {
this.loadData();
},
methods: {
loadData: function() {
var that = this;
Api.post('/api/OrderMeeting/GetCustomerOrderRankingReport', null, function(e) {
ArrayUtil.addField(e.items, "Selected", false);
that.items = e.items;
});
var chartWidth = document.body.clientWidth - 20;
var chartHeight = window.screen.height * 3 / 4;
var chart = Dom.getById('chart');
chart.style.width = chartWidth + "px";
chart.style.height = chartHeight + "px";
}, //loadData
onRowClick: function(index) {
ArrayUtil.setField(this.items, "Selected", false)
var item = this.items[index];
item.Selected = true;
Vue.set(this.items, index, item);
this.showChart(item.ID, item.客户);
}, //onRowClick
back:function(){
mui.back()
},
showChart: function(id, name) {
var myChart = echarts.init(document.getElementById('chart'));
Api.post('/api/OrderMeeting/GetCustomerOrderRankingReportDetail', {
id: id
}, function(e) {
console.log(JSON.stringify(e))
var xdatas = []
var ydatas = []
var total = 0;
for(var i = 0; i < e.items.length; i++) {
var r = e.items[i]
xdatas.push(r.货号)
ydatas.push(r.总箱数)
total += r.总箱数;
}
Dom.getById('chartTotal').innerText = "客户:" + name + " 订货商共计: " + e.items.length + " 合计箱数:" + total;
var endPercent = (40 / e.items.length) * 100;
var option = {
barMaxWidth: 40,
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'shadow'
}
},
legend: {
//data: ['2011年']
},
grid: {
left: '40px',
right: '4%',
bottom: '40%',
containLabel: false
},
// 区域缩放控制器
dataZoom: {
orient: 'horizontal', // 布局方式,默认为水平布局,可选为:
// 'horizontal' ¦ 'vertical'
// x: {number}, // 水平安放位置,默认为根据grid参数适配,可选为:
// {number}(x坐标,单位px)
// y: {number}, // 垂直安放位置,默认为根据grid参数适配,可选为:
// {number}(y坐标,单位px)
// width: {number}, // 指定宽度,横向布局时默认为根据grid参数适配
// height: {number}, // 指定高度,纵向布局时默认为根据grid参数适配
backgroundColor: 'rgba(0,0,0,0)', // 背景颜色
dataBackgroundColor: '#eee', // 数据背景颜色
fillerColor: 'rgba(144,197,237,0.2)', // 填充颜色
handleColor: 'rgba(70,130,180,0.8)', // 手柄颜色
type: 'slider',
start:0,//默认为0
end: endPercent,
},
yAxis: {
type: 'value',
boundaryGap: [0, 0.01],
},
xAxis: {
type: 'category',
data: xdatas,
axisLabel: {
show: true,
formatter: function(val) {
return val.split("").join("\n");
}
},
dataZoom: {
show: true,
realtime: true,
start: 0,
end: 100
}
},
color: ['#1b83fe'],
series: [{
name: '总箱数',
type: 'bar',
data: ydatas,
label: {
normal: {
show: true,
position: 'top',
formatter: function(data) {
return data.data
},
}
},
}]
};
myChart.setOption(option);
})
}, //showChart
}
}); //new vue
}
</script>
</body>
</html>
\ No newline at end of file
<!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" />
<title>材料色卡档案库-色卡</title>
<link href="../dest/css/mui.min.css" rel="stylesheet" />
<link rel="stylesheet" type="text/css" href="../dest/css/material-detail.css" />
</head>
<body>
<header class="mui-bar mui-bar-nav">
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
<h1 class="mui-title">材料色卡档案库-色卡</h1>
</header>
<h5 id="showTiles"></h5>
<div class="minlist">
<div class="newlisys">
<p id="ptext"></p>
<span id="ptit"></span>
<img src="" id="imhk">
</div>
</div>
<script src="../dest/js/mui.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../dest/js/createView.min.js"></script>
<script src="../dest/js/underscore.min.js"></script>
<script type="text/javascript">
(function ($, doc) {
var _self;
mui.init();
var showTile = document.getElementById('showTiles');
var aplconemt = document.getElementById('ptext');
var apltexy = document.getElementById('ptit');
var xitemlist = document.getElementById('imhk');
var state = JSON.parse(localStorage.getItem("$state")) || {};
mui.plusReady(function () {
_self = plus.webview.currentWebview();
showTile.innerHTML = "订单指令号/样品单号:" + _self.Mmarrt + ' &nbsp;款号:' + _self.Stylcode;
var token = state.token || '';
var URL = state.host || '';
mui.ajax(URL + '/api/MaterialApply/GetColorCardInfo', {
type: 'POST',
data: {
"doc_tree_id": _self.docIndex,
"material_id": _self.MaterialID,
"token": token
},
dataType: 'json',
headers: { 'Content-Type': 'application/json' },
success: function (e) {
var isSuccess = e.success;
aplconemt.innerHTML = e.item.PartName;
xitemlist.src = e.item.Image ? e.item.Image + '&width=640&height=560' : '../dest/img/tuzhi.jpg';
apltexy.innerHTML = e.item.MaterialName
},
error: function () {
//reloadWvLoad();
}
});
});
}(mui, document));
</script>
</body>
</html>
\ No newline at end of file
<!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" />
<title>样品客户意见-色卡</title>
<link href="../dest/css/mui.min.css" rel="stylesheet" />
<link rel="stylesheet" type="text/css" href="../dest/css/material-detail.css" />
</head>
<body>
<header class="mui-bar mui-bar-nav">
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
<h1 class="mui-title">样品客户意见-色卡</h1>
</header>
<h5 id="showTiles"></h5>
<div class="minlist clear">
<div class="newlisys">
<p id="ptext"></p>
<span id="ptit"></span>
<img src="" id="imhk">
<h6 style="color:#444;font-size:16px;display:block;margin-left:2%;clear:both;overflow:hidden;">修改意见:</h6>
<textarea id="newtext" disabled="disabled" style="background:#faf6f7;color:#000;" class="yjchange newbcinent"></textarea>
</div>
</div>
<div id="btynu">
<div id="lefts">
<div class="sp"><span>编辑</span><img src="../dest/img/chengk.png" /></div>
</div>
<div id="rity">
<div class="sp"><span>保存</span><img src="../dest/img/chebk.png" /></div>
</div>
</div>
<div id="showts">
<p>保存成功啦!</p><button onclick="document.getElementById('showts').style.display='none'">确定</button></div>
<script src="../dest/js/mui.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../dest/js/createView.min.js"></script>
<script src="../dest/js/underscore.min.js"></script>
<script type="text/javascript">
(function ($, doc) {
var _self;
mui.init();
var showTile = document.getElementById('showTiles');
var aplconemt = document.getElementById('ptext');
var newtexts = document.getElementById('newtext');
var apltexy = document.getElementById('ptit');
var xitemlist = document.getElementById('imhk');
var showts = document.getElementById('showts');
var bottom = document.getElementById('btynu');
var pp = showts.getElementsByTagName('p');
var leftsd = document.getElementById('lefts');
var rihtsd = document.getElementById('rity');
var state = JSON.parse(localStorage.getItem("$state")) || {};
mui.plusReady(function () {
_self = plus.webview.currentWebview();
showTile.innerHTML = _self.htits;
aplconemt.innerHTML = _self.partnames;
xitemlist.src = _self.imgs ? _self.imgs + '&width=640&height=560' : '../dest/img/tuzhi.jpg';
apltexy.innerHTML = _self.maerials;
var token = state.token || '';
var URL = state.host || '';
rihtsd.addEventListener('tap', function (e) {
var cront = newtexts.value;
newtexts.blur();
newtexts.disabled = true;
bottom.style.position = 'fixed';
mui.ajax(URL + '/api/ManufactureResult/UpdateComment', {
type: 'POST',
data: {
"manufacture_result_material_id": _self.longids,
"apped_remark": cront,
"token": token
},
dataType: 'json',
headers: { 'Content-Type': 'application/json' },
success: function (e) {
var isSuccess = e.success;
if (isSuccess) {
showts.style.display = 'block';
pp.innerHTML = '保存成功!'
}
},
error: function () {
}
})
mui.ajax(URL + '/api/ManufactureResult/GetComment', {
type: 'POST',
data: {
"manufacture_result_material_id": _self.longids,
"token": token
},
dataType: 'json',
headers: { 'Content-Type': 'application/json' },
success: function (e) {
var isSuccess = e.success;
newtexts.value = e.item.AppedRemark;
if (e.item.HasPermission) {
leftsd.addEventListener('tap', function (e) {
newtexts.disabled = false;
bottom.style.position = 'relative';
newtexts.focus();
});
} else {
showts.style.display = 'block';
pp.innerHTML = '您的权限不足!'
}
},
error: function () {
}
});
});
}(mui, document));
</script>
</body>
</html>
\ No newline at end of file
<!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" />
<title></title>
<link href="../dest/css/mui.min.css" rel="stylesheet" />
<link rel="stylesheet" type="text/css" href="../dest/css/material-detail.css" />
<style>
#newsize .touty {
background: #c8e2f3;
clear: both;
overflow: hidden;
}
#newsize .touty font {
width: 23%;
font-size: 16px;
float: left;
}
#newsize .touty span {
width: 74%;
font-size: 15px;
float: left;
line-height: 24px;
margin: 7px 0 60px 1%;
}
</style>
</head>
<body>
<header class="mui-bar mui-bar-nav">
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
<h1 class="mui-title"样品客户意见-色卡详情</h1>
</header>
<h5 id="showTiles"></h5>
<img src="" id="imgIcon" />
<div id="newclick"></div>
<div id="newsize"></div>
<script src="../dest/js/mui.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../dest/js/createView.min.js"></script>
<script src="../dest/js/underscore.min.js"></script>
<script type="text/javascript">
(function ($, doc) {
var _self;
mui.init();
var showTile = document.getElementById('showTiles');
var xitemlist = document.getElementById('newsize');
var idont = document.getElementById('imgIcon');
var newclic = document.getElementById('newclick');
var aelement = xitemlist.getElementsByTagName('a');
var state = JSON.parse(localStorage.getItem("$state")) || {};
mui.plusReady(function () {
_self = plus.webview.currentWebview();
var token = state.token || '';
var URL = state.host || '';
mui.ajax(URL + '/api/ManufactureResult/GetDetail', {
type: 'POST',
data: {
"id": _self.docIndex,
"token": token
},
dataType: 'json',
headers: { 'Content-Type': 'application/json' },
success: function (e) {
var isSuccess = e.success;
showTile.innerHTML = "款号:" + e.item.StyleCode;
idont.src = (e.item.Image ? e.item.Image + '&width=640&height=560' : '../dest/img/tuzhi.jpg');
xitemlist.innerHTML = '<div class="uyi"><font>最后记录时间:</font><span>' + e.item.LastModifiedDate + '</span></div><div class="touty"><font>客户意见:</font><span>' + e.item.Comment + '</span></div>';
newclic.innerHTML = '<a href="javaScript:void(0);" id="' + e.item.ID + '" yp="' + e.item.YPCode + '">材料明细<i class="mui-icon mui-icon-arrowright"></i></a>';
},
error: function () {
//reloadWvLoad();
}
});
mui("#newclick").on('tap', 'a', function () {
var self = this;
var stylediso = showTile.innerHTML.trim();
var ids = self.getAttribute("id").trim();
var yps = self.getAttribute("yp").trim();
mui.openWindow({
url:'application-comments-list.html',
id:'application-comments-list.html',
extras:{
docIndex: _self.docIndex,
stylsdo: stylediso,
idf: ids,
ypu: yps
}
});
});
});
}(mui, document));
</script>
</body>
</html>
\ No newline at end of file
<!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" />
<title>样品客户意见-材料明细</title>
<link href="../dest/css/mui.min.css" rel="stylesheet" />
<link rel="stylesheet" type="text/css" href="../dest/css/material-detail.css" />
<style>
#xitemlist ul li i:nth-child(4):before {
content: '意见:';
color: #1b83fe;
font-size: 14px;
}
</style>
</head>
<body>
<header class="mui-bar mui-bar-nav">
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
<h1 class="mui-title">样品客户意见-材料明细</h1>
</header>
<div class="minlist">
<h5 id="showTiles"></h5>
<div id="xitemlist"></div>
<template id="aplconemt-tpl">
<ul class="">
{%_.each(items,function(i){%}
<li>{% var simg=i.Image?i.Image+'&width=128&height=128':'../dest/img/tuzhi.jpg'%}
<a class="" partname="{%=i.PartName%}" maerial="{%=i.MaterialName%}" imgss="{%=i.Image%}" longid="{%=i.ManufactureResultMaterialID%}">
<font><img src="{%=simg%}" /></font>
<font><i>{%=i.PartName%}</i><i>{%=i.MaterialName%}</i><i>{%=i.MaterialSpec%}</i><i>{%=i.AppedRemark%}</i></font>
</a>
</li>
{%})%}
</ul>
</template>
</div>
<script src="../dest/js/mui.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../dest/js/createView.min.js"></script>
<script src="../dest/js/underscore.min.js"></script>
<script type="text/javascript">
(function ($, doc) {
var _self;
mui.init();
var showTile = document.getElementById('showTiles');
var aplconemt = document.getElementById('aplconemt-tpl');
var xitemlist = document.getElementById('xitemlist');
var aelement = xitemlist.getElementsByTagName('a');
var state = JSON.parse(localStorage.getItem("$state")) || {};
mui.plusReady(function () {
_self = plus.webview.currentWebview();
var macids = _self.stylsdo;
showTile.innerHTML = "样品单号:" + _self.ypu + ' ' + macids;
var contlist = '';
var stylediso = showTile.innerHTML.trim();
var token = state.token || '';
var URL = state.host || '';
mui.ajax(URL + '/api/ManufactureResult/GetMaterialList', {
type: 'POST',
data: {
"id": _self.idf,
"token": token
},
dataType: 'json',
headers: { 'Content-Type': 'application/json' },
success: function (e) {
var isSuccess = e.success;
contlist = e.item;
var messageHtml = _.template(aplconemt.innerHTML);
xitemlist.innerHTML = messageHtml(e);
},
error: function () {
}
});
mui("#xitemlist").on('tap', 'a', function () {
var self = this;
var partnames = self.getAttribute("partname").trim();
var maerials = self.getAttribute("maerial").trim();
var imgs = self.getAttribute("imgss").trim();
var longids = self.getAttribute("longid").trim();
mui.openWindow({
url:'application-comments-card.html',
id:'application-comments-card.html',
extras:{
partnames: partnames,
maerials: maerials,
imgs: imgs,
longids: longids,
htits: stylediso
}
});
});
});
}(mui, document));
</script>
</body>
</html>
\ No newline at end of file
<!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" />
<title>样品客户意见-列表</title>
<link href="../dest/css/mui.min.css" rel="stylesheet" />
<link rel="stylesheet" type="text/css" href="../dest/css/material.css" />
<link rel="stylesheet" type="text/css" href="../dest/css/material-detail.css" />
<style>
#xitemlist ul li i {
line-height: 25px;
}
#xitemlist ul li i:nth-child(1):before {
content: '样品单号:';
}
#xitemlist ul li i:nth-child(2):before {
content: '款式号:';
letter-spacing: 5px;
}
#xitemlist ul li i:nth-child(2) {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
#xitemlist ul li i:nth-child(3):before {
content: '申请人:';
letter-spacing: 5px;
}
#mui-selcys {
width: 23%;
float: left;
margin-left: 5%;
}
.seacth {
width: 67%;
float: right;
position: relative;
margin-right: 5%;
margin-top: 0px;
height: 40px;
line-height: 40px;
}
.on {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
}
#xitemlist.newtiS ul>li {
width: 49%;
float: left;
border: none;
box-shadow: 0 0 1px #d7e5ee;
margin: 8px 0 0 0;
padding: 0;
height: auto;
}
#xitemlist.newtiS ul>li:nth-child(2n) {
float: right;
}
#xitemlist.newtiS ul li img {
display: block;
width: 100%;
margin: 0 auto;
padding: 0;
margin-left: -2%;
}
#xitemlist.newtiS ul li font {
display: block;
clear: both;
width: 100%;
font-size: 12px;
}
</style>
</head>
<body>
<header class="mui-bar mui-bar-nav">
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
<h1 class="mui-title">样品客户意见-列表</h1>
</header>
<div class="minlist">
<div class="mui-content">
<div class="material-search clear" style="border-bottom:solid 1px #d7e5ee;">
<div id="mui-selcys">
<select id="mui-selcy">
<option>款式号</option>
<option>客人货号</option>
<option>样品单号</option>
</select>
</div>
<div class="seacth">
<input type="text" placeholder="请输入搜索内容" id="selecinput">
<i class="mui-icon mui-icon-search" id="serchbtn" style="right:30px;"></i>
<i class="mui-icon mui-icon-list" style="right:-5px;top:7px;color:#007AFF;" id="styleChange"></i>
</div>
</div>
<div id="xitemlist"></div>
<h4 id="htips"></h4>
<template id="aplconemt-tpl">
<ul>
{%_.each(items,function(i){%}
<li>{% var simg=i.Image?i.Image+'&width=128&height=128':'../dest/img/tuzhi.jpg'%}
<a class="" mad-id="{%=i.ID%}" noti-id="{%=i.YPCode%}">
<font><img src="{%=simg%}" /></font>
<font><i>{%=i.YPCode%}</i><i>{%=i.StyleCode%}</i><i>{%=i.Comment%}</i></font>
</a>
</li>
{%})%}
</ul>
</template>
<div id="showts">
<p>请输入搜索内容!</p><button onclick="document.getElementById('showts').style.display='none'">确定</button></div>
</div>
</div>
<script src="../dest/js/mui.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../dest/js/createView.min.js"></script>
<script src="../dest/js/underscore.min.js"></script>
<script type="text/javascript">
(function ($, doc) {
$.init({
statusBarBackground: '#fff'
});
var selectbt = document.getElementById('xitemlist');
var tepmslate = document.getElementById('aplconemt-tpl');
var muitbt = document.getElementById('mui-selcy');
var muicinput = document.getElementById('selecinput');
var showts = document.getElementById('showts');
var serachbn = document.getElementById('serchbtn');
var styleChangr = document.getElementById('styleChange');
var htip = document.getElementById('htips');
var state = JSON.parse(localStorage.getItem("$state")) || {};
var token = state.token || '';
var URL = state.host || '';
styleChangr.addEventListener('tap', function (e) {
if (this.className == 'mui-icon mui-icon-list') {
this.className = 'mui-icon mui-icon-list on';
selectbt.className = 'newtiS';
} else {
this.className = 'mui-icon mui-icon-list';
selectbt.className = ''
}
})
//页面进来显示默认10条数据
mui.ajax(URL + '/api/ManufactureResult/GetDefault', {
type: 'POST',
data: {
"token": token
},
dataType: 'json',
headers: { 'Content-Type': 'application/json' },
success: function (e) {
var isSuccess = e.success;
if (isSuccess) {
if (e.items.length > 0) {
var messageHtml = _.template(tepmslate.innerHTML);
selectbt.innerHTML = messageHtml(e);
htip.style.display = "none"
} else {
htip.innerHTML = '没搜到您需要的信息!'
}
}
},
error: function () {
//reloadWvLoad();
}
});
serachbn.addEventListener('tap', function (e) {
selectbt.innerHTML = '';
var selinr = parseInt(muitbt.options.selectedIndex) + 1;
if (muicinput.value) {
mui.ajax(URL + '/api/ManufactureResult/Search', {
type: 'POST',
data: {
"search_type": selinr,
"search_key": muicinput.value,
"token": token
},
dataType: 'json',
headers: { 'Content-Type': 'application/json' },
success: function (e) {
var isSuccess = e.success;
if (isSuccess) {
if (e.items.length > 0) {
var messageHtml = _.template(tepmslate.innerHTML);
selectbt.innerHTML = messageHtml(e);
htip.style.display = "none"
} else {
htip.style.display = "block";
htip.innerHTML = '没搜到您需要的信息!'
}
} else {
htip.style.display = "block";
htip.innerHTML = '没搜到您需要的信息!'
}
},
error: function () {
//reloadWvLoad();
}
});
} else {
showts.style.display = 'block';
}
var journalizeTpl = document.getElementById("journalize-tpl");
});
mui("#xitemlist").on('tap', 'a', function () {
var self = this;
var docIndex = self.getAttribute("mad-id").trim();
var titus = '样品单:' + self.getAttribute("noti-id").trim();
mui.openWindow({
url:'application-comments-detail.html',
id:'application-comments-detail.html',
extras:{
docIndex: docIndex,
iotur: titus
}
});
});
}(mui, document));
</script>
</body>
</html>
\ No newline at end of file
<!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" />
<title>材料色卡档案库-明细</title>
<link href="../dest/css/mui.min.css" rel="stylesheet" />
<link rel="stylesheet" type="text/css" href="../dest/css/material-detail.css" />
</head>
<body>
<header class="mui-bar mui-bar-nav">
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
<h1 class="mui-title">材料色卡档案库-明细</h1>
</header>
<div class="minlist">
<h5 id="showTiles"></h5>
<div id="xitemlist"></div>
<template id="aplconemt-tpl">
<ul class="">
{%_.each(items,function(i){%}
<li>
{% var simg=i.Image?i.Image+'&width=128&height=128':'../dest/img/tuzhi.jpg'%}
<a class="" mad-id="{%=i.MaterialID%}" styl-id="{%=i.MaterialID%}">
<font><img src="{%=simg%}" /></font>
<font><i>{%=i.PartName%}</i><i>{%=i.MaterialName%}</i><i>{%=i.MaterialSpec%}</i></font>
</a>
</li>
{%})%}
</ul>
</template>
</div>
<script src="../dest/js/mui.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../dest/js/createView.min.js"></script>
<script src="../dest/js/underscore.min.js"></script>
<script type="text/javascript">
(function ($, doc) {
var _self;
mui.init();
var showTile = document.getElementById('showTiles');
var aplconemt = document.getElementById('aplconemt-tpl');
var xitemlist = document.getElementById('xitemlist');
var aelement = xitemlist.getElementsByTagName('a');
var state = JSON.parse(localStorage.getItem("$state")) || {};
mui.plusReady(function () {
_self = plus.webview.currentWebview();
var macids = _self.StyleCode;
showTile.innerHTML = "订单指令号/样品单号:" + _self.docIndext + ' &nbsp;款号:' + macids
var token = state.token || '';
var URL = state.host || '';
mui.ajax(URL + '/api/MaterialApply/GetColorCardDetail', {
type: 'POST',
data: {
"doc_tree_id": _self.docIndex,
"token": token
},
dataType: 'json',
headers: { 'Content-Type': 'application/json' },
success: function (e) {
var isSuccess = e.success;
var messageHtml = _.template(aplconemt.innerHTML);
xitemlist.innerHTML = messageHtml(e);
},
error: function () {
//reloadWvLoad();
}
});
mui("#xitemlist").on('tap', 'a', function () {
var self = this;
var macid = self.getAttribute("mad-id").trim();
mui.openWindow({
url:'application-color-card.html',
id:'application-color-card.html',
extras:{
docIndex: _self.docIndex,
MaterialID: macid,
Stylcode: macids,
Mmarrt: _self.docIndext
}
});
});
});
}(mui, document));
</script>
</body>
</html>
\ No newline at end of file
<!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" />
<title>材料色卡档案库</title>
<link href="../dest/css/mui.min.css" rel="stylesheet" />
<link rel="stylesheet" type="text/css" href="../dest/css/material.css" />
<link rel="stylesheet" type="text/css" href="../dest/css/public.css" />
</head>
<body>
<header class="mui-bar mui-bar-nav">
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
<h1 class="mui-title">材料色卡档案库</h1>
</header>
<div class="minlist">
<div class="mui-content">
<div class="material-search">
<div id="mui-selcys">
<select id="mui-selcy">
<option>订单合同号</option>
<option>订单指令号</option>
<option>款号</option>
</select>
</div>
<div class="seacth">
<input type="text" placeholder="请输入搜索内容" id="selecinput">
<i class="mui-icon mui-icon-search" id="serchbtn"></i>
</div>
</div>
<div class="titled clear"><span>订单合同号</span><span>订单指令号<br/>样品单号</span><span>款号</span></div>
<div id="mui-selapplic"></div>
<h4 id="htips"></h4>
<template id="aplconemt-tpl">
<ul class="mui-table-view">
{%_.each(items,function(i){%}
<li>
<a class="" data-id="{%=i.DocTreeID%}" dans-id="{%=i.OrderIndexNo%}" syle-id="{%=i.StyleCode%}">
<span>{%=i.OrderCode%}</span><span>{%=i.OrderIndexNo%}</span><span>{%=i.StyleCode%}</span><i class="mui-icon mui-icon-arrowright"></i>
</a>
</li>
{%})%}
</ul>
</template>
<div id="showts">
<p>请输入您要搜索的内容!</p><button onclick="document.getElementById('showts').style.display='none'">确定</button></div>
</div>
<script src="../dest/js/mui.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../dest/js/createView.min.js"></script>
<script src="../dest/js/underscore.min.js"></script>
<script type="text/javascript">
(function ($, doc) {
var page_index = 0
$.init({
statusBarBackground: '#fff',
pullRefresh: {
container: '#dinghuohui-content', //待刷新区域标识,querySelector能定位的css选择器均可,比如:id、.class等
up: {
height: 50, //可选.默认50.触发上拉加载拖动距离
auto: false, //可选,默认false.自动上拉加载一次
contentrefresh: "正在加载...", //可选,正在加载状态时,上拉加载控件上显示的标题内容
contentnomore: '没有更多数据了', //可选,请求完毕若没有更多数据时显示的提醒内容;
callback: function () {
var self = this; // 这里的this == mui('#refreshContainer').pullRefresh()
console.log(page_index)
dinghuo(page_index, this);
} //必选,刷新函数,根据具体业务来编写,比如通过ajax从服务器获取新数据;
}
}
});
var selectbt = document.getElementById('mui-selapplic');
var tepmslate = document.getElementById('aplconemt-tpl');
var muitbt = document.getElementById('mui-selcy');
var muicinput = document.getElementById('selecinput');
var serachbn = document.getElementById('serchbtn');
var htip = document.getElementById('htips');
var serchicon = localStorage.getItem('serchicon');
var serchvale = localStorage.getItem('serchvale');
var state = JSON.parse(localStorage.getItem("$state")) || {};
var token = state.token || '';
var showts = document.getElementById('showts');
var URL = state.host || '';
if (!muicinput) {
muicinput.value = "请输入搜索内容"
}
if (serchvale & serchicon) {
muitbt.options[serchicon - 1].selected = true;
muicinput.value = serchvale;
seldate(serchicon, serchvale);
}
function seldate(typ, vas) {
mui.ajax(URL + '/api/MaterialApply/SearchColorCard', {
type: 'POST',
data: {
"search_type": typ,
"search_key": vas,
"token": token
},
dataType: 'json',
headers: { 'Content-Type': 'application/json' },
success: function (e) {
var isSuccess = e.success;
if (isSuccess) {
if (e.items.length > 0) {
var messageHtml = _.template(tepmslate.innerHTML);
selectbt.innerHTML = messageHtml(e);
htip.style.display = "none"
} else {
htip.innerHTML = '没搜到您需要的信息!'
}
}
},
error: function () {
//reloadWvLoad();
}
});
}
serachbn.addEventListener('tap', function (e) {
if (muicinput.value) {
var vals = muicinput.value;
} else {
// showts.style.display='block'
}
var journalizeTpl = document.getElementById("journalize-tpl");
localStorage.setItem('serchicon', muitbt.options.selectedIndex + 1);
localStorage.setItem('serchvale', vals);
seldate(muitbt.options.selectedIndex + 1, vals)
});
mui("#mui-selapplic").on('tap', 'a', function () {
var self = this;
var docIndex = self.getAttribute("data-id").trim();
var docIndext = self.getAttribute("dans-id").trim();
var styledext = self.getAttribute("syle-id").trim();
mui.openWindow({
url:'application-material-detail.html',
id:'application-material-detail.html',
extras:{
docIndex: docIndex,
docIndext: docIndext,
StyleCode: styledext
}
});
});
}(mui, document));
</script>
</body>
</html>
\ No newline at end of file
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<link href="../dest/css/mui.min.css" rel="stylesheet" />
<link rel="stylesheet" href="../dest/css/mui.picker.min.css" />
<link rel="stylesheet" href="../dest/css/application.min.css" />
</head>
<body>
<header class="mui-bar mui-bar-nav">
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
<h1 class="mui-title">下单管理详情</h1>
</header>
<ul class="mui-table-view detail-group">
<li class="mui-table-view-cell">
<a href="javascript:;" id="showPersonPicker">
<span class="group-tit">客户</span>
<span class="group-info group-info-person" id="personResult">玛丽</span>
<i class="group-icon"></i>
</a>
</li>
</ul>
<div id="detail-group-box"></div>
<div id="detail-img" class="detail-img"></div>
<div id="detail-list-box"></div>
<div class="detail-footer">
<button class="mui-btn mui-btn-primary" id="orderSub">确定下单</button><button class="mui-btn" id="orderCancel">取消下单</button>
</div>
<template id="groupTpl">
<ul class="mui-table-view detail-group">
{% _.each(detail_group.detail,function(item){ %}
<li class="mui-table-view-cell">
<span class="group-tit">{%=item.detailName%}</span>
<span class="group-info">{%=item.detailInfo%}</span>
</li>
{% }) %}
<ul class="mui-table-view detail-group">
</template>
<template id="imgTpl">
<img src="{%=img%}" />
</template>
<template id="detailListTpl">
<ul class="mui-table-view detail-list">
<li class="mui-table-view-cell">
<span class="detail-list-tit">规格</span>
<span class="detail-list-tit">颜色</span>
<span class="detail-list-check">订购数量</span>
</li>
{% _.each(detail_list,function(item){ %}
<li class="mui-table-view-cell list-body">
<span class="detail-list-tit">{%=item.size%}</span>
<span class="detail-list-tit">{%=item.color%}</span>
<input type="text" class="detail-list-check" maxlength="4" />
</li>
{% }) %}
</ul>
</template>
<script src="../dest/js/mui.min.js"></script>
<script src="../dest/js/mui.picker.min.js"></script>
<script src="../dest/js/underscore.min.js"></script>
<script src="../dest/js/createView.min.js"></script>
<script type="text/javascript">
(function ($, doc) {
$.init();
$.plusReady(function () {
var customerData = [{
text: "玛丽"
}, {
text: "安娜"
}, {
text: "美琪琳"
}, {
text: "万通"
}, {
text: "旺兴"
}, {
text: "亚亨"
}, {
text: "圳泰"
}, {
text: "育丽"
}, {
text: "舞雨桐"
}, {
text: "哈伦宝贝"
}];
var _self = plus.webview.currentWebview();
var seasonPicker = new $.PopPicker();
seasonPicker.setData(customerData);
var showPersonPicker = doc.getElementById('showPersonPicker');
var personResult = doc.getElementById('personResult');
showPersonPicker.addEventListener('tap', function (event) {
seasonPicker.show(function (items) {
personResult.innerText = items[0].text;
//返回 false 可以阻止选择框的关闭
//return false;
});
}, false);
var deatailGroup = doc.getElementById('detail-group-box');
var detailImg = doc.getElementById('detail-img');
var detailList = doc.getElementById('detail-list-box');
var groupTpl = doc.getElementById('groupTpl');
var imgTpl = doc.getElementById('imgTpl');
var detailListTpl = doc.getElementById('detailListTpl');
var groupHtml = _.template(groupTpl.innerHTML);
var imgHtml = _.template(imgTpl.innerHTML);
var detailListHtml = _.template(detailListTpl.innerHTML);
deatailGroup.innerHTML = groupHtml(_self);
detailImg.innerHTML = imgHtml(_self);
detailList.innerHTML = detailListHtml(_self);
var subBtn = doc.getElementById('orderSub');
var cancelBtn = doc.getElementById('orderCancel');
subBtn.addEventListener('tap', function () {
plus.nativeUI.toast("下单成功");
mui.back();
}, false);
cancelBtn.addEventListener('tap', function () {
mui.back();
}, false);
});
})(mui, document);
</script>
</body>
</html>
\ No newline at end of file
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>下单管理</title>
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<link href="../dest/css/mui.min.css" rel="stylesheet" />
<link rel="stylesheet" href="../dest/css/mui.picker.min.css" />
<link rel="stylesheet" href="../dest/css/application.min.css" />
</head>
<body>
<header class="mui-bar mui-bar-nav">
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
<h1 class="mui-title">下单管理</h1>
</header>
<ul class="mui-table-view order-group">
<li class="mui-table-view-cell">
<a id="showSeasonPicker" href="javascript:;">
<span class="group-tit">季节号</span>
<span id="seasonResult" class="group-info">2016款</span>
<i class="group-icon"></i>
</a>
</li>
<li class="mui-table-view-cell">
<a id="showProductBigPicker" href="javascript:;">
<span class="group-tit">产品大类</span>
<span id="productBigResult" class="group-info">大底</span>
<i class="group-icon"></i>
</a>
</li>
<li class="mui-table-view-cell">
<a id="showProductSmallPicker" href="javascript:;">
<span class="group-tit">产品小类</span>
<span id="productSmallResult" class="group-info">EVA大底</span>
<i class="group-icon"></i>
</a>
</li>
</ul>
<div class="mui-content-padded">
<button class="mui-btn mui-btn-block mui-btn-primary" id="checkBtn">确定选择</button>
</div>
<div id="productBox">
</div>
<template id="product-tpl">
<ul class="mui-table-view product-list">
<li class="mui-table-view-cell">
<span class="product-nub">产品代号</span>
<span class="product-name">产品名称</span>
<span class="product-unit">单位</span>
</li>
{% _.each(items,function(item){ %}
<li class="mui-table-view-cell">
<a href="javascript:;" class="mui-navigate-right" data-index="{%=item.index%}">
<span class="product-nub">{%=item.nub%}</span>
<span class="product-name">{%=item.name%}</span>
<span class="product-unit">{%=item.unit%}</span>
</a>
</li>
{% }) %}
</ul>
</template>
<script src="../dest/js/mui.min.js"></script>
<script src="../dest/js/mui.picker.min.js"></script>
<script src="../dest/js/underscore.min.js"></script>
<script src="../dest/js/createView.min.js"></script>
<script type="text/javascript">
(function ($, doc) {
$.init();
var productBox = doc.getElementById('productBox');
var productTpl = doc.getElementById("product-tpl");
var productHtml = _.template(productTpl.innerHTML);
var resultData, e;
$.getJSON('../dest/js/productList.json', {}, function (data) {
resultData = data;
e = data.eva;
productBox.innerHTML = productHtml(e);
});
$.ready(function () {
var seasonData = [{
text: "2016款"
}, {
text: "2017款"
}, {
text: "2018款"
}];
var productBigData = [{ text: "大底" }];
var productSmallData = [{
text: "EVA大底",
index: 1
}, {
text: "PU底",
index: 2
}, {
text: "TPR底",
index: 3
}, {
text: "橡胶底",
index: 4
}, {
text: "组合底",
index: 5
}];
//季节号
var seasonPicker = new $.PopPicker();
seasonPicker.setData(seasonData);
var showSeasonPicker = doc.getElementById('showSeasonPicker');
var seasonResult = doc.getElementById('seasonResult');
showSeasonPicker.addEventListener('tap', function (event) {
seasonPicker.show(function (items) {
seasonResult.innerText = items[0].text;
});
}, false);
//产品大类
var productBigPicker = new $.PopPicker();
productBigPicker.setData(productBigData);
var showProductBigPicker = doc.getElementById('showProductBigPicker');
var productBigResult = doc.getElementById('productBigResult');
showProductBigPicker.addEventListener('tap', function (event) {
productBigPicker.show(function (items) {
productBigResult.innerText = items[0].text;
})
}, false);
//产品小类
var productSmallPicker = new $.PopPicker();
productSmallPicker.setData(productSmallData);
var showProductSmallPicker = doc.getElementById('showProductSmallPicker');
var productSmallResult = doc.getElementById('productSmallResult');
showProductSmallPicker.addEventListener('tap', function (event) {
productSmallPicker.show(function (items) {
productSmallResult.innerText = items[0].text;
productSmallResult.setAttribute("data-index", items[0].index);
})
}, false);
//确定选择
var checkBtn = doc.getElementById("checkBtn");
checkBtn.addEventListener('tap', function () {
var index = productSmallResult.getAttribute("data-index");
if (index) {
index = parseInt(index);
switch (index) {
case 1:
e = resultData.eva;
break;
case 2:
e = resultData.pu;
break;
case 3:
e = resultData.tpr;
break;
case 4:
e = resultData.xiangjiao;
break;
case 5:
e = resultData.zuhe;
break;
}
if (e) {
productBox.innerHTML = productHtml(e);
}
} else {
return;
}
}, false);
$("#productBox").on('tap', 'a', function () {
var _this = this;
var index = parseInt(_this.getAttribute("data-index").trim());
console.log(index);
var data = {
result: {
detail_list: e.detailList,
img: e.img,
detail_group: e.group[index]
}
};
mui.openWindow({
url:'application-order-detail.html',
id:'application-order-detail.html',
extras:{
detail_list: e.detailList,
img: e.img,
detail_group: e.group[index]
}
});
})
});
})(mui, document);
</script>
</body>
</html>
\ No newline at end of file
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>下单管理</title>
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<link href="../dest/css/mui.min.css" rel="stylesheet" />
<link rel="stylesheet" href="../dest/css/mui.picker.min.css" />
<link rel="stylesheet" type="text/css" href="../dest/css/progress.css" />
</head>
<body>
<header class="mui-bar mui-bar-nav">
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
<h1 class="mui-title">下单管理</h1>
</header>
<div class="tpsdblc">
<ul class="topBox clear" id="date_type">
<li index="1">一周</li>
<li index="2">一月</li>
<li index="3">半年</li>
<li index="4">全部</li>
</ul>
<div>
<div class="material-search clear">
<div id="mui-selcys">
<select id="mui-selcy">
<option>订单合同号</option>
<option>款号</option>
</select>
</div>
<div class="seacth">
<input type="text" placeholder="请输入搜索内容" id="selecinput">
<i class="mui-icon mui-icon-search" id="serchbtn"></i>
</div>
</div>
</div>
</div>
<div id="productBox" style="height:260px;overflow-y:scroll;clear:both;">
</div>
<template id="product-tpl">
<ul class="mui-table-view product-list">
<li class="mui-table-view-cell">
<span class="product-nub">订单合同号</span>
<span class="product-name">款号</span>
<span class="product-unit">颜色</span>
<span class="product-unit" style="width: 12%">订单数</span>
</li>
{% _.each(items,function(item, index){ %}
<li class="mui-table-view-cell tableRecord" data-index="{%=index%}">
<a href="javascript:;" class="" data-index="{%=item.index%}">
<span class="product-nub">{%=item.订单合同号%}</span>
<span class="product-name" style="width: 30%">{%=item.款号%}</span>
<span class="product-unit" style="overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width:19%!important;">{%=item.颜色%}</span>
<span class="product-unit" style="width: 12%">{%=item.订单数%}</span>
</a>
</li>
{% }) %}
</ul>
</template>
<div id="main" style="width:100%;height:220px;position:fixed;bottom:-18px;left:0;z-index:999;"></div>
<script src="../dest/js/mui.min.js"></script>
<script src="../dest/js/mui.picker.min.js"></script>
<script src="../dest/js/underscore.min.js"></script>
<script src="../dest/js/createView.min.js"></script>
<script src="../dest/js/echarts.common.min.js"></script>
<script type="text/javascript">
(function ($, doc) {
$.init();
var productBox = doc.getElementById('productBox');
var productTpl = doc.getElementById("product-tpl");
var date_type = doc.getElementById('date_type')
var muiselcy = doc.getElementById('mui-selcy')
var selecinput = doc.getElementById('selecinput')
var serchbtn = doc.getElementById('serchbtn')
var productHtml = _.template(productTpl.innerHTML);
var resultData;
$.ready(function () {
var state = JSON.parse(localStorage.getItem("$state")) || {};
var token = state.token || '';
var URL = state.host || '';
var myChart = echarts.init(document.getElementById('main'));
option = {
title: {
text: '订单号: 款号:',
textStyle: {
fontSize: 12,
color: '#c33430'
},
top: -4,
left: 10,
show: true
},
animationDuration: 2000,
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'shadow'
}
},
grid: {
top: '11%',
left: '3%',
right: '4%',
bottom: '0%',
containLabel: true
},
xAxis: [{
type: 'category',
data: ['订单数', '开单', '裁断', '制帮', '成型'],
axisTick: {
alignWithLabel: true
}
}],
yAxis: [{
type: 'value'
}],
series: [{
type: 'bar',
barWidth: '60%',
label: {
normal: {
show: true,
position: 'inside'
}
},
data: []
}]
};
function sanmu(str) {
return str ? str : 0
}
myChart.setOption(option);
//首次进入,和查询数据后
var URL = state.host || '';
var onInit = function (parms) {
mui.ajax(URL + '/api/ProductionSchedule/GetReport', {
type: 'POST',
data: parms,
dataType: 'json',
headers: { 'Content-Type': 'application/json' },
success: function (e) {
resultData = e
productBox.innerHTML = productHtml(e);
var result = e
if (e.success) {
arr = [sanmu(result.items[0] && result.items[0].订单数),
sanmu(result.items[0] && result.items[0].开单数),
sanmu(result.items[0] && result.items[0].裁断完成数),
sanmu(result.items[0] && result.items[0].制帮完成数),
sanmu(result.items[0] && result.items[0].成型完成数)
]
option.title.text = '订单号:' + result.items[0].订单合同号 + ' 款号:' + result.items[0].款号
option.series[0].data = arr
myChart.setOption(option);
}
},
error: function () {}
});
}
function first() {
//获取订单列表
onInit({
"key": '',
"key_type": 0,
"date_type": 3,
"token": token
})
}
first()
mui("#date_type").on('tap', 'li', function () {
onInit({
"key": selecinput.value,
"key_type": muiselcy.options.selectedIndex,
"date_type": this.getAttribute('index'),
"token": token
})
})
//点击搜索
serchbtn.onclick = function () {
onInit({
"key": selecinput.value,
"key_type": (muiselcy.options.selectedIndex) + 1,
"date_type": 4,
"token": token
});
}
mui("#productBox").on('tap', 'li', function () {
var index = this.getAttribute('data-index')
var obj = resultData.items[index]
var list = [sanmu(obj.订单数),
sanmu(obj.开单数),
sanmu(obj.裁断完成数),
sanmu(obj.制帮完成数),
sanmu(obj.成型完成数)
]
option.title.text = '订单号:' + obj.订单合同号 + ' 款号:' + obj.款号
option.series[0].data = list
myChart.setOption(option);
})
});
})(mui, document);
</script>
</body>
</html>
\ No newline at end of file
<!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" />
<title>材料色卡档案库-色卡</title>
<link href="../dest/css/mui.min.css" rel="stylesheet" />
<link rel="stylesheet" type="text/css" href="../dest/css/material-detail.css" />
</head>
<body>
<header class="mui-bar mui-bar-nav">
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
<h1 class="mui-title">材料色卡档案库-色卡</h1>
</header>
<h5 id="showTiles"></h5>
<div id="btynu">
<div id="lefts">
<div class="sp"><span>编辑</span><img src="../dest/img/chengk.png" /></div>
</div>
<div id="rity">
<div class="sp"><span>保存</span><img src="../dest/img/chebk.png" /></div>
</div>
</div>
<textarea id="newtext" disabled="disabled"></textarea>
<div id="showts">
<p>保存成功啦!</p><button onclick="document.getElementById('showts').style.display='none'">确定</button></div>
<script src="../dest/js/mui.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../dest/js/createView.min.js"></script>
<script src="../dest/js/underscore.min.js"></script>
<script type="text/javascript">
(function ($, doc) {
var _self;
mui.init();
var showTile = document.getElementById('showTiles');
var newtexts = document.getElementById('newtext');
var leftsd = document.getElementById('lefts');
var showts = document.getElementById('showts');
var rihtsd = document.getElementById('rity');
var state = JSON.parse(localStorage.getItem("$state")) || {};
var token = state.token || '';
var URL = state.host || '';
mui.plusReady(function () {
_self = plus.webview.currentWebview();
showTile.innerHTML = _self.stylsdo;
leftsd.addEventListener('tap', function (e) {
newtexts.disabled = false;
newtexts.focus()
});
rihtsd.addEventListener('tap', function (e) {
newtexts.blur();
newtexts.disabled = true;
var cront = newtexts.value;
mui.ajax(URL + '/api/SamplePlanning/UpdateComment', {
type: 'POST',
data: {
"notice_id": _self.docIndex,
"comment": cront,
"token": token
},
dataType: 'json',
headers: { 'Content-Type': 'application/json' },
success: function (e) {
var isSuccess = e.success;
if (isSuccess) {
showts.style.display = 'block';
}
},
error: function () {
//reloadWvLoad();
}
});
})
mui.ajax(URL + '/api/SamplePlanning/GetComment', {
type: 'POST',
data: {
"notice_id": result.docIndex,
"token": token
},
dataType: 'json',
headers: { 'Content-Type': 'application/json' },
success: function (e) {
var isSuccess = e.success;
newtexts.value = e.comment;
},
error: function () {
//reloadWvLoad();
}
});
});
}(mui, document));
</script>
</body>
</html>
\ No newline at end of file
<!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" />
<title>材料色卡档案库-明细</title>
<link href="../dest/css/mui.min.css" rel="stylesheet" />
<link rel="stylesheet" type="text/css" href="../dest/css/material-detail.css" />
</head>
<body>
<header class="mui-bar mui-bar-nav">
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
<h1 class="mui-title">材料色卡档案库-明细</h1>
</header>
<h5 id="showTiles"></h5>
<img src="" id="imgIcon" />
<div id="newclick"></div>
<div id="newsize"></div>
<script src="../dest/js/mui.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../dest/js/createView.min.js"></script>
<script src="../dest/js/underscore.min.js"></script>
<script type="text/javascript">
(function ($, doc) {
var _self;
mui.init();
var showTile = document.getElementById('showTiles');
var xitemlist = document.getElementById('newsize');
var idont = document.getElementById('imgIcon');
var newclic = document.getElementById('newclick');
var aelement = xitemlist.getElementsByTagName('a');
var state = JSON.parse(localStorage.getItem("$state")) || {};
mui.plusReady(function () {
_self = plus.webview.currentWebview();
var token = state.token || '';
var URL = state.host || '';
mui.ajax(URL + '/api/SamplePlanning/GetDetail', {
type: 'POST',
data: {
"notice_id": _self.docIndex,
"token": token
},
dataType: 'json',
headers: { 'Content-Type': 'application/json' },
success: function (e) {
var isSuccess = e.success;
showTile.innerHTML = "款号:" + e.item.StyleCode;
idont.src = (e.item.Image ? e.item.Image + '&width=640&height=560' : '../dest/img/tuzhi.jpg');
xitemlist.innerHTML = '<div class="uyi"><font>Size:</font><span>' + e.item.SizeName + '</span><font>Last:</font><span>' + e.item.Last + '</span></div><div class="toup"><font>Upper:</font><span>' + e.item.Upper + '</span></div><div class="uyi"><font>Size:</font><span>' + e.item.Lining + '</span></div><div class="touty"><font>OutSole:</font><span>' + e.item.OutSole + '</span></div>';
newclic.innerHTML = '<font>成功率:</font><span>' + e.item.SuccessRate + '%</span><a href="javaScript:void(0);">客户点评<i class="mui-icon mui-icon-arrowright"></i></a>';
},
error: function () {
}
});
mui("#newclick").on('tap', 'a', function () {
var self = this;
var stylediso = showTile.innerHTML.trim();
var data = {
result: {
docIndex: _self.docIndex,
stylsdo: stylediso
}
}
var titus = _self.iotur;
mui.openWindow({
url:'application-sample-card.html',
id:'application-sample-card.html',
extras:{
docIndex: _self.docIndex,
stylsdo: stylediso
}
});
});
});
}(mui, document));
</script>
</body>
</html>
\ No newline at end of file
<!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" />
<title>样品客户意见-列表</title>
<link href="../dest/css/mui.min.css" rel="stylesheet" />
<link rel="stylesheet" type="text/css" href="../dest/css/material.css" />
<link rel="stylesheet" type="text/css" href="../dest/css/material-detail.css" />
<style>
#xitemlist ul li i {
line-height: 25px;
}
#xitemlist ul li i:nth-child(1):before {
content: '样品单号:';
}
#xitemlist ul li i:nth-child(2):before {
content: '款式号:';
letter-spacing: 5px;
}
#xitemlist ul li i:nth-child(2) {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
#xitemlist ul li i:nth-child(3):before {
content: '申请人:';
letter-spacing: 5px;
}
#mui-selcys {
width: 23%;
float: left;
margin-left: 5%;
}
.seacth {
width: 67%;
float: right;
position: relative;
margin-right: 5%;
margin-top: 0px;
height: 40px;
line-height: 40px;
}
.on {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
}
#xitemlist.newtiS ul>li {
width: 49%;
float: left;
border: none;
box-shadow: 0 0 1px #d7e5ee;
margin: 8px 0 0 0;
padding: 0;
height: auto;
}
#xitemlist.newtiS ul>li:nth-child(2n) {
float: right;
}
#xitemlist.newtiS ul li img {
display: block;
width: 100%;
margin: 0 auto;
padding: 0;
margin-left: -2%;
}
#xitemlist.newtiS ul li font {
display: block;
clear: both;
width: 100%;
font-size: 12px;
}
</style>
</head>
<body>
<header class="mui-bar mui-bar-nav">
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
<h1 class="mui-title">样品客户意见-列表</h1>
</header>
<div class="minlist">
<div class="mui-content">
<div class="material-search clear" style="border-bottom:solid 1px #d7e5ee;">
<div id="mui-selcys">
<select id="mui-selcy">
<option>款式号</option>
<option>客人货号</option>
<option>样品单号</option>
</select>
</div>
<div class="seacth">
<input type="text" placeholder="请输入搜索内容" id="selecinput">
<i class="mui-icon mui-icon-search" id="serchbtn" style="right:30px;"></i>
<i class="mui-icon mui-icon-list" style="right:-5px;top:7px;color:#007AFF;" id="styleChange"></i>
</div>
</div>
<div id="xitemlist"></div>
<h4 id="htips"></h4>
<template id="aplconemt-tpl">
<ul>
{%_.each(items,function(i){%}
<li>
{% var simg=i.Image?i.Image+'&width=128&height=128':'../dest/img/tuzhi.jpg'%}
<a class="" mad-id="{%=i.NoticeID%}" noti-id="{%=i.NoticeCode%}">
<font><img src="{%=simg%}" /></font>
<font><i>{%=i.NoticeCode%}</i><i>{%=i.StyleCode%}</i><i>{%=i.ApplyPerson%}</i></font>
</a>
</li>
{%})%}
</ul>
</template>
</div>
</div>
<script src="../dest/js/mui.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../dest/js/createView.min.js"></script>
<script src="../dest/js/underscore.min.js"></script>
<script type="text/javascript">
(function ($, doc) {
$.init({
statusBarBackground: '#fff'
});
var selectbt = document.getElementById('xitemlist');
var tepmslate = document.getElementById('aplconemt-tpl');
var muitbt = document.getElementById('mui-selcy');
var muicinput = document.getElementById('selecinput');
var serachbn = document.getElementById('serchbtn');
var styleChangr = document.getElementById('styleChange');
var htip = document.getElementById('htips');
var state = JSON.parse(localStorage.getItem("$state")) || {};
var token = state.token || '';
var URL = state.host || '';
styleChangr.addEventListener('tap', function (e) {
if (this.className == 'mui-icon mui-icon-list') {
this.className = 'mui-icon mui-icon-list on';
selectbt.className = 'newtiS';
} else {
this.className = 'mui-icon mui-icon-list';
selectbt.className = ''
}
})
//页面进来显示默认7条数据
mui.ajax(URL + '/api/SamplePlanning/GetNoticeDocDefaultList', {
type: 'POST',
data: {
"token": token
},
dataType: 'json',
headers: { 'Content-Type': 'application/json' },
success: function (e) {
var isSuccess = e.success;
if (isSuccess) {
if (e.items.length > 0) {
var messageHtml = _.template(tepmslate.innerHTML);
selectbt.innerHTML = messageHtml(e);
htip.style.display = "none"
} else {
htip.innerHTML = '没搜到您需要的信息!'
}
}
},
error: function () {
//reloadWvLoad();
}
});
serachbn.addEventListener('tap', function (e) {
selectbt.innerHTML = '';
var selinr = parseInt(muitbt.options.selectedIndex) + 1;
if (muicinput.value) {
mui.ajax(URL + '/api/SamplePlanning/Search', {
type: 'POST',
data: {
"search_type": selinr,
"search_key": muicinput.value,
"token": token
},
dataType: 'json',
headers: { 'Content-Type': 'application/json' },
success: function (e) {
var isSuccess = e.success;
if (isSuccess) {
if (e.items.length > 0) {
var messageHtml = _.template(tepmslate.innerHTML);
selectbt.innerHTML = messageHtml(e);
htip.style.display = "none"
} else {
htip.style.display = "block";
htip.innerHTML = '没搜到您需要的信息!'
}
} else {
htip.style.display = "block";
htip.innerHTML = '没搜到您需要的信息!'
}
},
error: function () {
//reloadWvLoad();
}
});
} else {
alert('请输入搜索内容!')
}
var journalizeTpl = document.getElementById("journalize-tpl");
});
mui("#xitemlist").on('tap', 'a', function () {
var self = this;
var docIndex = self.getAttribute("mad-id").trim();
var titus = '样品单:' + self.getAttribute("noti-id").trim();
mui.openWindow({
url:'application-sample-detail.html',
id:'application-sample-detail.html',
extras:{
docIndex: docIndex,
iotur: titus
}
});
});
}(mui, document));
</script>
</body>
</html>
\ No newline at end of file
<!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" />
<title></title>
<link href="../dest/css/mui.min.css" rel="stylesheet" />
<link href="../dest/css/mui.picker.min.css" rel="stylesheet" />
<link rel="stylesheet" type="text/css" href="../dest/css/material-detail.css" />
<style>
#newsize .touty, #newstat {
background: #c8e2f3;
clear: both;
overflow: hidden
}
#newstat {
height: 40px;
}
#newstat span {
margin-left: 2%;
color: #F80404;
font-size: 15px;
display: inline-block;
line-height: 40px;
}
#newstat span:before {
content: '当前状态:';
color: #1b83fe;
font-size: 15px;
}
.search {
width: 170px;
float: right;
margin-right: 2%;
position: relative;
}
.search label {
display: inline-block;
color: #333;
font-size: 15px;
float: left;
line-height: 40px;
}
#nersen {
display: inline-block;
line-height: 40px;
float: left;
width: 100px;
font-size: 15px;
margin-left: 4px;
}
.search i {
position: absolute;
right: 20px;
z-index: 777;
top: 8px;
}
</style>
</head>
<body>
<header class="mui-bar mui-bar-nav">
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
<h1 class="mui-title">款式档案-详情</h1>
</header>
<h5 id="showTiles"></h5>
<div id="newstat">
<span id="newspn"></span>
<div class="search" id="select">
<label>状态设定:</label>
<font id="nersen"></font><i class="mui-icon mui-icon-arrowdown"></i>
</div>
</div>
<img src="" id="imgIcon" />
<div id="newclick"></div>
<div id="newsize"></div>
<div id="showts">
<p>状态修改完成啦!</p><button onclick="document.getElementById('showts').style.display='none'">确定</button></div>
<script src="../dest/js/mui.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../dest/js/createView.min.js"></script>
<script src="../dest/js/underscore.min.js"></script>
<script src="../dest/js/mui.picker.min.js"></script>
<script type="text/javascript">
(function ($, doc) {
var _self;
mui.init();
var showTile = document.getElementById('showTiles');
var nersen = document.getElementById('nersen');
var xitemlist = document.getElementById('newsize');
var idont = document.getElementById('imgIcon');
var newclic = document.getElementById('newclick');
var aelement = xitemlist.getElementsByTagName('a');
var liste = document.getElementById('liste');
var newspn = document.getElementById('newspn');
var showts = document.getElementById('showts');
var state = JSON.parse(localStorage.getItem("$state")) || {};
mui.plusReady(function () {
_self = plus.webview.currentWebview();
var token = state.token || '';
var URL = state.host || '';
mui.ajax(URL + '/api/StyleArchive/GetDetail', {
type: 'POST',
data: {
"notice_id": _self.docIndex,
"token": token
},
dataType: 'json',
headers: { 'Content-Type': 'application/json' },
success: function (e) {
var isSuccess = e.success;
newspn.innerHTML = e.item.StatusName;
nersen.innerHTML = e.item.StatusName;
showTile.innerHTML = "款号:" + e.item.StyleCode;
idont.src = (e.item.Image ? e.item.Image + '&width=640&height=560' : '../dest/img/tuzhi.jpg') + '&width=640&height=560';
newclic.innerHTML = '<a href="javaScript:void(0);" id="' + e.item.NoticeID + '" yp="' + e.item.YPCode + '">材料明细<i class="mui-icon mui-icon-arrowright"></i></a>';
},
error: function () {
}
});
mui("#select").on('tap', 'font', function () {
var picker = new mui.PopPicker();
picker.setData([
{ value: '1', text: '制作中' },
{ value: '2', text: '已完成' },
{ value: '3', text: '已确认' },
{ value: '4', text: '已封存' },
{ value: '5', text: '已作废' },
]);
picker.show(function (selectItems) {
var numf = parseInt(selectItems[0].value);
newspn.innerHTML = selectItems[0].text;
nersen.innerHTML = selectItems[0].text;
mui.ajax(URL + '/api/StyleArchive/ChangeStatus', {
type: 'POST',
data: {
"notice_id": _self.docIndex,
"status_id": numf,
"token": token
},
dataType: 'json',
headers: { 'Content-Type': 'application/json' },
success: function (e) {
var isSuccess = e.success;
if (isSuccess) {
showts.style.display = 'block'
}
},
error: function () {
}
});
})
})
mui("#newclick").on('tap', 'a', function () {
var self = this;
var stylediso = showTile.innerHTML.trim();
var ids = self.getAttribute("id").trim();
var yps = self.getAttribute("yp").trim();
mui.openWindow({
url:'application-stylefile-list.html',
id:'application-stylefile-list.html',
extras:{
docIndex: _self.docIndex,
stylsdo: stylediso,
idf: ids,
ypu: yps
}
});
});
});
}(mui, document));
</script>
</body>
</html>
\ No newline at end of file
<!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" />
<title>样品客户意见-材料明细</title>
<link href="../dest/css/mui.min.css" rel="stylesheet" />
<link rel="stylesheet" type="text/css" href="../dest/css/material-detail.css" />
<style>
#xitemlist ul li i:nth-child(4):before {
content: '意见:';
color: #1b83fe;
font-size: 14px;
}
</style>
</head>
<body>
<header class="mui-bar mui-bar-nav">
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
<h1 class="mui-title">样品客户意见-材料明细</h1>
</header>
<div class="minlist">
<h5 id="showTiles"></h5>
<div id="xitemlist"></div>
<template id="aplconemt-tpl">
<ul class="">
{%_.each(items,function(i){%}
<li>
{% var simg=i.Image?i.Image+'&width=128&height=128':'../dest/img/tuzhi.jpg'%}
<a class="" partname="{%=i.PartName%}" maerial="{%=i.MaterialName%}" imgss="{%=i.Image%}" longid="{%=i.ManufactureResultMaterialID%}">
<font><img src="{%=simg%}" /></font>
<font><i>{%=i.PartName%}</i><i>{%=i.MaterialName%}</i><i>{%=i.MaterialSpec%}</i><i>{%=i.AppedRemark%}</i></font>
</a>
</li>
{%})%}
</ul>
</template>
</div>
<script src="../dest/js/mui.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../dest/js/createView.min.js"></script>
<script src="../dest/js/underscore.min.js"></script>
<script type="text/javascript">
(function ($, doc) {
var _self;
mui.init();
var showTile = document.getElementById('showTiles');
var aplconemt = document.getElementById('aplconemt-tpl');
var xitemlist = document.getElementById('xitemlist');
var aelement = xitemlist.getElementsByTagName('a');
var state = JSON.parse(localStorage.getItem("$state")) || {};
mui.plusReady(function () {
_self = plus.webview.currentWebview();
var macids = _self.stylsdo;
showTile.innerHTML = "样品单号:" + _self.ypu + ' ' + macids;
var contlist = '';
var stylediso = showTile.innerHTML.trim();
var token = state.token || '';
var URL = state.host || '';
mui.ajax(URL + '/api/StyleArchive/GetMaterialList', {
type: 'POST',
data: {
"notice_id": _self.idf,
"token": token
},
dataType: 'json',
headers: { 'Content-Type': 'application/json' },
success: function (e) {
var isSuccess = e.success;
contlist = e.item;
var messageHtml = _.template(aplconemt.innerHTML);
xitemlist.innerHTML = messageHtml(e);
},
error: function () {
}
});
});
}(mui, document));
</script>
</body>
</html>
\ No newline at end of file
This diff is collapsed.
......@@ -53,64 +53,11 @@
<body>
<div class="application" id="lialist">
<div class="application-box" types="色卡档案">
<a href="javascript:;" ids="0">
<div class="application-img"><img src="../dest/img/application/application-record.png" alt="色卡档案" /></div>
<h3 class="application-tit" title="色卡档案">色卡档案</h3>
</a>
</div>
<div class="application-box" types="样品企划">
<a href="javascript:;" ids="1">
<div class="application-img"><img src="../dest/img/application/application-sample.png" alt="样品企划" /></div>
<h3 class="application-tit" title="样品企划">样品企划</h3>
</a>
</div>
<div class="application-box" types="样品客户意见">
<a href="javascript:;" ids="2">
<div class="application-img"><img src="../dest/img/application/application-idea.png" alt="样品客户意见" /></div>
<h3 class="application-tit" title="样品客户意见">样品客户意见</h3>
</a>
</div>
<div class="application-box" types="款式图片档案">
<a href="javascript:void(0);" ids="3">
<div class="application-img"><img src="../dest/img/application/application-photo.png" alt="款式图片档案" /></div>
<h3 class="application-tit" title="款式图片档案">款式图片档案</h3>
</a>
</div>
<div class="application-box" types="下单管理">
<a href="javascript:;" ids="4">
<div class="application-img"><img src="../dest/img/application/application-manage.png" alt="下单管理" /></div>
<h3 class="application-tit" title="下单管理">下单管理</h3>
</a>
</div>
<div class="application-box" types="生产进度表">
<a href="javascript:;" ids="5">
<div class="application-img"><img src="../dest/img/application/jindu.png" alt="生产进度表" /></div>
<h3 class="application-tit" title="生产进度表">生产进度表</h3>
</a>
</div>
<div class="application-box" types="消息提醒">
<a ids="6" href="javascript:;">
<div class="application-img meassage"><img src="../dest/img/application/application-file1.png" alt="消息提醒" /></div>
<h3 class="application-tit" title="消息提醒">消息提醒</h3>
</a>
</div>
<div class="application-box" types="业务审批">
<a ids="7" href="javascript:;">
<div class="application-img"><img src="../dest/img/application/shenpi.png" alt="业务审批" /></div>
<h3 class="application-tit" title="业务审批">业务审批</h3>
</a>
</div>
<div class="application-box" types="订货主场">
<a ids="8" href="javascript:;">
<div class="application-img"><img src="../dest/img/application/dinghjuo.png" alt="订货主场" /></div>
<h3 class="application-tit" title="订货主场">订货主场</h3>
</a>
</div>
<div class="application-box" types="针车实报">
<a ids="9" href="javascript:;">
<div class="application-img"><img src="../dest/img/application/dinghjuo.png" alt="针车实报" /></div>
<h3 class="application-tit" title="针车实报">针车实报</h3>
<div class="application-img"><img src="../dest/img/application/zcsb.png" alt="针车实报" /></div>
<h3 class="application-tit" title="针车实报">针车实报</h3>
</a>
</div>
......@@ -121,15 +68,7 @@
</a>
</div>
<!--<div class="mindr">
<div class="centermi"><img src="../dest/img/application/mines.png" /></div>
<div class="ululkisy" id="centicon">
<span><img src="../dest/img/application/gengxin.png"/></span>
<span><img src="../dest/img/application/hepl.png"/></span>
<span><img src="../dest/img/application/shez.png"/></span>
<span><img src="../dest/img/application/women.png"/></span>
</div>
</div>-->
</div>
<script src="../dest/js/mui.min.js"></script>
......@@ -140,12 +79,14 @@
<script type="text/javascript">
if(!Context.isLogin()){
console.log("未登录,不再继续加载Application.html")
}else{
(function($, doc) {
$.plusReady(function() {
plus.navigator.closeSplashscreen()
plus.screen.lockOrientation("portrait-primary")
init();
......@@ -168,6 +109,7 @@
function onGetDataSuccess(e){
console.log(JSON.stringify(e))
var isSuccess = e.success;
if(isSuccess) {
var items = e.items;
......
......@@ -73,7 +73,7 @@
plus.runtime.quit();
};
$.plusReady(function () {
plus.navigator.closeSplashscreen()
plus.screen.lockOrientation("portrait-primary")
if (mui.os.ios) {
......
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>三级页面</title>
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<link href="../dest/css/mui.min.css" rel="stylesheet" />
<link rel="stylesheet" type="text/css" href="../dest/css/task-order.min.css"/>
<style type="text/css">
.order-detail.order-tab-view .order-info-tit{
min-width: 7em;
padding-right:1.3rem ;
}
</style>
</head>
<body>
<header class="mui-bar mui-bar-nav">
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
<h1 class="mui-title">消息详情</h1>
</header>
<div class="mui-content" id="message-detail"></div>
<template id="message-detail-tpl">
<ul class="order-detail order-tab-view">
{%_.each(items,function(item){%}
<li class="order-info">
<span class="order-info-tit">{%=item.key%}</span>
{%=item.value%}
</li>
{%})%}
</ul>
</template>
<script src="html5plus://ready"></script>
<script src="../dest/js/mui.min.js"></script>
<script src="../dest/js/underscore.min.js"></script>
<script type="text/javascript">
var _self;
var state = JSON.parse(localStorage.getItem("$state")) || {};
var token = state.token || '';
var URL = state.host || '';
mui.init();
var detailTpl = document.getElementById("message-detail-tpl");
var detail = document.getElementById("message-detail");
if(window.plus){
plusReady();
}else{
document.addEventListener('plusready',plusReady,false);
}
function plusReady(){
var _self = plus.webview.currentWebview();
var w = plus.nativeUI.showWaiting();
var templeteId = _self.templeteId;
var dataId = _self.dataId;
var data ={
"templete_id":templeteId,
"id":dataId,
"token":token
}
mui.ajax(URL+'/api/NotificationMessage/GetLevel3',{
type:'POST',
data:data,
dataType:'json',
headers:{'Content-Type':'application/json'},
success:function(e){
var isSuccess = e.success;
if(isSuccess){
w.close();
var detailHtml = _.template(detailTpl.innerHTML);
detail.innerHTML = detailHtml(e);
}else{
w.close();
console.log("false");
}
},error:function(xhr,type,errorThrown){
w.close();
console.log(errorThrown);
}
});
}
</script>
</body>
</html>
\ No newline at end of file
This diff is collapsed.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<meta name="viewport" content="width=device-width, initial-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">
<link rel="stylesheet" href="../dest/css/mui.min.css"/>
<link rel="stylesheet" href="../dest/css/setting-about.min.css"/>
</head>
<body>
<header class="mui-bar mui-bar-nav">
<a class="mui-action-back mui-pull-left icon-back"></a>
<h1 class="mui-title">关于&nbsp;FetetO&nbsp;Cloud</h1>
</header>
<div class="mui-content">
<div class="ftt-logo">
<img src="../dest/img/applogo.png"/>
<span class="ftt-tit">&nbsp;FetetO&nbsp;Cloud</span>
<span class="ftt-tit-last">&nbsp;FetetO&nbsp;Cloud&nbsp;1.00</span>
</div>
<p class="ftt-tel">全球销售热线&nbsp;:&nbsp;4008-677-568</p>
</div>
<script src="../dest/js/mui.min.js"></script>
<script type="text/javascript">
mui.init();
var old_back = mui.back;
mui.back =function(){
//显示上一个界面;
mui.currentWebview.opener().show('pop-in');
old_back();
}
</script>
</body>
</html>
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment