Browse Source

能源费率详情

wyh 1 year ago
parent
commit
5868a7a896
1 changed files with 154 additions and 0 deletions
  1. 154 0
      src/views/module_base/energyRate/modules/EnergyRateDetail.vue

+ 154 - 0
src/views/module_base/energyRate/modules/EnergyRateDetail.vue

@@ -0,0 +1,154 @@
+<template>
+  <a-drawer
+    :title="title"
+    :width="width"
+    placement="right"
+    @close="close"
+    destroyOnClose
+    :visible="visible"
+    class="equipment-detail-drawer"
+    >
+
+    <a-descriptions bordered>
+        <a-descriptions-item label="名称">
+            {{dataList.name}}
+        </a-descriptions-item>
+        <a-descriptions-item label="能源分类">
+            {{dataList.energytypeid_dictText}}
+        </a-descriptions-item>
+        <a-descriptions-item label="费率类型">
+            {{dataList.ratetype_dictText}}
+        </a-descriptions-item>
+        <a-descriptions-item label="单位">
+            {{dataList.rateunit}}
+        </a-descriptions-item>
+        <a-descriptions-item label="费率有效期开始">
+            {{dataList.begintime}}
+        </a-descriptions-item>
+        <a-descriptions-item label="费率有效期结束">
+            {{dataList.endtime}}
+        </a-descriptions-item>
+        <a-descriptions-item label="备注" :span="2">
+            {{dataList.remark}}
+        </a-descriptions-item>
+    </a-descriptions>
+
+    <a-divider orientation="left" style="font-size: 14px;"> 价格信息表 </a-divider>
+
+    <a-table
+        size="small"
+        :columns="columns"
+        :dataSource="logData"
+        :pagination="false"
+        :rowKey="(record, index) => { return index }"
+        bordered
+        class="j-table-force-nowrap"
+        >
+    </a-table>
+
+  </a-drawer>
+</template>
+
+<script>
+  import { httpAction, getAction } from '@/api/manage'
+  export default {
+    components: { 
+    },
+    name: 'RepairManageDetail',
+    data () {
+      return {
+        title:"详情",
+        width:'1000',
+        visible: false,
+        confirmLoading: false, // 加载中
+        dataList: {}, // 详情
+        logData: [], // 操作日志表格数据
+        // 表头
+        columns: [
+        ],
+        url: {
+            list: '/energyRate/energyRate/xqqueryById'
+        },
+      }
+    },
+    created(){
+    },
+    methods: {
+      detail (record) {
+        console.log(record)
+        this.dataList = record
+        getAction(this.url.list, {id:record.id}).then((res) => {
+        //   console.log(77777,res)
+          this.logData = res.result.baseEnergyRateDetailList
+          if (res.result.ratetype == 1) {
+            this.columns = [
+              {
+                title: '分时开始时间',
+                dataIndex: 'begintime',
+                key: 'begintime',
+                width:"200px",
+                align: 'center',
+              },
+              {
+                title: '分时结束时间',
+                dataIndex: 'endtime',
+                key: 'endtime',
+                width:"200px",
+                align: 'center',
+              },
+              {
+                title: '峰平谷',
+                dataIndex: 'pandv',
+                key: 'pandv',
+                width:"200px",
+                align: 'center',
+              },
+              {
+                title: '价格',
+                dataIndex: 'price',
+                key: 'price',
+                width:"200px",
+                align: 'center',
+              },
+            ]
+          } else {
+            this.columns = [
+              {
+                title: '起始量',
+                dataIndex: 'beginamount',
+                key: 'beginamount',
+                width:"200px",
+                align: 'center',
+              },
+              {
+                title: '结束量',
+                dataIndex: 'endamount',
+                key: 'endamount',
+                width:"200px",
+                align: 'center',
+              },
+              {
+                title: '价格',
+                dataIndex: 'price',
+                key: 'price',
+                width:"200px",
+                align: 'center',
+              },
+            ]
+          }
+        })
+        this.visible = true;
+      },
+      close () {
+        this.visible = false;
+      },
+      callback(key) {
+        console.log(key);
+      },
+
+    }
+  }
+</script>
+
+<style lang="less" scoped>
+</style>