update:增加tab界面,对接接口

This commit is contained in:
youyuzihan
2021-06-21 12:20:54 +08:00
parent 28bc74136b
commit d474a981e7
@@ -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>&ndash;&gt;-->
</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) => {