Skip to content

F
founder_vue
Commit a3dd6370 by gao_yingdong
Options

侦办日志

parent f1f3009d
Showing with 578 additions and 1 deletions
src/router/modules/index.js
......@@ -682,6 +682,15 @@ export default [
component: () => import("@/views/ryda/carda.vue")
},
{
path: "/zbrzIndex",
name: "zbrzIndex",
meta: {
title: '侦办日志',
auth: 5
},
component: () => import("@/views/ajzb/index.vue")
},
{
path: "/rydaIndex",
name: "rydaIndex",
meta: {
......
src/views/ajzb/index.vue 0 → 100644
<template>
<div class="boxZbrz">
<div class="titleHeader">
<img class="imgLeft" src="@/assets/img/jinghui.png" alt="" />
<span class="ajzbWx">侦办日志</span>
</div>
<!-- 内容 -->
<div class="zbrzContent">
<div class="zbrzContentTitle">
<div class="zbrzTitle">
<div class="zbrzLeftContent">
<span class="zbrzName">{{ $route.query.ajmc }}</span>
<span class="zbrzAsjbh" @click="toAjda($route.query.asjbh)">{{
$route.query.asjbh
}}</span>
</div>
<div class="zbrzRightContent">
<span v-if="$route.query.ajlbdmStr" class="zbrzZt"
>类案:
<span class="zbrzSpan">{{ $route.query.ajlbdmStr }}</span>
</span>
<span v-if="$route.query.zatzJyqkStr" class="zbrzZt"
>小案:
<span class="zbrzSpan">{{ $route.query.zatzJyqkStr }}</span>
</span>
<span v-if="$route.query.ajxlbStr" class="zbrzZt"
>细案:
<span class="zbrzSpan">{{ $route.query.ajxlbStr }}</span>
</span>
<span class="zbrzZt"
>侦查阶段:
<span class="zbrzSpan">{{ $route.query.zcjddmStr }}</span>
</span>
</div>
</div>
<el-divider></el-divider>
<!-- 内容 -->
<div v-if="activities.length > 0" class="zontentZbrz">
<div class="dateTimeContent">
<div
:class="index == 0 ? 'dateTime1' : 'dateTime'"
v-for="(item, index) in dateTime"
:key="index"
>
{{ item.czsj }}
</div>
</div>
<div class="block">
<el-timeline>
<el-timeline-item
v-for="(activity, index) in activities"
:key="index"
:color="activity.color"
>
<span>
<img
v-if="activity.czlxdm == '01'"
class="imgSrc"
src="@/assets/img/zbrzXz.png"
alt=""
/>
<img
v-else-if="activity.czlxdm == '02'"
class="imgSrc"
src="@/assets/img/zbrzSc.png"
alt=""
/>
<img
v-else-if="activity.czlxdm == '03'"
class="imgSrc"
src="@/assets/img/zbrzXg.png"
alt=""
/>
<img
v-else-if="activity.czlxdm == '04'"
class="imgSrc"
src="@/assets/img/zbrzCx.png"
alt=""
/>
<img
v-else-if="activity.czlxdm == '05'"
class="imgSrc"
src="@/assets/img/zbrzFc.png"
alt=""
/>
<img
v-else-if="activity.czlxdm == '06'"
class="imgSrc"
src="@/assets/img/zbrzYp.png"
alt=""
/>
<span class="cznr"> {{ activity.cznr }}</span>
<span class="yhXm">{{ activity.yhXm }}</span>
<span class="yhXm">{{ activity.yhDwmc }}</span>
</span>
</el-timeline-item>
</el-timeline>
</div>
</div>
<div v-else style="text-align: center">
<img src="@/assets/img/Frame.png" alt="" />
</div>
</div>
</div>
<!-- -->
<!-- <div style="text-align: center">
<el-button @click="close" type="danger" round>关闭</el-button>
</div> -->
</div>
</template>
<script>
import url from "@/api/base";
import request from "@/utils/axiosHttp.js";
export default {
computed: {},
data() {
return {
activities: [
// {
// cznr: "嫌疑人信息修改信息修改",
// yhXm: "系统管理员",
// yhDwmc: "湖南省公安厅",
// color: "#0bbd87",
// },
// {
// cznr: "嫌疑人信息修改嫌疑人信息修改嫌疑人信息修改",
// yhXm: "系统管理员",
// yhDwmc: "湖南省公安厅",
// color: "#0bbd87",
// },
// {
// cznr: "嫌疑人信息修改嫌疑人信息修改嫌疑人信息修改",
// yhXm: "系统管理员",
// yhDwmc: "湖南省公安厅",
// color: "#0bbd87",
// },
// {
// cznr: "嫌疑人信息修改嫌疑人信息修改嫌疑人信息修改",
// yhXm: "系统管理员",
// yhDwmc: "湖南省公安厅",
// color: "#0bbd87",
// },
// {
// cznr: "嫌疑人信息修改嫌疑人信息修改嫌疑人信息修改",
// yhXm: "系统管理员",
// yhDwmc: "湖南省公安厅",
// color: "#0bbd87",
// },
// {
// cznr: "嫌疑人信息修改嫌疑人信息修改嫌疑人信息修改",
// yhXm: "系统管理员",
// yhDwmc: "湖南省公安厅",
// color: "#0bbd87",
// },
// {
// cznr: "支持自定义尺寸",
// yhXm: "系统管理员",
// yhDwmc: "湖南省公安厅",
// color: "#0bbd87",
// },
// {
// cznr: "支持自定义尺寸",
// yhXm: "系统管理员",
// yhDwmc: "湖南省公安厅",
// color: "#0bbd87",
// },
// {
// cznr: "支持自定义尺寸",
// yhXm: "系统管理员",
// yhDwmc: "湖南省公安厅",
// color: "#0bbd87",
// },
// {
// cznr: "支持自定义尺寸",
// yhXm: "系统管理员",
// yhDwmc: "湖南省公安厅",
// color: "#0bbd87",
// },
// {
// cznr: "默认样式的节点",
// yhXm: "系统管理员",
// color: "#0bbd87",
// yhDwmc: "湖南省公安厅",
// },
// {
// cznr: "默认样式的节点",
// yhXm: "系统管理员",
// color: "#0bbd87",
// yhDwmc: "湖南省公安厅",
// },
// {
// cznr: "默认样式的节点",
// yhXm: "系统管理员",
// color: "#0bbd87",
// yhDwmc: "湖南省公安厅",
// },
// {
// cznr: "默认样式的节点",
// yhXm: "系统管理员",
// color: "#0bbd87",
// yhDwmc: "湖南省公安厅",
// },
// {
// color: "#0bbd87",
// cznr: "默认样式的节点",
// yhXm: "系统管理员",
// yhDwmc: "湖南省公安厅",
// },
// {
// cznr: "默认样式的节点",
// yhXm: "系统管理员",
// color: "#0bbd87",
// yhDwmc: "湖南省公安厅",
// },
// {
// cznr: "默认样式的节点",
// yhXm: "系统管理员",
// color: "#0bbd87",
// yhDwmc: "湖南省公安厅",
// },
// {
// cznr: "默认样式的节点",
// yhXm: "系统管理员",
// color: "#0bbd87",
// yhDwmc: "湖南省公安厅",
// },
// {
// cznr: "默认样式的节点",
// yhXm: "系统管理员",
// color: "#0bbd87",
// yhDwmc: "湖南省公安厅",
// },
// {
// cznr: "默认样式的节点",
// yhXm: "系统管理员",
// color: "#0bbd87",
// yhDwmc: "湖南省公安厅",
// },
// {
// cznr: "默认样式的节点",
// yhXm: "系统管理员",
// color: "#0bbd87",
// yhDwmc: "湖南省公安厅",
// },
// {
// cznr: "默认样式的节点",
// yhXm: "系统管理员",
// color: "#0bbd87",
// yhDwmc: "湖南省公安厅",
// },
// {
// color: "#0bbd87",
// cznr: "默认样式的节点",
// yhXm: "系统管理员",
// yhDwmc: "湖南省公安厅",
// },
],
dateTime: [
// {
// czsj: "2022/8/13",
// },
// {
// czsj: "2022/8/13 18:07:00",
// },
// {
// czsj: "2022/8/13 18:07:00",
// },
// {
// czsj: "2022/8/13 18:07:00",
// },
// {
// czsj: "2022/8/13 18:07:00",
// },
// {
// czsj: "2022/8/13 18:07:00",
// },
// {
// czsj: "2022/8/13 18:07:00",
// },
// {
// czsj: "2022/8/13 18:07:00",
// },
// {
// czsj: "2022/8/13 18:07:00",
// },
// {
// czsj: "2022/8/13 18:07:00",
// },
// {
// czsj: "2022/8/13 18:07:00",
// },
// {
// czsj: "2022/8/13 18:07:00",
// },
// {
// czsj: "2022/8/13 18:07:00",
// },
// {
// czsj: "2022/8/13 18:07:00",
// },
// {
// czsj: "2022/8/13 18:07:00",
// },
// {
// czsj: "2022/8/13 18:07:00",
// },
// {
// czsj: "2022/8/13 18:07:00",
// },
// {
// czsj: "2022/8/13 18:07:00",
// },
// {
// czsj: "2022/8/13 18:07:00",
// },
// {
// czsj: "2022/8/13 18:07:00",
// },
// {
// czsj: "2022/8/13 18:07:00",
// },
// {
// czsj: "2022/8/13 18:07:00",
// },
// {
// czsj: "2022/8/13 18:07:00",
// },
],
ajxxContent: {},
};
},
methods: {
close() {
window.opener = null;
window.open("about:blank", "_top").close();
// this.sendMsgquery()
},
toAjda(asjbh) {
// let idcard = encry.Encrypt(
// JSON.parse(sessionStorage.getItem("userInfo")).identitycard
// );
// let path = `${this.$baseUrl.alyIP5}/#/jump?path=/queryAjda&asjbh=${asjbh}&identitycard=${idcard}`;
// window.open(path, "_blank");
window.open('http://89.0.23.203:9047/queryAjdaxxs?asjbh=' + asjbh, "_blank");
},
postGetClcxsjgl(form) {
return request({
url: url.BaseURL + "/asjzcLog/getAsjzcLogList",
data: form,
method: "POST",
headers: {
"content-type": "application/x-www-form-urlencoded",
},
});
},
async getAsjzcLogListQuery() {
const loading = this.$loading({
lock: true,
text: "正在加载...",
spinner: "el-icon-loading",
background: "rgba(0, 0, 0, 0.8)",
});
let self = this;
// let obj = {
// asjbh: self.$route.query.asjbh,
// };
let params = new FormData();
params.append("asjbh", self.$route.query.asjbh || '');
let list = await this.postGetClcxsjgl(params);
if (list.code == 200) {
let result = list.data.rows;
result.forEach((item) => {
self.activities.push({
cznr: item.cznr,
yhXm: item.yhXm,
yhDwmc: item.yhDwmc,
czlxdm: item.czlxdm,
color:
item.czlxdm == "06"
? "#0bbd87"
: item.czlxdm == "05"
? "#266FE8"
: item.czlxdm == "04"
? "#8D4EDA"
: item.czlxdm == "03"
? "#F78A0D"
: item.czlxdm == "02"
? "#E83334"
: item.czlxdm == "01"
? "#14C9C9"
: "",
});
self.dateTime.push({
czsj: item.czsj,
});
});
setTimeout(() => {
loading.close();
}, 2000);
}
},
},
created() {
this.getAsjzcLogListQuery();
},
};
</script>
<style scoped lang='scss'>
.boxZbrz {
background: #ebedf1;
// height: 100vh;
overflow-x: auto;
// margin: -8px;
// background: url("~@/assets/img/ajzbBj.png");
// background-size: 100% 100%;
// background-repeat: no-repeat;
.titleHeader {
height: 64px;
background: #2c3645;
box-shadow: 0px 2px 4px -2px rgba(0, 0, 0, 0.08),
0px 4px 8px -2px rgba(0, 0, 0, 0.08), 0px 4px 8px 0px rgba(0, 0, 0, 0.08);
position: fixed;
z-index: 99;
width: 100%;
.imgLeft {
width: 28px;
margin-left: 20px;
margin-bottom: 14px;
}
.ajzbWx {
font-size: 24px;
font-family: YouSheBiaoTiHei-Regular, YouSheBiaoTiHei;
font-weight: 400;
color: #ffffff;
line-height: 30px;
text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);
margin-top: 17px;
display: inline-block;
margin-left: 8px;
}
}
// 内容
.zbrzContent {
padding-top: 80px;
.zbrzContentTitle {
width: calc(100% - 300px);
margin: 0 auto 50px;
background: #ffffff;
box-shadow: 0px 1px 1px -1px rgba(0, 0, 0, 0.08),
0px 1px 1px 0px rgba(0, 0, 0, 0.08), 0px 0px 1px 0px rgba(0, 0, 0, 0.08);
border-radius: 2px 2px 2px 2px;
.el-divider--horizontal {
display: block;
height: 1px;
width: 100%;
margin: 20px 0;
}
.zbrzTitle {
display: flex;
justify-content: space-between;
.zbrzLeftContent {
margin: 20px 0 0 20px;
.zbrzName {
font-size: 20px;
font-family: Source Han Sans CN-Medium, Source Han Sans CN;
font-weight: 600;
color: #383838;
line-height: 24px;
}
.zbrzAsjbh {
font-size: 15px;
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
font-weight: 400;
color: #3375e1;
margin-left: 20px;
line-height: 20px;
cursor: pointer;
}
}
.zbrzRightContent {
margin: 20px 0 0 0;
font-size: 14px;
font-family: Source Han Sans CN-Normal, Source Han Sans CN;
font-weight: 400;
color: #878787;
line-height: 24px;
.zbrzZt {
margin-right: 20px;
.zbrzSpan {
color: #383838;
}
}
}
}
.zontentZbrz {
margin-left: 10%;
display: flex;
padding-bottom: 30px;
.imgSrc {
margin-bottom: 8px;
}
.cznr {
font-size: 16px;
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
font-weight: 400;
color: #383838;
line-height: 20px;
margin-left: 10px;
}
.yhXm {
font-size: 14px;
font-family: Source Han Sans CN-Normal, Source Han Sans CN;
font-weight: 400;
color: #787878;
line-height: 20px;
margin-left: 20px;
}
.dateTimeContent {
margin-right: 27px;
.dateTime {
text-align: right;
font-size: 14px;
font-family: Source Han Sans CN-Normal, Source Han Sans CN;
font-weight: 400;
color: #7787a2;
margin-top: 40.3px;
}
.dateTime1 {
text-align: right;
font-size: 14px;
font-family: Source Han Sans CN-Normal, Source Han Sans CN;
font-weight: 400;
color: #7787a2;
}
}
}
}
}
}
// 滚动条
*::-webkit-scrollbar {
/*滚动条整体样式*/
width: 10px; /*高宽分别对应横竖滚动条的尺寸*/
height: 1px;
}
*::-webkit-scrollbar-thumb {
/*滚动条里面小方块*/
border-radius: 10px;
-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
background: #e5e5e5;
}
*::-webkit-scrollbar-track {
/*滚动条里面轨道*/
-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
border-radius: 10px;
background: #ffffff;
}
</style>
\ No newline at end of file
src/views/jump.vue
......@@ -50,6 +50,11 @@ export default {
jdZjhm: self.$route.query.jdZjhm,
wbZjhm: self.$route.query.wbZjhm,
jczZjhm: self.$route.query.jczZjhm,
ajmc: self.$route.query.ajmc,
ajlbdmStr: self.$route.query.ajlbdmStr,
zatzJyqkStr: self.$route.query.zatzJyqkStr,
ajxlbStr: self.$route.query.ajxlbStr,
zcjddmStr: self.$route.query.zcjddmStr,
},
});
})
......
src/views/ryda/carda.vue
......@@ -370,7 +370,7 @@
unlink-panels
range-separator="至"
start-placeholder="开始日期"
value-format="yyyy-MM-dd HH:mm:ss"
value-format="yyyy-MM-dd"
end-placeholder="结束日期"
>
</el-date-picker>
......
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