Skip to content

F
founder_vue
Commit 1d02746e by 刘玉帅
Options

Merge branch 'sn_snzz' of http://47.92.108.28/changchao/founder_vue into sn_snzz

parents ef7f7c1b 14dd7087
Showing with 153 additions and 173 deletions
public/jsonData/spjkyjzzyy_tableTile.json
...@@ -4,193 +4,211 @@ ...@@ -4,193 +4,211 @@
"data": { "data": {
"1": [ "1": [
{ {
"label": "立案单位", "label": "姓名",
"prop": "dwmc", "prop": "xm",
"width": "auto" "width": "auto"
}, },
{ {
"label": "盗窃", "label": "性别",
"prop": "dqwbz", "prop": "xb",
"width": "auto" "width": "auto"
}, },
{ {
"label": "诈骗案", "label": "户籍地地址详址",
"prop": "dqbz", "prop": "hjddzxz",
"width": "auto" "width": "auto"
}, },
{ {
"label": "抢劫案", "label": "居住地地址详址",
"prop": "zpawbz", "prop": "jzddzxz",
"width": "auto" "width": "auto"
}, },
{ {
"label": "抢夺案", "label": "民族",
"prop": "qjawbz", "prop": "mz",
"width": "auto" "width": "auto"
}, },
{ {
"label": "招摇撞骗案", "label": "证件号码",
"prop": "adabz", "prop": "zjhm",
"width": "auto" "width": "auto"
} },
],
"2": [
{ {
"label": "啊发发哇", "label": "特殊人群类型",
"prop": "dwmc", "prop": "zkdlstr",
"width": "auto" "width": "auto"
}, },
{ {
"label": "啊我发发哇", "label": "预警级别",
"prop": "dqwbz", "prop": "yjjb",
"width": "auto" "width": "auto"
}, },
{ {
"label": "啥啊", "label": "备注",
"prop": "dqbz", "prop": "bz",
"width": "auto"
}
],
"2": [
{
"label": "姓名",
"prop": "xm",
"width": "auto" "width": "auto"
}, },
{ {
"label": "父亲哇", "label": "性别",
"prop": "zpawbz", "prop": "xb",
"width": "auto" "width": "auto"
}, },
{ {
"label": "高岸为谷", "label": "民族",
"prop": "qjawbz", "prop": "mz",
"width": "auto" "width": "auto"
}, },
{ {
"label": "案发无法", "label": "预警级别",
"prop": "adabz", "prop": "yjjb",
"width": "auto" "width": "auto"
} },
],
"3": [
{ {
"label": "啊我刚刚", "label": "证件号码",
"prop": "dwmc", "prop": "zjhm",
"width": "auto" "width": "auto"
}, },
{ {
"label": "发我法师", "label": "重点青少年类型",
"prop": "dqwbz", "prop": "zdqsnlx",
"width": "auto" "width": "auto"
}, },
{ {
"label": "噶无法", "label": "户籍地地址详址",
"prop": "dqbz", "prop": "hjddzxz",
"width": "auto" "width": "auto"
}, },
{ {
"label": "阿文噶无法", "label": "居住地地址详址",
"prop": "zpawbz", "prop": "jzddzxz",
"width": "auto"
}
],
"3": [
{
"label": "姓名",
"prop": "xm",
"width": "auto" "width": "auto"
}, },
{ {
"label": "尬舞无法", "label": "性别",
"prop": "qjawbz", "prop": "xb",
"width": "auto" "width": "auto"
}, },
{ {
"label": "爱我国防", "label": "民族",
"prop": "adabz", "prop": "mz",
"width": "auto" "width": "auto"
} },
],
"4": [
{ {
"label": "给娃是否", "label": "预警级别",
"prop": "dwmc", "prop": "yjjb",
"width": "auto" "width": "auto"
}, },
{ {
"label": "尬舞测试1", "label": "联系方式",
"prop": "dqwbz", "prop": "lxfs",
"width": "auto" "width": "auto"
}, },
{ {
"label": "古瓦夫", "label": "重点人员类型",
"prop": "dqbz", "prop": "zdrylx",
"width": "auto" "width": "auto"
}, },
{ {
"label": "尬舞地方", "label": "证件号码",
"prop": "zpawbz", "prop": "zjhm",
"width": "auto" "width": "auto"
}, },
{ {
"label": "发生", "label": "户籍地地址详址",
"prop": "qjawbz", "prop": "hjddzxz",
"width": "auto" "width": "auto"
}, },
{ {
"label": "尬舞测试", "label": "居住地地址详址",
"prop": "adabz", "prop": "jzddzxz",
"width": "auto" "width": "auto"
} }
], ],
"5": [ "4": [
{ {
"label": "我gaff", "label": "线路名称",
"prop": "dwmc", "prop": "mc",
"width": "auto" "width": "auto"
}, },
{ {
"label": "发哇无法", "label": "线路类型",
"prop": "dqwbz", "prop": "xllx",
"width": "auto" "width": "auto"
}, },
{ {
"label": "2无法哇", "label": "线路类型预警",
"prop": "dqbz", "prop": "xlyjlx",
"width": "auto" "width": "auto"
}, },
{ {
"label": "飞洒发", "label": "预警级别",
"prop": "zpawbz", "prop": "yjjb",
"width": "auto" "width": "auto"
}, },
{ {
"label": "啊我发发哇", "label": "隶属单位名称",
"prop": "qjawbz", "prop": "lsdwmc",
"width": "auto" "width": "auto"
}, },
{ {
"label": "安慰方式", "label": "隶属单位详址",
"prop": "adabz", "prop": "dwxz",
"width": "auto"
},
{
"label": "备注",
"prop": "bz",
"width": "auto" "width": "auto"
} }
], ],
"6": [ "5": [
{
"label": "区域类型",
"prop": "qylx",
"width": "auto"
},
{ {
"label": "富瓦省的", "label": "所属社区名称",
"prop": "dwmc", "prop": "sssqmc",
"width": "auto" "width": "auto"
}, },
{ {
"label": "付手续费", "label": "所属街镇名称",
"prop": "dqwbz", "prop": "ssjzmc",
"width": "auto" "width": "auto"
}, },
{ {
"label": "发我法师下", "label": "突出问题",
"prop": "dqbz", "prop": "tcwt",
"width": "auto" "width": "auto"
}, },
{ {
"label": "发完消息", "label": "预警级别",
"prop": "zpawbz", "prop": "yjjb",
"width": "auto" "width": "auto"
}, },
{ {
"label": "是法国", "label": "治安重点地区",
"prop": "qjawbz", "prop": "zddd",
"width": "auto" "width": "auto"
}, },
{ {
"label": "发散性", "label": "采集时间",
"prop": "adabz", "prop": "cjsj",
"width": "auto" "width": "auto"
} }
] ]
......
src/components/Dialog_Form.vue
...@@ -17,7 +17,7 @@ ...@@ -17,7 +17,7 @@
<el-button type="primary" @click="affirm()" size="small" <el-button type="primary" @click="affirm()" size="small"
>确 定</el-button >确 定</el-button
> >
<el-button @click="callOff()">取 消</el-button> <el-button @click="callOff()" size="small">取 消</el-button>
</div> </div>
</el-dialog> </el-dialog>
</div> </div>
...@@ -55,7 +55,6 @@ export default { ...@@ -55,7 +55,6 @@ export default {
}, },
methods: { methods: {
affirm() { affirm() {
console.log(22222222);
console.log(this.$refs.searchForm.formData); console.log(this.$refs.searchForm.formData);
this.dialogFormVisible = false; this.dialogFormVisible = false;
}, },
......
src/components/SearchForm.vue
...@@ -260,15 +260,20 @@ export default { ...@@ -260,15 +260,20 @@ export default {
} }
}, },
clear() { clear() {
let _this = this;
let arr = ["rows", "page", "pageSize"]; let arr = ["rows", "page", "pageSize"];
for (let key in this.formData) { _this.$refs.queryForm.validate((boo) => {
if (!arr.includes(key) && !this.filterSelect(key)) { if (boo) {
this.$set(this.formData, key, ""); for (let key in _this.formData) {
if (!arr.includes(key) && !_this.filterSelect(key)) {
_this.$set(_this.formData, key, "");
}
}
_this.$set(_this.formData, "page", 1);
_this.$set(_this.formData, "pageSize", 10);
_this.$emit("clearEvent", _this.formData);
} }
} });
this.$set(this.formData, "page", 1);
this.$set(this.formData, "pageSize", 10);
this.$emit("clearEvent", this.formData);
}, },
//范围查询提示 //范围查询提示
querySearch(queryString, cb) { querySearch(queryString, cb) {
...@@ -298,7 +303,6 @@ export default { ...@@ -298,7 +303,6 @@ export default {
}, },
form: { form: {
handler(val) { handler(val) {
console.log(111111111, this.formProps, this.form);
this.formData = val; this.formData = val;
}, },
deep: true, deep: true,
......
src/views/spjkyjzzyy/index.scss
.rightContent { .rightContent /deep/ {
flex: 1; flex: 1;
height: 100%; height: 100%;
overflow-y: auto; overflow-y: auto;
...@@ -22,6 +22,9 @@ ...@@ -22,6 +22,9 @@
margin-left: 35px; margin-left: 35px;
} }
} }
.el-table__row > td {
height: 60px;
}
.paneDiv { .paneDiv {
background: #ffffff; background: #ffffff;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.18); box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.18);
......
src/views/spjkyjzzyy/index.vue
...@@ -164,100 +164,53 @@ export default { ...@@ -164,100 +164,53 @@ export default {
// 初始化表格表头 // 初始化表格表头
bztjFormThead: [ bztjFormThead: [
{ {
label: "立案单位", label: "姓名",
prop: "dwmc", prop: "xm",
width: "auto", width: "auto",
}, },
{ {
label: "盗窃", label: "性别",
prop: "dqwbz", prop: "xb",
width: "auto", width: "auto",
}, },
{ {
/*table默认得表头*/ label: "户籍地地址详址",
label: "诈骗案", prop: "hjddzxz",
prop: "dqbz",
width: "auto", width: "auto",
}, },
{ {
label: "抢劫案", label: "居住地地址详址",
prop: "zpawbz", prop: "jzddzxz",
width: "auto", width: "auto",
}, },
{ {
label: "抢夺案", label: "民族",
prop: "qjawbz", prop: "mz",
width: "auto", width: "auto",
}, },
{ {
label: "招摇撞骗案", label: "证件号码",
prop: "adabz", prop: "zjhm",
width: "auto", width: "auto",
}, },
],
// 表格数据
bztjDataList: [
{
dwmc: "甘肃省公安厅",
dqwbz: "0",
dqbz: "1",
zpawbz: "0",
zpabz: "3",
qjawbz: "0",
qjabz: "4",
qdawbz: "0",
adabz: "2",
ayzpawbz: "0",
ayzpabz: "1",
dqyp: "1",
dqwp: "3",
},
{ {
dwmc: "青海省公安厅", label: "特殊人群类型",
dqwbz: "0", prop: "zkdlstr",
dqbz: "1", width: "auto",
zpawbz: "0",
zpabz: "3",
qjawbz: "0",
qjabz: "4",
qdawbz: "0",
adabz: "2",
ayzpawbz: "0",
ayzpabz: "1",
dqyp: "3",
dqwp: "2",
}, },
{ {
dwmc: "宁夏回族自治区公安厅", label: "预警级别",
dqwbz: "0", prop: "yjjb",
dqbz: "1", width: "auto",
zpawbz: "0",
zpabz: "3",
qjawbz: "0",
qjabz: "4",
qdawbz: "0",
adabz: "2",
ayzpawbz: "0",
ayzpabz: "1",
dqyp: "0",
dqwp: "0",
}, },
{ {
dwmc: "新疆维尔吾自治区公安厅", label: "备注",
dqwbz: "0", prop: "bz",
dqbz: "1", width: "auto",
zpawbz: "0",
zpabz: "3",
qjawbz: "0",
qjabz: "4",
qdawbz: "0",
adabz: "2",
ayzpawbz: "0",
ayzpabz: "1",
dqyp: "4",
dqwp: "1",
}, },
], ],
// 表格数据
bztjDataList: [],
pieData: [ pieData: [
{ {
name: "大学及以上", name: "大学及以上",
...@@ -283,10 +236,6 @@ export default { ...@@ -283,10 +236,6 @@ export default {
}; };
}, },
methods: { methods: {
// 清空按钮
clearData() {
this.formData = {};
},
/** /**
* @description: 查询事件 * @description: 查询事件
* @param {*} form 表单 * @param {*} form 表单
...@@ -303,13 +252,17 @@ export default { ...@@ -303,13 +252,17 @@ export default {
// 获取表格内容 // 获取表格内容
this.getTableList(form); this.getTableList(form);
}, },
/**
* @description: 表格内容获取
* @param {*} form 查询表单字段
* @return {*}
*/
getTableList(form) { getTableList(form) {
// let formData = new FormData(); this.tableLoading = true;
// for (let key in form) {
// formData.append(key, form[key]);
// }
postJson("/api/spjkyjzzyy/queryYjList", form).then((res) => { postJson("/api/spjkyjzzyy/queryYjList", form).then((res) => {
console.log(res); this.tableDataLength = res.total;
this.bztjDataList = res.data;
this.tableLoading = false;
}); });
}, },
/** /**
...@@ -372,6 +325,7 @@ export default { ...@@ -372,6 +325,7 @@ export default {
*/ */
handleSizeChange(val) { handleSizeChange(val) {
this.$set(this.form, "pageSize", val); this.$set(this.form, "pageSize", val);
this.getTableList(this.form);
}, },
/** /**
* @description: 第几页 * @description: 第几页
...@@ -380,6 +334,7 @@ export default { ...@@ -380,6 +334,7 @@ export default {
*/ */
handleCurrentChange(val) { handleCurrentChange(val) {
this.$set(this.form, "page", val); this.$set(this.form, "page", val);
this.getTableList(this.form);
}, },
/** /**
* @description: 人员饼图封装 * @description: 人员饼图封装
...@@ -482,6 +437,7 @@ export default { ...@@ -482,6 +437,7 @@ export default {
}, },
mounted() { mounted() {
this.setPieDiagram(this.title, this.pieData); this.setPieDiagram(this.title, this.pieData);
this.getTableList(this.form);
}, },
}; };
</script> </script>
......
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