更新年项目计划预算

src/views/program/project/form.vue

@@ -46,7 +46,8 @@
             <template #action="{row,index}">
                 <el-button size="small" type="success" v-if="row.isEdit" @click="row.isEdit = false">保存</el-button>
                 <el-button size="small" type="primary" v-else @click="row.isEdit = true">编辑</el-button>
-                <el-button size="small" type="danger">分解子计划</el-button>
+                <el-button size="small" type="warning" @click="relatedModalShow">关联回款</el-button>
+                <el-button size="small" type="danger" @click="subplanModalShow(row)">分解子计划</el-button>
             </template>
         </HcTable>
         <template #action>
@@ -59,6 +60,50 @@
                 <span>提交保存</span>
             </el-button>
         </template>
+
+        <!--分解子计划-->
+        <HcDialog bgColor="#ffffff" isToBody isTable
+                  title="分解子计划" widths="80%"
+                  saveText="保存"
+                  :show="subplanModal"
+                  @close="subplanCloseClick"
+                  @save="subplanSaveClick"
+        >
+            <HcTable :isIndex="false" :column="tableSubplanColumn" :datas="tableSubplanData">
+                <template #key4="{row,index}">
+                    <el-select v-model="row.key4">
+                        <el-option label="选项1" value="选项1"/>
+                        <el-option label="选项2" value="选项2"/>
+                    </el-select>
+                </template>
+                <template #key5="{row,index}">
+                    <el-input v-model="row.key5"/>
+                </template>
+                <template #key6="{row,index}">
+                    <el-input v-model="row.key6"/>
+                </template>
+                <template #key7="{row,index}">
+                    <HcDatePicker :dates="betweenTime" @change="betweenTimeUpdate"/>
+                </template>
+                <template #key8="{row,index}">
+                    <el-input v-model="row.key8"/>
+                </template>
+                <template #key9="{row,index}">
+                    <el-input v-model="row.key9"/>
+                </template>
+            </HcTable>
+        </HcDialog>
+
+        <!--关联回款里程碑-->
+        <HcDialog bgColor="#ffffff" isToBody isTable :footer="false" :show="relatedModal" title="关联回款里程碑" widths="70%" @close="relatedCloseClick">
+            <HcTable :column="tableRelatedColumn" :datas="tableRelatedData">
+                <template #action="{row,index}">
+                    <el-button size="small" type="success" v-if="row.relevance" @click="row.relevance = false">取消关联</el-button>
+                    <el-button size="small" type="primary" v-else @click="row.relevance = true">关联</el-button>
+                </template>
+            </HcTable>
+        </HcDialog>
+
     </HcCard>
 </template>
 
