Skip to content

W
whp-xl
Commit 9fb389c5 authored by 王晓倩's avatar 王晓倩
Browse files
Options

企业统计图标页点击显示列表

parent c46e84fc
Show whitespace changes
Inline Side-by-side
Showing with 147 additions and 13 deletions
dcit-hcsystem-hcsystem-master/src/views/Enterprises/EnterprisesQt.vue
View file @ 9fb389c5
...@@ -3,21 +3,21 @@ ...@@ -3,21 +3,21 @@
<el-tabs v-model="activeName" type="border-card" > <el-tabs v-model="activeName" type="border-card" >
<el-tab-pane label="图表" name="first"> <el-tab-pane label="图表" name="first">
<div style="width: 100%;height: 10em;"> <div style="width: 100%;height: 10em;">
<div class="el-tab-pane-div second-div" style=""> <div class="el-tab-pane-div second-div" style="" @click="showList(1)">
<div style="width: 40%;height: 100%; text-align: center;float: left;font-size: 15px;"> <div style="width: 40%;height: 100%; text-align: center;float: left;font-size: 15px;">
<img src="../../assets/logo2.png" width="25%" style="margin-top: 2rem;"> <img src="../../assets/logo2.png" width="25%" style="margin-top: 2rem;">
<p>危险源数量</p> <p>危险源数量</p>
</div> </div>
<div style="width: 60%;height: 100%;text-align: center;line-height: 9rem;float: right;font-size: 3rem;font-family: 'UnidreamLED';">{{tjNumberObj.dangerNum}}</div> <div style="width: 60%;height: 100%;text-align: center;line-height: 9rem;float: right;font-size: 3rem;font-family: 'UnidreamLED';">{{tjNumberObj.dangerNum}}</div>
</div> </div>
<div class="el-tab-pane-div second-div" style=""> <div class="el-tab-pane-div second-div" style="" @click="showList(2)">
<div style="width: 40%;height: 100%; text-align: center;float: left;font-size: 15px;"> <div style="width: 40%;height: 100%; text-align: center;float: left;font-size: 15px;">
<img src="../../assets/z-zhuce.png" width="25%" style="margin-top: 2rem;"> <img src="../../assets/z-zhuce.png" width="25%" style="margin-top: 2rem;">
<p>注册企业数量</p> <p>注册企业数量</p>
</div> </div>
<div style="width: 60%;height: 100%;text-align: center;line-height: 9rem;float: right;font-size: 3rem;font-family: 'UnidreamLED';">{{tjNumberObj.enterpriseRegNum}}</div> <div style="width: 60%;height: 100%;text-align: center;line-height: 9rem;float: right;font-size: 3rem;font-family: 'UnidreamLED';">{{tjNumberObj.enterpriseRegNum}}</div>
</div> </div>
<div class="el-tab-pane-div second-div" style=""> <div class="el-tab-pane-div second-div" style="" @click="showList(3)">
<div style="width: 40%;height: 100%; text-align: center;float: left;font-size: 15px;"> <div style="width: 40%;height: 100%; text-align: center;float: left;font-size: 15px;">
<img src="../../assets/z-shenhe.png" width="25%" style="margin-top: 2rem;"> <img src="../../assets/z-shenhe.png" width="25%" style="margin-top: 2rem;">
<p>待审批数量</p> <p>待审批数量</p>
...@@ -96,7 +96,135 @@ ...@@ -96,7 +96,135 @@
</div> </div>
</el-tab-pane> </el-tab-pane>
<el-dialog :visible.sync="dialogVisible1" title="危险源列表">
<el-table :data="tjNumberObj.goodsList" stripe border style="width:100%;" :loading="loading">
<el-table-column width="50" type="index" label="序号"></el-table-column>
<el-table-column prop="goodsName" label="危险源名称"></el-table-column>
<el-table-column prop="category" label="物品类型"></el-table-column>
<el-table-column prop="dangerGrade" label="危险等级"></el-table-column>
<el-table-column prop="isBigDanger" label="是否重大危险源">
<template slot-scope="scope">
<span v-if="scope.row.isBigDanger == 0">否</span>
<span v-if="scope.row.isBigDanger == 1">是</span>
</template>
</el-table-column>
<el-table-column prop="contacts" label="联系人"></el-table-column>
<el-table-column prop="phone" label="电话"></el-table-column>
</el-table>
<el-pagination
background
layout="total,sizes, prev, pager, next, jumper"
:total="tableData.total"
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="PAGE.page"
:page-size="PAGE.size"
></el-pagination>
</el-dialog>
<el-dialog :visible.sync="dialogVisible2" title="注册企业列表">
<el-table :data="tjNumberObj.enterpriseList" stripe border style="width:100%;" :loading="loading">
<el-table-column width="50px" type="index" label="序号"></el-table-column>
<el-table-column prop="unitName" label="企业名称"></el-table-column>
<el-table-column width="100px" prop="legalPerson" label="企业法人"></el-table-column>
<el-table-column width="200px" prop="orgCode" label="统一社会信用代码"></el-table-column>
<el-table-column prop="legalPersonEmail" label="法人邮箱"></el-table-column>
<el-table-column prop="regulationBigType" label="监管分类">
<template slot-scope="scope">
<span v-if="scope.row.regulationBigType == 1">非煤矿山</span>
<span v-if="scope.row.regulationBigType == 2">危险化学品</span>
<span v-if="scope.row.regulationBigType == 3">冶金</span>
<span v-if="scope.row.regulationBigType == 4">有色</span>
<span v-if="scope.row.regulationBigType == 5">建材</span>
<span v-if="scope.row.regulationBigType == 6">机械</span>
<span v-if="scope.row.regulationBigType == 7">轻工</span>
<span v-if="scope.row.regulationBigType == 8">纺织</span>
<span v-if="scope.row.regulationBigType == 9">商贸</span>
<span v-if="scope.row.regulationBigType == 10">其他</span>
</template>
</el-table-column>
<el-table-column prop="accountStatus" label="账号状态">
<template slot-scope="scope">
<font v-if="scope.row.accountStatus === '0'" class="colorM">
<i class="iconfont iconzhengchang"></i> 正常
</font>
<font v-else-if="scope.row.accountStatus == 2" class="colorP">
<i class="iconfont iconsuoding"></i> 已锁定
</font>
<font v-else-if="scope.row.accountStatus == 1" class="colorR">
<i class="iconfont iconicon_huabanfuben"></i> 已删除
</font>
<font v-else-if="scope.row.accountStatus == 3" class="colorP">
<i class="iconfont iconshenhe"></i> 审核中
</font>
<font v-else-if="scope.row.accountStatus == 4" class="colorR">
<i class="iconfont iconweitongguo"></i> 审核未通过
</font>
</template>
</el-table-column>
</el-table>
<el-pagination
background
layout="total,sizes, prev, pager, next, jumper"
:total="tableData.total"
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="PAGE.page"
:page-size="PAGE.size"
></el-pagination>
</el-dialog>
<el-dialog :visible.sync="dialogVisible3" title="待审批企业列表">
<el-table :data="tjNumberObj.checkEnterpriseList" stripe border style="width:100%;" :loading="loading">
<el-table-column width="50px" type="index" label="序号"></el-table-column>
<el-table-column prop="unitName" label="企业名称"></el-table-column>
<el-table-column width="100px" prop="legalPerson" label="企业法人"></el-table-column>
<el-table-column width="200px" prop="orgCode" label="统一社会信用代码"></el-table-column>
<el-table-column prop="legalPersonEmail" label="法人邮箱"></el-table-column>
<el-table-column prop="regulationBigType" label="监管分类">
<template slot-scope="scope">
<span v-if="scope.row.regulationBigType == 1">非煤矿山</span>
<span v-if="scope.row.regulationBigType == 2">危险化学品</span>
<span v-if="scope.row.regulationBigType == 3">冶金</span>
<span v-if="scope.row.regulationBigType == 4">有色</span>
<span v-if="scope.row.regulationBigType == 5">建材</span>
<span v-if="scope.row.regulationBigType == 6">机械</span>
<span v-if="scope.row.regulationBigType == 7">轻工</span>
<span v-if="scope.row.regulationBigType == 8">纺织</span>
<span v-if="scope.row.regulationBigType == 9">商贸</span>
<span v-if="scope.row.regulationBigType == 10">其他</span>
</template>
</el-table-column>
<el-table-column prop="accountStatus" label="账号状态">
<template slot-scope="scope">
<font v-if="scope.row.accountStatus === '0'" class="colorM">
<i class="iconfont iconzhengchang"></i> 正常
</font>
<font v-else-if="scope.row.accountStatus == 2" class="colorP">
<i class="iconfont iconsuoding"></i> 已锁定
</font>
<font v-else-if="scope.row.accountStatus == 1" class="colorR">
<i class="iconfont iconicon_huabanfuben"></i> 已删除
</font>
<font v-else-if="scope.row.accountStatus == 3" class="colorP">
<i class="iconfont iconshenhe"></i> 审核中
</font>
<font v-else-if="scope.row.accountStatus == 4" class="colorR">
<i class="iconfont iconweitongguo"></i> 审核未通过
</font>
</template>
</el-table-column>
</el-table>
<el-pagination
background
layout="total,sizes, prev, pager, next, jumper"
:total="tableData.total"
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="PAGE.page"
:page-size="PAGE.size"
></el-pagination>
</el-dialog>
</el-tabs> </el-tabs>
</template> </template>
...@@ -135,10 +263,21 @@ export default class EnterprisesMg extends Vue { ...@@ -135,10 +263,21 @@ export default class EnterprisesMg extends Vue {
@Provide() cityval: any = []; @Provide() cityval: any = [];
@Provide() tjNumberObj: any = {}; @Provide() tjNumberObj: any = {};
//编辑组件 //编辑组件
@Provide() dialogVisible: Boolean = false; @Provide() dialogVisible1: Boolean = false;
@Provide() formData: any = { dataType: "", enterpriseId: "" }; @Provide() dialogVisible2: Boolean = false;
@Provide() dialogVisible3: Boolean = false;
@Provide() zjKey: any = 0; @Provide() zjKey: any = 0;
showList(type: any){
if(type == 1){
this.dialogVisible1 = true;
}else if(type == 2){
this.dialogVisible2 = true;
}else if(type == 3){
this.dialogVisible3 = true;
}
}
getTableData() { getTableData() {
let that = this, let that = this,
param = Object.assign({accountStatus:'0'}, that.PAGE, that.searchData); param = Object.assign({accountStatus:'0'}, that.PAGE, that.searchData);
...@@ -186,11 +325,6 @@ export default class EnterprisesMg extends Vue { ...@@ -186,11 +325,6 @@ export default class EnterprisesMg extends Vue {
this.PAGE.page = val; this.PAGE.page = val;
this.getTableData(); this.getTableData();
} }
closeDialog() {
//关闭窗口
this.dialogVisible = false;
this.formData = {};
}
selectChange(val: any) { selectChange(val: any) {
this.searchData.dataType = val; this.searchData.dataType = val;
this.getTableData(); this.getTableData();
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment