1
0

add2.html 22 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655
  1. {extend name="public/layout" /} {block name="title"}公司实力添加{/block} {block name="body"}
  2. <!--<link rel="stylesheet" href="__LAYUI__/common.css" media="all">-->
  3. <style type="text/css">
  4. html,
  5. body {
  6. display: block;
  7. width: 100%;
  8. background-color: #fff;
  9. }
  10. .layui-fluid {
  11. display: block;
  12. border-radius: 5px;
  13. background-color: #ffffff;
  14. box-sizing: border-box;
  15. padding: 15px 30px;
  16. }
  17. .layui-icon{font-size:18px !important;line-height: 38px;}
  18. .layui-tab {
  19. padding: 15px;
  20. height: 100%;
  21. }
  22. .layui-table-view .layui-table th,
  23. .layui-table-view .layui-table td {
  24. text-align: center;
  25. border-color: #B6CADE;
  26. }
  27. .layui-table thead tr,
  28. .layui-table-header {
  29. background-color: #D8E6F1;
  30. }
  31. .input-indent-box {
  32. display: inline;
  33. width: 80%;
  34. }
  35. .input-indent-box-small {
  36. display: inline;
  37. width: 20%;
  38. }
  39. .adding {
  40. cursor: pointer;
  41. }
  42. .upload-img .area i {
  43. font-size: 50px;
  44. color: #009688;
  45. }
  46. .evi-block {
  47. float: left;
  48. margin-right: 10px;
  49. }
  50. /*///*/
  51. .imageDiv {
  52. display: inline-block;
  53. width: 140px;
  54. height: 125px;
  55. -webkit-box-sizing: border-box;
  56. -moz-box-sizing: border-box;
  57. box-sizing: border-box;
  58. border: 1px dashed darkgray;
  59. background: #f8f8f8;
  60. position: relative;
  61. overflow: hidden;
  62. }
  63. .addImages {
  64. display: inline-block;
  65. width: 140px;
  66. height: 125px;
  67. -webkit-box-sizing: border-box;
  68. -moz-box-sizing: border-box;
  69. box-sizing: border-box;
  70. border: 1px dashed darkgray;
  71. background: #f8f8f8;
  72. position: relative;
  73. overflow: hidden;
  74. }
  75. .text-detail {
  76. margin-top: 40px;
  77. text-align: center;
  78. }
  79. .text-detail>span {
  80. font-size: 40px;
  81. }
  82. .imageDiv div {
  83. width: 100%;
  84. height: 100%;
  85. position: absolute;
  86. top: 0px;
  87. background-color: #e6e6e600;
  88. }
  89. .imageDiv div i {
  90. display: none;
  91. font-size: 31px;
  92. position: absolute;
  93. top: 37%;
  94. left: 40%;
  95. }
  96. .imageDiv div:hover {
  97. background-color: #e6e6e680;
  98. }
  99. .imageDiv div:hover i {
  100. display: block;
  101. cursor: pointer;
  102. }
  103. .rotate180 {
  104. -webkit-transform: rotate(180deg);
  105. transform: rotate(180deg);
  106. }
  107. .layui-edge.rotate180 {
  108. margin-top: -9px;
  109. }
  110. .layui-input-inline.input-longer-inline {
  111. width: 290px;
  112. }
  113. .goback {
  114. float: right;
  115. }
  116. .goback a {
  117. color: #269efb;
  118. }
  119. .goback i {
  120. position: relative !important;
  121. }
  122. @media screen and (max-width: 450px){
  123. .layui-form-item{
  124. position: relative;
  125. }
  126. .layui-form-item .layui-input-inline {
  127. padding-right: 40px !important;
  128. }
  129. .adding {
  130. position: absolute;
  131. right: 10px;
  132. top: 0;
  133. }
  134. }
  135. input:disabled, input[disabled]{
  136. color: black;
  137. opacity: 1;
  138. -webkit-text-fill-color:black;
  139. -webkit-opacity:1;
  140. }
  141. .layui-btn-primary {
  142. color: #249EFB;
  143. border: 1px solid #249EFB;
  144. }
  145. .layui-btn-primary:hover {
  146. background-color: #E3F7FF;
  147. color: #249EFB;
  148. }
  149. .layui-card-body {
  150. padding: 10px 0;
  151. }
  152. .layui-border-btn,.layui-border-btn:hover {
  153. background-color: #fff;
  154. color: #249EFB;
  155. border: 1px solid #249EFB;
  156. }
  157. #symbshowed video{max-height: 400px;margin-top: 15px;}
  158. .isimgupload{width:190px;height: 152px;}
  159. .imageDiv{position: absolute;top:0;left:0;width:100%;height: 100%;background: rgba(230,230,230,.5);display: none;}
  160. .imageDiv i{display: block;width:18px;height: 18px;position: absolute;top:0;left:0;bottom:0;right: 0;margin:auto;}
  161. .layui-upload-drag{width:100%;height: 90px;}
  162. .vrBtnSelect {
  163. max-width: 100px;
  164. white-space: nowrap;
  165. padding: 0px 10px;
  166. height: 38px;
  167. background-color: #249EFB;
  168. color: #ffffff;
  169. text-align: center;
  170. line-height: 38px;
  171. border-radius: 4px;
  172. margin-left: 5px;
  173. cursor: pointer;
  174. }
  175. .flexBox {
  176. display: flex !important;
  177. }
  178. </style>
  179. <body>
  180. <div class="layui-fluid">
  181. <div class="layui-card">
  182. <div class="layui-card-body">
  183. <form class="layui-form" enctype="multipart/form-data" lay-filter="evidence-form">
  184. <input type="hidden" name="cate1" value='{$cate1}'/>
  185. <div class="layui-form-item">
  186. <label class="layui-form-label"><i style="color:red;">*</i>标题</label>
  187. <div class="layui-input-inline">
  188. <input class="layui-input inputBox" autocomplete="off" lay-verify="required" name="title" placeholder="请输入标题" type="text" value="">
  189. </div>
  190. </div>
  191. <div class="layui-form-item">
  192. <label class="layui-form-label"><span class="colorRed" style="color:red;margin-right:5px;"></span>分类</label>
  193. <div class="layui-input-inline">
  194. <select name="cate2" lay-filter="type" id="type" lay-search>
  195. <option value="">请选择分类</option>
  196. {volist name="type" id="t"}
  197. <option value="{$t.id}">{$t.title}</option>
  198. {/volist}
  199. </select>
  200. </div>
  201. </div>
  202. <div class="layui-form-item">
  203. <label class="layui-form-label"><span class="colorRed" style="color:red;margin-right:5px;"></span>标签</label>
  204. <div class="layui-input-inline">
  205. <select name="cate3" id="label" lay-filter="type2">
  206. <option value="">请选择标签</option>
  207. </select>
  208. </div>
  209. </div>
  210. <div class="layui-form-item" style="clear:both;width:100%;">
  211. <label class="layui-form-label"> 类别:</label>
  212. <div class="layui-input-block lh45 mdl20" style="max-width: 300px !important;">
  213. <input type="radio" class="radio_input" lay-filter="video_type"
  214. name="type" value="0" title="推荐" checked>
  215. <input type="radio" class="radio_input" lay-filter="video_type"
  216. name="type" value="1" title="必看">
  217. </div>
  218. </div>
  219. <div class="layui-form-item">
  220. <label class="layui-form-label"><span style="color: red;"></span></label>
  221. <div class="layui-input-inline input-longer-inline" style="width: 60%;">
  222. <input type="radio" name="difference" value="1" title="视频" lay-filter="type" checked/>
  223. <input type="radio" name="difference" value="2" title="图片" lay-filter="type"/>
  224. <input type="radio" name="difference" value="3" title="VR" lay-filter="type"/>
  225. <input type="radio" name="difference" value="4" title="PDF" lay-filter="type"/>
  226. <input type="radio" name="difference" value="5" title="VR作品" lay-filter="type"/>
  227. </div>
  228. </div>
  229. <div class="layui-form-item video">
  230. <div class="layui-form-item">
  231. <label class="layui-form-label"><span class="coverssc">视频</span>封面图</label>
  232. <div class="layui-input-inline isimgupload" style="position: relative;">
  233. <div class="" id="upload-drag">
  234. <div class="layui-upload-drag">
  235. <i class="layui-icon">&#xe681;</i>
  236. <p>上传图片</p>
  237. </div>
  238. </div>
  239. <div class="imageDiv"><i class="layui-icon layui-icon-delete" prop="del"></i></div>
  240. </div>
  241. </div>
  242. <div class="layui-form-item">
  243. <label class="layui-form-label"></label>
  244. <div><i style="color:red;margin-right:5px;">*</i><span class="coverssc">视频</span>封面比例建议按照全屏比例750X1334,或者宽高比例5:3,图片大小不超过1M</div>
  245. </div>
  246. <label class="layui-form-label"><span style="color: red;">*</span><span class="coverssc">视频</span></label>
  247. <div class="layui-input-inline" style="width: 290px;display: block;" id="container">
  248. <a class="layui-btn btn layui-border-btn" id="selectfiles" href="javascript:void(0);">选择<span class="coverssc">视频</span></a>
  249. <a class="trainuploadbtn layui-btn btn layui-border-btn" style="display: none;" id="selectfiles3" href="javascript:void(0);">选择pdf</a>
  250. <a class="layui-btn btn layui-border-btn" id="postfiles" href="javascript:void(0);">开始上传</a>
  251. <a class="layui-btn btn layui-border-btn" style="display:none;" id="postfiles3" href="javascript:void(0);">开始上传</a>
  252. <div id="ossfile"></div>
  253. <div id="symbshowed"></div>
  254. <div class="layui-form-mid layui-word-aux" style="color: red!important;margin-left:10px;">注:选择<span class="coverssc">视频</span>并上传,限制280M内</div>
  255. <!--报错信息返回展示-->
  256. <pre id="console"></pre>
  257. <input type="hidden" value="" id="fileuri">
  258. <!--上传到OSS哪个文件下,在这里定义 -->
  259. <input type="hidden" value="dailyWechatArticle" id="wechat_label_name">
  260. <input id="category_name" type="hidden" value="Train_company_strength" />
  261. <input type="hidden" value="Trainvideo" id="category_name1">
  262. <input type="hidden" value="Trainaudio" id="category_name2">
  263. <input type="hidden" value="Trainpdf" id="category_name3">
  264. </div>
  265. <div class="layui-form-item format" style="clear:both;width:100%;">
  266. <label class="layui-form-label"><i style="color:red;">*</i> 视频格式:</label>
  267. <div class="layui-input-block lh45 mdl20" style="max-width: 300px !important;">
  268. <input type="radio" id="1" class="radio_input" lay-filter="video_type"
  269. name="video_type" value="0" title="竖屏" checked>
  270. <input type="radio" id="2" class="radio_input" lay-filter="video_type"
  271. name="video_type" value="1" title="横屏">
  272. </div>
  273. </div>
  274. </div>
  275. <div class="layui-form-item img layui-hide">
  276. <label class="layui-form-label"><span style="color: red;">*</span>封面图</label>
  277. <div class="picDiv" style="margin: 20px 20px 0px;">
  278. <div class="addImages" id="evidence_imgs">
  279. <div class="layui-upload-drag" style="width: 77px;">
  280. <i class="layui-icon">&#xe681;</i>
  281. <p>上传图文</p>
  282. </div>
  283. </div>
  284. </div>
  285. </div>
  286. <div class="layui-form-item img layui-hide">
  287. <label class="layui-form-label"></label>
  288. <div><i style="color:red;margin-right: 5px;">*</i>建议上传图片宽高比例5:3,图片大小不超过1M</div>
  289. </div>
  290. <div class="layui-form-item vr layui-hide">
  291. <label class="layui-form-label">VR链接:</label>
  292. <div class="layui-input-block flexBox">
  293. <input type="text" name="vr_case" placeholder="请输入VR链接" autocomplete="off" class="layui-input">
  294. <div class="vrBtnSelect layui-hide">选择vr作品</div>
  295. </div>
  296. </div>
  297. <div class="layui-form-item">
  298. <label class="layui-form-label">描述</label>
  299. <div class="layui-input-block" id="contentbody">
  300. <div id="textarea_id">
  301. <textarea id="anli_content" name="desc" placeholder="图片相关描述" autocomplete="off" class="layui-textarea"></textarea>
  302. </div>
  303. <div id="script_id" style="display: none;">
  304. <textarea id='anli_content2' name='desc2' style="height: 350px;"></textarea>
  305. </div>
  306. </div>
  307. </div>
  308. <div class="layui-form-item submit-btn">
  309. <input class="layui-btn layui-btn-primary" style="margin-left:12%;" type="button" lay-submit lay-filter="layuiadmin-evidence-submit" id="layuiadmin-evidence-submit" value="确认提交">
  310. </div>
  311. </form>
  312. </div>
  313. </div>
  314. </div>
  315. </body>
  316. {/block} {block name="js"}
  317. <!-- 配置文件 -->
  318. <script type="text/javascript" src="__STATIC__/ueditor/dist/utf8-php/ueditor.config.js"></script>
  319. <!-- 编辑器源码文件 -->
  320. <script type="text/javascript" src="__STATIC__/ueditor/dist/utf8-php/ueditor.all.js"></script>
  321. <!-- 实例化编辑器 -->
  322. <script type="text/javascript">
  323. var ue = UE.getEditor('anli_content2');
  324. </script>
  325. <script type="text/javascript" src="__STATIC__/js/plupload/js/plupload.full.min.js"></script>
  326. <script type="text/javascript" src="__STATIC__/js/plupload/ossupload.js"></script>
  327. <script type="text/javascript" src="__STATIC__/js/Sortable.js"></script>
  328. <script src="https://gosspublic.alicdn.com/aliyun-oss-sdk-6.3.1.min.js" async></script>
  329. <script>
  330. layui.config({
  331. base: '__LAYUI__/' //静态资源所在路径
  332. ,
  333. urlbase: '/sys'
  334. }).extend({
  335. index: 'lib/index' //主入口模块
  336. }).use(['index', 'form', 'table', 'layedit', 'element', 'upload'], function() {
  337. var $ = layui.$,
  338. element = layui.element,
  339. upload = layui.upload,
  340. layedit = layui.layedit,
  341. form = layui.form;
  342. var files = [];
  343. var objdata={};
  344. var indexs=0;
  345. var html01 = '';
  346. var html02 = '';
  347. var textarea;
  348. var img = '';
  349. //2023-01-31视频也要改成富文本
  350. $('#contentbody #textarea_id').css('display','none');
  351. $('#contentbody #script_id').show();
  352. //视频封面图
  353. upload.render({
  354. elem: '#upload-drag',
  355. accept: 'image',
  356. url:'/upload/',
  357. exts: 'png|jpg|jpeg',
  358. auto: false,
  359. field: 'file',
  360. size: 3 * 1024,
  361. choose: function(obj) {
  362. obj.preview(function(index, file, result) {
  363. var loadingIndex = layer.load('Loading...', {
  364. shade: [0.6,'#000'] //0.1透明度的白色背景
  365. });
  366. ossuploadimg(file).then(f => {
  367. layer.close(loadingIndex);
  368. img = `https://o.nczyzs.com/${f}`;
  369. $('#upload-drag').html('<img class="fmimages" src="' + result + '" style="height: 100%;width:100%;">');
  370. })
  371. });
  372. },
  373. });
  374. function ossuploadimg(file) {
  375. return new Promise((resolve,reject) => {
  376. var client = new OSS({
  377. region: "oss-cn-hangzhou",
  378. accessKeyId: "LTAI5tHjWupJSCAycy2yVbQZ",
  379. accessKeySecret: "eNFicm77Cfq3u7ZnQyw1urFmFNpf3w",
  380. bucket: "zyzswzh",
  381. secure: true
  382. });
  383. var date = new Date().getTime();
  384. var objectName = 'SmartScreen/' + date + "/" + Date.now() + ".jpeg";
  385. client.put(objectName, file).then(function (result) {
  386. resolve(result.name);
  387. }).catch(function (error) {
  388. reject(error)
  389. });
  390. })
  391. }
  392. $('.isimgupload').hover(function(){
  393. if($("#upload-drag:has(img.fmimages)").length>0){
  394. $('.imageDiv').show();
  395. }
  396. },function(){
  397. $('.imageDiv').hide();
  398. })
  399. $('.imageDiv').on('click', function(e) {
  400. var that = this;
  401. layer.confirm('确定删除该图片么?',{title: ['信息', 'color:#333333;background-color:#D8E6F1;'],}, function(index) {
  402. var imgDiv = $('#upload-drag').find('img');
  403. imgDiv.remove();
  404. objdata['cover'] = '';
  405. $('#upload-drag').html('<div class="layui-upload-drag"><i class="layui-icon">&#xe681;</i><p>上传图片</p></div>');
  406. layer.close(index);
  407. });
  408. });
  409. //vr作品
  410. $('.vrBtnSelect').click(function(){
  411. let vrStr = $('input[name="vr_case"]').val();
  412. let vrSid = "";
  413. if (vrStr && ((vrStr.indexOf("saastest.zhuangqixiaoguan.com") > -1)||(vrStr.indexOf("h5.zqxg.cc") > -1))) {
  414. vrSid = vrStr.split("/#/")[1];
  415. }
  416. layer.open({
  417. type: 2,
  418. title: ['选择VR作品', 'color:#333333;background-color:#D8E6F1;'],
  419. content: '{:url("building/group")}?id='+vrSid,
  420. area: ['80%', '80%'],
  421. btn: ['确定', '取消'],
  422. yes: function (index, layero) {
  423. let data = layero.find('iframe').contents().find("#hiddentext").val();
  424. if (data) {
  425. let vrObject = JSON.parse(data);
  426. $('input[name="vr_case"]').val(vrObject.show_url);
  427. }
  428. layer.close(index);
  429. //点击确认触发 iframe 内容中的按钮提交
  430. }
  431. });
  432. })
  433. //图片类型配图
  434. upload.render({
  435. elem: '#evidence_imgs',
  436. accept: 'image',
  437. url:'/upload/',
  438. exts: 'png|jpg|jpeg',
  439. auto: false,
  440. field: 'file',
  441. size: 3 * 1024,
  442. choose: function(obj) {
  443. obj.preview(function(index, file, result) {
  444. var loadingIndex = layer.load('Loading...', {
  445. shade: [0.6,'#000'] //0.1透明度的白色背景
  446. });
  447. ossuploadimg(file).then(f => {
  448. layer.close(loadingIndex);
  449. img = `https://o.nczyzs.com/${f}`;
  450. $('#evidence_imgs').html('<img src="' + result + '" style="height: 100%;width:100%;">');
  451. })
  452. });
  453. },
  454. });
  455. //客户见证添加
  456. form.on('submit(layuiadmin-evidence-submit)', function(data) {
  457. var formData = new FormData(data.form);
  458. var param = data.field;
  459. //监听分类,去除图片或视频
  460. var radio = $('input[name=difference]:radio:checked').val();
  461. formData.delete('evidence_image');
  462. if(radio == 1) {
  463. var video_url = $('#fileuri').val();
  464. formData.append('video_case',video_url);
  465. if (video_url=='') {
  466. layer.msg('请选择视频', {anim: 6,time: 1000,icon: 5});
  467. return false;
  468. }
  469. // if (objdata['cover'] == "" || objdata['cover'] == null || objdata['cover'] == undefined) {
  470. // objdata['cover'] = "";
  471. // objdata['covers']= "";
  472. // }
  473. formData.append('cover', img);
  474. } else if (radio == 2) {
  475. ue.ready(function () {
  476. formData.append('desc', ue.getContent());
  477. });
  478. if (img == "") {
  479. layer.msg('请选择图片', { anim: 0, time: 1000, icon: 5 });
  480. return false;
  481. }
  482. formData.append('cover', img);
  483. } else if (radio == 3||radio == 5){
  484. if (param.vr_case=='') {
  485. layer.msg('请输入vr地址', { anim: 0, time: 1000, icon: 5 });
  486. return false;
  487. }
  488. } else if (radio ==4){
  489. var video_url = $('#fileuri').val();
  490. formData.append('video_case',video_url);
  491. if (video_url=='') {
  492. layer.msg('请选择pdf文件', {anim: 6,time: 1000,icon: 5});
  493. return false;
  494. }
  495. formData.append('cover', img);
  496. }else{
  497. layer.msg('无效线索操作', { anim: 0, time: 1000, icon: 5 });
  498. return false;
  499. }
  500. // formData.append('cover', objdata['cover']);
  501. // formData.append('covers', objdata['covers']);
  502. // formData.append('cate', $('#label').val());
  503. // 单击之后提交按钮不可选,防止重复提交
  504. var DISABLED = 'layui-btn-disabled';
  505. var target = '#layuiadmin-evidence-submit';
  506. $(target).addClass(DISABLED);
  507. $(target).attr('disabled', 'disabled');
  508. $.ajax({
  509. url: '{:url("smartScreen/add")}',
  510. type: 'post',
  511. data: formData,
  512. dataType: 'json',
  513. processData: false,
  514. contentType: false,
  515. success: function(res) {
  516. if(res.code === 0) {
  517. objdata={};
  518. localStorage.setItem('gssldata','');
  519. layer.msg(res.msg, {
  520. anim: 0,time: 1000,icon: 6,
  521. }, function() {
  522. var index = parent.layer.getFrameIndex(window.name);
  523. parent.layer.close(index);
  524. parent.layui.table.reload('evidence-table');
  525. });
  526. } else {
  527. layer.msg(res.msg, {anim: 0,time: 1000,icon: 5});
  528. $(target).removeClass(DISABLED);
  529. $(target).removeAttr('disabled');
  530. }
  531. },
  532. error : function(e){
  533. $(target).removeClass(DISABLED);
  534. $(target).removeAttr('disabled');
  535. }
  536. });
  537. return false;
  538. });
  539. form.on('radio(type)', function(data) {
  540. if(data.value == 1) {
  541. indexs = 1;
  542. $('#contentbody #textarea_id textarea').html(html01);
  543. $('#contentbody #textarea_id').css('display','none');
  544. $('#contentbody #script_id').show();
  545. $('.layui-layedit').remove();
  546. $('.layui-textarea').removeClass('layui-hide');
  547. $('.video').removeClass('layui-hide');
  548. $('.img').addClass('layui-hide');
  549. $('.vr').addClass('layui-hide');
  550. $('.coverssc').html('视频');
  551. $('.format').show();
  552. $('#selectfiles3').hide();
  553. $('#selectfiles').show();
  554. $('#postfiles').show();
  555. $('#postfiles3').hide();
  556. form.render();
  557. } else if(data.value == 2) {
  558. indexs = 2;
  559. //加载ueditor编辑器
  560. $('#contentbody #textarea_id').css('display','none');
  561. $('#contentbody #script_id').css('display','block');
  562. $('.img').removeClass('layui-hide');
  563. $('.video').addClass('layui-hide');
  564. $('.vr').addClass('layui-hide');
  565. ue.setContent(html02);
  566. form.render();
  567. } else if (data.value == 3||data.value == 5) {
  568. $('#contentbody #textarea_id').css('display','none');
  569. $('#contentbody #script_id').css('display','block');
  570. $('.video').addClass('layui-hide');
  571. $('.img').addClass('layui-hide');
  572. $('.vr').removeClass('layui-hide');
  573. if (data.value == 5) {
  574. $('.vrBtnSelect').removeClass('layui-hide');
  575. } else {
  576. $('.vrBtnSelect').addClass('layui-hide');
  577. }
  578. ue.setContent(html02);
  579. form.render();
  580. } else if (data.value == 4) {
  581. $('#contentbody #textarea_id textarea').html(html01);
  582. $('#contentbody #textarea_id').css('display','block');
  583. $('#contentbody #script_id').css('display','none');
  584. $('.layui-layedit').remove();
  585. $('.layui-textarea').removeClass('layui-hide');
  586. $('.video').removeClass('layui-hide');
  587. $('.img').addClass('layui-hide');
  588. $('.vr').addClass('layui-hide');
  589. $('.coverssc').html('PDF');
  590. $('.format').hide();
  591. $('#selectfiles3').show();
  592. $('#selectfiles').hide();
  593. $('#postfiles').hide();
  594. $('#postfiles3').show();
  595. } else {
  596. $('.video').addClass('layui-hide');
  597. $('.img').addClass('layui-hide');
  598. $('.vr').addClass('layui-hide');
  599. ue.setContent(html02);
  600. form.render();
  601. }
  602. });
  603. //下拉框关联
  604. var typeData = JSON.parse('{$label|raw}');
  605. form.on('select(type)', function (data) {
  606. var typeJson = typeData[data.value];
  607. var typeLabel = $('#label');
  608. typeLabel.empty().append('<option value="">请选择标签</option>');
  609. for (r in typeJson) {
  610. typeLabel.append('<option value=' + r + '>' + typeJson[r] + '</option>');
  611. }
  612. form.render();
  613. });
  614. });
  615. </script>
  616. {/block}