吕天方 1 year ago
commit 1ff9d3ddb7

@ -84,7 +84,14 @@ export function listDist(query) {
params: query params: query
}) })
} }
//计划企业表数结构
export function planeEnTree(data) {
return request({
url: '/pharmaceuticals/bPlanEnterprise/tree',
method: 'get',
params:data
})
}
// 行政区划树结构 // 行政区划树结构
export function xzTree() { export function xzTree() {
return request({ return request({

@ -138,7 +138,10 @@ export default {
}) })
.then(() => { .then(() => {
this.$store.dispatch("LogOut").then(() => { this.$store.dispatch("LogOut").then(() => {
location.href = "/demo/suzhouyingjiPC/"; location.href =
process.env.NODE_ENV === "production"
? "/demo/suzhouyingjiPC/"
: "/";
}); });
}) })
.catch(() => {}); .catch(() => {});

@ -82,8 +82,7 @@ export default {
new1: (state) => state.user.new1, new1: (state) => state.user.new1,
}), }),
}, },
created() { created() {},
},
watch: { watch: {
$route: { $route: {
handler(n, o) { handler(n, o) {
@ -111,7 +110,10 @@ export default {
}) })
.then(() => { .then(() => {
this.$store.dispatch("LogOut").then(() => { this.$store.dispatch("LogOut").then(() => {
location.href = "/demo/suzhouyingjiPC/"; location.href =
process.env.NODE_ENV === "production"
? "/demo/suzhouyingjiPC/"
: "/";
}); });
}) })
.catch(() => {}); .catch(() => {});

@ -127,7 +127,7 @@ export const loadView = (view) => {
return (resolve) => require([`@/views/${view}`], resolve) return (resolve) => require([`@/views/${view}`], resolve)
} else { } else {
// 使用 import 实现生产环境的路由懒加载 // 使用 import 实现生产环境的路由懒加载
return () => import(`@/views/${view}`) return (resolve) => require([`@/views/${view}`], resolve)
} }
} }

