自动化立库仓库-WCS系统
blame | 历史 | 补丁 | 提交 | 提交对比 | ignore whitespace
#
LSH
2023-10-12 4a06fe15a333805d0f8678fde6274b9c20d13602 
 src/main/webapp/views/commandManage/commandManage.html


@@ -1,63 +1,192 @@


<!DOCTYPE html>


<html lang="en">


<head>


    <meta charset="utf-8">


    <title></title>


    <meta name="renderer" content="webkit">


    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">


    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">


    <link rel="stylesheet" href="../../static/wms/layui/css/layui.css" media="all">


    <link rel="stylesheet" href="../../static/wms/css/cool.css" media="all">


    <link rel="stylesheet" href="../../static/wms/css/common.css" media="all">


</head>


<body>


<!-- 搜索栏 -->


<div id="search-box" class="layui-form layui-card-header">


    <div class="layui-inline">


        <div class="layui-input-inline">


            <input class="layui-input" type="text" name="id" placeholder="指令编号" autocomplete="off">


        </div>


    </div>


    <div class="layui-inline">


        <div class="layui-input-inline">


            <input class="layui-input" type="text" name="wrk_no" id="wrkNo" placeholder="任务号" autocomplete="off">


        </div>


    </div>


    <div class="layui-inline">


        <div class="layui-input-inline">


            <input class="layui-input" type="text" name="wms_wrk_no" id="wmsWrkNo" placeholder="WMS任务号" autocomplete="off">


        </div>


    </div>




    <!-- 待添加 -->


    <div id="data-search-btn" class="layui-btn-container layui-form-item">


        <button id="search" class="layui-btn layui-btn-primary layui-btn-radius" lay-submit lay-filter="search">搜索</button>


        <button id="reset" class="layui-btn layui-btn-primary layui-btn-radius" lay-submit lay-filter="reset">重置</button>


    </div>


</div>


   <head>


      <meta charset="UTF-8">


      <title>指令管理</title>


      <link rel="stylesheet" href="../../static/wcs/css/element.css">


      <script type="text/javascript" src="../../static/wcs/js/jquery/jquery-3.3.1.min.js"></script>


      <script type="text/javascript" src="../../static/wms/layui/layui.js"></script>


      <script type="text/javascript" src="../../static/wcs/js/common.js"></script>


      <script type="text/javascript" src="../../static/wcs/js/vue.min.js"></script>


      <script type="text/javascript" src="../../static/wcs/js/element.js"></script>


      <style>


         .el-table .success-row {


            background: #d5ffc0;


         }


      </style>


   </head>




<!-- 表格 -->


<div class="layui-form">


    <table class="layui-hide" id="commandManage" lay-filter="commandManage"></table>


</div>


<script type="text/html" id="toolbar">


    <div class="layui-btn-container">


        <button class="layui-btn layui-btn-primary layui-btn-sm" id="btn-export" lay-event="exportData" style="margin-top: 10px">导出</button>


    </div>


</script>


   <body>


      <div id="app" style="display: flex;justify-content: center;flex-wrap: wrap;">


         <div style="width: 100%;">


            <el-card class="box-card">


               <el-form :inline="true" :model="tableSearchParam" class="demo-form-inline">


                  <el-form-item label="">


                     <el-input v-model="tableSearchParam.task_no" placeholder="任务号"></el-input>


                  </el-form-item>


                  <el-form-item label="">


                     <el-select v-model="tableSearchParam.command_status" placeholder="指令状态">


                        <el-option label="创建" value="1"></el-option>


                        <el-option label="执行" value="2"></el-option>


                        <el-option label="完成" value="3"></el-option>


                     </el-select>


                  </el-form-item>


                  <el-form-item label="">


                     <el-input v-model="tableSearchParam.wrk_no" placeholder="工作号"></el-input>


                  </el-form-item>


                  <el-form-item>


                     <el-button type="primary" @click="getTableData">查询</el-button>


                     <el-button type="primary" @click="resetParam">重置</el-button>


                  </el-form-item>


               </el-form>


               <el-table ref="singleTable" :data="tableData" style="width: 100%;" :row-class-name="tableRowClassName">


                  <el-table-column label="操作" width="100">


                     <template slot-scope="scope">


                        <el-dropdown @command="(command)=>{handleCommand(command, scope.row)}">


                           <el-button icon="el-icon-more" size="mini" type="primary"></el-button>


                           <el-dropdown-menu slot="dropdown">


                              <el-dropdown-item command="showTask">查看任务</el-dropdown-item>


                              <el-dropdown-item command="executeCommand">执行指令</el-dropdown-item>


                              <el-dropdown-item command="completeCommand">完成指令</el-dropdown-item>


                           </el-dropdown-menu>


                        </el-dropdown>


                     </template>


                  </el-table-column>


                  <el-table-column property="id" label="#ID">


                  </el-table-column>


                  <el-table-column property="wrkNo" label="工作号">


                  </el-table-column>


                  <el-table-column property="taskNo" label="任务号">


                  </el-table-column>


                  <el-table-column property="commandStatus$" label="指令状态">


                  </el-table-column>


                  <el-table-column show-overflow-tooltip property="durationTime" label="持续时长">


                  </el-table-column>


                  <el-table-column property="commandType" label="指令类型">


                  </el-table-column>


                  <el-table-column property="device" label="设备">


                  </el-table-column>


                  <el-table-column property="deviceLog" label="设备执行信息">


                  </el-table-column>


                  <el-table-column property="commandDesc" label="命令描述">


                  </el-table-column>


                  <el-table-column show-overflow-tooltip property="startTime$" label="开始时间">


                  </el-table-column>


                  <el-table-column show-overflow-tooltip property="executeTime$" label="执行时间">


                  </el-table-column>


                  <el-table-column show-overflow-tooltip property="completeTime$" label="完成时间">


                  </el-table-column>


                  <el-table-column show-overflow-tooltip property="command" label="命令报文" width="250">


                  </el-table-column>


               </el-table>




