index.js 4.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121
  1. layui.use(["layer", "form", "laydate", "upload"], function(){
  2. $ = layui.$;
  3. form = layui.form;
  4. layer = layui.layer;
  5. laydate = layui.laydate;
  6. upload = layui.upload;
  7. //视频
  8. upload.render({
  9. elem: '.file_videos' //绑定元素
  10. ,url: '/upload/uploadFile' //上传接口
  11. ,method: 'post' //可选项。HTTP类型,默认post
  12. ,accept: 'video'
  13. ,acceptMime: 'video/*'
  14. ,headers: {token: token}
  15. ,done: function(res){
  16. $(this.item[0]).parent().next().append("<video src="+ res.data +" onclick='clickVideo(this)' controls=\"\" data-v-400c2eb9=\"\"></video>");
  17. }
  18. ,error: function(){
  19. //请求异常回调
  20. }
  21. });
  22. //图片上传
  23. upload.render({
  24. elem: '.file_img' //绑定元素
  25. ,url: '/upload/uploadFile' //上传接口
  26. ,method: 'post' //可选项。HTTP类型,默认post
  27. ,accept: 'images'
  28. ,acceptMime: 'image/*'
  29. ,headers: {token: token}
  30. ,done: function(res){
  31. $(this.item[0]).parent().next().append("<div class=\"editor-assets-content-info\" data-v-400c2eb9=\"\">\n" +
  32. " <div class=\"el-image\" data-v-400c2eb9=\"\"><img style='width: 100px;height: 100px;' onclick='clickImg(this)' alt=\"upload-assets\"\n" +
  33. " src="+ res.data +"\n" +
  34. " class=\"el-image__inner el-image__preview\"\n" +
  35. " style=\"object-fit: cover;\"><!--v-if-->\n" +
  36. " </div>\n" +
  37. " <svg viewBox=\"0 0 1024 1024\" xmlns=\"http://www.w3.org/2000/svg\" onclick=\"closeSvg(this)\" data-v-400c2eb9=\"\">\n" +
  38. " <path fill=\"currentColor\"\n" +
  39. " d=\"M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896zm0 393.664L407.936 353.6a38.4 38.4 0 1 0-54.336 54.336L457.664 512 353.6 616.064a38.4 38.4 0 1 0 54.336 54.336L512 566.336 616.064 670.4a38.4 38.4 0 1 0 54.336-54.336L566.336 512 670.4 407.936a38.4 38.4 0 1 0-54.336-54.336L512 457.664z\"></path>\n" +
  40. " </svg>\n" +
  41. " </div>");
  42. }
  43. ,error: function(){
  44. //请求异常回调
  45. }
  46. });
  47. //合同上传
  48. upload.render({
  49. elem: '.file_contract' //绑定元素
  50. ,url: '/upload/uploadFile' //上传接口
  51. ,method: 'post' //可选项。HTTP类型,默认post
  52. ,accept: 'pdf'
  53. ,acceptMime: 'file/pdf'
  54. ,headers: {token: token}
  55. ,done: function(res){
  56. contractFile = res.data;
  57. console.log(contractFile)
  58. }
  59. ,choose: function(obj){
  60. obj.preview(function(index, file, result){
  61. console.log(index)
  62. console.log(file)
  63. console.log(result)
  64. })
  65. }
  66. ,error: function(){
  67. //请求异常回调
  68. }
  69. });
  70. //封面上传
  71. upload.render({
  72. elem: '.cover_img' //绑定元素
  73. ,url: '/upload/uploadFile' //上传接口
  74. ,method: 'post' //可选项。HTTP类型,默认post
  75. ,accept: 'file'
  76. // ,acceptMime: 'file/pdf'
  77. ,headers: {token: token}
  78. ,done: function(res){
  79. layer.msg("上传成功", {icon: 1});
  80. titleImg = res.data;
  81. }
  82. ,error: function(){
  83. //请求异常回调
  84. }
  85. });
  86. $(".list_div").scroll(function(e){
  87. $(".day_column").scrollTop($(".list_div").scrollTop());
  88. });
  89. laydate.render({
  90. elem: '.select_date_input'
  91. ,format: 'yyyy-MM-dd'
  92. });
  93. laydate.render({
  94. elem: '.date_hours_content_input'
  95. ,type: 'time'
  96. ,format: 'HH:mm'
  97. });
  98. //选择模板
  99. $(".select_template").click(function(e){
  100. loadTemplate(null);//渲染
  101. layer.open({
  102. title: false,
  103. type: 1,
  104. anim: 5,
  105. closeBtn: 0,
  106. content: $(".van-pop-transparent")
  107. });
  108. });
  109. //选择模板确定
  110. $(".confirm-button").click((e) => {
  111. let uuidTemplate = $(".order-selected").attr("uuidTemplate");
  112. selectTemplate(uuidTemplate);
  113. });
  114. getPrivateOrder(); //数据渲染
  115. getData();//内容渲染
  116. });