Commit 7a8a27d5 authored by 王文琼's avatar 王文琼

修改密码,已完成等按钮,针车配套确认

parent 7b03ff0c
.mui-bar-nav {
background-color: #fff;
box-shadow: inherit;
}
.changeList{
margin-top: 15px;
}
.mui-input-group:before {
height: 0;
}
.mui-input-group:after{
height: 0;
}
.edit-padded{
padding: 70px 40px 38px;
height: 150px !important;
}
.edit-padded .mui-btn {
padding: 6px 12px;
background-color: #289be5;
border-color: #289be5;
}
This diff is collapsed.
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/needlecarHand/needlecarHandover.css" rel="stylesheet" />
</head>
<body>
<div id="app" v-cloak>
<div class="need-left">
<div id="left-1">
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left" style="color: white; width: 60px;" @click="back"></a>
<label style=" text-align: center; margin-left: 70px; color: white;">针车配套确认</label>
</div>
<div class="mui-input-row mui-search">
<input id="search" class="mui-input-clear search" placeholder="搜索:指令号,货号,订单号" v-model="searchText" type="search"
pattern="\d*" @keyup.enter="goSearch($event)" @focus.prevent="changePosition()"
@blur.prevent="changePosition1()">
</div>
<div id="left-2">
<div id="pullrefresh">
<div class="mui-scroll">
<div id="item1" :state="completeState" class="scroll1 leftList maeginTop">
<div class="mui-table-view mui-table-view-chevron">
<ul :id="items.IndexID" :class="{active:cur==n}" class="mui-table-view bg needLeftList" v-for=" (items,n) in itemsLeft"
@click="selectLeft(items,n)">
<li>
<p><span>指令号:</span><span>{{items.IndexNo}}</span></p>
<p><span>订单号:</span><span>{{items.CustomPO}}</span></p>
</li>
<li>
<p><span>货号:</span><span class="blueColor">{{items.StyleCode}}</span></p>
<p><span>数量:</span><span class="redColor">{{items.Qty}}</span></p>
</li>
<li>
<p><span>计划时间:</span><span>{{items.PlanDate}}</span></p>
<p><span>班组:</span><span>{{items.ToWorkTeam}}</span></p>
</li>
<li>
<p><span>实报时间:</span><span>{{items.ReportDate}}</span></p>
<p><span>计划配送:</span><span>{{items.PlanDistribution}}</span></p>
</li>
<a class="meached" v-show = "items.IsMatch"> <img src="../dest/img/application/meached.png" /></a>
<a class="confirm" v-show = "items.IsConfirm"> <img src="../dest/img/application/haveSure.png" /></a>
</ul>
</div>
</div>
<div id="item2" :state="!completeState" class="scroll2 leftList " :style="display_">
<div class="mui-table-view mui-table-view-chevron">
<ul :id="items.IndexID" :class="{active:cur==n}" class="mui-table-view bg needLeftList" v-for=" items,n in itemsLeft2"
@click="selectLeft(items,n )">
<li>
<p><span>指令号:</span><span>{{items.IndexNo}}</span></p>
<p><span>订单号:</span><span>{{items.CustomPO}}</span></p>
</li>
<li>
<p><span>货号:</span><span class="blueColor">{{items.StyleCode}}</span></p>
<p><span>数量:</span><span class="redColor">{{items.Qty}}</span></p>
</li>
<li>
<p><span>计划时间:</span><span>{{items.PlanDate}}</span></p>
<p><span>班组:</span><span>{{items.ToWorkTeam}}</span></p>
</li>
<li>
<p><span>实报时间:</span><span>{{items.ReportDate}}</span></p>
<p><span>计划配送:</span><span>{{items.PlanDistribution}}</span></p>
</li>
<a class="meached" v-show = "items.IsMatch"> <img src="../dest/img/application/haveHandover.png" /></a>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="mui-segmented-control leftState" id="changePosition">
<a id="n1" class="mui-control-item mui-active" @click="selectDisplay(0)">未交接</a>
<a id="n2" class="mui-control-item " @click="selectDisplay(1)">已交接</a>
</div>
</div>
<div class="need-right">
<div id="right">
<div id="right-1">
<ul class="mui-table-view">
<li class="mui-table-view-cell">
<p > 指令号: </p>
<p style="float: left;width: 40%; color: #060606;white-space:nowrap;text-overflow: ellipsis;overflow: hidden;">&nbsp;{{itemsDetail.IndexNo}}
</p>
</li>
<li class="mui-table-view-cell">
<p> 货号: </p>
<p class="blueColor">&nbsp;{{itemsDetail.StyleCode}}</p>
<p>颜色: </p>
<p>{{itemsDetail.ColorName}} </p>
</li>
<li class="mui-table-view-cell">
<p> 数量: </p>
<p class="redColor">&nbsp;{{itemsDetail.FinishQty}} </p>
</li>
<li class="mui-table-view-cell">
<p> 不合格数: </p>
<p class="redColor">&nbsp;{{itemsDetail.UnQualifiedQty}} </p>
<p>报废数: </p>
<p class="redColor">{{itemsDetail.ScrapQty}} </p>
</li>
<li class="mui-table-view-cell">
<p> 发包: </p>
<p>&nbsp;{{itemsDetail.WorkTeam}} </p>
<p>收包: </p>
<p>{{itemsDetail.ToWorkTeam}} </p>
</li>
<li class="mui-table-view-cell">
<p> 计划时间: </p>
<p>&nbsp;{{itemsDetail.PlanDate}} </p>
<p>实报时间: </p>
<p>{{itemsDetail.ReportDate}} </p>
</li>
<li class="mui-table-view-cell">
<p> 实报人: </p>
<p>&nbsp;{{itemsDetail.ReportUser}} </p>
</li>
<li class="mui-table-view-cell">
<p> 确认人: </p>
<p>&nbsp;{{itemsDetail.ConfirmUserName}} </p>
<p>确认时间: </p>
<p>{{itemsDetail.ConfirmDate}} </p>
</li>
<li class="mui-table-view-cell">
<p> 配套人: </p>
<p>&nbsp;{{itemsDetail.MatchUserName}} </p>
<p>配套时间: </p>
<p>{{itemsDetail.MatchDate}} </p>
</li>
<li class="mui-table-view-cell">
<p> 交接人: </p>
<p>&nbsp;{{itemsDetail.CheckUserName}} </p>
<p>交接时间: </p>
<p>{{itemsDetail.CheckDate}} </p>
</li>
</ul>
</div>
</div>
<div id="right-2">
<button type="button" class="mui-btn mui-btn-blue " :disabled="btnConfirm" @click="cutConfirm" >面部确认</button>
<button type="button" class="mui-btn mui-btn-blue " :disabled="btnMatch" @click="matched" >成型配套确认</button>
<button type="button" class="mui-btn mui-btn-blue " :disabled="btnCheck" @click="submit">{{submitText}}</button>
</div>
</div>
</div>
<script src="../dest/js/mui.min.js"></script>
<script src="../dest/js/vue.min.js"></script>
<script src="../dest/js/public.min.js"></script>
<script src="../dest/js/mes/playVoice.js"></script>
<script src="../dest/js/mes/NeedleMatch.js"></script>
</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/changePassWord.css" />
</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"></a>
<h1 class="mui-title">修改密码</h1>
</header>
<div class="mui-content changeList" id="input_example">
<div class="mui-input-group">
<div class="mui-input-row">
<label>旧密码</label>
<input type="text" class="mui-input-clear" v-model="oldPsd" placeholder="请输入旧密码">
</div>
<div class="mui-input-row">
<label>新密码</label>
<input type="password" class="mui-input-password" v-model="newPsd" placeholder="请输入新密码">
</div>
<div class="mui-input-row">
<label>确认密码</label>
<input type="password" class="mui-input-password" v-model="surePsd" placeholder="请再次输入密码">
</div>
<div class="mui-button-row edit-padded">
<button class="mui-btn mui-btn-blue mui-btn-block" @click="checkPsd">确认</button>
</div>
</div>
</div>
</div>
<script src="../dest/js/mui.min.js"></script>
<script src="../dest/js/vue.min.js"></script>
<script src="../dest/js/public.min.js"></script>
<script type="text/javascript">
mui.plusReady(function() {
initPage();
});
function initPage() {
app.init();
}
var app = new Vue({
el: '#app',
data: {
newPsd: '',
surePsd: '',
oldPsd: '',
check: false,
},
methods: {
init: function() {
mui.init();
},
checkPsd: function() {
mui("#input_example input").each(function() {
//console.log(this.value)
//若当前input为空,则alert提醒
if (!this.value || this.value.trim() == "") {
var label = this.previousElementSibling;
mui.alert(label.innerText + "不允许为空");
this.check = false;
return false;
}
});
//console.log(this.newPsd+this.surePsd+this.oldPsd)
if (this.newPsd != '' && this.surePsd != '' && this.oldPsd != '') {
if (this.newPsd.length > 18 || this.surePsd.length > 18) {
this.check = false;
mui.alert("密码过长!");
} else if (this.newPsd === this.surePsd) {
this.check = true;
this.submit();
} else {
this.check = false;
mui.alert("两次密码不一样!");
console.log("两次密码不一样!");
}
}
},
submit: function() {
mui.toast('修改密码!');
var para = {
OldPWD: this.oldPsd,
PWD: this.newPsd
}
console.log(JSON.stringify(para));
Api.post('/api/User/PassWord', para, function(e) {
//console.log("调用了接口111111");
if (e.success) {
mui.toast('密码修改成功!');
mui.back();
console.log("chengggg");
} else {
mui.toast('密码修改失败!');
console.log("shibai ");
}
}, function(xhr, type, res) {
console.log("11111111111111111111出错啦!");
mui.toast(JSON.stringify(res.message))
});
},
}
});
</script>
</body>
</html>
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