Skip to content

F
founder_vue
Commit e694d557 by zhao_shaonan
Options

添加部权案件撤销信息管理、部权案件撤销信息审批、省级案件撤销信息审批界面对接及字段配置

parent f3a0334b
Showing with 272 additions and 19 deletions
src/assets/styles/sjfx.scss 0 → 100644
@import './main.scss';
.sjfx{
.pTitle{
height: 21px;
font-size: 16px;
font-weight: bold;
line-height: 21px;
color: #333333;
margin-right:32px;
}
/deep/ .el-select,/deep/ .el-input__inner{width:96px;height:30px;line-height: 30px;}
/deep/ .el-select,.pTitle{vertical-align: middle;}
.sjfx_wrap{
margin:20px 30px;
padding:0 20px;
height: 142px;
background: #FFFFFF;
opacity: 1;
border-radius: 8px;
.ajtj_title{
height:45px;line-height: 45px;border-bottom:1px solid #EAEAEA;
/deep/ .el-input__icon{line-height: 30px;}
/deep/ .el-select{margin-right:12px;}
}
.ajtj_wrap{
.ajtj_list{
display: inline-block;width:calc(20% - 1px);border-right:1px solid #DDDDDD;margin:10px 0;text-indent: 32px;
.lTitle{
height: 26px;
font-size: 12px;
font-weight: 400;
line-height: 26px;
color: #555555;
}
.lNum{
.num{
font-size: 24px;
font-family: DIN;
font-weight: bold;
line-height: 40px;
color: #333333;
margin-right:32px;
}
.unstable{
font-size: 11px;
font-weight: 400;
line-height: 15px;
color: #B0B6BB;
}
.add{
font-size: 12px;
font-family: DIN;
font-weight: 500;
line-height: 15px;
color: #F55A4F;
}
.reduce{
font-size: 12px;
font-family: DIN;
font-weight: 500;
line-height: 15px;
color: #4CAF50;
}
}
}
.ajtj_list:last-child{border-right:none;}
.ajtj_list:first-child{text-indent: 10px;}
}
}
}
src/components/leftMenu_components.vue
......@@ -63,7 +63,7 @@ export default {
sidebarItemName(val) {
if(val=='sjcj'||val=='laxxgl'||val=='zczjxxgl'||val=='cxxxgl'||val=='sjzljc'){
this.csidebarItemName="sjgl";
}else if(val=='laxxsp'||val=='zczjsp'||val=='cxxxsp'){
}else if(val=='laxxsp'||val=='zczjsp'||val=='cxxxsp'||val=='cxxxsjsp'){
this.csidebarItemName="spgl";
}else if(val=='tjbb'||val=='dwcx'){
this.csidebarItemName="cxtj";
......@@ -85,11 +85,11 @@ export default {
},
mounted() {
let self = this;
if(self.csidebarItemName=='sjcj'||self.csidebarItemName=='laxxgl'||self.csidebarItemName=='zczjxxgl'||self.csidebarItemName=='cxxxgl'||self.csidebarItemName=='sjzljc'||self.csidebarItemName=='laxxsp'||self.csidebarItemName=='zczjsp'||self.csidebarItemName=='cxxxsp'||self.csidebarItemName=='tjbb'||self.csidebarItemName=='dwcx'||self.csidebarItemName=='fzzxfw'){//访问运控菜单
if(self.csidebarItemName=='sjcj'||self.csidebarItemName=='laxxgl'||self.csidebarItemName=='zczjxxgl'||self.csidebarItemName=='cxxxgl'||self.csidebarItemName=='sjzljc'||self.csidebarItemName=='laxxsp'||self.csidebarItemName=='zczjsp'||self.csidebarItemName=='cxxxsp'||self.csidebarItemName=='cxxxsjsp'||self.csidebarItemName=='tjbb'||self.csidebarItemName=='dwcx'||self.csidebarItemName=='fzzxfw'){//访问运控菜单
let getId='';
if(self.csidebarItemName=='sjcj'||self.csidebarItemName=='laxxgl'||self.csidebarItemName=='zczjxxgl'||self.csidebarItemName=='cxxxgl'||self.csidebarItemName=='sjzljc'){
getId="sjgl";
}else if(self.csidebarItemName=='laxxsp'||self.csidebarItemName=='zczjsp'||self.csidebarItemName=='cxxxsp'){
}else if(self.csidebarItemName=='laxxsp'||self.csidebarItemName=='zczjsp'||self.csidebarItemName=='cxxxsp'||self.csidebarItemName=='cxxxsjsp'){
getId="spgl";
}else if(self.csidebarItemName=='tjbb'||self.csidebarItemName=='dwcx'){
getId="cxtj";
......
src/components/ptCxForm_components.vue
......@@ -285,6 +285,22 @@
<div v-else-if="pageBs='zczjxxsp'">
<el-button type="text" size="small" >终结审批</el-button>
</div>
<!--部权案件撤销信息管理-->
<div v-else-if="pageBs='cxxxgl'">
<el-button type="text" size="small" v-if="!scope.row['sqzt']">采集撤销申请</el-button>
<div v-else>
<el-button type="text" size="small" v-show="scope.row['sqzt']=='00'||scope.row['sqzt']=='03'||scope.row['sqzt']=='04'||(scope.row['sqzt']=='02'&&(scope.row['bjblJgdm']=='1'||scope.row['bjblJgdm']=='2'))">编辑撤销申请</el-button>
</div>
</div>
<!--省级案件撤销信息审批-->
<div v-else-if="pageBs='sjcxxxsp'">
<el-button type="text" size="small">办理</el-button>
</div>
<!--部级案件撤销信息审批-->
<div v-else-if="pageBs='cxxxsp'">
<el-button type="text" size="small">审批</el-button>
</div>
</template>
</el-table-column>
<el-table-column
......@@ -401,6 +417,42 @@
<div v-else-if="columnTitle.prop == 'ajywztmc'&&pageBs=='zczjxxsp'">
<span class="blackY" >等待侦查审批</span>
</div>
<!--部级部权案件撤销审批 bjblJgdm-->
<div v-else-if="columnTitle.prop == 'bjblJgdm'&&pageBs=='cxxxsp'">
<div v-if="scope.row['sqzt']=='02'">
<span v-if="scope.row['bjblJgdm']==''||scope.row['bjblJgdm']==null" class="greenY">待办理</span>
<span v-else-if="scope.row['bjblJgdm']=='0'" class="greenY">审批通过</span>
<span v-else-if="scope.row['bjblJgdm']=='1'" class="redY">不予办理</span>
<span v-else-if="scope.row['bjblJgdm']=='2'" class="redY">需补充资料</span>
</div>
</div>
<!--省级部权案件撤销审批 sqzt-->
<div v-else-if="columnTitle.prop == 'sqzt'&&pageBs=='sjcxxxsp'">
<span v-if="scope.row['sqzt']==''||scope.row['bjblJgdm']==null||scope.row['bjblJgdm']=='00'" class="blackY">未申请</span>
<span v-else-if="scope.row['sqzt']=='01'" class="redY">待审批</span>
<span v-else-if="scope.row['sqzt']=='02'" class="greenY">审批通过</span>
<span v-else-if="scope.row['sqzt']=='03'" class="redY">不予办理</span>
<span v-else-if="scope.row['sqzt']=='04'" class="blueY">需补充材料</span>
</div>
<!--部权案件撤销管理 sqzt-->
<div v-else-if="columnTitle.prop == 'sqzt'&&pageBs=='cxxxgl'">
<span v-if="scope.row['sqzt']==''||scope.row['bjblJgdm']==null||scope.row['bjblJgdm']=='00'" class="blackY">未申请</span>
<span v-else-if="scope.row['sqzt']=='01'" class="redY">待审批</span>
<span v-else-if="scope.row['sqzt']=='02'" class="greenY">审批通过</span>
<span v-else-if="scope.row['sqzt']=='03'" class="redY">不予办理</span>
<span v-else-if="scope.row['sqzt']=='04'" class="blueY">需补充材料</span>
</div>
<!--部权案件撤销管理 bjblJgdm-->
<div v-else-if="columnTitle.prop == 'bjblJgdm'&&pageBs=='cxxxgl'">
<div v-if="scope.row['sqzt']=='02'">
<span v-if="scope.row['bjblJgdm']==''||scope.row['bjblJgdm']==null" class="blackY">待办理</span>
<span v-else-if="scope.row['bjblJgdm']=='0'" class="redY">审批通过</span>
<span v-else-if="scope.row['bjblJgdm']=='1'" class="greenY">不予办理</span>
<span v-else-if="scope.row['bjblJgdm']=='2'" class="redY">需补充资料</span>
</div>
</div>
<div
v-else
v-html="scope.row[columnTitle.prop]"
......@@ -489,7 +541,7 @@ export default {
clearData() {
let self = this;
for (let i in self.formData) {
if (i != "rows" || i != "page") {
if (i != "rows" || i != "page"||i != "typeFlag"||i != "unitcode"||i != "grade") {
self.formData[i] = "";
}
}
......
src/router/modules/index.js
......@@ -95,6 +95,14 @@ export default[
title: "命案管理"
}
},
{/*撤销信息审批*/
path: "cxxxsjsp",
name: "cxxxsjsp",
component: () => import("@/views/magl/cxxxsjsp.vue"),
meta: {
title: "命案管理"
}
},
{/*统计报表*/
path: "tjbb",
name: "tjbb",
......
src/views/magl/cxxxgl.vue
<template>
<div id="dwfwyktj">
4444444444444444
<right-content :pageBs="pageBs" :header="header" :cxFormData="cxFormData" :cxQueryField="cxQueryField" :cxDefaultFormThead="cxDefaultFormThead" :cxUrl="cxUrl"></right-content>
</div>
</template>
<!--对外服务运控统计-->
<script>
import rightContent from "@c/ptCxForm_components.vue";
import {
cxxxglHeader,
cxxxglPageName,
cxxxglFormData,
cxxxglQueryField,
cxxxglDefaultFormThead,
cxxxglURL,
} from "@/utils/params";
export default {
name: "dwfwyktj",
components:{
components: {
rightContent
},
data() {
return {
cxFormData:cxxxglFormData,
cxQueryField: cxxxglQueryField,
cxDefaultFormThead:cxxxglDefaultFormThead,
cxUrl:cxxxglURL,
header:cxxxglHeader,
pageBs:cxxxglPageName
};
}
}
......
src/views/magl/cxxxsjsp.vue 0 → 100644
<template>
<div>
<right-content :pageBs="pageBs" :header="header" :cxFormData="cxFormData" :cxQueryField="cxQueryField" :cxDefaultFormThead="cxDefaultFormThead" :cxUrl="cxUrl"></right-content>
</div>
</template>
<script>
import rightContent from "@c/ptCxForm_components.vue";
import {
cxxxspSjHeader,
cxxxspSjPageName,
cxxxspSjFormData,
cxxxspSjQueryField,
cxxxspSjDefaultFormThead,
cxxxspSjURL,
} from "@/utils/params";
export default {
name: "cxxxsjsp",
components: {
rightContent
},
data() {
return {
cxFormData:cxxxspSjFormData,
cxQueryField: cxxxspSjQueryField,
cxDefaultFormThead:cxxxspSjDefaultFormThead,
cxUrl:cxxxspSjURL,
header:cxxxspSjHeader,
pageBs:cxxxspSjPageName
};
}
}
</script>
<style scoped>
</style>
src/views/magl/cxxxsp.vue
<template>
<div>
777777
<right-content :pageBs="pageBs" :header="header" :cxFormData="cxFormData" :cxQueryField="cxQueryField" :cxDefaultFormThead="cxDefaultFormThead" :cxUrl="cxUrl"></right-content>
</div>
</template>
<!--数据资源运控管理-->
<script>
import rightContent from "@c/ptCxForm_components.vue";
import {
cxxxspHeader,
cxxxspPageName,
cxxxspFormData,
cxxxspQueryField,
cxxxspDefaultFormThead,
cxxxspURL,
} from "@/utils/params";
export default {
name: "sjzyykgl",
components:{
components: {
rightContent
},
data() {
return {
cxFormData:cxxxspFormData,
cxQueryField: cxxxspQueryField,
cxDefaultFormThead:cxxxspDefaultFormThead,
cxUrl:cxxxspURL,
header:cxxxspHeader,
pageBs:cxxxspPageName
};
}
}
......
src/views/magl/sjfx.vue
<template>
<div>
数据分析
<div class="sjfx">
<div class="sjfx_wrap">
<div class="ajtj_title">
<span class="pTitle">案件统计</span>
<el-select v-model="year" placeholder="请选择">
<el-option
v-for="item in yearList"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
<el-select v-model="month" placeholder="请选择">
<el-option
v-for="item in monthList"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</div>
<div class="ajtj_wrap">
<div class="ajtj_list" v-for="(item,index) in ajtjList" :key="index">
<p class="lTitle">{{item.title}}</p>
<div class="lNum">
<span class="num">{{item.value}}</span>
<span class="unstable">同比{{item.type=='add'?'增加':'减少'}}<span :class="item.type=='add'?'add':'reduce'">{{item.num}}</span></span>
</div>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
name: "dlrz",
name: "sjfx",
components:{
},
data() {
return {
yearList:[{
value: '2021',
label: '2021'
}, {
value: '2020',
label: '2020'
}, {
value: '2019',
label: '2019'
}],
year:'2021',
monthList:[{
value: 'all',
label: '全年'
}, {
value: '1',
label: '最近一个月'
}, {
value: '3',
label: '最近三个月'
}],
month:'all',
ajtjList:[
{title:'本年度发案数:',value:'3200',type:'add',num:"13.2%"},
{title:'本年度破案数:',value:'3200',type:'add',num:"13.2%"},
{title:'本年度命案未破数:',value:'3200',type:'reduce',num:"13.2%"},
{title:'本年度积案破案数:',value:'3200',type:'reduce',num:"13.2%"},
{title:'本年重大伤亡命案数:',value:'3200',type:'reduce',num:"13.2%"}
]
};
}
}
</script>
<style scoped>
<style scoped lang="scss">
@import "../../assets/styles/sjfx.scss";
</style>
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