|
|
@@ -39,40 +39,101 @@
|
|
|
<el-input v-model="formModel.key3" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="清单节点：">
|
|
|
- <el-select v-model="formModel.key4" block>
|
|
|
- <el-option label="是" :value="1" />
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="中标单价：">
|
|
|
- <el-input v-model="formModel.key5" />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="合同数量：">
|
|
|
- <el-input v-model="formModel.key6" />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="章编号：">
|
|
|
- <el-input v-model="formModel.key7" />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="清单标识：">
|
|
|
- <el-input v-model="formModel.key8" />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="清单类型：">
|
|
|
- <el-select v-model="formModel.key9" block>
|
|
|
- <el-option label="普通清单" :value="1" />
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
+ <!-- 新增 -->
|
|
|
+ <template v-if="menuType === 'add'">
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="清单节点：">
|
|
|
+ <el-select v-model="formModel.key4" block>
|
|
|
+ <el-option label="是" :value="1" />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="中标单价：">
|
|
|
+ <el-input v-model="formModel.key5" :disabled="treeItem.type === 1" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="合同数量：">
|
|
|
+ <el-input v-model="formModel.key6" :disabled="treeItem.type === 1" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="章编号：">
|
|
|
+ <el-input v-model="formModel.key7" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="清单标识：">
|
|
|
+ <el-input v-model="formModel.key8" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="清单类型：">
|
|
|
+ <el-select v-model="formModel.key9" block>
|
|
|
+ <el-option label="普通清单" :value="1" />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </template>
|
|
|
+ <!-- 修改和清单 -->
|
|
|
+ <template v-if="menuType === 'edit' && treeItem.type === 2">
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="中标单价：">
|
|
|
+ <el-input v-model="formModel.key5" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="现行单价：">
|
|
|
+ <el-input v-model="formModel.key14" disabled />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="变更后单价：">
|
|
|
+ <el-input v-model="formModel.key8" disabled />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="合同数量：">
|
|
|
+ <el-input v-model="formModel.key6" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="变更后数量：">
|
|
|
+ <el-input v-model="formModel.key15" disabled />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="章编号：">
|
|
|
+ <el-input v-model="formModel.key7" disabled />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </template>
|
|
|
+ <!-- 修改和非清单 -->
|
|
|
+ <template v-if="menuType === 'edit'">
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="合同金额：">
|
|
|
+ <el-input v-model="formModel.key11" disabled />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="变更后金额：">
|
|
|
+ <el-input v-model="formModel.key12" disabled />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="清单标识：">
|
|
|
+ <el-input v-model="formModel.key8" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item label="清单节点：">
|
|
|
+ <el-select v-model="formModel.key4" block>
|
|
|
+ <el-option label="是" :value="1" />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </template>
|
|
|
<el-col :span="24">
|
|
|
<el-form-item label="备注：">
|
|
|
<el-input v-model="formModel.key10" :autosize="{ minRows: 4, maxRows: 8 }" type="textarea" />
|
|
|
@@ -165,15 +226,15 @@ const treeProps = {
|
|
|
//懒加载的数据
|
|
|
const treeLoadNode = ({ level }, resolve) => {
|
|
|
if (level === 0) {
|
|
|
- return resolve([{ name: 'region' }])
|
|
|
+ return resolve([{ name: '根节点', type: 1 }])
|
|
|
}
|
|
|
if (level > 3) {
|
|
|
return resolve([])
|
|
|
}
|
|
|
setTimeout(() => {
|
|
|
resolve([
|
|
|
- { name: 'leaf', leaf: true },
|
|
|
- { name: 'zone' },
|
|
|
+ { name: '非清单节点', type: 1, leaf: true },
|
|
|
+ { name: '清单节点', type: 2 },
|
|
|
])
|
|
|
}, 500)
|
|
|
}
|
|
|
@@ -197,13 +258,18 @@ const treeLoadMenu = ({ item, level }, resolve) => {
|
|
|
}
|
|
|
}
|
|
|
|
|
|
+const menuType = ref('')
|
|
|
+const treeItem = ref({})
|
|
|
const treeMenuTap = ({ key, node, data }) => {
|
|
|
+ treeItem.value = data
|
|
|
if (key === 'add') {
|
|
|
+ menuType.value = 'add'
|
|
|
treeModalTitle.value = '新增合同工程清单'
|
|
|
treeModalShow.value = true
|
|
|
}
|
|
|
if (key === 'edit') {
|
|
|
- treeModalTitle.value = '修改合同工程清单'
|
|
|
+ menuType.value = 'edit'
|
|
|
+ treeModalTitle.value = data.name + ' - 修改合同工程清单'
|
|
|
treeModalShow.value = true
|
|
|
}
|
|
|
}
|
