[2.13.0]消息盒子司机端

2022-11-30 09:04:42 +08:00
parent d1e7a80119
commit 2f9034a1ac
33 changed files with 1336 additions and 50 deletions
--- a/core/function-impl/mogo-core-function-hmi/src/main/java/com/mogo/eagle/core/function/hmi/ui/MoGoHmiFragment.kt
+++ b/core/function-impl/mogo-core-function-hmi/src/main/java/com/mogo/eagle/core/function/hmi/ui/MoGoHmiFragment.kt
@@ -296,6 +296,17 @@ class MoGoHmiFragment : MvpFragment<MoGoHmiContract.View?, HmiPresenter?>(),
                }
            }
        }
+
+        cbMsgBox.setOnCheckedChangeListener { _, isChecked ->
+            if(isChecked){
+                viewDriverMsgBoxList.visibility = View.VISIBLE
+                viewDriverMsgBoxBubble.visibility = View.GONE
+            }else{
+                viewDriverMsgBoxList.visibility = View.GONE
+                viewDriverMsgBoxBubble.visibility = View.VISIBLE
+            }
+        }
+
    }

    @OptIn(ExperimentalCoroutinesApi::class)
@@ -323,14 +334,6 @@ class MoGoHmiFragment : MvpFragment<MoGoHmiContract.View?, HmiPresenter?>(),

    override fun onAutopilotRecordResult(recordPanel: RecordPanelOuterClass.RecordPanel) {
        CallerLogger.d("$M_HMI$TAG", "recordKey=${recordPanel.key},stat=${recordPanel.stat}")
-        CallerMsgBoxManager.saveMsgBox(
-            MsgBoxBean(
-                MsgBoxType.RECORD, RecordBagMsg(
-                    recordPanel.key, recordPanel.stat, recordPanel.id,
-                    recordPanel.type, recordPanel.filename, recordPanel.note
-                )
-            )
-        )
        if (BadCaseConfig.recordKeyList.contains(recordPanel.key)) {
            if (recordPanel.stat == 100 || recordPanel.stat == 101) {
                //成功结束录制
@@ -369,7 +372,14 @@ class MoGoHmiFragment : MvpFragment<MoGoHmiContract.View?, HmiPresenter?>(),
        if (!FunctionBuildConfig.isDemoMode && (recordPanel.stat == 100 || recordPanel.stat == 101) && recordPanel.type != 2) {
            //只在司机屏生效，乘客屏不生效
            if (AppIdentityModeUtils.isDriver(FunctionBuildConfig.appIdentityMode)) {
-                activity?.let { CallerDevaToolsManager.onReceiveBadCaseRecord(recordPanel, it) }
+                CallerMsgBoxManager.saveMsgBox(
+                    MsgBoxBean(
+                        MsgBoxType.RECORD, RecordBagMsg(
+                            recordPanel.key, recordPanel.stat, recordPanel.id,
+                            recordPanel.type, recordPanel.filename, recordPanel.note
+                        )
+                    )
+                )
            }
        }
        if (!FunctionBuildConfig.isDemoMode && recordPanel.type == 2 && (
--- a/core/function-impl/mogo-core-function-hmi/src/main/java/com/mogo/eagle/core/function/hmi/ui/msgbox/DriverMsgBoxBubbleView.kt
+++ b/core/function-impl/mogo-core-function-hmi/src/main/java/com/mogo/eagle/core/function/hmi/ui/msgbox/DriverMsgBoxBubbleView.kt
@@ -0,0 +1,74 @@
+package com.mogo.eagle.core.function.hmi.ui.msgbox
+
+import android.content.Context
+import android.util.AttributeSet
+import android.util.Log
+import android.view.LayoutInflater
+import androidx.constraintlayout.widget.ConstraintLayout
+import androidx.recyclerview.widget.LinearLayoutManager
+import com.mogo.eagle.core.data.msgbox.MsgBoxBean
+import com.mogo.eagle.core.data.msgbox.MsgBoxType
+import com.mogo.eagle.core.data.msgbox.MsgCategory
+import com.mogo.eagle.core.data.msgbox.OperationMsg
+import com.mogo.eagle.core.function.api.msgbox.IMsgBoxListener
+import com.mogo.eagle.core.function.call.msgbox.CallerMsgBoxListenerManager
+import com.mogo.eagle.core.function.hmi.R
+import com.mogo.eagle.core.function.hmi.ui.msgbox.adapter.DriverMsgBoxBubbleAdapter
+import kotlinx.android.synthetic.main.layout_driver_msg_box_bubble.view.*
+
+/**
+ * @author XuXinChao
+ * @description 司机端消息盒子气泡视图
+ * @since: 2022/11/25
+ */
+class DriverMsgBoxBubbleView @JvmOverloads constructor(
+    context: Context,
+    attrs: AttributeSet? = null,
+    defStyleAttr: Int = 0
+) : ConstraintLayout(context, attrs, defStyleAttr), IMsgBoxListener {
+
+    init {
+        LayoutInflater.from(context).inflate(R.layout.layout_driver_msg_box_bubble, this, true)
+        initView()
+    }
+
+    var driverMsgBoxBubbleAdapter: DriverMsgBoxBubbleAdapter ?=null
+
+    private val TAG =  "DriverMsgBoxBubbleView"
+
+    private fun initView() {
+        val linearLayoutManager = LinearLayoutManager(context)
+        linearLayoutManager.orientation = LinearLayoutManager.VERTICAL
+        linearLayoutManager.stackFromEnd = true
+        linearLayoutManager.reverseLayout = true
+        driverMsgBoxBubbleAdapter = DriverMsgBoxBubbleAdapter()
+        rvBubbleList.adapter = driverMsgBoxBubbleAdapter
+        rvBubbleList.layoutManager = linearLayoutManager
+    }
+
+    override fun onDataChanged(category: MsgCategory, msgBoxList: MsgBoxBean) {
+
+    }
+
+    override fun onAttachedToWindow() {
+        super.onAttachedToWindow()
+        CallerMsgBoxListenerManager.addListener(TAG,this)
+    }
+
+    override fun onDetachedFromWindow() {
+        super.onDetachedFromWindow()
+        CallerMsgBoxListenerManager.removeListener(TAG)
+    }
+
+//    fun setData(){
+//        val list :ArrayList<MsgBoxBean> = ArrayList()
+//        val one = MsgBoxBean(MsgBoxType.OPERATION, OperationMsg(System.currentTimeMillis(),"测试"))
+//        val two = MsgBoxBean(MsgBoxType.OPERATION, OperationMsg(System.currentTimeMillis(),"测试"))
+//        val three = MsgBoxBean(MsgBoxType.OPERATION, OperationMsg(System.currentTimeMillis(),"测试"))
+//        list.add(one)
+//        list.add(two)
+//        list.add(three)
+//        driverMsgBoxBubbleAdapter?.setData(list)
+//    }
+
+}
--- a/core/function-impl/mogo-core-function-hmi/src/main/java/com/mogo/eagle/core/function/hmi/ui/msgbox/DriverMsgBoxListView.kt
+++ b/core/function-impl/mogo-core-function-hmi/src/main/java/com/mogo/eagle/core/function/hmi/ui/msgbox/DriverMsgBoxListView.kt
@@ -0,0 +1,154 @@
+package com.mogo.eagle.core.function.hmi.ui.msgbox
+
+import android.app.Activity
+import android.content.Context
+import android.util.AttributeSet
+import android.view.LayoutInflater
+import android.view.View
+import androidx.constraintlayout.widget.ConstraintLayout
+import androidx.recyclerview.widget.LinearLayoutManager
+import com.mogo.eagle.core.data.enums.EventTypeEnum
+import com.mogo.eagle.core.data.msgbox.MsgBoxBean
+import com.mogo.eagle.core.data.msgbox.MsgBoxType
+import com.mogo.eagle.core.data.msgbox.OperationMsg
+import com.mogo.eagle.core.data.msgbox.RecordBagMsg
+import com.mogo.eagle.core.data.notice.NoticeNormalData
+import com.mogo.eagle.core.data.report.ReportEntity
+import com.mogo.eagle.core.function.call.msgbox.CallerMsgBoxManager
+import com.mogo.eagle.core.function.hmi.R
+import com.mogo.eagle.core.function.hmi.ui.msgbox.adapter.DriverMsgBoxListAdapter
+import kotlinx.android.synthetic.main.layout_driver_msg_box_list.view.*
+
+/**
+ * @author XuXinChao
+ * @description 司机端消息盒子打开列表视图
+ * @since: 2022/11/25
+ */
+class DriverMsgBoxListView @JvmOverloads constructor(
+    context: Context,
+    attrs: AttributeSet? = null,
+    defStyleAttr: Int = 0
+) : ConstraintLayout(context, attrs, defStyleAttr){
+
+    init {
+        LayoutInflater.from(context).inflate(R.layout.layout_driver_msg_box_list, this, true)
+        initView()
+    }
+
+    private fun initView() {
+        val driverMsgBoxListAdapter= DriverMsgBoxListAdapter(context as Activity)
+        rvMsgBoxList.adapter = driverMsgBoxListAdapter
+        rvMsgBoxList.layoutManager = LinearLayoutManager(context)
+
+        //通知
+        tvMsgNotice.setOnClickListener {
+            tvMsgNotice.setTextColor(resources.getColor(R.color.msg_box_title_color))
+            tvMsgIpcReport.setTextColor(resources.getColor(R.color.color_FFFFFF))
+            tvMsgBadCase.setTextColor(resources.getColor(R.color.color_FFFFFF))
+            viewNoticeDivider.visibility = View.VISIBLE
+            viewIpcReportDivider.visibility = View.GONE
+            viewBadCaseDivider.visibility = View.GONE
+            //获取通知消息列表
+            val noticeList: List<MsgBoxBean>? = CallerMsgBoxManager.getCachedNotifyData()
+
+//            val nList: ArrayList<MsgBoxBean> = ArrayList()
+//            val one = MsgBoxBean(MsgBoxType.OPERATION, OperationMsg(System.currentTimeMillis(),"通知1",2))
+//            val two = MsgBoxBean(MsgBoxType.OPERATION, OperationMsg(System.currentTimeMillis(),"通知2",2))
+//            val three = MsgBoxBean(MsgBoxType.OPERATION, OperationMsg(System.currentTimeMillis(),"通知3",2))
+//            val four = MsgBoxBean(MsgBoxType.OPERATION, OperationMsg(System.currentTimeMillis(),"通知4",2))
+//            val five = MsgBoxBean(MsgBoxType.OPERATION, OperationMsg(System.currentTimeMillis(),"通知5",2))
+//            val normalData = NoticeNormalData()
+//            normalData.content = "测试数据"
+//            val six = MsgBoxBean(MsgBoxType.NOTICE, normalData)
+//
+//            nList.add(one)
+//            nList.add(two)
+//            nList.add(three)
+//            nList.add(four)
+//            nList.add(five)
+//            nList.add(six)
+//            driverMsgBoxListAdapter.setData(nList)
+        }
+        //车辆系统信息
+        tvMsgIpcReport.setOnClickListener {
+            tvMsgNotice.setTextColor(resources.getColor(R.color.color_FFFFFF))
+            tvMsgIpcReport.setTextColor(resources.getColor(R.color.msg_box_title_color))
+            tvMsgBadCase.setTextColor(resources.getColor(R.color.color_FFFFFF))
+            viewNoticeDivider.visibility = View.GONE
+            viewIpcReportDivider.visibility = View.VISIBLE
+            viewBadCaseDivider.visibility = View.GONE
+
+            //获取车辆系统信息列表
+            val ipcReportList: List<MsgBoxBean>? = CallerMsgBoxManager.getCachedSysInfoData()
+
+//            val ipcList: ArrayList<MsgBoxBean> = ArrayList()
+//            val resultList:ArrayList<String> = ArrayList()
+//            resultList.add("RESULT_AUTOPILOT_DISABLE")
+//            val result:ArrayList<String> = ArrayList()
+//            result.add("RESULT_AUTOPILOT_INFERIOR")
+//            val one = ReportEntity(System.currentTimeMillis().toString(),"","","自动驾驶失败1","code",
+//                resultList,resultList)
+//            val beanOne = MsgBoxBean(MsgBoxType.REPORT,one)
+//            beanOne.timestamp = System.currentTimeMillis()
+//            val two = ReportEntity(System.currentTimeMillis().toString(),"","","自动驾驶失败2","code",
+//                resultList,resultList)
+//            val beanTwo = MsgBoxBean(MsgBoxType.REPORT,two)
+//            beanTwo.timestamp = System.currentTimeMillis()
+//            val three = ReportEntity(System.currentTimeMillis().toString(),"","","自动驾驶失败3","code",
+//                resultList,resultList)
+//            val beanThree = MsgBoxBean(MsgBoxType.REPORT,three)
+//            beanThree.timestamp = System.currentTimeMillis()
+//            val four = ReportEntity(System.currentTimeMillis().toString(),"","","自动驾驶失败4","code",
+//                resultList,resultList)
+//            val beanFour = MsgBoxBean(MsgBoxType.REPORT,four)
+//            beanFour.timestamp = System.currentTimeMillis()
+//            val five = ReportEntity(System.currentTimeMillis().toString(),"","","自动驾驶失败5","code",
+//                result,result)
+//            val beanFive = MsgBoxBean(MsgBoxType.REPORT,five)
+//            beanFive.timestamp = System.currentTimeMillis()
+//            ipcList.add(beanOne)
+//            ipcList.add(beanTwo)
+//            ipcList.add(beanThree)
+//            ipcList.add(beanFour)
+//            ipcList.add(beanFive)
+//            driverMsgBoxListAdapter.setData(ipcList)
+        }
+        //录包
+        tvMsgBadCase.setOnClickListener {
+            tvMsgNotice.setTextColor(resources.getColor(R.color.color_FFFFFF))
+            tvMsgIpcReport.setTextColor(resources.getColor(R.color.color_FFFFFF))
+            tvMsgBadCase.setTextColor(resources.getColor(R.color.msg_box_title_color))
+            viewNoticeDivider.visibility = View.GONE
+            viewIpcReportDivider.visibility = View.GONE
+            viewBadCaseDivider.visibility = View.VISIBLE
+
+            //获取录包信息列表
+//            val badCaseList: List<MsgBoxBean>? = CallerMsgBoxManager.getCachedRecordBagData()
+//            badCaseList?.let {
+//                driverMsgBoxListAdapter.setData(it)
+//            }
+
+//            val list : ArrayList<MsgBoxBean> = ArrayList()
+//            val one = MsgBoxBean(MsgBoxType.RECORD, RecordBagMsg(3457774,1,235,2,"",""))
+//            one.timestamp = System.currentTimeMillis()
+//            val two = MsgBoxBean(MsgBoxType.RECORD, RecordBagMsg(3457774,1,235,2,"",""))
+//            two.timestamp = System.currentTimeMillis()
+//            val three = MsgBoxBean(MsgBoxType.RECORD, RecordBagMsg(3457774,1,235,2,"",""))
+//            three.timestamp = System.currentTimeMillis()
+//            val four = MsgBoxBean(MsgBoxType.RECORD, RecordBagMsg(3457774,1,235,2,"",""))
+//            four.timestamp = System.currentTimeMillis()
+//            val five = MsgBoxBean(MsgBoxType.RECORD, RecordBagMsg(3457774,1,235,2,"",""))
+//            five.timestamp = System.currentTimeMillis()
+//
+//            list.add(one)
+//            list.add(two)
+//            list.add(three)
+//            list.add(four)
+//            list.add(five)
+//            driverMsgBoxListAdapter.setData(list)
+        }
+
+    }
+
+
+}
--- a/core/function-impl/mogo-core-function-hmi/src/main/java/com/mogo/eagle/core/function/hmi/ui/msgbox/adapter/DriverMsgBoxBubbleAdapter.kt
+++ b/core/function-impl/mogo-core-function-hmi/src/main/java/com/mogo/eagle/core/function/hmi/ui/msgbox/adapter/DriverMsgBoxBubbleAdapter.kt
@@ -0,0 +1,116 @@
+package com.mogo.eagle.core.function.hmi.ui.msgbox.adapter
+
+import android.os.CountDownTimer
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import android.widget.TextView
+import androidx.recyclerview.widget.RecyclerView
+import com.mogo.eagle.core.data.msgbox.MsgBoxBean
+import com.mogo.eagle.core.data.msgbox.MsgBoxType
+import com.mogo.eagle.core.data.msgbox.OperationMsg
+import com.mogo.eagle.core.data.report.ReportEntity
+import com.mogo.eagle.core.function.call.autopilot.CallerAutoPilotManager
+import com.mogo.eagle.core.function.call.msgbox.CallerMsgBoxManager
+import com.mogo.eagle.core.function.hmi.R
+import com.mogo.eagle.core.utilcode.util.TimeUtils
+import com.mogo.eagle.core.utilcode.util.TimeUtils.getHourMinFormat
+
+/**
+ * @author XuXinChao
+ * @description 司机端消息盒子气泡视图RecyclerView适配器
+ * @since: 2022/11/25
+ */
+class DriverMsgBoxBubbleAdapter : RecyclerView.Adapter<RecyclerView.ViewHolder>(){
+
+    private var data: ArrayList<MsgBoxBean> ?= null
+
+    private val operation: Int = 1
+    private val notice: Int = 2
+    private val v2x: Int = 3
+    private val obu: Int = 4
+    private val report: Int = 5
+    private val record: Int = 6
+    private val traffic: Int = 7
+
+    var countDownTimer: CountDownTimer?=null
+
+    fun setData(data: ArrayList<MsgBoxBean>){
+        this.data = data
+        notifyDataSetChanged()
+    }
+
+    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): RecyclerView.ViewHolder {
+        if(viewType == operation){
+            val view = LayoutInflater.from(parent.context).inflate(R.layout.item_msg_bubble_operation,parent,false)
+            return BubbleOperationHolder(view)
+        }else{
+            val view = LayoutInflater.from(parent.context).inflate(R.layout.item_msg_bubble_report,parent,false)
+            return BubbleReportHolder(view)
+        }
+    }
+
+    override fun onBindViewHolder(holder: RecyclerView.ViewHolder, position: Int) {
+        if(holder is BubbleOperationHolder){
+            data?.let {
+                val operationMsg = it[position].bean as OperationMsg
+                holder.tvBubbleOperationTime.text = TimeUtils.millis2String(it[position].timestamp,getHourMinFormat())
+                holder.tvBubbleOperationContent.text = operationMsg.content
+            }
+        }else if(holder is BubbleReportHolder){
+            data?.let {
+                val reportEntity = it[position].bean as ReportEntity
+                holder.tvBubbleReportTime.text = "时间：${TimeUtils.millis2String(it[position].timestamp)}"
+                holder.tvBubbleReceiveTime.text = TimeUtils.millis2String(it[position].timestamp,getHourMinFormat())
+                var resultStr = "类型："
+                for (result in reportEntity.resultList){
+                    resultStr = "${resultStr}${CallerAutoPilotManager.getReportResultDesc(result)}"
+                }
+                holder.tvBubbleReportType.text = resultStr
+            }
+        }
+
+        val msgBoxBean: MsgBoxBean = data!![position]
+        countDownTimer =object: CountDownTimer(CallerMsgBoxManager.getDismissTime(),1000){
+            override fun onTick(p0: Long) {
+
+            }
+
+            override fun onFinish() {
+                data?.remove(msgBoxBean)
+                notifyDataSetChanged()
+//                    notifyItemRemoved(index)
+//                    notifyItemRangeChanged(index,recordTypeEntity.size-index)
+            }
+
+        }
+        countDownTimer?.start()
+
+    }
+
+    override fun getItemCount() = data?.size ?: 0
+
+    override fun getItemViewType(position: Int): Int {
+        if(data!![position].type == MsgBoxType.OPERATION){
+            return operation
+        }else{
+            return report
+        }
+    }
+
+    //车辆系统信息
+    class BubbleReportHolder(itemView: View): RecyclerView.ViewHolder(itemView){
+        var tvBubbleReportTime: TextView = itemView.findViewById(R.id.tvBubbleReportTime)
+        var tvBubbleReportType: TextView = itemView.findViewById(R.id.tvBubbleReportType)
+        var tvBubbleReceiveTime: TextView = itemView.findViewById(R.id.tvBubbleReceiveTime)
+    }
+
+    //运营平台
+    class BubbleOperationHolder(itemView: View): RecyclerView.ViewHolder(itemView){
+        var tvBubbleOperationTime: TextView = itemView.findViewById(R.id.tvBubbleOperationTime)
+        var tvBubbleOperationContent: TextView = itemView.findViewById(R.id.tvBubbleOperationContent)
+    }
+
+
+
+}
--- a/core/function-impl/mogo-core-function-hmi/src/main/java/com/mogo/eagle/core/function/hmi/ui/msgbox/adapter/DriverMsgBoxListAdapter.kt
+++ b/core/function-impl/mogo-core-function-hmi/src/main/java/com/mogo/eagle/core/function/hmi/ui/msgbox/adapter/DriverMsgBoxListAdapter.kt
@@ -0,0 +1,230 @@
+package com.mogo.eagle.core.function.hmi.ui.msgbox.adapter
+
+import android.annotation.SuppressLint
+import android.app.Activity
+import android.util.Log
+import android.view.LayoutInflater
+import android.view.MenuItem
+import android.view.View
+import android.view.ViewGroup
+import android.widget.ImageView
+import android.widget.TextView
+import androidx.core.view.isVisible
+import androidx.recyclerview.widget.RecyclerView
+import com.mogo.eagle.core.data.msgbox.MsgBoxBean
+import com.mogo.eagle.core.data.msgbox.MsgBoxType
+import com.mogo.eagle.core.data.msgbox.OperationMsg
+import com.mogo.eagle.core.data.msgbox.RecordBagMsg
+import com.mogo.eagle.core.data.notice.NoticeNormalData
+import com.mogo.eagle.core.data.report.ReportEntity
+import com.mogo.eagle.core.function.call.autopilot.CallerAutoPilotManager
+import com.mogo.eagle.core.function.call.devatools.CallerDevaToolsManager
+import com.mogo.eagle.core.function.hmi.R
+import com.mogo.eagle.core.utilcode.util.ResourceUtils.getDrawable
+import com.mogo.eagle.core.utilcode.util.TimeUtils
+import com.mogo.eagle.core.utilcode.util.TimeUtils.getHourMinFormat
+import com.mogo.eagle.core.widget.RoundConstraintLayout
+
+/**
+ * @author XuXinChao
+ * @description 司机端消息盒子列表视图RecyclerView适配器
+ * @since: 2022/11/25
+ */
+class DriverMsgBoxListAdapter(private val activity: Activity) : RecyclerView.Adapter<RecyclerView.ViewHolder>(){
+
+    private var data: List<MsgBoxBean> ?= null
+
+    private val operation: Int = 1
+    private val notice: Int = 2
+    private val v2x: Int = 3
+    private val obu: Int = 4
+    private val report: Int = 5
+    private val record: Int = 6
+    private val traffic: Int = 7
+
+    //Error
+    val RESULT_AUTOPILOT_DISABLE = "RESULT_AUTOPILOT_DISABLE"
+    val RESULT_AUTOPILOT_SYSTEM_UNSTARTED = "RESULT_AUTOPILOT_SYSTEM_UNSTARTED"
+    val RESULT_REMOTEPILOT_DISABLE = "RESULT_REMOTEPILOT_DISABLE"
+
+    fun setData(data: List<MsgBoxBean>){
+        this.data = data
+        notifyDataSetChanged()
+    }
+
+    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): RecyclerView.ViewHolder {
+        if(viewType == record){
+            val view = LayoutInflater.from(parent.context).inflate(R.layout.item_bad_case,parent,false)
+            return BadCaseHolder(view)
+        }else if(viewType == report){
+            val view = LayoutInflater.from(parent.context).inflate(R.layout.item_msg_box_ipc_report,parent,false)
+            return MsgBoxIpcReportHolder(view)
+        }else if(viewType == operation){
+            val view = LayoutInflater.from(parent.context).inflate(R.layout.item_msg_box_operation,parent,false)
+            return MsgBoxOperation(view)
+        }else{
+            val view = LayoutInflater.from(parent.context).inflate(R.layout.item_msg_box_notice,parent,false)
+            return MsgBoxNotice(view)
+        }
+    }
+
+    @SuppressLint("SetTextI18n")
+    override fun onBindViewHolder(holder: RecyclerView.ViewHolder, position: Int) {
+        if(holder is BadCaseHolder){
+            data?.let {
+                holder.tvBagReceiveTime.text = TimeUtils.millis2String(it[position].timestamp,getHourMinFormat())
+                holder.tvBagRecordTime.text = "时间：${TimeUtils.millis2String(it[position].timestamp)}"
+                val recordBagMsg = (it[position].bean as RecordBagMsg)
+                holder.tvRecordCheck.setOnClickListener {
+                    //打开被动录包弹窗
+                    CallerDevaToolsManager.onReceiveBadCaseRecord(recordBagMsg.key,recordBagMsg.fileName,activity)
+                }
+            }
+        }else if(holder is MsgBoxIpcReportHolder){
+            data?.let { it ->
+                holder.tvReportTimeNormal.text = "时间：${TimeUtils.millis2String(it[position].timestamp)}"
+                holder.tvReportTimeOpen.text = "时间：${TimeUtils.millis2String(it[position].timestamp)}"
+                val reportEntity = (it[position].bean as ReportEntity)
+                if(reportEntity.resultList.contains(RESULT_AUTOPILOT_DISABLE)
+                    || reportEntity.resultList.contains(RESULT_AUTOPILOT_SYSTEM_UNSTARTED)
+                    || reportEntity.resultList.contains(RESULT_REMOTEPILOT_DISABLE)){
+                    //Error
+                    holder.ivReportImageNormal.setImageDrawable(getDrawable(R.drawable.icon_report_error_normal))
+                    holder.ivReportImageOpen.setImageDrawable(getDrawable(R.drawable.icon_report_error_open))
+                    holder.tvReportLevelNormal.text = "Error"
+                    holder.tvReportLevelOpen.text = "Error"
+                }else{
+                    //Warning
+                    holder.ivReportImageNormal.setImageDrawable(getDrawable(R.drawable.icon_report_warning_normal))
+                    holder.ivReportImageOpen.setImageDrawable(getDrawable(R.drawable.icon_report_warning_open))
+                    holder.tvReportLevelNormal.text = "Warning"
+                    holder.tvReportLevelOpen.text = "Warning"
+                }
+                holder.tvReportTimeNormal.text = "时间：${TimeUtils.millis2String(it[position].timestamp)}"
+                holder.tvReportTimeOpen.text = "时间：${TimeUtils.millis2String(it[position].timestamp)}"
+                var resultStr = "类型："
+                for (result in reportEntity.resultList){
+                    resultStr = "${resultStr}${CallerAutoPilotManager.getReportResultDesc(result)}"
+                }
+                holder.tvReportTypeNormal.text = resultStr
+                holder.tvReportTypeOpen.text = resultStr
+                holder.tvReportReasonOpen.text = "原因：${reportEntity.msg}"
+                holder.tvStatusSelect.setOnClickListener {
+                    if(holder.tvReportLevelNormal.isVisible){
+                        holder.ivReportImageNormal.visibility = View.GONE
+                        holder.tvReportLevelNormal.visibility = View.GONE
+                        holder.tvReportTimeNormal.visibility = View.GONE
+                        holder.tvReportTypeNormal.visibility = View.GONE
+
+                        holder.ivReportImageOpen.visibility = View.VISIBLE
+                        holder.tvReportLevelOpen.visibility = View.VISIBLE
+                        holder.tvReportTimeOpen.visibility = View.VISIBLE
+                        holder.tvReportTypeOpen.visibility = View.VISIBLE
+                        holder.tvReportReasonOpen.visibility = View.VISIBLE
+                    }else{
+                        holder.ivReportImageNormal.visibility = View.VISIBLE
+                        holder.tvReportLevelNormal.visibility = View.VISIBLE
+                        holder.tvReportTimeNormal.visibility = View.VISIBLE
+                        holder.tvReportTypeNormal.visibility = View.VISIBLE
+
+                        holder.ivReportImageOpen.visibility = View.GONE
+                        holder.tvReportLevelOpen.visibility = View.GONE
+                        holder.tvReportTimeOpen.visibility = View.GONE
+                        holder.tvReportTypeOpen.visibility = View.GONE
+                        holder.tvReportReasonOpen.visibility = View.GONE
+                    }
+                }
+            }
+        }else if(holder is MsgBoxOperation){
+            data?.let {
+                val operationMsg = it[position].bean as OperationMsg
+                holder.tvOperationContentNormal.text = operationMsg.content
+                holder.tvOperationContentOpen.text = operationMsg.content
+                holder.tvOperationTime.text = TimeUtils.millis2String(operationMsg.timestamp,getHourMinFormat())
+                holder.tvOperationStatusSelect.setOnClickListener {
+                    if(holder.ivOperationImageNormal.isVisible){
+                        holder.ivOperationImageNormal.visibility = View.GONE
+                        holder.tvOperationTitleNormal.visibility = View.GONE
+                        holder.tvOperationContentNormal.visibility = View.GONE
+
+                        holder.ivOperationImageOpen.visibility = View.VISIBLE
+                        holder.tvOperationTitleOpen.visibility = View.VISIBLE
+                        holder.tvOperationContentOpen.visibility = View.VISIBLE
+                    }else{
+                        holder.ivOperationImageNormal.visibility = View.VISIBLE
+                        holder.tvOperationTitleNormal.visibility = View.VISIBLE
+                        holder.tvOperationContentNormal.visibility = View.VISIBLE
+
+                        holder.ivOperationImageOpen.visibility = View.GONE
+                        holder.tvOperationTitleOpen.visibility = View.GONE
+                        holder.tvOperationContentOpen.visibility = View.GONE
+                    }
+                }
+            }
+        }else if(holder is MsgBoxNotice){
+            data?.let {
+                val noticeNormalData = it[position].bean as NoticeNormalData
+                holder.tvNoticeTime.text = TimeUtils.millis2String(it[position].timestamp,getHourMinFormat())
+                holder.tvNoticeContent.text = noticeNormalData.content
+            }
+        }
+    }
+
+    override fun getItemCount() = data?.size ?: 0
+
+
+    override fun getItemViewType(position: Int): Int {
+       return when(data!![position].type){
+           MsgBoxType.OPERATION -> operation
+           MsgBoxType.NOTICE -> notice
+           MsgBoxType.V2X -> v2x
+           MsgBoxType.OBU -> obu
+           MsgBoxType.REPORT -> report
+           MsgBoxType.RECORD -> record
+           MsgBoxType.TRAFFIC -> traffic
+       }
+    }
+
+    //录包实体
+    class BadCaseHolder(itemView: View): RecyclerView.ViewHolder(itemView){
+        var tvBagRecordTime: TextView= itemView.findViewById(R.id.tvBagRecordTime)
+        var tvBagReceiveTime: TextView = itemView.findViewById(R.id.tvBagReceiveTime)
+        var tvRecordCheck: TextView = itemView.findViewById(R.id.tvRecordCheck)
+    }
+
+    //车辆系统信息
+    class MsgBoxIpcReportHolder(itemView: View): RecyclerView.ViewHolder(itemView){
+        var ivReportImageNormal: ImageView = itemView.findViewById(R.id.ivReportImageNormal)
+        var tvReportLevelNormal: TextView = itemView.findViewById(R.id.tvReportLevelNormal)
+        var tvReportTimeNormal: TextView = itemView.findViewById(R.id.tvReportTimeNormal)
+        var tvReportTypeNormal: TextView = itemView.findViewById(R.id.tvReportTypeNormal)
+        var tvStatusSelect: TextView = itemView.findViewById(R.id.tvStatusSelect)
+        var ivReportImageOpen: ImageView = itemView.findViewById(R.id.ivReportImageOpen)
+        var tvReportLevelOpen: TextView = itemView.findViewById(R.id.tvReportLevelOpen)
+        var tvReportTimeOpen: TextView = itemView.findViewById(R.id.tvReportTimeOpen)
+        var tvReportTypeOpen: TextView = itemView.findViewById(R.id.tvReportTypeOpen)
+        var tvReportReasonOpen: TextView = itemView.findViewById(R.id.tvReportReasonOpen)
+    }
+
+    //运营平台
+    class MsgBoxOperation(itemView: View): RecyclerView.ViewHolder(itemView){
+        var ivOperationImageNormal: ImageView = itemView.findViewById(R.id.ivOperationImageNormal)
+        var tvOperationTitleNormal: TextView = itemView.findViewById(R.id.tvOperationTitleNormal)
+        var tvOperationContentNormal: TextView = itemView.findViewById(R.id.tvOperationContentNormal)
+        var tvOperationStatusSelect: TextView = itemView.findViewById(R.id.tvOperationStatusSelect)
+        var tvOperationTime: TextView = itemView.findViewById(R.id.tvOperationTime)
+        var ivOperationImageOpen: ImageView = itemView.findViewById(R.id.ivOperationImageOpen)
+        var tvOperationTitleOpen: TextView = itemView.findViewById(R.id.tvOperationTitleOpen)
+        var tvOperationContentOpen: TextView = itemView.findViewById(R.id.tvOperationContentOpen)
+    }
+
+    //Notice
+    class MsgBoxNotice(itemView: View): RecyclerView.ViewHolder(itemView){
+        var ivNoticeImage: ImageView = itemView.findViewById(R.id.ivNoticeImage)
+        var tvNoticeTime: TextView = itemView.findViewById(R.id.tvNoticeTime)
+        var tvNoticeContent: TextView = itemView.findViewById(R.id.tvNoticeContent)
+    }
+
+
+
+}
--- a/core/function-impl/mogo-core-function-hmi/src/main/res/drawable-xhdpi/icon_bad_case.png
+++ b/core/function-impl/mogo-core-function-hmi/src/main/res/drawable-xhdpi/icon_bad_case.png
--- a/core/function-impl/mogo-core-function-hmi/src/main/res/drawable-xhdpi/icon_msg_box_close.png
+++ b/core/function-impl/mogo-core-function-hmi/src/main/res/drawable-xhdpi/icon_msg_box_close.png
--- a/core/function-impl/mogo-core-function-hmi/src/main/res/drawable-xhdpi/icon_msg_box_open.png
+++ b/core/function-impl/mogo-core-function-hmi/src/main/res/drawable-xhdpi/icon_msg_box_open.png
--- a/core/function-impl/mogo-core-function-hmi/src/main/res/drawable-xhdpi/icon_msg_box_operation.png
+++ b/core/function-impl/mogo-core-function-hmi/src/main/res/drawable-xhdpi/icon_msg_box_operation.png
--- a/core/function-impl/mogo-core-function-hmi/src/main/res/drawable-xhdpi/icon_report_error_normal.png
+++ b/core/function-impl/mogo-core-function-hmi/src/main/res/drawable-xhdpi/icon_report_error_normal.png
--- a/core/function-impl/mogo-core-function-hmi/src/main/res/drawable-xhdpi/icon_report_error_open.png
+++ b/core/function-impl/mogo-core-function-hmi/src/main/res/drawable-xhdpi/icon_report_error_open.png
--- a/core/function-impl/mogo-core-function-hmi/src/main/res/drawable-xhdpi/icon_report_warning_normal.png
+++ b/core/function-impl/mogo-core-function-hmi/src/main/res/drawable-xhdpi/icon_report_warning_normal.png
--- a/core/function-impl/mogo-core-function-hmi/src/main/res/drawable-xhdpi/icon_report_warning_open.png
+++ b/core/function-impl/mogo-core-function-hmi/src/main/res/drawable-xhdpi/icon_report_warning_open.png
--- a/core/function-impl/mogo-core-function-hmi/src/main/res/drawable/bg_msg_box_divider.xml
+++ b/core/function-impl/mogo-core-function-hmi/src/main/res/drawable/bg_msg_box_divider.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android">
+    <solid android:color="#30B8FF"/>
+    <corners android:radius="4dp"/>
+</shape>
--- a/core/function-impl/mogo-core-function-hmi/src/main/res/drawable/selector_msg_box.xml
+++ b/core/function-impl/mogo-core-function-hmi/src/main/res/drawable/selector_msg_box.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:drawable="@drawable/icon_msg_box_close" android:state_checked="false" />
+    <item android:drawable="@drawable/icon_msg_box_open" android:state_checked="true" />
+</selector>
--- a/core/function-impl/mogo-core-function-hmi/src/main/res/layout/fragment_hmi.xml
+++ b/core/function-impl/mogo-core-function-hmi/src/main/res/layout/fragment_hmi.xml
@@ -167,7 +167,6 @@
            android:layout_height="120dp"
            android:layout_marginTop="30dp"
            android:layout_marginEnd="40dp"
-
            android:background="@drawable/bg_waring_limiting_velocity"
            android:elevation="@dimen/dp_10"
            android:gravity="center"
@@ -181,6 +180,48 @@
            app:layout_goneMarginTop="40dp"
            tools:visibility="gone" />

+        <!--消息盒子选择入口-->
+        <CheckBox
+            android:id="@+id/cbMsgBox"
+            android:layout_width="150dp"
+            android:layout_height="150dp"
+            app:layout_constraintTop_toTopOf="@id/viewLimitingVelocity"
+            app:layout_constraintBottom_toBottomOf="@id/viewLimitingVelocity"
+            app:layout_constraintRight_toLeftOf="@id/viewLimitingVelocity"
+            android:button="@null"
+            android:background="@drawable/selector_msg_box"
+            />
+
+        <View
+            android:id="@+id/MsgBoxTipView"
+            android:layout_width="8dp"
+            android:layout_height="8dp"
+            android:background="@drawable/version_upgrade_tips_background"
+            android:translationZ="30dp"
+            app:layout_constraintCircle="@id/cbMsgBox"
+            app:layout_constraintCircleAngle="40"
+            app:layout_constraintCircleRadius="32dp"
+            tools:ignore="MissingConstraints"
+            android:visibility="gone"
+            />
+
+        <com.mogo.eagle.core.function.hmi.ui.msgbox.DriverMsgBoxListView
+            android:id="@+id/viewDriverMsgBoxList"
+            android:layout_width="864px"
+            android:layout_height="746px"
+            app:layout_constraintTop_toBottomOf="@id/cbMsgBox"
+            app:layout_constraintRight_toRightOf="@id/ivCameraIcon"
+            android:visibility="gone"
+            />
+
+        <com.mogo.eagle.core.function.hmi.ui.msgbox.DriverMsgBoxBubbleView
+            android:id="@+id/viewDriverMsgBoxBubble"
+            android:layout_width="864px"
+            android:layout_height="wrap_content"
+            app:layout_constraintTop_toBottomOf="@id/cbMsgBox"
+            app:layout_constraintRight_toRightOf="@id/ivCameraIcon"
+            />
+
        <!--左右转向灯-->
        <com.mogo.eagle.core.function.hmi.ui.turnlight.TurnLightViewStatus
            android:id="@+id/turnLightView"
--- a/core/function-impl/mogo-core-function-hmi/src/main/res/layout/item_bad_case.xml
+++ b/core/function-impl/mogo-core-function-hmi/src/main/res/layout/item_bad_case.xml
@@ -0,0 +1,76 @@
+<?xml version="1.0" encoding="utf-8"?>
+<com.mogo.eagle.core.widget.RoundConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:id="@+id/layoutBadCase"
+    android:layout_width="804px"
+    android:layout_height="160px"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    android:background="#1B2966"
+    app:roundLayoutRadius="24px"
+    android:layout_gravity="center_horizontal"
+    android:layout_marginStart="30px"
+    android:layout_marginEnd="30px"
+    android:layout_marginTop="5px"
+    android:layout_marginBottom="5px"
+    android:clickable="true"
+    >
+
+    <ImageView
+        android:id="@+id/ivBadCaseImage"
+        android:layout_width="110px"
+        android:layout_height="110px"
+        android:src="@drawable/icon_bad_case"
+        app:layout_constraintTop_toTopOf="parent"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintLeft_toLeftOf="parent"
+        android:layout_marginStart="25px"
+        />
+
+    <TextView
+        android:id="@+id/tvRecordTip"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        app:layout_constraintTop_toTopOf="@id/ivBadCaseImage"
+        app:layout_constraintLeft_toRightOf="@id/ivBadCaseImage"
+        android:text="录包提醒"
+        android:textColor="#FFFFFFFF"
+        android:textSize="32px"
+        android:layout_marginStart="25px"
+        />
+
+    <TextView
+        android:id="@+id/tvBagRecordTime"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        app:layout_constraintBottom_toBottomOf="@id/ivBadCaseImage"
+        app:layout_constraintLeft_toRightOf="@id/ivBadCaseImage"
+        android:layout_marginStart="25px"
+        android:textColor="#B3FFFFFF"
+        android:textSize="30px"
+        />
+
+    <TextView
+        android:id="@+id/tvBagReceiveTime"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        app:layout_constraintRight_toRightOf="parent"
+        app:layout_constraintTop_toTopOf="@id/tvRecordTip"
+        android:textColor="#80FFFFFF"
+        android:textSize="24px"
+        android:layout_marginEnd="15px"
+        />
+
+    <TextView
+        android:id="@+id/tvRecordCheck"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        app:layout_constraintRight_toRightOf="parent"
+        app:layout_constraintTop_toTopOf="@id/tvBagRecordTime"
+        app:layout_constraintBottom_toBottomOf="@id/tvBagRecordTime"
+        android:layout_marginEnd="15px"
+        android:text="查看"
+        android:textColor="#FFFFFFFF"
+        android:textSize="30px"
+        />
+
+
+</com.mogo.eagle.core.widget.RoundConstraintLayout>
--- a/core/function-impl/mogo-core-function-hmi/src/main/res/layout/item_msg_box_ipc_report.xml
+++ b/core/function-impl/mogo-core-function-hmi/src/main/res/layout/item_msg_box_ipc_report.xml
@@ -0,0 +1,143 @@
+<?xml version="1.0" encoding="utf-8"?>
+<com.mogo.eagle.core.widget.RoundConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="804px"
+    android:layout_height="wrap_content"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    android:background="#1B2966"
+    app:roundLayoutRadius="24px"
+    android:layout_gravity="center_horizontal"
+    android:layout_marginStart="30px"
+    android:layout_marginEnd="30px"
+    android:layout_marginTop="5px"
+    android:layout_marginBottom="5px"
+    >
+
+    <ImageView
+        android:id="@+id/ivReportImageNormal"
+        android:layout_width="110px"
+        android:layout_height="110px"
+        app:layout_constraintTop_toTopOf="parent"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintLeft_toLeftOf="parent"
+        android:layout_marginTop="25px"
+        android:layout_marginBottom="25px"
+        android:layout_marginStart="25px"
+        />
+
+    <TextView
+        android:id="@+id/tvReportLevelNormal"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        app:layout_constraintTop_toTopOf="parent"
+        app:layout_constraintLeft_toRightOf="@id/ivReportImageNormal"
+        android:layout_marginTop="20px"
+        android:layout_marginStart="25px"
+        android:textColor="#FFFFFFFF"
+        android:textSize="32px"
+        />
+
+    <TextView
+        android:id="@+id/tvReportTimeNormal"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        app:layout_constraintTop_toBottomOf="@id/tvReportLevelNormal"
+        app:layout_constraintLeft_toLeftOf="@id/tvReportLevelNormal"
+        android:textColor="#B3FFFFFF"
+        android:textSize="28px"
+        android:layout_marginTop="10px"
+        />
+
+    <TextView
+        android:id="@+id/tvReportTypeNormal"
+        android:layout_width="0dp"
+        android:layout_height="wrap_content"
+        app:layout_constraintTop_toBottomOf="@id/tvReportTimeNormal"
+        app:layout_constraintLeft_toLeftOf="@id/tvReportTimeNormal"
+        app:layout_constraintRight_toRightOf="@id/tvStatusSelect"
+        app:layout_constraintBottom_toBottomOf="parent"
+        android:layout_marginTop="10px"
+        android:layout_marginBottom="10px"
+        android:textColor="#B3FFFFFF"
+        android:gravity="start"
+        android:textSize="28px"
+        android:maxLines="1"
+        android:ellipsize="end"
+        />
+
+    <TextView
+        android:id="@+id/tvStatusSelect"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        app:layout_constraintTop_toTopOf="parent"
+        app:layout_constraintRight_toRightOf="parent"
+        android:layout_margin="20px"
+        android:text="折叠"
+        android:textColor="#FFFFFFFF"
+        android:textSize="24px"
+        />
+
+    <ImageView
+        android:id="@+id/ivReportImageOpen"
+        android:layout_width="44px"
+        android:layout_height="44px"
+        app:layout_constraintTop_toTopOf="parent"
+        app:layout_constraintLeft_toLeftOf="parent"
+        android:layout_marginTop="20px"
+        android:layout_marginStart="20px"
+        android:visibility="gone"
+        />
+
+    <TextView
+        android:id="@+id/tvReportLevelOpen"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        app:layout_constraintTop_toTopOf="@id/ivReportImageOpen"
+        app:layout_constraintBottom_toBottomOf="@id/ivReportImageOpen"
+        app:layout_constraintLeft_toRightOf="@id/ivReportImageOpen"
+        android:textColor="#FFFFFFFF"
+        android:textSize="32px"
+        android:layout_marginStart="20px"
+        android:visibility="gone"
+        />
+
+    <TextView
+        android:id="@+id/tvReportTimeOpen"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        app:layout_constraintTop_toBottomOf="@id/ivReportImageOpen"
+        app:layout_constraintLeft_toLeftOf="@id/ivReportImageOpen"
+        android:layout_marginTop="10px"
+        android:textColor="#B3FFFFFF"
+        android:textSize="28px"
+        android:visibility="gone"
+        />
+
+    <TextView
+        android:id="@+id/tvReportTypeOpen"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        app:layout_constraintTop_toBottomOf="@id/tvReportTimeOpen"
+        app:layout_constraintLeft_toLeftOf="@id/tvReportTimeOpen"
+        android:layout_marginTop="10px"
+        android:textColor="#B3FFFFFF"
+        android:textSize="28px"
+        android:visibility="gone"
+        />
+
+    <TextView
+        android:id="@+id/tvReportReasonOpen"
+        android:layout_width="0dp"
+        android:layout_height="wrap_content"
+        app:layout_constraintTop_toBottomOf="@id/tvReportTypeOpen"
+        app:layout_constraintLeft_toLeftOf="@id/tvReportTypeOpen"
+        app:layout_constraintRight_toRightOf="@id/tvStatusSelect"
+        app:layout_constraintBottom_toBottomOf="parent"
+        android:gravity="start"
+        android:layout_marginTop="10px"
+        android:layout_marginBottom="10px"
+        android:textColor="#B3FFFFFF"
+        android:textSize="28px"
+        android:visibility="gone"
+        />
+
+</com.mogo.eagle.core.widget.RoundConstraintLayout>
--- a/core/function-impl/mogo-core-function-hmi/src/main/res/layout/item_msg_box_notice.xml
+++ b/core/function-impl/mogo-core-function-hmi/src/main/res/layout/item_msg_box_notice.xml
@@ -0,0 +1,52 @@
+<?xml version="1.0" encoding="utf-8"?>
+<com.mogo.eagle.core.widget.RoundConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="804px"
+    android:layout_height="160px"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    android:background="#1B2966"
+    app:roundLayoutRadius="24px"
+    android:layout_gravity="center_horizontal"
+    android:layout_marginStart="30px"
+    android:layout_marginEnd="30px"
+    android:layout_marginTop="5px"
+    android:layout_marginBottom="5px"
+    >
+
+    <ImageView
+        android:id="@+id/ivNoticeImage"
+        android:layout_width="110px"
+        android:layout_height="110px"
+        app:layout_constraintTop_toTopOf="parent"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintLeft_toLeftOf="parent"
+        android:layout_margin="25px"
+        />
+
+    <TextView
+        android:id="@+id/tvNoticeTime"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        app:layout_constraintTop_toTopOf="@id/ivNoticeImage"
+        app:layout_constraintRight_toRightOf="parent"
+        android:layout_marginEnd="25px"
+        android:textColor="#80FFFFFF"
+        android:textSize="24px"
+        />
+
+    <TextView
+        android:id="@+id/tvNoticeContent"
+        android:layout_width="0dp"
+        android:layout_height="wrap_content"
+        app:layout_constraintLeft_toRightOf="@id/ivNoticeImage"
+        app:layout_constraintRight_toRightOf="@id/tvNoticeTime"
+        app:layout_constraintTop_toBottomOf="@id/tvNoticeTime"
+        app:layout_constraintBottom_toBottomOf="parent"
+        android:layout_marginStart="25px"
+        android:layout_marginBottom="25px"
+        android:textColor="#FFFFFFFF"
+        android:textSize="32px"
+        android:maxLines="1"
+        android:ellipsize="end"
+        />
+
+</com.mogo.eagle.core.widget.RoundConstraintLayout>
--- a/core/function-impl/mogo-core-function-hmi/src/main/res/layout/item_msg_box_operation.xml
+++ b/core/function-impl/mogo-core-function-hmi/src/main/res/layout/item_msg_box_operation.xml
@@ -0,0 +1,121 @@
+<?xml version="1.0" encoding="utf-8"?>
+<com.mogo.eagle.core.widget.RoundConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="804px"
+    android:layout_height="wrap_content"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    android:background="#1B2966"
+    app:roundLayoutRadius="24px"
+    android:layout_gravity="center_horizontal"
+    android:layout_marginStart="30px"
+    android:layout_marginEnd="30px"
+    android:layout_marginTop="5px"
+    android:layout_marginBottom="5px"
+    >
+
+    <ImageView
+        android:id="@+id/ivOperationImageNormal"
+        android:layout_width="110px"
+        android:layout_height="110px"
+        app:layout_constraintTop_toTopOf="parent"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintLeft_toLeftOf="parent"
+        android:layout_marginTop="25px"
+        android:layout_marginBottom="25px"
+        android:layout_marginStart="25px"
+        android:src="@drawable/icon_msg_box_operation"
+        />
+
+    <TextView
+        android:id="@+id/tvOperationTitleNormal"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        app:layout_constraintTop_toTopOf="@id/ivOperationImageNormal"
+        app:layout_constraintLeft_toRightOf="@id/ivOperationImageNormal"
+        android:text="运营平台"
+        android:textColor="#FFFFFFFF"
+        android:textSize="32px"
+        android:layout_marginStart="25px"
+        />
+
+    <TextView
+        android:id="@+id/tvOperationContentNormal"
+        android:layout_width="0dp"
+        android:layout_height="wrap_content"
+        app:layout_constraintTop_toBottomOf="@id/tvOperationTitleNormal"
+        app:layout_constraintLeft_toLeftOf="@id/tvOperationTitleNormal"
+        app:layout_constraintRight_toRightOf="@id/tvOperationStatusSelect"
+        android:layout_marginEnd="25px"
+        android:textColor="#B3FFFFFF"
+        android:gravity="start"
+        android:textSize="28px"
+        android:maxLines="2"
+        android:ellipsize="end"
+        />
+
+    <TextView
+        android:id="@+id/tvOperationStatusSelect"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:text="折叠"
+        android:textColor="#FFFFFFFF"
+        android:textSize="24px"
+        app:layout_constraintTop_toTopOf="parent"
+        app:layout_constraintRight_toRightOf="parent"
+        android:layout_marginTop="25px"
+        android:layout_marginEnd="25px"
+        />
+
+    <TextView
+        android:id="@+id/tvOperationTime"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        app:layout_constraintTop_toTopOf="@id/tvOperationStatusSelect"
+        app:layout_constraintBottom_toBottomOf="@id/tvOperationStatusSelect"
+        app:layout_constraintRight_toLeftOf="@id/tvOperationStatusSelect"
+        android:layout_marginEnd="20px"
+        android:textColor="#80FFFFFF"
+        android:textSize="24px"
+        />
+
+    <ImageView
+        android:id="@+id/ivOperationImageOpen"
+        android:layout_width="44px"
+        android:layout_height="44px"
+        app:layout_constraintTop_toTopOf="parent"
+        app:layout_constraintLeft_toLeftOf="parent"
+        android:layout_marginTop="25px"
+        android:layout_marginStart="25px"
+        android:src="@drawable/icon_msg_box_operation"
+        android:visibility="gone"
+        />
+
+    <TextView
+        android:id="@+id/tvOperationTitleOpen"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        app:layout_constraintTop_toTopOf="@id/ivOperationImageOpen"
+        app:layout_constraintBottom_toBottomOf="@id/ivOperationImageOpen"
+        app:layout_constraintLeft_toRightOf="@id/ivOperationImageOpen"
+        android:text="运营平台"
+        android:textColor="#FFFFFFFF"
+        android:textSize="32px"
+        android:layout_marginStart="20px"
+        android:visibility="gone"
+        />
+
+    <TextView
+        android:id="@+id/tvOperationContentOpen"
+        android:layout_width="0dp"
+        android:layout_height="wrap_content"
+        app:layout_constraintTop_toBottomOf="@id/ivOperationImageOpen"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintLeft_toLeftOf="@id/ivOperationImageOpen"
+        app:layout_constraintRight_toRightOf="@id/tvOperationStatusSelect"
+        android:gravity="start"
+        android:layout_margin="20px"
+        android:textColor="#B3FFFFFF"
+        android:textSize="28px"
+        android:visibility="gone"
+        />
+
+</com.mogo.eagle.core.widget.RoundConstraintLayout>
--- a/core/function-impl/mogo-core-function-hmi/src/main/res/layout/item_msg_bubble_operation.xml
+++ b/core/function-impl/mogo-core-function-hmi/src/main/res/layout/item_msg_bubble_operation.xml
@@ -0,0 +1,65 @@
+<?xml version="1.0" encoding="utf-8"?>
+<com.mogo.eagle.core.widget.RoundConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="804px"
+    android:layout_height="160px"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    android:background="#1B2966"
+    app:roundLayoutRadius="24px"
+    android:layout_gravity="center_horizontal"
+    android:layout_marginStart="30px"
+    android:layout_marginEnd="30px"
+    android:layout_marginTop="5px"
+    android:layout_marginBottom="5px">
+
+    <ImageView
+        android:id="@+id/ivBubbleOperationImage"
+        android:layout_width="110px"
+        android:layout_height="110px"
+        app:layout_constraintTop_toTopOf="parent"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintLeft_toLeftOf="parent"
+        android:layout_marginStart="25px"
+        android:src="@drawable/icon_msg_box_operation"
+        />
+
+    <TextView
+        android:id="@+id/tvBubbleOperationTitle"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        app:layout_constraintTop_toTopOf="parent"
+        app:layout_constraintLeft_toRightOf="@id/ivBubbleOperationImage"
+        android:layout_marginTop="20px"
+        android:layout_marginStart="25px"
+        android:textColor="#FFFFFFFF"
+        android:textSize="32px"
+        android:text="运营平台"
+        />
+
+    <TextView
+        android:id="@+id/tvBubbleOperationTime"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        app:layout_constraintTop_toTopOf="@id/tvBubbleOperationTitle"
+        app:layout_constraintBottom_toBottomOf="@id/tvBubbleOperationTitle"
+        app:layout_constraintRight_toRightOf="parent"
+        android:layout_marginEnd="20px"
+        android:textColor="#80FFFFFF"
+        android:textSize="24px"
+        />
+
+    <TextView
+        android:id="@+id/tvBubbleOperationContent"
+        android:layout_width="0dp"
+        android:layout_height="wrap_content"
+        app:layout_constraintLeft_toLeftOf="@id/tvBubbleOperationTitle"
+        app:layout_constraintRight_toRightOf="@id/tvBubbleOperationTime"
+        app:layout_constraintTop_toBottomOf="@id/tvBubbleOperationTitle"
+        android:layout_marginTop="20px"
+        android:gravity="start"
+        android:maxLines="2"
+        android:ellipsize="end"
+        android:textColor="#B3FFFFFF"
+        android:textSize="28px"
+        />
+
+</com.mogo.eagle.core.widget.RoundConstraintLayout>
--- a/core/function-impl/mogo-core-function-hmi/src/main/res/layout/item_msg_bubble_report.xml
+++ b/core/function-impl/mogo-core-function-hmi/src/main/res/layout/item_msg_bubble_report.xml
@@ -0,0 +1,73 @@
+<?xml version="1.0" encoding="utf-8"?>
+<com.mogo.eagle.core.widget.RoundConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="804px"
+    android:layout_height="160px"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    android:background="#1B2966"
+    app:roundLayoutRadius="24px"
+    android:layout_gravity="center_horizontal"
+    android:layout_marginStart="30px"
+    android:layout_marginEnd="30px"
+    android:layout_marginTop="5px"
+    android:layout_marginBottom="5px"
+    >
+
+    <ImageView
+        android:id="@+id/ivBubbleReportImage"
+        android:layout_width="110px"
+        android:layout_height="110px"
+        app:layout_constraintTop_toTopOf="parent"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintLeft_toLeftOf="parent"
+        android:layout_marginStart="25px"
+        android:src="@drawable/icon_report_error_normal"
+        />
+
+    <TextView
+        android:id="@+id/tvBubbleReportTitle"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        app:layout_constraintTop_toTopOf="parent"
+        app:layout_constraintLeft_toRightOf="@id/ivBubbleReportImage"
+        android:layout_marginTop="20px"
+        android:layout_marginStart="25px"
+        android:textColor="#FFFFFFFF"
+        android:textSize="32px"
+        android:text="Error"
+        />
+
+    <TextView
+        android:id="@+id/tvBubbleReportTime"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        app:layout_constraintTop_toBottomOf="@id/tvBubbleReportTitle"
+        app:layout_constraintLeft_toLeftOf="@id/tvBubbleReportTitle"
+        android:layout_marginTop="20px"
+        android:textColor="#B3FFFFFF"
+        android:textSize="28px"
+        />
+
+    <TextView
+        android:id="@+id/tvBubbleReportType"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        app:layout_constraintTop_toBottomOf="@id/tvBubbleReportTime"
+        app:layout_constraintLeft_toLeftOf="@id/tvBubbleReportTime"
+        android:layout_marginTop="15px"
+        android:textColor="#B3FFFFFF"
+        android:textSize="28px"
+        />
+
+    <TextView
+        android:id="@+id/tvBubbleReceiveTime"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        app:layout_constraintRight_toRightOf="parent"
+        app:layout_constraintTop_toTopOf="@id/tvBubbleReportTitle"
+        app:layout_constraintBottom_toBottomOf="@id/tvBubbleReportTitle"
+        android:layout_marginEnd="25px"
+        android:textColor="#80FFFFFF"
+        android:textSize="24px"
+        />
+
+</com.mogo.eagle.core.widget.RoundConstraintLayout>
--- a/core/function-impl/mogo-core-function-hmi/src/main/res/layout/layout_driver_msg_box_bubble.xml
+++ b/core/function-impl/mogo-core-function-hmi/src/main/res/layout/layout_driver_msg_box_bubble.xml
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<com.mogo.eagle.core.widget.RoundConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="864px"
+    android:layout_height="wrap_content"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    android:background="#3C4783"
+    app:roundLayoutRadius="40px">
+
+    <androidx.recyclerview.widget.RecyclerView
+        android:id="@+id/rvBubbleList"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        />
+
+</com.mogo.eagle.core.widget.RoundConstraintLayout>
--- a/core/function-impl/mogo-core-function-hmi/src/main/res/layout/layout_driver_msg_box_list.xml
+++ b/core/function-impl/mogo-core-function-hmi/src/main/res/layout/layout_driver_msg_box_list.xml
@@ -0,0 +1,89 @@
+<?xml version="1.0" encoding="utf-8"?>
+<com.mogo.eagle.core.widget.RoundConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="864px"
+    android:layout_height="746px"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    android:background="#3C4783"
+    app:roundLayoutRadius="40px">
+
+    <TextView
+        android:id="@+id/tvMsgNotice"
+        android:layout_width="288px"
+        android:layout_height="90px"
+        android:text="通知"
+        android:textColor="@color/msg_box_title_color"
+        android:textSize="38px"
+        app:layout_constraintTop_toTopOf="parent"
+        app:layout_constraintLeft_toLeftOf="parent"
+        android:gravity="center"
+        />
+    
+    <View
+        android:id="@+id/viewNoticeDivider"
+        android:layout_width="62.7px"
+        android:layout_height="5px"
+        android:background="@drawable/bg_msg_box_divider"
+        app:layout_constraintLeft_toLeftOf="@id/tvMsgNotice"
+        app:layout_constraintRight_toRightOf="@id/tvMsgNotice"
+        app:layout_constraintBottom_toBottomOf="@id/tvMsgNotice"
+        />
+
+    <TextView
+        android:id="@+id/tvMsgIpcReport"
+        android:layout_width="288px"
+        android:layout_height="90px"
+        android:text="车辆系统信息"
+        android:textColor="#FFFFFFFF"
+        android:textSize="38px"
+        android:gravity="center"
+        app:layout_constraintTop_toTopOf="parent"
+        app:layout_constraintLeft_toRightOf="@id/tvMsgNotice"
+        app:layout_constraintRight_toLeftOf="@id/tvMsgBadCase"
+        />
+
+    <View
+        android:id="@+id/viewIpcReportDivider"
+        android:layout_width="62.7px"
+        android:layout_height="5px"
+        android:background="@drawable/bg_msg_box_divider"
+        app:layout_constraintLeft_toLeftOf="@id/tvMsgIpcReport"
+        app:layout_constraintRight_toRightOf="@id/tvMsgIpcReport"
+        app:layout_constraintBottom_toBottomOf="@id/tvMsgIpcReport"
+        android:visibility="gone"
+        />
+
+    <TextView
+        android:id="@+id/tvMsgBadCase"
+        android:layout_width="288px"
+        android:layout_height="90px"
+        android:text="录包"
+        android:textColor="#FFFFFFFF"
+        android:textSize="38px"
+        android:gravity="center"
+        app:layout_constraintTop_toTopOf="parent"
+        app:layout_constraintRight_toRightOf="parent"
+        />
+
+    <View
+        android:id="@+id/viewBadCaseDivider"
+        android:layout_width="62.7px"
+        android:layout_height="5px"
+        android:background="@drawable/bg_msg_box_divider"
+        app:layout_constraintLeft_toLeftOf="@id/tvMsgBadCase"
+        app:layout_constraintRight_toRightOf="@id/tvMsgBadCase"
+        app:layout_constraintBottom_toBottomOf="@id/tvMsgBadCase"
+        android:visibility="gone"
+        />
+
+    <androidx.recyclerview.widget.RecyclerView
+        android:id="@+id/rvMsgBoxList"
+        android:layout_width="match_parent"
+        android:layout_height="0dp"
+        app:layout_constraintTop_toBottomOf="@id/tvMsgIpcReport"
+        app:layout_constraintBottom_toBottomOf="parent"
+        android:layout_marginTop="20px"
+        app:layout_constraintLeft_toLeftOf="parent"
+        app:layout_constraintRight_toRightOf="parent"
+        />
+
+</com.mogo.eagle.core.widget.RoundConstraintLayout>
--- a/core/function-impl/mogo-core-function-hmi/src/main/res/layout/view_sop_setting.xml
+++ b/core/function-impl/mogo-core-function-hmi/src/main/res/layout/view_sop_setting.xml
@@ -123,8 +123,8 @@
                android:padding="@dimen/dp_20"
                android:background="@drawable/radio_button_normal_background_right"
                android:textColor="#000"
-                android:textOff="关闭OBU"
-                android:textOn="开启OBU"
+                android:textOff="开启OBU"
+                android:textOn="关闭OBU"
                android:textSize="@dimen/dp_24"
                app:layout_constraintTop_toBottomOf="@id/tbRainMode"
                />
--- a/core/function-impl/mogo-core-function-hmi/src/main/res/values/color.xml
+++ b/core/function-impl/mogo-core-function-hmi/src/main/res/values/color.xml
@@ -10,6 +10,8 @@
    <color name="notice_dialog_back">#3B4577</color>
    <color name="notice_video_progressbar_loading_color">#256BFF</color>

+    <color name="msg_box_title_color">#FF1BB7FF</color>
+
    <color name="colorPrimary">#6200EE</color>
    <color name="colorPrimaryDark">#3700B3</color>
    <color name="colorAccent">#03DAC5</color>