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 base from "@/api/base";
// 删除用户组
//
export const getAsjBcByGjc = params =>
post(`${base.alyIP}/ywgz/getAsjBcByGjc`, params);
//全部刑案勘察率统计
export const countAsj = params =>
postform(`${base.alyIP}/ywgz/countAsj`, params);
\ No newline at end of file
postform(`${base.alyIP}/ywgz/countAsj`, params);
// 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 @@
>
</el-date-picker>
</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
class="zdyInputW zdyInputCol2"
v-else-if="item.type == 'texts'"
......@@ -2074,6 +2098,7 @@ export default {
return arr;
},
toQueryRequest(form, cxUrl) {
debugger
/*post方法*/
return Http({
url: url.BaseURL + cxUrl,
......@@ -2109,7 +2134,7 @@ export default {
} else {
currentUrl = `${url.alyIP}${this.cxUrl}`;
}
debugger
return Http({
url: currentUrl,
data: qs.stringify(form),
......@@ -2146,6 +2171,7 @@ export default {
this.$emit("sprops", scope);
},
doQuery(flag) {
debugger
this.showLoading();
var jsonStr = [];
let self = this,
......@@ -2216,6 +2242,7 @@ export default {
form.append("zylx", "asxzgzryj");
}
form.append("jsonStr", JSON.stringify(jsonStr));
debugger
postform(`${url.alyIP2}${this.cxUrl}`, form).then((response) => {
if (response.success === true) {
self.tableData = response.data.rows;
......
src/router/modules/ywgzxnpg.js
......@@ -4,11 +4,19 @@ const menuLayouts = [
path: "/queryAjzc",
name: "queryAjzc",
meta: {
title: '案件侦查工作效能评估'
title: '案件信息采集的完整性'
},
component: () => import("@/views/ajzcgzxnpg/ajzcgzxnpg.vue")
},
{
path: "/queryGjzchjwcqk",
name: "queryGjzchjwcqk",
meta: {
title: '关键侦查环节完成情况'
},
component: () => import("@/views/ajzcgzxnpg/queryGjzchjwcqk.vue")
},
{
path: "/qbxakcltj",
name: "qbxakcltj",
meta: {
......
src/views/ajzcgzxnpg/ajzcgzxnpg.vue
......@@ -2,7 +2,7 @@
<div class="Content">
<div
style="
position: fixed;
position: absolute;
top: 312px;
right: 46px;
z-index: 2000;
......@@ -26,70 +26,63 @@
<template #ajzcxnpg="scope">
<div class="zc">
<div class="zcContent">
<el-tabs v-model="activeName" type="card" @tab-click="handleClick">
<el-tab-pane label="案件采集" name="first">
<div class="tabsContent">
<div class="zc">
<div class="a">
<span @click="one" class="zt"
>{{ shuju[0].zdmc }}采集率:</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 class="tabsContent">
<div class="zc">
<div class="a">
<span @click="one" class="zt"
>{{ shuju[0].zdmc }}采集率:</span
>
<span class="sz">{{ shuju[0].bl }}</span>
</div>
</el-tab-pane>
<el-tab-pane label="线索质量" name="second">线索质量</el-tab-pane>
<el-tab-pane label="侦查环节" name="third">侦查环节</el-tab-pane>
<el-tab-pane label="证据材料" name="fourth">证据材料</el-tab-pane>
</el-tabs>
<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>
</div>
</template>
......@@ -119,7 +112,7 @@
<script>
import rightContent from "@c/ptCxForm_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";
export default {
name: "queryAjzc",
......@@ -247,6 +240,7 @@ export default {
page: 1,
endTime: "",
startTime: "",
dwdm: "",
cxzd: "ladw_gajgjgdm",
},
cxQueryField: [
......@@ -316,7 +310,7 @@ export default {
//头部导航(模块第一个页面需要)
{
id: "queryAjzc",
label: "案件侦查工作效能评估",
label: "案件信息采集的完整性",
index: "queryAjzc",
auth: "M0101",
className: "iconfont iconrizhi",
......@@ -335,13 +329,21 @@ export default {
children: [
{
id: "queryAjzc",
label: "案件侦查工作效能评估",
label: "案件信息采集的完整性",
index: "queryAjzc",
auth: "M0101",
className: "iconfont icongongnengfuwu",
disabled: false,
},
{
id: "queryGjzchjwcqk",
label: "关键侦查环节完成情况",
index: "queryGjzchjwcqk",
auth: "M0101",
className: "iconfont icongongnengfuwu",
disabled: false,
},
{
id: "qbxakcltj",
label: "全部刑案勘察统计",
index: "qbxakcltj",
......@@ -368,11 +370,14 @@ export default {
queryZd() {
this.dialogVisible = true;
},
handleCheckChange(data, checked, indeterminate) {
handleCheckChange(data, checked, indeterminate) {
debugger;
// console.log(data);
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) {
this.arrey.push(data);
......@@ -500,6 +505,36 @@ export default {
}
</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;
......
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