Commit 78867a05 authored by yaqizhang's avatar yaqizhang

问题列表

parent d213f817
...@@ -11,7 +11,14 @@ ...@@ -11,7 +11,14 @@
</el-col> </el-col>
</el-row> </el-row>
<el-row style="width: 100%;height: 45px;">
<el-col :span="24">
<div style="">
<ul><li style="list-style: none;font-weight: 900;font-size: 20px;color: #053b6a;">报警信息管理详情</li></ul>
</div>
</el-col>
</el-row>
<el-divider></el-divider>
<el-row style="padding-left: 50px;"> <el-row style="padding-left: 50px;">
<el-col :span="6"> <el-col :span="6">
<el-form ref="form" v-model="form" style="width: 100%;"> <el-form ref="form" v-model="form" style="width: 100%;">
...@@ -64,7 +71,13 @@ ...@@ -64,7 +71,13 @@
</el-col> </el-col>
</el-row> </el-row>
<el-divider></el-divider> <el-divider></el-divider>
<el-row style="width: 100%;height: 45px;">
<el-col :span="24">
<div style="color: #31EAEA;">
<ul><li>设备详情</li></ul>
</div>
</el-col>
</el-row>
<el-row> <el-row>
<el-col :span="16" style="padding: 10px;"> <el-col :span="16" style="padding: 10px;">
<div style="width: 100%;float: left;height: 100%;" v-if="form.deviceType != '管道'"> <div style="width: 100%;float: left;height: 100%;" v-if="form.deviceType != '管道'">
......
...@@ -11,7 +11,13 @@ ...@@ -11,7 +11,13 @@
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
<el-row style="width: 100%;height: 45px;">
<el-col :span="24">
<div style="">
<ul><li style="list-style: none;font-weight: 900;font-size: 20px;color: #053b6a;">实时数据详情</li></ul>
</div>
</el-col>
</el-row>
<el-row> <el-row>
<el-col :span="16" style="padding: 10px;"> <el-col :span="16" style="padding: 10px;">
<div style="height: 100%;"> <div style="height: 100%;">
......
...@@ -10,7 +10,13 @@ ...@@ -10,7 +10,13 @@
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
<el-row style="width: 100%;height: 45px;">
<el-col :span="24">
<div style="">
<ul><li style="list-style: none;font-weight: 900;font-size: 20px;color: #053b6a;">设备信息管理详情</li></ul>
</div>
</el-col>
</el-row>
<el-divider></el-divider> <el-divider></el-divider>
<el-row style="width: 100%;"> <el-row style="width: 100%;">
<el-col :span="24"> <el-col :span="24">
...@@ -22,7 +28,7 @@ ...@@ -22,7 +28,7 @@
<el-row style="width: 100%;padding: 10px;padding-left: 40px;"> <el-row style="width: 100%;padding: 10px;padding-left: 40px;">
<el-col :span="5"> <el-col :span="5">
<el-form ref="form" v-model="form" :rules="rules" label-width="100px" style="width: 100%;"> <el-form ref="form" v-model="form" label-width="100px" style="width: 100%;">
<el-form-item label="设备名称:" prop="deviceName"> <el-form-item label="设备名称:" prop="deviceName">
<font>{{form.deviceName}}</font> <font>{{form.deviceName}}</font>
</el-form-item> </el-form-item>
...@@ -38,6 +44,9 @@ ...@@ -38,6 +44,9 @@
<el-form-item label="设备型号:" prop="deviceModel"> <el-form-item label="设备型号:" prop="deviceModel">
<font>{{form.deviceModel}}</font> <font>{{form.deviceModel}}</font>
</el-form-item> </el-form-item>
<el-form-item label="所属管道:" prop="pipeName">
<font>{{form.pipeName}}</font>
</el-form-item>
<el-form-item label="物联网编号:" prop="iotNo"> <el-form-item label="物联网编号:" prop="iotNo">
<font>{{form.iotNo}}</font> <font>{{form.iotNo}}</font>
</el-form-item> </el-form-item>
...@@ -47,16 +56,13 @@ ...@@ -47,16 +56,13 @@
<el-form-item label="联系电话:" prop="phone"> <el-form-item label="联系电话:" prop="phone">
<font>{{form.phone}}</font> <font>{{form.phone}}</font>
</el-form-item> </el-form-item>
<el-form-item label="备注信息:" prop="remarks"> <el-form-item label="备注信息:" prop="remarks" style="width: 170%;">
<font>{{form.remarks}}</font> <font>{{form.remarks}}</font>
</el-form-item> </el-form-item>
</el-form> </el-form>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<el-form ref="form" v-model="form" :rules="rules" label-width="100px" style="width: 100%;"> <el-form ref="form" v-model="form" label-width="100px" style="width: 100%;">
<el-form-item label="所属管道:" prop="pipeName">
<font>{{form.pipeName}}</font>
</el-form-item>
<el-form-item label="所在地址:" prop="deviceAddr"> <el-form-item label="所在地址:" prop="deviceAddr">
<font>{{form.deviceAddr}}</font> <font>{{form.deviceAddr}}</font>
</el-form-item> </el-form-item>
...@@ -283,7 +289,42 @@ ...@@ -283,7 +289,42 @@
form: { }, form: { },
editForm: {}, editForm: {},
// 表单校验 // 表单校验
rules: { } rules: {
deviceType: [
{ required: true, message: "请选择设备类型", trigger: "blur" },
],
deviceName: [
{ required: true, message: "请输入设备名称", trigger: "blur" },
],
deviceCode: [
{ required: true, message: "请输入设备编号", trigger: "blur" },
],
deviceModel: [
{ required: true, message: "请输入设备型号", trigger: "blur" },
],
deviceAddr: [
{ required: true, message: "请输入所在地址", trigger: "blur" },
],
longitude: [
{ required: true, message: "请输入经纬度", trigger: "blur" },
],
iotNo: [
{ required: true, message: "请输入物联网编号", trigger: "blur" },
],
linkman: [
{ required: true, message: "请输入联系人", trigger: "blur" }
],
phone: [
{ required: true, message: "请输入联系电话", trigger: "blur" },
{ min: 11, max: 11, message: "长度11个数字", trigger: "blur" },
],
iconUrl: [
{ required: true, message: "请上传图片", trigger: "change" }
],
installationTime: [
{ required: true, message: "请选择日期", trigger: "change" },
],
}
}; };
}, },
created() { created() {
...@@ -302,6 +343,7 @@ ...@@ -302,6 +343,7 @@
getDetail (){ getDetail (){
getDeviceInfo(this.deviceId).then(response =>{ getDeviceInfo(this.deviceId).then(response =>{
this.form = response.data; this.form = response.data;
console.log(this.form,"this.form")
this.gaoMap.resetMapCenter([this.form.longitude, this.form.latitude]); this.gaoMap.resetMapCenter([this.form.longitude, this.form.latitude]);
this.gaoMap.addMarker(DEVICE_TYPE.WORKORDER, this.form) this.gaoMap.addMarker(DEVICE_TYPE.WORKORDER, this.form)
}); });
......
...@@ -10,7 +10,13 @@ ...@@ -10,7 +10,13 @@
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
<el-row style="width: 100%;height: 45px;">
<el-col :span="24">
<div style="">
<ul><li style="list-style: none;font-weight: 900;font-size: 20px;color: #053b6a;">管道管理详情</li></ul>
</div>
</el-col>
</el-row>
<el-divider></el-divider> <el-divider></el-divider>
<el-row style="width: 100%;"> <el-row style="width: 100%;">
...@@ -22,7 +28,7 @@ ...@@ -22,7 +28,7 @@
</el-row> </el-row>
<el-row style="width: 100%;padding: 10px;padding-left: 40px;"> <el-row style="width: 100%;padding: 10px;padding-left: 40px;">
<el-col :span="5"> <el-col :span="5">
<el-form ref="form" v-model="form" :rules="rules" label-width="100px" style="width: 100%;"> <el-form ref="form" v-model="form" label-width="100px" style="width: 100%;">
<el-form-item label="管道名称:" prop="pipeName"> <el-form-item label="管道名称:" prop="pipeName">
<font>{{form.pipeName}}</font> <font>{{form.pipeName}}</font>
</el-form-item> </el-form-item>
...@@ -42,13 +48,13 @@ ...@@ -42,13 +48,13 @@
<el-form-item label="管道长度:" prop="pipeLength"> <el-form-item label="管道长度:" prop="pipeLength">
<font>{{form.pipeLength}}</font> <font>{{form.pipeLength}}</font>
</el-form-item> </el-form-item>
<el-form-item label="备注信息:" prop="remarks"> <el-form-item label="备注信息:" prop="remarks" style="width: 170%;">
<font>{{form.remarks}}</font> <font>{{form.remarks}}</font>
</el-form-item> </el-form-item>
</el-form> </el-form>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<el-form ref="form" v-model="form" :rules="rules" label-width="100px" style="width: 100%;"> <el-form ref="form" v-model="form" label-width="100px" style="width: 100%;">
<el-form-item label="管道地址:" prop="pipeAddr"> <el-form-item label="管道地址:" prop="pipeAddr">
<font>{{form.pipeAddr}}</font> <font>{{form.pipeAddr}}</font>
</el-form-item> </el-form-item>
...@@ -229,7 +235,35 @@ ...@@ -229,7 +235,35 @@
editForm: { editForm: {
}, },
// 表单校验 // 表单校验
rules: { } rules: {
pipeName: [
{ required: true, message: "请输入管道名称", trigger: "blur" },
],
pipeCode: [
{ required: true, message: "请输入管道编号", trigger: "blur" },
],
pipeLength: [
{ required: true, message: "请输入管道长度", trigger: "blur" },
],
pipeAddr: [
{ required: true, message: "请输入管道所在地址", trigger: "blur" },
],
pipeType: [
{ required: true, message: "请选择管道类型", trigger: "blur" },
],
pipePressure: [
{ required: true, message: "请选择管道压力", trigger: "blur" },
],
coordinates: [
{ required: true, message: "请选择管道坐标", trigger: "blur" },
],
iconUrl: [
{ required: true, message: "请上传图片", trigger: "change" },
],
installationTime: [
{ required: true, message: "请选择日期", trigger: "change" },
],
}
}; };
}, },
created() { created() {
......
...@@ -11,6 +11,13 @@ ...@@ -11,6 +11,13 @@
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
<el-row style="width: 100%;height: 45px;">
<el-col :span="24">
<div style="">
<ul><li style="list-style: none;font-weight: 900;font-size: 20px;color: #053b6a;">设备巡检详情</li></ul>
</div>
</el-col>
</el-row>
<el-divider></el-divider> <el-divider></el-divider>
<el-row style="width: 100%;"> <el-row style="width: 100%;">
...@@ -31,10 +38,8 @@ ...@@ -31,10 +38,8 @@
<el-form-item label="检测地点:" prop="address"> <el-form-item label="检测地点:" prop="address">
<font>{{form.address}}</font> <font>{{form.address}}</font>
</el-form-item> </el-form-item>
<el-form-item label="计划描述:" prop="remarks"> <el-form-item label="计划描述:" prop="remarks" style="width: 170%;">
<div style="height: 90px;width: 200%; border: 1px solid rgb(187, 183, 183);margin-top: 10px;overflow-y: auto;padding: 5px;border-radius: 5px;"> <font>{{form.remarks}}</font>
<font>{{form.remarks}}</font>
</div>
</el-form-item> </el-form-item>
</el-form> </el-form>
</el-col> </el-col>
......
...@@ -11,6 +11,13 @@ ...@@ -11,6 +11,13 @@
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
<el-row style="width: 100%;height: 45px;">
<el-col :span="24">
<div style="">
<ul><li style="list-style: none;font-weight: 900;font-size: 20px;color: #053b6a;">隐患管理详情</li></ul>
</div>
</el-col>
</el-row>
<el-divider></el-divider> <el-divider></el-divider>
<el-row style="width: 100%;"> <el-row style="width: 100%;">
......
...@@ -11,7 +11,13 @@ ...@@ -11,7 +11,13 @@
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
<el-row style="width: 100%;height: 45px;">
<el-col :span="24">
<div style="">
<ul><li style="list-style: none;font-weight: 900;font-size: 20px;color: #053b6a;">工单基础信息详情</li></ul>
</div>
</el-col>
</el-row>
<el-steps :active="active" finish-status="success" simple prop="orderStatus" style="margin-top: 5px"> <el-steps :active="active" finish-status="success" simple prop="orderStatus" style="margin-top: 5px">
<el-step title="未接收" ></el-step> <el-step title="未接收" ></el-step>
<el-step title="已接收" ></el-step> <el-step title="已接收" ></el-step>
...@@ -54,7 +60,7 @@ ...@@ -54,7 +60,7 @@
<el-form-item label="指定执行人员:" prop="appointInspectorName" style="margin-bottom: 0px;"> <el-form-item label="指定执行人员:" prop="appointInspectorName" style="margin-bottom: 0px;">
<font>{{form.appointInspectorName}}</font> <font>{{form.appointInspectorName}}</font>
</el-form-item> </el-form-item>
<el-form-item label="工单描述:" prop="remarks" style="margin-bottom: 0px;"> <el-form-item label="工单描述:" prop="remarks" style="margin-bottom: 0px;width: 170%;">
<font>{{form.remarks}}</font> <font>{{form.remarks}}</font>
</el-form-item> </el-form-item>
</el-form> </el-form>
......
...@@ -10,6 +10,13 @@ ...@@ -10,6 +10,13 @@
<div style="float: left;margin-top: 8px;margin-left: 5px;"><img src="../../../assets/logo/fanhui.png" style="width: 25px;" alt=""></div> <div style="float: left;margin-top: 8px;margin-left: 5px;"><img src="../../../assets/logo/fanhui.png" style="width: 25px;" alt=""></div>
</div> </div>
</el-col> </el-col>
</el-row>
<el-row style="width: 100%;height: 45px;">
<el-col :span="24">
<div style="">
<ul><li style="list-style: none;font-weight: 900;font-size: 20px;color: #053b6a;">工单反馈详情</li></ul>
</div>
</el-col>
</el-row> </el-row>
<el-steps :active="active" finish-status="success" simple prop="orderStatus" style="margin-top: 5px"> <el-steps :active="active" finish-status="success" simple prop="orderStatus" style="margin-top: 5px">
<el-step title="未接收" ></el-step> <el-step title="未接收" ></el-step>
...@@ -50,7 +57,7 @@ ...@@ -50,7 +57,7 @@
<el-form-item label="指定执行人员:" prop="appointInspectorName"> <el-form-item label="指定执行人员:" prop="appointInspectorName">
<font>{{form.appointInspectorName}}</font> <font>{{form.appointInspectorName}}</font>
</el-form-item> </el-form-item>
<el-form-item label="工单描述:" prop="remarks"> <el-form-item label="工单描述:" prop="remarks" style="width: 170%;">
<font>{{form.remarks}}</font> <font>{{form.remarks}}</font>
</el-form-item> </el-form-item>
</el-form> </el-form>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment