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

设备同步中 日志 详情样式优化

This commit is contained in:
1378012178@qq.com 2025-11-05 16:30:00 +08:00
parent fd6ffe94e3
commit 0cad5cc74b
2 changed files with 225 additions and 208 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
src/views/deviceSync/IotDeviceContent/components/IotDeviceContentForm.vue
View File

@ -2,8 +2,9 @@
<a-spin :spinning="confirmLoading"> <a-spin :spinning="confirmLoading">
<JFormContainer :disabled="disabled"> <JFormContainer :disabled="disabled">
<template #detail> <template #detail>
<a-form ref="formRef" class="antd-modal-form" :labelCol="labelCol" :wrapperCol="wrapperCol" name="IotDeviceContentForm"> <a-form ref="formRef" class="antd-modal-form" :labelCol="labelCol" :wrapperCol="wrapperCol"
<a-row> name="IotDeviceContentForm">
<a-row class="card-class">
<a-col :span="24" hidden> <a-col :span="24" hidden>
<a-form-item label="机构编码" v-bind="validateInfos.orgCode" id="IotDeviceContentForm-orgCode" name="orgCode"> <a-form-item label="机构编码" v-bind="validateInfos.orgCode" id="IotDeviceContentForm-orgCode" name="orgCode">
<a-input v-model:value="formData.orgCode" placeholder="请输入机构编码" allow-clear></a-input> <a-input v-model:value="formData.orgCode" placeholder="请输入机构编码" allow-clear></a-input>
@ -11,11 +12,13 @@
</a-col> </a-col>
<a-col :span="24"> <a-col :span="24">
<a-form-item label="备注信息" v-bind="validateInfos.content" id="IotDeviceContentForm-content" name="content"> <a-form-item label="备注信息" v-bind="validateInfos.content" id="IotDeviceContentForm-content" name="content">
<a-textarea v-model:value="formData.content" :rows="4" placeholder="请输入备注信息" maxlength="100" :showCount="true" allow-clear ></a-textarea> <a-textarea v-model:value="formData.content" :rows="4" placeholder="请输入备注信息" maxlength="100"
:showCount="true" allow-clear></a-textarea>
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :span="24" hidden> <a-col :span="24" hidden>
<a-form-item label="附件信息" v-bind="validateInfos.filePath" id="IotDeviceContentForm-filePath" name="filePath"> <a-form-item label="附件信息" v-bind="validateInfos.filePath" id="IotDeviceContentForm-filePath"
name="filePath">
<a-input v-model:value="formData.filePath" placeholder="请输入附件信息" allow-clear></a-input> <a-input v-model:value="formData.filePath" placeholder="请输入附件信息" allow-clear></a-input>
</a-form-item> </a-form-item>
</a-col> </a-col>
@ -159,6 +162,19 @@
<style lang="less" scoped> <style lang="less" scoped>
.antd-modal-form { .antd-modal-form {
padding: 14px; // padding: 14px;
}
.card-class {
padding-top: 24px;
padding-bottom: 24px;
padding-left: 14px;
padding-right: 14px;
// background-color: rgba(255, 255, 255, 0.9);
background-color: #fcfdff;
border-radius: 10px;
// box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 12px;
margin-bottom: 14px;
} }
</style> </style>

5
src/views/deviceSync/IotDeviceContent/components/IotDeviceContentModal.vue
View File

@ -1,8 +1,9 @@
<template> <template>
<a-drawer :title="title" :width="width" v-model:visible="visible" :closable="true" <a-drawer :title="title" :width="width" v-model:visible="visible" :closable="true"
:footer-style="{ textAlign: 'right' }" @close="handleCancel"> :footer-style="{ textAlign: 'right' }" :bodyStyle="{ padding: '14px' }" @close="handleCancel">
<IotDeviceContentForm ref="registerForm" @ok="submitCallback" :formDisabled="disableSubmit" :formBpm="false"></IotDeviceContentForm> <IotDeviceContentForm ref="registerForm" @ok="submitCallback" :formDisabled="disableSubmit" :formBpm="false">
</IotDeviceContentForm>
<template #footer> <template #footer>
<a-button type="primary" style="margin-right: 8px" @click="handleCancel">关闭</a-button> <a-button type="primary" style="margin-right: 8px" @click="handleCancel">关闭</a-button>
<a-button type="primary" @click="handleOk" v-if="!disableSubmit">确认</a-button> <a-button type="primary" @click="handleOk" v-if="!disableSubmit">确认</a-button>