style:模具台账-编码添加复制按钮

master
黄伟杰 2 weeks ago
parent 38ab4c77b2
commit a3c8c7e412

@ -44,7 +44,10 @@
<view class="card-header">
<view class="header-left">
<text class="name">{{ textValue(item.name) }}</text>
<text class="code">编码: {{ textValue(item.code) }}</text>
<view class="code-wrapper">
<text class="code">编码{{ textValue(item.code) }}</text>
<CopyButton :content="item.code" />
</view>
</view>
<view class="header-right">
<view class="status-chip" :class="statusClass(item.status)">
@ -273,6 +276,7 @@
import { ref, computed } from 'vue'
import { onLoad } from '@dcloudio/uni-app'
import AppTitleHeader from '@/components/common/AppTitleHeader.vue'
import CopyButton from '@/components/common/CopyButton.vue'
import { createMold, deleteMold, getMoldBrandTree, getMoldDetail, getMoldPage, updateMold, uploadMoldImage } from '@/api/mes/mold'
import { getProductUnitSimpleList, getUnitList } from '@/api/mes/product'
import { DICT_TYPE, getDictLabel, initAllDict } from '@/utils/dict'
@ -992,6 +996,12 @@ function resolveUploadUrl(res) {
color: #8c929a;
}
.code-wrapper {
display: flex;
align-items: center;
gap: 8rpx;
}
.header-right {
display: flex;
align-items: center;

Loading…
Cancel
Save