Blame view

src/views/homePage/HomePage.vue 1.85 KB
9b7e125f   monkeyhouyi   属地页面
1
2
3
4
  <template>
    <div class="HomePage">
      <Header />
      <div class="content">
477ec56f   monkeyhouyi   权限
5
        <div class="navs">
4f6550f1   monkeyhouyi   消息提醒弹框页面样式
6
          <Menu />
477ec56f   monkeyhouyi   权限
7
        </div>
9b7e125f   monkeyhouyi   属地页面
8
9
10
11
        <div class="table-box">
          <div class="search">
            <div class="ipt-box">
              <el-input
65aeaaa1   monkeyhouyi   样式修改
12
                placeholder="请输入应用名称,运营主体名称进行查询"
9b7e125f   monkeyhouyi   属地页面
13
14
                v-model="searchKeyword"
              ></el-input>
4f6550f1   monkeyhouyi   消息提醒弹框页面样式
15
16
17
18
19
20
              <el-button
                type="primary"
                @click="toSearchInfoList"
                style="height: 32px"
                >搜索</el-button
              >
9b7e125f   monkeyhouyi   属地页面
21
            </div>
ecc43230   monkeyhouyi   优化首页,应用管理
22
            <infoForm type="add" @reInit="toSearchInfoList">
9b7e125f   monkeyhouyi   属地页面
23
24
              <el-button type="success">新增</el-button>
            </infoForm>
9b7e125f   monkeyhouyi   属地页面
25
26
          </div>
          <div class="info">
006cc67a   monkeyhouyi   巡查上报
27
            <router-view ref="info"></router-view>
9b7e125f   monkeyhouyi   属地页面
28
29
30
          </div>
        </div>
        <div class="news">
4f6550f1   monkeyhouyi   消息提醒弹框页面样式
31
          <News />
9b7e125f   monkeyhouyi   属地页面
32
33
34
35
36
37
        </div>
      </div>
    </div>
  </template>
  
  <script>
0e2463be   monkeyhouyi   系统修改记录
38
  import Header from "./components/Header";
4f6550f1   monkeyhouyi   消息提醒弹框页面样式
39
40
  import News from "./components/news/index.vue";
  import Menu from "./components/Menu.vue";
9b7e125f   monkeyhouyi   属地页面
41
42
43
44
  export default {
    name: "HomePage",
    components: {
      Header,
4f6550f1   monkeyhouyi   消息提醒弹框页面样式
45
46
      News,
      Menu,
9b7e125f   monkeyhouyi   属地页面
47
48
49
    },
    data() {
      return {
9b7e125f   monkeyhouyi   属地页面
50
51
52
        searchKeyword: "",
      };
    },
006cc67a   monkeyhouyi   巡查上报
53
54
55
56
57
58
    created() {
    },
    mounted() {
      console.log(this.$route.path, 'this.$router');
      
    },
0af91599   monkeyhouyi   弹框请求优化
59
60
61
62
63
64
65
    watch: {
      // $route: {
      //   handler: function (route) {
      //     this.navList = this.$router.options.routes;
      //   },
      //   immediate: true,
      // },
9b7e125f   monkeyhouyi   属地页面
66
    },
4f6550f1   monkeyhouyi   消息提醒弹框页面样式
67
    computed: {},
9b7e125f   monkeyhouyi   属地页面
68
69
    methods: {
      toSearchInfoList() {
361871c7   monkeyhouyi   12
70
71
72
        // if(this.$route.path == '/baseSystemInfo/index.vue') {
        //   this.$refs.info.search();
        // } else {
006cc67a   monkeyhouyi   巡查上报
73
74
75
76
          this.$router.push({
            path: "/baseSystemInfo/index.vue",
            query: { keyword: this.searchKeyword },
          });
361871c7   monkeyhouyi   12
77
        // }
9b7e125f   monkeyhouyi   属地页面
78
79
80
81
82
83
      },
    },
  };
  </script>
  
  <style scoped lang="scss">
477ec56f   monkeyhouyi   权限
84
  @import "./homePage.scss";
9b7e125f   monkeyhouyi   属地页面
85
  </style>