交通统计审核
blame | 历史 | 补丁 | 提交 | 提交对比 | ignore whitespace
xyc
5 天以前 f7131667350cfa278c935c7c628fcf3d15f00d03 
 traffic-audit-web/src/views/RuleManage.vue


@@ -1,2 +1,114 @@


<template><div>规则管理</div></template>


<script>export default { name: 'RuleManage' }</script>


<template>


  <el-container>


    <el-header>交通统计报表审核系统 - 规则管理</el-header>


    <el-container>


      <el-aside width="200px">


        <el-menu router default-active="/rules">


          <el-menu-item index="/dashboard">工作台</el-menu-item>


          <el-menu-item index="/import">数据导入</el-menu-item>


          <el-menu-item index="/data">数据查看</el-menu-item>


          <el-menu-item index="/explain">企业解释</el-menu-item>


          <el-menu-item index="/audit">审核结果</el-menu-item>


          <el-menu-item index="/report">报表生成</el-menu-item>


          <el-menu-item index="/rules">规则管理</el-menu-item>


          <el-menu-item index="/users">用户管理</el-menu-item>


          <el-menu-item index="/login" @click="logout">退出登录</el-menu-item>


</el-menu>


      </el-aside>


      <el-main>


        <h3>审核规则管理</h3>


        <el-form :inline="true">


          <el-form-item label="报表类型">


            <el-radio-group v-model="reportType" @change="loadRules">


              <el-radio label="H2032">货运月报</el-radio>


              <el-radio label="H2031">旅客月报</el-radio>


              <el-radio label="CITY_BUS">城市公交月报</el-radio>


              <el-radio label="CITY_TAXI">巡游出租月报</el-radio>


              <el-radio label="INVEST">投资月报</el-radio>


              <el-radio label="H204">能耗季报</el-radio>


            


            


            


            </el-radio-group>


          </el-form-item>


          <el-form-item>


            <el-button type="primary" @click="loadRules" :loading="loading">刷新</el-button>


          </el-form-item>


        </el-form>


        <div class="table-area">


        <el-table :data="rules" border v-loading="loading" size="small" style="width:100%" height="100%">


          <el-table-column prop="ruleCode" label="规则编码" width="120"></el-table-column>


          <el-table-column prop="ruleName" label="规则名称" min-width="180"></el-table-column>


          <el-table-column prop="description" label="规则说明" min-width="260" show-overflow-tooltip></el-table-column>


          <el-table-column label="比较方式" width="130">


            <template slot-scope="scope">{{ typeLabel(scope.row.compareType) }}</template>


          </el-table-column>


          <el-table-column label="阈值" width="130">


            <template slot-scope="scope">


              <el-input v-model="scope.row.threshold" size="mini" placeholder="阈值" @change="saveThreshold(scope.row)"></el-input>


            </template>


          </el-table-column>


          <el-table-column label="等级" width="110">


            <template slot-scope="scope">


              <el-select v-model="scope.row.alertLevel" size="mini" @change="saveThreshold(scope.row)">


                <el-option label="红 (RED)" value="RED"></el-option>


                <el-option label="黄 (YELLOW)" value="YELLOW"></el-option>


              </el-select>


            </template>


          </el-table-column>


          <el-table-column label="启用" width="80">


            <template slot-scope="scope">


              <el-switch v-model="scope.row.isEnabled" :active-value="1" :inactive-value="0"


                @change="toggleRule(scope.row)"></el-switch>


            </template>


          </el-table-column>


        </el-table>


        </div>


      </el-main>


    </el-container>


  </el-container>


</template>


<script>


import api from '@/api'


const TYPE_CN = {


  DIFF: '差值对比', RATIO: '比例对比', MOM: '环比新增', NULL_CHECK: '必填/一致性',


  OUT_RANGE: '范围检查', MOM_EQ_ZERO: '环比为0', MOM_PCT: '环比百分比',


  MOM_EQ: '等于上月', EXISTENCE: '存在性', CROSS_DIFF: '跨表对比',


  EXISTENCE_AUTH: '运政缺失', EXISTENCE_SYS: '系统缺失', CROSS_DIFF_PCT: '跨表百分比',


  TREND_CONSISTENCY: '趋势一致', RATIO_CHANGE: '占比变化', AVG_DIST_CHANGE: '平均运距变化',


  PAX_PER_TRIP_CHANGE: '单车次载客人数变化', LOADED_RATIO_DIFF: '载货里程占比对比',


  FUEL_RANGE: '单耗超范围', FUEL_MOM: '单耗环比', FREIGHT_VS_H2032: '与货运月报对比',


  AVG_DIST_VS_H2032: '平均运距对比', LOADED_TON_RATIO: '载货吨位比值'


}


export default {


  name: 'RuleManage',


  data() {


    return { reportType: 'H2032', rules: [], loading: false }


  },


  methods: {


    typeLabel(t) { return TYPE_CN[t] || t },


    loadRules() {


      this.loading = true


      api.get('/rules/list', { params: { reportType: this.reportType } })


        .then(res => { this.rules = res.data || [] })


        .catch(() => { this.$message.error('规则加载失败') })


        .finally(() => { this.loading = false })


    },


    toggleRule(row) {


      api.post('/rules/toggle', null, { params: { id: row.id, enabled: row.isEnabled } })


        .then(() => { this.$message.success((row.isEnabled ? '已启用：' : '已停用：') + row.ruleCode) })


        .catch(() => { row.isEnabled = row.isEnabled ? 0 : 1; this.$message.error('操作失败') })


    },


    saveThreshold(row) {


      api.post('/rules/update', {


        id: row.id, threshold: row.threshold, alertLevel: row.alertLevel


      }).then(() => { this.$message.success('已保存：' + row.ruleCode) })


        .catch(() => { this.$message.error('保存失败') })


    }


  },


  mounted() { this.loadRules() }


}


</script>


<style scoped>


.el-header { background: #409EFF; color: white; line-height: 60px; font-size: 18px; }


</style>