Commit 20c0d6b6 authored by 王文琼's avatar 王文琼

base

parent 5d6c31c6
<!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/mui.picker.min.css" rel="stylesheet" />
<link href="../dest/css/NeedleDispatch/NeedleDispatch.css" rel="stylesheet" />
<link rel="stylesheet" type="text/css" href="../dest/css/icons-extra.css" />
</head>
<body>
<div id="app" v-cloak class="mui-off-canvas-wrap mui-draggable">
<div class="mui-inner-wrap">
<!-------主体------->
<div class="main">
<div class="top">
<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">{{tittle}}</h1>
<a class="mui-icon mui-icon-bars mui-pull-right" @tap="showColumn"></a>
</header>
<div class="select">
<div class="pickerData">
<button class="mui-icon mui-icon-arrowleft mui-btn-outlined ;" @click="nextMonth(-1)"></button>
<button class="mui-btn-outlined" id="selectdate" data-options='{"type":"month"}' name="shipdate" @click="selecttime()">{{dateTime}}</button>
<button class="mui-icon mui-icon-arrowright mui-btn-outlined " @click="nextMonth(1)"></button>
</div>
<div class="mui-input-row mui-search" v-show="!isData&&!isWorkTeam">
<input class="mui-input-clear search" placeholder="搜索" v-model="searchText" type="search" pattern="\d*"
@keyup.enter="goSearch($event)">
</div>
<div id="pickerData2" class="pickerData2" v-show="isData">
<button class="mui-icon mui-icon-arrowleft mui-btn-outlined ;" @click="nextday2(-1)"></button>
<button class="mui-btn-outlined" id="selectdate2" data-options='{"type":"date"}' name="shipdate" @click="selecttime2()">{{dateTime2}}</button>
<button class="mui-icon mui-icon-arrowright mui-btn-outlined " @click="nextday2(1)"></button>
</div>
<div class="workTime" v-show="isWorkTeam">
<select v-model="currentWorkTime" @change="changeWorkTime($event)">
<option :value="item" v-for="item in workTimeData">{{item}}</option>
</select>
</div>
<div class="select-left">
<select v-model="current" @change="changeSearchType">
<option :value="item.id" v-for="item in searchData">{{item.name}}</option>
</select>
</div>
</div>
</div>
<div class="detail-list">
<table class="mui-table ">
<thead class="mui-table-view">
<tr>
<th v-show="showStyleName" class="bwidth text-overflow">品名</th>
<th v-show="showCustomPO" class="bwidth text-overflow">订单号</th>
<th v-show="showIndexNo" class="bwidth text-overflow">指令号</th>
<th v-show="showStyleCode" class="bwidth text-overflow">货号</th>
<th v-show="showColor" class="swidth text-overflow">颜色</th>
<th v-show="showTotalCount" class="swidth text-overflow">数量</th>
<th v-show="showPrice" class="swidth text-overflow">单价</th>
<th v-show="showTotalMoney" class="swidth text-overflow">金额</th>
<th v-show="showMatchDate" class="bwidth text-overflow">面料</th>
<th v-show="showConfirmDate" class="bwidth text-overflow">里料</th>
<th v-show="showZCPlanBeginDate" class="bwidth text-overflow">上线计划</th>
<th v-show="showZCPlanDeliveryDate" class="bwidth text-overflow">计划交期</th>
<th v-show="showPlanDate" class="bwidth text-overflow">实际上线</th>
<th v-show="showFinishDate" class="bwidth text-overflow">实际完成</th>
</tr>
</thead>
</table>
<div class="item_table mui-scroll-wrapper" id="pullrefresh">
<div class="mui-scroll ">
<table class="mui-table ">
<tbody class=" sDetail " id="sDetail">
<tr v-for="(item,index) in itemsList" :key="index" @tap="showDetail(item)">
<td :style="{color:'rgb('+item.StyleName_1+')',background:'rgb('+ item.StyleName_2 +')' }"
v-show="showStyleName" class="bwidth text-overflow changeFontSize" >{{item.StyleName}}</td>
<td :style="{color:'rgb('+item.CustomPO_1+')',background:'rgb('+ item.CustomPO_2 +')' }"
v-show="showCustomPO" class="bwidth text-overflow changeFontSize">{{item.CustomPO}}</td>
<td :style="{color:'rgb('+item.IndexNo_1+')',background:'rgb('+ item.IndexNo_2 +')' }"
v-show="showIndexNo" class="bwidth text-overflow changeFontSize ">{{item.IndexNo}}</td>
<td :style="{color:'rgb('+item.StyleCode_1+')',background:'rgb('+ item.StyleCode_2 +')' }"
v-show="showStyleCode" class="bwidth text-overflow changeFontSize">{{item.StyleCode}}</td>
<td :style="{color:'rgb('+item.ColorName_1+')',background:'rgb('+ item.ColorName_2 +')' }"
v-show="showColor" class="swidth text-overflow changeFontSize">{{item.ColorName}}</td>
<td :style="{color:'rgb('+item.TotalCount_1+')',background:'rgb('+ item.TotalCount_2 +')' }"
v-show="showTotalCount" class="swidth text-overflow changeFontSize">{{item.TotalCount}}</td>
<td :style="{color:'rgb('+item.Price_1+')',background:'rgb('+ item.Price_2 +')' }"
v-show="showPrice" class="swidth text-overflow changeFontSize">{{item.Price}}</td>
<td :style="{color:'rgb('+item.TotalMoney_1+')',background:'rgb('+ item.TotalMoney_2 +')' }"
v-show="showTotalMoney" class="swidth text-overflow changeFontSize">{{item.TotalMoney}}</td>
<td :style="{color:'rgb('+item.MatchDate_1+')',background:'rgb('+ item.MatchDate_2 +')' }"
v-show="showMatchDate" class="bwidth text-overflow changeFontSize">{{item.MatchDate}}</td>
<td :style="{color:'rgb('+item.ConfirmDate_1+')',background:'rgb('+ item.ConfirmDate_2 +')' }"
v-show="showConfirmDate" class="bwidth text-overflow changeFontSize">{{item.ConfirmDate}}</td>
<td :style="{color:'rgb('+item.CDPlanBeginDate_1+')',background:'rgb('+ item.CDPlanBeginDate_2 +')' }"
v-show="showZCPlanBeginDate" class="bwidth text-overflow changeFontSize">{{item.CDPlanBeginDate}}</td>
<td :style="{color:'rgb('+item.CDPlanDeliveryDate_1+')',background:'rgb('+ item.CDPlanDeliveryDate_2 +')' }"
v-show="showZCPlanDeliveryDate" class="bwidth text-overflow changeFontSize">{{item.CDPlanDeliveryDate}}</td>
<td :style="{color:'rgb('+item.PlanDate_1+')',background:'rgb('+ item.PlanDate_2 +')' }"
v-show="showPlanDate" class="bwidth text-overflow changeFontSize">{{item.PlanDate}}</td>
<td :style="{color:'rgb('+item.FinishDate_1+')',background:'rgb('+ item.FinishDate_2 +')' }"
v-show="showFinishDate" class="bwidth text-overflow changeFontSize">{{item.FinishDate}}</td>
</tr>
<!-- <tr @tap="showDetail(item)">
<td class="bwidth text-overflow">bbbbbbbbbbb</td>
</tr> -->
</tbody>
</table>
</div>
</div>
</div>
<div class="countInfor">
<!-- <label> 当前共{{TotalIndexNo}}个指令单,共{{TotalCount}}双</label> -->
<label>{{Summary}}</label>
</div>
<div class="showChange" v-show="show">
<div class="mui-card">
<h2 class="mui-title">请选择显示的列<button type="button" class="mui-btn mui-btn-primary mui-pull-right" @click="escChange">确定</button></h2>
<form class="mui-input-group">
<div class="mui-input-row mui-checkbox mui-left">
<label>品名</label>
<input name="checkbox" type="checkbox" v-model="showStyleName" @tap="change(0)">
</div>
<div class="mui-input-row mui-checkbox mui-left">
<label>指令号</label>
<input name="checkbox" type="checkbox" v-model="showIndexNo" @tap="change(1)">
</div>
<div class="mui-input-row mui-checkbox mui-left">
<label>订单号</label>
<input name="checkbox" type="checkbox" v-model="showCustomPO" @tap="change(2)">
</div>
<div class="mui-input-row mui-checkbox mui-left ">
<label>货号</label>
<input name="checkbox" type="checkbox" v-model="showStyleCode" @tap="change(3)">
</div>
<div class="mui-input-row mui-checkbox mui-left ">
<label>颜色</label>
<input name="checkbox" type="checkbox" v-model="showColor" @tap="change(4)">
</div>
<div class="mui-input-row mui-checkbox mui-left ">
<label>数量</label>
<input name="checkbox" type="checkbox" v-model="showTotalCount" @tap="change(5)">
</div>
<div class="mui-input-row mui-checkbox mui-left ">
<label>单价</label>
<input name="checkbox" type="checkbox" v-model="showPrice" @tap="change(6)">
</div>
<div class="mui-input-row mui-checkbox mui-left ">
<label>金额</label>
<input name="checkbox" type="checkbox" v-model="showTotalMoney" @tap="change(7)">
</div>
<div class="mui-input-row mui-checkbox mui-left ">
<label>面料</label>
<input name="checkbox" type="checkbox" v-model="showMatchDate" @tap="change(8)">
</div>
<div class="mui-input-row mui-checkbox mui-left ">
<label>里料</label>
<input name="checkbox" type="checkbox" v-model="showConfirmDate" @tap="change(9)">
</div>
<div class="mui-input-row mui-checkbox mui-left ">
<label>上线计划</label>
<input name="checkbox" type="checkbox" v-model="showZCPlanBeginDate" @tap="change(10)">
</div>
<div class="mui-input-row mui-checkbox mui-left ">
<label>计划交期</label>
<input name="checkbox" type="checkbox" v-model="showZCPlanDeliveryDate" @tap="change(11)">
</div>
<div class="mui-input-row mui-checkbox mui-left ">
<label>实际上线</label>
<input name="checkbox" type="checkbox" v-model="showPlanDate" @tap="change(12)">
</div>
<div class="mui-input-row mui-checkbox mui-left ">
<label>实际完成</label>
<input name="checkbox" type="checkbox" v-model="showFinishDate" @tap="change(13)">
</div>
</form>
</div>
</div>
<div class="mui-off-canvas-backdrop"></div>
</div>
<!-------主体------->
<!--------侧滑-------->
<aside class="mui-off-canvas-right">
<div class="rightDetail">
<div class="right-main">
<div class="right-top">
<div class="top1">
<label class="text-overflow">指令号:{{IndexNo}}</label>
<label class="text-overflow">货号:{{StyleCode}}</label>
<button type="button" class="mui-btn mui-btn-danger" @tap="closeRight">关闭</button>
</div>
<div class="top1">
<div class="data01">
<div class="pickerData1">
<button class="mui-icon mui-icon-arrowleft mui-btn-outlined ;" @click="nextday(-1)"></button>
<button class="mui-btn-outlined" id="selectdate1" data-options='{"type":"date"}' name="shipdate" @click="selecttime1()">{{dateTime1}}</button>
<button class="mui-icon mui-icon-arrowright mui-btn-outlined " @click="nextday(1)"></button>
</div>
</div>
<div class="top-btn">
<!-- <span @tap="getDetailData" >发包</span>
<span @tap="revokeData" >撤销</span> -->
<button :disabled="isAward" type="button" class="mui-btn mui-btn-blue " @tap="getDetailData">上线</button>
<button :disabled="isAward1" type="button" class="mui-btn mui-btn-blue " @tap="revokeData">撤销</button>
</div>
</div>
</div>
<div class="right-list" v-show="sty1">
<table class="mui-table table-header">
<tbody class="mui-table-view-cell">
<tr>
<td style="text-align: center; width: 20%;">
<div class="mui-input-row mui-checkbox mui-left" @tap="selectAll">
<label>全选</label>
<input id="cheAll" name="checkbox1" type="checkbox" :checked="all">
</div>
</td>
<td style="text-align: center; width: 40%;">工序</td>
<td style="text-align: center; width: 15%;">数量</td>
<td style="text-align: center; width: 25%;">人员</td>
</tr>
</tbody>
</table>
<div class="mui-scroll-wrapper " style="top: 136px; width: 100%; height: 350px;">
<div class="mui-scroll">
<div>
<table class="mui-table">
<!-- <tbody class="mui-table-view-cell">
<tr v-for="(item2 ,m) in itemsData2">
<td class="altrowstable" style=" width: 20%;">
<div class="mui-input-row mui-checkbox mui-left">
<label>&nbsp;</label>
<input :id="item2.IEID" class="che" :checked="item2.status" name="checkbox1" type="checkbox" @tap="selectCheck(m)" >
</div>
</td>
<td class="altrowstable" style=" width: 40%;">{{item2.IEName}}</td>
<td class="altrowstable" style=" width: 15%;">{{item2.TotalQty}}</td>
<td class="altrowstable" style=" width: 25%;">
<a @tap="selectPerson(item2)" v-if="item2.Workers.length == 0">
<span class="mui-icon-extra mui-icon-extra-addpeople"></span>
</a>
<a @tap="selectPerson(item2)" v-else>
<label style="height: 25px; display: block;" v-for="k in item2.Workers"> {{k.UserName}}:{{k.Qty}}</label>
</a>
</td>
</tr>
</tbody> -->
</table>
<p v-if="itemsData2.length == 0" style="text-align: center;line-height: 35px;">没有对应数据!</p>
</div>
</div>
</div>
</div>
<div id="right-dis " v-show="!sty1" class="mui-pull-right " >
<table class="mui-table" style="background: white;">
<tbody class="mui-table-view-cell">
<tr style="height: 30px; ">
<td style="text-align: center; border-bottom:1px solid #BBB; width: 300px;">
姓名
</td>
<td style="text-align: center; border-bottom:1px solid #BBB;">
数量
</td>
</tr>
</tbody>
</table>
<div class="mui-scroll-wrapper " style="top: 36px; width: 100%; height: 370px; background: white;">
<div class="mui-scroll">
<!--这里放置真实显示的DOM内容-->
<div id='list'>
<table class="mui-table">
<tbody class="mui-table-view-cell">
<tr v-for="(item ,m) in PersonList">
<td style="text-align: center; border-bottom:1px solid #BBB; width: 300px;" @click="selectChe(m)">
<div class="mui-input-row mui-checkbox mui-left">
<label>{{item.UserName}}</label>
<input :id="item.UserID" class="che" name="checkbox1" type="checkbox" :checked="item.status">
</div>
</td>
<td :id="'num_' + item.UserID " style="text-align: center; border-bottom:1px solid #BBB;">0</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<div style="position: absolute; bottom: 1px ; right: 1px; ">
<button type="button" class="mui-btn mui-btn-blue " style=" width: 150px; height: 70px;" @tap="sop">SOP</button>
<button type="button" class="mui-btn mui-btn-blue " style="width:150px;height: 70px; " :disabled="selectPL" @tap="selectPersonAll">批量选员</button>
<button id="submit" type="button" class="mui-btn mui-btn-blue " style=" width: 150px; height: 70px;" :disabled="saveChange" @tap="submit">提交</button>
</div>
</div>
</aside>
</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/moment.js"></script>
<script src="../js/mui.pullToRefresh.js"></script>
<script src="../dest/js/mui.picker.min.js"></script>
<script src="../dest/js/mes/CuttingDispatch.js"></script>
</body>
</html>
<!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/mui.picker.min.css" rel="stylesheet" />
<link href="../dest/css/NeedleDispatch/NeedleDispatch.css" rel="stylesheet" />
<link rel="stylesheet" type="text/css" href="../dest/css/icons-extra.css" />
</head>
<body>
<div id="app" v-cloak class="mui-off-canvas-wrap mui-draggable">
<div class="mui-inner-wrap">
<!-------主体------->
<div class="main">
<div class="top">
<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">{{tittle}}</h1>
<a class="mui-icon mui-icon-bars mui-pull-right" @tap="showColumn"></a>
</header>
<div class="select">
<div class="pickerData">
<button class="mui-icon mui-icon-arrowleft mui-btn-outlined ;" @click="nextMonth(-1)"></button>
<button class="mui-btn-outlined" id="selectdate" data-options='{"type":"month"}' name="shipdate" @click="selecttime()">{{dateTime}}</button>
<button class="mui-icon mui-icon-arrowright mui-btn-outlined " @click="nextMonth(1)"></button>
</div>
<div class="mui-input-row mui-search" v-show="!isData&&!isWorkTeam">
<input class="mui-input-clear search" placeholder="搜索" v-model="searchText" type="search" pattern="\d*"
@keyup.enter="goSearch($event)">
</div>
<div id="pickerData2" class="pickerData2" v-show="isData">
<button class="mui-icon mui-icon-arrowleft mui-btn-outlined ;" @click="nextday2(-1)"></button>
<button class="mui-btn-outlined" id="selectdate2" data-options='{"type":"date"}' name="shipdate" @click="selecttime2()">{{dateTime2}}</button>
<button class="mui-icon mui-icon-arrowright mui-btn-outlined " @click="nextday2(1)"></button>
</div>
<div class="workTime" v-show="isWorkTeam">
<select v-model="currentWorkTime" @change="changeWorkTime($event)">
<option :value="item" v-for="item in workTimeData">{{item}}</option>
</select>
</div>
<div class="select-left">
<select v-model="current" @change="changeSearchType">
<option :value="item.id" v-for="item in searchData">{{item.name}}</option>
</select>
</div>
</div>
</div>
<div class="detail-list">
<table class="mui-table ">
<thead class="mui-table-view">
<tr>
<th v-show="showStyleName" class="bwidth text-overflow">品名</th>
<th v-show="showCustomPO" class="bwidth text-overflow">订单号</th>
<th v-show="showIndexNo" class="bwidth text-overflow">指令号</th>
<th v-show="showStyleCode" class="bwidth text-overflow">货号</th>
<th v-show="showColor" class="swidth text-overflow">颜色</th>
<th v-show="showTotalCount" class="swidth text-overflow">数量</th>
<th v-show="showPrice" class="swidth text-overflow">单价</th>
<th v-show="showTotalMoney" class="swidth text-overflow">金额</th>
<th v-show="showMatchDate" class="bwidth text-overflow">针车配套</th>
<th v-show="showConfirmDate" class="bwidth text-overflow">底料</th>
<th v-show="showZCPlanBeginDate" class="bwidth text-overflow">上线计划</th>
<th v-show="showZCPlanDeliveryDate" class="bwidth text-overflow">计划交期</th>
<th v-show="showPlanDate" class="bwidth text-overflow">实际上线</th>
<th v-show="showFinishDate" class="bwidth text-overflow">实际完成</th>
</tr>
</thead>
</table>
<div class="item_table mui-scroll-wrapper" id="pullrefresh">
<div class="mui-scroll ">
<table class="mui-table ">
<tbody class=" sDetail " id="sDetail">
<tr v-for="(item,index) in itemsList" :key="index" @tap="showDetail(item)">
<td :style="{color:'rgb('+item.StyleName_1+')',background:'rgb('+ item.StyleName_2 +')' }"
v-show="showStyleName" class="bwidth text-overflow changeFontSize" >{{item.StyleName}}</td>
<td :style="{color:'rgb('+item.CustomPO_1+')',background:'rgb('+ item.CustomPO_2 +')' }"
v-show="showCustomPO" class="bwidth text-overflow changeFontSize">{{item.CustomPO}}</td>
<td :style="{color:'rgb('+item.IndexNo_1+')',background:'rgb('+ item.IndexNo_2 +')' }"
v-show="showIndexNo" class="bwidth text-overflow changeFontSize">{{item.IndexNo}}</td>
<td :style="{color:'rgb('+item.StyleCode_1+')',background:'rgb('+ item.StyleCode_2 +')' }"
v-show="showStyleCode" class="bwidth text-overflow changeFontSize">{{item.StyleCode}}</td>
<td :style="{color:'rgb('+item.ColorName_1+')',background:'rgb('+ item.ColorName_2 +')' }"
v-show="showColor" class="swidth text-overflow changeFontSize">{{item.ColorName}}</td>
<td :style="{color:'rgb('+item.TotalCount_1+')',background:'rgb('+ item.TotalCount_2 +')' }"
v-show="showTotalCount" class="swidth text-overflow changeFontSize">{{item.TotalCount}}</td>
<td :style="{color:'rgb('+item.Price_1+')',background:'rgb('+ item.Price_2 +')' }"
v-show="showPrice" class="swidth text-overflow changeFontSize">{{item.Price}}</td>
<td :style="{color:'rgb('+item.TotalMoney_1+')',background:'rgb('+ item.TotalMoney_2 +')' }"
v-show="showTotalMoney" class="swidth text-overflow changeFontSize">{{item.TotalMoney}}</td>
<td :style="{color:'rgb('+item.MatchDate_1+')',background:'rgb('+ item.MatchDate_2 +')' }"
v-show="showMatchDate" class="bwidth text-overflow changeFontSize">{{item.MatchDate}}</td>
<td :style="{color:'rgb('+item.ConfirmDate_1+')',background:'rgb('+ item.ConfirmDate_2 +')' }"
v-show="showConfirmDate" class="bwidth text-overflow changeFontSize">{{item.ConfirmDate}}</td>
<td :style="{color:'rgb('+item.CXPlanBeginDate_1+')',background:'rgb('+ item.CXPlanBeginDate_2 +')' }"
v-show="showZCPlanBeginDate" class="bwidth text-overflow changeFontSize">{{item.CXPlanBeginDate}}</td>
<td :style="{color:'rgb('+item.CXPlanDeliveryDate_1+')',background:'rgb('+ item.CXPlanDeliveryDate_2 +')' }"
v-show="showZCPlanDeliveryDate" class="bwidth text-overflow changeFontSize">{{item.CXPlanDeliveryDate}}</td>
<td :style="{color:'rgb('+item.PlanDate_1+')',background:'rgb('+ item.PlanDate_2 +')' }"
v-show="showPlanDate" class="bwidth text-overflow changeFontSize">{{item.PlanDate}}</td>
<td :style="{color:'rgb('+item.FinishDate_1+')',background:'rgb('+ item.FinishDate_2 +')' }"
v-show="showFinishDate" class="bwidth text-overflow changeFontSize">{{item.FinishDate}}</td>
</tr>
<!-- <tr @tap="showDetail(item)">
<td class="bwidth text-overflow">bbbbbbbbbbb</td>
</tr> -->
</tbody>
</table>
</div>
</div>
</div>
<div class="countInfor">
<!-- <label> 当前共{{TotalIndexNo}}个指令单,共{{TotalCount}}双</label> -->
<label>{{Summary}}</label>
</div>
<div class="showChange" v-show="show">
<div class="mui-card">
<h2 class="mui-title">请选择显示的列<button type="button" class="mui-btn mui-btn-primary mui-pull-right" @click="escChange">确定</button></h2>
<form class="mui-input-group">
<div class="mui-input-row mui-checkbox mui-left">
<label>品名</label>
<input name="checkbox" type="checkbox" v-model="showStyleName" @tap="change(0)">
</div>
<div class="mui-input-row mui-checkbox mui-left">
<label>指令号</label>
<input name="checkbox" type="checkbox" v-model="showIndexNo" @tap="change(1)">
</div>
<div class="mui-input-row mui-checkbox mui-left">
<label>订单号</label>
<input name="checkbox" type="checkbox" v-model="showCustomPO" @tap="change(2)">
</div>
<div class="mui-input-row mui-checkbox mui-left ">
<label>货号</label>
<input name="checkbox" type="checkbox" v-model="showStyleCode" @tap="change(3)">
</div>
<div class="mui-input-row mui-checkbox mui-left ">
<label>颜色</label>
<input name="checkbox" type="checkbox" v-model="showColor" @tap="change(4)">
</div>
<div class="mui-input-row mui-checkbox mui-left ">
<label>数量</label>
<input name="checkbox" type="checkbox" v-model="showTotalCount" @tap="change(5)">
</div>
<div class="mui-input-row mui-checkbox mui-left ">
<label>单价</label>
<input name="checkbox" type="checkbox" v-model="showPrice" @tap="change(6)">
</div>
<div class="mui-input-row mui-checkbox mui-left ">
<label>金额</label>
<input name="checkbox" type="checkbox" v-model="showTotalMoney" @tap="change(7)">
</div>
<div class="mui-input-row mui-checkbox mui-left ">
<label>针车配套</label>
<input name="checkbox" type="checkbox" v-model="showMatchDate" @tap="change(8)">
</div>
<div class="mui-input-row mui-checkbox mui-left ">
<label>底料</label>
<input name="checkbox" type="checkbox" v-model="showConfirmDate" @tap="change(9)">
</div>
<div class="mui-input-row mui-checkbox mui-left ">
<label>上线计划</label>
<input name="checkbox" type="checkbox" v-model="showZCPlanBeginDate" @tap="change(10)">
</div>
<div class="mui-input-row mui-checkbox mui-left ">
<label>计划交期</label>
<input name="checkbox" type="checkbox" v-model="showZCPlanDeliveryDate" @tap="change(11)">
</div>
<div class="mui-input-row mui-checkbox mui-left ">
<label>实际上线</label>
<input name="checkbox" type="checkbox" v-model="showPlanDate" @tap="change(12)">
</div>
<div class="mui-input-row mui-checkbox mui-left ">
<label>实际完成</label>
<input name="checkbox" type="checkbox" v-model="showFinishDate" @tap="change(13)">
</div>
</form>
</div>
</div>
<div class="mui-off-canvas-backdrop"></div>
</div>
<!-------主体------->
<!--------侧滑-------->
<aside class="mui-off-canvas-right">
<div class="rightDetail">
<div class="right-main">
<div class="right-top">
<div class="top1">
<label class="text-overflow">指令号:{{IndexNo}}</label>
<label class="text-overflow">货号:{{StyleCode}}</label>
<button type="button" class="mui-btn mui-btn-danger" @tap="closeRight">关闭</button>
</div>
<div class="top1">
<div class="data01">
<div class="pickerData1">
<button class="mui-icon mui-icon-arrowleft mui-btn-outlined ;" @click="nextday(-1)"></button>
<button class="mui-btn-outlined" id="selectdate1" data-options='{"type":"date"}' name="shipdate" @click="selecttime1()">{{dateTime1}}</button>
<button class="mui-icon mui-icon-arrowright mui-btn-outlined " @click="nextday(1)"></button>
</div>
</div>
<div class="top-btn">
<!-- <span @tap="getDetailData" >发包</span>
<span @tap="revokeData" >撤销</span> -->
<button :disabled="isAward" type="button" class="mui-btn mui-btn-blue " @tap="getDetailData">上线</button>
<button :disabled="isAward1" type="button" class="mui-btn mui-btn-blue " @tap="revokeData">撤销</button>
</div>
</div>
</div>
<div class="right-list" v-show="sty1">
<table class="mui-table table-header">
<tbody class="mui-table-view-cell">
<tr>
<td style="text-align: center; width: 20%;">
<div class="mui-input-row mui-checkbox mui-left" @tap="selectAll">
<label>全选</label>
<input id="cheAll" name="checkbox1" type="checkbox" :checked="all">
</div>
</td>
<td style="text-align: center; width: 40%;">工序</td>
<td style="text-align: center; width: 15%;">数量</td>
<td style="text-align: center; width: 25%;">人员</td>
</tr>
</tbody>
</table>
<div class="mui-scroll-wrapper " style="top: 136px; width: 100%; height: 350px;">
<div class="mui-scroll">
<div>
<table class="mui-table">
<tbody class="mui-table-view-cell">
<tr v-for="(item2 ,m) in itemsData2">
<td class="altrowstable" style=" width: 20%;">
<div class="mui-input-row mui-checkbox mui-left">
<label>&nbsp;</label>
<input :id="item2.IEID" class="che" :checked="item2.status" name="checkbox1" type="checkbox" @tap="selectCheck(m)" >
</div>
</td>
<td class="altrowstable" style=" width: 40%;">{{item2.IEName}}</td>
<td class="altrowstable" style=" width: 15%;">{{item2.TotalQty}}</td>
<td class="altrowstable" style=" width: 25%;">
<a @tap="selectPerson(item2)" v-if="item2.Workers.length == 0">
<span class="mui-icon-extra mui-icon-extra-addpeople"></span>
</a>
<a @tap="selectPerson(item2)" v-else>
<label style="height: 25px; display: block;" v-for="k in item2.Workers"> {{k.UserName}}:{{k.Qty}}</label>
</a>
</td>
</tr>
</tbody>
</table>
<p v-if="itemsData2.length == 0" style="text-align: center;line-height: 35px;">没有对应数据!</p>
</div>
</div>
</div>
</div>
<div id="right-dis " v-show="!sty1" class="mui-pull-right " >
<table class="mui-table" style="background: white;">
<tbody class="mui-table-view-cell">
<tr style="height: 30px; ">
<td style="text-align: center; border-bottom:1px solid #BBB; width: 300px;">
姓名
</td>
<td style="text-align: center; border-bottom:1px solid #BBB;">
数量
</td>
</tr>
</tbody>
</table>
<div class="mui-scroll-wrapper " style="top: 36px; width: 100%; height: 370px; background: white;">
<div class="mui-scroll">
<!--这里放置真实显示的DOM内容-->
<div id='list'>
<table class="mui-table">
<tbody class="mui-table-view-cell">
<tr v-for="(item ,m) in PersonList">
<td style="text-align: center; border-bottom:1px solid #BBB; width: 300px;" @click="selectChe(m)">
<div class="mui-input-row mui-checkbox mui-left">
<label>{{item.UserName}}</label>
<input :id="item.UserID" class="che" name="checkbox1" type="checkbox" :checked="item.status">
</div>
</td>
<td :id="'num_' + item.UserID " style="text-align: center; border-bottom:1px solid #BBB;">0</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<div style="position: absolute; bottom: 1px ; right: 1px; ">
<button type="button" class="mui-btn mui-btn-blue " style=" width: 150px; height: 70px;" @tap="sop">SOP</button>
<button type="button" class="mui-btn mui-btn-blue " style="width:150px;height: 70px; " :disabled="selectPL" @tap="selectPersonAll">批量选员</button>
<button id="submit" type="button" class="mui-btn mui-btn-blue " style=" width: 150px; height: 70px;" :disabled="saveChange" @tap="submit">提交</button>
</div>
</div>
</aside>
</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/moment.js"></script>
<script src="../js/mui.pullToRefresh.js"></script>
<script src="../dest/js/mui.picker.min.js"></script>
<script src="../dest/js/mes/FormingDispatch.js"></script>
</body>
</html>
<!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" />
<link href="../dest/css/mui.picker.min.css" rel="stylesheet" />
<style>
.confirm1 {
position: absolute;
top: 30px;
right: 70px;
width: 70px;
}
.confirm1 img {
width: 90%;
}
</style>
</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;">{{getTitle}}</label>
</div>
<div class="select">
<div class="mui-input-row mui-search" v-show="!isData&&!isWorkTeam">
<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="1" class="pickerData" v-show="isData">
<button class="mui-icon mui-icon-arrowleft mui-btn-outlined ;" @click="nextday(-1)"></button>
<button class="mui-btn-outlined" id="selectdate" data-options='{"type":"date"}' name="shipdate" @click="selecttime()">{{dateTime}}</button>
<button class="mui-icon mui-icon-arrowright mui-btn-outlined " @click="nextday(1)"></button>
</div>
<div class="workTime" v-show="isWorkTeam">
<select v-model="currentWorkTime" @change="changeWorkTime($event)">
<option :value="item" v-for="item in workTimeData">{{item}}</option>
</select>
</div>
<div class="select-left">
<select v-model="current" @change="changeSearchType">
<option :value="item.id" v-for="item in searchData">{{item.name}}</option>
</select>
</div>
</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/dispatch2.png" /></a>
<a class="confirm" v-show="items.IsConfirm"> <img src="../dest/img/application/dispatch1.png" /></a>
<a class="confirm1" v-show="items.IsCheck"> <img src="../dest/img/application/dispatch3.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/meached.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.MatchUserName}} </p>
<p>确认时间: </p>
<p>{{itemsDetail.MatchDate}} </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.CheckUserName}} </p>
<p>确认时间: </p>
<p>{{itemsDetail.CheckDate}} </p>
</li>
<li class="mui-table-view-cell">
<p> 异常说明: </p>
<textarea @focus.prevent="changePosition()" @blur.prevent="changePosition1()" v-model="descript" :disabled="!completeState"
:placeholder="itemsDetail.ExceptionDes"></textarea>
</li>
</ul>
</div>
</div>
<div id="right-2">
<button type="button" class="mui-btn mui-btn-blue " :disabled=" btnMatch" @click="matched" >抽条确认</button>
<button type="button" class="mui-btn mui-btn-blue " :disabled="btnConfirm" @click="cutConfirm">车鞋带确认</button>
<button type="button" class="mui-btn mui-btn-blue " :disabled="btnCheck" @click="submit" >电脑车确认</button>
<!-- <button type="button" class="mui-btn mui-btn-blue " :disabled="btnCheck1" @click="submit" v-show="submitText == '撤回接收'">{{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/moment.js"></script>
<script src="../dest/js/mes/mui.picker.js"></script>
<script src="../dest/js/mes/GropDispatch.js"></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