|
|
|
|
@ -1,16 +1,34 @@
|
|
|
|
|
<!-- 资产管理 -- web系统 -->
|
|
|
|
|
<template>
|
|
|
|
|
<el-row :gutter="20" style="height: 100%;background-color: #F2F4F6;display: flex;">
|
|
|
|
|
<!--部门数据-->
|
|
|
|
|
<el-col :span="3" :xs="24" style="margin-right: 10px;height: 100%; background-color: #fff;padding-top: 20px;">
|
|
|
|
|
<div class="head-container">
|
|
|
|
|
<el-tree
|
|
|
|
|
:data="deptOptions"
|
|
|
|
|
:props="defaultProps"
|
|
|
|
|
:expand-on-click-node="false"
|
|
|
|
|
:filter-node-method="filterNode"
|
|
|
|
|
ref="tree"
|
|
|
|
|
node-key="id"
|
|
|
|
|
default-expand-all
|
|
|
|
|
highlight-current
|
|
|
|
|
@node-click="handleNodeClick"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="20" :xs="24" style="height: 100%;flex: 1;">
|
|
|
|
|
<div class="L-main" id="L-size-main">
|
|
|
|
|
<div class="content-search" id="L-header">
|
|
|
|
|
<div class="search-title">查询条件</div>
|
|
|
|
|
<el-form :inline="true" ref="queryForm" :model="formInline" size="small" class="demo-form-inline">
|
|
|
|
|
<el-row>
|
|
|
|
|
<el-col :span="8">
|
|
|
|
|
<el-col :span="7">
|
|
|
|
|
<el-form-item label="系统名称：" prop="xtmc">
|
|
|
|
|
<el-input v-model="formInline.xtmc" placeholder="请输入系统名称"></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="8">
|
|
|
|
|
<el-col :span="7">
|
|
|
|
|
<el-form-item label="系统类型：" prop="xtlx">
|
|
|
|
|
<el-select v-model="formInline.xtlx" placeholder="请选择系统类型">
|
|
|
|
|
<el-option
|
|
|
|
|
@ -22,7 +40,7 @@
|
|
|
|
|
</el-select>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="8">
|
|
|
|
|
<el-col :span="7">
|
|
|
|
|
<el-form-item label="新增时间：" prop="time">
|
|
|
|
|
<el-date-picker
|
|
|
|
|
v-model="formInline.time"
|
|
|
|
|
@ -38,12 +56,12 @@
|
|
|
|
|
</el-col>
|
|
|
|
|
</el-row>
|
|
|
|
|
<el-row>
|
|
|
|
|
<el-col :span="8">
|
|
|
|
|
<el-col :span="7">
|
|
|
|
|
<el-form-item label="单位名称：" prop="dwmc">
|
|
|
|
|
<el-input v-model="formInline.dwmc" placeholder="请输入单位名称"></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="8">
|
|
|
|
|
<el-col :span="7">
|
|
|
|
|
<el-form-item label="系统状态：" prop="xtzt">
|
|
|
|
|
<el-select v-model="formInline.xtzt" placeholder="请选择系统状态">
|
|
|
|
|
<el-option
|
|
|
|
|
@ -55,7 +73,7 @@
|
|
|
|
|
</el-select>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="8" style="text-align: right;padding-right: 50px;">
|
|
|
|
|
<el-col :span="9" style="text-align: right;padding-right: 35px;">
|
|
|
|
|
<el-form-item>
|
|
|
|
|
<el-button size="mini" @click="resetQuery('queryFrom')">重置</el-button>
|
|
|
|
|
<el-button size="mini" type="primary" @click="handleQuery('queryFrom')">查询</el-button>
|
|
|
|
|
@ -190,17 +208,25 @@
|
|
|
|
|
</div>
|
|
|
|
|
</el-dialog>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
</el-row>
|
|
|
|
|
</template>
|
|
|
|
|
<script>
|
|
|
|
|
import myPagination from "@/views/components/Pagination/index.vue"
|
|
|
|
|
// import myDialog from "@/views/components/myDialog/index.vue"
|
|
|
|
|
import { getToken } from "@/utils/auth";
|
|
|
|
|
import { assetUnit, deleteAssetInfo } from "@/api/auditPagesApi/index";
|
|
|
|
|
import { assetUnit, deleteAssetInfo, schema } from "@/api/auditPagesApi/index";
|
|
|
|
|
export default {
|
|
|
|
|
dicts: ['zc_xtzt','zc_xtlx'],
|
|
|
|
|
components:{myPagination},
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
|
|
|
|
// 部门树选项
|
|
|
|
|
deptOptions: undefined,
|
|
|
|
|
defaultProps: {
|
|
|
|
|
children: "children",
|
|
|
|
|
label: "label"
|
|
|
|
|
},
|
|
|
|
|
formInline:{
|
|
|
|
|
xtmc:"",
|
|
|
|
|
xtlx:"",
|
|
|
|
|
@ -235,6 +261,7 @@ export default {
|
|
|
|
|
},
|
|
|
|
|
mounted(){
|
|
|
|
|
this.getList();
|
|
|
|
|
this.getDeptTree();
|
|
|
|
|
this.cancalDebounce();
|
|
|
|
|
window.addEventListener('resize', this.cancalDebounce);
|
|
|
|
|
},
|
|
|
|
|
@ -242,6 +269,22 @@ export default {
|
|
|
|
|
window.removeEventListener('resize', this.cancalDebounce);
|
|
|
|
|
},
|
|
|
|
|
methods:{
|
|
|
|
|
/** 查询部门下拉树结构 */
|
|
|
|
|
getDeptTree() {
|
|
|
|
|
schema({type:0}).then(response => {
|
|
|
|
|
this.deptOptions = response.data;
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
// 筛选节点
|
|
|
|
|
filterNode(value, data) {
|
|
|
|
|
if (!value) return true;
|
|
|
|
|
return data.label.indexOf(value) !== -1;
|
|
|
|
|
},
|
|
|
|
|
// 节点单击事件
|
|
|
|
|
handleNodeClick(data) {
|
|
|
|
|
this.formInline.deptId = data.id;
|
|
|
|
|
this.handleQuery();
|
|
|
|
|
},
|
|
|
|
|
// 获取列表
|
|
|
|
|
getList(){
|
|
|
|
|
this.loading = true;
|
|
|
|
|
@ -254,6 +297,8 @@ export default {
|
|
|
|
|
// 重置
|
|
|
|
|
resetQuery(){
|
|
|
|
|
this.resetForm("queryForm");
|
|
|
|
|
this.formInline.deptId = undefined;
|
|
|
|
|
this.$refs.tree.setCurrentKey(null);
|
|
|
|
|
this.handleQuery();
|
|
|
|
|
},
|
|
|
|
|
// 查询
|
|
|
|
|
|
