From 11f6acee504c77a8919a4e0ddfe3e70a746e3522 Mon Sep 17 00:00:00 2001 From: fei.wang <wf18701153496@163.com> Date: 星期五, 18 四月 2025 17:39:33 +0800 Subject: [PATCH] 4.18更新v2.1.5 --- src/views/retransmission/index.vue | 138 +++++++++++++++++++++++++-------------------- 1 files changed, 76 insertions(+), 62 deletions(-) diff --git a/src/views/retransmission/index.vue b/src/views/retransmission/index.vue index f911b3b..28ae4a8 100644 --- a/src/views/retransmission/index.vue +++ b/src/views/retransmission/index.vue @@ -1,5 +1,8 @@ <template> - <div class="app-container"> + <div v-if="role == '璁垮'" class="app-container"> + <el-empty description="鏆傛棤鏉冮檺"></el-empty> + </div> + <div v-else class="app-container"> <div class="filter-container"> <el-input v-model="listQuery.keyword" size="small" placeholder="璇疯緭鍏P鍦板潃" clearable class="filter-item w-200" /> <el-button-group class="filter-item"> @@ -9,7 +12,7 @@ <el-button size="small" type="primary" icon="el-icon-refresh" @click="refresh"> 鍒锋柊 </el-button> - <el-button v-if="uadd=='Yes'" size="small" type="primary" icon="el-icon-plus" @click="add"> + <el-button v-if="uadd == 'Yes'" size="small" type="primary" icon="el-icon-plus" @click="add"> 鏂板 </el-button> </el-button-group> @@ -17,38 +20,38 @@ <el-table v-loading="listLoading" :data="list" element-loading-text="Loading" border fit height="100%" class="table-container" highlight-current-row> - <el-table-column fixed label="搴忓彿" width="80" > + <el-table-column fixed label="搴忓彿" width="80"> <template slot-scope="scope"> {{ scope.row.id }} </template> </el-table-column> - <el-table-column label="ip鍦板潃" > + <el-table-column label="ip鍦板潃"> <template slot-scope="scope"> {{ scope.row.ip }} </template> </el-table-column> - <el-table-column label="绔彛" > + <el-table-column label="绔彛"> <template slot-scope="scope"> {{ scope.row.port }} </template> </el-table-column> - <el-table-column label="杞彂绫诲瀷" > + <el-table-column label="杞彂绫诲瀷"> <template slot-scope="scope"> {{ scope.row.datatype }} </template> </el-table-column> - <el-table-column label="娣诲姞鏃堕棿" > + <el-table-column label="娣诲姞鏃堕棿"> <template slot-scope="scope"> {{ scope.row.addtime }} </template> </el-table-column> - <el-table-column label="鎿嶄綔" width="200" v-if="uupdate=='Yes' || udelete=='Yes'"> + <el-table-column label="鎿嶄綔" width="200" v-if="uupdate == 'Yes' || udelete == 'Yes'"> <template slot-scope="scope"> <el-button-group> - <el-button v-if="uupdate=='Yes'" type="primary" icon="el-icon-edit" size="mini" @click="edit(scope)"> + <el-button v-if="uupdate == 'Yes'" type="primary" icon="el-icon-edit" size="mini" @click="edit(scope)"> 淇敼 </el-button> - <el-button v-if="udelete=='Yes'" type="danger" icon="el-icon-delete" size="mini" @click="del(scope)"> + <el-button v-if="udelete == 'Yes'" type="danger" icon="el-icon-delete" size="mini" @click="del(scope)"> 鍒犻櫎 </el-button> </el-button-group> @@ -63,11 +66,11 @@ <el-form :ref="temp" :model="temp" label-width="120px" label-position="right" :rules="rules"> <el-form-item label="ip鍦板潃" prop="ip"> <el-input v-model="temp.ip - " placeholder="璇疯緭鍏p鍦板潃" /> + " placeholder="璇疯緭鍏p鍦板潃" /> </el-form-item> <el-form-item label="绔彛" prop="port"> <el-input v-model="temp.port - " placeholder="璇疯緭鍏ョ鍙�" /> + " placeholder="璇疯緭鍏ョ鍙�" /> </el-form-item> <el-form-item label="杞彂绫诲瀷" prop="datatype"> <el-select style="width: 100%;" v-model="temp.datatype" placeholder="璇烽�夋嫨杞彂绫诲瀷"> @@ -92,7 +95,7 @@ <script> import Pagination from '@/components/Pagination' -import { getForwardDataPage, delForwardData, addorupForwardData, searchForwardData,addSystemOperationLog } from '@/api/forwar' +import { getForwardDataPage, delForwardData, addorupForwardData, searchForwardData, addSystemOperationLog } from '@/api/forwar' import { deepClone } from '@/utils' const _temp = { @@ -108,15 +111,16 @@ }, data() { return { - uadd:'', - udelete:'', - uupdate:'', - options:[{ - value:'TCP', - label:'TCP' - },{ - value:'UDP', - label:'UDP' + role: localStorage.getItem('role'), + uadd: '', + udelete: '', + uupdate: '', + options: [{ + value: 'TCP', + label: 'TCP' + }, { + value: 'UDP', + label: 'UDP' }], total: 0, list: [], @@ -134,27 +138,37 @@ loading: false, rules: { ip: [ - { required: true, message: '璇疯緭鍏p鍦板潃', trigger: 'blur' }, - ], - datatype: [ - { required: true, message: '璇烽�夋嫨杞彂绫诲瀷', trigger: 'blur' } - ], - port: [ - { required: true, message: '璇疯緭鍏ョ鍙�', trigger: 'change' } - ] - }, + { required: true, message: '璇疯緭鍏p鍦板潃', trigger: 'blur' }, + ], + datatype: [ + { required: true, message: '璇烽�夋嫨杞彂绫诲瀷', trigger: 'blur' } + ], + port: [ + { required: true, message: '璇疯緭鍏ョ鍙�', trigger: 'change' } + ] + }, } }, created() { this.fetchData() }, methods: { + + // 鎼滅储 search() { this.listLoading = true searchForwardData(this.listQuery).then(response => { - this.list = response.data.records - this.total = response.data.total + if (response.data != null) { + this.list = response.data.records + this.total = response.data.total + } else { + this.$message({ + message: '鏈悳绱㈠埌鏁版嵁', + type: 'error' + }) + } + this.listLoading = false }) }, @@ -219,10 +233,10 @@ this.list.splice(scope.$index, 1) delForwardData(params).then(response => { this.temp.adminname = localStorage.getItem('username') || ''; - const params = { name: this.temp.adminname, content: '鍒犻櫎浜嗕竴涓暟鎹浆鍙戯紝璇p鍦板潃涓猴細'+scope.row.ip }; + const params = { name: this.temp.adminname, content: '鍒犻櫎浜嗕竴涓暟鎹浆鍙戯紝璇p鍦板潃涓猴細' + scope.row.ip }; addSystemOperationLog(params).then(response => { - }) + }) this.$message({ message: '鍒犻櫎鎴愬姛', type: 'success' @@ -239,39 +253,39 @@ this.loading = true this.$refs[this.temp].validate((valid) => { if (valid) { - addorupForwardData(this.temp).then(() => { - if (this.temp.id=="") { - this.temp.adminname = localStorage.getItem('username') || ''; - const params = { name: this.temp.adminname, content: '鏂板浜嗕竴涓暟鎹浆鍙戯紝璇p鍦板潃涓猴細'+this.temp.ip }; - addSystemOperationLog(params).then(response => { + addorupForwardData(this.temp).then(() => { + if (this.temp.id == "") { + this.temp.adminname = localStorage.getItem('username') || ''; + const params = { name: this.temp.adminname, content: '鏂板浜嗕竴涓暟鎹浆鍙戯紝璇p鍦板潃涓猴細' + this.temp.ip }; + addSystemOperationLog(params).then(response => { - }) - } else { - this.temp.adminname = localStorage.getItem('username') || ''; - const params = { name: this.temp.adminname, content: '淇敼浜嗕竴涓暟鎹浆鍙戯紝璇p鍦板潃涓猴細'+this.temp.ip }; - addSystemOperationLog(params).then(response => { + }) + } else { + this.temp.adminname = localStorage.getItem('username') || ''; + const params = { name: this.temp.adminname, content: '淇敼浜嗕竴涓暟鎹浆鍙戯紝璇p鍦板潃涓猴細' + this.temp.ip }; + addSystemOperationLog(params).then(response => { - }) - } - this.fetchData() - setTimeout(() => { - this.$message({ - message: '鎻愪氦鎴愬姛', - type: 'success' + }) + } + this.fetchData() + setTimeout(() => { + this.$message({ + message: '鎻愪氦鎴愬姛', + type: 'success' + }) + this.dialogVisible = false + this.loading = false + }, 300) }) - this.dialogVisible = false - this.loading = false - }, 300) - }) - } else { - this.$message({ + } else { + this.$message({ message: '鎻愪氦澶辫触锛岃妫�鏌ヨ〃鍗曞繀濉」鏄惁涓虹┖', type: 'error' }) - console.log('error submit!!'); - return false; - } - }); + console.log('error submit!!'); + return false; + } + }); } } } -- Gitblit v1.9.3