diff --git a/cloud-ui/src/api/car/message/message.js b/cloud-ui/src/api/car/message/message.js
index 25523ae..4c26bb3 100644
--- a/cloud-ui/src/api/car/message/message.js
+++ b/cloud-ui/src/api/car/message/message.js
@@ -16,6 +16,14 @@ export function listMessage(query) {
   })
 }
 
+export function dobListMessage(query) {
+  return request({
+    url: '/car/messageInfo/dobList',
+    method: 'get',
+    params: query
+  })
+}
+
 // 查询车辆报文记录详细
 export function getMessage(id) {
   return request({
diff --git a/cloud-ui/src/utils/request.js b/cloud-ui/src/utils/request.js
index 47d1bcb..922e8c2 100644
--- a/cloud-ui/src/utils/request.js
+++ b/cloud-ui/src/utils/request.js
@@ -73,7 +73,7 @@ service.interceptors.request.use(config => {
 
 // 响应拦截器
 service.interceptors.response.use(res => {
-  debugger
+  //debugger
     // 未设置状态码则默认成功状态
     const code = res.data.code || 200;
     // 获取错误信息
diff --git a/cloud-ui/src/views/message/message/index.vue b/cloud-ui/src/views/message/message/index.vue
index 7cdc535..e6ea05b 100644
--- a/cloud-ui/src/views/message/message/index.vue
+++ b/cloud-ui/src/views/message/message/index.vue
@@ -1,100 +1,28 @@
 <template>
   <div class="app-container">
-    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
-      <el-form-item label="车辆型号编码" prop="modelCode">
-        <el-input
-          v-model="queryParams.modelCode"
-          placeholder="请输入车辆型号编码"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item>
-        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
-        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
-      </el-form-item>
-    </el-form>
-
-    <el-row :gutter="10" class="mb8">
-      <el-col :span="1.5">
-        <el-button
-          type="primary"
-          plain
-          icon="el-icon-plus"
-          size="mini"
-          @click="handleAdd"
-          v-hasPermi="['message:message:add']"
-        >新增</el-button>
-      </el-col>
-      <el-col :span="1.5">
-        <el-button
-          type="success"
-          plain
-          icon="el-icon-edit"
-          size="mini"
-          :disabled="single"
-          @click="handleUpdate"
-          v-hasPermi="['message:message:edit']"
-        >修改</el-button>
-      </el-col>
-      <el-col :span="1.5">
-        <el-button
-          type="danger"
-          plain
-          icon="el-icon-delete"
-          size="mini"
-          :disabled="multiple"
-          @click="handleDelete"
-          v-hasPermi="['message:message:remove']"
-        >删除</el-button>
-      </el-col>
-      <el-col :span="1.5">
-        <el-button
-          type="warning"
-          plain
-          icon="el-icon-download"
-          size="mini"
-          @click="handleExport"
-          v-hasPermi="['message:message:export']"
-        >导出</el-button>
-      </el-col>
-      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
-    </el-row>
-
-    <el-table v-loading="loading" :data="messageList" @selection-change="handleSelectionChange">
-      <el-table-column type="selection" width="55" align="center" />
-      <el-table-column label="自增主键" align="center" prop="id" />
-      <el-table-column label="车辆型号编码" align="center" prop="modelCode" />
-      <el-table-column label="车辆报文类型编码" align="center" prop="messageTypeCode" />
-      <el-table-column label="开始位下标" align="center" prop="messageStartIndex" />
-      <el-table-column label="结束位下标" align="center" prop="messageEndIndex" />
-      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
-        <template slot-scope="scope">
-          <el-button
-            size="mini"
-            type="text"
-            icon="el-icon-edit"
-            @click="handleUpdate(scope.row)"
-            v-hasPermi="['message:message:edit']"
-          >修改</el-button>
-          <el-button
-            size="mini"
-            type="text"
-            icon="el-icon-delete"
-            @click="handleDelete(scope.row)"
-            v-hasPermi="['message:message:remove']"
-          >删除</el-button>
-        </template>
-      </el-table-column>
-    </el-table>
-
-
-
-    <!-- 添加或修改车辆报文记录对话框 -->
-    <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
+    <el-button
+      size="small"
+      @click="dialogFormVisible = true"
+    >
+      添加模板
+    </el-button>
+  <el-tabs v-model="editableTabsValue" :tab-position="tabPosition" type="card" @tab-click="handleTabClick">
+    <el-tab-pane
+      v-for="(item, index) in editableTabs "
+      :key="item.modelCode"
+      :label="item.modelCode"
+      :name="item.modelCode"
+    >
       <el-form ref="form" :model="form" :rules="rules" label-width="80px">
-        <el-form-item label="车辆型号编码" prop="modelCode">
-          <el-input v-model="form.modelCode" placeholder="请输入车辆型号编码" />
+        <el-form-item label="报文类别" prop="messageTypeCode">
+          <el-select v-model="form.messageType" clearable placeholder="请选择">
+            <el-option
+              v-for="item in options"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value">
+            </el-option>
+          </el-select>
         </el-form-item>
         <el-form-item label="车辆报文类型编码" prop="messageTypeCode">
           <el-select v-model="form.messageTypeCode" clearable placeholder="请选择车辆报文类型编码">
@@ -112,10 +40,48 @@
         <el-form-item label="结束位下标" prop="messageEndIndex">
           <el-input v-model="form.messageEndIndex" placeholder="请输入结束位下标" />
         </el-form-item>
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+      </el-form>
+
+      <el-tabs @tab-click="handleTypeTabClick" >
+        <el-tab-pane
+          v-for="(item, index) in options"
+          :key="item.value"
+          :label="item.label"
+          :name="item.value"
+        >
+
+          <el-table v-loading="loading" :data="messageList" @selection-change="handleSelectionChange">
+            <el-table-column type="selection" width="55" align="center" />
+            <el-table-column label="车辆报文类型编码" align="center" prop="messageTypeCode" />
+            <el-table-column label="开始位下标" align="center" prop="messageStartIndex" />
+            <el-table-column label="结束位下标" align="center" prop="messageEndIndex" />
+            <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+              <template slot-scope="scope">
+                <el-button
+                  size="mini"
+                  type="text"
+                  icon="el-icon-delete"
+                  @click="handleDelete(scope.row)"
+                  v-hasPermi="['message:message:remove']"
+                >删除</el-button>
+              </template>
+            </el-table-column>
+          </el-table>
+        </el-tab-pane>
+      </el-tabs>
+        </el-tab-pane>
+      </el-tabs>
+
+    <el-dialog title="添加模板" :visible.sync="dialogFormVisible">
+      <el-form :model="modelCodes">
+        <el-form-item label="活动名称">
+          <el-input v-model="modelCodes" autocomplete="off"></el-input>
+        </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="submitForm">确 定</el-button>
-        <el-button @click="cancel">取 消</el-button>
+        <el-button @click="dialogFormVisible = false">取 消</el-button>
+        <el-button type="primary" @click="addTab">确 定</el-button>
       </div>
     </el-dialog>
   </div>
@@ -129,6 +95,25 @@ export default {
   name: "Message",
   data() {
     return {
+      options: [
+        {
+          value: 'identification',
+          label: '车辆基础'
+        },
+        {
+          value: 'information',
+          label: '车辆数据'
+        },
+        {
+          value: 'status',
+          label: '设备状态'
+        }
+      ],
+      dialogFormVisible: false,
+      tabPosition:'left',
+      editableTabsValue: '',
+      editableTabs: [],
+      tabIndex: '',
       // 遮罩层
       loading: true,
       // 选中数组
@@ -163,28 +148,60 @@ export default {
         messageName: null,
         messageType: null
       },
+      modelCodes:'',
     };
   },
   created() {
     this.getList();
     this.getTypeList();
+    this.getListCopy();
   },
   methods: {
+    addTab() {
+      let newTabName = ++this.tabIndex + '';
+      this.editableTabs.push({
+        modelCode: this.modelCodes,
+        content: 'New Tab content'
+      });
+      this.editableTabsValue = newTabName;
+      this.dialogFormVisible=false
+    },
+    handleTabClick(tab){
+      this.queryParams.modelCode = tab.name
+      this.form.modelCode = tab.name
+      this.getList()
+    },
+    handleTypeTabClick(tab){
+      console.log(tab.name)
+      this.queryParams.messageType = tab.name
+      this.getList()
+    },
     /** 查询车辆报文类型列表 */
     getTypeList() {
       this.loading = true;
       listMessageType(this.queryTypeParams).then(response => {
-        console.log(response)
         this.messageTypeList = response.data;
         this.loading = false;
       });
     },
+    getListCopy() {
+      this.loading = true;
+      listMessage(this.queryParams).then(response => {
+        this.messageList = response.data;
+        const uniqueSysLeixingpick = new Map();
+        response.data.forEach(item => {
+          uniqueSysLeixingpick.set(item.modelCode, item);
+        });
+        // 将 Map 的值（即去重后的对象）转换回数组
+        this.editableTabs = Array.from(uniqueSysLeixingpick.values()) ;
+        this.loading = false;
+      });
+    },
     /** 查询车辆报文记录列表 */
     getList() {
       this.loading = true;
       listMessage(this.queryParams).then(response => {
         this.messageList = response.data;
-        this.total = response.data.total;
         this.loading = false;
       });
     },
@@ -220,40 +237,12 @@ export default {
       this.single = selection.length!==1
       this.multiple = !selection.length
     },
-    /** 新增按钮操作 */
-    handleAdd() {
-      this.reset();
-      this.open = true;
-      this.title = "添加车辆报文记录";
-    },
-    /** 修改按钮操作 */
-    handleUpdate(row) {
-      this.reset();
-      const id = row.id || this.ids
-      getMessage(id).then(response => {
-        this.form = response.data;
-        this.open = true;
-        this.title = "修改车辆报文记录";
-      });
-    },
     /** 提交按钮 */
     submitForm() {
-      this.$refs["form"].validate(valid => {
-        if (valid) {
-          if (this.form.id != null) {
-            updateMessage(this.form).then(response => {
-              this.$modal.msgSuccess("修改成功");
-              this.open = false;
-              this.getList();
-            });
-          } else {
-            addMessage(this.form).then(response => {
-              this.$modal.msgSuccess("新增成功");
-              this.open = false;
-              this.getList();
-            });
-          }
-        }
+      addMessage(this.form).then(response => {
+        this.$modal.msgSuccess("新增成功");
+        this.open = false;
+        this.getList();
       });
     },
     /** 删除按钮操作 */