Эхлэл Бүгдийг харах Тусламж
Бүртгүүлэх Нэвтрэх
scott
/
crm
1
0
Салаа 0
Файлууд Хуулах хүсэлтүүд 0 Мэдлэгийн сан
Мод: 2ef2069516
Салаанууд Тагууд
crm
/
app
/
sys
/
view
/
smart_screen
/
edit2.html

edit2.html 26 KB
Түүх Анхны өгөгдөл

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699 
  1. {extend name="public/layout" /} {block name="title"}公司实力添加{/block} {block name="body"}
    2. 

  2. <!--<link rel="stylesheet" href="__LAYUI__/common.css" media="all">-->
    3. 

  3. <style type="text/css">
    4. 

  4. 	html,
    5. 

  5. 	body {
    6. 

  6. 		display: block;
    7. 

  7. 		width: 100%;
    8. 

  8. 		background-color: #fff;
    9. 

  9. 	}
    10. 

  10. 	
    11. 

  11. 	.layui-fluid {
    12. 

  12. 		display: block;
    13. 

  13. 		border-radius: 5px;
    14. 

  14. 		background-color: #ffffff;
    15. 

  15. 		box-sizing: border-box;
    16. 

  16. 		padding: 15px 30px;
    17. 

  17. 	}
    18. 

  18. 	.layui-icon{font-size:18px !important;line-height: 38px;}
    19. 

  19. 	.layui-tab {
    20. 

  20. 		padding: 15px;
    21. 

  21. 		height: 100%;
    22. 

  22. 	}
    23. 

  23. 	
    24. 

  24. 	.layui-table-view .layui-table th,
    25. 

  25. 	.layui-table-view .layui-table td {
    26. 

  26. 		text-align: center;
    27. 

  27. 		border-color: #B6CADE;
    28. 

  28. 	}
    29. 

  29. 	
    30. 

  30. 	.layui-table thead tr,
    31. 

  31. 	.layui-table-header {
    32. 

  32. 		background-color: #D8E6F1;
    33. 

  33. 	}
    34. 

  34. 	
    35. 

  35. 	.input-indent-box {
    36. 

  36. 		display: inline;
    37. 

  37. 		width: 80%;
    38. 

  38. 	}
    39. 

  39. 	
    40. 

  40. 	.input-indent-box-small {
    41. 

  41. 		display: inline;
    42. 

  42. 		width: 20%;
    43. 

  43. 	}
    44. 

  44. 	
    45. 

  45. 	.adding {
    46. 

  46. 		cursor: pointer;
    47. 

  47. 	}
    48. 

  48. 	
    49. 

  49. 	.upload-img .area i {
    50. 

  50. 		font-size: 50px;
    51. 

  51. 		color: #009688;
    52. 

  52. 	}
    53. 

  53. 	
    54. 

  54. 	.evi-block {
    55. 

  55. 		float: left;
    56. 

  56. 		margin-right: 10px;
    57. 

  57. 	}
    58. 

  58. 	/*///*/
    59. 

  59. 	
    60. 

  60. 	.imageDiv {
    61. 

  61. 		display: inline-block;
    62. 

  62. 		width: 140px;
    63. 

  63. 		height: 125px;
    64. 

  64. 		-webkit-box-sizing: border-box;
    65. 

  65. 		-moz-box-sizing: border-box;
    66. 

  66. 		box-sizing: border-box;
    67. 

  67. 		border: 1px dashed darkgray;
    68. 

  68. 		background: #f8f8f8;
    69. 

  69. 		position: relative;
    70. 

  70. 		overflow: hidden;
    71. 

  71. 	}
    72. 

  72. 	
    73. 

  73. 	.addImages {
    74. 

  74. 		display: inline-block;
    75. 

  75. 		width: 140px;
    76. 

  76. 		height: 125px;
    77. 

  77. 		-webkit-box-sizing: border-box;
    78. 

  78. 		-moz-box-sizing: border-box;
    79. 

  79. 		box-sizing: border-box;
    80. 

  80. 		border: 1px dashed darkgray;
    81. 

  81. 		background: #f8f8f8;
    82. 

  82. 		position: relative;
    83. 

  83. 		overflow: hidden;
    84. 

  84. 	}
    85. 

  85. 	
    86. 

  86. 	.text-detail {
    87. 

  87. 		margin-top: 40px;
    88. 

  88. 		text-align: center;
    89. 

  89. 	}
    90. 

  90. 	
    91. 

  91. 	.text-detail>span {
    92. 

  92. 		font-size: 40px;
    93. 

  93. 	}
    94. 

  94. 	
    95. 

  95. 	.imageDiv div {
    96. 

  96. 		width: 100%;
    97. 

  97. 		height: 100%;
    98. 

  98. 		position: absolute;
    99. 

  99. 		top: 0px;
    100. 

  100. 		background-color: #e6e6e600;
    101. 

  101. 	}
    102. 

  102. 	
    103. 

  103. 	.imageDiv div i {
    104. 

  104. 		display: none;
    105. 

  105. 		font-size: 31px;
    106. 

  106. 		position: absolute;
    107. 

  107. 		top: 37%;
    108. 

  108. 		left: 40%;
    109. 

  109. 	}
    110. 

  110. 	
    111. 

  111. 	.imageDiv div:hover {
    112. 

  112. 		background-color: #e6e6e680;
    113. 

  113. 	}
    114. 

  114. 	
    115. 

  115. 	.imageDiv div:hover i {
    116. 

  116. 		display: block;
    117. 

  117. 		cursor: pointer;
    118. 

  118. 	}
    119. 

  119. 	
    120. 

  120. 	.rotate180 {
    121. 

  121. 		-webkit-transform: rotate(180deg);
    122. 

  122. 		transform: rotate(180deg);
    123. 

  123. 	}
    124. 

  124. 	
    125. 

  125. 	.layui-edge.rotate180 {
    126. 

  126. 		margin-top: -9px;
    127. 

  127. 	}
    128. 

  128. 	
    129. 

  129. 	.layui-input-inline.input-longer-inline {
    130. 

  130. 		width: 290px;
    131. 

  131. 	}
    132. 

  132. 	.goback {
    133. 

  133. 		float: right;
    134. 

  134. 	}
    135. 

  135. 

  136. 	.goback a {
    137. 

  137. 		color: #269efb;
    138. 

  138. 	}
    139. 

  139. 

  140. 	.goback i {
    141. 

  141. 		position: relative !important;
    142. 

  142. 	}
    143. 

  143. 	@media screen and (max-width: 450px){
    144. 

  144. 		.layui-form-item{
    145. 

  145. 			position: relative;
    146. 

  146. 		}
    147. 

  147. 		.layui-form-item .layui-input-inline {
    148. 

  148. 			padding-right: 40px !important;
    149. 

  149. 		}
    150. 

  150. 		.adding {
    151. 

  151. 			position: absolute;
    152. 

  152. 			right: 10px;
    153. 

  153. 			top: 0;
    154. 

  154. 		}
    155. 

  155. 	}
    156. 

  156. 	input:disabled, input[disabled]{
    157. 

  157. 		color: black;
    158. 

  158. 		opacity: 1;
    159. 

  159. 		-webkit-text-fill-color:black;
    160. 

  160. 		-webkit-opacity:1;
    161. 

  161. 	}
    162. 

  162. 	.layui-btn-primary {
    163. 

  163. 		color: #249EFB;
    164. 

  164. 		border: 1px solid #249EFB;
    165. 

  165. 	}
    166. 

  166. 	.layui-btn-primary:hover {
    167. 

  167. 		background-color: #E3F7FF;
    168. 

  168. 		color: #249EFB;
    169. 

  169. 	}
    170. 

  170. 	.layui-card-body {
    171. 

  171. 		padding: 10px 0;
    172. 

  172. 	}
    173. 

  173. 	.layui-border-btn,.layui-border-btn:hover {
    174. 

  174. 		background-color: #fff;
    175. 

  175. 		color: #249EFB;
    176. 

  176. 		border: 1px solid #249EFB;
    177. 

  177. 	}
    178. 

  178. 	#symbshowed video{max-height: 400px;margin-top: 15px;}
    179. 

  179. 	.isimgupload{width:190px;height: 152px;}
    180. 

  180. 	.imageDiv{position: absolute;top:0;left:0;width:100%;height: 100%;background: rgba(230,230,230,.5);display: none;}
    181. 

  181. 	.imageDiv i{display: block;width:18px;height: 18px;position: absolute;top:0;left:0;bottom:0;right: 0;margin:auto;}
    182. 

  182. 	.layui-upload-drag{width:100%;height: 90px;}
    183. 

  183. 	.vrBtnSelect {
    184. 

  184. 		max-width: 100px;
    185. 

  185.         white-space: nowrap;
    186. 

  186.         padding: 0px 10px;
    187. 

  187.         height: 38px;
    188. 

  188.         background-color: #249EFB;
    189. 

  189.         color: #ffffff;
    190. 

  190.         text-align: center;
    191. 

  191.         line-height: 38px;
    192. 

  192.         border-radius: 4px;
    193. 

  193.         margin-left: 5px;
    194. 

  194.         cursor: pointer;
    195. 

  195.     }
    196. 

  196. 	.flexBox {
    197. 

  197. 		display: flex !important;
    198. 

  198. 	}
    199. 

  199. </style>
    200. 

  200. 

  201. <body>
    202. 

  202. 	<div class="layui-fluid">
    203. 

  203. 		<div class="layui-card">
    204. 

  204. 			<div class="layui-card-body">
    205. 

  205. 				<form class="layui-form" enctype="multipart/form-data" lay-filter="evidence-form">
    206. 

  206.                     <input type="hidden" name="cate1" value='{$cate1}'/>
    207. 

  207.                     <input type="hidden" name="id" value='{$id}'/>
    208. 

  208. 					<div class="layui-form-item">
    209. 

  209. 						<label class="layui-form-label"><i style="color:red;">*</i>标题</label>
    210. 

  210. 						<div class="layui-input-inline">
    211. 

  211. 							<input class="layui-input inputBox" lay-verify="required"  name="title" placeholder="请输入标题" type="text" value="{$data.title}">
    212. 

  212. 						</div>
    213. 

  213. 					</div>
    214. 

  214.                     <div class="layui-form-item">
    215. 

  215.                         <label class="layui-form-label"><span class="colorRed" style="color:red;margin-right:5px;"></span>分类</label>
    216. 

  216.                         <div class="layui-input-inline">
    217. 

  217.                             <select name="cate2" lay-filter="type" id="type" lay-search>
    218. 

  218.                                 <option value="">请选择分类</option>
    219. 

  219.                                 {volist name="type" id="t"}
    220. 

  220.                                 <option value="{$t.id}" {if condition='$data.cate2 eq $t.id'} selected {/if}>{$t.title}</option>
    221. 

  221.                                 {/volist}
    222. 

  222.                             </select>
    223. 

  223.                         </div>
    224. 

  224.                     </div>
    225. 

  225.                     <div class="layui-form-item">
    226. 

  226.                         <label class="layui-form-label"><span class="colorRed" style="color:red;margin-right:5px;"></span>标签</label>
    227. 

  227.                         <div class="layui-input-inline">
    228. 

  228.                             <select name="cate3" id="label" lay-filter="type2">
    229. 

  229.                                 <option value="{$cate3.id}" selected>{$cate3.title}</option>
    230. 

  230.                             </select>
    231. 

  231.                         </div>
    232. 

  232.                     </div>
    233. 

  233.                     <div class="layui-form-item" style="clear:both;width:100%;">
    234. 

  234.                         <label class="layui-form-label"> 类别：</label>
    235. 

  235.                         <div class="layui-input-block lh45 mdl20" style="max-width: 300px !important;">
    236. 

  236.                             <input type="radio" class="radio_input" lay-filter=""
    237. 

  237.                                 name="type" value="0" title="推荐" {if condition='$data.type eq 0'} checked {/if} >
    238. 

  238.                             <input type="radio" class="radio_input" lay-filter=""
    239. 

  239.                                 name="type" value="1" title="必看" {if condition='$data.type eq 1'} checked {/if}>
    240. 

  240.                         </div>
    241. 

  241.                     </div>
    242. 

  242. 					<div class="layui-form-item">
    243. 

  243. 						<label class="layui-form-label"><span style="color: red;"></span></label>
    244. 

  244. 						<div class="layui-input-inline input-longer-inline" style="width: 60%;">
    245. 

  245. 							<input type="radio" name="difference" value="1" title="视频" lay-filter="type" {if condition='$data.difference eq 1'} checked {/if} />
    246. 

  246. 							<input type="radio" name="difference" value="2" title="图片" lay-filter="type"  {if condition='$data.difference eq 2'} checked {/if} />
    247. 

  247.                             <input type="radio" name="difference" value="3" title="VR" lay-filter="type" {if condition='$data.difference eq 3'} checked {/if} />
    248. 

  248.                             <input type="radio" name="difference" value="4" title="PDF" lay-filter="type" {if condition='$data.difference eq 4'} checked {/if} />
    249. 

  249.                             <input type="radio" name="difference" value="5" title="VR作品" lay-filter="type" {if condition='$data.difference eq 5'} checked {/if} />
    250. 

  250.                         </div>
    251. 

  251. 					</div>
    252. 

  252. 					
    253. 

  253. 					
    254. 

  254. 					<div class="layui-form-item video {if($data.difference==2 || $data.difference==3 || $data.difference==5)} layui-hide {/if}">
    255. 

  255. 						<div class="layui-form-item">
    256. 

  256. 							<label class="layui-form-label"><span class="coverssc">{if condition="$data.difference eq 1"}视频{else/}PDF{/if}</span>封面图</label>
    257. 

  257. 							<div class="layui-input-inline isimgupload" style="position: relative;">
    258. 

  258. 								<div class="" id="upload-drag">
    259. 

  259.                                     {if condition='$data.cover'}
    260. 

  260.                                         <img src="{$data.cover}?x-oss-process=image/resize,w_300"
    261. 

  261.                                         style="height: 160px !important;width:355px !important;">
    262. 

  262.                                     {else/}
    263. 

  263.                                         <div class="layui-upload-drag">
    264. 

  264.                                             <i class="layui-icon">&#xe681;</i>
    265. 

  265.                                             <p>上传图片</p>
    266. 

  266.                                         </div>
    267. 

  267.                                     {/if} 
    268. 

  268. 								</div>
    269. 

  269. 								<div class="imageDiv"><i class="layui-icon layui-icon-delete" prop="del"></i></div>
    270. 

  270. 							</div>
    271. 

  271. 						</div>
    272. 

  272. 						<div class="layui-form-item">
    273. 

  273. 							<label class="layui-form-label"></label>
    274. 

  274. 							<div><i style="color:red;margin-right:5px;">*</i><span class="coverssc">{if condition="$data.difference eq 1"}视频{else/}PDF{/if}</span>封面比例建议按照全屏比例750X1334，或者宽高比例5:3，图片大小不超过1M</div>
    275. 

  275. 						</div>
    276. 

  276. 						<label class="layui-form-label"><span style="color: red;">*</span><span class="coverssc">{if condition="$data.difference eq 1"}视频{else/}PDF{/if}</span></label>
    277. 

  277. 						<div class="layui-input-inline" style="width: 290px;display: block;" id="container">
    278. 

  278.                             {if condition="$data.difference eq 1"}
    279. 

  279. 							    <a class="layui-btn btn layui-border-btn" id="selectfiles" href="javascript:void(0);">选择<span class="coverssc">{if condition="$data.difference eq 1"}视频{else/}PDF{/if}</span></a>
    280. 

  280.                                 <a class="trainuploadbtn layui-btn btn layui-border-btn" style="display: none;" id="selectfiles3" href="javascript:void(0);">选择pdf</a>
    281. 

  281. 

  282.                                 <a class="layui-btn btn layui-border-btn" id="postfiles" href="javascript:void(0);">开始上传</a>
    283. 

  283.                                 <a class="layui-btn btn layui-border-btn" style="display:none;" id="postfiles3" href="javascript:void(0);">开始上传</a>
    284. 

  284.                             {else/}
    285. 

  285. 							    <a class="layui-btn btn layui-border-btn" id="selectfiles" style="display: none;"  href="javascript:void(0);">选择<span class="coverssc">{if condition="$data.difference eq 1"}视频{else/}PDF{/if}</span></a>
    286. 

  286.                                 <a class="trainuploadbtn layui-btn btn layui-border-btn" id="selectfiles3" href="javascript:void(0);">选择pdf</a>
    287. 

  287. 

  288.                                 <a class="layui-btn btn layui-border-btn" style="display:none;" id="postfiles" href="javascript:void(0);">开始上传</a>
    289. 

  289.                                 <a class="layui-btn btn layui-border-btn"  id="postfiles3" href="javascript:void(0);">开始上传</a>
    290. 

  290.                             {/if}
    291. 

  291. 

  292. 							<div id="ossfile"></div>
    293. 

  293. 							<div id="symbshowed">
    294. 

  294.                                 {if condition='$data.difference eq 4' } 
    295. 

  295.                                     {if condition='$data.video_case' } 
    296. 

  296.                                         <iframe class="trainfilediv" src="{$data.video_case}" id="trainfilediv" width="320" height="240" controls="controls" style="margin-top: 20px;"></iframe>
    297. 

  297.                                     {/if}
    298. 

  298.                                 {else/}
    299. 

  299.                                     {if condition='$data.video_case' } 
    300. 

  300.                                         <video class="trainfilediv" src="{$data.video_case}" controls="controls"></video>
    301. 

  301.                                     {/if}
    302. 

  302.                                 {/if}
    303. 

  303.                   
    304. 

  304.                             </div>
    305. 

  305. 							<div class="layui-form-mid layui-word-aux" style="color: red!important;margin-left:10px;">注：<span class="coverssc">{if condition="$data.difference eq 1"}视频{else/}PDF{/if}</span>并上传，限制280M内</div>
    306. 

  306. 							<!--报错信息返回展示-->
    307. 

  307. 							<pre id="console"></pre>
    308. 

  308. 							<input type="hidden" value="{$data.video_case}" id="fileuri">
    309. 

  309. 							<!--上传到OSS哪个文件下，在这里定义 -->
    310. 

  310. 							<input type="hidden" value="dailyWechatArticle" id="wechat_label_name">
    311. 

  311. 							<input id="category_name" type="hidden" value="Train_company_strength" />
    312. 

  312.                             <input type="hidden" value="Trainvideo" id="category_name1">
    313. 

  313.                             <input type="hidden" value="Trainaudio" id="category_name2">
    314. 

  314.                             <input type="hidden" value="Trainpdf" id="category_name3">
    315. 

  315. 						</div>
    316. 

  316. 						<div class="layui-form-item format" style="clear:both;width:100%;">
    317. 

  317. 							<label class="layui-form-label"><i style="color:red;">*</i> 视频格式：</label>
    318. 

  318. 							<div class="layui-input-block lh45 mdl20" style="max-width: 300px !important;">
    319. 

  319. 								<input type="radio" id="1" class="radio_input" lay-filter="video_type"
    320. 

  320. 									name="video_format" value="0" title="竖屏" {if
    321. 

  321.                                         condition='$data.video_format eq 0' } checked {/if}>
    322. 

  322. 								<input type="radio" id="2" class="radio_input" lay-filter="video_type"
    323. 

  323. 									name="video_format" value="1" title="横屏"  {if
    324. 

  324.                                         condition='$data.video_format eq 1' } checked {/if}>
    325. 

  325. 							</div>
    326. 

  326. 						</div>
    327. 

  327. 					</div>
    328. 

  328. 

  329. 					<div class="layui-form-item img  {if condition='$data.difference neq 2'} layui-hide {/if}">
    330. 

  330. 						<label class="layui-form-label"><span style="color: red;">*</span>封面图</label>
    331. 

  331. 						<div class="picDiv" style="margin: 20px 20px 0px;">
    332. 

  332. 							<div class="addImages" id="evidence_imgs">
    333. 

  333.                                 {if condition='$data.cover'} 
    334. 

  334.                                     <img src="{$data.cover}?x-oss-process=image/resize,w_300"
    335. 

  335.                                 style="height: 160px !important;width:355px !important;">
    336. 

  336.                                 {else/}
    337. 

  337.                                     <div class="layui-upload-drag" style="width: 77px;">
    338. 

  338.                                         <i class="layui-icon">&#xe681;</i>
    339. 

  339.                                         <p>上传图文</p>
    340. 

  340.                                     </div>
    341. 

  341.                                 {/if}
    342. 

  342. 							</div>
    343. 

  343. 						</div>
    344. 

  344. 					</div>
    345. 

  345. 					<div class="layui-form-item img  {if condition='$data.difference neq 2'} layui-hide {/if}">
    346. 

  346. 						<label class="layui-form-label"></label>
    347. 

  347. 						<div><i style="color:red;margin-right: 5px;">*</i>建议上传图片宽高比例5:3，图片大小不超过1M</div>
    348. 

  348. 					</div>
    349. 

  349. 					<div class="layui-form-item vr  {if($data.difference==1 || $data.difference==2 || $data.difference==4)} layui-hide {/if}">
    350. 

  350.                         <label class="layui-form-label">VR链接：</label>
    351. 

  351.                         <div class="layui-input-block flexBox">
    352. 

  352.                             <input type="text" name="vr_case" placeholder="请输入VR链接" value="{$data.vr_case}" autocomplete="off" class="layui-input">
    353. 

  353. 							<div class="vrBtnSelect {if condition='$data.difference neq 5'} layui-hide {/if}">选择vr作品</div>
    354. 

  354. 						</div>
    355. 

  355. 					</div>
    356. 

  356. 					<div class="layui-form-item">
    357. 

  357. 						<label class="layui-form-label">描述</label>
    358. 

  358. 						<div class="layui-input-block" id="contentbody">
    359. 

  359. 							<div id="textarea_id">
    360. 

  360. 								<textarea id="anli_content" name="desc" placeholder="图片相关描述" autocomplete="off" class="layui-textarea">{:$data.desc}</textarea>
    361. 

  361. 							</div>
    362. 

  362. 							<div id="script_id" style="display: none;">
    363. 

  363. 								<textarea id='anli_content2' name='desc2' style="height: 350px;">{:$data.desc}</textarea>
    364. 

  364. 							</div>
    365. 

  365. 						</div>
    366. 

  366. 					</div>
    367. 

  367. 					<div class="layui-form-item submit-btn">
    368. 

  368. 						<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="确认提交">
    369. 

  369. 					</div>
    370. 

  370. 				</form>
    371. 

  371. 			</div>
    372. 

  372. 		</div>
    373. 

  373. 	</div>
    374. 

  374. </body>
    375. 

  375. {/block} {block name="js"}
    376. 

  376. <!-- 配置文件 -->
    377. 

  377. <script type="text/javascript" src="__STATIC__/ueditor/dist/utf8-php/ueditor.config.js"></script>
    378. 

  378. <!-- 编辑器源码文件 -->
    379. 

  379. <script type="text/javascript" src="__STATIC__/ueditor/dist/utf8-php/ueditor.all.js"></script>
    380. 

  380. <!-- 实例化编辑器 -->
    381. 

  381. <script type="text/javascript">
    382. 

  382. 	var ue = UE.getEditor('anli_content2');
    383. 

  383. </script>
    384. 

  384. <script type="text/javascript" src="__STATIC__/js/plupload/js/plupload.full.min.js"></script>
    385. 

  385. <script type="text/javascript" src="__STATIC__/js/plupload/ossupload.js"></script>
    386. 

  386. <script type="text/javascript" src="__STATIC__/js/Sortable.js"></script>
    387. 

  387. <script src="https://gosspublic.alicdn.com/aliyun-oss-sdk-6.3.1.min.js" async></script>
    388. 

  388. <script>
    389. 

  389. 	layui.config({
    390. 

  390. 		base: '__LAYUI__/' //静态资源所在路径
    391. 

  391. 			,
    392. 

  392. 		urlbase: '/sys'
    393. 

  393. 	}).extend({
    394. 

  394. 		index: 'lib/index' //主入口模块
    395. 

  395. 	}).use(['index', 'form', 'table', 'layedit', 'element', 'upload'], function() {
    396. 

  396. 		var $ = layui.$,
    397. 

  397. 			element = layui.element,
    398. 

  398. 			upload = layui.upload,
    399. 

  399.             layedit = layui.layedit,
    400. 

  400. 			form = layui.form;
    401. 

  401.         var files = [];
    402. 

  402. 		var objdata={};
    403. 

  403. 		var indexs=0;
    404. 

  404. 		var html01 = '';
    405. 

  405. 		var html02 = '';	
    406. 

  406. 		var textarea;		
    407. 

  407.         var img = '{$data.cover}';
    408. 

  408.         var difference = '{$data.difference}';
    409. 

  409. 

  410.         //2023-01-31视频也要改成富文本
    411. 

  411.         $('#contentbody #textarea_id').css('display','none');
    412. 

  412.         $('#contentbody #script_id').show();
    413. 

  413. 

  414.         if (difference == 1) {
    415. 

  415.             $('.format').show();
    416. 

  416.         }else{
    417. 

  417.             $('.format').hide();
    418. 

  418.         }
    419. 

  419. 

  420. 		//视频封面图
    421. 

  421. 		upload.render({
    422. 

  422. 			elem: '#upload-drag',
    423. 

  423. 			accept: 'image',
    424. 

  424. 			url:'/upload/',
    425. 

  425. 			exts: 'png|jpg|jpeg',
    426. 

  426. 			auto: false,
    427. 

  427. 			field: 'file',
    428. 

  428. 			size: 3 * 1024,
    429. 

  429. 			choose: function(obj) {
    430. 

  430. 				obj.preview(function(index, file, result) {
    431. 

  431. 					var loadingIndex = layer.load('Loading...', {
    432. 

  432. 						shade: [0.6,'#000'] //0.1透明度的白色背景
    433. 

  433. 					});
    434. 

  434. 					ossuploadimg(file).then(f => {
    435. 

  435. 						layer.close(loadingIndex);
    436. 

  436. 						img = `https://o.nczyzs.com/${f}`;
    437. 

  437. 						$('#upload-drag').html('<img class="fmimages" src="' + result + '" style="height: 100%;width:100%;">');
    438. 

  438. 					})
    439. 

  439. 				});
    440. 

  440. 			},
    441. 

  441. 		});
    442. 

  442. 

  443. 		function ossuploadimg(file) {
    444. 

  444. 			return new Promise((resolve,reject) => {
    445. 

  445. 				var client = new OSS({
    446. 

  446. 					region: "oss-cn-hangzhou",
    447. 

  447. 					accessKeyId: "LTAI5tHjWupJSCAycy2yVbQZ",
    448. 

  448. 					accessKeySecret: "eNFicm77Cfq3u7ZnQyw1urFmFNpf3w",
    449. 

  449. 					bucket: "zyzswzh",
    450. 

  450. 					secure: true
    451. 

  451. 				});
    452. 

  452. 				var date = new Date().getTime();
    453. 

  453. 				var objectName = 'SmartScreen/' + date + "/" + Date.now() + ".jpeg";
    454. 

  454. 				client.put(objectName, file).then(function (result) {
    455. 

  455. 					resolve(result.name);
    456. 

  456. 				}).catch(function (error) {
    457. 

  457. 					reject(error)
    458. 

  458. 				});
    459. 

  459. 			})
    460. 

  460. 		}
    461. 

  461. 		
    462. 

  462. 		$('.isimgupload').hover(function(){
    463. 

  463. 			if($("#upload-drag:has(img.fmimages)").length>0){
    464. 

  464. 				$('.imageDiv').show();
    465. 

  465. 			}
    466. 

  466. 		},function(){
    467. 

  467. 			$('.imageDiv').hide();
    468. 

  468. 		})
    469. 

  469. 		
    470. 

  470. 		$('.imageDiv').on('click', function(e) {
    471. 

  471. 		    var that = this;
    472. 

  472. 			layer.confirm('确定删除该图片么？',{title: ['信息', 'color:#333333;background-color:#D8E6F1;'],}, function(index) {
    473. 

  473. 		           var imgDiv = $('#upload-drag').find('img');
    474. 

  474. 		           imgDiv.remove();
    475. 

  475. 				   objdata['cover'] = '';
    476. 

  476. 				   $('#upload-drag').html('<div class="layui-upload-drag"><i class="layui-icon">&#xe681;</i><p>上传图片</p></div>');
    477. 

  477. 		           layer.close(index);
    478. 

  478. 		    });
    479. 

  479. 		});
    480. 

  480. 		
    481. 

  481. 		//vr作品
    482. 

  482. 		$('.vrBtnSelect').click(function(){
    483. 

  483. 			let vrStr = $('input[name="vr_case"]').val();
    484. 

  484.             let vrSid = "";
    485. 

  485.             if (vrStr && ((vrStr.indexOf("saastest.zhuangqixiaoguan.com") > -1)||(vrStr.indexOf("h5.zqxg.cc") > -1))) {
    486. 

  486.                 vrSid = vrStr.split("/#/")[1];
    487. 

  487.             }
    488. 

  488. 		    layer.open({
    489. 

  489. 		        type: 2,
    490. 

  490. 		        title: ['选择VR作品', 'color:#333333;background-color:#D8E6F1;'],
    491. 

  491. 		        content: '{:url("building/group")}?id='+vrSid,
    492. 

  492. 		        area: ['80%', '80%'],
    493. 

  493. 		        btn: ['确定', '取消'],
    494. 

  494. 		        yes: function (index, layero) {
    495. 

  495. 		            let data = layero.find('iframe').contents().find("#hiddentext").val();
    496. 

  496. 		            if (data) {
    497. 

  497. 		                let vrObject = JSON.parse(data);
    498. 

  498. 						$('input[name="vr_case"]').val(vrObject.show_url);
    499. 

  499. 		            }
    500. 

  500. 		            layer.close(index);
    501. 

  501. 		            //点击确认触发 iframe 内容中的按钮提交
    502. 

  502. 		        }
    503. 

  503. 		    });
    504. 

  504. 		})
    505. 

  505. 		
    506. 

  506. 		//图片类型配图
    507. 

  507. 		upload.render({
    508. 

  508. 			elem: '#evidence_imgs',
    509. 

  509. 			accept: 'image',
    510. 

  510. 			url:'/upload/',
    511. 

  511. 			exts: 'png|jpg|jpeg',
    512. 

  512. 			auto: false,
    513. 

  513. 			field: 'file',
    514. 

  514. 			size: 3 * 1024,
    515. 

  515. 			choose: function(obj) {
    516. 

  516. 				obj.preview(function(index, file, result) {
    517. 

  517. 					var loadingIndex = layer.load('Loading...', {
    518. 

  518. 						shade: [0.6,'#000'] //0.1透明度的白色背景
    519. 

  519. 					});
    520. 

  520. 					ossuploadimg(file).then(f => {
    521. 

  521. 						layer.close(loadingIndex);
    522. 

  522. 						img = `https://o.nczyzs.com/${f}`;
    523. 

  523. 						$('#evidence_imgs').html('<img src="' + result + '" style="height: 100%;width:100%;">');
    524. 

  524. 					})
    525. 

  525. 				});
    526. 

  526. 			},
    527. 

  527. 		});
    528. 

  528. 		//客户见证添加
    529. 

  529. 		form.on('submit(layuiadmin-evidence-submit)', function(data) {
    530. 

  530. 			var formData = new FormData(data.form);
    531. 

  531.             var param = data.field;
    532. 

  532. 			//监听分类，去除图片或视频
    533. 

  533. 			var radio = $('input[name=difference]:radio:checked').val();
    534. 

  534. 			formData.delete('evidence_image');
    535. 

  535. 			if(radio == 1) {
    536. 

  536. 				var video_url = $('#fileuri').val();
    537. 

  537. 				formData.append('video_case',video_url);
    538. 

  538. 				if (video_url=='') {
    539. 

  539. 					layer.msg('请选择视频', {anim: 6,time: 1000,icon: 5});
    540. 

  540. 					return false;
    541. 

  541. 				}
    542. 

  542.                 // if (objdata['cover'] == "" || objdata['cover'] == null || objdata['cover'] == undefined) {
    543. 

  543.                 //     objdata['cover'] = "";
    544. 

  544.                 //     objdata['covers']= "";
    545. 

  545.             	// }
    546. 

  546.                 formData.append('cover', img);
    547. 

  547. 			} else if (radio == 2) {
    548. 

  548. 				ue.ready(function () {
    549. 

  549. 					formData.append('desc', ue.getContent());
    550. 

  550. 				});
    551. 

  551. 

  552.                 if (img == "") {
    553. 

  553. 					layer.msg('请选择图片', { anim: 0, time: 1000, icon: 5 });
    554. 

  554. 					return false;
    555. 

  555.             	}
    556. 

  556.                 formData.append('cover', img);
    557. 

  557.             } else if (radio == 3||radio == 5){
    558. 

  558.                 if (param.vr_case=='') {
    559. 

  559. 					layer.msg('请输入vr地址', { anim: 0, time: 1000, icon: 5 });
    560. 

  560. 					return false;
    561. 

  561.                 }
    562. 

  562.             } else if (radio ==4){
    563. 

  563. 				var video_url = $('#fileuri').val();
    564. 

  564. 				formData.append('video_case',video_url);
    565. 

  565. 				if (video_url=='') {
    566. 

  566. 					layer.msg('请选择pdf文件', {anim: 6,time: 1000,icon: 5});
    567. 

  567. 					return false;
    568. 

  568. 				}
    569. 

  569.                 formData.append('cover', img);
    570. 

  570.             }else{
    571. 

  571.                 layer.msg('无效操作', { anim: 0, time: 1000, icon: 5 });
    572. 

  572. 				return false;
    573. 

  573.             }
    574. 

  574. 			// formData.append('cover', objdata['cover']);
    575. 

  575.             // formData.append('covers', objdata['covers']);
    576. 

  576. 			// formData.append('cate', $('#label').val());
    577. 

  577. 

  578. 			// 单击之后提交按钮不可选,防止重复提交
    579. 

  579.             var DISABLED = 'layui-btn-disabled';
    580. 

  580.             var target = '#layuiadmin-evidence-submit';
    581. 

  581.             $(target).addClass(DISABLED);
    582. 

  582.             $(target).attr('disabled', 'disabled');
    583. 

  583. 

  584. 			$.ajax({
    585. 

  585. 				url: '{:url("smartScreen/edits")}',
    586. 

  586. 				type: 'post',
    587. 

  587. 				data: formData,
    588. 

  588. 				dataType: 'json',
    589. 

  589. 				processData: false,
    590. 

  590. 				contentType: false,
    591. 

  591. 				success: function(res) {
    592. 

  592. 					if(res.code === 0) {
    593. 

  593. 						objdata={};
    594. 

  594. 						localStorage.setItem('gssldata','');
    595. 

  595. 						layer.msg(res.msg, {
    596. 

  596. 							anim: 0,time: 1000,icon: 6,
    597. 

  597. 						}, function() {
    598. 

  598.                             var index = parent.layer.getFrameIndex(window.name);
    599. 

  599.                             parent.layer.close(index);
    600. 

  600.                             parent.layui.table.reload('talkskill-table');
    601. 

  601. 						});
    602. 

  602. 					} else {
    603. 

  603. 						layer.msg(res.msg, {anim: 0,time: 1000,icon: 5});
    604. 

  604. 						$(target).removeClass(DISABLED);
    605. 

  605. 						$(target).removeAttr('disabled');
    606. 

  606. 					}
    607. 

  607. 				},
    608. 

  608. 				error : function(e){
    609. 

  609. 			        $(target).removeClass(DISABLED);
    610. 

  610. 			        $(target).removeAttr('disabled');
    611. 

  611. 	            }
    612. 

  612. 			});
    613. 

  613. 			return false;
    614. 

  614. 			
    615. 

  615. 		});
    616. 

  616. 		
    617. 

  617.         $('#contentbody #textarea_id').css('display','none');
    618. 

  618. 		$('#contentbody #script_id').css('display','block');
    619. 

  619. 		form.on('radio(type)', function(data) {
    620. 

  620. 			if(data.value == 1) {
    621. 

  621. 				indexs = 1;
    622. 

  622. 				$('#contentbody #textarea_id textarea').html(html01);
    623. 

  623. 				$('#contentbody #textarea_id').css('display','none');
    624. 

  624. 				$('#contentbody #script_id').show();
    625. 

  625. 				$('.layui-layedit').remove();
    626. 

  626. 				$('.layui-textarea').removeClass('layui-hide');
    627. 

  627. 				$('.video').removeClass('layui-hide');
    628. 

  628. 				$('.img').addClass('layui-hide');
    629. 

  629.                 $('.vr').addClass('layui-hide');
    630. 

  630.                 $('.coverssc').html('视频');
    631. 

  631.                 $('.format').show();
    632. 

  632.                 $('#selectfiles3').hide();
    633. 

  633.                 $('#selectfiles').show();
    634. 

  634.                 $('#postfiles').show();
    635. 

  635.                 $('#postfiles3').hide();
    636. 

  636.                 $('.trainfilediv').hide();
    637. 

  637. 				form.render();
    638. 

  638. 			} else if(data.value == 2) {
    639. 

  639. 				indexs = 2;
    640. 

  640. 				//加载ueditor编辑器
    641. 

  641. 				$('#contentbody #textarea_id').css('display','none');
    642. 

  642. 				$('#contentbody #script_id').css('display','block');
    643. 

  643. 				$('.img').removeClass('layui-hide');
    644. 

  644. 				$('.video').addClass('layui-hide');
    645. 

  645.                 $('.vr').addClass('layui-hide');
    646. 

  646. 				ue.setContent(html02);
    647. 

  647. 				form.render();
    648. 

  648. 			} else if (data.value == 3||data.value == 5) {
    649. 

  649. 				$('#contentbody #textarea_id').css('display','none');
    650. 

  650. 				$('#contentbody #script_id').css('display','block');
    651. 

  651. 				$('.video').addClass('layui-hide');
    652. 

  652. 				$('.img').addClass('layui-hide');
    653. 

  653.                 $('.vr').removeClass('layui-hide');
    654. 

  654. 				if (data.value == 5) {
    655. 

  655. 					$('.vrBtnSelect').removeClass('layui-hide');
    656. 

  656. 				} else {
    657. 

  657. 					$('.vrBtnSelect').addClass('layui-hide');
    658. 

  658. 				}
    659. 

  659.                 form.render();
    660. 

  660.             } else if(data.value == 4){
    661. 

  661. 				$('#contentbody #textarea_id textarea').html(html01);
    662. 

  662. 				$('#contentbody #textarea_id').css('display','block');
    663. 

  663. 				$('#contentbody #script_id').css('display','none');
    664. 

  664. 				$('.layui-layedit').remove();
    665. 

  665. 				$('.layui-textarea').removeClass('layui-hide');
    666. 

  666. 				$('.video').removeClass('layui-hide');
    667. 

  667. 				$('.img').addClass('layui-hide');
    668. 

  668.                 $('.vr').addClass('layui-hide');
    669. 

  669. 

  670.                 $('.coverssc').html('PDF');
    671. 

  671.                 $('.format').hide();
    672. 

  672.                 $('#selectfiles3').show();
    673. 

  673.                 $('#selectfiles').hide();
    674. 

  674.                 $('#postfiles').hide();
    675. 

  675.                 $('#postfiles3').show();
    676. 

  676.                 $('.trainfilediv').show();
    677. 

  677.             } else {
    678. 

  678. 				$('#contentbody #textarea_id').css('display','none');
    679. 

  679. 				$('#contentbody #script_id').css('display','block');
    680. 

  680. 				$('.video').addClass('layui-hide');
    681. 

  681. 				$('.img').addClass('layui-hide');
    682. 

  682.                 $('.vr').addClass('layui-hide');
    683. 

  683.                 form.render();
    684. 

  684. 			}
    685. 

  685. 		});
    686. 

  686.         //下拉框关联
    687. 

  687.         var typeData = JSON.parse('{$label|raw}');
    688. 

  688.         form.on('select(type)', function (data) {
    689. 

  689.             var typeJson = typeData[data.value];
    690. 

  690.             var typeLabel = $('#label');
    691. 

  691.             typeLabel.empty().append('<option value="">请选择标签</option>');
    692. 

  692.             for (r in typeJson) {
    693. 

  693.                 typeLabel.append('<option value=' + r + '>' + typeJson[r] + '</option>');
    694. 

  694.             }
    695. 

  695.             form.render();
    696. 

  696.         });
    697. 

  697. 	});
    698. 

  698. </script>
    699. 

  699. {/block}
    700.