| | |
| | | </div> |
| | | </div> |
| | | <div |
| | | @click="handleClickTk" |
| | | @click="handleClickTk1" |
| | | class="IndexMoudle-block" |
| | | > |
| | | <svg |
| | |
| | | </div> |
| | | </div> |
| | | <div |
| | | @click="handleClickTk" |
| | | class="IndexMoudle-block"> |
| | | <svg |
| | | class="IndexMoudleSvg" |
| | |
| | | </div> |
| | | </div> |
| | | <div |
| | | @click="handleClickTk" |
| | | @click="handleClickTk2" |
| | | class="IndexMoudle-block"> |
| | | <svg |
| | | class="IndexMoudleSvg" |
| | |
| | | </div> |
| | | </div> |
| | | <div |
| | | @click="handleClickTk" |
| | | @click="handleClickTk3" |
| | | class="IndexMoudle-block"> |
| | | <svg |
| | | class="IndexMoudleSvg" |
| | |
| | | </div> |
| | | </div> |
| | | <indexMoudleForm ref="indexMoudleForm" v-if="indexMoudleVisiable"></indexMoudleForm> |
| | | <indexMoudleForm1 ref="indexMoudleForm1" v-if="indexMoudleVisiable1"></indexMoudleForm1> |
| | | <indexMoudleForm2 ref="indexMoudleForm2" v-if="indexMoudleVisiable2"></indexMoudleForm2> |
| | | <indexMoudleForm3 ref="indexMoudleForm3" v-if="indexMoudleVisiable3"></indexMoudleForm3> |
| | | </div> |
| | | </template> |
| | | |
| | |
| | | import {getHost,getSnmp,getTask,getTaskInfoById,getUps,getKongtiao} from '@/api/daping' |
| | | import countTo from "vue-count-to" |
| | | import indexMoudleForm from "./IndexMoudleBlock/IndexMoudleForm"; |
| | | import indexMoudleForm1 from "./IndexMoudleBlock/IndexMoudleForm1"; |
| | | import indexMoudleForm2 from "./IndexMoudleBlock/IndexMoudleForm2"; |
| | | import indexMoudleForm3 from "./IndexMoudleBlock/IndexMoudleForm3"; |
| | | export default { |
| | | name: "IndexMoudleBlock", |
| | | components: { |
| | | countTo, |
| | | indexMoudleForm |
| | | indexMoudleForm, |
| | | indexMoudleForm1, |
| | | indexMoudleForm2, |
| | | indexMoudleForm3, |
| | | }, |
| | | data() { |
| | | return { |
| | | indexMoudleVisiable:false, //弹框 |
| | | indexMoudleVisiable1:false, //弹框 |
| | | indexMoudleVisiable2:false, //弹框 |
| | | indexMoudleVisiable3:false, //弹框 |
| | | fuwuqiconfig1: { |
| | | number: [0], |
| | | }, |
| | |
| | | this.$refs.indexMoudleForm.init() |
| | | }) |
| | | }, |
| | | handleClickTk1() { |
| | | this.indexMoudleVisiable1 = true |
| | | this.$nextTick(() => { |
| | | this.$refs.indexMoudleForm1.init() |
| | | }) |
| | | }, |
| | | handleClickTk2() { |
| | | this.indexMoudleVisiable2 = true |
| | | this.$nextTick(() => { |
| | | this.$refs.indexMoudleForm2.init() |
| | | }) |
| | | }, |
| | | handleClickTk3() { |
| | | this.indexMoudleVisiable3 = true |
| | | this.$nextTick(() => { |
| | | this.$refs.indexMoudleForm3.init() |
| | | }) |
| | | }, |
| | | getHost(){ //主机 |
| | | getHost().then(res =>{ |
| | | console.log(res,'res====') |