Skip to content

F
founder_vue
Commit ba13c2dc by gao_yingdong
Options

车辆档案

parent 4ce3c792
Showing with 530 additions and 76 deletions
package-lock.json
......@@ -1913,6 +1913,7 @@
"thread-loader": "^2.1.3",
"url-loader": "^2.2.0",
"vue-loader": "^15.9.2",
"vue-loader-v16": "npm:vue-loader@^16.0.0-beta.7",
"vue-style-loader": "^4.1.2",
"webpack": "^4.0.0",
"webpack-bundle-analyzer": "^3.8.0",
......@@ -14537,6 +14538,63 @@
}
}
},
"vue-loader-v16": {
"version": "npm:vue-loader@16.8.3",
"resolved": "https://registry.npmmirror.com/vue-loader/-/vue-loader-16.8.3.tgz",
"integrity": "sha512-7vKN45IxsKxe5GcVCbc2qFU5aWzyiLrYJyUuMz4BQLKctCj/fmCa0w6fGiiQ2cLFetNcek1ppGJQDCup0c1hpA==",
"dev": true,
"optional": true,
"requires": {
"chalk": "^4.1.0",
"hash-sum": "^2.0.0",
"loader-utils": "^2.0.0"
},
"dependencies": {
"ansi-styles": {
"version": "4.3.0",
"resolved": "https://registry.npmmirror.com/ansi-styles/-/ansi-styles-4.3.0.tgz",
"integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
"dev": true,
"optional": true,
"requires": {
"color-convert": "^2.0.1"
}
},
"chalk": {
"version": "4.1.2",
"resolved": "https://registry.npmmirror.com/chalk/-/chalk-4.1.2.tgz",
"integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
"dev": true,
"optional": true,
"requires": {
"ansi-styles": "^4.1.0",
"supports-color": "^7.1.0"
}
},
"color-convert": {
"version": "2.0.1",
"resolved": "https://registry.npmmirror.com/color-convert/-/color-convert-2.0.1.tgz",
"integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
"dev": true,
"optional": true,
"requires": {
"color-name": "~1.1.4"
}
},
"loader-utils": {
"version": "2.0.2",
"resolved": "https://registry.npmmirror.com/loader-utils/-/loader-utils-2.0.2.tgz",
"integrity": "sha512-TM57VeHptv569d/GKh6TAYdzKblwDNiumOdkFnejjD0XwTH87K90w3O7AiJRqdQoXygvi1VQTJTLGhJl7WqA7A==",
"dev": true,
"optional": true,
"requires": {
"big.js": "^5.2.2",
"emojis-list": "^3.0.0",
"json5": "^2.1.2"
}
}
}
},
"vue-photo-preview": {
"version": "1.1.3",
"resolved": "https://registry.npm.taobao.org/vue-photo-preview/download/vue-photo-preview-1.1.3.tgz",
......
src/views/ryda/carDa/carDaAsj.vue 0 → 100644
<template>
<div class="Content">
<div class="nameContent">
<span class="spanOne">时间范围: </span>
<span
class="span"
@click="sjDjCx(item.id)"
v-for="(item, index) in sjfw"
:key="index"
>
{{ item.name }}
</span>
<el-date-picker
v-if="queryZdy"
v-model="value"
type="daterange"
align="right"
unlink-panels
range-separator="至"
start-placeholder="开始日期"
value-format="yyyy-MM-dd"
end-placeholder="结束日期"
>
</el-date-picker>
<div class="con">
<!-- <div class="left">
<div style="margin: 15px">
<el-input
size="small"
placeholder="输入关键词查找"
suffix-icon="el-icon-search"
v-model="filterText"
>
</el-input>
</div>
<div style="margin: 15px">
<el-tree
class="filter-tree"
:data="data"
:props="defaultProps"
default-expand-all
:filter-node-method="filterNode"
ref="tree"
>
<span class="custom-tree-node" slot-scope="{ node }">
<span>{{ node.label }}</span>
</span>
</el-tree>
</div>
</div> -->
<div class="right">
<!-- 违章 -->
<div style="margin-top: 39px">
<table-component
:DefaultAjFormThead="carwzFormThead"
:propQueryData="carwzQueryData"
:cxUrl="carwzCxUrl"
:cxType="carwzCxType"
:jbcjbxxThear="jbcjbxxThear"
:page="page"
ref="rightContents"
></table-component>
</div>
</div>
</div>
</div>
</div>
</template>
<script>
import tableComponent from "@c/qxda_compontents.vue";
export default {
components: {
tableComponent,
},
data() {
return {
queryZdy: false,
value: "",
sjfw: [
{
name: "近一月",
id: "jyr",
},
{
name: "近三月",
id: "jsy",
},
{
name: "近半年",
id: "jbn",
},
{
name: "近一年",
id: "jyn",
},
{
name: "近三年",
id: "jsn",
},
{
name: "近五年",
id: "jwn",
},
{
name: "自定义",
id: "zdy",
},
],
data: [
{
id: 1,
label: "车辆轨迹",
num: "2",
children: [
{
id: 2,
label: "卡口通过车辆信息",
num: "1",
},
],
},
// {
// id: 2,
// label: "物品关系",
// num: "0",
// children: [
// {
// id: 5,
// label: "关联物品",
// num: "0",
// },
// ],
// },
],
filterText: "",
defaultProps: {
children: "children",
label: "label",
},
// 卡口
carwzFormThead: [
{
label: "案件名称",
width: "150",
prop: "ajmc",
},
{
label: "案事件编号",
width: "220",
prop: "asjbh",
},
{
label: "立案单位",
width: "220",
prop: "ladwGajgmc",
},
{
label: "案事件发生开始时间",
width: "220",
prop: "asjfssjAsjfskssj",
},
{
label: "侦查阶段",
width: "220",
prop: "zcjddmStr",
},
{
label: "案件类别",
width: "220",
prop: "ajlbdmStr",
},
{
label: "案事件发生地点",
prop: "asjfsddXzqhdmStr",
},
{
label: "损失价值",
width: "220",
prop: "ssjzrmby",
},
],
carwzQueryData: {
hphm: this.$route.query["cphm"],
kssj: "",
jssj: "",
zdsyn: "",
page: 1,
limit: 5,
},
carwzCxUrl: "/cldaApi/getAsjByHphm",
jbcjbxxThear: "案件信息",
carwzCxType: "thjl",
page: "asj",
};
},
created() {
debugger;
console.log(this.value);
},
methods: {
// 时间范围
sjDjCx(item) {
if (item == "jyr") {
this.queryZdy = false
this.carwzQueryData.zdsyn = '1';
this.$refs.rightContents.doQuery("yes");
} else if (item == "jsy") {
this.carwzQueryData.zdsyn = '3';
this.queryZdy = false
this.$refs.rightContents.doQuery("yes");
} else if (item == "jbn") {
this.queryZdy = false
this.carwzQueryData.zdsyn = '6';
this.$refs.rightContents.doQuery("yes");
} else if (item == "jyn") {
this.carwzQueryData.zdsyn = '12';
this.queryZdy = false
this.$refs.rightContents.doQuery("yes");
} else if (item == "jsn") {
this.carwzQueryData.zdsyn = '36';
this.queryZdy = false
this.$refs.rightContents.doQuery("yes");
} else if (item == "jwn") {
this.carwzQueryData.zdsyn = '60';
this.queryZdy = false
this.$refs.rightContents.doQuery("yes");
} else if (item == 'zdy') {
this.carwzQueryData.zdsyn = ''
this.queryZdy = true
}
},
filterNode(value, data) {
if (!value) return true;
return data.label.indexOf(value) !== -1;
},
},
mounted() {},
watch: {
filterText(val) {
this.$refs.tree.filter(val);
},
value(val) {
debugger;
var aDate, oDate1, oDate2, iDays;
aDate = val[0].split("-");
oDate1 = new Date(aDate[1] + "," + aDate[2] + "," + aDate[0]);
aDate = val[1].split("-");
oDate2 = new Date(aDate[1] + "," + aDate[2] + "," + aDate[0]);
iDays = parseInt(Math.abs(oDate1 - oDate2) / 1000 / 60 / 60 / 24);
// return iDays;
if (iDays < 31) {
this.carwzQueryData.kssj = val[0];
this.carwzQueryData.jssj = val[1];
this.$refs.rightContents.doQuery("yes");
} else {
this.$message.error("时间超过30天, 请重新选择时间!");
}
},
},
};
</script>
<style lang="scss" scoped>
.Content {
margin: 0 20px;
background: #fff;
.nameContent {
padding: 10px 0 10px 20px;
.spanOne {
margin-right: 20px;
}
.span {
margin-right: 20px;
cursor: pointer;
border: 1px solid #0061f7;
width: 58px;
display: inline-block;
text-align: center;
color: #0061f7;
}
.con {
display: flex;
margin-top: 16px;
.left {
width: 280px;
background: #ffffff;
border: 1px solid #dcdcdc;
opacity: 1;
border-radius: 4px;
margin-right: 16px;
display: inline-block;
vertical-align: top;
}
.right {
width: 95%;
margin-left: 40px;
}
}
}
}
</style>
\ No newline at end of file
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