update id to string

components/who-read-list.vue

@@ -57,19 +57,19 @@
 </template>
 
 <script lang="ts">
-import { Component, Prop, Ref, Vue } from "vue-property-decorator";
-import { namespace } from "vuex-class";
-import * as dto from "../model";
-import { unique } from "../utils";
-import avatar from "@/customer-service/components/avatar.vue";
-import { ChatStore } from "@/customer-service/store/model";
-import chat from "@/customer-service/xim/index";
-import xim from "@/customer-service/xim/xim";
-
-const chatStoreNamespace = namespace("chatStore");
-
-@Component({ components: { avatar } })
-export default class WhoReadList extends Vue {
+    import { Component, Prop, Ref, Vue } from "vue-property-decorator";
+    import { namespace } from "vuex-class";
+    import * as dto from "../model";
+    import { unique } from "../utils";
+    import avatar from "@/customer-service/components/avatar.vue";
+    import { ChatStore } from "@/customer-service/store/model";
+    import chat from "@/customer-service/xim/index";
+    import xim from "@/customer-service/xim/xim";
+
+    const chatStoreNamespace = namespace("chatStore");
+
+    @Component({ components: { avatar } })
+    export default class WhoReadList extends Vue {
         @chatStoreNamespace.State(ChatStore.STATE_CHAT_CURRENT_CHAT_ID)
         private readonly chatId!: ChatStore.STATE_CHAT_CURRENT_CHAT_ID;
 
@@ -163,11 +163,11 @@ export default class WhoReadList extends Vue {
                 return all.findIndex((k) => k.eid === item.eid);
             });
         }
-}
+    }
 </script>
 
 <style lang="less" scoped>
-.who-read-list {
+    .who-read-list {
         background-color: #fff;
         box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
         border-radius: 4px;
@@ -188,9 +188,9 @@ export default class WhoReadList extends Vue {
             color: #333333;
             margin-bottom: 15px;
         }
-}
+    }
 
-.tabs {
+    .tabs {
         border-bottom: 1px solid #f0f0f0;
         padding: 10px;
 
@@ -213,15 +213,15 @@ export default class WhoReadList extends Vue {
                 margin-left: 30px;
             }
         }
-}
+    }
 
-.items {
+    .items {
         padding: 10px;
         padding-top: 0;
         padding-left: 20px;
-}
+    }
 
-.member-item {
+    .member-item {
         margin-top: 10px;
         .member-avatar,
         .member-name {
@@ -231,5 +231,5 @@ export default class WhoReadList extends Vue {
         .member-avatar {
             margin-right: 10px;
         }
-}
+    }
 </style>

components/workflow.vue

@@ -58,34 +58,29 @@
 </template>
 
 <script lang="ts">
-import { EVENTS } from "@/EventConsts";
-import startProcessDialog from "@/views/workflow2/components/startProcessDialog.vue";
-import { Component, Prop, Ref, Vue } from "vue-property-decorator";
-import Chat from "../xim/index";
+    import { EVENTS } from "@/EventConsts";
+    import startProcessDialog from "@/views/workflow2/components/startProcessDialog.vue";
+    import { Component, Prop, Ref, Vue } from "vue-property-decorator";
+    import Chat from "../xim/index";
 
-enum WorkFlowStatus {
+    enum WorkFlowStatus {
         "未启动" = 0,
         "已启动" = 1,
         "已完成" = 2,
-}
+    }
 
-@Component({ components: { startProcessDialog } })
-export default class WorkFlow extends Vue {
+    @Component({ components: { startProcessDialog } })
+    export default class WorkFlow extends Vue {
         @Ref("startProcessDialog")
         private readonly startProcessIns!: startProcessDialog;
 
-    @Prop({
-        required: true,
-    })
+        @Prop({ required: true })
         private readonly model_name!: string;
 
         @Prop({ required: true })
         private readonly id!: string | number;
 
-    @Prop({
-        type: String,
-        default: null,
-    })
+        @Prop({ type: String, default: null })
         private readonly name!: string;
 
         private processName = "";
@@ -106,7 +101,7 @@ export default class WorkFlow extends Vue {
             this.flowList = await Chat.getSdk()
                 .model(this.model_name)
                 .workflow2()
-            .queryProcessByAssociateId(+this.id);
+                .queryProcessByAssociateId(this.id as number);
         }
 
         public start(workflow: any) {
@@ -124,11 +119,11 @@ export default class WorkFlow extends Vue {
                 },
             });
         }
-}
+    }
 </script>
 
 <style lang="less" scoped>
-.workflows {
+    .workflows {
         padding: 10px 30px;
         padding-bottom: 0;
         background: #fff;
@@ -150,12 +145,12 @@ export default class WorkFlow extends Vue {
         .get-out {
             padding: 0;
         }
-}
-.workflow-scrollbar {
+    }
+    .workflow-scrollbar {
         height: calc(100% - 15px);
-}
+    }
 
-.text-hint {
+    .text-hint {
         margin: 20px 0;
-}
+    }
 </style>