摄像头、智能水表、智能电表、温湿度计各弹窗宽度
This commit is contained in:
parent
e57dbf7c97
commit
243914add5
|
|
@ -2,7 +2,8 @@
|
||||||
<div style="padding: 4px;">
|
<div style="padding: 4px;">
|
||||||
<!--查询区域-->
|
<!--查询区域-->
|
||||||
<div class="jeecg-basic-table-form-container">
|
<div class="jeecg-basic-table-form-container">
|
||||||
<a-form ref="formRef" @keyup.enter.native="reload" :model="queryParam" :label-col="labelCol" :wrapper-col="wrapperCol">
|
<a-form ref="formRef" @keyup.enter.native="reload" :model="queryParam" :label-col="labelCol"
|
||||||
|
:wrapper-col="wrapperCol">
|
||||||
<a-row :gutter="24">
|
<a-row :gutter="24">
|
||||||
<!-- <a-col :lg="6">
|
<!-- <a-col :lg="6">
|
||||||
<a-form-item name="address">
|
<a-form-item name="address">
|
||||||
|
|
@ -13,19 +14,23 @@
|
||||||
<a-col :lg="6">
|
<a-col :lg="6">
|
||||||
<a-form-item name="nuId">
|
<a-form-item name="nuId">
|
||||||
<template #label><span title="区域">区域</span></template>
|
<template #label><span title="区域">区域</span></template>
|
||||||
<j-dict-select-tag type='list' v-model:value="queryParam.nuId" :dictCode="`nu_base_info,nu_name,nu_id`" placeholder="请选区域" allow-clear />
|
<j-dict-select-tag type='list' v-model:value="queryParam.nuId" :dictCode="`nu_base_info,nu_name,nu_id`"
|
||||||
|
placeholder="请选区域" allow-clear />
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
</a-col>
|
</a-col>
|
||||||
<a-col :xl="6" :lg="7" :md="8" :sm="24">
|
<a-col :xl="6" :lg="7" :md="8" :sm="24">
|
||||||
<a-button type="primary" preIcon="ant-design:search-outlined" @click="reload">查询</a-button>
|
<a-button type="primary" preIcon="ant-design:search-outlined" @click="reload">查询</a-button>
|
||||||
<a-button type="primary" preIcon="ant-design:reload-outlined" @click="searchReset" style="margin-left: 8px">重置</a-button>
|
<a-button type="primary" preIcon="ant-design:reload-outlined" @click="searchReset"
|
||||||
|
style="margin-left: 8px">重置</a-button>
|
||||||
</a-col>
|
</a-col>
|
||||||
</a-row>
|
</a-row>
|
||||||
</a-form>
|
</a-form>
|
||||||
</div>
|
</div>
|
||||||
<a-row style="margin-top: -20px;">
|
<a-row style="margin-top: -20px;">
|
||||||
<a-col v-for="(item,index) in tableData.records" :key="index" :xs="24" :sm="24" :md="12" :lg="12" :xl="8" :xxl="6" style="padding: 8px 6px 6px 8px;">
|
<a-col v-for="(item, index) in tableData.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 6px 6px 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">
|
<a-col :span="18">
|
||||||
|
|
@ -42,9 +47,11 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<a-row style="margin-top:-10px;">
|
<a-row style="margin-top:-10px;">
|
||||||
<a-col :span="12" style="margin-top: -10px;font-size:12px">{{item.nuId_dictText?item.nuId_dictText:'未配置'}}</a-col>
|
<a-col :span="12"
|
||||||
|
style="margin-top: -10px;font-size:12px">{{ item.nuId_dictText ? item.nuId_dictText : '未配置' }}</a-col>
|
||||||
<a-col :span="12" style="text-align: right;margin-top: -10px;font-size:12px">
|
<a-col :span="12" style="text-align: right;margin-top: -10px;font-size:12px">
|
||||||
<span style="text-align: right;background:#f6f6f6;padding: 2px 10px;border-radius:5px;">NUID: {{item.nuId?item.nuId:'未配置'}}</span>
|
<span style="text-align: right;background:#f6f6f6;padding: 2px 10px;border-radius:5px;">NUID:
|
||||||
|
{{ item.nuId ? item.nuId : '未配置' }}</span>
|
||||||
</a-col>
|
</a-col>
|
||||||
<a-col :span="24" style="text-align: center;font-size: 44px;font-weight: bold;margin-top:18px;">
|
<a-col :span="24" style="text-align: center;font-size: 44px;font-weight: bold;margin-top:18px;">
|
||||||
<img src="../../../../../assets/iot/sxt.png" style="width:80px;" />
|
<img src="../../../../../assets/iot/sxt.png" style="width:80px;" />
|
||||||
|
|
@ -247,8 +254,6 @@ const pageParams = ref({ pageNo: 1, pageSize: 8 })
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="less" scoped>
|
<style lang="less" scoped>
|
||||||
|
|
||||||
|
|
||||||
.zxClass {
|
.zxClass {
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
background: linear-gradient(to right, #1ea0fa, #017de9);
|
background: linear-gradient(to right, #1ea0fa, #017de9);
|
||||||
|
|
@ -272,15 +277,16 @@ const pageParams = ref({ pageNo: 1, pageSize: 8 })
|
||||||
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: 10px;
|
margin-top: 10px;
|
||||||
display: block;
|
display: block;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
|
|
|
||||||
|
|
@ -19,7 +19,7 @@ import DepartUtilsList from './ApiLogList.vue'
|
||||||
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>('70%');
|
const width = ref<string>('1300px');
|
||||||
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();
|
||||||
|
|
|
||||||
|
|
@ -17,7 +17,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>('70%');
|
const width = ref<string>('1300px');
|
||||||
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();
|
||||||
|
|
|
||||||
|
|
@ -19,7 +19,7 @@ import ApiLogAlarmList from './ApiLogAlarmList.vue'
|
||||||
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>('70%');
|
const width = ref<string>('1300px');
|
||||||
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();
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue