|
|
@@ -3,7 +3,7 @@
|
|
|
<el-scrollbar>
|
|
|
<hc-card-item>
|
|
|
<el-form ref="baseFormRef" :model="baseForm" :rules="baseFormRules" label-position="top" label-width="auto">
|
|
|
- <el-form-item label="计量期：">
|
|
|
+ <el-form-item label="计量期：" prop="meterPeriodId">
|
|
|
<el-select v-model="baseForm.meterPeriodId" placeholder="选择计量期" filterable clearable block>
|
|
|
<el-option v-for="item in key1Data" :key="item.id" :label="item.periodName" :value="item.id" />
|
|
|
</el-select>
|
|
|
@@ -38,7 +38,7 @@
|
|
|
<script setup>
|
|
|
import { ref, watch } from 'vue'
|
|
|
import { useAppStore } from '~src/store'
|
|
|
-import { arrToKey, getArrValue, getObjValue } from 'js-fast-way'
|
|
|
+import { arrToKey, formValidate, getArrValue } from 'js-fast-way'
|
|
|
import periodApi from '~api/debit-pay/material/periods.js'
|
|
|
import orderApi from '~api/debit-pay/start-work/order.js'
|
|
|
const props = defineProps({
|
|
|
@@ -141,9 +141,19 @@ const getKey1Data = async ()=>{
|
|
|
//基础表单
|
|
|
const baseFormRef = ref(null)
|
|
|
// const baseForm = ref({})
|
|
|
-const baseFormRules = {}
|
|
|
+const baseFormRules = {
|
|
|
+ meterPeriodId:{
|
|
|
+ required: true,
|
|
|
+ trigger: 'blur',
|
|
|
+ message: '请选择材料计量期',
|
|
|
+ },
|
|
|
+}
|
|
|
const modalSaving = ref(false)
|
|
|
const modalSave = async () => {
|
|
|
+ const res = await formValidate(baseFormRef.value)
|
|
|
+ if (!res) {
|
|
|
+ return false
|
|
|
+ }
|
|
|
key1Data.value.forEach((ele)=>{
|
|
|
if (ele.id === baseForm.value.meterPeriodId) {
|
|
|
baseForm.value.periodName = ele.periodName
|
