样式调整1

tjx

2025-11-04 5643bf0fae622573052122836b8edfba72157438

样式调整1

 components/WorkOrderPrint.vue

@@ -91,24 +91,22 @@
            </view>

            <view class="flex-row gap-lg">
                <!-- 当前报工人部分移到左边 -->
                <view class="current-user-section fill-width">
                <!-- 当前报工人部分 -->
                <view class="current-user-section">
                    <text>当前报工人：</text>
                    <text class="current-user-name">{{ staffDisplay || '未选择' }}</text>
                    <button class="select-user-btn" @click="isShowUserSelect = true">选人</button>
                </view>

                <!-- 不良数量部分移到右边 -->
                <view class="print-section flex-grow">
                    <view class="barcode-info">
                        <view class="user-select">
                            <text>不良数量：</text>
                            <input v-model="customAmount" class="inp bad-input" placeholder="请输入数量" />
                        </view>
                        <view class="user-select">
                            <button class="details-btn" @click="confirmCustomAmount">确认提交</button>
                        </view>
                    </view>
                <!-- 不良数量部分 -->
                <view class="defective-section">
                    <text>不良数量：</text>
                    <input v-model="customAmount" class="inp bad-input" placeholder="请输入数量" />
                </view>

                <!-- 确认提交按钮 -->
                <view class="submit-section">
                    <button class="details-btn" @click="confirmCustomAmount">确认提交</button>
                </view>
            </view>

@@ -675,22 +673,16 @@
        gap: 30px;
    }

    .print-section {
    .defective-section {
        display: flex;
        align-items: center;
        border: 1.5px solid #808080;
        border-radius: 10px;
        padding: 14px 22px;
        background: #fff;
        flex: 1 1 540px;
        gap: 14px;
        font-size: 18px;
    }

    .barcode-info {
    .submit-section {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 30px;
        width: 100%;
    }

    .inp {
@@ -733,11 +725,7 @@
        padding: 14px 22px;
        background: #fff;
        gap: 14px;
        flex: 1 1 540px;
    }

    .fill-width {
        flex: 1 1 540px;
        flex: 0 0 auto;
    }

    .current-user-name {