info.html 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Update</title>
  6. <meta http-equiv="X-UA-Compatible" content="ie=edge">
  7. <meta name="full-screen" content="yes">
  8. <meta name="x5-fullscreen" content="true">
  9. <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no" />
  10. <link rel="stylesheet" href="css/element-ui.css">
  11. <link rel="stylesheet" href="css/element@2.12.2.css">
  12. <link rel="stylesheet" href="css/index.css">
  13. </head>
  14. <body>
  15. <div class="container" id="index">
  16. <div class="Va-document">
  17. <div class="title-head">
  18. <i class="el-icon-postcard"></i>
  19. <span>{{lang.item1}}</span> <span style="font-size: 12px;">( JPEG . JPG . PNG . PDF )</span>
  20. </div>
  21. <div class="content-info">
  22. <div style="display: flex;justify-content: flex-end;">
  23. <div class="menu-logo chooseLang">
  24. <img v-if="langList[language] == 'ENGLISH'" style="width: 15px;height: 10px;margin: 0 4px" src="img/EN.jpg" alt="">
  25. <img v-if="langList[language] == '中文简体'" style="width: 15px;height: 10px;margin: 0 4px" src="img/CN.jpg" alt="">
  26. <el-dropdown trigger="click" @command="chooseLang">
  27. <span class="menu">
  28. {{langList[language]}}
  29. <i class="el-icon-arrow-down el-icon--right"></i>
  30. </span>
  31. <el-dropdown-menu slot="dropdown">
  32. <el-dropdown-item command="en">English</el-dropdown-item>
  33. <el-dropdown-item command="cn">中文简体</el-dropdown-item>
  34. </el-dropdown-menu>
  35. </el-dropdown>
  36. </div>
  37. </div>
  38. <div>
  39. <div class="my-form-item-label">
  40. <div class="only-head">
  41. <div class="title"><i class="el-icon-document"></i><span>{{lang.item2}}</span></div>
  42. <div class="divider"></div>
  43. <!-- <div class="type" v-if="fileListID1.status == 2 && fileListID2.status == 2">-->
  44. <!-- <i class="el-icon-circle-check" style="color: #36880D;"></i>-->
  45. <!-- <span>{{lang.item4}}</span>-->
  46. <!-- </div>-->
  47. <!-- <div class="type" v-if="fileListID1.status != 2 || fileListID2.status != 2">-->
  48. <!-- <i class="el-icon-warning-outline" style="color: #EB3F57;"></i>-->
  49. <!-- <span>{{lang.item3}}</span>-->
  50. <!-- </div>-->
  51. </div>
  52. </div>
  53. </div>
  54. <div>
  55. <div class="my-form-item-label">
  56. <div class="head-tit">
  57. <p class="title"><span>{{lang.item5}}</span></p>
  58. <p class="des"><span>{{lang.item6}}</span></p>
  59. </div>
  60. </div>
  61. <el-upload
  62. class="avatar-uploader"
  63. :action="actionID1"
  64. :headers="AccessToken"
  65. :disabled="fileListID1.status == 2 ? true : false"
  66. :show-file-list="false"
  67. :on-success="handleAvatarSuccess1"
  68. :before-upload="beforeAvatarUpload">
  69. <div style="width: 100%;height: 100%;">
  70. <img style="height: 100%;width: 100%;" v-if="(fileListID1.againPath && (fileListID1.againPath.substr(-3,3) != 'pdf' && fileListID1.againPath.substr(-3,3) != 'PDF')) || (fileListID1.path && (fileListID1.path.substr(-3,3) != 'pdf' && fileListID1.path.substr(-3,3) != 'PDF'))" :src="imgUrl+(fileListID1.againPath || fileListID1.path)" class="avatar">
  71. <div style="height: 100%;width: 100%;font-size: 24px;line-height: 80px;" v-if="(fileListID1.againPath && (fileListID1.againPath.substr(-3,3) == 'pdf' || fileListID1.againPath.substr(-3,3) == 'PDF')) || (fileListID1.path && (fileListID1.path.substr(-3,3) == 'pdf' || fileListID1.path.substr(-3,3) == 'PDF'))"><i class="el-icon-document"></i></div>
  72. <i style="line-height: 80px" v-else class="el-icon-picture-outline avatar-uploader-icon"></i>
  73. </div>
  74. </el-upload>
  75. <el-upload
  76. class="avatar-uploader"
  77. :action="actionID2"
  78. :headers="AccessToken"
  79. :disabled="fileListID2.status == 2 ? true : false"
  80. :show-file-list="false"
  81. :on-success="handleAvatarSuccess2"
  82. :before-upload="beforeAvatarUpload">
  83. <div style="width: 100%;height: 100%;">
  84. <img style="height: 100%;width: 100%;" v-if="(fileListID2.againPath && (fileListID2.againPath.substr(-3,3) != 'pdf' && fileListID2.againPath.substr(-3,3) != 'PDF')) || (fileListID2.path && (fileListID2.path.substr(-3,3) != 'pdf' && fileListID2.path.substr(-3,3) != 'PDF'))" :src="imgUrl+(fileListID2.againPath || fileListID2.path)" class="avatar">
  85. <div style="height: 100%;width: 100%;font-size: 24px;line-height: 80px;" v-if="(fileListID2.againPath && (fileListID2.againPath.substr(-3,3) == 'pdf' || fileListID2.againPath.substr(-3,3) == 'PDF')) || (fileListID2.path && (fileListID2.path.substr(-3,3) == 'pdf' || fileListID2.path.substr(-3,3) == 'PDF'))"><i class="el-icon-document"></i></div>
  86. <i style="line-height: 80px" v-else class="el-icon-picture-outline avatar-uploader-icon"></i>
  87. </div>
  88. </el-upload>
  89. </div>
  90. <div>
  91. <div class="my-form-item-label">
  92. <div class="only-head">
  93. <div class="title"><i class="el-icon-document"></i><span>{{lang.item7}}</span></div>
  94. <div class="divider"></div>
  95. <!-- <div class="type" v-if="fileListAdd1.status == 2 && fileListAdd2.status == 2">-->
  96. <!-- <i class="el-icon-circle-check" style="color: #36880D;"></i>-->
  97. <!-- <span>{{lang.item4}}</span>-->
  98. <!-- </div>-->
  99. <!-- <div class="type" v-if="fileListAdd1.status != 2 || fileListAdd2.status != 2">-->
  100. <!-- <i class="el-icon-warning-outline" style="color: #EB3F57;"></i>-->
  101. <!-- <span>{{lang.item3}}</span>-->
  102. <!-- </div>-->
  103. </div>
  104. </div>
  105. </div>
  106. <div>
  107. <div class="my-form-item-label">
  108. <div class="my-form-item-label">
  109. <div class="head-tit">
  110. <p class="title">
  111. <span>{{lang.item8}}</span>
  112. </p>
  113. <p class="des">
  114. <span>{{lang.item9}}</span>
  115. </p>
  116. </div>
  117. </div>
  118. </div>
  119. <el-upload
  120. class="avatar-uploader"
  121. :action="actionAdd1"
  122. :headers="AccessToken"
  123. :disabled="fileListAdd1.status == 2 ? true : false"
  124. :show-file-list="false"
  125. :on-success="handleAvatarSuccess3"
  126. :before-upload="beforeAvatarUpload">
  127. <div style="width: 100%;height: 100%;">
  128. <img style="height: 100%;width: 100%;" v-if="(fileListAdd1.againPath && (fileListAdd1.againPath.substr(-3,3) != 'pdf' && fileListAdd1.againPath.substr(-3,3) != 'PDF')) || (fileListAdd1.path && (fileListAdd1.path.substr(-3,3) != 'pdf' && fileListAdd1.path.substr(-3,3) != 'PDF'))" :src="imgUrl+(fileListAdd1.againPath || fileListAdd1.path)" class="avatar">
  129. <div style="height: 100%;width: 100%;font-size: 24px;line-height: 80px;" v-if="(fileListAdd1.againPath && (fileListAdd1.againPath.substr(-3,3) == 'pdf' || fileListAdd1.againPath.substr(-3,3) == 'PDF')) || (fileListAdd1.path && (fileListAdd1.path.substr(-3,3) == 'pdf' || fileListAdd1.path.substr(-3,3) == 'PDF'))"><i class="el-icon-document"></i></div>
  130. <i style="line-height: 80px" v-else class="el-icon-picture-outline avatar-uploader-icon"></i>
  131. </div>
  132. </el-upload>
  133. <!-- <el-upload-->
  134. <!-- class="avatar-uploader"-->
  135. <!-- :action="actionAdd2"-->
  136. <!-- :headers="AccessToken"-->
  137. <!-- :disabled="fileListAdd2.status == 2 ? true : false"-->
  138. <!-- :show-file-list="false"-->
  139. <!-- :on-success="handleAvatarSuccess4"-->
  140. <!-- :before-upload="beforeAvatarUpload">-->
  141. <!-- <img style="height: 80px;width: 150px;" v-if="fileListAdd2.path && !imageUrl4" :src="imgUrl+fileListAdd2.path" class="avatar">-->
  142. <!-- <img style="height: 80px;width: 150px;" v-if="imageUrl4" :src="imageUrl4" class="avatar">-->
  143. <!-- <i v-else class="el-icon-plus avatar-uploader-icon"></i>-->
  144. <!-- </el-upload>-->
  145. </div>
  146. <div>
  147. <div class="my-form-item-label">
  148. <div class="only-head">
  149. <div class="title"><i class="el-icon-document"></i><span>{{lang.item10}}</span></div>
  150. <div class="divider"></div>
  151. </div>
  152. </div>
  153. </div>
  154. <div>
  155. <div class="my-form-item-label">
  156. <div class="my-form-item-label">
  157. <div class="head-tit">
  158. <p class="title"><span>{{lang.item11}}</span></p>
  159. <p class="des">
  160. <span>{{lang.item12}}</span>
  161. </p>
  162. </div>
  163. </div>
  164. </div>
  165. <el-upload
  166. class="avatar-uploaderOther fileOther"
  167. :action="actionOtherAdd"
  168. :headers="AccessToken"
  169. :show-file-list="false"
  170. :on-success="handleAvatarSuccessOther"
  171. :before-upload="beforeAvatarUpload">
  172. <el-button size="" type="primary"><span>{{lang.Upload}}</span></el-button>
  173. </el-upload>
  174. <div id="files" v-for="(item,index) in fileListOthers" :key="index">
  175. <el-upload
  176. class="avatar-uploaderOther fileOthers"
  177. :action="imgUrl +'/custom/file/upload/10/' + item.id"
  178. :headers="AccessToken"
  179. :disabled="fileListOther.status == 2 ? true : false"
  180. :show-file-list="false"
  181. :on-success="handleAvatarSuccessOther"
  182. :before-upload="beforeAvatarUpload">
  183. <div class="file" style="width: 100%;height: 100%;">
  184. <img style="height: 100%;width: 100%;" v-if="(item.againPath && (item.againPath.substr(-3,3) != 'pdf' && item.againPath.substr(-3,3) != 'PDF')) || (item.path && (item.path.substr(-3,3) != 'pdf' && item.path.substr(-3,3) != 'PDF'))" :src="imgUrl+(item.againPath || item.path)" class="avatar">
  185. <div style="height: 100%;width: 100%;font-size: 24px;line-height: 80px;" v-else><i class="el-icon-document"></i></div>
  186. </div>
  187. </el-upload>
  188. </div>
  189. </div>
  190. <div style="display: flex;justify-content: center;">
  191. <el-button type="danger" @click="update">{{lang.btn}}</el-button>
  192. </div>
  193. </div>
  194. </div>
  195. </div>
  196. <script src="js/vue.min.js"></script>
  197. <script src="js/axios.min.js"></script>
  198. <script src="js/element-ui.js"></script>
  199. <script src="js/element@2.12.2.js"></script>
  200. <script src="js/info.js"></script>
  201. </body>
  202. </html>