@cmstops/pro-compo 0.1.72 → 0.1.73

package/es/contentDetailList/style/MatrixItem.less

@@ -35,6 +35,12 @@
       height: 100%;
       color: white;
       font-size: 30px;
+
+      &.weixin {
+        font-size: 20px;
+        background: #89be89;
+        border-radius: 6px;
+      }
     }
   }
 
@@ -93,11 +99,25 @@
         .account {
           margin-left: 10px;
 
-          .avatar {
-            width: 25px;
-            height: 25px;
-            margin-right: 10px;
-            border-radius: 50%;
+          .avatar-v {
+            position: relative;
+
+            .avatar {
+              width: 25px;
+              height: 25px;
+              margin-right: 10px;
+              border-radius: 50%;
+            }
+
+            .pla-icon {
+              position: absolute;
+              right: -5px;
+              bottom: 1px;
+              width: 12px;
+              height: 12px;
+              margin-right: 10px;
+              border-radius: 50%;
+            }
 
             img {
               width: 100%;
@@ -117,18 +137,42 @@
             content: '';
           }
 
+          &.p-state-1 {
+            // 处理中
+            color: rgb(var(--primary-6));
+          }
+
           &.p-state-2 {
             // 成功
             color: #4caf50;
           }
 
+          &.p-state-3,
+          &.p-state-4 {
+            // 审核
+            color: #ff9800;
+          }
+
           &.m-state-0 {
             // 成功
             color: #4caf50;
           }
 
-          &.m-state-1 {
-            // 审核
+          &.m-state--1,
+          &.m-state-1,
+          &.m-state-2,
+          &.m-state-3,
+          &.m-state-4,
+          &.m-state-5,
+          &.m-state-6,
+          &.m-state-7,
+          &.m-state-8,
+          &.m-state-9,
+          &.m-state-10,
+          &.m-state-11,
+          &.m-state-12,
+          &.m-state-13 {
+            // 异常
             color: #ff9800;
           }
         }

package/es/contentDetailList/style/index.css

@@ -968,6 +968,11 @@
   color: white;
   font-size: 30px;
 }
+.matrix-records-item-view .cover-view .no-img.weixin {
+  font-size: 20px;
+  background: #89be89;
+  border-radius: 6px;
+}
 .matrix-records-item-view .info-view {
   display: flex;
   flex: 1;
@@ -1019,13 +1024,25 @@
 .matrix-records-item-view .info-view .abttrite-v .left .account {
   margin-left: 10px;
 }
-.matrix-records-item-view .info-view .abttrite-v .left .account .avatar {
+.matrix-records-item-view .info-view .abttrite-v .left .account .avatar-v {
+  position: relative;
+}
+.matrix-records-item-view .info-view .abttrite-v .left .account .avatar-v .avatar {
   width: 25px;
   height: 25px;
   margin-right: 10px;
   border-radius: 50%;
 }
-.matrix-records-item-view .info-view .abttrite-v .left .account .avatar img {
+.matrix-records-item-view .info-view .abttrite-v .left .account .avatar-v .pla-icon {
+  position: absolute;
+  right: -5px;
+  bottom: 1px;
+  width: 12px;
+  height: 12px;
+  margin-right: 10px;
+  border-radius: 50%;
+}
+.matrix-records-item-view .info-view .abttrite-v .left .account .avatar-v img {
   width: 100%;
   height: 100%;
 }
@@ -1038,13 +1055,33 @@
   border-radius: 50%;
   content: '';
 }
+.matrix-records-item-view .info-view .abttrite-v .left .state.p-state-1 {
+  color: rgb(var(--primary-6));
+}
 .matrix-records-item-view .info-view .abttrite-v .left .state.p-state-2 {
   color: #4caf50;
 }
+.matrix-records-item-view .info-view .abttrite-v .left .state.p-state-3,
+.matrix-records-item-view .info-view .abttrite-v .left .state.p-state-4 {
+  color: #ff9800;
+}
 .matrix-records-item-view .info-view .abttrite-v .left .state.m-state-0 {
   color: #4caf50;
 }
-.matrix-records-item-view .info-view .abttrite-v .left .state.m-state-1 {
+.matrix-records-item-view .info-view .abttrite-v .left .state.m-state--1,
+.matrix-records-item-view .info-view .abttrite-v .left .state.m-state-1,
+.matrix-records-item-view .info-view .abttrite-v .left .state.m-state-2,
+.matrix-records-item-view .info-view .abttrite-v .left .state.m-state-3,
+.matrix-records-item-view .info-view .abttrite-v .left .state.m-state-4,
+.matrix-records-item-view .info-view .abttrite-v .left .state.m-state-5,
+.matrix-records-item-view .info-view .abttrite-v .left .state.m-state-6,
+.matrix-records-item-view .info-view .abttrite-v .left .state.m-state-7,
+.matrix-records-item-view .info-view .abttrite-v .left .state.m-state-8,
+.matrix-records-item-view .info-view .abttrite-v .left .state.m-state-9,
+.matrix-records-item-view .info-view .abttrite-v .left .state.m-state-10,
+.matrix-records-item-view .info-view .abttrite-v .left .state.m-state-11,
+.matrix-records-item-view .info-view .abttrite-v .left .state.m-state-12,
+.matrix-records-item-view .info-view .abttrite-v .left .state.m-state-13 {
   color: #ff9800;
 }
 .matrix-records-item-view .info-view .abttrite-v .right {

package/es/index.css

@@ -2991,6 +2991,11 @@
   color: white;
   font-size: 30px;
 }
+.matrix-records-item-view .cover-view .no-img.weixin {
+  font-size: 20px;
+  background: #89be89;
+  border-radius: 6px;
+}
 .matrix-records-item-view .info-view {
   display: flex;
   flex: 1;
@@ -3042,13 +3047,25 @@
 .matrix-records-item-view .info-view .abttrite-v .left .account {
   margin-left: 10px;
 }
-.matrix-records-item-view .info-view .abttrite-v .left .account .avatar {
+.matrix-records-item-view .info-view .abttrite-v .left .account .avatar-v {
+  position: relative;
+}
+.matrix-records-item-view .info-view .abttrite-v .left .account .avatar-v .avatar {
   width: 25px;
   height: 25px;
   margin-right: 10px;
   border-radius: 50%;
 }
-.matrix-records-item-view .info-view .abttrite-v .left .account .avatar img {
+.matrix-records-item-view .info-view .abttrite-v .left .account .avatar-v .pla-icon {
+  position: absolute;
+  right: -5px;
+  bottom: 1px;
+  width: 12px;
+  height: 12px;
+  margin-right: 10px;
+  border-radius: 50%;
+}
+.matrix-records-item-view .info-view .abttrite-v .left .account .avatar-v img {
   width: 100%;
   height: 100%;
 }
@@ -3061,13 +3078,33 @@
   border-radius: 50%;
   content: '';
 }
+.matrix-records-item-view .info-view .abttrite-v .left .state.p-state-1 {
+  color: rgb(var(--primary-6));
+}
 .matrix-records-item-view .info-view .abttrite-v .left .state.p-state-2 {
   color: #4caf50;
 }
+.matrix-records-item-view .info-view .abttrite-v .left .state.p-state-3,
+.matrix-records-item-view .info-view .abttrite-v .left .state.p-state-4 {
+  color: #ff9800;
+}
 .matrix-records-item-view .info-view .abttrite-v .left .state.m-state-0 {
   color: #4caf50;
 }
-.matrix-records-item-view .info-view .abttrite-v .left .state.m-state-1 {
+.matrix-records-item-view .info-view .abttrite-v .left .state.m-state--1,
+.matrix-records-item-view .info-view .abttrite-v .left .state.m-state-1,
+.matrix-records-item-view .info-view .abttrite-v .left .state.m-state-2,
+.matrix-records-item-view .info-view .abttrite-v .left .state.m-state-3,
+.matrix-records-item-view .info-view .abttrite-v .left .state.m-state-4,
+.matrix-records-item-view .info-view .abttrite-v .left .state.m-state-5,
+.matrix-records-item-view .info-view .abttrite-v .left .state.m-state-6,
+.matrix-records-item-view .info-view .abttrite-v .left .state.m-state-7,
+.matrix-records-item-view .info-view .abttrite-v .left .state.m-state-8,
+.matrix-records-item-view .info-view .abttrite-v .left .state.m-state-9,
+.matrix-records-item-view .info-view .abttrite-v .left .state.m-state-10,
+.matrix-records-item-view .info-view .abttrite-v .left .state.m-state-11,
+.matrix-records-item-view .info-view .abttrite-v .left .state.m-state-12,
+.matrix-records-item-view .info-view .abttrite-v .left .state.m-state-13 {
   color: #ff9800;
 }
 .matrix-records-item-view .info-view .abttrite-v .right {

package/es/utils/typeMap.d.ts

@@ -142,10 +142,12 @@ export declare const local_live_doc_status: {
     bgColor: string;
 }[];
 export declare const matrixPublishStateMap: {
+    '-1': string;
     0: string;
     1: string;
     2: string;
     3: string;
+    4: string;
 };
 export declare const matrixPublishFormalStateMap: {
     '-1': string;

package/es/utils/typeMap.js

@@ -137,10 +137,12 @@ const local_live_doc_status = [
   { value: 2, label: "\u5DF2\u7ED3\u675F", bgColor: "rgba(0, 0, 0, 0.6)" }
 ];
 const matrixPublishStateMap = {
+  "-1": "\u5F85\u83B7\u53D6\u72B6\u6001",
   0: "\u5F85\u53D1\u5E03",
   1: "\u53D1\u5E03\u4E2D",
   2: "\u53D1\u5E03\u6210\u529F",
-  3: "\u53D1\u5E03\u5931\u8D25"
+  3: "\u53D1\u5E03\u5931\u8D25",
+  4: "\u53D1\u5E03\u5931\u8D25"
 };
 const matrixPublishFormalStateMap = {
   "-1": "\u5F85\u83B7\u53D6\u72B6\u6001",

package/lib/contentDetailList/components/Records/MatrixItem/index.js

@@ -8,20 +8,25 @@ var typeMap = require("../../../../utils/typeMap.js");
 const _hoisted_1 = { class: "cover-view" };
 const _hoisted_2 = {
   key: 1,
+  class: "no-img weixin"
+};
+const _hoisted_3 = {
+  key: 2,
   class: "no-img"
 };
-const _hoisted_3 = { class: "batch-select" };
-const _hoisted_4 = { class: "info-view" };
-const _hoisted_5 = { class: "title_i" };
-const _hoisted_6 = { class: "abttrite-v" };
-const _hoisted_7 = { class: "left" };
-const _hoisted_8 = { class: "abttr tags account" };
-const _hoisted_9 = { class: "name" };
-const _hoisted_10 = { key: 1 };
-const _hoisted_11 = { class: "abttr tags user" };
-const _hoisted_12 = { class: "abttr time" };
-const _hoisted_13 = { class: "abttr time" };
-const _hoisted_14 = { class: "right" };
+const _hoisted_4 = { class: "batch-select" };
+const _hoisted_5 = { class: "info-view" };
+const _hoisted_6 = { class: "title_i" };
+const _hoisted_7 = { class: "abttrite-v" };
+const _hoisted_8 = { class: "left" };
+const _hoisted_9 = { class: "abttr tags account" };
+const _hoisted_10 = { class: "avatar-v" };
+const _hoisted_11 = { class: "name" };
+const _hoisted_12 = { key: 1 };
+const _hoisted_13 = { class: "abttr tags user" };
+const _hoisted_14 = { class: "abttr time" };
+const _hoisted_15 = { class: "abttr time" };
+const _hoisted_16 = { class: "right" };
 const _sfc_main = vue.defineComponent({
   __name: "index",
   props: {
@@ -33,15 +38,28 @@ const _sfc_main = vue.defineComponent({
     const props = __props;
     const emit = __emit;
     const { matrix } = props.extraAttrs || {};
-    const { getPlatformInfoById, accounts } = matrix || {};
-    const covers = vue.computed(() => {
-      return props.item.cover ? JSON.parse(props.item.cover) : [];
-    });
-    const account = vue.computed(() => {
-      return accounts == null ? void 0 : accounts.find(
-        (item) => item.platformAccountId === props.item.accountId
-      );
+    const { getPlatformInfoById } = matrix || {};
+    const cover = vue.computed(() => {
+      if (props.item.cover) {
+        return props.item.cover;
+      }
+      if (props.item.payload) {
+        const _payload = JSON.parse(props.item.payload);
+        if (_payload[0] && _payload[0].covers.length) {
+          return _payload[0].covers[0];
+        }
+      }
+      return "";
     });
+    const setAvatar = (account) => {
+      if (!account.avatar) {
+        return platformInfo.value.pfIcon;
+      }
+      if (props.item.platformId === 15) {
+        return platformInfo.value.pfIcon;
+      }
+      return account.avatar;
+    };
     const platformInfo = vue.computed(() => {
       return getPlatformInfoById(props.item.platformId);
     });
@@ -67,62 +85,69 @@ const _sfc_main = vue.defineComponent({
         onMouseleave: _cache[1] || (_cache[1] = ($event) => mouseLeaveFun($event, _ctx.item))
       }, [
         vue.createElementVNode("div", _hoisted_1, [
-          covers.value ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.Image), {
+          cover.value ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.Image), {
             key: 0,
-            src: covers.value[0],
+            src: cover.value,
             preview: false,
             fit: "cover",
             class: "image"
-          }, null, 8, ["src"])) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_2, vue.toDisplayString(vue.unref(index.noCoverText)(_ctx.item)), 1)),
-          vue.createElementVNode("div", _hoisted_3, [
+          }, null, 8, ["src"])) : _ctx.item.platformId === 20 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2, "\u5FAE\u4FE1\u7EC4\u7A3F")) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_3, vue.toDisplayString(vue.unref(index.noCoverText)(_ctx.item)), 1)),
+          vue.createElementVNode("div", _hoisted_4, [
             vue.renderSlot(_ctx.$slots, "batch", { row: _ctx.item })
           ])
         ]),
-        vue.createElementVNode("div", _hoisted_4, [
+        vue.createElementVNode("div", _hoisted_5, [
           vue.createElementVNode("div", {
             class: "title",
             onClick: clickTitle
           }, [
             vue.renderSlot(_ctx.$slots, "index"),
-            vue.createElementVNode("span", _hoisted_5, vue.toDisplayString(_ctx.item.alias || _ctx.item.title), 1)
+            vue.createElementVNode("span", _hoisted_6, vue.toDisplayString(_ctx.item.alias || _ctx.item.title || `\u5206\u53D1\u8BB0\u5F55${new Date().getTime()}`), 1)
           ]),
-          vue.createElementVNode("div", _hoisted_6, [
-            vue.createElementVNode("div", _hoisted_7, [
+          vue.createElementVNode("div", _hoisted_7, [
+            vue.createElementVNode("div", _hoisted_8, [
               vue.createVNode(component, {
                 class: "icon",
                 doc: true,
                 type: docTypeMap[_ctx.item.contentType]
               }, null, 8, ["type"]),
               vue.renderSlot(_ctx.$slots, "tip"),
-              vue.createElementVNode("span", _hoisted_8, [
-                account.value ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-                  platformInfo.value ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.Image), {
-                    key: 0,
-                    class: "avatar",
-                    src: account.value.avatar,
-                    preview: false,
-                    fit: "cover"
-                  }, null, 8, ["src"])) : vue.createCommentVNode("v-if", true),
-                  vue.createElementVNode("span", _hoisted_9, vue.toDisplayString(account.value.name), 1)
-                ], 64)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_10, "--"))
+              vue.createElementVNode("span", _hoisted_9, [
+                _ctx.item.account ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+                  vue.createElementVNode("div", _hoisted_10, [
+                    vue.createVNode(vue.unref(webVue.Image), {
+                      class: "avatar",
+                      src: setAvatar(_ctx.item.account),
+                      preview: false,
+                      fit: "cover"
+                    }, null, 8, ["src"]),
+                    vue.createVNode(vue.unref(webVue.Image), {
+                      class: "pla-icon",
+                      src: platformInfo.value.pfIcon,
+                      preview: false,
+                      fit: "cover"
+                    }, null, 8, ["src"])
+                  ]),
+                  vue.createElementVNode("span", _hoisted_11, vue.toDisplayString(_ctx.item.account.name || `\u7528\u6237${new Date().getTime()}`), 1)
+                ], 64)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_12, "--"))
               ]),
               vue.createElementVNode("span", {
                 class: vue.normalizeClass(["abttr tags state", [`p-state-${_ctx.item.publishState}`]])
               }, vue.toDisplayString(vue.unref(typeMap.matrixPublishStateMap)[_ctx.item.publishState]), 3),
-              vue.createElementVNode("span", _hoisted_11, vue.toDisplayString(((_a = _ctx.item.user) == null ? void 0 : _a.alias) || "--"), 1),
-              vue.createElementVNode("span", _hoisted_12, [
+              vue.createElementVNode("span", _hoisted_13, vue.toDisplayString(((_a = _ctx.item.user) == null ? void 0 : _a.alias) || "--"), 1),
+              vue.createElementVNode("span", _hoisted_14, [
                 vue.createVNode(vue.unref(icon.IconSubscribed)),
-                vue.createTextVNode(" \u53D1\u5E03\u65F6\u95F4: " + vue.toDisplayString(vue.unref(index.timeFormat)(_ctx.item.publishTime)), 1)
+                vue.createTextVNode(" \u53D1\u5E03\u65F6\u95F4: " + vue.toDisplayString(vue.unref(index.timeFormat)(_ctx.item.publishTime || _ctx.item.updatedAt)), 1)
               ]),
               vue.createElementVNode("span", {
                 class: vue.normalizeClass(["abttr tags state", [`m-state-${_ctx.item.platformState}`]])
               }, vue.toDisplayString(vue.unref(typeMap.matrixPublishFormalStateMap)[_ctx.item.platformState]), 3),
-              vue.createElementVNode("span", _hoisted_13, [
+              vue.createElementVNode("span", _hoisted_15, [
                 vue.createVNode(vue.unref(icon.IconSend)),
                 vue.createTextVNode(" \u5206\u53D1\u65F6\u95F4: " + vue.toDisplayString(vue.unref(index.timeFormat)(_ctx.item.distributeTime)), 1)
               ])
             ]),
-            vue.createElementVNode("div", _hoisted_14, [
+            vue.createElementVNode("div", _hoisted_16, [
               vue.renderSlot(_ctx.$slots, "option", { row: _ctx.item })
             ])
           ])

package/lib/contentDetailList/style/MatrixItem.less

@@ -35,6 +35,12 @@
       height: 100%;
       color: white;
       font-size: 30px;
+
+      &.weixin {
+        font-size: 20px;
+        background: #89be89;
+        border-radius: 6px;
+      }
     }
   }
 
@@ -93,11 +99,25 @@
         .account {
           margin-left: 10px;
 
-          .avatar {
-            width: 25px;
-            height: 25px;
-            margin-right: 10px;
-            border-radius: 50%;
+          .avatar-v {
+            position: relative;
+
+            .avatar {
+              width: 25px;
+              height: 25px;
+              margin-right: 10px;
+              border-radius: 50%;
+            }
+
+            .pla-icon {
+              position: absolute;
+              right: -5px;
+              bottom: 1px;
+              width: 12px;
+              height: 12px;
+              margin-right: 10px;
+              border-radius: 50%;
+            }
 
             img {
               width: 100%;
@@ -117,18 +137,42 @@
             content: '';
           }
 
+          &.p-state-1 {
+            // 处理中
+            color: rgb(var(--primary-6));
+          }
+
           &.p-state-2 {
             // 成功
             color: #4caf50;
           }
 
+          &.p-state-3,
+          &.p-state-4 {
+            // 审核
+            color: #ff9800;
+          }
+
           &.m-state-0 {
             // 成功
             color: #4caf50;
           }
 
-          &.m-state-1 {
-            // 审核
+          &.m-state--1,
+          &.m-state-1,
+          &.m-state-2,
+          &.m-state-3,
+          &.m-state-4,
+          &.m-state-5,
+          &.m-state-6,
+          &.m-state-7,
+          &.m-state-8,
+          &.m-state-9,
+          &.m-state-10,
+          &.m-state-11,
+          &.m-state-12,
+          &.m-state-13 {
+            // 异常
             color: #ff9800;
           }
         }

package/lib/contentDetailList/style/index.css

@@ -968,6 +968,11 @@
   color: white;
   font-size: 30px;
 }
+.matrix-records-item-view .cover-view .no-img.weixin {
+  font-size: 20px;
+  background: #89be89;
+  border-radius: 6px;
+}
 .matrix-records-item-view .info-view {
   display: flex;
   flex: 1;
@@ -1019,13 +1024,25 @@
 .matrix-records-item-view .info-view .abttrite-v .left .account {
   margin-left: 10px;
 }
-.matrix-records-item-view .info-view .abttrite-v .left .account .avatar {
+.matrix-records-item-view .info-view .abttrite-v .left .account .avatar-v {
+  position: relative;
+}
+.matrix-records-item-view .info-view .abttrite-v .left .account .avatar-v .avatar {
   width: 25px;
   height: 25px;
   margin-right: 10px;
   border-radius: 50%;
 }
-.matrix-records-item-view .info-view .abttrite-v .left .account .avatar img {
+.matrix-records-item-view .info-view .abttrite-v .left .account .avatar-v .pla-icon {
+  position: absolute;
+  right: -5px;
+  bottom: 1px;
+  width: 12px;
+  height: 12px;
+  margin-right: 10px;
+  border-radius: 50%;
+}
+.matrix-records-item-view .info-view .abttrite-v .left .account .avatar-v img {
   width: 100%;
   height: 100%;
 }
@@ -1038,13 +1055,33 @@
   border-radius: 50%;
   content: '';
 }
+.matrix-records-item-view .info-view .abttrite-v .left .state.p-state-1 {
+  color: rgb(var(--primary-6));
+}
 .matrix-records-item-view .info-view .abttrite-v .left .state.p-state-2 {
   color: #4caf50;
 }
+.matrix-records-item-view .info-view .abttrite-v .left .state.p-state-3,
+.matrix-records-item-view .info-view .abttrite-v .left .state.p-state-4 {
+  color: #ff9800;
+}
 .matrix-records-item-view .info-view .abttrite-v .left .state.m-state-0 {
   color: #4caf50;
 }
-.matrix-records-item-view .info-view .abttrite-v .left .state.m-state-1 {
+.matrix-records-item-view .info-view .abttrite-v .left .state.m-state--1,
+.matrix-records-item-view .info-view .abttrite-v .left .state.m-state-1,
+.matrix-records-item-view .info-view .abttrite-v .left .state.m-state-2,
+.matrix-records-item-view .info-view .abttrite-v .left .state.m-state-3,
+.matrix-records-item-view .info-view .abttrite-v .left .state.m-state-4,
+.matrix-records-item-view .info-view .abttrite-v .left .state.m-state-5,
+.matrix-records-item-view .info-view .abttrite-v .left .state.m-state-6,
+.matrix-records-item-view .info-view .abttrite-v .left .state.m-state-7,
+.matrix-records-item-view .info-view .abttrite-v .left .state.m-state-8,
+.matrix-records-item-view .info-view .abttrite-v .left .state.m-state-9,
+.matrix-records-item-view .info-view .abttrite-v .left .state.m-state-10,
+.matrix-records-item-view .info-view .abttrite-v .left .state.m-state-11,
+.matrix-records-item-view .info-view .abttrite-v .left .state.m-state-12,
+.matrix-records-item-view .info-view .abttrite-v .left .state.m-state-13 {
   color: #ff9800;
 }
 .matrix-records-item-view .info-view .abttrite-v .right {

package/lib/index.css

@@ -2991,6 +2991,11 @@
   color: white;
   font-size: 30px;
 }
+.matrix-records-item-view .cover-view .no-img.weixin {
+  font-size: 20px;
+  background: #89be89;
+  border-radius: 6px;
+}
 .matrix-records-item-view .info-view {
   display: flex;
   flex: 1;
@@ -3042,13 +3047,25 @@
 .matrix-records-item-view .info-view .abttrite-v .left .account {
   margin-left: 10px;
 }
-.matrix-records-item-view .info-view .abttrite-v .left .account .avatar {
+.matrix-records-item-view .info-view .abttrite-v .left .account .avatar-v {
+  position: relative;
+}
+.matrix-records-item-view .info-view .abttrite-v .left .account .avatar-v .avatar {
   width: 25px;
   height: 25px;
   margin-right: 10px;
   border-radius: 50%;
 }
-.matrix-records-item-view .info-view .abttrite-v .left .account .avatar img {
+.matrix-records-item-view .info-view .abttrite-v .left .account .avatar-v .pla-icon {
+  position: absolute;
+  right: -5px;
+  bottom: 1px;
+  width: 12px;
+  height: 12px;
+  margin-right: 10px;
+  border-radius: 50%;
+}
+.matrix-records-item-view .info-view .abttrite-v .left .account .avatar-v img {
   width: 100%;
   height: 100%;
 }
@@ -3061,13 +3078,33 @@
   border-radius: 50%;
   content: '';
 }
+.matrix-records-item-view .info-view .abttrite-v .left .state.p-state-1 {
+  color: rgb(var(--primary-6));
+}
 .matrix-records-item-view .info-view .abttrite-v .left .state.p-state-2 {
   color: #4caf50;
 }
+.matrix-records-item-view .info-view .abttrite-v .left .state.p-state-3,
+.matrix-records-item-view .info-view .abttrite-v .left .state.p-state-4 {
+  color: #ff9800;
+}
 .matrix-records-item-view .info-view .abttrite-v .left .state.m-state-0 {
   color: #4caf50;
 }
-.matrix-records-item-view .info-view .abttrite-v .left .state.m-state-1 {
+.matrix-records-item-view .info-view .abttrite-v .left .state.m-state--1,
+.matrix-records-item-view .info-view .abttrite-v .left .state.m-state-1,
+.matrix-records-item-view .info-view .abttrite-v .left .state.m-state-2,
+.matrix-records-item-view .info-view .abttrite-v .left .state.m-state-3,
+.matrix-records-item-view .info-view .abttrite-v .left .state.m-state-4,
+.matrix-records-item-view .info-view .abttrite-v .left .state.m-state-5,
+.matrix-records-item-view .info-view .abttrite-v .left .state.m-state-6,
+.matrix-records-item-view .info-view .abttrite-v .left .state.m-state-7,
+.matrix-records-item-view .info-view .abttrite-v .left .state.m-state-8,
+.matrix-records-item-view .info-view .abttrite-v .left .state.m-state-9,
+.matrix-records-item-view .info-view .abttrite-v .left .state.m-state-10,
+.matrix-records-item-view .info-view .abttrite-v .left .state.m-state-11,
+.matrix-records-item-view .info-view .abttrite-v .left .state.m-state-12,
+.matrix-records-item-view .info-view .abttrite-v .left .state.m-state-13 {
   color: #ff9800;
 }
 .matrix-records-item-view .info-view .abttrite-v .right {