rpa
/
eladmin-web
5
0
Rozštěpit 0
Zdrojový kód Úkoly 0 Požadavky na natažení 0 Vydání 0 Wiki Aktivita
Rap 原分销系统代码Web
Nelze vybrat více než 25 témat Téma musí začínat písmenem nebo číslem, může obsahovat pomlčky („-“) a může být dlouhé až 35 znaků.
2 Revize
2 Větve
3.1MB
Strom: 4319823210
Větve Značky
${ item.name }
Vytvořit větev ${ searchTerm }
z „4319823210“
${ noResults }
eladmin-web/.svn/pristine/fe/fea93507bcded4d8c52f1a4b93c...

1085 řádky
35KB
Surový Blame Historie 

  1. <template>

  2.   <div class="app-container">

  3.     <div style="margin-bottom:10px">

  4.       <el-button type="success" @click="addBtn">新增</el-button>

  5.       <el-button type="info" @click="goSearchLogs">日志</el-button>

  6.     </div>

  7.     <!--搜索-->

  8.     <el-form class="mt_15" ref="form" inline size="small">

  9.       <el-form-item label="任务名称">

  10.         <el-input v-model="searchParm.jobName" clearable placeholder="任务名称"></el-input>

  11.       </el-form-item>

  12.       <el-date-picker

  13.         v-model="searchTime"

  14.         type="daterange"

  15.         range-separator=":"

  16.         start-placeholder="开始日期"

  17.         end-placeholder="结束日期"

  18.         style="width:270px"

  19.       ></el-date-picker>

  20.       <el-form-item label="状态">

  21.         <el-select v-model="searchParm.isPause" placeholder="请选择">

  22.           <el-option

  23.             v-for="item in isPauseList"

  24.             :key="item.value"

  25.             :label="item.label"

  26.             :value="item.value"

  27.           ></el-option>

  28.         </el-select>

  29.       </el-form-item>

  30.       <el-form-item>

  31.         <el-button type="primary" @click="goSearchByCondition">搜索</el-button>

  32.         <el-button type="warning" @click="resetForm">重置</el-button>

  33.       </el-form-item>

  34.     </el-form>

  35.     <!--表格渲染-->

  36.     <el-table

  37.       ref="table"

  38.       border

  39.       size="small"

  40.       :data="list"

  41.       :header-cell-style="{textAlign:'center'}"

  42.       :cell-style="{textAlign:'center'}"

  43.     >

  44.       <el-table-column label="序号" type="index" width="50" />

  45.       <el-table-column label="任务ID" prop="jobId" />

  46.       <el-table-column label="任务名称" prop="jobName" />

  47.       <el-table-column label="SpringBean名称" prop="beanName" />

  48.       <el-table-column label="方法名称" prop="methodName" />

  49.       <el-table-column label="参数" prop="params">

  50.         <template slot-scope="scope">

  51.           <el-button type="text" @click="showParams(scope.row)">查看参数</el-button>

  52.         </template>

  53.       </el-table-column>

  54.       <el-table-column label="cron表达式" prop="cronExpression" />

  55.       <el-table-column label="运行状态" prop="isPause">

  56.         <template slot-scope="scope">{{ scope.row.isPause | getStatus}}</template>

  57.       </el-table-column>

  58.       <el-table-column label="描述" prop="description" />

  59.       <el-table-column label="创建时间" prop="createTime" />

  60.       <el-table-column label="操作" width="310">

  61.         <template slot-scope="scope">

  62.           <!-- <el-button type="info" @click="modifyStatus(scope.row.jobId)">恢复</el-button> -->

  63.           <el-button

  64.             type="info"

  65.             @click="modifyStatus(scope.row.jobId)"

  66.           >{{scope.row.isPause ?'恢复':'暂停'}}</el-button>

  67.           <el-button type="primary" @click="executionById(scope.row.jobId)">执行</el-button>

  68.           <el-button type="warning" @click="editById(scope.row)">修改</el-button>

  69.           <el-button type="danger" @click="delById(scope.row.jobId)">删除</el-button>

  70.         </template>

  71.       </el-table-column>

  72.     </el-table>

  73.     <!--分页-->

  74.     <div class="mt_15">

  75.       <el-pagination

  76.         @size-change="handleSizeChange"

  77.         @current-change="handleCurrentChange"

  78.         :current-page="searchParm.page"

  79.         :page-sizes="[10, 20, 30, 40, 50]"

  80.         :page-size="searchParm.pageSize"

  81.         layout="total, sizes, prev, pager, next, jumper"

  82.         :total="total"

  83.       ></el-pagination>

  84.     </div>

  85. 

  86.     <!--新增弹窗-->

  87.     <el-dialog :visible.sync="dialogAddVisible" :title="dialogAddTitle" center width="45%">

  88.       <div class="dialog-content">

  89.         <el-form ref="ruleForm" size="small" :model="addParm" :rules="rules" label-width="130px">

  90.           <el-form-item label="任务名称" prop="jobName">

  91.             <el-input v-model="addParm.jobName" clearable></el-input>

  92.           </el-form-item>

  93.           <el-form-item label="SpringBean名称" hidden prop="beanName">

  94.             <el-input v-model="editParm.beanName" clearable></el-input>

  95.           </el-form-item>

  96.           <el-form-item label="方法名称" hidden prop="methodName">

  97.             <el-input v-model="editParm.methodName" clearable></el-input>

  98.           </el-form-item>

  99.           <el-form-item label="描述" prop="description">

  100.             <el-input v-model="addParm.description" clearable></el-input>

  101.           </el-form-item>

  102.           <el-form-item label="cron表达式" prop="cronExpression">

  103.             <el-input v-model="addParm.cronExpression" clearable></el-input>

  104.           </el-form-item>

  105.           <el-form-item label="子任务ID" prop="subTask">

  106.             <el-input v-model="addParm.subTask" clearable></el-input>

  107.           </el-form-item>

  108.           <el-form-item label="负责人" prop="personInCharge">

  109.             <el-input v-model="addParm.personInCharge" clearable></el-input>

  110.           </el-form-item>

  111.           <el-form-item label="报警邮箱" prop="email">

  112.             <el-input v-model="addParm.email" clearable></el-input>

  113.           </el-form-item>

  114.           <el-form-item label="失败后暂停" prop="pauseAfterFailure">

  115.             <el-select v-model="addParm.pauseAfterFailure" placeholder="请选择">

  116.               <el-option

  117.                 v-for="item in pauseAfterFailureList"

  118.                 :key="item.value"

  119.                 :label="item.label"

  120.                 :value="item.value"

  121.               ></el-option>

  122.             </el-select>`

  123.           </el-form-item>

  124.           <el-form-item label="运行状态" prop="isPause">

  125.             <el-select v-model="addParm.isPause" placeholder="请选择">

  126.               <el-option

  127.                 v-for="item in isPauseList"

  128.                 :key="item.value"

  129.                 :label="item.label"

  130.                 :value="item.value"

  131.               ></el-option>

  132.             </el-select>

  133.           </el-form-item>

  134.           <el-form-item label="设备名称" prop="rebotName">

  135.             <el-input v-model="addParm.rebotName" disabled="true" style="width:200px" />

  136.             <el-button

  137.               type="primary"

  138.               icon="el-icon-search"

  139.               @click="goSearchRebot"

  140.               style="width:130px"

  141.             >请选择设备</el-button>

  142.           </el-form-item>

  143.           <el-form-item label="应用名称" prop="applyId">

  144.             <el-select v-model="addParm.applyId" @change="applyClick" placeholder="请选择">

  145.               <el-option

  146.                 v-for="item in applys"

  147.                 :key="item.name"

  148.                 :label="item.name"

  149.                 :value="item.id"

  150.               ></el-option>

  151.             </el-select>

  152.           </el-form-item>

  153.         </el-form>

  154.         <div id="app">

  155.           <el-form class="base-form" ref="baseForm" :model="baseForm">

  156.             <el-table

  157.               ref="table-input"

  158.               class="table"

  159.               highlight-current-row

  160.               :data="baseForm.demoList"

  161.               @row-click="selectItem"

  162.             >

  163.               <el-table-column label="参数名称">

  164.                 <template slot-scope="scope">

  165.                   <el-form-item :prop="'demoList.'+scope.$index+'.name'" class="all">

  166.                     <el-input v-model="scope.row.name" placeholder="请输入"></el-input>

  167.                   </el-form-item>

  168.                 </template>

  169.               </el-table-column>

  170.               <el-table-column label="参数值">

  171.                 <template slot-scope="scope">

  172.                   <el-form-item :prop="'demoList.'+scope.$index+'.value'" class="all">

  173.                     <el-input v-model="scope.row.value" placeholder="请输入"></el-input>

  174.                   </el-form-item>

  175.                 </template>

  176.               </el-table-column>

  177.               <el-table-column label="参数类型">

  178.                 <template slot-scope="scope">

  179.                   <el-form-item :prop="'demoList.'+scope.$index+'.type'" class="all">

  180.                     <el-input v-model="scope.row.type" placeholder="请输入"></el-input>

  181.                   </el-form-item>

  182.                 </template>

  183.               </el-table-column>

  184.               <el-table-column prop label="操作">

  185.                 <template>

  186.                   <div class="flex-c-a">

  187.                     <el-button type="primary" @click="addLine()">增加</el-button>

  188.                     <el-button type="danger">删除</el-button>

  189.                   </div>

  190.                 </template>

  191.               </el-table-column>

  192.             </el-table>

  193.           </el-form>

  194.         </div>

  195.       </div>

  196.       <span slot="footer">

  197.         <el-button type="info" @click="dialogAddVisible=flase">取消</el-button>

  198.         <el-button type="primary" @click="sureAdd">确认</el-button>

  199.       </span>

  200.     </el-dialog>

  201. 

  202.     <!--修改弹窗-->

  203.     <el-dialog :visible.sync="dialogEditVisible" :title="dialogEditTitle" center width="45%">

  204.       <div class="dialog-content">

  205.         <el-form ref="ruleForm" size="small" :model="editParm" :rules="rules" label-width="130px">

  206.           <el-form-item label="任务名称" prop="jobName">

  207.             <el-input v-model="editParm.jobName" clearable></el-input>

  208.           </el-form-item>

  209.           <el-form-item label="描述" prop="description">

  210.             <el-input v-model="editParm.description" clearable></el-input>

  211.           </el-form-item>

  212.           <el-form-item label="SpringBean名称" hidden prop="beanName">

  213.             <el-input v-model="editParm.beanName" clearable></el-input>

  214.           </el-form-item>

  215.           <el-form-item label="方法名称" hidden prop="methodName">

  216.             <el-input v-model="editParm.methodName" hidden clearable></el-input>

  217.           </el-form-item>

  218.           <el-form-item label="cron表达式" prop="cronExpression">

  219.             <el-input v-model="editParm.cronExpression" clearable></el-input>

  220.           </el-form-item>

  221.           <el-form-item label="子任务ID" prop="subTask">

  222.             <el-input v-model="editParm.subTask" clearable></el-input>

  223.           </el-form-item>

  224.           <el-form-item label="负责人" prop="personInCharge">

  225.             <el-input v-model="editParm.personInCharge" clearable></el-input>

  226.           </el-form-item>

  227.           <el-form-item label="报警邮箱" prop="email">

  228.             <el-input v-model="editParm.email" clearable></el-input>

  229.           </el-form-item>

  230.           <el-form-item label="失败后暂停" prop="pauseAfterFailure">

  231.             <el-select v-model="editParm.pauseAfterFailure" placeholder="请选择">

  232.               <el-option

  233.                 v-for="item in pauseAfterFailureList"

  234.                 :key="item.value"

  235.                 :label="item.label"

  236.                 :value="item.value"

  237.               ></el-option>

  238.             </el-select>`

  239.           </el-form-item>

  240.           <el-form-item label="运行状态" prop="isPause">

  241.             <el-select v-model="editParm.isPause" placeholder="请选择">

  242.               <el-option

  243.                 v-for="item in isPauseList"

  244.                 :key="item.value"

  245.                 :label="item.label"

  246.                 :value="item.value"

  247.               ></el-option>

  248.             </el-select>

  249.           </el-form-item>

  250.           <el-form-item label="设备名称" prop="rebotName">

  251.             <el-input v-model="editParm.rebotName" disabled="true" style="width:200px" />

  252.             <el-button

  253.               type="primary"

  254.               icon="el-icon-search"

  255.               @click="goSearchRebot"

  256.               style="width:130px"

  257.             >请选择设备</el-button>

  258.           </el-form-item>

  259.           <el-form-item label="应用名称" prop="applyId">

  260.             <el-select v-model="editParm.applyId" @change="applyClick" placeholder="请选择">

  261.               <el-option

  262.                 v-for="item in applys"

  263.                 :key="item.name"

  264.                 :label="item.name"

  265.                 :value="item.id"

  266.               ></el-option>

  267.             </el-select>

  268.           </el-form-item>

  269.         </el-form>

  270.         <div id="app">

  271.           <el-form class="base-form" ref="baseForm" :model="baseForm">

  272.             <el-table

  273.               ref="table-input"

  274.               class="table"

  275.               highlight-current-row

  276.               :data="baseForm.demoList"

  277.               @row-click="selectItem"

  278.             >

  279.               <el-table-column label="参数名称">

  280.                 <template slot-scope="scope">

  281.                   <el-form-item :prop="'demoList.'+scope.$index+'.name'" class="all">

  282.                     <el-input v-model="scope.row.name" placeholder="请输入"></el-input>

  283.                   </el-form-item>

  284.                 </template>

  285.               </el-table-column>

  286.               <el-table-column label="参数值">

  287.                 <template slot-scope="scope">

  288.                   <el-form-item :prop="'demoList.'+scope.$index+'.value'" class="all">

  289.                     <el-input v-model="scope.row.value" placeholder="请输入"></el-input>

  290.                   </el-form-item>

  291.                 </template>

  292.               </el-table-column>

  293.               <el-table-column label="参数类型">

  294.                 <template slot-scope="scope">

  295.                   <el-form-item :prop="'demoList.'+scope.$index+'.type'" class="all">

  296.                     <el-input v-model="scope.row.type" placeholder="请输入"></el-input>

  297.                   </el-form-item>

  298.                 </template>

  299.               </el-table-column>

  300.               <el-table-column prop label="操作">

  301.                 <template>

  302.                   <div class="flex-c-a">

  303.                     <el-button type="primary" @click="addLine()">增加</el-button>

  304.                     <el-button type="danger">删除</el-button>

  305.                   </div>

  306.                 </template>

  307.               </el-table-column>

  308.             </el-table>

  309.           </el-form>

  310.         </div>

  311.       </div>

  312.       <span slot="footer">

  313.         <el-button type="info" @click="dialogEditVisible=false">取消</el-button>

  314.         <el-button type="primary" @click="sureEdit">确认</el-button>

  315.       </span>

  316.     </el-dialog>

  317. 

  318.     <!--日志弹窗-->

  319.     <el-dialog

  320.       width="75%"

  321.       :visible.sync="dialogLogsListVisible"

  322.       :title="dialogLogsListTitle"

  323.       center

  324.       append-to-body

  325.     >

  326.       <!-- 搜索日志 -->

  327.       <el-form class="mt_15" ref="form" inline size="small">

  328.         <el-form-item label="任务名称">

  329.           <el-input v-model="searchLogsParm.jobName" clearable placeholder="任务名称"></el-input>

  330.         </el-form-item>

  331.         <el-date-picker

  332.           v-model="searchLogsTime"

  333.           type="daterange"

  334.           range-separator=":"

  335.           start-placeholder="开始日期"

  336.           end-placeholder="结束日期"

  337.           style="width:270px"

  338.         ></el-date-picker>

  339.         <el-form-item label="状态">

  340.           <el-input v-model="searchLogsParm.isSuccess" clearable placeholder="状态"></el-input>

  341.         </el-form-item>

  342.         <el-form-item>

  343.           <el-button type="primary" @click="goSearchLogsByCondition">搜索</el-button>

  344.           <el-button type="warning" @click="resetLogsForm">重置</el-button>

  345.         </el-form-item>

  346.       </el-form>

  347.       <!--表格渲染-->

  348.       <el-table

  349.         ref="table"

  350.         border

  351.         size="small"

  352.         :data="logsList"

  353.         :header-cell-style="{textAlign:'center'}"

  354.         :cell-style="{textAlign:'center'}"

  355.       >

  356.         <el-table-column label="任务名称" prop="jobName" />

  357.         <el-table-column label="Bean名称" prop="beanName" />

  358.         <el-table-column label="执行方法" prop="methodName" />

  359.         <el-table-column label="参数">

  360.           <template slot-scope="scope">

  361.             <el-button type="text" @click="showParams(scope.row)">查看参数</el-button>

  362.           </template>

  363.         </el-table-column>

  364.         <el-table-column label="cron表达式" prop="cronExpression" />

  365.         <el-table-column label="异常详情" prop="exceptionDetail">

  366.           <template slot-scope="scope">

  367.             <el-button type="text" @click="showDetail(scope.row)">查看异常详情</el-button>

  368.           </template>

  369.         </el-table-column>

  370.         <el-table-column label="耗时(毫秒)" prop="time" />

  371.         <el-table-column label="状态" prop="isSuccess">

  372.           <template slot-scope="scope">{{ scope.row.isSuccess | getLogIsSuccess}}</template>

  373.         </el-table-column>

  374.         <el-table-column label="创建日期" prop="createTime" />

  375.       </el-table>

  376.       <!--分页-->

  377.       <div class="mt_15">

  378.         <el-pagination

  379.           @size-change="handleSizeChange"

  380.           @current-change="handleCurrentChange"

  381.           :current-page="searchLogsParm.page"

  382.           :page-sizes="[10, 20, 30, 40, 50]"

  383.           :page-size="searchLogsParm.pageSize"

  384.           layout="total, sizes, prev, pager, next, jumper"

  385.           :total="logsTotal"

  386.         ></el-pagination>

  387.       </div>

  388.     </el-dialog>

  389. 

  390.     <!--设备选择弹窗-->

  391.     <el-dialog

  392.       width="75%"

  393.       :visible.sync="dialogRebotListVisible"

  394.       :title="dialogRebotListTitle"

  395.       center

  396.       append-to-body

  397.     >

  398.       <!--搜索-->

  399.       <el-form class="mt_15" ref="form" inline size="small">

  400.         <el-form-item label="机器人账号">

  401.           <el-input v-model="searchRebotParm.accountName" clearable placeholder="机器人账号"></el-input>

  402.         </el-form-item>

  403.         <el-form-item label="uuid">

  404.           <el-input v-model="searchRebotParm.robotClientUuid" clearable placeholder="uuid"></el-input>

  405.         </el-form-item>

  406.         <el-form-item>

  407.           <el-button type="primary" @click="goSearchRebot">搜索</el-button>

  408.           <el-button type="warning" @click="resetRebotForm">重置</el-button>

  409.         </el-form-item>

  410.       </el-form>

  411.       <!--表格渲染-->

  412.       <el-table

  413.         ref="table"

  414.         border

  415.         size="small"

  416.         :data="rebotList"

  417.         :header-cell-style="{textAlign:'center'}"

  418.         :cell-style="{textAlign:'center'}"

  419.       >

  420.         <el-table-column label="序号" type="index" width="50" />

  421.         <el-table-column label="机器人账号" prop="accountName" />

  422.         <el-table-column label="uuid信息" prop="robotClientUuid" />

  423.         <el-table-column label="状态" prop="status">

  424.           <template slot-scope="scope">{{ scope.row.status | getRebotStatus}}</template>

  425.         </el-table-column>

  426.         <el-table-column label="创建时间" prop="createdAt" />

  427.         <el-table-column label="修改时间" prop="updatedAt" />

  428.         <el-table-column label="操作" width="220">

  429.           <template slot-scope="scope">

  430.             <el-button type="success" @click="pickRebot(scope.row)">选中</el-button>

  431.           </template>

  432.         </el-table-column>

  433.       </el-table>

  434.       <!--分页-->

  435.       <div class="mt_15">

  436.         <el-pagination

  437.           @size-change="handleSizeChange"

  438.           @current-change="handleCurrentChange"

  439.           :current-page="searchRebotParm.page"

  440.           :page-sizes="[10, 20, 30, 40, 50]"

  441.           :page-size="searchRebotParm.pageSize"

  442.           layout="total, sizes, prev, pager, next, jumper"

  443.           :total="this.rebotTotal"

  444.         ></el-pagination>

  445.       </div>

  446.     </el-dialog>

  447. 

  448.     <!--參數詳情-->

  449.     <el-dialog

  450.       :title="dialogParamTitle"

  451.       :visible.sync="dialogParamVisible"

  452.       width="30%"

  453.       style="overflow: hidden"

  454.     >

  455.       <div style="overflow-y: auto; height: 310px">

  456.         <json-viewer :value="paramJsonData" :expand-depth="5" copyable boxed sort></json-viewer>

  457.       </div>

  458.       <span slot="footer" class="dialog-footer">

  459.         <el-button type="primary" @click="dialogParamVisible = false">确定</el-button>

  460.       </span>

  461.     </el-dialog>

  462. 

  463.     <!--异常详情-->

  464.     <el-dialog :title="dialogExceTitle" :visible.sync="dialogExceVisible" width="30%">

  465.       <div v-text="this.exceptionDetail" />

  466.     </el-dialog>

  467.   </div>

  468. </template>

  469. <script>

  470. import {

  471.   getList,

  472.   add,

  473.   editById,

  474.   delById,

  475.   getById,

  476.   modifyStatus,

  477.   executionById,

  478.   getLogsList

  479. } from "@/api/group/quartzJob";

  480. import { getAll } from "@/api/group/apply";

  481. import { getFreeList } from "@/api/group/rebot";

  482. import Vue from "vue";

  483. import JsonViewer from "vue-json-viewer";

  484. Vue.use(JsonViewer);

  485. export default {

  486.   filters: {

  487.     getStatus: function(value) {

  488.       if (value == 1) {

  489.         return "已暂停";

  490.       } else if (value == 0) {

  491.         return "运行中";

  492.       }

  493.     },

  494.     getLogIsSuccess: function(value) {

  495.       if (value == 1) {

  496.         return "成功";

  497.       } else if (value == 0) {

  498.         return "失败";

  499.       }

  500.     },

  501.     getRebotStatus: function(value) {

  502.       if (value == 0) {

  503.         return "未占用";

  504.       } else if (value == 1) {

  505.         return "已占用";

  506.       }

  507.     }

  508.   },

  509.   //	数据

  510.   data() {

  511.     return {

  512.       searchParm: {

  513.         page: 1,

  514.         pageSize: 10,

  515.         sort: "job_id",

  516.         order: "desc",

  517.         jobName: null,

  518.         isPause: null,

  519.         sTime: null,

  520.         eTime: null

  521.       },

  522.       searchLogsParm: {

  523.         page: 1,

  524.         pageSize: 10,

  525.         sort: "log_id",

  526.         order: "desc",

  527.         jobName: null,

  528.         isSuccess: null,

  529.         sTime: null,

  530.         eTime: null

  531.       },

  532.       searchRebotParm: {

  533.         page: 1,

  534.         pageSize: 10,

  535.         sort: "id",

  536.         order: "desc",

  537.         accountName: null,

  538.         robotClientUuid: null

  539.       },

  540.       logsTotal: 0,

  541.       rebotTotal: 0,

  542.       total: 0,

  543.       logsList: [],

  544.       list: [],

  545.       baseForm: {

  546.         demoList: [

  547.           {

  548.             name: null,

  549.             value: null,

  550.             type: null

  551.           }

  552.         ]

  553.       },

  554.       newParams: {

  555.         name: "",

  556.         value: "",

  557.         type: ""

  558.       },

  559.       index: 0,

  560.       //新增、修改弹窗判断：1新增、2修改

  561.       isEdit: 0,

  562.       rebotList: [],

  563.       applys: [],

  564.       searchTime: "",

  565.       searchLogsTime: "",

  566.       paramJsonData: "",

  567.       params: [],

  568.       taskParam: {

  569.         name: null,

  570.         value: null,

  571.         type: null

  572.       },

  573.       requestParams: {

  574.         accountName: null,

  575.         applyId: null,

  576.         params: null

  577.       },

  578.       exceptionDetail: "",

  579.       dialogAddVisible: false,

  580.       dialogAddTitle: "新增",

  581.       dialogEditVisible: false,

  582.       dialogEditTitle: "修改",

  583.       dialogImportVisible: false,

  584.       dialogLogsListTitle: "操作日志",

  585.       dialogLogsListVisible: false,

  586.       dialogRebotListTitle: "设备日志",

  587.       dialogRebotListVisible: false,

  588.       dialogParamVisible: false,

  589.       dialogParamTitle: "参数详情",

  590.       dialogExceVisible: false,

  591.       dialogExceTitle: "异常详情",

  592.       pauseAfterFailureList: [

  593.         {

  594.           value: 1,

  595.           label: "是"

  596.         },

  597.         {

  598.           value: 0,

  599.           label: "否"

  600.         }

  601.       ],

  602.       isPauseList: [

  603.         {

  604.           value: 1,

  605.           label: "已暂停"

  606.         },

  607.         {

  608.           value: 0,

  609.           label: "运行中"

  610.         }

  611.       ],

  612.       logIsSuccess: [

  613.         {

  614.           value: 0,

  615.           label: "失败"

  616.         },

  617.         {

  618.           value: 1,

  619.           label: "成功"

  620.         }

  621.       ],

  622.       addListDemo: [],

  623.       addParm: {

  624.         jobId: null,

  625.         jobName: null,

  626.         description: null,

  627.         beanName: null,

  628.         methodName: null,

  629.         cronExpression: null,

  630.         subTask: null,

  631.         personInCharge: null,

  632.         email: null,

  633.         pauseAfterFailure: null,

  634.         isPause: null,

  635.         rebotName: null,

  636.         applyId: null,

  637.         params: null

  638.       },

  639.       editParm: {

  640.         jobId: null,

  641.         jobName: null,

  642.         description: null,

  643.         beanName: null,

  644.         methodName: null,

  645.         cronExpression: null,

  646.         subTask: null,

  647.         personInCharge: null,

  648.         email: null,

  649.         pauseAfterFailure: null,

  650.         isPause: null,

  651.         params: null,

  652.         applyId: null,

  653.         rebotName: null

  654.       },

  655.       testTest: null,

  656.       testTestStr: "",

  657.       ruleForm: {

  658.         contntryShort: null,

  659.         ipAddress: null,

  660.         parentIpAddress: null,

  661.         port: null,

  662.         name: null,

  663.         pwd: null,

  664.         vpsType: null,

  665.         dealer: null,

  666.         mac: null,

  667.         status: null

  668.       },

  669.       rules: {

  670.         jobName: [

  671.           { required: true, message: "请输入任务名称", trigger: "blur" }

  672.         ],

  673.         description: [

  674.           { required: true, message: "请输入任务描述", trigger: "blur" }

  675.         ],

  676.         // beanName: [

  677.         //     { required: true, message: '请输入SpringBean名称', trigger: 'blur' }

  678.         //   ],

  679.         // methodName: [

  680.         //     { required: true, message: '请输入方法名称', trigger: 'blur' }

  681.         //   ],

  682.         cronExpression: [

  683.           { required: true, message: "请输入cron表达式", trigger: "blur" }

  684.         ],

  685.         personInCharge: [

  686.           { required: true, message: "请输入负责人", trigger: "blur" }

  687.         ],

  688.         pauseAfterFailure: [

  689.           { required: true, message: "请选择失败后是否暂停", trigger: "blur" }

  690.         ],

  691.         isPause: [

  692.           { required: true, message: "请选择运行状态", trigger: "blur" }

  693.         ],

  694.         rebotName: [{ required: true, message: "请选择设备", trigger: "blur" }],

  695.         applyId: [{ required: true, message: "请选择应用", trigger: "blur" }]

  696.       },

  697.       paramsRules: {

  698.         name: [

  699.           {

  700.             required: true,

  701.             message: "请输入参数名称",

  702.             trigger: "blur"

  703.           }

  704.         ],

  705.         value: [

  706.           {

  707.             required: true,

  708.             message: "请输入参数值",

  709.             trigger: "blur"

  710.           }

  711.         ],

  712.         type: [

  713.           {

  714.             required: true,

  715.             message: "请输入参数类型",

  716.             trigger: "blur"

  717.           }

  718.         ]

  719.       }

  720.     };

  721.   },

  722.   // 调用

  723.   created() {

  724.     this.goSearch();

  725.   },

  726.   //方法

  727.   methods: {

  728.     showDetail(data) {

  729.       if (data.exceptionDetail == null || data.exceptionDetail == "") {

  730.         this.$alert("无异常", "异常详情", {

  731.           confirmButtonText: "确定",

  732.           closeOnClickModal: true,

  733.           closeOnPressEscape: true

  734.         });

  735.       } else {

  736.         this.dialogExceVisible = true;

  737.         this.exceptionDetail = data.exceptionDetail;

  738.       }

  739.     },

  740.     showParams(data) {

  741.       console.log(data);

  742.       if (data.params == null || data.params == "") {

  743.         this.$alert("无参数", "参数详情", {

  744.           confirmButtonText: "确定",

  745.           closeOnClickModal: true,

  746.           closeOnPressEscape: true

  747.         });

  748.       } else {

  749.         this.paramJsonData = JSON.parse(data.params);

  750.         this.dialogParamVisible = true;

  751.       }

  752.     },

  753.     applyClick(value) {

  754.       this.requestParams.applyId = value;

  755.       console.log(this.requestParams);

  756.     },

  757.     //重置

  758.     resetForm() {

  759.       this.searchParm.jobName = null;

  760.       this.searchParm.isPause = null;

  761.       this.searchParm.sTime = null;

  762.       this.searchParm.eTime = null;

  763.       this.searchTime = null;

  764.       this.goSearch();

  765.     },

  766.     resetLogsForm() {

  767.       this.searchLogsParm.jobName = null;

  768.       this.searchLogsParm.isSuccess = null;

  769.       this.searchLogsParm.sTime = null;

  770.       this.searchLogsParm.eTime = null;

  771.       this.searchLogsTime = null;

  772.       this.goSearchLogs();

  773.     },

  774.     resetRebotForm() {

  775.       this.searchRebotParm.accountName = null;

  776.       this.searchRebotParm.robotClientUuid = null;

  777.       this.goSearchRebot();

  778.     },

  779.     //	查询

  780.     goSearchByCondition() {

  781.       this.searchParm.sTime = this.searchTime[0];

  782.       this.searchParm.eTime = this.searchTime[1];

  783.       console.log(this.searchParm);

  784.       this.goSearch();

  785.     },

  786.     goSearch() {

  787.       this.searchParm.page = 1;

  788.       this.getAllApply();

  789.       this.getDataList();

  790.     },

  791.     goSearchLogsByCondition() {

  792.       this.searchLogsParm.sTime = this.searchLogsTime[0];

  793.       this.searchLogsParm.eTime = this.searchLogsTime[1];

  794.       this.goSearchLogs();

  795.     },

  796.     goSearchLogs() {

  797.       this.dialogLogsListVisible = true;

  798.       this.searchLogsParm.page = 1;

  799.       this.getLogsDataList();

  800.     },

  801.     goSearchRebot() {

  802.       this.dialogRebotListVisible = true;

  803.       this.searchRebotParm.page = 1;

  804.       this.getRebotDataList();

  805.     },

  806.     // 分页获取表格数据

  807.     getDataList() {

  808.       getList(this.searchParm)

  809.         .then(res => {

  810.           if (res.code == 200) {

  811.             this.list = res.data.list;

  812.             this.total = res.data.total;

  813.           }

  814.         })

  815.         .catch(err => {

  816.           console.log(err);

  817.         });

  818.     },

  819.     getLogsDataList() {

  820.       getLogsList(this.searchLogsParm)

  821.         .then(res => {

  822.           console.log(res);

  823.           if (res.code == 200) {

  824.             this.logsList = res.data.list;

  825.             this.logsTotal = res.data.total;

  826.           }

  827.         })

  828.         .catch(err => {

  829.           console.log(err);

  830.         });

  831.     },

  832.     getRebotDataList() {

  833.       getFreeList(this.searchRebotParm)

  834.         .then(res => {

  835.           console.log(res);

  836.           if (res.code == 200) {

  837.             this.rebotList = res.data.list;

  838.             this.rebotTotal = res.data.total;

  839.           }

  840.         })

  841.         .catch(err => {

  842.           console.log(err);

  843.         });

  844.     },

  845.     getAllApply() {

  846.       getAll().then(res => {

  847.         if (res.code == 200) {

  848.           this.applys = res.data;

  849.         }

  850.       });

  851.     },

  852.     // 新增

  853.     addBtn() {

  854.       this.addParm = {

  855.         id: null,

  856.         jobId: null,

  857.         jobName: null,

  858.         description: null,

  859.         beanName: null,

  860.         methodName: null,

  861.         cronExpression: null,

  862.         subTask: null,

  863.         personInCharge: null,

  864.         email: null,

  865.         pauseAfterFailure: null,

  866.         isPause: null,

  867.         params: null,

  868.         applyId: null,

  869.         rebotName: null

  870.       };

  871. 

  872.       this.baseForm.demoList = [

  873.         {

  874.           name: "",

  875.           value: "",

  876.           type: ""

  877.         }

  878.       ];

  879.       this.requestParams.applyId = "";

  880.       this.requestParams.accountName = "";

  881.       this.requestParams.params = "";

  882.       this.addParm.params = JSON.stringify(this.requestParams);

  883.       this.isEdit = 1;

  884.       this.dialogAddVisible = true;

  885.     },

  886.     // 确认新增

  887.     sureAdd() {

  888.       this.$refs.baseForm.validate(valid => {

  889.         if (valid) {

  890.           this.requestParams.params = this.baseForm.demoList;

  891.           this.addParm.params = JSON.stringify(this.requestParams);

  892.           add(this.addParm)

  893.             .then(res => {

  894.               if (res.code == 200) {

  895.                 this.dialogAddVisible = false;

  896.                 this.$message.success("新增成功!");

  897.                 this.getDataList();

  898.               } else if (res.code == -1) {

  899.                 this.$message.warning(res.message);

  900.               }

  901.             })

  902.             .catch(err => {

  903.               console.log(err);

  904.             });

  905.         } else {

  906.           this.$message.warning("请输入所有必填项");

  907.         }

  908.       });

  909.     },

  910.     //	根据id删除

  911.     delById(id) {

  912.       this.$confirm("确认删除?", "提示", {

  913.         confirmButtonText: "确定",

  914.         cancelButtonText: "取消",

  915.         type: "warning"

  916.       })

  917.         .then(() => {

  918.           delById({ id })

  919.             .then(res => {

  920.               if (res.code == 200) {

  921.                 this.$message.success("删除成功!");

  922.                 this.getDataList();

  923.               }

  924.             })

  925.             .catch(err => {

  926.               console.log(err);

  927.             });

  928.         })

  929.         .catch(() => {

  930.           this.$message.info("取消删除");

  931.         });

  932.     },

  933.     executionById(id) {

  934.       executionById({ id })

  935.         .then(res => {

  936.           if (res.code == 200) {

  937.             this.$message.success("执行成功");

  938.             this.getDataList;

  939.           } else {

  940.             this.$message.error("执行失败");

  941.           }

  942.         })

  943.         .catch(err => {

  944.           console.log(err);

  945.         });

  946.     },

  947.     //	修改

  948.     editById(data) {

  949.       getById({ id: data.jobId })

  950.         .then(res => {

  951.           if (res.code == 200) {

  952.             this.editParm.jobId = res.data.jobId;

  953.             this.editParm.jobName = res.data.jobName;

  954.             this.editParm.description = res.data.description;

  955.             this.editParm.beanName = res.data.beanName;

  956.             this.editParm.methodName = res.data.methodName;

  957.             this.editParm.cronExpression = res.data.cronExpression;

  958.             this.editParm.subTask = res.data.subTask;

  959.             this.editParm.personInCharge = res.data.personInCharge;

  960.             this.editParm.email = res.data.email;

  961.             this.editParm.pauseAfterFailure = res.data.pauseAfterFailure;

  962.             this.editParm.isPause = res.data.isPause;

  963.             this.editParm.params = res.data.params;

  964.             this.requestParams = JSON.parse(this.editParm.params);

  965.             this.editParm.rebotName = this.requestParams.accountName;

  966.             this.editParm.applyId = this.requestParams.applyId;

  967.             console.log(this.requestParams.params);

  968.             if (this.requestParams.params.length != 0) {

  969.               this.baseForm.demoList = this.requestParams.params;

  970.             } else {

  971.               this.baseForm.demoList = [

  972.                 {

  973.                   name: "",

  974.                   value: "",

  975.                   type: ""

  976.                 }

  977.               ];

  978.             }

  979. 

  980.             this.isEdit = 2;

  981.             this.dialogEditVisible = true;

  982.             this.$refs.ruleForm.clearValidate();

  983.           }

  984.         })

  985.         .catch(err => {

  986.           console.log(err);

  987.         });

  988.     },

  989.     // 确认修改

  990.     sureEdit() {

  991.       this.$refs.baseForm.validate(valid => {

  992.         if (valid) {

  993.           this.requestParams.params = this.baseForm.demoList;

  994.           this.editParm.params = JSON.stringify(this.requestParams);

  995.           editById(this.editParm)

  996.             .then(res => {

  997.               if (res.code == 200) {

  998.                 this.dialogEditVisible = false;

  999.                 this.$message.success("修改成功!");

  1000.                 this.getDataList();

  1001.               }

  1002.             })

  1003.             .catch(err => {

  1004.               console.log(err);

  1005.             });

  1006.         } else {

  1007.           this.$message.warning("请输入所有必填项");

  1008.         }

  1009.       });

  1010.     },

  1011.     modifyStatus(id) {

  1012.       modifyStatus({ id })

  1013.         .then(res => {

  1014.           if (res.code == 200) {

  1015.             this.$message.success("更改成功!");

  1016.             this.getDataList();

  1017.           }

  1018.         })

  1019.         .catch(err => {

  1020.           console.log(err);

  1021.         });

  1022.     },

  1023.     pickRebot(data) {

  1024.       if (this.isEdit == 1) {

  1025.         this.addParm.rebotName = data.accountName;

  1026.       } else if (this.isEdit == 2) {

  1027.         this.editParm.rebotName = data.accountName;

  1028.       }

  1029.       this.requestParams.accountName = data.accountName;

  1030.       this.dialogRebotListVisible = false;

  1031.       this.$message.success("选择成功");

  1032.     },

  1033.     //	分页

  1034.     handleSizeChange(val) {

  1035.       console.log(`每页 ${val} 条`);

  1036.       this.searchParm.pageSize = val;

  1037.       this.getDataList();

  1038.     },

  1039.     handleCurrentChange(val) {

  1040.       console.log(`当前页: ${val}`);

  1041.       this.searchParm.page = val;

  1042.       this.getDataList();

  1043.     },

  1044.     // 选中某一行修改或移除

  1045.     selectItem(row, column, event) {

  1046.       this.selectedFundRow = row;

  1047.       if (event.target.innerText == "删除") {

  1048.         this.removeFundBtn(this.selectedFundRow);

  1049.       }

  1050.     },

  1051.     // 删除指定行

  1052.     removeFundBtn(params) {

  1053.       this.baseForm.demoList = this.baseForm.demoList.filter(ele => {

  1054.         var flag = false;

  1055.         // 如果不一致，则保留该行

  1056.         for (const key in params) {

  1057.           if (ele[key] != params[key]) {

  1058.             flag = true;

  1059.             break;

  1060.           }

  1061.         }

  1062.         return flag;

  1063.       });

  1064.       // 如果全部删除后没有可以点击的一行了，需要加一行空行

  1065.       if (!this.baseForm.demoList.length) {

  1066.         this.addLine();

  1067.       }

  1068.     },

  1069.     // 增加一个空行, 用于录入或显示第一行

  1070.     addLine() {

  1071.       const newParams = {

  1072.         name: "",

  1073.         value: "",

  1074.         type: ""

  1075.       };

  1076.       this.index++;

  1077.       this.baseForm.demoList.push(newParams);

  1078.     }

  1079.   }

  1080. };

  1081. </script>

  1082. 

  1083. <style rel="stylesheet/scss" lang="scss" scoped>

  1084. </style>