@@ -94,7 +139,8 @@ const tableColumn = [
     {key: 'key8', name: '预计工作量（小数/整数/天）', width: '160', align: 'center'},
     {key: 'key9', name: '投入岗位类型(日单价)', width: '160', align: 'center'},
     {key: 'key10', name: '投入人员数量', width: '160', align: 'center'},
-    {key: 'action', name: '操作', width: '180', align: 'center', fixed: 'right'},
+    {key: 'key11', name: '关联回款里程碑', minWidth: '200', isTooltip: true},
+    {key: 'action', name: '操作', width: '280', align: 'center', fixed: 'right'},
 ]
 const tableData = ref([
     {id: 1, key1: 'xx', key2: 'xx', key3: 'xx', key4: 'xx', key5: 'xx', key6: 'xx', key7: 'xx', key8: 'xx', key9: 'xx', key10: 'xx'},
@@ -129,6 +175,65 @@ const betweenTimeUpdate = ({arr, query}) => {
 }
 
 
+const subplanModal = ref(false)
+const subplanModalShow = (row) => {
+    subplanModal.value = true
+}
+//表格
+const tableSubplanColumn = [
+    {key: 'key1', name: '项目环节', width: '160', align: 'center'},
+    {key: 'key2', name: '预算类型', width: '160', align: 'center'},
+    {key: 'key3', name: '任务明细', width: '160', align: 'center'},
+    {key: 'key4', name: '任务类型', width: '160',  align: 'center'},
+    {key: 'key5', name: '任务描述', minWidth: '200',  align: 'center', isTooltip: true},
+    {key: 'key6', name: '完成指标', minWidth: '200', align: 'center', isTooltip: true},
+    {key: 'key7', name: '计划起止日期', width: '280', align: 'center'},
+    {key: 'key8', name: '预计工作量（小数/整数/天）', width: '160', align: 'center'},
+]
+const tableSubplanData = ref([
+    {id: 1, key1: 'xx', key2: 'xx', key3: 'xx', key4: 'xx', key5: 'xx', key6: 'xx', key7: 'xx', key8: 'xx', key9: 'xx', key10: 'xx'},
+    {id: 2, key1: 'xx', key2: 'xx', key3: 'xx', key4: 'xx', key5: 'xx', key6: 'xx', key7: 'xx', key8: 'xx', key9: 'xx', key10: 'xx'},
+    {id: 3, key1: 'xx', key2: 'xx', key3: 'xx', key4: 'xx', key5: 'xx', key6: 'xx', key7: 'xx', key8: 'xx', key9: 'xx', key10: 'xx'},
+    {id: 4, key1: 'xx', key2: 'xx', key3: 'xx', key4: 'xx', key5: 'xx', key6: 'xx', key7: 'xx', key8: 'xx', key9: 'xx', key10: 'xx'},
+    {id: 5, key1: 'xx', key2: 'xx', key3: 'xx', key4: 'xx', key5: 'xx', key6: 'xx', key7: 'xx', key8: 'xx', key9: 'xx', key10: 'xx'},
+    {id: 6, key1: 'xx', key2: 'xx', key3: 'xx', key4: 'xx', key5: 'xx', key6: 'xx', key7: 'xx', key8: 'xx', key9: 'xx', key10: 'xx'},
+])
+
+const subplanCloseClick = () => {
+    subplanModal.value = false
+}
+
+const subplanSaveClick = () => {
+
+}
+
+
+
+const relatedModal = ref(false)
+const relatedModalShow = (row) => {
+    relatedModal.value = true
+}
+//表格
+const tableRelatedColumn = [
+    {key: 'key1', name: '回款条件', minWidth: '260'},
+    {key: 'key2', name: '应收回款时间', width: '160', align: 'center'},
+    {key: 'key3', name: '应收回款金额(元)', width: '160', align: 'center'},
+    {key: 'key4', name: '催款执行人', width: '160',  align: 'center'},
+    {key: 'action', name: '操作', width: '130', align: 'center'},
+]
+const tableRelatedData = ref([
+    {id: 1, key1: 'xx', key2: 'xx', key3: 'xx', key4: 'xx', key5: 'xx', key6: 'xx', key7: 'xx', key8: 'xx', key9: 'xx', key10: 'xx'},
+    {id: 2, key1: 'xx', key2: 'xx', key3: 'xx', key4: 'xx', key5: 'xx', key6: 'xx', key7: 'xx', key8: 'xx', key9: 'xx', key10: 'xx'},
+    {id: 3, key1: 'xx', key2: 'xx', key3: 'xx', key4: 'xx', key5: 'xx', key6: 'xx', key7: 'xx', key8: 'xx', key9: 'xx', key10: 'xx'},
+    {id: 4, key1: 'xx', key2: 'xx', key3: 'xx', key4: 'xx', key5: 'xx', key6: 'xx', key7: 'xx', key8: 'xx', key9: 'xx', key10: 'xx'},
+    {id: 5, key1: 'xx', key2: 'xx', key3: 'xx', key4: 'xx', key5: 'xx', key6: 'xx', key7: 'xx', key8: 'xx', key9: 'xx', key10: 'xx'},
+    {id: 6, key1: 'xx', key2: 'xx', key3: 'xx', key4: 'xx', key5: 'xx', key6: 'xx', key7: 'xx', key8: 'xx', key9: 'xx', key10: 'xx'},
+])
+
+const relatedCloseClick = () => {
+    relatedModal.value = false
+}
+
 //取消并返回
 const goBackClick = () => {
     router.back()