浏览代码

配置功能的前端页面

ws 2 年之前
父节点
当前提交
5cb2e85a1e

+ 27 - 0
src/main/resources/static/web/js/api/config.api.js

@@ -0,0 +1,27 @@
+layui.define(['jquery', 'ajax'], (exports) => {
+	const ajax = layui.ajax
+	const $ = layui.jquery
+	
+	const api = {
+		one: (params) => {
+			ajax.get({
+				url: '/config/one',
+				data: params.data,
+				success: (json) => {
+					params.fun(json)
+				}
+			})
+		},
+		update: (params, fun) => {
+			ajax.post({
+				url: '/config/update',
+				data: params,
+				success: (json) => {
+					fun(json)
+				}
+			})
+		}
+	}
+	
+	exports('api', api)
+})

+ 35 - 0
src/main/resources/static/web/js/config.js

@@ -0,0 +1,35 @@
+layui.config({
+  base: '../js/module/'
+}).extend({
+	'constants': '{/}../js/util/constants',
+	'ajax': '{/}../js/util/ajax',
+	'customUtil': '{/}../js/util/util',
+	'api': '{/}../js/api/config.api'
+}).use(['jquery', 'layer', 'form', 'api', 'constants', 'customUtil'], () => {
+	initFrom()
+	initClick()
+})
+
+const initFrom = () => {
+	layui.api.one({
+		data: {
+		},
+		fun: (json) => {
+			if (json.result) {
+				layui.form.val('form', json.result)
+			}
+		}
+	})
+}
+
+const initClick = () => {
+	const $ = layui.jquery
+	layui.form.on('submit(formBtn)', (data) => {
+		layui.api.update(data.field,
+			(json) => {
+				layui.customUtil.refush(json.code == layui.constants.SUCCESS_CODE, '提交成功', json.msg)
+			}
+		)
+		return false
+	})
+}

+ 75 - 0
src/main/resources/static/web/view/config.html

@@ -0,0 +1,75 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8">
+		<title>配置管理</title>
+		<link rel="stylesheet" href="../js/lib/layui-v2.7.6/layui/css/layui.css" />
+		<link rel="stylesheet" href="../css/main.css"/>
+	</head>
+	<body>
+		<div class="layui-show brume-form">
+			<fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
+				<legend id="form-title">配置项</legend>
+			</fieldset>
+			<form class="layui-form fast-form-width" action="" lay-filter="form">
+				<input type="hidden" name="btnId" class="layui-input">
+				<div class="layui-form-item">
+					<label class="layui-form-label"><span class="layui-font-red">*</span>拉取cron表达式</label>
+					<div class="layui-input-block">
+						<input type="text" name="pullCron" required lay-verify="required" autocomplete="off"
+							placeholder="请输入拉取cron表达式" lay-reqText="请输入拉取cron表达式" class="layui-input">
+					</div>
+				</div>
+				<div class="layui-form-item">
+					<label class="layui-form-label"><span class="layui-font-red">*</span>短信推送cron表达式</label>
+					<div class="layui-input-block">
+						<input type="text" name="smsCron" required lay-verify="required" lay-reqtext="请输入短信推送cron表达式"
+							placeholder="请输入短信推送cron表达式" autocomplete="off" class="layui-input">
+					</div>
+				</div>
+				<div class="layui-form-item">
+					<label class="layui-form-label"><span class="layui-font-red">*</span>短信接口环境</label>
+					<div class="layui-input-block">
+						<input type="text" name="apiEnv" required lay-verify="required" lay-reqtext="请输入短信接口环境"
+							placeholder="请输入短信接口环境" autocomplete="off" class="layui-input">
+					</div>
+				</div>
+				<div class="layui-form-item">
+					<label class="layui-form-label"><span class="layui-font-red">*</span>短信接口地址</label>
+					<div class="layui-input-block">
+						<input type="text" name="smsUrl" required lay-verify="required" lay-reqtext="请输入短信接口地址"
+							placeholder="请输入短信接口地址" autocomplete="off" class="layui-input">
+					</div>
+				</div>
+				<div class="layui-form-item">
+					<label class="layui-form-label"><span class="layui-font-red">*</span>工作人员短信模板</label>
+					<div class="layui-input-block">
+						<input type="text" name="userTemplet" required lay-verify="required" lay-reqtext="请输入工作人员短信模板"
+							placeholder="请输入工作人员短信模板" autocomplete="off" class="layui-input">
+					</div>
+				</div>
+				<div class="layui-form-item">
+					<label class="layui-form-label"><span class="layui-font-red">*</span>用户短信模板</label>
+					<div class="layui-input-block">
+						<input type="text" name="partyTemplet" required lay-verify="required" lay-reqtext="请输入用户短信模板"
+							placeholder="请输入用户短信模板" autocomplete="off" class="layui-input">
+					</div>
+				</div>
+				<div class="layui-form-item">
+					<label class="layui-form-label">短信推送方式</label>
+					<div class="layui-input-block">
+						<select name="smsType">
+						</select>
+					</div>
+				</div>
+				<div class="layui-form-item">
+					<div class="layui-input-block">
+						<button type="submit" class="layui-btn" lay-submit="" lay-filter="formBtn">提交</button>
+					</div>
+				</div>
+			</form>
+		</div>
+	</body>
+	<script src="../js/lib/layui-v2.7.6/layui/layui.js"></script>
+	<script src="../js/config.js"></script>
+</html>