|
|
@@ -1,5 +1,51 @@
|
|
|
<template>
|
|
|
<HcCard actionUi="text-center">
|
|
|
+ <HcCardItem class="hc-program-annual-form-card-item">
|
|
|
+ <el-form ref="formRef" inline :model="formModel" :rules="formRules">
|
|
|
+ <div>
|
|
|
+ <el-form-item label="预算名称" prop="name" class="w-1/2">
|
|
|
+ <el-input v-model="formModel.name" placeholder="请输入预算名称" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="预算起止时间" prop="time" class="ml-6">
|
|
|
+ <HcDatePicker :dates="betweenTime" clearable @change="betweenTimeUpdate"/>
|
|
|
+ </el-form-item>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <el-form-item label="合同" prop="key1">
|
|
|
+ <el-tooltip content="年度合同指标">
|
|
|
+ <el-input v-model="formModel.key1" placeholder="年度合同指标" />
|
|
|
+ </el-tooltip>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="利润" prop="key2">
|
|
|
+ <el-tooltip content="年度利润指标">
|
|
|
+ <el-input v-model="formModel.key2" placeholder="年度利润指标" />
|
|
|
+ </el-tooltip>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="预算" prop="key3">
|
|
|
+ <el-tooltip content="总经营预算">
|
|
|
+ <el-input v-model="formModel.key3" placeholder="总经营预算" disabled>
|
|
|
+ <template #append>元</template>
|
|
|
+ </el-input>
|
|
|
+ </el-tooltip>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="工资" prop="key4">
|
|
|
+ <el-tooltip content="人员成本">
|
|
|
+ <el-input v-model="formModel.key4" placeholder="人员成本" disabled>
|
|
|
+ <template #append>元</template>
|
|
|
+ </el-input>
|
|
|
+ </el-tooltip>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="综合" prop="key5">
|
|
|
+ <el-tooltip content="管理支出">
|
|
|
+ <el-input v-model="formModel.key5" placeholder="管理支出" disabled>
|
|
|
+ <template #append>元</template>
|
|
|
+ </el-input>
|
|
|
+ </el-tooltip>
|
|
|
+ </el-form-item>
|
|
|
+ </div>
|
|
|
+ </el-form>
|
|
|
+ </HcCardItem>
|
|
|
+
|
|
|
222
|
|
|
<template #action>
|
|
|
<el-button size="large" type="info" hc-btn @click="goBackClick">
|
|
|
@@ -20,6 +66,20 @@ import {useRouter} from 'vue-router'
|
|
|
|
|
|
const router = useRouter()
|
|
|
|
|
|
+//顶部表单数据
|
|
|
+const formRef = ref(null)
|
|
|
+const formModel = ref({
|
|
|
+ key1: '', key2: '', key3: '', key4: '', key5: '',
|
|
|
+})
|
|
|
+const formRules = {}
|
|
|
+
|
|
|
+//日期时间被选择
|
|
|
+const betweenTime = ref(null)
|
|
|
+const betweenTimeUpdate = ({arr, query}) => {
|
|
|
+ betweenTime.value = arr
|
|
|
+ //formModel.value.betweenTime = query
|
|
|
+}
|
|
|
+
|
|
|
|
|
|
//获取数据
|
|
|
const tableLoading = ref(false)
|
|
|
@@ -52,3 +112,13 @@ const saveClick = () => {
|
|
|
|
|
|
}
|
|
|
</script>
|
|
|
+
|
|
|
+<style lang="scss" scoped>
|
|
|
+.hc-program-annual-form-card-item {
|
|
|
+ height: auto;
|
|
|
+}
|
|
|
+</style>
|
|
|
+
|
|
|
+<style lang="scss">
|
|
|
+
|
|
|
+</style>
|
