mirror of
https://github.com/scinote-eln/scinote-web.git
synced 2025-10-31 08:26:31 +08:00
40 lines
1.3 KiB
Vue
40 lines
1.3 KiB
Vue
<template>
|
|
<div class="flex items-center gap-1">
|
|
<span v-if="!data.stock_present && data.value && data.value.consumed_stock !== null">
|
|
{{ data.value.consumed_stock_formatted }}
|
|
</span>
|
|
<span v-else-if="!data.stock_present"> - </span>
|
|
<span v-else-if="!data.consumptionManagable && data.value && !data.value.consumed_stock" class="text-sn-grey-500">
|
|
{{ i18n.t('libraries.manange_modal_column.stock_type.stock_consumption_locked') }}
|
|
</span>
|
|
<span v-else-if="!data.consumptionPermitted || !data.consumptionManagable">
|
|
{{ data.value.consumed_stock_formatted }}
|
|
</span>
|
|
<span v-else-if="!data.value.consumed_stock"
|
|
class="text-sn-grey-700 cursor-pointer"
|
|
@click="params.dtComponent.consume(this.params.data)"
|
|
>
|
|
<i class="sn-icon sn-icon-test-tube"></i>
|
|
{{ i18n.t('libraries.manange_modal_column.stock_type.add_stock_consumption') }}
|
|
</span>
|
|
<span v-else class="cursor-pointer text-sn-blue" @click="params.dtComponent.consume(this.params.data)">
|
|
{{ data.value.consumed_stock_formatted }}
|
|
</span>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
props: {
|
|
params: {
|
|
type: Object,
|
|
required: true
|
|
}
|
|
},
|
|
computed: {
|
|
data() {
|
|
return this.params.data.consumedStock;
|
|
}
|
|
}
|
|
};
|
|
</script>
|