养护站设备弹窗样式调整

This commit is contained in:
huangchenhao 2025-11-04 14:16:30 +08:00
parent eb859deff1
commit 4fe78dd5da
8 changed files with 265 additions and 252 deletions

View File

@ -269,7 +269,7 @@ const equipmentList = ref([
const showPopup = ref(false); // const showPopup = ref(false); //
const onClickLeft = () => { const onClickLeft = () => {
router.push("/"); router.push("/app");
}; };
const handleAddDevice = () => { const handleAddDevice = () => {

View File

@ -60,7 +60,7 @@
const showPopup = ref(false); // const showPopup = ref(false); //
const onClickLeft = () => { const onClickLeft = () => {
router.push("/"); router.push("/app");
}; };
const handleAdd = () => { const handleAdd = () => {

View File

@ -62,7 +62,7 @@
const showPopup = ref(false); // const showPopup = ref(false); //
const onClickLeft = () => { const onClickLeft = () => {
router.push("/"); router.push("/app");
}; };
const handleAdd = () => { const handleAdd = () => {

View File

@ -4,67 +4,68 @@
ref="formRef" ref="formRef"
label-position="right" label-position="right"
label-width="auto" label-width="auto"
style=" style="max-height: 60vh; overflow-y: auto; padding-right: 50px"
max-width: 600px;
max-height: 60vh;
overflow-y: auto;
padding-right: 12px;
"
> >
<el-form-item label="操作员"> <el-row :gutter="20">
<el-input v-model="form.czy" /> <el-col :span="12">
</el-form-item> <el-form-item label="操作员">
<el-form-item label="辐射范围"> <el-input v-model="form.czy" />
<el-input v-model="form.fsfw" /> </el-form-item>
</el-form-item> <el-form-item label="辐射范围">
<el-form-item label="管理人员"> <el-input v-model="form.fsfw" />
<el-input v-model="form.glry" /> </el-form-item>
</el-form-item> <el-form-item label="管理人员">
<el-form-item label="购买费用(万元)"> <el-input v-model="form.glry" />
<el-input v-model="form.gmfy" /> </el-form-item>
</el-form-item> <el-form-item label="购买费用(万元)">
<el-form-item label="购置日期"> <el-input v-model="form.gmfy" />
<el-input v-model="form.gzrq" /> </el-form-item>
</el-form-item> <el-form-item label="购置日期">
<el-form-item label="区县名称"> <el-input v-model="form.gzrq" />
<el-input v-model="form.qxmc" /> </el-form-item>
</el-form-item> <el-form-item label="区县名称">
<el-form-item label="设备编号"> <el-input v-model="form.qxmc" />
<el-input v-model="form.sbbh" /> </el-form-item>
</el-form-item> <el-form-item label="设备编号">
<el-form-item label="设备大类"> <el-input v-model="form.sbbh" />
<el-input v-model="form.sbdl" /> </el-form-item>
</el-form-item> <el-form-item label="设备大类">
<el-form-item label="设备小类"> <el-input v-model="form.sbdl" />
<el-input v-model="form.sbxl" /> </el-form-item>
</el-form-item> <el-form-item label="设备小类">
<el-form-item label="设备名称"> <el-input v-model="form.sbxl" />
<el-input v-model="form.sbmc" /> </el-form-item>
</el-form-item> </el-col>
<el-form-item label="设备位置"> <el-col :span="12">
<el-input v-model="form.sbwz" /> <el-form-item label="设备名称">
</el-form-item> <el-input v-model="form.sbmc" />
<el-form-item label="设备经度"> </el-form-item>
<el-input v-model="form.jd" /> <el-form-item label="设备位置">
</el-form-item> <el-input v-model="form.sbwz" />
<el-form-item label="设备纬度"> </el-form-item>
<el-input v-model="form.wd" /> <el-form-item label="设备经度">
</el-form-item> <el-input v-model="form.jd" />
<el-form-item label="设备型号"> </el-form-item>
<el-input v-model="form.sbxh" /> <el-form-item label="设备纬度">
</el-form-item> <el-input v-model="form.wd" />
<el-form-item label="设备状态"> </el-form-item>
<el-input v-model="form.sbzt" /> <el-form-item label="设备型号">
</el-form-item> <el-input v-model="form.sbxh" />
<el-form-item label="生产厂家"> </el-form-item>
<el-input v-model="form.sccj" /> <el-form-item label="设备状态">
</el-form-item> <el-input v-model="form.sbzt" />
<el-form-item label="是否应急设备"> </el-form-item>
<el-input v-model="form.sfyjsb" /> <el-form-item label="生产厂家">
</el-form-item> <el-input v-model="form.sccj" />
<el-form-item label="是否纳入市级补助范围"> </el-form-item>
<el-input v-model="form.sfnrsjbz" /> <el-form-item label="是否应急设备">
</el-form-item> <el-input v-model="form.sfyjsb" />
</el-form-item>
<el-form-item label="是否纳入市级补助范围">
<el-input v-model="form.sfnrsjbz" />
</el-form-item>
</el-col>
</el-row>
</el-form> </el-form>
</div> </div>
</template> </template>

View File

@ -3,67 +3,68 @@
<el-form <el-form
label-position="right" label-position="right"
label-width="auto" label-width="auto"
style=" style="max-height: 60vh; overflow-y: auto; padding-right: 50px"
max-width: 600px;
max-height: 60vh;
overflow-y: auto;
padding-right: 12px;
"
> >
<el-form-item label="操作员"> <el-row :gutter="20">
<el-input disabled v-model="detailData.czy" /> <el-col :span="12">
</el-form-item> <el-form-item label="操作员">
<el-form-item label="辐射范围"> <el-input disabled v-model="detailData.czy" />
<el-input disabled v-model="detailData.fsfw" /> </el-form-item>
</el-form-item> <el-form-item label="辐射范围">
<el-form-item label="管理人员"> <el-input disabled v-model="detailData.fsfw" />
<el-input disabled v-model="detailData.glry" /> </el-form-item>
</el-form-item> <el-form-item label="管理人员">
<el-form-item label="购买费用(万元)"> <el-input disabled v-model="detailData.glry" />
<el-input disabled v-model="detailData.gmfy" /> </el-form-item>
</el-form-item> <el-form-item label="购买费用(万元)">
<el-form-item label="购置日期"> <el-input disabled v-model="detailData.gmfy" />
<el-input disabled v-model="detailData.gzrq" /> </el-form-item>
</el-form-item> <el-form-item label="购置日期">
<el-form-item label="区县名称"> <el-input disabled v-model="detailData.gzrq" />
<el-input disabled v-model="detailData.qxmc" /> </el-form-item>
</el-form-item> <el-form-item label="区县名称">
<el-form-item label="设备编号"> <el-input disabled v-model="detailData.qxmc" />
<el-input disabled v-model="detailData.sbbh" /> </el-form-item>
</el-form-item> <el-form-item label="设备编号">
<el-form-item label="设备大类"> <el-input disabled v-model="detailData.sbbh" />
<el-input disabled v-model="detailData.sbdl" /> </el-form-item>
</el-form-item> <el-form-item label="设备大类">
<el-form-item label="设备小类"> <el-input disabled v-model="detailData.sbdl" />
<el-input disabled v-model="detailData.sbxl" /> </el-form-item>
</el-form-item> <el-form-item label="设备小类">
<el-form-item label="设备名称"> <el-input disabled v-model="detailData.sbxl" />
<el-input disabled v-model="detailData.sbmc" /> </el-form-item>
</el-form-item> </el-col>
<el-form-item label="设备位置"> <el-col :span="12">
<el-input disabled v-model="detailData.sbwz" /> <el-form-item label="设备名称">
</el-form-item> <el-input disabled v-model="detailData.sbmc" />
<el-form-item label="设备经度"> </el-form-item>
<el-input disabled v-model="detailData.jd" /> <el-form-item label="设备位置">
</el-form-item> <el-input disabled v-model="detailData.sbwz" />
<el-form-item label="设备纬度"> </el-form-item>
<el-input disabled v-model="detailData.wd" /> <el-form-item label="设备经度">
</el-form-item> <el-input disabled v-model="detailData.jd" />
<el-form-item label="设备型号"> </el-form-item>
<el-input disabled v-model="detailData.sbxh" /> <el-form-item label="设备纬度">
</el-form-item> <el-input disabled v-model="detailData.wd" />
<el-form-item label="设备状态"> </el-form-item>
<el-input disabled v-model="detailData.sbzt" /> <el-form-item label="设备型号">
</el-form-item> <el-input disabled v-model="detailData.sbxh" />
<el-form-item label="生产厂家"> </el-form-item>
<el-input disabled v-model="detailData.sccj" /> <el-form-item label="设备状态">
</el-form-item> <el-input disabled v-model="detailData.sbzt" />
<el-form-item label="是否应急设备"> </el-form-item>
<el-input disabled v-model="detailData.sfyjsb" /> <el-form-item label="生产厂家">
</el-form-item> <el-input disabled v-model="detailData.sccj" />
<el-form-item label="是否纳入市级补助范围"> </el-form-item>
<el-input disabled v-model="detailData.sfnrsjbz" /> <el-form-item label="是否应急设备">
</el-form-item> <el-input disabled v-model="detailData.sfyjsb" />
</el-form-item>
<el-form-item label="是否纳入市级补助范围">
<el-input disabled v-model="detailData.sfnrsjbz" />
</el-form-item>
</el-col>
</el-row>
</el-form> </el-form>
</div> </div>
</template> </template>

View File

@ -4,67 +4,68 @@
ref="formRef" ref="formRef"
label-position="right" label-position="right"
label-width="auto" label-width="auto"
style=" style="max-height: 60vh; overflow-y: auto; padding-right: 50px"
max-width: 600px;
max-height: 60vh;
overflow-y: auto;
padding-right: 12px;
"
> >
<el-form-item label="操作员"> <el-row :gutter="20">
<el-input v-model="form.czy" /> <el-col :span="12">
</el-form-item> <el-form-item label="操作员">
<el-form-item label="辐射范围"> <el-input v-model="form.czy" />
<el-input v-model="form.fsfw" /> </el-form-item>
</el-form-item> <el-form-item label="辐射范围">
<el-form-item label="管理人员"> <el-input v-model="form.fsfw" />
<el-input v-model="form.glry" /> </el-form-item>
</el-form-item> <el-form-item label="管理人员">
<el-form-item label="购买费用(万元)"> <el-input v-model="form.glry" />
<el-input v-model="form.gmfy" /> </el-form-item>
</el-form-item> <el-form-item label="购买费用(万元)">
<el-form-item label="购置日期"> <el-input v-model="form.gmfy" />
<el-input v-model="form.gzrq" /> </el-form-item>
</el-form-item> <el-form-item label="购置日期">
<el-form-item label="区县名称"> <el-input v-model="form.gzrq" />
<el-input v-model="form.qxmc" /> </el-form-item>
</el-form-item> <el-form-item label="区县名称">
<el-form-item label="设备编号"> <el-input v-model="form.qxmc" />
<el-input v-model="form.sbbh" /> </el-form-item>
</el-form-item> <el-form-item label="设备编号">
<el-form-item label="设备大类"> <el-input v-model="form.sbbh" />
<el-input v-model="form.sbdl" /> </el-form-item>
</el-form-item> <el-form-item label="设备大类">
<el-form-item label="设备小类"> <el-input v-model="form.sbdl" />
<el-input v-model="form.sbxl" /> </el-form-item>
</el-form-item> <el-form-item label="设备小类">
<el-form-item label="设备名称"> <el-input v-model="form.sbxl" />
<el-input v-model="form.sbmc" /> </el-form-item>
</el-form-item> </el-col>
<el-form-item label="设备位置"> <el-col :span="12">
<el-input v-model="form.sbwz" /> <el-form-item label="设备名称">
</el-form-item> <el-input v-model="form.sbmc" />
<el-form-item label="设备经度"> </el-form-item>
<el-input v-model="form.jd" /> <el-form-item label="设备位置">
</el-form-item> <el-input v-model="form.sbwz" />
<el-form-item label="设备纬度"> </el-form-item>
<el-input v-model="form.wd" /> <el-form-item label="设备经度">
</el-form-item> <el-input v-model="form.jd" />
<el-form-item label="设备型号"> </el-form-item>
<el-input v-model="form.sbxh" /> <el-form-item label="设备纬度">
</el-form-item> <el-input v-model="form.wd" />
<el-form-item label="设备状态"> </el-form-item>
<el-input v-model="form.sbzt" /> <el-form-item label="设备型号">
</el-form-item> <el-input v-model="form.sbxh" />
<el-form-item label="生产厂家"> </el-form-item>
<el-input v-model="form.sccj" /> <el-form-item label="设备状态">
</el-form-item> <el-input v-model="form.sbzt" />
<el-form-item label="是否应急设备"> </el-form-item>
<el-input v-model="form.sfyjsb" /> <el-form-item label="生产厂家">
</el-form-item> <el-input v-model="form.sccj" />
<el-form-item label="是否纳入市级补助范围"> </el-form-item>
<el-input v-model="form.sfnrsjbz" /> <el-form-item label="是否应急设备">
</el-form-item> <el-input v-model="form.sfyjsb" />
</el-form-item>
<el-form-item label="是否纳入市级补助范围">
<el-input v-model="form.sfnrsjbz" />
</el-form-item>
</el-col>
</el-row>
</el-form> </el-form>
</div> </div>
</template> </template>

View File

@ -77,7 +77,7 @@
:onConfirm="script.model?.onConfirm" :onConfirm="script.model?.onConfirm"
:onCancel="script.model?.onCancel" :onCancel="script.model?.onCancel"
ref="dialogRef" ref="dialogRef"
width="40%" width="60%"
> >
</MyDialog> </MyDialog>
</div> </div>

View File

@ -37,60 +37,70 @@
title="站点详情" title="站点详情"
:onConfirm="handleConfirm" :onConfirm="handleConfirm"
:onCancel="handleCancel" :onCancel="handleCancel"
width="40%" width="60%"
> >
<el-form <el-form
label-position="right" label-position="right"
label-width="auto" label-width="auto"
style=" style="overflow-y: auto; max-height: 60vh; padding-right: 50px"
max-width: 600px;
max-height: 60vh;
overflow-y: auto;
padding-right: 12px;
"
> >
<el-form-item label="区县名称"> <el-row :gutter="20">
<el-input disabled v-model="detailData.qxmc" /> <el-col :span="12">
</el-form-item> <el-form-item label="区县名称:" prop="qxmc">
<el-form-item label="站点类型"> <el-input disabled v-model="detailData.qxmc" />
<el-input disabled v-model="detailData.zdlx" /> </el-form-item>
</el-form-item> <el-form-item label="站点类型:" prop="zdlx">
<el-form-item label="路线编码"> <el-select
<el-input disabled v-model="detailData.lxbm" /> disabled
</el-form-item> v-model="detailData.zdlx"
<el-form-item label="里程桩号"> placeholder="请选择站点类型"
<el-input disabled v-model="detailData.lczh" /> :options="zdlxOptions"
</el-form-item> />
<el-form-item label="行政等级"> </el-form-item>
<el-input disabled v-model="detailData.xzdj" /> <el-form-item label="路线编码:" prop="lxbm">
</el-form-item> <el-input disabled v-model="detailData.lxbm" />
<el-form-item label="机动车月交通流量"> </el-form-item>
<el-input disabled v-model="detailData.yjtll" /> <el-form-item label="里程桩号:" prop="lczh">
</el-form-item> <el-input disabled v-model="detailData.lczh" />
<el-form-item label="技术等级"> </el-form-item>
<el-input disabled v-model="detailData.jsdj" /> <el-form-item label="行政等级:" prop="xzdj">
</el-form-item> <el-input disabled v-model="detailData.xzdj" />
<el-form-item label="服务保障点具体名称"> </el-form-item>
<el-input disabled v-model="detailData.mc" /> <el-form-item label="机动车月交通流量:" prop="yjtll">
</el-form-item> <el-input disabled v-model="detailData.yjtll" />
<el-form-item label="产权隶属单位"> </el-form-item>
<el-input disabled v-model="detailData.ssdw" /> <el-form-item label="技术等级:" prop="jsdj">
</el-form-item> <el-input disabled v-model="detailData.jsdj" />
<el-form-item label="经度"> </el-form-item>
<el-input disabled v-model="detailData.jd" /> <el-form-item label="备注:" prop="bz">
</el-form-item> <el-input disabled v-model="detailData.bz" type="textarea" />
<el-form-item label="纬度"> </el-form-item>
<el-input disabled v-model="detailData.wd" /> </el-col>
</el-form-item>
<el-form-item label="充电桩根数"> <el-col :span="12">
<el-input disabled v-model="detailData.cdzgs" /> <el-form-item label="服务保障点具体名称:" prop="mc">
</el-form-item> <el-input disabled v-model="detailData.mc" />
<el-form-item label="是否对外开放"> </el-form-item>
<el-input disabled v-model="detailData.sfdwkf" /> <el-form-item label="产权隶属单位:" prop="ssdw">
</el-form-item> <el-input disabled v-model="detailData.ssdw" />
<el-form-item label="对外开放的是否有如厕功能"> </el-form-item>
<el-input disabled v-model="detailData.sfdwkfrc" /> <el-form-item label="经度:" prop="jd">
</el-form-item> <el-input disabled v-model="detailData.jd" />
</el-form-item>
<el-form-item label="纬度:" prop="wd">
<el-input disabled v-model="detailData.wd" />
</el-form-item>
<el-form-item label="充电桩根数:" prop="cdzgs">
<el-input disabled v-model="detailData.cdzgs" />
</el-form-item>
<el-form-item label="是否对外开放:" prop="sfdwkf">
<el-input disabled v-model="detailData.sfdwkf" />
</el-form-item>
<el-form-item label="对外开放的是否有如厕功能:" prop="sfdwkfrc">
<el-input disabled v-model="detailData.sfdwkfrc" />
</el-form-item>
</el-col>
</el-row>
</el-form> </el-form>
</MyDialog> </MyDialog>
<MyDialog <MyDialog
@ -103,65 +113,65 @@
<el-form <el-form
ref="editFormRef" ref="editFormRef"
:model="editForm" :model="editForm"
label-position="top" label-position="right"
label-width="auto" label-width="auto"
:rules="{}" :rules="{}"
style="overflow-y: auto; max-height: 60vh; padding-right: 12px" style="overflow-y: auto; max-height: 60vh; padding-right: 50px"
> >
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="12"> <el-col :span="12">
<el-form-item label="区县名称" prop="qxmc"> <el-form-item label="区县名称:" prop="qxmc">
<el-input v-model="editForm.qxmc" /> <el-input v-model="editForm.qxmc" />
</el-form-item> </el-form-item>
<el-form-item label="站点类型" prop="zdlx"> <el-form-item label="站点类型:" prop="zdlx">
<el-select <el-select
v-model="editForm.zdlx" v-model="editForm.zdlx"
placeholder="请选择站点类型" placeholder="请选择站点类型"
:options="zdlxOptions" :options="zdlxOptions"
/> />
</el-form-item> </el-form-item>
<el-form-item label="路线编码" prop="lxbm"> <el-form-item label="路线编码:" prop="lxbm">
<el-input v-model="editForm.lxbm" /> <el-input v-model="editForm.lxbm" />
</el-form-item> </el-form-item>
<el-form-item label="里程桩号" prop="lczh"> <el-form-item label="里程桩号:" prop="lczh">
<el-input v-model="editForm.lczh" /> <el-input v-model="editForm.lczh" />
</el-form-item> </el-form-item>
<el-form-item label="行政等级" prop="xzdj"> <el-form-item label="行政等级:" prop="xzdj">
<el-input v-model="editForm.xzdj" /> <el-input v-model="editForm.xzdj" />
</el-form-item> </el-form-item>
<el-form-item label="机动车月交通流量" prop="yjtll"> <el-form-item label="机动车月交通流量:" prop="yjtll">
<el-input v-model="editForm.yjtll" /> <el-input v-model="editForm.yjtll" />
</el-form-item> </el-form-item>
<el-form-item label="技术等级" prop="jsdj"> <el-form-item label="技术等级:" prop="jsdj">
<el-input v-model="editForm.jsdj" /> <el-input v-model="editForm.jsdj" />
</el-form-item> </el-form-item>
<el-form-item label="备注:" prop="bz">
<el-input v-model="editForm.bz" type="textarea" />
</el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="服务保障点具体名称" prop="mc"> <el-form-item label="服务保障点具体名称:" prop="mc">
<el-input v-model="editForm.mc" /> <el-input v-model="editForm.mc" />
</el-form-item> </el-form-item>
<el-form-item label="产权隶属单位" prop="ssdw"> <el-form-item label="产权隶属单位:" prop="ssdw">
<el-input v-model="editForm.ssdw" /> <el-input v-model="editForm.ssdw" />
</el-form-item> </el-form-item>
<el-form-item label="经度" prop="jd"> <el-form-item label="经度:" prop="jd">
<el-input v-model="editForm.jd" /> <el-input v-model="editForm.jd" />
</el-form-item> </el-form-item>
<el-form-item label="纬度" prop="wd"> <el-form-item label="纬度:" prop="wd">
<el-input v-model="editForm.wd" /> <el-input v-model="editForm.wd" />
</el-form-item> </el-form-item>
<el-form-item label="充电桩根数" prop="cdzgs"> <el-form-item label="充电桩根数:" prop="cdzgs">
<el-input v-model="editForm.cdzgs" /> <el-input v-model="editForm.cdzgs" />
</el-form-item> </el-form-item>
<el-form-item label="是否对外开放" prop="sfdwkf"> <el-form-item label="是否对外开放:" prop="sfdwkf">
<el-input v-model="editForm.sfdwkf" /> <el-input v-model="editForm.sfdwkf" />
</el-form-item> </el-form-item>
<el-form-item label="对外开放的是否有如厕功能" prop="sfdwkfrc"> <el-form-item label="对外开放的是否有如厕功能:" prop="sfdwkfrc">
<el-input v-model="editForm.sfdwkfrc" /> <el-input v-model="editForm.sfdwkfrc" />
</el-form-item> </el-form-item>
<el-form-item label="备注" prop="bz">
<el-input v-model="editForm.bz" type="textarea"/>
</el-form-item>
</el-col> </el-col>
</el-row> </el-row>
</el-form> </el-form>