Commit 789487a6 authored by 张伯涛's avatar 张伯涛

删除多余文件

parent 779a0f09
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<!-- 声明文档使用的字符编码 -->
<meta charset='utf-8'>
<!-- 优先使用 IE 最新版本和 Chrome -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
<!-- 页面描述 -->
<meta name="description" content="不超过150个字符"/>
<!-- 页面关键词 -->
<meta name="keywords" content=""/>
<!-- 网页作者 -->
<meta name="wang" content="wang, comrade.wang.cn@gmail.com"/>
<!-- 搜索引擎抓取 -->
<meta name="robots" content="index,follow"/>
<!-- 为移动设备添加 viewport -->
<meta name="viewport" content="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no">
<!-- `width=device-width` 会导致 iPhone 5 添加到主屏后以 WebApp 全屏模式打开页面时出现黑边 http://bigc.at/ios-webapp-viewport-meta.orz -->
<title>外出流程模板</title>
<!-- 引入element-ui样式 -->
<link
rel="stylesheet"
href="https://unpkg.com/element-ui@2.13.2/lib/theme-chalk/index.css"
/>
</head>
<body>
<div id="template-app">
<el-form ref="form" size="small" :model="form" label-width="120px">
<el-form-item label="申请人员">
<div> {{ username }} </div>
</el-form-item>
<el-form-item label="外出日期">
</el-form-item>
</el-form>
</div>
</body>
<!-- 引入版本为 2.6.11的vue文件 -->
<script src="https://cdn.bootcdn.net/ajax/libs/vue/2.6.11/vue.js"></script>
<!-- 引入组件库 -->
<script src="https://unpkg.com/element-ui@2.13.2/lib/index.js"></script>
<script>
const vm = new Vue({
el: '#template-app',
data() {
return {
// 表单对象
form: {},
// 用户名称
username: '文在寅'
}
}
})
</script>
</html>
This diff is collapsed.
<!-- {"fieldList":[{"key":"1-1","type":"input","name":"输入框","specialTag":"","ruleRegular":"","ruleApi":"","sortPriority":0,"value":"","placeholder":"请输入内容","column":24,"required":true,"showHeader":true,"becomeFilter":false},{"key":"1-2","type":"textarea","ruleRegular":"","sortPriority":0,"ruleApi":"","name":"文本域","specialTag":"","value":"","placeholder":"请输入内容","column":24,"required":true,"showHeader":true,"becomeFilter":false},{"key":"1-3","type":"select","name":"下拉框","specialTag":"","value":"","multiple":false,"placeholder":"输入提示","sortPriority":0,"column":24,"required":true,"optionMode":"static","options":[{"label":"选项1","value":"6bfd9c00-9faf"},{"label":"选项2","value":"e0baedb0-92e2"}],"optionApi":{"mode":"builtIn","builtIn":"","configOut":{"name":"","method":"get"}},"showHeader":true,"becomeFilter":false},{"key":"1-4","type":"checkbox","name":"多选框","value":[],"column":24,"specialTag":"","sortPriority":0,"required":false,"optionMode":"static","options":[{"label":"选项1","value":"4de92cf6-971f"},{"label":"选项2","value":"5c21bffe-957d"}],"optionApi":{"mode":"builtIn","builtIn":"","configOut":{"name":"","method":"get"}},"showHeader":false,"becomeFilter":false},{"key":"1-5","type":"radio","name":"单选框","value":"","specialTag":"","sortPriority":0,"column":24,"required":false,"optionMode":"static","options":[{"label":"选项1","value":"3491c82e-980c"},{"label":"选项2","value":"52cebbdb-94f6"}],"optionApi":{"mode":"builtIn","builtIn":"","configOut":{"name":"","method":"get"}},"showHeader":true,"becomeFilter":false},{"key":"1-6","type":"date","name":"日期选择框","value":"","column":24,"specialTag":"","placeholder":"请选择日期","required":false,"format":"yyyy-MM-dd","sortPriority":0,"dateFormat":"year","showHeader":true,"becomeFilter":false},{"key":"1-7","type":"time","name":"时间选择框","value":"","specialTag":"","column":24,"sortPriority":0,"placeholder":"请选择时间","required":false,"format":"HH:mm:ss","showHeader":true,"becomeFilter":false},{"type":"dateTime","value":"","name":"日期时间选择","specialTag":"","column":24,"placeholder":"请选择日期时间","key":"1-8","sortPriority":0,"required":false,"showHeader":true,"becomeFilter":false},{"key":"1-9","type":"dateRange","value":["2020-07-16","2020-07-24"],"specialTag":"","name":"日期范围选择","column":24,"sortPriority":0,"required":false,"startPlaceholder":"开始日期","endPlaceholder":"结束日期","format":"yyyy-MM-dd","showHeader":false,"becomeFilter":false}]} -->
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>模板html</title>
<!-- 引入element-ui样式 -->
<link
rel="stylesheet"
href="https://unpkg.com/element-ui@2.13.2/lib/theme-chalk/index.css"
/>
</head>
<body>
<div id="app">
<el-form
size="small"
ref="form"
:rules="rules"
:model="form"
label-width="80px"
>
<el-form-item label="模板名称" prop="name">
<el-input v-model="form.name" :maxlength="30"></el-input>
</el-form-item>
<el-form-item label="文本域" prop="textarea">
<el-input type="textarea" v-model="form.textarea"></el-input>
</el-form-item>
<el-form-item label="下拉框" prop="select">
<el-select v-model="form.select" placeholder="请选择活动区域">
<el-option label="区域一" value="shanghai"></el-option>
<el-option label="区域二" value="beijing"></el-option>
</el-select>
</el-form-item>
<el-form-item label="多选框" prop="checkbox">
<el-checkbox-group v-model="form.checkbox">
<el-checkbox label="美食/餐厅线上活动" name="type"></el-checkbox>
<el-checkbox label="地推活动" name="type"></el-checkbox>
<el-checkbox label="线下主题活动" name="type"></el-checkbox>
<el-checkbox label="单纯品牌曝光" name="type"></el-checkbox>
</el-checkbox-group>
</el-form-item>
<el-form-item label="单选框" prop="radio">
<el-radio-group v-model="form.radio">
<el-radio label="选项1"></el-radio>
<el-radio label="选项2"></el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="日期选择" prop="date1">
<el-date-picker
type="date"
placeholder="选择日期"
v-model="form.date1"
style="width: 100%;"
></el-date-picker>
</el-form-item>
<el-form-item label="时间选择" prop="date2">
<el-time-picker
placeholder="选择时间"
v-model="form.date2"
style="width: 100%;"
></el-time-picker>
</el-form-item>
<el-form-item label="日期时间选择" prop="dateTimePicker">
<el-date-picker
v-model="form.dateTimePicker"
type="datetime"
placeholder="选择日期时间"
>
</el-date-picker>
</el-form-item>
<el-form-item label="日期范围选择" prop="date1">
<el-date-picker
v-model="form.date3"
type="daterange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
>
</el-date-picker>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="submitForm('form')"
>立即创建</el-button
>
<el-button @click="resetForm('form')">重置</el-button>
</el-form-item>
</el-form>
</div>
</body>
<!-- 引入版本为 2.6.11的vue文件 -->
<script src="https://cdn.bootcdn.net/ajax/libs/vue/2.6.11/vue.js"></script>
<!-- 引入组件库 -->
<script src="https://unpkg.com/element-ui@2.13.2/lib/index.js"></script>
<!-- axios支持 -->
<script src="https://cdn.bootcdn.net/ajax/libs/axios/0.19.2/axios.min.js"></script>
<script>
const vm = new Vue({
el: "#app",
data: function() {
return {
myMessage: "123123",
form: {
name: "",
textarea: "",
select: "",
date1: "",
date2: "",
dateTimePicker: "",
// 日期范围选择
date3: "",
checkbox: [],
resource: ""
},
rules: {
name: [
{ required: true, message: "请输入活动名称", trigger: "blur" },
{
min: 3,
max: 5,
message: "长度在 3 到 5 个字符",
trigger: "blur"
}
],
textarea: [
{ required: true, message: "请填写活动形式", trigger: "blur" }
],
select: [
{ required: true, message: "请选择活动区域", trigger: "change" }
],
checkbox: [
{
type: "array",
required: true,
message: "请至少选择一个活动性质",
trigger: "change"
}
],
radio: [
{ required: true, message: "请选择活动资源", trigger: "change" }
],
date1: [
{
type: "date",
required: true,
message: "请选择日期",
trigger: "change"
}
],
date2: [
{
type: "date",
required: true,
message: "请选择时间",
trigger: "change"
}
],
dateTimePicker: [
{
type: "date",
required: true,
message: "请选择时间",
trigger: "change"
}
]
}
};
},
created() {},
mounted() {
// 接受父页面发来的信息
window.addEventListener("message", event => {
var data = event.data;
const switchCmd = {
getFormJson: () => {
this.form = data.params.form;
},
onSubmit: () => {
this.submitForm();
}
};
switchCmd[data.cmd]();
});
},
methods: {
/**
* @author: jooey wong
* @description: 提交表单,验证表单 返回给父组件
* @param {type}
* @return:
*/
submitForm() {
let returnData = {
cmd: "iframeSubmit",
params: {
success: true,
data: null
}
};
this.$refs.form.validate(valid => {
if (valid) {
returnData.params.success = true;
returnData.params.data = this.form;
} else {
returnData.params.success = false;
}
// 向父vue页面发送信息
window.parent.postMessage(returnData, "*");
});
}
}
});
</script>
</html>
This diff is collapsed.
This diff is collapsed.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment