update:增加tab界面,对接接口
This commit is contained in:
@@ -71,7 +71,18 @@
|
|||||||
<div class="right">
|
<div class="right">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
|
<div class="non-content">
|
||||||
|
<el-tabs v-model="ifMaintaince" @tab-click="handleClick" style="height: 100%">
|
||||||
|
<el-tab-pane label="已维护" name="Maintenance">
|
||||||
|
</el-tab-pane>
|
||||||
|
<el-tab-pane label="未维护" name="notMaintenance"></el-tab-pane>
|
||||||
|
</el-tabs>
|
||||||
|
</div>
|
||||||
<el-table
|
<el-table
|
||||||
ref="multipleTable"
|
ref="multipleTable"
|
||||||
:data="localProTableList"
|
:data="localProTableList"
|
||||||
@@ -89,28 +100,28 @@
|
|||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
show-overflow-tooltip
|
show-overflow-tooltip
|
||||||
prop="flatform"
|
prop="projectPlatfor"
|
||||||
align="center"
|
align="center"
|
||||||
label="产品平台">
|
label="产品平台">
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
prop="productNo"
|
prop="projectNumber"
|
||||||
align="center"
|
align="center"
|
||||||
width="90"
|
width="90"
|
||||||
label="项目编号">
|
label="项目编号">
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
show-overflow-tooltip
|
show-overflow-tooltip
|
||||||
prop="productName"
|
prop="projectName"
|
||||||
align="center"
|
align="center"
|
||||||
label="项目名称">
|
label="项目名称">
|
||||||
<template slot-scope="scope">
|
<!-- <template slot-scope="scope">-->
|
||||||
<a @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.productName }}</a>
|
<!-- <a @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.productName }}</a>–>-->
|
||||||
</template>
|
<!-- </template>-->
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
show-overflow-tooltip
|
show-overflow-tooltip
|
||||||
prop="productTypeShow"
|
prop="projectClassification"
|
||||||
label="项目分类"
|
label="项目分类"
|
||||||
align="center"
|
align="center"
|
||||||
min-width="120"
|
min-width="120"
|
||||||
@@ -118,7 +129,7 @@
|
|||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
show-overflow-tooltip
|
show-overflow-tooltip
|
||||||
prop="productBrandShow"
|
prop="projectStatus"
|
||||||
label="项目状态"
|
label="项目状态"
|
||||||
align="center"
|
align="center"
|
||||||
min-width="120"
|
min-width="120"
|
||||||
@@ -126,45 +137,45 @@
|
|||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
show-overflow-tooltip
|
show-overflow-tooltip
|
||||||
prop="productBrandShow"
|
prop="projectGroup"
|
||||||
label="项目群"
|
label="项目群"
|
||||||
min-width="120"
|
min-width="120"
|
||||||
align="center"
|
align="center"
|
||||||
>
|
>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
prop="sopTime"
|
prop="projectStartDate"
|
||||||
label="项目计划开始日期"
|
label="项目计划开始日期"
|
||||||
min-width="120"
|
min-width="120"
|
||||||
width="160"
|
width="160"
|
||||||
align="center"
|
align="center"
|
||||||
>
|
>
|
||||||
<template slot-scope="scope">{{(scope.row.sopTime ? scope.row.sopTime.substring(0, 11): '')}}</template>
|
<!-- <template slot-scope="scope">{{(scope.row.sopTime ? scope.row.sopTime.substring(0, 11): '')}}</template>-->
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
prop="sopTime"
|
prop="projectEndDate"
|
||||||
label="项目计划完成日期"
|
label="项目计划完成日期"
|
||||||
min-width="120"
|
min-width="120"
|
||||||
width="160"
|
width="160"
|
||||||
align="center"
|
align="center"
|
||||||
>
|
>
|
||||||
<template slot-scope="scope">{{(scope.row.sopTime ? scope.row.sopTime.substring(0, 11): '')}}</template>
|
<!-- <template slot-scope="scope">{{(scope.row.sopTime ? scope.row.sopTime.substring(0, 11): '')}}</template>-->
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
show-overflow-tooltip
|
show-overflow-tooltip
|
||||||
prop="targetMarketShow"
|
prop="currentNode"
|
||||||
align="center"
|
align="center"
|
||||||
label="当前节点">
|
label="当前节点">
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
prop="leftRight"
|
prop="projectLevel"
|
||||||
align="center"
|
align="center"
|
||||||
label="项目级别">
|
label="项目级别">
|
||||||
<template slot-scope="scope" v-if="scope.row.leftRight">{{(scope.row.leftRight === '1' ? '左驾': '右驾')}}</template>
|
<!-- <template slot-scope="scope" v-if="scope.row.leftRight">{{(scope.row.leftRight === '1' ? '左驾': '右驾')}}</template>-->
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
show-overflow-tooltip
|
show-overflow-tooltip
|
||||||
prop="productManagerShow"
|
prop="projectManager"
|
||||||
align="center"
|
align="center"
|
||||||
label="项目经理">
|
label="项目经理">
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
@@ -234,6 +245,9 @@ export default {
|
|||||||
},
|
},
|
||||||
data () {
|
data () {
|
||||||
return {
|
return {
|
||||||
|
//默认返回已维护
|
||||||
|
ifMaintaince:"Maintenance",
|
||||||
|
|
||||||
deptUser: [],
|
deptUser: [],
|
||||||
// 查询条件
|
// 查询条件
|
||||||
localProTableSearch: {
|
localProTableSearch: {
|
||||||
@@ -710,7 +724,7 @@ export default {
|
|||||||
},
|
},
|
||||||
// 切换tabs
|
// 切换tabs
|
||||||
handleClick (tab, event) {
|
handleClick (tab, event) {
|
||||||
this.localProEO.prodectCode = this.activeName
|
this.localProEO.prodectCode = this.ifMaintaince
|
||||||
this.insideHandleClick()
|
this.insideHandleClick()
|
||||||
},
|
},
|
||||||
insideHandleClick (tab, event) {
|
insideHandleClick (tab, event) {
|
||||||
@@ -1077,13 +1091,15 @@ export default {
|
|||||||
},
|
},
|
||||||
// 查询本地产品
|
// 查询本地产品
|
||||||
getLocalProductTable () {
|
getLocalProductTable () {
|
||||||
this.localProTableSearch.prodectCode = this.activeName
|
this.localProTableSearch.prodectCode = this.ifMaintaince
|
||||||
|
console.log(this.localProTableSearch.prodectCode)
|
||||||
this.localProTableSearch.dataType = this.insideTabsActiveName
|
this.localProTableSearch.dataType = this.insideTabsActiveName
|
||||||
this.SarExportSearchEo = this.localProTableSearch
|
this.SarExportSearchEo = this.localProTableSearch
|
||||||
this.$http.get('lawss/sarProductInfo/getProductInfoPage', this.localProTableSearch, {
|
this.$http.get('sarStandProjectLibrary/queryProject', this.localProTableSearch, {
|
||||||
_this: this, loading: 'loading'
|
_this: this, loading: 'loading'
|
||||||
}, res => {
|
}, res => {
|
||||||
this.localProTableList = res.data.list
|
console.log(res.data)
|
||||||
|
this.localProTableList = res.data.Maintenance.records
|
||||||
this.total = res.data.count
|
this.total = res.data.count
|
||||||
// this.localProTableList.map((item) => {
|
// this.localProTableList.map((item) => {
|
||||||
// this.xmztOptions.map((opr) => {
|
// this.xmztOptions.map((opr) => {
|
||||||
|
|||||||
Reference in New Issue
Block a user