Skip to content

G
gassafety
Commit 99401b09 authored by 耿迪迪's avatar 耿迪迪
Browse files
Options

编辑弹框样式修改 gengdidi

parent 87ce729d
Hide whitespace changes
Inline Side-by-side
Showing with 281 additions and 119 deletions
gassafety-web/src/components/PopWindow/regulatorBox.vue
View file @ 99401b09
...@@ -4,61 +4,113 @@ ...@@ -4,61 +4,113 @@
:visible.sync="dialogVisible" :visible.sync="dialogVisible"
width="80%" width="80%"
:before-close="handleClose"> :before-close="handleClose">
<el-form ref="form" :model="form" :rules="rules" label-width="135px"> <el-row>
<el-form-item label="所属管道" prop="pipeCode"> <el-form ref="form" :model="form" :rules="rules" label-width="135px">
<el-select v-model="form.pipeCode" placeholder="请选择所属管道"> <el-row>
<el-option <el-col :span="22">
v-for="item in pipeList" <el-form-item label="所属管道" prop="pipeCode">
:key="item.pipeCode" <el-select v-model="form.pipeCode" placeholder="请选择所属管道">
:label="item.pipeName" <el-option
:value="item.pipeCode"> v-for="item in pipeList"
</el-option> :key="item.pipeCode"
</el-select> :label="item.pipeName"
</el-form-item> :value="item.pipeCode"
<el-form-item label="设备名称" prop="deviceName"> >
<el-input v-model="form.deviceName" placeholder="请输入设备名称" /> </el-option>
</el-form-item> </el-select>
<el-form-item label="所在地址" prop="deviceAddr"> </el-form-item>
<el-input v-model="form.deviceAddr" placeholder="请输入所在地址" /> </el-col>
</el-form-item> </el-row>
<el-form-item label="设备型号" prop="deviceModel">
<el-input v-model="form.deviceModel" placeholder="请输入设备型号" /> <el-row>
</el-form-item> <el-col :span="11">
<el-form-item label="经度" prop="longitude"> <el-form-item label="设备名称" prop="deviceName">
<el-input v-model="form.longitude" placeholder="请输入经度" /> <el-input v-model="form.deviceName" placeholder="请输入设备名称" />
</el-form-item> </el-form-item>
<el-form-item label="纬度" prop="latitude"> </el-col>
<el-input v-model="form.latitude" placeholder="请输入纬度" />
</el-form-item> <el-col :span="11">
<el-form-item label="物联网编号" prop="iotNo"> <el-form-item label="设备型号" prop="deviceModel">
<el-input v-model="form.iotNo" placeholder="请输入物联网编号" /> <el-input v-model="form.deviceModel" placeholder="请输入设备型号" />
</el-form-item> </el-form-item>
<el-form-item label="设备图片上传" prop="iconUrl"> </el-col>
<MyFileUpload </el-row>
listType="picture-card"
@resFun="getFileInfo" <el-col :span="11">
@remove="listRemove" <el-form-item label="所在地址" prop="deviceAddr">
:fileArr="fileArr" <el-input v-model="form.deviceAddr" placeholder="请输入所在地址" />
/> </el-form-item>
</el-form-item> </el-col>
<el-form-item label="联系人" prop="linkman">
<el-input v-model="form.linkman" placeholder="请输入联系人" /> <el-col :span="11">
</el-form-item> <el-form-item label="物联网编号" prop="iotNo">
<el-form-item label="电话" prop="phone"> <el-input v-model="form.iotNo" placeholder="请输入物联网编号" />
<el-input v-model="form.phone" placeholder="请输入电话" /> </el-form-item>
</el-form-item> </el-col>
<el-form-item label="安装时间" prop="installationTime">
<el-date-picker clearable size="small" <el-col :span="22">
v-model="form.installationTime" <el-form-item label="经纬度坐标" prop="">
type="datetime" <el-card class="box-card">
value-format="yyyy-MM-dd HH:mm:ss" <div v-text="`[[${form.longitude},${form.latitude}]]`"></div>
placeholder="选择安装时间"> </el-card>
</el-date-picker> </el-form-item>
</el-form-item> </el-col>
<el-form-item label="备注" prop="remarks">
<el-input v-model="form.remarks" placeholder="请输入备注" /> <!-- <el-col>
</el-form-item> <el-form-item label="纬度" prop="latitude">
</el-form> <el-input v-model="form.latitude" placeholder="请输入纬度" />
</el-form-item>
</el-col> -->
<el-col :span="11">
<el-form-item label="联系人" prop="linkman">
<el-input v-model="form.linkman" placeholder="请输入联系人" />
</el-form-item>
</el-col>
<el-col :span="11">
<el-form-item label="联系电话" prop="phone">
<el-input v-model="form.phone" placeholder="请输入联系电话" />
</el-form-item>
</el-col>
<el-col>
<el-form-item label="设备图片上传" prop="iconUrl">
<MyFileUpload
listType="picture-card"
@resFun="getFileInfo"
@remove="listRemove"
:fileArr="fileArr"
/>
<el-input v-show="false" disabled v-model="form.iconUrl"></el-input>
</el-form-item>
</el-col>
<el-col>
<el-form-item label="安装时间" prop="installationTime">
<el-date-picker
clearable
size="small"
v-model="form.installationTime"
type="date"
value-format="yyyy-MM-dd HH:mm:ss"
placeholder="选择安装时间"
>
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="22">
<el-form-item label="备注" prop="remarks">
<el-input
type="textarea"
v-model="form.remarks"
placeholder="请输入备注"
/>
</el-form-item>
</el-col>
</el-form>
</el-row>
<span slot="footer" class="dialog-footer"> <span slot="footer" class="dialog-footer">
<el-button @click="dialogVisible = false">取 消</el-button> <el-button @click="dialogVisible = false">取 消</el-button>
<el-button type="primary" @click="submitForm">确 定</el-button> <el-button type="primary" @click="submitForm">确 定</el-button>
...@@ -84,14 +136,44 @@ ...@@ -84,14 +136,44 @@
}, },
dialogVisible : false, dialogVisible : false,
fileList: [], fileList: [],
// 表单校验
rules: {
},
map : null, map : null,
obj : null, obj : null,
gaoMap : null, gaoMap : null,
fileArr: [], fileArr: [],
pipeList: [] pipeList: [],
rules: {
pipeCode: [
{ required: true, message: "请选择所属管道", trigger: "blur" },
// { min: 3, max: 5, message: "长度在 3 到 5 个字符", trigger: "blur" },
],
deviceName: [
{ required: true, message: "请输入设备名称", trigger: "blur" },
],
deviceModel: [
{ required: true, message: "请输入设备型号", trigger: "blur" },
],
deviceAddr: [
{ required: true, message: "请输入所在地址", trigger: "blur" },
],
iotNo: [
{ required: true, message: "请输入物联网编号", trigger: "blur" },
],
linkman: [
{ required: true, message: "请输入联系人", trigger: "blur" },
],
phone: [
{ required: true, message: "请输入联系电话", trigger: "blur" },
],
iconUrl: [{ required: true, message: "请上传图片", trigger: "change" }],
installationTime: [
{
// type: "date",
required: true,
message: "请选择日期",
trigger: "change",
},
],
},
} }
}, },
components: { components: {
...@@ -124,7 +206,6 @@ ...@@ -124,7 +206,6 @@
this.remove(); this.remove();
this.map.remove(this.obj); this.map.remove(this.obj);
this.form.deviceId = response.data; this.form.deviceId = response.data;
console.log(this.gaoMap,"addgaoMap")
this.gaoMap.addMarker(this.gaoMap.deviceType,this.form); this.gaoMap.addMarker(this.gaoMap.deviceType,this.form);
//this.gaoMap.placeSearch.clear(); //this.gaoMap.placeSearch.clear();
this.gaoMap.closeAddMarker(); this.gaoMap.closeAddMarker();
......
gassafety-web/src/components/PopWindow/valveWell.vue
View file @ 99401b09
...@@ -4,61 +4,112 @@ ...@@ -4,61 +4,112 @@
:visible.sync="dialogVisible" :visible.sync="dialogVisible"
width="80%" width="80%"
:before-close="handleClose"> :before-close="handleClose">
<el-form ref="form" :model="form" :rules="rules" label-width="135px"> <el-row>
<el-form-item label="所属管道" prop="pipeCode"> <el-form ref="form" :model="form" :rules="rules" label-width="135px">
<el-select v-model="form.pipeCode" placeholder="请选择所属管道"> <el-row>
<el-option <el-col :span="22">
v-for="item in pipeList" <el-form-item label="所属管道" prop="pipeCode">
:key="item.pipeCode" <el-select v-model="form.pipeCode" placeholder="请选择所属管道">
:label="item.pipeName" <el-option
:value="item.pipeCode"> v-for="item in pipeList"
</el-option> :key="item.pipeCode"
</el-select> :label="item.pipeName"
</el-form-item> :value="item.pipeCode"
<el-form-item label="设备名称" prop="deviceName"> >
<el-input v-model="form.deviceName" placeholder="请输入设备名称" /> </el-option>
</el-form-item> </el-select>
<el-form-item label="所在地址" prop="deviceAddr"> </el-form-item>
<el-input v-model="form.deviceAddr" placeholder="请输入所在地址" /> </el-col>
</el-form-item> </el-row>
<el-form-item label="设备型号" prop="deviceModel">
<el-input v-model="form.deviceModel" placeholder="请输入设备型号" /> <el-row>
</el-form-item> <el-col :span="11">
<el-form-item label="经度" prop="longitude"> <el-form-item label="设备名称" prop="deviceName">
<el-input v-model="form.longitude" placeholder="请输入经度" /> <el-input v-model="form.deviceName" placeholder="请输入设备名称" />
</el-form-item> </el-form-item>
<el-form-item label="纬度" prop="latitude"> </el-col>
<el-input v-model="form.latitude" placeholder="请输入纬度" />
</el-form-item> <el-col :span="11">
<el-form-item label="物联网编号" prop="iotNo"> <el-form-item label="设备型号" prop="deviceModel">
<el-input v-model="form.iotNo" placeholder="请输入物联网编号" /> <el-input v-model="form.deviceModel" placeholder="请输入设备型号" />
</el-form-item> </el-form-item>
<el-form-item label="设备图片上传" prop="iconUrl"> </el-col>
<MyFileUpload </el-row>
listType="picture-card" <el-col :span="11">
@resFun="getFileInfo" <el-form-item label="所在地址" prop="deviceAddr">
@remove="listRemove" <el-input v-model="form.deviceAddr" placeholder="请输入所在地址" />
:fileArr="fileArr" </el-form-item>
/> </el-col>
</el-form-item>
<el-form-item label="联系人" prop="linkman"> <el-col :span="11">
<el-input v-model="form.linkman" placeholder="请输入联系人" /> <el-form-item label="物联网编号" prop="iotNo">
</el-form-item> <el-input v-model="form.iotNo" placeholder="请输入物联网编号" />
<el-form-item label="电话" prop="phone"> </el-form-item>
<el-input v-model="form.phone" placeholder="请输入电话" /> </el-col>
</el-form-item>
<el-form-item label="安装时间" prop="installationTime"> <el-col :span="22">
<el-date-picker clearable size="small" <el-form-item label="经纬度坐标" prop="">
v-model="form.installationTime" <el-card class="box-card">
type="datetime" <div v-text="`[[${form.longitude},${form.latitude}]]`"></div>
value-format="yyyy-MM-dd HH:mm:ss" </el-card>
placeholder="选择安装时间"> </el-form-item>
</el-date-picker> </el-col>
</el-form-item>
<el-form-item label="备注" prop="remarks"> <!-- <el-col>
<el-input v-model="form.remarks" placeholder="请输入备注" /> <el-form-item label="纬度" prop="latitude">
</el-form-item> <el-input v-model="form.latitude" placeholder="请输入纬度" />
</el-form> </el-form-item>
</el-col> -->
<el-col :span="11">
<el-form-item label="联系人" prop="linkman">
<el-input v-model="form.linkman" placeholder="请输入联系人" />
</el-form-item>
</el-col>
<el-col :span="11">
<el-form-item label="联系电话" prop="phone">
<el-input v-model="form.phone" placeholder="请输入联系电话" />
</el-form-item>
</el-col>
<el-col>
<el-form-item label="设备图片上传" prop="iconUrl">
<MyFileUpload
listType="picture-card"
@resFun="getFileInfo"
@remove="listRemove"
:fileArr="fileArr"
/>
<el-input v-show="false" disabled v-model="form.iconUrl"></el-input>
</el-form-item>
</el-col>
<el-col>
<el-form-item label="安装时间" prop="installationTime">
<el-date-picker
clearable
size="small"
v-model="form.installationTime"
type="date"
value-format="yyyy-MM-dd HH:mm:ss"
placeholder="选择安装时间"
>
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="22">
<el-form-item label="备注" prop="remarks">
<el-input
type="textarea"
v-model="form.remarks"
placeholder="请输入备注"
/>
</el-form-item>
</el-col>
</el-form>
</el-row>
<span slot="footer" class="dialog-footer"> <span slot="footer" class="dialog-footer">
<el-button @click="dialogVisible = false">取 消</el-button> <el-button @click="dialogVisible = false">取 消</el-button>
<el-button type="primary" @click="submitForm">确 定</el-button> <el-button type="primary" @click="submitForm">确 定</el-button>
...@@ -84,14 +135,44 @@ ...@@ -84,14 +135,44 @@
}, },
dialogVisible : false, dialogVisible : false,
fileList: [], fileList: [],
// 表单校验
rules: {
},
map : null, map : null,
obj : null, obj : null,
gaoMap : null, gaoMap : null,
fileArr: [], fileArr: [],
pipeList: [] pipeList: [],
rules: {
pipeCode: [
{ required: true, message: "请选择所属管道", trigger: "blur" },
// { min: 3, max: 5, message: "长度在 3 到 5 个字符", trigger: "blur" },
],
deviceName: [
{ required: true, message: "请输入设备名称", trigger: "blur" },
],
deviceModel: [
{ required: true, message: "请输入设备型号", trigger: "blur" },
],
deviceAddr: [
{ required: true, message: "请输入所在地址", trigger: "blur" },
],
iotNo: [
{ required: true, message: "请输入物联网编号", trigger: "blur" },
],
linkman: [
{ required: true, message: "请输入联系人", trigger: "blur" },
],
phone: [
{ required: true, message: "请输入联系电话", trigger: "blur" },
],
iconUrl: [{ required: true, message: "请上传图片", trigger: "change" }],
installationTime: [
{
// type: "date",
required: true,
message: "请选择日期",
trigger: "change",
},
],
},
} }
}, },
components: { components: {
......
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