|
|
@@ -4,73 +4,56 @@
|
|
|
<div class="stylus-title">
|
|
|
<span style="font-size: 22px;letter-spacing: 1px;font-weight: 600;color: #333B4A;margin-left: 1%;">项目</span>
|
|
|
<div>
|
|
|
- <el-button
|
|
|
- type="primary"
|
|
|
- size="mini"
|
|
|
- @click="home_created_project"
|
|
|
- >新建项目</el-button>
|
|
|
+ <el-button type="primary" size="mini" @click="home_created_project">新建项目</el-button>
|
|
|
</div>
|
|
|
</div>
|
|
|
<el-divider style="color: #EEF0F5;" />
|
|
|
- <div style="display: flex;justify-content: space-between;">
|
|
|
+ <div class="Layout">
|
|
|
<div style="margin-left:1%">
|
|
|
- <el-form :inline="true" label-position="left" :model="form_all" label-width="70px" class="Layout">
|
|
|
- <el-form-item label="业务线">
|
|
|
- <el-select v-model="form_all.bizId" size="small" clearable filterable placeholder="请选择" @change="query_project()">
|
|
|
+ <el-form :model="form_all" class="Layout">
|
|
|
+ <div class="Layout">
|
|
|
+ <div class="queryName">业务线</div>
|
|
|
+ <el-select v-model="form_all.bizId" size="small" clearable filterable placeholder="请选择" @change="query_project(form_all)">
|
|
|
<el-option v-for="item in all_bizId" :key="item.id" :label="item.bizName" :value="item.id" />
|
|
|
</el-select>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="负责人">
|
|
|
- <el-select
|
|
|
- v-model="form_all.projectOwner"
|
|
|
- filterable
|
|
|
- clearable
|
|
|
- remote
|
|
|
- reserve-keyword
|
|
|
- placeholder="请输入姓名或邮箱前缀"
|
|
|
- :remote-method="remoteMethod"
|
|
|
- :loading="loading"
|
|
|
- size="small"
|
|
|
- @change="query_project()"
|
|
|
- >
|
|
|
- <el-option
|
|
|
- v-for="item in options"
|
|
|
- :key="item.idap"
|
|
|
- style="min-width:300px"
|
|
|
- :label="item.name"
|
|
|
- :value="test2(item, 0)"
|
|
|
- >
|
|
|
- <div style="display: flex;justify-content: start;">
|
|
|
- <div style="min-width:100px;color: #8492a6; font-size: 13px; overflow:hidden">{{ item.deptName }}</div>
|
|
|
+ </div>
|
|
|
+ <div class="Layout">
|
|
|
+ <div class="queryName marginLeft">负责人</div>
|
|
|
+ <el-select v-model="form_all.projectOwner" filterable clearable remote reserve-keyword placeholder="请输入姓名或邮箱前缀" :remote-method="remoteMethod" :loading="loading" size="small" @change="query_project(form_all)">
|
|
|
+ <el-option v-for="item in options" :key="item.idap" style="min-width:300px" :label="item.name" :value="test2(item, 0)">
|
|
|
+ <div class="flex_start">
|
|
|
+ <div class="deptName">{{ item.deptName }}</div>
|
|
|
<div style="min-width:80px">{{ item.name }}</div>
|
|
|
- <div style="min-width:100px;color: #8492a6; font-size: 13px; overflow:hidden">{{ item.idap }}</div>
|
|
|
+ <div class="deptName">{{ item.idap }}</div>
|
|
|
</div>
|
|
|
</el-option>
|
|
|
</el-select>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="优先级">
|
|
|
- <el-select v-model="form_all.priority" size="small" clearable filterable placeholder="请选择" @change="query_project()">
|
|
|
+ </div>
|
|
|
+ <div class="Layout">
|
|
|
+ <div class="queryName marginLeft">优先级</div>
|
|
|
+ <el-select v-model="form_all.priority" size="small" clearable filterable placeholder="请选择" @change="query_project(form_all)">
|
|
|
<el-option v-for="item in arr_priority" :key="item.value" :label="item.name" :value="item.value" />
|
|
|
</el-select>
|
|
|
- </el-form-item>
|
|
|
+ </div>
|
|
|
</el-form>
|
|
|
</div>
|
|
|
- <div style="margin: 10px 2px 0 0;width: 66px;">
|
|
|
- <span style="color:rgba(0,160,255,1);width:200px;font-size:14px;height:19px;line-height:19px;font-weight: 500;cursor: pointer;" @click="showSelect">{{ goodName }}</span>
|
|
|
- </div>
|
|
|
+ <div class="screen" @click="showSelect">{{ goodName }}</div>
|
|
|
</div>
|
|
|
<div v-show="DetailedScreening" class="stylus-more">
|
|
|
<div>
|
|
|
- <el-form :inline="true" label-position="left" :model="form_all" label-width="70px" style="display: flex;justify-content: start;">
|
|
|
- <el-form-item label="项目ID">
|
|
|
- <el-input v-model="form_all.id" size="small" clearable placeholder="" />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="项目类型">
|
|
|
+ <el-form :model="form_all" class="flex_start">
|
|
|
+ <div class="Layout">
|
|
|
+ <div class="queryName">项目ID</div>
|
|
|
+ <el-input v-model="form_all.id" size="small" clearable style="width:72% !important;" />
|
|
|
+ </div>
|
|
|
+ <div class="Layout">
|
|
|
+ <div class="queryName marginLeft">项目类型</div>
|
|
|
<el-select v-model="form_all.bizType" size="small" clearable filterable placeholder="请选择">
|
|
|
<el-option v-for="item in arr_prjectType" :key="item.value" :label="item.name" :value="item.value" />
|
|
|
</el-select>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="创建人">
|
|
|
+ </div>
|
|
|
+ <div class="Layout" label="创建人">
|
|
|
+ <div class="queryName marginLeft">创建人</div>
|
|
|
<el-select
|
|
|
v-model="form_all.creater"
|
|
|
filterable
|
|
|
@@ -88,17 +71,17 @@
|
|
|
:label="item.name"
|
|
|
:value="test2(item, 0)"
|
|
|
>
|
|
|
- <div style="display: flex;justify-content: start;">
|
|
|
- <div style="min-width:100px;color: #8492a6; font-size: 13px; overflow:hidden">{{ item.deptName }}</div>
|
|
|
+ <div class="flex_start">
|
|
|
+ <div class="deptName">{{ item.deptName }}</div>
|
|
|
<div style="min-width:80px">{{ item.name }}</div>
|
|
|
- <div style="min-width:100px;color: #8492a6; font-size: 13px; overflow:hidden">{{ item.idap }}</div>
|
|
|
+ <div class="deptName">{{ item.idap }}</div>
|
|
|
</div>
|
|
|
</el-option>
|
|
|
</el-select>
|
|
|
- </el-form-item>
|
|
|
+ </div>
|
|
|
</el-form>
|
|
|
</div>
|
|
|
- <div style="display: flex;justify-content: flex-end;padding-top: 10px;">
|
|
|
+ <div align="right" style="padding-top: 1%;">
|
|
|
<el-button type="primary" size="mini" @click="query_project(form_all)">筛 选</el-button>
|
|
|
<el-button size="mini" @click="query_Reset">重 置</el-button>
|
|
|
</div>
|
|
|
@@ -124,10 +107,6 @@
|
|
|
<template slot-scope="scope">
|
|
|
<span style="font-size: 12px;color: rgba(167,174,188,1);">{{ scope.row.idZh }}</span><br>
|
|
|
<span class="stylus-hover" @click="link_project(scope.row.id)">{{ scope.row.name }}</span>
|
|
|
- <!-- <div @click="link_project(scope.row.id)">
|
|
|
- <span style="display: block;font-size: 12px;color: rgba(167,174,188,1);">{{ scope.row.idZh }}</span>
|
|
|
- <span class="stylus-hover">{{ scope.row.name }}</span>
|
|
|
- </div> -->
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column label="业务线" min-width="100" align="center">
|
|
|
@@ -230,10 +209,10 @@
|
|
|
:label="item.name"
|
|
|
:value="test2(item, 0)"
|
|
|
>
|
|
|
- <div style="display: flex;justify-content: start;">
|
|
|
- <div style="min-width:100px;color: #8492a6; font-size: 13px; overflow:hidden">{{ item.deptName }}</div>
|
|
|
+ <div class="flex_start">
|
|
|
+ <div class="deptName">{{ item.deptName }}</div>
|
|
|
<div style="min-width:80px">{{ item.name }}</div>
|
|
|
- <div style="min-width:100px;color: #8492a6; font-size: 13px; overflow:hidden">{{ item.idap }}</div>
|
|
|
+ <div class="deptName">{{ item.idap }}</div>
|
|
|
</div>
|
|
|
</el-option>
|
|
|
</el-select>
|
|
|
@@ -256,10 +235,10 @@
|
|
|
:label="item.name"
|
|
|
:value="test2(item, 0)"
|
|
|
>
|
|
|
- <div style="display: flex;justify-content: start;">
|
|
|
- <div style="min-width:100px;color: #8492a6; font-size: 13px; overflow:hidden">{{ item.deptName }}</div>
|
|
|
+ <div class="flex_start">
|
|
|
+ <div class="deptName">{{ item.deptName }}</div>
|
|
|
<div style="min-width:80px">{{ item.name }}</div>
|
|
|
- <div style="min-width:100px;color: #8492a6; font-size: 13px; overflow:hidden">{{ item.idap }}</div>
|
|
|
+ <div class="deptName">{{ item.idap }}</div>
|
|
|
</div>
|
|
|
</el-option>
|
|
|
</el-select>
|
|
|
@@ -293,10 +272,10 @@
|
|
|
:label="item.name"
|
|
|
:value="test2(item, 0)"
|
|
|
>
|
|
|
- <div style="display: flex;justify-content: start;">
|
|
|
- <div style="min-width:100px;color: #8492a6; font-size: 13px; overflow:hidden">{{ item.deptName }}</div>
|
|
|
+ <div class="flex_start">
|
|
|
+ <div class="deptName">{{ item.deptName }}</div>
|
|
|
<div style="min-width:80px">{{ item.name }}</div>
|
|
|
- <div style="min-width:100px;color: #8492a6; font-size: 13px; overflow:hidden">{{ item.idap }}</div>
|
|
|
+ <div class="deptName">{{ item.idap }}</div>
|
|
|
</div>
|
|
|
</el-option>
|
|
|
</el-select>
|
|
|
@@ -319,10 +298,10 @@
|
|
|
:label="item.name"
|
|
|
:value="test2(item, 0)"
|
|
|
>
|
|
|
- <div style="display: flex;justify-content: start;">
|
|
|
- <div style="min-width:100px;color: #8492a6; font-size: 13px; overflow:hidden">{{ item.deptName }}</div>
|
|
|
+ <div class="flex_start">
|
|
|
+ <div class="deptName">{{ item.deptName }}</div>
|
|
|
<div style="min-width:80px">{{ item.name }}</div>
|
|
|
- <div style="min-width:100px;color: #8492a6; font-size: 13px; overflow:hidden">{{ item.idap }}</div>
|
|
|
+ <div class="deptName">{{ item.idap }}</div>
|
|
|
</div>
|
|
|
</el-option>
|
|
|
</el-select>
|
|
|
@@ -348,6 +327,7 @@ import {
|
|
|
projectBizList,
|
|
|
projectCreate
|
|
|
} from '@/api/projectIndex'
|
|
|
+import '@/views/projectManage/publicCss/index.css'
|
|
|
export default {
|
|
|
data() {
|
|
|
return {
|
|
|
@@ -482,19 +462,10 @@ export default {
|
|
|
this.currentPage = 1
|
|
|
}
|
|
|
this.table_loading = true
|
|
|
- this.query_object.id = e.id
|
|
|
- this.query_object.bizId = e.bizId
|
|
|
- this.query_object.bizType = e.bizType
|
|
|
- this.query_object.priority = e.priority
|
|
|
- this.query_object.projectOwner = e.projectOwner
|
|
|
- this.query_object.creater = e.creater
|
|
|
+ this.query_object = {}
|
|
|
+ this.query_object = e
|
|
|
this.query_object.curIndex = this.curIndex
|
|
|
this.query_object.pageSize = this.pageSize
|
|
|
- for (const key in this.query_object) { // 接口不接受空值的处理
|
|
|
- if (this.query_object[key] === '') {
|
|
|
- delete this.query_object[key]
|
|
|
- }
|
|
|
- }
|
|
|
projectList(this.query_object).then(res => {
|
|
|
this.table_project = res.data
|
|
|
this.total = res.total
|
|
|
@@ -504,12 +475,11 @@ export default {
|
|
|
},
|
|
|
query_Reset() {
|
|
|
// 重置
|
|
|
- this.query_object = {}
|
|
|
- this.$set(this.form_all, 'id', '')
|
|
|
- this.$set(this.form_all, 'bizId', '')
|
|
|
+ this.$set(this.form_all, 'priority', this.query_object.priority)
|
|
|
+ this.$set(this.form_all, 'bizId', this.query_object.bizId)
|
|
|
+ this.$set(this.form_all, 'projectOwner', this.query_object.projectOwner)
|
|
|
this.$set(this.form_all, 'bizType', '')
|
|
|
- this.$set(this.form_all, 'priority', '')
|
|
|
- this.$set(this.form_all, 'projectOwner', '')
|
|
|
+ this.$set(this.form_all, 'id', '')
|
|
|
this.$set(this.form_all, 'creater', '')
|
|
|
this.$message({
|
|
|
message: '已重置',
|
|
|
@@ -517,19 +487,20 @@ export default {
|
|
|
duration: 1000,
|
|
|
offset: 150
|
|
|
})
|
|
|
+ this.query_project(this.form_all)
|
|
|
},
|
|
|
handleSizeChange(size) {
|
|
|
// 分页
|
|
|
this.pageSize = size
|
|
|
this.isToOne = false
|
|
|
- this.query_project(this.query_object)
|
|
|
+ this.query_project(this.form_all)
|
|
|
},
|
|
|
handleCurrentChange(curIndex) {
|
|
|
// 分页
|
|
|
this.curIndex = curIndex
|
|
|
this.currentPage = curIndex
|
|
|
this.isToOne = false
|
|
|
- this.query_project(this.query_object)
|
|
|
+ this.query_project(this.form_all)
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
@@ -591,11 +562,6 @@ export default {
|
|
|
padding-right: 10px;
|
|
|
margin: -6px 0 -2px 0 !important;
|
|
|
}
|
|
|
-.Layout {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: space-between;
|
|
|
- }
|
|
|
</style>
|
|
|
|
|
|
<style lang="stylus" scoped>
|
|
|
@@ -622,8 +588,8 @@ export default {
|
|
|
.stylus-more
|
|
|
background rgba(252,252,252,1)
|
|
|
border-radius 4px
|
|
|
- padding 2% 1%
|
|
|
- min-height 120px
|
|
|
+ padding 1%
|
|
|
+ min-height 100px
|
|
|
margin-top 22px
|
|
|
border 1px solid rgba(238,238,238,1)
|
|
|
width 100%
|
qinzhipeng_v