|
@@ -13,47 +13,49 @@
|
|
|
<el-row :gutter="20">
|
|
|
<el-col :span="8">
|
|
|
<el-form-item label="材料到场编号:">
|
|
|
- <el-input v-model="baseForm.key1" />
|
|
|
+ <el-input v-model="baseForm.materialArriveNumber" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="8">
|
|
|
<el-form-item label="合同材料:">
|
|
|
- <el-input v-model="baseForm.key1" disabled />
|
|
|
+ <el-input v-model="baseForm.contractMaterialName" disabled />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="8">
|
|
|
<el-form-item label="计量期:">
|
|
|
- <el-input v-model="baseForm.key1" disabled />
|
|
|
+ <el-select v-model="baseForm.meterPeriodId" placeholder="选择计量期" filterable clearable block @change="searchKey1Click">
|
|
|
+ <el-option v-for="item in key1Data" :key="item.id" :label="item.periodName" :value="item.id" />
|
|
|
+ </el-select>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="8">
|
|
|
<el-form-item label="单价:">
|
|
|
- <el-input v-model="baseForm.key1" />
|
|
|
+ <el-input v-model="baseForm.price" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="8">
|
|
|
<el-form-item label="数量:">
|
|
|
- <el-input v-model="baseForm.key1" />
|
|
|
+ <el-input v-model="baseForm.meterAmount" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="8">
|
|
|
<el-form-item label="计量金额:">
|
|
|
- <el-input v-model="baseForm.key1" disabled />
|
|
|
+ <el-input v-model="baseForm.meterMoney" disabled />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="8">
|
|
|
<el-form-item label="业务日期:">
|
|
|
- <el-date-picker v-model="baseForm.key3" class="block" format="YYYY-MM-DD" type="date" value-format="YYYY-MM-DD" disabled />
|
|
|
+ <el-date-picker v-model="baseForm.businessDate" class="block" format="YYYY-MM-DD" type="date" value-format="YYYY-MM-DD" disabled />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="8">
|
|
|
<el-form-item label="材料来源:">
|
|
|
- <el-input v-model="baseForm.key1" />
|
|
|
+ <el-input v-model="baseForm.materialSource" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="8">
|
|
|
<el-form-item label="材料是否符合要求:">
|
|
|
- <el-select v-model="baseForm.key2" block>
|
|
|
+ <el-select v-model="baseForm.materialConform" block>
|
|
|
<el-option label="是" value="1" />
|
|
|
<el-option label="否" value="2" />
|
|
|
</el-select>
|
|
@@ -61,30 +63,30 @@
|
|
|
</el-col>
|
|
|
<el-col :span="8">
|
|
|
<el-form-item label="备料堆放地点:">
|
|
|
- <el-input v-model="baseForm.key1" />
|
|
|
+ <el-input v-model="baseForm.storagePlace" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="8">
|
|
|
<el-form-item label="存储情况:">
|
|
|
- <el-input v-model="baseForm.key1" />
|
|
|
+ <el-input v-model="baseForm.storageStatus" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="8">
|
|
|
<el-form-item label="存储方法是否符合要求:">
|
|
|
- <el-select v-model="baseForm.key2" block>
|
|
|
+ <el-select v-model="baseForm.storageConform" block>
|
|
|
<el-option label="是" value="1" />
|
|
|
- <el-option label="否" value="2" />
|
|
|
+ <el-option label="否" value="0" />
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="8">
|
|
|
<el-form-item label="合格证号:">
|
|
|
- <el-input v-model="baseForm.key1" />
|
|
|
+ <el-input v-model="baseForm.certificate" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="16">
|
|
|
<el-form-item label="备注:">
|
|
|
- <el-input v-model="baseForm.key1" />
|
|
|
+ <el-input v-model="baseForm.remark" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
@@ -109,6 +111,7 @@
|
|
|
import { nextTick, ref, watch } from 'vue'
|
|
|
import { useAppStore } from '~src/store'
|
|
|
import contractApi from '~api/debit-pay/material/contract.js'
|
|
|
+import periodApi from '~api/debit-pay/material/periods.js'
|
|
|
import { getArrValue } from 'js-fast-way'
|
|
|
const props = defineProps({
|
|
|
ids: {
|
|
@@ -149,14 +152,27 @@ const detailsModalShow = () => {
|
|
|
minSize: [170, 500],
|
|
|
})
|
|
|
})
|
|
|
+ getKey1Data()
|
|
|
getTreeData()
|
|
|
}
|
|
|
-
|
|
|
+//计量期
|
|
|
+const key1Data = ref([])
|
|
|
+const getKey1Data = async ()=>{
|
|
|
+ const { error, code, data } = await periodApi.allPeriod({
|
|
|
+ contractId:contractId.value,
|
|
|
+ type:1,
|
|
|
+ })
|
|
|
+ if (!error && code === 200) {
|
|
|
+ key1Data.value = getArrValue(data)
|
|
|
+ } else {
|
|
|
+ key1Data.value = []
|
|
|
+ }
|
|
|
+}
|
|
|
//数据格式
|
|
|
const treeProps = {
|
|
|
- label: 'name',
|
|
|
+ label: 'nodeName',
|
|
|
children: 'children',
|
|
|
- isLeaf: 'leaf',
|
|
|
+ isLeaf: 'hasChild',
|
|
|
}
|
|
|
|
|
|
//懒加载的数据
|