rpa
/
eladmin-web
5
0
Fork 0
Código Issues 0 Pull requests 0 Versões 0 Wiki Atividade
Rap 原分销系统代码Web
Você não pode selecionar mais de 25 tópicos Os tópicos devem começar com uma letra ou um número, podem incluir traços ('-') e podem ter até 35 caracteres.
2 Commits
2 Branches
3.1MB
Tag: 4319823210
Branches Tags
${ item.name }
Criar branch ${ searchTerm }
de 4319823210
${ noResults }
eladmin-web/.svn/pristine/2b/2b84c643170b9751a148a318a87...

423 linhas
14KB
Original Anotar Histórico 

  1. <template>

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

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

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

  5.     </div>

  6.     <!--搜索-->

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

  8.       <el-form-item label="应用名称">

  9.         <el-input v-model.trim="searchParm.name" clearable placeholder="应用名称"></el-input>

  10.       </el-form-item>

  11.       <el-form-item label="应用id">

  12.         <el-input v-model.trim="searchParm.robotUuid" clearable placeholder="应用id"></el-input>

  13.       </el-form-item>

  14.       <el-form-item>

  15.         <el-button type="primary" @click="goSearch">搜索</el-button>

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

  17.       </el-form-item>

  18.     </el-form>

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

  20.     <el-table

  21.       ref="table"

  22.       border

  23.       size="small"

  24.       :data="list"

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

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

  27.     >

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

  29.       <el-table-column label="应用名称" prop="name" />

  30.       <el-table-column label="应用id" prop="robotUuid" />

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

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

  33.       <el-table-column label="accessKeyId" prop="accessKeyId" />

  34.       <el-table-column label="accessKeySecret" prop="accessKeySecret" />

  35.       <el-table-column label="备注" prop="remark" />

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

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

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

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

  40.           <el-button type="info" @click="getBtnById(scope.row.id)">查看</el-button>

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

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

  43.         </template>

  44.       </el-table-column>

  45.     </el-table>

  46.     <!--分页-->

  47.     <div class="mt_15">

  48.       <el-pagination

  49.         @size-change="handleSizeChange"

  50.         @current-change="handleCurrentChange"

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

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

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

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

  55.         :total="total"

  56.       ></el-pagination>

  57.     </div>

  58. 

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

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

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

  62.         <el-form ref="addParm" size="small" :model="addParm" :rules="rules" label-width="150px">

  63.           <el-form-item label="应用名称" prop="name">

  64.             <el-input v-model.trim="addParm.name" clearable></el-input>

  65.           </el-form-item>

  66.           <el-form-item label="应用ID" prop="robotUuid">

  67.             <el-input v-model.trim="addParm.robotUuid" clearable></el-input>

  68.           </el-form-item>

  69.           <el-form-item label="任务名称" prop="taskName">

  70.             <el-select v-model.trim="addParm.taskName" placeholder="请选择">

  71.               <el-option

  72.                 v-for="item in taskList"

  73.                 :key="item.id"

  74.                 :label="item.name"

  75.                 :value="item.name"

  76.               ></el-option>

  77.             </el-select>

  78.           </el-form-item>

  79.           <el-form-item label="accessKeyId" prop="accessKeyId">

  80.             <el-input v-model.trim="addParm.accessKeyId" clearable></el-input>

  81.           </el-form-item>

  82.           <el-form-item label="accessKeySecret" prop="accessKeySecret">

  83.             <el-input v-model.trim="addParm.accessKeySecret" clearable></el-input>

  84.           </el-form-item>

  85.           <el-form-item label="备注" prop="remark">

  86.             <el-input v-model.trim="addParm.remark" clearable></el-input>

  87.           </el-form-item>

  88.         </el-form>

  89.       </div>

  90.       <span slot="footer">

  91.         <el-button type="info" @click="sureAddCancle('addParm')">取消</el-button>

  92.         <el-button type="primary" @click="sureAdd('addParm')">确认</el-button>

  93.       </span>

  94.     </el-dialog>

  95. 

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

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

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

  99.         <el-form ref="editParm" size="small" :model="editParm" :rules="rules" label-width="150px">

  100.           <el-form-item label="应用名称" prop="name">

  101.             <el-input v-model.trim="editParm.name" clearable></el-input>

  102.           </el-form-item>

  103.           <el-form-item label="应用ID" prop="robotUuid">

  104.             <el-input v-model.trim="editParm.robotUuid" clearable></el-input>

  105.           </el-form-item>

  106.           <el-form-item label="任务名称" prop="taskName">

  107.             <el-select v-model.trim="editParm.taskName" placeholder="请选择">

  108.                 <el-option 

  109.                 v-for="item in taskList"

  110.                 :key="item.id"

  111.                 :label="item.name"

  112.                 :value="item.name">

  113.                 </el-option>

  114.             </el-select>

  115.           </el-form-item>

  116.           <el-form-item label="accessKeyId" prop="accessKeyId">

  117.             <el-input v-model.trim="editParm.accessKeyId" clearable></el-input>

  118.           </el-form-item>

  119.           <el-form-item label="accessKeySecret" prop="accessKeySecret">

  120.             <el-input v-model.trim="editParm.accessKeySecret" clearable></el-input>

  121.           </el-form-item>

  122.           <el-form-item label="备注" prop="remark">

  123.             <el-input v-model.trim="editParm.remark" clearable></el-input>

  124.           </el-form-item>

  125.         </el-form>

  126.       </div>

  127.       <span slot="footer">

  128.         <el-button type="info" @click="sureEditCancle('editParm')">取消</el-button>

  129.         <el-button type="primary" @click="sureEdit('editParm')">确认</el-button>

  130.       </span>

  131.     </el-dialog>

  132. 

  133.     <!--详情弹窗-->

  134.     <el-dialog :visible.sync="dialogDetailVisible" :title="dialogDetailTitle" center width="45%">

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

  136.         <el-form ref="form" size="small" label-width="130px">

  137.           <el-form-item label="应用名称" prop="name">

  138.             <el-input v-model.trim="detailParm.name" :disabled="true"></el-input>

  139.           </el-form-item>

  140.           <el-form-item label="应用ID" prop="robotUuid">

  141.             <el-input v-model.trim="detailParm.robotUuid" :disabled="true"></el-input>

  142.           </el-form-item>

  143.           <el-form-item label="任务名称" prop="taskName">

  144.             <el-input v-model.trim="detailParm.taskName" :disabled="true"></el-input>

  145.           </el-form-item>

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

  147.             <el-input v-model.trim="detailParm.methodName" :disabled="true"></el-input>

  148.           </el-form-item>

  149.           <el-form-item label="accessKeyId" prop="accessKeyId">

  150.             <el-input v-model.trim="detailParm.accessKeyId" :disabled="true"></el-input>

  151.           </el-form-item>

  152.           <el-form-item label="accessKeySecret" prop="accessKeySecret">

  153.             <el-input v-model.trim="detailParm.accessKeySecret" :disabled="true"></el-input>

  154.           </el-form-item>

  155.           <el-form-item label="备注" prop="remark">

  156.             <el-input v-model.trim="detailParm.remark" :disabled="true"></el-input>

  157.           </el-form-item>

  158.         </el-form>

  159.       </div>

  160.     </el-dialog>

  161.   </div>

  162. </template>

  163. <script>

  164. import { getList, add, delById, getById, editById } from "@/api/group/apply";

  165. export default {

  166.   //	数据

  167.   data() {

  168.     return {

  169.       taskList: [

  170.         {

  171.           id: 1,

  172.           name: "demoTask"

  173.         },

  174.         {

  175.           id: 2,

  176.           name: "clickFarmTask"

  177.         }, {

  178.         	id: 3,

  179.         	name: "clickFarmSuppleMentTask"

  180.         }

  181.       ],

  182.       searchParm: {

  183.         page: 1,

  184.         pageSize: 10,

  185.         sort: "created_at",

  186.         order: "desc",

  187.         name: null,

  188.         robotUuid: null,

  189.         remark: null

  190.       },

  191.       total: 0,

  192.       list: [],

  193.       dialogAddVisible: false,

  194.       dialogAddTitle: "新增",

  195.       dialogDetailVisible: false,

  196.       dialogDetailTitle: "详情",

  197.       dialogEditVisible: false,

  198.       dialogEditTitle: "修改",

  199.       dialogImportVisible: false,

  200.       dialogImportTitle: "导入",

  201.       addParm: {

  202.         id: null,

  203.         name: null,

  204.         robotUuid: null,

  205.         taskName: null,

  206.         methodName: null,

  207.         accessKeyId: null,

  208.         accessKeySecret: null,

  209.         remark: null

  210.       },

  211.       detailParm: {

  212.         id: null,

  213.         name: null,

  214.         robotUuid: null,

  215.         taskName: null,

  216.         methodName: null,

  217.         accessKeyId: null,

  218.         accessKeySecret: null,

  219.         remark: null

  220.       },

  221.       editParm: {

  222.         id: null,

  223.         name: null,

  224.         robotUuid: null,

  225.         taskName: null,

  226.         methodName: null,

  227.         accessKeyId: null,

  228.         accessKeySecret: null,

  229.         remark: null

  230.       },

  231.       rules: {

  232.         name: [{ required: true, message: "请输入应用名称", trigger: "blur" }],

  233.         robotUuid: [

  234.           { required: true, message: "请输入应用id", trigger: "blur" }

  235.         ],

  236.         taskName: [

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

  238.         ],

  239.         methodName: [

  240.           { required: true, message: "请输入方法名称", trigger: "blur" }

  241.         ],

  242.         accessKeyId: [

  243.           { required: true, message: "请输入accessKeyId", trigger: "blur" }

  244.         ],

  245.         accessKeySecret: [

  246.           { required: true, message: "请输入accessKeySecret", trigger: "blur" }

  247.         ],

  248.         remark: [{ required: true, message: "请输入备注", trigger: "blur" }]

  249.       }

  250.     };

  251.   },

  252.   // 调用

  253.   created() {

  254.     this.goSearch();

  255.   },

  256.   //方法

  257.   methods: {

  258.     //重置

  259.     resetForm() {

  260.       this.searchParm.name = null;

  261.       this.searchParm.robotUuid = null;

  262.       this.searchParm.remark = null;

  263.       this.goSearch();

  264.     },

  265.     //	查询

  266.     goSearch() {

  267.       this.searchParm.page = 1;

  268.       this.getDataList();

  269.     },

  270.     // 新增

  271.     addBtn() {

  272.       this.addParm = {

  273.         id: null,

  274.         name: null,

  275.         robotUuid: null,

  276.         taskName: null,

  277.         methodName: null,

  278.         accessKeyId: null,

  279.         accessKeySecret: null,

  280.         remark: null

  281.       };

  282.       this.dialogAddTitle = "新增";

  283.       this.dialogAddVisible = true;

  284.       this.$refs.addParm.clearValidate();

  285.     },

  286.     //	根据id删除

  287.     delById(id) {

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

  289.         confirmButtonText: "确定",

  290.         cancelButtonText: "取消",

  291.         type: "warning"

  292.       })

  293.         .then(() => {

  294.           delById({ id })

  295.             .then(res => {

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

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

  298.                 this.getDataList();

  299.               }

  300.             })

  301.             .catch(err => {

  302.               console.log(err);

  303.             });

  304.         })

  305.         .catch(() => {

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

  307.         });

  308.     },

  309.     //	修改

  310.     editById(data) {

  311.     	this.$refs.editParm.clearValidate();

  312.       getById({ id: data.id })

  313.         .then(res => {

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

  315.             this.editParm.id = res.data.id;

  316.             this.editParm.name = res.data.name;

  317.             this.editParm.robotUuid = res.data.robotUuid;

  318.             this.editParm.taskName = res.data.taskName;

  319.             this.editParm.accessKeyId = res.data.accessKeyId;

  320.             this.editParm.accessKeySecret = res.data.accessKeySecret;

  321.             this.editParm.remark = res.data.remark;

  322.             this.dialogEditVisible = true;

  323.           }

  324.         })

  325.         .catch(err => {

  326.           console.log(err);

  327.         });

  328.     },

  329.     // 确认修改

  330.     sureEdit(editParm) {

  331.       editById(this.editParm)

  332.         .then(res => {

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

  334.             console.log(res);

  335.             this.dialogEditVisible = false;

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

  337.             this.getDataList();

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

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

  340.           }

  341.         })

  342.         .catch(err => {

  343.           console.log(err);

  344.         });

  345.     },

  346.     sureEdit(editParm) {

  347.     	this.dialogEditVisible=flase

  348. 			this.$refs.editParm.clearValidate();

  349.     },

  350.     // 确认新增

  351.     sureAdd(addParm) {

  352.       add(this.addParm)

  353.         .then(res => {

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

  355.             this.dialogAddVisible = false;

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

  357.             this.getDataList();

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

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

  360.           }

  361.         })

  362.         .catch(err => {

  363.           console.log(err);

  364.         });

  365.     },

  366.     sureAdd(addParm) {

  367.     	this.dialogAddVisible=flase

  368. 			this.$refs.addParm.clearValidate();

  369.     },

  370.     // 查看根据id

  371.     getBtnById(id) {

  372.       getById({ id })

  373.         .then(res => {

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

  375.             this.detailParm.id = res.data.id;

  376.             this.detailParm.name = res.data.name;

  377.             this.detailParm.robotUuid = res.data.robotUuid;

  378.             this.detailParm.taskName = res.data.taskName;

  379.             this.detailParm.methodName = res.data.methodName;

  380.             this.detailParm.accessKeyId = res.data.accessKeyId;

  381.             this.detailParm.accessKeySecret = res.data.accessKeySecret;

  382.             this.detailParm.remark = res.data.remark;

  383.             this.dialogDetailVisible = true;

  384.           }

  385.         })

  386.         .catch(err => {

  387.           console.log(err);

  388.         });

  389.     },

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

  391.     getDataList() {

  392.       getList(this.searchParm)

  393.         .then(res => {

  394.           console.log(res);

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

  396.             console.log(res);

  397.             this.list = res.data.list;

  398.             this.total = res.data.total;

  399.           }

  400.         })

  401.         .catch(err => {

  402.           console.log(err);

  403.         });

  404.     },

  405. 

  406.     //	分页

  407.     handleSizeChange(val) {

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

  409.       this.searchParm.pageSize = val;

  410.       this.getDataList();

  411.     },

  412.     handleCurrentChange(val) {

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

  414.       this.searchParm.page = val;

  415.       this.getDataList();

  416.     }

  417.   }

  418. };

  419. </script>

  420. 

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

  422. </style>