[update] 法规库操作列样式

This commit is contained in:
lideqin
2024-06-21 11:29:32 +08:00
parent 4462c90776
commit a288eb2ebf
4 changed files with 33 additions and 21 deletions
+7 -1
View File
@@ -103,13 +103,19 @@
display: flex;
align-items: center;
font-family: PingFang SC-Regular, PingFang SC, sans-serif;
color: #1D2129;
color: @primary-color;
&-icon {
margin-right: 8px;
color: @primary-color;
}
}
.operate-del-btn {
color: #C30D23 !important;
.operate-btn-icon {
color: #C30D23 !important;
}
}
.action-span-cell > a:first-child {
margin-left: 0;
+2 -2
View File
@@ -39,7 +39,7 @@
<a-menu slot="overlay">
<a-menu-item v-for="(operation, index) in operSpecialJudge(record).slice(operateMaxNum)" :key="index">
<a @click="operationClick(operation,record)">
<div class="operate-btn">
<div class="operate-btn" :class="operation.text === $t('delete') ? 'operate-del-btn' : ''">
{{ operation.text }}
</div>
</a>
@@ -68,7 +68,7 @@
<a-menu slot="overlay">
<a-menu-item v-for="(operation, index) in getLineOperationList(record).slice(operateMaxNum)" :key="index">
<a @click="operationClick(operation,record)">
<div class="operate-btn">
<div class="operate-btn" :class="operation.text === $t('delete') ? 'operate-del-btn' : ''">
{{ operation.text }}
</div>
</a>
@@ -73,7 +73,7 @@
<!-- 模板下载 -->
<a-button icon="download" type="primary" ghost @click="downTemplate($t('enterpriseStandardLibrary.standard.templateExport'))" v-has="'enterpriseStandard:templateDownload'">{{ $t('templateDownload') }}</a-button>
<!-- 批量删除 -->
<a-button icon="delete" type="primary" ghost @click="batchDel" v-has="'enterpriseStandard:batchDel'">{{ $t('batchDelete') }}</a-button>
<a-button icon="delete" type="danger" ghost @click="batchDel" v-has="'enterpriseStandard:batchDel'">{{ $t('batchDelete') }}</a-button>
<!-- 配置标准 -->
<a-button icon="setting" type="primary" ghost @click="handleAllocationStandard" v-has="'enterpriseStandard:allocationStandard'">{{ $t('enterpriseStandardLibrary.standard.allocationStandard') }}</a-button>
<!-- 移出标准 -->
@@ -110,13 +110,15 @@
<template v-if="record.del_flag">
<a-menu-item v-for="(operation, index) in operationList.slice(operateMaxNum)" :key="index">
<a @click="operationClick(operation,record)">
<!-- 查看图标-->
<i class="iconfont icon-link operate-btn-icon" v-if="operation.text === $t('viewDetail')" />
<!-- 编辑图标 -->
<i class="iconfont icon-bianji operate-btn-icon" v-if="operation.text === $t('edit')" />
<!-- 删除图标 -->
<i class="iconfont icon-shanchu_ operate-btn-icon" v-if="operation.text === $t('delete')" />
{{ operation.text }}
<div class="operate-btn" :class="operation.text === $t('delete') ? 'operate-del-btn' : ''">
<!-- 查看图标-->
<i class="iconfont icon-link operate-btn-icon" v-if="operation.text === $t('viewDetail')" />
<!-- 编辑图标 -->
<i class="iconfont icon-bianji operate-btn-icon" v-if="operation.text === $t('edit')" />
<!-- 删除图标 -->
<i class="iconfont icon-shanchu_ operate-btn-icon" v-if="operation.text === $t('delete')" />
{{ operation.text }}
</div>
</a>
</a-menu-item>
</template>
@@ -124,11 +126,13 @@
<template v-else>
<a-menu-item v-for="(operation, index) in operationList.slice(operateMaxNum).filter(item => item.text !== $t('delete'))" :key="index">
<a @click="operationClick(operation,record)">
<!-- 查看图标-->
<i class="iconfont icon-link operate-btn-icon" v-if="operation.text === $t('viewDetail')" />
<!-- 编辑图标 -->
<i class="iconfont icon-bianji operate-btn-icon" v-if="operation.text === $t('edit')" />
{{ operation.text }}
<div class="operate-btn" :class="operation.text === $t('delete') ? 'operate-del-btn' : ''">
<!-- 查看图标-->
<i class="iconfont icon-link operate-btn-icon" v-if="operation.text === $t('viewDetail')" />
<!-- 编辑图标 -->
<i class="iconfont icon-bianji operate-btn-icon" v-if="operation.text === $t('edit')" />
{{ operation.text }}
</div>
</a>
</a-menu-item>
</template>
@@ -164,9 +168,11 @@
<a-menu slot="overlay">
<a-menu-item v-for="(operation, index) in operationList.slice(operateMaxNum).filter(item => ![$t('edit'), $t('delete')].includes(item.text))" :key="index">
<a @click="operationClick(operation,record)">
<!-- 查看图标-->
<i class="iconfont icon-link operate-btn-icon" v-if="operation.text === $t('viewDetail')" />
{{ operation.text }}
<div class="operate-btn" :class="operation.text === $t('delete') ? 'operate-del-btn' : ''">
<!-- 查看图标-->
<i class="iconfont icon-link operate-btn-icon" v-if="operation.text === $t('viewDetail')" />
{{ operation.text }}
</div>
</a>
</a-menu-item>
</a-menu>
@@ -103,7 +103,7 @@
{{ $t('templateDownload') }}
</a-button>
<!-- 批量删除-->
<a-button type="primary" icon="delete" ghost @click="batchDel" v-has="'domesticStandard:batchDel'">{{
<a-button type="danger" icon="delete" ghost @click="batchDel" v-has="'domesticStandard:batchDel'">{{
$t('batchDelete')
}}
</a-button>
@@ -183,7 +183,7 @@
<a-menu slot="overlay">
<a-menu-item v-for="(operation, index) in operationList.slice(operateMaxNum)" :key="index">
<a @click="operationClick(operation,record)">
<div class="operate-btn">
<div class="operate-btn" :class="operation.text === $t('delete') ? 'operate-del-btn' : ''">
<!-- 查看图标-->
<i class="iconfont icon-link operate-btn-icon" v-if="operation.text === $t('viewDetail')" />
<!-- 编辑图标-->