longping
/
subject_gxj


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167
							<%@ 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-form-radio {
			margin:0 10px 0 0;
		}

        .layui-form-item{
            display: flex;
            justify-content: flex-start;
            align-items: center;
        }
        .layui-form-label{
            white-space: nowrap;
        }
        .btn_add {
            padding: 3px 15px;
            border-radius: 5px;
            cursor: pointer;
            background: #5fcc06;
            color: #fff;
            margin-bottom: 15px;
        }
        .layui-table-body::-webkit-scrollbar {
            width: 0px;
            /*height: 10px;*/
        }
        .layui-table-view .layui-table td > div>span {
            /*min-height: 85px !important;*/
            /*white-space: normal;*/
            line-height: 22px !important;
            display: -webkit-box; /* 使用旧版的弹性盒子布局 */
            -webkit-box-orient: vertical; /* 设置为垂直方向排列 */
            overflow: hidden; /* 隐藏溢出内容 */
            text-overflow: ellipsis; /* 使用省略号表示溢出内容 */
            -webkit-line-clamp: 2; /* 显示的行数 */
        }
        .layui-table-body .layui-table-cell{
            padding: 5px !important;
            height: 65px !important;
        }
        .layui-table-header .layui-table-cell{
            height: 42px !important;
        }
        /*.btn_group{*/
        /*    padding-left: 10px;*/
        /*}*/
	</style>
</head>
<body>
<div class="layuimini-container">
    <div class="layuimini-main">
        <div class="layui-form" lay-filter="formData">
<%--            <div class="layui-form-item">--%>
<%--                <input type="hidden" id="id" name="id" value="${id}">--%>
<%--            </div>--%>
<%--            <div class="layui-form-item">--%>
<%--                <div class="layui-inline">--%>
<%--                    <label class="layui-form-label required">用户登录名</label>--%>
<%--                    <div class="layui-input-block">--%>
<%--                        <input type="text" name="login" lay-verify="required" lay-reqtext="请输入用户登录名"--%>
<%--                               autocomplete="off" placeholder="请输入用户登录名" class="layui-input">--%>
<%--                    </div>--%>
<%--                </div>--%>
<%--                <div class="layui-inline">--%>
<%--                    <label class="layui-form-label required">真实姓名</label>--%>
<%--                    <div class="layui-input-block">--%>
<%--                        <input type="text" name="title" lay-verify="required" lay-reqtext="请输入真实姓名"--%>
<%--                               autocomplete="off" placeholder="请输入真实姓名" class="layui-input">--%>
<%--                    </div>--%>
<%--                </div>--%>
<%--            </div>--%>
            <div class="layui-form-item">
                <input type="hidden" id="subId" name="subId" value="${subId}">
            </div>
            <div class="layui-form-item">
<%--                <div class="layui-inline">--%>
                <div>
                    <label class="layui-form-label" style="width: 100px">红黄灯：</label>
                    <div class="layui-input-block">
                        <c:forEach var="item" items="${statusRedList}">
                            <input type="radio" name="statusRed" value="${item.code}" title="${item.name}"
                                   <c:if test="${item.code == sourceStatusRed}">checked</c:if> />
                        </c:forEach>
                    </div>
                </div>
            </div>
            <div class="layui-form-item">
                <div class="layui-inline">
                    <label class="layui-form-label" style="width: 100px">原因：</label>
                    <div class="layui-input-block">
                    <textarea placeholder="请输入原因" name="reason" maxlength="200" style="height: 150px;" id="compleDesc"
                              autocomplete="off" class="layui-textarea">${reason}</textarea>
                    </div>
                </div>
            </div>
            <div class="layui-form-item" style="margin-top: 30px;">
                <div class="layui-inline">
                    <label class="layui-form-label" style="width: 100px"></label>
                    <div class="layui-input-block">
                        <button type="button" class="layui-btn-submit" lay-submit lay-filter="submit">保存</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
    new Vue({
        el: "#app",
        template: "#template",
        data: {

        },
        mounted : function() {
            this.init();
        },
        methods: {
            init : function() {
                let self = this;
                let statusRedList = [];
                <c:forEach items="${statusRedList}" var="xm">
                    statusRedList.push({code: "${xm.code}", name: "${xm.name}"});
                </c:forEach>
                self.statusRedList = statusRedList;
                layui.form.on("submit(submit)", function (obj) {
                    self.submit(obj);
                });
            },
            submit: function(obj){
                let self = this;
                if (obj.field.statusRed !== '0') {
                    if (!obj.field.reason){
                        App.msg.error("请输入原因");
                        return;
                    }
                }
                let statusRedName = self.statusRedList.find(item => item.code === obj.field.statusRed).name;
                layer.confirm("确认修改为【"+statusRedName+"】？", function(){
                    App.postJson("/api/subject/subInfo/editStatusRedLight", obj.field, function(res) {
                        if (res.success) {
                            App.msg.success("提交成功");
                            top.layer.closeAll();
                        } else {
                            App.msg.error(res.message || "请求失败，请重试");
                        }
                    });
                })
            },
        }
    });
</script>
</body>
</html>