扬尘前端页面

zmc

2023-10-12 ef10dea2a96d68a00a9a316f8594e0636103a6ab

扬尘前端页面

 src/api/index.js

@@ -4,9 +4,9 @@



// const url = 'http://localhost:8081/';
const url = 'http://localhost:8081/';
// 部署
const url = 'http://114.215.109.124:8803/';
// const url = 'http://114.215.109.124:8803/';

//飞羽监管
const $http = axios.create({

 src/components/layout/AppAside.vue

@@ -146,10 +146,10 @@
          </el-menu-item> -->

          
          <el-menu-item index="report" >
          <!-- <el-menu-item index="report" >
            <el-icon><i-ep-Histogram /></el-icon>
          业务报表
          </el-menu-item>
          </el-menu-item> -->

          </el-sub-menu>


 src/main.js

@@ -25,9 +25,9 @@
  }
})
// 本地
// axios.defaults.baseURL = 'http://localhost:8081'
axios.defaults.baseURL = 'http://localhost:8081'
// 部署
axios.defaults.baseURL = 'http://114.215.109.124:8803'
// axios.defaults.baseURL = 'http://114.215.109.124:8803'
app.config.globalProperties.$http = axios

app.use(ElMessage)

 src/router/index.js

@@ -11,28 +11,58 @@
      component: () => import('@/components/layout/AppLayout.vue'),
      children: 
            [
            // 数据分险模型
            {
              path: "/avgDay",
              name: 'avgDay',
              meta: { title: '数据分险模型' },
              component: () => import('@/views/line_graph/DataRiskModel.vue')
            },
              {
                path:'/avalue',
                name:'avalue',
                meta: {title: '风险评估'},
                children:[
                    // 数据分险模型
                {
                  path: "/avgDay",
                  name: 'avgDay',
                  meta: { title: '数据分险模型' },
                  component: () => import('@/views/line_graph/DataRiskModel.vue')
                },
    
                //  数据风险排名
                {
                  path: "/analysis",
                  name: 'analysis',
                  meta: { title: '数据风险排名' },
                  component: () => import('@/views/line_graph/DataRiskRank.vue')
                },
                //  数据风险排名
                {
                  path: "/riskrank",
                  name: 'riskrank',
                  meta: { title: '综合风险排名' },
                  component: () => import('@/views/line_graph/SiteComprehensiveRskRanking.vue')
                },
                  ]
              },
              
            // // 数据分险模型
            // {
            //   path: "/avgDay",
            //   name: 'avgDay',
            //   meta: { title: '数据分险模型' },
            //   component: () => import('@/views/line_graph/DataRiskModel.vue')
            // },

            //  数据风险排名
            {
              path: "/analysis",
              name: 'analysis',
              meta: { title: '数据风险排名' },
              component: () => import('@/views/line_graph/DataRiskRank.vue')
            },
            //  数据风险排名
            {
              path: "/riskrank",
              name: 'riskrank',
              meta: { title: '综合风险排名' },
              component: () => import('@/views/line_graph/SiteComprehensiveRskRanking.vue')
            },
            // //  数据风险排名
            // {
            //   path: "/analysis",
            //   name: 'analysis',
            //   meta: { title: '数据风险排名' },
            //   component: () => import('@/views/line_graph/DataRiskRank.vue')
            // },
            // //  数据风险排名
            // {
            //   path: "/riskrank",
            //   name: 'riskrank',
            //   meta: { title: '综合风险排名' },
            //   component: () => import('@/views/line_graph/SiteComprehensiveRskRanking.vue')
            // },
       
            // 飞行巡检
            {

 src/sfc/BreadCrumb.vue

@@ -4,7 +4,9 @@
export default {
   data(){
      return{
        list:[]
        list:[],
        subTitle1: null,
        subTitle2 :null,
      }
   },
 setup(){
@@ -13,10 +15,14 @@
   watch:{
    $route(to,from){
        this.list = to.matched
        // this.subTitle1 = this.list[1]
        // this.subTitle2 = this.list[2]
    }
   },
   mounted (){
    this.list = this.$route.matched
    // this.subTitle1 = this.list[1]
    // this.subTitle2 = this.list[2]
   },
   methods:{
   }
@@ -29,6 +35,14 @@
                <router-link :to="item.path">{{ item.meta.title }}</router-link>
            </el-breadcrumb-item>
    </el-breadcrumb>

    <!-- <el-breadcrumb :separator-icon="ArrowRight">
      <el-breadcrumb-item>  {{subTitle1.meta.title}} </el-breadcrumb-item>
      <el-breadcrumb-item>  <router-link :to="item.path">{{subTitle2.meta.title}}</router-link></el-breadcrumb-item> -->

   

    
</template>
<style scoped>
.el-breadcrumb__inner a {

 src/views/line_graph/DataRiskModel.vue

@@ -99,9 +99,9 @@
  },
  mounted() {
    // 页面加载显示风险最高的站点
    this.getRiskWeightName()
    // this.getRiskWeightName()
    

    this.fetch()
  },
  methods: {
    async getRiskWeightName() {
@@ -240,7 +240,8 @@
      <AreaAndmonitorType></AreaAndmonitorType>
    </el-form-item>
    <el-form-item>
      <InputSearch isNeedDefaultSite="0" @submit-value="(n) => (form.name = n)" :siteName="form.name"></InputSearch>
      <!-- <InputSearch isNeedDefaultSite="1" @submit-value="(n) => (form.name = n)" :siteName="form.name"></InputSearch> -->
      <InputSearch isNeedDefaultSite="1" @submit-value="(n) => (form.name = n)" ></InputSearch>
    </el-form-item>

    <el-form-item>

 src/views/line_graph/DataRiskRank.vue

@@ -44,6 +44,7 @@
  },

  mounted() {
    console.log(this.$route.matched);
    this.form.name = '';
  },
  methods: {

 src/views/line_graph/SiteComprehensiveRskRanking.vue

@@ -144,20 +144,20 @@
    },

    // 企业异常详情
    exceptiondataCount() {
      exceptionApi
        .exceptiondata1({
          // siteName: this.form.name,
          siteName: '',
          beginTime: this.form.beginTime,
          endTime: this.form.endTime
        })
        .then((res) => {
          let obj = index.calRecur(res.data.data)
          this.bill.exceptionRecurrence = obj['exceptionRecurrence']
          this.bill.exceptionTypeAggregation = obj['exceptionTypeAggregation']
        })
    },
    // exceptiondataCount() {
    //   exceptionApi
    //     .exceptiondata1({
    //       // siteName: this.form.name,
    //       siteName: '',
    //       beginTime: this.form.beginTime,
    //       endTime: this.form.endTime
    //     })
    //     .then((res) => {
    //       let obj = index.calRecur(res.data.data)
    //       this.bill.exceptionRecurrence = obj['exceptionRecurrence']
    //       this.bill.exceptionTypeAggregation = obj['exceptionTypeAggregation']
    //     })
    // },

    /**
     * 初始加载函数