|
|
@@ -1,20 +1,44 @@
|
|
|
<template>
|
|
|
<hc-card>
|
|
|
<template #header>
|
|
|
- 1
|
|
|
+ <div class="w-40">
|
|
|
+ <el-select v-model="searchForm.key1" filterable block placeholder="选择工区">
|
|
|
+ <el-option label="一工区" value="1" />
|
|
|
+ <el-option label="二工区" value="2" />
|
|
|
+ </el-select>
|
|
|
+ </div>
|
|
|
</template>
|
|
|
<template #extra>
|
|
|
- <el-button hc-btn type="primary">
|
|
|
+ <el-button hc-btn type="primary" @click="addModalClick">
|
|
|
<HcIcon name="add" />
|
|
|
<span>新增</span>
|
|
|
</el-button>
|
|
|
</template>
|
|
|
- 1111
|
|
|
+ <hc-table :column="tableColumn" :datas="tableData" :loading="tableLoading">
|
|
|
+ <template #action="{ row }">
|
|
|
+ <el-link type="primary">查看报表</el-link>
|
|
|
+ <el-link type="success" @click="rowEditClick(row)">修改</el-link>
|
|
|
+ <el-link type="danger">删除</el-link>
|
|
|
+ <el-link>重新计算</el-link>
|
|
|
+ <el-link type="warning">锁定</el-link>
|
|
|
+ </template>
|
|
|
+ </hc-table>
|
|
|
+ <template #action>
|
|
|
+ <hc-pages :pages="searchForm" @change="pageChange" />
|
|
|
+ </template>
|
|
|
+
|
|
|
+ <!-- 中间计量新增 -->
|
|
|
+ <HcAddModal v-model="addModalShow" />
|
|
|
+
|
|
|
+ <!-- 中间计量新增 -->
|
|
|
+ <HcEditModal v-model="editModalShow" />
|
|
|
</hc-card>
|
|
|
</template>
|
|
|
|
|
|
<script setup>
|
|
|
import { onMounted, ref } from 'vue'
|
|
|
+import HcAddModal from './components/certificate/addModal.vue'
|
|
|
+import HcEditModal from './components/certificate/editModal.vue'
|
|
|
|
|
|
defineOptions({
|
|
|
name: 'PeriodsProjectCertificate',
|
|
|
@@ -24,6 +48,44 @@ defineOptions({
|
|
|
onMounted(() => {
|
|
|
|
|
|
})
|
|
|
+
|
|
|
+
|
|
|
+//搜索表单
|
|
|
+const searchForm = ref({
|
|
|
+ current: 1, size: 10, total: 0,
|
|
|
+})
|
|
|
+
|
|
|
+//分页
|
|
|
+const pageChange = ({ current, size }) => {
|
|
|
+ searchForm.value.current = current
|
|
|
+ searchForm.value.size = size
|
|
|
+}
|
|
|
+
|
|
|
+//表格数据
|
|
|
+const tableLoading = ref(false)
|
|
|
+const tableColumn = ref([
|
|
|
+ { key: 'key1', name: '证书编号' },
|
|
|
+ { key: 'key2', name: '核定结算金额' },
|
|
|
+ { key: 'key3', name: '实际结算金额' },
|
|
|
+ { key: 'key4', name: '打印日期' },
|
|
|
+ { key: 'key5', name: '重新计算时间' },
|
|
|
+ { key: 'action', name: '操作', width: 260 },
|
|
|
+])
|
|
|
+const tableData = ref([
|
|
|
+ { key1: '1111' },
|
|
|
+])
|
|
|
+
|
|
|
+//新增
|
|
|
+const addModalShow = ref(false)
|
|
|
+const addModalClick = () => {
|
|
|
+ addModalShow.value = true
|
|
|
+}
|
|
|
+
|
|
|
+//修改
|
|
|
+const editModalShow = ref(false)
|
|
|
+const rowEditClick = (row) => {
|
|
|
+ editModalShow.value = true
|
|
|
+}
|
|
|
</script>
|
|
|
|
|
|
<style scoped lang="scss">
|
