smartExplain.html 6.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="renderer" content="webkit">
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  7. <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
  8. <title>智能讲解</title>
  9. <link rel="stylesheet" type="text/css" href="layui/css/layui.css"/>
  10. <link rel="stylesheet" type="text/css" href="css/admin.css"/>
  11. <link rel="stylesheet" type="text/css" href="css/common.css"/>
  12. <link rel="stylesheet" type="text/css" href="css/animate.css"/>
  13. </head>
  14. <style>
  15. .layui-form-item .layui-input-inline {
  16. width: 60%;
  17. }
  18. .layui-textarea {
  19. resize: none;
  20. height: 100px;
  21. }
  22. </style>
  23. <body>
  24. <!-- 主要内容 -->
  25. <div class="main fadeIn animated">
  26. <div class="header_title"><span>智能讲解</span></div>
  27. <div class="main_content">
  28. <table class="layui-hide" id="explainTable" lay-filter="explainTable"></table>
  29. <script type="text/html" id="explainTable_toolbar">
  30. {{# if (sessionStorage.getItem("menuid-" + sessionStorage.MENU_ID + "-add") == 'add') { }}
  31. <div class="layui-btn-container">
  32. <button class="layui-btn layui-btn-sm main_head_btn" lay-event="add"><span class="iconfont">&#xe607;</span>新增</button>
  33. </div>
  34. {{# } }}
  35. </script>
  36. <script type="text/html" id="explainTable_bar">
  37. {{# if (d.status == 10) { }}
  38. <a class="main_tab_btn" lay-event="disable" style="color: #5FB878;" title="停用"><span class="iconfont">&#xe716;</span>停用</a>
  39. {{# } else { }}
  40. <a class="main_tab_btn" lay-event="enable" style="color: #5FB878;" title="启用"><span class="iconfont">&#xe716;</span>启用</a>
  41. {{# } }}
  42. {{# if (sessionStorage.getItem("menuid-" + sessionStorage.MENU_ID + "-update") == 'update') { }}
  43. <a class="main_tab_btn" lay-event="edit" style="color: #64ADF9;"><span class="iconfont">&#xe637;</span>编辑</a>
  44. {{# } }}
  45. {{# if (sessionStorage.getItem("menuid-" + sessionStorage.MENU_ID + "-delete") == 'delete') { }}
  46. <a class="main_tab_btn" lay-event="del" style="color: #FC7D8C;"><span class="iconfont">&#xe78d;</span>删除</a>
  47. {{# } }}
  48. </script>
  49. <div class="search_box">
  50. <div class="layui-input-inline">
  51. <input type="text" name="queryValue" id="queryValue" autocomplete="off" class="layui-input" placeholder="请输会议名称查询"/>
  52. </div>
  53. <button type="button" class="layui-btn layui-btn-sm search_btn">搜 索</button>
  54. </div>
  55. </div>
  56. </div>
  57. <!-- 新增 -->
  58. <div class="add layui-hide fadeIn animated">
  59. <div class="header_title"><span>新增</span></div>
  60. <div class="main_content">
  61. <form class="layui-form" action="" id="explainInfo" lay-filter="explainInfo">
  62. <input type="hidden" class="layui-hide" id="id" name="id" readonly=""/>
  63. <div class="layui-form-item">
  64. <label class="layui-form-label"><span class="font-red">*</span>讲解名称:</label>
  65. <div class="layui-input-inline">
  66. <input type="text" class="layui-input" id="explainName" name="explainName" lay-verify="explainName" autocomplete="off" placeholder="请输入讲解名称" maxlength="100"/>
  67. </div>
  68. </div>
  69. <div class="layui-form-item">
  70. <label class="layui-form-label"><span class="font-red">*</span>讲解类型:</label>
  71. <div class="layui-input-inline">
  72. <select class="layui-select" id="explainType" name="explainType" lay-verify="explainType" lay-filter="explainType" lay-search="">
  73. <option value="">请选择讲解类型</option>
  74. <option value="10">视频讲解</option>
  75. <option value="20">图片讲解</option>
  76. </select>
  77. </div>
  78. </div>
  79. <div id="list" class="operation layui-hide">
  80. <div class="listItem">
  81. <div class="layui-form-item">
  82. <label class="layui-form-label">
  83. <button type="button" class="layui-btn uploadBtn" id="uploadBtn">
  84. <i class="layui-icon">&#xe67c;</i>上传文件
  85. </button>
  86. </label>
  87. <div class="layui-input-inline" style="display: flex;margin-left: 50px;">
  88. <input class="fileUrl" type="hidden" id="fileUrl" name="fileUrl" lay-verify="fileUrl">
  89. <input type="number" class="layui-input timestamp" style="width: 300px;" id="timestamp" step="100" placeholder="间隔时间,最小100毫秒,最大10分钟" max="600000" autocomplete="off">
  90. 毫秒
  91. <button type="button" class="layui-btn" style="margin-left: 20px;" onclick="insertTime(this);">
  92. <i class="layui-icon">&#xe624;</i>插入间隔时间
  93. </button>
  94. <button type="button" class="layui-btn layui-hide" style="margin-left: 20px;" id="additionBtn" onclick="addItem()">
  95. <i class="layui-icon">&#xe61f;</i>更多
  96. </button>
  97. </div>
  98. </div>
  99. <div>
  100. <div class="layui-form-item">
  101. <label class="layui-form-label"><span class="font-red">*</span>语音内容:</label>
  102. <div class="layui-input-inline">
  103. <textarea class="layui-textarea content" id="content" name="content" lay-verify="content" placeholder="请输入语音内容" autocomplete="off"></textarea>
  104. </div>
  105. </div>
  106. </div>
  107. </div>
  108. </div>
  109. <button type="submit" id="submit" class="layui-btn submit_btn" lay-submit="" lay-filter="submit" submitType="" style="margin-left: 50px;margin-top: 30px;">提交</button>
  110. <button type="button" class="layui-btn layui-btn-primary back back_btn" style="margin-top: 30px;">返回</button>
  111. </form>
  112. </div>
  113. </div>
  114. <script src="layui/layui.js" type="text/javascript" charset="utf-8"></script>
  115. <script src="js/common.js" type="text/javascript" charset="utf-8"></script>
  116. <script src="js/constants.js" type="text/javascript" charset="utf-8"></script>
  117. <script src="js/js-util.js" type="text/javascript" charset="utf-8"></script>
  118. <script src="js/base64.js" type="text/javascript" charset="utf-8"></script>
  119. <script src="js/basic/smartExplain.js" type="text/javascript" charset="utf-8"></script>
  120. </body>
  121. </html>