样式调整，移库增加二维码扫描功能，报工二维码扫描回显

yyb

2025-06-10 4d98f85da66a261583894af65ad9f53d8017bbf6

 pages/product/report/index.vue

@@ -8,20 +8,20 @@
          <u-radio name="铜杆">铜杆</u-radio>
        </u-radio-group>
      </u-form-item>
      <u-form-item label="报工单号" :border-bottom="false" prop="value1">
        <u-input v-model="form.value1" type="select" placeholder="请扫描报工单号" @click="open" />
      <u-form-item label="报工单号" :border-bottom="false" prop="taskNo">
        <u-input v-model="form.taskNo" type="select" placeholder="请扫描报工单号" @click="open" />
      </u-form-item>
      <u-form-item label="工序" :border-bottom="false" prop="value2">
        <u-input v-model="form.value2" type="select" placeholder="请扫描报工单号" />
      <u-form-item label="工序" :border-bottom="false" prop="name">
        <u-input v-model="form.name" type="select" placeholder="请扫描报工单号" />
      </u-form-item>
      <u-form-item label="订单号" :border-bottom="false" prop="value3">
        <u-input v-model="form.value3" type="select" placeholder="点击选择" @click="openList" />
      <u-form-item label="订单号" :border-bottom="false" prop="moOn">
        <u-input v-model="form.moOn" type="select" placeholder="点击选择" @click="openList" />
      </u-form-item>
      <u-form-item label="零件号" :border-bottom="false" prop="value4">
        <u-input v-model="form.value4" placeholder="" disabled />
      <u-form-item label="零件号" :border-bottom="false" prop="partNo">
        <u-input v-model="form.partNo" placeholder="" disabled />
      </u-form-item>
      <u-form-item label="零件描述" :border-bottom="false" prop="value5">
        <u-input v-model="form.value5" placeholder="" disabled />
      <u-form-item label="零件描述" :border-bottom="false" prop="partName">
        <u-input v-model="form.partName" placeholder="" disabled />
      </u-form-item>
      <u-form-item label="批量大小" :border-bottom="false" prop="value6">
        <u-input v-model="form.value6" placeholder="" disabled />
@@ -60,14 +60,16 @@
      </u-field>
    </modalBg>
    <saveForm ref="saveForm" />
    <scan></scan>
  </div>
</template>

<script>
import modalBg from '@/components/modal/modal-bg.vue'
import saveForm from './components/saveForm.vue'
import scan from "@/components/scan/scan.vue";
export default {
  components: { modalBg, saveForm },
  components: { modalBg, saveForm, scan },
  data() {
    return {
      checkboxList: [
@@ -85,12 +87,11 @@
        }
      ],
      form: {
        value0: '',
        value1: '',
        value2: '',
        value3: '',
        value4: '',
        value5: '',
        taskNo: '',
        name: '',
        moOn: '',
        partNo: '',
        partName: '',
        value6: '',
        value7: '',
        value8: '',
@@ -173,6 +174,22 @@
  onReady() {
    this.$refs.uForm.setRules(this.rules);
  },
  onShow() {
    let that = this
    uni.$off('scan') // 每次进来先 移除全局自定义事件监听器
    uni.$on('scan', function (data) {
      console.log('onscan');
      //扫码成功后的回调，你可以写自己的逻辑代码在这里
      console.log('页面扫码结果：', data.code);
      if (data.code) {
        let codeInfo = JSON.parse(data.code)
        if (codeInfo.moOn) {
          // 扫描报工单二维码
          that.saveForm(codeInfo);
        }
      }
    })
  },
  methods: {
    // 多选处理
    changeCheckbox(val) {
@@ -205,8 +222,20 @@
        url: '/pages/product/report/orderList'
      })
    },
    // 存订单号
    setNo(val) {
      this.form.value3 = val
    },
    // 回显扫码的信息-报工单
    saveForm(val) {
      console.log('回显的数据',val)
      let { moOn, name, ORDER_NO,taskNo,partName,partNo } = val
      this.form.moOn = moOn
      this.form.name = name
      this.form.taskNo = taskNo
      this.form.partName = partName
      this.form.partNo = partNo
      // this.form.value3 = ORDER_NO
    }
  }
}