yangjun
/
nursing_unit_vue
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

区域信息各弹窗宽度调整

This commit is contained in:
1378012178@qq.com 2026-02-04 15:37:38 +08:00
parent 9250a74507
commit e57dbf7c97
4 changed files with 526 additions and 501 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

69
src/views/biz/nuBaseInfo/components/BaseWlsbListForm.vue
View File

@ -1,8 +1,10 @@
<template> <template>
<div> <div>
<a-row> <a-row>
<a-col v-for="(item,index) in sxtList.records" :key="index" :xs="24" :sm="24" :md="12" :lg="12" :xl="8" :xxl="6" style="padding: 9px;"> <a-col v-for="(item, index) in sxtList.records" :key="index" :xs="24" :sm="24" :md="12" :lg="12" :xl="8" :xxl="6"
<a-card style="width: 100%;border-radius: 8px;" :headStyle="{ height: '70px', padding: '0 24px',border:'0px' }" :bodyStyle="{ padding: '24px 24px 4px 24px' }"> style="padding: 9px;">
<a-card style="width: 100%;border-radius: 8px;" :headStyle="{ height: '70px', padding: '0 24px', border: '0px' }"
:bodyStyle="{ padding: '24px 24px 4px 24px' }">
<template #title> <template #title>
<a-row style="font-weight: normal;"> <a-row style="font-weight: normal;">
<a-col :span="18" style="font-size: 14px;"> <a-col :span="18" style="font-size: 14px;">
@ -44,7 +46,8 @@
<span class="tbClass"><img src="../../../../assets/iot/a12.png" style="width:20px;" /></span><br/> <span class="tbClass"><img src="../../../../assets/iot/a12.png" style="width:20px;" /></span><br/>
<span class="antTitle">画面配置</span> <span class="antTitle">画面配置</span>
</span> --> </span> -->
<span style="display:inline-block;margin-left:10px;cursor: pointer;" @click="handleBaoxiu(item,'1')" v-if="item.maintainStatus==0"> <span style="display:inline-block;margin-left:10px;cursor: pointer;" @click="handleBaoxiu(item, '1')"
v-if="item.maintainStatus == 0">
<span class="tbClass"><img src="../../../../assets/iot/a6.png" style="width:20px;" /></span><br /> <span class="tbClass"><img src="../../../../assets/iot/a6.png" style="width:20px;" /></span><br />
<span class="antTitle">报修</span> <span class="antTitle">报修</span>
</span> </span>
@ -53,8 +56,10 @@
</a-col> </a-col>
<a-col v-for="(item,index) in zndbList.records" :key="index" :xs="24" :sm="24" :md="12" :lg="12" :xl="8" :xxl="6" style="padding: 8px;"> <a-col v-for="(item, index) in zndbList.records" :key="index" :xs="24" :sm="24" :md="12" :lg="12" :xl="8" :xxl="6"
<a-card style="width: 100%;border-radius: 8px;" :headStyle="{ height: '70px', padding: '0 24px',border:'0px' }" :bodyStyle="{ padding: '24px 24px 4px 24px' }"> style="padding: 8px;">
<a-card style="width: 100%;border-radius: 8px;" :headStyle="{ height: '70px', padding: '0 24px', border: '0px' }"
:bodyStyle="{ padding: '24px 24px 4px 24px' }">
<template #title> <template #title>
<a-row style="font-weight: normal;"> <a-row style="font-weight: normal;">
<a-col :span="18" style="font-size: 14px;"> <a-col :span="18" style="font-size: 14px;">
@ -79,7 +84,8 @@
</a-col> </a-col>
<a-col :span="8" style="padding: 12px 0 0 5px;margin-top:18px;"> <a-col :span="8" style="padding: 12px 0 0 5px;margin-top:18px;">
<div style="font-size: 12px;margin: 5px 0 -5px 2px;padding:2px;">KWH</div> <div style="font-size: 12px;margin: 5px 0 -5px 2px;padding:2px;">KWH</div>
<div style="margin-top:-3px;"><span style="background:#eeeeee;padding: 2px;border-radius:5px;font-size:11px;">用电量</span></div> <div style="margin-top:-3px;"><span
style="background:#eeeeee;padding: 2px;border-radius:5px;font-size:11px;">用电量</span></div>
</a-col> </a-col>
<a-col :span="12" style="margin-top: 10px;"><a-tag color="red">智能电表</a-tag></a-col> <a-col :span="12" style="margin-top: 10px;"><a-tag color="red">智能电表</a-tag></a-col>
<a-col :span="12" style="margin-top: 0px;text-align:right;"> <a-col :span="12" style="margin-top: 0px;text-align:right;">
@ -95,11 +101,13 @@
<span class="tbClass"><img src="../../../../assets/iot/a1.png" style="width:20px;" /></span><br /> <span class="tbClass"><img src="../../../../assets/iot/a1.png" style="width:20px;" /></span><br />
<span class="antTitle">抄表</span> <span class="antTitle">抄表</span>
</span> </span>
<span style="display:inline-block;margin-left:10px;cursor: pointer;" @click="handleControlLz(item)" v-if="item.relayState=='1'"> <span style="display:inline-block;margin-left:10px;cursor: pointer;" @click="handleControlLz(item)"
v-if="item.relayState == '1'">
<span class="tbClass"><img src="../../../../assets/iot/a5.png" style="width:20px;" /></span><br /> <span class="tbClass"><img src="../../../../assets/iot/a5.png" style="width:20px;" /></span><br />
<span class="antTitle">拉闸</span> <span class="antTitle">拉闸</span>
</span> </span>
<span style="display:inline-block;margin-left:10px;cursor: pointer;" @click="handleControlHz(item)" v-if="item.relayState=='0'"> <span style="display:inline-block;margin-left:10px;cursor: pointer;" @click="handleControlHz(item)"
v-if="item.relayState == '0'">
<span class="tbClass"><img src="../../../../assets/iot/a2.png" style="width:20px;" /></span><br /> <span class="tbClass"><img src="../../../../assets/iot/a2.png" style="width:20px;" /></span><br />
<span class="antTitle">合闸</span> <span class="antTitle">合闸</span>
</span> </span>
@ -111,7 +119,8 @@
<span class="tbClass"><img src="../../../../assets/iot/a4.png" style="width:20px;" /></span><br /> <span class="tbClass"><img src="../../../../assets/iot/a4.png" style="width:20px;" /></span><br />
<span class="antTitle">日志</span> <span class="antTitle">日志</span>
</span> </span>
<span style="display:inline-block;margin-left:10px;cursor: pointer;" @click="handleBaoxiu(item,'2')" v-if="item.maintainStatus==0"> <span style="display:inline-block;margin-left:10px;cursor: pointer;" @click="handleBaoxiu(item, '2')"
v-if="item.maintainStatus == 0">
<span class="tbClass"><img src="../../../../assets/iot/a6.png" style="width:20px;" /></span><br /> <span class="tbClass"><img src="../../../../assets/iot/a6.png" style="width:20px;" /></span><br />
<span class="antTitle">报修</span> <span class="antTitle">报修</span>
</span> </span>
@ -120,8 +129,10 @@
</a-col> </a-col>
<a-col v-for="(item,index) in znsbList.records" :key="index" :xs="24" :sm="24" :md="12" :lg="12" :xl="8" :xxl="6" style="padding: 8px;"> <a-col v-for="(item, index) in znsbList.records" :key="index" :xs="24" :sm="24" :md="12" :lg="12" :xl="8" :xxl="6"
<a-card style="width: 100%;border-radius: 8px;" :headStyle="{ height: '70px', padding: '0 24px',border:'0px' }" :bodyStyle="{ padding: '24px 24px 4px 24px' }"> style="padding: 8px;">
<a-card style="width: 100%;border-radius: 8px;" :headStyle="{ height: '70px', padding: '0 24px', border: '0px' }"
:bodyStyle="{ padding: '24px 24px 4px 24px' }">
<template #title> <template #title>
<a-row style="font-weight: normal;"> <a-row style="font-weight: normal;">
<a-col :span="18" style="font-size: 14px;"> <a-col :span="18" style="font-size: 14px;">
@ -146,7 +157,8 @@
</a-col> </a-col>
<a-col :span="8" style="padding: 12px 0 0 5px;margin-top:18px;"> <a-col :span="8" style="padding: 12px 0 0 5px;margin-top:18px;">
<div style="font-size: 12px;margin: 8px 0 -5px 2px;">m³</div> <div style="font-size: 12px;margin: 8px 0 -5px 2px;">m³</div>
<div style="margin-top:-3px;"><span style="background:#eeeeee;padding: 2px;border-radius:5px;font-size:11px;">用水量</span></div> <div style="margin-top:-3px;"><span
style="background:#eeeeee;padding: 2px;border-radius:5px;font-size:11px;">用水量</span></div>
</a-col> </a-col>
<a-col :span="12" style="margin-top: 10px;"><a-tag color="blue">智能水表</a-tag></a-col> <a-col :span="12" style="margin-top: 10px;"><a-tag color="blue">智能水表</a-tag></a-col>
<a-col :span="12" style="margin-top: 0px;text-align:right;"> <a-col :span="12" style="margin-top: 0px;text-align:right;">
@ -162,11 +174,13 @@
<span class="tbClass"><img src="../../../../assets/iot/a1.png" style="width:20px;" /></span><br /> <span class="tbClass"><img src="../../../../assets/iot/a1.png" style="width:20px;" /></span><br />
<span class="antTitle">抄表</span> <span class="antTitle">抄表</span>
</span> </span>
<span style="display:inline-block;margin-left:10px;cursor: pointer;" @click="handleSbControlLz(item)" v-if="item.relayState=='0'"> <span style="display:inline-block;margin-left:10px;cursor: pointer;" @click="handleSbControlLz(item)"
v-if="item.relayState == '0'">
<span class="tbClass"><img src="../../../../assets/iot/a10.png" style="width:20px;" /></span><br /> <span class="tbClass"><img src="../../../../assets/iot/a10.png" style="width:20px;" /></span><br />
<span class="antTitle">开阀</span> <span class="antTitle">开阀</span>
</span> </span>
<span style="display:inline-block;margin-left:10px;cursor: pointer;" @click="handleSbControlHz(item)" v-if="item.relayState=='1'"> <span style="display:inline-block;margin-left:10px;cursor: pointer;" @click="handleSbControlHz(item)"
v-if="item.relayState == '1'">
<span class="tbClass"><img src="../../../../assets/iot/a11.png" style="width:20px;" /></span><br /> <span class="tbClass"><img src="../../../../assets/iot/a11.png" style="width:20px;" /></span><br />
<span class="antTitle">关阀</span> <span class="antTitle">关阀</span>
</span> </span>
@ -178,7 +192,8 @@
<span class="tbClass"><img src="../../../../assets/iot/a4.png" style="width:20px;" /></span><br /> <span class="tbClass"><img src="../../../../assets/iot/a4.png" style="width:20px;" /></span><br />
<span class="antTitle">日志</span> <span class="antTitle">日志</span>
</span> </span>
<span style="display:inline-block;margin-left:10px;cursor: pointer;" @click="handleBaoxiu(item,'3')" v-if="item.maintainStatus==0"> <span style="display:inline-block;margin-left:10px;cursor: pointer;" @click="handleBaoxiu(item, '3')"
v-if="item.maintainStatus == 0">
<span class="tbClass"><img src="../../../../assets/iot/a6.png" style="width:20px;" /></span><br /> <span class="tbClass"><img src="../../../../assets/iot/a6.png" style="width:20px;" /></span><br />
<span class="antTitle">报修</span> <span class="antTitle">报修</span>
</span> </span>
@ -186,8 +201,11 @@
</a-card> </a-card>
</a-col> </a-col>
<a-col v-for="(item,index) in wsdjList.records" :key="index" :xs="24" :sm="24" :md="12" :lg="12" :xl="8" :xxl="6" style="padding: 8px;"> <a-col v-for="(item, index) in wsdjList.records" :key="index" :xs="24" :sm="24" :md="12" :lg="12" :xl="8" :xxl="6"
<a-card style="width: 100%;border-radius: 8px;min-height:280px;" :headStyle="{ height: '70px', padding: '0 24px',border:'0px' }" :bodyStyle="{ padding: '24px 24px 4px 24px' }"> style="padding: 8px;">
<a-card style="width: 100%;border-radius: 8px;min-height:280px;"
:headStyle="{ height: '70px', padding: '0 24px', border: '0px' }"
:bodyStyle="{ padding: '24px 24px 4px 24px' }">
<template #title> <template #title>
<a-row style="font-weight: normal;"> <a-row style="font-weight: normal;">
<a-col :span="18" style="font-size: 14px;"> <a-col :span="18" style="font-size: 14px;">
@ -218,8 +236,10 @@
<a-divider type="vertical" style="height: 40px;" /> <a-divider type="vertical" style="height: 40px;" />
</a-col> </a-col>
<a-col :span="11" style="text-align: center;"> <a-col :span="11" style="text-align: center;">
<span style="margin-top:0px;"><img src="../../../../assets/iot/a9.png" style="width:25px;margin-top: -15px;" /></span> <span style="margin-top:0px;"><img src="../../../../assets/iot/a9.png"
<span style="font-size: 30px;font-weight:700;margin-left: 6px;">{{item.humidity?item.humidity:'-'}}</span> style="width:25px;margin-top: -15px;" /></span>
<span
style="font-size: 30px;font-weight:700;margin-left: 6px;">{{ item.humidity ? item.humidity : '-' }}</span>
<span style="font-size: 16px;">%</span> <span style="font-size: 16px;">%</span>
</a-col> </a-col>
</a-row> </a-row>
@ -246,14 +266,16 @@
<span class="tbClass"><img src="../../../../assets/iot/a4.png" style="width:20px;" /></span><br /> <span class="tbClass"><img src="../../../../assets/iot/a4.png" style="width:20px;" /></span><br />
<span class="antTitle">日志</span> <span class="antTitle">日志</span>
</span> </span>
<span style="display:inline-block;margin-left:10px;cursor: pointer;" @click="handleBaoxiu(item,'4')" v-if="item.maintainStatus==0"> <span style="display:inline-block;margin-left:10px;cursor: pointer;" @click="handleBaoxiu(item, '4')"
v-if="item.maintainStatus == 0">
<span class="tbClass"><img src="../../../../assets/iot/a6.png" style="width:20px;" /></span><br /> <span class="tbClass"><img src="../../../../assets/iot/a6.png" style="width:20px;" /></span><br />
<span class="antTitle">报修</span> <span class="antTitle">报修</span>
</span> </span>
</p> </p>
</a-card> </a-card>
</a-col> </a-col>
<a-col v-if="zndbList?.records.length==0 && znsbList?.records.length==0 && wsdjList?.records.length == 0" span="24"> <a-col v-if="zndbList?.records.length == 0 && znsbList?.records.length == 0 && wsdjList?.records.length == 0"
span="24">
<div style="margin: 30px auto;"> <div style="margin: 30px auto;">
<a-empty /> <a-empty />
</div> </div>
@ -598,7 +620,7 @@ defineExpose({
<style lang="less" scoped> <style lang="less" scoped>
.antd-modal-form { .antd-modal-form {
padding: 14px; padding: 0px;
} }
.cardTitle { .cardTitle {
@ -612,6 +634,7 @@ defineExpose({
display: block; display: block;
position: absolute; position: absolute;
} }
.zxClass { .zxClass {
font-size: 14px; font-size: 14px;
background: linear-gradient(to right, #1ea0fa, #017de9); background: linear-gradient(to right, #1ea0fa, #017de9);
@ -635,11 +658,13 @@ defineExpose({
width: 50px; width: 50px;
margin-top: 11px; margin-top: 11px;
} }
.tbClass { .tbClass {
background: #f6f6f6; background: #f6f6f6;
padding: 8px; padding: 8px;
border-radius: 5px; border-radius: 5px;
} }
.antTitle { .antTitle {
margin-top: 8px; margin-top: 8px;
display: block; display: block;

4
src/views/biz/nuBaseInfo/components/BaseWlsbListModal.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<!-- <j-modal :title="title" :width="width" :maxHeight="`200px`" :visible="visible" @ok="handleOk" :okButtonProps="{ class: { 'jee-hidden': disableSubmit } }" @cancel="handleCancel" cancelText="关闭"> --> <!-- <j-modal :title="title" :width="width" :maxHeight="`200px`" :visible="visible" @ok="handleOk" :okButtonProps="{ class: { 'jee-hidden': disableSubmit } }" @cancel="handleCancel" cancelText="关闭"> -->
<a-drawer :title="title" :width="width" v-model:visible="visible" :closable="true" bodyStyle="padding:6px;" <a-drawer :title="title" :width="width" v-model:visible="visible" :closable="true" bodyStyle="padding:14px;"
:footer-style="{ textAlign: 'right' }" @close="handleCancel"> :footer-style="{ textAlign: 'right' }" @close="handleCancel">
<BaseWlsbListForm ref="registerForm" @ok="submitCallback" :formDisabled="disableSubmit" :formBpm="false"></BaseWlsbListForm> <BaseWlsbListForm ref="registerForm" @ok="submitCallback" :formDisabled="disableSubmit" :formBpm="false"></BaseWlsbListForm>
<template #footer> <template #footer>
@ -16,7 +16,7 @@
import JModal from '/@/components/Modal/src/JModal/JModal.vue'; import JModal from '/@/components/Modal/src/JModal/JModal.vue';
const title = ref<string>(''); const title = ref<string>('');
const width = ref<string>('80%'); const width = ref<string>('1400px');
const visible = ref<boolean>(false); const visible = ref<boolean>(false);
const disableSubmit = ref<boolean>(false); const disableSubmit = ref<boolean>(false);
const registerForm = ref(); const registerForm = ref();

4
src/views/biz/nuBaseInfo/components/NuBaseInfoForm.vue
View File

@ -5,7 +5,7 @@
<a-form ref="formRef" class="antd-modal-form" :labelCol="labelCol" :wrapperCol="wrapperCol" <a-form ref="formRef" class="antd-modal-form" :labelCol="labelCol" :wrapperCol="wrapperCol"
name="NuBaseInfoForm"> name="NuBaseInfoForm">
<a-row> <a-row>
<a-col :span="24" style="margin-top: 60px;margin-bottom: 60px;"> <a-col :span="24">
<a-form-item label="区域名称" v-bind="validateInfos.nuName" id="NuBaseInfoForm-nuName" name="nuName"> <a-form-item label="区域名称" v-bind="validateInfos.nuName" id="NuBaseInfoForm-nuName" name="nuName">
<a-input v-model:value="formData.nuName" placeholder="请输入区域名称" maxLength="15" allow-clear></a-input> <a-input v-model:value="formData.nuName" placeholder="请输入区域名称" maxLength="15" allow-clear></a-input>
</a-form-item> </a-form-item>
@ -166,6 +166,6 @@ defineExpose({
<style lang="less" scoped> <style lang="less" scoped>
.antd-modal-form { .antd-modal-form {
padding: 14px; padding: 0px;
} }
</style> </style>

2
src/views/biz/nuBaseInfo/components/NuBaseInfoModal.vue
View File

@ -39,7 +39,7 @@
* @param record * @param record
*/ */
function edit(record) { function edit(record) {
title.value = disableSubmit.value ? '详情' : '编辑'; title.value = disableSubmit.value ? '详情' : '更名';
visible.value = true; visible.value = true;
nextTick(() => { nextTick(() => {
registerForm.value.edit(record); registerForm.value.edit(record);