Skip to content

liangzhen / framework-tools-web

Go to a project
Commit a799dbcb by xiehao
Options

fix:选择系统后重置筛选条件

1 parent c1447062
Inline Side-by-side
Showing with 667 additions and 667 deletions
src/views/archi-asset-manage/index.vue
......@@ -4,47 +4,51 @@
<div class="topMenuContainer">
<div style="display: flex; align-items: center">
<el-button
type="primary"
size="medium"
@click="operation('open_add_dialog1', null)"
>选择系统</el-button
type="primary"
size="medium"
@click="operation('open_add_dialog1', null)"
>选择系统
</el-button
>
<el-button
type="primary"
size="medium"
@click="operation('open_add_dialog2', null)"
>选择项目</el-button
type="primary"
size="medium"
@click="operation('open_add_dialog2', null)"
>选择项目
</el-button
>
<div
style="margin-left: 20px; margin-right: 20px"
v-if="showSelectTitle.title"
style="margin-left: 20px; margin-right: 20px"
v-if="showSelectTitle.title"
>
您已选择：{{ showSelectTitle.title }}
</div>
<el-tag v-if="showSelectTitle.title">{{
showSelectTitle.status
}}</el-tag>
showSelectTitle.status
}}
</el-tag>
</div>
<el-button
type="primary"
size="medium"
@click="operation('open_add_dialog4', null)"
>维护资产要素</el-button
type="primary"
size="medium"
@click="operation('open_add_dialog4', null)"
>维护资产要素
</el-button
>
</div>
</el-card>
<div class="archiAssetsManageContainer">
<div class="left_container">
<el-tree
class="filter-tree"
:data="treeData"
:highlight-current="true"
:props="{ children: 'children', label: 'viewName', id: 'viewId' }"
node-key="viewId"
:default-expanded-keys="treeDefaultExpand"
:current-node-key="currentNodekey"
@node-click="treeClick"
ref="tree"
class="filter-tree"
:data="treeData"
:highlight-current="true"
:props="{ children: 'children', label: 'viewName', id: 'viewId' }"
node-key="viewId"
:default-expanded-keys="treeDefaultExpand"
:current-node-key="currentNodekey"
@node-click="treeClick"
ref="tree"
>
</el-tree>
</div>
......@@ -54,46 +58,46 @@
<div class="search_menu_item">
<span class="search_title">资产名称</span>
<el-input
v-no-backslash
v-model="searchParams.let1"
maxlength="100"
placeholder="请输入内容"
class="search_item"
v-no-backslash
v-model="searchParams.let1"
maxlength="100"
placeholder="请输入内容"
class="search_item"
></el-input>
</div>
<div class="search_menu_item">
<span class="search_title">所属元素</span>
<el-select
v-model="searchParams.let2"
@change="zuJianLeiXingSelectChange"
filterable
remote
:remote-method="queryZuJianLeiXingSelect"
clearable
placeholder="请选择"
v-model="searchParams.let2"
@change="zuJianLeiXingSelectChange"
filterable
remote
:remote-method="queryZuJianLeiXingSelect"
clearable
placeholder="请选择"
>
<el-option
v-for="item in zuJianLeiXingSelect"
:key="item.elementId"
:label="item.elementName"
:value="item.elementId"
v-for="item in zuJianLeiXingSelect"
:key="item.elementId"
:label="item.elementName"
:value="item.elementId"
></el-option>
</el-select>
</div>
<div class="search_menu_item">
<span class="search_title">状态</span>
<el-select
filterable
v-model="searchParams.state"
clearable
placeholder="请选择"
class="search_item"
filterable
v-model="searchParams.state"
clearable
placeholder="请选择"
class="search_item"
>
<el-option
v-for="item in assetsStatusOptions"
:key="item.value"
:label="item.label"
:value="item.value"
v-for="item in assetsStatusOptions"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</el-select>
</div>
......@@ -101,17 +105,17 @@
<div class="search_menu_btn_container">
<div class="query_btn" @click="search_table">
<img
class="btn_icon"
src="@/assets/archi-ele-list/search.png"
alt=""
class="btn_icon"
src="@/assets/archi-ele-list/search.png"
alt=""
/>
<p>查询</p>
</div>
<div class="reset_btn" @click="reset">
<img
class="btn_icon"
src="@/assets/archi-ele-list/reset.png"
alt=""
class="btn_icon"
src="@/assets/archi-ele-list/reset.png"
alt=""
/>
<p>重置</p>
</div>
......@@ -119,89 +123,91 @@
</div>
<div class="search_btn">
<el-button
@click="operation('open_add_dialog3', null)"
type="primary"
size="medium"
icon="el-icon-document-add"
>新建</el-button
@click="operation('open_add_dialog3', null)"
type="primary"
size="medium"
icon="el-icon-document-add"
>新建
</el-button
>
<el-button
type="primary"
size="medium"
icon="el-icon-delete"
@click="moreDelete"
>删除</el-button
type="primary"
size="medium"
icon="el-icon-delete"
@click="moreDelete"
>删除
</el-button
>
</div>
<el-table
:height="tableHeight"
@selection-change="select_table_rows"
v-loading="loading"
:data="tableData"
stripe
border
:height="tableHeight"
@selection-change="select_table_rows"
v-loading="loading"
:data="tableData"
stripe
border
>
<el-table-column type="selection" width="55"></el-table-column>
<el-table-column
type="index"
:index="indexMethod"
label="序号"
width="80"
align="center"
type="index"
:index="indexMethod"
label="序号"
width="80"
align="center"
></el-table-column>
<el-table-column
prop="assetName"
label="资产名称"
width="300"
:show-overflow-tooltip="true"
align="center"
prop="assetName"
label="资产名称"
width="300"
:show-overflow-tooltip="true"
align="center"
></el-table-column>
<el-table-column
prop="assetNumber"
label="资产编号"
width="140"
:show-overflow-tooltip="true"
align="center"
prop="assetNumber"
label="资产编号"
width="140"
:show-overflow-tooltip="true"
align="center"
></el-table-column>
<el-table-column
prop="eleName"
label="所属元素"
align="center"
prop="eleName"
label="所属元素"
align="center"
></el-table-column>
<el-table-column
prop="parentElement"
label="上级元素"
align="center"
:formatter="formatParentElement"
show-overflow-tooltip
prop="parentElement"
label="上级元素"
align="center"
:formatter="formatParentElement"
show-overflow-tooltip
></el-table-column>
<el-table-column
prop="parentAssetName"
label="上级资产"
align="center"
show-overflow-tooltip
prop="parentAssetName"
label="上级资产"
align="center"
show-overflow-tooltip
></el-table-column>
<el-table-column width="100" label="图标" align="center">
<template slot-scope="scope">
<img
:src="scope.row.icon"
alt=""
:style="{ width: scope.row.width, height: scope.row.height }"
:src="scope.row.icon"
alt=""
:style="{ width: scope.row.width, height: scope.row.height }"
/>
</template>
</el-table-column>
<el-table-column
prop="version"
label="版本号"
align="center"
show-overflow-tooltip
prop="version"
label="版本号"
align="center"
show-overflow-tooltip
></el-table-column>
<el-table-column
label="状态"
align="center"
prop="state"
:formatter="
label="状态"
align="center"
prop="state"
:formatter="
(row, column, cellValue, index) =>
formatterDept(
row,
......@@ -219,158 +225,144 @@
<span v-if="scope.row.isExtend == 0">系统资产</span>
</template>
</el-table-column>
<!--<el-table-column-->
<!-- prop="createMan"-->
<!-- label="创建人"-->
<!-- align="center"-->
<!--&gt;</el-table-column>-->
<el-table-column
prop="createMan"
label="创建人"
align="center"
></el-table-column>
<el-table-column
prop="createTime"
label="创建时间"
width="100"
align="center"
prop="createTime"
label="创建时间"
width="100"
align="center"
></el-table-column>
<el-table-column label="操作" width="440" align="center">
<template slot-scope="scope">
<div
style="
style="
display: flex;
align-items: center;
justify-content: center;
"
>
<el-button
icon="el-icon-view"
type="primary"
size="mini"
@click="viewItem(scope.row)"
>查看</el-button
icon="el-icon-view"
type="primary"
size="mini"
@click="viewItem(scope.row)"
>查看
</el-button
>
<el-button
icon="el-icon-edit"
type="primary"
size="mini"
@click="editItem(scope.row)"
:disabled="scope.row.state == 1 || scope.row.isExtend == 1"
>编辑</el-button
icon="el-icon-edit"
type="primary"
size="mini"
@click="editItem(scope.row)"
:disabled="scope.row.state == 1 || scope.row.isExtend == 1"
>编辑
</el-button
>
<el-button
icon="el-icon-upload2"
type="primary"
size="mini"
@click="releaseItem(scope.row)"
:disabled="scope.row.state == 1 || scope.row.isExtend == 1"
>发布</el-button
icon="el-icon-upload2"
type="primary"
size="mini"
@click="releaseItem(scope.row)"
:disabled="scope.row.state == 1 || scope.row.isExtend == 1"
>发布
</el-button
>
<el-button
type="primary"
icon="el-icon-remove-outline"
size="mini"
@click="stopItem(scope.row)"
:disabled="scope.row.state != 1 || scope.row.isExtend == 1"
>停用</el-button
type="primary"
icon="el-icon-remove-outline"
size="mini"
@click="stopItem(scope.row)"
:disabled="scope.row.state != 1 || scope.row.isExtend == 1"
>停用
</el-button
>
<el-button
class="shanChu_btn"
icon="el-icon-delete"
size="mini"
@click="deleteItem(scope.row)"
:disabled="scope.row.state == 1 || scope.row.isExtend == 1"
>删除</el-button
class="shanChu_btn"
icon="el-icon-delete"
size="mini"
@click="deleteItem(scope.row)"
:disabled="scope.row.state == 1 || scope.row.isExtend == 1"
>删除
</el-button
>
</div>
</template>
</el-table-column>
</el-table>
<el-pagination
background
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="pager.current"
:page-sizes="pager.sizes"
:page-size="pager.size"
layout="total, sizes, prev, pager, next, jumper"
:total="pager.total"
background
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="pager.current"
:page-sizes="pager.sizes"
:page-size="pager.size"
layout="total, sizes, prev, pager, next, jumper"
:total="pager.total"
>
</el-pagination>
</div>
</div>
<el-dialog
title="选择系统"
:visible.sync="add_dialog1"
:center="false"
:close-on-click-modal="false"
width="80%"
title="选择系统"
:visible.sync="add_dialog1"
:center="false"
:close-on-click-modal="false"
width="80%"
>
<div
class="search_menu"
style="justify-content: center; margin-bottom: 20px"
class="search_menu"
style="justify-content: center; margin-bottom: 20px"
>
<div class="search_menu_item_container">
<div class="search_menu_item" style="width: auto">
<span class="search_title">组织单位</span>
<!-- <el-input
v-no-backslash
v-model="searchParams2.let1"
maxlength="100"
placeholder="请输入内容"
class="search_item"
></el-input> -->
<el-select v-model="searchParams2.let1" placeholder="请选择">
<el-option
v-for="item in sysOrgOptions"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
<el-select filterable v-model="searchParams2.let1" placeholder="请选择" class="search_item">
<el-option
v-for="item in sysOrgOptions"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</el-select>
</div>
<div class="search_menu_item" style="width: auto">
<span class="search_title">业务部门</span>
<!-- <el-input
v-no-backslash
v-model="searchParams2.let2"
maxlength="100"
placeholder="请输入内容"
class="search_item"
></el-input> -->
<el-select
filterable
v-model="searchParams2.let2"
placeholder="请选择"
class="search_item"
>
<el-option
v-for="item in sysDeptOptions"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
<el-select filterable v-model="searchParams2.let2" placeholder="请选择" class="search_item">
<el-option
v-for="item in sysDeptOptions"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</el-select>
</div>
<div class="search_menu_item" style="width: auto">
<span class="search_title">系统名称</span>
<el-input
v-no-backslash
v-model="searchParams2.let3"
maxlength="100"
placeholder="请输入内容"
class="search_item"
v-no-backslash
v-model="searchParams2.let3"
maxlength="100"
placeholder="请输入内容"
class="search_item"
></el-input>
</div>
<div class="search_menu_item" style="width: auto">
<span class="search_title">建设类型</span>
<el-select
v-model="searchParams2.let4"
placeholder="请选择"
class="search_item"
v-model="searchParams2.let4"
placeholder="请选择"
class="search_item"
>
<el-option
v-for="item in jianSheLeiXingSelect"
:key="item.value"
:label="item.label"
:value="item.value"
v-for="item in jianSheLeiXingSelect"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</el-select>
</div>
......@@ -378,53 +370,53 @@
<div class="search_menu_btn_container">
<div class="query_btn" @click="search_table2">
<img
class="btn_icon"
src="@/assets/archi-ele-list/search.png"
alt=""
class="btn_icon"
src="@/assets/archi-ele-list/search.png"
alt=""
/>
<p>查询</p>
</div>
<div class="reset_btn" @click="reset2">
<img
class="btn_icon"
src="@/assets/archi-ele-list/reset.png"
alt=""
class="btn_icon"
src="@/assets/archi-ele-list/reset.png"
alt=""
/>
<p>重置</p>
</div>
</div>
</div>
<el-table
height="400"
v-loading="loading2"
:data="tableData2"
@selection-change="select_table_rows2"
stripe
border
height="400"
v-loading="loading2"
:data="tableData2"
@selection-change="select_table_rows2"
stripe
border
>
<el-table-column align="center" type="selection" width="55"></el-table-column>
<el-table-column
type="index"
label="序号"
width="80"
align="center"
type="index"
label="序号"
width="80"
align="center"
></el-table-column>
<el-table-column
prop="manageOrgId_"
label="组织单位"
align="center"
prop="manageOrgId_"
label="组织单位"
align="center"
></el-table-column>
<el-table-column
prop="manageDeptId_"
label="业务部门"
align="center"
prop="manageDeptId_"
label="业务部门"
align="center"
></el-table-column>
<el-table-column
prop="appName"
label="系统名称"
align="center"
width="200"
:show-overflow-tooltip="true"
prop="appName"
label="系统名称"
align="center"
width="200"
:show-overflow-tooltip="true"
></el-table-column>
<el-table-column label="建设类型" align="center">
<template slot-scope="scope">
......@@ -432,125 +424,96 @@
<span v-else>自建</span>
</template>
</el-table-column>
<el-table-column prop="buildOrg" label="承建单位" align="center">
<template v-slot="scope">
<span>{{ scope.row.buildOrg | orgNameFilter(that) }}</span>
</template>
</el-table-column>
<el-table-column
prop="buildOrg"
label="承建单位"
align="center"
></el-table-column>
<el-table-column
prop="projectManager"
label="项目经理"
align="center"
></el-table-column>
<el-table-column
prop="createMan"
label="创建人"
align="center"
prop="projectManager"
label="项目经理"
align="center"
></el-table-column>
<el-table-column
prop="createTime"
label="创建时间"
align="center"
prop="createTime"
label="创建时间"
align="center"
></el-table-column>
</el-table>
<el-pagination
background
@size-change="handleSizeChange2"
@current-change="handleCurrentChange2"
:current-page="pager2.current"
:page-sizes="pager2.sizes"
:page-size="pager2.size"
layout="total, sizes, prev, pager, next, jumper"
:total="pager2.total"
background
@size-change="handleSizeChange2"
@current-change="handleCurrentChange2"
:current-page="pager2.current"
:page-sizes="pager2.sizes"
:page-size="pager2.size"
layout="total, sizes, prev, pager, next, jumper"
:total="pager2.total"
>
</el-pagination>
<span slot="footer" class="dialog-footer">
<el-button
class="greenButton"
@click="dialogOperation('selectSystem', null)"
>确定</el-button
class="greenButton"
@click="dialogOperation('selectSystem', null)"
>确定</el-button
>
<el-button @click="dialogOperation('cancelSelectSystem', null)"
>取消</el-button
>取消</el-button
>
</span>
</el-dialog>
<el-dialog
title="选择项目"
:visible.sync="add_dialog2"
:center="false"
:close-on-click-modal="false"
width="80%"
title="选择项目"
:visible.sync="add_dialog2"
:center="false"
:close-on-click-modal="false"
width="80%"
>
<div
class="search_menu"
style="justify-content: center; margin-bottom: 20px"
class="search_menu"
style="justify-content: center; margin-bottom: 20px"
>
<div class="search_menu_item_container">
<div class="search_menu_item" style="width: auto">
<span class="search_title">组织单位</span>
<!-- <el-input
v-no-backslash
v-model="searchParams3.let1"
maxlength="100"
placeholder="请输入内容"
class="search_item"
></el-input> -->
<el-select v-model="searchParams3.let1" placeholder="请选择">
<el-option
v-for="item in sysOrgOptions"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
<el-select filterable v-model="searchParams3.let1" placeholder="请选择" class="search_item">
<el-option
v-for="item in sysOrgOptions"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</el-select>
</div>
<div class="search_menu_item" style="width: auto">
<span class="search_title">业务部门</span>
<!-- <el-input
v-no-backslash
v-model="searchParams3.let2"
maxlength="100"
placeholder="请输入内容"
class="search_item"
></el-input> -->
<el-select
filterable
v-model="searchParams2.let2"
placeholder="请选择"
class="search_item"
>
<el-option
v-for="item in sysDeptOptions"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
<el-select filterable v-model="searchParams3.let2" placeholder="请选择" class="search_item">
<el-option
v-for="item in sysDeptOptions"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</el-select>
</div>
<div class="search_menu_item" style="width: auto">
<span class="search_title">系统名称</span>
<el-input
v-no-backslash
v-model="searchParams3.let3"
maxlength="100"
placeholder="请输入内容"
class="search_item"
<el-input v-no-backslash
v-model="searchParams3.let3"
maxlength="100"
placeholder="请输入内容"
class="search_item"
></el-input>
</div>
<div class="search_menu_item" style="width: auto">
<span class="search_title">建设类型</span>
<el-select
v-model="searchParams3.let4"
placeholder="请选择"
class="search_item"
>
<el-select v-model="searchParams3.let4" placeholder="请选择" class="search_item">
<el-option
v-for="item in jianSheLeiXingSelect"
:key="item.value"
:label="item.label"
:value="item.value"
v-for="item in jianSheLeiXingSelect"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</el-select>
</div>
......@@ -558,53 +521,53 @@
<div class="search_menu_btn_container">
<div class="query_btn" @click="search_table3">
<img
class="btn_icon"
src="@/assets/archi-ele-list/search.png"
alt=""
class="btn_icon"
src="@/assets/archi-ele-list/search.png"
alt=""
/>
<p>查询</p>
</div>
<div class="reset_btn" @click="reset3">
<img
class="btn_icon"
src="@/assets/archi-ele-list/reset.png"
alt=""
class="btn_icon"
src="@/assets/archi-ele-list/reset.png"
alt=""
/>
<p>重置</p>
</div>
</div>
</div>
<el-table
height="400"
v-loading="loading"
:data="tableData3"
@selection-change="select_table_rows3"
stripe
border
height="400"
v-loading="loading"
:data="tableData3"
@selection-change="select_table_rows3"
stripe
border
>
<el-table-column type="selection" width="55"></el-table-column>
<el-table-column
type="index"
label="序号"
width="80"
align="center"
type="index"
label="序号"
width="80"
align="center"
></el-table-column>
<el-table-column
prop="manageOrgId_"
label="组织单位"
align="center"
prop="manageOrgId_"
label="组织单位"
align="center"
></el-table-column>
<el-table-column
prop="manageDeptId_"
label="业务部门"
align="center"
prop="manageDeptId_"
label="业务部门"
align="center"
></el-table-column>
<el-table-column
prop="appName"
label="系统名称"
align="center"
width="200"
:show-overflow-tooltip="true"
prop="appName"
label="系统名称"
align="center"
width="200"
:show-overflow-tooltip="true"
></el-table-column>
<el-table-column label="建设类型" align="center">
<template slot-scope="scope">
......@@ -612,108 +575,88 @@
<span v-else>自建</span>
</template>
</el-table-column>
<el-table-column
prop="prjName"
label="项目名称"
align="center"
width="200"
:show-overflow-tooltip="true"
></el-table-column>
<el-table-column prop="prjName" label="项目名称" align="center" width="200" :show-overflow-tooltip="true"/>
<el-table-column label="是否续建" align="center">
<template slot-scope="scope">
<span v-if="scope.row.prjPlanClass == 1">否</span>
<span v-else>是</span>
</template>
</el-table-column>
<el-table-column
prop="buildOrg"
label="承建单位"
align="center"
></el-table-column>
<el-table-column
prop="projectManager"
label="项目经理"
align="center"
></el-table-column>
<el-table-column
prop="createMan"
label="创建人"
align="center"
></el-table-column>
<el-table-column
prop="createTime"
label="创建时间"
align="center"
></el-table-column>
<el-table-column prop="buildOrg" label="承建单位" align="center">
<template v-slot="scope">
<span>{{ scope.row.buildOrg | orgNameFilter(that) }}</span>
</template>
</el-table-column>
<el-table-column prop="createTime" label="创建时间" align="center"/>
</el-table>
<el-pagination
background
@size-change="handleSizeChange3"
@current-change="handleCurrentChange3"
:current-page="pager3.current"
:page-sizes="pager3.sizes"
:page-size="pager3.size"
layout="total, sizes, prev, pager, next, jumper"
:total="pager3.total"
background
@size-change="handleSizeChange3"
@current-change="handleCurrentChange3"
:current-page="pager3.current"
:page-sizes="pager3.sizes"
:page-size="pager3.size"
layout="total, sizes, prev, pager, next, jumper"
:total="pager3.total"
>
</el-pagination>
<span slot="footer" class="dialog-footer">
<el-button
class="greenButton"
@click="dialogOperation('selectProject', null)"
>确定</el-button
class="greenButton"
@click="dialogOperation('selectProject', null)"
>确定</el-button
>
<el-button @click="dialogOperation('cancelSelectProject', null)"
>取消</el-button
>取消</el-button
>
</span>
</el-dialog>
<el-dialog
:title="getDialogTitle"
:visible.sync="add_dialog3"
:center="false"
:close-on-click-modal="false"
width="60%"
@close="handleDialogClose"
:title="getDialogTitle"
:visible.sync="add_dialog3"
:center="false"
:close-on-click-modal="false"
width="60%"
@close="handleDialogClose"
>
<el-form
:model="ruleForm"
:rules="rules"
ref="form"
style="height: 400px; overflow-y: auto"
:model="ruleForm"
:rules="rules"
ref="form"
style="height: 400px; overflow-y: auto"
>
<div class="form_item_container">
<el-form-item label="资产名称:" prop="assetName">
<el-input
placeholder="请输入内容"
v-no-backslash
v-model="ruleForm.assetName"
:disabled="is_add_edit == 'view' ? true : false"
maxlength="100"
placeholder="请输入内容"
v-no-backslash
v-model="ruleForm.assetName"
:disabled="is_add_edit == 'view' ? true : false"
maxlength="100"
></el-input>
</el-form-item>
<el-form-item label="资产编号:" prop="assetNumber">
<el-input
placeholder="请输入内容"
v-no-backslash
v-model="ruleForm.assetNumber"
:disabled="is_add_edit == 'view' ? true : false"
maxlength="100"
placeholder="请输入内容"
v-no-backslash
v-model="ruleForm.assetNumber"
:disabled="is_add_edit == 'view' ? true : false"
maxlength="100"
></el-input>
</el-form-item>
<el-form-item label="排序:" prop="sort">
<el-input-number
style="width: 200px"
v-model="ruleForm.sort"
:disabled="is_add_edit == 'view' ? true : false"
:min="0"
style="width: 200px"
v-model="ruleForm.sort"
:disabled="is_add_edit == 'view' ? true : false"
:min="0"
></el-input-number>
</el-form-item>
<el-form-item label="是否首页展示:" prop="isShow">
<el-radio-group
:disabled="is_add_edit == 'view' ? true : false"
v-model="ruleForm.isShow"
:disabled="is_add_edit == 'view' ? true : false"
v-model="ruleForm.isShow"
>
<el-radio :label="0">显示</el-radio>
<el-radio :label="1">隐藏</el-radio>
......@@ -721,127 +664,128 @@
</el-form-item>
<el-form-item label="所属元素:" prop="archiEleId">
<el-select
v-model="ruleForm.archiEleId"
@change="zuJianLeiXingSelectChange"
:disabled="is_add_edit == 'view' ? true : false"
filterable
remote
:remote-method="queryZuJianLeiXingSelect"
clearable
placeholder="请选择"
v-model="ruleForm.archiEleId"
@change="zuJianLeiXingSelectChange"
:disabled="is_add_edit == 'view' ? true : false"
filterable
remote
:remote-method="queryZuJianLeiXingSelect"
clearable
placeholder="请选择"
>
<el-option
v-for="item in zuJianLeiXingSelect"
:key="item.elementId"
:label="item.elementName"
:value="item.elementId"
v-for="item in zuJianLeiXingSelect"
:key="item.elementId"
:label="item.elementName"
:value="item.elementId"
></el-option>
</el-select>
</el-form-item>
<el-form-item
label="上级元素:"
v-if="ruleForm.archiEleId && preArcList.length"
label="上级元素:"
v-if="ruleForm.archiEleId && preArcList.length"
>
<el-select
@change="handlePreEleChange"
:disabled="is_add_edit == 'view' ? true : false"
v-model="ruleForm.preArc"
filterable
clearable
placeholder="请选择"
@change="handlePreEleChange"
:disabled="is_add_edit == 'view' ? true : false"
v-model="ruleForm.preArc"
filterable
clearable
placeholder="请选择"
>
<el-option
v-for="(item, idx) in preArcList"
:key="idx"
:label="item.parentElement"
:value="item.parentElement"
v-for="(item, idx) in preArcList"
:key="idx"
:label="item.parentElement"
:value="item.parentElement"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="上级节点:" prop="parentAssetName">
<el-cascader
:disabled="
:disabled="
is_add_edit == 'view' ||
(!ruleForm.preArc && !treeSelectData.length)
? true
: false
"
v-model="cascaderValue"
:options="treeSelectData"
filterable
:props="{
v-model="cascaderValue"
:options="treeSelectData"
filterable
:props="{
children: 'children',
label: 'assetName',
value: 'assetId',
checkStrictly: true,
}"
@change="handleChange"
@change="handleChange"
></el-cascader>
</el-form-item>
<el-form-item label="图标设置:" prop="icon">
<div class="flex">
<img
:style="{
:style="{
width: selectGraphSrc ? '80px' : 0,
height: selectGraphSrc ? '40px' : 0,
}"
:src="selectGraphSrc"
alt=""
:src="selectGraphSrc"
alt=""
/>
<div
style="display: flex"
v-if="is_add_edit == 'view' ? false : true"
style="display: flex"
v-if="is_add_edit == 'view' ? false : true"
>
<el-button type="primary" @click="openGraphDialog"
>图形选择</el-button
>图形选择
</el-button
>
<el-color-picker
v-model="ruleForm.color"
:predefine="predefineColors"
v-model="ruleForm.color"
:predefine="predefineColors"
>
</el-color-picker>
</div>
</div>
</el-form-item>
<el-form-item
class="dynamicFormClass"
v-for="(item, index) in ruleForm.dynamicForm_"
:key="index"
:label="item.cnName + ':'"
class="dynamicFormClass"
v-for="(item, index) in ruleForm.dynamicForm_"
:key="index"
:label="item.cnName + ':'"
>
<template v-if="item.controlType == 0">
<el-input
placeholder="请输入内容"
:disabled="is_add_edit == 'view' ? true : false"
v-no-backslash
v-model="item.value_"
maxlength="100"
placeholder="请输入内容"
:disabled="is_add_edit == 'view' ? true : false"
v-no-backslash
v-model="item.value_"
maxlength="100"
></el-input>
</template>
<template v-else-if="item.controlType == 1">
<el-input
placeholder="请输入内容"
:disabled="is_add_edit == 'view' ? true : false"
v-no-backslash
v-model="item.value_"
type="textarea"
:rows="3"
maxlength="200"
show-word-limit
placeholder="请输入内容"
:disabled="is_add_edit == 'view' ? true : false"
v-no-backslash
v-model="item.value_"
type="textarea"
:rows="3"
maxlength="200"
show-word-limit
></el-input>
</template>
<template v-else>
<el-select
class="selectComponent"
v-model="item.value_"
clearable
:disabled="is_add_edit == 'view' ? true : false"
class="selectComponent"
v-model="item.value_"
clearable
:disabled="is_add_edit == 'view' ? true : false"
>
<el-option
v-for="item2 in item.dictArray_"
:key="item2.id"
:label="item2.label"
:value="item2.id"
v-for="item2 in item.dictArray_"
:key="item2.id"
:label="item2.label"
:value="item2.id"
></el-option>
</el-select>
</template>
......@@ -850,62 +794,64 @@
</el-form>
<span slot="footer" class="dialog-footer">
<el-button
class="greenButton"
@click="dialogOperation('save_dialog', null)"
>确定</el-button
class="greenButton"
@click="dialogOperation('save_dialog', null)"
>确定</el-button
>
<el-button @click="add_dialog3 = false">取消</el-button>
</span>
</el-dialog>
<el-dialog
title="选择遵从总体架构资产类型(所属元素)"
:visible.sync="add_dialog4"
:center="false"
:close-on-click-modal="false"
width="80%"
title="选择遵从总体架构资产类型(所属元素)"
:visible.sync="add_dialog4"
:center="false"
:close-on-click-modal="false"
width="80%"
>
<div style="height: 524px">
<el-card
v-for="item in elementTree"
:key="item.archiBelongId"
style="margin-bottom: 20px"
v-for="item in elementTree"
:key="item.archiBelongId"
style="margin-bottom: 20px"
>
<div style="text-align: left">
<el-checkbox
:indeterminate="item.isIndeterminate"
v-model="item.checkAll"
@change="(val) => handleCheckAllChange(val, item)"
>{{ item.archiBelongName }}</el-checkbox
:indeterminate="item.isIndeterminate"
v-model="item.checkAll"
@change="(val) => handleCheckAllChange(val, item)"
>{{ item.archiBelongName }}
</el-checkbox
>
</div>
<div style="margin: 15px 0"></div>
<el-checkbox-group
v-model="item.checkedCities"
@change="(value) => handleCheckedCitiesChange(value, item)"
style="overflow-x: auto; display: flex"
v-model="item.checkedCities"
@change="(value) => handleCheckedCitiesChange(value, item)"
style="overflow-x: auto; display: flex"
>
<el-checkbox
v-for="city in item.subList"
:label="city.assetId"
:key="city.assetId"
>{{ city.assetName }}</el-checkbox
v-for="city in item.subList"
:label="city.assetId"
:key="city.assetId"
>{{ city.assetName }}
</el-checkbox
>
</el-checkbox-group>
</el-card>
</div>
<span slot="footer" class="dialog-footer">
<el-button
class="greenButton"
@click="dialogOperation('saveFactor', null)"
>确定</el-button
class="greenButton"
@click="dialogOperation('saveFactor', null)"
>确定</el-button
>
<el-button @click="add_dialog4 = false">取消</el-button>
</span>
</el-dialog>
<!-- 选择图形 -->
<ChooseSvg @emitSvg="getChooseSvg" :visible.sync="chooseSvgVisible" />
<ChooseSvg @emitSvg="getChooseSvg" :visible.sync="chooseSvgVisible"/>
</div>
</template>
......@@ -930,12 +876,13 @@ import {
getPreArc,
} from '@/api/index.js'
import $ from 'jquery'
import { MessageBox, Message } from 'element-ui'
import { getDictTypeOptions } from '@/utils'
import { archiEleColor } from '@/config/index.js'
import {MessageBox, Message} from 'element-ui'
import {getDictTypeOptions} from '@/utils'
import {archiEleColor} from '@/config/index.js'
export default {
name: 'archiAssetsManage',
components: { ChooseSvg },
components: {ChooseSvg},
watch: {},
data() {
return {
......@@ -1023,16 +970,17 @@ export default {
},
rules: {
assetName: [
{ required: true, message: '请输入资产名称', trigger: 'blur' },
{required: true, message: '请输入资产名称', trigger: 'blur'},
],
assetNumber: [
{ required: true, message: '请输入资产编号', trigger: 'blur' },
{required: true, message: '请输入资产编号', trigger: 'blur'},
],
archiEleId: [
{ required: true, message: '请选择所属元素', trigger: 'change' },
{required: true, message: '请选择所属元素', trigger: 'change'},
],
icon: [{ required: true, message: '请选择图形', trigger: 'change' }],
icon: [{required: true, message: '请选择图形', trigger: 'change'}],
},
chengJianDeptSelect: [],
zuJianLeiXingSelect: [],
archiBelongId: null,
archiType: null,
......@@ -1053,6 +1001,13 @@ export default {
cascaderValue: [],
sysOrgOptions: [],
sysDeptOptions: [],
that: this
}
},
filters: {
orgNameFilter(orgId, that) {
const org = that.chengJianDeptSelect?.find(item => item.value == orgId);
return org ? org.label : "";
}
},
computed: {
......@@ -1060,8 +1015,8 @@ export default {
return this.is_add_edit == 'add'
? '新建资产'
: this.is_add_edit == 'edit'
? '编辑资产'
: '查看资产'
? '编辑资产'
: '查看资产'
}
},
mounted() {
......@@ -1074,7 +1029,7 @@ export default {
this.jianSheLeiXingSelect = res
})
this.getZuZhiDanWei();
this.getYeWuBuMeng();
this.getYeWuBuMeng();
},
created() {
// 默认选中第一个系统
......@@ -1082,31 +1037,34 @@ export default {
getDictTypeOptions('asset_status').then((res) => {
this.assetsStatusOptions = res
})
getDictTypeOptions('build_company').then((res) => {
this.chengJianDeptSelect = res
})
},
methods: {
getZuZhiDanWei() {//获取组织单位下拉菜单数据
getOrgOption().then(res => {
if(res.code === 200) {
this.sysOrgOptions = res.data.map(v => {
return {
label: v.orgName,
value: v.orgId
}
})
getOrgOption().then(res => {
if (res.code === 200) {
this.sysOrgOptions = res.data.map(v => {
return {
label: v.orgName,
value: v.orgId
}
})
})
}
})
},
getYeWuBuMeng() {//获取业务部门下拉菜单数据
getDeptOption().then(res => {
if(res.code === 200) {
this.sysDeptOptions = res.data.map(v => {
return {
label: v.orgName,
value: v.orgId
}
})
getDeptOption().then(res => {
if (res.code === 200) {
this.sysDeptOptions = res.data.map(v => {
return {
label: v.orgName,
value: v.orgId
}
})
})
}
})
},
formatParentElement(row, column, cellValue, index) {
return cellValue?.replace(/\]|\[|\/?]/g, '').replace('null', '')
......@@ -1117,7 +1075,7 @@ export default {
},
// 获取上级元素
getPreArc(item) {
getPreArc({ eleName: item?.elementName }).then((res) => {
getPreArc({eleName: item?.elementName}).then((res) => {
if (res.code === 200) {
this.preArcList = res.data
if (!this.preArcList.length) {
......@@ -1205,7 +1163,7 @@ export default {
this.selectRow2 = [res.data.records[0]]
this.showSelectTitle.title = this.selectRow2[0].appName
this.showSelectTitle.status =
this.selectRow2[0].buildType == 1 ? '统推' : '自建'
this.selectRow2[0].buildType == 1 ? '统推' : '自建'
this.showSelectTitle.appId = this.selectRow2[0].appId
this.showSelectTitle.appCode = this.selectRow2[0].appCode
this.showSelectTitle.appName = this.selectRow2[0].appName
......@@ -1217,7 +1175,7 @@ export default {
},
zuJianLeiXingSelectChange(data) {
const currentItem = this.zuJianLeiXingSelect.find(
(item) => item.elementId == data,
(item) => item.elementId == data,
)
this.getPreArc(currentItem)
//组件类型选择后
......@@ -1302,8 +1260,8 @@ export default {
const item_icon = item.icon.split('base64,')[1]
const decode_item_icon = window.atob(item_icon) //svg解码，为字符串
const svgDocument = new DOMParser().parseFromString(
decode_item_icon,
'text/xml',
decode_item_icon,
'text/xml',
) //svg字符串转标签
// console.log(svgDocument)
......@@ -1312,9 +1270,9 @@ export default {
const ellipse = svgDocument.getElementsByTagName('ellipse')[0]
const svgTag = svgDocument.getElementsByTagName('svg')[0]
const svgWidth =
Number(svgTag.getAttribute('width').split('px')[0]) / 2
Number(svgTag.getAttribute('width').split('px')[0]) / 2
const svgHeight =
Number(svgTag.getAttribute('height').split('px')[0]) / 2
Number(svgTag.getAttribute('height').split('px')[0]) / 2
item['width'] = svgWidth + 'px'
item['height'] = svgHeight + 'px'
if (item.color) {
......@@ -1330,7 +1288,7 @@ export default {
}
const svgToString = new XMLSerializer().serializeToString(
svgDocument,
svgDocument,
) //svg标签转化为字符串
const encode_item_icon = window.btoa(svgToString) //base64编码
item.icon = 'data:image/svg+xml;base64,' + encode_item_icon
......@@ -1403,18 +1361,18 @@ export default {
}
queryProjectInfoManageTable(params).then((res) => {
if (res.code == 200) {
this.loading3 = false
res.data.records.map(item => {
const resultItem1 = this.sysOrgOptions.filter(item2 => item2.value == item.manageOrgId);
const resultItem2 = this.sysDeptOptions.filter(item2 => item2.value == item.manageDeptId);
this.loading3 = false
res.data.records.map(item => {
const resultItem1 = this.sysOrgOptions.filter(item2 => item2.value == item.manageOrgId);
const resultItem2 = this.sysDeptOptions.filter(item2 => item2.value == item.manageDeptId);
item.manageOrgId_ = resultItem1.length > 0 ? resultItem1[0].label : null;
item.manageDeptId_ = resultItem2.length > 0 ? resultItem2[0].label : null;
})
this.tableData3 = res.data.records
this.pager3.current = res.data.current
this.pager3.total = res.data.total
this.pager3.size = res.data.size
item.manageOrgId_ = resultItem1.length > 0 ? resultItem1[0].label : null;
item.manageDeptId_ = resultItem2.length > 0 ? resultItem2[0].label : null;
})
this.tableData3 = res.data.records
this.pager3.current = res.data.current
this.pager3.total = res.data.total
this.pager3.size = res.data.size
}
})
},
......@@ -1485,17 +1443,17 @@ export default {
}
querysystemInfoManageTable(params).then((res) => {
if (res.code == 200) {
this.loading2 = false
res.data.records.map(item => {
const resultItem1 = this.sysOrgOptions.filter(item2 => item2.value == item.manageOrgId);
const resultItem2 = this.sysDeptOptions.filter(item2 => item2.value == item.manageDeptId);
item.manageOrgId_ = resultItem1.length > 0 ? resultItem1[0].label : null;
item.manageDeptId_ = resultItem2.length > 0 ? resultItem2[0].label : null;
})
this.tableData2 = res.data.records
this.pager2.current = res.data.current
this.pager2.total = res.data.total
this.pager2.size = res.data.size
this.loading2 = false
res.data.records.map(item => {
const resultItem1 = this.sysOrgOptions.filter(item2 => item2.value == item.manageOrgId);
const resultItem2 = this.sysDeptOptions.filter(item2 => item2.value == item.manageDeptId);
item.manageOrgId_ = resultItem1.length > 0 ? resultItem1[0].label : null;
item.manageDeptId_ = resultItem2.length > 0 ? resultItem2[0].label : null;
})
this.tableData2 = res.data.records
this.pager2.current = res.data.current
this.pager2.total = res.data.total
this.pager2.size = res.data.size
}
})
},
......@@ -1549,7 +1507,7 @@ export default {
let checkedCount = value.length
item.checkAll = checkedCount === item.subList.length
item.isIndeterminate =
checkedCount > 0 && checkedCount < item.subList.length
checkedCount > 0 && checkedCount < item.subList.length
},
getElementTreeData(type) {
//查询选择遵从总体架构资产类型数据
......@@ -1589,7 +1547,7 @@ export default {
this.getZuJianLeiXingSelect(null).then((res) => {
this.zuJianLeiXingSelect = res
const currentItem = this.zuJianLeiXingSelect.find(
(item) => item.elementId == this.ruleForm.let3,
(item) => item.elementId == this.ruleForm.let3,
)
if (this.ruleForm.let3) {
this.zuJianLeiXingSelectChange(this.ruleForm.let3)
......@@ -1640,7 +1598,7 @@ export default {
this.getZuJianLeiXingSelect(null).then((res) => {
this.zuJianLeiXingSelect = res
const currentItem = this.zuJianLeiXingSelect.find(
(item) => item.elementId == this.ruleForm.let3,
(item) => item.elementId == this.ruleForm.let3,
)
if (this.ruleForm.let3) {
this.zuJianLeiXingSelectChange(this.ruleForm.let3)
......@@ -1675,34 +1633,34 @@ export default {
confirmButtonClass: 'confirmClass',
type: 'warning',
})
.then(() => {
const params = {
assetId: [row.assetId],
state: row.state,
delFlag: 1,
archiType: this.archiType,
}
deleteSystemTable(params).then((res) => {
if (res.code == 200) {
this.get_table()
Message({
type: 'success',
message: '删除成功!',
})
} else {
Message({
type: 'error',
message: res.msg,
})
.then(() => {
const params = {
assetId: [row.assetId],
state: row.state,
delFlag: 1,
archiType: this.archiType,
}
deleteSystemTable(params).then((res) => {
if (res.code == 200) {
this.get_table()
Message({
type: 'success',
message: '删除成功!',
})
} else {
Message({
type: 'error',
message: res.msg,
})
}
})
})
})
.catch(() => {
Message({
type: 'info',
message: '已取消',
.catch(() => {
Message({
type: 'info',
message: '已取消',
})
})
})
},
dialogOperation(type, data) {
switch (type) {
......@@ -1768,10 +1726,10 @@ export default {
this.$refs.form.validate((valid) => {
if (valid) {
let fieldsValue = [],
eleName,
targetAsset = []
eleName,
targetAsset = []
const items2 = this.zuJianLeiXingSelect.find(
(item) => item.elementId == this.ruleForm.archiEleId,
(item) => item.elementId == this.ruleForm.archiEleId,
)
eleName = items2.elementName
......@@ -1866,33 +1824,33 @@ export default {
confirmButtonClass: 'confirmClass',
type: 'warning',
})
.then(() => {
const params = {
assetId: row.assetId,
state: 0,
archiType: this.archiType,
}
editSystemTable(params).then((res) => {
if (res.code == 200) {
this.get_table()
Message({
type: 'success',
message: '发布成功!',
})
} else {
Message({
type: 'error',
message: res.msg,
})
.then(() => {
const params = {
assetId: row.assetId,
state: 0,
archiType: this.archiType,
}
editSystemTable(params).then((res) => {
if (res.code == 200) {
this.get_table()
Message({
type: 'success',
message: '发布成功!',
})
} else {
Message({
type: 'error',
message: res.msg,
})
}
})
})
})
.catch(() => {
Message({
type: 'info',
message: '已取消',
.catch(() => {
Message({
type: 'info',
message: '已取消',
})
})
})
},
releaseItem(row) {
//发布
......@@ -1903,33 +1861,33 @@ export default {
confirmButtonClass: 'confirmClass',
type: 'warning',
})
.then(() => {
const params = {
assetId: row.assetId,
state: 1,
archiType: this.archiType,
}
editSystemTable(params).then((res) => {
if (res.code == 200) {
this.get_table()
Message({
type: 'success',
message: '发布成功!',
})
} else {
Message({
type: 'error',
message: res.msg,
})
.then(() => {
const params = {
assetId: row.assetId,
state: 1,
archiType: this.archiType,
}
editSystemTable(params).then((res) => {
if (res.code == 200) {
this.get_table()
Message({
type: 'success',
message: '发布成功!',
})
} else {
Message({
type: 'error',
message: res.msg,
})
}
})
})
})
.catch(() => {
Message({
type: 'info',
message: '已取消',
.catch(() => {
Message({
type: 'info',
message: '已取消',
})
})
})
},
get_key(key) {
//查询字典
......@@ -1973,7 +1931,7 @@ export default {
this.add_dialog1 = false
this.showSelectTitle.title = this.selectRow2[0].appName
this.showSelectTitle.status =
this.selectRow2[0].buildType == 1 ? '统推' : '自建'
this.selectRow2[0].buildType == 1 ? '统推' : '自建'
this.showSelectTitle.buildType = null
this.showSelectTitle.prjId = null
......@@ -2008,7 +1966,7 @@ export default {
this.showSelectTitle.title = this.selectRow3[0].prjName
this.showSelectTitle.status =
this.selectRow3[0].prjPlanClass == 1 ? '新建' : '续建'
this.selectRow3[0].prjPlanClass == 1 ? '新建' : '续建'
this.showSelectTitle.buildType = this.selectRow3[0].buildType
this.showSelectTitle.prjId = this.selectRow3[0].prjId
......@@ -2088,28 +2046,28 @@ export default {
confirmButtonClass: 'confirmClass',
type: 'warning',
})
.then(() => {
deleteSystemTable(params).then((res) => {
if (res.code == 200) {
this.get_table()
Message({
type: 'success',
message: '删除成功!',
})
} else {
Message({
type: 'error',
message: res.msg,
})
}
.then(() => {
deleteSystemTable(params).then((res) => {
if (res.code == 200) {
this.get_table()
Message({
type: 'success',
message: '删除成功!',
})
} else {
Message({
type: 'error',
message: res.msg,
})
}
})
})
})
.catch(() => {
Message({
type: 'info',
message: '已取消',
.catch(() => {
Message({
type: 'info',
message: '已取消',
})
})
})
}
},
search_table() {
......@@ -2141,16 +2099,20 @@ export default {
.confirmClass {
background-color: #0d867f !important;
}
.el-message-box__content {
padding: 60px 15px 60px 15px;
}
.el-select-dropdown__item {
height: auto;
}
.el-select-dropdown__item.hover,
.el-select-dropdown__item:hover {
background-color: #fff !important;
}
.el-checkbox__input.is-checked + .el-checkbox__label {
color: #0d867f;
}
......@@ -2159,143 +2121,177 @@ export default {
.archiAssetsManage {
width: 100%;
}
/deep/ .is-leaf {
background-color: rgb(245, 246, 250) !important;
}
.archiAssetsManageContainer {
width: 100%;
height: calc(100% - 86px);
display: flex;
}
.topMenuContainer {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
.filter-tree {
width: 300px;
height: 100%;
overflow-y: auto;
}
.dynamicFormClass {
width: 100% !important;
}
/deep/ .el-tree-node__expand-icon {
column-count: #01b7c9;
}
/deep/ .el-tree-node__expand-icon.is-leaf {
color: transparent !important;
}
/deep/ .dynamicFormClass .el-form-item__content {
width: calc(100% - 210px) !important;
text-align: left;
}
.el-form-item {
display: flex;
width: 33%;
}
/deep/ .el-form-item__label {
width: 160px;
}
.form_item_container {
display: flex;
flex-wrap: wrap;
}
.greenButton {
background-color: #0d867f;
color: #fff;
}
/deep/ .el-dialog__header {
background-color: #0d867f;
text-align: left;
}
/deep/ .el-dialog__title {
color: #fff;
}
/deep/ .el-dialog__close {
color: #fff;
}
.el-pagination {
margin-top: 30px;
}
/deep/ .el-pagination.is-background .el-pager li:not(.disabled).active {
background-color: #0d867f;
}
.tingYong_btn {
color: #dea82a;
background-color: #fdf6e6;
}
.shanChu_btn {
color: #dd6a15;
background-color: #f8ebe2;
}
.el-button.is-disabled {
color: #c0c4cc !important;
background-color: #fff !important;
}
.table_container {
width: 97%;
height: calc(100% - 40px);
margin-top: 20px;
}
/deep/
.el-tree--highlight-current
.el-tree-node.is-current
> .el-tree-node__content {
.el-tree--highlight-current
.el-tree-node.is-current
> .el-tree-node__content {
background-color: #0d867f;
color: #fff;
}
/deep/
.el-tree--highlight-current
.el-tree-node.is-current
> .el-tree-node__content
> .is-leaf {
.el-tree--highlight-current
.el-tree-node.is-current
> .el-tree-node__content
> .is-leaf {
background-color: #0d867f !important;
}
/deep/ .el-tree-node__expand-icon.is-leaf {
background-color: #fff !important;
}
.left_container {
width: 20%;
margin-right: 20px;
}
.right_container {
width: 80%;
margin: 20px 20px 0 0;
}
.search_menu {
margin-right: 20px;
display: flex;
justify-content: space-between;
}
.search_menu_item_container {
display: flex;
align-items: center;
}
.search_menu_btn_container {
display: flex;
align-items: center;
}
.search_menu_item {
display: flex;
align-items: center;
width: 344px;
}
.search_title {
/* width: 20%; */
flex-shrink: 0;
margin-right: 15px;
}
.search_item {
width: 60%;
}
.search_btn {
width: 100%;
display: flex;
margin-top: 14px;
margin-bottom: 14px;
}
.import_btn {
display: flex;
align-items: center;
......@@ -2309,9 +2305,11 @@ export default {
color: #0d867f;
cursor: pointer;
}
.btn_icon {
margin-right: 10px;
}
.query_btn {
display: flex;
align-items: center;
......@@ -2326,6 +2324,7 @@ export default {
margin-right: 10px;
cursor: pointer;
}
.reset_btn {
display: flex;
align-items: center;
......@@ -2339,6 +2338,7 @@ export default {
color: #666;
cursor: pointer;
}
.el-button--primary {
background: rgba(13, 134, 127, 0.1);
color: #0d867f;
......
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!