Skip to content

D
device-new-platform
Commit 4a6a7d6f authored by 赵啸非's avatar 赵啸非
Browse files
Options

添加前端页面

parent 9137e3bd
Show whitespace changes
Inline Side-by-side
Showing with 244 additions and 145 deletions
device-manager-ui/admin/src/views/device/drawershow.vue
View file @ 4a6a7d6f
...@@ -8,59 +8,164 @@ ...@@ -8,59 +8,164 @@
> >
<el-form ref="form" :model="form" :rules="rules" label-width="120px"> <el-form ref="form" :model="form" :rules="rules" label-width="120px">
<el-row> <el-row>
<Field
<Field label="设备名称" prop="deviceName" v-model="form.deviceName" placeholder="请输入设备名称"/> label="设备名称"
<Field label="设备编码" prop="deviceCode" v-model="form.deviceCode" placeholder="请输入设备编码码"/> prop="deviceName"
<Field label="MAC地址" prop="deviceMac" v-model="form.deviceMac" placeholder="请输入设备的MAC地址"/> v-model="form.deviceName"
placeholder="请输入设备名称"
/>
<Field
label="设备编码"
prop="deviceCode"
v-model="form.deviceCode"
placeholder="请输入设备编码码"
/>
<Field
label="MAC地址"
prop="deviceMac"
v-model="form.deviceMac"
placeholder="请输入设备的MAC地址"
/>
<!-- <Field label="平台类型" prop="platformId" v-model="form.platformId" type="select" :enumData="dict.platformId" placeholder="请选择平台类型"/> --> <!-- <Field label="平台类型" prop="platformId" v-model="form.platformId" type="select" :enumData="dict.platformId" placeholder="请选择平台类型"/> -->
<Field label="产品类型" prop="productId" v-model="form.productId" type="select" :enumData="dict.productId" placeholder="请选择产品类型"/> <Field
<Field label="设备生产商" placeholder="请选择设备生产商" prop="deviceFirmId" v-model="form.deviceFirmId" type="select" :enumData="dict.deviceFirmId" /> label="产品类型"
<Field label="设备来源" prop="deviceSrc" v-model="form.deviceSrc" type="select" :enumData="dict.deviceSrc" placeholder="请选择设备来源"/> prop="productId"
<Field label="数据获取方式" prop="deviceDataSourceWay" v-model="form.deviceDataSourceWay" type="select" :enumData="dict.deviceDataSourceWay" placeholder="请选择数据获取方式"/> v-model="form.productId"
<Field label="经度" prop="lon" v-model="form.lon" placeholder="请输入经度"/> type="select"
<Field label="纬度" prop="lati" v-model="form.lati" placeholder="请输入纬度"/> :enumData="dict.productId"
<Field label="所属楼栋" prop="deviceInBuilding" v-model="form.deviceInBuilding" type="num" placeholder="请选择所属楼栋"></Field> placeholder="请选择产品类型"
<Field label="所属楼层" prop="deviceInFloor" v-model="form.deviceInFloor" type="num" placeholder="请选择所属楼层"/> />
<Field label="保修期至" prop="defectsLiabilityPeriod" v-model="form.defectsLiabilityPeriod" type="datetime" /> <Field
<Field label="负责人" prop="leadingOfficial" v-model="form.leadingOfficial" placeholder="请输入负责人"/> label="设备生产商"
<Field label="联系电话" prop="leadingOfficialTelephone" v-model="form.leadingOfficialTelephone" placeholder="请输入联系电话"/> placeholder="请选择设备生产商"
<Field label="接收异常短信" prop="isReceiveMess" v-model="form.isReceiveMess" type="select" :enumData="dict.isReceiveMess" placeholder="请选择是否接收异常短信"/> prop="deviceFirmId"
v-model="form.deviceFirmId"
type="select"
:enumData="dict.deviceFirmId"
/>
<Field
label="设备来源"
prop="deviceSrc"
v-model="form.deviceSrc"
type="select"
:enumData="dict.deviceSrc"
placeholder="请选择设备来源"
/>
<Field
label="数据获取方式"
prop="deviceDataSourceWay"
v-model="form.deviceDataSourceWay"
type="select"
:enumData="dict.deviceDataSourceWay"
placeholder="请选择数据获取方式"
/>
<Field
label="经度"
prop="lon"
v-model="form.lon"
placeholder="请输入经度"
/>
<Field
label="纬度"
prop="lati"
v-model="form.lati"
placeholder="请输入纬度"
/>
<Field
label="所属楼栋"
prop="deviceInBuilding"
v-model="form.deviceInBuilding"
type="num"
placeholder="请选择所属楼栋"
></Field>
<Field
label="所属楼层"
prop="deviceInFloor"
v-model="form.deviceInFloor"
type="num"
placeholder="请选择所属楼层"
/>
<Field
label="保修期至"
prop="defectsLiabilityPeriod"
v-model="form.defectsLiabilityPeriod"
type="datetime"
/>
<Field
label="负责人"
prop="leadingOfficial"
v-model="form.leadingOfficial"
placeholder="请输入负责人"
/>
<Field
label="联系电话"
prop="leadingOfficialTelephone"
v-model="form.leadingOfficialTelephone"
placeholder="请输入联系电话"
/>
<Field
label="接收异常短信"
prop="isReceiveMess"
v-model="form.isReceiveMess"
type="select"
:enumData="dict.isReceiveMess"
placeholder="请选择是否接收异常短信"
/>
<Field label="启用状态 " prop="enabled" v-model="form.enabled" type="select" :enumData="dict.enabled" placeholder="请选择启用状态 "/> <Field
label="启用状态 "
prop="enabled"
v-model="form.enabled"
type="select"
:enumData="dict.enabled"
placeholder="请选择启用状态 "
/>
<Field :span="24" label="上传图片" <Field :span="24" label="上传图片"
><ImageUpload ><ImageUpload v-model="form.devicePhotoPath" prePath="/file/preview"
v-model="form.devicePhotoPath"
prePath="/file/preview"
/></Field> /></Field>
<Field label="授权码" :span="24" prop="deviceAuthCode" v-model="form.deviceAuthCode" type="textarea" placeholder="请输入授权码"/> <Field
label="授权码"
<Field label="备注" :span="24" prop="deviceRemark" v-model="form.deviceRemark" type="textarea" placeholder="请输入备注"/> :span="24"
prop="deviceAuthCode"
v-model="form.deviceAuthCode"
type="textarea"
placeholder="请输入授权码"
/>
<Field
label="备注"
:span="24"
prop="deviceRemark"
v-model="form.deviceRemark"
type="textarea"
placeholder="请输入备注"
/>
</el-row> </el-row>
<form-buttons @submit='submitForm' noCancelBtn /> <form-buttons @submit="submitForm" noCancelBtn />
</el-form> </el-form>
</el-drawer> </el-drawer>
</template> </template>
<script> <script>
import form from "@/assets/mixins/formdialog"; import form from "@/assets/mixins/formdialog";
import ImageUpload from "@/components/ImageUpload"; import ImageUpload from "@/components/ImageUpload";
export default { export default {
mixins: [form], mixins: [form],
components: { components: {
ImageUpload, ImageUpload,
}, },
data() { data() {
return { return {
siteCode: "",
siteName: "",
// 遮罩层 // 遮罩层
loading: true, loading: true,
// 弹出层标题 // 弹出层标题
title: "设备", title: "设备",
// 是否显示弹出层 // 是否显示弹出层
open: false, open: false,
direction:"rtl", direction: "rtl",
toString:[ toString: [
"deviceFirmId", "deviceFirmId",
"platformId", "platformId",
"productId", "productId",
...@@ -69,60 +174,57 @@ ...@@ -69,60 +174,57 @@
"isReceiveMess", "isReceiveMess",
"deviceStatus", "deviceStatus",
"enabled", "enabled",
"deviceFirmId" "deviceFirmId",
], ],
toDate:["defectsLiabilityPeriod"], toDate: ["defectsLiabilityPeriod"],
// 表单校验 // 表单校验
rules: { rules: {
deviceName: [ deviceName: [
{required: true,message: "请输入设备名称", trigger: "blur" }, { required: true, message: "请输入设备名称", trigger: "blur" },
{max: 20,message: "最多只能录入20个字符",trigger: "blur",}, { max: 20, message: "最多只能录入20个字符", trigger: "blur" },
], ],
deviceCode: [ deviceCode: [
{required: true,message: "请输入设备编码", trigger: "blur" }, { required: true, message: "请输入设备编码", trigger: "blur" },
], ],
platformId: [ platformId: [
{required: true,message: "请选择平台", trigger: "blur" }, { required: true, message: "请选择平台", trigger: "blur" },
], ],
productId: [ productId: [{ required: true, message: "请选择产品", trigger: "blur" }],
{required: true,message: "请选择产品", trigger: "blur" }, },
],
}
}; };
}, },
methods: { methods: {
/** 编辑 */ /** 编辑 */
edit(row) { edit(row) {
this.reset() this.reset();
this.query = { id: row.id }; this.query = { id: row.id };
this.urls.currUrl =this.pageInfo.editUrl;; this.urls.currUrl = this.pageInfo.editUrl;
this.getData(); this.getData();
this.pageInfo.type="edit" this.pageInfo.type = "edit";
this.title = "修改设备"; this.title = "修改设备";
}, },
/** 新增 */ /** 新增 */
add(row) { add(row) {
this.reset() this.reset();
this.urls.currUrl = this.pageInfo.addUrl; this.urls.currUrl = this.pageInfo.addUrl;
this.pageInfo.type="add" this.pageInfo.type = "add";
this.form.siteId = row.siteId; this.form.siteId = row.siteId;
this.form.siteName = row.siteName; this.siteName = row.siteName;
this.form.siteCode = row.siteCode; this.siteCode = row.siteCode;
this.getData(); this.getData();
this.title = "新增设备"; this.title = "新增设备";
}, },
/** 查看*/ /** 查看*/
view(row) { view(row) {
this.reset() this.reset();
this.query = { id: row.id }; this.query = { id: row.id };
this.urls.currUrl =this.pageInfo.viewUrl;; this.urls.currUrl = this.pageInfo.viewUrl;
this.getData(); this.getData();
this.pageInfo.type="view" this.pageInfo.type = "view";
this.title = "设备详细"; this.title = "设备详细";
}, },
/**取消按钮 */ /**取消按钮 */
...@@ -133,14 +235,11 @@ ...@@ -133,14 +235,11 @@
afterRender(data) { afterRender(data) {
this.open = true; this.open = true;
console.log("form:",this.form) console.log("form:", this.form);
// if(this.pageInfo.type=='add'){ if (this.pageInfo.type == "add") {
// this.form.siteId = this.siteId; this.form.siteName = this.siteName;
// this.form.siteName = this.siteName; this.form.siteCode = this.siteCode;
// this.form.siteCode = this.siteCode; }
// }
}, },
afterSubmit(data) { afterSubmit(data) {
...@@ -158,9 +257,9 @@ ...@@ -158,9 +257,9 @@
this.$refs[refName].resetFields(); this.$refs[refName].resetFields();
} }
}, },
handleClose(){ handleClose() {
console.log("关闭") console.log("关闭");
}
}, },
}; },
};
</script> </script>
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