longping
/
subject_gxj


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198
							<%@ 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>
    <meta charset="UTF-8">
    <title>编辑重大事件记录</title>
    <jsp:include page="../common/common-meta-include.jsp"></jsp:include>
    <jsp:include page="../common/common-css-include.jsp"></jsp:include>
</head>
<style>
    body {
        background-color: #ffffff;
    }

    .layuimini-main {
        padding: 0;
    }

    .layui-form-item {
        display: flex;
    }

    .layui-input-block {
        flex: 1;
    }
</style>
<body>
<div id="app">
</div>
<template id="template">
    <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="${subId}">
                </div>
                <div class="layui-row">
                    <div class="layui-form-item">
                        <label class="layui-form-label">短信内容</label>
                        <div class="layui-input-block">
                            <textarea rows="5" name="joinPerson" disabled="disabled" readonly="readonly"
                                      v-model="obj.content" class="layui-textarea"
                                      placeholder="请填入短信内容"></textarea>
                        </div>
                    </div>
                </div>
                <div class="layui-row">
                    <div class="layui-form-item">
                        <label class="layui-form-label">用户选择</label>
                        <div class="layui-input-block">
                            <select name="phone" lay-verify="required" lay-search lay-filter="phone">
                                <option value="">--请选择--</option>
                                <c:forEach items="${Users}" var="user">
                                    <option value="${user.id}">${user.title}</option>
                                </c:forEach>
                            </select>
                        </div>
                    </div>
                </div>
            </div>
            <%--            <div class="layui-row">
                            <div class="layui-form-item">
                                <label class="layui-form-label required">会议主题</label>
                                <div class="layui-input-block">
                                    <input type="text" name="title" v-model="obj.meetingTitle" lay-verify="required"
                                           lay-reqtext="请输入会议主题" autocomplete="off" placeholder="请输入会议主题"
                                           class="layui-input">
                                </div>
                            </div>
                        </div>--%>
            <%--            <div class="layui-row">
                            <div class="layui-form-item">
                                <label class="layui-form-label">备注</label>
                                <div class="layui-input-block">
                                    <input type="text" name="remark" v-model="obj.remark" autocomplete="off"
                                           placeholder="请输入备注" class="layui-input">
                                </div>
                            </div>
                        </div>--%>
            <%--       <div class="layui-form-item">
                       <label class="layui-form-label"></label>
                       <div class="layui-input-block">
                           <button type="button" class="layui-btn-submit" style="margin-top: 40px" lay-submit
                                   lay-filter="save">发送
                           </button>
                           <input type="button" value="取消" class="layui-btn" @click="closePane"/>
                       </div>
                   </div>--%>

            <div class="layui-row">
                <div class="layui-form-item" style="text-align: right; padding: 0 67px 10px;justify-content: flex-end;">
                    <%--           <button type="button" class="layui-btn-submit" style="margin-top: 40px" lay-submit
                                       lay-filter="save">发送
                               </button>
                               <button type="button" class="layui-btn-submit" style="margin-top: 40px"
                                       @click="closePane">取消
                               </button>--%>
                    <input type="button" value="取消" class="layui-btn btn btn1" @click="closePane"/>
                    <input type="button" value="发送" class="layui-btn btn btn1" lay-submit lay-filter="save"/>
                </div>
            </div>

            <div style="width:100%;height:20px"></div>
        </div>
    </div>
    </div>
</template>
<jsp:include page="../common/common-js-include.jsp"></jsp:include>
<script type="text/html" id="rowRoolBar">
    <span style="width: 30px;" lay-event="delPlans">删除</span>
</script>
<script type="text/html" id="subRoolBar">
    <span style="width: 30px;" lay-event="delSub">删除</span>
</script>
<script type="text/html" id="subTableToolbar">
    <div class="layui-btn-container">
        <button class="layui-btn layui-btn-normal layui-btn-sm data-add-btn" lay-event="addSubInfo"> 添加关联项目
        </button>
    </div>
</script>
<script type="text/javascript">
    new Vue({
        el: "#app",
        template: "#template",
        data: {
            obj: {
                kind: "",
                content: "${content}",
            },
            userList: [
                <c:forEach items="${Users}" var="li" varStatus="lis">
                {
                    id: '${li.id}',
                    phone: '${li.simCode}',
                    Title: '${li.title}'
                },
                </c:forEach>
            ],
            phone: "",
        },
        mounted: function () {
            this.init();
        },
        methods: {
            init: function () {
                var self = this;
                layui.form.on("submit(save)", function () {
                    self.save();
                });
                layui.form.on("select(phone)", function (data) {
                    var obj = self.userList.find(item => {
                        return item.id === data.value;
                    });
                    if (obj) {
                        self.phone = obj.phone;
                    } else {
                        self.phone = "";
                    }
                })
                top.window.addSubInfo = this.addSub;
            },
            save: function () {
                //发送短信
                var self = this;
                if(!self.phone){
                    App.msg.info("人员未选择或者选择的人员没有设置电话号码!");
                    return;
                }
                App.msg.confirm("确认发送逾期短信到该联系人？", function () {
                    App.postJson("/api/msgLog/sendDueMsg", {
                        subId: "${subId}",
                        kind: "${kind}",
                        item: "${item}",
                        phone: self.phone,
                    }, function (res) {
                        App.msg.success("发送成功");
                        var index = top.layer.getFrameIndex(window.name);
                        top.layer.close(index);
                    })
                })
            },
            closePane: function () {
                var index = top.layer.getFrameIndex(window.name);
                top.layer.close(index);
            },
            addSub: function (data) {

            },
            addSubInfo: function () {

            },
        }
    })
</script>
</body>
</html>