|
@@ -0,0 +1,335 @@
|
|
|
+<%@ page language="java" contentType="text/html; charset=UTF-8"
|
|
|
+ pageEncoding="UTF-8" %>
|
|
|
+<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
|
|
|
+<!DOCTYPE html>
|
|
|
+<html>
|
|
|
+<head>
|
|
|
+ <jsp:include page="../../common/common-meta-include.jsp"></jsp:include>
|
|
|
+ <jsp:include page="../../common/common-js-include.jsp"></jsp:include>
|
|
|
+ <jsp:include page="../../common/common-css-include.jsp"></jsp:include>
|
|
|
+ <!--[if lt IE 9]>
|
|
|
+ <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
|
|
|
+ <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
|
|
|
+ <![endif]-->
|
|
|
+ <style type="text/css">
|
|
|
+ .layui-colla-content {
|
|
|
+ border-width: 0px;
|
|
|
+ left: 11px;
|
|
|
+ top: 0px;
|
|
|
+ width: -webkit-fill-available;
|
|
|
+ height: 522px;
|
|
|
+ background: inherit;
|
|
|
+ background-color: rgba(255, 255, 255, 0.996078431372549);
|
|
|
+ border: none;
|
|
|
+ border-radius: 12px;
|
|
|
+ -moz-box-shadow: none;
|
|
|
+ -webkit-box-shadow: none;
|
|
|
+ box-shadow: none;
|
|
|
+ }
|
|
|
+
|
|
|
+ .table_box h2 {
|
|
|
+ margin-left: 30px;
|
|
|
+ margin-top: 20px;
|
|
|
+ height: 25px;
|
|
|
+ width: 200px;
|
|
|
+ font-size: 16px;
|
|
|
+ color: #1c56a3;
|
|
|
+ }
|
|
|
+
|
|
|
+ #addAmt {
|
|
|
+ font-size: 50px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .layui-form-label {
|
|
|
+ color: #6E6F80 !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ .layui-colla-content {
|
|
|
+ background: none;
|
|
|
+ padding: 10px 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .layui-form-label {
|
|
|
+ width: 130px;
|
|
|
+ text-align: justify;
|
|
|
+ text-align-last: justify;
|
|
|
+ display: flex;
|
|
|
+ justify-content: end;
|
|
|
+ align-items: center;
|
|
|
+ color: #666;
|
|
|
+ padding: 9px 15px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .layui-input {
|
|
|
+ height: 38px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .layui-input-block {
|
|
|
+ display: flex;
|
|
|
+ width: auto;
|
|
|
+ }
|
|
|
+
|
|
|
+ .layui-layout-admin {
|
|
|
+ padding: 20px 40px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .layui-show {
|
|
|
+ height: auto;
|
|
|
+ border: none;
|
|
|
+ }
|
|
|
+
|
|
|
+ .layui-input-block xm-select {
|
|
|
+ height: 38px !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ .layui-table-body .layui-table-cell {
|
|
|
+ /*padding: 10px !important;*/
|
|
|
+ }
|
|
|
+
|
|
|
+ .layui-table-cell {
|
|
|
+ height: 42px !important;
|
|
|
+ line-height: 42px;
|
|
|
+ }
|
|
|
+
|
|
|
+ /*.table_box .layui-form{*/
|
|
|
+ /* width: 90.2%;*/
|
|
|
+ /*}*/
|
|
|
+ </style>
|
|
|
+</head>
|
|
|
+<body>
|
|
|
+<div id="app"></div>
|
|
|
+<input type="hidden" id="id" value="${subId}"/>
|
|
|
+<template id="template">
|
|
|
+ <div>
|
|
|
+ <div class="right_title">
|
|
|
+ </div>
|
|
|
+ <form class="layui-form" lay-filter="formData">
|
|
|
+ <div class="layui-colla-content layui-show detail">
|
|
|
+ <div class="table_box">
|
|
|
+ <div class="layui-row">
|
|
|
+ <div class="layui-col-xs6 layui-col-sm6">
|
|
|
+ <div class="layui-form-item">
|
|
|
+ <label class="layui-form-label required">项目名称</label>
|
|
|
+ <div class="layui-input-block">
|
|
|
+ <select lay-verify="required" lay-search="" v-model="subInfo.subId"
|
|
|
+ lay-filter="subId" id="subId">
|
|
|
+ <c:forEach items="${subNameList }" var="un">
|
|
|
+ <option value="${un.id }">${un.subName }</option>
|
|
|
+ </c:forEach>
|
|
|
+ </select>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+<%-- <div class="layui-row">--%>
|
|
|
+<%-- <div class="layui-col-xs6 layui-col-sm6 layui-col-md4">--%>
|
|
|
+<%-- <div class="layui-form-item">--%>
|
|
|
+<%-- <label class="layui-form-label">填写日期</label>--%>
|
|
|
+<%-- <div class="layui-input-block">--%>
|
|
|
+<%-- <input type="text" id=lastUpdateTime readonly="readonly" required--%>
|
|
|
+<%-- placeholder="请输入" autocomplete="off" class="layui-input"--%>
|
|
|
+<%-- v-model="subInfo.lastUpdateTime">--%>
|
|
|
+<%-- </div>--%>
|
|
|
+<%-- </div>--%>
|
|
|
+<%-- </div>--%>
|
|
|
+<%-- </div>--%>
|
|
|
+<%-- <div class="layui-row">--%>
|
|
|
+<%-- <div class="layui-col-xs6 layui-col-sm6">--%>
|
|
|
+<%-- <div class="layui-form-item">--%>
|
|
|
+<%-- <label class="layui-form-label required"--%>
|
|
|
+<%-- >填写人</label>--%>
|
|
|
+<%-- <div class="layui-input-block">--%>
|
|
|
+<%-- <input type="text" required lay-verify="required" placeholder="请输入填写人"--%>
|
|
|
+<%-- autocomplete="off" class="layui-input" v-model="subInfo.addre">--%>
|
|
|
+<%-- </div>--%>
|
|
|
+<%-- </div>--%>
|
|
|
+<%-- </div>--%>
|
|
|
+<%-- </div>--%>
|
|
|
+ <div class="layui-row">
|
|
|
+ <div class="layui-col-xs10 layui-col-sm10">
|
|
|
+ <div class='layui-form-item'>
|
|
|
+ <label class="layui-form-label">备注</label>
|
|
|
+ <div class="layui-input-block" style="padding: 0 10px 0 0;">
|
|
|
+ <input type="text" class="layui-input" v-model="subInfo.remark">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="layui-row">
|
|
|
+ <div class="layui-col-xs10 layui-col-sm10">
|
|
|
+ <div class="layui-form-item">
|
|
|
+ <label class="layui-form-label"></label>
|
|
|
+ <div class="layui-input-block">
|
|
|
+ <table class="layui-table" id="procedureTable" lay-filter="procedureTable"></table>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="btn_group">
|
|
|
+ <input type="button" class="btn btn1" style="color: #fff; background-color: #3362c9;"
|
|
|
+ value="提交手续信息" lay-submit lay-filter="saveSubInfo"/>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </form>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+<script type="text/javascript">
|
|
|
+ new Vue({
|
|
|
+ el: "#app",
|
|
|
+ template: "#template",
|
|
|
+ data: {
|
|
|
+ // tabActive: 1,
|
|
|
+ subInfo: {
|
|
|
+ },
|
|
|
+ procedureList: [],
|
|
|
+ },
|
|
|
+ mounted: function () {
|
|
|
+ this.init();
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ init: function () {
|
|
|
+ let self = this;
|
|
|
+ // layui.laydate.render({
|
|
|
+ // elem: "#lastUpdateTime",
|
|
|
+ // type: "date",
|
|
|
+ // theme: layDateTheme,
|
|
|
+ // done: function (value) {
|
|
|
+ // self.subInfo.lastUpdateTime = value
|
|
|
+ // }
|
|
|
+ // });
|
|
|
+ layui.laydate.render({
|
|
|
+ elem: "#datePre",
|
|
|
+ type: "date",
|
|
|
+ theme: layDateTheme,
|
|
|
+ done: function (value) {
|
|
|
+ self.subInfo.datePre = value
|
|
|
+ }
|
|
|
+ });
|
|
|
+ layui.form.on("select(subId)", function (data) {
|
|
|
+ self.subInfo.subId = data.value;
|
|
|
+ });
|
|
|
+ layui.form.on("submit(saveSubInfo)", function (obj) {
|
|
|
+ self.saveSubInfo();
|
|
|
+ });
|
|
|
+ this.getForm();
|
|
|
+ setTimeout(function () {
|
|
|
+ self.initProcedureList();
|
|
|
+ }, 200);
|
|
|
+
|
|
|
+ },
|
|
|
+ getForm: function () {
|
|
|
+ var id = $("#id").val();
|
|
|
+ var self = this;
|
|
|
+
|
|
|
+ if (id == "") {
|
|
|
+ // 新增
|
|
|
+ App.postJson("/api/subPreFlow/findGxjPreFlow", {}, function (res) {
|
|
|
+ if (res.success) {
|
|
|
+ self.procedureList = res.data;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ // App.postJson("/api/subject/subInfo/getSubInfoNamesList", {}, function (res) {
|
|
|
+ // if (res.success) {
|
|
|
+ //
|
|
|
+ // }
|
|
|
+ // });
|
|
|
+ //
|
|
|
+ } else {
|
|
|
+ // 编辑
|
|
|
+ App.postJson("/api/preGxjInfo/getGxjPreNewInfo", {subId: id}, function (res) {
|
|
|
+ if (res.success) {
|
|
|
+ self.subInfo = res.data;
|
|
|
+ setTimeout(function () {
|
|
|
+ layui.form.render();
|
|
|
+ }, 200);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
+ saveSubInfo: function () {
|
|
|
+ let self = this;
|
|
|
+ if (!self.subInfo.subId){
|
|
|
+ App.msg.error("请选择项目");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ let procedureList = layui.table.getData("procedureTable");
|
|
|
+ this.subInfo.procedureList = procedureList.map(item => ({
|
|
|
+ id: item.id,
|
|
|
+ datePre: item.datePre
|
|
|
+ }));
|
|
|
+
|
|
|
+
|
|
|
+ let saveUrl = "/api/preGxjInfo/saveGxjPreNewInfo";
|
|
|
+
|
|
|
+ App.msg.confirm("确认提交手续信息吗?", function () {
|
|
|
+ console.log(self.subInfo)
|
|
|
+ App.postJson(saveUrl, self.subInfo, function (res) {
|
|
|
+ if (res.success) {
|
|
|
+ self.closeMark = true;
|
|
|
+ App.msg.success("保存成功");
|
|
|
+ // App.postJson("/api/subject/subInfo/getById", {id: self.subInfo.id}, function (resc) {
|
|
|
+ // if (resc.success) {
|
|
|
+ // self.subInfo = resc.data;
|
|
|
+ // setTimeout(function () {
|
|
|
+ // layui.form.render();
|
|
|
+ // }, 200);
|
|
|
+ self.closeWin();
|
|
|
+ // }
|
|
|
+ // });
|
|
|
+ }
|
|
|
+ });
|
|
|
+ })
|
|
|
+ },
|
|
|
+ initProcedureList: function () {
|
|
|
+ let self = this;
|
|
|
+ layui.table.render({
|
|
|
+ elem: '#procedureTable', // 指定原始表格元素选择器(推荐id选择器)
|
|
|
+ even: true,
|
|
|
+ cols: [[ // 设置表头
|
|
|
+ {type: 'numbers', title: '序号'},
|
|
|
+ {field: 'title', title: '手续名称'},
|
|
|
+ {field: 'datePre', title: '手续预计办理时间', edit: 'date',templet(e) {
|
|
|
+ return '<input type="text" class="datetest" lay-event="date" value="' + e.datePre + '" />'
|
|
|
+ }},
|
|
|
+ ]],
|
|
|
+ data: self.procedureList
|
|
|
+ });
|
|
|
+ //监听单元格事件
|
|
|
+ layui.table.on('tool(procedureTable)', function(obj) {
|
|
|
+ console.log('tool: ', obj.event)
|
|
|
+ if (obj.event === 'date') {
|
|
|
+ let node = this
|
|
|
+ while (node.nodeName.toLowerCase() !== 'td') {
|
|
|
+ node = node.parentNode
|
|
|
+ }
|
|
|
+ const field = node.dataset.field;
|
|
|
+ layui.laydate.render({
|
|
|
+ elem: this
|
|
|
+ , value: obj[field]
|
|
|
+ , theme: 'molv'
|
|
|
+ , closeStop: this
|
|
|
+ , show: true //直接显示
|
|
|
+ , done: function (value, date) {
|
|
|
+ obj.data[field] = value;
|
|
|
+ obj.update(obj.data);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ closeWin: function () {
|
|
|
+ var self = this;
|
|
|
+ if (!this.closeMark) {
|
|
|
+ App.msg.confirm("当前信息未保存或未保存成功,确认关闭?", function () {
|
|
|
+ window.history.back(-1);
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ window.history.back(-1);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
+</script>
|
|
|
+</body>
|
|
|
+</html>
|