123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>逸管FEP</title>
- <link rel="stylesheet" href="{__MOBILE__}/css/base.css">
- <link rel="stylesheet" href="{__MOBILE__}/css/record_edit.css">
- <link rel="stylesheet" href="{__MOBILE__}/layui-v2.8.18-rc.1/layui-v2.8.18-rc.1/layui/css/layui.css">
- <script src="{__MOBILE__}/tinymce_5.10.0_dev/tinymce/js/tinymce/tinymce.min.js"></script>
- <script src="{__MOBILE__}/tinymce_5.10.0_dev/tinymce/js/tinymce/langs/zh_CN.js"></script>
- <script>
- tinymce.init({
- selector: '#basic-conf',
- width: '94vw',
- height: '50vh',
- language: 'zh_CN',
- mobile: {
- toolbar_drawer: 'sliding',
- plugins: [
- 'advlist', 'autolink', 'link', 'image', 'lists', 'charmap', 'preview', 'anchor', 'pagebreak',
- 'searchreplace', 'wordcount', 'visualblocks', 'code', 'fullscreen', 'insertdatetime', 'media',
- 'table', 'emoticons', 'template',
- ],
- toolbar: 'undo redo | styles | bold italic | alignleft aligncenter alignright alignjustify | ' +
- 'bullist numlist outdent indent | link image | print preview media fullscreen | ' +
- 'forecolor backcolor emoticons',
- menu: {
- },
- menubar: 'file edit view insert format tools table',
- content_style: 'body { font-family:Helvetica,Arial,sans-serif; font-size:16px }',
- },
- branding: false,
- });
- </script>
- </head>
- <body>
- <div class="top-return">
- <a href="{:url('mobile/index/kan_list')}"><span><img src="{__MOBILE__}/img/left.png" alt=""
- style="width: 5vw;"></span></a><span style="font-size: 4.7vw;">编辑文档</span>
- </div>
- <form class="layui-form layui-form-pane" action="" style="padding: 4vw 3vw 0 3vw;margin-top: 14vw;">
- <div class="layui-form-item" style="display: flex;">
- <div class="edit-title">关联项目:</div>
- <div class="layui-input-block" style="margin-left: 2vw;font-size:3.7vw;width:70vw;">
- {$project}
- </div>
- </div>
- <div class="layui-form-item">
- <div class="edit-title">文档内容</div>
- <textarea name="content" id="basic-conf" placeholder="请输入内容" class="layui-textarea">
- </textarea>
- </div>
- <div class="layui-form-item">
- <input type="hidden" name="id" value="0"/>
- <button type="button" class="layui-btn layui-btn-normal" lay-submit lay-filter="webform">立即提交</button>
- </div>
- </form>
- <script src="{__MOBILE__}/layui-v2.8.18-rc.1/layui-v2.8.18-rc.1/layui/layui.js"></script>
- <script src="{__MOBILE__}/js/jquery-3.4.1.min.js"></script>
- <script>
- var user_type = '{$user_type}';
- layui.use(['form'], function(){
- var form = layui.form;
- var layer = layui.layer;
- // 提交事件
- let a = 1;
- form.on('submit(webform)', function(data){
- data.field.project_id = "{$project_id}"
- data.field.content = tinyMCE.editors['basic-conf'].getContent();
- console.log(data.field);
- if (data.field.content == '') {
- layer.msg('请先完善文章内容');
- return false;
- }
- let callback = function (e) {
- layer.msg(e.msg);
- setTimeout(function (){
- const host = window.location.host;
- window.location.href='http://'+host+'/mobile/index/detail?id=' + '{$project_id}' ;
- },1500)
- a = 1;
- }
- if(user_type==0){
- var url = '/admin/project.record/add';
- }else if(user_type==2){
- var url = '/admin/project.record/add_company';
- }
- $.ajax({
- type: "post", //使用get方式
- url: url, //json文件相对于这个HTML的路径
- data: data.field,
- dataType: "json",
- async: false,
- success: function (e) {
- callback(e)
- },
- error: function () {
- layer.alert("网络错误!! ");
- }
- });
- a = 0;
- return false; // 阻止默认 form 跳转
- });
- });
- </script>
- </body>
- </html>
|