From 14e02654e0545ee69456d64aef2f35c7c219d708 Mon Sep 17 00:00:00 2001
From: Administrator <admin>
Date: Fri, 07 May 2021 11:26:49 +0800
Subject: [PATCH] 地图模式设备状态修改
---
src/views/system/cs.vue | 1457 +++++++++++++++++++++++++++++++++++++++------------------
1 files changed, 997 insertions(+), 460 deletions(-)
diff --git a/src/views/system/cs.vue b/src/views/system/cs.vue
index af4bced..15c292f 100644
--- a/src/views/system/cs.vue
+++ b/src/views/system/cs.vue
@@ -1,81 +1,168 @@
<template>
<basic-container>
- <avue-crud :option="option"
- :table-loading="loading"
- :data="data"
- ref="crud"
- v-model="form"
- :page.sync="page"
- :permission="permissionList"
- :before-open="beforeOpen"
- @row-del="rowDel"
- row-class-name="tabFontSize"
- @row-update="rowUpdate"
- @row-save="rowSave"
- @search-change="searchChange"
- @search-reset="searchReset"
- @selection-change="selectionChange"
- @current-change="currentChange"
- @size-change="sizeChange"
- @refresh-change="refreshChange"
- @on-load="onLoad">
+ <avue-crud
+ :option="option"
+ :table-loading="loading"
+ :data="data"
+ ref="crud"
+ v-model="form"
+ :page.sync="page"
+ :permission="permissionList"
+ :before-open="beforeOpen"
+ @row-del="rowDel"
+ row-class-name="tabFontSize"
+ @row-update="rowUpdate"
+ @row-save="rowSave"
+ @search-change="searchChange"
+ @search-reset="searchReset"
+ @selection-change="selectionChange"
+ @current-change="currentChange"
+ @size-change="sizeChange"
+ @refresh-change="refreshChange"
+ @on-load="onLoad"
+ @row-click="rowClick"
+ >
<template slot="menuLeft">
- <el-button type="danger"
- size="mini"
- icon="el-icon-delete"
- v-if="permission.tenant_delete"
- plain
- @click="handleDelete">删 除
+ <el-button
+ type="danger"
+ size="mini"
+ icon="el-icon-delete"
+ v-if="permission.tenant_delete"
+ plain
+ @click="handleDelete"
+ >删 除
</el-button>
-<!-- <el-button size="small"-->
-<!-- plain-->
-<!-- v-if="userInfo.role_name.includes('administrator')"-->
-<!-- icon="el-icon-setting"-->
-<!-- @click="handleSetting">授权配置-->
-<!-- </el-button>-->
-<!-- <el-button size="small"-->
-<!-- plain-->
-<!-- v-if="userInfo.role_name.includes('administrator')"-->
-<!-- icon="el-icon-coin"-->
-<!-- @click="handleDatasource">数据源配置-->
-<!-- </el-button>-->
+ <!-- <el-button size="small"-->
+ <!-- plain-->
+ <!-- v-if="userInfo.role_name.includes('administrator')"-->
+ <!-- icon="el-icon-setting"-->
+ <!-- @click="handleSetting">授权配置-->
+ <!-- </el-button>-->
+ <!-- <el-button size="small"-->
+ <!-- plain-->
+ <!-- v-if="userInfo.role_name.includes('administrator')"-->
+ <!-- icon="el-icon-coin"-->
+ <!-- @click="handleDatasource">数据源配置-->
+ <!-- </el-button>-->
</template>
- <template slot-scope="{row}"
- slot="accountNumber">
- <el-tag>{{ row.accountNumber > 0 ? row.accountNumber : '不限制' }}</el-tag>
+ <template slot-scope="{ row }" slot="accountNumber">
+ <el-tag>{{
+ row.accountNumber > 0 ? row.accountNumber : "不限制"
+ }}</el-tag>
</template>
- <template slot-scope="{row}"
- slot="expireTime">
- <el-tag>{{ row.expireTime ? row.expireTime : '不限制' }}</el-tag>
+ <template slot-scope="{ row }" slot="expireTime">
+ <el-tag>{{ row.expireTime ? row.expireTime : "不限制" }}</el-tag>
</template>
- <template slot-scope="{row}" slot="type">
- <el-tag>{{row.type==='0'?'医院':row.type==='1'?'学校':row.type==='2'?'小区':'未知'}}</el-tag>
+ <template slot-scope="{ row }" slot="type">
+ <el-tag>{{
+ row.type === "0"
+ ? "医院"
+ : row.type === "1"
+ ? "学校"
+ : row.type === "2"
+ ? "小区"
+ : "未知"
+ }}</el-tag>
</template>
</avue-crud>
- <el-dialog title="租户授权配置"
- append-to-body
- :visible.sync="box"
- width="450px">
- <avue-form :option="settingOption" v-model="settingForm" @submit="handleSubmit"/>
+ <el-dialog
+ title="租户授权配置"
+ append-to-body
+ :visible.sync="box"
+ width="450px"
+ >
+ <avue-form
+ :option="settingOption"
+ v-model="settingForm"
+ @submit="handleSubmit"
+ />
</el-dialog>
- <el-dialog title="租户数据源配置"
- append-to-body
- :visible.sync="datasourceBox"
- width="450px">
- <avue-form :option="datasourceOption" v-model="datasourceForm" @submit="handleDatasourceSubmit"/>
+ <el-dialog
+ title="租户数据源配置"
+ append-to-body
+ :visible.sync="datasourceBox"
+ width="450px"
+ >
+ <avue-form
+ :option="datasourceOption"
+ v-model="datasourceForm"
+ @submit="handleDatasourceSubmit"
+ />
+ </el-dialog>
+ <!-- 右侧弹窗，业主的设备 -->
+ <el-dialog
+ :title="onceData.tenantName"
+ :visible.sync="dialogVisible"
+ width="780px"
+ :before-close="handleClose"
+ modal-append-to-body="false"
+ append-to-body="true"
+ class="right-open"
+ >
+ <el-divider></el-divider>
+ <div class="r-o-our">
+ <avue-crud
+ :option="options"
+ @on-load="onLoads"
+ :data="datas"
+ :page="pages"
+ @search-change="searchChanges"
+ @search-reset="searchResets"
+ @row-click="rowClicks"
+ @current-change="currentChanges"
+ @size-change="sizeChanges"
+ >
+ <template slot="states" slot-scope="scope">
+ <el-tag
+ :class="[
+ scope.row.states == '掉线'
+ ? 'diaoxianl'
+ : scope.row.states == '在线'
+ ? 'zaixianl'
+ : scope.row.states == '故障'
+ ? 'guzhagnl'
+ : scope.row.states == '预警'
+ ? 'baojinl'
+ : '',
+ ]"
+ >{{ scope.row.states }}</el-tag
+ >
+ </template>
+ </avue-crud>
+ </div>
</el-dialog>
</basic-container>
</template>
<script>
-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 { 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'
+import { getRoleTree } from "@/api/system/role";
+import AvueMap from "avue-plugin-map";
var that;
export default {
-
data() {
that = this;
return {
@@ -85,20 +172,103 @@
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",
+ },
+ 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
+ total: 0,
},
option: {
- height: 'auto',
- calcHeight: 80,
+ height: "auto",
+ calcHeight: 54,
size: "mini",
tip: false,
searchShow: true,
searchMenuSpan: 6,
border: false,
- stripe:true,
+ stripe: true,
index: true,
selection: true,
viewBtn: true,
@@ -113,11 +283,13 @@
addDisplay: false,
editDisplay: false,
span: 24,
- rules: [{
- required: true,
- message: "请输入租户ID",
- trigger: "blur"
- }]
+ rules: [
+ {
+ required: true,
+ message: "请输入租户ID",
+ trigger: "blur",
+ },
+ ],
},
{
label: "客户名称",
@@ -126,11 +298,13 @@
width: 190,
span: 12,
searchSpan: 3,
- rules: [{
- required: true,
- message: "请输入参数名称",
- trigger: "blur"
- }]
+ rules: [
+ {
+ required: true,
+ message: "请输入参数名称",
+ trigger: "blur",
+ },
+ ],
},
{
label: "联系人",
@@ -138,11 +312,13 @@
width: 100,
search: true,
searchSpan: 3,
- rules: [{
- required: true,
- message: "请输入联系人",
- trigger: "blur"
- }]
+ rules: [
+ {
+ required: true,
+ message: "请输入联系人",
+ trigger: "blur",
+ },
+ ],
},
{
label: "联系电话",
@@ -159,12 +335,12 @@
type: "select",
props: {
label: "name",
- value: "code"
+ value: "code",
},
cascaderItem: ["city", "district"],
dicUrl: "/api/blade-system/region/select",
span: 6,
- className: "cityClass1"
+ className: "cityClass1",
},
{
label: "地市",
@@ -177,12 +353,12 @@
search: true,
props: {
label: "name",
- value: "code"
+ value: "code",
},
dicUrl: "/api/blade-system/region/select?code={{key}}",
span: 3,
labelWidth: "0",
- className: "cityClass2"
+ className: "cityClass2",
},
{
label: "区县",
@@ -195,31 +371,45 @@
type: "select",
props: {
label: "name",
- value: "code"
+ value: "code",
},
dicUrl: "/api/blade-system/region/select?code={{key}}",
span: 3,
labelWidth: "0",
- className: "cityClass3"
+ className: "cityClass3",
},
{
- label: '地址',
- prop: 'map',
+ label: "地址",
+ prop: "address",
+ span: 10,
+ // labelWidth: '60',
hide: true,
- span: 24,
+ },
+ {
+ label: null,
+ prop: "map",
+ labelWidth: "0",
+ searchSpan: 0,
+ maxlength: 0,
+ hide: true,
+ span: 2,
+ // display:false,
component: "AvueMap",
},
{
- label: '纬度',
+ label: "纬度",
hide: true,
addDisplay: false,
- prop: 'wd',
+ prop: "wd",
+ span: 6,
},
{
- label: '经度',
+ label: "经度",
+ labelWidth: "50",
hide: true,
addDisplay: false,
- prop: 'jd',
+ prop: "jd",
+ span: 5,
},
{
label: "账号额度",
@@ -244,32 +434,34 @@
prop: "type",
width: 80,
type: "select",
- rules: [{
- required: true,
- message: "请选择类型",
- trigger: "blur"
- }],
+ rules: [
+ {
+ required: true,
+ message: "请选择类型",
+ trigger: "blur",
+ },
+ ],
dicData: [
{
label: "医院",
- value: "0"
+ value: "0",
},
{
label: "学校",
- value: "1"
+ value: "1",
},
{
label: "小区",
- value: "2"
- }
+ value: "2",
+ },
],
- change: function (value,column) {
+ change: function (value, column) {
if (value.value == "0") {
that.option.group = [
{
- label: '详细信息',
- prop: 'detailInfo',
- icon: 'el-icon-s-order',
+ label: "详细信息",
+ prop: "detailInfo",
+ icon: "el-icon-s-order",
column: [
{
label: "医院等级",
@@ -278,23 +470,27 @@
dicData: [],
props: {
label: "title",
- value:""
+ value: "",
},
checkStrictly: true,
- rules: [{
- required: true,
- message: "请输入医院等级",
- trigger: "blur"
- }]
+ rules: [
+ {
+ required: true,
+ message: "请输入医院等级",
+ trigger: "blur",
+ },
+ ],
},
{
label: "医院类别",
prop: "ht",
- rules: [{
- required: true,
- message: "请输入医院类别",
- trigger: "blur"
- }]
+ rules: [
+ {
+ required: true,
+ message: "请输入医院类别",
+ trigger: "blur",
+ },
+ ],
},
{
label: "成立时间",
@@ -302,41 +498,35 @@
prop: "ctime",
format: "yyyy-MM-dd",
valueFormat: "yyyy-MM-dd",
- rules: [{
- required: true,
- message: "请输入成立时间",
- trigger: "blur"
- }]
- },
- {
- label: "地址",
- prop:"had",
- rules: [{
- required: true,
- message: "请输入地址",
- trigger: "blur"
- }]
+ rules: [
+ {
+ required: true,
+ message: "请输入成立时间",
+ trigger: "blur",
+ },
+ ],
},
{
label: "介绍",
prop: "content",
- rules: [{
- required: true,
- message: "请输入介绍",
- trigger: "blur"
- }],
- span:24,
- }
- ]
- }
- ]
- }
- else if (value.value=="1"){
+ rules: [
+ {
+ required: true,
+ message: "请输入介绍",
+ trigger: "blur",
+ },
+ ],
+ span: 24,
+ },
+ ],
+ },
+ ];
+ } else if (value.value == "1") {
that.option.group = [
{
- label: '详细信息',
- prop: 'dutyInfo',
- icon: 'el-icon-s-custom',
+ label: "详细信息",
+ prop: "dutyInfo",
+ icon: "el-icon-s-custom",
column: [
{
label: "学校性质",
@@ -345,22 +535,26 @@
dicData: [],
props: {
label: "title",
- value:""
+ value: "",
},
- rules: [{
- required: true,
- message: "请输入学校性质",
- trigger: "blur"
- }]
+ rules: [
+ {
+ required: true,
+ message: "请输入学校性质",
+ trigger: "blur",
+ },
+ ],
},
{
label: "校训",
prop: "motto",
- rules: [{
- required: true,
- message: "请输入校训",
- trigger: "blur"
- }]
+ rules: [
+ {
+ required: true,
+ message: "请输入校训",
+ trigger: "blur",
+ },
+ ],
},
{
label: "创办时间",
@@ -368,38 +562,33 @@
prop: "ctime",
format: "yyyy-MM-dd",
valueFormat: "yyyy-MM-dd",
- rules: [{
- required: true,
- message: "请输入创办时间"
- }]
- },
- {
- label: "地址",
- prop:"had",
- rules: [{
- required: true,
- message: "请输入地址"
- }]
+ rules: [
+ {
+ required: true,
+ message: "请输入创办时间",
+ },
+ ],
},
{
label: "介绍",
prop: "content",
- span:24,
- rules: [{
- required: true,
- message: "请输入介绍"
- }]
- }
- ]
- }
- ]
- }
- else if (value.value=="2") {
+ span: 24,
+ rules: [
+ {
+ required: true,
+ message: "请输入介绍",
+ },
+ ],
+ },
+ ],
+ },
+ ];
+ } else if (value.value == "2") {
that.option.group = [
{
- label: '详细信息',
- prop: 'baseInfo',
- icon: 'el-icon-s-solid',
+ label: "详细信息",
+ prop: "baseInfo",
+ icon: "el-icon-s-solid",
column: [
{
label: "小区类别",
@@ -408,62 +597,63 @@
dicData: [],
props: {
label: "title",
- value:""
+ value: "",
},
- rules: [{
- required: true,
- message: "请输入小区类别"
- }]
+ rules: [
+ {
+ required: true,
+ message: "请输入小区类别",
+ },
+ ],
},
{
label: "小区属性",
prop: "attributes",
- rules: [{
- required: true,
- message: "请输入小区属性"
- }]
+ rules: [
+ {
+ required: true,
+ message: "请输入小区属性",
+ },
+ ],
},
{
label: "开发商",
- prop:"developers",
- rules: [{
- required: true,
- message: "请输入开发商"
- }]
- },
- {
- label: "地址",
- prop:"had",
- rules: [{
- required: true,
- message: "请输入地址"
- }]
+ prop: "developers",
+ rules: [
+ {
+ required: true,
+ message: "请输入开发商",
+ },
+ ],
},
{
label: "户型",
- prop:"housetype",
- rules: [{
- required: true,
- message: "请输入户型"
- }]
+ prop: "housetype",
+ rules: [
+ {
+ required: true,
+ message: "请输入户型",
+ },
+ ],
},
{
label: "介绍",
prop: "content",
- rules: [{
- required: true,
- message: "请输入介绍"
- }],
- span:24,
- }
- ]
- }
- ]
+ rules: [
+ {
+ required: true,
+ message: "请输入介绍",
+ },
+ ],
+ span: 24,
+ },
+ ],
+ },
+ ];
+ } else {
+ that.option.group = [];
}
- else {
- that.option.group =[]
- }
- }
+ },
},
{
label: "绑定域名",
@@ -473,19 +663,18 @@
{
label: "系统背景",
prop: "backgroundUrl",
- type: 'upload',
- listType: 'picture-img',
- action: '/api/blade-resource/oss/endpoint/put-file',
+ type: "upload",
+ listType: "picture-img",
+ action: "/api/blade-resource/oss/endpoint/put-file",
propsHttp: {
- res: 'data',
- url: 'link',
+ res: "data",
+ url: "link",
},
hide: true,
span: 24,
},
],
- group: [
- ]
+ group: [],
},
data: [],
settingForm: {},
@@ -505,7 +694,7 @@
valueFormat: "yyyy-MM-dd hh:mm:ss",
span: 24,
},
- ]
+ ],
},
datasourceForm: {},
datasourceOption: {
@@ -519,28 +708,60 @@
dicUrl: "/api/blade-develop/datasource/select",
props: {
label: "name",
- value: "id"
+ value: "id",
},
- rules: [{
- required: true,
- message: "请选择数据源",
- trigger: "blur"
- }]
+ rules: [
+ {
+ required: true,
+ message: "请选择数据源",
+ trigger: "blur",
+ },
+ ],
},
- ]
- }
+ ],
+ },
};
},
//报错: TypeError: val is undefined 处理时间2021.4.10，处理人 liuyg
- // watch:{
- // 'form.map':{// form是表单或者表格绑定的数据集，v-model='form'
- // handler(val){
- // this.form.jd = val.latitude
- // this.form.wd = val.longitude
- // },
- // immediate: true
- // }
- // },
+ 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() {
@@ -548,80 +769,129 @@
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)
+ editBtn: this.vaildData(this.permission.tenant_edit, false),
};
},
ids() {
let ids = [];
- this.selectionList.forEach(ele => {
+ 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(() => {
- if (row.type=="0"){
- instery(row.dj,row.had,row.ht,row.ctime,row.content,row.tenantName);
+ add(row).then(
+ () => {
+ 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.dj,
+ row.nature,
+ // row.had,
+ row.motto,
+ row.ctime,
+ row.content,
+ row.tenantName
+ );
+ } else if (row.type == "2") {
+ insertsr(
+ row.dj,
+ row.category,
+ row.attributes,
+ row.developers,
+ // row.had,
+ row.housetype,
+ row.content,
+ row.hn
+ );
+ }
+ this.onLoad(this.page);
+ this.$message({
+ type: "success",
+ message: "操作成功!",
+ });
+ done();
+ },
+ (error) => {
+ window.console.log(error);
+ loading();
}
- else if (row.type=="1"){
- insertss(row.nature,row.had,row.motto,row.ctime,row.content,row.tenantName);
- }
- else if (row.type=="2") {
- insertsr(row.category, row.attributes, row.developers,row.had, row.housetype, row.content, row.hn)
- }
- this.onLoad(this.page);
- this.$message({
- type: "success",
- message: "操作成功!"
- });
- done();
- }, error => {
- window.console.log(error);
- loading();
- });
+ );
},
rowUpdate(row, index, done, loading) {
- if (row.type=="0"){
- updateInfoy(row.dj,row.had,row.ht,row.ctime,row.content,row.tenantName);
+ if (row.type == "0") {
+ updateInfoy(
+ row.dj,
+ row.had,
+ row.ht,
+ row.ctime,
+ row.content,
+ row.tenantName
+ );
+ } else if (row.type == "1") {
+ updateInfos(
+ row.dj,
+ row.nature,
+ row.had,
+ row.motto,
+ row.ctime,
+ row.content,
+ row.tenantName
+ );
+ } else if (row.type == "2") {
+ updateInfor(
+ row.dj,
+ row.category,
+ row.attributes,
+ row.developers,
+ row.had,
+ row.housetype,
+ 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();
- });
+ 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"
+ type: "warning",
})
.then(() => {
- if (row.type=="0"){
- deletey(row.tenantName)
- }
- else if (row.type=="1"){
- deletes(row.tenantName)
- }
- else if (row.type=="2"){
- deleter(row.tenantName)
+ 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);
})
@@ -629,106 +899,108 @@
this.onLoad(this.page);
this.$message({
type: "success",
- message: "操作成功!"
+ message: "操作成功!",
});
});
},
beforeOpen(done, type) {
if (["edit"].includes(type)) {
- getDetail(this.form.id).then(res => {
- if (this.form.type=="1"){
+ 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=>{
+ 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
+ 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=>{
+ });
+ } 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
- data.had=re.data.data[0].had
- data.content=re.data.data[0].content
+ 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=>{
+ });
+ } 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
+ 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;
+ });
+ }
});
}
- 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();
},
@@ -757,7 +1029,7 @@
this.$confirm("确定将选择数据删除?", {
confirmButtonText: "确定",
cancelButtonText: "取消",
- type: "warning"
+ type: "warning",
})
.then(() => {
return remove(this.ids);
@@ -766,7 +1038,7 @@
this.onLoad(this.page);
this.$message({
type: "success",
- message: "操作成功!"
+ message: "操作成功!",
});
this.$refs.crud.toggleSelection();
});
@@ -777,14 +1049,14 @@
return;
}
if (this.selectionList.length === 1) {
- getDetail(this.selectionList[0].id).then(res => {
+ getDetail(this.selectionList[0].id).then((res) => {
const data = res.data.data;
this.settingForm.accountNumber = data.accountNumber;
this.settingForm.expireTime = data.expireTime;
});
} else {
this.settingForm.accountNumber = -1;
- this.settingForm.expireTime = '';
+ this.settingForm.expireTime = "";
}
this.box = true;
},
@@ -797,38 +1069,44 @@
this.$message.warning("只能选择一条数据");
return;
}
- getDetail(this.selectionList[0].id).then(res => {
+ 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();
- });
+ 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();
- });
+ 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;
@@ -841,76 +1119,335 @@
},
onLoad(page, params = {}) {
this.loading = true;
- getList(page.currentPage, page.pageSize, Object.assign(params, this.query)).then(res => {
+ 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 = "预警";
+ }
+ }
+ // 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">
+<style lang="scss" >
+//scoped
$city-m-l: 10px;
- /*页面样式*/
- .el-card__body .cityClass1 {
- 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 .cityClass2 {
- 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 .cityClass3 {
- 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 .cityClass1 {
- width: 220px;
- 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 .cityClass2 {
- width: 130px;
- 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 .cityClass3 {
- width: 130px;
- padding-left: 0px !important;
- padding-right: 0px !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;
+}
- .cityClass2 div label {
- display: none;
- }
+.city3 div label {
+ display: none;
+}
- .cityClass3 div label {
- display: none;
- }
+/*页面样式*/
+.el-card__body .cityClass1 {
+ width: 155px;
+ padding-right: 0px !important;
+ margin-left: $city-m-l;
+}
- .tabFontSize{
- font-size: 15px;
- }
+.el-card__body .cityClass2 {
+ width: 100px;
+ padding-left: 0px !important;
+ padding-right: 0px !important;
+ margin-left: $city-m-l;
+}
-.el-input__inner{
+.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 .cityClass2 {
+ width: 130px;
+ padding-left: 5px !important;
+ padding-right: 5px !important;
+}
+
+.el-dialog .cityClass3 {
+ width: 130px;
+ padding-left: 0px !important;
+ padding-right: 0px !important;
+}
+
+.cityClass2 div label {
+ display: none;
+}
+
+.cityClass3 div label {
+ display: none;
+}
+
+.tabFontSize {
+ font-size: 15px;
+}
+
+.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;
+ position: fixed;
+ top: 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;
+ }
+}
+.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