-
已结项项目
+
+ 已结项项目
@@ -11,27 +12,32 @@
class="projectTable"
:height="tableHeight"
@sort-change="onSortChange"
+ @row-click="onRowClick"
:data="tableData">
-
+
-
+
-
+
-
+
// table元素
-import {getCurrentInstance, onMounted, ref, watch } from "vue";
-import { useRouter } from 'vue-router'
+import {getCurrentInstance, onMounted, ref, watch} from "vue";
+import {useRouter} from 'vue-router'
import request from "../utils/request";
const tableRef = ref(null);
// table高度
const tableHeight = ref();
-const { proxy, ctx } = getCurrentInstance()
+const {proxy, ctx} = getCurrentInstance()
onMounted(() => {
// 设置表格初始高度为innerHeight-offsetTop-表格底部与浏览器底部距离110
tableHeight.value = window.innerHeight - tableRef.value.$el.offsetTop - 110;
@@ -91,7 +97,7 @@ const getClosedProjects = () => {
console.log(error)
})
}
-const onSortChange = ( val) => {
+const onSortChange = (val) => {
console.log(val)
const that = this;
request({
@@ -100,8 +106,8 @@ const onSortChange = ( val) => {
params: {
pageCurrent: currentPage.value,
pageSize: pageSize.value,
- sortBy: val.order?val.prop:'projectClosedDate',
- asc: val.order==='ascending',
+ sortBy: val.order ? val.prop : 'projectClosedDate',
+ asc: val.order === 'ascending',
paramMap: {
completed: true
}
@@ -149,29 +155,34 @@ import router from "../router";
export default {
name: "ClosedProject",
data() {
- return {
- }
+ return {}
},
methods: {
-
+ onRowClick(row, column, event) {
+ router.push({path: '/project/' + row.projectId})
+ },
priceFormatter(row, column) {
- return row[column.property]/10000 + '万';
+ return row[column.property] / 10000 + '万';
},
dateFormatter(row, column) {
const moment = require('moment');
const date = row[column.property];
- if (date === undefined || date===null) {
+ if (date === undefined || date === null) {
return ''
}
- return moment(date*1000).format("yyyy-MM-DD")
+ return moment(date * 1000).format("yyyy-MM-DD")
},
}
}