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