Commit 21f4e30c authored by 姬鋆屾's avatar 姬鋆屾

parent 5f03309f
<template> <template>
<div class="page"> <div class="page">
<LayoutTable notAdd notDel :data="tableData" :config="tableConfig"> <LayoutTable notAdd notDel :data="tableData" :config="tableConfig">
<el-button
slot="table-head-left2"
style="margin-left: 10px"
icon="el-icon-tickets"
size="mini"
type="danger"
@click="monitorWarn"
>监测预警</el-button
>
</LayoutTable>
<drawer-show ref="dataDrawerShow" />
<dialog-show ref="dialogform" @ok="getData" />
</div>
</template>
<el-button <script>
slot="table-head-left2" /** 表单弹出框模式需引入 */
style="margin-left: 10px" import dialogShow from "./dialogshow";
icon="el-icon-tickets" import drawerShow from "./dataDrawerShow";
size="mini" import table from "@/assets/mixins/table";
type="danger" export default {
@click="monitorWarn" name: "AppointmentRecordsList",
>监测预警</el-button components: {
> dialogShow,
drawerShow,
},
mixins: [table],
created() {},
methods: {
/** 重写新增方法 */
toAdd(row) {
this.$refs.dialogform.add(row);
},
/** 重写编辑方法 */
toEdit(row) {
this.$refs.dialogform.edit(row);
},
/** 重写查看方法 */
toView(row) {
this.$refs.dialogform.view(row);
},
/** 监测预警 */
monitorWarn(row) {
this.$refs.dataDrawerShow.view(row);
},
</LayoutTable> serviceConstraint(row) {
let _this = this;
this.$confirm(
"服务约束后,系统将停止向该群众推送此项服务,是否确认?",
"系统服务",
{
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
}
)
.then(function() {
//todo
_this
.$post("/appointment/records", { id: [row.id] })
.then((res) => {
if (res && res.code && res.code == 1) {
_this.getList();
_this.$message.success("停止服务成功");
}
})
.catch((error) => {
_this.$message.error(error.message);
});
})
.then((response) => {});
},
},
data() {
return {
config: {
search: [
{
name: "device",
type: "select",
label: "监测设备",
},
<drawer-show ref="dataDrawerShow" /> {
name: "detectTimeStart",
type: "datetime",
label: "开始时间",
},
<dialog-show ref="dialogform" @ok="getData" /> {
</div> name: "detectTimeEnd",
</template> type: "datetime",
label: "结束时间",
},
<script> {
/** 表单弹出框模式需引入 */ name: "name",
import dialogShow from "./dialogshow"; type: "text",
import drawerShow from "./dataDrawerShow"; label: "姓名",
import table from "@/assets/mixins/table"; fuzzy: true,
export default {
name: "AppointmentRecordsList",
components: {
dialogShow,drawerShow
},
mixins: [table],
created() {
},
methods: {
/** 重写新增方法 */
toAdd(row) {
this.$refs.dialogform.add(row);
},
/** 重写编辑方法 */
toEdit(row) {
this.$refs.dialogform.edit(row);
},
/** 重写查看方法 */
toView(row) {
this.$refs.dialogform.view(row);
},
/** 监测预警 */
monitorWarn(row) {
this.$refs.dataDrawerShow.view(row);
}, },
],
columns: [
{ type: "index", label: "序号", width: 50 },
serviceConstraint(row) { { label: "姓名", prop: "name" },
let _this=this
this.$confirm('服务约束后,系统将停止向该群众推送此项服务,是否确认?', "系统服务", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning"
}).then(function() {
//todo
_this.$post("/appointment/records", { id: [row.id] })
.then((res) => {
if (res && res.code && res.code == 1) {
_this.getList();
_this.$message.success("停止服务成功");
}
})
.catch((error) => {
_this.$message.error(error.message);
});
}).then(response => {
}) { label: "联系方式", prop: "contactInfo" },
}
{ label: "身份证号码", prop: "idNumber" },
},
data() { { label: "预约业务", prop: "reservationService" },
return {
config: { { label: "预约编号", prop: "reservationNumber" },
search: [
{ {
name: "device", label: "监测时间",
type: "select", prop: "monitorTime",
label: "监测设备", formatter: this.formatterDate,
}, },
{ { label: "监测设备", prop: "monitorDevice" },
name: "detectTimeStart",
type: "datetime", {
label: "开始时间", label: "签到方式",
}, prop: "checkInMethod",
formatter: this.formatter,
{ },
name: "detectTimeEnd",
type: "datetime", {
label: "结束时间", label: "监测凭证",
}, prop: "monitorCertificate",
formatter: (row) => {
{ return row.monitorCertificate != "" ? (
name: "name", <el-image
type: "text", style="width: 70px; height: 70px"
label: "姓名", src={row.monitorCertificate}
fuzzy: true, preview-src-list={[row.monitorCertificate]}
}, ></el-image>
) : (
], "--"
columns: [ );
{type: "index",label: "序号",width: 50}, },
},
{label: "姓名", prop: "name"}, {
label: "操作",
{label: "联系方式", prop: "contactInfo"}, width: 240,
formatter: (row) => {
{label: "身份证号码", prop: "idNumber"}, return (
<div>
{label: "预约业务", prop: "reservationService"}, <el-button
size="mini"
{label: "预约编号", prop: "reservationNumber"}, type="text"
icon="el-icon-open"
{label: "监测时间", prop: "monitorTime", formatter: this.formatterDate}, onClick={() => {
this.serviceConstraint(row);
{label: "监测设备", prop: "monitorDevice"}, }}
>
{label: "签到方式", prop: "checkInMethod",formatter: this.formatter}, 服务约束
</el-button>
{label: "监测凭证", prop: "monitorCertificate",formatter: (row) => { </div>
return row.monitorCertificate != "" ? ( );
<el-image },
style="width: 70px; height: 70px" },
src={row.monitorCertificate} ],
preview-src-list={[row.monitorCertificate]} },
></el-image>
) : (
"--"
);
},},
{
label: "操作",
width: 240,
formatter: row => {
return (
<div>
<el-button
size="mini"
type="text"
icon="el-icon-open"
onClick={() => {
this.serviceConstraint(row);
}}
>
服务约束
</el-button>
</div>
);
}
}
]
}
};
}
}; };
},
};
</script> </script>
<template> <template>
<div class="page"> <div class="page">
<LayoutTable :data="tableData" :config="tableConfig"> <LayoutTable :data="tableData" :config="tableConfig"> </LayoutTable>
</LayoutTable>
<dialog-show ref="dialogform" @ok="getData" />
<dialog-show ref="dialogform" @ok="getData" /> </div>
</div>
</template> </template>
<script> <script>
/** 表单弹出框模式需引入 */ /** 表单弹出框模式需引入 */
import dialogShow from "./dialogshow"; import dialogShow from "./dialogshow";
import table from "@/assets/mixins/table"; import table from "@/assets/mixins/table";
export default { export default {
name: "DeviceList", name: "DeviceList",
components: { components: {
dialogShow dialogShow,
}, },
mixins: [table], mixins: [table],
created() { created() {},
}, methods: {
methods: { /** 重写新增方法 */
/** 重写新增方法 */ toAdd(row) {
toAdd(row) { this.$refs.dialogform.add(row);
this.$refs.dialogform.add(row); },
}, /** 重写编辑方法 */
/** 重写编辑方法 */ toEdit(row) {
toEdit(row) { this.$refs.dialogform.edit(row);
this.$refs.dialogform.edit(row); },
}, /** 重写查看方法 */
/** 重写查看方法 */ toView(row) {
toView(row) { this.$refs.dialogform.view(row);
this.$refs.dialogform.view(row); },
}, },
data() {
}, return {
data() { config: {
return { search: [
config: { {
search: [ name: "deviceName",
], type: "text",
columns: [ label: "设备名称",
{type: "selection", width: 60}, fuzzy: true,
{type: "index",label: "序号",width: 50}, },
{
name: "deviceStatus",
{label: "设备名称", prop: "deviceName"}, type: "select",
label: "设备状态",
{label: "设备编码", prop: "deviceCode"}, },
],
{label: "设备位置", prop: "deviceLocation"}, columns: [
{ type: "selection", width: 60 },
{label: "经度", prop: "lon"}, { type: "index", label: "序号", width: 50 },
{label: "纬度", prop: "lati"}, { label: "设备名称", prop: "deviceName" },
{label: "楼层", prop: "floor",formatter: this.formatter}, { label: "设备编码", prop: "deviceCode" },
{label: "楼栋", prop: "build",formatter: this.formatter}, { label: "设备位置", prop: "deviceLocation" },
/* {label: "超时时间", prop: "timeOutPeriod",formatter: this.formatter}, { label: "经度", prop: "lon" },
{ label: "纬度", prop: "lati" },
{ label: "楼层", prop: "floor", formatter: this.formatter },
{ label: "楼栋", prop: "build", formatter: this.formatter },
/* {label: "超时时间", prop: "timeOutPeriod",formatter: this.formatter},
{label: "临近时间", prop: "nearTime",formatter: this.formatter},*/ {label: "临近时间", prop: "nearTime",formatter: this.formatter},*/
{label: "设备状态 ", prop: "deviceStatus",formatter: this.formatter}, {
label: "设备状态 ",
{label: "备注", prop: "deviceRemark"}, prop: "deviceStatus",
{ formatter: this.formatter,
label: "操作", },
width: 240,
formatter: row => { { label: "备注", prop: "deviceRemark" },
return ( {
<table-buttons noAdd noEdit noDel row={row} onEdit={this.toEdit} onView={this.toView} onDel={this.toDel} /> label: "操作",
); width: 240,
} formatter: (row) => {
} return (
] <table-buttons
} noAdd
}; noEdit
} noDel
row={row}
onEdit={this.toEdit}
onView={this.toView}
onDel={this.toDel}
/>
);
},
},
],
},
}; };
},
};
</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