From 9a34cc100384b0db98166e1a7e4f35dee44fb8ae Mon Sep 17 00:00:00 2001 From: zhitan-cloud <394600+ustcyc@user.noreply.gitee.com> Date: 星期一, 13 一月 2025 21:49:16 +0800 Subject: [PATCH] !16 合并到主分支 Merge pull request !16 from zhitan-cloud/develop1.0 --- zhitan-vue/src/views/costmanage/unitpricestrategy/unitpricestrategy.vue | 230 ++++++++++++++++++++++++++++++-------------------------- 1 files changed, 123 insertions(+), 107 deletions(-) diff --git a/zhitan-vue/src/views/costmanage/unitpricestrategy/unitpricestrategy.vue b/zhitan-vue/src/views/costmanage/unitpricestrategy/unitpricestrategy.vue index 0c2a4e3..4a2818f 100644 --- a/zhitan-vue/src/views/costmanage/unitpricestrategy/unitpricestrategy.vue +++ b/zhitan-vue/src/views/costmanage/unitpricestrategy/unitpricestrategy.vue @@ -1,147 +1,163 @@ <template> - <div class="page"> - <div class="form-card"> - <el-form :model="form" ref="queryRef" :inline="true" label-width="85px"> - <!-- <el-form-item label="鏈夋晥鍛ㄦ湡"> + <div class="page"> + <div class="form-card"> + <el-form :model="form" ref="queryRef" :inline="true" label-width="85px"> + <!-- <el-form-item label="鏈夋晥鍛ㄦ湡"> <el-date-picker v-model="form.index1" type="daterange" format="YYYY-MM-DD" value-format="YYYY-MM-DD" placeholder="鏃堕棿" style="width: 260px" unlink-panels /> </el-form-item> --> - <el-form-item label="鑳芥簮鍝佺"> - <el-select v-model="form.energyType" placeholder="璇烽�夋嫨鑳芥簮鍝佺" style="width: 100%"> - <el-option v-for="dict in energyVarietiesList" :key="dict.enerclassid" - :label="dict.enerclassname" :value="dict.enerclassid" /> - </el-select> - </el-form-item> - <el-form-item label="绛栫暐鍚嶇О"> - <el-input v-model="form.tacticsName" placeholder="璇疯緭鍏ョ瓥鐣ュ悕绉�" /> - </el-form-item> - <el-form-item label="绛栫暐缂栫爜"> - <el-input v-model="form.tacticsNumber" placeholder="璇疯緭鍏ョ瓥鐣ョ紪鐮�" /> - </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="mt20 mb20 ml20"> - <el-button type="primary" icon="Plus" @click="handleAdd">鏂板</el-button> - </div> - <div class="table-box"> - <el-table :data="tableData" v-loading="loading" height="calc(100vh - 450px)"> - <el-table-column type="index" label="搴忓彿" align="center" width="100" /> - <el-table-column label="绛栫暐缂栫爜" prop="tacticsNumber" align="center" show-overflow-tooltip /> - <el-table-column label="绛栫暐鍚嶇О" prop="tacticsName" align="center" show-overflow-tooltip /> - <el-table-column label="鑳芥簮鍝佺" prop="energyType" align="center" show-overflow-tooltip - :formatter="(row, column) => formatterLabel(energyVarietiesList, row.energyType)" /> - <el-table-column label="鏄惁闃舵浠锋牸" prop="type" align="center" show-overflow-tooltip - :formatter="(row, column) => row.type == 0 ? '鍚�' : '鏄�'" /> - <el-table-column label="鎿嶄綔" width="220" align="center"> - <template #default="scope"> - <el-button link type="primary" icon="Edit" @click="handleAdd(scope.row, scope.$index)"> - 缂栬緫 - </el-button> - <el-button link type="primary" icon="Delete" @click="handleDel(scope.row, scope.$index)"> - 鍒犻櫎 - </el-button> - <el-button link type="primary" icon="DocumentCopy" @click="handleCopy(scope.row, scope.$index)"> - 澶嶅埗 - </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> - <EditModal ref="editModalRef" :energyVarietiesList='energyVarietiesList' @getList='getList' /> + <el-form-item label="鑳芥簮鍝佺"> + <el-select v-model="form.energyType" placeholder="璇烽�夋嫨鑳芥簮鍝佺" style="width: 100%"> + <el-option + v-for="dict in energyVarietiesList" + :key="dict.enerclassid" + :label="dict.enerclassname" + :value="dict.enerclassid" + /> + </el-select> + </el-form-item> + <el-form-item label="绛栫暐鍚嶇О"> + <el-input v-model="form.tacticsName" placeholder="璇疯緭鍏ョ瓥鐣ュ悕绉�" /> + </el-form-item> + <el-form-item label="绛栫暐缂栫爜"> + <el-input v-model="form.tacticsNumber" placeholder="璇疯緭鍏ョ瓥鐣ョ紪鐮�" /> + </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-bg-style"> + <div class="mb20 ml20 theme-dark-mt20"> + <el-button type="primary" icon="Plus" @click="handleAdd">鏂板</el-button> + </div> + <div class="table-box"> + <el-table :data="tableData" v-loading="loading" height="calc(100vh - 450px)"> + <el-table-column type="index" label="搴忓彿" align="center" width="100" /> + <el-table-column label="绛栫暐缂栫爜" prop="tacticsNumber" align="center" show-overflow-tooltip /> + <el-table-column label="绛栫暐鍚嶇О" prop="tacticsName" align="center" show-overflow-tooltip /> + <el-table-column + label="鑳芥簮鍝佺" + prop="energyType" + align="center" + show-overflow-tooltip + :formatter="(row, column) => formatterLabel(energyVarietiesList, row.energyType)" + /> + <el-table-column + label="鏄惁闃舵浠锋牸" + prop="type" + align="center" + show-overflow-tooltip + :formatter="(row, column) => (row.type == 0 ? '鍚�' : '鏄�')" + /> + <el-table-column label="鎿嶄綔" width="220" align="center"> + <template #default="scope"> + <el-button link type="primary" icon="Edit" @click="handleAdd(scope.row, scope.$index)"> 缂栬緫 </el-button> + <el-button link type="primary" icon="Delete" @click="handleDel(scope.row, scope.$index)"> + 鍒犻櫎 + </el-button> + <el-button link type="primary" icon="DocumentCopy" @click="handleCopy(scope.row, scope.$index)"> + 澶嶅埗 + </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> + </div> + <EditModal ref="editModalRef" :energyVarietiesList="energyVarietiesList" @getList="getList" /> + </div> </template> <script setup> -import { unitPriceStrategyList, unitPriceStrategyDel } from '@/api/costManage/costManage.js' -const { proxy } = getCurrentInstance(); -import EditModal from './components/EditModal' -import { listEnergyVarietiesList } from "@/api/modelConfiguration/energyVarieties"; -const energyVarietiesList = ref([]); +import { unitPriceStrategyList, unitPriceStrategyDel } from "@/api/costManage/costManage.js" +const { proxy } = getCurrentInstance() +import EditModal from "./components/EditModal" +import { listEnergyVarietiesList } from "@/api/modelConfiguration/energyVarieties" +const energyVarietiesList = ref([]) getEnergyVarietiesList() -let loading = ref(false); -let tableData = ref([{}]); +let loading = ref(false) +let tableData = ref([{}]) let editModalRef = ref() let form = ref({ - // index1: [proxy.dayjs().startOf('year').format("YYYY-MM-DD"), proxy.dayjs().endOf('year').format("YYYY-MM-DD")], - energyType: null, - tacticsName: null, - tacticsNumber: null + // index1: [proxy.dayjs().startOf('year').format("YYYY-MM-DD"), proxy.dayjs().endOf('year').format("YYYY-MM-DD")], + energyType: null, + tacticsName: null, + tacticsNumber: null, }) function getEnergyVarietiesList() { - listEnergyVarietiesList().then((res) => { - energyVarietiesList.value = res.data; - form.value.energyType = res.data[0].enerclassid - - }); + listEnergyVarietiesList().then((res) => { + energyVarietiesList.value = res.data + form.value.energyType = res.data[0].enerclassid + }) } let queryParams = ref({ - pageNum: 1, - pageSize: 10, + pageNum: 1, + pageSize: 10, }) let total = ref(0) getList() //鑾峰彇鍒楄〃 function getList() { - loading.value = true - unitPriceStrategyList({ ...queryParams.value, ...form.value }).then(res => { - tableData.value = res.rows - total.value = res.total - loading.value = false - }) + loading.value = true + unitPriceStrategyList({ ...queryParams.value, ...form.value }).then((res) => { + tableData.value = res.rows + total.value = res.total + loading.value = false + }) } function handleAdd(row) { - if (editModalRef.value) { - editModalRef.value.handleOpen(row, true) - } + if (editModalRef.value) { + editModalRef.value.handleOpen(row, true) + } } function handleQuery() { - queryParams.value.pageNum = 1 - getList() + queryParams.value.pageNum = 1 + getList() } function resetQuery() { - form.value = { - // index1: [proxy.dayjs().startOf('year').format("YYYY-MM-DD"), proxy.dayjs().endOf('year').format("YYYY-MM-DD")], - energyType: null, - tacticsName: null, - tacticsNumber: null - } - queryParams.value.pageNum = 1 - getList() + form.value = { + // index1: [proxy.dayjs().startOf('year').format("YYYY-MM-DD"), proxy.dayjs().endOf('year').format("YYYY-MM-DD")], + energyType: null, + tacticsName: null, + tacticsNumber: null, + } + queryParams.value.pageNum = 1 + getList() } function handleDel(row) { - proxy.$modal - .confirm('鏄惁纭鍒犻櫎鏃堕棿涓�"' + row.tacticsName + '"鐨勬暟鎹」锛�') - .then(function () { - return unitPriceStrategyDel(row.id); - }) - .then(() => { - resetQuery(); - proxy.$modal.msgSuccess("鍒犻櫎鎴愬姛"); - }) - .catch(() => { }); + proxy.$modal + .confirm('鏄惁纭鍒犻櫎鏃堕棿涓�"' + row.tacticsName + '"鐨勬暟鎹」锛�') + .then(function () { + return unitPriceStrategyDel(row.id) + }) + .then(() => { + resetQuery() + proxy.$modal.msgSuccess("鍒犻櫎鎴愬姛") + }) + .catch(() => {}) } function handleCopy(row) { - if (editModalRef.value) { - editModalRef.value.handleOpen(row, false) - } + if (editModalRef.value) { + editModalRef.value.handleOpen(row, false) + } } function formatterLabel(list, value) { - let dict = list.find(item => item.enerclassid == value) - return dict ? dict.enerclassname : '' + let dict = list.find((item) => item.enerclassid == value) + return dict ? dict.enerclassname : "" } - - </script> <style scoped lang="scss"> @import "@/assets/styles/page.scss"; -</style> \ No newline at end of file +</style> -- Gitblit v1.9.3