hrms-bangkok/hrms-mgt
7
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

ปรับ icon avatar เเละ ปรับสีปุ่มเป็น secondary

Browse source
This commit is contained in:
Net 2024-02-16 16:21:18 +07:00
parent d747eb5659
commit 2c4c2af3da
1 changed files with 8 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

13
src/modules/00_support/components/FormChat.vue
View file

@ -2,6 +2,7 @@
import "moment/dist/locale/th"; import "moment/dist/locale/th";
import moment from "moment"; import moment from "moment";
import DialogStatus from "@/modules/00_support/components/DialogStatus.vue"; import DialogStatus from "@/modules/00_support/components/DialogStatus.vue";
import { ref, onMounted } from "vue"; import { ref, onMounted } from "vue";
import { storeToRefs } from "pinia"; import { storeToRefs } from "pinia";
import { useSupportStore } from "@/modules/00_support/store/Main"; import { useSupportStore } from "@/modules/00_support/store/Main";
@ -12,6 +13,9 @@ const content = ref<string>("");
const searchInput = ref<string>(""); const searchInput = ref<string>("");
const currentIssuePage = ref<number>(1); const currentIssuePage = ref<number>(1);
const totalPageIssue = ref<number>(); const totalPageIssue = ref<number>();
const iconAvatar = ref<string>(
"https://bma-ehr.frappet.synology.me/assets/avatar_user-8c8fe276.jpg"
);
const { scrollContainer } = storeToRefs(store); const { scrollContainer } = storeToRefs(store);
@ -66,8 +70,7 @@ const onLoad = (async (_: any, done: any) => {
<p> <p>
<q-btn <q-btn
dense dense
size="16px" color="secondary"
color="primary"
class="button-link-no-deco q-px-md" class="button-link-no-deco q-px-md"
@click="$router.push('/support/category')" @click="$router.push('/support/category')"
> >
@ -103,7 +106,7 @@ const onLoad = (async (_: any, done: any) => {
<div class="i2 bg-white align-center"> <div class="i2 bg-white align-center">
<q-toolbar> <q-toolbar>
<q-avatar> <q-avatar>
<img src="https://cdn.quasar.dev/img/avatar3.jpg" /> <img :src="iconAvatar" />
</q-avatar> </q-avatar>
<q-item-section v-if="store.currentIssue" class="q-pl-sm"> <q-item-section v-if="store.currentIssue" class="q-pl-sm">
<q-item-label <q-item-label
@ -171,7 +174,7 @@ const onLoad = (async (_: any, done: any) => {
<div class="col-10 row items-center"> <div class="col-10 row items-center">
<div class="noactive-avatar"> <div class="noactive-avatar">
<q-avatar color="grey-2" text-color="white" size="40px"> <q-avatar color="grey-2" text-color="white" size="40px">
<img src="https://cdn.quasar.dev/img/avatar1.jpg" /> <img :src="iconAvatar" />
</q-avatar> </q-avatar>
</div> </div>
<div class="col column q-ml-md"> <div class="col column q-ml-md">
@ -245,7 +248,7 @@ const onLoad = (async (_: any, done: any) => {
<q-chat-message <q-chat-message
:key="index" :key="index"
:id="item.id" :id="item.id"
avatar="https://cdn.quasar.dev/img/avatar4.jpg" :avatar="iconAvatar"
:text="[item.content]" :text="[item.content]"
:bg-color=" :bg-color="
item.fromUserId === store.userId ? 'primary' : 'white' item.fromUserId === store.userId ? 'primary' : 'white'