详情弹窗

packages/conv/creditScore/AppGridMemberScore/components/gridScoreStatistics.vue

@@ -85,13 +85,31 @@
                   @getList="getTableData" :col-configs="colConfigs" :dict="dict">
           <el-table-column slot="options" label="操作"  align="center">
             <template slot-scope="{ row }">
-              <!-- <el-button type="text" @click="handleDelete(row.id)">调整积分</el-button> -->
-              <el-button type="text" @click="toAdd(row.id)">详情</el-button>
+              <el-button type="text" @click="open(row.id)">详情</el-button>
             </template>
           </el-table-column>
         </ai-table>
       </template>
     </ai-card>
+
+    <el-dialog title="详情" :visible.sync="dialog" customFooter width="700">
+      <ai-detail>
+        <template #content>
+          <ai-wrapper>
+            <ai-info-item label="户主"/>
+            <ai-info-item label="对象"/>
+            <ai-info-item label="事件" isLine/>
+            <ai-info-item label="时间" isLine/>
+            <ai-info-item label="积分"/>
+            <ai-info-item label="积分余额"/>
+            <ai-info-item label="凭证" isLine></ai-info-item>
+          </ai-wrapper>
+        </template>
+      </ai-detail>
+      <span slot="footer" class="dialog-footer" center>
+        <el-button @click="dialog = false">关闭</el-button>
+      </span>
+    </el-dialog>
   </section>
 </template>
 
@@ -120,7 +138,8 @@ export default {
       girdList: [],
       time: '',
       timeCheck: ['昨日','近7天','近30天','自定义'],
-      currrntTime: '0'
+      currrntTime: '0',
+      dialog: true,
     }
   },
   computed: {
@@ -272,6 +291,17 @@ export default {
     timeChange(index) {
       this.currrntTime = index
     },
+    open(id) {
+      this.dialog = true
+      this.getDetail(id)
+    },
+    getDetail(id) {
+
+    }
+
+
+
+
   },
   mounted() {
     this.getColEcherts1()
@@ -281,6 +311,7 @@ export default {
     window.removeEventListener('resize', this.onResize1)
     window.removeEventListener('resize', this.onResize2)
   },
+  
 }
 </script>
 
@@ -390,5 +421,14 @@ export default {
       }
     }
   }
+  ::v-deep .el-dialog__footer {
+    text-align: center;
+  }
+  ::v-deep .el-dialog__header {
+    border-bottom: 1px solid #DDD;
+  }
+  ::v-deep .ai-detail {
+    background: #FFF;
+  }
  }
 </style>