From 7fa3671f5a04f6f4943d064bf05f491cff9d5576 Mon Sep 17 00:00:00 2001 From: ali <ali9696@163.com> Date: 星期四, 23 一月 2025 15:48:02 +0800 Subject: [PATCH] 节能项目+政策法规 --- zhitan-vue/src/views/energyconservation/projectmanage/projectmanage/projectManage.vue | 205 +++++++++++++++++++++++++------------------------- 1 files changed, 103 insertions(+), 102 deletions(-) diff --git a/zhitan-vue/src/views/energyconservation/projectmanage/projectmanage/projectManage.vue b/zhitan-vue/src/views/energyconservation/projectmanage/projectmanage/projectManage.vue index 164cb19..0e76221 100644 --- a/zhitan-vue/src/views/energyconservation/projectmanage/projectmanage/projectManage.vue +++ b/zhitan-vue/src/views/energyconservation/projectmanage/projectmanage/projectManage.vue @@ -1,135 +1,136 @@ <template> - <div class="page"> - <div class="form-card"> - <el-form :model="queryParams" ref="queryRef" :inline="true" label-width="120px"> - <el-form-item label="椤圭洰鍚嶇О"> - <el-input v-model="queryParams.value1" placeholder="璇疯緭鍏ラ」鐩悕绉�" /> - </el-form-item> - <el-form-item label="缁熻鏃堕棿"> - <el-date-picker v-model="queryParams.value2" type="daterange" start-placeholder="閫夋嫨寮�濮嬫椂闂�" - end-placeholder="閫夋嫨缁撴潫鏃堕棿" format="YYYY-MM-DD" date-format="YYYY/MM/DD" /> - </el-form-item> - <el-form-item> - <el-button type="primary" icon="Search" @click="handleQuery">鎼滅储</el-button> - <el-button icon="Refresh" @click="resetQuery">閲嶇疆</el-button> - </el-form-item> - </el-form> - </div> - <div class="table-box"> - <div class="mt20 mb20"> - <el-button type="primary" icon="plus" @click="handleAdd">鏂板</el-button> - <el-button type="primary" icon="Download" @click="handleAdd"> 瀵煎嚭 </el-button> - </div> - <el-table :data="tableData" v-loading="loading"> - <el-table-column prop="value1" label="椤圭洰鍚嶇О" show-overflow-tooltip align="center" /> - <el-table-column prop="value2" label="鑺傝兘璁″垝" show-overflow-tooltip align="center" /> - <el-table-column prop="value3" label="鑺傝兘鐩爣" show-overflow-tooltip align="center" /> - <el-table-column prop="value4" label="寮�濮嬫椂闂�" show-overflow-tooltip align="center" /> - <el-table-column prop="value5" label="缁撴潫鏃堕棿" show-overflow-tooltip align="center" /> - <el-table-column prop="value6" label="璐熻矗浜�" show-overflow-tooltip align="center" /> - <el-table-column prop="value7" label="鍒跺畾鏃舵" show-overflow-tooltip align="center" /> - <el-table-column prop="value8" label="鍒涘缓浜�" show-overflow-tooltip align="center" /> - - <el-table-column label="鎿嶄綔" width="300" align="center"> - <template #default="scope"> - <el-button link type="primary" icon="Files" @click=" "> - 闄勪欢 - </el-button> - <el-button link type="primary" icon="Edit" @click="handleAdd(scope.row)"> - 淇敼 - </el-button> - <el-button link type="primary" icon="Delete" @click="handleDel(scope.row)"> - 鍒犻櫎 - </el-button> - </template> - </el-table-column> - </el-table> - <pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum" - v-model:limit="queryParams.pageSize" @pagination="getList" /> - - </div> - <edit-modal ref="EditModalRef" @getList="getList" /> + <div class="page"> + <div class="form-card"> + <el-form :model="queryParams" ref="queryRef" :inline="true" label-width="120px"> + <el-form-item label="鎬讳綋璁″垝"> + <el-input v-model="queryParams.plan" placeholder="璇疯緭鍏ユ�讳綋璁″垝" /> + </el-form-item> + <el-form-item label="璐熻矗浜�"> + <el-input v-model="queryParams.liablePerson" placeholder="璇疯緭鍏ヨ礋璐d汉" /> + </el-form-item> + <!-- <el-form-item label="缁熻鏃堕棿"> + <el-date-picker + v-model="queryParams.value2" + type="daterange" + start-placeholder="閫夋嫨寮�濮嬫椂闂�" + end-placeholder="閫夋嫨缁撴潫鏃堕棿" + format="YYYY-MM-DD" + date-format="YYYY/MM/DD" + /> + </el-form-item> --> + <el-form-item> + <el-button type="primary" icon="Search" @click="handleQuery">鎼滅储</el-button> + <el-button icon="Refresh" @click="resetQuery">閲嶇疆</el-button> + </el-form-item> + </el-form> </div> + <div class="table-box"> + <div class="mt20 mb20"> + <el-button type="primary" icon="plus" @click="handleAdd">鏂板</el-button> + <!-- <el-button type="primary" icon="Download" @click="handleAdd"> 瀵煎嚭 </el-button> --> + </div> + <el-table :data="tableData" v-loading="loading"> + <el-table-column prop="plan" label="鎬讳綋璁″垝" show-overflow-tooltip align="center" /> + <el-table-column prop="implementationPlan" label="瀹炴柦璁″垝" show-overflow-tooltip align="center" /> + <el-table-column prop="savingAmount" label="鑺傜害閲�" show-overflow-tooltip align="center" /> + <!-- <el-table-column prop="value4" label="寮�濮嬫椂闂�" show-overflow-tooltip align="center" /> + <el-table-column prop="value5" label="缁撴潫鏃堕棿" show-overflow-tooltip align="center" /> --> + <el-table-column prop="currentWork" label="褰撳墠宸ヤ綔" show-overflow-tooltip align="center" /> + <el-table-column prop="liablePerson" label="璐熻矗浜�" show-overflow-tooltip align="center" /> + <el-table-column prop="completionTime" label="瀹屾垚鏃堕棿" show-overflow-tooltip align="center" /> + <el-table-column prop="createTime" label="鍒涘缓鏃堕棿" show-overflow-tooltip align="center" /> + <el-table-column prop="remark" label="澶囨敞" show-overflow-tooltip align="center" /> + + <el-table-column label="鎿嶄綔" width="300" align="center"> + <template #default="scope"> + <!-- <el-button link type="primary" icon="Files" @click=""> 闄勪欢 </el-button> --> + <el-button link type="primary" icon="Edit" @click="handleAdd(scope.row)"> 淇敼 </el-button> + <el-button link type="primary" icon="Delete" @click="handleDel(scope.row)"> 鍒犻櫎 </el-button> + </template> + </el-table-column> + </el-table> + <pagination + v-show="total > 0" + :total="total" + v-model:page="queryParams.pageNum" + v-model:limit="queryParams.pageSize" + @pagination="getList" + /> + </div> + <edit-modal ref="EditModalRef" @getList="getList" /> + </div> </template> <script setup> -import EditModal from './components/EditModal.vue' - +import EditModal from "./components/EditModal.vue" +import { projectPage, projectDel } from "@/api/policy/project" let { proxy } = getCurrentInstance() -let loading = ref(false); -let total = ref(0); -let tableData = ref([ - {id:1, value1: '1', value2: '2', value3: '3', value4: '4', value5: '5', value6: '6', value7: '7', value8: '8' }, - { id:2, value1: '1', value2: '2', value3: '3', value4: '4', value5: '5', value6: '6', value7: '7', value8: '8' }, - { id:3, value1: '1', value2: '2', value3: '3', value4: '4', value5: '5', value6: '6', value7: '7', value8: '8' }, - { id:4, value1: '1', value2: '2', value3: '3', value4: '4', value5: '5', value6: '6', value7: '7', value8: '8' }, -]) +let loading = ref(false) +let total = ref(0) +let tableData = ref([]) let queryParams = ref({ - value1: '', - value2: [], - pageNum: 1, - pageSize: 10, + value1: "", + value2: [], + pageNum: 1, + pageSize: 10, }) function getList() { - // loading.value = true - // alarmList(queryParams.value).then(res => { - // console.log(res.rows) - // tableData.value = res.rows - // total.value = res.total - // loading.value = false - // }) + loading.value = true + projectPage(queryParams.value).then((res) => { + console.log(res.rows) + tableData.value = res.rows + total.value = res.total + loading.value = false + }) } getList() - -let EditModalRef = ref('') +let EditModalRef = ref("") function handleAdd(row) { - if (EditModalRef.value) { - EditModalRef.value.handleOpen(row) - } - + if (EditModalRef.value) { + EditModalRef.value.handleOpen(row) + } } function handleDel(row) { - // proxy.$modal.confirm('鏄惁纭鍒犻櫎鏁版嵁椤�?').then(function () { - // return alarmDel(row.id); - // }).then(() => { - // getList(); - // proxy.$modal.msgSuccess("鍒犻櫎鎴愬姛"); - // }).catch(() => { }); + proxy.$modal + .confirm("鏄惁纭鍒犻櫎鏁版嵁椤�?") + .then(function () { + return projectDel(row.id) + }) + .then(() => { + getList() + proxy.$modal.msgSuccess("鍒犻櫎鎴愬姛") + }) + .catch(() => {}) } function handleQuery() { - queryParams.value.pageNum = 1 - getList() - + queryParams.value.pageNum = 1 + getList() } function resetQuery() { - queryParams.value = { - value1: '', - value2: [], - pageNum: 1, - pageSize: 10, - } - getList() + queryParams.value = { + value1: "", + value2: [], + pageNum: 1, + pageSize: 10, + } + getList() } - - </script> <style lang="scss" scoped> @import "@/assets/styles/page.scss"; - .header-box { - :deep .el-form-item__content { - color: #fff; - font-size: 16px; - } - + :deep .el-form-item__content { + color: #fff; + font-size: 16px; + } } -</style> \ No newline at end of file +</style> -- Gitblit v1.9.3