|
@@ -1,9 +1,11 @@
|
1
|
1
|
<!DOCTYPE html>
|
2
|
|
-<html lang="en">
|
|
2
|
+<html lang="en" xmlns:th="http://www.thymeleaf.org">
|
3
|
3
|
<head>
|
4
|
4
|
<meta charset="UTF-8">
|
5
|
5
|
<title>项目转移</title>
|
6
|
6
|
<link rel="stylesheet" th:href="@{/lib/layui/css/layui.css}" media="all">
|
|
7
|
+ <link rel="stylesheet" th:href="@{/css/public.css}" media="all">
|
|
8
|
+ <link rel="stylesheet" th:href="@{/lib/font-awesome-4.7.0/css/font-awesome.min.css}" media="all">
|
7
|
9
|
<style>
|
8
|
10
|
body {
|
9
|
11
|
display: flex;
|
|
@@ -31,6 +33,7 @@
|
31
|
33
|
h3 {
|
32
|
34
|
text-align: center;
|
33
|
35
|
margin-top: 0px;
|
|
36
|
+ color: #4ac14a;
|
34
|
37
|
}
|
35
|
38
|
|
36
|
39
|
.layui-form-item {
|
|
@@ -97,25 +100,26 @@
|
97
|
100
|
<div class="right-section">
|
98
|
101
|
<!-- 右侧内容 -->
|
99
|
102
|
<h3>转移后</h3>
|
100
|
|
- <form class="layui-form" action="" lay-filter="formDemo">
|
|
103
|
+ <form class="layui-form" action="" lay-filter="formDemo" id="myForm">
|
101
|
104
|
<div class="layui-form layuimini-form">
|
102
|
105
|
<div class="layui-form-item layui-inline" style="width: 100%">
|
103
|
106
|
<label class="layui-form-label required" style="width: 17%">项目名称</label>
|
104
|
107
|
<div class="layui-input-inline" style="width: 70%">
|
105
|
|
- <input type="text" id="xmmc1" name="xmmc" class="layui-input" th:value="${project.zwmc}" disabled>
|
|
108
|
+ <input type="text" id="xmmc1" name="xmmc1" class="layui-input" th:value="${project.zwmc}" disabled>
|
|
109
|
+ <input type="hidden" id="id" name="id" class="layui-input" th:value="${project.id}">
|
106
|
110
|
</div>
|
107
|
111
|
</div>
|
108
|
112
|
<div class="layui-form-item layui-inline" style="width: 100%">
|
109
|
113
|
<label class="layui-form-label" style="width: 17%">ERP编号</label>
|
110
|
114
|
<div class="layui-input-inline" style="width: 70%">
|
111
|
|
- <input type="text" id="erpbh1" name="erpbh" class="layui-input" th:value="${project.erpbh}" disabled>
|
|
115
|
+ <input type="text" id="erpbh1" name="erpbh1" class="layui-input" th:value="${project.erpbh}" disabled>
|
112
|
116
|
</div>
|
113
|
117
|
</div>
|
114
|
118
|
|
115
|
119
|
<div class="layui-form-item layui-inline" style="width: 100%">
|
116
|
120
|
<label class="layui-form-label" style="width: 17%">所属部门<span style="color: red;">*</span></label>
|
117
|
121
|
<div class="layui-input-inline" style="width: 70%">
|
118
|
|
- <input type="hidden" id="ssbm1" name="ssbm" class="layui-input">
|
|
122
|
+ <input type="hidden" id="ssbm1" name="ssbm1" class="layui-input">
|
119
|
123
|
<!-- 设置一个下拉框 -->
|
120
|
124
|
<select name="ssbmmc" id="ssbmmc" lay-search>
|
121
|
125
|
<option value="">请选择</option>
|
|
@@ -127,28 +131,19 @@
|
127
|
131
|
<div class="layui-form-item layui-inline" style="width: 100%">
|
128
|
132
|
<label class="layui-form-label" style="width: 17%">电科院负责人<span style="color: red;">*</span></label>
|
129
|
133
|
<div class="layui-input-inline" style="width: 70%">
|
130
|
|
- <input type="hidden" id="dkyfzr1" name="dkyfzr" class="layui-input">
|
131
|
|
- <!-- 设置一个下拉框选项 -->
|
132
|
|
- <select name="dkyfzrxm" id="dkyfzrxm" lay-search>
|
133
|
|
- <option value="">请选择</option>
|
134
|
|
- <option th:each="item:${dkyfzr}" th:text="${item.xm}" th:value="${item.id}"></option>
|
135
|
|
- </select>
|
|
134
|
+ <input type="hidden" id="dkyfzr1" name="dkyfzr1" class="layui-input">
|
|
135
|
+ <input type="text" id = 'dkyfzrxm' name="dkyfzrxm" class="layui-input">
|
136
|
136
|
</div>
|
137
|
137
|
</div>
|
138
|
138
|
<div class="layui-form-item layui-inline" style="width: 100%">
|
139
|
139
|
<label class="layui-form-label" style="width: 17%">申请人<span style="color: red;">*</span></label>
|
140
|
140
|
<div class="layui-input-inline" style="width: 70%">
|
141
|
|
- <input type="hidden" id="sqr1" name="sqr" class="layui-input">
|
142
|
|
- <!-- 设置一个下拉框选项 -->
|
143
|
|
- <select name="sqrxm" id="sqrxm" lay-search>
|
144
|
|
- <option value="">请选择</option>
|
145
|
|
- <option th:each="item:${cjr}" th:text="${item.name}" th:value="${item.userId}"></option>
|
146
|
|
- </select>
|
|
141
|
+ <input type="hidden" id="sqr1" name="sqr1" class="layui-input">
|
|
142
|
+ <input type="text" id = 'sqrxm' name="sqrxm" class="layui-input">
|
147
|
143
|
|
148
|
144
|
</div>
|
149
|
145
|
</div>
|
150
|
146
|
</div>
|
151
|
|
- </form>
|
152
|
147
|
|
153
|
148
|
<!-- 右侧悬浮按钮 -->
|
154
|
149
|
<div class="right-bottom-btn">
|
|
@@ -159,31 +154,117 @@
|
159
|
154
|
<i class="layui-icon layui-icon-close"></i>取消
|
160
|
155
|
</button>
|
161
|
156
|
</div>
|
|
157
|
+ </form>
|
162
|
158
|
</div>
|
163
|
159
|
<script th:src="@{/lib/jquery-3.4.1/jquery-3.4.1.min.js}" charset="utf-8"></script>
|
164
|
|
-<script th:src="@{/lib/layui-v2.6.3/layui.js}" charset="utf-8"></script>
|
|
160
|
+<script th:src="@{/lib/layui/layui.js}" charset="utf-8"></script>
|
165
|
161
|
<script th:src="@{/lib/coco-message/coco-message.js}" charset="utf-8"></script>
|
166
|
162
|
<script th:src="@{/lib/xm-select-v1.2.2/xm-select.js}" charset="utf-8"></script>
|
167
|
163
|
<script th:src="@{/js/lay-config.js}" charset="utf-8"></script>
|
168
|
164
|
<script type="text/javascript" th:inline="javascript">
|
169
|
165
|
AjaxUtil.ctx = /*[[@{/}]]*/'';
|
170
|
166
|
var updateflag = 0;
|
171
|
|
- var prjMember = [];
|
172
|
|
- var prjCompany = [];
|
173
|
|
- var subTopic = [];
|
174
|
|
- var budgetCols = [];
|
175
|
|
- layui.use(['form', 'table', 'treeTable', 'layCascader', 'tableSelect'], function () {
|
176
|
|
- var table = layui.table,
|
|
167
|
+ var xmApproval = {};
|
|
168
|
+ // 初始化 LayUI
|
|
169
|
+ layui.use(['form','table','tableSelect'], function () {
|
|
170
|
+ var form = layui.form,
|
177
|
171
|
layer = layui.layer,
|
178
|
|
- treeTable = layui.treeTable;
|
179
|
|
- var xmId = parseInt($("#id").val());
|
180
|
|
- form.on('submit(saveBtn)', function (data) {
|
181
|
|
- //
|
|
172
|
+ tableSelect = layui.tableSelect,
|
|
173
|
+ table = layui.table;
|
|
174
|
+ //获取创建人
|
|
175
|
+ tableSelect.render({
|
|
176
|
+ elem: '#sqrxm',
|
|
177
|
+ checkedKey: 'userid',
|
|
178
|
+ searchKey: 'name',
|
|
179
|
+ searchPlaceholder: '搜索申请人',
|
|
180
|
+ table:{
|
|
181
|
+ url:AjaxUtil.ctx+'prjContract/cjr',
|
|
182
|
+ cols:[
|
|
183
|
+ [
|
|
184
|
+ {type:'radio',title:'😊',width: '7%'},
|
|
185
|
+ {type: 'numbers',title: '序号',align: 'center',width: '10%'},
|
|
186
|
+ {field:'name',title: '姓名',align: 'center',width:'30%'},
|
|
187
|
+ {field: 'deptName',title: '部门',align: 'left',width: '50%'}
|
|
188
|
+ ]
|
|
189
|
+ ]
|
|
190
|
+ },
|
|
191
|
+ done: function (elem, data) {
|
|
192
|
+ var NEWJSON = [];
|
|
193
|
+ var NEWJSON1 = [];
|
|
194
|
+ layui.each(data.data, function (index, item) {
|
|
195
|
+ NEWJSON.push(item.name);
|
|
196
|
+ NEWJSON1.push(item.userId);
|
|
197
|
+ });
|
|
198
|
+ elem.val(NEWJSON.join(","));
|
|
199
|
+ $("#sqr1").val(NEWJSON1.join(","));
|
|
200
|
+
|
|
201
|
+ }
|
|
202
|
+ });
|
|
203
|
+ // 获取电科院负责人
|
|
204
|
+ tableSelect.render({
|
|
205
|
+ elem: '#dkyfzrxm',
|
|
206
|
+ checkedKey: 'id',
|
|
207
|
+ searchKey: 'xm',
|
|
208
|
+ searchPlaceholder: '搜索电科院负责人',
|
|
209
|
+ table:{
|
|
210
|
+ url:AjaxUtil.ctx +'prjContract/dkyfzr',
|
|
211
|
+ cols: [
|
|
212
|
+ [
|
|
213
|
+ {type:'radio',title:'😊',width:'7%'},
|
|
214
|
+ {type: 'numbers',title: '序号',align:'center',width: '10%'},
|
|
215
|
+ {field: 'xm',title: '姓名',align: 'center',width: '30%'},
|
|
216
|
+ {field: 'bmmc',title: '部门',align: 'left',width: '50%'}
|
182
|
217
|
|
|
218
|
+ ]
|
|
219
|
+ ]
|
|
220
|
+ },
|
|
221
|
+ done: function (elem,data) {
|
|
222
|
+ var NEWJSON = [];
|
|
223
|
+ var NEWJSON1 = [];
|
|
224
|
+ layui.each(data.data, function (index, item) {
|
|
225
|
+ NEWJSON.push(item.xm);
|
|
226
|
+ NEWJSON1.push(item.id);
|
|
227
|
+ });
|
|
228
|
+ elem.val(NEWJSON.join(","));
|
|
229
|
+ $('#dkyfzr1').val(NEWJSON1.join(","));
|
183
|
230
|
|
|
231
|
+ }
|
184
|
232
|
});
|
185
|
233
|
|
|
234
|
+ form.on('submit(saveBtn)', function (data) {
|
|
235
|
+ // 提交表单元素
|
|
236
|
+ // 将表单元素提交至后台
|
|
237
|
+ // 获取表单的数据
|
|
238
|
+ const travelExpenses = data.field; // data.field 包含表单的数据
|
|
239
|
+ // 将对象转换为 JSON 字符串
|
|
240
|
+ AjaxUtil.post({
|
|
241
|
+ url: AjaxUtil.ctx + 'prjProject/upssbm',
|
|
242
|
+ contentType: "application/json",
|
|
243
|
+ data: JSON.stringify(travelExpenses),
|
|
244
|
+ success: function (res) {
|
|
245
|
+ console.log('hello');
|
|
246
|
+ console.log(res);
|
|
247
|
+ if (res.code === 0) {
|
|
248
|
+ Message.success(1000,res.message,function (){
|
|
249
|
+
|
|
250
|
+ setTimeout(function () {
|
|
251
|
+ var index = parent.layer.getFrameIndex(window.name);
|
|
252
|
+ parent.layer.close(index);
|
|
253
|
+ },2000);
|
186
|
254
|
|
|
255
|
+ });
|
|
256
|
+ // 获取弹框 并关闭弹
|
|
257
|
+ }else {
|
|
258
|
+ layer.msg(res.message,{ icon:2 });
|
|
259
|
+ }
|
|
260
|
+ },
|
|
261
|
+ error: function (error) {
|
|
262
|
+ layer.msg("请求出错,请稍后重试!", { icon: 2 }); // 处理 Ajax 错误
|
|
263
|
+ }
|
|
264
|
+ });
|
|
265
|
+
|
|
266
|
+
|
|
267
|
+ });
|
187
|
268
|
// 监听取消按钮
|
188
|
269
|
$("button[lay-filter='cancleBtn']").click(function () {
|
189
|
270
|
var iframeIndex = parent.layer.getFrameIndex(window.name);
|