|
@@ -1,6 +1,95 @@
|
|
|
<template>
|
|
|
<hc-new-dialog v-model="isShow" :title="`${dataId ? '编辑' : '新增'}材料调差单`" is-footer-center is-table widths="80rem" @close="modalClose">
|
|
|
- 1111111
|
|
|
+ <div class="hc-info-table-form">
|
|
|
+ <el-form ref="formRef" :model="formModel" :rules="formRules" label-position="top" label-width="auto">
|
|
|
+ <hc-info-table>
|
|
|
+ <tr>
|
|
|
+ <hc-info-table-td is-title width="10%">计量期:</hc-info-table-td>
|
|
|
+ <hc-info-table-td>
|
|
|
+ <el-form-item prop="key1">
|
|
|
+ <el-select v-model="formModel.key1" placeholder="选择计量期" filterable block>
|
|
|
+ <el-option label="第一期" value="1" />
|
|
|
+ <el-option label="第二期" value="2" />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </hc-info-table-td>
|
|
|
+ <hc-info-table-td is-title width="10%">调差期:</hc-info-table-td>
|
|
|
+ <hc-info-table-td>
|
|
|
+ <el-form-item prop="key2">
|
|
|
+ <el-select v-model="formModel.key2" placeholder="选择调差期" filterable block>
|
|
|
+ <el-option label="第一期" value="1" />
|
|
|
+ <el-option label="第二期" value="2" />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </hc-info-table-td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <hc-info-table-td is-title width="10%">调差月份:</hc-info-table-td>
|
|
|
+ <hc-info-table-td>
|
|
|
+ <el-form-item>
|
|
|
+ <el-date-picker v-model="formModel.key3" class="block" type="month" format="YYYY-MM" value-format="YYYY-MM" />
|
|
|
+ </el-form-item>
|
|
|
+ </hc-info-table-td>
|
|
|
+ <hc-info-table-td is-title width="10%">材料名称:</hc-info-table-td>
|
|
|
+ <hc-info-table-td>
|
|
|
+ <el-form-item prop="key4">
|
|
|
+ <el-select v-model="formModel.key4" placeholder="选择材料名称" filterable block>
|
|
|
+ <el-option label="钢筋" value="1" />
|
|
|
+ <el-option label="粗砂" value="2" />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </hc-info-table-td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <hc-info-table-td is-title width="10%">材料基准价格:</hc-info-table-td>
|
|
|
+ <hc-info-table-td>
|
|
|
+ <el-form-item>
|
|
|
+ <el-input v-model="formModel.key5" disabled />
|
|
|
+ </el-form-item>
|
|
|
+ </hc-info-table-td>
|
|
|
+ <hc-info-table-td is-title width="10%">施工期市场价格:</hc-info-table-td>
|
|
|
+ <hc-info-table-td>
|
|
|
+ <el-form-item prop="key6">
|
|
|
+ <el-input v-model="formModel.key6" disabled />
|
|
|
+ </el-form-item>
|
|
|
+ </hc-info-table-td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <hc-info-table-td is-title width="10%">价差幅度:</hc-info-table-td>
|
|
|
+ <hc-info-table-td>
|
|
|
+ <el-form-item>
|
|
|
+ <el-input v-model="formModel.key7" disabled />
|
|
|
+ </el-form-item>
|
|
|
+ </hc-info-table-td>
|
|
|
+ <hc-info-table-td is-title width="10%">材料数量:</hc-info-table-td>
|
|
|
+ <hc-info-table-td>
|
|
|
+ <el-form-item prop="key8">
|
|
|
+ <el-input v-model="formModel.key8" />
|
|
|
+ </el-form-item>
|
|
|
+ </hc-info-table-td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <hc-info-table-td is-title width="10%">调差金额:</hc-info-table-td>
|
|
|
+ <hc-info-table-td width="auto" colspan="3">
|
|
|
+ <el-form-item>
|
|
|
+ <el-input v-model="formModel.key9" disabled />
|
|
|
+ </el-form-item>
|
|
|
+ </hc-info-table-td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <hc-info-table-td is-title width="10%">材料调差计算式:</hc-info-table-td>
|
|
|
+ <hc-info-table-td width="auto" colspan="3">
|
|
|
+ <el-form-item>
|
|
|
+ <el-input v-model="formModel.key10" type="textarea" :rows="4" resize="none" />
|
|
|
+ </el-form-item>
|
|
|
+ </hc-info-table-td>
|
|
|
+ </tr>
|
|
|
+ </hc-info-table>
|
|
|
+ </el-form>
|
|
|
+ </div>
|
|
|
+ <div class="hc-info-form-table">
|
|
|
+ 1111111
|
|
|
+ </div>
|
|
|
<template #footer>
|
|
|
<el-button hc-btn @click="modalClose">取消</el-button>
|
|
|
<el-button :loading="saveLoaing" hc-btn type="primary" @click="modalSave">提交</el-button>
|
|
@@ -49,7 +138,11 @@ watch(isShow, (val) => {
|
|
|
})
|
|
|
|
|
|
//表单数据
|
|
|
-const baseForm = ref({})
|
|
|
+const formRef = ref(null)
|
|
|
+const formModel = ref({})
|
|
|
+const formRules = {
|
|
|
+
|
|
|
+}
|
|
|
|
|
|
//处理数据
|
|
|
const detailsModalShow = () => {
|
|
@@ -98,5 +191,15 @@ const modalClose = () => {
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss">
|
|
|
-
|
|
|
+.hc-info-table-form {
|
|
|
+ position: relative;
|
|
|
+ height: 357px;
|
|
|
+ .el-form .hc-info-table-td .el-form-item {
|
|
|
+ margin-bottom: 0;
|
|
|
+ }
|
|
|
+}
|
|
|
+.hc-info-form-table {
|
|
|
+ position: relative;
|
|
|
+ height: calc(100% - 357px);
|
|
|
+}
|
|
|
</style>
|