|
|
@@ -12,6 +12,7 @@
|
|
|
type="year"
|
|
|
value-format="yyyy"
|
|
|
placeholder="选择年份"
|
|
|
+ :clearable="false"
|
|
|
size="small"
|
|
|
@change="listData">
|
|
|
</el-date-picker>
|
|
|
@@ -20,87 +21,92 @@
|
|
|
:value="item.tradefield">
|
|
|
</el-option>
|
|
|
</el-select>
|
|
|
- <div v-for="item in perfData" :key="item.index">
|
|
|
- <el-card class="normal-margin" shadow="none" :body-style="{padding:'10px'}">
|
|
|
- <div slot="header">{{item.tradefield}}</div>
|
|
|
- <p class="normal-title mt-10">月度目标</p>
|
|
|
- <el-table
|
|
|
- class="normal-margin"
|
|
|
- :data="item.month"
|
|
|
- style="width: 100%"
|
|
|
- size="mini"
|
|
|
- stripe
|
|
|
- border>
|
|
|
- <el-table-column
|
|
|
- prop="month"
|
|
|
- label="月份">
|
|
|
- </el-table-column>
|
|
|
- <el-table-column
|
|
|
- prop="a"
|
|
|
- label="实际完成">
|
|
|
- </el-table-column>
|
|
|
- <el-table-column
|
|
|
- prop="l"
|
|
|
- label="基本目标">
|
|
|
- </el-table-column>
|
|
|
- <el-table-column
|
|
|
- prop="h"
|
|
|
- label="挑战目标">
|
|
|
- </el-table-column>
|
|
|
- <el-table-column
|
|
|
- prop="pl"
|
|
|
- label="基本比">
|
|
|
- <template slot-scope="scope">
|
|
|
- {{scope.row.pl}}%
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column
|
|
|
- prop="ph"
|
|
|
- label="挑战比">
|
|
|
- <template slot-scope="scope">
|
|
|
- {{scope.row.ph}}%
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- </el-table>
|
|
|
- <p class="normal-title mt-10">季度目标</p>
|
|
|
- <el-table
|
|
|
- :data="item.quarter"
|
|
|
- style="width: 100%"
|
|
|
- size="mini"
|
|
|
- stripe
|
|
|
- border>
|
|
|
- <el-table-column
|
|
|
- prop="quarter"
|
|
|
- label="季度">
|
|
|
- </el-table-column>
|
|
|
- <el-table-column
|
|
|
- prop="a"
|
|
|
- label="实际完成">
|
|
|
- </el-table-column>
|
|
|
- <el-table-column
|
|
|
- prop="l"
|
|
|
- label="基本目标">
|
|
|
- </el-table-column>
|
|
|
- <el-table-column
|
|
|
- prop="h"
|
|
|
- label="挑战目标">
|
|
|
- </el-table-column>
|
|
|
- <el-table-column
|
|
|
- prop="pl"
|
|
|
- label="基本比">
|
|
|
- <template slot-scope="scope">
|
|
|
- {{scope.row.pl}}%
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column
|
|
|
- prop="ph"
|
|
|
- label="挑战比">
|
|
|
- <template slot-scope="scope">
|
|
|
- {{scope.row.ph}}%
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- </el-table>
|
|
|
- </el-card>
|
|
|
+ <div v-if="list.length > 0" style="height: calc(100vh - 288px);overflow: auto">
|
|
|
+ <div v-for="item in perfData" :key="item.index">
|
|
|
+ <el-card class="normal-margin" shadow="none" :body-style="{padding:'10px'}">
|
|
|
+ <div slot="header">{{item.tradefield}}</div>
|
|
|
+ <p class="normal-title mt-10">月度目标</p>
|
|
|
+ <el-table
|
|
|
+ class="normal-margin"
|
|
|
+ :data="item.month"
|
|
|
+ style="width: 100%"
|
|
|
+ size="mini"
|
|
|
+ stripe
|
|
|
+ border>
|
|
|
+ <el-table-column
|
|
|
+ prop="month"
|
|
|
+ label="月份">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="a"
|
|
|
+ label="实际完成">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="l"
|
|
|
+ label="基本目标">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="h"
|
|
|
+ label="挑战目标">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="pl"
|
|
|
+ label="基本比">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{scope.row.pl}}%
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="ph"
|
|
|
+ label="挑战比">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{scope.row.ph}}%
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ <p class="normal-title mt-10">季度目标</p>
|
|
|
+ <el-table
|
|
|
+ :data="item.quarter"
|
|
|
+ style="width: 100%"
|
|
|
+ size="mini"
|
|
|
+ stripe
|
|
|
+ border>
|
|
|
+ <el-table-column
|
|
|
+ prop="quarter"
|
|
|
+ label="季度">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="a"
|
|
|
+ label="实际完成">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="l"
|
|
|
+ label="基本目标">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="h"
|
|
|
+ label="挑战目标">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="pl"
|
|
|
+ label="基本比">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{scope.row.pl}}%
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="ph"
|
|
|
+ label="挑战比">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{scope.row.ph}}%
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </el-card>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div v-else style="height: calc(100vh - 288px);">
|
|
|
+ <el-empty description="暂无数据" style="margin: auto;height: calc(100vh - 288px)"></el-empty>
|
|
|
</div>
|
|
|
</div>
|
|
|
</normalLayout>
|
|
|
@@ -115,12 +121,14 @@ export default {
|
|
|
quarterData:{},
|
|
|
tradefield:'',
|
|
|
value3:String((new Date()).getFullYear()),
|
|
|
- type:'1'
|
|
|
+ type:'1',
|
|
|
+ list:[]
|
|
|
}
|
|
|
},
|
|
|
methods:{
|
|
|
async listData () {
|
|
|
this.perfData = []
|
|
|
+ this.list = []
|
|
|
const res = await this.$api.requested({
|
|
|
"id": 20230110151902,
|
|
|
"content": {
|
|
|
@@ -131,6 +139,8 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
})
|
|
|
+ console.log(res.data,'data数据')
|
|
|
+ this.list = res.data
|
|
|
res.data.forEach(element => {
|
|
|
this.createTableData(element)
|
|
|
});
|
|
|
@@ -172,7 +182,7 @@ export default {
|
|
|
month:arr,
|
|
|
quarter:arr_s
|
|
|
})
|
|
|
- console.log(this.perfData)
|
|
|
+ console.log(this.perfData,'perfData')
|
|
|
}
|
|
|
},
|
|
|
mounted () {
|
|
|
@@ -183,4 +193,4 @@ export default {
|
|
|
|
|
|
</script>
|
|
|
<style>
|
|
|
-</style>
|
|
|
+</style>
|
qymljy