|
@@ -1,6 +1,6 @@
|
|
|
<template>
|
|
|
<div class="adm-system">
|
|
|
- <statistics :statistics-msg="statisticsMsg" />
|
|
|
+ <statistics :statistics-msg="statisticsMsg"/>
|
|
|
<div class="hr"></div>
|
|
|
<div class="operation">
|
|
|
<el-cascader :options="list" ref="floorCascader" clearable v-model="systemType" :props="optionProps"
|
|
@@ -27,16 +27,20 @@
|
|
|
/>
|
|
|
</template>
|
|
|
<div v-else class="void align">
|
|
|
- <svg-icon :height="String(123)" :width="String(120)" name="void" />
|
|
|
+ <svg-icon :height="String(123)" :width="String(120)" name="void"/>
|
|
|
<p class="void-title">暂无内容</p>
|
|
|
<p class="void-tips">可点击左上角选择系统类型</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<!-- 添加/编辑 系统-->
|
|
|
- <el-dialog :title="systemMsg" :visible.sync="dialogVisible" @close="close">
|
|
|
+ <el-dialog
|
|
|
+ :title="systemMsg"
|
|
|
+ :width="!isWidth ? '30%':''"
|
|
|
+ :visible.sync="dialogVisible"
|
|
|
+ @close="close">
|
|
|
<template v-if="next">
|
|
|
- <div class="align" style="height: 400px">
|
|
|
+ <div class="align" :style="{ 'height': isWidth ? '400px':'200px' }">
|
|
|
<span class="text">系统类别</span>
|
|
|
<el-cascader :options="list" clearable v-model="systemVal"
|
|
|
:props="optionProps"
|
|
@@ -77,7 +81,8 @@ export default class extends Vue {
|
|
|
label: 'name',
|
|
|
children: 'children'
|
|
|
}
|
|
|
-
|
|
|
+ // 设置高度
|
|
|
+ isWidth = false
|
|
|
// loading
|
|
|
loading = false;
|
|
|
// 下拉数据
|
|
@@ -117,6 +122,7 @@ export default class extends Vue {
|
|
|
// 搜索内容
|
|
|
inputSearch = "";
|
|
|
systemHeaders = {}
|
|
|
+
|
|
|
// 项目id
|
|
|
get projectId(): string {
|
|
|
return UserModule.projectId;
|
|
@@ -161,7 +167,7 @@ export default class extends Vue {
|
|
|
});
|
|
|
}
|
|
|
});
|
|
|
- if (param.data.length >0 ) {
|
|
|
+ if (param.data.length > 0) {
|
|
|
BeatchQueryParam(param).then((res) => {
|
|
|
this.tableData = data.map((item) => {
|
|
|
res.data.map((child) => {
|
|
@@ -222,6 +228,7 @@ export default class extends Vue {
|
|
|
async handleNext() {
|
|
|
if (this.systemVal[1]) {
|
|
|
this.next = false
|
|
|
+ this.isWidth = true
|
|
|
let param = {
|
|
|
type: this.systemVal[1],
|
|
|
orders: "sort asc, name desc",
|
|
@@ -258,6 +265,7 @@ export default class extends Vue {
|
|
|
this.systemVal = ''
|
|
|
}
|
|
|
this.next = true;
|
|
|
+ this.isWidth = false
|
|
|
}
|
|
|
|
|
|
// 编辑当前行
|
|
@@ -271,7 +279,7 @@ export default class extends Vue {
|
|
|
|
|
|
//信息点重组
|
|
|
informationArrangement(arr: []): any {
|
|
|
- let basicInfos = [{ path: "classification", name: "系统分类"}],
|
|
|
+ let basicInfos = [{ path: "classification", name: "系统分类" }],
|
|
|
dictStages: any[] = [];
|
|
|
this.all = arr;
|
|
|
arr.forEach((item: any) => {
|
|
@@ -311,11 +319,11 @@ export default class extends Vue {
|
|
|
filters: this.systemType[1] ? `classCode='${ this.systemType[1] }'` : undefined,
|
|
|
pageNumber: this.paginationList.page,
|
|
|
pageSize: this.paginationList.size,
|
|
|
- orders: "createTime asc, id asc",
|
|
|
+ orders: "createTime desc, id asc",
|
|
|
projectId: this.projectId,
|
|
|
};
|
|
|
if (this.inputSearch != "") {
|
|
|
- param2.filters = `localName contain '${this.inputSearch}' or localId contain '${this.inputSearch}'`;
|
|
|
+ param2.filters = `localName contain '${ this.inputSearch }' or localId contain '${ this.inputSearch }'`;
|
|
|
}
|
|
|
let promise = new Promise((resolve) => {
|
|
|
dictQuery(param).then((res) => {
|
|
@@ -407,7 +415,8 @@ $border: 1px solid #e1e7ea;
|
|
|
justify-content: center;
|
|
|
flex-direction: column;
|
|
|
flex-wrap: wrap;
|
|
|
- .text{
|
|
|
+
|
|
|
+ .text {
|
|
|
margin-right: 150px;
|
|
|
margin-bottom: 10px;
|
|
|
}
|
|
@@ -493,6 +502,7 @@ $border: 1px solid #e1e7ea;
|
|
|
.el-select, .el-date-editor.el-input, .el-date-editor.el-input__inner {
|
|
|
width: 100%;
|
|
|
}
|
|
|
+
|
|
|
.el-dialog__header {
|
|
|
border-bottom: 1px solid #D8D8D8;
|
|
|
}
|