|
@@ -1,97 +1,124 @@
|
|
|
<template>
|
|
|
- <hc-new-dialog v-model="isShow" widths="90%" title="合同计量单元修改" @save="modalSave">
|
|
|
- <el-form ref="formRef" class="p-4" label-position="left" label-width="auto" :model="formModel" :rules="formRules">
|
|
|
- <el-row :gutter="20">
|
|
|
- <el-col :span="6">
|
|
|
- <el-form-item label="工程名称:">
|
|
|
- <el-input v-model="formModel.key1" placeholder="工程名称" />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="6">
|
|
|
- <el-form-item label="工程编号:">
|
|
|
- <el-input v-model="formModel.key2" placeholder="工程编号" />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="6">
|
|
|
- <el-form-item label="节点类型:">
|
|
|
- <el-select v-model="formModel.key3" block placeholder="节点类型">
|
|
|
- <el-option label="单位工程" :value="1" />
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="6">
|
|
|
- <el-form-item label="工程类型:">
|
|
|
- <el-select v-model="formModel.key4" block placeholder="工程类型">
|
|
|
- <el-option label="总则" :value="1" />
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="6">
|
|
|
- <el-form-item label="桩号类型:">
|
|
|
- <el-select v-model="formModel.key5" block placeholder="桩号类型">
|
|
|
- <el-option label="总则" :value="1" />
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="6">
|
|
|
- <el-form-item label="起始桩号:">
|
|
|
- <el-input v-model="formModel.key6" placeholder="起始桩号" />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="6">
|
|
|
- <el-form-item label="结束桩号:">
|
|
|
- <el-input v-model="formModel.key7" placeholder="结束桩号" />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="6">
|
|
|
- <el-form-item label="是否增补:">
|
|
|
- <el-select v-model="formModel.key8" block placeholder="是否增补">
|
|
|
- <el-option label="是" :value="1" />
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="6">
|
|
|
- <el-form-item label="施工金额:">
|
|
|
- <el-input v-model="formModel.key9" placeholder="施工图金额">
|
|
|
- <template #suffix>元</template>
|
|
|
- </el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="6">
|
|
|
- <el-form-item label="变更金额:">
|
|
|
- <el-input v-model="formModel.key9" placeholder="变更后金额">
|
|
|
- <template #suffix>元</template>
|
|
|
- </el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="6">
|
|
|
- <el-form-item label="合同图号:">
|
|
|
- <el-input v-model="formModel.key9" placeholder="合同图号" />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="6">
|
|
|
- <el-form-item label="变更图号:">
|
|
|
- <el-input v-model="formModel.key9" placeholder="变更合同图号" />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24">
|
|
|
- <el-form-item label="备注:">
|
|
|
- <el-input v-model="formModel.key10" :autosize="{ minRows: 4, maxRows: 8 }" type="textarea" />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- </el-form>
|
|
|
+ <hc-new-dialog v-model="isShow" widths="90%" :is-table="isTable" :padding="false" title="合同计量单元修改" @save="modalSave">
|
|
|
+ <hc-body scrollbar :contents="!isTable">
|
|
|
+ <el-form ref="formRef" label-position="left" label-width="auto" :model="formModel" :rules="formRules">
|
|
|
+ <el-row :gutter="20">
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item label="工程名称:">
|
|
|
+ <el-input v-model="formModel.key1" placeholder="工程名称" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item label="工程编号:">
|
|
|
+ <el-input v-model="formModel.key2" placeholder="工程编号" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item label="节点类型:">
|
|
|
+ <el-select v-model="formModel.key3" placeholder="节点类型" block>
|
|
|
+ <el-option label="单位工程" :value="1" />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item label="工程类型:">
|
|
|
+ <el-select v-model="formModel.key4" placeholder="工程类型" disabled block>
|
|
|
+ <el-option label="总则" :value="1" />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item label="桩号类型:">
|
|
|
+ <el-select v-model="formModel.key5" block placeholder="桩号类型">
|
|
|
+ <el-option label="总则" :value="1" />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item label="起始桩号:">
|
|
|
+ <el-input v-model="formModel.key6" placeholder="起始桩号" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item label="结束桩号:">
|
|
|
+ <el-input v-model="formModel.key7" placeholder="结束桩号" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item label="是否增补:">
|
|
|
+ <el-select v-model="formModel.key8" placeholder="是否增补" disabled block>
|
|
|
+ <el-option label="是" :value="1" />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item label="施工金额:">
|
|
|
+ <el-input v-model="formModel.key9" placeholder="施工图金额" disabled>
|
|
|
+ <template #suffix>元</template>
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item label="变更金额:">
|
|
|
+ <el-input v-model="formModel.key9" placeholder="变更后金额" disabled>
|
|
|
+ <template #suffix>元</template>
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item label="合同图号:">
|
|
|
+ <el-input v-model="formModel.key9" placeholder="合同图号" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item label="变更图号:">
|
|
|
+ <el-input v-model="formModel.key9" placeholder="变更合同图号" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item label="备注:">
|
|
|
+ <el-input v-model="formModel.key10" :autosize="{ minRows: 4, maxRows: 8 }" type="textarea" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-form>
|
|
|
+ <template v-if="isTable">
|
|
|
+ <el-divider border-style="dashed" content-position="left">分解清单列表</el-divider>
|
|
|
+ <hc-title>
|
|
|
+ <span class="text-sm text-orange">温馨提示:累计分解量 > 合同变更后量,整行文字红色</span>
|
|
|
+ <template #extra>
|
|
|
+ <el-button hc-btn type="primary" @click="addCheckListShow = true">添加</el-button>
|
|
|
+ </template>
|
|
|
+ </hc-title>
|
|
|
+ <hc-table :column="tableColumn" :datas="tableData" is-new :index-style="{ width: 60 }">
|
|
|
+ <template #key8="{ row }">
|
|
|
+ <hc-table-input v-model="row.key8" />
|
|
|
+ </template>
|
|
|
+ <template #action="{ row }">
|
|
|
+ <el-link type="danger">删除</el-link>
|
|
|
+ </template>
|
|
|
+ </hc-table>
|
|
|
+ <div class="mt-4 text-orange">温馨提示:进行过变更的分解清单不允许修改编辑,分解清单编辑后,请重新下达零号变更台账</div>
|
|
|
+ </template>
|
|
|
+ </hc-body>
|
|
|
</hc-new-dialog>
|
|
|
+ <!-- 添加合同工程清单 -->
|
|
|
+ <AddCheckList v-model="addCheckListShow" />
|
|
|
</template>
|
|
|
|
|
|
<script setup>
|
|
|
import { ref, watch } from 'vue'
|
|
|
+import AddCheckList from './addCheckList.vue'
|
|
|
|
|
|
const props = defineProps({
|
|
|
ids: {
|
|
|
type: [String, Number],
|
|
|
default: '',
|
|
|
},
|
|
|
+ isTable: {
|
|
|
+ type: Boolean,
|
|
|
+ default: false,
|
|
|
+ },
|
|
|
})
|
|
|
|
|
|
//事件
|
|
@@ -122,7 +149,26 @@ const formRef = ref(null)
|
|
|
const formModel = ref({})
|
|
|
const formRules = ref({})
|
|
|
|
|
|
+//列表
|
|
|
+const tableColumn = ref([
|
|
|
+ { key: 'key1', name: '清单编号' },
|
|
|
+ { key: 'key2', name: '清单名称' },
|
|
|
+ { key: 'key3', name: '单价(元)' },
|
|
|
+ { key: 'key4', name: '合同数量' },
|
|
|
+ { key: 'key5', name: '合同变更后数量' },
|
|
|
+ { key: 'key6', name: '已分解量' },
|
|
|
+ { key: 'key7', name: '分解剩余量' },
|
|
|
+ { key: 'key8', name: '施工图数量' },
|
|
|
+ { key: 'key9', name: '施工图变更后数量' },
|
|
|
+ { key: 'action', name: '操作', width: 80, align: 'center' },
|
|
|
+])
|
|
|
+const tableData = ref([
|
|
|
+ { key1: '101-1-a' },
|
|
|
+])
|
|
|
+
|
|
|
const modalSave = () => {
|
|
|
emit('finish')
|
|
|
}
|
|
|
+
|
|
|
+const addCheckListShow = ref(false)
|
|
|
</script>
|