<script type="text/html" id="operate">


    <a class="layui-btn layui-btn-xs btn-detlShow" id="btn-wrkMastShow" lay-event="wrkMastShow">任务</a>


</script>


               <div style="margin-top: 10px;">


                  <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"


                     :current-page="currentPage" :page-sizes="pageSizes" :page-size="pageSize"


                     layout="total, sizes, prev, pager, next, jumper" :total="pageTotal">


                  </el-pagination>


               </div>


            </el-card>


         </div>


      </div>


      <script>


         var $layui = layui.config({


            base: baseUrl + "/static/wms/layui/lay/modules/"


         }).use(['layer', 'form'], function() {})




<script type="text/javascript" src="../../static/wms/js/jquery/jquery-3.3.1.min.js"></script>


<script type="text/javascript" src="../../static/wms/layui/layui.js" charset="utf-8"></script>


<script type="text/javascript" src="../../static/wms/js/common.js" charset="utf-8"></script>


<script type="text/javascript" src="../../static/wms/js/cool.js" charset="utf-8"></script>


<script type="text/javascript" src="../../static/wms/js/commandManage/commandManage.js" charset="utf-8"></script>


         var app = new Vue({


            el: '#app',


            data: {


               tableData: [],


               currentPage: 1,


               pageSizes: [16, 30, 50, 100, 150, 200],


               pageSize: 16,


               pageTotal: 0,


               tableSearchParam: {


                  task_no: null,


                  status: null,


                  wrk_no: null


               },


               commandStep: -1


            },


            created() {


               this.init()


            },


            watch: {




<iframe id="detail-iframe" scrolling="auto" style="display:none;"></iframe>


            },


            methods: {


               init() {


                  let taskNo = getQueryVariable('taskNo')


                  let wrkNo = getQueryVariable('wrkNo')


                  let commandStep = getQueryVariable('commandStep')


                  if (taskNo != false) {


                     this.tableSearchParam.task_no = taskNo


                  }


                  if (wrkNo != false) {


                     this.tableSearchParam.wrk_no = wrkNo


                  }


                  this.commandStep = parseInt(commandStep)




</body>


                  this.getTableData()


               },


               getTableData() {


                  let that = this;


                  let data = this.tableSearchParam


                  data.curr = this.currentPage


                  data.limit = this.pageSize


                  $.ajax({


                     url: baseUrl + "/commandInfo/list/auth",


                     headers: {


                        'token': localStorage.getItem('token')


                     },


                     data: data,


                     dataType: 'json',


                     contentType: 'application/json;charset=UTF-8',


                     method: 'GET',


                     success: function(res) {


                        if (res.code == 200) {


                           that.tableData = res.data.records


                           that.pageTotal = res.data.total


                        } else if (res.code === 403) {


                           top.location.href = baseUrl + "/";


                        } else {


                           that.$message({


                              message: res.msg,


                              type: 'error'


                           });


                        }


                     }


                  });


               },


               handleSizeChange(val) {


                  console.log(`每页 ${val} 条`);


                  this.pageSize = val


                  this.getTableData()


               },


               handleCurrentChange(val) {


                  console.log(`当前页: ${val}`);


                  this.currentPage = val


                  this.getTableData()


               },


               resetParam() {


                  this.tableSearchParam = {


                     task_no: null,


                     status: null,


                     wrk_no: null


                  }


                  this.getTableData()


               },


               tableRowClassName({row, rowIndex}) {


                  if (rowIndex === this.commandStep) {


                     return 'success-row';


                  }


                  return '';


               },


            }


         })


      </script>


   </body>




</html>