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

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

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

Loading…
Cancel
Save