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

570 lines
26 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.     .selectcloudbrain .active.item{

  10.         color: #0087f5 !important;

  11.         border: 1px solid #0087f5;

  12.         margin: -1px;

  13.         background: #FFF !important;

  14.     }

  15.     #deletemodel {

  16.         width: 100%;

  17.         height: 100%;

  18.     }

  19.     /* 弹窗 */

  20. 

  21.     #mask {

  22.         position: fixed;

  23.         top: 0px;

  24.         left: 0px;

  25.         right: 0px;

  26.         bottom: 0px;

  27.         filter: alpha(opacity=60);

  28.         background-color: #777;

  29.         z-index: 1000;

  30.         display: none;

  31.         opacity: 0.8;

  32.         -moz-opacity: 0.5;

  33.         padding-top: 100px;

  34.         color: #000000

  35.     }

  36. 

  37.     #loadingPage {

  38.         margin: 200px auto;

  39.         width: 50px;

  40.         height: 40px;

  41.         text-align: center;

  42.         font-size: 10px;

  43.         display: block;

  44.     }

  45. 

  46.     #loadingPage>div {

  47.         background-color: green;

  48.         height: 100%;

  49.         width: 6px;

  50.         display: inline-block;

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

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

  53.     }

  54. 

  55.     #loadingPage .rect2 {

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

  57.         animation-delay: -1.1s;

  58.     }

  59. 

  60.     #loadingPage .rect3 {

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

  62.         animation-delay: -1.0s;

  63.     }

  64. 

  65.     #loadingPage .rect4 {

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

  67.         animation-delay: -0.9s;

  68.     }

  69. 

  70.     #loadingPage .rect5 {

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

  72.         animation-delay: -0.8s;

  73.     }

  74. 

  75.     @-webkit-keyframes sk-stretchdelay {

  76.         0%,

  77.         40%,

  78.         100% {

  79.             -webkit-transform: scaleY(0.4)

  80.         }

  81.         20% {

  82.             -webkit-transform: scaleY(1.0)

  83.         }

  84.     }

  85. 

  86.     @keyframes sk-stretchdelay {

  87.         0%,

  88.         40%,

  89.         100% {

  90.             transform: scaleY(0.4);

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

  92.         }

  93.         20% {

  94.             transform: scaleY(1.0);

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

  96.         }

  97.     }

  98.     /* 消息框 */

  99. 

  100.     .alert {

  101.         display: none;

  102.         position: fixed;

  103.         width: 100%;

  104.         z-index: 1001;

  105.         padding: 15px;

  106.         border: 1px solid transparent;

  107.         border-radius: 4px;

  108.         text-align: center;

  109.         font-weight: bold;

  110.     }

  111. 

  112.     .alert-success {

  113.         color: #3c763d;

  114.         background-color: #dff0d8;

  115.         border-color: #d6e9c6;

  116.     }

  117. 

  118.     .alert-info {

  119.         color: #31708f;

  120.         background-color: #d9edf7;

  121.         border-color: #bce8f1;

  122.     }

  123. 

  124.     .alert-warning {

  125.         color: #8a6d3b;

  126.         background-color: #fcf8e3;

  127.         border-color: #faebcc;

  128.     }

  129. 

  130.     .alert-danger {

  131.         color: #a94442;

  132.         background-color: #f2dede;

  133.         border-color: #ebccd1;

  134.     }

  135. 

  136.     .pusher {

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

  138.         box-sizing: border-box;

  139.     }

  140.     /* 弹窗 (background)  */

  141. 

  142.     #imageModal {

  143.         display: none;

  144.         position: fixed;

  145.         z-index: 1;

  146.         left: 0;

  147.         top: 0;

  148.         width: 100%;

  149.         height: 100%;

  150.         overflow: auto;

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

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

  153.     }

  154.     /* 弹窗内容 */

  155. 

  156.     .modal-content {

  157.         background-color: #fefefe;

  158.         margin: 15% auto;

  159.         padding: 20px;

  160.         border: 1px solid #888;

  161.         width: 30%;

  162.     }

  163.     /* 关闭按钮 */

  164. 

  165.     .close {

  166.         color: #aaa;

  167.         float: right;

  168.         font-size: 28px;

  169.         font-weight: bold;

  170.     }

  171. 

  172.     .close:hover,

  173.     .close:focus {

  174.         color: black;

  175.         text-decoration: none;

  176.         cursor: pointer;

  177.     }

  178. 

  179.     .dis {

  180.         margin-bottom: 20px;

  181.     }

  182. 

  183.     .disabled {

  184.         cursor: pointer;

  185.         pointer-events: none;

  186.     }

  187.     .time-show{

  188.         font-size: 10px;

  189.         margin-top: 0.4rem;

  190.         display: inline-block;

  191.     }

  192. 

  193. </style>

  194. 

  195. <!-- 弹窗 -->

  196. <div id="mask">

  197.     <div id="loadingPage">

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

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

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

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

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

  203.     </div>

  204. </div>

  205. 

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

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

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

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

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

  211. 

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

  213.     <div class="ui container">

  214. 

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

  216.                 <div class="column">

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

  218.                         <a class="active item" href="{{.RepoLink}}/debugjob?debugListType=all">{{$.i18n.Tr "repo.modelarts.notebook"}}</a>

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

  220.                         <a class="item" href="{{.RepoLink}}/modelarts/inference-job">{{$.i18n.Tr "repo.modelarts.infer_job"}}</a>

  221.                         <a class="item" href="{{.RepoLink}}/cloudbrain/benchmark">{{$.i18n.Tr "repo.modelarts.evaluate_job"}}</a>

  222.                     </div>

  223.                 </div>

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

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

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

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

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

  229.                         <div class="menu">

  230.                             <div class="item" data-value="all">{{$.i18n.Tr "repo.gpu_type_all"}}</div>

  231.                             <div class="item"  data-value="CPU/GPU">CPU/GPU</div>

  232.                             <div class="item"  data-value="NPU">NPU</div>

  233.                         </div>

  234.                     </div>

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

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

  237.                     {{else}}

  238.                     <a class="ui disabled button">{{$.i18n.Tr "repo.modelarts.train_job.new_debug"}}</a>

  239.                     {{end}}

  240.                 </div>

  241.         </div>

  242.         {{if eq 0 (len .Tasks)}}

  243.         <div class="ui placeholder segment bgtask-none">

  244.                 <div class="ui icon header bgtask-header-pic"></div>

  245.                 <div class="bgtask-content-header">{{$.i18n.Tr "repo.debug_task_not_created"}}</div>

  246.                 <div class="bgtask-content">

  247.                     {{if $.RepoIsEmpty}}

  248.                     <div class="bgtask-content-txt">{{$.i18n.Tr "repo.repo_not_initialized" .RepoLink | Safe}}</div>

  249.                     {{end}}

  250.                     <div class="bgtask-content-txt">{{$.i18n.Tr "repo.debug_task_running_limit"}}</div>

  251.                     <div class="bgtask-content-txt">{{$.i18n.Tr "repo.dataset_desc"}}</div>

  252.                     <div class="bgtask-content-txt">{{$.i18n.Tr "repo.platform_instructions" | Safe}}</div>

  253.                 </div>

  254.         </div>

  255.         {{else}}

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

  257.         <div class="ui grid">

  258.             <div class="row">

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

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

  261.                     <!-- 表头 -->

  262.                     <div class="dataset list">

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

  264.                             <div class="row">

  265.                                 <div class="four wide column">

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

  267.                                 </div>

  268.                                 <div class="two wide column text center">

  269.                                     <span style="margin:0 6px">{{$.i18n.Tr "repo.modelarts.status"}}</span>

  270.                                 </div>

  271.                                 <div class="two wide column text center">

  272.                                     <span>{{$.i18n.Tr "repo.modelarts.createtime"}}</span>

  273.                                 </div>

  274.                                 <div class="two wide column text center">

  275.                                     <span>{{$.i18n.Tr "repo.modelarts.computing_resources"}}</span>

  276.                                 </div>

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

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

  279.                                 </div>

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

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

  282.                                 </div>

  283.                             </div>

  284.                         </div>

  285.                         {{range .Tasks}}

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

  287.                             <div class="row">

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

  289.                                 <div class="four wide column">

  290.                                     <a class="title" href='{{if eq .ComputeResource "CPU/GPU"}}{{$.RepoLink}}/cloudbrain/{{.Cloudbrain.ID}}{{else}}{{$.RepoLink}}/modelarts/notebook/{{.Cloudbrain.ID}}{{end}}'  title="{{.JobName}}" style="font-size: 14px;">

  291.                                         <span class="fitted text_over" style="width: 90%;vertical-align: middle;">{{.DisplayJobName}}</span>

  292.                                     </a>

  293.                                 </div>

  294.                                 <div class="two wide column text center">

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

  296.                                      <span class="job-status" id="{{.Cloudbrain.ID}}" data-repopath="{{$.RepoRelPath}}{{if eq .ComputeResource "CPU/GPU"}}/cloudbrain{{else}}/modelarts/notebook{{end}}" data-jobid="{{.Cloudbrain.ID}}" data-resource="{{.ComputeResource}}">

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

  298.                                     </span>

  299.                                 </div>

  300.                                 <div class="two wide column text center">

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

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

  303.                                 </div>

  304.                                 <div class="two wide column text center">

  305.                                         <!-- 任务计算资源 -->

  306.                                         <span style="font-size: 12px;margin-left: 0.4rem;" class="">{{.ComputeResource}}</span>

  307.                                 </div>

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

  309.                                     {{if .User.Name}}

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

  311.                                     {{else}}

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

  313.                                     {{end}}

  314.                                 </div>

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

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

  317.                                         <!-- {{if and (ne .Status "WAITING") (ne .JobType "DEBUG")}}

  318.                                         <a class="ui basic button" href="{{$.Link}}/{{.Cloudbrain.ID}}/rate" target="_blank">

  319.                                             评分

  320.                                         </a>

  321.                                         {{end}} -->

  322.                                         <!-- 调试 -->

  323.                                         <form id="debugAgainForm-{{.Cloudbrain.ID}}">

  324.                                             {{$.CsrfTokenHtml}}

  325.                                             {{if .CanDebug}}

  326.                                                 {{if eq .Status "RUNNING" "WAITING" "CREATING" "STARTING"}}

  327.                                                 <a style="margin: 0 1rem;" id="ai-debug-{{.Cloudbrain.ID}}" class='ui basic ai_debug {{if eq .Status "CREATING" "STOPPING"  "WAITING" "STARTING"}}disabled {{else}}blue {{end}}button' data-jobid="{{.Cloudbrain.ID}}" data-repopath='{{$.RepoLink}}{{if eq .ComputeResource "CPU/GPU"}}/cloudbrain{{else}}/modelarts/notebook{{end}}/{{.Cloudbrain.ID}}/'>

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

  329.                                                 </a>

  330.                                                 {{else}}

  331.                                                 <a id="ai-debug-{{.Cloudbrain.ID}}" class='ui basic ai_debug {{if eq .Status "CREATING" "STOPPING"  "WAITING" "STARTING"}} disabled {{else}}blue {{end}}button' data-jobid="{{.Cloudbrain.ID}}" data-repopath='{{$.RepoLink}}{{if eq .ComputeResource "CPU/GPU"}}/cloudbrain{{else}}/modelarts/notebook{{end}}/{{.Cloudbrain.ID}}/' data-linkpath='{{$.Link}}'>

  332.                                                     {{$.i18n.Tr "repo.debug_again"}}

  333.                                                 </a>

  334.                                                 {{end}}

  335.                                             {{else}}

  336.                                                 {{if eq .Status "RUNNING" "WAITING" "CREATING" "STARTING"}}

  337.                                                     <a  class="ui basic disabled button">

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

  339.                                                     </a>

  340.                                                 {{else}}

  341.                                                 <a  class="ui basic disabled button">

  342.                                                     {{$.i18n.Tr "repo.debug_again"}}

  343.                                                 </a>

  344.                                                 {{end}}

  345.                                             {{end}}

  346.                                         </form>

  347. 

  348.                                         <!-- 停止 -->

  349.                                         <form id="stopForm-{{.Cloudbrain.ID}}"  style="margin-left:-1px;">

  350.                                             {{$.CsrfTokenHtml}}

  351.                                             {{if .CanDel}}

  352.                                             <a id="ai-stop-{{.Cloudbrain.ID}}" class='ui basic ai_stop {{if eq .Status "STOPPED" "FAILED" "START_FAILED" "STOPPING"  "CREATING"  "STARTING" "SUCCEEDED"}}disabled {{else}}blue {{end}}button' data-repopath="{{$.RepoLink}}{{if eq .ComputeResource "CPU/GPU"}}/cloudbrain{{else}}/modelarts/notebook{{end}}/{{.Cloudbrain.ID}}/stop" data-jobid="{{.Cloudbrain.ID}}">

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

  354.                                             </a>

  355.                                             {{else}}

  356.                                             <a  class="ui basic disabled button">

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

  358.                                             </a>

  359.                                             {{end}}

  360.                                         </form>

  361.                                         <!-- 删除 -->

  362.                                         <form  id="delForm-{{.Cloudbrain.ID}}" action="{{if eq .ComputeResource "CPU/GPU"}}{{$.RepoLink}}/cloudbrain{{else}}{{$.RepoLink}}/modelarts/notebook{{end}}/{{.Cloudbrain.ID}}/del" method="post">

  363.                                             <input type="hidden" name="debugListType" value="{{$.ListType}}">

  364.                                             {{$.CsrfTokenHtml}}

  365.                                             {{if .CanDel}}

  366.                                             <a id="ai-delete-{{.Cloudbrain.ID}}" class='ui basic ai_delete {{if eq .Status "STOPPED" "FAILED" "START_FAILED"}}blue {{else}}disabled {{end}}button'  style="border-radius: .28571429rem;">

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

  368.                                             </a>

  369.                                             {{else}}

  370.                                             <a  class="ui basic button disabled" style="border-radius: .28571429rem;">

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

  372.                                             </a>

  373.                                             {{end}}

  374.                                         </form>

  375.                                     </div>

  376.                                     <div class="ui compact buttons" style="{{if eq .ComputeResource "CPU/GPU"}} visibility: visible {{else}} visibility: hidden{{end}}">

  377.                                         <div class="ui dropdown" id="model_more" style="padding: .58928571em 1.125em .58928571em;">

  378.                                             <div class="text">{{$.i18n.Tr "repo.more"}}</div>

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

  380.                                             <div class="menu" style="right: auto;">

  381.                                                 <div class="item" style="padding: 0 !important;">

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

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

  384.                                                     {{if .CanDebug}}

  385.                                                     <a id="model-image-{{.Cloudbrain.ID}}" class='imageBtn ui basic {{if ne .Status "RUNNING"}}disabled {{else}}blue {{end}}button'>{{$.i18n.Tr "repo.submit_image"}}</a>

  386.                                                     {{else}}

  387.                                                     <a  class="imageBtn ui basic disabled button">{{$.i18n.Tr "repo.submit_image"}}</a>

  388.                                                     {{end}}

  389.                                                 </div>

  390.                                                 <div class="item" style="padding: 0 !important;">

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

  392.                                                     {{if .CanDebug}}

  393.                                                     <a class="ui basic blue button" href="{{$.RepoLink}}/cloudbrain/{{.Cloudbrain.ID}}/models" target="_blank">{{$.i18n.Tr "repo.download"}}</a>

  394.                                                     {{else}}

  395.                                                     <a class="ui basic disabled button">{{$.i18n.Tr "repo.download"}}</a>

  396.                                                     {{end}}

  397.                                                 </div>

  398.                                                 {{if and  (ne .JobType "DEBUG") (eq .Cloudbrain.Type 0)}}

  399.                                                 <div class="item" style="padding: 0 !important;">

  400.                                                     <a class="ui basic blue button" href="{{$.RepoLink}}/cloudbrain/{{.Cloudbrain.ID}}/rate" target="_blank">

  401.                                                         评分

  402.                                                     </a>

  403.                                                 </div>

  404.                                                 {{end}}

  405.                                             </div>

  406.                                         </div>

  407.                                     </div>

  408.                                 </div>

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

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

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

  412.                                         <!-- 表格 -->

  413.                                         <div class="ui form">

  414.                                             <form id="commitImageForm" action="{{$.RepoLink}}/cloudbrain/{{.Cloudbrain.ID}}/commit_image" method="post" target="iframeContent">

  415.                                                 {{$.CsrfTokenHtml}}

  416.                                                 <div class="row">

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

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

  419.                                                 </div>

  420. 

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

  422. 

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

  424.                                                     <label> {{$.i18n.Tr "repo.cloudbrain.mirror_tag"}}:</label>

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

  426.                                                 </div>

  427. 

  428.                                                 <div class="inline field">

  429.                                                     <label class="label_after">{{$.i18n.Tr "repo.cloudbrain.mirror_description"}}:</label>

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

  431.                                                 </div>

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

  433.                                                 <div class="inline field">

  434.                                                     <label></label>

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

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

  437.                                                     </button>

  438.                                                 </div>

  439.                                             </form>

  440.                                         </div>

  441. 

  442.                                     </div>

  443.                                 </div>

  444.                             </div>

  445.                         </div>

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

  447.                     </div>

  448.                 </div>

  449.             </div>

  450.         </div>

  451.         {{end}}

  452.     </div>

  453. </div>

  454. </div>

  455. </div>

  456. 

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

  458. <div id="deletemodel">

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

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

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

  462.         </div>

  463. 

  464.         <div class="content">

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

  466.         </div>

  467.         <div class="actions">

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

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

  470.             </div>

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

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

  473.             </div>

  474.         </div>

  475.     </div>

  476. </div>

  477. 

  478. </div>

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

  480. <script>

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

  482.     const {AppSubUrl, StaticUrlPrefix, csrf} = window.config;

  483.     let url={{.RepoLink}}

  484.     let redirect_to = {{$.Link}}

  485.     let getParam=getQueryVariable('debugListType')

  486. 

  487.     let dropdownValue = ['all','',false].includes(getParam)? '{{$.i18n.Tr "repo.gpu_type_all"}}' : getParam

  488.     // localStorage.setItem('all',location.href)

  489.     function getQueryVariable(variable)

  490.     {

  491.         let query = window.location.search.substring(1);

  492.         let vars = query.split("&");

  493.         for (let i=0;i<vars.length;i++) {

  494.                 let pair = vars[i].split("=");

  495.                 if(pair[0] == variable){return pair[1];}

  496.         }

  497.         return(false);

  498.     }

  499.     $(document).ready(function(){

  500.         dropdownValue = dropdownValue==="CPU%2FGPU"? 'CPU/GPU' : dropdownValue

  501.         $('.default.text').text(dropdownValue)

  502.         $('.ui.dropdown')

  503.         .dropdown({

  504.             action: 'hide',

  505.         })

  506.         $('.ui.selection.dropdown').dropdown({

  507.             onChange:function(value){

  508. 

  509.                 location.href = `${url}/debugjob?debugListType=${value}`

  510.             }

  511.         })

  512.         $('.message .close')

  513.         .on('click', function() {

  514.             $(this)

  515.             .closest('.message')

  516.             .transition('fade')

  517.         })

  518.     })

  519.     // 获取弹窗

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

  521. 

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

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

  524. 

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

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

  527. 

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

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

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

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

  532.         }

  533.     }

  534. 

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

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

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

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

  539.         }

  540.     }

  541. 

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

  543.     window.onclick = function(event) {

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

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

  546.         }

  547.     }

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

  549.     function showmask() {

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

  551.         if(image_tag){

  552.             return

  553.         }

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

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

  556. 

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

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

  559.             var json1 = JSON.parse(responseText)

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

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

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

  563.             } else {

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

  565.             }

  566.         })

  567.     }

  568. 

  569. </script>