commit code
This commit is contained in:
super_liu
@@ -0,0 +1,95 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<title>表单阅读</title>
|
||||
<!-- css -->
|
||||
<link rel="stylesheet" href="/bat-wkflow/formjs/cdn/element-ui/theme-chalk/index.css">
|
||||
<!-- babel -->
|
||||
<script src="/bat-wkflow/resource/babel/babel-browser.min.js"></script>
|
||||
<!-- vue -->
|
||||
<script src="/bat-wkflow/formjs/cdn/vue/vue.min.js"></script>
|
||||
<!-- element-ui js -->
|
||||
<script src="/bat-wkflow/formjs/cdn/element-ui/index.js"></script>
|
||||
<!-- axios -->
|
||||
<script src="/bat-wkflow/formjs/cdn/axios/axios.min.js"></script>
|
||||
<!-- avue -->
|
||||
<script src="/bat-wkflow/formjs/cdn/avue/avue.min.js"></script>
|
||||
<style>
|
||||
.el-select{
|
||||
width: 100%;
|
||||
}
|
||||
</style>
|
||||
<!-- jquery -->
|
||||
<script src="/bat-wkflow/resource/js/jquery.js" type="text/javascript" charset="utf-8"></script>
|
||||
<script type="text/javascript">
|
||||
//获取地址栏参数值
|
||||
function getUrlParam(name) {
|
||||
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); // 构造一个含有目标参数的正则表达式对象
|
||||
var r = window.location.search.substr(1).match(reg); // 匹配目标参数
|
||||
if (r != null){
|
||||
return decodeURIComponent(r[2]);
|
||||
}
|
||||
return null; //返回参数值
|
||||
}
|
||||
</script>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="app">
|
||||
<avue-form v-show="showApp" :option="option" v-model="form"></avue-form>
|
||||
</div>
|
||||
|
||||
<script type="text/babel">
|
||||
var formData = '@loadFormData()';
|
||||
//获取地址栏参数值
|
||||
function getUrlParam(name) {
|
||||
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); // 构造一个含有目标参数的正则表达式对象
|
||||
var r = window.location.search.substr(1).match(reg); // 匹配目标参数
|
||||
if (r != null){
|
||||
return decodeURIComponent(r[2]);
|
||||
}
|
||||
return null; //返回参数值
|
||||
}
|
||||
var values= {};
|
||||
function loadFormData(){
|
||||
var url = '/bat-wkflow/form/vals/get_json_formval?form_val_kid='+getUrlParam('form_val_kid');
|
||||
$.ajax({
|
||||
url:url,
|
||||
dataType:"json",
|
||||
async:false,
|
||||
type:"get",
|
||||
success:function(data){
|
||||
if(data.code==200){
|
||||
values = data.result.formVals.formValsJson;
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
// 初始化 表单的值
|
||||
values = JSON.parse(values);
|
||||
}
|
||||
loadFormData();
|
||||
formData.menuBtn=false;
|
||||
var formVue = new Vue({
|
||||
el: "#app",
|
||||
data() {
|
||||
return {
|
||||
form: values,
|
||||
option: formData,
|
||||
showApp : true
|
||||
}
|
||||
},
|
||||
created() {
|
||||
},
|
||||
methods: {
|
||||
}
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,154 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<title>表单提交</title>
|
||||
<!-- css -->
|
||||
<link rel="stylesheet" href="/bat-wkflow/formjs/cdn/element-ui/theme-chalk/index.css">
|
||||
<!-- babel -->
|
||||
<script src="/bat-wkflow/resource/babel/babel-browser.min.js"></script>
|
||||
<!-- vue -->
|
||||
<script src="/bat-wkflow/formjs/cdn/vue/vue.min.js"></script>
|
||||
<!-- element-ui js -->
|
||||
<script src="/bat-wkflow/formjs/cdn/element-ui/index.js"></script>
|
||||
<!-- axios -->
|
||||
<script src="/bat-wkflow/formjs/cdn/axios/axios.min.js"></script>
|
||||
<!-- avue -->
|
||||
<script src="/bat-wkflow/formjs/cdn/avue/avue.min.js"></script>
|
||||
<style>
|
||||
.el-select{
|
||||
width: 100%;
|
||||
}
|
||||
.readonlyForm{
|
||||
width:100%;
|
||||
frameborder:0;
|
||||
border:0;
|
||||
}
|
||||
|
||||
</style>
|
||||
<!-- jquery -->
|
||||
<script src="/bat-wkflow/resource/js/jquery.js" type="text/javascript" charset="utf-8"></script>
|
||||
<script type="text/javascript">
|
||||
var formVue;
|
||||
//获取地址栏参数值
|
||||
function getUrlParam(name) {
|
||||
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); // 构造一个含有目标参数的正则表达式对象
|
||||
var r = window.location.search.substr(1).match(reg); // 匹配目标参数
|
||||
if (r != null){
|
||||
return decodeURIComponent(r[2]);
|
||||
}
|
||||
return null; //返回参数值
|
||||
}
|
||||
|
||||
//加载每一个表单
|
||||
function loadOneForm(form){
|
||||
console.log(form);
|
||||
var iframe = "<iframe class='readonlyForm' onload='reinitIframe(this)' src='@src' ></iframe>"
|
||||
var src = "/bat-wkflow/resource/form/form-read.html?form_val_kid=" + form.OBJECT_ID;
|
||||
iframe = iframe.replace('@src',src);
|
||||
$("#form-reads").append(iframe);
|
||||
}
|
||||
function reinitIframe(thiz){
|
||||
var iframe = thiz;
|
||||
console.log(iframe);
|
||||
try{
|
||||
var bHeight = iframe.contentWindow.document.body.scrollHeight;
|
||||
var dHeight = iframe.contentWindow.document.documentElement.scrollHeight;
|
||||
var height = Math.min(bHeight, dHeight);
|
||||
iframe.height = height+20;
|
||||
// console.log(iframe.height);
|
||||
}catch (ex){
|
||||
console.log(ex);
|
||||
}
|
||||
}
|
||||
//加载以往的只读表单
|
||||
function loadFormReads(){
|
||||
var url = '/bat-wkflow/form/vals/get_forms?task_id='+getUrlParam('task_id');
|
||||
$.ajax({
|
||||
url:url,
|
||||
dataType:"json",
|
||||
// async:false,
|
||||
type:"get",
|
||||
success:function(data){
|
||||
if(data.code!=200){
|
||||
alert('服务器正忙,请稍后再试.');
|
||||
return;
|
||||
}
|
||||
var formList = data.result;
|
||||
console.log(formList);
|
||||
if(!formList || formList.length==0){
|
||||
return;
|
||||
}
|
||||
for(var i=0;i<formList.length;i++){
|
||||
loadOneForm(formList[i]);
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
$(function(){
|
||||
loadFormReads();
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="form-reads">
|
||||
</div>
|
||||
<div id="app">
|
||||
<avue-form :option="option" v-model="form" @submit="handleSubmit"></avue-form>
|
||||
</div>
|
||||
|
||||
<script type="text/babel">
|
||||
var formData = '@loadFormData()';
|
||||
|
||||
var urlSubmit = '/bat-wkflow/form/workflow/submit';
|
||||
|
||||
formVue = new Vue({
|
||||
el: "#app",
|
||||
data() {
|
||||
return {
|
||||
form: {},
|
||||
option: formData
|
||||
}
|
||||
},
|
||||
created() {
|
||||
},
|
||||
methods: {
|
||||
handleSubmit(form, done) {
|
||||
var thiz = this;
|
||||
console.log(form);
|
||||
axios({
|
||||
method: 'post',
|
||||
url: urlSubmit,
|
||||
data: {
|
||||
task_id: getUrlParam('task_id'),
|
||||
form: JSON.stringify(form),
|
||||
form_id: getUrlParam('form_id')
|
||||
}
|
||||
})
|
||||
.then(function (response) {
|
||||
console.log(response);
|
||||
if(response.data.code==200){
|
||||
thiz.$message.success(response.data.result);
|
||||
thiz.option.menuBtn = false;
|
||||
// window.close();
|
||||
// done()
|
||||
|
||||
}else{
|
||||
thiz.$message.error(response.message);
|
||||
}
|
||||
})
|
||||
.catch(function (error) {
|
||||
console.log(error);
|
||||
});
|
||||
} // handleSubmit
|
||||
}
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user