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: 2e308125c6
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from '2e308125c6'
${ noResults }
aiforge/templates/repo/modelarts/trainjob/index.tmpl

602 lines
24 kB
Raw Blame History 

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

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

  3. 

  4. <style>

  5.     .selectcloudbrain .active.item{

  6.         color: #0087f5 !important;

  7.         border: 1px solid #0087f5;

  8.         margin: -1px;

  9.         background: #FFF !important;

  10.     }

  11.     #deletemodel {

  12.         width: 100%;

  13.         height: 100%;

  14.     }

  15.     /* 弹窗 */

  16. 

  17.     #mask {

  18.         position: fixed;

  19.         top: 0px;

  20.         left: 0px;

  21.         right: 0px;

  22.         bottom: 0px;

  23.         filter: alpha(opacity=60);

  24.         background-color: #777;

  25.         z-index: 1000;

  26.         display: none;

  27.         opacity: 0.8;

  28.         -moz-opacity: 0.5;

  29.         padding-top: 100px;

  30.         color: #000000

  31.     }

  32. 

  33.     #loadingPage {

  34.         margin: 200px auto;

  35.         width: 50px;

  36.         height: 40px;

  37.         text-align: center;

  38.         font-size: 10px;

  39.         display: block;

  40.     }

  41. 

  42.     #loadingPage>div {

  43.         background-color: green;

  44.         height: 100%;

  45.         width: 6px;

  46.         display: inline-block;

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

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

  49.     }

  50. 

  51.     #loadingPage .rect2 {

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

  53.         animation-delay: -1.1s;

  54.     }

  55. 

  56.     #loadingPage .rect3 {

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

  58.         animation-delay: -1.0s;

  59.     }

  60. 

  61.     #loadingPage .rect4 {

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

  63.         animation-delay: -0.9s;

  64.     }

  65. 

  66.     #loadingPage .rect5 {

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

  68.         animation-delay: -0.8s;

  69.     }

  70. 

  71.     @-webkit-keyframes sk-stretchdelay {

  72.         0%,

  73.         40%,

  74.         100% {

  75.             -webkit-transform: scaleY(0.4)

  76.         }

  77.         20% {

  78.             -webkit-transform: scaleY(1.0)

  79.         }

  80.     }

  81. 

  82.     @keyframes sk-stretchdelay {

  83.         0%,

  84.         40%,

  85.         100% {

  86.             transform: scaleY(0.4);

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

  88.         }

  89.         20% {

  90.             transform: scaleY(1.0);

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

  92.         }

  93.     }

  94.     /* 消息框 */

  95. 

  96.     .alert {

  97.         display: none;

  98.         position: fixed;

  99.         width: 100%;

  100.         z-index: 1001;

  101.         padding: 15px;

  102.         border: 1px solid transparent;

  103.         border-radius: 4px;

  104.         text-align: center;

  105.         font-weight: bold;

  106.     }

  107. 

  108.     .alert-success {

  109.         color: #3c763d;

  110.         background-color: #dff0d8;

  111.         border-color: #d6e9c6;

  112.     }

  113. 

  114.     .alert-info {

  115.         color: #31708f;

  116.         background-color: #d9edf7;

  117.         border-color: #bce8f1;

  118.     }

  119. 

  120.     .alert-warning {

  121.         color: #8a6d3b;

  122.         background-color: #fcf8e3;

  123.         border-color: #faebcc;

  124.     }

  125. 

  126.     .alert-danger {

  127.         color: #a94442;

  128.         background-color: #f2dede;

  129.         border-color: #ebccd1;

  130.     }

  131. 

  132.     .pusher {

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

  134.         box-sizing: border-box;

  135.     }

  136.     /* 弹窗 (background)  */

  137. 

  138.     #imageModal {

  139.         display: none;

  140.         position: fixed;

  141.         z-index: 1;

  142.         left: 0;

  143.         top: 0;

  144.         width: 100%;

  145.         height: 100%;

  146.         overflow: auto;

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

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

  149.     }

  150.     /* 弹窗内容 */

  151. 

  152.     .modal-content {

  153.         background-color: #fefefe;

  154.         margin: 15% auto;

  155.         padding: 20px;

  156.         border: 1px solid #888;

  157.         width: 30%;

  158.     }

  159.     /* 关闭按钮 */

  160. 

  161.     .close {

  162.         color: #aaa;

  163.         float: right;

  164.         font-size: 28px;

  165.         font-weight: bold;

  166.     }

  167. 

  168.     .close:hover,

  169.     .close:focus {

  170.         color: black;

  171.         text-decoration: none;

  172.         cursor: pointer;

  173.     }

  174. 

  175.     .dis {

  176.         margin-bottom: 20px;

  177.     }

  178. 

  179.     .disabled {

  180.         cursor: pointer;

  181.         pointer-events: none;

  182.     }

  183. </style>

  184. 

  185. <!-- 弹窗 -->

  186. <div id="mask">

  187.     <div id="loadingPage">

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

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

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

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

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

  193.     </div>

  194. </div>

  195. 

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

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

  198. 

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

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

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

  202.     <div class="ui container">

  203.         {{template "base/alert" .}}

  204. 

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

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

  207.             <div class="column">

  208.                 <h2>{{.i18n.Tr "repo.cloudbrain2"}}</h2>

  209.             </div>

  210. 

  211.             <div class="column">

  212.             </div>

  213. 

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

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

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

  217.             </div>

  218. 

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

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

  221.                 <a class="ui blue button" href="{{.RepoLink}}/modelarts/train-job/create">{{.i18n.Tr "repo.cloudbrain.new"}}</a> {{end}}

  222.             </div>

  223.         </div>

  224. 

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

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

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

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

  229.         </div> -->

  230. 

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

  232. 

  233.                 <div class="column">

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

  235.                         <a class="item" href="{{.RepoLink}}/modelarts/notebook">{{$.i18n.Tr "repo.modelarts.notebook"}}</a>

  236.                         <a class="active item" href="{{.RepoLink}}/modelarts/train-job">{{$.i18n.Tr "repo.modelarts.train_job"}}</a>

  237.                     </div>

  238.                 </div>

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

  240.     

  241.                     <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;">

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

  243.                         <div class="default text" style="color: rgba(0,0,0,.87);"> Ascend NPU</div>

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

  245.                         <div class="menu">

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

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

  248.                         </div>

  249.                     </div>

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

  251.                     <a class="ui green button" href="{{.RepoLink}}/modelarts/train-job/create">{{$.i18n.Tr "repo.modelarts.train_job.new_train"}}</a>{{end}}

  252.                 </div>

  253.         </div>

  254. 

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

  256.         <div class="ui grid">

  257.             <div class="row">

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

  259. 

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

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

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

  263.                             <div class="column">

  264.                             </div>

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

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

  267.                                     <span class="text">

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

  269.                                     </span>

  270.                                 </div>

  271.                             </div>

  272.                         </div>

  273.                     </div> -->

  274. 

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

  276.                     <div class="dataset list">

  277. 

  278.                      <!-- 表头 -->

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

  280.                             <div class="row">

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

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

  283.                                 </div>

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

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

  286.                                 </div>

  287.                                 <div class="two wide column">

  288.                                     <span>{{$.i18n.Tr "repo.cloudbrain_status_runtime"}}</span>

  289.                                 </div>

  290.                                 <div class="one wide column text center">

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

  292.                                 </div>

  293.                                 <div class="five wide column text center">

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

  295.                                 </div>

  296. 

  297.                             </div>

  298.                         

  299.                         </div>                     

  300. 

  301. 

  302. 

  303.                         {{range .Tasks}}

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

  305.                             <div class="row">

  306.                             

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

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

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

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

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

  312.                                     </a>

  313.                                 </div>

  314. 

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

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

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

  318.                                         {{.Status}}

  319.                                     </span> -->

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

  321.                                             <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>

  322.                                     </span>

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

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

  325.                                 </div>

  326. 

  327.                                 <div class="two wide column">

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

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

  330.                                             {{.Status}}

  331.                                         </span> -->

  332.                                         

  333.                                         <span id="duration-{{.JobID}}"></span>

  334.                                         

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

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

  337.                                 </div>

  338. 

  339.                                 <div class="one wide column text center">

  340.                                     {{if .User.Name}}

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

  342.                                     {{else}}

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

  344.                                     {{end}}

  345.                                 </div>

  346. 

  347.                                 <div class="five wide column text right">

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

  349.                                         <!-- <a class="ui basic blue button" href="{{$.Link}}/{{.JobID}}">

  350.                                             查看

  351.                                         </a>

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

  353.                                             调试

  354.                                         </a> -->

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

  356.                                             {{$.CsrfTokenHtml}}

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

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

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

  360.                                             </a>

  361.                                             {{else}}

  362.                                             <a  class="ui basic disabled button" onclick="document.getElementById('stopForm-{{.JobID}}').submit();">

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

  364.                                             </a>

  365.                                             {{end}}

  366.                                         </form>

  367.                                     </div>

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

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

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

  371.                                                 {{$.i18n.Tr "repo.model_download"}}

  372.                                             </a>

  373.                                             

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

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

  376.                                             <a class="imageBtn ui basic {{if not .CanDebug}}disabled {{else}}blue {{end}}button" value="{{.CanDebug}}">提交镜像</a> -->

  377.     

  378.                                     </div>

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

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

  381.                                         {{$.CsrfTokenHtml}}

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

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

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

  385.                                         </a>

  386.                                         {{else}}

  387.                                         <a  class="ui compact disabled button" onclick="assertDelete(this)" style="border-radius: .28571429rem;">

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

  389.                                         </a>

  390.                                         {{end}}

  391.                                     </form>

  392.                                 </div>

  393. 

  394. 

  395.                                 

  396. 

  397.                             </div>

  398.                         </div>

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

  400.                     </div>

  401. 

  402.                 </div>

  403.             </div>

  404.         </div>

  405. 

  406.     </div>

  407. 

  408. </div>

  409. </div>

  410. 

  411. </div>

  412. 

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

  414. <div id="deletemodel">

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

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

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

  418.         </div>

  419. 

  420.         <div class="content">

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

  422.         </div>

  423.         <div class="actions">

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

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

  426.             </div>

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

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

  429.             </div>

  430.         </div>

  431.     </div>

  432. </div>

  433. 

  434. </div>

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

  436. 

  437. <script>

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

  439.     function stop(obj) {

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

  441.             obj.target = '_blank'

  442.         } else {

  443.             return

  444.         }

  445.     }

  446. 

  447.     // 删除时用户确认

  448.     function assertDelete(obj) {

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

  450.             return

  451.         } else {

  452.             var delId = obj.parentNode.id

  453.             flag = 1;

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

  455.                 .modal({

  456.                     onDeny: function() {

  457.                         flag = false

  458.                     },

  459.                     onApprove: function() {

  460.                         document.getElementById(delId).submit()

  461.                         flag = true

  462.                     },

  463.                     onHidden: function() {

  464.                         if (flag == false) {

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

  466.                         }

  467.                     }

  468.                 })

  469.                 .modal('show')

  470.         }

  471.     }

  472.     function runtime(time){

  473.                     if(time){

  474.                         let hours = time/3600000<10 ? "0"+parseInt(time/3600000):parseInt(time/3600000)

  475.                         let miuns = time%3600000/60000<10 ? "0"+parseInt(time%3600000/60000):parseInt(time%3600000/60000)

  476.                         let seconds = time%60000/1000<10 ? "0"+parseInt(time%60000/1000):parseInt(time%60000/1000)

  477.                         return hours + ":" + miuns + ":" + seconds

  478.                     }else{

  479.                         return "00:00:00"

  480.                     }

  481.     }

  482. 

  483.     function loadJobDuration() {

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

  485.             const jobID = job.dataset.jobid;

  486.             const repoPath = job.dataset.repopath;

  487.             $.get(`/api/v1/repos/${repoPath}/modelarts/train-job/${jobID}`, (data) => {

  488.                     const duration = data.JobDuration

  489.                     const jobID = data.JobID

  490.                     let train_duration = runtime(duration)

  491.                     $('#duration-'+jobID).text(train_duration)

  492.             })

  493.             

  494.         })

  495.     }

  496.     $(document).ready(loadJobDuration);

  497.     // 加载任务状态

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

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

  500.     function loadJobStatus() {

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

  502.             const jobID = job.dataset.jobid;

  503.             const repoPath = job.dataset.repopath;

  504.             

  505.             if (job.textContent.trim() == 'IMAGE_FAILED' || job.textContent.trim() == 'SUBMIT_FAILED' || job.textContent.trim() == 'DELETE_FAILED'

  506.                 || job.textContent.trim() == 'KILLED' || job.textContent.trim() == 'COMPLETED' || job.textContent.trim() == 'FAILED'

  507.                 || job.textContent.trim() == 'CANCELED' || job.textContent.trim() == 'LOST') {

  508.                 return

  509.             }

  510. 

  511.             $.get(`/api/v1/repos/${repoPath}/modelarts/train-job/${jobID}`, (data) => {

  512.                 const jobID = data.JobID

  513.                 const status = data.JobStatus

  514.                 const duration = data.JobDuration

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

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

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

  518. 

  519.                 }

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

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

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

  523.                     let train_duration = runtime(duration)

  524.                     $('#duration-'+jobID).text(train_duration)

  525. 

  526.                 }

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

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

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

  530. 

  531.                 }

  532.                 if(status!=="KILLED" || status!=="FAILED"){

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

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

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

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

  537.                 }

  538.                 if(status=="KILLED" || status=="FAILED"){

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

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

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

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

  543.                 }

  544.                 if(status=="START_FAILED"){

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

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

  547.                 }

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

  549.                 console.log(err);

  550.             });

  551.         });

  552.     };

  553.     

  554.     // 获取弹窗

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

  556. 

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

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

  559. 

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

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

  562. 

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

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

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

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

  567.         }

  568.     }

  569. 

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

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

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

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

  574.         }

  575.     }

  576. 

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

  578.     window.onclick = function(event) {

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

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

  581.         }

  582.     }

  583. 

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

  585.     function showmask() {

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

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

  588. 

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

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

  591.             var json1 = JSON.parse(responseText)

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

  593.             parent.location.href

  594. 

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

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

  597.             } else {

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

  599.             }

  600.         })

  601.     }

  602. </script>