Browse Source

[feat]工程管理:开发修改单,领料页面,相关人员确认页面,编辑页面,修该样式。

dev
zhangsiqi 5 months ago
parent
commit
cb4bcbf089
  1. 112
      ruoyi-admin/src/main/resources/templates/erp/developModifyOrder/add.html
  2. 231
      ruoyi-admin/src/main/resources/templates/erp/developModifyOrder/detail.html
  3. 217
      ruoyi-admin/src/main/resources/templates/erp/developModifyOrder/edit.html
  4. 152
      ruoyi-admin/src/main/resources/templates/erp/developModifyOrder/pickAdd.html

112
ruoyi-admin/src/main/resources/templates/erp/developModifyOrder/add.html

@ -3,6 +3,7 @@
<head> <head>
<th:block th:include="include :: header('新增开发修改单')" /> <th:block th:include="include :: header('新增开发修改单')" />
<th:block th:include="include :: select2-css" /> <th:block th:include="include :: select2-css" />
<th:block th:include="include :: datetimepicker-css" />
<th:block th:include="include :: bootstrap-editable-css" /> <th:block th:include="include :: bootstrap-editable-css" />
</head> </head>
<body class="white-bg"> <body class="white-bg">
@ -38,53 +39,52 @@
</div> </div>
</div> </div>
</div> </div>
</form>
<div class="container"> <div class="container">
<div class="form-row"> <div class="form-row">
<div class="btn-group-sm" id="toolbar" role="group"> <div class="btn-group-sm" role="group">
<span>选择开发修改单物料</span> <span>选择开发修改单物料</span>
<a class="btn btn-success" onclick="insertRow()"> <a class="btn btn-success" onclick="insertRow()">
<i class="fa fa-plus"></i> 添加修改物料 <i class="fa fa-plus"></i> 添加修改物料
</a> </a>
</div>
</div> </div>
<div class="row"> </div>
<div class="col-sm-12 select-table table-striped"> <div class="row">
<table id="bootstrap-sub-table-developModify"></table> <div class="col-sm-12 select-table table-striped">
</div> <table id="bootstrap-sub-table-developModify"></table>
</div> </div>
</div> </div>
<div class="container"> </div>
<div class="form-row"> <div class="container">
<div class="btn-group-sm" id="toolbar1" role="group"> <div class="form-row">
<span>选择采购物料</span> <div class="btn-group-sm" role="group">
<a class="btn btn-success" onclick="insertRow2()"> <span>选择采购物料</span>
<i class="fa fa-plus"></i> 添加修改物料 <a class="btn btn-success" onclick="insertRow2()">
</a> <i class="fa fa-plus"></i> 添加修改物料
</div> </a>
</div> </div>
<div class="row"> </div>
<div class="col-sm-12 select-table table-striped"> <div class="row">
<table id="bootstrap-sub-table-material"></table> <div class="col-sm-12 select-table table-striped">
</div> <table id="bootstrap-sub-table-material"></table>
</div> </div>
</div> </div>
<div class="container"> </div>
<div class="form-row"> <div class="container">
<div class="btn-group-sm" id="toolbar2" role="group"> <div class="form-row">
<span>选择通知人</span> <div class="btn-group-sm" role="group">
<a class="btn btn-success" onclick="insertRow3()"> <span>选择通知人</span>
<i class="fa fa-plus"></i> 添加修改物料 <a class="btn btn-success" onclick="insertRow3()">
</a> <i class="fa fa-plus"></i> 添加通知人
</div> </a>
</div> </div>
<div class="row"> </div>
<div class="col-sm-12 select-table table-striped"> <div class="row">
<table id="bootstrap-sub-table-biztoitem"></table> <div class="col-sm-12 select-table table-striped">
</div> <table id="bootstrap-sub-table-biztoitem"></table>
</div> </div>
</div> </div>
</form> </div>
</div> </div>
<th:block th:include="include :: footer" /> <th:block th:include="include :: footer" />
<th:block th:include="include :: bootstrap-table-editable-js" /> <th:block th:include="include :: bootstrap-table-editable-js" />
@ -129,7 +129,7 @@
}); });
var options = { var options = {
id: "bootstrap-sub-table-developModify", id: "bootstrap-sub-table-developModify",
url: prefix + "/getDevelopModifyOrderList", // url: prefix + "/getDevelopModifyOrderList",
showSearch: false, showSearch: false,
showRefresh: false, showRefresh: false,
showToggle: false, showToggle: false,
@ -199,7 +199,11 @@
var option1 = { var option1 = {
id: "bootstrap-sub-table-material", id: "bootstrap-sub-table-material",
url: prefix + "/list", // url: prefix + "/list",
showSearch: false,
showRefresh: false,
showToggle: false,
showColumns: false,
modalName: "bom", modalName: "bom",
detailView: true, detailView: true,
height: $(window).height() - 100, height: $(window).height() - 100,
@ -233,10 +237,34 @@
}; };
$.table.init(option1); $.table.init(option1);
var option2 = {
id: "bootstrap-sub-table-biztoitem",
// url: prefix + "/list",
showSearch: false,
showRefresh: false,
showToggle: false,
showColumns: false,
modalName: "通知人",
detailView: true,
height: $(window).height() - 100,
//指定父id列
columns: [
{checkbox: false},
{title: '通知人',field: 'item', },
{title: '确认时间',field: 'materialNo', },
{title: '操作',align: 'center',
formatter: function(value, row, index) {
var actions = [];
actions.push('<a class="btn btn-danger btn-xs" href="javascript:void(0)" onclick="remove(\'' + row.id + '\')"><i class="fa fa-eye"></i> 删除</a> ');
return actions.join('');
}
}]
};
$.table.init(option2);
}); });
initAllLevelTable = function(index, row, $detail) { initAllLevelTable = function(index, row, $detail) {
$("#"+"all_level_table_"+row.id).bootstrapTable({ $("#"+"all_level_table_"+row.id).bootstrapTable({
url: prefix + "/allLevelList", // url: prefix + "/allLevelList",
method: 'post', method: 'post',
sidePagination: "server", sidePagination: "server",
contentType: "application/x-www-form-urlencoded", contentType: "application/x-www-form-urlencoded",
@ -378,7 +406,7 @@
initChildSonTable = function(index, row, $detail) { initChildSonTable = function(index, row, $detail) {
var childSonTable = $detail.html('<table style="table-layout:fixed"></table>').find('table'); var childSonTable = $detail.html('<table style="table-layout:fixed"></table>').find('table');
$(childSonTable).bootstrapTable({ $(childSonTable).bootstrapTable({
url: prefix + "/subList", // url: prefix + "/subList",
method: 'post', method: 'post',
detailView: true, detailView: true,
sidePagination: "server", sidePagination: "server",

231
ruoyi-admin/src/main/resources/templates/erp/developModifyOrder/detail.html

@ -2,130 +2,130 @@
<html lang="zh" xmlns:th="http://www.thymeleaf.org" > <html lang="zh" xmlns:th="http://www.thymeleaf.org" >
<head> <head>
<th:block th:include="include :: header('修改开发修改单')" /> <th:block th:include="include :: header('修改开发修改单')" />
<th:block th:include="include :: select2-css" />
<th:block th:include="include :: datetimepicker-css" />
<th:block th:include="include :: bootstrap-editable-css" />
</head> </head>
<body class="white-bg"> <body class="white-bg">
<div class="wrapper wrapper-content animated fadeInRight ibox-content"> <div class="wrapper wrapper-content animated fadeInRight ibox-content">
<form class="form-horizontal m" id="form-developModifyOrder-detail" th:object="${erpDevelopModifyorder}"> <form class="form-horizontal m" id="form-developModifyOrder-detail" th:object="${erpDevelopModifyorder}">
<input name="developOrderId" th:field="*{developOrderId}" type="hidden"> <input name="developOrderId" th:field="*{developOrderId}" type="hidden">
<div class="form-group"> <div class="form-group">
<label class="col-sm-3 control-label">开发修改单号:</label> <label class="col-sm-3 control-label">开发修改单号:</label>
<div class="col-sm-8"> <div class="col-sm-8">
<input name="developOderCode" th:field="*{developOderCode}" class="form-control" type="text"> <input name="developOderCode" th:field="*{developOderCode}" class="form-control" type="text">
</div>
</div>
<div class="form-group" hidden="hidden">
<label class="col-sm-3 control-label">开发修改单号:</label>
<div class="col-sm-8">
<input name="makeNo" th:field="*{makeNo}" class="form-control" type="text">
</div>
</div> </div>
<div class="container"> </div>
<div class="header"> <div class="container">
<div class="btn-group-sm" role="group"> <div class="row">
<header>修改开发修改单:</header> <div class="form-group">
<label class="col-sm-3 control-label is-required">生产单号:</label>
<div class="col-sm-8">
<select id="makeNo" name="developOderCode" class="form-control" type="text" required>
<option value="">请选择</option>
</select>
</div> </div>
</div> </div>
<div class="row"> <div class="form-group">
<div class="form-group"> <label class="col-sm-3 control-label">修改完成时间:</label>
<label class="col-sm-3 control-label is-required">生产单号:</label> <div class="input-group date">
<div class="col-sm-8"> <input name="updateInfoTime" class="form-control" placeholder="yyyy-MM-dd" type="text">
<select id="add_developOderCode" name="developOderCode" class="form-control" type="text" required> <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
<option value="">请选择</option>
</select>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">修改完成时间:</label>
<div class="input-group date">
<input name="updateInfoTime" class="form-control" placeholder="yyyy-MM-dd" type="text">
<span class="input-group-addon"><i class="fa fa-calendar"></i></span>
</div>
</div> </div>
</div> </div>
</div> </div>
</div>
<div class="container"> </form>
<div class="form-row"> <div class="container">
<div class="btn-group-sm" id="toolbar" role="group"> <div class="form-row">
<span>选择开发修改单物料</span> <div class="btn-group-sm" role="group">
<a class="btn btn-success" onclick="insertRow()"> <span>选择开发修改单物料</span>
<i class="fa fa-plus"></i> 添加修改物料 <a class="btn btn-success" onclick="insertRow()">
</a> <i class="fa fa-plus"></i> 添加修改物料
</div> </a>
</div>
<div class="row">
<div class="col-sm-12 select-table table-striped">
<table id="bootstrap-sub-table-developModify"></table>
</div>
</div>
</div> </div>
<div class="container"> </div>
<div class="form-row"> <div class="row">
<div class="btn-group-sm" id="toolbar1" role="group"> <div class="col-sm-12 select-table table-striped">
<span>选择采购物料</span> <table id="bootstrap-sub-table-developModify"></table>
<a class="btn btn-success" onclick="insertRow2()">
<i class="fa fa-plus"></i> 添加修改物料
</a>
</div>
</div>
<div class="row">
<div class="col-sm-12 select-table table-striped">
<table id="bootstrap-sub-table-material"></table>
</div>
</div>
</div> </div>
<div class="container"> </div>
<div class="form-row"> </div>
<div class="btn-group-sm" id="toolbar2" role="group"> <div class="container">
<span>选择通知人</span> <div class="form-row">
<a class="btn btn-success" onclick="insertRow3()"> <div class="btn-group-sm" role="group">
<i class="fa fa-plus"></i> 添加通知人 <span>选择采购物料</span>
</a> <a class="btn btn-success" onclick="insertRow2()">
</div> <i class="fa fa-plus"></i> 添加修改物料
</div> </a>
<div class="row"> </div>
<div class="col-sm-12 select-table table-striped"> </div>
<table id="bootstrap-sub-table-biztoitem"></table> <div class="row">
</div> <div class="col-sm-12 select-table table-striped">
</div> <table id="bootstrap-sub-table-material"></table>
</div>
</div>
</div>
<div class="container">
<div class="form-row">
<div class="btn-group-sm" role="group">
<span>选择通知人</span>
<a class="btn btn-success" onclick="insertRow3()">
<i class="fa fa-plus"></i> 添加通知人
</a>
</div>
</div>
<div class="row">
<div class="col-sm-12 select-table table-striped">
<table id="bootstrap-sub-table-biztoitem"></table>
</div> </div>
</form> </div>
</div>
</div> </div>
<th:block th:include="include :: footer" /> <th:block th:include="include :: footer" />
<th:block th:include="include :: bootstrap-table-editable-js" />
<th:block th:include="include :: select2-js" />
<th:block th:include="include :: datetimepicker-js" />
<script th:inline="javascript"> <script th:inline="javascript">
var prefix = ctx + "erp/developModifyOrder";
var sysUnitClassDatas = [[${@dict.getType('sys_unit_class')}]];
var materialTypeDatas = [[${@category.getChildByCode('materialType')}]];
var bomLevelSelectDatas = [[${@dict.getTypeSelect('bomLevel')}]];
var processMethodDatas = [[${@dict.getType('processMethod')}]];
var loginName = [[${@permission.getPrincipalProperty('loginName')}]];
var userName = [[${@permission.getPrincipalProperty('userName')}]];
var prefix = ctx + "erp/developModifyOrder"; var prefix = ctx + "erp/developModifyOrder";
$("#form-developModifyOrder-detail").validate({ $("#form-developModifyOrder-detail").validate({
focusCleanup: true focusCleanup: true
}); });
$("#makeNo").select2({ $(function () {
theme: "bootstrap", $("#makeNo").select2({
allowClear: true, theme: "bootstrap",
placeholder: "请选择生产单号", allowClear: true,
ajax: { placeholder: "请选择生产单号",
url: ctx + "/system/makeorder/getAllMakeNos", ajax: {
dataType: 'json', url: ctx + "/system/makeorder/getAllMakeNos",
type: "POST", dataType: 'json',
delay: 250, type: "POST",
processResults: function (res, params) { delay: 250,
var options = []; processResults: function (res, params) {
if(res.code==0){ var options = [];
var resultList = res.data; if(res.code==0){
console.log(resultList); var resultList = res.data;
for(var i= 0, len=resultList.length;i<len;i++){ console.log(resultList);
var option = resultList[i]; for(var i= 0, len=resultList.length;i<len;i++){
option.id = resultList[i]["makeNo"]; var option = resultList[i];
option.text = resultList[i]["makeNo"]; option.id = resultList[i]["makeNo"];
options.push(option); option.text = resultList[i]["makeNo"];
options.push(option);
}
} }
return {
results: options
};
} }
return {
results: options
};
} }
} });
});
$(function () {
var options = { var options = {
id: "bootstrap-sub-table-developModify", id: "bootstrap-sub-table-developModify",
// url: prefix + "/getDevelopModifyOrderList", // url: prefix + "/getDevelopModifyOrderList",
@ -199,6 +199,10 @@
var option1 = { var option1 = {
id: "bootstrap-sub-table-material", id: "bootstrap-sub-table-material",
// url: prefix + "/list", // url: prefix + "/list",
showSearch: false,
showRefresh: false,
showToggle: false,
showColumns: false,
modalName: "bom", modalName: "bom",
detailView: true, detailView: true,
height: $(window).height() - 100, height: $(window).height() - 100,
@ -231,6 +235,31 @@
}] }]
}; };
$.table.init(option1); $.table.init(option1);
var option2 = {
id: "bootstrap-sub-table-biztoitem",
// url: prefix + "/list",
showSearch: false,
showRefresh: false,
showToggle: false,
showColumns: false,
modalName: "通知人",
detailView: true,
height: $(window).height() - 100,
//指定父id列
columns: [
{checkbox: false},
{title: '通知人',field: 'item', },
{title: '确认时间',field: 'materialNo', },
{title: '操作',align: 'center',
formatter: function(value, row, index) {
var actions = [];
actions.push('<a class="btn btn-danger btn-xs" href="javascript:void(0)" onclick="remove(\'' + row.id + '\')"><i class="fa fa-eye"></i> 删除</a> ');
return actions.join('');
}
}]
};
$.table.init(option2);
}) })
initAllLevelTable = function(index, row, $detail) { initAllLevelTable = function(index, row, $detail) {
$("#"+"all_level_table_"+row.id).bootstrapTable({ $("#"+"all_level_table_"+row.id).bootstrapTable({

217
ruoyi-admin/src/main/resources/templates/erp/developModifyOrder/edit.html

@ -2,133 +2,129 @@
<html lang="zh" xmlns:th="http://www.thymeleaf.org" > <html lang="zh" xmlns:th="http://www.thymeleaf.org" >
<head> <head>
<th:block th:include="include :: header('修改开发修改单')" /> <th:block th:include="include :: header('修改开发修改单')" />
<th:block th:include="include :: select2-css" />
<th:block th:include="include :: datetimepicker-css" />
<th:block th:include="include :: bootstrap-editable-css" />
</head> </head>
<body class="white-bg"> <body class="white-bg">
<div class="wrapper wrapper-content animated fadeInRight ibox-content"> <div class="wrapper wrapper-content animated fadeInRight ibox-content">
<form class="form-horizontal m" id="form-developModifyOrder-edit" th:object="${erpDevelopModifyorder}"> <form class="form-horizontal m" id="form-developModifyOrder-edit" th:object="${erpDevelopModifyorder}">
<input name="developOrderId" th:field="*{developOrderId}" type="hidden"> <input name="developOrderId" th:field="*{developOrderId}" type="hidden">
<div class="form-group"> <div class="form-row">
<label class="col-sm-3 control-label">开发修改单号:</label> <label class="col-sm-3 control-label">开发修改单号:</label>
<div class="col-sm-8"> <div class="col-sm-8">
<input name="developOderCode" th:field="*{developOderCode}" class="form-control" type="text"> <input name="developOderCode" th:field="*{developOderCode}" class="form-control" type="text">
</div> </div>
</div> </div>
<div class="form-group" hidden="hidden"> <div class="col-xs-12">
<label class="col-sm-3 control-label">开发修改单号:</label> <div class="form-group">
<div class="col-sm-8"> <label class="col-sm-3 control-label is-required">生产单号:</label>
<input name="makeNo" th:field="*{makeNo}" class="form-control" type="text"> <div class="col-sm-8">
</div> <select id="makeNo" name="makeNo" class="form-control" type="text" required>
</div> <option value="">请选择</option>
<div class="container"> </select>
<div class="header">
<div class="btn-group-sm" role="group">
<header>修改开发修改单:</header>
</div> </div>
</div> </div>
<div class="row"> <div class="form-group">
<div class="form-group"> <label class="col-sm-3 control-label">修改完成时间:</label>
<label class="col-sm-3 control-label is-required">生产单号:</label> <div class="input-group date">
<div class="col-sm-8"> <input name="updateInfoTime" class="form-control" placeholder="yyyy-MM-dd" type="text">
<select id="add_developOderCode" name="developOderCode" class="form-control" type="text" required> <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
<option value="">请选择</option>
</select>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">修改完成时间:</label>
<div class="input-group date">
<input name="updateInfoTime" class="form-control" placeholder="yyyy-MM-dd" type="text">
<span class="input-group-addon"><i class="fa fa-calendar"></i></span>
</div>
</div> </div>
</div> </div>
</div> </div>
</form>
<div class="container"> <div class="container">
<div class="form-row"> <div class="form-row">
<div class="btn-group-sm" id="toolbar" role="group"> <div class="btn-group-sm" role="group">
<span>选择开发修改单物料</span> <span>选择开发修改单物料</span>
<a class="btn btn-success" onclick="insertRow()"> <a class="btn btn-success" onclick="insertRow()">
<i class="fa fa-plus"></i> 添加修改物料 <i class="fa fa-plus"></i> 添加修改物料
</a> </a>
</div>
</div> </div>
<div class="row"> </div>
<div class="col-sm-12 select-table table-striped"> <div class="row">
<table id="bootstrap-sub-table-developModify"></table> <div class="col-sm-12 select-table table-striped">
</div> <table id="bootstrap-sub-table-developModify"></table>
</div> </div>
</div> </div>
<div class="container"> </div>
<div class="form-row"> <div class="container">
<div class="btn-group-sm" id="toolbar1" role="group"> <div class="form-row">
<span>选择采购物料</span> <div class="btn-group-sm" role="group">
<a class="btn btn-success" onclick="insertRow2()"> <span>选择采购物料</span>
<i class="fa fa-plus"></i> 添加修改物料 <a class="btn btn-success" onclick="insertRow2()">
</a> <i class="fa fa-plus"></i> 添加修改物料
</div> </a>
</div> </div>
<div class="row"> </div>
<div class="col-sm-12 select-table table-striped"> <div class="row">
<table id="bootstrap-sub-table-material"></table> <div class="col-sm-12 select-table table-striped">
</div> <table id="bootstrap-sub-table-material"></table>
</div> </div>
</div> </div>
<div class="container"> </div>
<div class="form-row"> <div class="container">
<div class="btn-group-sm" id="toolbar2" role="group"> <div class="form-row">
<span>选择通知人</span> <div class="btn-group-sm" role="group">
<a class="btn btn-success" onclick="insertRow3()"> <span>选择通知人</span>
<i class="fa fa-plus"></i> 添加通知人 <a class="btn btn-success" onclick="insertRow3()">
</a> <i class="fa fa-plus"></i> 添加通知人
</div> </a>
</div> </div>
<div class="row"> </div>
<div class="col-sm-12 select-table table-striped"> <div class="row">
<table id="bootstrap-sub-table-biztoitem"></table> <div class="col-sm-12 select-table table-striped">
</div> <table id="bootstrap-sub-table-biztoitem"></table>
</div> </div>
</div> </div>
</form> </div>
</div> </div>
<th:block th:include="include :: footer" /> <th:block th:include="include :: footer" />
<th:block th:include="include :: footer" />
<th:block th:include="include :: bootstrap-table-editable-js" />
<th:block th:include="include :: select2-js" />
<script th:inline="javascript"> <script th:inline="javascript">
var prefix = ctx + "erp/developModifyOrder"; var prefix = ctx + "erp/developModifyOrder";
$("#form-developModifyOrder-edit").validate({ var sysUnitClassDatas = [[${@dict.getType('sys_unit_class')}]];
focusCleanup: true var materialTypeDatas = [[${@category.getChildByCode('materialType')}]];
}); var bomLevelSelectDatas = [[${@dict.getTypeSelect('bomLevel')}]];
$("#makeNo").select2({ var processMethodDatas = [[${@dict.getType('processMethod')}]];
theme: "bootstrap", var loginName = [[${@permission.getPrincipalProperty('loginName')}]];
allowClear: true, var userName = [[${@permission.getPrincipalProperty('userName')}]];
placeholder: "请选择生产单号", var prefix = ctx + "erp/developModifyOrder";
ajax: { $("#form-developModifyOrder-edit").validate({focusCleanup: true});
url: ctx + "/system/makeorder/getAllMakeNos", $(function () {
dataType: 'json', $("#makeNo").select2({
type: "POST", theme: "bootstrap",
delay: 250, allowClear: true,
processResults: function (res, params) { placeholder: "请选择生产单号",
var options = []; ajax: {
if(res.code==0){ url: ctx + "/system/makeorder/getAllMakeNos",
var resultList = res.data; dataType: 'json',
console.log(resultList); type: "POST",
for(var i= 0, len=resultList.length;i<len;i++){ delay: 250,
var option = resultList[i]; processResults: function (res, params) {
option.id = resultList[i]["makeNo"]; var options = [];
option.text = resultList[i]["makeNo"]; if(res.code==0){
options.push(option); var resultList = res.data;
console.log(resultList);
for(var i= 0, len=resultList.length;i<len;i++){
var option = resultList[i];
option.id = resultList[i]["makeNo"];
option.text = resultList[i]["makeNo"];
options.push(option);
}
} }
return {
results: options
};
} }
return {
results: options
};
} }
} });
});
$(function () {
var options = { var options = {
id: "bootstrap-sub-table-developModify", id: "bootstrap-sub-table-developModify",
url: prefix + "/getDevelopModifyOrderList", // url: prefix + "/getDevelopModifyOrderList",
showSearch: false, showSearch: false,
showRefresh: false, showRefresh: false,
showToggle: false, showToggle: false,
@ -198,7 +194,11 @@
var option1 = { var option1 = {
id: "bootstrap-sub-table-material", id: "bootstrap-sub-table-material",
url: prefix + "/list", // url: prefix + "/list",
showSearch: false,
showRefresh: false,
showToggle: false,
showColumns: false,
modalName: "bom", modalName: "bom",
detailView: true, detailView: true,
height: $(window).height() - 100, height: $(window).height() - 100,
@ -231,7 +231,32 @@
}] }]
}; };
$.table.init(option1); $.table.init(option1);
})
var option2 = {
id: "bootstrap-sub-table-biztoitem",
// url: prefix + "/list",
showSearch: false,
showRefresh: false,
showToggle: false,
showColumns: false,
modalName: "通知人",
detailView: true,
height: $(window).height() - 100,
//指定父id列
columns: [
{checkbox: false},
{title: '通知人',field: 'item', },
{title: '确认时间',field: 'materialNo', },
{title: '操作',align: 'center',
formatter: function(value, row, index) {
var actions = [];
actions.push('<a class="btn btn-danger btn-xs" href="javascript:void(0)" onclick="remove(\'' + row.id + '\')"><i class="fa fa-eye"></i> 删除</a> ');
return actions.join('');
}
}]
};
$.table.init(option2);
});
initAllLevelTable = function(index, row, $detail) { initAllLevelTable = function(index, row, $detail) {
$("#"+"all_level_table_"+row.id).bootstrapTable({ $("#"+"all_level_table_"+row.id).bootstrapTable({
url: prefix + "/allLevelList", url: prefix + "/allLevelList",

152
ruoyi-admin/src/main/resources/templates/erp/developModifyOrder/pickAdd.html

@ -2,17 +2,13 @@
<html lang="zh" xmlns:th="http://www.thymeleaf.org" > <html lang="zh" xmlns:th="http://www.thymeleaf.org" >
<head> <head>
<th:block th:include="include :: header('开发修改单领料')" /> <th:block th:include="include :: header('开发修改单领料')" />
<th:block th:include="include :: select2-css" />
<th:block th:include="include :: datetimepicker-css" />
<th:block th:include="include :: bootstrap-editable-css" />
</head> </head>
<body class="white-bg"> <body class="white-bg">
<div class="wrapper wrapper-content animated fadeInRight ibox-content"> <div class="wrapper wrapper-content animated fadeInRight ibox-content">
<form class="form-horizontal m" id="form-picking-add"> <form class="form-horizontal m" id="form-picking-add">
<!-- <div class="form-row">-->
<!-- <label class="col-sm-3 control-label">领料单号:</label>-->
<!-- <div class="col-sm-8">-->
<!-- <input name="pickNo" class="form-control" type="text">-->
<!-- </div>-->
<!-- </div>-->
<br/>
<div class="form-group"> <div class="form-group">
<label class="col-sm-3 control-label">开发修改单号:</label> <label class="col-sm-3 control-label">开发修改单号:</label>
<div class="col-sm-8"> <div class="col-sm-8">
@ -22,7 +18,9 @@
<div class="form-group"> <div class="form-group">
<label class="col-sm-3 control-label">关联生产订单号:</label> <label class="col-sm-3 control-label">关联生产订单号:</label>
<div class="col-sm-8"> <div class="col-sm-8">
<input name="makeNo" class="form-control" type="text"> <select id="makeNo" name="makeNo" class="form-control" type="text" required>
<option value="">请选择</option>
</select>
</div> </div>
</div> </div>
<div class="form-group"> <div class="form-group">
@ -48,12 +46,120 @@
</div> </div>
<th:block th:include="include :: footer" /> <th:block th:include="include :: footer" />
<script th:inline="javascript"> <script th:inline="javascript">
var prefix = ctx + "erp/developModifyOrder";
var sysUnitClassDatas = [[${@dict.getType('sys_unit_class')}]];
var materialTypeDatas = [[${@category.getChildByCode('materialType')}]];
var bomLevelSelectDatas = [[${@dict.getTypeSelect('bomLevel')}]];
var processMethodDatas = [[${@dict.getType('processMethod')}]];
var loginName = [[${@permission.getPrincipalProperty('loginName')}]];
var userName = [[${@permission.getPrincipalProperty('userName')}]];
var prefix = ctx + "system/picking" var prefix = ctx + "system/picking"
$("#form-picking-add").validate({focusCleanup: true}); $("#form-picking-add").validate({focusCleanup: true});
$(function () { $(function () {
$("#makeNo").select2({
theme: "bootstrap",
allowClear: true,
placeholder: "请选择生产单号",
ajax: {
url: ctx + "/system/makeorder/getAllMakeNos",
dataType: 'json',
type: "POST",
delay: 250,
processResults: function (res, params) {
var options = [];
if(res.code==0){
var resultList = res.data;
console.log(resultList);
for(var i= 0, len=resultList.length;i<len;i++){
var option = resultList[i];
option.id = resultList[i]["makeNo"];
option.text = resultList[i]["makeNo"];
options.push(option);
}
}
return {
results: options
};
}
}
});
var options = {
id: "bootstrap-sub-table-developModify",
// url: prefix + "/getDevelopModifyOrderList",
showSearch: false,
showRefresh: false,
showToggle: false,
showColumns: false,
columns: [
{checkbox: true},
{field: 'index',align: 'center', title: "序号",
formatter: function (value, row, index) {
var columnIndex = $.common.sprintf("<input type='hidden' name='index' value='%s'>", $.table.serialNumber(index));
return columnIndex + $.table.serialNumber(index);
}
},
{title: '物料索引id',field: 'materialId',align: 'center',visible: false},
{title: '料号',field: 'materialCode',align: 'center'},
{title: '物料名称',field: 'materialName',align: 'center'},
{title: '图片',field: 'photoUrl',
formatter: function(value, row, index) {
if(value == null || value == ""){
value = "";
return "<img src='' herf='' />";
}
return $.table.imageView(value);
}
},
{title: '物料类型',field: 'materialType',align: 'center',
formatter: function(value, row, index) {
return $.table.selectCategoryLabel(materialTypeDatas, value);
}
},
{ title: '描述',field: 'describe',align: 'center'},
{title: '品牌',field: 'brand',align: 'center'},
{ title: '单位',field: 'unit',align: 'center',
formatter: function(value, row, index) {
return $.table.selectDictLabel(sysUnitClassDatas, value);
}
},
{title: '半成品类型',field: 'processMethod',align: 'center',
formatter: function(value, row, index) {
return $.table.selectDictLabel(processMethodDatas, value);
}
},
{ title: '对外售价',field: 'materialSole',},
{title: '国内税率',field: 'countTax',align: 'center',},
{ title: '美元汇率',field: 'usdTax', align: 'center',},
{field: 'materialNum',align: 'center',title: '物料的数量',},
{ title: '物料的不含税单价(RMB)',field: 'materialNoRmb',align: 'center',},
{title: '物料的不含税单价(美元)',field: 'materialNoUsd',align: 'center',},
{title: '修改详情',align: 'center',
formatter:function formatterForm(value, row, index) {
// 这里的代码会为每行生成一个表单
var form = $('<form></form>').append(
$('<input/>', { type: 'text', value: row.name, name: 'name', placeholder: 'Name' }),
$('<input/>', { type: 'email', value: row.email, name: 'email', placeholder: 'Email' }),
$('<button/>', { type: 'submit' }).text('Submit')
);
form.on('submit', function(e) {
e.preventDefault(); // 阻止表单默认提交行为
var formData = form.serializeArray(); // 序列化表单数据为数组
console.log(formData); // 在控制台输出表单数据
// 这里可以添加代码处理表单提交,例如发送到服务器等
});
return form; // 返回生成的表单HTML
}},
]
};
$.table.init(options);
var option1 = { var option1 = {
id: "bootstrap-sub-table-material", id: "bootstrap-sub-table-material",
url: prefix + "/list", // url: prefix + "/list",
showSearch: false,
showRefresh: false,
showToggle: false,
showColumns: false,
modalName: "bom", modalName: "bom",
detailView: true, detailView: true,
height: $(window).height() - 100, height: $(window).height() - 100,
@ -87,10 +193,34 @@
}; };
$.table.init(option1); $.table.init(option1);
var option2 = {
id: "bootstrap-sub-table-biztoitem",
// url: prefix + "/list",
showSearch: false,
showRefresh: false,
showToggle: false,
showColumns: false,
modalName: "通知人",
detailView: true,
height: $(window).height() - 100,
//指定父id列
columns: [
{checkbox: false},
{title: '通知人',field: 'item', },
{title: '确认时间',field: 'materialNo', },
{title: '操作',align: 'center',
formatter: function(value, row, index) {
var actions = [];
actions.push('<a class="btn btn-danger btn-xs" href="javascript:void(0)" onclick="remove(\'' + row.id + '\')"><i class="fa fa-eye"></i> 删除</a> ');
return actions.join('');
}
}]
};
$.table.init(option2);
}); });
initAllLevelTable = function(index, row, $detail) { initAllLevelTable = function(index, row, $detail) {
$("#"+"all_level_table_"+row.id).bootstrapTable({ $("#"+"all_level_table_"+row.id).bootstrapTable({
url: prefix + "/allLevelList", // url: prefix + "/allLevelList",
method: 'post', method: 'post',
sidePagination: "server", sidePagination: "server",
contentType: "application/x-www-form-urlencoded", contentType: "application/x-www-form-urlencoded",
@ -232,7 +362,7 @@
initChildSonTable = function(index, row, $detail) { initChildSonTable = function(index, row, $detail) {
var childSonTable = $detail.html('<table style="table-layout:fixed"></table>').find('table'); var childSonTable = $detail.html('<table style="table-layout:fixed"></table>').find('table');
$(childSonTable).bootstrapTable({ $(childSonTable).bootstrapTable({
url: prefix + "/subList", // url: prefix + "/subList",
method: 'post', method: 'post',
detailView: true, detailView: true,
sidePagination: "server", sidePagination: "server",

Loading…
Cancel
Save