This commit is contained in:
张冬俊
parent
dfd9686509
commit
5d87b43e52
|
|
@ -13,7 +13,10 @@ const layout = function(meta = {}) {
|
||||||
|
|
||||||
export default [
|
export default [
|
||||||
{
|
{
|
||||||
...layout(true),
|
...layout(true,{
|
||||||
|
icon: 'customer-solid',
|
||||||
|
title: '申报自检结果统计'
|
||||||
|
}),
|
||||||
children: [
|
children: [
|
||||||
{
|
{
|
||||||
path: "statistics",
|
path: "statistics",
|
||||||
|
|
@ -24,15 +27,19 @@ export default [
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
path: "alertstatistics",
|
path: "alertstatistics",
|
||||||
|
hidden: true,
|
||||||
component: () => import("@/views/compliance/statistics/alertstatistics"),
|
component: () => import("@/views/compliance/statistics/alertstatistics"),
|
||||||
meta: {
|
meta: {
|
||||||
title: "申报自检结果统计"
|
title: "申报自检结果统计2"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
...layout(false),
|
...layout(false,{
|
||||||
|
icon: 'customer-solid',
|
||||||
|
title: '重点企风险排名统计'
|
||||||
|
}),
|
||||||
children: [
|
children: [
|
||||||
{
|
{
|
||||||
path: "keypoint",
|
path: "keypoint",
|
||||||
|
|
@ -40,6 +47,14 @@ export default [
|
||||||
meta: {
|
meta: {
|
||||||
title: "重点企风险排名统计"
|
title: "重点企风险排名统计"
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: "rankingDetails",
|
||||||
|
hidden: true,
|
||||||
|
component: () => import("@/views/compliance/keypoint/rankingDetails"),
|
||||||
|
meta: {
|
||||||
|
title: "重点企业排名统计"
|
||||||
|
}
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
|
|
@ -52,6 +67,14 @@ export default [
|
||||||
meta: {
|
meta: {
|
||||||
title: "指标预警排名统计"
|
title: "指标预警排名统计"
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: "indicatorDetails",
|
||||||
|
hidden: true,
|
||||||
|
component: () => import("@/views/compliance/warningStatistics/indicatorDetails"),
|
||||||
|
meta: {
|
||||||
|
title: "申报自检结果统计2"
|
||||||
|
}
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,3 +1,138 @@
|
||||||
<template>
|
<template>
|
||||||
<div>111111111111111111 1</div>
|
<div>
|
||||||
</template>
|
<!-- 查询 -->
|
||||||
|
<div class="searchBox">
|
||||||
|
<el-form ref="searchForm" :model="searchForm" label-width="150px" size="small">
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="主管税务机关" >
|
||||||
|
<el-select v-model="searchForm.zgswjg" style="width: 100%;">
|
||||||
|
<el-option v-for="item in zgswjgList" :key="item.value" :label="item.label" :value="item.value"></el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="税款所属期起">
|
||||||
|
<el-date-picker
|
||||||
|
v-model="searchForm.zjrqqDate"
|
||||||
|
type="date"
|
||||||
|
style="width: 100%;"
|
||||||
|
placeholder="税款所属期起">
|
||||||
|
</el-date-picker>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="税款所属期止">
|
||||||
|
<el-date-picker
|
||||||
|
v-model="searchForm.zjrqzDate"
|
||||||
|
type="date"
|
||||||
|
style="width: 100%;"
|
||||||
|
placeholder="税款所属期止">
|
||||||
|
</el-date-picker>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
<el-row :gutter="20" v-if="isExpanded">
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="网格员">
|
||||||
|
<el-input v-model="searchForm.wly"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="16">
|
||||||
|
<el-form-item label="排名类别" >
|
||||||
|
<el-select v-model="searchForm.tsyjfxzb" style="width: 100%;">
|
||||||
|
<el-option v-for="item in tsyjfxzbList" :key="item.value" :label="item.label" :value="item.value"></el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</el-form>
|
||||||
|
<div class="expanded">
|
||||||
|
<el-button size="small">重置</el-button>
|
||||||
|
<el-button type="primary" size="small">统计</el-button>
|
||||||
|
<span class="text" @click="toggleExpand"> {{ isExpanded ? '收起' : '展开' }}<i :class="isExpanded ? 'el-icon-arrow-up':'el-icon-arrow-down' "></i></span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- 表格 -->
|
||||||
|
<div class="tableBox">
|
||||||
|
<el-table
|
||||||
|
:data="tableData"
|
||||||
|
border
|
||||||
|
style="width: 100%"
|
||||||
|
size="small"
|
||||||
|
:header-cell-style="{background:'#f6f8fa', color:'#333333', textAlign:'center'}"
|
||||||
|
row-key="id"
|
||||||
|
v-loading="loading"
|
||||||
|
:height="tableHeight"
|
||||||
|
>
|
||||||
|
<el-table-column type="index" label="序号" width="50" align="center"></el-table-column>
|
||||||
|
<el-table-column prop="dwmc" label="单位名称" ></el-table-column>
|
||||||
|
<el-table-column prop="zgswjg" label="主管税务机关"></el-table-column>
|
||||||
|
<el-table-column prop="fxzbgs" label="风险指标个数" width="200" align="center">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<span class="blue-text" @click="handleClick(scope.row)">{{ scope.row.fxzbgs }}</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
<div class="page">
|
||||||
|
<el-pagination background layout="prev, pager, next" :total="1000"></el-pagination>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
loading: false,
|
||||||
|
isExpanded: false,
|
||||||
|
searchForm:{
|
||||||
|
zgswjg:'',
|
||||||
|
zjrqqDate:'',
|
||||||
|
zjrqzDate:'',
|
||||||
|
wly:'',
|
||||||
|
tsyjfxzb:''
|
||||||
|
},
|
||||||
|
zgswjgList: [
|
||||||
|
{value: '国家税务总局宜南昌税务局', label: '国家税务总局宜南昌税务局'},
|
||||||
|
{value: '国家税务总局九江市税务局', label: '国家税务总局九江市税务局'},
|
||||||
|
{value: '国家税务总局宜春市税务局', label: '国家税务总局宜春市税务局'},
|
||||||
|
],
|
||||||
|
tsyjfxzbList:[
|
||||||
|
{value:'风险指标名称1', label:'风险指标名称1' },
|
||||||
|
{value:'风险指标名称2', label:'风险指标名称2' },
|
||||||
|
{value:'风险指标名称3', label:'风险指标名称3' },
|
||||||
|
],
|
||||||
|
tableData: [
|
||||||
|
{
|
||||||
|
dwmc:'某建筑公司1',
|
||||||
|
zgswjg:'国家税务总局宜南昌税务局',
|
||||||
|
fxzbgs:20
|
||||||
|
},
|
||||||
|
{
|
||||||
|
dwmc:'某建筑公司建筑公司建筑公司建筑公司建筑公司2',
|
||||||
|
zgswjg:'国家税务总局九江市税务局',
|
||||||
|
fxzbgs:15
|
||||||
|
}
|
||||||
|
]
|
||||||
|
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
toggleExpand() {
|
||||||
|
this.isExpanded = !this.isExpanded;
|
||||||
|
},
|
||||||
|
handleClick(row){
|
||||||
|
this.$router.push({path:`/compliance/rankingDetails`, query:{}})
|
||||||
|
}
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
tableHeight() {
|
||||||
|
return this.isExpanded ? window.innerHeight - 360 : window.innerHeight - 310
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<style lang="css" scoped>
|
||||||
|
|
||||||
|
</style>
|
||||||
|
|
@ -0,0 +1,176 @@
|
||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<!-- 查询 -->
|
||||||
|
<div class="searchBox">
|
||||||
|
<el-form ref="searchForm" :model="searchForm" label-width="150px" size="small">
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="主管税务机关" >
|
||||||
|
<el-select v-model="searchForm.zgswjg" style="width: 100%;">
|
||||||
|
<el-option v-for="item in zgswjgList" :key="item.value" :label="item.label" :value="item.value"></el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="税款所属期起">
|
||||||
|
<el-date-picker
|
||||||
|
v-model="searchForm.zjrqqDate"
|
||||||
|
type="date"
|
||||||
|
style="width: 100%;"
|
||||||
|
placeholder="税款所属期起">
|
||||||
|
</el-date-picker>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="税款所属期止">
|
||||||
|
<el-date-picker
|
||||||
|
v-model="searchForm.zjrqzDate"
|
||||||
|
type="date"
|
||||||
|
style="width: 100%;"
|
||||||
|
placeholder="税款所属期止">
|
||||||
|
</el-date-picker>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
<el-row :gutter="20" v-if="isExpanded">
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="网络员">
|
||||||
|
<el-input v-model="searchForm.wly"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="16">
|
||||||
|
<el-form-item label="同时预警风险指标" >
|
||||||
|
<el-select v-model="searchForm.tsyjfxzb" style="width: 100%;">
|
||||||
|
<el-option v-for="item in tsyjfxzbList" :key="item.value" :label="item.label" :value="item.value"></el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</el-form>
|
||||||
|
<div class="expanded">
|
||||||
|
<el-button size="small">重置</el-button>
|
||||||
|
<el-button type="primary" size="small">统计</el-button>
|
||||||
|
<span class="text" @click="toggleExpand"> {{ isExpanded ? '收起' : '展开' }}<i :class="isExpanded ? 'el-icon-arrow-up':'el-icon-arrow-down' "></i></span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- 表格 -->
|
||||||
|
<div class="tableBox">
|
||||||
|
<el-table
|
||||||
|
:data="tableData"
|
||||||
|
border
|
||||||
|
style="width: 100%"
|
||||||
|
size="small"
|
||||||
|
:header-cell-style="{background:'#f6f8fa', color:'#333333', textAlign:'center'}"
|
||||||
|
row-key="id"
|
||||||
|
v-loading="loading"
|
||||||
|
:height="tableHeight"
|
||||||
|
:span-method="arraySpanMethod"
|
||||||
|
>
|
||||||
|
<el-table-column prop="dwmc" label="单位名称" ></el-table-column>
|
||||||
|
<el-table-column prop="zgswjg" label="主管税务机关"></el-table-column>
|
||||||
|
<el-table-column prop="fxzbmc" label="征收项目" ></el-table-column>
|
||||||
|
<el-table-column prop="fxzbmc" label="风险指标名称" ></el-table-column>
|
||||||
|
|
||||||
|
</el-table>
|
||||||
|
<div class="page">
|
||||||
|
<el-pagination background layout="prev, pager, next" :total="1000"></el-pagination>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
loading: false,
|
||||||
|
isExpanded: false,
|
||||||
|
searchForm:{
|
||||||
|
zgswjg:'',
|
||||||
|
zjrqqDate:'',
|
||||||
|
zjrqzDate:'',
|
||||||
|
wly:'',
|
||||||
|
tsyjfxzb:''
|
||||||
|
},
|
||||||
|
zgswjgList: [
|
||||||
|
{value: '国家税务总局宜南昌税务局', label: '国家税务总局宜南昌税务局'},
|
||||||
|
{value: '国家税务总局九江市税务局', label: '国家税务总局九江市税务局'},
|
||||||
|
{value: '国家税务总局宜春市税务局', label: '国家税务总局宜春市税务局'},
|
||||||
|
],
|
||||||
|
tsyjfxzbList:[
|
||||||
|
{value:'风险指标名称1', label:'风险指标名称1' },
|
||||||
|
{value:'风险指标名称2', label:'风险指标名称2' },
|
||||||
|
{value:'风险指标名称3', label:'风险指标名称3' },
|
||||||
|
],
|
||||||
|
tableData: [
|
||||||
|
{
|
||||||
|
dwmc:'某建筑公司1',
|
||||||
|
zgswjg:'国家税务总局宜南昌税务局',
|
||||||
|
fxzbmc:'指标名称1'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
dwmc:'某建筑公司1',
|
||||||
|
zgswjg:'国家税务总局宜南昌税务局',
|
||||||
|
fxzbmc:'指标名称2'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
dwmc:'某建筑公司1',
|
||||||
|
zgswjg:'国家税务总局宜南昌税务局',
|
||||||
|
fxzbmc:'指标名称3'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
dwmc:'某建筑公司1',
|
||||||
|
zgswjg:'国家税务总局宜南昌税务局',
|
||||||
|
fxzbmc:'指标名称4'
|
||||||
|
},
|
||||||
|
]
|
||||||
|
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
toggleExpand() {
|
||||||
|
this.isExpanded = !this.isExpanded;
|
||||||
|
},
|
||||||
|
handleClick(row){
|
||||||
|
this.$router.push({path:`/declare/rankingDetail`, name:'rankingDetail', menu:true, meta:{title:'重点企业排名统计'}})
|
||||||
|
},
|
||||||
|
arraySpanMethod({ row, column, rowIndex, columnIndex }) {
|
||||||
|
if (columnIndex === 0) { // 假设我们合并第一列，即日期列
|
||||||
|
if (rowIndex % 4 === 0) { // 每4行合并一次
|
||||||
|
return {
|
||||||
|
rowspan: 4, // 跨4行
|
||||||
|
colspan: 1 // 跨1列，这里可以不设置或设为1，因为我们只合并行，不改变列宽
|
||||||
|
};
|
||||||
|
} else {
|
||||||
|
return {
|
||||||
|
rowspan: 0, // 当前行不在合并范围内，不显示该行数据
|
||||||
|
colspan: 0 // 当前列不显示数据，因为我们已经在上面行了显示过一次了
|
||||||
|
};
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if (columnIndex === 1) { // 假设我们合并第一列，即日期列
|
||||||
|
if (rowIndex % 4 === 0) { // 每4行合并一次
|
||||||
|
return {
|
||||||
|
rowspan: 4, // 跨4行
|
||||||
|
colspan: 1 // 跨1列，这里可以不设置或设为1，因为我们只合并行，不改变列宽
|
||||||
|
};
|
||||||
|
} else {
|
||||||
|
return {
|
||||||
|
rowspan: 0, // 当前行不在合并范围内，不显示该行数据
|
||||||
|
colspan: 0 // 当前列不显示数据，因为我们已经在上面行了显示过一次了
|
||||||
|
};
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
tableHeight() {
|
||||||
|
return this.isExpanded ? window.innerHeight - 360 : window.innerHeight - 310
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<style lang="css" scoped>
|
||||||
|
|
||||||
|
</style>
|
||||||
|
|
@ -255,7 +255,7 @@ export default {
|
||||||
this.isExpanded = !this.isExpanded;
|
this.isExpanded = !this.isExpanded;
|
||||||
},
|
},
|
||||||
handleClick(row){
|
handleClick(row){
|
||||||
this.$router.push({path:`/declare/statistics`, name:'statistics', menu:true, meta:{title:'按户次查询明细'}})
|
this.$router.push({path:`/compliance/alertstatistics`, query:{}})
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
|
|
|
||||||
|
|
@ -1,3 +1,143 @@
|
||||||
<template>
|
<template>
|
||||||
<div>222222222222222</div>
|
<div>
|
||||||
</template>
|
<!-- 查询 -->
|
||||||
|
<div class="searchBox">
|
||||||
|
<el-form ref="searchForm" :model="searchForm" label-width="150px" size="small">
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="指标类别" >
|
||||||
|
<el-select v-model="searchForm.zgswjg" style="width: 100%;">
|
||||||
|
<el-option v-for="item in zgswjgList" :key="item.value" :label="item.label" :value="item.value"></el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="自检日期起">
|
||||||
|
<el-date-picker
|
||||||
|
v-model="searchForm.zjrqqDate"
|
||||||
|
type="date"
|
||||||
|
style="width: 100%;"
|
||||||
|
placeholder="自检日期起">
|
||||||
|
</el-date-picker>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="自检日期止">
|
||||||
|
<el-date-picker
|
||||||
|
v-model="searchForm.zjrqzDate"
|
||||||
|
type="date"
|
||||||
|
style="width: 100%;"
|
||||||
|
placeholder="自检日期起">
|
||||||
|
</el-date-picker>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
<el-row :gutter="20" v-if="isExpanded">
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="网格员">
|
||||||
|
<el-input v-model="searchForm.wly"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="16">
|
||||||
|
<el-form-item label="排名统计" >
|
||||||
|
<el-select v-model="searchForm.tsyjfxzb" style="width: 100%;">
|
||||||
|
<el-option v-for="item in tsyjfxzbList" :key="item.value" :label="item.label" :value="item.value"></el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</el-form>
|
||||||
|
<div class="expanded">
|
||||||
|
<el-button size="small">重置</el-button>
|
||||||
|
<el-button type="primary" size="small">统计</el-button>
|
||||||
|
<span class="text" @click="toggleExpand"> {{ isExpanded ? '收起' : '展开' }}<i :class="isExpanded ? 'el-icon-arrow-up':'el-icon-arrow-down' "></i></span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- 表格 -->
|
||||||
|
<div class="tableBox">
|
||||||
|
<el-table
|
||||||
|
:data="tableData"
|
||||||
|
border
|
||||||
|
style="width: 100%"
|
||||||
|
size="small"
|
||||||
|
:header-cell-style="{background:'#f6f8fa', color:'#333333', textAlign:'center'}"
|
||||||
|
row-key="id"
|
||||||
|
v-loading="loading"
|
||||||
|
:height="tableHeight"
|
||||||
|
>
|
||||||
|
<el-table-column type="index" label="序号" width="50" align="center"></el-table-column>
|
||||||
|
<el-table-column prop="zblb" label="指标类别" ></el-table-column>
|
||||||
|
<el-table-column prop="zbmc" label="指标名称"></el-table-column>
|
||||||
|
<el-table-column prop="qysl" label="企业数量" width="200" align="center">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<span class="blue-text" @click="handleClick(scope.row)">{{ scope.row.qysl }}</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
<div class="page">
|
||||||
|
<el-pagination background layout="prev, pager, next" :total="1000"></el-pagination>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
loading: false,
|
||||||
|
isExpanded: false,
|
||||||
|
searchForm:{
|
||||||
|
zgswjg:'',
|
||||||
|
zjrqqDate:'',
|
||||||
|
zjrqzDate:'',
|
||||||
|
wly:'',
|
||||||
|
tsyjfxzb:''
|
||||||
|
},
|
||||||
|
zgswjgList: [
|
||||||
|
{value: '轻度风险', label: '轻度风险'},
|
||||||
|
{value: '中度风险', label: '中度风险'},
|
||||||
|
{value: '严重风险', label: '严重风险'},
|
||||||
|
],
|
||||||
|
tsyjfxzbList:[
|
||||||
|
{value:'风险指标名称1', label:'风险指标名称1' },
|
||||||
|
{value:'风险指标名称2', label:'风险指标名称2' },
|
||||||
|
{value:'风险指标名称3', label:'风险指标名称3' },
|
||||||
|
],
|
||||||
|
tableData: [
|
||||||
|
{
|
||||||
|
zblb:'轻度风险',
|
||||||
|
zbmc:'工费经费超高行业基准值',
|
||||||
|
qysl:10
|
||||||
|
},
|
||||||
|
{
|
||||||
|
zblb:'中度风险',
|
||||||
|
zbmc:'工费经费超高行业基准值',
|
||||||
|
qysl:20
|
||||||
|
},
|
||||||
|
{
|
||||||
|
zblb:'严重风险',
|
||||||
|
zbmc:'工费经费超高行业基准值',
|
||||||
|
qysl:30
|
||||||
|
}
|
||||||
|
]
|
||||||
|
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
toggleExpand() {
|
||||||
|
this.isExpanded = !this.isExpanded;
|
||||||
|
},
|
||||||
|
handleClick(row){
|
||||||
|
this.$router.push({path:`/compliance/indicatorDetails`, query:{}})
|
||||||
|
}
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
tableHeight() {
|
||||||
|
return this.isExpanded ? window.innerHeight - 360 : window.innerHeight - 310
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<style lang="css" scoped>
|
||||||
|
|
||||||
|
</style>
|
||||||
|
|
@ -0,0 +1,144 @@
|
||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<!-- 查询 -->
|
||||||
|
<div class="searchBox">
|
||||||
|
<el-form ref="searchForm" :model="searchForm" label-width="150px" size="small">
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="指标类别" >
|
||||||
|
<el-select v-model="searchForm.zgswjg" style="width: 100%;">
|
||||||
|
<el-option v-for="item in zgswjgList" :key="item.value" :label="item.label" :value="item.value"></el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="自检日期起">
|
||||||
|
<el-date-picker
|
||||||
|
v-model="searchForm.zjrqqDate"
|
||||||
|
type="date"
|
||||||
|
style="width: 100%;"
|
||||||
|
placeholder="自检日期起">
|
||||||
|
</el-date-picker>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="自检日期止">
|
||||||
|
<el-date-picker
|
||||||
|
v-model="searchForm.zjrqzDate"
|
||||||
|
type="date"
|
||||||
|
style="width: 100%;"
|
||||||
|
placeholder="自检日期起">
|
||||||
|
</el-date-picker>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
<el-row :gutter="20" v-if="isExpanded">
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="网络员">
|
||||||
|
<el-input v-model="searchForm.wly"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="16">
|
||||||
|
<el-form-item label="排名类别" >
|
||||||
|
<el-select v-model="searchForm.tsyjfxzb" style="width: 100%;">
|
||||||
|
<el-option v-for="item in tsyjfxzbList" :key="item.value" :label="item.label" :value="item.value"></el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</el-form>
|
||||||
|
<div class="expanded">
|
||||||
|
<el-button size="small">重置</el-button>
|
||||||
|
<el-button type="primary" size="small">统计</el-button>
|
||||||
|
<span class="text" @click="toggleExpand"> {{ isExpanded ? '收起' : '展开' }}<i :class="isExpanded ? 'el-icon-arrow-up':'el-icon-arrow-down' "></i></span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- 表格 -->
|
||||||
|
<div class="tableBox">
|
||||||
|
<el-table
|
||||||
|
:data="tableData"
|
||||||
|
border
|
||||||
|
style="width: 100%"
|
||||||
|
size="small"
|
||||||
|
:header-cell-style="{background:'#f6f8fa', color:'#333333', textAlign:'center'}"
|
||||||
|
:default-expand-all="isExpandAll"
|
||||||
|
row-key="id"
|
||||||
|
v-loading="loading"
|
||||||
|
:height="tableHeight"
|
||||||
|
>
|
||||||
|
<el-table-column type="index" label="序号" width="50" align="center"></el-table-column>
|
||||||
|
<el-table-column prop="qymc" label="企业名称" ></el-table-column>
|
||||||
|
<el-table-column prop="qysh" label="企业税号"></el-table-column>
|
||||||
|
<el-table-column prop="qyfr" label="企业法人" width="200" align="center"></el-table-column>
|
||||||
|
<el-table-column prop="wlyxm" label="网络员姓名" width="200" align="center"></el-table-column>
|
||||||
|
<el-table-column prop="frlldh" label="法人联系电话" width="200" align="center"></el-table-column>
|
||||||
|
</el-table>
|
||||||
|
<div class="page">
|
||||||
|
<el-pagination background layout="prev, pager, next" :total="1000"></el-pagination>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
isExpanded: false,
|
||||||
|
searchForm:{
|
||||||
|
zgswjg:'',
|
||||||
|
zjrqqDate:'',
|
||||||
|
zjrqzDate:'',
|
||||||
|
wly:'',
|
||||||
|
tsyjfxzb:''
|
||||||
|
},
|
||||||
|
zgswjgList: [
|
||||||
|
{value: '轻度风险', label: '轻度风险'},
|
||||||
|
{value: '中度风险', label: '中度风险'},
|
||||||
|
{value: '严重风险', label: '严重风险'},
|
||||||
|
],
|
||||||
|
tsyjfxzbList:[
|
||||||
|
{value:'风险指标名称1', label:'风险指标名称1' },
|
||||||
|
{value:'风险指标名称2', label:'风险指标名称2' },
|
||||||
|
{value:'风险指标名称3', label:'风险指标名称3' },
|
||||||
|
],
|
||||||
|
tableData: [
|
||||||
|
{
|
||||||
|
qymc:'宜春市新坊钽铌1',
|
||||||
|
qysh:'913609027165371025',
|
||||||
|
qyfr:'张三',
|
||||||
|
wlyxm:'李四',
|
||||||
|
frlldh:'15235566544'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
qymc:'宜春市新坊钽铌2',
|
||||||
|
qysh:'913609027122566212',
|
||||||
|
qyfr:'张三',
|
||||||
|
wlyxm:'李四',
|
||||||
|
frlldh:'15235566544'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
qymc:'宜春市新坊钽铌3',
|
||||||
|
qysh:'913609027165255663',
|
||||||
|
qyfr:'张三',
|
||||||
|
wlyxm:'李四',
|
||||||
|
frlldh:'15235566544'
|
||||||
|
}
|
||||||
|
]
|
||||||
|
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
toggleExpand() {
|
||||||
|
this.isExpanded = !this.isExpanded;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
tableHeight() {
|
||||||
|
return this.isExpanded ? window.innerHeight - 360 : window.innerHeight - 310
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<style lang="css" scoped>
|
||||||
|
|
||||||
|
</style>
|
||||||
Loading…
Reference in New Issue