9/10
This commit is contained in:
Zy
@@ -4,12 +4,12 @@
|
||||
<transition :enter-active-class="proxy?.animate.searchAnimate.enter" :leave-active-class="proxy?.animate.searchAnimate.leave">
|
||||
<div v-show="showSearch" class="mb-[10px]">
|
||||
<el-card shadow="hover">
|
||||
<el-form ref="queryFormRef" label-width="100px" @submit.prevent="handleQuery" :model="queryParams" :inline="true">
|
||||
<el-form ref="queryFormRef" :inline="true" :model="queryParams" label-width="100px" @submit.prevent="handleQuery">
|
||||
<el-form-item label="设备编号" prop="deviceCode">
|
||||
<el-input maxlength="25" v-model="queryParams.deviceCode" placeholder="请输入" clearable />
|
||||
<el-input v-model="queryParams.deviceCode" clearable maxlength="25" placeholder="请输入" />
|
||||
</el-form-item>
|
||||
<el-form-item label="房屋号" prop="houseName">
|
||||
<el-input maxlength="20" v-model="queryParams.houseName" placeholder="请输入" clearable @keyup.enter="handleQuery" />
|
||||
<el-input v-model="queryParams.houseName" clearable maxlength="20" placeholder="请输入" @keyup.enter="handleQuery" />
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" @click="handleQuery">搜索</el-button>
|
||||
@@ -26,7 +26,11 @@
|
||||
<el-col :span="1.5">
|
||||
<div style="font-size: 0.8rem">电表列表</div>
|
||||
</el-col>
|
||||
<right-toolbar :show-add="false" :show-edit="false" :show-delete="false">
|
||||
<right-toolbar :show-add="false" :show-delete="false" :show-edit="false">
|
||||
<template #actions>
|
||||
<el-button icon="Upload" plain type="success" @click="handleOpenDialog('UploadDevices')">导入设备</el-button>
|
||||
<el-button icon="Download" plain type="warning" @click="handleExport">获取导入模板</el-button>
|
||||
</template>
|
||||
<template #dropdown>
|
||||
<el-dropdown-item @click="handleMarkQRCode">
|
||||
<span>批量生成条形码</span>
|
||||
@@ -34,7 +38,7 @@
|
||||
<el-dropdown-item @click="handleMarkQrcodeZip">
|
||||
<span>批量下载条形码</span>
|
||||
</el-dropdown-item>
|
||||
<!-- <el-dropdown-item v-has-permi="['equipment:addqrcode:electricitydevice']">
|
||||
<!-- <el-dropdown-item >
|
||||
<div @click="handleMarkQRCode">批量更新固件</div>
|
||||
</el-dropdown-item> -->
|
||||
</template>
|
||||
@@ -42,41 +46,41 @@
|
||||
</el-row>
|
||||
</template>
|
||||
|
||||
<el-table v-loading="loading" border :data="ElectricityDeviceList" @selection-change="handleSelectionChange">
|
||||
<el-table-column type="selection" width="55" align="center" />
|
||||
<el-table-column label="设备编码" width="250" align="center" prop="deviceCode" />
|
||||
<el-table-column label="设备状态" width="100" align="center" prop="status">
|
||||
<el-table v-loading="loading" :data="ElectricityDeviceList" border @selection-change="handleSelectionChange">
|
||||
<el-table-column align="center" type="selection" width="55" />
|
||||
<el-table-column align="center" label="设备编码" prop="deviceCode" width="250" />
|
||||
<el-table-column align="center" label="设备状态" prop="status" width="100">
|
||||
<template #default="scope">
|
||||
<div class="readRecord" v-if="scope.row.status !== null">
|
||||
<div v-if="scope.row.status !== null" class="readRecord">
|
||||
<DictTag :options="com_waterdevice_on_status" :value="scope.row.status"></DictTag>
|
||||
</div>
|
||||
<span v-else>---</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="分合状态" width="100" align="center">
|
||||
<el-table-column align="center" label="分合状态" width="100">
|
||||
<template #default="scope">
|
||||
<div class="readRecord" v-if="scope.row.electricityRecord">
|
||||
<div v-if="scope.row.electricityRecord" class="readRecord">
|
||||
<DictTag :options="com_electricity_readrecord_status" :value="scope.row.electricityRecord.status"></DictTag>
|
||||
</div>
|
||||
<span v-else>---</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="房屋号" align="center" prop="houseName" />
|
||||
<el-table-column label="余额" width="100" align="center">
|
||||
<el-table-column align="center" label="房屋号" prop="houseName" />
|
||||
<el-table-column align="center" label="余额" width="100">
|
||||
<template #default="scope">
|
||||
<span v-if="scope.row.electricityRecord">{{ scope.row.electricityRecord.balance }}</span>
|
||||
<span v-else>---</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="条码" width="250" align="center" prop="deleted">
|
||||
<el-table-column align="center" label="条码" prop="deleted" width="250">
|
||||
<template #default="scope">
|
||||
<el-image
|
||||
v-if="scope.row.url && scope.row.url.includes('http')"
|
||||
:src="scope.row.url"
|
||||
:preview-src-list="[scope.row.url]"
|
||||
style="width: 90%; height: 100%"
|
||||
:src="scope.row.url"
|
||||
fit="cover"
|
||||
preview-teleported
|
||||
style="width: 90%; height: 100%"
|
||||
>
|
||||
<template #toolbar>
|
||||
<el-icon @click="download(scope.row.url)"><Download /></el-icon>
|
||||
@@ -85,99 +89,70 @@
|
||||
<span v-else>暂未生成</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="抄表时间" align="center">
|
||||
<el-table-column align="center" label="抄表时间">
|
||||
<template #default="scope">
|
||||
<span>{{ scope.row.electricityRecord ? scope.row.electricityRecord.readTime : '--' }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<!-- <el-table-column width="150" label="启停" align="center" prop="deleted" v-has-permi="['equipment:isUse:electricitydevice']">
|
||||
<el-table-column align="center" label="启停" prop="deleted" width="150">
|
||||
<template #default="scope">
|
||||
<el-switch
|
||||
@change="(val: string) => handleChangeWater(val, scope.row)"
|
||||
v-model="scope.row.deleted"
|
||||
active-text="启用"
|
||||
inactive-text="停止"
|
||||
active-value="0"
|
||||
inactive-value="1"
|
||||
v-if="scope.row.electricityRecord"
|
||||
v-model="scope.row.electricityRecord.status"
|
||||
:active-value="0"
|
||||
:before-change="
|
||||
() => {
|
||||
const status = scope.row.status === 1 ? 0 : 1;
|
||||
return handleChangeWater(status, scope.row);
|
||||
}
|
||||
"
|
||||
:inactive-value="1"
|
||||
active-text="合闸"
|
||||
inactive-text="拉闸"
|
||||
></el-switch>
|
||||
<span v-else>---</span>
|
||||
</template>
|
||||
</el-table-column> -->
|
||||
<el-table-column min-width="120" label="操作" align="center" fixed="right" class-name="small-padding fixed-width">
|
||||
</el-table-column>
|
||||
<el-table-column align="center" class-name="small-padding fixed-width" fixed="right" label="操作" min-width="120">
|
||||
<template #default="scope">
|
||||
<div class="actions">
|
||||
<el-button link type="primary" @click="handleRecode(scope.row)" >充值记录</el-button>
|
||||
<el-button link type="primary" @click="handleQrCode(scope.row)"
|
||||
>生成条码</el-button
|
||||
>
|
||||
<el-button link type="primary" @click="handleOpenDialog('usedWater', scope.row)"
|
||||
>用电量</el-button
|
||||
>
|
||||
<!-- <el-button
|
||||
link
|
||||
type="primary"
|
||||
@click="handleOpenDialog('Upload', scope.row)"
|
||||
v-has-permi="['equipment:updatehardware:electricitydevice']"
|
||||
>更新固件</el-button
|
||||
> -->
|
||||
<el-button
|
||||
link
|
||||
v-if="!scope.row.houseName"
|
||||
type="primary"
|
||||
@click="handleOpenDialog('UpdateHouse', scope.row)"
|
||||
>绑定房屋</el-button
|
||||
>
|
||||
<el-button v-else link type="primary" @click="handleUnbind(scope.row)"
|
||||
>解绑房屋</el-button
|
||||
>
|
||||
<!-- <el-dropdown style="vertical-align: text-top">
|
||||
<el-button link type="primary">
|
||||
<div>
|
||||
更多<el-icon><arrow-down /></el-icon>
|
||||
</div>
|
||||
</el-button>
|
||||
<template #dropdown>
|
||||
<el-dropdown-menu>
|
||||
<el-dropdown-item>
|
||||
<div @click="handleOpenDialog('usedWater', scope.row)" v-has-permi="['equipment:used:electricitydevice']">用电量</div>
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item>
|
||||
<div @click="handleOpenDialog('Upload', scope.row)" v-has-permi="['equipment:updatehardware:electricitydevice']">更新固件</div>
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item>
|
||||
<div @click="handleOpenDialog('UpdateHouse', scope.row)" v-has-permi="['equipment:edithouse:electricitydevice']">修改</div>
|
||||
</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</template>
|
||||
</el-dropdown> -->
|
||||
<el-button link type="primary" @click="handleRecode(scope.row)">充值记录</el-button>
|
||||
<el-button link type="primary" @click="handleQrCode(scope.row)">生成条码</el-button>
|
||||
<el-button link type="primary" @click="handleOpenDialog('usedWater', scope.row)">用电量</el-button>
|
||||
<el-button link type="primary" @click="handleOpenDialog('recharge', scope.row)">充值</el-button>
|
||||
<!-- <el-button link type="primary" @click="handleOpenDialog('price', scope.row)">设置价格</el-button>-->
|
||||
<el-button v-if="!scope.row.houseName" link type="primary" @click="handleOpenDialog('UpdateHouse', scope.row)">绑定房屋</el-button>
|
||||
<el-button v-else link type="primary" @click="handleUnbind(scope.row)">解绑房屋</el-button>
|
||||
<el-button link type="primary" @click="handleUpload(scope.row)">更新数据</el-button>
|
||||
</div>
|
||||
</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" />
|
||||
<pagination v-show="total > 0" v-model:limit="queryParams.pageSize" v-model:page="queryParams.pageNum" :total="total" @pagination="getList" />
|
||||
</el-card>
|
||||
<!-- 添加或修改电 设备对话框 -->
|
||||
<el-dialog :title="dialog.title" v-model="dialog.visible" width="500px" append-to-body>
|
||||
<el-form v-if="dialogType === 'usedWater'" :rules="rules" ref="UsedWaterFormRef" :model="UsedWaterform" label-width="100px">
|
||||
<el-form-item label="设备编号" prop="deviceCode"> {{ UsedWaterform.deviceCode }} </el-form-item>
|
||||
<el-dialog v-model="dialog.visible" :title="dialog.title" append-to-body width="500px">
|
||||
<el-form v-if="dialogType === 'usedWater'" ref="UsedWaterFormRef" :model="UsedWaterForm" :rules="rules" label-width="100px">
|
||||
<el-form-item label="设备编号" prop="deviceCode"> {{ UsedWaterForm.deviceCode }} </el-form-item>
|
||||
<el-form-item label="开始时间" prop="startTime">
|
||||
<el-date-picker
|
||||
v-model="UsedWaterForm.startTime"
|
||||
format="YYYY-MM-DD HH:mm:ss"
|
||||
value-format="YYYY-MM-DD HH:mm:ss"
|
||||
v-model="UsedWaterform.startTime"
|
||||
type="datetime"
|
||||
@update:model-value="handleStarTime"
|
||||
placeholder="开始时间"
|
||||
type="datetime"
|
||||
value-format="YYYY-MM-DD HH:mm:ss"
|
||||
@update:model-value="handleStarTime"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="结束时间" prop="endTime">
|
||||
<el-date-picker
|
||||
v-model="UsedWaterForm.endTime"
|
||||
format="YYYY-MM-DD HH:mm:ss"
|
||||
value-format="YYYY-MM-DD HH:mm:ss"
|
||||
v-model="UsedWaterform.endTime"
|
||||
type="datetime"
|
||||
@update:model-value="handleEndTime"
|
||||
placeholder="结束时间"
|
||||
type="datetime"
|
||||
value-format="YYYY-MM-DD HH:mm:ss"
|
||||
@update:model-value="handleEndTime"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
@@ -189,14 +164,14 @@
|
||||
<el-form-item label="上传更新文件" prop="file">
|
||||
<el-upload
|
||||
ref="uploadRef"
|
||||
accept=".bin"
|
||||
:action="uploadUrl"
|
||||
name="file"
|
||||
:headers="headerToken()"
|
||||
:show-file-list="true"
|
||||
class="upload-demo"
|
||||
:on-success="handleAvatarSuccess"
|
||||
:before-upload="beforeAvatarUpload"
|
||||
:headers="headerToken()"
|
||||
:on-success="handleAvatarSuccess"
|
||||
:show-file-list="true"
|
||||
accept=".bin"
|
||||
class="upload-demo"
|
||||
name="file"
|
||||
>
|
||||
<div class="uploadFileBox flex flex-items-center">
|
||||
<el-icon>
|
||||
@@ -223,40 +198,112 @@
|
||||
<el-button :loading="buttonLoading" type="primary" @click="submitForm">更新到设备</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<el-form v-else-if="dialogType === 'recharge'" ref="rechargeFormRef" :model="reChargeForm" label-width="100px">
|
||||
<el-form-item label="充值金额" prop="amount">
|
||||
<el-input-number v-model.trim.number="reChargeForm.amount" :max="99999" :min="0" :step="0.1"> </el-input-number
|
||||
><span style="padding-left: 10px">￥</span>
|
||||
</el-form-item>
|
||||
<el-form-item label="支付方式" prop="payType">
|
||||
<el-select v-model="reChargeForm.payType" placeholder="请选择支付方式">
|
||||
<el-option v-for="(item, index) in com_pay_method" :key="index" :label="item.label" :value="item.value"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button @click="unSubmit">取消</el-button>
|
||||
<el-button :loading="buttonLoading" type="primary" @click="submitForm">充值</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<el-form v-else-if="dialogType === 'price'" ref="priceFormRef" :model="priceForm" label-width="100px">
|
||||
<el-form-item label="电表价格" prop="price">
|
||||
<el-input-number v-model.trim.number="priceForm.price" :max="99999" :min="0" :step="0.1"> </el-input-number
|
||||
><span style="padding-left: 10px">(元/kw·h)</span>
|
||||
</el-form-item>
|
||||
<!-- <el-form-item label="欠费阈值" prop="arrearsThreshold">-->
|
||||
<!-- <el-input-number v-model.trim.number="priceForm.arrearsThreshold" :max="99999" :min="0" :step="0.1"> </el-input-number-->
|
||||
<!-- ><span style="padding-left: 10px">元</span>-->
|
||||
<!-- </el-form-item>-->
|
||||
<el-form-item>
|
||||
<el-button @click="unSubmit">取消</el-button>
|
||||
<el-button :loading="buttonLoading" type="primary" @click="submitForm">设置价格</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<el-form
|
||||
v-else-if="dialogType === 'UploadDevices'"
|
||||
ref="UploadDevicesFormRef"
|
||||
:model="UploadDevicesFiles"
|
||||
:rule="UploadDevicesFilesRules"
|
||||
label-width="120px"
|
||||
>
|
||||
<el-form-item label="上传设备文件" prop="file">
|
||||
<el-upload
|
||||
ref="UploadDevicesRef"
|
||||
v-model:file-list="UploadDevicesFiles.file"
|
||||
:action="uploadDevicesUrl"
|
||||
:auto-upload="false"
|
||||
:headers="headerToken()"
|
||||
:limit="1"
|
||||
:on-change="handleChangeUploadDevices"
|
||||
:on-exceed="handleExceed"
|
||||
:show-file-list="true"
|
||||
accept=".xls, .xlsx"
|
||||
class="upload-demo"
|
||||
name="file"
|
||||
>
|
||||
<div class="uploadFileBox flex flex-items-center">
|
||||
<el-icon>
|
||||
<upload></upload>
|
||||
</el-icon>
|
||||
<div style="margin-left: 10px">上传文件</div>
|
||||
</div>
|
||||
<template #tip>
|
||||
<div class="el-upload__tip">文件必须是 <strong>excel</strong> 文件</div>
|
||||
</template>
|
||||
</el-upload>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button @click="unSubmit">取消</el-button>
|
||||
<el-button :loading="buttonLoading" type="primary" @click="submitForm"> 上传 </el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<div v-show="!usedWaterInfo" class="usedWaterbox">
|
||||
<div class="useditem">查询用电量开始时间</div>
|
||||
<div class="useditem value">{{ UsedWaterInfo.startTime }}</div>
|
||||
<div class="useditem">查询用电量结束时间</div>
|
||||
<div class="useditem value">{{ UsedWaterInfo.endTime }}</div>
|
||||
<div class="useditem">用电量</div>
|
||||
<div class="useditem value">{{ UsedWaterInfo.count }}</div>
|
||||
<div v-show="!usedWaterInfo" class="usedWaterBox">
|
||||
<div class="usedItem">查询用电量开始时间</div>
|
||||
<div class="usedItem value">{{ UsedWaterInfo.startTime }}</div>
|
||||
<div class="usedItem">查询用电量结束时间</div>
|
||||
<div class="usedItem value">{{ UsedWaterInfo.endTime }}</div>
|
||||
<div class="usedItem">用电量</div>
|
||||
<div class="usedItem value">{{ UsedWaterInfo.count }}</div>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup name="WaterDevice" lang="ts">
|
||||
<script lang="ts" name="WaterDevice" setup>
|
||||
import {
|
||||
ElectricityDeviceMakerQrcode,
|
||||
ElectricityDeviceRecharge,
|
||||
ElectricityDeviceUnbind,
|
||||
getElectricityDeviceTimeRangeUsedWater,
|
||||
listElectricityDevice,
|
||||
updateElectricityDevice
|
||||
setElectricityDevicePrice,
|
||||
setElectricityDeviceSwitchStatus,
|
||||
updateElectricityDevice,
|
||||
updateElectricityDeviceData,
|
||||
uploadElectricityDevices
|
||||
} from '@/api/system/SdbElectricityDevice';
|
||||
import { ElectricityDeviceVO } from '@/api/system/SdbElectricityDevice/type';
|
||||
import { useHouseStore } from '@/store/modules/house';
|
||||
import { useUserStore } from '@/store/modules/user';
|
||||
import { checkPermi } from '@/utils/permission';
|
||||
import { Upload } from '@element-plus/icons-vue';
|
||||
import { CascaderValue, UploadProps, UploadRawFile } from 'element-plus';
|
||||
import { CascaderValue, genFileId, UploadProps, UploadRawFile } from 'element-plus';
|
||||
import { exportImagesToZip } from '@/utils/exportZip';
|
||||
|
||||
const uploadUrl = import.meta.env.VITE_APP_BASE_API + '/electricityDevice/upload';
|
||||
|
||||
const { proxy } = getCurrentInstance() as ComponentInternalInstance;
|
||||
const { com_waterdevice_on_status } = toRefs<any>(proxy?.useDict('com_waterdevice_on_status'));
|
||||
const { com_electricity_readrecord_status } = toRefs<any>(proxy?.useDict('com_electricity_readrecord_status'));
|
||||
const { com_waterdevice_on_status, com_electricity_readrecord_status, com_pay_method } = toRefs<any>(
|
||||
proxy?.useDict('com_waterdevice_on_status', 'com_electricity_readrecord_status', 'com_pay_method')
|
||||
);
|
||||
|
||||
const ElectricityDeviceList = ref<ElectricityDeviceVO[]>([]);
|
||||
const buttonLoading = ref(false);
|
||||
@@ -297,7 +344,7 @@ const getList = async () => {
|
||||
// ! 用电量 =============================================================================
|
||||
const usedWaterInfo = ref(true);
|
||||
const UsedWaterFormRef = ref(null);
|
||||
const UsedWaterform = ref({
|
||||
const UsedWaterForm = ref({
|
||||
deviceCode: '',
|
||||
startTime: '',
|
||||
endTime: ''
|
||||
@@ -314,9 +361,9 @@ const rules = {
|
||||
function handleStarTime(val: string) {
|
||||
if (!val) return;
|
||||
const current = new Date(val).getTime();
|
||||
if (UsedWaterform.value.endTime && UsedWaterform.value.startTime) {
|
||||
if (current > new Date(UsedWaterform.value.endTime).getTime()) {
|
||||
UsedWaterform.value.endTime = '';
|
||||
if (UsedWaterForm.value.endTime && UsedWaterForm.value.startTime) {
|
||||
if (current > new Date(UsedWaterForm.value.endTime).getTime()) {
|
||||
UsedWaterForm.value.endTime = '';
|
||||
ElMessage.warning('开始时间不能大于结束时间');
|
||||
}
|
||||
}
|
||||
@@ -324,9 +371,9 @@ function handleStarTime(val: string) {
|
||||
function handleEndTime(val: string) {
|
||||
if (!val) return;
|
||||
const current = new Date(val).getTime();
|
||||
if (UsedWaterform.value.startTime && UsedWaterform.value.endTime) {
|
||||
if (current < new Date(UsedWaterform.value.startTime).getTime()) {
|
||||
UsedWaterform.value.startTime = '';
|
||||
if (UsedWaterForm.value.startTime && UsedWaterForm.value.endTime) {
|
||||
if (current < new Date(UsedWaterForm.value.startTime).getTime()) {
|
||||
UsedWaterForm.value.startTime = '';
|
||||
ElMessage.warning('结束时间不能小于开始时间');
|
||||
}
|
||||
}
|
||||
@@ -457,28 +504,108 @@ function handleChange(val: CascaderValue) {
|
||||
EditHouseForm.value.houseId = val[2];
|
||||
}
|
||||
// * house
|
||||
const dialogType = ref<'usedWater' | 'Upload' | 'UpdateHouse'>('usedWater');
|
||||
|
||||
// recharge
|
||||
const reChargeForm = ref({
|
||||
deviceCode: '',
|
||||
amount: 0,
|
||||
payType: ''
|
||||
});
|
||||
// recharge
|
||||
|
||||
const priceFormRef = ref(null);
|
||||
const priceForm = ref({
|
||||
deviceCode: '',
|
||||
// 电价
|
||||
price: 0,
|
||||
// 欠费阈值
|
||||
arrearsThreshold: 0
|
||||
});
|
||||
// devices
|
||||
const UploadDevicesFormRef = ref(null);
|
||||
const UploadDevicesRef = ref(null);
|
||||
const UploadDevicesLoading = ref(false);
|
||||
const UploadDevicesFiles = ref({
|
||||
file: []
|
||||
});
|
||||
const UploadDevicesFilesRules = ref({
|
||||
file: [{ required: true, message: '设备文件不能为空', trigger: 'blur' }],
|
||||
manufacturer: [{ required: true, message: '厂商标识不能为空', trigger: 'blur' }]
|
||||
});
|
||||
const uploadDevicesUrl = import.meta.env.VITE_APP_BASE_API + '/electricityDevice/importData';
|
||||
const beforeAvatarUploadDevices: UploadProps['beforeUpload'] = (rawFile: UploadRawFile) => {
|
||||
// 1. 校验后缀
|
||||
if (!rawFile.name.endsWith('.xls') && !rawFile.name.endsWith('.xlsx')) {
|
||||
ElMessage.warning('请上传 .xls, .xlsx 后缀的文件');
|
||||
return false;
|
||||
}
|
||||
const typeList = ['application/vnd.openxmlformats-officedocument.spreadsheetml.sheet', 'application/octet-stream'];
|
||||
// 2. 校验文件类型（bin 文件类型）
|
||||
if (!typeList.includes(rawFile.type) && rawFile.type !== '') {
|
||||
ElMessage.warning('文件类型不正确，请上传标准 excel 文件');
|
||||
return false;
|
||||
}
|
||||
|
||||
// 3. 校验文件大小（不能空）
|
||||
// 小于5m 1024 * 1024 * 5
|
||||
if (rawFile.size <= 0) {
|
||||
ElMessage.warning('上传 excel 文件不能为空');
|
||||
return false;
|
||||
}
|
||||
if (rawFile.size >= 1024 * 1024 * 5) {
|
||||
ElMessage.warning('上传 excel 文件不能超过5M');
|
||||
return false;
|
||||
}
|
||||
return true;
|
||||
};
|
||||
const handleExceed: UploadProps['onExceed'] = (files) => {
|
||||
UploadDevicesRef.value!.clearFiles();
|
||||
const file = files[0] as UploadRawFile;
|
||||
file.uid = genFileId();
|
||||
UploadDevicesRef.value!.handleStart(file);
|
||||
};
|
||||
const handleChangeUploadDevices: UploadProps['onChange'] = (uploadFile: UploadFile) => {
|
||||
if (!beforeAvatarUploadDevices(uploadFile.raw)) {
|
||||
UploadDevicesRef.value!.clearFiles();
|
||||
}
|
||||
};
|
||||
|
||||
type dialogTypeList = 'usedWater' | 'Upload' | 'UpdateHouse' | 'UploadDevices' | 'recharge' | 'price';
|
||||
|
||||
const dialogType = ref<dialogTypeList>('usedWater');
|
||||
/** 用电量 更新固件 */
|
||||
const handleOpenDialog = (type: 'usedWater' | 'Upload' | 'UpdateHouse', row: ElectricityDeviceVO) => {
|
||||
const handleOpenDialog = (type: dialogTypeList, row?: ElectricityDeviceVO) => {
|
||||
reset();
|
||||
dialog.visible = true;
|
||||
dialogType.value = type;
|
||||
dialog.title = type === 'usedWater' ? '用电量' : type === 'UpdateHouse' ? '编辑户号' : '更新固件';
|
||||
|
||||
if (type === 'usedWater') {
|
||||
UsedWaterform.value.deviceCode = row.deviceCode;
|
||||
UsedWaterform.value.startTime = '';
|
||||
UsedWaterform.value.endTime = '';
|
||||
dialog.title = '用电量';
|
||||
UsedWaterForm.value.deviceCode = row.deviceCode;
|
||||
UsedWaterForm.value.startTime = '';
|
||||
UsedWaterForm.value.endTime = '';
|
||||
usedWaterInfo.value = true;
|
||||
} else if (type === 'Upload') {
|
||||
dialog.title = '更新固件';
|
||||
UploadFileForm.value.file = '';
|
||||
UploadFileForm.value.deviceCode = row.deviceCode;
|
||||
UploadFileForm.value.id = row.id;
|
||||
} else if (type === 'recharge') {
|
||||
// 充值
|
||||
dialog.title = '充值';
|
||||
reChargeForm.value.deviceCode = row.deviceCode;
|
||||
reChargeForm.value.amount = 0;
|
||||
} else if (type === 'price') {
|
||||
dialog.title = '设置电价';
|
||||
priceForm.value.deviceCode = row.deviceCode;
|
||||
priceForm.value.price = row.price ? Number(row.price) : 0;
|
||||
} else if (type === 'UpdateHouse') {
|
||||
dialog.title = '编辑户号';
|
||||
EditHouseForm.value.id = row.id;
|
||||
EditHouseForm.value.deviceCode = row.deviceCode;
|
||||
EditHouseForm.value.houseId = '';
|
||||
getTree();
|
||||
} else if (dialogType.value === 'UploadDevices') {
|
||||
dialog.title = '上传设备文件';
|
||||
}
|
||||
};
|
||||
|
||||
@@ -501,20 +628,40 @@ function getTree() {
|
||||
});
|
||||
}
|
||||
|
||||
// 数据上传
|
||||
function handleUpload(row: ElectricityDeviceVO) {
|
||||
updateElectricityDeviceData({
|
||||
deviceCode: row.deviceCode
|
||||
}).then(() => {
|
||||
proxy?.$modal.msgSuccess('操作成功');
|
||||
getList();
|
||||
});
|
||||
}
|
||||
/** 电表 启停*/
|
||||
// TODO 修改电表 启停
|
||||
// const handleChangeWater = (val: string, row: ElectricityDeviceVO) => {};
|
||||
const handleChangeWater = (val: number, row: ElectricityDeviceVO): Promise<boolean> => {
|
||||
return new Promise((resolve, reject) => {
|
||||
setElectricityDeviceSwitchStatus({
|
||||
deviceCode: row.deviceCode,
|
||||
status: val
|
||||
})
|
||||
.then(() => {
|
||||
proxy?.$modal.msgSuccess('操作成功');
|
||||
resolve(true);
|
||||
})
|
||||
.catch(() => reject(false));
|
||||
});
|
||||
};
|
||||
/** 提交按钮 */
|
||||
const submitForm = () => {
|
||||
if (dialogType.value === 'usedWater') {
|
||||
if (UsedWaterform.value.startTime === '' || UsedWaterform.value.endTime === '') {
|
||||
if (UsedWaterForm.value.startTime === '' || UsedWaterForm.value.endTime === '') {
|
||||
ElMessage.warning('请选择时间');
|
||||
return;
|
||||
}
|
||||
UsedWaterFormRef.value?.validate(async (valid: boolean) => {
|
||||
if (valid) {
|
||||
buttonLoading.value = true;
|
||||
await getElectricityDeviceTimeRangeUsedWater(UsedWaterform.value)
|
||||
await getElectricityDeviceTimeRangeUsedWater(UsedWaterForm.value)
|
||||
.then((res) => {
|
||||
UsedWaterInfo.value.endTime = res.data.endTime;
|
||||
UsedWaterInfo.value.startTime = res.data.startTime;
|
||||
@@ -535,18 +682,58 @@ const submitForm = () => {
|
||||
unSubmit();
|
||||
}
|
||||
});
|
||||
} else if (dialogType.value === 'UploadDevices') {
|
||||
UploadDevicesFormRef.value?.validate(async (valid: boolean) => {
|
||||
if (valid) {
|
||||
if (UploadDevicesFiles.value.file.length <= 0) {
|
||||
return ElMessage.warning('上传文件不能为空');
|
||||
}
|
||||
UploadDevicesLoading.value = true;
|
||||
buttonLoading.value = true;
|
||||
const formData = new FormData();
|
||||
formData.append('file', UploadDevicesFiles.value.file[0].raw);
|
||||
uploadElectricityDevices(formData)
|
||||
.then(() => {
|
||||
proxy?.$modal.msgSuccess('操作成功');
|
||||
getList();
|
||||
unSubmit();
|
||||
})
|
||||
.finally(() => {
|
||||
buttonLoading.value = false;
|
||||
UploadDevicesLoading.value = false;
|
||||
});
|
||||
}
|
||||
});
|
||||
} else if (dialogType.value === 'recharge') {
|
||||
buttonLoading.value = true;
|
||||
ElectricityDeviceRecharge(reChargeForm.value)
|
||||
.then(() => {
|
||||
getList();
|
||||
proxy?.$modal.msgSuccess('操作成功');
|
||||
unSubmit();
|
||||
})
|
||||
.finally(() => (buttonLoading.value = false));
|
||||
} else if (dialogType.value === 'price') {
|
||||
buttonLoading.value = true;
|
||||
setElectricityDevicePrice(priceForm.value)
|
||||
.then(() => {
|
||||
getList();
|
||||
proxy?.$modal.msgSuccess('操作成功');
|
||||
unSubmit();
|
||||
})
|
||||
.finally(() => (buttonLoading.value = false));
|
||||
}
|
||||
};
|
||||
const unSubmit = () => {
|
||||
reset();
|
||||
dialog.visible = false;
|
||||
dialog.title = '';
|
||||
uploadRef?.value.clearFiles();
|
||||
uploadRef.value && uploadRef?.value.clearFiles();
|
||||
};
|
||||
/** 表单重置 */
|
||||
const reset = () => {
|
||||
usedWaterInfo.value = true;
|
||||
UsedWaterform.value = {
|
||||
UsedWaterForm.value = {
|
||||
deviceCode: '',
|
||||
startTime: '',
|
||||
endTime: ''
|
||||
@@ -561,13 +748,20 @@ const reset = () => {
|
||||
deviceCode: '',
|
||||
id: ''
|
||||
};
|
||||
UploadDevicesFiles.value = {
|
||||
file: []
|
||||
};
|
||||
UploadFileForm.value.file = '';
|
||||
// 上传 清空
|
||||
UploadFileFormRef.value?.resetFields();
|
||||
// 使用电量 清空
|
||||
// 绑定房屋 清空
|
||||
EditHouseFormRef.value?.resetFields();
|
||||
// 使用电量 清空
|
||||
UsedWaterFormRef.value?.resetFields();
|
||||
|
||||
UploadDevicesFormRef.value?.resetFields();
|
||||
UploadDevicesRef.value && UploadDevicesRef.value?.clearFiles();
|
||||
UploadDevicesLoading.value = false;
|
||||
};
|
||||
|
||||
/** 搜索按钮操作 */
|
||||
@@ -586,11 +780,11 @@ const router = useRouter();
|
||||
|
||||
/** 充值记录 */
|
||||
const handleRecode = (row: ElectricityDeviceVO) => {
|
||||
// 1.电表 2.电表
|
||||
// 1.电表 2.水表
|
||||
router.push({
|
||||
path: '/equipment/electricityTopupRecord',
|
||||
query: {
|
||||
type: '2',
|
||||
type: '1',
|
||||
houseName: row.houseName,
|
||||
deviceCode: row.deviceCode,
|
||||
id: row.id
|
||||
@@ -613,6 +807,12 @@ const download = (url: string) => {
|
||||
link.click();
|
||||
document.body.removeChild(link);
|
||||
};
|
||||
|
||||
//
|
||||
/** 导出按钮操作 */
|
||||
const handleExport = () => {
|
||||
proxy?.download('/electricityDevice/importTemplate', {}, `电表导入设备模板_${new Date().getTime()}.xlsx`);
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@@ -644,10 +844,10 @@ const download = (url: string) => {
|
||||
height: calc(100% - 80px);
|
||||
}
|
||||
|
||||
.usedWaterbox {
|
||||
.usedWaterBox {
|
||||
width: 100%;
|
||||
border: 1px solid #eef0ff;
|
||||
.useditem {
|
||||
.usedItem {
|
||||
height: 42px;
|
||||
line-height: 42px;
|
||||
background-color: rgba(26, 117, 255, 0.1);
|
||||
|
||||
Reference in New Issue
Block a user