| | |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button @click="onSubmit">{{ |
| | | $t("operatManage.BWL.change") |
| | | $t('operatManage.BWL.change') |
| | | }}</el-button> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button @click="onSubmit" |
| | | ><i class="el-icon-search"></i> {{ |
| | | $t("operatManage.BWL.search") |
| | | $t('operatManage.BWL.search') |
| | | }}</el-button |
| | | > |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button @click="onSubmit" |
| | | ><i class="el-icon-delete"></i> {{ |
| | | $t("operatManage.BWL.reset") |
| | | $t('operatManage.BWL.reset') |
| | | }}</el-button |
| | | > |
| | | </el-form-item> |
| | |
| | | <el-form-item> |
| | | <el-button @click="onSubmit" |
| | | ><i class="el-icon-search"></i> {{ |
| | | $t("operatManage.BWL.search") |
| | | $t('operatManage.BWL.search') |
| | | }}</el-button |
| | | > |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button @click="onSubmit" |
| | | ><i class="el-icon-delete"></i> {{ |
| | | $t("operatManage.BWL.reset") |
| | | $t('operatManage.BWL.reset') |
| | | }}</el-button |
| | | > |
| | | </el-form-item> |
| | |
| | | </el-tabs> |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | import MyBread from "../../components/MyBread.vue"; |
| | | import { blacklistSelectByPageAndCount } from "../../api/api"; |
| | | |
| | | <script> |
| | | import MyBread from '../../components/MyBread.vue'; |
| | | import { blacklistSelectByPageAndCount } from '../../api/api'; |
| | | export default { |
| | | //import引入的组件需要注入到对象中才能使用 |
| | | components: { |
| | |
| | | |
| | | data() { |
| | | return { |
| | | activeName: "first", |
| | | activeName: 'first', |
| | | currentPage: 1, |
| | | form: { |
| | | blackListIP: "", |
| | | IPState: "", |
| | | interceptionCycle: "", |
| | | unit: "", |
| | | interceptionNumber: "", |
| | | blackListIP: '', |
| | | IPState: '', |
| | | interceptionCycle: '', |
| | | unit: '', |
| | | interceptionNumber: '', |
| | | }, |
| | | BTableData: [], |
| | | WTableData: [], |
| | |
| | | methods: { |
| | | //格式化时间 |
| | | add0(m) { |
| | | return m < 10 ? "0" + m : m; |
| | | return m < 10 ? '0' + m : m; |
| | | }, |
| | | //格式化时间 |
| | | format(shijianchuo) { |
| | |
| | | var mm = time.getMinutes(); |
| | | var s = time.getSeconds(); |
| | | return ( |
| | | y + "-" + this.add0(m) + "-" + this.add0(d) |
| | | y + '-' + this.add0(m) + '-' + this.add0(d) |
| | | // " " + |
| | | // this.add0(h) + |
| | | // ":" + |
| | |
| | | this.getList(); |
| | | }, |
| | | onSubmit() { |
| | | console.log("submit!"); |
| | | console.log('submit!'); |
| | | }, |
| | | resetForm(formName) { |
| | | this.$refs[formName].resetFields(); |
| | |
| | | const data = await blacklistSelectByPageAndCount(this.WListData); |
| | | |
| | | if (data.code != 200) { |
| | | return this.$message.error("列表调用失败"); |
| | | return this.$message.error('列表调用失败'); |
| | | } |
| | | this.WTableData = data.result; |
| | | this.Wcount = data.count; |
| | | }, |
| | | async BGetList() { |
| | | const data = await blacklistSelectByPageAndCount(this.BListData); |
| | | console.log(data); |
| | | if (data.code != 200) { |
| | | return this.$message.error("列表调用失败"); |
| | | return this.$message.error('列表调用失败'); |
| | | } |
| | | this.BTableData = data.result; |
| | | this.Bcount = data.count; |
| | |
| | | }, |
| | | }; |
| | | </script> |
| | | <style lang="less" scoped> |
| | | <style lang="less" scoped> |
| | | //@import url(); 引入公共css类 |
| | | .logLog_box { |
| | | background: rgb(240, 242, 245); |
| | |
| | | } |
| | | } |
| | | </style> |
| | | |