|
|
|
|
@ -1,6 +1,11 @@
|
|
|
|
|
<template>
|
|
|
|
|
<ContentWrap>
|
|
|
|
|
<div v-loading="detailLoading" class="mold-brand-detail">
|
|
|
|
|
<div class="mold-brand-detail__header">
|
|
|
|
|
<el-button @click="goBack">
|
|
|
|
|
<Icon icon="ep:arrow-left" class="mr-5px" /> {{ t('MoldManagement.MoldBrandDetail.back') }}
|
|
|
|
|
</el-button>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="mold-brand-detail__hero">
|
|
|
|
|
<div class="mold-brand-detail__left">
|
|
|
|
|
<div class="mold-brand-detail__image-card">
|
|
|
|
|
@ -22,18 +27,10 @@
|
|
|
|
|
|
|
|
|
|
<div class="mold-brand-detail__main">
|
|
|
|
|
<div class="mold-brand-detail__topbar">
|
|
|
|
|
<div>
|
|
|
|
|
<div class="mold-brand-detail__title-row">
|
|
|
|
|
<span class="mold-brand-detail__title">{{ detailData?.name || '-' }}<span v-if="detailData?.version">({{
|
|
|
|
|
detailData.version }})</span></span>
|
|
|
|
|
<dict-tag :type="DICT_TYPE.ERP_MOLD_STATUS" :value="detailData?.status" />
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="mold-brand-detail__actions">
|
|
|
|
|
<el-button @click="goBack"><Icon icon="ep:arrow-left" class="mr-5px" /> {{ t('MoldManagement.MoldBrandDetail.back') }}</el-button>
|
|
|
|
|
<el-button type="primary" @click="goOperate(1)" v-if="detailData?.status === 1">{{ t('MoldManagement.MoldBrandDetail.moldUp') }}</el-button>
|
|
|
|
|
<el-button type="success" @click="goOperate(2)" v-if="detailData?.status === 0">{{ t('MoldManagement.MoldBrandDetail.moldDown') }}</el-button>
|
|
|
|
|
<el-button type="warning" @click="handleReservedAction(t('MoldManagement.MoldBrandDetail.repair'))">{{ t('MoldManagement.MoldBrandDetail.repair') }}</el-button>
|
|
|
|
|
<div class="mold-brand-detail__title-row">
|
|
|
|
|
<span class="mold-brand-detail__title">{{ detailData?.name || '-' }}<span v-if="detailData?.version">({{
|
|
|
|
|
detailData.version }})</span></span>
|
|
|
|
|
<dict-tag :type="DICT_TYPE.ERP_MOLD_STATUS" :value="detailData?.status" />
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
@ -722,6 +719,13 @@ onMounted(() => {
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<style scoped>
|
|
|
|
|
.mold-brand-detail__header {
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
align-items: center;
|
|
|
|
|
margin-bottom: 20px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.mold-brand-detail__crumb {
|
|
|
|
|
margin-bottom: 16px;
|
|
|
|
|
color: var(--el-text-color-secondary);
|
|
|
|
|
|