<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=0.5">
<title>E-SOP看板</title>
<link href="/lib/bootstrap/bootstrap.min.css" rel="stylesheet" />
<link href="/css/dashboard.css" rel="stylesheet" />
</head>
<body id="container" class="container-fluid">
<div class="row no-padding head-bar" style="height:81px">
<div class="col-lg-1 col-md-1">
</div>
<div class="col-lg-4 col-md-4 page-title">
E-SOP看板
</div>
<div class="col-lg-3 col-md-3 block-padding">
<button type="button" class="btn btn-warning"
onclick="window.location.replace('/pages/dashboard/warehouse.html');">仓库看板</button>
<button type="button" class="btn btn-warning"
onclick="window.location.replace('/pages/dashboard/produce.html');">制造看板</button>
<button type="button" class="btn btn-warning"
onclick="window.location.replace('/pages/dashboard/line.html');">产线看板</button>
<button type="button" class="btn btn-warning"
onclick="window.location.replace('/pages/dashboard/quality.html');">品质看板</button>
</div>
<div class="col-lg-4 col-md-4">
</div>
</div>
<div class="my-container" id="div-main">
<div class="row block-padding">
<div class="col-lg-4 col-md-4">
<div class="row">
<div class="col-lg-2 col-md-2 center no-padding">工单号</div>
<div class="col-lg-2 col-md-2 center no-padding">产品编码</div>
<div class="col-lg-2 col-md-3 center no-padding">产品名称</div>
<div class="col-lg-2 col-md-2 center no-padding">型号规格</div>
<div class="col-lg-3 col-md-1 center no-padding">项目</div>
<div class="col-lg-1 col-md-2 center no-padding">操作</div>
</div>
<div class="row" v-for="task in taskList" style="margin-bottom: 2px;">
<div class="col-lg-2 col-md-2 center no-padding">{{task.orderSheetCode}}</div>
<div class="col-lg-2 col-md-2 center no-padding">{{task.materialCode}}</div>
<div class="col-lg-2 col-md-3 center no-padding">{{task.materialName}}</div>
<div class="col-lg-2 col-md-2 center no-padding">{{task.specs}}</div>
<div class="col-lg-3 col-md-1 center no-padding">{{task.ProjectName}}</div>
<div class="col-lg-1 col-md-2 center no-padding">
<button type="button" class="btn btn-xs btn-warning" @click="showfile(task.files[0])">操作</button>
</div>
</div>
</div>
<div class="col-lg-8 col-md-8">
<iframe id="frameMain" width="98%" border="0" frameborder="0" v-bind:src="filepath" style="background-color:#ffffff"></iframe>
</div>
</div>
</div>
<!-- jQuery -->
<script src="/lib/jquery.min.js"></script>
<script src="/lib/vue.min.js"></script>
<script src="/lib/echarts/echarts.min.js"></script>
<script src="/lib/echarts/theme/macarons.js"></script>
<script src="/js/service/produce-task.js"></script>
<script type="text/javascript">
const taskList = ServiceProduceTask.getEsopTaskList();
$("#frameMain").height($(window).height()-110);
var vm = new Vue({
el: '#div-main',
data: {
taskList: taskList,
filepath:""
},
methods: {
showfile: function (file) {
this.filepath = "/lib/pdfjs/web/viewer.html?file="+file.path;
}
},
});
</script>
</body>
</html>