zhangtao
laozt 1 year ago
parent 9fffc53a62
commit e5a5d6e87d

@ -141,8 +141,9 @@
<el-table-column <el-table-column
prop="majorHazardLevel" prop="majorHazardLevel"
label="行政区划" label="行政区划"
width="180" width="230"
header-align="center" header-align="center"
show-overflow-tooltip
> >
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ <span>{{
@ -150,18 +151,12 @@
}}</span> }}</span>
</template> </template>
</el-table-column> </el-table-column>
<!-- <el-table-column
prop="enterpristScale"
label="企业规模"
width="180"
header-align="center"
>
</el-table-column> -->
<el-table-column <el-table-column
prop="supervisionLarge" prop="supervisionLarge"
label="行业监管大类" label="行业监管大类"
width="180" width="230"
header-align="center" header-align="center"
show-overflow-tooltip
> >
<template slot-scope="scope"> <template slot-scope="scope">
<div> <div>

@ -28,7 +28,8 @@
format="yyyy-MM" format="yyyy-MM"
:clearable="false" :clearable="false"
value-format="yyyy-MM" value-format="yyyy-MM"
placeholder="请选择年份"> placeholder="请选择年份"
>
</el-date-picker> </el-date-picker>
</div> </div>
<div class="area"> <div class="area">
@ -39,7 +40,8 @@
placeholder="请选择" placeholder="请选择"
:options="options" :options="options"
:props="props" :props="props"
@change="handleChange"></el-cascader> @change="handleChange"
></el-cascader>
</div> </div>
</div> </div>
<div class="btns"> <div class="btns">
@ -106,7 +108,7 @@
header-align="center" header-align="center"
> >
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ scope.row.createTime.split(' ')[0] }}</span> <span>{{ scope.row.createTime.split(" ")[0] }}</span>
</template> </template>
</el-table-column> </el-table-column>
<!-- <el-table-column label="操作" align="center" width="300" class-name="small-padding fixed-width"> <!-- <el-table-column label="操作" align="center" width="300" class-name="small-padding fixed-width">
@ -144,17 +146,17 @@
import myPagination from "@/views/components/myPagination/index.vue"; import myPagination from "@/views/components/myPagination/index.vue";
import dialogInfo from "@/views/components/dialogInfo/index.vue"; import dialogInfo from "@/views/components/dialogInfo/index.vue";
export default { export default {
components: { myPagination ,dialogInfo}, components: { myPagination, dialogInfo },
data() { data() {
return { return {
dialogVisible: false, dialogVisible: false,
options:[], options: [],
props:{ props: {
value:'county', value: "county",
label:'institutionName', label: "institutionName",
checkStrictly: true checkStrictly: true,
}, },
disabled:false, disabled: false,
tableData: [], tableData: [],
total: 0, total: 0,
pages: { pages: {
@ -162,17 +164,17 @@ export default {
pageSize: 10, pageSize: 10,
}, },
loading: false, loading: false,
form:{ form: {
district:[], district: [],
plannedYear:'' plannedYear: "",
}, },
dept:null, dept: null,
}; };
}, },
methods: { methods: {
async open(item,dept) { async open(item, dept) {
// console.log(dept) // console.log(dept)
this.dept = dept this.dept = dept;
this.dialogVisible = true; this.dialogVisible = true;
// let data = await this.$api.yingji.tree(); // let data = await this.$api.yingji.tree();
// this.commentData(data.data,dept) // this.commentData(data.data,dept)
@ -184,30 +186,30 @@ export default {
this.pages.pageSize = 10; this.pages.pageSize = 10;
}, },
// //
exportFile(){ exportFile() {
this.$confirm(`确认根据您的搜索条件导出搜索之后的数据吗?`, "警告", { this.$confirm(`确认根据您的搜索条件导出搜索之后的数据吗?`, "警告", {
confirmButtonText: "确定", confirmButtonText: "确定",
cancelButtonText: "取消", cancelButtonText: "取消",
type: "warning", type: "warning",
}) })
.then(() => { .then(() => {
this.download( this.download(
"/pharmaceuticals/bPlanManage/export", "/pharmaceuticals/bPlanManage/export",
{ {
...this.form, ...this.form,
}, },
`计划管理.xlsx` `计划管理.xlsx`
); );
}) })
.catch(() => {}); .catch(() => {});
}, },
// //
handleChange(value){ handleChange(value) {
console.log(value) console.log(value);
if(value.length == 2) { if (value.length == 2) {
this.form.district = value[1] this.form.district = value[1];
} else { } else {
this.form.district = value[0] this.form.district = value[0];
} }
}, },
// //
@ -221,100 +223,101 @@ export default {
}, },
// //
pagesChange(pages) { pagesChange(pages) {
let obj = {...pages,...this.form} let obj = { ...pages, ...this.form };
this.getList(obj); this.getList(obj);
this.pages = pages; this.pages = pages;
}, },
// //
select(){ select() {
// const { district,plannedYear } = this.form // const { district,plannedYear } = this.form
this.pages.pageNum = 1; this.pages.pageNum = 1;
this.pages.pageSize = 10; this.pages.pageSize = 10;
let obj = {...pages,...this.form} let obj = { ...pages, ...this.form };
this.getList(obj); this.getList(obj);
}, },
// //
reset(){ reset() {
Object.keys(this.form).forEach((key) => (this.form[key] = "")); Object.keys(this.form).forEach((key) => (this.form[key] = ""));
this.pages.pageNum = 1; this.pages.pageNum = 1;
this.pages.pageSize = 10; this.pages.pageSize = 10;
this.getList(this.pages) this.getList(this.pages);
}, },
// //
look(row){ look(row) {
this.$refs.dialoginfo.open(row); this.$refs.dialoginfo.open(row);
}, },
// //
change(row){ change(row) {
// this.$refs.myDialog.open(row,this.dept) // this.$refs.myDialog.open(row,this.dept)
}, },
// //
deleteItem(row){ deleteItem(row) {
let idList = []; let idList = [];
idList.push(row.id) idList.push(row.id);
this.$modal.confirm("你确认要删除该条数据吗?", "提示", { this.$modal
confirmButtonText: "确定", .confirm("你确认要删除该条数据吗?", "提示", {
cancelButtonText: "取消", confirmButtonText: "确定",
type: "warning", cancelButtonText: "取消",
}) type: "warning",
.then(async() => { })
this.loading = true; .then(async () => {
try { this.loading = true;
let downloadLoadingInstance = Loading.service({ try {
text: "正在删除计划,请稍候", let downloadLoadingInstance = Loading.service({
spinner: "el-icon-loading", text: "正在删除计划,请稍候",
background: "rgba(0, 0, 0, 0.7)", spinner: "el-icon-loading",
}); background: "rgba(0, 0, 0, 0.7)",
// let data = await this.$api.yingji.bPlanManage('delete',_,{idList:idList.join(',')}) });
// if(data.code == 200) { // let data = await this.$api.yingji.bPlanManage('delete',_,{idList:idList.join(',')})
// this.loading = false; // if(data.code == 200) {
// downloadLoadingInstance.close(); // this.loading = false;
// this.$message({ // downloadLoadingInstance.close();
// message: '', // this.$message({
// type: 'success' // message: '',
// }); // type: 'success'
// let { district} = this.form; // });
// let obj = {...this.pages,district} // let { district} = this.form;
// this.getList(obj); // let obj = {...this.pages,district}
// } // this.getList(obj);
} catch (error) { // }
downloadLoadingInstance.close(); } catch (error) {
console.log(error) downloadLoadingInstance.close();
} console.log(error);
}) }
.catch(() => { })
console.log('取消删除') .catch(() => {
}); console.log("取消删除");
});
}, },
// //
commentData(item,dept){ commentData(item, dept) {
item.map((item)=>{ item.map((item) => {
if(item.children instanceof Array && item.children.length == 0){ if (item.children instanceof Array && item.children.length == 0) {
item.county = item.subdistrict item.county = item.subdistrict;
delete item.children; delete item.children;
} else { } else {
// this.props.value = 'subdistrict' // this.props.value = 'subdistrict'
this.commentData(item.children,this.dept) this.commentData(item.children, this.dept);
} }
}) });
this.options = item this.options = item;
if(dept.parentId == 100) { if (dept.parentId == 100) {
this.options = this.options.filter((item)=>{ this.options = this.options.filter((item) => {
return item.institutionName == dept.deptName return item.institutionName == dept.deptName;
}) });
this.options.map((item)=>{ this.options.map((item) => {
if(item.institutionName == dept.deptName) { if (item.institutionName == dept.deptName) {
this.form.district = item.county this.form.district = item.county;
delete item.children delete item.children;
} }
}) });
this.disabled = true; this.disabled = true;
} else if(dept.parentId == 101) { } else if (dept.parentId == 101) {
this.options.map((item)=>{ this.options.map((item) => {
if(item.institutionName == dept.deptName) { if (item.institutionName == dept.deptName) {
this.form.district = item.subdistrict this.form.district = item.subdistrict;
} }
}) });
this.disabled = true; this.disabled = true;
} }
// console.log(this.options) // console.log(this.options)
@ -384,7 +387,7 @@ export default {
margin-right: 81px; margin-right: 81px;
.year-span { .year-span {
font-size: 14px; font-size: 14px;
font-family: 'Alibaba PuHuiTi'; font-family: "Alibaba PuHuiTi";
font-weight: 400; font-weight: 400;
color: #525966; color: #525966;
line-height: 40px; line-height: 40px;
@ -396,7 +399,7 @@ export default {
align-items: center; align-items: center;
.area-span { .area-span {
font-size: 14px; font-size: 14px;
font-family: 'Alibaba PuHuiTi'; font-family: "Alibaba PuHuiTi";
font-weight: 400; font-weight: 400;
color: #525966; color: #525966;
line-height: 40px; line-height: 40px;
@ -408,9 +411,13 @@ export default {
.el-input__inner { .el-input__inner {
height: 33px; height: 33px;
} }
.el-input .el-input__suffix .el-input__suffix-inner .el-icon-arrow-down::before { .el-input
.el-input__suffix
.el-input__suffix-inner
.el-icon-arrow-down::before {
content: ""; content: "";
background: url(../../../assets/images/down2.png) center center no-repeat; background: url(../../../assets/images/down2.png) center center
no-repeat;
background-size: cover; background-size: cover;
position: absolute; position: absolute;
width: 10px; width: 10px;
@ -427,14 +434,21 @@ export default {
.el-input__inner { .el-input__inner {
height: 33px; height: 33px;
} }
.el-input .el-input__suffix .el-input__suffix-inner .el-icon-arrow-up { .el-input
.el-input__suffix
.el-input__suffix-inner
.el-icon-arrow-up {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
} }
.el-input .el-input__suffix .el-input__suffix-inner .el-icon-arrow-up::before { .el-input
.el-input__suffix
.el-input__suffix-inner
.el-icon-arrow-up::before {
content: ""; content: "";
background: url(../../../assets/images/down2.png) center center no-repeat; background: url(../../../assets/images/down2.png) center center
no-repeat;
background-size: cover; background-size: cover;
position: absolute; position: absolute;
width: 10px; width: 10px;
@ -446,7 +460,8 @@ export default {
.btns { .btns {
display: flex; display: flex;
align-items: center; align-items: center;
.export,.newProject { .export,
.newProject {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
@ -459,7 +474,7 @@ export default {
span { span {
color: #ffffff; color: #ffffff;
font-size: 14px; font-size: 14px;
font-family: 'Alibaba PuHuiTi'; font-family: "Alibaba PuHuiTi";
font-weight: 400; font-weight: 400;
} }
} }
@ -471,22 +486,22 @@ export default {
align-items: center; align-items: center;
justify-content: center; justify-content: center;
font-size: 15px; font-size: 15px;
font-family: 'Alibaba PuHuiTi'; font-family: "Alibaba PuHuiTi";
font-weight: 500; font-weight: 500;
color: #ffffff; color: #ffffff;
cursor: pointer; cursor: pointer;
background: #FDAB5B; background: #fdab5b;
margin-left: 20px; margin-left: 20px;
} }
.reset { .reset {
background-color: #2378EC; background-color: #2378ec;
} }
.export { .export {
background-color: #2378EC; background-color: #2378ec;
margin-right: 30px; margin-right: 30px;
} }
.newProject { .newProject {
background-color: #28B384; background-color: #28b384;
} }
} }
// .export { // .export {
@ -570,7 +585,9 @@ export default {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
.look,.change,.delete { .look,
.change,
.delete {
display: flex; display: flex;
align-items: center; align-items: center;
margin-right: 30px; margin-right: 30px;
@ -583,13 +600,13 @@ export default {
font-size: 15px; font-size: 15px;
font-family: Alibaba PuHuiTi; font-family: Alibaba PuHuiTi;
font-weight: 400; font-weight: 400;
color: #045FFD; color: #045ffd;
} }
} }
.delete { .delete {
margin-right: 0; margin-right: 0;
span { span {
color: #F71052; color: #f71052;
} }
} }
} }

@ -87,6 +87,7 @@
label="行政区划" label="行政区划"
width="180" width="180"
header-align="center" header-align="center"
show-overflow-tooltip
> >
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ componendDistrict(scope.row.district) }}</span> <span>{{ componendDistrict(scope.row.district) }}</span>

@ -83,13 +83,17 @@
<el-table-column <el-table-column
prop="majorHazardLevel" prop="majorHazardLevel"
label="行政区划" label="行政区划"
width="180" width="230"
header-align="center" header-align="center"
show-overflow-tooltip
> >
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ componendDistrict(scope.row.subdistrict) || "/" }}</span> <div>
{{ componendDistrict(scope.row.subdistrict) || "/" }}
</div>
</template> </template>
</el-table-column> </el-table-column>
<!-- <el-table-column <!-- <el-table-column
prop="enterpristScale" prop="enterpristScale"
label="企业规模" label="企业规模"
@ -100,8 +104,9 @@
<el-table-column <el-table-column
prop="supervisionLarge" prop="supervisionLarge"
label="行业监管大类" label="行业监管大类"
width="180" width="230"
header-align="center" header-align="center"
show-overflow-tooltip
> >
<template slot-scope="scope"> <template slot-scope="scope">
<div> <div>

@ -244,12 +244,6 @@
<el-descriptions-item label="信用代码">{{ <el-descriptions-item label="信用代码">{{
details.entCode details.entCode
}}</el-descriptions-item> }}</el-descriptions-item>
<!-- <el-descriptions-item label="企业类别">{{
details.type
}}</el-descriptions-item> -->
<!-- <el-descriptions-item label="行政区划">{{
componendDistrict(details.district)
}}</el-descriptions-item> -->
<el-descriptions-item label="备注">{{ <el-descriptions-item label="备注">{{
details.remark details.remark
}}</el-descriptions-item> }}</el-descriptions-item>

@ -66,58 +66,9 @@
prop="institutionName" prop="institutionName"
label="行政区划" label="行政区划"
header-align="center" header-align="center"
show-overflow-tooltip
> >
<!-- <template slot-scope="scope">
{{ scope.row.deptName }}
</template> -->
</el-table-column> </el-table-column>
<!-- <el-table-column prop="deptName" label="区县" header-align="center">
<template slot-scope="scope">
{{ scope.row.deptName.slice(scope.row.deptName.length - 1) }}
</template>
</el-table-column> -->
<!-- <el-table-column
prop="enterpriseCount"
label="省重点计划数"
header-align="center"
>
</el-table-column>
<el-table-column
prop="plannedEnterpriseCount"
label="省重点完成数"
header-align="center"
>
</el-table-column>
<el-table-column
prop="percentageCompleted"
label="省重点完成率"
header-align="center"
>
<template slot-scope="scope">
{{ scope.row.a ||0 }}%
</template>
</el-table-column>
<el-table-column
prop="planneKeyEnterpriseCount"
label="非重点计划数"
header-align="center"
>
</el-table-column>
<el-table-column
prop="remainingKeyEnterpriseCount"
label="非重点完成数"
header-align="center"
>
</el-table-column>
<el-table-column
prop="percentageNonCompleted"
label="非重点完成率"
header-align="center"
>
<template slot-scope="scope">
{{ scope.row.a ||0}}%
</template>
</el-table-column> -->
<el-table-column <el-table-column
prop="plannedEnterpriseCount" prop="plannedEnterpriseCount"
label="执法计划" label="执法计划"
@ -139,12 +90,6 @@
</el-table-column> </el-table-column>
</el-table> </el-table>
</div> </div>
<!-- <div class="pagination">
<my-pagination
:total="total"
@pagesChange="pagesChange"
></my-pagination>
</div> -->
</div> </div>
</div> </div>
</template> </template>
@ -153,11 +98,6 @@ 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,
// planeEnTree,
// } from "@/api/yingji/keyEnterprise.js";
import { indexRegionalism } from "@/api/yingji/home.js"; import { indexRegionalism } from "@/api/yingji/home.js";
import executive from "./echarts/executive"; import executive from "./echarts/executive";
@ -423,7 +363,7 @@ export default {
} }
} }
.bottomBox { .bottomBox {
height: calc(100% - 45% - 15px); height: calc(100% - 45% - 15px);
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
& > .boxAllStyle { & > .boxAllStyle {

@ -66,13 +66,6 @@
row-key="id" row-key="id"
:row-class-name="tableRowClassName" :row-class-name="tableRowClassName"
> >
<!-- <el-table-column
type="selection"
reserve-selection
width="55"
header-align="center"
>
</el-table-column> -->
<el-table-column <el-table-column
prop="plannedYear" prop="plannedYear"
label="计划年月" label="计划年月"

Loading…
Cancel
Save