Skip to content

foreign / customer-service

Go to a project
Commit 6307c231 by Sixong.Zhu
Options

update id to string

parent 3276c499
Inline Side-by-side
Showing with 40 additions and 45 deletions
components/who-read-list.vue
...@@ -57,19 +57,19 @@ ...@@ -57,19 +57,19 @@
</template> </template>
<script lang="ts"> <script lang="ts">
import { Component, Prop, Ref, Vue } from "vue-property-decorator"; import { Component, Prop, Ref, Vue } from "vue-property-decorator";
import { namespace } from "vuex-class"; import { namespace } from "vuex-class";
import * as dto from "../model"; import * as dto from "../model";
import { unique } from "../utils"; import { unique } from "../utils";
import avatar from "@/customer-service/components/avatar.vue"; import avatar from "@/customer-service/components/avatar.vue";
import { ChatStore } from "@/customer-service/store/model"; import { ChatStore } from "@/customer-service/store/model";
import chat from "@/customer-service/xim/index"; import chat from "@/customer-service/xim/index";
import xim from "@/customer-service/xim/xim"; import xim from "@/customer-service/xim/xim";
const chatStoreNamespace = namespace("chatStore"); const chatStoreNamespace = namespace("chatStore");
@Component({ components: { avatar } }) @Component({ components: { avatar } })
export default class WhoReadList extends Vue { export default class WhoReadList extends Vue {
@chatStoreNamespace.State(ChatStore.STATE_CHAT_CURRENT_CHAT_ID) @chatStoreNamespace.State(ChatStore.STATE_CHAT_CURRENT_CHAT_ID)
private readonly chatId!: 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 { ...@@ -163,11 +163,11 @@ export default class WhoReadList extends Vue {
return all.findIndex((k) => k.eid === item.eid); return all.findIndex((k) => k.eid === item.eid);
}); });
} }
} }
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
.who-read-list { .who-read-list {
background-color: #fff; background-color: #fff;
box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
border-radius: 4px; border-radius: 4px;
...@@ -188,9 +188,9 @@ export default class WhoReadList extends Vue { ...@@ -188,9 +188,9 @@ export default class WhoReadList extends Vue {
color: #333333; color: #333333;
margin-bottom: 15px; margin-bottom: 15px;
} }
} }
.tabs { .tabs {
border-bottom: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0;
padding: 10px; padding: 10px;
...@@ -213,15 +213,15 @@ export default class WhoReadList extends Vue { ...@@ -213,15 +213,15 @@ export default class WhoReadList extends Vue {
margin-left: 30px; margin-left: 30px;
} }
} }
} }
.items { .items {
padding: 10px; padding: 10px;
padding-top: 0; padding-top: 0;
padding-left: 20px; padding-left: 20px;
} }
.member-item { .member-item {
margin-top: 10px; margin-top: 10px;
.member-avatar, .member-avatar,
.member-name { .member-name {
...@@ -231,5 +231,5 @@ export default class WhoReadList extends Vue { ...@@ -231,5 +231,5 @@ export default class WhoReadList extends Vue {
.member-avatar { .member-avatar {
margin-right: 10px; margin-right: 10px;
} }
} }
</style> </style>
components/workflow.vue
...@@ -58,34 +58,29 @@ ...@@ -58,34 +58,29 @@
</template> </template>
<script lang="ts"> <script lang="ts">
import { EVENTS } from "@/EventConsts"; import { EVENTS } from "@/EventConsts";
import startProcessDialog from "@/views/workflow2/components/startProcessDialog.vue"; import startProcessDialog from "@/views/workflow2/components/startProcessDialog.vue";
import { Component, Prop, Ref, Vue } from "vue-property-decorator"; import { Component, Prop, Ref, Vue } from "vue-property-decorator";
import Chat from "../xim/index"; import Chat from "../xim/index";
enum WorkFlowStatus { enum WorkFlowStatus {
"未启动" = 0, "未启动" = 0,
"已启动" = 1, "已启动" = 1,
"已完成" = 2, "已完成" = 2,
} }
@Component({ components: { startProcessDialog } }) @Component({ components: { startProcessDialog } })
export default class WorkFlow extends Vue { export default class WorkFlow extends Vue {
@Ref("startProcessDialog") @Ref("startProcessDialog")
private readonly startProcessIns!: startProcessDialog; private readonly startProcessIns!: startProcessDialog;
@Prop({ @Prop({ required: true })
required: true,
})
private readonly model_name!: string; private readonly model_name!: string;
@Prop({ required: true }) @Prop({ required: true })
private readonly id!: string | number; private readonly id!: string | number;
@Prop({ @Prop({ type: String, default: null })
type: String,
default: null,
})
private readonly name!: string; private readonly name!: string;
private processName = ""; private processName = "";
...@@ -106,7 +101,7 @@ export default class WorkFlow extends Vue { ...@@ -106,7 +101,7 @@ export default class WorkFlow extends Vue {
this.flowList = await Chat.getSdk() this.flowList = await Chat.getSdk()
.model(this.model_name) .model(this.model_name)
.workflow2() .workflow2()
.queryProcessByAssociateId(+this.id); .queryProcessByAssociateId(this.id as number);
} }
public start(workflow: any) { public start(workflow: any) {
...@@ -124,11 +119,11 @@ export default class WorkFlow extends Vue { ...@@ -124,11 +119,11 @@ export default class WorkFlow extends Vue {
}, },
}); });
} }
} }
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
.workflows { .workflows {
padding: 10px 30px; padding: 10px 30px;
padding-bottom: 0; padding-bottom: 0;
background: #fff; background: #fff;
...@@ -150,12 +145,12 @@ export default class WorkFlow extends Vue { ...@@ -150,12 +145,12 @@ export default class WorkFlow extends Vue {
.get-out { .get-out {
padding: 0; padding: 0;
} }
} }
.workflow-scrollbar { .workflow-scrollbar {
height: calc(100% - 15px); height: calc(100% - 15px);
} }
.text-hint { .text-hint {
margin: 20px 0; margin: 20px 0;
} }
</style> </style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment