From f5641fd76ef90a66599e8ce121f3acfd97d779e8 Mon Sep 17 00:00:00 2001
From: liuyg <376836862@qq.com>
Date: Fri, 16 Jul 2021 11:44:43 +0800
Subject: [PATCH] 样式
---
src/views/system/cs.vue | 2565 +++++++++++++++++++++++++++++-----------------------------
1 files changed, 1,282 insertions(+), 1,283 deletions(-)
diff --git a/src/views/system/cs.vue b/src/views/system/cs.vue
index 04af80e..063d2c8 100644
--- a/src/views/system/cs.vue
+++ b/src/views/system/cs.vue
@@ -30,7 +30,7 @@
v-if="permission.tenant_delete"
plain
@click="handleDelete"
- >删 除
+ >删 除
</el-button>
<!-- <el-button size="small"-->
<!-- plain-->
@@ -48,7 +48,7 @@
<template slot-scope="{ row }" slot="accountNumber">
<el-tag>{{
row.accountNumber > 0 ? row.accountNumber : "不限制"
- }}</el-tag>
+ }}</el-tag>
</template>
<template slot-scope="{ row }" slot="expireTime">
<el-tag>{{ row.expireTime ? row.expireTime : "不限制" }}</el-tag>
@@ -56,13 +56,13 @@
<template slot-scope="{ row }" slot="type">
<el-tag>{{
row.type === "0"
- ? "医院"
- : row.type === "1"
- ? "学校"
- : row.type === "2"
- ? "小区"
- : "未知"
- }}</el-tag>
+ ? "医院"
+ : row.type === "1"
+ ? "学校"
+ : row.type === "2"
+ ? "小区"
+ : "未知"
+ }}</el-tag>
</template>
</avue-crud>
<el-dialog
@@ -125,7 +125,7 @@
? 'baojinl'
: '',
]"
- >{{ scope.row.states }}</el-tag
+ >{{ scope.row.states }}</el-tag
>
</template>
</avue-crud>
@@ -135,1331 +135,1330 @@
</template>
<script>
- import { getListliu, getListliuc } from "@/api/client/client";
- import {
- getList,
- getDetail,
- remove,
- update,
- add,
- setting,
- datasource,
- instery,
- updateInfoy,
- selectTy,
- insertss,
- updateInfos,
- selectTs,
- insertsr,
- updateInfor,
- selectTr,
- deletey,
- deletes,
- deleter,
- } from "@/api/system/tenant";
- import { mapGetters } from "vuex";
- import website from "@/config/website";
- import { getRoleTree } from "@/api/system/role";
- import AvueMap from "avue-plugin-map";
- var that;
- export default {
- data() {
- that = this;
- return {
- form: {},
- selectionList: [],
- query: {},
- loading: true,
- box: false,
- datasourceBox: false,
- dialogVisible: false, //右侧弹窗
- onceData: {}, //数据
- datas: [], //cc
- loadings: true, //等待
- querys: {}, //搜索
- isEdit: false,
- pages: {
- pageSize: 10,
- currentPage: 1,
- total: 0,
+import { getListliu, getListliuc } from "@/api/client/client";
+import {
+ getList,
+ getDetail,
+ remove,
+ update,
+ add,
+ setting,
+ datasource,
+ instery,
+ updateInfoy,
+ selectTy,
+ insertss,
+ updateInfos,
+ selectTs,
+ insertsr,
+ updateInfor,
+ selectTr,
+ deletey,
+ deletes,
+ deleter,
+} from "@/api/system/tenant";
+import { mapGetters } from "vuex";
+import website from "@/config/website";
+import { getRoleTree } from "@/api/system/role";
+import AvueMap from "avue-plugin-map";
+var that;
+export default {
+ data() {
+ that = this;
+ return {
+ form: {},
+ selectionList: [],
+ query: {},
+ loading: true,
+ box: false,
+ datasourceBox: false,
+ dialogVisible: false, //右侧弹窗
+ onceData: {}, //数据
+ datas: [], //cc
+ loadings: true, //等待
+ querys: {}, //搜索
+ isEdit: false,
+ pages: {
+ pageSize: 10,
+ currentPage: 1,
+ total: 0,
+ },
+ options: {
+ //表格数据
+ addBtn: false,
+ height: "auto",
+ indexLabel: "序号",
+ index: true,
+ card: true,
+ menu: false,
+ header: false,
+ searchShow: true,
+ searchMenuSpan: 8,
+ searchSpan: 8,
+ searchEnter: true,
+ calcHeight: 80,
+ //stripe:true,
+ title: "表格的标题",
+ titleSize: "h3",
+ titleStyle: {
+ color: "red",
},
- options: {
- //表格数据
- addBtn: false,
- height: "auto",
- indexLabel: "序号",
- index: true,
- card: true,
- menu: false,
- header: false,
- searchShow: true,
- searchMenuSpan: 8,
- searchSpan: 8,
- searchEnter: true,
- calcHeight: 80,
- stripe: true,
- title: "表格的标题",
- titleSize: "h3",
- titleStyle: {
- color: "red",
+ align: "center",
+ menuAlign: "center",
+ column: [
+ {
+ label: "设备名称",
+ width: 200,
+ prop: "deviceName",
+ searchPlaceholder: "设备名称/编号",
+ search: true,
+ sortable: false,
+ rules: [
+ {
+ required: true,
+ message: "请输入设备名称",
+ trigger: "blur",
+ },
+ ],
},
- align: "center",
- menuAlign: "center",
- column: [
- {
- label: "设备名称",
- width: 200,
- prop: "deviceName",
- searchPlaceholder: "设备名称/编号",
- search: true,
- sortable: false,
- rules: [
- {
- required: true,
- message: "请输入设备名称",
- trigger: "blur",
- },
- ],
- },
- {
- label: "设备编号",
- prop: "deviceNumber",
- width: 110,
- },
- {
- label: "使用方",
- prop: "pid",
- width: 200,
- search: true,
- hide: true,
- type: "select",
- // dicUrl: "/api/blade-system/dept/trees",
- dicData: [], //getUser中直接赋值
- },
- {
- label: "使用方",
- prop: "deptName",
- width: 200,
- },
- {
- label: "布撤防状态",
- prop: "stateSevicestate",
- width: 110,
- },
- {
- label: "设备状态",
- prop: "states",
- width: 90,
- slot: true,
- // className: "cityClass1",
- },
- ],
- },
- page: {
- pageSize: 10,
- currentPage: 1,
- total: 0,
- },
- option: {
- height: "auto",
- calcHeight: 54,
- size: "mini",
- tip: false,
- searchShow: true,
- searchMenuSpan: 6,
- border: false,
- stripe: true,
- index: true,
- selection: true,
- viewBtn: true,
- //dialogType: 'drawer',
- dialogClickModal: false,
- // searchSize: 'mini',
- column: [
- {
- label: "业主ID",
- prop: "tenantId",
- width: 100,
- addDisplay: false,
- editDisplay: false,
- span: 24,
- rules: [
- {
- required: true,
- message: "请输入租户ID",
- trigger: "blur",
- },
- ],
- },
- {
- label: "业主名称",
- prop: "tenantName",
- search: true,
- width: 190,
- span: 12,
- searchSpan: 3,
- rules: [
- {
- required: true,
- message: "请输入参数名称",
- trigger: "blur",
- },
- ],
- },
- {
- label: "联系人",
- prop: "linkman",
- width: 100,
- search: true,
- searchSpan: 3,
- rules: [
- {
- required: true,
- message: "请输入联系人",
- trigger: "blur",
- },
- ],
- },
- {
- label: "联系电话",
- prop: "contactNumber",
- width: 150,
- },
- {
- label: "省份",
- prop: "province",
- search: true,
- searchSpan: 3,
- searchLabelWidth: 45,
- placeholder: "省份",
- type: "select",
- props: {
- label: "name",
- value: "code",
+ {
+ label: "设备编号",
+ prop: "deviceNumber",
+ width: 110,
+ },
+ {
+ label: "使用方",
+ prop: "pid",
+ width: 200,
+ search: true,
+ hide: true,
+ type: "select",
+ // dicUrl: "/api/blade-system/dept/trees",
+ dicData: [], //getUser中直接赋值
+ },
+ {
+ label: "使用方",
+ prop: "deptName",
+ width: 200,
+ },
+ {
+ label: "布撤防状态",
+ prop: "stateSevicestate",
+ width: 110,
+ },
+ {
+ label: "设备状态",
+ prop: "states",
+ width: 90,
+ slot: true,
+ // className: "cityClass1",
+ },
+ ],
+ },
+ page: {
+ pageSize: 10,
+ currentPage: 1,
+ total: 0,
+ },
+ option: {
+ height: "auto",
+ calcHeight: 54,
+ size: "mini",
+ tip: false,
+ searchShow: true,
+ searchMenuSpan: 6,
+ border: false,
+ //stripe:true,
+ index: true,
+ selection: true,
+ viewBtn: true,
+ //dialogType: 'drawer',
+ dialogClickModal: false,
+ // searchSize: 'mini',
+ column: [
+ {
+ label: "业主ID",
+ prop: "tenantId",
+ width: 100,
+ addDisplay: false,
+ editDisplay: false,
+ span: 24,
+ rules: [
+ {
+ required: true,
+ message: "请输入租户ID",
+ trigger: "blur",
},
- cascaderItem: ["city", "district"],
- dicUrl: "/api/blade-system/region/select",
- span: 6,
- className: "cityClass1",
- },
- {
- label: "地市",
- prop: "city",
- type: "select",
- searchPlaceholder: "地市",
- placeholder: "地市",
- searchLabelWidth: 1,
- searchSpan: 2,
- search: true,
- props: {
- label: "name",
- value: "code",
+ ],
+ },
+ {
+ label: "业主名称",
+ prop: "tenantName",
+ search: true,
+ width: 190,
+ span: 12,
+ searchSpan: 3,
+ rules: [
+ {
+ required: true,
+ message: "请输入参数名称",
+ trigger: "blur",
},
- dicUrl: "/api/blade-system/region/select?code={{key}}",
- span: 3,
- labelWidth: "0",
- className: "cityClass2",
- },
- {
- label: "区县",
- searchSpan: 2,
- searchLabelWidth: 1,
- searchPlaceholder: "区县",
- placeholder: "区县",
- search: true,
- prop: "district",
- type: "select",
- props: {
- label: "name",
- value: "code",
+ ],
+ },
+ {
+ label: "联系人",
+ prop: "linkman",
+ width: 100,
+ search: true,
+ searchSpan: 3,
+ rules: [
+ {
+ required: true,
+ message: "请输入联系人",
+ trigger: "blur",
},
- dicUrl: "/api/blade-system/region/select?code={{key}}",
- span: 3,
- labelWidth: "0",
- className: "cityClass3",
+ ],
+ },
+ {
+ label: "联系电话",
+ prop: "contactNumber",
+ width: 150,
+ },
+ {
+ label: "省份",
+ prop: "province",
+ search: true,
+ searchSpan: 3,
+ searchLabelWidth: 45,
+ placeholder: "省份",
+ type: "select",
+ props: {
+ label: "name",
+ value: "code",
},
- {
- label: "地址",
- prop: "address",
- span: 10,
- // labelWidth: '60',
- hide: true,
+ cascaderItem: ["city", "district"],
+ dicUrl: "/api/blade-system/region/select",
+ span: 6,
+ className: "cityClass1",
+ },
+ {
+ label: "地市",
+ prop: "city",
+ type: "select",
+ searchPlaceholder: "地市",
+ placeholder: "地市",
+ searchLabelWidth: 1,
+ searchSpan: 2,
+ search: true,
+ props: {
+ label: "name",
+ value: "code",
},
- {
- label: null,
- prop: "map",
- labelWidth: "0",
- searchSpan: 0,
- maxlength: 0,
- hide: true,
- span: 2,
- // display:false,
- component: "AvueMap",
+ dicUrl: "/api/blade-system/region/select?code={{key}}",
+ span: 3,
+ labelWidth: "0",
+ className: "cityClass2",
+ },
+ {
+ label: "区县",
+ searchSpan: 2,
+ searchLabelWidth: 1,
+ searchPlaceholder: "区县",
+ placeholder: "区县",
+ search: true,
+ prop: "district",
+ type: "select",
+ props: {
+ label: "name",
+ value: "code",
},
- {
- label: "纬度",
- hide: true,
- addDisplay: false,
- prop: "wd",
- span: 6,
- },
- {
- label: "经度",
- labelWidth: "50",
- hide: true,
- addDisplay: false,
- prop: "jd",
- span: 5,
- },
- {
- label: "账号额度",
- prop: "accountNumber",
- width: 90,
- slot: true,
- hide: true,
- addDisplay: false,
- editDisplay: false,
- },
- {
- label: "过期时间",
- prop: "expireTime",
- width: 180,
- slot: true,
- hide: true,
- addDisplay: false,
- editDisplay: false,
- },
- {
- label: "类型",
- prop: "type",
- width: 80,
- type: "select",
- rules: [
- {
- required: true,
- message: "请选择类型",
- trigger: "blur",
- },
- ],
- dicData: [
- {
- label: "医院",
- value: "0",
- },
- {
- label: "学校",
- value: "1",
- },
- {
- label: "小区",
- value: "2",
- },
- ],
- change: function (value, column) {
- if (value.value == "0") {
- that.option.group = [
- {
- label: "详细信息",
- prop: "detailInfo",
- icon: "el-icon-s-order",
- column: [
- {
- label: "医院等级",
- prop: "dj",
- hide: true,
- dicData: [],
- props: {
- label: "title",
- value: "",
+ dicUrl: "/api/blade-system/region/select?code={{key}}",
+ span: 3,
+ labelWidth: "0",
+ className: "cityClass3",
+ },
+ {
+ label: "地址",
+ prop: "address",
+ span: 10,
+ // labelWidth: '60',
+ hide: true,
+ },
+ {
+ label: null,
+ prop: "map",
+ labelWidth: "0",
+ searchSpan: 0,
+ maxlength: 0,
+ hide: true,
+ span: 2,
+ // display:false,
+ component: "AvueMap",
+ },
+ {
+ label: "纬度",
+ hide: true,
+ addDisplay: false,
+ prop: "wd",
+ span: 6,
+ },
+ {
+ label: "经度",
+ labelWidth: "50",
+ hide: true,
+ addDisplay: false,
+ prop: "jd",
+ span: 5,
+ },
+ {
+ label: "账号额度",
+ prop: "accountNumber",
+ width: 90,
+ slot: true,
+ hide: true,
+ addDisplay: false,
+ editDisplay: false,
+ },
+ {
+ label: "过期时间",
+ prop: "expireTime",
+ width: 180,
+ slot: true,
+ hide: true,
+ addDisplay: false,
+ editDisplay: false,
+ },
+ {
+ label: "类型",
+ prop: "type",
+ width: 80,
+ type: "select",
+ rules: [
+ {
+ required: true,
+ message: "请选择类型",
+ trigger: "blur",
+ },
+ ],
+ dicData: [
+ {
+ label: "医院",
+ value: "0",
+ },
+ {
+ label: "学校",
+ value: "1",
+ },
+ {
+ label: "小区",
+ value: "2",
+ },
+ ],
+ change: function (value, column) {
+ if (value.value == "0") {
+ that.option.group = [
+ {
+ label: "详细信息",
+ prop: "detailInfo",
+ icon: "el-icon-s-order",
+ column: [
+ {
+ label: "医院等级",
+ prop: "dj",
+ hide: true,
+ dicData: [],
+ props: {
+ label: "title",
+ value: "",
+ },
+ checkStrictly: true,
+ rules: [
+ {
+ required: true,
+ message: "请输入医院等级",
+ trigger: "blur",
},
- checkStrictly: true,
- rules: [
- {
- required: true,
- message: "请输入医院等级",
- trigger: "blur",
- },
- ],
- },
- {
- label: "医院类别",
- prop: "ht",
- rules: [
- {
- required: true,
- message: "请输入医院类别",
- trigger: "blur",
- },
- ],
- },
- {
- label: "成立时间",
- type: "datetime",
- prop: "ctime",
- format: "yyyy-MM-dd",
- valueFormat: "yyyy-MM-dd",
- rules: [
- {
- required: true,
- message: "请输入成立时间",
- trigger: "blur",
- },
- ],
- },
- {
- label: "介绍",
- prop: "content",
- rules: [
- {
- required: true,
- message: "请输入介绍",
- trigger: "blur",
- },
- ],
- span: 24,
- },
- ],
- },
- ];
- } else if (value.value == "1") {
- that.option.group = [
- {
- label: "详细信息",
- prop: "dutyInfo",
- icon: "el-icon-s-custom",
- column: [
- {
- label: "学校性质",
- prop: "nature",
- hide: true,
- dicData: [],
- props: {
- label: "title",
- value: "",
+ ],
+ },
+ {
+ label: "医院类别",
+ prop: "ht",
+ rules: [
+ {
+ required: true,
+ message: "请输入医院类别",
+ trigger: "blur",
},
- rules: [
- {
- required: true,
- message: "请输入学校性质",
- trigger: "blur",
- },
- ],
- },
- {
- label: "校训",
- prop: "motto",
- rules: [
- {
- required: true,
- message: "请输入校训",
- trigger: "blur",
- },
- ],
- },
- {
- label: "创办时间",
- type: "datetime",
- prop: "ctime",
- format: "yyyy-MM-dd",
- valueFormat: "yyyy-MM-dd",
- rules: [
- {
- required: true,
- message: "请输入创办时间",
- },
- ],
- },
- {
- label: "介绍",
- prop: "content",
- span: 24,
- rules: [
- {
- required: true,
- message: "请输入介绍",
- },
- ],
- },
- ],
- },
- ];
- } else if (value.value == "2") {
- that.option.group = [
- {
- label: "详细信息",
- prop: "baseInfo",
- icon: "el-icon-s-solid",
- column: [
- {
- label: "小区类别",
- prop: "category",
- hide: true,
- dicData: [],
- props: {
- label: "title",
- value: "",
+ ],
+ },
+ {
+ label: "成立时间",
+ type: "datetime",
+ prop: "ctime",
+ format: "yyyy-MM-dd",
+ valueFormat: "yyyy-MM-dd",
+ rules: [
+ {
+ required: true,
+ message: "请输入成立时间",
+ trigger: "blur",
},
- rules: [
- {
- required: true,
- message: "请输入小区类别",
- },
- ],
+ ],
+ },
+ {
+ label: "介绍",
+ prop: "content",
+ rules: [
+ {
+ required: true,
+ message: "请输入介绍",
+ trigger: "blur",
+ },
+ ],
+ span: 24,
+ },
+ ],
+ },
+ ];
+ } else if (value.value == "1") {
+ that.option.group = [
+ {
+ label: "详细信息",
+ prop: "dutyInfo",
+ icon: "el-icon-s-custom",
+ column: [
+ {
+ label: "学校性质",
+ prop: "nature",
+ hide: true,
+ dicData: [],
+ props: {
+ label: "title",
+ value: "",
},
- {
- label: "小区属性",
- prop: "attributes",
- rules: [
- {
- required: true,
- message: "请输入小区属性",
- },
- ],
+ rules: [
+ {
+ required: true,
+ message: "请输入学校性质",
+ trigger: "blur",
+ },
+ ],
+ },
+ {
+ label: "校训",
+ prop: "motto",
+ rules: [
+ {
+ required: true,
+ message: "请输入校训",
+ trigger: "blur",
+ },
+ ],
+ },
+ {
+ label: "创办时间",
+ type: "datetime",
+ prop: "ctime",
+ format: "yyyy-MM-dd",
+ valueFormat: "yyyy-MM-dd",
+ rules: [
+ {
+ required: true,
+ message: "请输入创办时间",
+ },
+ ],
+ },
+ {
+ label: "介绍",
+ prop: "content",
+ span: 24,
+ rules: [
+ {
+ required: true,
+ message: "请输入介绍",
+ },
+ ],
+ },
+ ],
+ },
+ ];
+ } else if (value.value == "2") {
+ that.option.group = [
+ {
+ label: "详细信息",
+ prop: "baseInfo",
+ icon: "el-icon-s-solid",
+ column: [
+ {
+ label: "小区类别",
+ prop: "category",
+ hide: true,
+ dicData: [],
+ props: {
+ label: "title",
+ value: "",
},
- {
- label: "开发商",
- prop: "developers",
- rules: [
- {
- required: true,
- message: "请输入开发商",
- },
- ],
- },
- {
- label: "户型",
- prop: "housetype",
- rules: [
- {
- required: true,
- message: "请输入户型",
- },
- ],
- },
- {
- label: "介绍",
- prop: "content",
- rules: [
- {
- required: true,
- message: "请输入介绍",
- },
- ],
- span: 24,
- },
- ],
- },
- ];
- } else {
- that.option.group = [];
- }
+ rules: [
+ {
+ required: true,
+ message: "请输入小区类别",
+ },
+ ],
+ },
+ {
+ label: "小区属性",
+ prop: "attributes",
+ rules: [
+ {
+ required: true,
+ message: "请输入小区属性",
+ },
+ ],
+ },
+ {
+ label: "开发商",
+ prop: "developers",
+ rules: [
+ {
+ required: true,
+ message: "请输入开发商",
+ },
+ ],
+ },
+ {
+ label: "户型",
+ prop: "housetype",
+ rules: [
+ {
+ required: true,
+ message: "请输入户型",
+ },
+ ],
+ },
+ {
+ label: "介绍",
+ prop: "content",
+ rules: [
+ {
+ required: true,
+ message: "请输入介绍",
+ },
+ ],
+ span: 24,
+ },
+ ],
+ },
+ ];
+ } else {
+ that.option.group = [];
+ }
+ },
+ },
+ {
+ label: "绑定域名",
+ prop: "domain",
+ hide: true,
+ },
+ {
+ label: "系统背景",
+ prop: "backgroundUrl",
+ type: "upload",
+ listType: "picture-img",
+ action: "/api/blade-resource/oss/endpoint/put-file",
+ propsHttp: {
+ res: "data",
+ url: "link",
+ },
+ hide: true,
+ span: 24,
+ },
+ ],
+ group: [],
+ },
+ data: [],
+ settingForm: {},
+ settingOption: {
+ column: [
+ {
+ label: "账号额度",
+ prop: "accountNumber",
+ type: "number",
+ span: 24,
+ },
+ {
+ label: "过期时间",
+ prop: "expireTime",
+ type: "date",
+ format: "yyyy-MM-dd hh:mm:ss",
+ valueFormat: "yyyy-MM-dd hh:mm:ss",
+ span: 24,
+ },
+ ],
+ },
+ datasourceForm: {},
+ datasourceOption: {
+ column: [
+ {
+ label: "数据源",
+ prop: "datasourceId",
+ search: true,
+ span: 24,
+ type: "select",
+ dicUrl: "/api/blade-develop/datasource/select",
+ props: {
+ label: "name",
+ value: "id",
+ },
+ rules: [
+ {
+ required: true,
+ message: "请选择数据源",
+ trigger: "blur",
},
- },
- {
- label: "绑定域名",
- prop: "domain",
- hide: true,
- },
- {
- label: "系统背景",
- prop: "backgroundUrl",
- type: "upload",
- listType: "picture-img",
- action: "/api/blade-resource/oss/endpoint/put-file",
- propsHttp: {
- res: "data",
- url: "link",
- },
- hide: true,
- span: 24,
- },
- ],
- group: [],
- },
- data: [],
- settingForm: {},
- settingOption: {
- column: [
- {
- label: "账号额度",
- prop: "accountNumber",
- type: "number",
- span: 24,
- },
- {
- label: "过期时间",
- prop: "expireTime",
- type: "date",
- format: "yyyy-MM-dd hh:mm:ss",
- valueFormat: "yyyy-MM-dd hh:mm:ss",
- span: 24,
- },
- ],
- },
- datasourceForm: {},
- datasourceOption: {
- column: [
- {
- label: "数据源",
- prop: "datasourceId",
- search: true,
- span: 24,
- type: "select",
- dicUrl: "/api/blade-develop/datasource/select",
- props: {
- label: "name",
- value: "id",
- },
- rules: [
- {
- required: true,
- message: "请选择数据源",
- trigger: "blur",
- },
- ],
- },
- ],
- },
+ ],
+ },
+ ],
+ },
+ };
+ },
+ //报错: TypeError: val is undefined 处理时间2021.4.10，处理人 liuyg
+ watch: {
+ "form.map": {
+ // form是表单或者表格绑定的数据集，v-model='form'
+ handler(val) {
+ if (val) {
+ // if (that.isEdit) {
+ // getDetail(this.form.id).then((res) => {
+ // this.form = res.data.data;
+
+ // });
+ // }
+
+ this.form.wd = val.latitude;
+ this.form.jd = val.longitude;
+ //地址截取，从县/区开始截取,并且取从县区第一个出现的位置开始
+ var address = val.formattedAddress.toString();
+ if (address.search("县") != -1) {
+ this.form.address = address.substring(
+ address.indexOf("县") + 1,
+ address.length
+ );
+ }
+ if (address.search("区") != -1) {
+ this.form.address = address.substring(
+ address.indexOf("区") + 1,
+ address.length
+ );
+ }
+ //写入新的省市区
+ // that.form.province = val.addressComponent.province;
+ // if (val.addressComponent.city == "") {
+ // that.form.city = val.addressComponent.province;
+ // } else {
+ // that.form.city = val.addressComponent.city;
+ // }
+ // that.form.district = val.addressComponent.district;
+ }
+ },
+ immediate: true,
+ },
+ },
+ computed: {
+ ...mapGetters(["userInfo", "permission"]),
+ permissionList() {
+ return {
+ addBtn: this.vaildData(this.permission.tenant_add, false),
+ viewBtn: this.vaildData(this.permission.tenant_view, false),
+ delBtn: this.vaildData(this.permission.tenant_delete, false),
+ editBtn: this.vaildData(this.permission.tenant_edit, false),
};
},
- //报错: TypeError: val is undefined 处理时间2021.4.10，处理人 liuyg
- watch: {
- "form.map": {
- // form是表单或者表格绑定的数据集，v-model='form'
- handler(val) {
- if (val) {
- // if (that.isEdit) {
- // getDetail(this.form.id).then((res) => {
- // this.form = res.data.data;
-
- // });
- // }
-
- this.form.wd = val.latitude;
- this.form.jd = val.longitude;
- //地址截取，从县/区开始截取,并且取从县区第一个出现的位置开始
- var address = val.formattedAddress.toString();
- if (address.search("县") != -1) {
- this.form.address = address.substring(
- address.indexOf("县") + 1,
- address.length
- );
- }
- if (address.search("区") != -1) {
- this.form.address = address.substring(
- address.indexOf("区") + 1,
- address.length
- );
- }
- //写入新的省市区
- // that.form.province = val.addressComponent.province;
- // if (val.addressComponent.city == "") {
- // that.form.city = val.addressComponent.province;
- // } else {
- // that.form.city = val.addressComponent.city;
- // }
- // that.form.district = val.addressComponent.district;
+ ids() {
+ let ids = [];
+ this.selectionList.forEach((ele) => {
+ ids.push(ele.id);
+ });
+ return ids.join(",");
+ },
+ tenantId() {
+ return this.selectionList[0].tenantId;
+ },
+ },
+ methods: {
+ rowSave(row, done, loading) {
+ add(row).then(
+ () => {
+ debugger;
+ if (row.type == "0") {
+ console.log(123);
+ instery(
+ row.dj,
+ // row.had,
+ row.ht,
+ row.ctime,
+ row.content,
+ row.tenantName
+ );
+ } else if (row.type == "1") {
+ insertss(
+ row.nature,
+ row.had,
+ // row.had,
+ row.motto,
+ row.ctime,
+ row.content,
+ row.tenantName
+ );
+ } else if (row.type == "2") {
+ insertsr(
+ row.category,
+ row.attributes,
+ row.developers,
+ row.housetype,
+ row.content,
+ row.tenantName
+ );
}
+ this.onLoad(this.page);
+ this.$message({
+ type: "success",
+ message: "操作成功!",
+ });
+ done();
},
- immediate: true,
- },
+ (error) => {
+ window.console.log(error);
+ loading();
+ }
+ );
},
- computed: {
- ...mapGetters(["userInfo", "permission"]),
- permissionList() {
- return {
- addBtn: this.vaildData(this.permission.tenant_add, false),
- viewBtn: this.vaildData(this.permission.tenant_view, false),
- delBtn: this.vaildData(this.permission.tenant_delete, false),
- editBtn: this.vaildData(this.permission.tenant_edit, false),
- };
- },
- ids() {
- let ids = [];
- this.selectionList.forEach((ele) => {
- ids.push(ele.id);
+ rowUpdate(row, index, done, loading) {
+ debugger;
+ if (row.type == "0") {
+ updateInfoy(
+ row.dj,
+ row.had,
+ row.ht,
+ row.ctime,
+ row.content,
+ row.tenantName
+ );
+ } else if (row.type == "1") {
+ updateInfos(
+ row.nature,
+ row.had,
+ row.motto,
+ row.ctime,
+ row.content,
+ row.tenantName
+ );
+ } else if (row.type == "2") {
+ updateInfor(
+ row.category,
+ row.attributes,
+ row.developers,
+ row.had,
+ row.housetype,
+ row.content,
+ row.tenantName
+ );
+ }
+ update(row).then(
+ () => {
+ this.onLoad(this.page);
+ this.$message({
+ type: "success",
+ message: "操作成功!",
+ });
+ done();
+ },
+ (error) => {
+ window.console.log(error);
+ loading();
+ }
+ );
+ },
+ rowDel(row) {
+ this.$confirm("确定将选择数据删除?", {
+ confirmButtonText: "确定",
+ cancelButtonText: "取消",
+ type: "warning",
+ })
+ .then(() => {
+ debugger;
+ if (row.type == "0") {
+ deletey(row.tenantName);
+ } else if (row.type == "1") {
+ deletes(row.tenantName);
+ } else if (row.type == "2") {
+ deleter(row.tenantName);
+ }
+ return remove(row.id);
+ })
+ .then(() => {
+ this.onLoad(this.page);
+ this.$message({
+ type: "success",
+ message: "操作成功!",
+ });
});
- return ids.join(",");
- },
- tenantId() {
- return this.selectionList[0].tenantId;
- },
},
- methods: {
- rowSave(row, done, loading) {
-
- add(row).then(
- () => {
- debugger
- if (row.type == "0") {
- console.log(123);
- instery(
- row.dj,
- // row.had,
- row.ht,
- row.ctime,
- row.content,
- row.tenantName
- );
- } else if (row.type == "1") {
- insertss(
- row.nature,
- row.had,
- // row.had,
- row.motto,
- row.ctime,
- row.content,
- row.tenantName
- );
- } else if (row.type == "2") {
- insertsr(
- row.category,
- row.attributes,
- row.developers,
- row.housetype,
- row.content,
- row.tenantName
- );
- }
- this.onLoad(this.page);
- this.$message({
- type: "success",
- message: "操作成功!",
- });
- done();
- },
- (error) => {
- window.console.log(error);
- loading();
- }
- );
- },
- rowUpdate(row, index, done, loading) {
- debugger
- if (row.type == "0") {
- updateInfoy(
- row.dj,
- row.had,
- row.ht,
- row.ctime,
- row.content,
- row.tenantName
- );
- } else if (row.type == "1") {
- updateInfos(
- row.nature,
- row.had,
- row.motto,
- row.ctime,
- row.content,
- row.tenantName
- );
- } else if (row.type == "2") {
- updateInfor(
- row.category,
- row.attributes,
- row.developers,
- row.had,
- row.housetype,
- row.content,
- row.tenantName
- );
- }
- update(row).then(
- () => {
- this.onLoad(this.page);
- this.$message({
- type: "success",
- message: "操作成功!",
- });
- done();
- },
- (error) => {
- window.console.log(error);
- loading();
- }
- );
- },
- rowDel(row) {
- this.$confirm("确定将选择数据删除?", {
- confirmButtonText: "确定",
- cancelButtonText: "取消",
- type: "warning",
- })
- .then(() => {
- debugger
- if (row.type == "0") {
- deletey(row.tenantName);
- } else if (row.type == "1") {
- deletes(row.tenantName);
- } else if (row.type == "2") {
- deleter(row.tenantName);
- }
- return remove(row.id);
- })
- .then(() => {
- this.onLoad(this.page);
- this.$message({
- type: "success",
- message: "操作成功!",
- });
- });
- },
- beforeOpen(done, type) {
- if (["edit"].includes(type)) {
- that.isEdit = true;
- getDetail(this.form.id).then((res) => {
- if (this.form.type == "1") {
- const data = res.data.data;
- selectTs(this.form.tenantName).then((re) => {
- const data = res.data.data;
- data.nature = re.data.data[0].nature;
- data.dj = re.data.data[0].dj;
- data.motto = re.data.data[0].motto;
- data.ctime = re.data.data[0].ctime;
- //data.had = re.data.data[0].had;
- data.content = re.data.data[0].content;
- this.form = data;
- });
- } else if (this.form.type == "0") {
- selectTy(this.form.tenantName).then((re) => {
- console.log(re, 123);
- const data = res.data.data;
- data.dj = re.data.data[0].dj;
- data.ht = re.data.data[0].ht;
- data.ctime = re.data.data[0].ctime;
- //.had = re.data.data[0].had;
- data.content = re.data.data[0].content;
- this.form = data;
- });
- } else if (this.form.type == "2") {
- selectTr(this.form.tenantName).then((re) => {
- const data = res.data.data;
- data.dj = re.data.data[0].dj;
- data.category = re.data.data[0].category;
- data.attributes = re.data.data[0].attributes;
- data.developers = re.data.data[0].developers;
- //data.had = re.data.data[0].had;
- data.housetype = re.data.data[0].housetype;
- data.content = re.data.data[0].content;
- this.form = data;
- });
- }
- });
- } else if (["view"].includes(type)) {
- getDetail(this.form.id).then((res) => {
- if (this.form.type == "1") {
- selectTs(this.form.tenantName).then((re) => {
- const data = res.data.data;
- data.nature = re.data.data[0].nature;
- data.motto = re.data.data[0].motto;
- data.ctime = re.data.data[0].ctime;
- //data.had = re.data.data[0].had;
- data.content = re.data.data[0].content;
- if (!(data.accountNumber > 0)) {
- data.accountNumber = "不限制";
- }
- if (!data.expireTime) {
- data.expireTime = "不限制";
- }
- this.form = data;
- });
- } else if (this.form.type == "0") {
- selectTy(this.form.tenantName).then((re) => {
- const data = res.data.data;
- data.dj = re.data.data[0].dj;
- data.ht = re.data.data[0].ht;
- data.ctime = re.data.data[0].ctime;
- //data.had = re.data.data[0].had;
- data.content = re.data.data[0].content;
- if (!(data.accountNumber > 0)) {
- data.accountNumber = "不限制";
- }
- if (!data.expireTime) {
- data.expireTime = "不限制";
- }
- this.form = data;
- });
- } else if (this.form.type == "2") {
- selectTr(this.form.tenantName).then((re) => {
- const data = res.data.data;
- data.category = re.data.data[0].category;
- data.attributes = re.data.data[0].attributes;
- data.developers = re.data.data[0].developers;
- //data.had = re.data.data[0].had;
- data.housetype = re.data.data[0].housetype;
- data.content = re.data.data[0].content;
- if (!(data.accountNumber > 0)) {
- data.accountNumber = "不限制";
- }
- if (!data.expireTime) {
- data.expireTime = "不限制";
- }
- this.form = data;
- });
- }
- });
- }
-
- if (["edit"].includes(type)) {
- that.isEdit = false;
- }
- done();
- },
- searchReset() {
- this.query = {};
- this.onLoad(this.page);
- },
- searchChange(params, done) {
- this.query = params;
- this.page.currentPage = 1;
- this.onLoad(this.page, params);
- done();
- },
- selectionChange(list) {
- this.selectionList = list;
- },
- selectionClear() {
- this.selectionList = [];
- this.$refs.crud.toggleSelection();
- },
- handleDelete() {
- if (this.selectionList.length === 0) {
- this.$message.warning("请选择至少一条数据");
- return;
- }
- this.$confirm("确定将选择数据删除?", {
- confirmButtonText: "确定",
- cancelButtonText: "取消",
- type: "warning",
- })
- .then(() => {
- return remove(this.ids);
- })
- .then(() => {
- this.onLoad(this.page);
- this.$message({
- type: "success",
- message: "操作成功!",
- });
- this.$refs.crud.toggleSelection();
- });
- },
- handleSetting() {
- if (this.selectionList.length === 0) {
- this.$message.warning("请选择至少一条数据");
- return;
- }
- if (this.selectionList.length === 1) {
- getDetail(this.selectionList[0].id).then((res) => {
+ beforeOpen(done, type) {
+ if (["edit"].includes(type)) {
+ that.isEdit = true;
+ getDetail(this.form.id).then((res) => {
+ if (this.form.type == "1") {
const data = res.data.data;
- this.settingForm.accountNumber = data.accountNumber;
- this.settingForm.expireTime = data.expireTime;
+ selectTs(this.form.tenantName).then((re) => {
+ const data = res.data.data;
+ data.nature = re.data.data[0].nature;
+ data.dj = re.data.data[0].dj;
+ data.motto = re.data.data[0].motto;
+ data.ctime = re.data.data[0].ctime;
+ //data.had = re.data.data[0].had;
+ data.content = re.data.data[0].content;
+ this.form = data;
+ });
+ } else if (this.form.type == "0") {
+ selectTy(this.form.tenantName).then((re) => {
+ console.log(re, 123);
+ const data = res.data.data;
+ data.dj = re.data.data[0].dj;
+ data.ht = re.data.data[0].ht;
+ data.ctime = re.data.data[0].ctime;
+ //.had = re.data.data[0].had;
+ data.content = re.data.data[0].content;
+ this.form = data;
+ });
+ } else if (this.form.type == "2") {
+ selectTr(this.form.tenantName).then((re) => {
+ const data = res.data.data;
+ data.dj = re.data.data[0].dj;
+ data.category = re.data.data[0].category;
+ data.attributes = re.data.data[0].attributes;
+ data.developers = re.data.data[0].developers;
+ //data.had = re.data.data[0].had;
+ data.housetype = re.data.data[0].housetype;
+ data.content = re.data.data[0].content;
+ this.form = data;
+ });
+ }
+ });
+ } else if (["view"].includes(type)) {
+ getDetail(this.form.id).then((res) => {
+ if (this.form.type == "1") {
+ selectTs(this.form.tenantName).then((re) => {
+ const data = res.data.data;
+ data.nature = re.data.data[0].nature;
+ data.motto = re.data.data[0].motto;
+ data.ctime = re.data.data[0].ctime;
+ //data.had = re.data.data[0].had;
+ data.content = re.data.data[0].content;
+ if (!(data.accountNumber > 0)) {
+ data.accountNumber = "不限制";
+ }
+ if (!data.expireTime) {
+ data.expireTime = "不限制";
+ }
+ this.form = data;
+ });
+ } else if (this.form.type == "0") {
+ selectTy(this.form.tenantName).then((re) => {
+ const data = res.data.data;
+ data.dj = re.data.data[0].dj;
+ data.ht = re.data.data[0].ht;
+ data.ctime = re.data.data[0].ctime;
+ //data.had = re.data.data[0].had;
+ data.content = re.data.data[0].content;
+ if (!(data.accountNumber > 0)) {
+ data.accountNumber = "不限制";
+ }
+ if (!data.expireTime) {
+ data.expireTime = "不限制";
+ }
+ this.form = data;
+ });
+ } else if (this.form.type == "2") {
+ selectTr(this.form.tenantName).then((re) => {
+ const data = res.data.data;
+ data.category = re.data.data[0].category;
+ data.attributes = re.data.data[0].attributes;
+ data.developers = re.data.data[0].developers;
+ //data.had = re.data.data[0].had;
+ data.housetype = re.data.data[0].housetype;
+ data.content = re.data.data[0].content;
+ if (!(data.accountNumber > 0)) {
+ data.accountNumber = "不限制";
+ }
+ if (!data.expireTime) {
+ data.expireTime = "不限制";
+ }
+ this.form = data;
+ });
+ }
+ });
+ }
+
+ if (["edit"].includes(type)) {
+ that.isEdit = false;
+ }
+ done();
+ },
+ searchReset() {
+ this.query = {};
+ this.onLoad(this.page);
+ },
+ searchChange(params, done) {
+ this.query = params;
+ this.page.currentPage = 1;
+ this.onLoad(this.page, params);
+ done();
+ },
+ selectionChange(list) {
+ this.selectionList = list;
+ },
+ selectionClear() {
+ this.selectionList = [];
+ this.$refs.crud.toggleSelection();
+ },
+ handleDelete() {
+ if (this.selectionList.length === 0) {
+ this.$message.warning("请选择至少一条数据");
+ return;
+ }
+ this.$confirm("确定将选择数据删除?", {
+ confirmButtonText: "确定",
+ cancelButtonText: "取消",
+ type: "warning",
+ })
+ .then(() => {
+ return remove(this.ids);
+ })
+ .then(() => {
+ this.onLoad(this.page);
+ this.$message({
+ type: "success",
+ message: "操作成功!",
});
- } else {
- this.settingForm.accountNumber = -1;
- this.settingForm.expireTime = "";
- }
- this.box = true;
- },
- handleDatasource() {
- if (this.selectionList.length === 0) {
- this.$message.warning("请选择至少一条数据");
- return;
- }
- if (this.selectionList.length !== 1) {
- this.$message.warning("只能选择一条数据");
- return;
- }
+ this.$refs.crud.toggleSelection();
+ });
+ },
+ handleSetting() {
+ if (this.selectionList.length === 0) {
+ this.$message.warning("请选择至少一条数据");
+ return;
+ }
+ if (this.selectionList.length === 1) {
getDetail(this.selectionList[0].id).then((res) => {
const data = res.data.data;
- this.datasourceForm.datasourceId = data.datasourceId;
+ this.settingForm.accountNumber = data.accountNumber;
+ this.settingForm.expireTime = data.expireTime;
});
- this.datasourceBox = true;
- },
- handleSubmit(form, done, loading) {
- setting(this.ids, form).then(
- () => {
- this.onLoad(this.page);
- this.$message({
- type: "success",
- message: "配置成功!",
- });
- done();
- this.box = false;
- },
- (error) => {
- window.console.log(error);
- loading();
- }
- );
- },
- handleDatasourceSubmit(form, done, loading) {
- datasource(this.tenantId, form.datasourceId).then(
- () => {
- this.$message({
- type: "success",
- message: "配置成功!",
- });
- done();
- this.datasourceBox = false;
- },
- (error) => {
- window.console.log(error);
- loading();
- }
- );
- },
- currentChange(currentPage) {
- this.page.currentPage = currentPage;
- },
- sizeChange(pageSize) {
- this.page.pageSize = pageSize;
- },
- refreshChange() {
- this.onLoad(this.page, this.query);
- },
- onLoad(page, params = {}) {
- this.loading = true;
- getList(
- page.currentPage,
- page.pageSize,
- Object.assign(params, this.query)
- ).then((res) => {
- // console.log(res);
- // this.onceData = res.data.data.records[0];
- const data = res.data.data;
- this.page.total = data.total;
- this.data = data.records;
- this.loading = false;
- this.selectionClear();
- });
- },
- rowClick(val) {
- //行点击事件 //右侧弹窗事件
- this.onceData = val;
- this.dialogVisible = true;
- },
- rowClicks(val) {
- //弹窗行点击事件
- // console.log(val);
- // this.$router.push({ path: "/dataL/dataL", query: val });
- let routeData = this.$router.resolve({
- path: "/datalOnce",
- query: val,
- });
- window.open(routeData.href, "_blank");
- },
- changeDataOpen(dat) {
- //处理弹出框数据
- console.log(dat);
- if (dat.length > 0) {
- for (var key in dat) {
- let states;
- // if (dat[key].state != "") {
- // states = "故障";
- // } else {
- // if (dat[key].jtype != 1) {
- // if (dat[key].onlineStatus == 1) {
- // states = "在线";
- // } else {
- // states = "掉线";
- // }
- // } else {
- // states = "预警";
- // }
- // }
- states =
- dat[key].dtype == 0
- ? "掉线"
- : dat[key].dtype == 1
- ? "正常"
- : dat[key].dtype == 2
- ? "预警"
- : dat[key].dtype == 3
- ? "故障"
- : "";
- // console.log(states);
- dat[key].states = states;
- dat[key].stateSevicestate =
- dat[key].devicestate == "0"
- ? "撤防"
- : dat[key].devicestate == "1"
- ? "布防"
- : "无";
- }
- }
- },
- getMout(fid) {
- getListliuc(fid).then((res) => {
- // console.log(res.data.data);
- this.getUser(res.data.data);
- });
- },
- getUser(dat) {
- //建立使用方搜索关键词
- // console.log(dat);
- if (dat.length > 0) {
- this.users = [];
- for (var key in dat) {
- this.users.push({
- label: dat[key].title,
- value: dat[key].id,
- });
- }
- }
- // this.users.push([
- // {
-
- // }
- // ])
- this.options.column[2].dicData = this.users;
- },
- searchResets() {
- //清空搜索框中的内容
- this.querys = {};
- //清空this.$route.query
- this.$router.push({ querys: {} });
- this.onLoads(this.pages);
- },
- searchChanges(params, done) {
- //搜索
- console.log(params, done, 222);
- this.querys = params;
- this.pages.currentPage = 1;
- this.onLoads(this.pages, params);
- done();
- },
- currentChanges(currentPage) {
- //分页改变时候触发
- this.pages.currentPage = currentPage;
- },
- sizeChanges(pageSize) {
- this.pages.pageSize = pageSize;
- },
- onLoads(pages, params = {}) {
- // this.$message.success("分页信息:" + JSON.stringify(pages));
- // this.pages.total = 40;
- // console.log(1)
- this.loadings = true;
- // console.log(2)
- let values = {
- ...params,
- };
- // console.log(3)
- // getListliu(1, 10, {}, val.id).then((res) => {
- var useId = this.onceData.deptId;
- // console.log(4)
- getListliu(pages.currentPage, pages.pageSize, values, useId).then(
- (res) => {
- // console.log(5)
- // console.log(pages.currentPage, pages.pageSize, values, useId,332332)
- // console.log(this.datas);
- // getListliu('1', '10', {}, '1353972967828533249').then((res) => {
- //拿到数据
- this.datas = res.data.data.records;
- // console.log(this.datas);
- // console.log(pages.currentPage);
- // console.log(pages.pageSize);
- // console.log(this.onceData);
- const data = res.data.data;
- this.pages.total = data.total;
- this.changeDataOpen(this.datas);
- this.getMout(this.onceData.deptId);
- this.loadings = false;
- }
- );
- },
+ } else {
+ this.settingForm.accountNumber = -1;
+ this.settingForm.expireTime = "";
+ }
+ this.box = true;
},
- mounted() {},
- };
+ handleDatasource() {
+ if (this.selectionList.length === 0) {
+ this.$message.warning("请选择至少一条数据");
+ return;
+ }
+ if (this.selectionList.length !== 1) {
+ this.$message.warning("只能选择一条数据");
+ return;
+ }
+ getDetail(this.selectionList[0].id).then((res) => {
+ const data = res.data.data;
+ this.datasourceForm.datasourceId = data.datasourceId;
+ });
+ this.datasourceBox = true;
+ },
+ handleSubmit(form, done, loading) {
+ setting(this.ids, form).then(
+ () => {
+ this.onLoad(this.page);
+ this.$message({
+ type: "success",
+ message: "配置成功!",
+ });
+ done();
+ this.box = false;
+ },
+ (error) => {
+ window.console.log(error);
+ loading();
+ }
+ );
+ },
+ handleDatasourceSubmit(form, done, loading) {
+ datasource(this.tenantId, form.datasourceId).then(
+ () => {
+ this.$message({
+ type: "success",
+ message: "配置成功!",
+ });
+ done();
+ this.datasourceBox = false;
+ },
+ (error) => {
+ window.console.log(error);
+ loading();
+ }
+ );
+ },
+ currentChange(currentPage) {
+ this.page.currentPage = currentPage;
+ },
+ sizeChange(pageSize) {
+ this.page.pageSize = pageSize;
+ },
+ refreshChange() {
+ this.onLoad(this.page, this.query);
+ },
+ onLoad(page, params = {}) {
+ this.loading = true;
+ getList(
+ page.currentPage,
+ page.pageSize,
+ Object.assign(params, this.query)
+ ).then((res) => {
+ // console.log(res);
+ // this.onceData = res.data.data.records[0];
+ const data = res.data.data;
+ this.page.total = data.total;
+ this.data = data.records;
+ this.loading = false;
+ this.selectionClear();
+ });
+ },
+ rowClick(val) {
+ //行点击事件 //右侧弹窗事件
+ this.onceData = val;
+ this.dialogVisible = true;
+ },
+ rowClicks(val) {
+ //弹窗行点击事件
+ // console.log(val);
+ // this.$router.push({ path: "/dataL/dataL", query: val });
+ let routeData = this.$router.resolve({
+ path: "/datalOnce",
+ query: val,
+ });
+ window.open(routeData.href, "_blank");
+ },
+ changeDataOpen(dat) {
+ //处理弹出框数据
+ console.log(dat);
+ if (dat.length > 0) {
+ for (var key in dat) {
+ let states;
+ // if (dat[key].state != "") {
+ // states = "故障";
+ // } else {
+ // if (dat[key].jtype != 1) {
+ // if (dat[key].onlineStatus == 1) {
+ // states = "在线";
+ // } else {
+ // states = "掉线";
+ // }
+ // } else {
+ // states = "预警";
+ // }
+ // }
+ states =
+ dat[key].dtype == 0
+ ? "掉线"
+ : dat[key].dtype == 1
+ ? "正常"
+ : dat[key].dtype == 2
+ ? "预警"
+ : dat[key].dtype == 3
+ ? "故障"
+ : "";
+ // console.log(states);
+ dat[key].states = states;
+ dat[key].stateSevicestate =
+ dat[key].devicestate == "0"
+ ? "撤防"
+ : dat[key].devicestate == "1"
+ ? "布防"
+ : "无";
+ }
+ }
+ },
+ getMout(fid) {
+ getListliuc(fid).then((res) => {
+ // console.log(res.data.data);
+ this.getUser(res.data.data);
+ });
+ },
+ getUser(dat) {
+ //建立使用方搜索关键词
+ // console.log(dat);
+ if (dat.length > 0) {
+ this.users = [];
+ for (var key in dat) {
+ this.users.push({
+ label: dat[key].title,
+ value: dat[key].id,
+ });
+ }
+ }
+ // this.users.push([
+ // {
+
+ // }
+ // ])
+ this.options.column[2].dicData = this.users;
+ },
+ searchResets() {
+ //清空搜索框中的内容
+ this.querys = {};
+ //清空this.$route.query
+ this.$router.push({ querys: {} });
+ this.onLoads(this.pages);
+ },
+ searchChanges(params, done) {
+ //搜索
+ console.log(params, done, 222);
+ this.querys = params;
+ this.pages.currentPage = 1;
+ this.onLoads(this.pages, params);
+ done();
+ },
+ currentChanges(currentPage) {
+ //分页改变时候触发
+ this.pages.currentPage = currentPage;
+ },
+ sizeChanges(pageSize) {
+ this.pages.pageSize = pageSize;
+ },
+ onLoads(pages, params = {}) {
+ // this.$message.success("分页信息:" + JSON.stringify(pages));
+ // this.pages.total = 40;
+ // console.log(1)
+ this.loadings = true;
+ // console.log(2)
+ let values = {
+ ...params,
+ };
+ // console.log(3)
+ // getListliu(1, 10, {}, val.id).then((res) => {
+ var useId = this.onceData.deptId;
+ // console.log(4)
+ getListliu(pages.currentPage, pages.pageSize, values, useId).then(
+ (res) => {
+ // console.log(5)
+ // console.log(pages.currentPage, pages.pageSize, values, useId,332332)
+ // console.log(this.datas);
+ // getListliu('1', '10', {}, '1353972967828533249').then((res) => {
+ //拿到数据
+ this.datas = res.data.data.records;
+ // console.log(this.datas);
+ // console.log(pages.currentPage);
+ // console.log(pages.pageSize);
+ // console.log(this.onceData);
+ const data = res.data.data;
+ this.pages.total = data.total;
+ this.changeDataOpen(this.datas);
+ this.getMout(this.onceData.deptId);
+ this.loadings = false;
+ }
+ );
+ },
+ },
+ mounted() {},
+};
</script>
<style lang="scss" >
- //scoped
- $city-m-l: 10px;
+//scoped
+$city-m-l: 10px;
- /*页面样式clientManagement.vue的样式 liuyg改*/
- .el-card__body .city1 {
- width: 155px;
- padding-right: 0px !important;
- margin-left: $city-m-l;
- }
+/*页面样式clientManagement.vue的样式 liuyg改*/
+.el-card__body .city1 {
+ width: 155px;
+ padding-right: 0px !important;
+ margin-left: $city-m-l;
+}
- .el-card__body .city2 {
- width: 100px;
- padding-left: 0px !important;
- padding-right: 0px !important;
- margin-left: $city-m-l;
- }
+.el-card__body .city2 {
+ width: 100px;
+ padding-left: 0px !important;
+ padding-right: 0px !important;
+ margin-left: $city-m-l;
+}
- .el-card__body .city3 {
- width: 100px;
- padding-left: 0px !important;
- padding-right: 0px !important;
- margin-left: $city-m-l;
- }
+.el-card__body .city3 {
+ width: 100px;
+ padding-left: 0px !important;
+ padding-right: 0px !important;
+ margin-left: $city-m-l;
+}
- /*新增窗体样式*/
- .el-dialog .city1 {
- width: 210px;
- padding-right: 0px !important;
- margin-left: $city-m-l;
- }
+/*新增窗体样式*/
+.el-dialog .city1 {
+ width: 210px;
+ padding-right: 0px !important;
+ margin-left: $city-m-l;
+}
- .el-dialog .city2 {
- width: 105px;
- padding-left: 5px !important;
- padding-right: 5px !important;
- margin-left: $city-m-l;
- }
+.el-dialog .city2 {
+ width: 105px;
+ padding-left: 5px !important;
+ padding-right: 5px !important;
+ margin-left: $city-m-l;
+}
- .el-dialog .city3 {
- width: 105px;
- padding-left: 0px !important;
- padding-right: 0px !important;
- margin-left: $city-m-l;
- }
- .city2 div label {
- display: none;
- }
+.el-dialog .city3 {
+ width: 105px;
+ padding-left: 0px !important;
+ padding-right: 0px !important;
+ margin-left: $city-m-l;
+}
+.city2 div label {
+ display: none;
+}
- .city3 div label {
- display: none;
- }
+.city3 div label {
+ display: none;
+}
- /*页面样式*/
- .el-card__body .cityClass1 {
- width: 155px;
- padding-right: 0px !important;
- margin-left: $city-m-l;
- }
+/*页面样式*/
+.el-card__body .cityClass1 {
+ width: 155px;
+ padding-right: 0px !important;
+ margin-left: $city-m-l;
+}
- .el-card__body .cityClass2 {
- width: 100px;
- padding-left: 0px !important;
- padding-right: 0px !important;
- margin-left: $city-m-l;
- }
+.el-card__body .cityClass2 {
+ width: 100px;
+ padding-left: 0px !important;
+ padding-right: 0px !important;
+ margin-left: $city-m-l;
+}
- .el-card__body .cityClass3 {
- width: 100px;
- padding-left: 0px !important;
- padding-right: 0px !important;
- margin-left: $city-m-l;
- }
+.el-card__body .cityClass3 {
+ width: 100px;
+ padding-left: 0px !important;
+ padding-right: 0px !important;
+ margin-left: $city-m-l;
+}
- /*新增窗体样式*/
- .el-dialog .cityClass1,
- .el-dialog .cityClass2,
- .el-dialog .cityClass3 {
- margin-left: $city-m-l;
- position: relative;
- left: -10px;
- }
- .el-dialog .cityClass1 {
- width: 220px;
- padding-right: 0px !important;
- }
+/*新增窗体样式*/
+.el-dialog .cityClass1,
+.el-dialog .cityClass2,
+.el-dialog .cityClass3 {
+ margin-left: $city-m-l;
+ position: relative;
+ left: -10px;
+}
+.el-dialog .cityClass1 {
+ width: 220px;
+ padding-right: 0px !important;
+}
- .el-dialog .cityClass2 {
- width: 130px;
- padding-left: 5px !important;
- padding-right: 5px !important;
- }
+.el-dialog .cityClass2 {
+ width: 130px;
+ padding-left: 5px !important;
+ padding-right: 5px !important;
+}
- .el-dialog .cityClass3 {
- width: 130px;
- padding-left: 0px !important;
- padding-right: 0px !important;
- }
+.el-dialog .cityClass3 {
+ width: 130px;
+ padding-left: 0px !important;
+ padding-right: 0px !important;
+}
- .cityClass2 div label {
- display: none;
- }
+.cityClass2 div label {
+ display: none;
+}
- .cityClass3 div label {
- display: none;
- }
+.cityClass3 div label {
+ display: none;
+}
- .tabFontSize {
- font-size: 15px;
- }
+.tabFontSize {
+ font-size: 15px;
+}
- .el-input__inner {
- width: aotu;
- }
- .right-open {
- //右侧弹窗样式
- display: flex;
- justify-content: center;
- align-items: Center;
+.el-input__inner {
+ width: aotu;
+}
+.right-open {
+ //右侧弹窗样式
+ display: flex;
+ justify-content: center;
+ align-items: Center;
+ overflow: hidden;
+
+ .el-dialog {
+ margin: 0 auto !important;
+ height: 100%;
overflow: hidden;
-
- .el-dialog {
- margin: 0 auto !important;
- height: 100%;
- overflow: hidden;
- position: fixed;
- top: 0;
+ position: fixed;
+ top: 0;
+ right: 0;
+ .el-dialog__body {
+ position: absolute;
+ left: 0;
+ top: 54px;
+ bottom: 0;
right: 0;
- .el-dialog__body {
- position: absolute;
- left: 0;
- top: 54px;
- bottom: 0;
- right: 0;
- padding: 0;
- z-index: 1;
- overflow: hidden;
- overflow-y: auto;
- }
- }
- @keyframes dialog-fade-in {
- 0% {
- transform: translate3d(0, 0, 0, 100%);
- opacity: 0;
- }
- 100% {
- transform: translate3d(0, 0, 0, 0);
- opacity: 1;
- }
- }
- @keyframes dialog-fade-out {
- 0% {
- transform: translate3d(0, 0, 0);
- opacity: 1;
- }
- 100% {
- transform: translate3d(0, 0, 0);
- opacity: 0;
- }
- }
- .r-o-our {
- width: calc(100% - 2px);
- height: calc(100% - 28px);
- // border: hotpink 1px solid;
- overflow: auto;
+ padding: 0;
+ z-index: 1;
+ overflow: hidden;
+ overflow-y: auto;
}
}
- .diaoxianl {
- border: 1px solid #fff;
- color: #fff;
- background-color: #cdcdcd;
+ @keyframes dialog-fade-in {
+ 0% {
+ transform: translate3d(0, 0, 0, 100%);
+ opacity: 0;
+ }
+ 100% {
+ transform: translate3d(0, 0, 0, 0);
+ opacity: 1;
+ }
}
- .zaixianl {
- border: 1px solid #fff;
- color: #fff;
- background-color: #32c1a2;
+ @keyframes dialog-fade-out {
+ 0% {
+ transform: translate3d(0, 0, 0);
+ opacity: 1;
+ }
+ 100% {
+ transform: translate3d(0, 0, 0);
+ opacity: 0;
+ }
}
- .guzhagnl {
- border: 1px solid #fff;
- color: #fff;
- background-color: #f49966;
+ .r-o-our {
+ width: calc(100% - 2px);
+ height: calc(100% - 28px);
+ // border: hotpink 1px solid;
+ overflow: auto;
}
- .baojinl {
- border: 1px solid #fff;
- color: #fff;
- background-color: #f35b5b;
- }
+}
+.diaoxianl {
+ border: 1px solid #fff;
+ color: #fff;
+ background-color: #cdcdcd;
+}
+.zaixianl {
+ border: 1px solid #fff;
+ color: #fff;
+ background-color: #32c1a2;
+}
+.guzhagnl {
+ border: 1px solid #fff;
+ color: #fff;
+ background-color: #f49966;
+}
+.baojinl {
+ border: 1px solid #fff;
+ color: #fff;
+ background-color: #f35b5b;
+}
</style>
--
Gitblit v1.9.3