spring
2025-06-03 7b634da281a7ae621605c273b199e4ff14820c45
pages/product/cancelReport/index.vue
@@ -1,7 +1,10 @@
<template>
  <!-- 取消报工 -->
  <view class="page">
    <u-form :model="form" ref="uForm" :label-width="280" :rules="rules" :error-type="['toast']">
    <view class="packing-registration-bg" />
    <u-navbar title="核磅录入" :background="background" :border-bottom="false" :title-bold="true" title-color="#000"
      back-icon-color="#000" />
    <u-form :model="form" ref="uForm" :label-width="280" :rules="rules" :error-type="['toast']" class="uForm">
      <u-form-item label="订单号" :border-bottom="false" prop="value3">
        <u-input v-model="form.value3" type="select" placeholder="点击选择" @click="openList" />
      </u-form-item>
@@ -11,9 +14,16 @@
</template>
<script>
import content_bg from '@/static/custom/packing/backBg.png'
export default {
  data() {
    return {
      background: {
        backgroundImage: `url(${content_bg})`,
        backgroundAttachment: 'fixed',
        backgroundSize: '100% auto',
        backgroundRepeat: 'no-repeat',
      },
      form: {
        value3: ''
      },
@@ -37,7 +47,27 @@
<style lang="scss" scoped>
.page {
  box-sizing: border-box;
  padding: 30rpx;
}
.packing-registration-bg {
  background-color: #f6f9ff;
  background-image: url("~@/static/custom/packing/backBg.png");
  padding: 0 20rpx;
  background-attachment: fixed;
  background-size: 100% auto;
  background-repeat: no-repeat;
  position: fixed;
  top: 0;
  bottom: 0;
  width: 100%;
  z-index: -1;
}
.uForm {
  background: #fff;
  margin: 40rpx 30rpx;
  padding: 20rpx 30rpx;
  border-radius: 16rpx;
}
::v-deep .u-input__input {