|  | @@ -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>
 |