|
|
@@ -0,0 +1,613 @@
|
|
|
+<template>
|
|
|
+ <div>
|
|
|
+ <el-dialog :visible.sync="dialogVisible"
|
|
|
+ class="abow_dialog"
|
|
|
+ width="65%"
|
|
|
+ title="已关联设备"
|
|
|
+ @open="dialogOpen">
|
|
|
+ <el-row>
|
|
|
+ <el-form size="mini"
|
|
|
+ :inline="true"
|
|
|
+ :model="searchForm"
|
|
|
+ ref="searchForm"
|
|
|
+ style="text-align:right;margin-bottom:15px;height:30px">
|
|
|
+ <el-form-item label="设备名称">
|
|
|
+ <el-input v-model="searchForm.Name"
|
|
|
+ placeholder="请输入设备名称"
|
|
|
+ style="width: 140px;" />
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ <el-form-item label="设备编码">
|
|
|
+ <el-input v-model="searchForm.Code"
|
|
|
+ placeholder="请输入设备编号"
|
|
|
+ style="width: 140px;" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item>
|
|
|
+ <el-button size="mini"
|
|
|
+ type="primary"
|
|
|
+ @click="getTableData()"
|
|
|
+ @command="searchCommand">查询
|
|
|
+ </el-button>
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ <el-form-item>
|
|
|
+ <el-button size="mini"
|
|
|
+ type="primary"
|
|
|
+ @click="clearSearch"> 重置
|
|
|
+ </el-button>
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ <el-form-item>
|
|
|
+ <el-button size="mini"
|
|
|
+ type="primary"
|
|
|
+ @click="addusertorole">添加关联设备
|
|
|
+ </el-button>
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ <el-button size="mini"
|
|
|
+ v-if="userselectedOptions.length>0"
|
|
|
+ type="danger"
|
|
|
+ style="margin-right:10px"
|
|
|
+ @click="deletedata">
|
|
|
+ 删除
|
|
|
+ </el-button>
|
|
|
+ </el-form>
|
|
|
+
|
|
|
+ <el-table :data="tableData"
|
|
|
+ v-loading="loading"
|
|
|
+ stripe
|
|
|
+ border
|
|
|
+ highlight-current-row
|
|
|
+ style="width: 100%;overflow:auto;"
|
|
|
+ height="calc(100vh - 500px)"
|
|
|
+ @selection-change="handleUserSelectionChange"
|
|
|
+ @sort-change="handleSortChange">
|
|
|
+ <el-table-column type="selection"
|
|
|
+ header-align="center"
|
|
|
+ width="55">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="设备编码"
|
|
|
+ header-align="center"
|
|
|
+ align="center"
|
|
|
+ show-overflow-tooltip
|
|
|
+ prop="Code">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{scope.row.Code}}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="设备名称"
|
|
|
+ header-align="center"
|
|
|
+ align="center"
|
|
|
+ show-overflow-tooltip
|
|
|
+ prop="Name">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{scope.row.Name}}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="品牌"
|
|
|
+ prop="Brand"
|
|
|
+ align="center"
|
|
|
+ header-align="center"
|
|
|
+ show-overflow-tooltip>
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{scope.row.Brand}}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="设备大类"
|
|
|
+ prop="Classification"
|
|
|
+ align="center"
|
|
|
+ show-overflow-tooltip
|
|
|
+ header-align="center">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{scope.row.Classification}}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="State"
|
|
|
+ header-align="center"
|
|
|
+ label="设备状态"
|
|
|
+ align="center"
|
|
|
+ show-overflow-tooltip>
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-alert v-if="scope.row.State==1"
|
|
|
+ :closable="false"
|
|
|
+ style="background:rgba(255,255,255,0.2)"
|
|
|
+ title="正常"
|
|
|
+ type="success"
|
|
|
+ center></el-alert>
|
|
|
+ <el-alert v-if="scope.row.State==2"
|
|
|
+ :closable="false"
|
|
|
+ style="background:rgba(255,255,255,0.2)"
|
|
|
+ title="维修"
|
|
|
+ type="warning"
|
|
|
+ center></el-alert>
|
|
|
+ <el-alert v-if="scope.row.State==3"
|
|
|
+ :closable="false"
|
|
|
+ style="background:rgba(255,255,255,0.2)"
|
|
|
+ title="闲置"
|
|
|
+ type="info"
|
|
|
+ center></el-alert>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+
|
|
|
+ <el-pagination small
|
|
|
+ :current-page="page.current"
|
|
|
+ :page-size="page.size"
|
|
|
+ :total="page.total"
|
|
|
+ :page-sizes="[10, 15, 20, 25]"
|
|
|
+ layout="total, sizes, prev, pager, next, jumper"
|
|
|
+ @size-change="handleSizeChange"
|
|
|
+ @current-change="handleCurrentChange">
|
|
|
+ </el-pagination>
|
|
|
+ </el-row>
|
|
|
+ </el-dialog>
|
|
|
+ <el-dialog title="添加设备"
|
|
|
+ :visible.sync="adduserVisible"
|
|
|
+ width="900px">
|
|
|
+ <el-form size="mini"
|
|
|
+ label-width="110px"
|
|
|
+ style="text-align:right">
|
|
|
+ <el-row>
|
|
|
+ <el-form size="mini"
|
|
|
+ :inline="true"
|
|
|
+ :model="searchForm2"
|
|
|
+ ref="searchForm"
|
|
|
+ style="text-align:right;margin-bottom:15px;height:30px">
|
|
|
+ <el-form-item label="设备名称">
|
|
|
+ <el-input v-model="searchForm2.Name"
|
|
|
+ placeholder="请输入设备名称"
|
|
|
+ style="width: 140px;" />
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ <el-form-item label="设备编码">
|
|
|
+ <el-input v-model="searchForm2.Code"
|
|
|
+ placeholder="请输入设备编号"
|
|
|
+ style="width: 140px;" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item>
|
|
|
+ <el-button size="mini"
|
|
|
+ type="primary"
|
|
|
+ @click="searchCommand2">查询
|
|
|
+ </el-button>
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ <el-form-item>
|
|
|
+ <el-button size="mini"
|
|
|
+ type="primary"
|
|
|
+ @click="clearSearch2"> 重置
|
|
|
+ </el-button>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ </el-row>
|
|
|
+ <el-row :gutter="10">
|
|
|
+
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-table :data="classificationlist"
|
|
|
+ style="width: 100%;overflow:auto;"
|
|
|
+ height="calc(100vh - 500px)"
|
|
|
+ ref="multipleTable"
|
|
|
+ @selection-change="handleSelectionChange">
|
|
|
+ <el-table-column type="selection"
|
|
|
+ width="55">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="Code"
|
|
|
+ sortable
|
|
|
+ label="设备编码"
|
|
|
+ align="center"></el-table-column>
|
|
|
+ <el-table-column prop="Name"
|
|
|
+ sortable
|
|
|
+ label="设备名称"
|
|
|
+ align="center"
|
|
|
+ show-overflow-tooltip> </el-table-column>
|
|
|
+ <el-table-column prop="Brand"
|
|
|
+ sortable
|
|
|
+ label="品牌"
|
|
|
+ align="center"
|
|
|
+ show-overflow-tooltip></el-table-column>
|
|
|
+ <el-table-column prop="Classification"
|
|
|
+ sortable
|
|
|
+ align="center"
|
|
|
+ label="设备大类"
|
|
|
+ show-overflow-tooltip></el-table-column>
|
|
|
+ <el-table-column prop="State"
|
|
|
+ sortable
|
|
|
+ label="设备状态"
|
|
|
+ align="center"
|
|
|
+ show-overflow-tooltip>
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-alert v-if="scope.row.State==1"
|
|
|
+ :closable="false"
|
|
|
+ style="background:rgba(255,255,255,0.2)"
|
|
|
+ title="正常"
|
|
|
+ type="success"
|
|
|
+ center></el-alert>
|
|
|
+ <el-alert v-if="scope.row.State==2"
|
|
|
+ :closable="false"
|
|
|
+ style="background:rgba(255,255,255,0.2)"
|
|
|
+ title="维修"
|
|
|
+ type="warning"
|
|
|
+ center></el-alert>
|
|
|
+ <el-alert v-if="scope.row.State==3"
|
|
|
+ :closable="false"
|
|
|
+ style="background:rgba(255,255,255,0.2)"
|
|
|
+ title="闲置"
|
|
|
+ type="info"
|
|
|
+ center></el-alert>
|
|
|
+
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+
|
|
|
+ <el-pagination small
|
|
|
+ :current-page="page2.current"
|
|
|
+ :page-size="page2.size"
|
|
|
+ :total="page2.total"
|
|
|
+ :page-sizes="[10, 15, 20, 25]"
|
|
|
+ layout="total, sizes, prev, pager, next, jumper"
|
|
|
+ @size-change="handleSizeChange2"
|
|
|
+ @current-change="handleCurrentChange2">
|
|
|
+ </el-pagination>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-form>
|
|
|
+ <div slot="footer">
|
|
|
+ <el-button size="mini"
|
|
|
+ type="primary"
|
|
|
+ :disabled="!addinstFlag "
|
|
|
+ @click="savedata('classificationlist')">添加设备保存</el-button>
|
|
|
+ <el-button size="mini"
|
|
|
+ @click="adduserVisible = false">关闭</el-button>
|
|
|
+ </div>
|
|
|
+ </el-dialog>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+import {
|
|
|
+ searchroominstrumentdata,
|
|
|
+ // searchmanagingroomtree,
|
|
|
+ deleteinstrumentrooms,
|
|
|
+ getinstrumentinit,
|
|
|
+ savesinstrumentinrooms
|
|
|
+} from '@/api/instrumentroom'
|
|
|
+// import roleApi from '@/api/setting/role'
|
|
|
+// import utils from '@/static/js/utils.js'
|
|
|
+export default {
|
|
|
+ name: 'instrumentrooms',
|
|
|
+ props: {
|
|
|
+ role: Object,
|
|
|
+ value: Boolean
|
|
|
+ },
|
|
|
+ data () {
|
|
|
+ return {
|
|
|
+ dialogvisible: false,
|
|
|
+ classificationlist: [],
|
|
|
+ deluserselectOptions: [],
|
|
|
+ userselectedOptions: [], // 删除用户选择
|
|
|
+ selectedOptions: [],
|
|
|
+ userselectOptions: [],
|
|
|
+ adduserVisible: false,
|
|
|
+ currentSetRoleItemCount: 0,
|
|
|
+ currentSetRolePage: 1,
|
|
|
+ setrolesize: 10,
|
|
|
+ orgtreelist: [],
|
|
|
+ addinstFlag: false,
|
|
|
+ orgtreeprops: {
|
|
|
+ value: 'Id',
|
|
|
+ label: 'RoomNum',
|
|
|
+ children: 'children'
|
|
|
+ },
|
|
|
+ userOptions: [],
|
|
|
+ dialogVisible: false,
|
|
|
+ searchForm: {
|
|
|
+ Name: '',
|
|
|
+ Code: ''
|
|
|
+ },
|
|
|
+ searchForm2: {
|
|
|
+ Name: '',
|
|
|
+ Code: ''
|
|
|
+ },
|
|
|
+ loading: false,
|
|
|
+ tableData: [],
|
|
|
+ page: {
|
|
|
+ current: 1,
|
|
|
+ size: 10,
|
|
|
+ total: 0
|
|
|
+ },
|
|
|
+ page2: {
|
|
|
+ current: 1,
|
|
|
+ size: 10,
|
|
|
+ total: 0
|
|
|
+ },
|
|
|
+ sort: {
|
|
|
+ prop: '',
|
|
|
+ order: ''
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ value (val) {
|
|
|
+ this.dialogVisible = val
|
|
|
+ },
|
|
|
+ dialogVisible (val) {
|
|
|
+ this.$emit('input', val)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ async dialogOpen () {
|
|
|
+ this.getTableData()
|
|
|
+ this.getclassificationlist()
|
|
|
+ // this.getorgtreelist()
|
|
|
+ },
|
|
|
+ // 获取设备列表
|
|
|
+ getTableData () {
|
|
|
+ let _this = this
|
|
|
+ // paginate
|
|
|
+ const params = {
|
|
|
+ _currentPage: this.page.current,
|
|
|
+ _size: this.page.size,
|
|
|
+ Code: this.searchForm.Code,
|
|
|
+ Name: this.searchForm.Name
|
|
|
+ }
|
|
|
+ // Object.assign(params, this.searchForm)
|
|
|
+ // request
|
|
|
+
|
|
|
+ searchroominstrumentdata(this.role.Id, params)
|
|
|
+ .then(res => {
|
|
|
+ // response
|
|
|
+
|
|
|
+ _this.tableData = res.info.items
|
|
|
+ _this.page.total = res.info.currentItemCount
|
|
|
+ })
|
|
|
+ .catch(err => {
|
|
|
+ // handle error
|
|
|
+ console.error(err)
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // // 获取房间树
|
|
|
+ // getorgtreelist () {
|
|
|
+ // let _this = this
|
|
|
+ // let params = {
|
|
|
+ // IsInnerOrganize: 1
|
|
|
+ // }
|
|
|
+ // searchmanagingroomtree(params)
|
|
|
+ // .then(res => {
|
|
|
+ // _this.orgtreelist = utils.toolfun_gettreejson(res.info, 'Id', 'RoomNum', 'Id,RoomNum')
|
|
|
+ // })
|
|
|
+ // .catch(err => {
|
|
|
+ // console.error(err)
|
|
|
+ // })
|
|
|
+ // },
|
|
|
+ // // 获取添加设备列表
|
|
|
+ // getauditerbydept () {
|
|
|
+ // this.selectedOptions = []
|
|
|
+ // this.userOptions = []
|
|
|
+ // const params = {
|
|
|
+ // _currentPage: this.currentSetRolePage,
|
|
|
+ // _size: this.setrolesize
|
|
|
+ // }
|
|
|
+ // getinstrumentinit(params).then(res => {
|
|
|
+ // this.userOptions = res.items
|
|
|
+ // this.currentSetRoleItemCount = res.currentItemCount
|
|
|
+ // }).catch(err => {
|
|
|
+ // console.error(err)
|
|
|
+ // })
|
|
|
+ // },
|
|
|
+ // 获取设备大类
|
|
|
+ getclassificationlist () {
|
|
|
+ let _this = this
|
|
|
+ let params = {
|
|
|
+ code: 'InstrumentItem',
|
|
|
+ _currentPage: this.page2.current,
|
|
|
+ _size: this.page2.size,
|
|
|
+ Code: this.searchForm2.Code,
|
|
|
+ Name: this.searchForm2.Name
|
|
|
+ }
|
|
|
+ getinstrumentinit(params)
|
|
|
+ .then(res => {
|
|
|
+ _this.classificationlist = res.info.items
|
|
|
+ _this.page2.total = res.info.currentItemCount
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 保存设备信息
|
|
|
+ savedata () {
|
|
|
+ let _this = this
|
|
|
+ let tempSelectedOptions = _this.selectedOptions.join(',')
|
|
|
+ let params = {
|
|
|
+ roomId: _this.role.Id,
|
|
|
+ instrumentId: tempSelectedOptions
|
|
|
+ }
|
|
|
+ savesinstrumentinrooms(params)
|
|
|
+ .then(res => {
|
|
|
+ _this.getTableData()
|
|
|
+ })
|
|
|
+ .catch(err => {
|
|
|
+ // handle error
|
|
|
+ console.error(err)
|
|
|
+ })
|
|
|
+ _this.adduserVisible = false
|
|
|
+ },
|
|
|
+ searchCommand (command) {
|
|
|
+ if (command === 'searchForm') {
|
|
|
+ this.dialogvisible = true
|
|
|
+ } else if (command === 'clear') {
|
|
|
+ this.clearSearch()
|
|
|
+ }
|
|
|
+ },
|
|
|
+ searchCommand2 () {
|
|
|
+ this.getclassificationlist()
|
|
|
+ },
|
|
|
+ clearSearch () {
|
|
|
+ this.searchForm.Code = ''
|
|
|
+ this.searchForm.Name = ''
|
|
|
+ this.getTableData()
|
|
|
+ },
|
|
|
+ clearSearch2 () {
|
|
|
+ this.searchForm2.Code = ''
|
|
|
+ this.searchForm2.Name = ''
|
|
|
+ this.getclassificationlist()
|
|
|
+ },
|
|
|
+ // // 选择角色
|
|
|
+ // toggleSelection () {
|
|
|
+ // let _this = this
|
|
|
+ // _this.userselectOptions = []
|
|
|
+
|
|
|
+ // for (let i = 0; i < this.selectedOptions.length; i++) {
|
|
|
+ // this.userselectOptions.push(this.selectedOptions[i].Id)
|
|
|
+ // }
|
|
|
+ // let useridlist = this.userselectOptions.join(',')
|
|
|
+ // let useridliststring = useridlist.toString()
|
|
|
+ // // request
|
|
|
+ // roleApi.setuserrole(useridliststring + '_' + this.role.Id)
|
|
|
+ // .then(res => {
|
|
|
+ // // response
|
|
|
+ // if (res.data.code === 0) {
|
|
|
+ // _this.$message({
|
|
|
+ // type: 'success',
|
|
|
+ // message: res.data.message
|
|
|
+ // })
|
|
|
+ // // 更新界面
|
|
|
+ // this.getTableData()
|
|
|
+ // this.adduserVisible = false
|
|
|
+ // } else {
|
|
|
+ // _this.$message({
|
|
|
+ // type: 'warning',
|
|
|
+ // message: res.data.message
|
|
|
+ // })
|
|
|
+ // }
|
|
|
+ // })
|
|
|
+ // .catch(err => {
|
|
|
+ // // handle error
|
|
|
+ // console.error(err)
|
|
|
+ // })
|
|
|
+ // },
|
|
|
+ // 用户删除选择变化
|
|
|
+ handleUserSelectionChange (val) {
|
|
|
+ this.userselectedOptions = val
|
|
|
+ },
|
|
|
+ // 删除选择设备
|
|
|
+ deletedata () {
|
|
|
+ let _this = this
|
|
|
+ this.$confirm('确认删除?', '确认信息', {
|
|
|
+ confirmButtonText: '删除',
|
|
|
+ cancelButtonText: '关闭'
|
|
|
+ }).then(() => {
|
|
|
+ this.deluserselectOptions = []
|
|
|
+ for (let i = 0; i < this.userselectedOptions.length; i++) {
|
|
|
+ this.deluserselectOptions.push(this.userselectedOptions[i].Id)
|
|
|
+ }
|
|
|
+ let deluseridlist = this.deluserselectOptions.join(',')
|
|
|
+ let deluseridliststring = deluseridlist.toString()
|
|
|
+ // let tempSelectedOptions = _this.selectedOptions.join(',')
|
|
|
+ let params = {
|
|
|
+ roomId: _this.role.Id,
|
|
|
+ instrumentId: deluseridliststring
|
|
|
+ }
|
|
|
+ deleteinstrumentrooms(params)
|
|
|
+ .then(res => {
|
|
|
+ // response
|
|
|
+ if (res.info.code === 0) {
|
|
|
+ this.$message({
|
|
|
+ type: 'success',
|
|
|
+ message: res.info.message
|
|
|
+ })
|
|
|
+ // 更新界面
|
|
|
+ this.getTableData()
|
|
|
+ } else {
|
|
|
+ this.$message({
|
|
|
+ type: 'warning',
|
|
|
+ message: res.info.message
|
|
|
+ })
|
|
|
+ }
|
|
|
+ })
|
|
|
+ .catch(err => {
|
|
|
+ // handle error
|
|
|
+ console.error(err)
|
|
|
+ })
|
|
|
+ })
|
|
|
+ },
|
|
|
+
|
|
|
+ handleSelectionChange (val) {
|
|
|
+ this.selectedOptions = []
|
|
|
+ for (let i = 0; i < val.length; i++) {
|
|
|
+ this.selectedOptions.push(val[i].Id)
|
|
|
+ }
|
|
|
+ if (this.selectedOptions.length !== 0) {
|
|
|
+ this.addinstFlag = true
|
|
|
+ } else {
|
|
|
+ this.addinstFlag = false
|
|
|
+ }
|
|
|
+ },
|
|
|
+ handleNodeClick (data) {
|
|
|
+ this.Id = data.Id
|
|
|
+ this.currentSetRolePage = 1
|
|
|
+ this.getclassificationlist(data.id)
|
|
|
+ },
|
|
|
+ handleSetRoleChange (value) {
|
|
|
+ this.setrolesize = value
|
|
|
+ this.currentSetRolePage = 1
|
|
|
+ this.getclassificationlist()
|
|
|
+ },
|
|
|
+ handleSetRoleCurrentChange (value) {
|
|
|
+ this.currentSetRolePage = value
|
|
|
+ this.getclassificationlist()
|
|
|
+ },
|
|
|
+ addusertorole () {
|
|
|
+ this.adduserVisible = true
|
|
|
+ },
|
|
|
+ handleSearchFormSubmit () {
|
|
|
+ this.getTableData()
|
|
|
+ },
|
|
|
+ handleSearchFormReset () {
|
|
|
+ this.searchForm.Name = ''
|
|
|
+ this.searchForm.Code = ''
|
|
|
+ this.getTableData()
|
|
|
+ },
|
|
|
+ handleSortChange (val) {
|
|
|
+ this.sort.prop = val.prop
|
|
|
+ this.sort.order = val.order
|
|
|
+ this.getTableData()
|
|
|
+ },
|
|
|
+ handleSizeChange (val) {
|
|
|
+ this.page.size = val
|
|
|
+ this.page.current = 1
|
|
|
+ this.getTableData()
|
|
|
+ },
|
|
|
+ handleCurrentChange (val) {
|
|
|
+ this.page.current = val
|
|
|
+ this.getTableData()
|
|
|
+ },
|
|
|
+ handleSizeChange2 (val) {
|
|
|
+ this.page2.size = val
|
|
|
+ this.page2.current = 1
|
|
|
+ this.getclassificationlist()
|
|
|
+ },
|
|
|
+ handleCurrentChange2 (val) {
|
|
|
+ this.page2.current = val
|
|
|
+ this.getclassificationlist()
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="scss">
|
|
|
+.abow_dialog {
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: Center;
|
|
|
+ .el-dialog {
|
|
|
+ margin: 0 auto !important;
|
|
|
+ height: calc(100vh - 323px);
|
|
|
+ .el-dialog__body {
|
|
|
+ position: absolute;
|
|
|
+ left: 0;
|
|
|
+ top: 40px;
|
|
|
+ bottom: 10;
|
|
|
+ right: 0;
|
|
|
+ padding: 5;
|
|
|
+ z-index: 1;
|
|
|
+ overflow: hidden;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+</style>
|