表单设计界面去掉vue

This commit is contained in:
wintel 2024-07-20 21:53:03 +08:00
parent 99574e1e91
commit e46d162ead
2 changed files with 19 additions and 27 deletions

View File

@ -11,8 +11,8 @@
} }
<form class="layui-form layui-form-pane" action="" id="formEdit"> <form class="layui-form layui-form-pane" action="" id="formEdit" lay-filter="formEdit">
<input type="hidden" name="Id" v-model="tmp.Id" /> <input type="hidden" name="Id" />
<input type="hidden" name="Fields" id="Fields" value="0"> <input type="hidden" name="Fields" id="Fields" value="0">
<div class="layui-row"> <div class="layui-row">
@ -26,7 +26,7 @@
<div class="layui-form-item" pane> <div class="layui-form-item" pane>
<label class="layui-form-label">表单名称</label> <label class="layui-form-label">表单名称</label>
<div class="layui-input-block"> <div class="layui-input-block">
<input type="text" name="Name" v-model="tmp.Name" required lay-verify="required" <input type="text" name="Name" required lay-verify="required"
placeholder="表单名称" autocomplete="off" class="layui-input"> placeholder="表单名称" autocomplete="off" class="layui-input">
</div> </div>
</div> </div>
@ -34,7 +34,7 @@
<div class="layui-form-item" pane> <div class="layui-form-item" pane>
<label class="layui-form-label">关联数据表名</label> <label class="layui-form-label">关联数据表名</label>
<div class="layui-input-block"> <div class="layui-input-block">
<input type="text" name="DbName" v-model="tmp.DbName" required <input type="text" name="DbName" required
placeholder="关联数据表名称" autocomplete="off" class="layui-input"> placeholder="关联数据表名称" autocomplete="off" class="layui-input">
</div> </div>
</div> </div>
@ -42,14 +42,14 @@
<div class="layui-form-item" pane> <div class="layui-form-item" pane>
<label class="layui-form-label">排序码</label> <label class="layui-form-label">排序码</label>
<div class="layui-input-block"> <div class="layui-input-block">
<input type="text" name="SortCode" v-model="tmp.SortCode" class="layui-input"> <input type="text" name="SortCode" class="layui-input">
</div> </div>
</div> </div>
<div class="layui-form-item" pane> <div class="layui-form-item" pane>
<label class="layui-form-label">备注</label> <label class="layui-form-label">备注</label>
<div class="layui-input-block"> <div class="layui-input-block">
<textarea name="Description" v-model="tmp.Description" <textarea name="Description"
placeholder="备注" class="layui-textarea"></textarea> placeholder="备注" class="layui-textarea"></textarea>
</div> </div>
</div> </div>
@ -92,6 +92,6 @@
<script type="text/javascript" charset="utf-8" src="/js/ueditor/formdesign/leipi.formdesign.v4.js?2023"></script> <script type="text/javascript" charset="utf-8" src="/js/ueditor/formdesign/leipi.formdesign.v4.js?2023"></script>
<script type="text/javascript" src="/layui/layui.js"></script> <script type="text/javascript" src="/layui/layui.js"></script>
<script type="text/javascript" src="/userJs/formEdit.js?v2.0.0"></script> <script type="text/javascript" src="/userJs/formEdit.js?v3"></script>

View File

@ -21,6 +21,15 @@
}); });
}); });
var initVal ={
Id: '',
Name: '',
DbName: '',
SortCode: '',
Description: ''
}
//表单设计器 //表单设计器
var ue = UE.getEditor('myFormDesign', { var ue = UE.getEditor('myFormDesign', {
//allowDivTransToP: false,//阻止转换div 为p //allowDivTransToP: false,//阻止转换div 为p
@ -264,14 +273,7 @@
function (data) { function (data) {
var obj = data.Result; var obj = data.Result;
url = "/Forms/Update"; url = "/Forms/Update";
new Vue({ form.val("formEdit", data.Result);
el: "#formEdit",
data(){
return{
tmp:data.Result
}
}
});
//玄学加个延迟ueditor才能正常 //玄学加个延迟ueditor才能正常
setTimeout(function () { setTimeout(function () {
@ -283,17 +285,7 @@
}, 500); }, 500);
}); });
} else { } else {
new Vue({ form.val("formEdit", initVal);
el: "#formEdit",
data(){
return{
tmp:{
Id: '',
SortCode:1
}
}
}
});
} }