<!DOCTYPE html>
|
<html xmlns:th="http://www.thymeleaf.org">
|
<head>
|
<meta charset="utf-8">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>任务首页</title>
|
<meta name="author" content="小柒2012" />
|
<meta name="site" content="https://blog.52itstyle.com" />
|
<link rel="stylesheet" th:href="@{/iview/iview.css}">
|
<script th:src="@{/libs/jquery-3.2.1.min.js}" type="text/javascript"></script>
|
<script th:src="@{/libs/vue.min.js}" type="text/javascript"></script>
|
<script th:src="@{/layer/layer.js}" type="text/javascript"></script>
|
<script th:src="@{/iview/iview.min.js}" type="text/javascript"></script>
|
<style type="text/css">
|
[v-cloak] {
|
display: none;
|
}
|
body {font-size:14px;font-family:consolas;}
|
pre {font-family:'consolas';}
|
.Canvas {
|
font:14px/18px 'consolas';
|
background-color: #ECECEC;
|
color: #000000;
|
border: solid 1px #CECECE;
|
}
|
.ObjectBrace {
|
color: #00AA00;
|
font-weight: bold;
|
}
|
.ArrayBrace {
|
color: #0033FF;
|
font-weight: bold;
|
}
|
.PropertyName {
|
color: #CC0000;
|
font-weight: bold;
|
}
|
.String {
|
color: #007777;
|
}
|
.Number {
|
color: #AA00AA;
|
}
|
.Boolean {
|
color: #0000FF;
|
}
|
.Function {
|
color: #AA6633;
|
text-decoration: "italic";
|
}
|
.Null {
|
color: #0000FF;
|
}
|
.Comma {
|
color: #000000;
|
font-weight: bold;
|
}
|
PRE.CodeContainer {
|
margin-top: 0px;
|
margin-bottom: 0px;
|
}
|
</style>
|
</head>
|
<body>
|
<div id="app" v-cloak style="margin: 30px">
|
<template>
|
<i-form v-ref:form-quartz :model="formQuartz" :rules="ruleValidate" :label-width="120">
|
<Form-item label="分发接口名称" prop="interfaceName">
|
<i-input v-model="formQuartz.interfaceName" :value.sync="formQuartz.interfaceName" disabled="disabled"></i-input>
|
</Form-item>
|
<Form-item label="分发地址" prop="url" >
|
<i-input v-model="formQuartz.url" :value.sync="formQuartz.url" disabled="disabled"></i-input>
|
</Form-item>
|
<Form-item label="发送时间" prop="createTime">
|
<i-input v-model="formQuartz.createTime" :value.sync="formQuartz.createTime" disabled="disabled"></i-input>
|
</Form-item>
|
<Form-item label="请求参数" prop="prams">
|
<pre id = "fromParam" class="CodeContainer" style=" width: 100%;min-height: 600px;height: 100%;"></pre>
|
<!--<div ref="fromParam" id="fromParam" v-model="formQuartz.prams"></div>-->
|
</Form-item>
|
<Form-item label="响应结果" prop="result">
|
<pre id = "fromResule" class="CodeContainer" style=" width: 100%;min-height: 600px;height: 100%;"></pre>
|
<!--<div ref="fromParam" id="fromResule" v-model="formQuartz.result"></div>-->
|
</Form-item>
|
</i-form>
|
</template>
|
</div>
|
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
|
<script type="text/javascript">
|
var vm = new Vue({
|
el : '#app',
|
data : {
|
formQuartz: {
|
interfaceName : '',
|
url : '',
|
createTime : ''
|
},
|
ruleValidate: {
|
|
}
|
},
|
methods : {
|
},
|
created : function() {
|
}
|
})
|
</script>
|
</body>
|
</html>
|
