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