Skip to content

F
founder_vue
Commit e1be3998 by gao_yingdong
Options

关键侦查环节完成情况

parent b03d72f6
Showing with 520 additions and 74 deletions
src/api/ajzc/ajzc.js
import { get, post, postform } from "@/utils/http.js"; import { get, post, postform } from "@/utils/http.js";
import base from "@/api/base"; import base from "@/api/base";
// 删除用户组 //
export const getAsjBcByGjc = params => export const getAsjBcByGjc = params =>
post(`${base.alyIP}/ywgz/getAsjBcByGjc`, params); post(`${base.alyIP}/ywgz/getAsjBcByGjc`, params);
//全部刑案勘察率统计 //全部刑案勘察率统计
export const countAsj = params => export const countAsj = params =>
postform(`${base.alyIP}/ywgz/countAsj`, params); postform(`${base.alyIP}/ywgz/countAsj`, params);
\ No newline at end of file
// 21.1.1获取接受案事件完成情况
export const jsasj = params =>
post(`${base.alyIP}/jsasj/queryAll`, params);
// 21.1.2获取立案完成情况
export const la = params =>
post(`${base.alyIP}/la/queryAll`, params);
//21.1.3获取侦查终结完成情况
export const zczj = params =>
post(`${base.alyIP}/zczj/queryAll`, params);
//21.1.4获取侦查调查完成情况
export const zcdc = params =>
post(`${base.alyIP}/zcdc/queryAll`, params)
src/components/ptCxForm_components.vue
...@@ -77,6 +77,30 @@ ...@@ -77,6 +77,30 @@
> >
</el-date-picker> </el-date-picker>
</div> </div>
<div
class="zdyInputW zdyInputCol2"
v-else-if="item.type == 'zdyDates'"
>
<el-date-picker
v-model="formData[item.id]"
type="date"
align="right"
:picker-options="item.pickerOptions"
unlink-panels
value-format="yyyy-MM"
>
</el-date-picker>
至
<el-date-picker
v-model="formData[item.id2]"
type="date"
align="right"
:picker-options="item.pickerOptions2"
unlink-panels
value-format="yyyy-MM"
>
</el-date-picker>
</div>
<div <div
class="zdyInputW zdyInputCol2" class="zdyInputW zdyInputCol2"
v-else-if="item.type == 'texts'" v-else-if="item.type == 'texts'"
...@@ -2074,6 +2098,7 @@ export default { ...@@ -2074,6 +2098,7 @@ export default {
return arr; return arr;
}, },
toQueryRequest(form, cxUrl) { toQueryRequest(form, cxUrl) {
debugger
/*post方法*/ /*post方法*/
return Http({ return Http({
url: url.BaseURL + cxUrl, url: url.BaseURL + cxUrl,
...@@ -2109,7 +2134,7 @@ export default { ...@@ -2109,7 +2134,7 @@ export default {
} else { } else {
currentUrl = `${url.alyIP}${this.cxUrl}`; currentUrl = `${url.alyIP}${this.cxUrl}`;
} }
debugger
return Http({ return Http({
url: currentUrl, url: currentUrl,
data: qs.stringify(form), data: qs.stringify(form),
...@@ -2146,6 +2171,7 @@ export default { ...@@ -2146,6 +2171,7 @@ export default {
this.$emit("sprops", scope); this.$emit("sprops", scope);
}, },
doQuery(flag) { doQuery(flag) {
debugger
this.showLoading(); this.showLoading();
var jsonStr = []; var jsonStr = [];
let self = this, let self = this,
...@@ -2216,6 +2242,7 @@ export default { ...@@ -2216,6 +2242,7 @@ export default {
form.append("zylx", "asxzgzryj"); form.append("zylx", "asxzgzryj");
} }
form.append("jsonStr", JSON.stringify(jsonStr)); form.append("jsonStr", JSON.stringify(jsonStr));
debugger
postform(`${url.alyIP2}${this.cxUrl}`, form).then((response) => { postform(`${url.alyIP2}${this.cxUrl}`, form).then((response) => {
if (response.success === true) { if (response.success === true) {
self.tableData = response.data.rows; self.tableData = response.data.rows;
......
src/router/modules/ywgzxnpg.js
...@@ -4,11 +4,19 @@ const menuLayouts = [ ...@@ -4,11 +4,19 @@ const menuLayouts = [
path: "/queryAjzc", path: "/queryAjzc",
name: "queryAjzc", name: "queryAjzc",
meta: { meta: {
title: '案件侦查工作效能评估' title: '案件信息采集的完整性'
}, },
component: () => import("@/views/ajzcgzxnpg/ajzcgzxnpg.vue") component: () => import("@/views/ajzcgzxnpg/ajzcgzxnpg.vue")
}, },
{ {
path: "/queryGjzchjwcqk",
name: "queryGjzchjwcqk",
meta: {
title: '关键侦查环节完成情况'
},
component: () => import("@/views/ajzcgzxnpg/queryGjzchjwcqk.vue")
},
{
path: "/qbxakcltj", path: "/qbxakcltj",
name: "qbxakcltj", name: "qbxakcltj",
meta: { meta: {
......
src/views/ajzcgzxnpg/ajzcgzxnpg.vue
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
<div class="Content"> <div class="Content">
<div <div
style=" style="
position: fixed; position: absolute;
top: 312px; top: 312px;
right: 46px; right: 46px;
z-index: 2000; z-index: 2000;
...@@ -26,70 +26,63 @@ ...@@ -26,70 +26,63 @@
<template #ajzcxnpg="scope"> <template #ajzcxnpg="scope">
<div class="zc"> <div class="zc">
<div class="zcContent"> <div class="zcContent">
<el-tabs v-model="activeName" type="card" @tab-click="handleClick"> <div class="tabsContent">
<el-tab-pane label="案件采集" name="first"> <div class="zc">
<div class="tabsContent"> <div class="a">
<div class="zc"> <span @click="one" class="zt"
<div class="a"> >{{ shuju[0].zdmc }}采集率:</span
<span @click="one" class="zt" >
>{{ shuju[0].zdmc }}采集率:</span <span class="sz">{{ shuju[0].bl }}</span>
>
<span class="sz">{{ shuju[0].bl }}</span>
</div>
<div class="contentSSs">
<span>{{ shuju[0].allNum }}</span>
<span>{{ shuju[0].ybcNum }}</span>
<span>{{ shuju[0].wbcNum }}</span>
</div>
<div class="contentSS">
<span> 案件数 </span>
<span> 补采数 </span>
<span> 未采数 </span>
</div>
</div>
<!-- <div class="tiao"></div> -->
<div class="zj">
<div class="a">
<span @click="two" class="zt"
>{{ shuju[1].zdmc }}采集率:</span
>
<span class="sz">{{ shuju[1].bl }}</span>
</div>
<div class="contentSSs">
<span>{{ shuju[1].allNum }}</span>
<span>{{ shuju[1].ybcNum }}</span>
<span>{{ shuju[1].wbcNum }}</span>
</div>
<div class="contentSS">
<span> 案件数 </span>
<span> 补采数 </span>
<span> 未采数 </span>
</div>
</div>
<div class="yc">
<div class="a">
<span @click="three" class="zt"
>{{ shuju[2].zdmc }}采集率:</span
>
<span class="sz">{{ shuju[2].bl }}</span>
</div>
<div class="contentSSs">
<span>{{ shuju[2].allNum }}</span>
<span>{{ shuju[2].ybcNum }}</span>
<span>{{ shuju[2].wbcNum }}</span>
</div>
<div class="contentSS">
<span> 案件数 </span>
<span> 补采数 </span>
<span> 未采数 </span>
</div>
</div>
</div> </div>
</el-tab-pane> <div class="contentSSs">
<el-tab-pane label="线索质量" name="second">线索质量</el-tab-pane> <span>{{ shuju[0].allNum }}</span>
<el-tab-pane label="侦查环节" name="third">侦查环节</el-tab-pane> <span>{{ shuju[0].ybcNum }}</span>
<el-tab-pane label="证据材料" name="fourth">证据材料</el-tab-pane> <span>{{ shuju[0].wbcNum }}</span>
</el-tabs> </div>
<div class="contentSS">
<span> 案件数 </span>
<span> 补采数 </span>
<span> 未采数 </span>
</div>
</div>
<!-- <div class="tiao"></div> -->
<div class="zj">
<div class="a">
<span @click="two" class="zt"
>{{ shuju[1].zdmc }}采集率:</span
>
<span class="sz">{{ shuju[1].bl }}</span>
</div>
<div class="contentSSs">
<span>{{ shuju[1].allNum }}</span>
<span>{{ shuju[1].ybcNum }}</span>
<span>{{ shuju[1].wbcNum }}</span>
</div>
<div class="contentSS">
<span> 案件数 </span>
<span> 补采数 </span>
<span> 未采数 </span>
</div>
</div>
<div class="yc">
<div class="a">
<span @click="three" class="zt"
>{{ shuju[2].zdmc }}采集率:</span
>
<span class="sz">{{ shuju[2].bl }}</span>
</div>
<div class="contentSSs">
<span>{{ shuju[2].allNum }}</span>
<span>{{ shuju[2].ybcNum }}</span>
<span>{{ shuju[2].wbcNum }}</span>
</div>
<div class="contentSS">
<span> 案件数 </span>
<span> 补采数 </span>
<span> 未采数 </span>
</div>
</div>
</div>
</div> </div>
</div> </div>
</template> </template>
...@@ -119,7 +112,7 @@ ...@@ -119,7 +112,7 @@
<script> <script>
import rightContent from "@c/ptCxForm_components.vue"; import rightContent from "@c/ptCxForm_components.vue";
import SelectTreeDialog from "@c/treeCode_components.vue"; import SelectTreeDialog from "@c/treeCode_components.vue";
import { getAsjBcByGjc } from "@/api/ajzc/ajzc.js"; import { getAsjBcByGjc, jsasj, la, zczj, zcdc } from "@/api/ajzc/ajzc.js";
import queryRwbdjsVue from "../xsjsdb/queryRwbdjs.vue"; import queryRwbdjsVue from "../xsjsdb/queryRwbdjs.vue";
export default { export default {
name: "queryAjzc", name: "queryAjzc",
...@@ -247,6 +240,7 @@ export default { ...@@ -247,6 +240,7 @@ export default {
page: 1, page: 1,
endTime: "", endTime: "",
startTime: "", startTime: "",
dwdm: "",
cxzd: "ladw_gajgjgdm", cxzd: "ladw_gajgjgdm",
}, },
cxQueryField: [ cxQueryField: [
...@@ -316,7 +310,7 @@ export default { ...@@ -316,7 +310,7 @@ export default {
//头部导航(模块第一个页面需要) //头部导航(模块第一个页面需要)
{ {
id: "queryAjzc", id: "queryAjzc",
label: "案件侦查工作效能评估", label: "案件信息采集的完整性",
index: "queryAjzc", index: "queryAjzc",
auth: "M0101", auth: "M0101",
className: "iconfont iconrizhi", className: "iconfont iconrizhi",
...@@ -335,13 +329,21 @@ export default { ...@@ -335,13 +329,21 @@ export default {
children: [ children: [
{ {
id: "queryAjzc", id: "queryAjzc",
label: "案件侦查工作效能评估", label: "案件信息采集的完整性",
index: "queryAjzc", index: "queryAjzc",
auth: "M0101", auth: "M0101",
className: "iconfont icongongnengfuwu", className: "iconfont icongongnengfuwu",
disabled: false, disabled: false,
}, },
{ {
id: "queryGjzchjwcqk",
label: "关键侦查环节完成情况",
index: "queryGjzchjwcqk",
auth: "M0101",
className: "iconfont icongongnengfuwu",
disabled: false,
},
{
id: "qbxakcltj", id: "qbxakcltj",
label: "全部刑案勘察统计", label: "全部刑案勘察统计",
index: "qbxakcltj", index: "qbxakcltj",
...@@ -368,11 +370,14 @@ export default { ...@@ -368,11 +370,14 @@ export default {
queryZd() { queryZd() {
this.dialogVisible = true; this.dialogVisible = true;
}, },
handleCheckChange(data, checked, indeterminate) { handleCheckChange(data, checked, indeterminate) {
debugger; debugger;
// console.log(data); // console.log(data);
if (checked == false) { if (checked == false) {
this.arrey.splice( this.arrey.findIndex(item => item.id === data.id), 1) this.arrey.splice(
this.arrey.findIndex((item) => item.id === data.id),
1
);
} }
if (this.arrey.length < 3 && checked == true) { if (this.arrey.length < 3 && checked == true) {
this.arrey.push(data); this.arrey.push(data);
...@@ -500,6 +505,36 @@ export default { ...@@ -500,6 +505,36 @@ export default {
} }
</style> </style>
<style scoped lang="scss"> <style scoped lang="scss">
.nr {
font-size: 14px;
font-family: Microsoft YaHei;
font-weight: bold;
line-height: 19px;
color: #363636;
opacity: 1;
margin-left: 15px;
cursor: pointer;
}
.yuan {
width: 40px;
height: 40px;
background: #ffffff;
border: 1px solid #0061f7;
border-radius: 50%;
text-align: center;
opacity: 1;
display: inline-block;
line-height: 40px;
}
.xian {
width: 125px;
height: 0px;
border: 1px solid #c4c4c4;
opacity: 1;
display: inline-block;
margin-bottom: 4px;
margin-left: 50px;
}
.zc { .zc {
background: #fff; background: #fff;
margin-right: 20px; margin-right: 20px;
......
src/views/ajzcgzxnpg/queryGjzchjwcqk.vue 0 → 100644
<template>
<div class="Content">
<right-content
:pageBs="pageBs"
:header="header"
:cxFormData="cxFormData"
:cxQueryField="cxQueryField"
:cxDefaultFormThead="cxDefaultFormThead"
:cxUrl="cxUrl"
ref="rightContent"
>
<template #ajzcxnpg="scope">
<div class="zc">
<div class="zcContent">
<div
style="
margin-top: 20px;
display: flex;
justify-content: space-around;
"
>
<div style="padding-top: 10px">
<span class="nr" @click="jsasj">接受案事件</span>
<span class="xian"></span>
</div>
<div>
<span class="yuan">96</span>
<span class="nr" @click="la">立案</span>
<span class="xian"></span>
</div>
<div>
<span class="yuan">96</span>
<span class="nr" @click="zczj">侦查阶段</span>
<span class="xian"></span>
</div>
<div>
<span class="yuan">96</span>
<span class="nr" @click="zcdc">侦查终结</span>
<span class="xian"></span>
</div>
</div>
</div>
</div>
</template>
</right-content>
</div>
</template>
<script>
import rightContent from "@c/ptCxForm_components.vue";
import SelectTreeDialog from "@c/treeCode_components.vue";
import { jsasj, la, zczj, zcdc } from "@/api/ajzc/ajzc.js";
import queryRwbdjsVue from "../xsjsdb/queryRwbdjs.vue";
export default {
name: "queryAjzc",
components: {
rightContent,
SelectTreeDialog,
},
data() {
return {
header: "业务工作效能评估", //头部标题 (模块第一个页面需要)
pageBs: "queryAjzc", //页面名称
cxFormData: {
//查询条件
limit: 10,
page: 1,
kssj: "",
jssj: "",
unitcode: "",
},
cxQueryField: [
//查询条件
{
name: "时间",
id: "startTime",
id2: "endTime",
type: "zdyDates",
value: "",
col: "3",
},
{
name: "单位",
id: "unitcode",
type: "codeTreeDialog",
props: "checkEmpty",
value: "",
placeholder: "请选择",
col: "3",
codeOptions: [],
codeTree: "CODE_UNIT",
},
],
cxDefaultFormThead: [
//table 展示
{
label: "案事件编号",
prop: "asjbh",
},
{
label: "案件类别",
prop: "jsasjAjlbdmStr",
},
{
label: "案件名称",
prop: "jsasjAjmc",
},
{
label: "案事件发生开始时间",
prop: "jsasjAsjfssjAsjfsjssj",
},
{
label: "案发地区划",
prop: "jsasjAsjfsddXzqhdm",
},
{
label: "案发地名称",
prop: "jsasjAsjfsddDzmc",
},
{
label: "案事件死亡人数",
prop: "jsasjAsjswryRs",
},
{
label: "作案时机类别",
prop: "jsasjZasjZasjlbdm",
},
],
cxUrl: "/jsasj/queryAll", //列表查询接口
Menu: [
//头部导航(模块第一个页面需要)
{
id: "queryGjzchjwcqk",
label: "关键侦查环节完成情况",
index: "queryGjzchjwcqk",
auth: "M0101",
className: "iconfont iconrizhi",
disabled: false,
},
],
};
},
created() {
this.$store.commit("user/SET_Menu", this.Menu);
},
mounted() {},
methods: {
jsasj() {
this.cxUrl = "/jsasj/queryAll";
},
la() {
debugger
var self = this;
self.cxUrl = "/la/queryAll";
},
zczj() {},
zcdc() {},
},
watch:{
cxUrl :{
handler () {
debugger
this.$refs.rightContent.doQuery("yes");
}
}
},
};
</script>
<style>
.el-dialog {
/* max-height: 670px */
}
.el-dialog__body {
padding: 0px 15px !important;
/* height: 80vh; */
}
.rightContent .el-input__inner,
#formCommonPage .el-input__inner {
height: 32px;
line-height: 32px;
font-family: inherit;
}
.el-table__header-wrapper th,
.el-table__header-wrapper tr {
background: #f4f6f7;
}
.rightContent .el-input__icon,
#formCommonPage .el-input__icon,
.el-input__suffix-inner {
line-height: 36px;
}
.rightContent .el-range-separator {
position: relative;
top: -4px;
}
.rightContent .el-textarea__inner,
#formCommonPage .el-textarea__inner {
width: 100%;
font-family: inherit;
}
.rightContent .el-range-input,
#formCommonPage .el-range-input {
vertical-align: top;
}
.rightContent .el-date-editor .el-range__close-icon {
margin-top: -4px;
}
.rightContent .el-form-item__error {
left: calc(66% - 27px);
top: 12px;
}
.success-row {
background-color: #fbf9f4 !important;
}
.Content .el-input,
.Content .el-date-editor--daterange.el-input__inner {
width: 100% !important;
}
</style>
<style scoped lang="scss">
.nr {
font-size: 14px;
font-family: Microsoft YaHei;
font-weight: bold;
line-height: 19px;
color: #363636;
opacity: 1;
margin-left: 15px;
cursor: pointer;
}
.yuan {
width: 40px;
height: 40px;
background: #ffffff;
border: 1px solid #0061f7;
border-radius: 50%;
text-align: center;
opacity: 1;
display: inline-block;
line-height: 40px;
}
.xian {
width: 125px;
height: 0px;
border: 1px solid #c4c4c4;
opacity: 1;
display: inline-block;
margin-bottom: 4px;
margin-left: 50px;
}
.zc {
background: #fff;
margin-right: 20px;
border-radius: 4px;
.zcContent {
padding: 20px;
}
.ztpz {
float: right;
border: 1px solid #e4e4e4;
text-align: center;
line-height: 28px;
width: 80px;
}
.tabsContent {
display: flex;
margin-top: 20px;
justify-content: space-around;
.a {
padding-left: 60px;
}
.zc {
margin-left: -78px;
width: 30%;
border-right: 2px solid #e9e9e9;
}
.zj {
margin-left: -78px;
width: 30%;
border-right: 2px solid #e9e9e9;
}
.yc {
margin-left: -78px;
width: 30%;
}
.contentSSs {
display: flex;
justify-content: space-around;
margin-top: 12px;
span {
font-size: 20px;
font-family: DIN;
font-weight: 600;
line-height: 25px;
color: #363636;
opacity: 1;
}
}
.contentSS {
display: flex;
justify-content: space-around;
margin-top: 12px;
span {
font-size: 12px;
font-family: Microsoft YaHei;
font-weight: 400;
line-height: 16px;
color: #999999;
opacity: 1;
}
}
.zt {
width: 117px;
height: 21px;
font-size: 16px;
font-family: Microsoft YaHei;
font-weight: bold;
line-height: 21px;
color: #363636;
opacity: 1;
cursor: pointer;
}
.sz {
width: 49px;
height: 21px;
font-size: 16px;
font-family: Microsoft YaHei;
font-weight: bold;
line-height: 21px;
color: #ff3b30;
opacity: 1;
margin-left: 10px;
}
// .tiao {
// width: 0px;
// height: 68px;
// border: 2px solid #E9E9E9;
// }
}
}
@import "@/assets/styles/rightContent.scss";
/deep/ {
.el-form-item {
width: 100%;
margin-bottom: 10px;
}
}
.btx {
color: red;
position: relative;
top: 53px;
left: 77px;
z-index: 100;
}
</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