diff --git a/src/api/car/breakdown.js b/src/api/car/breakdown.js
index d13284b5..d89c8aae 100644
--- a/src/api/car/breakdown.js
+++ b/src/api/car/breakdown.js
@@ -65,3 +65,10 @@ export function getNum() {
     method: 'get'
   })
 }
+export function MessageTypeList(data) {
+  return request({
+    url: '/breakdown/messageType/getMessageList',
+    method: 'post',
+    data: data
+  })
+}
diff --git a/src/views/car/messageType/index.vue b/src/views/car/messageType/index.vue
new file mode 100644
index 00000000..7b604462
--- /dev/null
+++ b/src/views/car/messageType/index.vue
@@ -0,0 +1,81 @@
+<template>
+<div>
+  <el-table :data="list" style="width: 100%">
+
+    <el-table-column label="报文编码" width="180">
+      <template slot-scope="scope">
+        <span style="margin-left: 10px">{{ scope.row.messageCode }}</span>
+      </template>
+    </el-table-column>
+    <el-table-column label="报文名称" width="180">
+      <template slot-scope="scope">
+        <span style="margin-left: 10px">{{ scope.row.messageName }}</span>
+      </template>
+    </el-table-column>
+    <el-table-column label="报文类型" width="180">
+      <template slot-scope="scope">
+        <span style="margin-left: 10px">{{ scope.row.messageType }}</span>
+      </template>
+    </el-table-column>
+    <el-table-column label="报文字段类型" width="180">
+      <template slot-scope="scope">
+        <span style="margin-left: 10px">{{ scope.row.messageClass }}</span>
+      </template>
+    </el-table-column>
+    <el-table-column label="规则名称" width="180">
+      <template slot-scope="scope">
+        <span style="margin-left: 10px">{{ scope.row.faultRuleId }}</span>
+      </template>
+    </el-table-column>
+    <el-table-column label="规则字符" width="180">
+      <template slot-scope="scope">
+        <span style="margin-left: 10px">{{ scope.row.faultRuleCharacterId }}</span>
+      </template>
+    </el-table-column>
+    <el-table-column label="规则阈值(临界值)" width="180">
+      <template slot-scope="scope">
+        <el-input v-model="messageType.faultRuleValue"></el-input>
+      </template>
+    </el-table-column>
+
+
+    <el-table-column label="操作">
+      <template slot-scope="scope">
+        <el-button
+          size="mini"
+          @click="handleTest(scope.row)">测试</el-button>
+      </template>
+    </el-table-column>
+  </el-table>
+</div>
+</template>
+
+<script setup>
+import {MessageTypeList} from "../../../api/car/breakdown";
+
+export default {
+  name:'MessageType',
+  data(){
+    return {
+      messageType:{},
+      list:[],
+    }
+  },
+  created(){
+    this.getMessageList();
+  },
+  methods:{
+    getMessageList(){
+      MessageTypeList(this.messageType).then(response => {
+        console.log(response);
+        this.list = response.data;
+      });
+    }
+  },
+
+}
+
+</script>
+<style scoped lang="scss">
+
+</style>