rpa
/
eladmin-web
5
0
Fork 0
Koodi Ongelmat 0 Pull-pyynnöt 0 Julkaisut 0 Wiki Activity
Rap 原分销系统代码Web
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
2 Commitit
2 Branchit
3.1MB
Puu: 4319823210
Branchit Tagit
${ item.name }
Create branch ${ searchTerm }
from '4319823210'
${ noResults }
eladmin-web/.svn/pristine/f2/f211ed916b3e4b7e1e8986db1bf...

390 lines
11KB
Raaka Blame Historia 

  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="success" @click="importBtn">导入</el-button>

  6. 		<el-button type="success" @click="exportTempBtn">模版下载</el-button>

  7.   	</div>

  8.     <!--搜索-->

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

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

  11.     		<el-input v-model.trim="searchParm.accountName" clearable placeholder='机器人账号'></el-input>

  12.   		</el-form-item>

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

  14.     		<el-input v-model.trim="searchParm.robotClientUuid" clearable placeholder='uuid'></el-input>

  15.   		</el-form-item>

  16.   		<el-form-item>

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

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

  19.   		</el-form-item>

  20. 	</el-form>

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

  22.     <el-table ref="table" border size="small" :data="list" :header-cell-style="{textAlign:'center'}" :cell-style="{textAlign:'center'}">

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

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

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

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

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

  28. 	     		{{ scope.row.status | getStatus}}

  29. 	     	</template>

  30. 	  </el-table-column>

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

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

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

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

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

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

  37.       		<el-button type="danger" @click="updateStatus(scope.row)">重置</el-button>

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

  39.       	</template>

  40.       </el-table-column>

  41.     </el-table>

  42.     <!--分页-->

  43.     <div class="mt_15">

  44. 	    <el-pagination

  45. 	      @size-change="handleSizeChange"

  46. 	      @current-change="handleCurrentChange"

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

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

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

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

  51. 	      :total="total">

  52. 	    </el-pagination>

  53.   	</div>

  54.   

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

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

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

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

  59.   		 	<el-form-item label="机器人账号" prop="accountName">

  60. 	    		<el-input v-model.trim="addParm.accountName" clearable></el-input>

  61. 	  		</el-form-item>

  62. 	  		<el-form-item label="uuid信息" prop="robotClientUuid">

  63. 	    		<el-input v-model.trim="addParm.robotClientUuid" clearable></el-input>

  64. 	  		</el-form-item>

  65. 		</el-form>

  66.   	</div>

  67.   	<span slot="footer">

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

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

  70.   	</span>

  71.   </el-dialog>

  72.   

  73.   

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

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

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

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

  78.   		 	<el-form-item label="机器人账号" prop="accountName">

  79. 	    		<el-input v-model.trim="editParm.accountName" clearable></el-input>

  80. 	  		</el-form-item>

  81. 	  		<el-form-item label="uuid信息" prop="robotClientUuid">

  82. 	    		<el-input v-model.trim="editParm.robotClientUuid" clearable></el-input>

  83. 	  		</el-form-item>

  84. 		</el-form>

  85.   	</div>

  86.   	<span slot="footer">

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

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

  89.   	</span>

  90.   </el-dialog>

  91.   

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

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

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

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

  96.   		 	<el-form-item label="机器人账号" prop="accountName">

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

  98. 	  		</el-form-item>

  99. 	  		<el-form-item label="uuid信息" prop="robotClientUuid">

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

  101. 	  		</el-form-item>

  102. 		</el-form>

  103.   	</div>

  104.   </el-dialog>

  105. 

  106.   <!--机器人信息导入  importBtn-->

  107.   <el-dialog :visible.sync="dialogImportVisible" :title="dialogImportTitle" center width="23%">

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

  109. 	  		<el-upload

  110. 				  class="upload-demo"

  111. 				  drag

  112. 				  ref="upload"

  113. 				  :action="uploadFileUrl"

  114. 				  :headers="uploadHeaders"

  115. 				  :show-file-list = "false"

  116. 				  :on-success="uploadSuccess"

  117. 				  :before-upload="beforeAvatarUpload"

  118. 				  multiple>

  119. 				  <i class="el-icon-upload"></i>

  120. 				  <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>

  121. 				  <div class="el-upload__tip" slot="tip">只能上传xlsl文件，且不超过10M</div>

  122. 			</el-upload>

  123.   	</div>

  124.   </el-dialog>

  125. 

  126.   

  127.   </div>

  128. </template>

  129. <script>

  130. 	import { getList, add, delById, getById, editById, updateStatus} from '@/api/group/rebot'

  131. export default {

  132. 	filters: {

  133. 	  getStatus: function (value) {

  134. 		   if(value == 0) {

  135. 		   	return '未占用';

  136. 		   } else {

  137. 		   	return '已占用';

  138. 		   }

  139. 	  }

  140. 	},

  141. //	数据

  142.   data() {

  143.     return {

  144.     	searchParm: {

  145.     		page: 1,

  146.     		pageSize: 10,

  147.     		sort:'created_at',

  148.     		order:'desc',

  149. 			accountName:null,

  150.     		robotClientUuid:null,

  151.     	},

  152.     	total:0,

  153.       list: [],

  154. 	  uploadHeaders:{ Authorization: this.$store.getters.token },

  155.       dialogAddVisible: false,

  156.       dialogAddTitle: '新增',

  157.       dialogDetailVisible: false,

  158.       dialogDetailTitle: '详情',

  159.       dialogEditVisible: false,

  160.       dialogEditTitle: '修改',

  161. 	  dialogImportVisible: false,

  162.       dialogImportTitle:'导入',

  163. 	  uploadFileUrl: process.env.VUE_APP_BASE_API + '/api/ctRebot/import',

  164. 	  tempUrl: process.env.VUE_APP_BASE_API + '/api/ctRebot/exportTemp',

  165.       addParm: {

  166. 		id:null,

  167. 		accountName:null,

  168.     	robotClientUuid:null,

  169.       },

  170.       detailParm: {

  171.       	id:null,

  172. 		accountName:null,

  173.     	robotClientUuid:null,

  174.       },

  175.       editParm: {

  176.       	id:null,

  177. 		accountName:null,

  178.     	robotClientUuid:null,

  179.       },

  180.       rules: {

  181.       	accountName: [

  182.             { required: true, message: '请输入机器人账号', trigger: 'blur' }

  183.           ],

  184.       	robotClientUuid: [

  185.             { required: true, message: '请输入uuid信息', trigger: 'blur' }

  186.           ],

  187.     	}

  188. 	}

  189.   },

  190.   // 调用

  191.   created() {

  192. 	this.goSearch()

  193.   },

  194. 	//方法

  195.   methods: {

  196. 	//重置

  197.   	resetForm() {

  198. 		this.searchParm.accountName = null;

  199.         this.searchParm.robotClientUuid = null;

  200.         this.goSearch()

  201.     },

  202. 	//	查询

  203. 	goSearch() {

  204. 		this.searchParm.page=1

  205. 		this.getDataList()

  206. 	},

  207. 	//导入成功

  208. 	uploadSuccess(res, file) {

  209.   		this.dialogImportVisible = false;

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

  211. 			console.log("********date:"+res.data)

  212. 			if(res.data == true) {

  213. 				this.$message.success('导入成功!');

  214. 			}

  215.     		else{

  216. 				window.location.href = res.data;

  217. 				this.$message.error('导入失败!');

  218. 			}

  219. 		}

  220. 		this.goSearch();

  221.   	},

  222. 	beforeAvatarUpload(file) {

  223. 	    console.log(file);

  224. 	    const isLt10M = file.size / 1024 / 1024 <10;

  225. 	    if (!isLt10M) {

  226. 	      this.$message.error('上传Excel文件大小不能超过 10MB!');

  227. 	    }

  228. 	    return isLt10M;

  229. 	 },

  230. 	// 导入

  231. 	importBtn() {

  232. 		this.dialogImportVisible = true

  233. 	},

  234. 	//机器人模板

  235. 	exportTempBtn() {

  236. 		console.log(this.tempUrl)

  237. 		window.location.href = this.tempUrl;

  238. 	},

  239. 	// 新增

  240. 	addBtn(addParm){

  241. 		this.addParm = {

  242. 			id:null,

  243. 			accountName:null,

  244.     		robotClientUuid:null,

  245.       }

  246. 		this.dialogAddTitle='新增'

  247. 		this.dialogAddVisible = true;

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

  249. 	},

  250. 	//	根据id删除

  251. 	delById(id){

  252. 		this.$confirm('确认删除?','提示',{

  253. 			confirmButtonText: '确定',

  254.       		cancelButtonText: '取消',

  255.       		type: 'warning'

  256. 		}).then(() => {

  257. 			delById({id}).then(res => {

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

  259. 					this.$message.success('删除成功!')

  260. 					this.getDataList()

  261. 				}

  262. 			}).catch(err => {

  263. 				console.log(err)

  264. 			})

  265. 		}).catch(() => {

  266. 			this.$message.info('取消删除')

  267. 		})

  268. 	},

  269. 	//	修改

  270. 	editById(data){

  271. 		getById({id: data.id}).then(res => {

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

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

  274. 				this.editParm.accountName = res.data.accountName;

  275. 				this.editParm.robotClientUuid = res.data.robotClientUuid;

  276. 				this.dialogEditVisible = true

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

  278. 			}

  279. 		}).catch(err => {

  280. 			console.log(err)

  281. 		})

  282. 	},

  283. 	updateStatus(data){

  284. 		console.log("==================updateStatus")

  285. 		updateStatus({id: data.id,status: 0}).then(res => {

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

  287. 				this.$message.success('初始化状态成功!')

  288. 					this.getDataList()

  289. 			}

  290. 		}).catch(err => {

  291. 			console.log(err)

  292. 		})

  293. 	},

  294. 	// 确认修改

  295. 	sureEdit(editParm){

  296. 		this.$refs[editParm].validate((valid) => {

  297. 		 if (valid) {

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

  299. 			editById(this.editParm).then(res => {

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

  301. 					console.log(res)

  302. 					this.dialogEditVisible = false;

  303. 					this.$message.success('修改成功!')

  304. 					this.getDataList()

  305. 				}

  306. 			}).catch(err => {

  307. 				console.log(err)

  308. 			})

  309. 		  } else {

  310. 			console.log('error submit!!');

  311. 			return false;

  312. 		  }

  313. 		});

  314. 	},

  315. 	// 确认新增

  316. 	sureAdd(addParm){

  317. 		this.$refs[addParm].validate((valid) => {

  318. 		 if (valid) {

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

  320. 			add(this.addParm).then(res => {

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

  322. 					this.dialogAddVisible = false

  323. 					this.$message.success('新增成功!')

  324. 					this.getDataList()

  325. 				}

  326. 			}).catch(err => {

  327. 					console.log(err)

  328. 			})

  329. 		  } else {

  330. 			console.log('error submit!!');

  331. 			return false;

  332. 		  }

  333. 		});

  334. 	},

  335. 	

  336. 	sureAddCancle(addParm) {

  337. 		this.dialogAddVisible=flase;

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

  339. 	},

  340. 	sureExitCancle(editParm) {

  341. 		this.dialogEditVisible=false;

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

  343. 	},

  344. 	// 查看根据id

  345. 	getBtnById(id){

  346. 		getById({id}).then(res => {

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

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

  349. 				this.detailParm.accountName = res.data.accountName;

  350. 				this.detailParm.robotClientUuid = res.data.robotClientUuid;

  351. 				this.detailParm.status = res.data.status;

  352. 				this.dialogDetailVisible = true;

  353. 				

  354. 			}

  355. 		}).catch(err => {

  356. 			console.log(err)

  357. 		})

  358. 	},

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

  360. 	getDataList(){

  361. 		getList(this.searchParm).then(res => {

  362. 				console.log(res)

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

  364. 					console.log(res)

  365. 					this.list = res.data.list;

  366. 					this.total = res.data.total;

  367. 				}

  368. 			}).catch(err => {

  369. 				console.log(err)

  370. 			})

  371. 	},

  372. 	

  373. 	//	分页

  374. 		handleSizeChange(val) {

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

  376.    		this.searchParm.pageSize = val;

  377.    		this.getDataList();

  378.   	},

  379.   	handleCurrentChange(val) {

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

  381.     	this.searchParm.page = val;

  382.     	this.getDataList();

  383.   	}

  384.   }

  385. }

  386. </script>

  387. 

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

  389. </style>