suzhou-jichuang-lanhai
/
suzhouyingjiPC
7
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge branch 'main' of http://39.101.188.84:8000/suzhou-jichuang-lanhai/suzhouyingjiPC

Browse Source
lijinlong^2
吕天方 1 year ago
parent fb79513041 fa38db32ea
commit 33a97965b8
8 changed files with 278 additions and 298 deletions
Show Stats Download Patch File Download Diff File

18
src/api/yingji/home.js
Unescape View File

@ -0,0 +1,18 @@
/*
* @Descripttion:
* @version:
* @Author: JC9527
* @Date: 2023-09-11 15:38:21
* @LastEditors: JC9527
* @LastEditTime: 2023-09-28 13:22:58
*/
import request from '@/utils/request'
// 首页表格
export function indexRegionalism(params) {
return request({
url: "/pharmaceuticals/bPlanEnterprise/tree",
method: "get",
params,
});
}

73
src/views/yingji/echarts/completePlan.vue
Unescape View File

@ -1,41 +1,38 @@
<template >
<div style="height: 100%; width: 100%" >
<div style="height: 100%; width: 100%" v-loading="loadS">
<div id="main1"></div>
</div>
</template>
<script>
import * as echarts from "echarts";
import { workStatistics } from "@/api/yingji/keyEnterprise.js";
// import { workStatistics } from "@/api/yingji/keyEnterprise.js";
export default {
data() {
return {
load1: true,
arr1: [],
arr2: [],
beforeParams: {
pageSize: 10,
pageNum: 1,
},
};
},
props: {
loadS: {
type: Boolean,
default: true,
},
},
mounted() {
this.$nextTick(() => {
// this.getData();
this.initChart()
});
},
methods: {
getData() {
this.load1 = true;
workStatistics(this.beforeParams).then((res) => {
res.data.list.forEach((value, index) => {
this.arr1.push(value.deptName);
this.arr2.push(value.keyCompleted + value.nonKeyCompleted);
});
this.initChart();
this.load1 = false;
getData(e) {
this.arr1= []
this.arr2= []
e.forEach((value) => {
this.arr1.push(value.institutionName);
this.arr2.push(value.checkEnterpriseCount);
});
this.initChart();
},
initChart() {
var chartDom = document.getElementById("main1");
@ -90,20 +87,20 @@ export default {
yAxis: [
{
type: "category",
data: [
"高新区",
"工业园区",
"相城区",
"姑苏区",
"吴中区",
"吴江区",
"昆山市",
"太仓市",
"常熟市",
"张家港市",
"苏州",
],
// data: this.arr1,
// data: [
// "高新区",
// "工业园区",
// "相城区",
// "姑苏区",
// "吴中区",
// "吴江区",
// "昆山市",
// "太仓市",
// "常熟市",
// "张家港市",
// "苏州",
// ],
data: this.arr1,
axisLabel: {
// 超出指定长度显示省略号
formatter: function (value) {
@ -129,8 +126,8 @@ export default {
},
{
type: "category",
data: [33, 63, 115, 167, 210, 225, 245, 283, 300, 321, 1000],
// data: this.arr2,
// data: [33, 63, 115, 167, 210, 225, 245, 283, 300, 321, 1000],
data: this.arr2,
axisLabel: {
formatter: function (value, index) {
return `{a|${value}}{b|家}`;
@ -164,8 +161,8 @@ export default {
label: {
show: false, //是否显示标签
},
data: [63, 115, 167, 210, 225, 245, 283, 300, 321, 678, 1000],
// data: this.arr2,
// data: [63, 115, 167, 210, 225, 245, 283, 300, 321, 678, 1000],
data: this.arr2,
barWidth: 12,
itemStyle: {
color: {

65
src/views/yingji/echarts/executionPlan.vue
Unescape View File

@ -1,36 +1,33 @@
<template>
<div style="height: 100%; width: 100%">
<div style="height: 100%; width: 100%" v-loading="loadS">
<div id="mains1"></div>
</div>
</template>
<script>
import * as echarts from "echarts";
import { quyuPlan } from "@/api/yingji/keyEnterprise.js";
export default {
data() {
return {
load1: true,
arr1: [],
arr2:[]
arr2: [],
};
},
mounted() {
this.$nextTick(() => {
// this.getData();
this.init();
});
props: {
loadS: {
type: Boolean,
default: true,
},
},
mounted() {},
methods: {
getData() {
this.load1 = true;
quyuPlan().then((res) => {
res.data.forEach((value, index) => {
this.arr1.push(value.deptName);
this.arr2.push(value.count)
});
this.init();
this.load1 = false;
getData(e) {
this.arr1 = [];
this.arr2 = [];
e.forEach((value) => {
this.arr1.push(value.institutionName);
this.arr2.push(value.plannedEnterpriseCount);
});
this.init();
},
init() {
var chartDom = document.getElementById("mains1");
@ -69,20 +66,20 @@ export default {
xAxis: [
{
type: "category",
// data: this.arr1,
data: [
"苏州",
"张家港市",
"常熟市",
"太仓市",
"昆山市",
"吴江区",
"吴中区",
"姑苏区",
"相城区",
"工业园区",
"高新区",
],
data: this.arr1,
// data: [
// "苏州",
// "张家港市",
// "常熟市",
// "太仓市",
// "昆山市",
// "吴江区",
// "吴中区",
// "姑苏区",
// "相城区",
// "工业园区",
// "高新区",
// ],
axisTick: {
show: false,
},
@ -137,8 +134,8 @@ export default {
]),
},
z: 100,
data: [700, 400, 600, 300, 580, 250, 490, 200, 390, 460, 90],
// data: this.arr2,
// data: [700, 400, 600, 300, 580, 250, 490, 200, 390, 460, 90],
data: this.arr2,
//高亮的效果
emphasis: {
label: {

114
src/views/yingji/echarts/finishRate.vue
Unescape View File

@ -1,47 +1,49 @@
<template >
<div style="height: 100%; height: 100%" >
<div style="height: 100%; height: 100%" v-loading="loadS">
<div id="cakeBox"></div>
</div>
</template>
<script>
import { workStatistics } from "@/api/yingji/keyEnterprise.js";
import * as echarts from "echarts";
export default {
data() {
return {
load1: true,
arr1: [],
beforeParams: {
pageSize: 10,
pageNum: 1,
},
arr2: [],
//总数
numTotal: 0,
};
},
mounted() {
this.$nextTick(() => {
// this.getData();
this.initChart();
});
},
props: {
loadS: {
type: Boolean,
default: true,
},
},
methods: {
getData() {
this.load1 = true;
workStatistics(this.beforeParams).then((res) => {
console.log(res);
res.data.list.forEach((value1) => {
getData(e) {
this.arr1= []
this.arr2= []
e.forEach((value1) => {
if (value1.institutionName != "苏州") {
this.arr1.push({
value: value1.keyCompleted + value1.nonKeyCompleted,
name: value1.deptName,
value: value1.checkEnterpriseCount,
name: value1.institutionName,
pt: value1.pt,
});
this.numTotal += value1.keyCompleted + value1.nonKeyCompleted;
console.log(this.arr1);
});
this.initChart();
this.load1 = false;
} else {
this.arr2.push({
value: value1.plannedEnterpriseCount,
name: value1.institutionName,
pt: value1.pt,
});
}
});
this.initChart();
},
initChart() {
var chartDom = document.getElementById("cakeBox");
@ -97,29 +99,24 @@ export default {
},
},
formatter: function (name) {
console.log(option.legend);
let arrA = 0;
option.legend.data.forEach((value, index) => {
arrA += value.value;
});
const item = option.legend.data.find((item) => item.name === name);
// return `{a|${name}}{b|${( item.value / arrA * 100)}%}`;
return `{a|${name}}{b|15%}`;
return `{a|${name}}{b|${item.pt * 100}%}`;
},
//将waiyuan的数据拿过来,就会只显示该外圆的数据
data: [
{ value: 15, name: "张家港市" },
{ value: 10, name: "吴中区" },
{ value: 8, name: "常熟市" },
{ value: 10, name: "姑苏区" },
{ value: 18, name: "太仓市" },
{ value: 6, name: "相城区" },
{ value: 10, name: "昆山市" },
{ value: 4, name: "工业园区" },
{ value: 10, name: "吴江区" },
{ value: 5, name: "高新区" },
],
// data: this.arr1,
// data: [
// { value: 15, name: "张家港市" },
// { value: 10, name: "吴中区" },
// { value: 8, name: "常熟市" },
// { value: 10, name: "姑苏区" },
// { value: 18, name: "太仓市" },
// { value: 6, name: "相城区" },
// { value: 10, name: "昆山市" },
// { value: 4, name: "工业园区" },
// { value: 10, name: "吴江区" },
// { value: 5, name: "高新区" },
// ],
data: this.arr1,
},
series: [
{
@ -144,7 +141,9 @@ export default {
position: "center",
formatter: function (params) {
console.log(params);
return `{a|${params.data.pt}%}\n{b|${params.data.name}}`;
return `{a|${params.data.pt * 100}%}\n{b|${
params.data.name
}完成率}`;
},
rich: {
a: {
@ -163,7 +162,8 @@ export default {
labelLine: {
show: false,
},
data: [{ value: 1, name: "苏州完成率", pt: 100 }],
// data: [{ value: 1, name: "苏州完成率", pt: 100 }],
data: this.arr2,
},
{
//外圆
@ -185,19 +185,19 @@ export default {
labelLine: {
show: false,
},
data: [
{ value: 15, name: "张家港市" },
{ value: 10, name: "吴中区" },
{ value: 8, name: "常熟市" },
{ value: 10, name: "姑苏区" },
{ value: 18, name: "太仓市" },
{ value: 6, name: "相城区" },
{ value: 10, name: "昆山市" },
{ value: 4, name: "工业园区" },
{ value: 10, name: "吴江区" },
{ value: 5, name: "高新区" },
],
// data: this.arr1,
// data: [
// { value: 15, name: "张家港市" },
// { value: 10, name: "吴中区" },
// { value: 8, name: "常熟市" },
// { value: 10, name: "姑苏区" },
// { value: 18, name: "太仓市" },
// { value: 6, name: "相城区" },
// { value: 10, name: "昆山市" },
// { value: 4, name: "工业园区" },
// { value: 10, name: "吴江区" },
// { value: 5, name: "高新区" },
// ],
data: this.arr1,
},
],
};

108
src/views/yingji/enforcing.vue
Unescape View File

@ -23,7 +23,7 @@
</div>
<div class="select-input">
<div class="select-span">区划:</div>
<executive @quhua="quhua" @quhuadizhi="quhuadizhi"></executive>
</div>
<div class="my-checkbox">
@ -110,7 +110,11 @@
</el-table>
</div>
<div class="pagination">
<my-pagination :total="total" @pagesChange="pagesChange" ref="mypagination"></my-pagination>
<my-pagination
:total="total"
@pagesChange="pagesChange"
ref="mypagination"
></my-pagination>
</div>
<!-- 查看 -->
<el-dialog
@ -169,7 +173,7 @@ export default {
data() {
return {
tableData: [],
option:[],
option: [],
loads: true,
total: 0,
//这个是点击搜索之前的值
@ -193,16 +197,16 @@ export default {
label: "统一社会信用代码",
value: "",
},
{
eng: "CREATETIME",
label: "创建时间",
value: "",
},
{
eng: "UPDATETIME",
label: "修改时间",
value: "",
},
// {
// eng: "CREATETIME",
// label: "创建时间",
// value: "",
// },
// {
// eng: "UPDATETIME",
// label: "修改时间",
// value: "",
// },
{
eng: "enterpriseUnitVersion",
label: "钢铁三年专项时，企业设施的版本号",
@ -249,11 +253,11 @@ export default {
label: "执法部门代码",
value: "",
},
{
eng: "executorId",
label: "检查人员id",
value: "",
},
// {
// eng: "executorId",
// label: "检查人员id",
// value: "",
// },
{
eng: "expertsInFlag",
label: "是否专家参与",
@ -264,11 +268,11 @@ export default {
label: "专家姓名",
value: "",
},
{
eng: "planExamineId",
label: "检查方案id",
value: "",
},
// {
// eng: "planExamineId",
// label: "检查方案id",
// value: "",
// },
{
eng: "sourceData",
label: "数据来源",
@ -304,26 +308,31 @@ export default {
created() {
this.getList();
},
dicts: ["inspection_method", "check_source", "document_type"],
methods: {
filterTable(a, b) {
if (!b) return;
return this.selectDictLabel(a, b);
},
// 匹配行政区划
componendDistrict(district){
let name
this.option.map((item)=>{
if(item.value == district) {
name = item.label
componendDistrict(district) {
let name;
this.option.map((item) => {
if (item.value == district) {
name = item.label;
} else {
item.children.map((itemTwo)=>{
if(itemTwo.value == district) {
name = item.label + '-' + itemTwo.label
item.children.map((itemTwo) => {
if (itemTwo.value == district) {
name = item.label + "-" + itemTwo.label;
}
})
});
}
})
return name
});
return name;
},
// 获取行政区划树
quhuadizhi(district) {
this.option = district
this.option = district;
},
reset() {
this.form = {
@ -358,6 +367,35 @@ export default {
}
});
}
this.listDes.forEach((value1, index1) => {
//检查方式
if (value1.eng == "examineType") {
this.listDes[index1].value = this.filterTable(
this.dict.type.inspection_method,
value1.value
);
}
//检查来源
if (value1.eng == "examineSource") {
this.listDes[index1].value = this.filterTable(
this.dict.type.check_source,
value1.value
);
}
//文书类型
if (value1.eng == "typeCode") {
this.listDes[index1].value = this.filterTable(
this.dict.type.document_type,
value1.value
);
}
if (value1.value == "0") {
this.listDes[index1].value = '否'
}
if (value1.value == "1") {
this.listDes[index1].value = '是'
}
});
this.detailLoad = false;
});
},

2
src/views/yingji/enterprise.vue
Unescape View File

@ -639,7 +639,7 @@ export default {
this.dict.type.economic_categories,
value1.value
);
}
}
//经济类型小类
if (value1.eng == "ecoTypeSmall") {
this.listDes[index1].value = this.filterTable(

22
src/views/yingji/focusEnter.vue
Unescape View File

@ -26,7 +26,7 @@
<div class="select-input">
<div class="select-span" style="width: 85px">企业名称:</div>
<el-input
v-model="queryParms.entCode"
v-model="queryParms.enterpriseName"
size="small"
placeholder="请输入企业名称"
></el-input>
@ -38,7 +38,7 @@
placeholder="请输入统一社会信用代码"
></el-input>
</div>
<div style="display: flex;">
<div style="display: flex">
<div class="export" @click="searchList">
<span>搜索</span>
</div>
@ -326,9 +326,8 @@ export default {
dialogVisible: false,
queryParms: {
year: "",
uscCode: "",
// district: "",
//还有一个企业名称
entCode: "",
enterpriseName: "",
},
queryParmsdistrict: [],
district: [],
@ -352,11 +351,8 @@ export default {
entCode: "",
//备注
remark: "",
//大类
type: "",
//年份
year: "",
district: "",
},
addShow: false,
//详情
@ -447,7 +443,7 @@ export default {
this.form = {
//企业名称
enterpriseName: "",
//企业代码
//信用代码
entCode: "",
//备注
remark: "",
@ -464,9 +460,11 @@ export default {
pageNum: 1,
};
this.$refs.mypagination.defaultPages();
this.queryParms.year = "";
// this.district = [];
this.queryParms.uscCode = "";
this.queryParms = {
year: "",
entCode: "",
enterpriseName: "",
};
this.getList();
},
//获取列表

174
src/views/yingji/home.vue
Unescape View File

@ -1,40 +1,16 @@
<template>
<div class="mainBox">
<div class="select-nav">
<div class="left-nav" v-if="activeIndex == 1">
<div class="left-nav">
<div class="navText">年份:</div>
<el-select v-model="ruleForm.date" placeholder="请选择年份" size="mini">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</div>
<div class="left-nav" v-if="activeIndex == 0">
<div class="inputs">
<div class="navText">年份:</div>
<div>
<el-date-picker
v-model="form.plannedYear"
size="mini"
type="month"
format="yyyy-MM"
:clearable="false"
value-format="yyyy-MM"
placeholder="请选择年份"
>
</el-date-picker>
</div>
</div>
<!-- <div class="inputs">
<div class="navText" style="margin-left: 10px">区划:</div>
<div>
<executive @quhua="quhua"></executive>
</div>
</div> -->
<el-date-picker
v-model="ruleForm.plannedYear"
type="month"
size="mini"
value-format="yyyy-MM"
placeholder="请选择年份"
>
</el-date-picker>
<div class="export" @click="searchList">
<span>搜索</span>
</div>
@ -61,16 +37,16 @@
<!-- 各区域执法计划 -->
<div class="bodyBox boxAllStyle" v-if="activeIndex == 1">
<div id="execution">
<executionPlan></executionPlan>
<executionPlan ref="executionPlan" :loadS="loadS"></executionPlan>
</div>
</div>
<div class="bottomBox" v-if="activeIndex == 1">
<div class="boxAllStyle">
<completePlan></completePlan>
<completePlan ref="completePlan" :loadS="loadS"></completePlan>
</div>
<div style="width: 15px"></div>
<div class="boxAllStyle">
<finishRate></finishRate>
<finishRate ref="finishRate" :loadS="loadS"></finishRate>
</div>
</div>
<div class="bgContent" v-if="activeIndex == 0">
@ -140,30 +116,19 @@
</template>
</el-table-column> -->
<el-table-column
prop="totalPlanCount"
label="合计计划数"
prop="plannedEnterpriseCount"
label="执法计划"
header-align="center"
>
<template slot-scope="scope">
{{ scope.row.enterpriseCount + scope.row.planneKeyEnterpriseCount }}
</template>
</el-table-column>
<el-table-column label="合计完成数" header-align="center">
<template slot-scope="scope">
{{ scope.row.remainingKeyEnterpriseCount + scope.row.plannedEnterpriseCount }}
</template>
<el-table-column
label="完成执法"
prop="checkEnterpriseCount"
header-align="center"
>
</el-table-column>
<el-table-column label="合计完成率" header-align="center">
<template slot-scope="scope">
<!-- {{
scope.row.percentageCompleted +
scope.row.percentageNonCompleted
}}% -->
{{
scope.row.percentageCompleted +
scope.row.percentageNonCompleted || 0
}}%
</template>
<el-table-column label="完成率" prop="pt" header-align="center">
<template slot-scope="scope"> {{ scope.row.pt * 100 }}% </template>
</el-table-column>
</el-table>
</div>
@ -181,37 +146,20 @@ import completePlan from "./echarts/completePlan";
import finishRate from "./echarts/finishRate";
import executionPlan from "./echarts/executionPlan";
import myPagination from "@/views/components/myPagination/index";
import { workStatistics, xzTree,planeEnTree } from "@/api/yingji/keyEnterprise.js";
// import {
// workStatistics,
// xzTree,
// planeEnTree,
// } from "@/api/yingji/keyEnterprise.js";
import { indexRegionalism } from "@/api/yingji/home.js";
import executive from "./echarts/executive";
export default {
data() {
return {
ruleForm: {
date: "",
plannedYear: "",
},
options: [
{
value: "选项5",
label: "2023",
},
{
value: "选项4",
label: "2022",
},
{
value: "选项3",
label: "2021",
},
{
value: "选项2",
label: "2020",
},
{
value: "选项1",
label: "2019",
},
],
options1: [
{
name: "表格",
@ -225,31 +173,12 @@ export default {
},
],
activeIndex: 0,
//======
load1: false,
total: 0,
tableData: [
// {
// deptName: "苏州市",
// keyPlan: 10,
// keyCompleted: 5,
// percentageCompleted: 50,
// nonKeyPlan: 10,
// nonKeyCompleted: 5,
// percentageNonCompleted: 50,
// totalPlanCount: 20,
// },
],
//===
beforeParams: {
pageSize: 10,
pageNum: 1,
},
form: {
deptName: "",
plannedYear: "",
},
deptName: '',
tableData: [],
beforeParams: {},
//传递的等待效果
loadS: false,
};
},
components: {
@ -259,39 +188,42 @@ export default {
myPagination,
executive,
},
created() {
this.getHomeList();
},
mounted() {},
methods: {
quhua(e) {
console.log(e);
this.deptName = e;
},
searchList() {
if (this.deptName) {
this.form.deptName = this.deptName;
}
console.log(this.form);
this.beforeParams = { ...this.beforeParams, ...this.form };
this.getHomeList();
this.beforeParams = { ...this.beforeParams, ...this.ruleForm };
this.handoff();
},
getHomeList() {
this.load1 = true;
planeEnTree(this.beforeParams).then((res) => {
indexRegionalism(this.beforeParams).then((res) => {
this.tableData = res.rows;
this.load1 = false;
this.tableData = res.data;
// this.total = res.data.total;
});
},
pagesChange(e) {
this.beforeParams.pageNum = e.pageNum;
this.beforeParams.pageSize = e.pageSize;
this.getHomeList();
handoff() {
if (this.activeIndex == 0) {
this.getHomeList();
} else {
this.loadS = true;
indexRegionalism(this.beforeParams).then((res) => {
this.$refs.executionPlan.getData(res.rows);
this.$refs.completePlan.getData(res.rows);
this.$refs.finishRate.getData(res.rows);
this.loadS = false;
});
}
},
active(e) {
this.activeIndex = e;
this.ruleForm = {
plannedYear: "",
};
this.beforeParams = {};
this.handoff();
},
tableRowClassName({ row, rowIndex }) {
if (rowIndex % 2 !== 0) {

Write Preview
Loading…
Cancel
Save