| | |
| | | style="max-width: 400px; margin: 0 auto" |
| | | > |
| | | <el-form-item label="供应商名称" prop="supplierId"> |
| | | <el-select v-model="form.supplierId" placeholder="请选择供应商"> |
| | | <el-select v-model="form.supplierId" placeholder="请选择供应商" :disabled="isViewMode"> |
| | | <el-option :label="item.label" v-for="item in supplyList" :key="item.value" :value="item.value"/> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="煤种" prop="coalId"> |
| | | <el-select v-model="form.coalId" placeholder="请选择煤种"> |
| | | <el-select v-model="form.coalId" placeholder="请选择煤种" :disabled="isViewMode"> |
| | | <el-option :label="item.label" v-for="item in coalList" :key="item.value" :value="item.value"/> |
| | | </el-select> |
| | | </el-form-item> |
| | |
| | | v-model.number="form.purchaseQuantity" |
| | | placeholder="请输入" |
| | | @blur="handleQuantityBlur" |
| | | :disabled="isViewMode" |
| | | > |
| | | <template v-slot:suffix> |
| | | <i style="font-style: normal">吨</i> |
| | | </template> |
| | | </el-input> |
| | | </el-form-item |
| | | > |
| | | </el-form-item> |
| | | <el-form-item label="税率" prop="taxRate"> |
| | | <el-input |
| | | v-model.number="form.taxRate" |
| | | placeholder="请输入税率" |
| | | @blur="handleTaxRateBlur" |
| | | :disabled="isViewMode" |
| | | > |
| | | <template v-slot:suffix> |
| | | <i style="font-style: normal">%</i> |
| | |
| | | v-model.number="form.priceExcludingTax" |
| | | placeholder="请输入" |
| | | @blur="handlePriceBlur" |
| | | :disabled="isViewMode" |
| | | > |
| | | <template v-slot:suffix> |
| | | <i style="font-style: normal">元</i> |
| | |
| | | <el-input |
| | | v-model.number="form.priceIncludingTax" |
| | | placeholder="自动计算" |
| | | :disabled="isViewMode" |
| | | > |
| | | <template v-slot:suffix> |
| | | <i style="font-style: normal">元</i> |
| | |
| | | <el-input |
| | | v-model.number="form.totalPriceExcludingTax" |
| | | placeholder="自动计算" |
| | | :disabled="isViewMode" |
| | | > |
| | | <template v-slot:suffix> |
| | | <i style="font-style: normal">元</i> |
| | |
| | | <el-input |
| | | v-model.number="form.totalPriceIncludingTax" |
| | | placeholder="自动计算" |
| | | :disabled="isViewMode" |
| | | > |
| | | <template v-slot:suffix> |
| | | <i style="font-style: normal">元</i> |
| | |
| | | <template #footer> |
| | | <div class="dialog-footer"> |
| | | <!-- 重置和取消 --> |
| | | <el-button @click="handleClose" v-if="title.includes('新增')" |
| | | <el-button @click="handleClose" v-if="title.includes('新增') || title.includes('查看')" |
| | | >取消 |
| | | </el-button |
| | | > |
| | |
| | | >重置 |
| | | </el-button |
| | | > |
| | | <el-button type="primary" @click="handleSubmit">确认</el-button> |
| | | <el-button type="primary" v-if="!isViewMode" @click="handleSubmit">确认</el-button> |
| | | </div> |
| | | </template> |
| | | </el-dialog> |
| | |
| | | }); |
| | | const supplyList = ref([]); |
| | | const coalList = ref([]); |
| | | const isViewMode = computed(() => props.title.includes("查看")); |
| | | // 获取供应商下拉和煤种下拉 |
| | | const getDropdownData = async () => { |
| | | try { |