|
@@ -26,10 +26,11 @@
|
|
<el-tabs v-model="activeName" type="card" @tab-click="handleClick">
|
|
<el-tabs v-model="activeName" type="card" @tab-click="handleClick">
|
|
<el-tab-pane v-for="(item,index) in paneMsg" :key="index" :label="item" :name="index.toString()"/>
|
|
<el-tab-pane v-for="(item,index) in paneMsg" :key="index" :label="item" :name="index.toString()"/>
|
|
</el-tabs>
|
|
</el-tabs>
|
|
- <div class="table">
|
|
|
|
|
|
+ <div class="table" v-loading="loading">
|
|
<template v-if="deviceType">
|
|
<template v-if="deviceType">
|
|
<admMultiTable :currentHeader="currentHeader" :tableData="tableData" :headersStage="headersStage"/>
|
|
<admMultiTable :currentHeader="currentHeader" :tableData="tableData" :headersStage="headersStage"/>
|
|
- <Pagination :paginationList="paginationList" @currentPage="currentPage"
|
|
|
|
|
|
+ <Pagination v-if="tableData.length > 0" :paginationList="paginationList"
|
|
|
|
+ @handleCurrentChange="handleCurrentChange"
|
|
@handleSizeChange="handleSizeChange"/>
|
|
@handleSizeChange="handleSizeChange"/>
|
|
</template>
|
|
</template>
|
|
<div v-else class="void align">
|
|
<div v-else class="void align">
|
|
@@ -79,80 +80,129 @@
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
<script lang="ts">
|
|
<script lang="ts">
|
|
- import {Vue, Component} from "vue-property-decorator";
|
|
|
|
- import {Statistics, AdmSearch, AdmMultiTable, Pagination, dataForm} from '../components/index'
|
|
|
|
- import {dictType, dictInfo} from "@/api/equipComponent";
|
|
|
|
- import {queryEquip} from "@/api/datacenter";
|
|
|
|
- import {UserModule} from "@/store/modules/user";
|
|
|
|
- import it from "element-ui/src/locale/lang/it";
|
|
|
|
- import th from "element-ui/src/locale/lang/th";
|
|
|
|
-
|
|
|
|
- @Component({
|
|
|
|
- name: 'adm-device',
|
|
|
|
- components: {Statistics, AdmSearch, AdmMultiTable, Pagination, dataForm}
|
|
|
|
- })
|
|
|
|
- export default class extends Vue {
|
|
|
|
- private statisticsMsg = {
|
|
|
|
- title: '全部设备',
|
|
|
|
- total: 234
|
|
|
|
|
|
+import { Component, Vue } from "vue-property-decorator";
|
|
|
|
+import { AdmMultiTable, AdmSearch, dataForm, Pagination, Statistics } from '../components/index'
|
|
|
|
+import { BeatchQueryParam, dictInfo, dictType } from "@/api/equipComponent";
|
|
|
|
+import { queryCount, queryEquip } from "@/api/datacenter";
|
|
|
|
+import { UserModule } from "@/store/modules/user";
|
|
|
|
+import tools from "@/utils/maintain"
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+@Component({
|
|
|
|
+ name: 'adm-device',
|
|
|
|
+ components: { Statistics, AdmSearch, AdmMultiTable, Pagination, dataForm }
|
|
|
|
+})
|
|
|
|
+export default class extends Vue {
|
|
|
|
+ // loading
|
|
|
|
+ loading = false
|
|
|
|
+ // 统计信息对象
|
|
|
|
+ private statisticsMsg = {
|
|
|
|
+ title: '全部设备',
|
|
|
|
+ total: 0
|
|
|
|
|
|
- }
|
|
|
|
- // 设备类值
|
|
|
|
- deviceType = ''
|
|
|
|
- deviceVal = ''
|
|
|
|
- // 维护位置
|
|
|
|
- displayLocation = false
|
|
|
|
- // 表头信息集合
|
|
|
|
- headerInformation = {}
|
|
|
|
- // 表头阶段信息结合
|
|
|
|
- headersStage = {}
|
|
|
|
- all = []
|
|
|
|
- // 设备信息
|
|
|
|
- private deviceInformation = []
|
|
|
|
- // 下拉数据
|
|
|
|
- list = []
|
|
|
|
- private dialogVisible = false
|
|
|
|
- private paneMsg = ['设计阶段维护', '施工阶段维护', '运维阶段维护']
|
|
|
|
- private activeName = ""
|
|
|
|
- private paginationList = {
|
|
|
|
- page: 1,
|
|
|
|
- size: 50,
|
|
|
|
- sizes: [10, 30, 50, 100, 150, 200],
|
|
|
|
- total: 0
|
|
|
|
- }
|
|
|
|
- // 下一步
|
|
|
|
- private next = true
|
|
|
|
- private deviceMsg = '添加设备'
|
|
|
|
- private currentHeader = this.paneMsg[0]
|
|
|
|
- private tableData = [
|
|
|
|
- {
|
|
|
|
- date: '2016-05-03',
|
|
|
|
- name: '王小虎',
|
|
|
|
- province: '上海',
|
|
|
|
- city: '普陀区',
|
|
|
|
- address: '上海市普陀区金沙江路 1518 弄',
|
|
|
|
- zip: 200333
|
|
|
|
- }]
|
|
|
|
-
|
|
|
|
- private get projectId(): string {
|
|
|
|
- return UserModule.projectId
|
|
|
|
- }
|
|
|
|
|
|
+ }
|
|
|
|
+ // 设备类值
|
|
|
|
+ deviceType = ''
|
|
|
|
+ // 弹窗设备类值
|
|
|
|
+ deviceVal = ''
|
|
|
|
+ // 维护位置
|
|
|
|
+ displayLocation = false
|
|
|
|
+ // 表头信息集合
|
|
|
|
+ headerInformation = {}
|
|
|
|
+ // 表头阶段信息结合
|
|
|
|
+ headersStage = {}
|
|
|
|
+ // 当前阶段表头信息点集合
|
|
|
|
+ all = []
|
|
|
|
+ // 搜索内容
|
|
|
|
+ inputSearch = ''
|
|
|
|
+ // 下拉数据
|
|
|
|
+ list = []
|
|
|
|
+ // 弹窗开关
|
|
|
|
+ private dialogVisible = false
|
|
|
|
+ // tabs数据
|
|
|
|
+ private paneMsg = ['设计阶段维护', '施工阶段维护', '运维阶段维护']
|
|
|
|
+ // 当前tabs值
|
|
|
|
+ private activeName = ""
|
|
|
|
+ // 分页
|
|
|
|
+ private paginationList = {
|
|
|
|
+ page: 1,
|
|
|
|
+ size: 50,
|
|
|
|
+ sizes: [10, 30, 50, 100, 150, 200],
|
|
|
|
+ total: 0
|
|
|
|
+ }
|
|
|
|
+ // 下一步
|
|
|
|
+ private next = true
|
|
|
|
+ // 弹窗 title
|
|
|
|
+ private deviceMsg = '添加设备'
|
|
|
|
+ // 默认当前阶段
|
|
|
|
+ private currentHeader = this.paneMsg[0]
|
|
|
|
+ // 主体数据
|
|
|
|
+ private tableData = []
|
|
|
|
+ codeToDataSource = {}
|
|
|
|
+
|
|
|
|
+ // 项目id
|
|
|
|
+ private get projectId(): string {
|
|
|
|
+ return UserModule.projectId
|
|
|
|
+ }
|
|
|
|
|
|
- created() {
|
|
|
|
- this.deviceList()
|
|
|
|
- }
|
|
|
|
|
|
+ created() {
|
|
|
|
+ this.deviceList();
|
|
|
|
+ this.dataCount()
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+//查询统计数量
|
|
|
|
+ dataCount() {
|
|
|
|
+ queryCount({}).then(res => {
|
|
|
|
+ this.statisticsMsg.total = res.count
|
|
|
|
+ })
|
|
|
|
+ }
|
|
|
|
|
|
// 设备类数据
|
|
// 设备类数据
|
|
- deviceList() {
|
|
|
|
|
|
+ deviceList() {
|
|
|
|
+ let param2 = {
|
|
|
|
+ distinct: true,
|
|
|
|
+ pageNumber: 1,
|
|
|
|
+ pageSize: 1000,
|
|
|
|
+ projection: ["classCode"],
|
|
|
|
+ projectId: this.projectId
|
|
|
|
+ }
|
|
|
|
+ let promise = new Promise(resolve => {
|
|
|
|
+ dictType({}).then(res => {
|
|
|
|
+ resolve(res)
|
|
|
|
+ })
|
|
|
|
+ })
|
|
|
|
+ let promise2 = new Promise(resolve => {
|
|
|
|
+ queryEquip(param2).then(res => {
|
|
|
|
+ resolve(res)
|
|
|
|
+ })
|
|
|
|
+ })
|
|
|
|
+ Promise.all([promise, promise2]).then((res) => {
|
|
|
|
+ let allData = res[0].content;
|
|
|
|
+ let deviceInformation = res[1].content
|
|
|
|
+ allData.filter(item => (deviceInformation.indexOf(item.code) > -1))
|
|
|
|
+ this.list = allData
|
|
|
|
+ })
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ private handleFilter(val) {
|
|
|
|
+ console.log(this.deviceType)
|
|
|
|
+ if (this.deviceType) {
|
|
|
|
+ this.loading = true
|
|
|
|
+ let param = {
|
|
|
|
+ category: this.deviceType
|
|
|
|
+ }
|
|
let param2 = {
|
|
let param2 = {
|
|
- distinct: true,
|
|
|
|
- pageNumber: 1,
|
|
|
|
- pageSize: 1000,
|
|
|
|
- // projection: ["classCode"],
|
|
|
|
|
|
+ filters: this.deviceType ? `classCode='${ this.deviceType }'` : undefined,
|
|
|
|
+ pageNumber: this.paginationList.page,
|
|
|
|
+ pageSize: this.paginationList.size,
|
|
|
|
+ orders: "createTime desc, id asc",
|
|
projectId: this.projectId
|
|
projectId: this.projectId
|
|
}
|
|
}
|
|
|
|
+ if (this.inputSearch != '') {
|
|
|
|
+ param2.filters += `;codeName contain '${ this.inputSearch }' or systemCategory contain '${ this.inputSearch }' or bimTypeId contain '${ this.inputSearch }' or localId contain '${ this.inputSearch }'`
|
|
|
|
+ }
|
|
let promise = new Promise(resolve => {
|
|
let promise = new Promise(resolve => {
|
|
- dictType({}).then(res => {
|
|
|
|
|
|
+ dictInfo(param).then(res => {
|
|
resolve(res)
|
|
resolve(res)
|
|
})
|
|
})
|
|
})
|
|
})
|
|
@@ -161,234 +211,283 @@
|
|
resolve(res)
|
|
resolve(res)
|
|
})
|
|
})
|
|
})
|
|
})
|
|
- Promise.all([promise, promise2]).then((res) => {
|
|
|
|
- let allData = res[0].content;
|
|
|
|
- this.deviceInformation = res[1].content
|
|
|
|
- allData.filter(item => (this.deviceInformation.indexOf(item.code) > -1))
|
|
|
|
- this.list = allData
|
|
|
|
|
|
+ Promise.all([promise, promise2]).then(res => {
|
|
|
|
+ this.loading = false
|
|
|
|
+ // 类型下信息点,默认设计阶段
|
|
|
|
+ this.headerInformation = res[0] // 获取表头
|
|
|
|
+ this.tableData = res[1].content // 主体数据
|
|
|
|
+ this.headerStage()
|
|
|
|
+ this.paginationList.total = res[1].total
|
|
})
|
|
})
|
|
|
|
+ } else {
|
|
|
|
+ this.headerInformation = {}
|
|
}
|
|
}
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ headerStage() {
|
|
|
|
+ let header = []
|
|
|
|
+ if (Object.keys(this.headerInformation).length > 0) {
|
|
|
|
+ this.headerInformation.dictStages.forEach(item => {
|
|
|
|
+ if (this.currentHeader == item.name) {
|
|
|
|
+ item.infos && item.infos.forEach(val => header.push(val))
|
|
|
|
|
|
- private handleFilter(val) {
|
|
|
|
- if (val) {
|
|
|
|
- let param = {
|
|
|
|
- category: val
|
|
|
|
- }
|
|
|
|
- let param2 = {
|
|
|
|
- filters: val ? `classCode='${val}'` : undefined,
|
|
|
|
- pageNumber: this.paginationList.page,
|
|
|
|
- pageSize: this.paginationList.size,
|
|
|
|
- orders: "createTime desc, id asc",
|
|
|
|
}
|
|
}
|
|
- let promise = new Promise(resolve => {
|
|
|
|
- dictInfo(param).then(res => {
|
|
|
|
- resolve(res)
|
|
|
|
- })
|
|
|
|
- })
|
|
|
|
- let promise2 = new Promise(resolve => {
|
|
|
|
- queryEquip(param2).then(res => {
|
|
|
|
- resolve(res)
|
|
|
|
- })
|
|
|
|
- })
|
|
|
|
- Promise.all([promise, promise2]).then(res => {
|
|
|
|
- // 类型下信息点,默认设计阶段
|
|
|
|
- this.headerInformation = res[0] // 获取表头
|
|
|
|
- this.headerStage()
|
|
|
|
- this.paginationList.total = res[1].total
|
|
|
|
- this.tableData = res[1].content.map(item => {
|
|
|
|
- // todo 列表信息展示
|
|
|
|
- })
|
|
|
|
- })
|
|
|
|
- } else {
|
|
|
|
- this.headerInformation = {}
|
|
|
|
|
|
+ })
|
|
|
|
+ }
|
|
|
|
+ this.headersStage = {
|
|
|
|
+ basicInfos: {
|
|
|
|
+ name: '基础信息台账',
|
|
|
|
+ data: this.headerInformation.basicInfos
|
|
|
|
+ },
|
|
|
|
+ dictStages: {
|
|
|
|
+ name: this.currentHeader,
|
|
|
|
+ data: header
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
+ // 信息点集合
|
|
|
|
+ this.all = [...this.headerInformation.basicInfos, ...header]
|
|
|
|
+ this.codeToDataSource = {}
|
|
|
|
+ this.all.forEach(item => {
|
|
|
|
+ if (item.dataSource) {
|
|
|
|
+ try {
|
|
|
|
+ this.codeToDataSource[item.code] = {}
|
|
|
|
+ item.dataSource.forEach(dic => {
|
|
|
|
+ this.codeToDataSource[item.code][dic.code] = dic.name;
|
|
|
|
+ })
|
|
|
|
+ } catch (e) {
|
|
|
|
+ console.log(e);
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ });
|
|
|
|
+ this.getBatch(this.tableData)
|
|
|
|
+ }
|
|
|
|
|
|
- headerStage() {
|
|
|
|
- let header = []
|
|
|
|
- if (Object.keys(this.headerInformation).length > 1) {
|
|
|
|
- this.headerInformation.dictStages.forEach(item => {
|
|
|
|
- if (this.currentHeader == item.name) {
|
|
|
|
- item.infos && item.infos.forEach(val => header.push(val))
|
|
|
|
|
|
+ // 查询动态数据
|
|
|
|
+ getBatch(data) {
|
|
|
|
+ let param = {
|
|
|
|
+ groupCode: 'WD',
|
|
|
|
+ appId: 'datacenter',
|
|
|
|
+ projectId: this.projectId,
|
|
|
|
+ data: []
|
|
|
|
+ }
|
|
|
|
+ this.all.forEach(head => {
|
|
|
|
+ if (head.category != 'STATIC') {
|
|
|
|
+ data.forEach(item => {
|
|
|
|
+ let cur = tools.dataForKey(item, head.path)
|
|
|
|
+ if (cur) {
|
|
|
|
+ param.data.push({
|
|
|
|
+ objectId: item.id,
|
|
|
|
+ infoCode: head.code
|
|
|
|
+ })
|
|
}
|
|
}
|
|
})
|
|
})
|
|
}
|
|
}
|
|
- this.headersStage = {
|
|
|
|
- basicInfos: this.headerInformation.basicInfos,
|
|
|
|
- dictStages: header
|
|
|
|
- }
|
|
|
|
- this.all = [...this.headersStage.basicInfos, ...this.headersStage.dictStages]
|
|
|
|
-
|
|
|
|
- }
|
|
|
|
|
|
|
|
- // 维护阶段 tabs
|
|
|
|
- handleClick(val: any) {
|
|
|
|
- console.log(val)
|
|
|
|
- this.currentHeader = val.label
|
|
|
|
- this.headerStage()
|
|
|
|
|
|
+ })
|
|
|
|
+ if (param.data.length > 0) {
|
|
|
|
+ BeatchQueryParam(param).then(res => {
|
|
|
|
+ this.tableData = data.map(item => {
|
|
|
|
+ res.data.map(child => {
|
|
|
|
+ if (item.id == child.objectId) {
|
|
|
|
+ if (!!child.data || child.data == 0) {
|
|
|
|
+ this.all.map(head => {
|
|
|
|
+ if (head.code == child.infoCode) {
|
|
|
|
+ let contentVal = child.data
|
|
|
|
+ if (this.codeToDataSource[child.infoCode]) {
|
|
|
|
+ contentVal = this.codeToDataSource[child.infoCode][child.data]
|
|
|
|
+ }
|
|
|
|
+ tools.setDataForKey(item, head.path, contentVal);
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ } else {
|
|
|
|
+ this.all.map(head => {
|
|
|
|
+ if (head.code == child.infoCode) {
|
|
|
|
+ tools.setDataForKey(
|
|
|
|
+ item,
|
|
|
|
+ head.path,
|
|
|
|
+ child.error
|
|
|
|
+ );
|
|
|
|
+ }
|
|
|
|
+ });
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ return item
|
|
|
|
+ })
|
|
|
|
+ })
|
|
}
|
|
}
|
|
|
|
|
|
- //设备类筛选
|
|
|
|
- selectValue(val: string) {
|
|
|
|
- console.log(val, 3)
|
|
|
|
|
|
+ }
|
|
|
|
|
|
- }
|
|
|
|
|
|
+ // 维护阶段 tabs
|
|
|
|
+ async handleClick(val: any) {
|
|
|
|
+ this.currentHeader = val.label
|
|
|
|
+ await this.headerStage()
|
|
|
|
|
|
- // 搜索
|
|
|
|
- SearchValue(val: string) {
|
|
|
|
- console.log(val)
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- // 当前分页
|
|
|
|
- currentPage(val: number) {
|
|
|
|
- console.log(val)
|
|
|
|
- this.paginationList.page = val
|
|
|
|
- this.handleFilter(this.deviceType)
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- handleSizeChange(val: number) {
|
|
|
|
- this.paginationList.size = val
|
|
|
|
- console.log(val)
|
|
|
|
- this.handleFilter(this.deviceType)
|
|
|
|
- }
|
|
|
|
|
|
+ }
|
|
|
|
|
|
- // 添加设备
|
|
|
|
- addDevice() {
|
|
|
|
- this.dialogVisible = true
|
|
|
|
- }
|
|
|
|
|
|
|
|
- //下一步事件
|
|
|
|
- handleNext() {
|
|
|
|
- if (this.deviceVal) {
|
|
|
|
- this.next = false
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
|
|
+ //设备类筛选
|
|
|
|
+ selectValue(val: string) {
|
|
|
|
+ console.log(val, 3)
|
|
|
|
|
|
- // 维护位置
|
|
|
|
- handlePosition() {
|
|
|
|
- this.displayLocation = true
|
|
|
|
- }
|
|
|
|
|
|
+ }
|
|
|
|
|
|
- // close
|
|
|
|
- close() {
|
|
|
|
- this.next = true
|
|
|
|
- this.displayLocation = false
|
|
|
|
- }
|
|
|
|
|
|
+ // 搜索
|
|
|
|
+ SearchValue(val: string) {
|
|
|
|
+ this.inputSearch = val
|
|
|
|
+ this.handleFilter(this.deviceType)
|
|
}
|
|
}
|
|
-</script>
|
|
|
|
-<style lang="scss" scoped>
|
|
|
|
- $margin: 12px;
|
|
|
|
- $border: 1px solid #E1E7EA;
|
|
|
|
- .align {
|
|
|
|
- display: flex;
|
|
|
|
- align-items: center;
|
|
|
|
- justify-content: center;
|
|
|
|
- flex-direction: column;
|
|
|
|
- flex-wrap: wrap;
|
|
|
|
|
|
+
|
|
|
|
+ // 当前分页
|
|
|
|
+ handleCurrentChange(val: number) {
|
|
|
|
+ console.log(val)
|
|
|
|
+ this.paginationList.page = val
|
|
|
|
+ this.handleFilter(this.deviceType)
|
|
}
|
|
}
|
|
|
|
|
|
- .adm-device {
|
|
|
|
- background: #fff;
|
|
|
|
- padding: 12px;
|
|
|
|
- height: 100%;
|
|
|
|
|
|
+ handleSizeChange(val: number) {
|
|
|
|
+ this.paginationList.size = val
|
|
|
|
+ this.handleFilter(this.deviceType)
|
|
|
|
+ }
|
|
|
|
|
|
- .operation {
|
|
|
|
- margin: 12px 0;
|
|
|
|
|
|
+ // 添加设备
|
|
|
|
+ addDevice() {
|
|
|
|
+ this.dialogVisible = true
|
|
|
|
+ }
|
|
|
|
|
|
- .adm-select {
|
|
|
|
- margin-right: $margin;
|
|
|
|
|
|
+ //下一步事件
|
|
|
|
+ handleNext() {
|
|
|
|
+ if (this.deviceVal) {
|
|
|
|
+ this.next = false
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
|
|
- }
|
|
|
|
|
|
+ // 维护位置
|
|
|
|
+ handlePosition() {
|
|
|
|
+ this.displayLocation = true
|
|
|
|
+ }
|
|
|
|
|
|
- .adm-btn {
|
|
|
|
- float: right;
|
|
|
|
- }
|
|
|
|
|
|
+ // close
|
|
|
|
+ close() {
|
|
|
|
+ this.next = true
|
|
|
|
+ this.displayLocation = false
|
|
|
|
+ }
|
|
|
|
+}
|
|
|
|
+</script>
|
|
|
|
+<style lang="scss" scoped>
|
|
|
|
+$margin: 12px;
|
|
|
|
+$border: 1px solid #E1E7EA;
|
|
|
|
+.align {
|
|
|
|
+ display: flex;
|
|
|
|
+ align-items: center;
|
|
|
|
+ justify-content: center;
|
|
|
|
+ flex-direction: column;
|
|
|
|
+ flex-wrap: wrap;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.adm-device {
|
|
|
|
+ background: #fff;
|
|
|
|
+ padding: 12px;
|
|
|
|
+ height: 100%;
|
|
|
|
+
|
|
|
|
+ .operation {
|
|
|
|
+ margin: 12px 0;
|
|
|
|
+
|
|
|
|
+ .adm-select {
|
|
|
|
+ margin-right: $margin;
|
|
|
|
|
|
}
|
|
}
|
|
|
|
|
|
- .hr {
|
|
|
|
- background: #E1E7EA;
|
|
|
|
- color: #E1E7EA;
|
|
|
|
- width: 100%;
|
|
|
|
- height: 1px;
|
|
|
|
- margin-bottom: 16px;
|
|
|
|
|
|
+ .adm-btn {
|
|
|
|
+ float: right;
|
|
}
|
|
}
|
|
|
|
|
|
- .content {
|
|
|
|
- height: 100%;
|
|
|
|
|
|
+ }
|
|
|
|
|
|
- .table {
|
|
|
|
- border-left: $border;
|
|
|
|
- border-right: $border;
|
|
|
|
- border-bottom: $border;
|
|
|
|
- height: calc(100% - 180px);
|
|
|
|
- padding: 12px;
|
|
|
|
|
|
+ .hr {
|
|
|
|
+ background: #E1E7EA;
|
|
|
|
+ color: #E1E7EA;
|
|
|
|
+ width: 100%;
|
|
|
|
+ height: 1px;
|
|
|
|
+ margin-bottom: 16px;
|
|
|
|
+ }
|
|
|
|
|
|
- .void {
|
|
|
|
|
|
+ .content {
|
|
|
|
+ height: 100%;
|
|
|
|
|
|
- margin-top: 200px;
|
|
|
|
- }
|
|
|
|
|
|
+ .table {
|
|
|
|
+ border-left: $border;
|
|
|
|
+ border-right: $border;
|
|
|
|
+ border-bottom: $border;
|
|
|
|
+ height: calc(100% - 180px);
|
|
|
|
+ padding: 12px;
|
|
|
|
|
|
- .void-title {
|
|
|
|
- color: #333333;
|
|
|
|
- line-height: 21px;
|
|
|
|
- font-size: 16px;
|
|
|
|
- }
|
|
|
|
|
|
+ .void {
|
|
|
|
|
|
- .void-tips {
|
|
|
|
- color: #9CA1A9;
|
|
|
|
- line-height: 22px;
|
|
|
|
- font-size: 14px;
|
|
|
|
- }
|
|
|
|
|
|
+ margin-top: 200px;
|
|
}
|
|
}
|
|
|
|
|
|
- .adm-multi-table {
|
|
|
|
|
|
+ .void-title {
|
|
|
|
+ color: #333333;
|
|
|
|
+ line-height: 21px;
|
|
|
|
+ font-size: 16px;
|
|
|
|
+ }
|
|
|
|
|
|
|
|
+ .void-tips {
|
|
|
|
+ color: #9CA1A9;
|
|
|
|
+ line-height: 22px;
|
|
|
|
+ font-size: 14px;
|
|
}
|
|
}
|
|
|
|
+ }
|
|
|
|
|
|
|
|
+ .adm-multi-table {
|
|
|
|
|
|
}
|
|
}
|
|
|
|
|
|
- .adm-pagination {
|
|
|
|
- right: 40px;
|
|
|
|
- position: absolute;
|
|
|
|
- bottom: 30px;
|
|
|
|
- }
|
|
|
|
|
|
+
|
|
}
|
|
}
|
|
|
|
|
|
|
|
+ .adm-pagination {
|
|
|
|
+ right: 40px;
|
|
|
|
+ position: absolute;
|
|
|
|
+ bottom: 30px;
|
|
|
|
+ }
|
|
|
|
+}
|
|
|
|
+
|
|
</style>
|
|
</style>
|
|
<style>
|
|
<style>
|
|
- .data-form {
|
|
|
|
- height: 430px;
|
|
|
|
- }
|
|
|
|
|
|
+.data-form {
|
|
|
|
+ height: 430px;
|
|
|
|
+}
|
|
|
|
|
|
- .text {
|
|
|
|
- color: #000000;
|
|
|
|
- margin-bottom: 10px;
|
|
|
|
|
|
+.text {
|
|
|
|
+ color: #000000;
|
|
|
|
+ margin-bottom: 10px;
|
|
|
|
|
|
- }
|
|
|
|
|
|
+}
|
|
|
|
|
|
- .el-tabs__header {
|
|
|
|
- margin: 0;
|
|
|
|
- }
|
|
|
|
|
|
+.el-tabs__header {
|
|
|
|
+ margin: 0;
|
|
|
|
+}
|
|
|
|
|
|
- .el-dialog__header {
|
|
|
|
- border-bottom: 1px solid #D8D8D8;
|
|
|
|
- }
|
|
|
|
|
|
+.el-dialog__header {
|
|
|
|
+ border-bottom: 1px solid #D8D8D8;
|
|
|
|
+}
|
|
|
|
|
|
- .fl {
|
|
|
|
- float: left;
|
|
|
|
- }
|
|
|
|
|
|
+.fl {
|
|
|
|
+ float: left;
|
|
|
|
+}
|
|
|
|
|
|
- .fr {
|
|
|
|
- float: right;
|
|
|
|
- }
|
|
|
|
|
|
+.fr {
|
|
|
|
+ float: right;
|
|
|
|
+}
|
|
|
|
|
|
- .el-dialog__body {
|
|
|
|
- overflow: hidden;
|
|
|
|
- }
|
|
|
|
|
|
+.el-dialog__body {
|
|
|
|
+ overflow: hidden;
|
|
|
|
+}
|
|
|
|
|
|
- .ml-10 {
|
|
|
|
- margin-left: 10px;
|
|
|
|
- }
|
|
|
|
|
|
+.ml-10 {
|
|
|
|
+ margin-left: 10px;
|
|
|
|
+}
|
|
</style>
|
|
</style>
|