zhangwenzan
/
W72crm_web-master
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

更新

This commit is contained in:
张冬俊 2025-12-09 11:48:56 +08:00
parent dfd9686509
commit 5d87b43e52
6 changed files with 626 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
src/router/modules/compliance.js
View File

@ -13,7 +13,10 @@ const layout = function(meta = {}) {
export default [
{
...layout(true),
...layout(true,{
icon: 'customer-solid',
title: '申报自检结果统计'
}),
children: [
{
path: "statistics",
@ -24,15 +27,19 @@ export default [
},
{
path: "alertstatistics",
hidden: true,
component: () => import("@/views/compliance/statistics/alertstatistics"),
meta: {
title: "申报自检结果统计"
title: "申报自检结果统计2"
}
}
]
},
{
...layout(false),
...layout(false,{
icon: 'customer-solid',
title: '重点企风险排名统计'
}),
children: [
{
path: "keypoint",
@ -40,6 +47,14 @@ export default [
meta: {
title: "重点企风险排名统计"
}
},
{
path: "rankingDetails",
hidden: true,
component: () => import("@/views/compliance/keypoint/rankingDetails"),
meta: {
title: "重点企业排名统计"
}
}
]
},
@ -52,6 +67,14 @@ export default [
meta: {
title: "指标预警排名统计"
}
},
{
path: "indicatorDetails",
hidden: true,
component: () => import("@/views/compliance/warningStatistics/indicatorDetails"),
meta: {
title: "申报自检结果统计2"
}
}
]
}

139
src/views/compliance/keypoint/index.vue
View File

@ -1,3 +1,138 @@
<template>
<div>111111111111111111 1</div>
</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"
>
<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>

176
src/views/compliance/keypoint/rankingDetails.vue Normal file
View File

@ -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>

2
src/views/compliance/statistics/index.vue
View File

@ -255,7 +255,7 @@ export default {
this.isExpanded = !this.isExpanded;
},
handleClick(row){
this.$router.push({path:`/declare/statistics`, name:'statistics', menu:true, meta:{title:'按户次查询明细'}})
this.$router.push({path:`/compliance/alertstatistics`, query:{}})
}
},
computed: {

144
src/views/compliance/warningStatistics/index.vue
View File

@ -1,3 +1,143 @@
<template>
<div>222222222222222</div>
</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"
>
<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>

144
src/views/compliance/warningStatistics/indicatorDetails.vue Normal file
View File

@ -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>