瀏覽代碼

合同材料

ZaiZai 10 月之前
父節點
當前提交
7d8f67ea51
共有 1 個文件被更改,包括 106 次插入3 次删除
  1. 106 3
      src/views/debit-pay/material/components/material/dataModal.vue

+ 106 - 3
src/views/debit-pay/material/components/material/dataModal.vue

@@ -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>