docs: 关机交接——菜单布局修复(2bd663b)与实测结论、/import 主线程卡死新发现、sessionStorage 强制登录待办

xyc

4 天以前 37496dcec47bc98dc545d94287f39b33eb181bca

 traffic-audit-web/src/views/RuleManage.vue

@@ -1,2 +1,112 @@
<template><div>规则管理</div></template>
<script>export default { name: 'RuleManage' }</script>
<template>
  <el-container direction="vertical">
    <app-header title="交通统计报表审核系统 - 规则管理"></app-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>
      </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'
import AppHeader from '@/components/AppHeader.vue'
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 {
  components: { AppHeader },
  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(e => { if (e && e._toast) return; 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(e => { if (e && e._toast) return; 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(e => { if (e && e._toast) return; this.$message.error('保存失败') })
    }
  },
  mounted() { this.loadRules() }
}
</script>