消息中心、侦查终结

src/components/msg.vue

+<template>
+  <div class="msg">
+    <div class="msgInfo" :class="[data.sfydPdbz == 0 ? 'unRead' : '']">
+      <div class="msgHeader">
+        <span class="msgTitle">{{ data.xxbt }}</span>
+        <span class="msgType"
+          ><span class="msgTypeTitle">消息类型：</span
+          ><span class="msgTypeContent">{{ data.xxname }}</span></span
+        >
+      </div>
+      <div class="msgContent">{{ data.xxnr }}</div>
+      <div class="msgFooter">
+        <span class="msgSender">发送人：{{ data.fsrName }}</span>
+        <span class="msgSendTime">发送时间：{{ data.fssj }}</span>
+      </div>
+    </div>
+    <div class="msgMark">
+      <div class="msgMarkBtn" v-if="data.sfydPdbz == 0" @click="$emit('mark')">
+        <span>标为已读</span>
+      </div>
+      <span class="msgMarked" v-else>已读</span>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  props: { data: Object },
+};
+</script>
+
+<style lang="scss" scoped>
+.msg {
+  width: 678px;
+  // height: 59px;
+  padding: 12px 12px 12px 16px;
+  overflow: hidden;
+  border-bottom: solid 1px #e9e9e9;
+  .msgInfo {
+    width: 550px;
+    float: left;
+    .msgHeader {
+      overflow: hidden;
+      line-height: 20px;
+      > * {
+        float: left;
+      }
+      .msgTitle {
+        font-size: 15px;
+        color: #222222;
+      }
+      .msgType {
+        margin-left: 25px;
+        font-size: 12px;
+        .msgTypeTitle {
+          color: #aaaaaa;
+        }
+        .msgTypeContent {
+          color: #007af8;
+        }
+      }
+    }
+    .msgContent {
+      margin-top: 6px;
+      font-size: 12px;
+      line-height: 16px;
+      color: #666666;
+    }
+    .msgFooter {
+      margin-top: 6px;
+      line-height: 15px;
+      .msgSender {
+        font-size: 12px;
+        color: #888888;
+      }
+      .msgSendTime {
+        margin-left: 20px;
+        font-size: 12px;
+        color: #888888;
+      }
+    }
+    &.unRead {
+      .msgTitle {
+        font-weight: bold;
+      }
+      .msgSender {
+        color: #666666;
+      }
+      .msgSendTime {
+        color: #666666;
+      }
+      .msgContent {
+        color: #222222;
+      }
+    }
+  }
+  .msgMark {
+    width: 64px;
+    float: right;
+    margin-top: 20px;
+    margin-right: 20px;
+    text-align: center;
+    .msgMarkBtn {
+      height: 22px;
+      cursor: pointer;
+      border: solid 1px #0086fe;
+      border-radius: 12px;
+      color: #0086fe;
+      span {
+        font-size: 12px;
+      }
+    }
+    .msgMarked {
+      font-size: 12px;
+      color: #aaaaaa;
+    }
+  }
+}
+</style>

src/utils/params.js

@@ -1900,6 +1900,7 @@ let zczjsxFormField = [
         type: "codeTree",
         props: [],//字典弹框需要的字段
         value: "",
+        prop: "checkEmpty",
         col: "3",
         codeOptions: [],
         codeTree: "CODE_UNIT",
@@ -1908,6 +1909,7 @@ let zczjsxFormField = [
         name: "侦查终结日期",
         id: "zczjZxsj01",
         type: "datetime",
+        prop: "checkEmpty",
         value: "",
         col: "3",
       },
@@ -1915,6 +1917,7 @@ let zczjsxFormField = [
         name: "侦查终结依据（破案过程）",
         id: "zczjZcxwyjms",
         type: "textarea",
+        prop: "checkEmpty",
         value: "",
         col: "1"
       },
@@ -1930,6 +1933,7 @@ let zczjsxFormField = [
         type: "codeTree",
         props: [],//字典弹框需要的字段
         value: "",
+        disabled:true,
         col: "3",
         codeOptions: [],
         codeTree: "CODE_AJLB",
@@ -1940,6 +1944,7 @@ let zczjsxFormField = [
         type: "codeTree",
         props: [],//字典弹框需要的字段
         value: "",
+        prop: "checkEmpty",
         col: "3",
         codeOptions: [],
         codeTree: "CODE_AJXZ",
@@ -1950,6 +1955,7 @@ let zczjsxFormField = [
         type: "codeTree",
         props: [],//字典弹框需要的字段
         value: "",
+        prop: "checkEmpty",
         col: "3",
         codeOptions: [],
         codeTree: "CODE_ZADj",