能源费率详情优化

src/views/module_base/energyRate/EnergyRateList.vue

@@ -79,18 +79,18 @@
       >
 
         <!-- 内嵌table区域 begin -->
-        <template slot="expandedRowRender" slot-scope="record">
+        <!-- <template slot="expandedRowRender" slot-scope="record">
           <a-tabs tabPosition="top">
             <a-tab-pane tab="详情" key="baseEnergyRateDetail" forceRender>
               <energy-rate-detail-sub-table :record="record"/>
             </a-tab-pane>
           </a-tabs>
-        </template>
+        </template> -->
         <!-- 内嵌table区域 end -->
 
-        <template slot="htmlSlot" slot-scope="text">
+        <!-- <template slot="htmlSlot" slot-scope="text">
           <div v-html="text"></div>
-        </template>
+        </template> -->
 
         <template slot="imgSlot" slot-scope="text,record">
           <div style="font-size: 12px;font-style: italic;">
@@ -136,6 +136,8 @@
 
     <!-- 表单区域 -->
     <energy-rate-modal ref="modalForm" @ok="modalFormOk"/>
+    <!-- 详情 -->
+    <energy-rate-detail ref="equipmentDetail"></energy-rate-detail>
 
   </a-card>
 </template>
@@ -146,6 +148,7 @@
   import EnergyRateModal from './modules/EnergyRateModal'
   import EnergyRateDetailSubTable from './subTables/EnergyRateDetailSubTable'
   import '@/assets/less/TableExpand.less'
+  import EnergyRateDetail from './modules/EnergyRateDetail.vue'
 
   export default {
     name: 'EnergyRateList',
@@ -153,6 +156,7 @@
     components: {
       EnergyRateModal,
       EnergyRateDetailSubTable,
+        EnergyRateDetail,
     },
     data() {
       return {
@@ -170,6 +174,7 @@
             title: '名称',
             align: 'center',
             dataIndex: 'name',
+            customCell: this.customCellDetail
           },
           {
             title: '能源分类',
@@ -241,6 +246,20 @@
           this.expandedRowKeys.push(record.id)
         }
       },
+      customCellDetail(record){
+        return {
+          style: {
+            'color': "#1890ff",
+            'cursor': "pointer",
+          },
+          on: { 
+            // 点击事件
+            click: (event) => {
+              this.$refs.equipmentDetail.detail(record);
+            },
+          },
+        };
+      },
       getSuperFieldList(){
         let fieldList=[];
         fieldList.push({type:'int',value:'energyrateid',text:'能源费率ID',dictCode:''})