43 lines
1010 B
Vue
43 lines
1010 B
Vue
<template>
|
|
<a
|
|
@click="changeStatus()"
|
|
v-if="field === 'status' && row[field] === 1"
|
|
>
|
|
<span :style="style">{{ row[column] }}</span>
|
|
</a>
|
|
<span
|
|
:style="style"
|
|
v-else
|
|
>{{ row[column] }}</span
|
|
>
|
|
</template>
|
|
<script setup>
|
|
import { useStore } from "@/stores/index";
|
|
const store = useStore();
|
|
const emit = defineEmits(["clickevent"]);
|
|
const props = defineProps({
|
|
row: Object,
|
|
field: String,
|
|
column: String,
|
|
param: String,
|
|
pagname: String,
|
|
});
|
|
const params = store[props.param];
|
|
const found = params.find((v) => props.row[props.field] === v.id);
|
|
const style = found ? `color:${found.color}` : undefined;
|
|
function changeStatus() {
|
|
emit("clickevent", {
|
|
name: "dataevent",
|
|
data: {
|
|
modal: {
|
|
title: store.lang === "vi" ? "Từ chối đơn vay" : "Reject application",
|
|
height: "320px",
|
|
width: "50%",
|
|
component: "application/RejectApp",
|
|
vbind: { row: props.row, pagname: props.pagname },
|
|
},
|
|
},
|
|
});
|
|
}
|
|
</script>
|