charles
2024-04-29 b95cf940af8e01e4eca30b2599b029c2f645bd1e
src/views/dashboard/components/ReportProductionModal.vue
@@ -1,8 +1,9 @@
<template>
  <div class="report-production-modal">
    <BaseModal v-model="modelData" :wider="true" @close="closeModal">
      <template #title> 生产报工 </template>
      <template #title> {{ modelTitle }} </template>
      <div class="report-content">
        <div v-if="modelTitle == '提交质检'" class="r-c-title">数量:</div>
        <div class="numbers">{{ inputNumber }}</div>
        <div class="buttons">
          <BigButton
@@ -24,8 +25,10 @@
import { useVModel } from '@vueuse/core'
import BigButton from './BigButton.vue'
import { ref, watch } from 'vue'
const props = withDefaults(defineProps<{ modelValue: boolean }>(), {
  modelValue: false
const props = withDefaults(defineProps<{ modelValue: boolean; modelTitle: string; amount?: number }>(), {
  modelValue: false,
  modelTitle: '',
  amount: 0
})
const emit = defineEmits<{
  'update:modelValue': [show: boolean]
@@ -72,7 +75,7 @@
}
watch(modelData, () => {
  if (modelData.value) {
    inputNumber.value = ''
    inputNumber.value = (props.amount ?? '').toString()
  }
})
</script>
@@ -81,6 +84,14 @@
.report-content {
  padding: 60px 0 0 230px;
  height: 520px;
  position: relative;
  .r-c-title {
    position: absolute;
    top: 70px;
    left: 110px;
    font-size: 26px;
    color: #fff;
  }
}
.numbers {
  height: 80px;