OpenI
/
aiforge
Not watched
1
0
Fork 0
Code
Releases 128 Wiki Activity
Issues 0 Pull Requests 0 Datasets Model Cloudbrain
You can not select more than 25 topics Topics must start with a chinese character,a letter or number, can include dashes ('-') and can be up to 35 characters long.
Tree: 204d8ffe30
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from '204d8ffe30'
${ noResults }
aiforge/templates/repo/cloudbrain/index.tmpl

620 lines
25 kB
Raw Blame History 

  1. <!-- 头部导航栏 -->

  2. {{template "base/head" .}}

  3. 

  4. <style>

  5.     .label_after::after{

  6.         margin: -.2em 0 0 .2em;

  7.         content: '\00a0';

  8.         

  9.         

  10. }

  11.     

  12.     .selectcloudbrain .active.item{

  13.         color: #0087f5 !important;

  14.         border: 1px solid #0087f5;

  15.         margin: -1px;

  16.         background: #FFF !important;

  17.     }

  18.     #deletemodel {

  19.         width: 100%;

  20.         height: 100%;

  21.     }

  22.     /* 弹窗 */

  23. 

  24.     #mask {

  25.         position: fixed;

  26.         top: 0px;

  27.         left: 0px;

  28.         right: 0px;

  29.         bottom: 0px;

  30.         filter: alpha(opacity=60);

  31.         background-color: #777;

  32.         z-index: 1000;

  33.         display: none;

  34.         opacity: 0.8;

  35.         -moz-opacity: 0.5;

  36.         padding-top: 100px;

  37.         color: #000000

  38.     }

  39. 

  40.     #loadingPage {

  41.         margin: 200px auto;

  42.         width: 50px;

  43.         height: 40px;

  44.         text-align: center;

  45.         font-size: 10px;

  46.         display: block;

  47.     }

  48. 

  49.     #loadingPage>div {

  50.         background-color: green;

  51.         height: 100%;

  52.         width: 6px;

  53.         display: inline-block;

  54.         -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;

  55.         animation: sk-stretchdelay 1.2s infinite ease-in-out;

  56.     }

  57. 

  58.     #loadingPage .rect2 {

  59.         -webkit-animation-delay: -1.1s;

  60.         animation-delay: -1.1s;

  61.     }

  62. 

  63.     #loadingPage .rect3 {

  64.         -webkit-animation-delay: -1.0s;

  65.         animation-delay: -1.0s;

  66.     }

  67. 

  68.     #loadingPage .rect4 {

  69.         -webkit-animation-delay: -0.9s;

  70.         animation-delay: -0.9s;

  71.     }

  72. 

  73.     #loadingPage .rect5 {

  74.         -webkit-animation-delay: -0.8s;

  75.         animation-delay: -0.8s;

  76.     }

  77. 

  78.     @-webkit-keyframes sk-stretchdelay {

  79.         0%,

  80.         40%,

  81.         100% {

  82.             -webkit-transform: scaleY(0.4)

  83.         }

  84.         20% {

  85.             -webkit-transform: scaleY(1.0)

  86.         }

  87.     }

  88. 

  89.     @keyframes sk-stretchdelay {

  90.         0%,

  91.         40%,

  92.         100% {

  93.             transform: scaleY(0.4);

  94.             -webkit-transform: scaleY(0.4);

  95.         }

  96.         20% {

  97.             transform: scaleY(1.0);

  98.             -webkit-transform: scaleY(1.0);

  99.         }

  100.     }

  101.     /* 消息框 */

  102. 

  103.     .alert {

  104.         display: none;

  105.         position: fixed;

  106.         width: 100%;

  107.         z-index: 1001;

  108.         padding: 15px;

  109.         border: 1px solid transparent;

  110.         border-radius: 4px;

  111.         text-align: center;

  112.         font-weight: bold;

  113.     }

  114. 

  115.     .alert-success {

  116.         color: #3c763d;

  117.         background-color: #dff0d8;

  118.         border-color: #d6e9c6;

  119.     }

  120. 

  121.     .alert-info {

  122.         color: #31708f;

  123.         background-color: #d9edf7;

  124.         border-color: #bce8f1;

  125.     }

  126. 

  127.     .alert-warning {

  128.         color: #8a6d3b;

  129.         background-color: #fcf8e3;

  130.         border-color: #faebcc;

  131.     }

  132. 

  133.     .alert-danger {

  134.         color: #a94442;

  135.         background-color: #f2dede;

  136.         border-color: #ebccd1;

  137.     }

  138. 

  139.     .pusher {

  140.         width: calc(100% - 260px);

  141.         box-sizing: border-box;

  142.     }

  143.     /* 弹窗 (background)  */

  144. 

  145.     #imageModal {

  146.         display: none;

  147.         position: fixed;

  148.         z-index: 1;

  149.         left: 0;

  150.         top: 0;

  151.         width: 100%;

  152.         height: 100%;

  153.         overflow: auto;

  154.         background-color: rgb(0, 0, 0);

  155.         background-color: rgba(0, 0, 0, 0.4);

  156.     }

  157.     /* 弹窗内容 */

  158. 

  159.     .modal-content {

  160.         background-color: #fefefe;

  161.         margin: 15% auto;

  162.         padding: 20px;

  163.         border: 1px solid #888;

  164.         width: 30%;

  165.     }

  166.     /* 关闭按钮 */

  167. 

  168.     .close {

  169.         color: #aaa;

  170.         float: right;

  171.         font-size: 28px;

  172.         font-weight: bold;

  173.     }

  174. 

  175.     .close:hover,

  176.     .close:focus {

  177.         color: black;

  178.         text-decoration: none;

  179.         cursor: pointer;

  180.     }

  181. 

  182.     .dis {

  183.         margin-bottom: 20px;

  184.     }

  185. 

  186.     .disabled {

  187.         cursor: pointer;

  188.         pointer-events: none;

  189.     }

  190.     .time-show{

  191.         font-size: 10px;

  192.         margin-top: 0.4rem;

  193.         display: inline-block;

  194.     }

  195.     

  196. </style>

  197. 

  198. <!-- 弹窗 -->

  199. <div id="mask">

  200.     <div id="loadingPage">

  201.         <div class="rect1"></div>

  202.         <div class="rect2"></div>

  203.         <div class="rect3"></div>

  204.         <div class="rect4"></div>

  205.         <div class="rect5"></div>

  206.     </div>

  207. </div>

  208. 

  209. <!-- 提示框 -->

  210. <div class="alert"></div>

  211. 

  212. <div class="repository release dataset-list view">

  213.     {{template "repo/header" .}}

  214.     <!-- 列表容器 -->

  215.     <div class="ui container">

  216. 

  217.         <!-- 中间云脑和新建任务按钮 -->

  218.         <!-- <div class="ui three column stack able grid">

  219.             <div class="column">

  220.                 <h2>{{.i18n.Tr "repo.cloudbrain1"}}</h2>

  221.             </div>

  222. 

  223.             <div class="column">

  224.             </div>

  225. 

  226.             <div class="column right aligned">

  227.                 {{if .Permission.CanWrite $.UnitTypeCloudBrain}}

  228.                 <a class="ui green button" href="{{.RepoLink}}/cloudbrain/create">{{.i18n.Tr "repo.cloudbrain.new"}}</a> {{end}}

  229.             </div>

  230.         </div>

  231. 

  232.         <p>使用鹏城云脑计算资源进行调试，云脑1提供CPU / GPU资源，云脑2提供Ascend NPU资源；调试使用的数据集也需要上传到对应的环境。</p>

  233.         <div class="ui blue mini menu selectcloudbrain">

  234.             <a class="active item" href="{{.RepoLink}}/cloudbrain">{{svg "octicon-server" 16}} CPU / GPU</a>

  235.             <a class="item" href="{{.RepoLink}}/modelarts">{{svg "octicon-server" 16}} Ascend NPU</a>

  236.         </div> -->

  237. 

  238.         <div class="ui two column stackable grid ">

  239. 

  240.                 <div class="column">

  241.                     <div class="ui blue small menu compact selectcloudbrain">

  242.                         <a class="active item">{{$.i18n.Tr "repo.modelarts.notebook"}}</a>

  243.                         <!-- <a class="item" href="{{.RepoLink}}/modelarts">训练任务</a> -->

  244.                     </div>

  245.                 </div>

  246.                 <div class="column right aligned">

  247.     

  248.                     <div class="ui selection dropdown" style="min-width: 10em;min-height:2.6em;border-radius: .28571429rem;margin-right: 1em;padding: .67em 3.2em .7em 1em;">

  249.                         {{svg "octicon-server" 16}}

  250.                         <div class="default text" style="color: rgba(0,0,0,.87);"> CPU / GPU</div>

  251.                         <i class="dropdown icon"></i>

  252.                         <div class="menu">

  253.                             <a class="item" href="{{.RepoLink}}/cloudbrain" data-value="11">CPU / GPU</a>

  254.                             <a class="item" href="{{.RepoLink}}/modelarts/notebook" data-value="22">Ascend NPU</a>

  255.                         </div>

  256.                     </div>

  257.                            

  258.                     <a class="ui green button" href="{{.RepoLink}}/cloudbrain/create">{{$.i18n.Tr "repo.modelarts.train_job.new_debug"}}</a>

  259.                 </div>

  260.         </div>

  261. 

  262.         <!-- 中下列表展示区 -->

  263.         <div class="ui grid">

  264.             <div class="row">

  265.                 <div class="ui sixteen wide column">

  266. 

  267.                     <!-- 排序区 -->

  268.                     <!-- <div class="ui sixteen wide column">

  269.                         <div class="ui two column stackable grid">

  270.                             <div class="column">

  271.                             </div>

  272.                             <div class="column right aligned">

  273.                                 <div class="ui right dropdown type jump item">

  274.                                     <span class="text">

  275.                                         {{.i18n.Tr "repo.issues.filter_sort"}}<i class="dropdown icon"></i>

  276.                                     </span>

  277.                                 </div>

  278.                             </div>

  279.                         </div>

  280.                     </div> -->

  281. 

  282.                     <!-- 任务展示 -->

  283. 

  284.                     <!-- 表头 -->

  285.                     <div class="dataset list">

  286.                         <div class="ui grid stackable" style="background: #f0f0f0;;">

  287.                             <div class="row">

  288.                                 <div class="five wide column">

  289.                                     <span style="margin:0 6px">{{$.i18n.Tr "repo.cloudbrain_task"}}</span>

  290.                                 </div>

  291.                                 <div class="three wide column">

  292.                                     <span>{{$.i18n.Tr "repo.cloudbrain_status_createtime"}}</span>

  293.                                 </div>

  294.                                 <div class="one wide column">

  295.                                     <span>{{$.i18n.Tr "repo.cloudbrain_creator"}}</span> 

  296.                                 </div>

  297.                                 <div class="seven wide column text center">

  298.                                     <span>{{$.i18n.Tr "repo.cloudbrain_operate"}}</span>

  299.                                 </div>

  300. 

  301.                             </div>

  302.                         

  303.                         </div>

  304.                         {{range .Tasks}}

  305.                         <div class="ui grid stackable item">

  306.                             <div class="row">

  307. 

  308.                                 <!-- 任务名 -->

  309.                                 <div class="five wide column">

  310.                                     <a class="title" href="{{$.Link}}/{{.JobID}}" title="{{.JobName}}" style="font-size: 15px;">

  311.                                         <span class="fitted" style="vertical-align: middle;">{{svg "octicon-tasklist" 16}}</span>

  312.                                         <span class="fitted text_over" style="width: 90%;vertical-align: middle;margin-left: 0.4rem;">{{.JobName}}</span>

  313.                                     </a>

  314.                                 </div>

  315. 

  316.                                 <div class="three wide column">

  317.                                     <!--任务状态 -->

  318.                                     <span class="job-status" id="{{.JobID}}" data-repopath="{{$.RepoRelPath}}" data-jobid="{{.JobID}}">

  319.                                         <!-- {{.Status}} -->

  320.                                         <!-- {{if eq .Status "RUNNING"}}

  321.                                             <span  style="display:flex;position: relative; justify-content: flex-start;"><i class="i-round i-bg-stop"></i><span style="margin-left: 0.4em;font-size: 12px;">运行中</span></span>

  322.                                             <span  style="display:flex;position: relative; justify-content: flex-start;"><i class="i-round i-bg-stop"></i><span style="margin-left: 0.4em;font-size: 12px;">运行中</span></span>

  323.                                         {{else}}

  324.                                             {{.Status}}

  325.                                         {{end}} -->

  326.                                         <span><i id="{{.JobID}}-icon" style="vertical-align: middle;" class="{{.Status}}"></i><span id="{{.JobID}}-text" style="margin-left: 0.4em;font-size: 12px;">{{.Status}}</span></span>

  327.                                     </span>

  328.                                     <!-- <span class="job-status" id="{{.JobID}}" data-repopath="{{$.RepoRelPath}}" data-jobid="{{.JobID}}" >

  329.                                             {{if eq .Status "STOPPED"}}

  330.                                             <span  style="display:flex;position: relative; justify-content: flex-start;"><i class="i-round i-bg-stop"></i><span style="margin-left: 0.4em;font-size: 12px;">已停止</span></span>

  331.                                             {{else if eq .Status "RUNNING"}}

  332.                                             <span   style="display:flex;position: relative; justify-content: flex-start;"><i class="i-round i-bg-running"></i><span style="margin-left: 0.4em;font-size: 12px;">运行中</span></span>

  333.                                             {{else if eq .Status "FAILED"}}

  334.                                             <span   style="display:flex;position: relative; justify-content: flex-start;"><i class="i-round i-bg-running"></i><span style="margin-left: 0.4em;font-size: 12px;">运行失败</span></span>

  335.                                             {{else if eq .Status "WAITING"}}

  336.                                             <span   style="display:flex;position: relative; justify-content: flex-start;"><i class="showCircle"></i><span style="margin-left: 0.4em;font-size: 12px;">初始化等待</span></span>

  337.                                             {{end}}

  338.                                     </span> -->

  339.                                     

  340.                                     <!-- 任务创建时间 -->

  341.                                     <span style="font-size: 12px;margin-left: 0.4rem;" class="">{{TimeSinceUnix .Cloudbrain.CreatedUnix $.Lang}}</span>

  342.                                 </div>

  343. 

  344.                                 <div class="one wide column">

  345.                                     {{if .User.Name}}

  346.                                         <a href="{{AppSubUrl}}/{{.User.Name}}" title="{{.User.Name}}"><img class="ui avatar image" src="{{.User.RelAvatarLink}}"></a>

  347.                                     {{else}}

  348.                                         <a title="Ghost"><img class="ui avatar image" src="{{AppSubUrl}}/user/avatar/Ghost/-1"></a>

  349.                                     {{end}}

  350.                                 </div>

  351.                                 <div class="seven wide column text right">

  352.                                     <div class="ui compact buttons">  

  353.                                         {{if and (ne .Status "WAITING") (ne .JobType "DEBUG")}}

  354.                                         <a class="ui basic button" href="{{$.Link}}/{{.JobID}}/rate" target="_blank">

  355.                                             评分

  356.                                         </a>

  357.                                         {{end}}

  358. 

  359.                                         <!-- 调试 -->

  360.                                         <a id="model-debug-{{.JobID}}" class="ui basic {{if not .CanDebug}}disabled {{else}}blue {{end}}button" href="{{$.Link}}/{{.JobID}}/debug" target="_blank">

  361.                                             {{$.i18n.Tr "repo.debug"}}

  362.                                         </a>

  363.                                         

  364.                                         <form id="stopForm-{{.JobID}}" action="{{$.Link}}/{{.JobID}}/stop" method="post" style="margin-left:-1px;">

  365.                                             {{$.CsrfTokenHtml}}

  366.                                             <a id="stop-model-debug-{{.JobID}}" class="ui basic {{if or (eq .Status "STOPPED") (eq .Status "FAILED")}}disabled {{else}}blue {{end}}button" onclick="document.getElementById('stopForm-{{.JobID}}').submit();">

  367.                                                 {{$.i18n.Tr "repo.stop"}}

  368.                                             </a>

  369.                                         </form>                                        

  370.                                     </div>

  371.                                     <div class="ui compact buttons" style="margin-right:10px;">

  372.                                         <!-- 模型下载 -->

  373.                                         <a class="ui basic blue button" href="{{$.Link}}/{{.JobID}}/models" target="_blank">

  374.                                             {{$.i18n.Tr "repo.download"}}

  375.                                         </a>

  376.                                         

  377.                                         <!-- 接收结果 -->

  378.                                         <iframe src="" frameborder="0" name="iframeContent" style="display: none;"></iframe>

  379.                                         <a id="model-image-{{.JobID}}" class="imageBtn ui basic {{if not .CanDebug}}disabled {{else}}blue {{end}}button" value="{{.CanDebug}}">{{$.i18n.Tr "repo.submit_image"}}</a>

  380. 

  381.                                     </div>

  382.                                     

  383.                                     <!-- 删除任务 -->

  384.                                     <form class="ui compact buttons" id="delForm-{{.JobID}}" action="{{$.Link}}/{{.JobID}}/del" method="post">

  385.                                         {{$.CsrfTokenHtml}}

  386.                                         <a id="model-delete-{{.JobID}}" class="ui compact {{if not .CanDel}}disabled {{else}}red {{end}}button" onclick="assertDelete(this)" style="border-radius: .28571429rem;">

  387.                                             {{$.i18n.Tr "repo.delete"}}

  388.                                         </a>

  389.                                     </form>

  390.                                     

  391.                                 </div>

  392.                                 <!-- 镜像列表弹窗 -->

  393.                                 <div id="imageModal" class="modal" style="display: none;">

  394.                                     <div class="modal-content">                                                

  395. 

  396.                                         <!-- 表格 -->

  397.                                         <div class="ui form">

  398.                                             <form id="commitImageForm" action="{{$.Link}}/{{.JobID}}/commit_image" method="post" target="iframeContent">

  399.                                                 {{$.CsrfTokenHtml}}

  400.                                                 <div class="row">

  401.                                                     <p style="display: inline;">提交任务镜像</p>

  402.                                                     <span class="close">&times;</span>

  403.                                                 </div>

  404.                                                 

  405.                                                 <div class="ui divider"></div>

  406.     

  407.                                                 <div class="inline required field dis">

  408.                                                     <label>镜像标签：</label>

  409.                                                     <input name="tag" id="image_tag" tabindex="3" autofocus required maxlength="255" style="width:75%">

  410.                                                 </div>

  411.     

  412.                                                 <div class="inline field">

  413.                                                     <label class="label_after">镜像描述：</label>

  414.                                                     <textarea name="description" rows="8" style="width:75%;margin-left: 0.2em;"></textarea>

  415.                                                 </div>

  416.     

  417.                                                 <div class="ui divider"></div>

  418.     

  419.                                                 <div class="inline field">

  420.                                                     <label></label>

  421.                                                     <button class="ui green button" onclick="showmask()">

  422.                                                         {{$.i18n.Tr "repo.cloudbrain.commit_image"}}

  423.                                                     </button>

  424.                                                 </div>

  425.                                             </form>

  426.                                         </div>

  427.                                         

  428.                                     </div>

  429.                                 </div>

  430. 

  431. 

  432.                                 

  433. 

  434.                             </div>

  435.                         </div>

  436.                         {{end}} {{template "base/paginate" .}}

  437.                     </div>

  438. 

  439.                 </div>

  440.             </div>

  441.         </div>

  442. 

  443.     </div>

  444. 

  445. </div>

  446. </div>

  447. 

  448. </div>

  449. 

  450. <!-- 确认模态框 -->

  451. <div id="deletemodel">

  452.     <div class="ui basic modal">

  453.         <div class="ui icon header">

  454.             <i class="trash icon"></i> 删除任务

  455.         </div>

  456. 

  457.         <div class="content">

  458.             <p>你确认删除该任务么？此任务一旦删除不可恢复。</p>

  459.         </div>

  460.         <div class="actions">

  461.             <div class="ui red basic inverted cancel button">

  462.                 <i class="remove icon"></i> 取消操作

  463.             </div>

  464.             <div class="ui green basic inverted ok button">

  465.                 <i class="checkmark icon"></i> 确定操作

  466.             </div>

  467.         </div>

  468.     </div>

  469. </div>

  470. 

  471. </div>

  472. {{template "base/footer" .}}

  473. 

  474. <script>

  475.     // 调试和评分新开窗口

  476.     function stop(obj) {

  477.         if (obj.style.color != "rgb(204, 204, 204)") {

  478.             obj.target = '_blank'

  479.         } else {

  480.             return

  481.         }

  482.     }

  483. 

  484.     // 删除时用户确认

  485.     function assertDelete(obj) {

  486.         if (obj.style.color == "rgb(204, 204, 204)") {

  487.             return

  488.         } else {

  489.             var delId = obj.parentNode.id

  490.             flag = 1;

  491.             $('.ui.basic.modal')

  492.                 .modal({

  493.                     onDeny: function() {

  494.                         flag = false

  495.                     },

  496.                     onApprove: function() {

  497.                         document.getElementById(delId).submit()

  498.                         flag = true

  499.                     },

  500.                     onHidden: function() {

  501.                         if (flag == false) {

  502.                             $('.alert').html('您已取消操作').removeClass('alert-success').addClass('alert-danger').show().delay(1500).fadeOut();

  503.                         }

  504.                     }

  505.                 })

  506.                 .modal('show')

  507.         }

  508.     }

  509. 

  510.     // 加载任务状态

  511.     var timeid = window.setInterval(loadJobStatus, 15000);

  512.     $(document).ready(loadJobStatus);

  513.     function loadJobStatus() {

  514.         $(".job-status").each((index, job) => {

  515.             const jobID = job.dataset.jobid;

  516.             const repoPath = job.dataset.repopath;

  517.             if (job.textContent.trim() == 'STOPPED' || job.textContent.trim() == 'FAILED') {

  518.                 

  519.                 return

  520.             }

  521.             

  522.             $.get(`/api/v1/repos/${repoPath}/cloudbrain/${jobID}`, (data) => {

  523.                 const jobID = data.JobID

  524.                 const status = data.JobStatus

  525.                 if (status != job.textContent.trim()) {

  526.                     console.log("---------")

  527.                     $('#' + jobID+'-icon').removeClass().addClass(status)

  528.                     $('#' + jobID+ '-text').text(status)

  529.                     

  530.                     //if (status == 'STOPPED') {

  531.                         // window.location.reload()

  532.                     //}

  533.                 }

  534.                 if(status==="RUNNING"){

  535.                     $('#model-debug-'+jobID).removeClass('disabled')

  536.                     $('#model-debug-'+jobID).addClass('blue')

  537.                     $('#model-image-'+jobID).removeClass('disabled')

  538.                     $('#model-image-'+jobID).addClass('blue')

  539.                     

  540. 

  541.                 }

  542.                 if(status!=="RUNNING"){

  543.                     $('#model-debug-'+jobID).removeClass('blue')

  544.                     $('#model-debug-'+jobID).addClass('disabled')

  545.                     $('#model-image-'+jobID).removeClass('blue')

  546.                     $('#model-image-'+jobID).addClass('disabled')

  547. 

  548.                 }

  549.                 if(status!=="STOPPED" || status!=="FAILED"){

  550.                    $('#stop-model-debug-'+jobID).removeClass('disabled')

  551.                    $('#stop-model-debug-'+jobID).addClass('blue')

  552.                    $('#model-delete-'+jobID).removeClass('red')

  553.                    $('#model-delete-'+jobID).addClass('disabled')

  554.                 }

  555.                 if(status=="STOPPED" || status=="FAILED"){

  556.                    $('#stop-model-debug-'+jobID).removeClass('blue')

  557.                    $('#stop-model-debug-'+jobID).addClass('disabled')

  558.                    $('#model-delete-'+jobID).removeClass('disabled')

  559.                    $('#model-delete-'+jobID).addClass('red')

  560.                 }

  561.             }).fail(function(err) {

  562.                 console.log(err);

  563.             });

  564.         });

  565.     };

  566. 

  567.     // 获取弹窗

  568.     var modal = document.getElementById('imageModal');

  569. 

  570.     // 打开弹窗的按钮对象

  571.     var btns = document.getElementsByClassName("imageBtn");

  572. 

  573.     // 获取 <span> 元素，用于关闭弹窗

  574.     var spans = document.getElementsByClassName('close');

  575. 

  576.     // 点击按钮打开弹窗

  577.     for (i = 0; i < btns.length; i++) {

  578.         btns[i].onclick = function() {

  579.             modal.style.display = "block";

  580.         }

  581.     }

  582. 

  583.     // 点击 <span> (x), 关闭弹窗

  584.     for (i = 0; i < spans.length; i++) {

  585.         spans[i].onclick = function() {

  586.             modal.style.display = "none";

  587.         }

  588.     }

  589. 

  590.     // 在用户点击其他地方时，关闭弹窗

  591.     window.onclick = function(event) {

  592.         if (event.target == modal) {

  593.             modal.style.display = "none";

  594.         }

  595.     }

  596. 

  597.     // 显示弹窗，弹出相应的信息

  598.     function showmask() {

  599.         var image_tag = !$('#image_tag').val()

  600.         console.log("image_tag",image_tag)

  601.         if(image_tag){

  602.             return

  603.         }

  604.         $('#imageModal').css('display', 'none')

  605.         $('#mask').css('display', 'block')

  606. 

  607.         $("iframe[name=iframeContent]").on("load", function() {　　

  608.             var responseText = $("iframe")[0].contentDocument.body.getElementsByTagName("pre")[0].innerHTML;　

  609.             var json1 = JSON.parse(responseText)

  610.             $('#mask').css('display', 'none')

  611.             parent.location.href

  612. 

  613.             if (json1.result_code === "0") {

  614.                 $('.alert').html('操作成功!').removeClass('alert-danger').addClass('alert-success').show().delay(1500).fadeOut();

  615.             } else {

  616.                 $('.alert').html(json1.error_msg).removeClass('alert-success').addClass('alert-danger').show().delay(5000).fadeOut();

  617.             }

  618.         })

  619.     }

  620. </script>