@ -153,7 +153,7 @@ const user = {
toRouter = arr1 toRouter = arr1
} else { } else {
//区级和镇级 //区级和镇级
if (user.dept.parentId == 100 || user.dept.parentId == 101) { if (user.dept.parentId != 0) {
arr2 = arr1.filter((value) => { arr2 = arr1.filter((value) => {
return value.path == "/planManage"; return value.path == "/planManage";
}); });

@ -5,6 +5,7 @@
<div class="lg-text">苏州应急执法计划管理系统</div> <div class="lg-text">苏州应急执法计划管理系统</div>
</div> </div>
<div class="lg-centerbox"> <div class="lg-centerbox">
<div class="lg-backImg"></div>
<el-form <el-form
ref="loginForm" ref="loginForm"
:model="loginForm" :model="loginForm"
@ -76,7 +77,6 @@
</div> </div>
</el-form-item> </el-form-item>
</el-form> </el-form>
<div class="lg-backImg"></div>
</div> </div>
<!-- 底部 --> <!-- 底部 -->
@ -239,7 +239,9 @@ export default {
height: calc(100% - 200px); height: calc(100% - 200px);
width: 100%; width: 100%;
display: flex; display: flex;
flex-direction: row-reverse; // align-items: center;
justify-content: center;
// flex-direction: row-reverse;
} }
} }
.iconO { .iconO {
@ -281,7 +283,7 @@ export default {
height: 360px; height: 360px;
box-sizing: border-box; box-sizing: border-box;
padding: 35px 35px 5px 35px; padding: 35px 35px 5px 35px;
margin-right: 260px; // margin-right: 260px;
margin-top: 20px; margin-top: 20px;
background: rgba(229, 236, 246, 0.95); background: rgba(229, 236, 246, 0.95);
box-shadow: 0px 1px 32px 0px #0c4990; box-shadow: 0px 1px 32px 0px #0c4990;

@ -0,0 +1,78 @@
<template>
<div >
<el-cascader
size="small"
v-model="district"
:options="compartment"
:show-all-levels="false"
:disabled="isNoneDivision"
:props="props"
@change="getData"
></el-cascader>
</div>
</template>
<script>
import { xzTree } from "@/api/yingji/keyEnterprise.js";
import { mapState } from "vuex";
export default {
data() {
return {
//
district: "",
compartment: [],
isNoneDivision: false,
props: {
checkStrictly: true,
value: "value",
label: "label",
children: "children",
},
};
},
created() {
this.xzList();
},
computed: {
...mapState({
//dept.parentId
dept: (state) => state.user.dept,
}),
},
methods: {
xzList() {
xzTree().then((res) => {
// console.log(this.dept.parentId);
if (this.dept.parentId == 0) {
res.data.forEach((value, index) => {
this.compartment.push({
value: value.county,
label: value.institutionName,
children: [],
});
if (value.children.length > 0) {
value.children.forEach((value1, index1) => {
this.compartment[index].children.push({
value: value1.subdistrict,
label: value1.institutionName,
});
});
}
});
}
});
},
getData(e) {
if (e.length == 1) {
this.$emit("quhua", e[0].slice(0, 8));
} else if (e.length == 2 && e[0] == e[1]) {
this.$emit("quhua", e[0].slice(0, 8));
} else {
this.$emit("quhua", e[1].slice(0, 11));
}
},
},
};
</script>
<style lang="scss" scoped>
</style>

@ -23,13 +23,8 @@
</div> </div>
<div class="select-input"> <div class="select-input">
<div class="select-span">区划:</div> <div class="select-span">区划:</div>
<el-cascader
size="small" <executive @quhua="quhua"></executive>
v-model="district"
:options="compartment"
:disabled="isNoneDivision"
:props="props"
></el-cascader>
</div> </div>
<div class="my-checkbox"> <div class="my-checkbox">
<el-checkbox-group v-model="checkList" @change="setmealSelect"> <el-checkbox-group v-model="checkList" @change="setmealSelect">
@ -157,6 +152,7 @@
</template> </template>
<script> <script>
import executive from "./echarts/executive";
import myPagination from "@/views/components/myPagination/index.vue"; import myPagination from "@/views/components/myPagination/index.vue";
import { import {
businessList, businessList,
@ -164,9 +160,8 @@ import {
xzTree, xzTree,
enforcingGet, enforcingGet,
} from "@/api/yingji/keyEnterprise.js"; } from "@/api/yingji/keyEnterprise.js";
import { mapState } from "vuex";
export default { export default {
components: { myPagination }, components: { myPagination, executive },
name: "Article", name: "Article",
data() { data() {
return { return {
@ -185,119 +180,110 @@ export default {
checkListTwo: [], checkListTwo: [],
listDes: [ listDes: [
{ {
eng: "bizAddr", eng: "entprName",
label: "生产经营地址", label: "企业名称",
value: "",
},
{
eng: "bossEmail",
label: "主要负责人电子邮箱",
value: "", value: "",
}, },
{ {
eng: "bossMobtel", eng: "uscCode",
label: "主要负责人移动电话", label: "统一社会信用代码",
value: "", value: "",
}, },
{ {
eng: "bossTel", eng: "CREATETIME",
label: "主要负责人固定电话", label: "创建时间",
value: "", value: "",
}, },
{ {
eng: "cseNum", eng: "UPDATETIME",
label: "注册安全工程师人员数量", label: "修改时间",
value: "", value: "",
}, },
{ {
eng: "doublePreven", eng: "enterpriseUnitVersion",
label: "是否开展双重预防机制", label: "钢铁三年专项时,企业设施的版本号",
value: "", value: "",
}, },
{ {
eng: "ecoTypeLarge", eng: "examineStartTime",
label: "经济类型大类", label: "检查开始时间",
value: "", value: "",
}, },
{ {
eng: "ecoTypeSmall", eng: "examineEndTime",
label: "经济类型小类", label: "检查结束时间",
value: "", value: "",
}, },
{ {
eng: "employeeNum", eng: "examineSite",
label: "从业人员数量", label: "检查场所",
value: "", value: "",
}, },
{ {
eng: "enterColorChart", eng: "examineSituation",
label: "企业分色图", label: "检查情况",
value: "", value: "",
}, },
{ {
eng: "entprName", eng: "examineSource",
label: "企业名称", label: "检查来源",
value: "", value: "",
}, },
{ {
eng: "floorArea", eng: "examineType",
label: "占地面积", label: "检查方式",
value: "", value: "",
}, },
{ {
eng: "fullEmegNum", eng: "executorDept",
label: "专职应急管理人员数量", label: "执法部门",
value: "", value: "",
}, },
{ {
eng: "fullSafety", eng: "executorDeptCode",
label: "是否有专职安全人员", label: "执法部门代码",
value: "", value: "",
}, },
{ {
eng: "fullSafetyNum", eng: "executorId",
label: "专职安全生产管理人员数量", label: "检查人员id",
value: "", value: "",
}, },
{ {
eng: "gridCode", eng: "expertsInFlag",
label: "网格编码", label: "是否专家参与",
value: "", value: "",
}, },
{ {
eng: "infoYear", eng: "expertsName",
label: "数据年份", label: "专家姓名",
value: "", value: "",
}, },
{ {
eng: "isPoint", eng: "planExamineId",
label: "是否重点", label: "检查方案id",
value: "", value: "",
}, },
{ {
eng: "legalPerson", eng: "sourceData",
label: "法定代表人", label: "数据来源",
value: "", value: "",
}, },
{ {
eng: "majorHazardInstallations", eng: "threeSpecialType",
label: "是否存在重大危险源", label: "是否是三年专项",
value: "", value: "",
}, },
{ {
eng: "majorHazardLevel", eng: "typeCode",
label: "重大危险源等级", label: "文书类型",
value: "", value: "",
}, },
{ {
eng: "regAddr", eng: "writNo",
label: "注册地址", label: "文书文号",
value: "",
},
{
eng: "uscCode",
label: "统一社会信用代码",
value: "", value: "",
}, },
], ],
@ -308,27 +294,11 @@ export default {
details: {}, details: {},
addShow: false, addShow: false,
detailLoad: true, detailLoad: true,
compartment: [],
// //
isNoneDivision: false,
newQHList: [],
props: {
checkStrictly: true,
value: "value",
label: "label",
children: "children",
},
}; };
}, },
created() { created() {
this.getList(); this.getList();
this.xzList();
},
computed: {
...mapState({
//dept.parentId
dept: (state) => state.user.dept,
}),
}, },
methods: { methods: {
reset() { reset() {
@ -337,6 +307,7 @@ export default {
plannedYear: "", plannedYear: "",
checkStatus: "", checkStatus: "",
}; };
// this.district = [];
this.searchBefore = { this.searchBefore = {
pageSize: 10, pageSize: 10,
pageNum: 1, pageNum: 1,
@ -347,28 +318,6 @@ export default {
this.reset(); this.reset();
this.getList(); this.getList();
}, },
xzList() {
xzTree().then((res) => {
if (this.dept.parentId == 0) {
res.data.forEach((value, index) => {
this.compartment.push({
value: value.county,
label: value.institutionName,
children: [],
});
if (value.children.length > 0) {
value.children.forEach((value1, index1) => {
this.compartment[index].children.push({
value: value1.subdistrict,
label: value1.institutionName,
});
});
}
});
}
});
},
shutDownDetail() { shutDownDetail() {
this.addShow = false; this.addShow = false;
}, },
@ -376,12 +325,23 @@ export default {
this.addShow = true; this.addShow = true;
this.detailLoad = true; this.detailLoad = true;
enforcingGet(e.longId).then((res) => { enforcingGet(e.longId).then((res) => {
console.log(res); for (let key in res.data) {
this.listDes.forEach((value1, index1) => {
if (key == value1.eng) {
this.listDes[index1].value = res.data[key];
return;
}
});
}
this.detailLoad = false;
}); });
}, },
quhua(e) {
this.district = e;
},
searchList() { searchList() {
if (this.district) { if (this.district) {
this.form.district = this.district[0]; this.form.district = this.district;
} }
this.searchBefore = { ...this.searchBefore, ...this.form }; this.searchBefore = { ...this.searchBefore, ...this.form };
this.getList(); this.getList();

@ -4,14 +4,15 @@
<div class="one-line"> <div class="one-line">
<div class="select-input"> <div class="select-input">
<div class="select-span">行政区划:</div> <div class="select-span">行政区划:</div>
<el-cascader <!-- <el-cascader
v-model="subdistrict" v-model="subdistrict"
placeholder="请选择" placeholder="请选择"
:options="xzList" :options="xzList"
:props="props" :props="props"
:disabled="isNoneDivision" :disabled="isNoneDivision"
> >
</el-cascader> </el-cascader> -->
<executive @quhua="quhua"></executive>
</div> </div>
<div class="select-input"> <div class="select-input">
<div class="select-span">经济类型:</div> <div class="select-span">经济类型:</div>
@ -132,14 +133,14 @@
<div> <div>
{{ {{
scope.row.indusTypeClass != "null" scope.row.indusTypeClass != "null"
? scope.row.indusTypeClass ? filterTable(options.category, scope.row.indusTypeClass)
: "" : ""
}} }}
</div> </div>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="entprColor" prop="enterColorChart"
label="企业分色" label="企业分色"
header-align="center" header-align="center"
> >
@ -147,7 +148,7 @@
<div> <div>
{{ {{
scope.row.enterColorChart != "null" scope.row.enterColorChart != "null"
? scope.row.enterColorChart ? filterTable(options.entpr_color, scope.row.enterColorChart)
: "" : ""
}} }}
</div> </div>
@ -231,10 +232,11 @@
<script> <script>
import myPagination from "@/views/components/myPagination/index.vue"; import myPagination from "@/views/components/myPagination/index.vue";
import { businessList, listDist, xzTree } from "@/api/yingji/keyEnterprise"; import { businessList, listDist, xzTree } from "@/api/yingji/keyEnterprise";
import { mapState } from "vuex"; // import { mapState } from "vuex";
import executive from "./echarts/executive";
export default { export default {
components: { myPagination }, components: { myPagination, executive },
name: "Order", name: "Order",
data() { data() {
return { return {
@ -248,12 +250,7 @@ export default {
entprColor: "", entprColor: "",
uscCode: "", uscCode: "",
}, },
props: {
checkStrictly: true,
value: "value",
label: "label",
children: "children",
},
xzqh: "", xzqh: "",
searchBefore: { searchBefore: {
pageSize: 10, pageSize: 10,
@ -578,101 +575,114 @@ export default {
addShow: false, addShow: false,
details: null, details: null,
//== //==
isNoneDivision: false,
newQHList: [],
subdistrict: [], subdistrict: [],
isPointOption: [ isPointOption: [
{ {
dictValue: 1, dictValue: 1,
dictLabel:'是' dictLabel: "是",
}, },
{ {
dictValue: 0, dictValue: 0,
dictLabel:'否' dictLabel: "否",
},
],
guimoOption: [
{
dictValue: 1,
dictLabel: "规模以上",
}, },
] {
dictValue: 0,
dictLabel: "规模一下",
},
],
}; };
}, },
created() { created() {
this.getList(); this.getList();
this.getDict(); this.getDict();
}, },
computed: {
...mapState({
//dept.parentId
dept: (state) => state.user.dept,
}),
},
methods: { methods: {
getDict() {
listDist({
list: "economic_categories,category,major_hazard_level,entpr_color",
}).then((res) => {
this.options = res.data;
});
},
filterTable(a, b) { filterTable(a, b) {
let arr = []; let arr = [];
if (!b) return; if (!b) return;
if (a == this.options.major_hazard_level) {
arr = a.filter((value) => {
return "0" + value.dictValue == b;
});
}
arr = a.filter((value) => { arr = a.filter((value) => {
return value.dictValue == b; return value.dictValue == b;
}); });
return arr[0].dictLabel; return arr[0].dictLabel || b;
}, },
shutDownDetail() { shutDownDetail() {
this.addShow = false; this.addShow = false;
}, },
look(e) { look(e) {
this.addShow = true; this.addShow = true;
console.log(e);
this.details = e; this.details = e;
for (let key in this.details) { for (let key in this.details) {
this.listDes.forEach((value1, index1) => { this.listDes.forEach((value1, index1) => {
// if(key == value1.eng ){
// this.listDes[index1].value =this.filterTable(this.isPointOption, this.details[key]) ;
// return;
// }
if (key == value1.eng) { if (key == value1.eng) {
this.listDes[index1].value = this.details[key]; this.listDes[index1].value = this.details[key];
return; return;
} }
}); });
} }
for (let key1 in this.listDes) { this.listDes.forEach((value1, index1) => {
if (value1.eng == "isPoint") {
this.listDes[index1].value = this.filterTable(
this.isPointOption,
value1.value
);
} }
console.log(this.filterTable(this.isPointOption, this.listDes[30].value) ); if (value1.eng == "majorHazardLevel") {
}, this.listDes[index1].value = this.filterTable(
getDict() { this.options.major_hazard_level,
xzTree().then((res1) => { value1.value
console.log(res1); );
if (this.dept.parentId == 0) {
res1.data.forEach((value, index) => {
this.xzList.push({
value: value.county,
label: value.institutionName,
children: [],
});
if (value.children.length > 0) {
value.children.forEach((value1, index1) => {
this.xzList[index].children.push({
value: value1.subdistrict,
label: value1.institutionName,
});
});
} }
}); if (value1.eng == "ecoTypeLarge") {
this.listDes[index1].value = this.filterTable(
this.options.economic_categories,
value1.value
);
}
if (value1.eng == "indusTypeClass") {
this.listDes[index1].value = this.filterTable(
this.options.category,
value1.value
);
}
if (value1.eng == "enterColorChart") {
this.listDes[index1].value = this.filterTable(
this.options.entpr_color,
value1.value
);
}
if (value1.eng == "safetyDepart") {
this.listDes[index1].value = this.filterTable(
this.isPointOption,
value1.value
);
}
if (value1.eng == "fullSafety") {
this.listDes[index1].value = this.filterTable(
this.guimoOption,
value1.value
);
} }
});
listDist({
list: "economic_categories,category,major_hazard_level,entpr_color",
}).then((res) => {
this.options = res.data;
}); });
}, },
quhua(e) {
this.subdistrict = e;
},
searchList() { searchList() {
if (this.subdistrict) { if (this.subdistrict) {
this.form.subdistrict = this.subdistrict[0]; this.form.subdistrict = this.subdistrict;
} }
this.searchBefore = { ...this.searchBefore, ...this.form }; this.searchBefore = { ...this.searchBefore, ...this.form };
this.getList(); this.getList();
@ -687,6 +697,7 @@ export default {
entprColor: "", entprColor: "",
uscCode: "", uscCode: "",
}; };
// this.subdistrict = []
this.searchBefore = { this.searchBefore = {
pageSize: 10, pageSize: 10,
pageNum: 1, pageNum: 1,

@ -23,24 +23,26 @@
</el-date-picker> </el-date-picker>
</div> </div>
</div> </div>
<!-- <div class="select-input"> <div class="select-input">
<div class="select-span">区划:</div> <div class="select-span">区划:</div>
<el-cascader <!-- <el-cascader
v-model="subdistrict" size="small"
v-model="district"
placeholder="请选择" placeholder="请选择"
:options="xzList" :options="xzList"
:props="props" :props="props"
:disabled="isNoneDivision" :disabled="isNoneDivision"
> >
</el-cascader> </el-cascader> -->
</div> --> <executive @quhua="quhua"></executive>
<!-- <div class="input-input"> </div>
<div class="select-span">企业名称/统一社会信用代码:</div> <div class="select-input">
<el-input <el-input
v-model="form.uscCode" v-model="queryParms.entCode"
placeholder="请输入企业名称/统一社会信用代码" size="small"
placeholder="请输入统一社会信用代码"
></el-input> ></el-input>
</div> --> </div>
</div> </div>
<div style="display: flex"> <div style="display: flex">
<div class="export" @click="addkeys" style="background-color: #28b384"> <div class="export" @click="addkeys" style="background-color: #28b384">
@ -199,6 +201,21 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row>
<el-col>
<el-form-item label="行政区划:" prop="type">
<el-cascader
size="small"
v-model="queryParmsdistrict"
placeholder="请选择"
:options="xzList"
:props="props"
:disabled="isNoneDivision"
>
</el-cascader>
</el-form-item>
</el-col>
</el-row>
<el-row> <el-row>
<el-col> <el-col>
<el-form-item label="备注:" prop="remark"> <el-form-item label="备注:" prop="remark">
@ -260,6 +277,9 @@
<el-descriptions-item label="企业类别">{{ <el-descriptions-item label="企业类别">{{
details.type details.type
}}</el-descriptions-item> }}</el-descriptions-item>
<el-descriptions-item label="行政区划">{{
details.district
}}</el-descriptions-item>
<el-descriptions-item label="备注">{{ <el-descriptions-item label="备注">{{
details.remark details.remark
}}</el-descriptions-item> }}</el-descriptions-item>
@ -274,7 +294,7 @@
<script> <script>
import myPagination from "@/views/components/myPagination/index.vue"; import myPagination from "@/views/components/myPagination/index.vue";
import { Loading } from "element-ui"; import { Loading } from "element-ui";
import executive from "./echarts/executive";
import { import {
listEnterprise, listEnterprise,
addEnterprise, addEnterprise,
@ -282,9 +302,12 @@ import {
deleteEnterprise, deleteEnterprise,
exportEnterprise, exportEnterprise,
getEnterprise, getEnterprise,
xzTree,
} from "@/api/yingji/keyEnterprise.js"; } from "@/api/yingji/keyEnterprise.js";
import { mapState } from "vuex";
export default { export default {
components: { myPagination }, components: { myPagination, executive },
name: "Article", name: "Article",
data() { data() {
return { return {
@ -299,7 +322,19 @@ export default {
dialogVisible: false, dialogVisible: false,
queryParms: { queryParms: {
year: "", year: "",
uscCode: "",
district: "",
},
queryParmsdistrict: [],
district: [],
xzList: [],
props: {
checkStrictly: true,
value: "value",
label: "label",
children: "children",
}, },
isNoneDivision: false,
searchBefore: { searchBefore: {
pageSize: 10, pageSize: 10,
pageNum: 1, pageNum: 1,
@ -316,6 +351,7 @@ export default {
type: "", type: "",
// //
year: "", year: "",
district: "",
}, },
addShow: false, addShow: false,
// //
@ -335,11 +371,45 @@ export default {
}; };
}, },
created() { created() {
this.getTreeList();
this.getList(); this.getList();
}, },
computed: {
...mapState({
//dept.parentId
dept: (state) => state.user.dept,
}),
},
methods: { methods: {
getTreeList() {
xzTree().then((res1) => {
if (this.dept.parentId == 0) {
res1.data.forEach((value, index) => {
this.xzList.push({
value: value.county,
label: value.institutionName,
children: [],
});
if (value.children.length > 0) {
value.children.forEach((value1, index1) => {
this.xzList[index].children.push({
value: value1.subdistrict,
label: value1.institutionName,
});
});
}
});
}
});
},
handleRemove() {}, handleRemove() {},
quhua(e) {
this.district = e;
},
searchList() { searchList() {
if (this.district) {
this.queryParms.district = this.district;
}
this.searchBefore = { ...this.searchBefore, ...this.queryParms }; this.searchBefore = { ...this.searchBefore, ...this.queryParms };
this.getList(); this.getList();
}, },
@ -363,6 +433,8 @@ export default {
pageNum: 1, pageNum: 1,
}; };
this.queryParms.year = ""; this.queryParms.year = "";
// this.district = [];
this.queryParms.uscCode = "";
this.getList(); this.getList();
}, },
// //
@ -407,6 +479,7 @@ export default {
this.headerText = "修改"; this.headerText = "修改";
getEnterprise(e.id).then((res) => { getEnterprise(e.id).then((res) => {
this.form = res.data; this.form = res.data;
this.queryParmsdistrict = this.form.district
this.dialogVisible = true; this.dialogVisible = true;
this.$nextTick(() => { this.$nextTick(() => {
this.$refs.form1.clearValidate(); this.$refs.form1.clearValidate();
@ -415,6 +488,18 @@ export default {
}, },
// //
confirm() { confirm() {
if (this.queryParmsdistrict) {
if (this.queryParmsdistrict.length == 1) {
this.form.district = this.queryParmsdistrict[0];
} else if (
this.queryParmsdistrict.length == 2 &&
this.queryParmsdistrict[0] == this.queryParmsdistrict[1]
) {
this.form.district = this.queryParmsdistrict[0];
} else {
this.form.district = this.queryParmsdistrict[1];
}
}
this.$refs.form1.validate((valid) => { this.$refs.form1.validate((valid) => {
if (valid) { if (valid) {
if (this.form.id != null) { if (this.form.id != null) {

@ -29,20 +29,12 @@
</el-date-picker> </el-date-picker>
</div> </div>
</div> </div>
<div class="inputs"> <!-- <div class="inputs">
<div class="navText" style="margin-left: 10px">区划:</div> <div class="navText" style="margin-left: 10px">区划:</div>
<div> <div>
<el-cascader <executive @quhua="quhua"></executive>
size="mini"
v-model="deptName"
placeholder="请选择"
:options="xzList"
:props="props"
:disabled="isNoneDivision"
>
</el-cascader>
</div>
</div> </div>
</div> -->
<div class="export" @click="searchList"> <div class="export" @click="searchList">
<span>搜索</span> <span>搜索</span>
</div> </div>
@ -92,13 +84,13 @@
:row-class-name="tableRowClassName" :row-class-name="tableRowClassName"
> >
<el-table-column <el-table-column
prop="deptName" prop="institutionName"
label="行政区划" label="行政区划"
header-align="center" header-align="center"
> >
<template slot-scope="scope"> <!-- <template slot-scope="scope">
{{ scope.row.deptName }} {{ scope.row.deptName }}
</template> </template> -->
</el-table-column> </el-table-column>
<!-- <el-table-column prop="deptName" label="区县" header-align="center"> <!-- <el-table-column prop="deptName" label="区县" header-align="center">
<template slot-scope="scope"> <template slot-scope="scope">
@ -106,13 +98,13 @@
</template> </template>
</el-table-column> --> </el-table-column> -->
<el-table-column <el-table-column
prop="keyPlan" prop="enterpriseCount"
label="省重点计划数" label="省重点计划数"
header-align="center" header-align="center"
> >
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="keyCompleted" prop="plannedEnterpriseCount"
label="省重点完成数" label="省重点完成数"
header-align="center" header-align="center"
> >
@ -123,17 +115,17 @@
header-align="center" header-align="center"
> >
<template slot-scope="scope"> <template slot-scope="scope">
{{ scope.row.percentageCompleted }}% {{ scope.row.a ||0 }}%
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="nonKeyPlan" prop="planneKeyEnterpriseCount"
label="非重点计划数" label="非重点计划数"
header-align="center" header-align="center"
> >
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="nonKeyCompleted" prop="remainingKeyEnterpriseCount"
label="非重点完成数" label="非重点完成数"
header-align="center" header-align="center"
> >
@ -144,7 +136,7 @@
header-align="center" header-align="center"
> >
<template slot-scope="scope"> <template slot-scope="scope">
{{ scope.row.percentageNonCompleted }}% {{ scope.row.a ||0}}%
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
@ -152,17 +144,24 @@
label="合计计划数" label="合计计划数"
header-align="center" header-align="center"
> >
<template slot-scope="scope">
{{ scope.row.enterpriseCount + scope.row.planneKeyEnterpriseCount }}
</template>
</el-table-column> </el-table-column>
<el-table-column label="合计完成数" header-align="center"> <el-table-column label="合计完成数" header-align="center">
<template slot-scope="scope"> <template slot-scope="scope">
{{ scope.row.keyCompleted + scope.row.nonKeyCompleted }} {{ scope.row.remainingKeyEnterpriseCount + scope.row.plannedEnterpriseCount }}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="合计完成率" header-align="center"> <el-table-column label="合计完成率" header-align="center">
<template slot-scope="scope"> <template slot-scope="scope">
{{ <!-- {{
scope.row.percentageCompleted + scope.row.percentageCompleted +
scope.row.percentageNonCompleted scope.row.percentageNonCompleted
}}% -->
{{
scope.row.percentageCompleted +
scope.row.percentageNonCompleted || 0
}}% }}%
</template> </template>
</el-table-column> </el-table-column>
@ -182,8 +181,8 @@ import completePlan from "./echarts/completePlan";
import finishRate from "./echarts/finishRate"; import finishRate from "./echarts/finishRate";
import executionPlan from "./echarts/executionPlan"; import executionPlan from "./echarts/executionPlan";
import myPagination from "@/views/components/myPagination/index"; import myPagination from "@/views/components/myPagination/index";
import { workStatistics, xzTree } from "@/api/yingji/keyEnterprise.js"; import { workStatistics, xzTree,planeEnTree } from "@/api/yingji/keyEnterprise.js";
import { mapState } from "vuex"; import executive from "./echarts/executive";
export default { export default {
data() { data() {
@ -230,35 +229,27 @@ export default {
load1: false, load1: false,
total: 0, total: 0,
tableData: [ tableData: [
{ // {
deptName:'苏州市', // deptName: "",
keyPlan:10, // keyPlan: 10,
keyCompleted:5, // keyCompleted: 5,
percentageCompleted:50, // percentageCompleted: 50,
nonKeyPlan:10, // nonKeyPlan: 10,
nonKeyCompleted:5, // nonKeyCompleted: 5,
percentageNonCompleted:50, // percentageNonCompleted: 50,
totalPlanCount:20, // totalPlanCount: 20,
} // },
], ],
//=== //===
beforeParams: { beforeParams: {
pageSize: 10, // pageSize: 10,
pageNum: 1, // pageNum: 1,
}, },
form: { form: {
deptName: "", deptName: "",
plannedYear: "", plannedYear: "",
}, },
deptName: [], deptName: '',
xzList: [],
props: {
checkStrictly: true,
value: "value",
label: "label",
children: "children",
},
isNoneDivision: false,
}; };
}, },
components: { components: {
@ -266,53 +257,32 @@ export default {
finishRate, finishRate,
executionPlan, executionPlan,
myPagination, myPagination,
executive,
}, },
computed: {
...mapState({
//dept.parentId
dept: (state) => state.user.dept,
}),
},
created() { created() {
// this.getTree(); this.getHomeList();
// this.getHomeList();
}, },
mounted() {}, mounted() {},
methods: { methods: {
getTree() { quhua(e) {
xzTree().then((res1) => { console.log(e);
if (this.dept.parentId == 0) { this.deptName = e;
res1.data.forEach((value, index) => {
this.xzList.push({
value: value.county,
label: value.institutionName,
children: [],
});
if (value.children.length > 0) {
value.children.forEach((value1, index1) => {
this.xzList[index].children.push({
value: value1.subdistrict,
label: value1.institutionName,
});
});
}
});
}
});
}, },
searchList() { searchList() {
if (this.deptName) { if (this.deptName) {
this.form.deptName = this.deptName[0]; this.form.deptName = this.deptName;
} }
console.log(this.form);
this.beforeParams = { ...this.beforeParams, ...this.form }; this.beforeParams = { ...this.beforeParams, ...this.form };
this.getHomeList(); this.getHomeList();
}, },
getHomeList() { getHomeList() {
this.load1 = true; this.load1 = true;
workStatistics(this.beforeParams).then((res) => { planeEnTree(this.beforeParams).then((res) => {
this.load1 = false; this.load1 = false;
this.tableData = res.data.list; this.tableData = res.data;
this.total = res.data.total; // this.total = res.data.total;
}); });
}, },
pagesChange(e) { pagesChange(e) {

Loading…
Cancel
Save