更新项目合同

src/views/project/contract/components/milestone.vue

@@ -1,6 +1,32 @@
 <template>
     <HcCard actionUi="text-center">
-        333
+        <HcTable :column="tableColumn" :datas="tableData">
+            <template #key1="{row,index}">
+                <el-input v-model="row.key1"/>
+            </template>
+            <template #key2="{row,index}">
+                <el-date-picker class="block" v-model="row.key2" format="YYYY-MM-DD" type="date" value-format="YYYY-MM-DD"/>
+            </template>
+            <template #key3="{row,index}">
+                <el-input v-model="row.key3"/>
+            </template>
+            <template #key6="{row,index}">
+                <el-select v-model="row.key6">
+                    <el-option label="选项1" value="选项1"/>
+                    <el-option label="选项2" value="选项2"/>
+                </el-select>
+            </template>
+            <template #action="{row,index}">
+                <el-button size="small" type="primary">
+                    <HcIcon name="add"/>
+                    <span>新增</span>
+                </el-button>
+                <el-button size="small" type="danger">
+                    <HcIcon name="delete-bin"/>
+                    <span>删除</span>
+                </el-button>
+            </template>
+        </HcTable>
         <template #action>
             <el-button size="large" type="info" hc-btn @click="goBackClick">
                 <HcIcon name="arrow-go-back"/>
@@ -50,6 +76,21 @@ watch(() => [
     isDisabled.value = disabled
 })
 
+//成本测算表格
+const tableColumn = [
+    {key: 'key1', name: '回款条件',  align: 'center'},
+    {key: 'key2', name: '应收款时间',  align: 'center'},
+    {key: 'key3', name: '应收回款金额', align: 'center'},
+    {key: 'key4', name: '实际回款时间',  align: 'center'},
+    {key: 'key5', name: '实际回款金额', align: 'center'},
+    {key: 'key6', name: '催款执行人', align: 'center'},
+    {key: 'action', name: '操作', width: '160', align: 'center'},
+]
+const tableData = ref([
+    {id: 1}, {id: 2}, {id: 3}, {id: 4},
+])
+
+
 //返回
 const goBackClick = () => {
     router.back()

src/views/project/contract/form.vue

@@ -32,7 +32,7 @@ onActivated(() => {
 })
 
 //选项卡
-const tabsKey = ref('file')
+const tabsKey = ref('base')
 const tabsData = ref([
     {icon: 'file-list-3', label: '合同基础信息', key: 'base'},
     {icon: 'file-word', label: '合同附件', key: 'file'},