Skip to content

F
founder_vue
Commit 61e07903 by 刘玉帅
Options

xq

parent d1f85d05
Showing with 4671 additions and 495 deletions
public/favicon.ico
No preview for this file type
public/index.html
<!--
* @Author: your name
* @Date: 2021-08-27 14:14:36
* @LastEditTime: 2021-10-20 18:54:48
* @LastEditTime: 2021-11-04 14:14:37
* @LastEditors: Please set LastEditors
* @Description: In User Settings Edit
* @FilePath: \uuuz\founder_vue\public\index.html
......@@ -14,10 +14,23 @@
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
<title><%= htmlWebpackPlugin.options.title %></title>
<link rel="stylesheet" href="../src/utils/map/FMapClient.min.css">
<link rel="stylesheet" type="text/css" href="http://172.18.71.238:8088/FMapClient8.0.6/lib/FMapClient.min.css"/>
<!-- <link rel="stylesheet" type="text/css" href="http://172.18.71.238:8088/FMapClient8.0.6/lib/FMapClient.min.css"/> -->
<script type="text/javascript" src="./lib/EzMapAPI.js"></script>
<script type="text/javascript" src="http://172.18.71.238:8088/FMapClient8.0.6/lib/FMapClient.js"></script>
<script type="text/javascript" src="./lib/FMapClient.js"></script>
<!-- <script type="text/javascript" src="http://172.18.71.238:8088/FMapClient8.0.6/lib/FMapClient.js"></script> -->
<!-- <link rel="stylesheet" href="../src/utils/map/FMapClient.min.css">
<link rel="stylesheet" type="text/css" href="http://192.168.1.135:9080/EzServerClient_bin_s/FMapClient.min.css"/>
<script type="text/javascript" src="./lib/EzMapAPI.js"></script>
<script type="text/javascript" src="http://192.168.1.135:9080/EzServerClient_bin_s/FMapClient.js"></script>
<script src="http://192.168.1.135:9080/EzServerClient_bin_s/js/EzServerClient.js" type="text/javascript" charset="gb2312" language="javascript" ></script>
<script type="text/javascript" src="http://192.168.1.135:9080/EzServerClient_bin_s/js/EzMapAPI.js"></script> -->
<script src="./lib/echarts.js"></script>
<script src="./lib/ol-echarts.js"></script>
<script src="./lib/jquery.min.js"></script>
......
public/jsonData/heatmap.json
{
"coordinates": {
"海门": [
121.15,
31.89
116.15,
39.89
],
"鄂尔多斯": [
109.781327,
116.781327,
39.608266
],
"招远": [
120.38,
1116.38,
37.35
],
"舟山": [
122.207216,
116.207216,
29.985295
],
"齐齐哈尔": [
123.97,
116.97,
47.33
],
"盐城": [
120.13,
116.13,
33.38
],
"赤峰": [
118.87,
116.87,
42.28
],
"青岛": [
......
public/lib/EzMapAPI.js
......@@ -35,10 +35,13 @@ var ezMap = {
// imageSRC: 'http://172.18.71.80:8080/images/shiliang.png',
// key: 'text'
// }],
["公司", "http://192.168.1.135:9080/EzServer/Maps/default", {
crs: '4326',
imageSRC: ''
}],
// ["sltdt", "http://110.1.6.2:3534/EzServer7/WMTS?SERVICE=WMTS", {
["sltdt", "http://172.18.71.238:8088/EzServer7/WMTS?SERVICE=WMTS&tk=f6616fa13df718e2cd6280af4c45f5a2", {
["sltdt", "http://110.1.6.2:3534/EzServer7/WMTS?SERVICE=WMTS", {
// ["sltdt", "http://172.18.71.238:8088/EzServer7/WMTS?SERVICE=WMTS&tk=f6616fa13df718e2cd6280af4c45f5a2", {
type: 'wmts',
crs: '4326',
wrapX: true,
......@@ -54,8 +57,8 @@ var ezMap = {
layers: "arcgissl12"
}
}],
// ["yxtdt", "http://110.1.6.2:3534/EzServer7/WMTS?SERVICE=WMTS", {
["yxtdt", "http://172.18.71.238:8088/EzServer7/WMTS?SERVICE=WMTS", {
["yxtdt", "http://110.1.6.2:3534/EzServer7/WMTS?SERVICE=WMTS", {
// ["yxtdt", "http://172.18.71.238:8088/EzServer7/WMTS?SERVICE=WMTS", {
type: 'wmts',
crs: '4326',
wrapX: true,
......
public/lib/FMapClient.js 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
src/App.vue
<!--
* @Author: your name
* @Date: 2021-08-27 14:30:24
* @LastEditTime: 2021-10-29 09:31:37
* @LastEditors: Please set LastEditors
* @Description: In User Settings Edit
* @FilePath: \西青项目\founder_vue\src\App.vue
-->
<template>
<div id="app">
<router-view v-wechat-title="$route.meta.title"></router-view>
......@@ -8,11 +16,18 @@
export default {};
</script>
<style lang="scss" scoped>
<style lang="scss" scoped >
/*每个页面公共css */
@import "assets/styles/main.scss";
#app {
height: 100%;
width: 100%;
}
</style>
<style>
.el-popper[x-placement^=bottom] {
max-height: 300px;
overflow: auto;
}
</style>
src/assets/jsData/DictionaryCode.js 0 → 100644
//户籍类型
export const hjlx=
[
{"id":"01","text":"本辖户籍人户分离","py":"BXHJRHFL","pcode":"-","hasSonLevel":"0"},
{"id":"02","text":"本镇","py":"BZ","pcode":"-","hasSonLevel":"0"},
{"id":"03","text":"本区","py":"BQ","pcode":"-","hasSonLevel":"0"},
{"id":"04","text":"本市","py":"BS","pcode":"-","hasSonLevel":"0"},
{"id":"05","text":"外省","py":"WS","pcode":"-","hasSonLevel":"0"},
{"id":"06","text":"外籍","py":"WJ","pcode":"-","hasSonLevel":"0"},
{"id":"07","text":"本辖","py":"BX","pcode":"-","hasSonLevel":"0"}
]
//户口类型：
export const hklx =
[
{"id":"01","text":"农业","py":"NY","pcode":"-","hasSonLevel":"0"},
{"id":"02","text":"非农业","py":"FNY","pcode":"-","hasSonLevel":"0"},
{"id":"03","text":"居民户口","py":"JMHK","pcode":"-","hasSonLevel":"0"}
]
// 性别：
export const xb =
[
{"id":"0","text":"未知的性别","py":"WZDXB","pcode":"-","hasSonLevel":"0"},
{"id":"1","text":"男","py":"N","pcode":"-","hasSonLevel":"0"},
{"id":"2","text":"女","py":"N","pcode":"-","hasSonLevel":"0"},
{"id":"3","text":"女性改（变）为男性","py":"NXG（B）WNX","pcode":"-","hasSonLevel":"0"},
{"id":"4","text":"男性改（变）为女性","py":"NXG（B）WNX","pcode":"-","hasSonLevel":"0"},
{"id":"9","text":"未说明的性别","py":"WSMDXB","pcode":"-","hasSonLevel":"0"}
]
// 政治面貌:
export const zzmm =
[
{"id":"01","text":"中国共产党党员","py":"ZGGCDDY","pcode":"-","hasSonLevel":"0"},
{"id":"02","text":"中国共产党预备党员","py":"ZGGCDYBDY","pcode":"-","hasSonLevel":"0"},
{"id":"03","text":"中国共产主义青年团团员","py":"ZGGCZYQNTTY","pcode":"-","hasSonLevel":"0"},
{"id":"04","text":"中国国民党革命委员会会员","py":"ZGGMDGMWYHHY","pcode":"-","hasSonLevel":"0"},
{"id":"05","text":"中国民主同盟盟员","py":"ZGMZTMMY","pcode":"-","hasSonLevel":"0"},
{"id":"06","text":"中国民主建国会会员","py":"ZGMZJGHHY","pcode":"-","hasSonLevel":"0"},
{"id":"07","text":"中国民主促进会会员","py":"ZGMZCJHHY","pcode":"-","hasSonLevel":"0"},
{"id":"08","text":"中国农工民主党党员","py":"ZGNGMZDDY","pcode":"-","hasSonLevel":"0"},
{"id":"09","text":"中国致公党党员","py":"ZGZGDDY","pcode":"-","hasSonLevel":"0"},
{"id":"10","text":"九三学社社员","py":"JSXSSY","pcode":"-","hasSonLevel":"0"},
{"id":"11","text":"台湾民主自治同盟盟员","py":"TWMZZZTMMY","pcode":"-","hasSonLevel":"0"},
{"id":"12","text":"无党派民主人士","py":"WDPMZRS","pcode":"-","hasSonLevel":"0"},
{"id":"13","text":"群众","py":"QZ","pcode":"-","hasSonLevel":"0"},
{"id":"99","text":"其他","py":"QT","pcode":"-","hasSonLevel":"0"}
]
// 文化程度：
export const whcd =
[
{"id":"10","text":"研究生教育","py":"YJSJY","pcode":"-","hasSonLevel":"0"},
{"id":"11","text":"博士研究生毕业","py":"BSYJSBY","pcode":"-","hasSonLevel":"0"},
{"id":"12","text":"博士研究生结业","py":"BSYJSJY","pcode":"-","hasSonLevel":"0"},
{"id":"13","text":"博士研究生肄业","py":"BSYJSYY","pcode":"-","hasSonLevel":"0"},
{"id":"14","text":"硕士研究生毕业","py":"SSYJSBY","pcode":"-","hasSonLevel":"0"},
{"id":"15","text":"硕士研究生结业","py":"SSYJSJY","pcode":"-","hasSonLevel":"0"},
{"id":"16","text":"硕士研究生肄业","py":"SSYJSYY","pcode":"-","hasSonLevel":"0"},
{"id":"17","text":"研究生班毕业","py":"YJSBBY","pcode":"-","hasSonLevel":"0"},
{"id":"18","text":"研究生班结业","py":"YJSBJY","pcode":"-","hasSonLevel":"0"},
{"id":"19","text":"研究生班肄业","py":"YJSBYY","pcode":"-","hasSonLevel":"0"},
{"id":"20","text":"大学本科教育","py":"DXBKJY","pcode":"-","hasSonLevel":"0"},
{"id":"21","text":"大学本科毕业","py":"DXBKBY","pcode":"-","hasSonLevel":"0"},
{"id":"22","text":"大学本科结业","py":"DXBKJY","pcode":"-","hasSonLevel":"0"},
{"id":"23","text":"大学本科肄业","py":"DXBKYY","pcode":"-","hasSonLevel":"0"},
{"id":"28","text":"大学普通班毕业","py":"DXPTBBY","pcode":"-","hasSonLevel":"0"},
{"id":"30","text":"大学专科教育","py":"DXZKJY","pcode":"-","hasSonLevel":"0"},
{"id":"31","text":"大学专科毕业","py":"DXZKBY","pcode":"-","hasSonLevel":"0"},
{"id":"32","text":"大学专科结业","py":"DXZKJY","pcode":"-","hasSonLevel":"0"},
{"id":"33","text":"大学专科肄业","py":"DXZKYY","pcode":"-","hasSonLevel":"0"},
{"id":"40","text":"中等职业教育","py":"ZDZYJY","pcode":"-","hasSonLevel":"0"},
{"id":"41","text":"中等专科毕业","py":"ZDZKBY","pcode":"-","hasSonLevel":"0"},
{"id":"42","text":"中等专科结业","py":"ZDZKJY","pcode":"-","hasSonLevel":"0"},
{"id":"43","text":"中等专科肄业","py":"ZDZKYY","pcode":"-","hasSonLevel":"0"},
{"id":"44","text":"职业高中毕业","py":"ZYGZBY","pcode":"-","hasSonLevel":"0"},
{"id":"45","text":"职业高中结业","py":"ZYGZJY","pcode":"-","hasSonLevel":"0"},
{"id":"46","text":"职业高中肄业","py":"ZYGZYY","pcode":"-","hasSonLevel":"0"},
{"id":"47","text":"技工学校毕业","py":"JGXXBY","pcode":"-","hasSonLevel":"0"},
{"id":"48","text":"技工学校结业","py":"JGXXJY","pcode":"-","hasSonLevel":"0"},
{"id":"49","text":"技工学校肄业","py":"JGXXYY","pcode":"-","hasSonLevel":"0"},
{"id":"60","text":"普通高级中学教育","py":"PTGJZXJY","pcode":"-","hasSonLevel":"0"},
{"id":"61","text":"普通高中毕业","py":"PTGZBY","pcode":"-","hasSonLevel":"0"},
{"id":"62","text":"普通高中结业","py":"PTGZJY","pcode":"-","hasSonLevel":"0"},
{"id":"63","text":"普通高中肄业","py":"PTGZYY","pcode":"-","hasSonLevel":"0"},
{"id":"70","text":"初级中学教育","py":"CJZXJY","pcode":"-","hasSonLevel":"0"},
{"id":"71","text":"初中毕业","py":"CZBY","pcode":"-","hasSonLevel":"0"},
{"id":"73","text":"初中肄业","py":"CZYY","pcode":"-","hasSonLevel":"0"},
{"id":"80","text":"小学教育","py":"XXJY","pcode":"-","hasSonLevel":"0"},
{"id":"81","text":"小学毕业","py":"XXBY","pcode":"-","hasSonLevel":"0"},
{"id":"83","text":"小学肄业","py":"XXYY","pcode":"-","hasSonLevel":"0"},
{"id":"90","text":"其他","py":"QT","pcode":"-","hasSonLevel":"0"}
]
export const mz =
// 民族：
[
{"id":"01","text":"汉族","py":"HZ","pcode":"-","hasSonLevel":"0"},
{"id":"02","text":"蒙古族","py":"MGZ","pcode":"-","hasSonLevel":"0"},
{"id":"03","text":"回族","py":"HZ","pcode":"-","hasSonLevel":"0"},
{"id":"04","text":"藏族","py":"ZZ","pcode":"-","hasSonLevel":"0"},
{"id":"05","text":"维吾尔族","py":"WWEZ","pcode":"-","hasSonLevel":"0"},
{"id":"06","text":"苗族","py":"MZ","pcode":"-","hasSonLevel":"0"},
{"id":"07","text":"彝族","py":"YZ","pcode":"-","hasSonLevel":"0"},
{"id":"08","text":"壮族","py":"ZZ","pcode":"-","hasSonLevel":"0"},
{"id":"09","text":"布依族","py":"BYZ","pcode":"-","hasSonLevel":"0"},
{"id":"10","text":"朝鲜族","py":"CXZ","pcode":"-","hasSonLevel":"0"},
{"id":"11","text":"满族","py":"MZ","pcode":"-","hasSonLevel":"0"},
{"id":"12","text":"侗族","py":"DZ","pcode":"-","hasSonLevel":"0"},
{"id":"13","text":"瑶族","py":"YZ","pcode":"-","hasSonLevel":"0"},
{"id":"14","text":"白族","py":"BZ","pcode":"-","hasSonLevel":"0"},
{"id":"15","text":"土家族","py":"TJZ","pcode":"-","hasSonLevel":"0"},
{"id":"16","text":"哈尼族","py":"HNZ","pcode":"-","hasSonLevel":"0"},
{"id":"17","text":"哈萨克族","py":"HSKZ","pcode":"-","hasSonLevel":"0"},
{"id":"18","text":"傣族","py":"DZ","pcode":"-","hasSonLevel":"0"},
{"id":"19","text":"黎族","py":"LZ","pcode":"-","hasSonLevel":"0"},
{"id":"20","text":"傈僳族","py":"LSZ","pcode":"-","hasSonLevel":"0"},
{"id":"21","text":"佤族","py":"WZ","pcode":"-","hasSonLevel":"0"},
{"id":"22","text":"畲族","py":"SZ","pcode":"-","hasSonLevel":"0"},
{"id":"23","text":"高山族","py":"GSZ","pcode":"-","hasSonLevel":"0"},
{"id":"24","text":"拉祜族","py":"LHZ","pcode":"-","hasSonLevel":"0"},
{"id":"25","text":"水族","py":"SZ","pcode":"-","hasSonLevel":"0"},
{"id":"26","text":"东乡族","py":"DXZ","pcode":"-","hasSonLevel":"0"},
{"id":"27","text":"纳西族","py":"NXZ","pcode":"-","hasSonLevel":"0"},
{"id":"28","text":"景颇族","py":"JPZ","pcode":"-","hasSonLevel":"0"},
{"id":"29","text":"柯尔克孜族","py":"KEKZZ","pcode":"-","hasSonLevel":"0"},
{"id":"30","text":"土族","py":"TZ","pcode":"-","hasSonLevel":"0"},
{"id":"31","text":"达斡尔族","py":"DWEZ","pcode":"-","hasSonLevel":"0"},
{"id":"32","text":"仫佬族","py":"MLZ","pcode":"-","hasSonLevel":"0"},
{"id":"33","text":"羌族","py":"QZ","pcode":"-","hasSonLevel":"0"},
{"id":"34","text":"布朗族","py":"BLZ","pcode":"-","hasSonLevel":"0"},
{"id":"35","text":"撒拉族","py":"SLZ","pcode":"-","hasSonLevel":"0"},
{"id":"36","text":"毛南族","py":"MNZ","pcode":"-","hasSonLevel":"0"},
{"id":"37","text":"仡佬族","py":"GLZ","pcode":"-","hasSonLevel":"0"},
{"id":"38","text":"锡伯族","py":"XBZ","pcode":"-","hasSonLevel":"0"},
{"id":"39","text":"阿昌族","py":"ACZ","pcode":"-","hasSonLevel":"0"},
{"id":"40","text":"普米族","py":"PMZ","pcode":"-","hasSonLevel":"0"},
{"id":"41","text":"塔吉克族","py":"TJKZ","pcode":"-","hasSonLevel":"0"},
{"id":"42","text":"怒族","py":"NZ","pcode":"-","hasSonLevel":"0"},
{"id":"43","text":"乌孜别克族","py":"WZBKZ","pcode":"-","hasSonLevel":"0"},
{"id":"44","text":"俄罗斯族","py":"ELSZ","pcode":"-","hasSonLevel":"0"},
{"id":"45","text":"鄂温克族","py":"EWKZ","pcode":"-","hasSonLevel":"0"},
{"id":"46","text":"德昂族","py":"DAZ","pcode":"-","hasSonLevel":"0"},
{"id":"47","text":"保安族","py":"BAZ","pcode":"-","hasSonLevel":"0"},
{"id":"48","text":"裕固族","py":"YGZ","pcode":"-","hasSonLevel":"0"},
{"id":"49","text":"京族","py":"JZ","pcode":"-","hasSonLevel":"0"},
{"id":"50","text":"塔塔尔族","py":"TTEZ","pcode":"-","hasSonLevel":"0"},
{"id":"51","text":"独龙族","py":"DLZ","pcode":"-","hasSonLevel":"0"},
{"id":"52","text":"鄂伦春族","py":"ELCZ","pcode":"-","hasSonLevel":"0"},
{"id":"53","text":"赫哲族","py":"HZZ","pcode":"-","hasSonLevel":"0"},
{"id":"54","text":"门巴族","py":"MBZ","pcode":"-","hasSonLevel":"0"},
{"id":"55","text":"珞巴族","py":"LBZ","pcode":"-","hasSonLevel":"0"},
{"id":"56","text":"基诺族","py":"JNZ","pcode":"-","hasSonLevel":"0"},
{"id":"60","text":"不详","py":"BX","pcode":"-","hasSonLevel":"0"},
{"id":"91","text":"外籍人员","py":"WJRY","pcode":"-","hasSonLevel":"0"},
{"id":"92","text":"无国籍人员","py":"WGJRY","pcode":"-","hasSonLevel":"0"},
{"id":"97","text":"其他","py":"QT","pcode":"-","hasSonLevel":"0"},
{"id":"98","text":"外国血统","py":"WGXT","pcode":"-","hasSonLevel":"0"},
{"id":"99","text":"中国籍人士","py":"ZGJRS","pcode":"-","hasSonLevel":"0"}
]
// 证件类型：
export const zjlx =
[
{"id":"111","text":"居民身份证","py":"JMSFZ","pcode":"-","hasSonLevel":"0"},
{"id":"112","text":"临时居民身份证","py":"LSJMSFZ","pcode":"-","hasSonLevel":"0"},
{"id":"113","text":"户口簿","py":"HKB","pcode":"-","hasSonLevel":"0"},
{"id":"114","text":"中国人民解放军军官证","py":"ZGRMJFJJGZ","pcode":"-","hasSonLevel":"0"},
{"id":"115","text":"中国人民武装警察部队警官证","py":"ZGRMWZJCBDJGZ","pcode":"-","hasSonLevel":"0"},
{"id":"116","text":"暂住证","py":"ZZZ","pcode":"-","hasSonLevel":"0"},
{"id":"117","text":"出生医学证明","py":"CSYXZM","pcode":"-","hasSonLevel":"0"},
{"id":"121","text":"法官证","py":"FGZ","pcode":"-","hasSonLevel":"0"},
{"id":"123","text":"警官证","py":"JGZ","pcode":"-","hasSonLevel":"0"},
{"id":"125","text":"检察官证","py":"JCGZ","pcode":"-","hasSonLevel":"0"},
{"id":"127","text":"律师证","py":"LSZ","pcode":"-","hasSonLevel":"0"},
{"id":"129","text":"记者证","py":"JZZ","pcode":"-","hasSonLevel":"0"},
{"id":"131","text":"工作证","py":"GZZ","pcode":"-","hasSonLevel":"0"},
{"id":"133","text":"学生证","py":"XSZ","pcode":"-","hasSonLevel":"0"},
{"id":"151","text":"出入证","py":"CRZ","pcode":"-","hasSonLevel":"0"},
{"id":"153","text":"昨时出入证","py":"ZSCRZ","pcode":"-","hasSonLevel":"0"},
{"id":"155","text":"住宿证","py":"ZSZ","pcode":"-","hasSonLevel":"0"},
{"id":"157","text":"医疗证","py":"YLZ","pcode":"-","hasSonLevel":"0"},
{"id":"159","text":"劳保证","py":"LBZ","pcode":"-","hasSonLevel":"0"},
{"id":"161","text":"献血证","py":"XXZ","pcode":"-","hasSonLevel":"0"},
{"id":"163","text":"保险单","py":"BXD","pcode":"-","hasSonLevel":"0"},
{"id":"191","text":"会员证","py":"HYZ","pcode":"-","hasSonLevel":"0"},
{"id":"211","text":"离休证","py":"LXZ","pcode":"-","hasSonLevel":"0"},
{"id":"213","text":"退体证","py":"TTZ","pcode":"-","hasSonLevel":"0"},
{"id":"215","text":"老年证","py":"LNZ","pcode":"-","hasSonLevel":"0"},
{"id":"217","text":"残疾证","py":"CJZ","pcode":"-","hasSonLevel":"0"},
{"id":"219","text":"结婚证","py":"JHZ","pcode":"-","hasSonLevel":"0"},
{"id":"221","text":"离婚证","py":"LHZ","pcode":"-","hasSonLevel":"0"},
{"id":"223","text":"独生子女证","py":"DSZNZ","pcode":"-","hasSonLevel":"0"},
{"id":"225","text":"毕业证书","py":"BYZS","pcode":"-","hasSonLevel":"0"},
{"id":"227","text":"肄业证","py":"YYZ","pcode":"-","hasSonLevel":"0"},
{"id":"229","text":"结业证","py":"JYZ","pcode":"-","hasSonLevel":"0"},
{"id":"231","text":"学位证","py":"XWZ","pcode":"-","hasSonLevel":"0"},
{"id":"233","text":"军人通行证","py":"JRTXZ","pcode":"-","hasSonLevel":"0"},
{"id":"291","text":"证明信","py":"ZMX","pcode":"-","hasSonLevel":"0"},
{"id":"311","text":"持枪证","py":"CQZ","pcode":"-","hasSonLevel":"0"},
{"id":"313","text":"枪证","py":"QZ","pcode":"-","hasSonLevel":"0"},
{"id":"315","text":"枪支(弹药)携运许可证","py":"QZ(DY)XYXKZ","pcode":"-","hasSonLevel":"0"},
{"id":"317","text":"砍伐证","py":"KFZ","pcode":"-","hasSonLevel":"0"},
{"id":"319","text":"准运证","py":"ZYZ","pcode":"-","hasSonLevel":"0"},
{"id":"321","text":"准购证","py":"ZGZ","pcode":"-","hasSonLevel":"0"},
{"id":"323","text":"粮油证","py":"LYZ","pcode":"-","hasSonLevel":"0"},
{"id":"325","text":"购煤证","py":"GMZ","pcode":"-","hasSonLevel":"0"},
{"id":"327","text":"购煤气证","py":"GMQZ","pcode":"-","hasSonLevel":"0"},
{"id":"329","text":"房屋产权证","py":"FWCQZ","pcode":"-","hasSonLevel":"0"},
{"id":"331","text":"土地使用证","py":"TDSYZ","pcode":"-","hasSonLevel":"0"},
{"id":"333","text":"车辆通行证","py":"CLTXZ","pcode":"-","hasSonLevel":"0"},
{"id":"335","text":"机动车驾驶证","py":"JDCJSZ","pcode":"-","hasSonLevel":"0"},
{"id":"337","text":"机动车行驶证","py":"JDCXSZ","pcode":"-","hasSonLevel":"0"},
{"id":"339","text":"机动车登记证书","py":"JDCDJZS","pcode":"-","hasSonLevel":"0"},
{"id":"341","text":"机动车年检合格证","py":"JDCNJHGZ","pcode":"-","hasSonLevel":"0"},
{"id":"343","text":"春运临时检验合格证","py":"CYLSJYHGZ","pcode":"-","hasSonLevel":"0"},
{"id":"345","text":"飞机驾驶证","py":"FJJSZ","pcode":"-","hasSonLevel":"0"},
{"id":"347","text":"船舶驾驶证","py":"CBJSZ","pcode":"-","hasSonLevel":"0"},
{"id":"349","text":"船舶行驶证","py":"CBXSZ","pcode":"-","hasSonLevel":"0"},
{"id":"351","text":"自行车行驶证","py":"ZXCXSZ","pcode":"-","hasSonLevel":"0"},
{"id":"353","text":"汽车号牌","py":"QCHP","pcode":"-","hasSonLevel":"0"},
{"id":"355","text":"拖拉机牌","py":"TLJP","pcode":"-","hasSonLevel":"0"},
{"id":"357","text":"摩托车牌","py":"MTCP","pcode":"-","hasSonLevel":"0"},
{"id":"359","text":"船舶牌","py":"CBP","pcode":"-","hasSonLevel":"0"},
{"id":"361","text":"三轮车牌","py":"SLCP","pcode":"-","hasSonLevel":"0"},
{"id":"363","text":"自行车牌","py":"ZXCP","pcode":"-","hasSonLevel":"0"},
{"id":"391","text":"残疾人机动轮椅车","py":"CJRJDLYC","pcode":"-","hasSonLevel":"0"},
{"id":"411","text":"外交护照","py":"WJHZ","pcode":"-","hasSonLevel":"0"},
{"id":"412","text":"公务护照","py":"GWHZ","pcode":"-","hasSonLevel":"0"},
{"id":"413","text":"因公普通护照","py":"YGPTHZ","pcode":"-","hasSonLevel":"0"},
{"id":"414","text":"普通护照","py":"PTHZ","pcode":"-","hasSonLevel":"0"},
{"id":"415","text":"旅行证","py":"LXZ","pcode":"-","hasSonLevel":"0"},
{"id":"416","text":"出入境通行证","py":"CRJTXZ","pcode":"-","hasSonLevel":"0"},
{"id":"417","text":"外国人出入境证","py":"WGRCRJZ","pcode":"-","hasSonLevel":"0"},
{"id":"418","text":"外国人旅行证","py":"WGRLXZ","pcode":"-","hasSonLevel":"0"},
{"id":"419","text":"海员证","py":"HYZ","pcode":"-","hasSonLevel":"0"},
{"id":"420","text":"香港特别行政区护照","py":"XGTBXZQHZ","pcode":"-","hasSonLevel":"0"},
{"id":"421","text":"澳门特别行政区护照","py":"AMTBXZQHZ","pcode":"-","hasSonLevel":"0"},
{"id":"423","text":"澳门特别行政区旅行证","py":"AMTBXZQLXZ","pcode":"-","hasSonLevel":"0"},
{"id":"511","text":"台湾居民来往大陆通行证","py":"TWJMLWDLTXZ","pcode":"-","hasSonLevel":"0"},
{"id":"512","text":"台湾居民来往大陆通行证（一次有效）","py":"TWJMLWDLTXZ（YCYX）","pcode":"-","hasSonLevel":"0"},
{"id":"513","text":"往来港澳通行证","py":"WLGATXZ","pcode":"-","hasSonLevel":"0"},
{"id":"515","text":"前往港澳通行证","py":"QWGATXZ","pcode":"-","hasSonLevel":"0"},
{"id":"516","text":"港澳同胞回乡证(通行卡)","py":"GATBHXZ(TXK)","pcode":"-","hasSonLevel":"0"},
{"id":"517","text":"大陆居民往来台湾通行证","py":"DLJMWLTWTXZ","pcode":"-","hasSonLevel":"0"},
{"id":"518","text":"因公往来香港澳门特别行政区通行证","py":"YGWLXGAMTBXZQTXZ","pcode":"-","hasSonLevel":"0"},
{"id":"551","text":"华侨回国定居证","py":"HQHGDJZ","pcode":"-","hasSonLevel":"0"},
{"id":"552","text":"台湾居民定居证","py":"TWJMDJZ","pcode":"-","hasSonLevel":"0"},
{"id":"553","text":"外国人永外居留证","py":"WGRYWJLZ","pcode":"-","hasSonLevel":"0"},
{"id":"554","text":"外国人居留证","py":"WGRJLZ","pcode":"-","hasSonLevel":"0"},
{"id":"555","text":"外国人临时居留证","py":"WGRLSJLZ","pcode":"-","hasSonLevel":"0"},
{"id":"556","text":"入籍证书","py":"RJZS","pcode":"-","hasSonLevel":"0"},
{"id":"557","text":"出籍证书","py":"CJZS","pcode":"-","hasSonLevel":"0"},
{"id":"558","text":"复籍证书","py":"FJZS","pcode":"-","hasSonLevel":"0"},
{"id":"611","text":"外籍船员住宿证","py":"WJCYZSZ","pcode":"-","hasSonLevel":"0"},
{"id":"612","text":"随船工作证","py":"SCGZZ","pcode":"-","hasSonLevel":"0"},
{"id":"620","text":"海上值勤证(红色)","py":"HSZQZ(HS)","pcode":"-","hasSonLevel":"0"},
{"id":"621","text":"海上值勤证(蓝色)","py":"HSZQZ(LS)","pcode":"-","hasSonLevel":"0"},
{"id":"631","text":"出海船民证","py":"CHCMZ","pcode":"-","hasSonLevel":"0"},
{"id":"633","text":"出海船舶户口簿","py":"CHCBHKB","pcode":"-","hasSonLevel":"0"},
{"id":"634","text":"出海船舶边防登记簿","py":"CHCBBFDJB","pcode":"-","hasSonLevel":"0"},
{"id":"635","text":"搭靠台轮许可证","py":"DKTLXKZ","pcode":"-","hasSonLevel":"0"},
{"id":"636","text":"台湾居民登陆证","py":"TWJMDLZ","pcode":"-","hasSonLevel":"0"},
{"id":"637","text":"台湾船员登陆证","py":"TWCYDLZ","pcode":"-","hasSonLevel":"0"},
{"id":"638","text":"外国船员登陆证","py":"WGCYDLZ","pcode":"-","hasSonLevel":"0"},
{"id":"639","text":"对台劳务人员登轮作业证","py":"DTLWRYDLZYZ","pcode":"-","hasSonLevel":"0"},
{"id":"640","text":"合资船船员登陆证","py":"HZCCYDLZ","pcode":"-","hasSonLevel":"0"},
{"id":"641","text":"合资船船员登轮作业证","py":"HZCCYDLZYZ","pcode":"-","hasSonLevel":"0"},
{"id":"642","text":"粤港澳流动渔民证","py":"YGALDYMZ","pcode":"-","hasSonLevel":"0"},
{"id":"643","text":"粤港澳时间流动渔民证","py":"YGASJLDYMZ","pcode":"-","hasSonLevel":"0"},
{"id":"644","text":"粤港澳流动渔船户口簿","py":"YGALDYCHKB","pcode":"-","hasSonLevel":"0"},
{"id":"645","text":"航行港澳船舶证明书","py":"HXGACBZMS","pcode":"-","hasSonLevel":"0"},
{"id":"646","text":"往来港澳小型船舶查验簿","py":"WLGAXXCBCYB","pcode":"-","hasSonLevel":"0"},
{"id":"650","text":"劳务人员登轮作业证","py":"LWRYDLZYZ","pcode":"-","hasSonLevel":"0"},
{"id":"711","text":"边境管理区通行证","py":"BJGLQTXZ","pcode":"-","hasSonLevel":"0"},
{"id":"721","text":"中朝鸭绿江、图们江水作业证","py":"ZCYLJ、TMJSZYZ","pcode":"-","hasSonLevel":"0"},
{"id":"722","text":"朝中鸭绿江、图们江水作业证","py":"CZYLJ、TMJSZYZ","pcode":"-","hasSonLevel":"0"},
{"id":"723","text":"中朝流筏固定代表证","py":"ZCLFGDDBZ","pcode":"-","hasSonLevel":"0"},
{"id":"724","text":"朝中流筏固定代表证","py":"CZLFGDDBZ","pcode":"-","hasSonLevel":"0"},
{"id":"725","text":"中朝鸭绿江、图们江船员证","py":"ZCYLJ、TMJCYZ","pcode":"-","hasSonLevel":"0"},
{"id":"726","text":"朝中鸭绿江、图们江船员证","py":"CZYLJ、TMJCYZ","pcode":"-","hasSonLevel":"0"},
{"id":"727","text":"中境边境地区公安总代表证","py":"ZJBJDQGAZDBZ","pcode":"-","hasSonLevel":"0"},
{"id":"728","text":"朝中边境地区公安总代表证","py":"CZBJDQGAZDBZ","pcode":"-","hasSonLevel":"0"},
{"id":"729","text":"中朝边境地区公安副总代表证","py":"ZCBJDQGAFZDBZ","pcode":"-","hasSonLevel":"0"},
{"id":"730","text":"朝中边境地区公安副总代表证","py":"CZBJDQGAFZDBZ","pcode":"-","hasSonLevel":"0"},
{"id":"731","text":"中朝边境地区公安代表证","py":"ZCBJDQGADBZ","pcode":"-","hasSonLevel":"0"},
{"id":"732","text":"朝中边境地区公安代表证","py":"CZBJDQGADBZ","pcode":"-","hasSonLevel":"0"},
{"id":"733","text":"中朝边境地区出入境通行证（甲、乙种本）","py":"ZCBJDQCRJTXZ（J、YZB）","pcode":"-","hasSonLevel":"0"},
{"id":"734","text":"朝中边境公务通行证","py":"CZBJGWTXZ","pcode":"-","hasSonLevel":"0"},
{"id":"735","text":"朝中边境住民国境通行证","py":"CZBJZMGJTXZ","pcode":"-","hasSonLevel":"0"},
{"id":"736","text":"中蒙边境地区出入境通行证（甲、乙种本","py":"ZMBJDQCRJTXZ（J、YZB","pcode":"-","hasSonLevel":"0"},
{"id":"737","text":"蒙中边境地区出入境通行证","py":"MZBJDQCRJTXZ","pcode":"-","hasSonLevel":"0"},
{"id":"738","text":"中缅边境地区出入境通行证","py":"ZMBJDQCRJTXZ","pcode":"-","hasSonLevel":"0"},
{"id":"739","text":"缅甸中国边境通行证","py":"MDZGBJTXZ","pcode":"-","hasSonLevel":"0"},
{"id":"740","text":"云南省边境地区境外边民入出境证","py":"YNSBJDQJWBMRCJZ","pcode":"-","hasSonLevel":"0"},
{"id":"741","text":"中尼边境地区出入境通行证","py":"ZNBJDQCRJTXZ","pcode":"-","hasSonLevel":"0"},
{"id":"742","text":"尼中边境地区出入境通行证","py":"NZBJDQCRJTXZ","pcode":"-","hasSonLevel":"0"},
{"id":"743","text":"中越边境地区出入境通行证","py":"ZYBJDQCRJTXZ","pcode":"-","hasSonLevel":"0"},
{"id":"744","text":"越中边境地区出入境通行证","py":"YZBJDQCRJTXZ","pcode":"-","hasSonLevel":"0"},
{"id":"745","text":"中老边境地区出入境通行证","py":"ZLBJDQCRJTXZ","pcode":"-","hasSonLevel":"0"},
{"id":"746","text":"老中边境地区出入境通行证","py":"LZBJDQCRJTXZ","pcode":"-","hasSonLevel":"0"},
{"id":"747","text":"中印边境地区出入境通行证","py":"ZYBJDQCRJTXZ","pcode":"-","hasSonLevel":"0"},
{"id":"748","text":"印中边境地区出入境通行证","py":"YZBJDQCRJTXZ","pcode":"-","hasSonLevel":"0"},
{"id":"761","text":"深圳市过境耕作证","py":"SZSGJGZZ","pcode":"-","hasSonLevel":"0"},
{"id":"765","text":"贸易证","py":"MYZ","pcode":"-","hasSonLevel":"0"},
{"id":"771","text":"铁路员工证","py":"TLYGZ","pcode":"-","hasSonLevel":"0"},
{"id":"781","text":"机组人员证","py":"JZRYZ","pcode":"-","hasSonLevel":"0"},
{"id":"782","text":"中华人民共和国旅行证","py":"ZHRMGHGLXZ","pcode":"-","hasSonLevel":"0"},
{"id":"783","text":"中华人民共和国出入境通行证","py":"ZHRMGHGCRJTXZ","pcode":"-","hasSonLevel":"0"},
{"id":"784","text":"港澳居民来往内地通行证","py":"GAJMLWNDTXZ","pcode":"-","hasSonLevel":"0"},
{"id":"785","text":"边境通行证","py":"BJTXZ","pcode":"-","hasSonLevel":"0"},
{"id":"800","text":"无证件","py":"WZJ","pcode":"-","hasSonLevel":"0"},
{"id":"801","text":"护照贴纸备注","py":"HZTZBZ","pcode":"-","hasSonLevel":"0"},
{"id":"802","text":"护照转印膜","py":"HZZYM","pcode":"-","hasSonLevel":"0"},
{"id":"803","text":"港澳特区通行证（高官证）","py":"GATQTXZ（GGZ）","pcode":"-","hasSonLevel":"0"},
{"id":"804","text":"港澳特区通行证（普通证）","py":"GATQTXZ（PTZ）","pcode":"-","hasSonLevel":"0"},
{"id":"805","text":"港澳证贴纸签注","py":"GAZTZQZ","pcode":"-","hasSonLevel":"0"},
{"id":"806","text":"大陆证贴纸签注","py":"DLZTZQZ","pcode":"-","hasSonLevel":"0"},
{"id":"807","text":"台湾居民居留贴纸签注","py":"TWJMJLTZQZ","pcode":"-","hasSonLevel":"0"},
{"id":"808","text":"台湾居民来往贴纸签注","py":"TWJMLWTZQZ","pcode":"-","hasSonLevel":"0"},
{"id":"809","text":"特区旅游签证","py":"TQLYQZ","pcode":"-","hasSonLevel":"0"},
{"id":"810","text":"普通签证","py":"PTQZ","pcode":"-","hasSonLevel":"0"},
{"id":"811","text":"团队签证","py":"TDQZ","pcode":"-","hasSonLevel":"0"},
{"id":"812","text":"出海船舶户口证","py":"CHCBHKZ","pcode":"-","hasSonLevel":"0"},
{"id":"813","text":"机组人员证","py":"JZRYZ","pcode":"-","hasSonLevel":"0"},
{"id":"814","text":"铁路员工证","py":"TLYGZ","pcode":"-","hasSonLevel":"0"},
{"id":"815","text":"往来港澳通行证（8页）","py":"WLGATXZ（8Y）","pcode":"-","hasSonLevel":"0"},
{"id":"816","text":"临时出海渔船民证","py":"LSCHYCMZ","pcode":"-","hasSonLevel":"0"},
{"id":"817","text":"归国证明书","py":"GGZMS","pcode":"-","hasSonLevel":"0"},
{"id":"818","text":"台湾同胞旅行证明","py":"TWTBLXZM","pcode":"-","hasSonLevel":"0"},
{"id":"819","text":"外国人通行证","py":"WGRTXZ","pcode":"-","hasSonLevel":"0"},
{"id":"820","text":"外国人回国证","py":"WGRHGZ","pcode":"-","hasSonLevel":"0"},
{"id":"821","text":"领事官证","py":"LSGZ","pcode":"-","hasSonLevel":"0"},
{"id":"822","text":"难民证","py":"NMZ","pcode":"-","hasSonLevel":"0"},
{"id":"823","text":"外国人就业证","py":"WGRJYZ","pcode":"-","hasSonLevel":"0"},
{"id":"824","text":"外国专家证","py":"WGZJZ","pcode":"-","hasSonLevel":"0"},
{"id":"825","text":"外国（地区）常驻代表机构工作证","py":"WG（DQ）CZDBJGGZZ","pcode":"-","hasSonLevel":"0"},
{"id":"990","text":"其他","py":"QT","pcode":"-","hasSonLevel":"0"}
]
\ No newline at end of file
src/assets/jsData/demo.js 0 → 100644
/*
* @Author: your name
* @Date: 2021-10-27 11:43:07
* @LastEditTime: 2021-10-27 11:49:10
* @LastEditors: your name
* @Description: In User Settings Edit
* @FilePath: \西青项目\founder_vue\src\assets\jsData\demo.js
*/
src/components/Upload.vue 0 → 100644
<template>
<div class="p-upload">
<el-upload
:action="action"
:file-list="fileList"
:limit="limit"
:data="data"
:http-request="handleRequest"
:on-exceed="handleExceed"
:before-upload="handleBeforeUpload"
:on-success="handleSuccess"
:before-remove="handleBeforeRemove"
:on-remove="handleRemove"
:on-error="handleError"
:list-type="listType"
ref="p-upload"
>
<template v-if="listType == 'picture-card'" v-slot:file="{ file }">
<img
class="el-upload-list__item-thumbnail"
:src="file.url"
alt=""
style="object-fit: cover"
/>
<span class="el-upload-list__item-actions">
<span class="el-upload-list__item-preview" style="position: relative">
<el-image
class="preview-img"
style="
position: absolute;
left: 0;
top: 0;
width: 20px;
height: 36px;
"
:src="file.url"
:preview-src-list="[file.url]"
></el-image>
<!-- @click="handlePictureCardPreview(file)" -->
<i class="el-icon-zoom-in"> </i>
</span>
<span
class="el-upload-list__item-delete"
@click="handleRemoveCustom(file)"
>
<i class="el-icon-delete"></i>
</span>
</span>
</template>
<slot>
<el-button v-if="listType != 'picture-card'" size="small" type="primary"
>点击上传</el-button
>
<el-button v-else type="text">+</el-button>
</slot>
<!-- upload提供的自定义插槽 -->
<div slot="tip" class="el-upload__tip">
<slot name="tip">
<!-- 只能上传jpg,png,jpeg,gif格式的图片 -->
</slot>
</div>
</el-upload>
</div>
</template>
<script>
import {
get,
postJson,
post,
postform,
postdown,
postJsonEx,
} from "@/utils/http.js";
export default {
name: "p-upload",
props: {
action: {
required: true,
type: String,
},
"list-type": {
required: false,
type: String,
default() {
return "text";
},
},
"file-list": {
required: true,
type: Array,
default() {
return [];
},
},
limit: {
required: false,
type: Number,
default() {
return 10;
},
},
data: {
required: false,
type: Object,
default() {
return {};
},
},
"before-upload": {
required: false,
type: Function,
default() {
return function () {};
},
},
"on-success": {
required: false,
type: Function,
default() {
return function () {};
},
},
"on-error": {
required: false,
type: Function,
default() {
return function () {};
},
},
},
model: {
event: "change-file-list",
prop: "file-list",
},
methods: {
// 在请求错误时触发
handleError(err) {
this.onError(err);
},
async handleRequest(upload) {
let f = new FormData();
f.append("file", upload.file);
for (let key in upload.data) {
f.append(key, upload.data[key]);
}
// let res =await this.$http({
// url:this.action,
// method:'post',
// // data:f,
// // headers:{
// // 'Content-Type':'multipart/form-data'
// // }
// })
post(this.action, "").then((res) => {
console.log(res);
});
debugger;
// debugger
// if(res.data.code == 200){
// return Promise.resolve(res.data)
// }else{
// return Promise.reject(res.data)
// }
},
// 在选择完文件之后，执行上传文件之前触发
handleBeforeUpload(file) {
return this.beforeUpload(file);
},
handleSuccess(res, file, fileList) {
fileList[fileList.length - 1].name = res.data.fileName;
fileList[fileList.length - 1].url = res.data.url;
this.$emit("change-file-list", fileList);
this.onSuccess(res, file, fileList);
},
// 在上传的文件数量超过limit时触发
handleExceed() {
this.$notify({
title: "提示",
message: "文件最多只能上传" + this.limit + "个",
type: "error",
});
},
async handleBeforeRemove(file, fileList) {
console.log(file);
if (file.url) {
// 这里我们先询问用户是否确定要删除
let confirm = await this.$confirm(
"正在删除该文件，点击确认继续",
"提示",
{ type: "warning" }
).catch((err) => err);
if (confirm == "confirm") {
// 确定之后我们调用服务器上的删除接口
// let res =await this.$http({
// url:'/file/delete',
// params:{
// path:file.url
// },
// method:'get'
// })
// //调用完接口就返回，防止服务器上图片丢失导致本地无法删除
post(this.action, "").then((res) => {
console.log(res);
});
return true;
} else {
return Promise.reject();
}
} else {
return true;
}
},
// 在beforeRemove不被中断后执行
handleRemove(file, fileList) {
this.$emit("change-file-list", fileList);
},
async handleRemoveCustom(file) {
console.log(this.$refs["p-upload"]);
this.$refs["p-upload"].handleRemove(file);
// console.log(this.$refs['p-upload'])
// let res = await this.handleBeforeRemove(file,this.$refs['p-upload'].fileList).catch(err => err)
// if(res){
// this.handleRemove(file,this.$refs['p-upload'].fileList)
// }
},
},
};
</script>
<style scoped="scoped" lang="scss">
.p-upload {
.preview-img {
::v-deep {
.el-image__preview {
opacity: 0;
}
}
}
}
</style>
src/components/table.vue
<!--
* @Author: your name
* @Date: 2021-08-27 15:51:38
* @LastEditTime: 2021-09-28 15:58:24
* @LastEditTime: 2021-11-05 14:12:03
* @LastEditors: Please set LastEditors
* @Description: In User Settings Edit
* @FilePath: \founder_vue\src\components\table.vue
......@@ -67,7 +67,7 @@
size="small"
@click="handleClick(scope.row, 'xf')"
:disabled="(scope.row.zzjgdm!=''&&scope.row.thzt!='1')"
>下发</el-button
>匹配</el-button
>
<div
class="clearimg"
......
src/router/index.js
/*
* @Author: your name
* @Date: 2021-08-27 14:30:24
* @LastEditTime: 2021-11-25 15:54:26
* @LastEditors: Please set LastEditors
* @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
* @FilePath: \西青项目\founder_vue\src\router\index.js
*/
import Vue from "vue";
import VueRouter from "vue-router";
import store from "../store";
......@@ -44,30 +52,30 @@ const router = new VueRouter({
routes: mainRouters
});
router.beforeEach((to, from, next) => {
const token = getToken();
if (!token) {
if (to.path === '/Login/login2') {
console.log('A');
next();
}else{
next({
path:'/Login/login2'
})
}
// } else {
// console.log('B');
// next({
// path: "/login",
// query: { redirect: to.fullPath }
// });
// }
}
if (to.meta.auth < store.state.user.userAuth) {
Message.error("暂无权限");
return;
}
next();
});
// router.beforeEach((to, from, next) => {
// const token = getToken();
// if (!token) {
// if (to.path === '/Login/login2') {
// console.log('A');
// next();
// }else{
// next({
// path:'/Login/login2'
// })
// }
// // } else {
// // console.log('B');
// // next({
// // path: "/login",
// // query: { redirect: to.fullPath }
// // });
// // }
// }
// if (to.meta.auth < store.state.user.userAuth) {
// Message.error("暂无权限");
// return;
// }
// next();
// });
export default router;
\ No newline at end of file
src/router/modules/index.js
/*
* @Author: your name
* @Date: 2021-08-27 14:14:36
* @LastEditTime: 2021-10-20 14:40:51
* @LastEditTime: 2021-11-25 20:08:18
* @LastEditors: Please set LastEditors
* @Description: In User Settings Edit
* @FilePath: \founder_vue\src\router\modules\index.js
*/
export default [
{
export default [{
path: '/',
redirect: '/Login/login2'
},
{
path: "/Login/login2",
path: '/Login/login2/:user?/:password?',//'/Home/rwgl/rwglindex',
name: "Login",
meta: {
title: "登录",
......@@ -29,8 +28,7 @@ export default [
auth: "5"
},
component: () => import("@/views/Home.vue"),
children: [
{
children: [{
path: "rwgl",
name: "rwgl",
redirect: '/Home/rwgl/rwglindex',
......@@ -39,17 +37,18 @@ export default [
meta: {
title: "摸排任务",
auth: "5",
keepAlive: true,
},
component: () => import("@/views/rwgl/rwgl.vue"),
children: [
{
children: [{
path: "rwglindex",
name: "rwglindex",
hidden: false,
meta: {
title: "任务管理",
auth: "5"
auth: "5",
keepAlive: false,
},
component: () => import("@/views/rwgl/rwglindex.vue"),
},
......@@ -58,9 +57,9 @@ export default [
name: "rwbd",
hidden: false,
meta: {
title: "智能下派",
title: "智能匹配",
auth: "5",
},
component: () => import("@/views/rwgl/rwbd.vue"),
},
......@@ -69,7 +68,7 @@ export default [
name: "sdxfrw",
hidden: false,
meta: {
title: "手动下派",
title: "人工匹配",
auth: "5"
},
component: () => import("@/views/rwgl/sdxfrw.vue"),
......@@ -81,7 +80,7 @@ export default [
meta: {
title: "人员摸排",
auth: "5",
},
component: () => import("@/views/rwgl/rymplb.vue"),
},
......@@ -92,7 +91,7 @@ export default [
// meta: {
// title: "人员摸排列表",
// auth: "5",
// },
// component: () => import("@/views/rwgl/rymplb.vue"),
// },
......@@ -116,7 +115,7 @@ export default [
},
component: () => import("@/views/rwgl/rythfk.vue"),
},
{
path: "mptj",
name: "mptj",
......@@ -160,8 +159,7 @@ export default [
auth: "5"
},
component: () => import("@/views/tjbb.vue"),
children: [
{
children: [{
path: 'tb',
name: 'tb',
hidden: true,
......@@ -221,9 +219,23 @@ export default [
icon: './img/rhzf0.png',
meta: {
title: "入户走访",
auth: "5"
auth: "5",
keepAlive: true,
},
component: () => import("@/views/rhzf.vue"),
},
{
path: 'rybq',
name: 'rybq',
hidden: true,
meta: {
title: "人员标签",
auth: "5",
},
component: () => import("@/views/rybq.vue"),
},
{
path: 'jxkh',
......@@ -235,6 +247,17 @@ export default [
auth: "5"
},
component: () => import("@/views/jxkh.vue"),
},
{
path: 'ryda',
name: 'ryda',
hidden: true,
icon: './img/jxkh.png',
meta: {
title: "人员档案",
auth: "5"
},
component: () => import("@/views/ryda.vue"),
}
]
},
......
src/utils/http.js
......@@ -25,7 +25,8 @@ axios.defaults.responseType = "json";
var instance = axios.create({
headers: {
"content-type": "multipart/form-data"
}
},
// timeout: 1000,
});
var down = axios.create({
......@@ -35,6 +36,10 @@ var down = axios.create({
});
down.defaults.responseType = "Blob";
var Time = axios.create({
timeout: 1000,
});
// request 请求拦截器
axios.interceptors.request.use(
config => {
......@@ -57,6 +62,7 @@ axios.interceptors.request.use(
// response 响应拦截器
axios.interceptors.response.use(
response => {
console.log('响应拦截器查看',response);
const status = response.data.code;
console.log('=====', status);
const message = response.data.message;
......
src/views/Home.vue
<!--
* @Author: your name
* @Date: 2021-08-27 14:14:36
* @LastEditTime: 2021-10-20 14:40:28
* @LastEditTime: 2021-11-18 17:23:20
* @LastEditors: Please set LastEditors
* @Description: In User Settings Edit
* @FilePath: \founder_vue\src\views\Home.vue
......@@ -32,7 +32,7 @@
<div v-for="(menu, i) in routes" :key="i">
<el-submenu
:index="menu.name"
v-if="menu.children && menu.meta.title != '摸排统计'"
v-if="menu.children && menu.meta.title != '摸排统计' && !menu.hidden"
>
<template slot="title">
<img :src="menu.icon" alt="" />
......@@ -80,7 +80,7 @@
<el-dropdown trigger="click" @command="handleClick">
<div>
<div class="avator">
<img src="../assets/img/defaultCar.jpg" alt="" />
<img src="../assets/img/perimg.jpg" alt="" />
</div>
<div class="name">{{ userName }}</div>
</div>
......@@ -103,7 +103,10 @@
$route.path != '/Home/tjbb/tb' &&
$route.path != '/Home/tjbb/bb' &&
$route.path != '/Home/tjbb/bb2' &&
$route.path != '/Home/tjbb/dt'
$route.path != '/Home/tjbb/dt' &&
$route.path != '/Home/rhzf' &&
$route.path != '/Home/rybq' &&
$route.path != '/Home/ryda'
"
>
<div
......@@ -125,7 +128,7 @@
</div>
</div>
<!-- 路由加载 -->
<keep-alive :include="routes">
<keep-alive include="rhzf">
<router-view v-if="$route.meta.keepAlive"></router-view>
</keep-alive>
<router-view v-if="!$route.meta.keepAlive"></router-view>
......@@ -160,18 +163,37 @@ export default {
) {
this.$set(this.routes[0].children[1], "hidden", true);
// this.$set(this.routes[0].children[7], "hidden", false);
}else {
this.$set(this.routes[0].children[1], "hidden", false);
} else {
this.$set(this.routes[0].children[1], "hidden", false);
// this.$set(this.routes[0].children[7], "hidden", true);
}
if (
JSON.parse(sessionStorage.getItem("userInformation")).data.zzjglx != 13
) {
this.$set(this.routes[2], "hidden", true);
}else{
} else {
this.$set(this.routes[2], "hidden", false);
}
if (
JSON.parse(sessionStorage.getItem("userInformation")).data.zzjglx == 14
) {
this.$set(this.routes[0], "hidden", true);
// this.routes[0].children.map(item=>{
// this.$set(item, "hidden", true);
// })
this.$set(this.routes[1], "hidden", true);
// this.$set(this.routes[4], "hidden", true);
this.$set(this.routes[5], "hidden", true);
} else {
this.$set(this.routes[0], "hidden", false);
// this.routes[0].children.map(item=>{
// this.$set(item, "hidden", true);
// })
this.$set(this.routes[1], "hidden", false);
// this.$set(this.routes[4], "hidden", false);
this.$set(this.routes[5], "hidden", false);
}
},
mounted() {
this.setzzjglx();
......
src/views/Login/login2.vue
<!--
* @Author: your name
* @Date: 2021-09-08 10:36:43
* @LastEditTime: 2021-09-24 14:17:49
* @LastEditTime: 2021-11-25 15:45:16
* @LastEditors: Please set LastEditors
* @Description: In User Settings Edit
* @FilePath: \founder_vue\src\views\Login\login2.vue
......@@ -15,7 +15,8 @@
* @FilePath: \map_vue\src\components\login\login3.vue
-->
<template>
<div class="all" id="loginBox">
<!-- <div>登录.....</div> -->
<div class="all" id="loginBox" v-if="isIndexShow">
<div class="loginBox_l">
<div class="ikon">
<img :src="ikon" alt="" />
......@@ -49,12 +50,13 @@
>
</el-input>
<div class="btn">
<el-button @click="denglu" class="hbtn">登录</el-button>
<el-button @click="dengluIndex" class="hbtn">登录</el-button>
</div>
</form>
</div>
</div>
</div>
<div v-else></div>
</template>
<script>
import Vue from "vue";
......@@ -64,6 +66,7 @@ import { getToken, removeToken, setToken } from "@/utils/auth";
export default {
data() {
return {
isIndexShow : true,
ikon: require("../../assets/login/ikon.png"),
userimg: require("../../assets/login/user.png"),
username: require("../../assets/login/username.png"),
......@@ -89,14 +92,18 @@ export default {
// x.style.border = ' border: 2px solid #222;';
},
denglu() {
dengluIndex() {
this.denglu(this.username, this.password);
},
denglu(user, pass) {
this.self = this;
console.log("0");
var self = this;
self.info = "";
self.$set(self.dlList, "account", self.username);
self.$set(self.dlList, "password", self.password);
self.$set(self.dlList, "account", user);
self.$set(self.dlList, "password", pass);
// self.$set(self.dlList, "account", 'test');
// self.$set(self.dlList, "password", '123456');
self.$set(self.dlList, "grantType", "password");
self.$set(self.dlList, "tenantId", "000000");
self.$set(self.dlList, "refreshToken", "");
......@@ -137,7 +144,13 @@ export default {
// console.log(getToken());
// myJson = myJson.data[0];
// myJson.username = this.username;
this.$router.replace({ path: "/Home/rwgl/rwglindex" });
console.log(myJson.data.zzjglx);
if (myJson.data.zzjglx == "14") {
console.log("4566666666");
this.$router.replace({ path: "/Home/rhzf" });
} else {
this.$router.replace({ path: "/Home/rwgl/rwglindex" });
}
// const { href } = self.$router.resolve({
// path: "/Home/rwgl/rwglindex",
// })
......@@ -155,6 +168,37 @@ export default {
window.addEventListener("resize", function () {
zoom("loginBox");
});
// this.denglu()
// debugger
console.log('66666');
if (this.$route.params.user && this.$route.params.password) {
// debugger
console.log(this.$route.params.user ,this.$route.params.password);
this.isIndexShow = false;
this.denglu(this.$route.params.user, this.$route.params.password);
} else {
// debugger
console.log("没获取到 uer password");
this.isIndexShow = true;
this.$router.push("/Login/login2");
// debugger
// this.denglu('test',123456)
// // http://172.20.0.240:8084/#/Login/login2/test2/123456
}
},
watch: {
$route: function (to, from) {
debugger
if (this.$route.params.user && this.$route.params.password) {
this.isIndexShow = false;
this.denglu(this.$route.params.user, this.$route.params.password);
} else {
debugger
console.log("没获取到 uer password");
this.isIndexShow = true;
this.$router.push("/Login/login2");
}
},
},
};
</script>
......
src/views/jxkh.vue
<!--
* @Author: your name
* @Date: 2021-08-28 19:38:56
* @LastEditTime: 2021-10-20 16:51:35
* @LastEditTime: 2021-11-05 10:04:58
* @LastEditors: Please set LastEditors
* @Description: In User Settings Edit
* @FilePath: \founder_vue\src\views\jxkh.vue
-->
<template>
<div>
<div style="margin-top: 10px">考核评价</div>
<div class="titel">xxx月考核评价</div>
<!-- <div style="margin-top: 10px">考核评价</div> -->
<div class="titel">{{ curMon }}月考核评价</div>
<div class="timeBtn">
<div class="timeDay">
<span class="sjfw">时间范围</span>
<el-date-picker
v-model="TimeDay"
type="month"
placeholder="选择月"
value-format="yyyy-MM"
>
</el-date-picker>
<!-- <el-date-picker
v-model="TimeDay"
type="datetimerange"
:picker-options="pickerOptions"
range-separator="至"
......@@ -23,45 +30,66 @@
align="right"
value-format="yyyy-MM-dd HH:mm:ss"
>
</el-date-picker>
</el-date-picker> -->
<el-button type="primary" @click="handleSearch">搜索</el-button>
</div>
<el-button plain @click="Back">返回</el-button>
<el-button plain @click="BackValue" v-if="backList.length != 1"
>返回</el-button
>
</div>
<div class="btn">
<el-button plain>导出当前列表</el-button>
<el-button plain>导出所有网格</el-button>
<el-button plain @click="exportExcel('考核评价')">导出当前列表</el-button>
<el-button plain @click="exporAllExcel">导出所有网格</el-button>
</div>
<div class="table">
<el-table
:data="tableData"
border
style="width: 100%"
max-height="450"
max-height="650"
@cell-click="clickrow"
@cell-mouse-enter="clickHover"
:cell-class-name="addClass"
:cell-class-name="addClass"
ref="report-table"
v-loading="tableLoading"
element-loading-text="拼命加载中"
:header-cell-style="{ 'text-align': 'center' }"
:cell-style="{ 'text-align': 'center' }"
>
<el-table-column type="index" width="50" label="序号" :index="indexMethod">
<el-table-column type="index" width="50" label="序号">
</el-table-column>
<el-table-column prop="date" label="组织机构" width="auto">
<el-table-column prop="codeName" label="组织机构" width="250x">
</el-table-column>
<el-table-column prop="name" label="用户登录次数" width="auto">
<el-table-column prop="dlcount" label="用户登录次数" width="auto">
</el-table-column>
<el-table-column prop="address" label="入户人次" width="auto">
<!-- <el-table-column prop="rhcount" label="入户人次" width="auto">
</el-table-column> -->
<el-table-column label="入户走访" width="auto" align="center">
<el-table-column prop="xrhscount" label="应入户数" width="auto">
</el-table-column>
<el-table-column prop="srhscount" label="实入户数" width="auto">
</el-table-column>
<el-table-column prop="rhfgl" label="入户覆盖率" width="auto">
</el-table-column>
<el-table-column prop="yzfrwscount" label="应走访任务数" width="auto">
</el-table-column>
<el-table-column prop="szfrwscount" label="实走访任务数" width="auto">
</el-table-column>
<el-table-column prop="rwwcl" label="任务完成率" width="auto">
</el-table-column>
</el-table-column>
<el-table-column label="实有人口" width="auto" align="center">
<el-table-column prop="province" label="新增" width="auto">
<el-table-column label="信息采集" width="auto" align="center">
<el-table-column prop="xzcount" label="新增" width="auto">
</el-table-column>
<el-table-column prop="lity" label="更新" width="auto">
<el-table-column prop="xgcount" label="更新" width="auto">
</el-table-column>
<el-table-column prop="address" label="注销 " width="auto">
<el-table-column prop="sccount" label="注销" width="auto">
</el-table-column>
</el-table-column>
</el-table>
</div>
<!--分页-->
<div class="pagin">
<!-- <div class="pagin">
<span class="record"
>共{{ tableDataLength }} 条记录 第{{ atPage }}/{{ Tpage }}页</span
>
......@@ -76,14 +104,40 @@
:total="tableDataLength"
>
</el-pagination>
</div>
</div> -->
</div>
</template>
<script>
import { get, postJson, post } from "@/utils/http.js";
import { mapMutations, mapState } from "vuex";
import FileSaver from "file-saver";
import XLSX from "xlsx";
import qs from "qs";
export default {
data() {
return {
curMon: "",
curTime: "", //当前时间
tableLoading: false, //页面table加载loding
month: 10,
clickNum: 0,
content: 0,
listAllExe: {
kssj: "",
// jssj: "",
},
back: [],
backList: [],
bh: JSON.parse(sessionStorage.getItem("userInformation")).data.zzjgdm,
lx: JSON.parse(sessionStorage.getItem("userInformation")).data.zzjglx,
khpjlist: {
jglx: JSON.parse(sessionStorage.getItem("userInformation")).data.zzjglx,
kssj: "1",
// jssj: "1",
zzjgdm: JSON.parse(sessionStorage.getItem("userInformation")).data
.zzjgdm,
},
tableDataLength: 100, //表格条数
atPage: 1, //当前页数
curpage: 10, //当前选择要显示的条数
......@@ -126,200 +180,75 @@ export default {
},
],
},
tableData: [
{
date: "西青区",
name: "60",
address: "60",
province: "100",
city: "100",
address: "200",
},
{
date: "西青区",
name: "60",
address: "60",
province: "100",
city: "100",
address: "200",
},
{
date: "西青区",
name: "60",
address: "60",
province: "100",
city: "100",
address: "200",
},
{
date: "西青区",
name: "60",
address: "60",
province: "100",
city: "100",
address: "200",
},
{
date: "西青区",
name: "60",
address: "60",
province: "100",
city: "100",
address: "200",
},
{
date: "西青区",
name: "60",
address: "60",
province: "100",
city: "100",
address: "200",
},
{
date: "西青区",
name: "60",
address: "60",
province: "100",
city: "100",
address: "200",
},
{
date: "西青区",
name: "60",
address: "60",
province: "100",
city: "100",
address: "200",
},
{
date: "西青区",
name: "60",
address: "60",
province: "100",
city: "100",
address: "200",
},
{
date: "西青区",
name: "60",
address: "60",
province: "100",
city: "100",
address: "200",
},
{
date: "西青区",
name: "60",
address: "60",
province: "100",
city: "100",
address: "200",
},
{
date: "西青区",
name: "60",
address: "60",
province: "100",
city: "100",
address: "200",
},
{
date: "西青区",
name: "60",
address: "60",
province: "100",
city: "100",
address: "200",
},
],
qyh: [
{
date: "西青区",
name: "60",
address: "60",
province: "100",
city: "100",
address: "200",
},
{
date: "西青区",
name: "60",
address: "60",
province: "100",
city: "100",
address: "200",
},
],
jz: [
{
date: "西青区",
name: "60",
address: "60",
province: "100",
city: "100",
address: "200",
},
{
date: "街镇",
name: "60",
address: "60",
province: "100",
city: "100",
address: "200",
},
{
date: "街镇",
name: "60",
address: "60",
province: "100",
city: "100",
address: "200",
},
],
sq: [
{
date: "街镇",
name: "60",
address: "60",
province: "100",
city: "100",
address: "200",
},
{
date: "社区",
name: "60",
address: "60",
province: "100",
city: "100",
address: "200",
},
{
date: "社区",
name: "60",
address: "60",
province: "100",
city: "100",
address: "200",
},
],
tableData: [],
};
},
methods: {
// indexMethod(index){
// console.log(index);
// if(index == 0){
// return index= '合计'
// }else{
// return index
// }
// },
Back() {
console.log();
if (this.tableData[0].date == "社区") {
this.tableData = this.jz;
} else if (this.tableData[0].date == "街镇") {
this.tableData = this.qyh;
...mapMutations(["setzzjglx"]), //调用vueX的方法修改值
addClass({ row, column, rowIndex, columnIndex }) {
// console.log(column);
if (column.label == "组织机构") {
// debugger
return "blueBg ";
} else {
// if (
// column.label == "组织机构" ||
// column.label == "用户登录次数" ||
// column.label == "入户人次" ||
// column.label == "新增" ||
// column.label == "更新" ||
// column.label == "注销" ||
// column.label == "序号"
// ) {
return "";
}
},
indexMethod(index) {
// if (index == 0) {
// return (index = "合计");
// } else {
// return index;
// }
},
BackValue() {
let self = this;
console.log(this.backList.length);
let arr = this.backList.pop();
console.log("弹出后神的数据", this.backList[length - 1]);
console.log(this.backList[this.backList.length - 1]);
console.log("弹出后的数据", arr);
if (
this.backList[this.backList.length - 1].jglx ||
this.backList[this.backList.length - 1].zzjgdm ||
this.backList[this.backList.length - 1].kssj
) {
self.$set(
self.khpjlist,
"jglx",
this.backList[this.backList.length - 1].jglx
);
self.$set(
self.khpjlist,
"zzjgdm",
this.backList[this.backList.length - 1].zzjgdm
);
self.$set(
self.khpjlist,
"kssj",
this.backList[this.backList.length - 1].kssj
);
// self.$set(
// self.khpjlist,
// "jssj",
// this.backList[this.backList.length - 1].jssj
// );
} else {
self.$set(self.khpjlist, "jglx", "");
self.$set(self.khpjlist, "zzjgdm", "");
self.$set(self.khpjlist, "kssj", "");
// self.$set(self.khpjlist, "jssj", "");
}
this.getList(self.khpjlist);
},
/**
* @description: 点击某一行
......@@ -330,14 +259,70 @@ export default {
* @return {*}
*/
clickrow(row, column, cell, event) {
if (column.label == "组织机构") {
if (row.date == "西青区") {
this.tableData = this.jz;
} else if (row.date == "街镇") {
this.tableData = this.sq;
let self = this;
if (row.code == "合计") {
} else {
if (column.label == "组织机构") {
cell.classList.add("tdHover");
self.$set(self.khpjlist, "jglx", row.codelx);
self.$set(self.khpjlist, "zzjgdm", row.code);
// if(this.zzjglx ==self.khpjlist.jglx){
// console.log('//////////////');
//
debugger;
if (this.TimeDay) {
console.log("有时间了");
this.backList[0] = {
kssj: this.TimeDay,
jglx: this.lx,
zzjgdm: this.bh,
};
} else {
this.backList[0] = {
kssj: this.curTime,
jglx: this.lx,
zzjgdm: this.bh,
};
}
this.backList.push({
kssj: this.khpjlist.kssj,
jglx: this.khpjlist.jglx,
zzjgdm: this.khpjlist.zzjgdm,
});
this.deweight();
console.log("处理的数据 ", this.backList);
console.log(self.clickNum);
this.getList(self.khpjlist);
}
}
},
deweight() {
let self = this;
let newArr = [];
self.clickNum = self.content++;
this.backList.forEach(function (a) {
let istrue = newArr.every(function (b) {
console.log(a, b);
return a.zzjgdm != b.zzjgdm;
});
// debugger
// console.log(istrue);
// istrue ? newArr.push(a) : '66666';
if (istrue) {
newArr.push(a);
} else {
// // console.log(newArr.length);
// newArr.splice(newArr.length-1,1)
// console.log(newArr);
}
});
this.backList = newArr;
console.log("记录点击次数", this.clickNum);
console.log("处理的新数据", newArr);
console.log("赋值的新数据", this.backList);
},
/**
* @description: 某一列鼠标移入的事件
* @param {*} row 一行的信息
......@@ -350,6 +335,10 @@ export default {
if (column.label == "组织机构") {
cell.classList.add("tdHover");
}
// if (row.code == "合计") {
// cell.classList.remove("tdHover");
// } else {
// }
},
// console.log(column);
/**
......@@ -358,8 +347,31 @@ export default {
* @return {*}
*/
handleSearch() {
console.log("开始时间", this.TimeDay[0]);
console.log("结束时间", this.TimeDay[1]);
console.log(this.TimeDay);
if (this.TimeDay) {
this.curMon = this.TimeDay.slice(5, 7);
} else {
var date = new Date();
var month = date.getMonth() + 1;
this.curMon = month;
}
// console.log(curNon);
let Mon = this.TimeDay + "-1";
console.log(Mon);
let self = this;
if (this.TimeDay) {
this.$set(this.khpjlist, "kssj", Mon);
// this.$set(this.khpjlist, "jssj", this.TimeDay[1]);
} else {
let data = this.data();
this.$set(this.khpjlist, "kssj", data);
// this.$set(this.khpjlist, "jssj", "");
}
this.getList(this.khpjlist);
// console.log("开始时间", this.TimeDay[0]);
// console.log("结束时间", this.TimeDay[1]);
},
handleSizeChange(val) {
this.curpage = val;
......@@ -373,24 +385,201 @@ export default {
// this.handSizePageSearch();
console.log(`当前页: ${val}`);
},
/**
* @description: 获取数据
* @param {*} list value
* @return {*}
*/
getList(list) {
let self = this;
self.tableLoading = true;
post("/xqapi/rymptj/selectKhpjTj", list).then((res) => {
console.log(res);
if (res.code == 200) {
if (res.data.rows) {
self.tableData = res.data.rows;
} else {
self.tableData = [];
}
self.tableLoading = false;
}
});
},
/**
* @description: 导出所有表格
* @param {*}
* @return {*}
*/
exporAllExcel() {
let self = this;
console.log(self.khpjlist);
if (self.khpjlist.kssj && self.khpjlist.jssj) {
self.$set(self.listAllExe, "kssj", self.khpjlist.kssj);
// self.$set(self.listAllExe, "jssj", self.khpjlist.jssj);
} else {
self.$set(self.listAllExe, "kssj", "");
self.$set(self.listAllExe, "jssj", "");
}
self
.$axios({
method: "post",
url: "/xqapi/rymptj/exportKhpjTj",
data: self.listAllExe, //导出的数据
data: qs.stringify({
kssj: self.khpjlist.kssj,
jssj: self.khpjlist.jssj,
}),
responseType: "blob",
headers: {
"blade-auth":
"bearer " + `${window.sessionStorage.getItem("token")}`,
"Content-Type": "application/x-www-form-urlencoded",
},
})
.then((res) => {
// debugger;
const link = document.createElement("a");
let blob = new Blob([res.data], { type: "multipary/form-data" });
console.log(blob);
link.style.display = "none";
link.href = URL.createObjectURL(blob);
link.setAttribute(
"download",
decodeURI(Date.now() + "导出模板.xlsx")
);
document.body.appendChild(link);
link.click();
document.body.removeChild(link);
});
},
data() {
var date = new Date();
var seperator1 = "-";
var year = date.getFullYear();
var month = date.getMonth() + 1;
self.curMon = month;
var strDate = date.getDate();
if (month >= 1 && month <= 9) {
month = "0" + month;
}
if (strDate >= 0 && strDate <= 9) {
strDate = "0" + strDate;
}
var currentdate = year + seperator1 + month + seperator1 + strDate;
return currentdate;
},
/**
* @description: 导出当前 excel表格
* @param {*}
* @return {*}
*/
exportExcel(excelName) {
//excelName --设置导出的excel名称
//report-table --对应的要导出的el-table的ref名称
try {
const $e = this.$refs["report-table"].$el;
// 如果表格加了fixed属性，则导出的文件会生产两份一样的数据，所以可在这里判断一下
let $table = $e.querySelector(".el-table__fixed");
if (!$table) {
$table = $e;
}
// 为了返回单元格原始字符串，设置{ raw: true }
const wb = XLSX.utils.table_to_book($table, { raw: true });
const wbout = XLSX.write(wb, {
bookType: "xlsx",
bookSST: true,
type: "array",
});
FileSaver.saveAs(
new Blob([wbout], { type: "application/octet-stream" }),
`${excelName}.xlsx`
);
} catch (e) {
if (typeof console !== "undefined") console.error(e);
}
},
},
update() {},
mounted() {
let self = this;
this.setzzjglx();
var date = new Date();
var seperator1 = "-";
var year = date.getFullYear();
var month = date.getMonth() + 1;
self.curMon = month;
var strDate = date.getDate();
if (month >= 1 && month <= 9) {
month = "0" + month;
}
if (strDate >= 0 && strDate <= 9) {
strDate = "0" + strDate;
}
var currentdate = year + seperator1 + month + seperator1 + strDate;
self.curTime = currentdate;
this.$set(this.khpjlist, "kssj", currentdate);
console.log(this.khpjlist);
this.getList(this.khpjlist);
if (this.TimeDay) {
console.log("有时间了");
this.backList[0] = {
kssj: this.TimeDay,
jglx: this.lx,
zzjgdm: this.bh,
};
} else {
this.backList[0] = {
kssj: this.curTime,
jglx: this.lx,
zzjgdm: this.bh,
};
}
// if (this.khpjlist.kssj && this.khpjlist.jssj) {
// console.log("有时间了");
// this.backList[0] = {
// kssj: this.khpjlist.kssj,
// jssj: this.khpjlist.jssj,
// jglx: "",
// zzjgdm: "",
// };
// } else {
// // debugger;
// this.backList[0] = {
// kssj: "",
// jssj: "",
// jglx: "",
// zzjgdm: "",
// };
// }
},
mounted() {},
computed: {
// ...mapState(["zzjglx"]),
...mapState(["zzjglx"]),
Tpage() {
return Math.ceil(this.tableDataLength / this.curpage);
},
MonthDay() {
// var date = new Date();
// return date.getMonth() + 1;
return this.TimeDay;
},
},
};
</script>
<style >
.blueBg {
color: blue;
font-weight: bolder;
font-size: 17px;
}
</style>
<style lang="scss" scoped>
.titel {
text-align: center;
font-size: 23px;
font-weight: 600;
margin-top: 15px;
}
.timeBtn /deep/ {
.timeBtn {
display: flex;
justify-content: space-between;
margin-top: 20px;
......@@ -419,6 +608,8 @@ export default {
.table /deep/ {
width: 98%;
margin: 25px auto;
height: calc(100vh - 350px);
// border: 1px solid #666;
// margin-top: 25px;
.el-table__row {
.tdHover {
......
src/views/rhzf.vue
<!--
* @Author: your name
* @Date: 2021-10-20 14:09:22
* @LastEditTime: 2021-10-20 19:48:27
* @LastEditTime: 2021-11-30 11:33:01
* @LastEditors: Please set LastEditors
* @Description: In User Settings Edit
* @FilePath: \西青项目\founder_vue\src\views\rhzf.vue
-->
<template>
<div>
<div id="map" class="map"></div>
<div class="rhzf">
<div class="left">
<div class="title">
<div class="perlLeft">
<div class="xrhs" style="width: 30%">
<span class="per">应入户数:</span>
<span class="per">{{ yrhs }}</span>
</div>
<div class="yrhs" style="width: 30%">
<span class="per cgre">实入户数:</span>
<span class="per cgre">{{ srhcount }}</span>
</div>
<div class="prgress">
<span style="width: 90px">入户覆盖率:</span>
<div style="width: 88%; margin-left: 6px">
<el-progress :percentage="rhfgl"></el-progress>
</div>
</div>
</div>
<!-- <div class="wrhs">
<span class="per cred">未入户数:</span>
<span class="per cred">{{ wrhs }}</span>
</div> -->
<!-- <div class="rhfgl">
<span class="per cred">入户覆盖率:</span>
<span class="per cred">{{ rhfgl }}</span>
</div> -->
<div class="perRight">
<div style="width: 30%">
<span class="per">应走访任务数:</span>
<span class="per">{{ yzfrws }}</span>
</div>
<div class="szfrws" style="width: 30%">
<span class="per cgre">实走访任务数:</span>
<span class="per cgre">{{ szfrws }}</span>
</div>
<div class="prgress">
<span style="width: 90px">任务完成率:</span>
<div style="width: 88%; margin-left: 6px">
<el-progress :percentage="bfb"></el-progress>
</div>
</div>
</div>
</div>
<div class="form">
<el-form
label-position="right"
:inline="true"
:model="formInline"
class="demo-form-inline"
size="mini"
label-width="72px"
ref="searchForm"
>
<el-form-item label="姓 名:" class="col" prop="xm">
<el-input v-model="formInline.xm" placeholder="姓名"></el-input>
</el-form-item>
<el-form-item label="证件号码:" class="col" prop="zjhm">
<el-input
v-model="formInline.zjhm"
placeholder="证件号码"
></el-input>
</el-form-item>
<el-form-item label="房屋住址:" class="col" prop="fwdz">
<el-input
v-model="formInline.fwdz"
placeholder="房屋住址"
></el-input>
</el-form-item>
<el-form-item label="完成状态:" class="col" prop="rhzt">
<el-select v-model="formInline.rhzt" placeholder="入户状态">
<el-option label="已完成" value="1"></el-option>
<el-option label="未完成" value="0"></el-option>
<!-- <el-option label="全部" value=""></el-option> -->
</el-select>
</el-form-item>
<el-form-item label="人员标签:" class="col" prop="rybq">
<!-- <el-select
v-model="mineStatus"
placeholder="请选择"
multiple
collapse-tags
@change="selectChange"
>
<el-option :value="mineStatusValue" style="height: auto">
<el-tree
:data="data"
show-checkbox
node-key="id"
ref="treenode"
highlight-current
:props="defaultProps"
@check-change="handleCheckChange"
></el-tree>
</el-option>
</el-select> -->
<el-popover
placement="bottom"
width="400"
trigger="click"
popper-class="popper"
>
<el-tree
show-checkbox
:props="props2"
ref="treenode"
lazy
:load="loadNodeRybq"
node-key="bqCode "
:expand-on-click-node="true"
:default-checked-keys="defaultChecked"
:check-on-click-node="true"
:auto-expand-parent="true"
@check-change="handleCheckChange"
@check="handleCheck"
>
<span
class="tree-node"
slot-scope="{ data }"
:title="data.name"
>
<span>{{ data.name }}</span>
</span>
</el-tree>
<span slot="reference" class="tree">
<template v-if="rybqList.length > 0">
<span v-for="item in rybqList" class="treeselect">
{{ item.disabled ? "" : item.name }}
</span>
</template>
<template v-else>
<span>--请选择--</span>
</template>
</span>
<!-- <span slot="reference" class="tree">{{
treeName ? treeName : "--请选择--"
}}</span> -->
</el-popover>
<!-- <el-select v-model="formInline.rybq" placeholder="人员标签">
<el-option label="红" value="红"></el-option>
<el-option label="橙" value="橙"></el-option>
<el-option label="黄" value="黄"></el-option>
<el-option label="绿" value="绿"></el-option>
<el-option label="蓝" value="蓝"></el-option>
</el-select> -->
</el-form-item>
<!-- <el-form-item label="人员标签:" class="col" prop="rybq">
<el-input
v-model="formInline.rybq"
placeholder="人员标签"
></el-input>
</el-form-item> -->
<!-- 懒加载 -->
<el-form-item label="组织机构:" class="col" prop="zzjg">
<el-popover
placement="bottom"
width="400"
trigger="click"
popper-class="popper"
>
<el-tree
:props="props"
ref="tree"
lazy
:load="loadNode"
node-key="id"
:expand-on-click-node="false"
@node-click="nodeClick"
>
<span
class="tree-node"
slot-scope="{ data }"
:title="data.name"
>
<span>{{ data.name }}</span>
</span>
</el-tree>
<span slot="reference" class="tree">{{
treeName ? treeName : "--请选择--"
}}</span>
</el-popover>
<!-- <span @click="handleTerr" class="tree">{{
treeName ? treeName : "--请选择--"
}}</span> -->
<!-- <el-tree
:props="props"
ref="tree"
lazy
:load="loadNode"
node-key="id"
:expand-on-click-node="false"
@node-click="nodeClick"
>
<span
class="tree-node"
slot-scope="{ data }"
:title="data.name"
>
<span>{{ data.name }}</span>
</span>
</el-tree> -->
<!-- <el-input
v-model="formInline.zzjg"
placeholder="组织机构"
></el-input> -->
</el-form-item>
<div class="btn">
<el-button
type="primary"
icon="el-icon-search"
size="small"
@click="handleSearch"
>查询</el-button
>
<el-button
type="primary"
icon="el-icon-refresh"
size="small"
@click="resetForm('searchForm')"
>重置</el-button
>
</div>
</el-form>
</div>
<div class="table">
<el-scrollbar style="height: 100%">
<el-table
:data="tableData"
border
style="width: 100%"
:header-cell-style="{
background: '#c4ddf6',
fontWeight: 'bolder',
fontSize: '16px',
color: '#000',
'text-align': 'center',
}"
v-loading="tableLoading"
element-loading-text="拼命加载中"
@cell-click="clickrow"
@cell-mouse-enter="clickHover"
:cell-style="{ 'text-align': 'center' }"
:cell-class-name="addClass"
>
<el-table-column type="index" width="auto" label="序号">
</el-table-column>
<el-table-column prop="rhbs" label="入户状态" width="auto">
</el-table-column>
<el-table-column prop="rhrc" label="实走访人数" width="auto">
</el-table-column>
<el-table-column prop="yrhrc" label="应走访人数" width="auto">
</el-table-column>
<el-table-column prop="zxrhsj" label="最新入户时间" width="200">
</el-table-column>
<el-table-column prop="dzxq" label="房屋住址" width="350">
<template slot-scope="scope">
{{ scope.row.dzxq | replaceCity }}
</template>
</el-table-column>
<el-table-column label="操作" width="auto">
<template slot-scope="scope">
<el-button
@click="handleClick(scope.row)"
type="text"
size="small"
style="font-weight: bolder; font-size: 15px"
>入户</el-button
>
<!-- <el-button
@click="handleClickMap(scope.row)"
type="text"
size="small"
>坐标</el-button
> -->
</template>
</el-table-column>
</el-table>
</el-scrollbar>
</div>
<el-dialog
title="提示"
:visible.sync="dialogVisible"
width="30%"
:before-close="handleClose"
>
<el-tree
:props="props"
ref="tree"
lazy
:load="loadNode"
node-key="id"
:expand-on-click-node="false"
@node-click="nodeClick"
:before-close="handleClose"
>
<span class="tree-node" slot-scope="{ data }" :title="data.name">
<span>{{ data.name }}</span>
</span>
</el-tree>
<span slot="footer" class="dialog-footer">
<el-button @click="handleCancel">取 消</el-button>
<el-button type="primary" @click="dialogVisible = false"
>确 定</el-button
>
</span>
</el-dialog>
<div class="fy">
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page.sync="currentPage"
:page-sizes="[10, 50, 100, 200]"
:page-size="10"
layout="sizes, prev, pager, next"
:total="tableDataLength"
>
</el-pagination>
</div>
</div>
<div class="right">
<div id="map" class="map"></div>
</div>
</div>
</div>
</template>
<script>
import {
get,
postJson,
post,
postform,
postdown,
postJsonEx,
} from "@/utils/http.js";
import Bus from "@/utils/Bus.js";
export default {
name: "rhzf",
data() {
return {
innerltml:'66666'
rowGps: "",
tableLoading: false, //页面table加载loding
dialogVisible: false,
treeData: [], // 树节点
props: {
label: "name",
children: "child",
isLeaf: "leaf",
},
props2: {
label: "name",
children: "child",
isLeaf: "leaf",
},
props3: {
label: "bqName",
children: "zones",
},
count: 1,
tableDataLength: 0,
currentPage: 1, //表格页码
formInline: {
xm: "",
zjhm: "",
fwdz: "",
zzjg: "",
rybq: [],
rhzt: "0",
cxzzjglx: "",
cxzzjg: "",
page: "1",
limit: "10",
},
innerltml: "天津市西青区张家窝镇京福利社区包清理1号楼一单元501市", //旗袍框显市内容
srhcount: "",
xrhs: "", //
yrhs: "", //实入户数
wrhs: 20, //为入户
rhfgl: "", //入户覆盖率
yzfrws: "", //应走访任务书
szfrws: "", //实走访任务书
bfb: 0,
rhfgl: 0,
bfb2: "",
tableData: [],
markerDiy: "",
marker: "",
treeName: "", //懒加载el-tree加载的数据
treeList: "",
treeNameBq: [], //el-tree选中的数据
treeListBq: [],
mineStatus: "",
mineStatusValue: [],
bh: JSON.parse(sessionStorage.getItem("userInformation")).data.zzjgdm,
mc: JSON.parse(sessionStorage.getItem("userInformation")).data.zzjgmc,
lx: JSON.parse(sessionStorage.getItem("userInformation")).data.zzjglx,
defaultProps: {
children: "children",
label: "label",
},
rybqList: [],
newarr: [],
rybqoneList: [
{
name: "红色标签",
id: "f1527aee10d84f899c0bd29de6b0a378",
disabled: true,
},
//如果第一节不可点击 换成disable
{
name: "橙色标签",
id: "840cee45a19c477fa9390e61c34f0eaa",
disabled: true,
},
{
name: "黄色标签",
id: "c4db05a5b78243c2a597cbb444dec493",
disabled: true,
},
{
name: "蓝色标签 ",
id: "a6c613c9d784409988e80a3982cd7ede",
disabled: true,
},
{
name: "绿色标签 ",
id: "42b4c8af92ed43208f9b69b137ac6991",
disabled: true,
},
// { name: "第一级02", id: "2" },'\
],
defaultChecked: [],
};
},
computed: {
// Rhl() {
// return Number(this.bfb.replace('%',''));
// // return (parseInt(this.yrhs) / parseInt(this.xrhs)).toFixed(2);
// // return 10/5
// },
},
filters: {
replaceCity: function (value) {
return value.replace("天津市西青区", "");
},
},
// watch: {
// $route(newVal, oldVal) {
// console.log(newVal.oldVal);
// },
// },
// beforRouteLeave(to,form,next){
// console.log(to,form,next);
// },
activated() {
console.log("11111111111111111111111111111111");
this.getList(this.formInline);
},
methods: {
handle() {
console.log("888888888888");
addClass({ row, column, rowIndex, columnIndex }) {
if (column.label == "入户状态") {
// return "sizew";
} else {
return "";
}
},
//select框值改变时候触发的事件
selectChange(e) {
debugger;
var arrNew = [];
var dataLength = this.mineStatusValue.length;
var eleng = e.length;
for (let i = 0; i < dataLength; i++) {
for (let j = 0; j < eleng; j++) {
if (e[j] === this.mineStatusValue[i].label) {
arrNew.push(this.mineStatusValue[i]);
}
}
}
this.$refs.treenode.setCheckedNodes(arrNew); //设置勾选的值
},
handleCheck(data, checked) {
// console.log(data, checked);
},
handleCheckChange(data, checked, node) {
console.log(this.defaultChecked);
let self = this;
console.log(data, checked, node);
if (checked && !data.disabled) {
self.rybqList.push(data);
console.log("++++++", self.rybqList);
}
if (!checked && !data.disabled) {
self.newarr.push(data);
console.log("-----", self.newarr);
self.rybqList.map((item, idx) => {
self.newarr.map((item2) => {
if (item.name == item2.name) {
// debugger;
self.rybqList.splice(idx, 1);
}
});
});
}
},
/**
* @description: 取消按钮清空选择
* @param {*}
* @return {*}
*/
handleCancel() {
(this.treeName = ""), (this.formInline.cxzzjg = "");
this.formInline.cxzzjglx = "";
this.dialogVisible = false;
},
handleClose(done) {
done();
},
handleTerr() {
this.dialogVisible = true;
},
/**
* @description: 懒加载的el-tree选中的数据
* @param {*} data
* @return {*}
*/
nodeClick(data) {
console.log(data);
this.treeList = data;
this.treeName = data.name;
this.$set(this.formInline, "cxzzjg", data.id);
this.$set(this.formInline, "cxzzjglx", data.zzjglx);
},
/**人员 标签的选中
* @description:
* @param {*}
* @return {*}
*/
nodechange(data) {
let self = this;
console.log(data);
// this.treeListBq = data;
// this.treeListBq.push(data)
this.treeListBq.push(data);
this.treeListBq.map((item) => {
debugger;
if (item.disabled) {
} else {
this.treeNameBq.push(item.label);
}
});
console.log(this.treeListBq);
},
loadNode(node, resolve) {
console.log(node);
// console.log(resolve)
if (node.level === 0) {
return resolve([
{ name: this.mc, id: this.bh, zzjglx: this.lx },
// { name: "第一级02", id: "2" },
]);
// 这里resolve的数据是后台给的,id用于之后点击发起请求时的参数
} else {
this.getTreeChild(node.data.id, resolve);
}
},
getTreeChild(id, resolve) {
// debugger;
console.log(id);
// 这里可以替换成向后台发起的请求修改data,为了演示我用的是写死的数据,获取到data后,resolve出去就好了
postJson("/xqapixjDept/selectjdzz", { ssjgdm: id }).then((res) => {
console.log(res);
// console.log({ name: res.data.rows, id: res.data.rows });
let data = res.data.rows;
if (res.code == 200) {
let arr = [];
if (data.length != "0") {
data.map((item) => {
arr.push({
name: item.zzjgmc,
id: item.zzjgdm,
zzjglx: item.zzjglx,
});
resolve(arr);
});
} else {
resolve([]);
}
}
});
},
/**
* @description:人员标签的懒加载
* @param {*} node
* @param {*} resolve
* @return {*}
*/
loadNodeRybq(node, resolve) {
console.log(node);
// console.log(resolve)
if (node.level === 0) {
return resolve(
this.rybqoneList
// [
// {
// name: "红色标签",
// id: "f1527aee10d84f899c0bd29de6b0a378",
// isdisabled: true,
// },
// //如果第一节不可点击 换成disable
// {
// name: "橙色标签",
// id: "840cee45a19c477fa9390e61c34f0eaa",
// isdisabled: true,
// },
// {
// name: "黄色标签",
// id: "c4db05a5b78243c2a597cbb444dec493",
// isdisabled: true,
// },
// {
// name: "蓝色标签 ",
// id: "a6c613c9d784409988e80a3982cd7ede",
// isdisabled: true,
// },
// {
// name: "绿色标签 ",
// id: "42b4c8af92ed43208f9b69b137ac6991",
// isdisabled: true,
// },
// // { name: "第一级02", id: "2" },'\
// ]
);
// 这里resolve的数据是后台给的,id用于之后点击发起请求时的参数
} else {
this.getTreeChildRybq(node.data.id, resolve);
}
},
getTreeChildRybq(id, resolve) {
let self = this;
// debugger;
console.log(id);
// 这里可以替换成向后台发起的请求修改data,为了演示我用的是写死的数据,获取到data后,resolve出去就好了
postJson("/xqapi/xjDept/bqxjlist", { id: id }).then((res) => {
console.log(res);
// debugger
// console.log({ name: res.data.rows, id: res.data.rows });
let data = res.data.rows;
if (res.code == 200) {
let arr = [];
if (data.length != "0") {
data.map((item) => {
arr.push({
name: item.bqName,
id: item.id,
bqTypeId: item.bqTypeId,
bqCode: item.bqCode,
});
resolve(arr);
self.$set(self.rybqoneList, "disabled", true);
});
} else {
resolve([]);
}
}
});
},
/**
* @description: 查询
* @param {*}
* @return {*}
*/
handleSearch() {
let isArr = [];
this.rybqList.map((item) => {
isArr.push(item.bqCode);
});
// debugger
this.$set(this.formInline, "rybq", isArr);
this.getList(this.formInline);
this.getbfb(this.formInline);
},
/**获取数据
* @description:
* @param {*}
* @return {*}
*/
getList(form) {
let self = this;
self.tableLoading = true;
postJson("/xqapi/rhzf/queryRhfwAll", form).then((res) => {
console.log(res);
if (res.code == 200) {
self.tableData = res.data.rows;
self.tableData.map((item) => {
self.$set(item, "rhbs", item.rhbs == 0 ? "未入户" : "已入户");
});
// self.tableData.push({
// dzxq: "天津市西青区赤龙南街佳和贤庭社区佳和贤庭17号17号楼2门101室",
// dzysid: "A41E41463D7B4BADBF83884DFB0AFC03",
// id: "",
// jd: "116.937369",
// pdsj: "",
// rhbs: "0",
// },
// {
// dzxq: "天津市西青区赤龙南街佳和贤庭社区佳和贤庭17号17号楼2门101室",
// dzysid: "A41E41463D7B4BADBF83884DFB0AFC03",
// id: "",
// jd: "116.937369",
// pdsj: "",
// rhbs: "0",
// },
// {
// dzxq: "天津市西青区赤龙南街佳和贤庭社区佳和贤庭17号17号楼2门101室",
// dzysid: "A41E41463D7B4BADBF83884DFB0AFC03",
// id: "",
// jd: "116.937369",
// pdsj: "",
// rhbs: "0",
// },
// {
// dzxq: "天津市西青区赤龙南街佳和贤庭社区佳和贤庭17号17号楼2门101室",
// dzysid: "A41E41463D7B4BADBF83884DFB0AFC03",
// id: "",
// jd: "116.937369",
// pdsj: "",
// rhbs: "0",
// },
// {
// dzxq: "天津市西青区赤龙南街佳和贤庭社区佳和贤庭17号17号楼2门101室",
// dzysid: "A41E41463D7B4BADBF83884DFB0AFC03",
// id: "",
// jd: "116.937369",
// pdsj: "",
// rhbs: "0",
// },
// {
// dzxq: "天津市西青区赤龙南街佳和贤庭社区佳和贤庭17号17号楼2门101室",
// dzysid: "A41E41463D7B4BADBF83884DFB0AFC03",
// id: "",
// jd: "116.937369",
// pdsj: "",
// rhbs: "0",
// },
// {
// dzxq: "天津市西青区赤龙南街佳和贤庭社区佳和贤庭17号17号楼2门101室",
// dzysid: "A41E41463D7B4BADBF83884DFB0AFC03",
// id: "",
// jd: "116.937369",
// pdsj: "",
// rhbs: "0",
// },
// {
// dzxq: "天津市西青区赤龙南街佳和贤庭社区佳和贤庭17号17号楼2门101室",
// dzysid: "A41E41463D7B4BADBF83884DFB0AFC03",
// id: "",
// jd: "116.937369",
// pdsj: "",
// rhbs: "0",
// },);
self.tableDataLength = res.data.total;
self.tableLoading = false;
}
});
},
/**
* @description: 某一列鼠标移入的事件
* @param {*} row 一行的信息
* @param {*} column
* @param {*} cell Dom元素
* @param {*} event
* @return {*}
*/
clickHover(row, column, cell, event) {
if (column.label == "入户状态") {
console.log("dasdsa ", cell);
cell.classList.add("tdHover");
}
},
/**
* @description: 点击某一行
* @param {*} row
* @param {*} column
* @param {*} cell
* @param {*} event
* @return {*}
*/
clickrow(row, column, cell, event) {
if (
column.label == "入户状态" ||
column.label == "序号" ||
column.label == "实走访人数" ||
column.label == "应走访人数" ||
column.label == "最新入户时间" ||
column.label == "房屋住址"
) {
if (row.jd && row.wd) {
let self = this;
window.map.centerAndZoom(new EzCoord(row.jd, row.wd), 13);
window.rowGps = row;
console.log(window.rowGps);
let router = self.$router;
// console.log(row);
console.log(self.marker);
// console.log(self.markerDiy);
if (self.markerDiy) {
window.map.removeOverlay(self.markerDiy);
} else {
}
let father = document.getElementById("father");
console.log(father);
if (father) {
father.remove();
} else {
}
var positionDiy = new EzCoord(row.jd, row.wd);
var icon = new EzIcon({
src: "./img/map.png",
anchor: [0.5, 1],
anchorXUnits: "fraction",
anchorYUnits: "fraction",
scale: 1,
opacity: 1,
});
this.markerDiy = new EzMarker(positionDiy, icon, "热点对象");
// console.log(markerDiy);
console.log(this.markerDiy);
window.map.addOverlay(this.markerDiy);
this.innerltml = row.address;
let dom = document.getElementById("dom");
let strHTML = `<div style='background:#FFF;width:300px;height:150px;border:1px solid #fff;box-shadow: 0px 2px 17px #888888;' id = 'father' >
<div style='border-bottom:1px solid #ccc;margin-top:6px'>
<span id='house' style='margin-left:10px'> 房屋概括</span> <span id='close' style='float:right;margin-right:10px;cursor:pointer'>X</span>
</div>
<div id='title' style='color:blue;margin:10px 15px'> </div>
<div id='btn' style='background:#f6f9ff;display:flex;justify-content: space-between'>
<div style='width:30px;height:30px;background:transparent;border-radius:5px;margin-right:15px'></div>
<div style='width:120px;height:30px;border-radius:5px;display:flex;align-items: center;cursor:pointer' id='btnClick'>
<img src='./img/dzrh.png' style='width:20px;height:20px;margin-right:8px'></img>
<span style='color:#4895c3'>[地址入户]</span>
</div>
</div>
</div>`;
var strhtml = strHTML;
// var position1 = new EzCoord(row.jd, row.wd);
console.log(self.marker);
window.map.addMapEventListener(Ez.Event.MAP_CLICK, function (evt) {
console.log(evt.pixel);
var pixel = evt.pixel;
var coord = evt.coordinate;
this.marker = map.forEachFeatureAtPixel(
pixel,
function (feature, layer) {
if (feature instanceof EzMarker) {
return feature;
}
}
);
if (this.marker) {
let self = this;
//通过单击marker时打开popup
console.log(router);
console.log(self.marker);
self.marker.openInfoWindow(strhtml);
console.log(document.getElementById("title"));
let title = document.getElementById("title");
title.innerText = row.dzxq;
let close = document.getElementById("close");
let btnClick = document.getElementById("btnClick");
console.log(btnClick);
btnClick.addEventListener("click", function (e) {
console.log(window.rowGps);
router.push({
path: "rybq",
query: {
dzysid: window.rowGps.dzysid,
dzxq: window.rowGps.dzxq,
srk: JSON.stringify(self.formInline),
},
});
});
console.log(router);
close.addEventListener("click", function (e) {
console.log(self.marker);
self.marker.closeInfoWindow();
});
console.log(close);
}
});
} else {
let self = this;
if (self.markerDiy) {
window.map.removeOverlay(self.markerDiy);
} else {
}
let father = document.getElementById("father");
console.log(father);
if (father) {
father.remove();
} else {
}
console.log(this.markerDiy);
var position = new EzCoord(0, 0);
var marker = new EzMarker(position);
window.map.addOverlay(marker);
console.log(positionDiy);
this.$message({
showClose: true,
message: "暂无位置信息...",
type: "warning",
});
}
}
},
handleSizeChange(val) {
console.log(`每页 ${val} 条`);
this.$set(this.formInline, "limit", val);
this.getList(this.formInline);
},
handleCurrentChange(val) {
console.log(`当前页: ${val}`);
this.$set(this.formInline, "page", val);
this.getList(this.formInline);
},
handleClick(row) {
// debugger
let self = this;
this.$router.push({
path: "rybq",
query: { dzysid: row.dzysid, dzxq: row.dzxq },
});
console.log(row);
},
handleClickMap(row) {
// let self = this;
// let router = self.$router;
// // console.log(row);
// // console.log(self.marker);
// // console.log(self.markerDiy);
// if (self.markerDiy) {
// window.map.removeOverlay(self.markerDiy);
// } else {
// }
// let father = document.getElementById("father");
// console.log(father);
// if (father) {
// father.remove();
// } else {
// }
// var positionDiy = new EzCoord(row.x, row.y);
// var icon = new EzIcon({
// src: "../img/map.png",
// anchor: [0.5, 1],
// anchorXUnits: "fraction",
// anchorYUnits: "fraction",
// scale: 1,
// opacity: 1,
// });
// this.markerDiy = new EzMarker(positionDiy, icon, "热点对象");
// // console.log(markerDiy);
// window.map.addOverlay(this.markerDiy);
// this.innerltml = row.address;
// console.log(this.innerltml);
// let dom = document.getElementById("dom");
// let strHTML = `<div style='background:#FFF;width:300px;height:150px;border:1px solid #fff;box-shadow: 0px 2px 17px #888888;' id = 'father' >
// <div style='border-bottom:1px solid #ccc;margin-top:6px'>
// <span id='house' style='margin-left:10px'> 房屋概括</span> <span id='close' style='float:right;margin-right:10px;cursor:pointer'>X</span>
// </div>
// <div id='title' style='color:blue;margin:10px 15px'> </div>
// <div id='btn' style='background:#f6f9ff;display:flex;justify-content: space-between'>
// <div style='width:30px;height:30px;background:transparent;border-radius:5px;margin-right:15px'></div>
// <div style='width:120px;height:30px;border-radius:5px;display:flex;align-items: center;cursor:pointer' id='btnClick'>
// <img src='./img/dzrh.png' style='width:20px;height:20px;margin-right:8px'></img>
// <span style='color:#4895c3'>[地址入户]</span>
// </div>
// </div>
// </div>`;
// var strhtml = strHTML;
// window.map.addMapEventListener(Ez.Event.MAP_CLICK, function (evt) {
// var pixel = evt.pixel;
// var coord = evt.coordinate;
// this.marker = map.forEachFeatureAtPixel(
// pixel,
// function (feature, layer) {
// if (feature instanceof EzMarker) {
// return feature;
// }
// }
// );
// if (this.marker) {
// let self = this;
// //通过单击marker时打开popup
// console.log(router);
// self.marker.openInfoWindow(strhtml);
// console.log(document.getElementById("title"));
// let title = document.getElementById("title");
// title.innerText = row.address;
// let close = document.getElementById("close");
// let btnClick = document.getElementById("btnClick");
// console.log(btnClick);
// btnClick.addEventListener("click", function (e) {
// router.push({
// name: "rybq",
// params: { rowList: row },
// });
// });
// close.addEventListener("click", function (e) {
// console.log(self.marker);
// self.marker.closeInfoWindow();
// });
// console.log(close);
// }
// });
},
/**
* @description: 重置按钮
* @param {*} formName ref
* @return {*}
*/
resetForm(formName) {
let self = this;
this.$refs[formName].resetFields();
console.log("重置按钮");
(this.treeName = ""), (this.formInline.cxzzjg = "");
this.formInline.cxzzjglx = "";
console.log(this.formInline);
this.rybqList = [];
var node = this.$refs.treenode;
console.log(node);
self.$nextTick(() => {
self.$refs.treenode.setCheckedKeys([]);
});
},
getbfb(form) {
postJson("/xqapi/rhzf/queryZfrhTj", form).then((res) => {
console.log("2232323", res);
if (res.code == 200) {
this.xrhs = res.data.rows.srhcount;
this.yrhs = res.data.rows.yrhcount;
this.wrhs = res.data.rows.wrhcount;
// this.rhfgl = res.data.rows.rhfgl;
this.yzfrws = res.data.rows.yzfrws;
this.szfrws = res.data.rows.szfrws;
this.srhcount = res.data.rows.srhcount;
this.bfb = Number(
res.data.rows.rwwcl.substring(
0,
res.data.rows.rwwcl.lastIndexOf("%")
)
);
this.rhfgl = Number(
res.data.rows.rhfgl.substring(
0,
res.data.rows.rhfgl.lastIndexOf("%")
)
);
// console.log(basic);
// this.bfb2 = Number(basic)
console.log(this.bfb);
}
});
},
// intMap(){
// }
},
mounted() {
// console.log('787878788787');
console.log("787878788787", this.$route.params._t);
if (this.$route.params._t) {
this.formInline = this.$route.params._t;
}
this.getList(this.formInline);
this.getbfb(this.formInline);
// postJson("/xqapi/rhzf/queryZfrhTj", this.formInline).then((res) => {
// console.log("2232323", res);
// if (res.code == 200) {
// this.xrhs = res.data.rows.srhcount;
// this.yrhs = res.data.rows.yrhcount;
// this.wrhs = res.data.rows.wrhcount;
// this.rhfgl = res.data.rows.rhfgl;
// this.yzfrws = res.data.rows.yzfrws;
// this.szfrws = res.data.rows.szfrws;
// this.srhcount = res.data.rows.srhcount;
// this.bfb = Number(
// res.data.rows.rwwcl.substring(0, res.data.rows.rwwcl.lastIndexOf("%"))
// );
// // console.log(basic);
// // this.bfb2 = Number(basic)
// console.log(this.bfb);
// }
// });
// console.log('yy',parseInt(this.yrhs));
var map = new EzMap("map");
map.centerAndZoom(new EzCoord(117.013949, 39.141591), 14);
window.map = map;
//默认marker样式
//popup样式修改可以通过更改popup.css的默认样式来达到自定义popup的设计
var position = new EzCoord(113.24765, 30.94921);
var marker = new EzMarker(position);
console.log("############", map);
window.map.addOverlay(marker);
// var position = new EzCoord(113.24765, 30.94921);
// var marker = new EzMarker(position);
// console.log("############", map);
// window.map.addOverlay(marker);
// var position2 = new EzCoord(116.34765, 39.84921);
// var marker2 = new EzMarker(position2);
// map.addOverlay(marker2);
// marker2.openInfoWindow("<div>我是一个marker1</div>");
var positionDiy = new EzCoord(114.514521, 38.06174);
var icon = new EzIcon({
src: "../img/map.png",
anchor: [0.5, 1],
anchorXUnits: "fraction",
anchorYUnits: "fraction",
scale: 1,
opacity: 1,
});
var markerDiy = new EzMarker(positionDiy, icon, "热点对象");
window.map.addOverlay(markerDiy);
// var positionDiy = new EzCoord(114.514521, 38.06174);
// var icon = new EzIcon({
// src: "../img/map.png",
// anchor: [0.5, 1],
// anchorXUnits: "fraction",
// anchorYUnits: "fraction",
// scale: 1,
// opacity: 1,
// });
// var markerDiy = new EzMarker(positionDiy, icon, "热点对象");
// window.map.addOverlay(markerDiy);
window.map.addMapEventListener(Ez.Event.MAP_MOUSEMOVE, function (evt) {
var pixel = evt.pixel;
......@@ -66,18 +1168,19 @@ export default {
});
// let strHTML1 = "<div style='color:red' id ='pop'><span style='color:red' id='dom'>66666</span> </div>";
let dom = document.getElementById('dom')
let strHTML= `<div style='color:red;width:200px;height:200px;border:1px solid red' id = 'father' >
<span id='house'> 房屋概括</span> <span id='close' style='float:right'>X</span>
<div id='title'> ${this.innerltml}</div>
</div>`;
let close = document.getElementById('father');
console.log(close);
let dom = document.getElementById("dom");
let strHTML = `<div style='background:#FFF;width:300px;height:150px;border:1px solid #fff;box-shadow: 0px 2px 17px #888888;' id = 'father' >
<div style='border-bottom:1px solid #ccc;margin-top:6px'>
<span id='house' style='margin-left:10px'> 房屋概括</span> <span id='close' style='float:right;margin-right:10px'>X</span>
</div>
<div id='title' style='color:blue;margin:10px 15px;'> ${this.innerltml}</div>
</div>`;
let posX = Number(114.514521);
let posY = Number(38.06174);
let pos = new EzCoord(posX, posY);
let htmloverlay = new HTMLElementOverLay(
'pop',
"pop",
pos,
strHTML,
[0, 0],
......@@ -111,21 +1214,197 @@ export default {
//通过单击marker时打开popup
console.log(marker);
marker.openInfoWindow(strhtml);
let close = document.getElementById("close");
close.addEventListener("click", function (e) {
marker.closeInfoWindow();
});
console.log(close);
}
});
//删除EzMapAPI中配置的原始图层
// var tileLayers = map.getTileLayers().getLayers();
// tileLayers.clear();
// //TDT官网URL配置
// var tdtimageurl = mapOptions.groupLayers.tdtimageurl;
// var tdtAnnotationurl = mapOptions.groupLayers.tdtAnnotationurl;
// //使用XYZ格式图层加载TDT地图数据服务
// var tdtimage = new EzTileLayerXYZ("tdtImage", tdtimageurl, {
// projection: mapOptions.groupLayers.tdtProjection,
// });
// var tdtannotation = new EzTileLayerXYZ("tdtAnnotation", tdtAnnotationurl, {
// projection: mapOptions.groupLayers.tdtProjection,
// });
// //使用图层组合并上面两个图层(注记+图层),Note:图层向下放在数组的首位
// var tdtgroup = new EzLayerGroup({
// layers: [tdtimage, tdtannotation],
// });
// map.addLayer(tdtgroup);
},
};
</script>
<style>
.sizew {
font-size: 17px;
font-weight: bold;
}
</style>
<style lang="scss" scoped>
.perlLeft {
display: flex;
// width: 48%;
}
.perRight {
// width: 48%;
display: flex;
}
.popper {
max-height: 260px;
overflow: auto;
}
.el-popover {
max-height: 260px;
overflow: auto;
}
.rhzf {
display: flex;
height: calc(100vh - 136px);
.table /deep/ {
height: 550px;
.el-scrollbar__wrap {
overflow-x: hidden;
}
.el-table td,
.el-table th {
padding: 5px 0;
}
// overflow: auto;
/*滚动条样式*/
// .table::-webkit-scrollbar {
// width: 4px;
// /*height: 4px;*/
// }
// .table::-webkit-scrollbar-thumb {
// border-radius: 10px;
// -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
// background: rgba(0, 0, 0, 0.2);
// }
// .table::-webkit-scrollbar-track {
// -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
// border-radius: 0;
// background: rgba(0, 0, 0, 0.1);
// }
.tdHover {
cursor: pointer;
}
}
.left {
width: 60%;
border: 1px solid #ccc;
padding: 10px;
box-sizing: border-box;
.title {
// display: flex;
// justify-content: space-between;
.per {
font-weight: bold;
}
.cgre {
color: #10ca4d;
}
.cred {
color: #ff3232;
}
}
.prgress /deep/ {
display: flex;
flex: 1;
margin-top: 8px;
// margin-left: 6px;
.el-progress {
line-height: 1.5;
width: 100%;
.el-progress__text {
width: 20px;
}
}
}
.col {
width: 32%;
}
.form /deep/ {
border: 1px solid #ccc;
border-left: none;
border-right: none;
// margin: 10px 0px;
padding: 10px;
.el-form-item--mini .el-form-item__content,
.el-form-item--mini .el-form-item__label {
width: 70%;
}
.el-select {
width: 100%;
}
.el-tree {
max-height: 200px;
overflow: auto;
// height: 0px;
}
.tree {
-webkit-appearance: none;
background-color: #fff;
background-image: none;
border-radius: 4px;
border: 1px solid #dcdfe6;
box-sizing: border-box;
color: #606266;
display: inline-block;
font-size: inherit;
max-height: 40px;
line-height: 40px;
outline: 0;
padding: 0 15px;
transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
width: 100%;
height: 28px;
line-height: 28px;
cursor: pointer;
overflow: hidden; //溢出内容隐藏
white-space: nowrap; //强制文本在一行内显示
text-overflow: ellipsis; //当对象内文本溢出时显示省略标记
}
.treeselect {
}
}
.btn {
display: flex;
justify-content: center;
// margin: 15px;
}
.fy {
// position: absolute;
// bottom: 20px;
// margin-top: 10px;
}
}
.right {
width: 40%;
height: calc(100vh - 136px);
border: 1px solid #ccc;
padding: 10px;
box-sizing: border-box;
}
}
.ppp {
width: 100px;
height: 100px;
background: yellow;
}
.map {
width: 94%;
height: calc(100vh - 450px);
width: 100%;
height: calc(100vh - 200px);
}
</style>
src/views/rwgl/rwbd.vue
<!--
* @Author: your name
* @Date: 2021-08-28 21:28:08
* @LastEditTime: 2021-10-18 10:58:59
* @LastEditTime: 2021-11-16 16:51:00
* @LastEditors: Please set LastEditors
* @Description: In User Settings Edit
* @FilePath: \founder_vue\src\views\rwgl\rwglindex.vue
......@@ -58,10 +58,8 @@
</el-form-item>
</div>
</el-form>
<div class="edit">
<!-- <el-button size="mini" type="primary" @click="handClick('fb')"
>发布
</el-button> -->
<!-- <div class="edit">
<el-dropdown
trigger="click"
size="small"
......@@ -75,7 +73,7 @@
<el-dropdown-item command="1" divided>发布到社区</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
</div> -->
<!-- <Table
:cxDefaultFormThead="cxDefaultFormThead"
:tableData="tableData"
......@@ -135,7 +133,7 @@
<img :src="clraeImg" alt="" />
</div> -->
<el-button type="text" size="small" @click="SmartDespot(scope.row)"
>比对</el-button
>智能匹配</el-button
>
</template>
</el-table-column>
......@@ -158,14 +156,38 @@
>
</el-pagination>
</div>
<!-- 比对的diolog -->
<!--智能比对的diolog -->
<el-dialog
title="提示"
:visible.sync="bddialogVisible"
width="30%"
:before-close="handleClose"
:close-on-click-modal="false"
>
<div v-if="bdShow">
<!-- <el-progress :percentage="percentageNum"></el-progress> -->
<div>
<div v-if="bdShow" style="margin-bottom: 30px">
<i class="el-icon-loading"></i>
<span>任务总数:</span><span>{{ rwTotle }}</span> <span>已完成:</span
><span>{{ rwYWC }}</span>
</div>
<div v-else style="margin-bottom: 30px">
<i class="el-icon-check"></i>
<span>智能匹配完成</span>
</div>
<span slot="footer" class="dialog-footer">
<el-button @click="bddialogVisible = false" :disabled="bdShow"
>取 消</el-button
>
<el-button
type="primary"
@click="bddialogVisible = false"
:disabled="bdShow"
>确 定</el-button
>
</span>
</div>
<!-- <div v-if="bdShow">
<i class="el-icon-loading"></i>
<span>任务比对中,请稍后......</span>
</div>
......@@ -178,7 +200,7 @@
<el-button type="primary" @click="bddialogVisible = false" :disabled="bdShow"
>确 定</el-button
>
</span>
</span> -->
</el-dialog>
<!-- 编辑的diolog -->
<el-dialog title="编辑" :visible.sync="dialogFormVisible">
......@@ -217,6 +239,8 @@ export default {
},
data() {
return {
percentageNum: 0,
bdShowIS: true,
bdShow: true,
bddialogVisible: false,
upLoadText: {}, //文件上传携带的参数
......@@ -282,9 +306,40 @@ export default {
rwmc: "",
},
rwidList: [],
timer: "",
rwTotle: "",
rwYWC: "",
};
},
beforeRouteLeave(to,from,next){
if(to.name==='rhzf'){
to.meta.keepAlive =true
}
next()
},
beforeDestroy() {
clearInterval(this.timer);
this.percentageNum = null;
},
methods: {
handleClose(done) {
if (self.rwTotle == self.rwYWC && self.rwTotle && self.rwYWC) {
done();
} else {
this.$message({
message: "智能匹配为完成....",
type: "warning",
});
}
// this.$confirm("确认停止匹配？")
// .then((_) => {
// if (self.rwTotle == self.rwYWC && self.rwTotle && self.rwYWC) {
// }
// done();
// })
// .catch((_) => {});
},
/**
* @description: 某一列鼠标移入的事件
* @param {*} row 一行的信息
......@@ -379,8 +434,8 @@ export default {
type: "success",
});
self.getList(self.selectPage);
} else if(res.code == 201){
self.bdShow = false;
} else if (res.code == 201) {
self.bdShow = false;
self.$message({
message: res.message,
type: "warning",
......@@ -388,6 +443,24 @@ export default {
}
});
self.timer = setInterval(function () {
self.bdShow = true;
post("/xqapi/rymp/progressBar", { rwid: row.rwid }).then((res) => {
if (res.code == "200") {
self.rwTotle = res.data.progressBar.total;
self.rwYWC = res.data.progressBar.ywc;
}
});
if (self.rwTotle == self.rwYWC && self.rwTotle && self.rwYWC) {
debugger;
self.bdShow = false;
clearInterval(self.timer);
}
}, 1000); //每秒打印一次i
this.$once("hook:beforeDestroy", () => {
clearInterval(self.timer);
});
//设置定时器到达 一百的时候 停止定时器
// let self = this;
// console.log(this.tableData[0].wcjd);
......
src/views/rwgl/rwglindex.vue
<!--
* @Author: your name
* @Date: 2021-08-28 21:28:08
* @LastEditTime: 2021-10-19 09:45:42
* @LastEditTime: 2021-11-25 14:19:58
* @LastEditors: Please set LastEditors
* @Description: In User Settings Edit
* @FilePath: \founder_vue\src\views\rwgl\rwglindex.vue
......@@ -48,6 +48,7 @@
>导入</el-button
>
<!-- <el-button @click="onSubmit('dr')" size="mini">导入</el-button> -->
<!-- :http-request="handleAction" -->
<el-upload
class="upload-demo"
action="/xqapi/rymp/importRymp"
......@@ -56,24 +57,33 @@
multiple
:limit="3"
:on-exceed="handleExceed"
:on-change="handleChange"
:file-list="fileList"
:show-file-list="true"
:show-file-list="false"
:on-success="handSuccess"
:on-error="handError"
:before-upload="beforeUpload"
:headers="headers"
ref="upload"
:data="upLoadText"
:on-progress="uploadVideoProcess"
>
</el-upload>
<el-progress
v-if="progressFlag"
:percentage="loadProgress"
></el-progress>
</div>
</el-form-item>
</div>
</el-form>
<div class="edit" v-if="zzjglx == 11">
<el-button size="mini" type="primary" @click="handClick('xz') "
<div class="edit" v-if="zzjglx == 11">
<el-button size="mini" type="primary" @click="handClick('xz')"
>新增
</el-button>
<!-- <el-button size="mini" type="primary" @click="login('xz')"
>login
</el-button> -->
</div>
<!-- <Table
:cxDefaultFormThead="cxDefaultFormThead"
......@@ -115,8 +125,9 @@
:cell-class-name="addClass"
>
<el-table-column type="selection" width="55"> </el-table-column>
<el-table-column type="index" width="50" label='序号'> </el-table-column>
<template v-if="zzjglx == 11">
<el-table-column type="index" width="50" label="序号">
</el-table-column>
<template v-if="zzjglx == 11 || zzjglx == 12">
<el-table-column
v-for="columnTitle in cxDefaultFormThead"
:prop="columnTitle.prop"
......@@ -160,6 +171,12 @@
@click="handleClick(scope.row, 'sc')"
>删除</el-button
>
<el-button
type="text"
size="small"
@click="handleClick(scope.row, 'fb')"
>发布</el-button
>
</template>
</el-table-column>
</el-table>
......@@ -278,6 +295,8 @@ export default {
},
data() {
return {
loadProgress: 0, // 动态显示进度条
progressFlag: false, // 关闭进度条
upLoadText: {}, //文件上传携带的参数
fileList: [],
input3: "", //输入框输入的值
......@@ -408,11 +427,42 @@ export default {
? "bearer " + window.sessionStorage.getItem("token")
: "",
},
rwidList: [],
lx: JSON.parse(sessionStorage.getItem("userInformation")).data.zzjglx,
user:'test2'
};
},
activated() {
console.log("11111111111111111111111111111111");
},
methods: {
...mapMutations(["setzzjglx"]), //调用vueX的方法修改值
// login(){
// this.$router.push("/Login/login2/"+this.user+'/'+123456);//"/Home/rwgl/sdxfrw/" + row.rwid + "/wpp"
// },
/**
* @description: 文件上实的钩子
* @param {*} event
* @param {*} file
* @param {*} fileList
* @return {*}
*/
uploadVideoProcess(event, file, fileList) {
this.progressFlag = true; // 显示进度条
this.loadProgress = parseInt(event.percent); // 动态获取文件上传进度
console.log(event);
this.loadProgress = 99;
// if (this.loadProgress >= 100) {
// this.loadProgress = 100;
// setTimeout(() => {
// this.progressFlag = false;
// }, 1000); // 一秒后关闭进度条
// }
},
handleChange(file, fileList) {
console.log(file, fileList);
this.fileList = fileList;
},
closed() {
console.log("000000");
this.XZformDiolog = {};
......@@ -478,7 +528,13 @@ export default {
* @return {*}
*/
handSuccess(response, file, fileList) {
let self = this;
console.log("777", response.code);
console.log(response, file, fileList);
this.loadProgress = 100;
setTimeout(() => {
this.progressFlag = false;
}, 2000); // 一秒后关闭进度条
if (response.code == "201") {
this.$message({
message: response.message,
......@@ -486,18 +542,121 @@ export default {
});
this.handSizePageSearch();
} else if (response.code == "200") {
this.$message({
message: response.message,
type: "success",
});
this.handSizePageSearch();
if (response.data.error > 0) {
this.$confirm(response.message + ",是否下载错误信息...", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
})
.then(() => {
self
.$axios({
method: "get",
url: "/xqapi/rymp/exportErrorRy",
// data:self.showList, //导出的数据
params: { rwid: this.selectRow[0].rwid },
responseType: "blob",
headers: {
"blade-auth":
"bearer " + `${window.sessionStorage.getItem("token")}`,
//为了不进行预处理请求需要用这种格式的数据
"content-type": "application/x-www-form-urlencoded",
},
})
.then((res) => {
// debugger;
console.log(res);
const link = document.createElement("a");
let blob = new Blob([res.data], {
type: "multipary/form-data",
});
console.log(blob);
link.style.display = "none";
link.href = URL.createObjectURL(blob);
link.setAttribute("download", decodeURI("导出失败信息.xlsx"));
document.body.appendChild(link);
link.click();
document.body.removeChild(link);
this.handSizePageSearch();
});
})
.catch(() => {
this.$message({
type: "info",
message: "已取消",
});
this.handSizePageSearch();
});
} else {
this.$message({
message: response.message,
type: "success",
});
this.handSizePageSearch();
}
} else if (response.code == "500") {
this.$message({
message: "服务器错误",
type: "success",
});
} else {
}
},
handleAction() {
let self = this;
let params = new FormData();
this.fileList.forEach((item) => {
params.append("file", item.raw);
});
params.append("rwid", this.selectRow[0].rwid);
self
.$axios({
method: "post",
url: "/xqapi/rymp/importRymp",
// data:self.showList, //导出的数据
data: params,
// responseType: "blob",
headers: {
"blade-auth":
"bearer " + `${window.sessionStorage.getItem("token")}`,
},
})
.then((response) => {
console.log(response);
if (response.code == "201") {
this.$message({
message: response.message,
type: "error",
});
this.handSizePageSearch();
} else if (response.code == "200") {
this.$message({
message: response.message,
type: "success",
});
this.handSizePageSearch();
} else if (response.code == "500") {
this.$message({
message: "服务器错误",
type: "success",
});
} else {
const link = document.createElement("a");
let blob = new Blob([response], { type: "multipary/form-data" });
console.log(blob);
link.style.display = "none";
link.href = URL.createObjectURL(blob);
link.setAttribute(
"download",
decodeURI(Date.now() + "导出模板.xlsx")
);
document.body.appendChild(link);
link.click();
document.body.removeChild(link);
}
});
},
/**
* @description: 文件列表移除文件时的钩子
* @param {*} file
......@@ -586,6 +745,7 @@ export default {
*/
handleClick(row, type) {
let self = this;
self.rwidList = [];
if (type == "xq") {
self.$router.push({ name: "rymplb", params: row });
} else if (type == "xg") {
......@@ -629,6 +789,42 @@ export default {
// }
// self.handSizePageSearch();
// });
} else if (type == "fb") {
if (row.wpp == "0") {
console.log(row.rwid);
self.rwidList.push(row.rwid);
let czOrsq = "";
if (self.lx == "11") {
czOrsq = 0;
} else if (self.lx == "12") {
czOrsq = 1;
}
console.log("参数是3", self.rwidList, czOrsq);
postJson("/xqapi/rymp/issue", {
rwidList: self.rwidList,
czOrsq: czOrsq,
}).then((res) => {
console.log(res);
if ((res.code = "200")) {
self.$message({
message: res.message,
type: "success",
});
self.handSizePageSearch();
} else {
self.$message({
message: res.message,
type: "success",
});
self.handSizePageSearch();
}
});
} else {
this.$message({
message: "任务匹配率未达到100%，无法发布",
type: "warning",
});
}
}
},
handleSizeChange(val) {
......@@ -774,6 +970,11 @@ export default {
message: "新增成功",
type: "success",
});
} else if (res.code == "201") {
this.$message({
message: res.message,
type: "error",
});
}
self.handSizePageSearch();
self.XZdialogFormVisible = false;
......@@ -809,10 +1010,9 @@ export default {
},
},
mounted() {
console.log(window.location.host.substring(
0,
window.location.host.length - 5
));
console.log(
window.location.host.substring(0, window.location.host.length - 5)
);
this.setzzjglx();
this.handSizePageSearch();
},
......
src/views/rwgl/rymplb.vue
<!--
* @Author: your name
* @Date: 2021-08-27 15:52:57
* @LastEditTime: 2021-10-19 15:20:34
* @LastEditTime: 2021-11-11 10:25:44
* @LastEditors: Please set LastEditors
* @Description: In User Settings Edit
* @FilePath: \founder_vue\src\views\rymp.vue
......@@ -56,11 +56,18 @@
<transition name="slide-fade">
<div v-if="isSearch">
<el-form-item label="所属任务:" prop="rwmc">
<el-input
<!-- <el-input
v-model="rympForm.rwmc"
placeholder="请输入所属任务"
clearable
></el-input>
></el-input> -->
<el-autocomplete
class="inline-input"
v-model="rympForm.rwmc"
:fetch-suggestions="querySearch"
placeholder="请输入任务"
:clearable="true"
></el-autocomplete>
</el-form-item>
<el-form-item label="地址:" prop="dzxz">
<el-input
......@@ -69,6 +76,46 @@
clearable
></el-input>
</el-form-item>
<span class="ssdw">
<el-form-item
label="所属单位:"
prop="cxzzjgdm"
style="width: 50%"
>
<!-- <el-input
v-model="rympForm.cxzzjgdm"
placeholder="请输入所属单位"
clearable
></el-input> -->
<el-popover
placement="bottom"
width="400"
trigger="click"
popper-class="popper"
>
<el-tree
:props="props"
ref="tree"
lazy
:load="loadNode"
node-key="id"
:expand-on-click-node="false"
@node-click="nodeClick"
>
<span
class="tree-node"
slot-scope="{ data }"
:title="data.name"
>
<span>{{ data.name }}</span>
</span>
</el-tree>
<span slot="reference" class="tree">{{
treeName ? treeName : "--请选择--"
}}</span>
</el-popover>
</el-form-item>
</span>
</div>
</transition>
</el-form>
......@@ -536,6 +583,7 @@ export default {
address: "",
age: "",
dzxz: "",
cxzzjgdm: "",
}, //查询信息
cxDefaultFormThead: [
{
......@@ -553,13 +601,17 @@ export default {
prop: "sjh",
width: "auto",
},
{
label: "所属任务",
prop: "rwmc",
width: "auto",
},
{
label: "所属单位",
prop: "zzjgmc",
width: "auto",
},
{
label: "居住地址",
prop: "dzxz",
width: "auto",
......@@ -581,10 +633,111 @@ export default {
searchList: "", //人员摸排反馈的搜索选项
zrddisabled: false,
meMpShow: false,
list: [],
selectPage: {
limit: "10",
page: "1",
},
restaurants: [],
bh: JSON.parse(sessionStorage.getItem("userInformation")).data.zzjgdm,
mc: JSON.parse(sessionStorage.getItem("userInformation")).data.zzjgmc,
treeName: "",
treeList: "",
props: {
label: "name",
children: "child",
isLeaf: "leaf",
},
};
},
methods: {
...mapMutations(["setzzjglx"]), //调用vueX的方法修改值
//所属单位的懒加载
loadNode(node, resolve) {
let self = this;
console.log(node);
// console.log(resolve)
if (node.level === 0) {
return resolve([
{ ssjgdm: self.bh, name: this.mc },
// { name: "第一级02", id: "2" },
]);
// 这里resolve的数据是后台给的,id用于之后点击发起请求时的参数
} else {
this.getTreeChild(node.data.ssjgdm, resolve);
}
},
getTreeChild(id, resolve) {
// debugger;
console.log(id, resolve);
// 这里可以替换成向后台发起的请求修改data,为了演示我用的是写死的数据,获取到data后,resolve出去就好了
postJson("/xqapi/xjDept/selectjdzz", { ssjgdm: id }).then((res) => {
console.log(res);
// console.log({ name: res.data.rows, id: res.data.rows });
let data = res.data.rows;
if (res.code == 200) {
let arr = [];
if (data.length != "0") {
data.map((item) => {
arr.push({
ssjgdm: item.zzjgdm,
name: item.zzjgmc,
});
resolve(arr);
});
} else {
resolve([]);
}
}
});
},
/**
* @description: 懒加载的el-tree选中的数据
* @param {*} data
* @return {*}
*/
nodeClick(data) {
console.log(data);
this.treeList = data;
this.treeName = data.name;
this.$set(this.rympForm, "cxzzjgdm", data.ssjgdm);
// this.$set(this.formInline, "cxzzjglx", data.zzjglx);
},
querySearch(queryString, cb) {
var restaurants = this.restaurants;
var results = queryString
? restaurants.filter(this.createFilter(queryString))
: restaurants;
// 调用 callback 返回建议列表的数据
cb(results);
},
createFilter(queryString) {
return (restaurant) => {
return (
restaurant.value.toLowerCase().indexOf(queryString.toLowerCase()) ===
0
);
};
},
loadAll() {
return this.list;
},
getListInput() {
let self = this;
post("/xqapi/zxrwgl/selectAllRwForPage", self.selectPage).then((res) => {
if (res.code == "200") {
// self.tableData = res.data.mpRwList;
res.data.mpRwList.map((item) => {
self.list.push({
value: item.rwmc,
rwid: item.rwid,
xtLrzzjglx: item.xtLrzzjglx,
});
});
console.log(self.list);
}
});
},
/**
* @description: 详情导出
* @param {*}
......@@ -641,7 +794,8 @@ export default {
},
})
.then((res) => {
debugger;
// debugger;
console.log(res);
const link = document.createElement("a");
let blob = new Blob([res.data], { type: "multipary/form-data" });
console.log(blob);
......@@ -654,8 +808,6 @@ export default {
document.body.appendChild(link);
link.click();
document.body.removeChild(link);
console.log(res);
console.log(link);
});
// var list = { mpRyParam:{
// limit: 10,
......@@ -854,23 +1006,28 @@ export default {
* @return {*}
*/
onSubmit() {
console.log(this.rympForm);
if (
this.rympForm.xm ||
this.rympForm.sfzh ||
this.rympForm.rwmc ||
this.rympForm.dzxz
this.rympForm.dzxz ||
this.rympForm.cxzzjgdm
) {
this.$set(this.showList, "page", 1);
this.$set(this.showList, "xm", this.rympForm.xm);
this.$set(this.showList, "sfzh", this.rympForm.sfzh);
this.$set(this.showList, "rwmc", this.rympForm.rwmc);
this.$set(this.showList, "dzxz", this.rympForm.dzxz);
this.$set(this.showList, "cxzzjgdm", this.rympForm.cxzzjgdm);
this.getList(this.showList);
} else {
this.$set(this.showList, "xm", "");
this.$set(this.showList, "sfzh", "");
this.$set(this.showList, "rwmc", "");
this.$set(this.showList, "dzxz", "");
this.$set(this.showList, "cxzzjgdm", "");
this.getList(this.showList);
}
},
......@@ -1333,6 +1490,8 @@ export default {
},
},
mounted() {
this.getListInput();
this.restaurants = this.loadAll();
console.log(this.$axios);
this.setzzjglx();
console.log("我是vuex中存储的值", this.zzjglx);
......@@ -1574,6 +1733,34 @@ $primary-color: #055fe7;
.el-button--text {
margin-left: 21px !important;
}
.ssdw {
.tree {
-webkit-appearance: none;
background-color: #fff;
background-image: none;
border-radius: 4px;
border: 1px solid #dcdfe6;
box-sizing: border-box;
color: #606266;
display: inline-block;
font-size: inherit;
max-height: 40px;
line-height: 40px;
outline: 0;
padding: 0 15px;
transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
width: 100%;
height: 28px;
line-height: 28px;
cursor: pointer;
overflow: hidden; //溢出内容隐藏
white-space: nowrap; //强制文本在一行内显示
text-overflow: ellipsis; //当对象内文本溢出时显示省略标记
}
.el-form-item__content {
width: 30%;
}
}
}
.search {
// margin-right: 200px;
......
src/views/rwgl/sdxfrw.vue
<!--
* @Author: your name
* @Date: 2021-08-28 19:34:24
* @LastEditTime: 2021-10-18 18:01:20
* @LastEditTime: 2021-11-05 14:13:07
* @LastEditors: Please set LastEditors
* @Description: In User Settings Edit
* @FilePath: \founder_vue\src\views\rwgl\sdxfrw.vue
......
src/views/rwgl/zxmp.vue
<!--
* @Author: your name
* @Date: 2021-08-28 21:28:08
* @LastEditTime: 2021-10-18 17:52:24
* @LastEditTime: 2021-11-17 09:33:31
* @LastEditors: Please set LastEditors
* @Description: In User Settings Edit
* @FilePath: \founder_vue\src\views\rwgl\rwglindex.vue
......@@ -57,15 +57,20 @@
:limit="3"
:on-exceed="handleExceed"
:file-list="fileList"
:show-file-list="true"
:show-file-list="false"
:on-success="handSuccess"
:on-error="handError"
:before-upload="beforeUpload"
:headers="headers"
ref="upload"
:data="upLoadText"
:on-progress="uploadVideoProcess"
>
</el-upload>
<el-progress
v-if="progressFlag"
:percentage="loadProgress"
></el-progress>
</div>
</el-form-item>
</div>
......@@ -117,7 +122,7 @@
<el-table-column type="selection" width="55"> </el-table-column>
<el-table-column type="index" width="50" label="序号">
</el-table-column>
<template v-if="zzjglx == 11">
<template v-if="zzjglx == 11 || zzjglx == 12">
<el-table-column
v-for="columnTitle in cxDefaultFormThead"
:prop="columnTitle.prop"
......@@ -150,19 +155,32 @@
>详情</el-button
> -->
<el-button
:disabled="scope.row.xtLrzzjglx == '下级自建'"
:disabled="
scope.row.xtLrzzjglx == '下级自建' ||
scope.row.xtLrzzjglx == '上级下派'
"
type="text"
size="small"
@click="handleClick(scope.row, 'xg')"
>修改</el-button
>
<el-button
:disabled="scope.row.xtLrzzjglx == '下级自建'"
:disabled="
scope.row.xtLrzzjglx == '下级自建' ||
scope.row.xtLrzzjglx == '上级下派'
"
type="text"
size="small"
@click="handleClick(scope.row, 'sc')"
>删除</el-button
>
<el-button
v-if="scope.row.xtLrzzjglx == '自建' && zzjglx != '13'"
type="text"
size="small"
@click="handleClick(scope.row, 'fb')"
>发布</el-button
>
</template>
</el-table-column>
</el-table>
......@@ -280,6 +298,8 @@ export default {
},
data() {
return {
loadProgress: 0, // 动态显示进度条
progressFlag: false, // 关闭进度条
isClick: false,
zzjglx: JSON.parse(sessionStorage.getItem("userInformation")).data.zzjglx,
upLoadText: {
......@@ -424,11 +444,31 @@ export default {
? "bearer " + window.sessionStorage.getItem("token")
: "",
},
rwidList: [],
lx: JSON.parse(sessionStorage.getItem("userInformation")).data.zzjglx,
};
},
methods: {
...mapMutations(["setzzjglx"]), //调用vueX的方法修改值
/**
* @description: 文件上实的钩子
* @param {*} event
* @param {*} file
* @param {*} fileList
* @return {*}
*/
uploadVideoProcess(event, file, fileList) {
this.progressFlag = true; // 显示进度条
this.loadProgress = parseInt(event.percent); // 动态获取文件上传进度
console.log(event);
this.loadProgress = 99;
// if (this.loadProgress >= 100) {
// this.loadProgress = 100;
// setTimeout(() => {
// this.progressFlag = false;
// }, 1000); // 一秒后关闭进度条
// }
},
closed() {
console.log("000000");
this.XZformDiolog = {};
......@@ -505,7 +545,12 @@ export default {
* @return {*}
*/
handSuccess(response, file, fileList) {
let self = this;
console.log(response, file, fileList);
this.loadProgress = 100;
setTimeout(() => {
this.progressFlag = false;
}, 2000); // 一秒后关闭进度条
if (response.code == "201") {
this.$message({
message: response.message,
......@@ -513,17 +558,84 @@ export default {
});
this.handSizePageSearch();
} else if (response.code == "200") {
this.$message({
message: response.message,
type: "success",
});
this.handSizePageSearch();
if (response.data.error > 0) {
this.$confirm(response.message + ",是否下载错误信息...", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
})
.then(() => {
self
.$axios({
method: "get",
url: "/xqapi/rymp/exportErrorRy",
// data:self.showList, //导出的数据
params: { rwid: this.selectRow[0].rwid },
responseType: "blob",
headers: {
"blade-auth":
"bearer " + `${window.sessionStorage.getItem("token")}`,
//为了不进行预处理请求需要用这种格式的数据
"content-type": "application/x-www-form-urlencoded",
},
})
.then((res) => {
// debugger;
console.log(res);
const link = document.createElement("a");
let blob = new Blob([res.data], {
type: "multipary/form-data",
});
console.log(blob);
link.style.display = "none";
link.href = URL.createObjectURL(blob);
link.setAttribute("download", decodeURI("导出失败信息.xlsx"));
document.body.appendChild(link);
link.click();
document.body.removeChild(link);
this.handSizePageSearch();
});
})
.catch(() => {
this.$message({
type: "info",
message: "已取消下载文件...",
});
this.handSizePageSearch();
});
} else {
this.$message({
message: response.message,
type: "success",
});
this.handSizePageSearch();
}
} else if (response.code == "500") {
this.$message({
message: "服务器错误",
type: "success",
});
} else {
}
// console.log(response, file, fileList);
// if (response.code == "201") {
// this.$message({
// message: response.message,
// type: "error",
// });
// this.handSizePageSearch();
// } else if (response.code == "200") {
// this.$message({
// message: response.message,
// type: "success",
// });
// this.handSizePageSearch();
// } else if (response.code == "500") {
// this.$message({
// message: "服务器错误",
// type: "success",
// });
// }
},
/**
* @description: 文件列表移除文件时的钩子
......@@ -613,23 +725,34 @@ export default {
// this.$router.push("/Home/rwgl/rymplb/" + row.rwid + "/zxallList");
// } else {
// }
} else {
if (column.label == "未匹配") {
console.log(row);
this.$router.push("/Home/rwgl/sdxfrw/" + row.rwid + "/zxwpp/"+row.xtLrzzjglx);
this.$router.push(
"/Home/rwgl/sdxfrw/" + row.rwid + "/zxwpp/" + row.xtLrzzjglx
);
// this.$router.push({ name: "rymplb", params: { wppList: row } });
} else if (column.label == "退回") {
this.$router.push("/Home/rwgl/sdxfrw/" + row.rwid + "/zxth/"+row.xtLrzzjglx);
this.$router.push(
"/Home/rwgl/sdxfrw/" + row.rwid + "/zxth/" + row.xtLrzzjglx
);
// this.$router.push({ name: "rymplb", params: { thList: row} });
} else if (column.label == "已匹配") {
this.$router.push("/Home/rwgl/rymplb/" + row.rwid + "/zxypp/"+row.xtLrzzjglx);
this.$router.push(
"/Home/rwgl/rymplb/" + row.rwid + "/zxypp/" + row.xtLrzzjglx
);
} else if (column.label == "已反馈") {
this.$router.push("/Home/rwgl/rymplb/" + row.rwid + "/zxyfk/"+row.xtLrzzjglx);
this.$router.push(
"/Home/rwgl/rymplb/" + row.rwid + "/zxyfk/" + row.xtLrzzjglx
);
} else if (column.label == "未反馈") {
this.$router.push("/Home/rwgl/rymplb/" + row.rwid + "/zxwfk/"+row.xtLrzzjglx);
this.$router.push(
"/Home/rwgl/rymplb/" + row.rwid + "/zxwfk/" + row.xtLrzzjglx
);
} else if (column.label == "推送人员") {
this.$router.push("/Home/rwgl/rymplb/" + row.rwid + "/zxallList/"+row.xtLrzzjglx);
this.$router.push(
"/Home/rwgl/rymplb/" + row.rwid + "/zxallList/" + row.xtLrzzjglx
);
}
}
},
......@@ -640,6 +763,7 @@ export default {
*/
handleClick(row, type) {
let self = this;
self.rwidList = [];
if (type == "xq") {
self.$router.push({ name: "rymplb", params: row });
} else if (type == "xg") {
......@@ -683,6 +807,42 @@ export default {
// }
// self.handSizePageSearch();
// });
} else if (type == "fb") {
if (row.wpp == "0") {
console.log(row.rwid);
self.rwidList.push(row.rwid);
let czOrsq = "";
if (self.lx == "11") {
czOrsq = 0;
} else if (self.lx == "12") {
czOrsq = 1;
}
console.log("参数是3", self.rwidList, czOrsq);
postJson("/xqapi/rymp/issue", {
rwidList: self.rwidList,
czOrsq: czOrsq,
}).then((res) => {
console.log(res);
if ((res.code = "200")) {
self.$message({
message: res.message,
type: "success",
});
self.handSizePageSearch();
} else {
self.$message({
message: res.message,
type: "success",
});
self.handSizePageSearch();
}
});
} else {
this.$message({
message: "任务匹配率未达到100%，无法发布",
type: "warning",
});
}
}
},
handleSizeChange(val) {
......
src/views/rybq.vue 0 → 100644
<!--
* @Author: your name
* @Date: 2021-10-22 18:09:34
* @LastEditTime: 2021-11-30 13:44:27
* @LastEditors: Please set LastEditors
* @Description: In User Settings Edit
* @FilePath: \西青项目\founder_vue\src\views\rwgl\rybq.vue
-->
<template>
<div>
<div class="table">
<div class="header">
<span>{{ dzxq }}</span>
<el-button @click="handleBack" size="small">返回</el-button>
</div>
<div class="tableh">
<el-scrollbar style="height: 100%">
<el-table
:data="tableData"
border
style="width: 100%"
width="auto"
:header-cell-style="{
background: '#c4ddf6',
fontWeight: 'bolder',
fontSize: '16px',
color: '#000',
'text-align': 'center',
}"
v-loading="tableLoading"
element-loading-text="拼命加载中"
:cell-style="{ 'text-align': 'center' }"
>
<el-table-column
prop=""
label="人员标签"
width="280"
show-overflow-tooltip
>
<template slot-scope="scope">
<!-- {{scope.row.yzfcs}} -->
<div class="bq bg1" v-if="scope.row.rybqlx == '红'">
<!-- ({{scope.row.bz}} -->
<span>红</span
><span style="fontsize: 12px" class="dis"
>({{ scope.row.bz }})</span
>
</div>
<div class="bq bg2" v-else-if="scope.row.rybqlx == '橙'">
<span
>橙<span style="fontsize: 12px"
>({{ scope.row.bz }})</span
></span
>
</div>
<div class="bq bg3" v-else-if="scope.row.rybqlx == '黄'">
<span
>黄<span style="fontsize: 12px"
>({{ scope.row.bz }})</span
></span
>
</div>
<div class="bq bg4" v-else-if="scope.row.rybqlx == '蓝'">
<span
>蓝<span style="fontsize: 12px"
>({{ scope.row.bz }})</span
></span
>
</div>
<div class="bq bg5" v-else-if="scope.row.rybqlx == '绿'">
<span
>绿<span style="fontsize: 12px"
>({{ scope.row.bz }})</span
></span
>
</div>
<!-- <div
class="bq bg4"
v-else-if="
scope.row.yzfcs == 1 && Math.ceil(Math.random() * 10) < 5
"
>
<span>蓝</span>
</div>
<div class="bq bg5" v-else>
<span>绿</span>
</div> -->
<!-- <div class="bq bg5" v-if="scope.row.yzfcs== 20">
<span>红</span>
</div> -->
</template>
</el-table-column>
<el-table-column prop="yzfcs" label="应走访人次" width="auto">
</el-table-column>
<el-table-column prop="sjzfcs" label="实走访次数" width="auto">
</el-table-column>
<el-table-column prop="xm" label="姓名" width="auto">
</el-table-column>
<!-- <el-table-column prop="zjhm" label="证件号码" width="auto">
</el-table-column> -->
<el-table-column prop="nl" label="年龄" width="auto">
</el-table-column>
<el-table-column prop="xbdm" label="性别" width="auto">
</el-table-column>
<el-table-column prop="lxfs" label="联系方式" width="150px">
</el-table-column>
<el-table-column prop="zxsj" label="最新走访时间" width="200px">
</el-table-column>
<el-table-column prop="" label="操作" width="auto">
<template slot-scope="scope">
<el-button
@click="handleClick(scope.row)"
type="text"
size="small"
style="font-weight: bolder; font-size: 15px"
>档案</el-button
>
</template>
</el-table-column>
</el-table>
</el-scrollbar>
</div>
<div
style="margin-top: 0px; display: flex; justify-content: space-between"
>
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page.sync="currentPage2"
:page-sizes="[10, 50, 100, 500]"
:page-size="page_size"
layout=" total,sizes, prev, pager, next"
:total="tableDataLength"
>
</el-pagination>
<!-- <el-button @click="handleBack">返回</el-button> -->
</div>
</div>
</div>
</template>
<script>
import {
get,
postJson,
post,
postform,
postdown,
postJsonEx,
} from "@/utils/http.js";
import { hjlx, xb, whcd, mz, zzmm } from "@/assets/jsData/DictionaryCode.js";
export default {
data() {
return {
srk:{},
tableLoading: false, //页面table加载loding
dzxq: "",
currentPage2: 1, //表格页码
page_size: 10, //每页显示多少条
tableDataLength: 0, //当前页面总条数
bg5: true,
tableData: [
// {
// yzfcs: "20",
// sjzfcs: "0",
// xm: "张三",
// zjhm: "110110110",
// xb: "男",
// jzd: "哈尔滨南岗区王岗镇东方新天地3栋一单元1603",
// },
],
SearchList: {
dzysid: "",
page: "1",
limit: "10",
},
};
},
methods: {
handleBack() {
console.log(this.srk);
this.$router.push({
name: "rhzf",
params: { _t: this.srk },
});
},
handleClick(row) {
// {zjhm:row.zjhm,ryid:row.ryid,dzysid:row.dzysid}
this.$router.push({
path: "ryda",
query: { row: JSON.stringify(row) },
});
},
handleSizeChange(val) {
console.log(`每页 ${val} 条`);
this.$set(this.SearchList, "limit", val);
this.getList(this.SearchList);
},
handleCurrentChange(val) {
console.log(`当前页: ${val}`);
this.$set(this.SearchList, "page", val);
this.getList(this.SearchList);
},
ages(str) {
var r = str.match(/^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2})$/);
if (r == null) return false;
var d = new Date(r[1], r[3] - 1, r[4]);
if (
d.getFullYear() == r[1] &&
d.getMonth() + 1 == r[3] &&
d.getDate() == r[4]
) {
var Y = new Date().getFullYear();
return Y - r[1];
}
return "输入的日期格式错误！";
},
getList(form) {
let self = this;
self.tableLoading = true;
postJson("/xqapi/rhzf/queryRhryAll", form).then((res) => {
console.log(res);
if (res.code == 200) {
this.tableData = res.data.rows;
xb.map((item) => {
self.tableData.map((item2) => {
if (item2.xbdm == item.id) {
self.$set(item2, "xbdm", item.text);
}
});
});
self.tableData.map((item) => {
self.$set(item, "nl", self.ages(item.csrq));
console.log(self.ages(item.csrq));
});
console.log(xb);
console.log(self.tableData);
this.tableDataLength = res.data.total;
self.tableLoading = false;
}
});
},
},
mounted() {
// debugger
this.dzxq = this.$route.query.dzxq;
this.SearchList.dzysid = this.$route.query.dzysid;
// this.srk = JSON.parse(this.$route.query.srk);
console.log(this.$route.query.dzysid);
// console.log(this.srk);
if (this.$route.query.dzysid) {
// debugger
this.getList(this.SearchList);
} else {
debugger;
// console.log('45454545');
this.$router.push({
name: "rhzf",
params: "",
});
}
},
};
</script>
<style lang="scss" scoped>
.table {
width: 80%;
margin: 0 auto;
.tableh /deep/ {
height: 700px;
.el-scrollbar__wrap {
overflow-x: hidden;
}
}
.el-scrollbar__wrap {
overflow-x: hidden;
}
.dis {
display: -webkit-box; /*作为弹性伸缩盒子模型显示*/
-webkit-line-clamp: 1; /*显示的行数；如果要设置2行加...则设置为2*/
overflow: hidden; /*超出的文本隐藏*/
text-overflow: ellipsis; /* 溢出用省略号*/
-webkit-box-orient: vertical; /*伸缩盒子的子元素排列：从上到下*/
}
.bq {
width: 257px;
height: 33px;
padding: 0 10px;
box-sizing: border-box;
text-align: center;
border-radius: 5px;
display: flex;
align-items: center;
justify-content: center;
color: rgb(255, 255, 255);
}
.header {
display: flex;
margin: 20px 0px;
color: #e15b5b;
font-weight: bolder;
font-size: 18px;
span {
margin: 0 auto;
}
}
.bg1 {
background: #e21515;
}
.bg2 {
background: #c06b39;
}
.bg3 {
background: #c0b339;
}
.bg4 {
background: #396fc0;
}
.bg5 {
background: #47c039;
}
}
</style>>
src/views/ryda.vue 0 → 100644
<!--
* @Author: your name
* @Date: 2021-10-23 11:38:08
* @LastEditTime: 2021-11-30 16:46:33
* @LastEditors: Please set LastEditors
* @Description: In User Settings Edit
* @FilePath: \电商管理后台vue项目最终版\src\views\system\menu\demo.vue
-->
<template>
<div>
<div class="all">
<div class="header">
<div class="name" style="display: flex; justify-content: space-between">
<span>{{ tableData.xm }}</span>
<div style="margin-right: 10px">
<el-button @click="$router.back(-1)"> 返回</el-button>
</div>
</div>
<div class="ms">
<!-- <el-upload
class="avatar-uploader"
action="https://jsonplaceholder.typicode.com/posts/"
:show-file-list="false"
:on-success="handleAvatarSuccess"
:before-upload="beforeAvatarUpload"
>
<img v-if="imageUrl" :src="imageUrl" class="avatar" />
<i v-else class="el-icon-plus avatar-uploader-icon"></i>
</el-upload> -->
<div class="img">
<img :src="perLogo" alt="" style="width: 100%; height: 100%" />
</div>
<div
class="content"
v-loading="tableLoading"
element-loading-text="拼命加载中"
>
<div class="list">
<span>户籍类型:</span>
<span>{{ tableData.hjlx }}</span>
</div>
<div class="list">
<span>户口类型:</span>
<span>{{ tableData.hklx }}</span>
</div>
<div class="list">
<span>证件种类:</span>
<span>{{ tableData.zjzl }}</span>
</div>
<div class="list">
<span>证件号码:</span>
<span>{{ tableData.zjhm }}</span>
</div>
<div class="list">
<span>性 别:</span>
<span>{{ tableData.xbdm }}</span>
</div>
<div class="list">
<span>出生日期:</span>
<span>{{ tableData.csrq }}</span>
</div>
<div class="list">
<span>民族:</span>
<span>{{ tableData.mzdm }}</span>
</div>
<div class="list">
<span>文化程度:</span>
<span>{{ tableData.whcddm }}</span>
</div>
<div class="list">
<span>政治面貌:</span>
<span>{{ tableData.zzmmdm }}</span>
</div>
<div class="list">
<span>联系方式:</span>
<span>{{ tableData.lxfs }}</span>
</div>
<!-- <div class="list">
<span>年龄:</span>
<span>本市</span>
</div> -->
<div class="list listall">
<span>户籍地址:</span>
<span>{{ tableData.hjdDzxz }}</span>
</div>
<div class="list listall">
<span>居住地址:</span>
<span>{{ tableData.jzddz }}</span>
</div>
<!-- <div class="list">
<span>数据状态:</span>
<span>本市</span>
</div>
<div class="list">
<span>所属学校:</span>
<span>本市</span>
</div> -->
</div>
</div>
</div>
<div class="main">
<div class="maintree">
<span>走访记录</span>
<div class="btn">
<el-button
type="primary"
icon="el-icon-plus"
size="small"
@click="handleRczf"
v-if="zzjglx == 14"
>日常走访</el-button
>
</div>
</div>
<div class="timetree">
<el-timeline
v-loading="tableLoading2"
element-loading-text="拼命加载中"
>
<el-timeline-item
v-for="(activity, index) in activities"
:key="index"
icon="el-icon-more"
type="primary"
color="#0bbd87"
:size="activity.size"
>
<el-card>
<div style="display: flex; justify-content: flex-end">
<el-button
type="text"
icon="el-icon-delete"
circle
@click="handleDelectTimeTree(activity.id)"
v-if="zzjglx == 14"
></el-button>
</div>
<div class="zf">
<div class="zfsj">
<span>走访时间:</span>
<span>{{ activity.zfsj }}</span>
</div>
<div class="zsxs">
<span>走访形式:</span>
<span>{{ activity.zfxs }}</span>
</div>
</div>
<div class="area">
<el-form ref="form" :model="form" label-width="80px">
<el-form-item label="走访详情">
<el-input
:autosize="{ minRows: 5, maxRows: 10 }"
type="textarea"
v-model="activity.zfxq"
></el-input>
</el-form-item>
</el-form>
</div>
<!-- <div v-if="activity.imgbase64"> -->
<!-- <img :src="activity.imgbase64" alt="" style="height:50px;width:50px"> -->
<!-- :src="activity.imgbase64" -->
<div class="divImg" v-if="activity.list">
<div v-for="(item, index) in activity.list" :key="index">
<div style="display: flex; flex-direction: column">
<el-image
style="width: 100px; height: 100px"
:src="'data:image/png;base64,' + item.wj"
:preview-src-list="srcList"
@click="handleImg('data:image/png;base64,' + item.wj)"
>
</el-image>
<el-button type="text" @click="handleClearImg(item)"
>删除</el-button
>
</div>
<!-- <div>{{item}}</div> -->
</div>
</div>
<!-- </div> -->
</el-card>
</el-timeline-item>
</el-timeline>
</div>
</div>
</div>
<div class="diolog">
<el-dialog
title="日常走访"
:visible.sync="dialogFormVisible"
@close="close"
:close-on-click-modal="false"
>
<el-form :model="form" :inline="true" :rules="rules" ref="form">
<div class="formBox">
<div>
<el-form-item
label="走访时间"
:label-width="formLabelWidth"
class="col"
prop="zfsj"
>
<el-date-picker
v-model="form.zfsj"
type="datetime"
placeholder="选择日期时间"
value-format="yyyy-MM-dd HH:mm:ss"
>
</el-date-picker>
</el-form-item>
<el-form-item
label="走访形式"
:label-width="formLabelWidth"
class="col"
prop="zfxs"
>
<el-select v-model="form.zfxs" placeholder="请选择走访形式">
<el-option label="面谈" value="面谈"></el-option>
<el-option label="电话" value="电话"></el-option>
<el-option label="微信" value="微信"></el-option>
</el-select>
</el-form-item>
</div>
<div class="textar">
<el-form-item
label="走访详情"
:label-width="formLabelWidth"
class="colall"
prop="zfxq"
>
<el-input
:autosize="{ minRows: 7, maxRows: 10 }"
type="textarea"
v-model="form.zfxq"
placeholder="不少于20字描述"
></el-input>
</el-form-item>
</div>
</div>
</el-form>
<div style="margin-left: 25px; color: rgb(150 137 137)">(图片上传)</div>
<el-upload
class="upload-demo"
ref="upload"
action="#"
:on-change="handleChange"
:on-remove="handleRemove"
:file-list="fileList"
:auto-upload="false"
:befor-remove="beforRemove"
:on-exceed="handleExceed"
:http-request="() => {}"
multiple
:limit="5"
>
<el-button size="small" type="primary" style="margin-left: 20px"
>上传图片</el-button
>
</el-upload>
<!-- <el-upload
class="upload-image"
ref="upload"
multiple
action="/xqapi/rhzf/insertZfrhXx"
list-type="picture"
:auto-upload="false"
:before-upload="beforeImageUpload"
:http-request="ImageRequest"
accept="image/*"
>
<el-button slot="trigger" size="small" type="primary"
>选取文件</el-button
>
<el-button size="small" type="success" @click="submitUpload"
>上传到服务器</el-button
>
<div slot="tip">
只能上传jpg、png、gif 格式，大小不超过500KB的图片
</div>
</el-upload> -->
<div slot="footer" class="dialog-footer">
<el-button @click="dialogFormVisible = false">取 消</el-button>
<el-button type="primary" @click="handleClickSure('form')"
>确 定</el-button
>
</div>
</el-dialog>
</div>
</div>
</template>
<script>
import {
get,
postJson,
post,
postform,
postdown,
postJsonEx,
} from "@/utils/http.js";
import {
hjlx,
hklx,
xb,
whcd,
mz,
zzmm,
zjlx,
} from "@/assets/jsData/DictionaryCode.js";
import { mapMutations, mapState } from "vuex";
import pUpload from "@/components/Upload.vue";
export default {
data() {
return {
imgList: [],
srcList: [],
myHeaders: {
"blade-auth": "bearer " + `${window.sessionStorage.getItem("token")}`,
},
imgSrc: "",
datalist: {
zfsj: "",
zfxs: "面谈",
zfxq: "",
dzysid: "",
ryid: "",
rhdcid: "",
},
fileList: [],
dialogImageUrl: "",
dialogVisible: false,
perLogo: require("@/assets/img/perLogo.png"),
imageUrl: "",
loading: true,
tableLoading2: false,
tableLoading: false, //页面table加载loding
rhdcid: "",
dialogFormVisible: false,
formLabelWidth: "100px",
form: {
zfsj: "",
zfxs: "面谈",
zfxq: "",
dzysid: "",
ryid: "",
rhdcid: "",
},
tableData: {},
jzddz: "",
hjlxlist: "",
hklx: "",
zjhm: "",
ryid: "",
dzysid: "",
list: {
name: "张三",
age: "男",
},
activities: [
// { zfsj: "", zfxq: "sdasdsss", zfxs: "s" },
// { zfsj: "", zfxq: "sdasdsss", zfxs: "s" },
// { zfsj: "", zfxq: "sdasdsss", zfxs: "s" }
],
rules: {
zfsj: [
{
required: true,
message: "请选择日期",
trigger: "change",
},
],
zfxs: [
{ required: true, message: "请选择走访形式", trigger: "change" },
],
zfxq: [
{ required: true, message: "请填走访详情", trigger: "blur" },
{ min: 20, message: "长度在20个字以上", trigger: "blur" },
],
},
};
},
filters: {
// nameFormat(value) {
// console.log(value);
// if (value.length <script 3) {
// //如果是两个汉字
// value = value.slice(0, 1) + "　" + value.slice(1); //拆分字符串并加入全角的空格
// }
// return value;
// },
},
methods: {
...mapMutations(["setzzjglx"]), //调用vueX的方法修改值
/**
* @description: el-tree 删除
* @param {*}
* @return {*}
*/
handleDelectTimeTree(id) {
let self = this;
console.log(id);
post("/xqapi/rhzf/deleteZfrhXx", {
id: id,
rhdcid: self.rhdcid,
dzysid: self.dzysid,
}).then((res) => {
if (res.code == "200") {
this.$message({
message: "删除成功",
type: "success",
});
self.getList2(self.ryid);
}
});
},
/**
* @description: 图片删除
* @param {*} msg
* @return {*}
*/
handleClearImg(msg) {
let self = this;
console.log(msg);
post("/xqapi/picture/delete", { id: msg.id }).then((res) => {
console.log(res);
if (res.code == 200) {
self.getList2(this.ryid);
}
});
},
beforeImageUpload(file) {
// 上传文件前的钩子对文件进行校验
const size = file.size / 1024 < 500;
if (!size) {
this.$message.error("上传图片大小不能超过 500KB!");
}
return size;
},
ImageRequest(file) {
this.formData.append("image[]", file.file);
},
submitUpload() {
this.formData = new FormData();
// 手动触发上传
this.$refs.upload.submit();
// 此时所有的钩子已经执行完了formData 中存的是通过校验的数据
// 此时在调用接口上传该数据
},
// 文件状态改变时的钩子
fileChange(file, fileList) {
// 该上传文件是否已经存在上传列表中
let isTrue = this.fileList.some((f) => f.name === file.name);
if (isTrue) {
this.$message.warning("请勿重复上传文件！");
// 文件展示列表是将新添加的文件放在数组末尾
fileList.pop();
return;
}
this.fileList = fileList;
},
// 上传文件删除时调用
handleImg(img) {
console.log("111110000", img);
this.srcList = [];
this.srcList.push(img);
},
// imgUrl() {
// axios
// .request({
// url: "file/baseinfo",
// responseType: "blob",
// method: "post",
// params: {
// fileName: fileName,
// },
// })
// .then((res) => {
// let blob = new Blob([res.data], { type: "image/png" });
// let url = window.URL.createObjectURL(blob);
// this.imgSrc = url;
// }),
// (error) => {
// this.$message({
// type: "warning",
// message: "系统错误，请联系管理员!",
// });
// };
// },
beforeUpload(file) {
console.log(file);
//动态给data赋值
this.datalist = this.form;
//如果就这样上传文件 文件名将会是 '初始名称'
//不关闭页面第二次选择文件上传 文件名将会是第一次选择的文件名
//解决方法
let promise = new Promise((resolve) => {
this.$nextTick(function () {
resolve(true);
});
});
return promise;
},
handleBeforeUpload(file) {
// 判断当前的文件类型如果不是这些类型的文件就弹出错误提示并中断上传操作
if (
!(
file.name.indexOf("png") != -1 ||
file.name.indexOf("jpg") != -1 ||
file.name.indexOf("jpeg") != -1 ||
file.name.indexOf("gif") != -1
)
) {
this.$notify({
title: "提示",
message: "只能上传图片格式的文件",
type: "error",
});
// 通过return Promise.reject()可以实现中断上传操作，不在触发上传的函数
// 但是这里要注意的是，组件内部会自动处理已经传入的fileList，在选择文件的时候就会对fileList增加一个
// 本地数据，当我们中断上传时，组件内部会自动自行删除fileList，这样就会触发下面的beforeRemove和remove
return Promise.reject();
}
},
handleError(err) {
console.log(err);
this.$notify({
title: "提示",
message: "上传失败",
type: "error",
});
},
/**
* @description: 文件上传
* @param {*} file
* @param {*} fileList
* @return {*}
*/
handleRemove(file, fileList) {
console.log(file, fileList);
this.fileList = fileList;
},
handlePreview(file) {
console.log(file);
},
handleChange(file, fileList) {
console.log(file, fileList);
this.fileList = fileList;
},
beforRemove() {},
handleError(err, file, fileList) {
console.log(err, file, fileList);
},
handleSuccess(response, file, fileList) {},
handleExceed(files, fileList) {
this.$message.warning(
`当前限制选择 5 个文件，本次选择了 ${files.length} 个文件，共选择了 ${
files.length + fileList.length
} 个文件`
);
},
beforeRemove(file, fileList) {
return this.$confirm(`确定移除 ${file.name}？`);
},
close() {
let self = this;
self.fileList = [];
console.log("100");
this.form = {
zfsj: "",
zfxs: "面谈",
zfxq: "",
dzysid: "",
ryid: "",
rhdcid: "",
};
self.$set(self.form, "ryid", self.ryid);
self.$set(self.form, "dzysid", self.dzysid);
self.$set(self.form, "rhdcid", self.rhdcid);
self.$set(self.datalist, "ryid", self.ryid);
self.$set(self.datalist, "dzysid", self.dzysid);
self.$set(self.datalist, "rhdcid", self.rhdcid);
var now = new Date();
var year = now.getFullYear(); // 得到年份
var month = now.getMonth(); // 得到月份
var date = now.getDate(); // 得到日期
var hour = now.getHours().toString().padStart(2, "0");
var minute = now.getMinutes().toString().padStart(2, "0");
var second = now.getSeconds().toString().padStart(2, "0");
month = month + 1;
month = month.toString().padStart(2, "0");
date = date.toString().padStart(2, "0");
var defaultDate = `${year}-${month}-${date} ${hour}:${minute}:${second}`;
// this.$set(this, "date_time", defaultDate);
this.$set(this.form, "zfsj", defaultDate);
this.$set(this.form, "zfxs", "面谈");
this.$set(this.datalist, "zfsj", defaultDate);
this.$set(this.datalist, "zfxs", "面谈");
},
handleClickSure(formName) {
let self = this;
let params = new FormData();
this.fileList.forEach((item) => {
params.append("file", item.raw);
});
for (let key in self.form) {
params.append(key, self.form[key]);
}
console.log(this.fileList, self.form, 2222222222222);
if (self.$refs[formName][0]) {
self.$refs[formName][0].validate((valid) => {
// debugger;
if (valid) {
// alert("submit!");
postJson("/xqapi/rhzf/insertZfrhXx", params).then((res) => {
console.log(res);
if (res.code == 200) {
self.$message({
message: "提交成功",
type: "success",
});
self.getList2(self.ryid);
self.dialogFormVisible = false;
}
});
} else {
this.$message.error("错了哦，这是一条错误消息");
return false;
}
});
} else {
self.$refs[formName].validate((valid) => {
// debugger;
if (valid) {
postJson("/xqapi/rhzf/insertZfrhXx", params).then((res) => {
console.log(res);
if (res.code == 200) {
self.$message({
message: "提交成功",
type: "success",
});
self.getList2(self.ryid);
self.dialogFormVisible = false;
}
});
} else {
this.$message.error("错了哦，这是一条错误消息");
return false;
}
});
}
console.log(this.form);
},
handleRczf() {
this.dialogFormVisible = true;
var now = new Date();
var year = now.getFullYear(); // 得到年份
var month = now.getMonth(); // 得到月份
var date = now.getDate(); // 得到日期
var hour = now.getHours().toString().padStart(2, "0");
var minute = now.getMinutes().toString().padStart(2, "0");
var second = now.getSeconds().toString().padStart(2, "0");
month = month + 1;
month = month.toString().padStart(2, "0");
date = date.toString().padStart(2, "0");
var defaultDate = `${year}-${month}-${date} ${hour}:${minute}:${second}`;
// this.$set(this, "date_time", defaultDate);
this.$set(this.form, "zfsj", defaultDate);
this.$set(this.form, "zfxs", "面谈");
},
getList(zjhm) {
let self = this;
self.tableLoading = true;
postJson("/xqapi/rhzf/selectRyjbXx", { zjhm: zjhm }).then((res) => {
console.log(res);
if (res.code == 200) {
self.tableData = res.data.rows;
self.tableLoading = false;
if (self.tableData) {
xb.map((item) => {
if (self.tableData.xbdm == item.id) {
self.$set(self.tableData, "xbdm", item.text);
}
});
whcd.map((item) => {
if (self.tableData.whcddm == item.id) {
self.$set(self.tableData, "whcddm", item.text);
}
});
mz.map((item) => {
if (self.tableData.mzdm == item.id) {
self.$set(self.tableData, "mzdm", item.text);
}
});
zzmm.map((item) => {
if (self.tableData.zzmmdm == item.id) {
self.$set(self.tableData, "zzmmdm", item.text);
}
});
zjlx.map((item) => {
if (self.tableData.zjzl == item.id) {
self.$set(self.tableData, "zjzl", item.text);
}
});
self.$set(self.tableData, "jzddz", self.jzddz);
self.$set(self.tableData, "hjlx", self.hjlxlist);
self.$set(self.tableData, "hklx", self.hklx);
// this.tableDataLength = res.data.total;
hjlx.map((item) => {
if (self.tableData.hjlx == item.id) {
self.$set(self.tableData, "hjlx", item.text);
}
});
hklx.map((item) => {
if (self.tableData.hklx == item.id) {
self.$set(self.tableData, "hklx", item.text);
}
});
} else {
self.tableData = new Object();
self.$set(self.tableData, "jzddz", self.jzddz);
self.$set(self.tableData, "hjlx", self.hjlxlist);
self.$set(self.tableData, "hklx", self.hklx);
// debugger
hjlx.map((item) => {
if (self.tableData.hjlx == item.id) {
self.$set(self.tableData, "hjlx", item.text);
}
});
hklx.map((item) => {
if (self.tableData.hklx == item.id) {
self.$set(self.tableData, "hklx", item.text);
}
});
}
}
});
},
getList2(ryid) {
let self = this;
self.tableLoading2 = true;
postJson("/xqapi/rhzf/selectRyzflist", { ryid: ryid }).then((res) => {
console.log(res);
if (res.code == 200) {
self.activities = res.data.rows;
// console.log(self.activities);
// for (var key in self.activities) {
// // console.log(self.activities[key]);
// self.$set(self.activities[key], "imglist", []);
// self.activities[key].imglist.push(self.activities[key].list);
// // console.log(self.activities[key]);
// // if(self.activities[key].list){
// // for(var key2 in self.activities[key].list){
// // let imgSrc = "data:image/png;base64," + item2.wj;
// // self.activities[key].imglist.push(imgSrc);
// // }
// // }
// }
// self.activities.map((item) => {
// // debugger
// if (item.list) {
// item.list.map((item2) => {
// if(item2.wj){
// self.$set(item,'imglist',[])
// self.imgSrc = "data:image/png;base64," + item2.wj;
// item.imglist.push(self.imgSrc)
// // debugger
// }
// console.log(item);
// // console.log(item2.wj);
// // if (item2.wj) {
// // // let blob = new Blob([item2.wj], { type: "image/png" });
// // // let url = window.URL.createObjectURL(blob);
// // // self.imgSrc = url;
// // self.imgSrc = "data:image/png;base64," + item2.wj;
// // console.log(item);
// // console.log(arr);
// // }
// });
// }
// });
// console.log(self.imgSrc);
self.tableLoading2 = false;
// let blob = new Blob([res.data], { type: "image/png" });
// let url = window.URL.createObjectURL(blob);
// this.imgSrc = url;
// self.$set(self.form, "rhdcid", self.activities.rhdcid);
// this.tableData = res.data.rows;
// this.tableDataLength = res.data.total;
}
});
},
},
mounted() {
this.setzzjglx();
// console.log(hjlx);
let self = this;
console.log(JSON.parse(this.$route.query.row));
let row = JSON.parse(this.$route.query.row);
self.zjhm = row.zjhm;
self.ryid = row.ryid;
self.dzysid = row.dzysid;
self.rhdcid = row.id;
self.$set(self.form, "ryid", self.ryid);
self.$set(self.form, "dzysid", self.dzysid);
self.$set(self.form, "rhdcid", self.rhdcid);
self.getList(this.zjhm);
self.jzddz = row.jzddz;
console.log("bug", row.jzddz);
console.log("bug2", self.jzddz);
self.hjlxlist = row.hjlx;
self.hklx = row.hklx;
// self.$set(self.tableData,'jzddz',row.jzddz)
// self.$set(self.tableData,'hjlx',row.hjlx)
// self.$set(self.tableData,'hklx',row.hklx)
console.log(self.tableData);
self.getList2(this.ryid);
console.log(self.form);
},
computed: {
...mapState(["zzjglx"]),
},
components: {
pUpload,
},
};
</script>
<style>
.avatar-uploader .el-upload {
border: 1px dashed #d9d9d9;
border-radius: 6px;
cursor: pointer;
position: relative;
overflow: hidden;
}
.avatar-uploader .el-upload:hover {
border-color: #409eff;
}
.avatar-uploader-icon {
font-size: 28px;
color: #8c939d;
width: 387px;
height: 289px;
line-height: 289px;
text-align: center;
}
.avatar {
width: 387px;
height: 289px;
display: block;
}
</style>
<style lang="scss" scoped>
.formBox {
display: flex;
flex-direction: column;
}
.divImg {
display: flex;
div {
margin-right: 8px;
}
}
.diolog /deep/ {
.col {
width: 48%;
}
.colall {
width: 100%;
}
.textar {
.el-form-item__content {
width: 73%;
}
}
.el-form-item__content {
width: 70%;
}
.el-dialog__header {
background-color: #ccc;
}
.el-dialog__title {
font-weight: bolder;
}
.el-dialog__headerbtn .el-dialog__close {
color: red;
}
}
.uploadImg /deep/ {
.el-upload--picture-card {
width: 58px;
height: 58px;
line-height: 68px;
}
.el-upload-list--picture-card .el-upload-list__item {
width: 58px;
height: 58px;
}
}
.all {
width: 60%;
margin: 0 auto;
// background: red;
// height: 100%;
// max-height: 800px;
max-height: calc(100vh - 135px);
overflow: auto;
&::-webkit-scrollbar {
width: 4px;
/*height: 4px;*/
}
&::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
background: rgba(0, 0, 0, 0.2);
}
&::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
border-radius: 0;
background: rgba(0, 0, 0, 0.1);
}
.header {
height: 400px;
border: 1px solid #ccc;
}
.name {
height: 50px;
background: #ede5e5;
line-height: 50px;
text-indent: 30px;
font-weight: bolder;
font-size: 18px;
}
.ms {
display: flex;
justify-content: space-between;
box-sizing: border-box;
padding: 20px;
.img {
width: 30%;
height: 300px;
border: 1px solid #ccc;
// background: yellow;
.el-upload-dragger {
height: 280px;
}
}
.content {
width: 65%;
// background: yellowgreen;
display: flex;
flex-wrap: wrap;
.list {
width: 50%;
// display: flex;
// text-align: right;
// &:nth-child(1){
// text-align: justify;
// }
}
.listall {
width: 100%;
}
}
}
.main {
margin-top: 15px;
.maintree {
display: flex;
justify-content: space-between;
height: 50px;
background: #ede5e5;
line-height: 50px;
text-indent: 30px;
font-weight: bolder;
font-size: 18px;
.el-button {
// float: right;
}
.btn {
margin-right: 15px;
}
}
.timetree {
// max-height: 300px;
// overflow: auto;
margin-top: 15px;
width: 100%;
margin: 0 auto;
padding: 10px;
box-sizing: border-box;
/*滚动条样式*/
&::-webkit-scrollbar {
width: 4px;
/*height: 4px;*/
}
&::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
background: rgba(0, 0, 0, 0.2);
}
&::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
border-radius: 0;
background: rgba(0, 0, 0, 0.1);
}
.el-button.is-circle {
padding: 5px 8px;
}
.zfsj {
color: #3ca2f5;
font-weight: bolder;
}
.zf {
font-weight: bolder;
display: flex;
justify-content: space-between;
box-sizing: border-box;
padding: 10px;
border-bottom: 2px dashed #aaa;
}
.area {
margin-top: 15px;
}
}
}
}
</style>
src/views/sjwgh.vue
<!--
* @Author: your name
* @Date: 2021-08-28 19:38:23
* @LastEditTime: 2021-10-18 10:14:21
* @LastEditTime: 2021-11-05 14:02:08
* @LastEditors: Please set LastEditors
* @Description: In User Settings Edit
* @FilePath: \founder_vue\src\views\sjwgh.vue
......@@ -51,8 +51,8 @@
<el-button type="text" size="mini" @click="handSerchShow('unfold')"
>{{ isSearch ? "收起" : "展开 " }}
<i v-if="!isSearch" class="el-icon-arrow-up el-icon--right"></i>
<i v-else class="el-icon-arrow-down el-icon--right"></i>
<i v-if="!isSearch" class="el-icon-arrow-down el-icon--right"></i>
<i v-else class="el-icon-arrow-up el-icon--right"></i>
</el-button>
</el-form-item>
</div>
......
src/views/tjbb/dt.vue
<!--
* @Author: your name
* @Date: 2021-08-31 15:25:21
* @LastEditTime: 2021-10-08 16:08:54
* @LastEditTime: 2021-11-04 11:37:41
* @LastEditors: Please set LastEditors
* @Description: In User Settings Edit
* @FilePath: \founder_vue\src\views\tjbb\dt.vue
......@@ -9,62 +9,54 @@
<template>
<div class="dt">
<div class="left">
<div class="title">
辖区各类数据地图展示
</div>
<div class="title">辖区各类数据地图展示</div>
<div class="map" id="leftMap"></div>
</div>
<div class="right">
<div class="title">
辖区各类数据地图展示
</div>
<div class="title">辖区各类数据地图展示</div>
<div class="map" id="rightMap"></div>
</div>
</div>
</template>
<script>
import heatmap from '@/utils/heatmap.json';
import heatmap from "@/utils/heatmap.json";
export default {
data () {
data() {
return {
leftMap: null,
rightMap: null
}
rightMap: null,
};
},
mounted () {
this.leftMap = new EzMap('leftMap')
this.leftMap.centerAndZoom(new EzCoord(117.013949, 39.141591), 14)
//删除EzMapAPI中配置的原始图层
var tileLayers = this.leftMap.getTileLayers().getLayers();
tileLayers.clear();
mounted() {
this.leftMap = new EzMap("leftMap");
this.leftMap.centerAndZoom(new EzCoord(117.013949, 39.141591), 14);
//删除EzMapAPI中配置的原始图层
// var tileLayers = this.leftMap.getTileLayers().getLayers();
// tileLayers.clear();
//TDT官网URL配置
var tdtimageurl = mapOptions.groupLayers.tdtimageurl;
var tdtAnnotationurl = mapOptions.groupLayers.tdtAnnotationurl;
//TDT官网URL配置
// var tdtimageurl = mapOptions.groupLayers.tdtimageurl;
// var tdtAnnotationurl = mapOptions.groupLayers.tdtAnnotationurl;
//使用XYZ格式图层加载TDT地图数据服务
var tdtimage = new EzTileLayerXYZ("tdtImage", tdtimageurl, {
projection: mapOptions.groupLayers.tdtProjection,
});
var tdtannotation = new EzTileLayerXYZ(
"tdtAnnotation",
tdtAnnotationurl,
{
projection: mapOptions.groupLayers.tdtProjection,
}
);
//使用XYZ格式图层加载TDT地图数据服务
// var tdtimage = new EzTileLayerXYZ("tdtImage", tdtimageurl, {
// projection: mapOptions.groupLayers.tdtProjection,
// });
// var tdtannotation = new EzTileLayerXYZ("tdtAnnotation", tdtAnnotationurl, {
// projection: mapOptions.groupLayers.tdtProjection,
// });
//使用图层组合并上面两个图层(注记+图层),Note:图层向下放在数组的首位
var tdtgroup = new EzLayerGroup({
layers: [tdtimage, tdtannotation],
});
this.leftMap.addLayer(tdtgroup);
// //使用图层组合并上面两个图层(注记+图层),Note:图层向下放在数组的首位
// var tdtgroup = new EzLayerGroup({
// layers: [tdtimage, tdtannotation],
// });
// this.leftMap.addLayer(tdtgroup);
window.rightMap = new EzMap('rightMap')
window.rightMap.centerAndZoom(new EzCoord(113.53450137499999, 34.44104525), 4)
window.rightMap.centerAndZoom(new EzCoord(117.013949, 39.141591), 14)
$.getJSON('./jsonData/heatmap.json', function (response) {
console.log(response);
console.log(response);
var convertData = function (data) {
console.log(data)
var res = [];
......@@ -110,44 +102,45 @@ export default {
var echartslayer = new EchartsLayer(options);
echartslayer.appendTo(window.rightMap);
});
},
}
};
</script>
<style lang="scss" scoped>
.dt {
display: flex;
.left {
width: 50%;
.title {
font-size: 16px;
font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
font-weight: bold;
color: #333333;
}
.map {
margin-top: 16px;
width: 94%;
height: calc(100vh - 450px);
background: rgba(0, 0, 0, 0.1);
border-radius: 8px;
}
}
.right {
width: 50%;
.title {
font-size: 16px;
font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
font-weight: bold;
color: #333333;
}
.map {
margin-top: 16px;
width: 94%;
height: calc(100vh - 450px);
background: rgba(0, 0, 0, 0.1);
border-radius: 8px;
}
}
display: flex;
.left {
width: 50%;
.title {
font-size: 16px;
font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
font-weight: bold;
color: #333333;
}
.map {
margin-top: 16px;
width: 94%;
height: calc(100vh - 450px);
background: rgba(0, 0, 0, 0.1);
border-radius: 8px;
}
}
.right {
width: 50%;
.title {
font-size: 16px;
font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
font-weight: bold;
color: #333333;
}
.map {
margin-top: 16px;
width: 94%;
height: calc(100vh - 450px);
background: rgba(0, 0, 0, 0.1);
border-radius: 8px;
}
}
}
</style>
\ No newline at end of file
src/views/tjbb/tb.vue
<!--
* @Author: your name
* @Date: 2021-08-31 15:24:48
* @LastEditTime: 2021-10-13 10:39:59
* @LastEditTime: 2021-11-05 16:16:58
* @LastEditors: Please set LastEditors
* @Description: In User Settings Edit
* @FilePath: \founder_vue\src\views\tjbb\tb.vue
......@@ -117,6 +117,7 @@ export default {
this.searchGxqmprs();
this.searchRymppm();
this.searchLyd();
// this.initEcharts();
// this.initPieFirst(this.rympfkl)
// this.initPieSecond();
......@@ -180,7 +181,8 @@ export default {
});
}
if (this.rympPpl.length != 0) {
this.rymppplloading = true;
// debugger
this.rymppplloading = false;
this.initPieThird(this.rympPpl);
}
// console.log(this.rympPpl);
......@@ -204,13 +206,12 @@ export default {
self.Gxqmprs.push({ value: item.count, name: item.name });
});
}
debugger
if (self.Gxqmprs.length != 0) {
self.initPieSecond(self.Gxqmprs);
self.gxqmprsloading = false;
console.log('_+_+_+_+_+_+_+888', self.gxqmprsloading);
} else if (self.Gxqmprs.length == 0) {
self.initPieSecond(self.Gxqmprs);
// self.initPieSecond(self.Gxqmprs);
self.gxqmprsloading = true;
console.log('_+_+_+_+_+_+_+', self.gxqmprsloading);
}
......@@ -231,6 +232,7 @@ export default {
xtLrzzjglx:this.xtLrzzjglx
}).then((res) => {
// console.log(res);
console.log(res);
if (res.code == "200") {
this.Rymppmname = [];
this.Rymppmth = [];
......@@ -246,27 +248,22 @@ export default {
this.Rymppmyfk.push(item.yfk);
});
}
if (this.Rymppmname.length > 0) {
// debugger
if (this.Rymppmname.length > 0 || this.Rymppmth>0 ||this.Rymppmwfk>0||this.Rymppmxf>0||this.Rymppmyfk>0) {
this.loading = false;
this.initEcharts();
} else if (this.Rymppmname.length == 0) {
this.loading = true;
this.initEcharts();
// this.initEcharts();
}
// console.log(this.Rymppmname);
// console.log(this.Rymppmth);
// console.log(this.Rymppmwfk);
// console.log(this.Rymppmxf);
// console.log(this.Rymppmyfk);
console.log( this.loading);
console.log(this.Rymppmname);
console.log(this.Rymppmth);
console.log(this.Rymppmwfk);
console.log(this.Rymppmxf);
console.log(this.Rymppmyfk);
}
// if (res.code == "200") {
// res.data.rows.map((item) => {
// this.Rymppm.push({ value: item.count, name: item.name });
// });
// this.initEcharts(this.Rymppm);
// console.log(this.Rymppm);
// // res.data.rows.
// }
});
},
/**
......@@ -292,7 +289,7 @@ export default {
this.initPieFourth(this.lyd);
} else if (this.lyd.length == 0) {
this.lydloading = true;
this.initPieFourth(this.lyd);
// this.initPieFourth(this.lyd);
}
}
});
......@@ -350,6 +347,12 @@ export default {
// "李七庄街",
// "精武镇",
// "精武镇",
// "精武镇",
// "精武镇",
// "精武镇",
// "精武镇",
// "精武镇",
// "精武镇",
// ],
data: this.Rymppmname,
axisLine: {
......@@ -369,7 +372,7 @@ export default {
type: "bar",
// data: [
// 18203, 23489, 29034, 104970, 131744, 630230, 104970, 131744,
// 630230,
// 630230,18203, 23489, 29034, 104970, 131744, 630230, 104970,
// ],
data: this.Rymppmxf,
color: "#4D97FF",
......@@ -404,6 +407,8 @@ export default {
data: this.Rymppmth,
color: "#FC6864",
},
],
};
// LeftmyChart.hideLoading();
......
vue.config.js
/*
* @Author: your name
* @Date: 2021-08-27 14:14:36
* @LastEditTime: 2021-10-19 14:50:29
* @LastEditTime: 2021-10-29 11:31:17
* @LastEditors: Please set LastEditors
* @Description: In User Settings Edit
* @FilePath: \founder_vue\vue.config.js
......@@ -86,24 +86,24 @@ module.exports = {
'^/api': '/'
}
},
// "/xqapi": {
// target: "http://192.168.1.137:9022/", //打包时候的路径
// ws: true,
// changeOrigin: true,
// pathRewrite: {
// '^/xqapi': '/'
// }
// },
"/xqapi": {
target: "http://10.96.9.145:9022/", //打包时候的路径（另一个版本 ）
target: "http://192.168.1.137:9022/", //打包时候的路径
ws: true,
changeOrigin: true,
pathRewrite: {
'^/xqapi': '/'
}
},
// "/xqapi": {
// target: "http://10.96.9.145:9022/", //打包时候的路径（另一个版本 ）
// ws: true,
// changeOrigin: true,
// pathRewrite: {
// '^/xqapi': '/'
// }
// },
"/xqapi": {
target: "http://39.99.155.173:8022/", //统一的请求头部每次修改都要重启才会生效http://39.99.155.173:8022/
target: "http://39.99.155.173:8022/", //测试路径 统一的请求头部每次修改都要重启才会生效http://39.99.155.173:8022/
ws: true,
changeOrigin: true,
pathRewrite: {
......
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