Skip to content

F
founder_vue
Commit e1ddb05b by chenqiang
Options

栏目、模型、门户,首页

parent 0845063d
Showing with 1589 additions and 1301 deletions
src/components/headerBoxMh.vue
......@@ -5,15 +5,18 @@
<span style="padding-left: 12px;">欢迎您：{{userInfo.unitname}}<span style="padding-left: 15px;">{{userInfo.true_name}}</span></span>
</div>
<div class="header_box_right">
<div class="iconfont iconlianjie paddingLeft32"></div>
<el-badge :value="12" class="item">
<div class="iconfont iconxiaoxitongzhi paddingLeft32"></div>
</el-badge>
<div @click="LoginOut" class="iconfont icontuichuzhuxiao paddingLeft32" v-if="isFalg"></div>
<div @click="LoginOut" v-if="isFalg" style="cursor: pointer;">
<i class="el-icon-switch-button"></i>
<span style="padding-left: 5px;">登出</span>
</div>
<div @click="getLogin" style="margin-left: 32px;cursor: pointer;" v-else>
<img src="@/assets/img/tb_login.png" alt="">
<span style="padding-left: 5px;">登录</span>
</div>
<div @click="goTo" style="padding-left: 22px;cursor: pointer;">
<i class="el-icon-s-home"></i>
<span style="padding-left: 5px;">首页</span>
</div>
</div>
<!--登录弹窗-->
<login v-show="sptc" @sptcFn="sptcFn"/>
......@@ -38,6 +41,11 @@ export default {
this.isFalg = true
this.userInfo = JSON.parse(localStorage.getItem('userInfo'))
},
// 去首页
goTo(){
let self = this
self.$router.push('/sy')
},
// 点击登录按钮
getLogin() {
this.sptc = true
......
src/components/login.vue
......@@ -55,6 +55,7 @@ export default {
self.login1()
self.login2()
self.login3()
self.login4()
self.$router.push('/mhgl')
// let routeData = self.$router.resolve({
// path: '/mhgl',
......@@ -90,6 +91,12 @@ export default {
})
},
login4(){
let self = this
axios.post('/tgxx/getRecentXtgxx',{}).then(res=>{
debugger
})
},
// PKI登录
PKIlogin() {
// this.sptc = false
......
src/router/modules/index.js
......@@ -8,7 +8,7 @@
export default [
{
path: '/',
redirect: '/login'
redirect: '/sy'
},
{
path: '/login',
......
src/views/fbgl/index.vue
......@@ -245,7 +245,7 @@ export default {
if (val) {
self.page = 1
}
axios.get('/xzz/getXtgxxPage', {
axios.get('/xxzz/getXtgxxPage', {
params: {
mbbt: self.form.mbbt,
page: self.page,
......@@ -284,7 +284,7 @@ export default {
// 嫌疑人
param.append('wbggnr', self.formItem.wbggnr)
param.append('mbbt', self.formItem.mbbt)
axios.post('/xzz/addXtggxx', param).then(res => {
axios.post('/xxzz/addXtggxx', param).then(res => {
if (res.state == 'success') {
self.$message.success('新增成功')
self.dialogFormVisible = false
......@@ -305,7 +305,7 @@ export default {
let param = {
xxbh: row.xxbh
}
axios.post('/xzz/deleteTbXtgg', param, {
axios.post('/xxzz/deleteTbXtgg', param, {
headers: {
'content-Type': 'application/json'
}
......
src/views/mhgl/index.vue
......@@ -20,7 +20,16 @@
<div class="mhgl_box_content_bottom_tb">
<div class="mhgl_box_content_bottom_nr" v-show="item.children.length > 0">
<div class="mhgl_box_content_bottom_nr_lj" v-for="val in item.children" :key="val.url">
<div class="mhgl_box_content_bottom_nr_lj_name" @click="getUrl(val.path,val.name)">{{val.name}}</div>
<!-- <div class="mhgl_box_content_bottom_nr_lj_name" @click="getUrl(val.path,val.name)">{{val.name}}</div>-->
<el-button v-if="val.flag" type="text" class="mhgl_box_content_bottom_nr_lj_name"
@click="getUrl(val.path,val.name)">{{val.name}}
</el-button>
<el-button v-else disabled="" type="text"
class="mhgl_box_content_bottom_nr_lj_name1"
@click="getUrl(val.path,val.name)">
{{val.name}}
<img style="vertical-align: bottom;" src="@/assets/img/suo.png" alt="">
</el-button>
<hr style="width: 164px;background-color: #C6D0D6;height: 1px;border: none;">
</div>
</div>
......@@ -36,6 +45,7 @@
import headerBoxMh from '@/components/headerBoxMh.vue'
import {mapGetters} from 'vuex'
import axios from 'axios'
let Base64 = require('js-base64').Base64
export default {
......@@ -93,7 +103,8 @@
url: require('@/assets/img/tb992.png'),
children: []
}
]
],
keyStr: 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/='
}
},
mounted() {
......@@ -104,8 +115,13 @@
methods: {
// 跳转
getUrl(val, name) {
debugger
let self = this;
let url = '';
let idCard = '';
let xm = '';
let policeId = '';
let unitcode = '';
let unitcode1 = '';
if (val == '/indexList') {
let routeData = self.$router.resolve({
path: val,
......@@ -127,15 +143,61 @@
pwd = JSON.parse(localStorage.getItem('userInfo')).password;
pwd = Base64.decode(pwd);
// pwd = '12345f'
let unitcode = JSON.parse(localStorage.getItem('userInfo')).unitcode.substring(0, 6);
let unitcode1 = JSON.parse(localStorage.getItem('userInfo')).unitcode.substring(0, 8);
let url = "";
unitcode = JSON.parse(localStorage.getItem('userInfo')).unitcode.substring(0, 6);
unitcode1 = JSON.parse(localStorage.getItem('userInfo')).unitcode.substring(0, 8);
if ('500107' == unitcode || '500235' == unitcode || '500154' == unitcode || '50000038' == unitcode1) {
url = "http://77.1.24.143:8051/#/loginnaotu/" + username + "/" + pwd;
} else {
url = "http://77.1.24.144:8050/#/loginnaotu/" + username + "/" + pwd;
}
window.open(url);
} else if (name == '用户管理') {
unitcode = JSON.parse(localStorage.getItem('userInfo')).unitcode.substring(0, 6);
unitcode1 = JSON.parse(localStorage.getItem('userInfo')).unitcode.substring(0, 8);
if ('500107' == unitcode || '500235' == unitcode || '500154' == unitcode || '50000038' == unitcode1) {
url = "http://77.1.24.143:10051/doLogin?token=" + self.getCookie('userSIDKey')
} else {
url = "http://77.1.24.51:10051/doLogin?token=" + self.getCookie('userSIDKey')
}
window.open(url);
} else if (name == '审批') {
idCard = self.encode1(JSON.parse(localStorage.getItem('userInfo')).identitycard)
xm = self.encode1(JSON.parse(localStorage.getItem('userInfo')).true_name)
policeId = self.encode1(JSON.parse(localStorage.getItem('userInfo')).username)
url = val + '?zjhm=' + idCard + '&cxrXm=' + xm + '&cxrJh=' + policeId
window.open(url);
} else if (name == '系统日志') {
url = val + '?yhjh=' + JSON.parse(localStorage.getItem('userInfo')).username
window.open(url);
} else if (name == '基础数据') {
debugger
// idCard = self.encode1(JSON.parse(localStorage.getItem('userInfo')).identitycard)
idCard = Base64.encode(JSON.parse(localStorage.getItem('userInfo')).identitycard)
xm = self.encode1(JSON.parse(localStorage.getItem('userInfo')).true_name)
// policeId = self.encode1(JSON.parse(localStorage.getItem('userInfo')).username)
policeId = Base64.encode(JSON.parse(localStorage.getItem('userInfo')).username)
let time = new Date()
let trueName = JSON.parse(localStorage.getItem('userInfo')).true_name
let asjbh = "智慧侦查-" + time
let objValue = ''
let asjmc = '智慧侦查-基础数据查询'
url = val + '?userCid=' + idCard + '&objValue='+ objValue + '&asjbh=' +
asjbh + '&asjmc=' + asjmc + '&trueName=' + trueName + '&username=' +
policeId + '&source=ZJM' + 'objType='
unitcode = JSON.parse(localStorage.getItem('userInfo')).unitcode.substring(0, 6);
unitcode1 = JSON.parse(localStorage.getItem('userInfo')).unitcode.substring(0, 8);
if ('500107' == unitcode || '500235' == unitcode || '500154' == unitcode || '50000038' == unitcode1) {
url = 'http://77.1.24.143:9060/toJcsjcxJsp?userCid=' + idCard + '&objValue='+ objValue + '&asjbh=' +
asjbh + '&asjmc=' + asjmc + '&trueName=' + trueName + '&username=' +
policeId + '&source=ZJM' + 'objType='
} else {
url = 'http://77.1.24.51:9060/toJcsjcxJsp?userCid=' + idCard + '&objValue='+ objValue + '&asjbh=' +
asjbh + '&asjmc=' + asjmc + '&trueName=' + trueName + '&username=' +
policeId + '&source=ZJM' + 'objType='
}
window.open(url);
} else {
window.open(val)
}
......@@ -148,20 +210,117 @@
})
window.open(routeData.href, '_blank')
}
},
encode1(input) {
var output = "";
let self = this
var chr1, chr2, chr3, enc1, enc2, enc3, enc4;
var i = 0;
input = self._utf8_encode(input);
while (i < input.length) {
chr1 = input.charCodeAt(i++);
chr2 = input.charCodeAt(i++);
chr3 = input.charCodeAt(i++);
enc1 = chr1 >> 2;
enc2 = ((chr1 & 3) << 4) | (chr2 >> 4);
enc3 = ((chr2 & 15) << 2) | (chr3 >> 6);
enc4 = chr3 & 63;
if (isNaN(chr2)) {
enc3 = enc4 = 64;
} else if (isNaN(chr3)) {
enc4 = 64;
}
output = output +
self.keyStr.charAt(enc1) + self.keyStr.charAt(enc2) +
self.keyStr.charAt(enc3) + self.keyStr.charAt(enc4);
}
return output;
},
decode1(input) {
var output = "";
var chr1, chr2, chr3;
var enc1, enc2, enc3, enc4;
var i = 0;
input = input.replace(/[^A-Za-z0-9\+\/\=]/g, "");
while (i < input.length) {
enc1 = this.keyStr.indexOf(input.charAt(i++));
enc2 = this.keyStr.indexOf(input.charAt(i++));
enc3 = this.keyStr.indexOf(input.charAt(i++));
enc4 = this.keyStr.indexOf(input.charAt(i++));
chr1 = (enc1 << 2) | (enc2 >> 4);
chr2 = ((enc2 & 15) << 4) | (enc3 >> 2);
chr3 = ((enc3 & 3) << 6) | enc4;
output = output + String.fromCharCode(chr1);
if (enc3 != 64) {
output = output + String.fromCharCode(chr2);
}
if (enc4 != 64) {
output = output + String.fromCharCode(chr3);
}
}
output = this._utf8_decode(output);
return output;
},
_utf8_encode(string) {
string = string.replace(/\r\n/g, "\n");
var utftext = "";
for (var n = 0; n < string.length; n++) {
var c = string.charCodeAt(n);
if (c < 128) {
utftext += String.fromCharCode(c);
} else if ((c > 127) && (c < 2048)) {
utftext += String.fromCharCode((c >> 6) | 192);
utftext += String.fromCharCode((c & 63) | 128);
} else {
utftext += String.fromCharCode((c >> 12) | 224);
utftext += String.fromCharCode(((c >> 6) & 63) | 128);
utftext += String.fromCharCode((c & 63) | 128);
}
}
return utftext;
},
_utf8_decode(utftext) {
var string = "";
var i = 0;
var c = c1 = c2 = 0;
while (i < utftext.length) {
c = utftext.charCodeAt(i);
if (c < 128) {
string += String.fromCharCode(c);
i++;
} else if ((c > 191) && (c < 224)) {
c2 = utftext.charCodeAt(i + 1);
string += String.fromCharCode(((c & 31) << 6) | (c2 & 63));
i += 2;
} else {
c2 = utftext.charCodeAt(i + 1);
c3 = utftext.charCodeAt(i + 2);
string += String.fromCharCode(((c & 15) << 12) | ((c2 & 63) << 6) | (c3 & 63));
i += 3;
}
}
return string;
},
// 获取cookie
getCookie(cookieName) {
let arr, reg = new RegExp('(^|)' + cookieName + '=([^;]*)(;|$)')
if (arr = document.cookie.match(reg)) {
return unescape(arr[2])
} else {
return null
}
},
// 鼠标移入
mouseHandel(item, index) {
item.flag = true
let dom = document.getElementsByClassName('mhgl_box_content_bottom')
console.log(dom)
dom[index].style.top = '-80px'
},
// 鼠标移出
mouseHandelOut(item, index) {
item.flag = false
let dom = document.getElementsByClassName('mhgl_box_content_bottom')
console.log(dom)
dom[index].style.top = '0px'
},
// 栏目查询
......@@ -179,21 +338,40 @@
{headers: headers}
)
.then(function (res) {
debugger
let isDis = JSON.parse(localStorage.getItem('userInfo')).username == 'admin' ? true : false
self.urlImg.forEach(item => {
res.data.list.forEach(each => {
if (item.id == each.id) {
item.name = each.name
}
if (item.id == each.prentId) {
let obj = each
if (isDis) {
obj.flag = true
} else {
if (each.name == '门户管理') {
obj.flag = false
} else {
obj.flag = true
}
}
item.children.push(each)
}
if(item.id == '11' && each.state == 2){
if (item.id == '11' && each.state == 2) {
let obj = each
if (isDis) {
obj.flag = true
} else {
if (each.name == '门户管理') {
obj.flag = false
} else {
obj.flag = true
}
}
item.children.push(each)
}
})
})
console.log(self.urlImg)
})
.catch(function (err) {
console.log(err)
......@@ -299,11 +477,30 @@
font-family: PingFang SC;
color: #111418;
/*border-bottom: 1px solid #C6D0D6;*/
.mhgl_box_content_bottom_nr_lj_name {
font-size: 16px;
cursor: pointer;
font-weight: 600;
padding: 0;
font-family: PingFang SC;
color: #111418;
}
.mhgl_box_content_bottom_nr_lj_name1 {
color: #666666;
font-size: 16px;
font-weight: 600;
padding: 0;
font-family: PingFang SC;
}
.mhgl_box_content_bottom_nr_lj_name:hover {
/*background-color: #fff;*/
font-size: 18px;
color: #3a80ec;
}
}
.mhgl_box_content_bottom_nr_lj_name:hover {
/*background-color: #fff;*/
font-size: 18px;
}
}
}
}
......
src/views/mxmk/index.vue
<template>
<div id="mxgl_table">
<el-container>
<el-header>
<header-box/>
</el-header>
<el-main>
<div class="form_box">
<el-form abel-position="right"
label-width="140px"
ref="queryForm" :model="form" inline style="text-align: left">
<el-form-item label="模板名称">
<el-input v-model="form.name" clearable></el-input>
</el-form-item>
<el-form-item label="模板类型：">
<el-select v-model="form.type" placeholder="请选择" clearable>
<el-option
v-for="item in mxlxList"
:key="item.value"
:label="item.name"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="getData('yes')">查询</el-button>
</el-form-item>
</el-form>
</div>
<div style="padding: 10px;background-color: #fff;margin-top: 18px;border-radius: 4px;">
<div style="height: 28px;line-height: 28px;background-color: #fff;padding: 10px;">
<span style="color:#333333;vertical-align: middle;">查询结果</span>
<!--可配置化图标-->
<div
style="
<div id="mxgl_table">
<el-container>
<el-header>
<header-box/>
</el-header>
<el-main>
<div class="form_box">
<el-form abel-position="right"
label-width="140px"
ref="queryForm" :model="form" inline style="text-align: left">
<el-form-item label="模板名称">
<el-input v-model="form.name" clearable></el-input>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="getData('yes')">查询</el-button>
</el-form-item>
</el-form>
</div>
<div style="padding: 10px;background-color: #fff;margin-top: 18px;border-radius: 4px;">
<div style="height: 28px;line-height: 28px;background-color: #fff;padding: 10px;">
<span style="color:#333333;vertical-align: middle;">查询结果</span>
<!--可配置化图标-->
<div
style="
vertical-align: middle;
height: 30px;
line-height: 30px;
......@@ -45,96 +35,103 @@
<span style="color: #f22">{{ total }}</span>
条查询结果
</span>
</div>
</div>
<el-table
:data="tableData"
v-loading="tableLoading"
element-loading-text="拼命加载中"
ref="itsmDataTable"
tooltip-effect="dark"
max-height="600"
width="100%"
size="small"
:cell-style="{
</div>
</div>
<el-table
:data="tableData"
v-loading="tableLoading"
element-loading-text="拼命加载中"
ref="itsmDataTable"
tooltip-effect="dark"
max-height="600"
width="100%"
size="small"
:cell-style="{
color: '#525252',
}"
:header-row-style="{ 'background-color': '#FAFAFA', color: '#333333' }"
:header-cell-style="{ 'background-color': '#FAFAFA' }">
<el-table-column
prop="name"
label="模板名称"
width="180">
</el-table-column>
<el-table-column
prop="typeStr"
label="模板类型">
</el-table-column>
<el-table-column
prop="djsj"
label="创建时间">
</el-table-column>
<el-table-column
prop="fbsj"
label="发布时间">
</el-table-column>
<el-table-column
label="是否发布">
<template slot-scope="scope">
<span v-if="scope.row.stat == '1'">是</span>
<span v-else>否</span>
</template>
</el-table-column>
<el-table-column
prop="bz"
label="备注">
</el-table-column>
<el-table-column label="操作" width="300">
<template slot-scope="scope">
<el-button @click="add(scope.row)" type="text" size="small">评价</el-button>
</template>
</el-table-column>
</el-table>
<!--分页-->
<el-pagination background
@size-change="handleSizeChange"
style="text-align: center;padding-top: 10px;"
@current-change="handleCurrentChange"
:current-page.sync="page"
:page-sizes="[10, 20, 50, 100]"
:page-size="limit"
layout="sizes,prev, pager, next"
:total="total">
</el-pagination>
</div>
<el-dialog title="添加评价"
:visible.sync="dialogFormVisible"
width="900"
ref="ruleForm3"
custom-class="tztgClassIndex">
<div style="margin-bottom: 16px;
:header-row-style="{ 'background-color': '#FAFAFA', color: '#333333' }"
:header-cell-style="{ 'background-color': '#FAFAFA' }">
<el-table-column
prop="name"
label="模板名称"
width="300">
</el-table-column>
<el-table-column
prop="typeStr"
label="模板类型">
</el-table-column>
<el-table-column
prop="djsj"
label="创建时间">
</el-table-column>
<el-table-column
prop="fbsj"
label="发布时间">
</el-table-column>
<el-table-column
width="80"
label="是否发布">
<template slot-scope="scope">
<span v-if="scope.row.stat == '1'">是</span>
<span v-else>否</span>
</template>
</el-table-column>
<el-table-column
prop="bz"
width="320"
label="备注">
</el-table-column>
<el-table-column label="操作" width="200">
<template slot-scope="scope">
<el-button @click="add(scope.row)" type="primary" size="mini">评价</el-button>
<el-button @click="detail(scope.row)" type="danger" size="mini">进入模型</el-button>
</template>
</el-table-column>
</el-table>
<!--分页-->
<el-pagination background
@size-change="handleSizeChange"
style="text-align: center;padding-top: 10px;"
@current-change="handleCurrentChange"
:current-page.sync="page"
:page-sizes="[10, 20, 50, 100]"
:page-size="limit"
layout="sizes,prev, pager, next"
:total="total">
</el-pagination>
</div>
<el-dialog title="添加评价"
:visible.sync="dialogFormVisible"
width="900"
ref="ruleForm3"
custom-class="tztgClassIndex">
<div style="margin-bottom: 16px;
height: 127px;
background-color: #fff;
padding-left: 32px;
display: flex;
flex-direction: column;
justify-content: center;">
<div style="color:#525252;">
<div style="color:#525252;">
<span
style="font-size: 20px;
style="font-size: 20px;
color:#525252;
font-weight: bold;
font-family: PingFangSC-Medium">模型名称：</span>
<span>{{editObj.name}}</span>
</div>
<div style="color:#767676;margin-top: 16px;">
<span>模型用途：</span>
<span>{{editObj.bz}}</span>
</div>
</div>
<div style="background-color: #fff;">
<div
style="height: 55px;
<span>{{editObj.name}}</span>
</div>
<div style="color:#767676;margin-top: 16px;">
<span>模型用途：</span>
<span>{{editObj.bz}}</span>
</div>
<div style="color:#767676;margin-top: 16px;">
<span>路径：</span>
<a :href="editObj.path">{{editObj.path}}</a>
</div>
</div>
<div style="background-color: #fff;">
<div
style="height: 55px;
color:#525252;
padding-left: 32px;
line-height: 55px;
......@@ -142,405 +139,412 @@
font-family: PingFangSC-Medium;
font-weight: bold;
font-size: 16px;">
模型输入输出
</div>
<div style="display: flex;padding-left: 36px;padding-right: 36px;">
<div style="width: 50%;padding-right: 15px;">
<div style="padding: 16px 0;color:#525252;font-size: 14px;font-weight: bold;">输入</div>
<el-table
:data="srTableData"
width="100%"
:row-style="{
模型输入输出
</div>
<div style="display: flex;padding-left: 36px;padding-right: 36px;">
<div style="width: 50%;padding-right: 15px;">
<div style="padding: 16px 0;color:#525252;font-size: 14px;font-weight: bold;">输入</div>
<el-table
:data="srTableData"
width="100%"
:row-style="{
'background-color': '#FAFAFA',
'font-size': '14px',
'font-family': 'Microsoft YaHei',
'font-weight': '400',
'color': '#525252',
'margin-top': '10px'}"
:cell-style="{
:cell-style="{
'border-bottom': '1px dashed #4D6F9E',}"
:header-cell-style="{ 'background-color': '#506683','color': '#fff' }">
<el-table-column
prop="paraName"
label="参数名称">
</el-table-column>
<el-table-column
prop="paraType"
label="参数类型">
</el-table-column>
<el-table-column
prop="paraMs"
label="参数描述">
</el-table-column>
</el-table>
</div>
<div style="width: 50%;padding-left: 15px;">
<div style="padding: 16px 0;color:#525252;font-size: 14px;font-weight: bold;">输出</div>
<el-table
:data="scTableData"
width="100%"
:row-style="{
:header-cell-style="{ 'background-color': '#506683','color': '#fff' }">
<el-table-column
prop="paraName"
label="参数名称">
</el-table-column>
<el-table-column
prop="paraType"
label="参数类型">
</el-table-column>
<el-table-column
prop="paraMs"
label="参数描述">
</el-table-column>
</el-table>
</div>
<div style="width: 50%;padding-left: 15px;">
<div style="padding: 16px 0;color:#525252;font-size: 14px;font-weight: bold;">输出</div>
<el-table
:data="scTableData"
width="100%"
:row-style="{
'background-color': '#FAFAFA',
'font-size': '14px',
'font-family': 'Microsoft YaHei',
'font-weight': '400',
'color': '#525252',
'margin-top': '10px'}"
:cell-style="{
:cell-style="{
'border-bottom': '1px dashed #4D6F9E',}"
:header-cell-style="{ 'background-color': '#5D9696','color': '#fff' }">
<el-table-column
prop="paraName"
label="参数名称">
</el-table-column>
<el-table-column
prop="paraType"
label="参数类型">
</el-table-column>
<el-table-column
prop="paraMs"
label="参数描述">
</el-table-column>
</el-table>
</div>
</div>
</div>
<div style="background-color: #fff;margin-top: 16px;padding: 0 32px;">
<div
style="height: 55px;
:header-cell-style="{ 'background-color': '#5D9696','color': '#fff' }">
<el-table-column
prop="paraName"
label="参数名称">
</el-table-column>
<el-table-column
prop="paraType"
label="参数类型">
</el-table-column>
<el-table-column
prop="paraMs"
label="参数描述">
</el-table-column>
</el-table>
</div>
</div>
</div>
<div style="background-color: #fff;margin-top: 16px;padding: 0 32px;">
<div
style="height: 55px;
color:#525252;
line-height: 55px;
border-bottom: 1px solid #E9E9E9;
font-family: PingFangSC-Medium;
font-weight: bold;
font-size: 16px;">
评论详情
</div>
<el-form label-position="right"
label-width="100px"
class="form_wdpl"
ref="queryForm" :model="formItem" style="text-align: left">
<el-form-item label="我的评论：" style="text-align: left;padding-left: 4px;font-weight: bold;">
<el-rate v-model="formItem.yhpf"></el-rate>
<el-input type="textarea" v-model="formItem.yhpjnr"
style="width: calc(100% - 32px);padding: 10px 0 20px 0;"
:rows="8"></el-input>
</el-form-item>
</el-form>
</div>
<div slot="footer" class="dialog-footer">
<el-button @click="dialogFormVisible = false">取 消</el-button>
<el-button type="primary" @click="submit">确 定</el-button>
</div>
</el-dialog>
</el-main>
</el-container>
</div>
评论详情
</div>
<el-form label-position="right"
label-width="100px"
class="form_wdpl"
ref="queryForm" :model="formItem" style="text-align: left">
<el-form-item label="我的评论：" style="text-align: left;padding-left: 4px;font-weight: bold;">
<el-rate v-model="formItem.yhpf"></el-rate>
<el-input type="textarea" v-model="formItem.yhpjnr"
style="width: calc(100% - 32px);padding: 10px 0 20px 0;"
:rows="8"></el-input>
</el-form-item>
</el-form>
</div>
<div slot="footer" class="dialog-footer">
<el-button @click="dialogFormVisible = false">取 消</el-button>
<el-button type="primary" @click="submit">确 定</el-button>
</div>
</el-dialog>
</el-main>
</el-container>
</div>
</template>
<script>
import axios from 'axios'
import headerBox from '../../components/headerBox.vue'
import axios from 'axios'
import headerBox from '../../components/headerBox.vue'
export default {
name: 'index',
components: { headerBox },
data() {
return {
tableData: [],
tableLoading: false,
dialogFormVisible: false,
form: {
name: '',
type: ''
},
formItem: {
yhjh: '123',
xxzjbh: 'TP163132970890043c44e',
yhpjnr: '',
yhpf: ''
},
srTableData: [
{
paraName: '1',
paraType: '2',
paraMs: '3'
export default {
name: 'index',
components: {headerBox},
data() {
return {
tableData: [],
tableLoading: false,
dialogFormVisible: false,
form: {
name: '',
type: ''
},
formItem: {
yhjh: '123',
xxzjbh: 'TP163132970890043c44e',
yhpjnr: '',
yhpf: ''
},
srTableData: [
{
paraName: '1',
paraType: '2',
paraMs: '3'
}
],
scTableData: [
{
paraName: '4',
paraType: '5',
paraMs: '6'
}
],
page: 1,
limit: 10,
total: 0,
editObj: {},
// 模型类型
mxlxList: [
{
name: '虚实身份转换算法模型',
value: '1'
}, {
name: '虚拟关系人比对算法模型',
value: '2'
}, {
name: '电子围栏算法模型',
value: '3'
}, {
name: '网络围栏算法模型',
value: '4'
}, {
name: '多点轨迹碰撞算法模型',
value: '5'
}, {
name: '人车机时空轨迹伴随算法模型',
value: '6'
}, {
name: '三网电子固证算法模型',
value: '7'
}, {
name: '人案智能推荐算法模型',
value: '8'
}, {
name: '侦查研判算法模型',
value: '9'
}, {
name: '预警预测算法模型',
value: '10'
}, {
name: '关系网络算法模型',
value: '11'
}, {
name: '时空算法模型',
value: '12'
}, {
name: '其他',
value: '999'
}
]
}
},
created() {
this.form.type = this.$route.query.type
},
mounted() {
this.getData('yes')
},
methods: {
handleCurrentChange(val) {
this.page = val
this.getData()
},
handleSizeChange(val) {
this.limit = val
this.getData()
},
// 查询总数
getCount() {
let self = this
let param = {
name: self.form.name,
type: self.form.type,
stat: '1'
}
axios.post('/mxgl/template/selectTbStTemplateCount', param, {
headers: {
'content-Type': 'application/json',
}
}).then(res => {
if (res.status == 200) {
self.total = res.data
}
})
},
// 查询
getData(val) {
let self = this
self.tableLoading = true
if (val) {
self.page = 1
}
let param = {
name: self.form.name,
type: self.form.type,
page: self.page,
limit: self.limit,
stat: '1'
}
axios.post('/mxgl/template/selectTbStTemplateList', param, {
headers: {
'content-Type': 'application/json'
}
}).then(res => {
if (res.status == 200) {
self.tableLoading = false
self.tableData = res.data
}
})
self.getCount()
},
detail(row){
debugger
let self = this
if(row.path){
window.open(row.path)
}
},
// 新增评价
add(row) {
let self = this
self.formItem = {
yhjh: '',
xxzjbh: '',
yhpjnr: '',
yhpf: ''
}
self.dialogFormVisible = true
self.getDatasc(row)
self.getDatasr(row)
self.editObj = row
},
submit() {
let self = this
let param = {
yhjh: '123',
xxzjbh: self.editObj.xxzjbh,
yhpjnr: self.formItem.yhpjnr,
yhpf: self.formItem.yhpf
}
axios.post('/mxgl/template/insertPJ', param, {
headers: {
'content-Type': 'application/json'
}
}).then(res => {
if (res.data.status == 'success') {
self.$message.success('新增评价成功')
self.dialogFormVisible = false
self.getData('yes')
}
})
},
// 参数输入查询
getDatasr(row) {
let self = this
let param = {
xxzjbh: row.xxzjbh
}
axios.post('/mxgl/template/selectModelSrList', param, {
headers: {
'content-Type': 'application/json'
}
}).then(res => {
if (res.status == '200') {
self.srTableData = res.data
}
})
},
// 参数输出查询
getDatasc(row) {
let self = this
let param = {
xxzjbh: row.xxzjbh
}
axios.post('/mxgl/template/selectModelScList', param, {
headers: {
'content-Type': 'application/json'
}
}).then(res => {
if (res.status == '200') {
self.scTableData = res.data
}
})
}
}
],
scTableData: [
{
paraName: '4',
paraType: '5',
paraMs: '6'
}
],
page: 1,
limit: 10,
total: 0,
editObj: {},
// 模型类型
mxlxList: [
{
name: '虚实身份转换算法模型',
value: '1'
}, {
name: '虚拟关系人比对算法模型',
value: '2'
}, {
name: '电子围栏算法模型',
value: '3'
}, {
name: '网络围栏算法模型',
value: '4'
}, {
name: '多点轨迹碰撞算法模型',
value: '5'
}, {
name: '人车机时空轨迹伴随算法模型',
value: '6'
}, {
name: '三网电子固证算法模型',
value: '7'
}, {
name: '人案智能推荐算法模型',
value: '8'
}, {
name: '侦查研判算法模型',
value: '9'
}, {
name: '预警预测算法模型',
value: '10'
}, {
name: '关系网络算法模型',
value: '11'
}, {
name: '时空算法模型',
value: '12'
}, {
name: '其他',
value: '999'
}
]
}
},
created() {
this.form.type = this.$route.query.type
},
mounted() {
this.getData('yes')
},
methods: {
handleCurrentChange(val) {
this.page = val
this.getData()
},
handleSizeChange(val) {
this.limit = val
this.getData()
},
// 查询总数
getCount() {
let self = this
let param = {
name: self.form.name,
type: self.form.type,
stat: '1'
}
axios.post('/mxgl/template/selectTbStTemplateCount', param, {
headers: {
'content-Type': 'application/json',
}
}).then(res => {
if (res.status == 200) {
self.total = res.data
}
})
},
// 查询
getData(val) {
let self = this
self.tableLoading = true
if (val) {
self.page = 1
}
let param = {
name: self.form.name,
type: self.form.type,
page: self.page,
limit: self.limit,
stat: '1'
}
axios.post('/mxgl/template/selectTbStTemplateList', param, {
headers: {
'content-Type': 'application/json'
}
}).then(res => {
if (res.status == 200) {
self.tableLoading = false
self.tableData = res.data
}
})
self.getCount()
},
// 新增评价
add(row) {
let self = this
self.formItem = {
yhjh: '',
xxzjbh: '',
yhpjnr: '',
yhpf: ''
}
self.dialogFormVisible = true
self.getDatasc(row)
self.getDatasr(row)
self.editObj = row
},
submit() {
let self = this
let param = {
yhjh: '123',
xxzjbh: self.editObj.xxzjbh,
yhpjnr: self.formItem.yhpjnr,
yhpf: self.formItem.yhpf
}
axios.post('/mxgl/template/insertPJ', param, {
headers: {
'content-Type': 'application/json'
}
}).then(res => {
if (res.data.status == 'success') {
self.$message.success('新增评价成功')
self.dialogFormVisible = false
self.getData('yes')
}
})
},
// 参数输入查询
getDatasr(row) {
let self = this
let param = {
xxzjbh: row.xxzjbh
}
axios.post('/mxgl/template/selectModelSrList', param, {
headers: {
'content-Type': 'application/json'
}
}).then(res => {
if (res.status == '200') {
self.srTableData = res.data
}
})
},
// 参数输出查询
getDatasc(row) {
let self = this
let param = {
xxzjbh: row.xxzjbh
}
axios.post('/mxgl/template/selectModelScList', param, {
headers: {
'content-Type': 'application/json'
}
}).then(res => {
if (res.status == '200') {
self.scTableData = res.data
}
})
}
}
}
</script>
<style scoped lang="scss">
#mxgl_table {
/deep/ .el-header {
padding: 0;
height: 48px !important;
background-color: rgba(18, 35, 87, .7);
}
#mxgl_table {
/deep/ .el-header {
padding: 0;
height: 48px !important;
background-color: rgba(18, 35, 87, .7);
}
.el-main {
height: calc(100vh - 48px);
margin: 0;
border: none;
width: 100%;
padding: 24px;
background-color: #ECEEF2;
}
.el-main {
height: calc(100vh - 48px);
margin: 0;
border: none;
width: 100%;
padding: 24px;
background-color: #ECEEF2;
}
.total {
color: #999;
margin-left: 28px;
margin-right: 22px;
float: left;
}
.total {
color: #999;
margin-left: 28px;
margin-right: 22px;
float: left;
}
.form_box {
background-color: #fff;
padding-top: 20px;
border-radius: 4px;
.form_box {
background-color: #fff;
padding-top: 20px;
border-radius: 4px;
}
}
}
</style>
<style lang="scss">
#mxgl_table {
.tztgClassIndex {
#mxgl_table {
.tztgClassIndex {
.el-dialog__header {
text-align: left;
border-bottom: 1px solid #ccc;
padding: 10px 10px 10px 24px;
.el-dialog__header {
text-align: left;
border-bottom: 1px solid #ccc;
padding: 10px 10px 10px 24px;
.el-dialog__title {
font-size: 15px;
color: #222;
font-weight: bold;
}
.el-dialog__title {
font-size: 15px;
color: #222;
font-weight: bold;
}
.el-dialog__headerbtn {
top: 14px;
}
}
.el-dialog__headerbtn {
top: 14px;
}
}
.el-dialog__body {
max-height: 420px;
padding: 0 !important;
overflow: auto;
background-color: #F5F5F5;
.el-dialog__body {
max-height: 420px;
padding: 0 !important;
overflow: auto;
background-color: #F5F5F5;
.zdycol22 {
width: 90% !important;
margin-top: 20px !important;
margin-bottom: 0;
}
.zdycol22 {
width: 90% !important;
margin-top: 20px !important;
margin-bottom: 0;
}
.zdycol23 {
width: 90% !important;
height: 160px;
margin-top: 20px !important;
margin-bottom: 0;
.zdycol23 {
width: 90% !important;
height: 160px;
margin-top: 20px !important;
margin-bottom: 0;
.el-textarea__inner {
max-height: 150px !important;
min-height: 150px !important;
}
}
}
.el-textarea__inner {
max-height: 150px !important;
min-height: 150px !important;
}
}
}
.el-dialog__footer {
border-top: 1px solid #ccc;
}
.el-dialog__footer {
border-top: 1px solid #ccc;
}
.form_wdpl {
.el-form-item__label {
margin-top: 5px;
.form_wdpl {
.el-form-item__label {
margin-top: 5px;
}
}
}
}
}
.el-rate {
margin: 15px 0 5px 0;
.el-rate {
margin: 15px 0 5px 0;
}
}
}
</style>
src/views/mxmk/mxfb.vue
......@@ -80,9 +80,9 @@
prop="bz"
label="备注">
</el-table-column>
<el-table-column label="操作" width="300">
<el-table-column label="操作" width="80">
<template slot-scope="scope">
<el-button @click="submit(scope.row)" type="text" size="small">发布</el-button>
<el-button @click="submit(scope.row)" type="primary" size="mini">发布</el-button>
<!-- <el-button @click="del(scope.row)" type="text" size="small">删除</el-button>-->
</template>
</el-table-column>
......
src/views/mxmk/mxgl.vue
......@@ -93,10 +93,10 @@
prop="bz"
label="备注">
</el-table-column>
<el-table-column label="操作" width="300">
<el-table-column label="操作" width="180">
<template slot-scope="scope">
<el-button @click="edit(scope.row)" type="text" size="small">修改</el-button>
<el-button @click="del(scope.row)" type="text" size="small">删除</el-button>
<el-button @click="edit(scope.row)" type="primary" size="mini">修改</el-button>
<el-button @click="del(scope.row)" type="danger" size="mini">删除</el-button>
</template>
</el-table-column>
</el-table>
......@@ -137,13 +137,16 @@
</el-form-item>
</div>
<div>
<el-form-item label="路径：">
<el-input v-model="form.path" clearable></el-input>
</el-form-item>
<el-form-item label="模板描述：">
<el-input
type="textarea"
:rows="4"
v-model="form.bz"
autocomplete="off"
style="width: 565px"
style="width: 228px"
clearable></el-input>
</el-form-item>
</div>
......@@ -305,6 +308,7 @@ export default {
bz: '',
type: '',
name: '',
path: '',
xxzjbh: '',
cssr: [
{
......@@ -340,8 +344,8 @@ export default {
getCount() {
let self = this
let param = {
name: self.form.name,
type: self.form.type,
name: self.formItem.name,
type: self.formItem.type,
stat: ''
}
axios.post('/mxgl/template/selectTbStTemplateCount', param, {
......@@ -389,6 +393,7 @@ export default {
xxzjbh: self.form.xxzjbh,
name: self.form.name,
type: self.form.type,
path: self.form.path,
bz: self.form.bz,
cssr: self.form.cssr,
cssc: self.form.cssc
......@@ -417,6 +422,7 @@ export default {
self.form.name = row.name
self.form.type = row.type
self.form.bz = row.bz
self.form.path = row.path
self.form.xxzjbh = row.xxzjbh
self.getDatasr(row)
self.getDatasc(row)
......@@ -495,7 +501,7 @@ export default {
}
}).then(res => {
if (res.status == '200') {
self.form.cssr = res.data
self.form.cssr = res.data.length > 0 ? res.data : self.form.cssr
}
})
},
......@@ -511,7 +517,7 @@ export default {
}
}).then(res => {
if (res.status == '200') {
self.form.cssc = res.data
self.form.cssc = res.data.length > 0 ? res.data : self.form.cssc
}
})
}
......
src/views/mxmk/mxpj.vue
......@@ -84,9 +84,9 @@
prop="bz"
label="备注">
</el-table-column>
<el-table-column label="操作" width="300">
<el-table-column label="操作" width="80">
<template slot-scope="scope">
<el-button @click="detail(scope.row)" type="text" size="small">详情</el-button>
<el-button @click="detail(scope.row)" type="primary" size="mini">详情</el-button>
</template>
</el-table-column>
</el-table>
......
src/views/mxmk/mxsj.vue
......@@ -18,6 +18,9 @@
</el-option>
</el-select>
</el-form-item>
<el-form-item label="路径">
<el-input v-model="form.path" clearable></el-input>
</el-form-item>
</div>
<div>
<el-form-item label="模板描述：">
......@@ -169,6 +172,7 @@ export default {
bz: '',
type: '',
name: '',
path: '',
cssr: [
{
paraName: '',
......
src/views/sy/index.scss
......@@ -17,7 +17,17 @@
background-repeat: no-repeat;
background-size: contain;
}
.sy_box_head_left{
position: absolute;
left: 10px;
top: 10px;
font-size: 14px;
color: #64a2d6;
.sy_box_head_right_nr {
padding-left: 31px;
cursor: pointer;
}
}
.sy_box_head_right {
display: flex;
position: absolute;
......
src/views/sy/index.vue
<template>
<div id="syBox" class="sy_box">
<div class="sy_box_head">
<div class="sy_box_head_title"></div>
<div class="sy_box_head_right">
<div class="sy_box_head_right_nr" @click="getTxl">
<img src="@/assets/img/tb_txl.png" alt="">
<span style="padding-left: 5px;">通讯录</span>
</div>
<div class="sy_box_head_right_nr" @click="getWdxz">
<img src="@/assets/img/tb_wdxz.png" alt="">
<span style="padding-left: 5px;">文档下载</span>
</div>
<div class="sy_box_head_right_nr" v-if="isFalg">
<el-dropdown trigger="click" style="color:#64a2d6; font-size: 14px;" @command="LoginOut">
<span class="el-dropdown-link">
<img src="@/assets/img/tb_tc.png" alt="">
<span style="padding-left: 5px;">欢迎您：{{userInfo.unitname}}&nbsp;&nbsp;&nbsp;{{userInfo.true_name}}</span>
</span>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item command="a">退出</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
<div class="sy_box_head_right_nr" @click="getLogin" v-else>
<img src="@/assets/img/tb_login.png" alt="">
<span style="padding-left: 5px;">登录</span>
</div>
</div>
</div>
<div class="sy_box_content">
<!-- 左侧部分 -->
<div class="sy_box_content_l">
<!-- 常用工具 -->
<div class="sy_box_content_l_t">
<div class="sy_box_content_l_t_title">
<img src="@/assets/img/sy_1.png" alt=""/>
<span class="sy_box_content_l_t_title_span">常用工具</span>
</div>
<div class="sy_box_content_l_t_box">
<div v-for="(item, index) in list1" class="sy_box_content_l_t_box_nr" :key="index">
<div class="sy_box_content_l_t_box_nr_img">
<div class="sy_box_content_l_t_box_nr_img_border_div">
<img :src="item.imgUrl" alt=""/>
<div id="syBox" class="sy_box">
<div class="sy_box_head">
<div class="sy_box_head_title"></div>
<div class="sy_box_head_left">
<div class="sy_box_head_right_nr" v-if="isFalg">
<span style="padding-left: 5px;">欢迎您：{{userInfo.unitname}}&nbsp;&nbsp;&nbsp;{{userInfo.true_name}}</span>
</div>
</div>
<span class="sy_box_content_l_t_box_nr_text">{{
item.name
}}</span>
</div>
</div>
</div>
<!-- 左侧中间 -->
<div class="sy_box_content_l_m">
<!-- 鲜活展示 -->
<div class="sy_box_content_l_m_t">
<div class="sy_box_content_l_m_title">
<img src="@/assets/img/sy_1.png" alt=""/>
<span class="sy_box_content_l_m_title_span">鲜活展示</span>
</div>
<div class="sy_box_content_l_m_show">
<div class="item yazc">
<div class="icon">
<img src="../../assets/img/xhzs/yazc.png" alt="">
</div>
<div class="content">
<div class="name">以案侦查</div>
<div class="num">129009</div>
</div>
</div>
<div class="item dtjs">
<div class="icon">
<img src="../../assets/img/xhzs/dtjs.png" alt="">
</div>
<div class="content">
<div class="name">地图检索</div>
<div class="num">77544</div>
</div>
</div>
<div class="item zzdt">
<div class="icon">
<img src="../../assets/img/xhzs/zzdt.png" alt="">
</div>
<div class="content">
<div class="name">智侦导图</div>
<div class="num">643</div>
</div>
</div>
<div class="item xxtk">
<div class="icon">
<img src="../../assets/img/xhzs/xxtk.png" alt="">
</div>
<div class="content">
<div class="name">刑嫌调控</div>
<div class="num">107</div>
</div>
</div>
<div class="item zhzf">
<div class="icon">
<img src="../../assets/img/xhzs/zhzf.png" alt="">
</div>
<div class="content">
<div class="name">综合战法</div>
<div class="num">498271</div>
<div class="sy_box_head_right">
<div class="sy_box_head_right_nr" @click="getTxl">
<img src="@/assets/img/tb_txl.png" alt="">
<span style="padding-left: 5px;">通讯录</span>
</div>
</div>
<div class="item gjfx">
<div class="icon">
<img src="../../assets/img/xhzs/gjfx.png" alt="">
<div class="sy_box_head_right_nr" @click="getWdxz">
<img src="@/assets/img/tb_wdxz.png" alt="">
<span style="padding-left: 5px;">文档下载</span>
</div>
<div class="content">
<div class="name">轨迹分析</div>
<div class="num">38483</div>
<div class="sy_box_head_right_nr" @click="goTo" v-if="isFalg">
<i class="el-icon-s-home"></i>
<span style="padding-left: 5px;">门户</span>
</div>
</div>
<div class="item yczc">
<div class="icon">
<img src="../../assets/img/xhzs/yczc.png" alt="">
<div class="sy_box_head_right_nr" @click="getLogin" v-if="!isFalg">
<img src="@/assets/img/tb_login.png" alt="">
<span style="padding-left: 5px;">登录</span>
</div>
<div class="content">
<div class="name">以车侦查</div>
<div class="num">21204</div>
<div class="sy_box_head_right_nr" v-if="isFalg" @click="LoginOut">
<!-- <span class="iconfont icontuichuzhuxiao"></span>-->
<i class="el-icon-switch-button"></i>
<span style="padding-left: 5px;">登出</span>
</div>
</div>
<div class="item yrzc">
<div class="icon">
<img src="../../assets/img/xhzs/yrzc.png" alt="">
</div>
<div class="content">
<div class="name">以人侦查</div>
<div class="num">3</div>
</div>
</div>
</div>
</div>
<!-- 访问统计 -->
<div class="sy_box_content_l_m_b">
<div class="sy_box_content_l_m_b_title">
<img src="@/assets/img/sy_1.png" alt=""/>
<span class="sy_box_content_l_m_b_title_span">访问统计</span>
</div>
<div class="sy_box_content_l_m_b_echarts">
<div id="line-echarts" class="sy_box_content_l_m_b_echarts_id"></div>
</div>
</div>
</div>
<!-- 动态感知采集 -->
<div class="sy_box_content_l_b">
<div class="sy_box_content_l_b_title">
<img src="@/assets/img/sy_1.png" alt=""/>
<span class="sy_box_content_l_b_title_span">动态感知采集</span>
</div>
<div class="sy_box_content_l_b_d">
<div class="sy_box_content_l_b_d_l">
<div id="pie-charts" class="sy_box_content_l_b_d_l_pie"></div>
</div>
<div class="sy_box_content_l_b_d_r">
<div v-for="(item, index) in list2" :key="index" class="sy_box_content_l_b_d_item">
<img :src="item.imgUrl" class="sy_box_content_l_b_d_item_img"/>
<div class="sy_box_content_l_b_d_item_r">
<span style="color:#FEFEFE;">{{ item.name }}</span>
<span class="sy_box_content_l_b_d_item_r_content">{{
<div class="sy_box_content">
<!-- 左侧部分 -->
<div class="sy_box_content_l">
<!-- 常用工具 -->
<div class="sy_box_content_l_t">
<div class="sy_box_content_l_t_title">
<img src="@/assets/img/sy_1.png" alt=""/>
<span class="sy_box_content_l_t_title_span">常用工具</span>
</div>
<div class="sy_box_content_l_t_box">
<div v-for="(item, index) in list1" class="sy_box_content_l_t_box_nr" :key="index">
<div class="sy_box_content_l_t_box_nr_img">
<div class="sy_box_content_l_t_box_nr_img_border_div">
<img :src="item.imgUrl" alt=""/>
</div>
</div>
<span class="sy_box_content_l_t_box_nr_text">{{
item.name
}}</span>
</div>
</div>
</div>
<!-- 左侧中间 -->
<div class="sy_box_content_l_m">
<!-- 鲜活展示 -->
<div class="sy_box_content_l_m_t">
<div class="sy_box_content_l_m_title">
<img src="@/assets/img/sy_1.png" alt=""/>
<span class="sy_box_content_l_m_title_span">鲜活展示</span>
</div>
<div class="sy_box_content_l_m_show">
<div class="item yazc">
<div class="icon">
<img src="../../assets/img/xhzs/yazc.png" alt="">
</div>
<div class="content">
<div class="name">以案侦查</div>
<div class="num">129009</div>
</div>
</div>
<div class="item dtjs">
<div class="icon">
<img src="../../assets/img/xhzs/dtjs.png" alt="">
</div>
<div class="content">
<div class="name">地图检索</div>
<div class="num">77544</div>
</div>
</div>
<div class="item zzdt">
<div class="icon">
<img src="../../assets/img/xhzs/zzdt.png" alt="">
</div>
<div class="content">
<div class="name">智侦导图</div>
<div class="num">643</div>
</div>
</div>
<div class="item xxtk">
<div class="icon">
<img src="../../assets/img/xhzs/xxtk.png" alt="">
</div>
<div class="content">
<div class="name">刑嫌调控</div>
<div class="num">107</div>
</div>
</div>
<div class="item zhzf">
<div class="icon">
<img src="../../assets/img/xhzs/zhzf.png" alt="">
</div>
<div class="content">
<div class="name">综合战法</div>
<div class="num">498271</div>
</div>
</div>
<div class="item gjfx">
<div class="icon">
<img src="../../assets/img/xhzs/gjfx.png" alt="">
</div>
<div class="content">
<div class="name">轨迹分析</div>
<div class="num">38483</div>
</div>
</div>
<div class="item yczc">
<div class="icon">
<img src="../../assets/img/xhzs/yczc.png" alt="">
</div>
<div class="content">
<div class="name">以车侦查</div>
<div class="num">21204</div>
</div>
</div>
<div class="item yrzc">
<div class="icon">
<img src="../../assets/img/xhzs/yrzc.png" alt="">
</div>
<div class="content">
<div class="name">以人侦查</div>
<div class="num">3</div>
</div>
</div>
</div>
</div>
<!-- 访问统计 -->
<div class="sy_box_content_l_m_b">
<div class="sy_box_content_l_m_b_title">
<img src="@/assets/img/sy_1.png" alt=""/>
<span class="sy_box_content_l_m_b_title_span">访问统计</span>
</div>
<div class="sy_box_content_l_m_b_echarts">
<div id="line-echarts" class="sy_box_content_l_m_b_echarts_id"></div>
</div>
</div>
</div>
<!-- 动态感知采集 -->
<div class="sy_box_content_l_b">
<div class="sy_box_content_l_b_title">
<img src="@/assets/img/sy_1.png" alt=""/>
<span class="sy_box_content_l_b_title_span">动态感知采集</span>
</div>
<div class="sy_box_content_l_b_d">
<div class="sy_box_content_l_b_d_l">
<div id="pie-charts" class="sy_box_content_l_b_d_l_pie"></div>
</div>
<div class="sy_box_content_l_b_d_r">
<div v-for="(item, index) in list2" :key="index" class="sy_box_content_l_b_d_item">
<img :src="item.imgUrl" class="sy_box_content_l_b_d_item_img"/>
<div class="sy_box_content_l_b_d_item_r">
<span style="color:#FEFEFE;">{{ item.name }}</span>
<span class="sy_box_content_l_b_d_item_r_content">{{
item.total
}}</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 中间部分 -->
<div class="sy_box_content_m">
<!-- 上方统计部分 -->
<div class="sy_box_content_m_t">
<div class="top">
<div class="item" v-for="(item,index) in list4" :key="index">
<div class="name">
<div class="icon">
<img :src="item.imgUrl" alt="">
<!-- 中间部分 -->
<div class="sy_box_content_m">
<!-- 上方统计部分 -->
<div class="sy_box_content_m_t">
<div class="top">
<div class="item" v-for="(item,index) in list4" :key="index">
<div class="name">
<div class="icon">
<img :src="item.imgUrl" alt="">
</div>
<div class="txt">{{item.name}}</div>
</div>
<div class="num">
<span class="count">{{item.total}}</span>个
</div>
</div>
</div>
<div class="content">
<div class="left"></div>
<div class="center">
<div class="circle_outer">
<div class="item one">
<div class="icon">
<img src="../../assets/img/center/xtmc1.png" alt="">
</div>
<div class="title">系统名称1</div>
</div>
<div class="item two">
<div class="icon">
<img src="../../assets/img/center/xtmc2.png" alt="">
</div>
<div class="title">系统名称2</div>
</div>
<div class="item three">
<div class="icon">
<img src="../../assets/img/center/xtmc3.png" alt="">
</div>
<div class="title">系统名称3</div>
</div>
<div class="item four">
<div class="icon">
<img src="../../assets/img/center/xtmc4.png" alt="">
</div>
<div class="title">系统名称4</div>
</div>
</div>
<div class="circle_inner"></div>
<div class="circle_lft">
<span>常用业务系统</span>
</div>
</div>
<div class="right"></div>
</div>
</div>
<div class="txt">{{item.name}}</div>
</div>
<div class="num">
<span class="count">{{item.total}}</span>个
</div>
</div>
</div>
<div class="content">
<div class="left"></div>
<div class="center">
<div class="circle_outer">
<div class="item one">
<div class="icon">
<img src="../../assets/img/center/xtmc1.png" alt="">
</div>
<div class="title">系统名称1</div>
</div>
<div class="item two">
<div class="icon">
<img src="../../assets/img/center/xtmc2.png" alt="">
</div>
<div class="title">系统名称2</div>
</div>
<div class="item three">
<div class="icon">
<img src="../../assets/img/center/xtmc3.png" alt="">
</div>
<div class="title">系统名称3</div>
<!-- 下方基础数据统计 -->
<div class="sy_box_content_m_b">
<div class="sy_box_content_m_b_title">
<img src="@/assets/img/sy_1.png" alt=""/>
<span class="sy_box_content_m_b_title_span">基础数据统计</span>
</div>
<div class="sy_box_content_m_b_total">
<div class="sy_box_content_m_b_content" v-for="(item,i) in statistics" :key="i">
<div class="top">
{{item.total}}
</div>
<div class="bottom">
<div class="title">
{{item.name}}
</div>
</div>
</div>
</div>
</div>
<div class="item four">
<div class="icon">
<img src="../../assets/img/center/xtmc4.png" alt="">
</div>
<div class="title">系统名称4</div>
</div>
</div>
<div class="circle_inner"></div>
<div class="circle_lft">
<span>常用业务系统</span>
</div>
</div>
<div class="right"></div>
</div>
</div>
<!-- 下方基础数据统计 -->
<div class="sy_box_content_m_b">
<div class="sy_box_content_m_b_title">
<img src="@/assets/img/sy_1.png" alt=""/>
<span class="sy_box_content_m_b_title_span">基础数据统计</span>
</div>
<div class="sy_box_content_m_b_total">
<div class="sy_box_content_m_b_content" v-for="(item,i) in statistics" :key="i">
<div class="top">
{{item.total}}
</div>
<div class="bottom">
<div class="title">
{{item.name}}
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 右边部分 -->
<div class="sy_box_content_r">
<!-- 人员通讯录 -->
<div class="sy_box_content_r_t">
<div class="sy_box_content_r_t_title">
<img src="@/assets/img/sy_1.png" alt=""/>
<span class="sy_box_content_r_t_title_span">人员通讯录</span>
</div>
<!-- 下面的 table 部分 -->
<div class="sy_box_content_r_t_content">
<el-table :data="tableData" :row-style="{
<!-- 右边部分 -->
<div class="sy_box_content_r">
<!-- 资金止付情况 -->
<div class="sy_box_content_r_t">
<div class="sy_box_content_r_t_title">
<img src="@/assets/img/sy_1.png" alt=""/>
<span class="sy_box_content_r_t_title_span">资金止付情况</span>
</div>
<!-- 下面的 table 部分 -->
<div class="sy_box_content_r_t_content">
<el-table :data="tableData2" :row-style="{
'background-color': 'transparent',
'font-size': '14px',
'font-family': 'Microsoft YaHei',
'font-weight': '400',
color: '#FFFFFF',
color: '#add8f3',
'margin-top': '10px'
}" :cell-style="{
background: 'transparent',
......@@ -271,598 +273,648 @@
'background-color': '#002d65',
'border-bottom': 'none'
}" stripe style="width: 432px;margin:auto;background: transparent;" height="390">
<el-table-column prop="department" label="部门">
</el-table-column>
<el-table-column prop="name" label="姓名"></el-table-column>
<el-table-column prop="Jnumber" label="警号"></el-table-column>
<el-table-column prop="phone" label="联系电话"></el-table-column>
</el-table>
</div>
</div>
<div class="sy_box_content_r_b">
<div class="sy_box_content_r_b_title">
<img src="@/assets/img/sy_1.png" alt=""/>
<span class="sy_box_content_r_b_title_span">最新公告</span>
</div>
<div class="sy_box_content_r_b_content">
<div class="sy_box_content_r_b_content_p" v-for="(item,index) in tableDataTztg" :key="index">
<div class="sy_box_content_r_b_content_bj">
<div class="sy_box_content_r_b_content_span">{{item.fbsj}}</div>
</div>
<div class="sy_box_content_r_b_content_text">
<el-tooltip placement="top" effect="light">
<div slot="content">{{item.wbggnr}}</div>
<div
class="sy_box_content_r_b_content_text_span">{{item.wbggnr}}
</div>
</el-tooltip>
</div>
<el-table-column prop="type" label="类型" width="50"></el-table-column>
<el-table-column prop="id" label="银行卡"></el-table-column>
<el-table-column prop="number" label="金额" width="70"></el-table-column>
<el-table-column prop="date" label="日期" width="110"></el-table-column>
</el-table>
</div>
</div>
<div class="sy_box_content_r_b">
<div class="sy_box_content_r_b_title">
<img src="@/assets/img/sy_1.png" alt=""/>
<span class="sy_box_content_r_b_title_span">最新公告</span>
</div>
<div class="sy_box_content_r_b_content">
<div class="sy_box_content_r_b_content_p" v-for="(item,index) in tableDataTztg" :key="index">
<div class="sy_box_content_r_b_content_bj">
<div class="sy_box_content_r_b_content_span">{{item.fbsj}}</div>
</div>
<div class="sy_box_content_r_b_content_text">
<el-tooltip placement="top" effect="light">
<div slot="content">{{item.wbggnr}}</div>
<div
class="sy_box_content_r_b_content_text_span">{{item.wbggnr}}
</div>
</el-tooltip>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--通讯录弹窗-->
<div class="txl" @click.self="closeSptc" v-show="txl">
<div class="txl_content">
<div class="top">
<div class="title">通讯录</div>
<div class="close" @click.stop="closeSptc">
<img src="../../assets/img/txl/close.png" alt="">
</div>
</div>
<div class="dashed_line">
<img src="../../assets/img/txl/dashed.png" alt="">
</div>
<div class="table">
<el-table :highlight-current-row="false" ref="table" class="tableData" border max-height="320"
:header-cell-style="{'background':'#053878', 'color':'#CEE7F7'}" :data="txlData" style="width: 100%"
:row-class-name="tableRowClassName">
<el-table-column prop="date" label="部门" width="auto" align="center">
</el-table-column>
<el-table-column prop="name" label="姓名" width="auto" align="center">
</el-table-column>
<el-table-column prop="jh" label="警号" width="auto" align="center">
</el-table-column>
<el-table-column prop="lxdh" label="联系电话" width="auto" align="center">
</el-table-column>
</el-table>
</div>
</div>
</div>
<!--文档下载弹窗-->
<div class="wdxz" @click.self="closeSptc" v-show="wdxz">
<div class="txl_content">
<div class="top">
<div class="title">文档下载</div>
<div class="close" @click.stop="closeSptc">
<img src="../../assets/img/txl/close.png" alt="">
</div>
</div>
<div class="dashed_line">
<img src="../../assets/img/txl/dashed.png" alt="">
<!--通讯录弹窗-->
<div class="txl" @click.self="closeSptc" v-show="txl">
<div class="txl_content">
<div class="top">
<div class="title">通讯录</div>
<div class="close" @click.stop="closeSptc">
<img src="../../assets/img/txl/close.png" alt="">
</div>
</div>
<div class="dashed_line">
<img src="../../assets/img/txl/dashed.png" alt="">
</div>
<div class="table">
<el-table :highlight-current-row="false" ref="table" class="tableData" border max-height="320"
:header-cell-style="{'background':'#053878', 'color':'#CEE7F7'}" :data="txlData"
style="width: 100%"
:row-class-name="tableRowClassName">
<el-table-column prop="date" label="部门" width="auto" align="center">
</el-table-column>
<el-table-column prop="name" label="姓名" width="auto" align="center">
</el-table-column>
<el-table-column prop="jh" label="警号" width="auto" align="center">
</el-table-column>
<el-table-column prop="lxdh" label="联系电话" width="auto" align="center">
</el-table-column>
</el-table>
</div>
</div>
</div>
<div class="table">
<el-table :highlight-current-row="false" ref="table" class="tableData" border max-height="320"
:header-cell-style="{'background':'#053878', 'color':'#CEE7F7'}" :data="wdxzData" style="width: 100%"
:row-class-name="tableRowClassName">
<el-table-column prop="date" label="文档名称" width="441">
</el-table-column>
<el-table-column prop="name" label="操作" width="auto" align="center">
</el-table-column>
</el-table>
<!--文档下载弹窗-->
<div class="wdxz" @click.self="closeSptc" v-show="wdxz">
<div class="txl_content">
<div class="top">
<div class="title">文档下载</div>
<div class="close" @click.stop="closeSptc">
<img src="../../assets/img/txl/close.png" alt="">
</div>
</div>
<div class="dashed_line">
<img src="../../assets/img/txl/dashed.png" alt="">
</div>
<div class="table">
<el-table :highlight-current-row="false" ref="table" class="tableData" border max-height="320"
:header-cell-style="{'background':'#053878', 'color':'#CEE7F7'}" :data="wdxzData"
style="width: 100%"
:row-class-name="tableRowClassName">
<el-table-column prop="date" label="文档名称" width="441">
</el-table-column>
<el-table-column prop="name" label="操作" width="auto" align="center">
</el-table-column>
</el-table>
</div>
</div>
</div>
</div>
<!--登录弹窗-->
<login v-show="sptc" @sptcFn="sptcFn"/>
</div>
<!--登录弹窗-->
<login v-show="sptc" @sptcFn="sptcFn"/>
</div>
</template>
<script>
import zoom from '@/utils/autosize.js'
import echarts from 'echarts'
import login from '@c/login.vue'
import * as am4core from '@amcharts/amcharts4/core'
import * as am4charts from '@amcharts/amcharts4/charts'
import am4themes_animated from '@amcharts/amcharts4/themes/animated'
import axios from 'axios'
import moment from 'moment'
import zoom from '@/utils/autosize.js'
import echarts from 'echarts'
import login from '@c/login.vue'
import * as am4core from '@amcharts/amcharts4/core'
import * as am4charts from '@amcharts/amcharts4/charts'
import am4themes_animated from '@amcharts/amcharts4/themes/animated'
import axios from 'axios'
import moment from 'moment'
am4core.useTheme(am4themes_animated)
export default {
name: 'index',
components:{ login },
data() {
return {
userInfo: JSON.parse(localStorage.getItem('userInfo')) || {},
isFalg: localStorage.getItem('isFalg') || false,
txlData: [{
date: '刑侦总队',
name: '下载',
jh: '560528',
lxdh: '15183424744'
}, {
date: '刑侦总队',
name: '下载',
jh: '560528',
lxdh: '15183424744'
}, {
date: '刑侦总队',
name: '下载',
jh: '560528',
lxdh: '15183424744'
}, {
date: '刑侦总队',
name: '下载',
jh: '560528',
lxdh: '15183424744'
}, {
date: '刑侦总队',
name: '下载',
jh: '560528',
lxdh: '15183424744'
}, {
date: '刑侦总队',
name: '下载',
jh: '560528',
lxdh: '15183424744'
}, {
date: '刑侦总队',
name: '下载',
jh: '560528',
lxdh: '15183424744'
}],
wdxzData: [{
date: '重庆市***区公安局市xxx文档',
name: '下载'
}, {
date: '重庆市***区公安局市xxx文档',
name: '下载'
}, {
date: '重庆市***区公安局市xxx文档',
name: '下载'
}],
dialogFormVisible: false,
list1: [
{
name: '用户手册',
imgUrl: require('@/assets/img/cygj_yhsc.png')
},
{
name: '数字证书',
imgUrl: require('@/assets/img/cygj_szzs.png')
},
{
name: '浏览器',
imgUrl: require('@/assets/img/cygj_llq.png')
},
{
name: '空间转换',
imgUrl: require('@/assets/img/cygj_kjzh.png')
}
],
label: [233, 233, 200, 180, 199, 233, 210, 180],
value: [233, 233, 200, 180, 199, 233, 210, 180],
list2: [
{
imgUrl: require('@/assets/img/sy_kk.png'),
name: '卡口',
total: 129
},
{
imgUrl: require('@/assets/img/sy_sp.png'),
name: '视频',
total: 129
},
{
imgUrl: require('@/assets/img/sy_wb.png'),
name: '网吧',
total: 129
},
{
imgUrl: require('@/assets/img/sy_ld.png'),
name: '旅店',
total: 129
}
],
list4: [],
tableData: [
{
department: '2016-05-02',
name: '王小虎',
Jnumber: '688369',
phone: '18330987255'
},
{
department: '2016-05-04',
name: '王小虎',
Jnumber: '688369',
phone: '18330987255'
},
{
department: '2016-05-01',
name: '王小虎',
Jnumber: '688369',
phone: '18330987255'
},
{
department: '2016-05-03',
name: '王小虎',
Jnumber: '688369',
phone: '18330987255'
}
],
statistics: [
{
name: '案件总数',
total: 3566
},
{
name: '嫌疑人数',
total: 3481
},
{
name: '重点人员数',
total: 3292
},
{
name: '可疑人员数',
total: 4630
},
{
name: '可疑车辆数',
total: 4200
},
{
name: '可疑标识数',
total: 2440
}
],
sptc: false,
txl: false,
wdxz: false,
tableDataTztg: [],
}
},
mounted() {
this.getData()
this.getDataTztg()
this.initLineEcharts()
this.$refs.table.clearSort()
// 屏幕自适应
zoom('syBox')
window.addEventListener('resize', function () {
zoom('syBox')
})
},
methods: {
sptcFn(val){
this.sptc = val
},
// 通知通告
getDataTztg() {
let self = this
axios.get('/xzz/getXtgxxPage', {
params: {
mbbt: '',
page: 1,
row: 9999
}
}).then(res => {
if (res.state == 'success') {
self.tableLoading = false
self.tableDataTztg = res.data
// self.total = res.count
if (self.tableDataTztg.length > 0) {
self.tableDataTztg.forEach(item => {
if (item.fbsj) {
item.fbsj = moment(item.fbsj).format('MM月DD日')
}
})
}
}
})
},
// 接口1
getData() {
let self = this
axios.post('/xxyy/selectCounts').then(res => {
self.list2 = res.list2
self.list2.forEach(item => {
switch (item.name) {
case '卡口':
item.imgUrl = require('@/assets/img/sy_kk.png')
break
case '视频':
item.imgUrl = require('@/assets/img/sy_sp.png')
break
case '网吧':
item.imgUrl = require('@/assets/img/sy_wb.png')
break
case '旅店':
item.imgUrl = require('@/assets/img/sy_ld.png')
break
}
})
self.statistics = res.list3
self.list4 = res.list1
self.list4.forEach(item => {
switch (item.name) {
case '卷宗统计':
item.imgUrl = require('@/assets/img/center/jztj.png')
break
case '申请单统计':
item.imgUrl = require('@/assets/img/center/sqdtj.png')
break
case '线索统计':
item.imgUrl = require('@/assets/img/center/xstj.png')
break
case '审批统计':
item.imgUrl = require('@/assets/img/center/sptj.png')
break
}
})
self.initPieEcharts()
})
},
tableRowClassName({ row, rowIndex }) {
return 'rowClass'
},
closeSptc() {
this.sptc = false
this.txl = false
this.wdxz = false
},
// 点击通讯录按钮
getTxl() {
this.txl = true
},
// 点击文档下载按钮
getWdxz() {
this.wdxz = true
},
// 点击登录按钮
getLogin() {
this.sptc = true
},
// 点击退出登录
LoginOut() {
let self = this
self.$confirm('此操作将退出登录状态, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
self.$message({
type: 'success',
message: '退出登录成功!'
});
self.isFalg = false
localStorage.clear()
// self.$router.push('/sy')
self.userInfo = {}
self.$forceUpdate()
// window.opener.location.reload()
// window.close()
}).catch(() => {
self.$message({
type: 'info',
message: '已取消退出登录'
});
});
},
/**
* @description: 初始化线echarts图
* @param {*}
* @return {*}
* @author: 赵鹏龙
*/
initLineEcharts() {
let self = this
let myChart = echarts.init(document.getElementById('line-echarts'))
let option = {
grid: {
top: '10px'
},
tooltip: {
trigger: 'axis',
axisPointer: {
lineStyle: {
color: {
type: 'linear',
x: 0,
y: 0,
x2: 0,
y2: 1,
colorStops: [
{
offset: 0,
color: 'rgba(255,255,255,0)' // 0% 处的颜色
},
{
offset: 0.5,
color: 'rgba(255,255,255,1)' // 100% 处的颜色
},
{
offset: 1,
color: 'rgba(255,255,255,0)' // 100% 处的颜色
}
am4core.useTheme(am4themes_animated)
export default {
name: 'index',
components: {login},
data() {
return {
userInfo: JSON.parse(localStorage.getItem('userInfo')) || {},
isFalg: localStorage.getItem('isFalg') || false,
txlData: [{
date: '刑侦总队',
name: '下载',
jh: '560528',
lxdh: '15183424744'
}, {
date: '刑侦总队',
name: '下载',
jh: '560528',
lxdh: '15183424744'
}, {
date: '刑侦总队',
name: '下载',
jh: '560528',
lxdh: '15183424744'
}, {
date: '刑侦总队',
name: '下载',
jh: '560528',
lxdh: '15183424744'
}, {
date: '刑侦总队',
name: '下载',
jh: '560528',
lxdh: '15183424744'
}, {
date: '刑侦总队',
name: '下载',
jh: '560528',
lxdh: '15183424744'
}, {
date: '刑侦总队',
name: '下载',
jh: '560528',
lxdh: '15183424744'
}],
wdxzData: [{
date: '重庆市***区公安局市xxx文档',
name: '下载'
}, {
date: '重庆市***区公安局市xxx文档',
name: '下载'
}, {
date: '重庆市***区公安局市xxx文档',
name: '下载'
}],
dialogFormVisible: false,
list1: [
{
name: '用户手册',
imgUrl: require('@/assets/img/cygj_yhsc.png')
},
{
name: '数字证书',
imgUrl: require('@/assets/img/cygj_szzs.png')
},
{
name: '浏览器',
imgUrl: require('@/assets/img/cygj_llq.png')
},
{
name: '空间转换',
imgUrl: require('@/assets/img/cygj_kjzh.png')
}
],
label: [233, 233, 200, 180, 199, 233, 210, 180],
value: [233, 233, 200, 180, 199, 233, 210, 180],
list2: [
{
imgUrl: require('@/assets/img/sy_kk.png'),
name: '卡口',
total: 129
},
{
imgUrl: require('@/assets/img/sy_sp.png'),
name: '视频',
total: 129
},
{
imgUrl: require('@/assets/img/sy_wb.png'),
name: '网吧',
total: 129
},
{
imgUrl: require('@/assets/img/sy_ld.png'),
name: '旅店',
total: 129
}
],
list4: [],
tableData: [
{
department: '2016-05-02',
name: '王小虎',
Jnumber: '688369',
phone: '18330987255'
},
{
department: '2016-05-04',
name: '王小虎',
Jnumber: '688369',
phone: '18330987255'
},
{
department: '2016-05-01',
name: '王小虎',
Jnumber: '688369',
phone: '18330987255'
},
{
department: '2016-05-03',
name: '王小虎',
Jnumber: '688369',
phone: '18330987255'
}
],
tableData2: [
{
date: '2016/05/02',
type: '转出',
number: '688.69',
id: '6217220000121245454'
},
{
date: '2016/05/02',
type: '转入',
number: '688.69',
id: '6217220000121245454'
},
{
date: '2016/05/02',
type: '转出',
number: '688.69',
id: '6217220000121245454'
},
{
date: '2016/05/02',
type: '转入',
number: '688.69',
id: '6217220000121245454'
},
{
date: '2016/05/02',
type: '转出',
number: '688.69',
id: '6217220000121245454'
},
{
date: '2016/05/02',
type: '转入',
number: '688.69',
id: '6217220000121245454'
},
{
date: '2016/05/02',
type: '转入',
number: '688.69',
id: '6217220000121245454'
}
],
global: false // 缺省为 false
}
statistics: [
{
name: '案件总数',
total: 3566
},
{
name: '嫌疑人数',
total: 3481
},
{
name: '重点人员数',
total: 3292
},
{
name: '可疑人员数',
total: 4630
},
{
name: '可疑车辆数',
total: 4200
},
{
name: '可疑标识数',
total: 2440
}
],
sptc: false,
txl: false,
wdxz: false,
tableDataTztg: [],
}
}
},
xAxis: [
{
type: 'category',
boundaryGap: false,
axisLabel: {
formatter: '{value}',
fontSize: 14,
margin: 20,
textStyle: {
color: '#7ec7ff'
}
mounted() {
this.getData()
this.getDataTztg()
this.initLineEcharts()
this.$refs.table.clearSort()
// 屏幕自适应
zoom('syBox')
window.addEventListener('resize', function () {
zoom('syBox')
})
},
methods: {
// 去门户
goTo() {
let self = this
self.$router.push('/mhgl')
},
axisLine: {
lineStyle: {
color: '#243753'
}
sptcFn(val) {
this.sptc = val
},
splitLine: {
show: false,
lineStyle: {
color: '#243753'
}
// 通知通告
getDataTztg() {
let self = this
axios.get('/xxzz/getXtgxxPage', {
params: {
mbbt: '',
page: 1,
row: 9999
}
}).then(res => {
if (res.state == 'success') {
self.tableLoading = false
self.tableDataTztg = res.data
// self.total = res.count
if (self.tableDataTztg.length > 0) {
self.tableDataTztg.forEach(item => {
if (item.fbsj) {
item.fbsj = moment(item.fbsj).format('MM月DD日')
}
})
}
}
})
},
axisTick: {
show: false
// 接口1
getData() {
let self = this
axios.post('/xxyy/selectCounts').then(res => {
self.list2 = res.list2
self.list2.forEach(item => {
switch (item.name) {
case '卡口':
item.imgUrl = require('@/assets/img/sy_kk.png')
break
case '视频':
item.imgUrl = require('@/assets/img/sy_sp.png')
break
case '网吧':
item.imgUrl = require('@/assets/img/sy_wb.png')
break
case '旅店':
item.imgUrl = require('@/assets/img/sy_ld.png')
break
}
})
self.statistics = res.list3
self.list4 = res.list1
self.list4.forEach(item => {
switch (item.name) {
case '卷宗统计':
item.imgUrl = require('@/assets/img/center/jztj.png')
break
case '申请单统计':
item.imgUrl = require('@/assets/img/center/sqdtj.png')
break
case '线索统计':
item.imgUrl = require('@/assets/img/center/xstj.png')
break
case '审批统计':
item.imgUrl = require('@/assets/img/center/sptj.png')
break
}
})
self.initPieEcharts()
})
},
data: self.label
}
],
yAxis: [
{
boundaryGap: false,
type: 'value',
axisLabel: {
textStyle: {
color: '#7ec7ff'
}
tableRowClassName({row, rowIndex}) {
return 'rowClass'
},
nameTextStyle: {
color: '#fff',
fontSize: 12
closeSptc() {
this.sptc = false
this.txl = false
this.wdxz = false
},
splitLine: {
show: false,
lineStyle: {
color: '#243753'
}
// 点击通讯录按钮
getTxl() {
this.txl = true
},
axisLine: {
show: true,
lineStyle: {
color: '#283352'
}
// 点击文档下载按钮
getWdxz() {
this.wdxz = true
},
axisTick: {
show: false
}
}
],
series: [
{
name: '报名',
type: 'line',
smooth: true,
showSymbol: true,
symbolSize: 8,
zlevel: 3,
itemStyle: {
color: '#19a3df',
borderColor: '#a3c8d8'
// 点击登录按钮
getLogin() {
this.sptc = true
},
lineStyle: {
normal: {
width: 2,
color: '#19a3df'
}
// 点击退出登录
LoginOut() {
let self = this
self.$confirm('此操作将退出登录状态, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
self.$message({
type: 'success',
message: '退出登录成功!'
});
self.isFalg = false
localStorage.clear()
// self.$router.push('/sy')
self.userInfo = {}
self.$forceUpdate()
// window.opener.location.reload()
// window.close()
}).catch(() => {
self.$message({
type: 'info',
message: '已取消退出登录'
});
});
},
areaStyle: {
normal: {
color: new echarts.graphic.LinearGradient(
0,
0,
0,
1,
[
{
offset: 0,
color: 'rgba(88,255,255,0.2)'
/**
* @description: 初始化线echarts图
* @param {*}
* @return {*}
* @author: 赵鹏龙
*/
initLineEcharts() {
let self = this
let myChart = echarts.init(document.getElementById('line-echarts'))
let option = {
grid: {
top: '10px'
},
{
offset: 0.8,
color: 'rgba(88,255,255,0)'
}
],
false
)
}
tooltip: {
trigger: 'axis',
axisPointer: {
lineStyle: {
color: {
type: 'linear',
x: 0,
y: 0,
x2: 0,
y2: 1,
colorStops: [
{
offset: 0,
color: 'rgba(255,255,255,0)' // 0% 处的颜色
},
{
offset: 0.5,
color: 'rgba(255,255,255,1)' // 100% 处的颜色
},
{
offset: 1,
color: 'rgba(255,255,255,0)' // 100% 处的颜色
}
],
global: false // 缺省为 false
}
}
}
},
xAxis: [
{
type: 'category',
boundaryGap: false,
axisLabel: {
formatter: '{value}',
fontSize: 14,
margin: 20,
textStyle: {
color: '#7ec7ff'
}
},
axisLine: {
lineStyle: {
color: '#243753'
}
},
splitLine: {
show: false,
lineStyle: {
color: '#243753'
}
},
axisTick: {
show: false
},
data: self.label
}
],
yAxis: [
{
boundaryGap: false,
type: 'value',
axisLabel: {
textStyle: {
color: '#7ec7ff'
}
},
nameTextStyle: {
color: '#fff',
fontSize: 12
},
splitLine: {
show: false,
lineStyle: {
color: '#243753'
}
},
axisLine: {
show: true,
lineStyle: {
color: '#283352'
}
},
axisTick: {
show: false
}
}
],
series: [
{
name: '报名',
type: 'line',
smooth: true,
showSymbol: true,
symbolSize: 8,
zlevel: 3,
itemStyle: {
color: '#19a3df',
borderColor: '#a3c8d8'
},
lineStyle: {
normal: {
width: 2,
color: '#19a3df'
}
},
areaStyle: {
normal: {
color: new echarts.graphic.LinearGradient(
0,
0,
0,
1,
[
{
offset: 0,
color: 'rgba(88,255,255,0.2)'
},
{
offset: 0.8,
color: 'rgba(88,255,255,0)'
}
],
false
)
}
},
data: self.value
}
]
}
myChart.setOption(option)
},
data: self.value
}
]
}
myChart.setOption(option)
},
initPieEcharts() {
// Themes begin
let self = this
am4core.useTheme(am4themes_animated)
// Themes end
initPieEcharts() {
// Themes begin
let self = this
am4core.useTheme(am4themes_animated)
// Themes end
var chart = am4core.create('pie-charts', am4charts.PieChart3D)
chart.data = []
chart.hiddenState.properties.opacity = 0 // this creates initial fade-in
var chart = am4core.create('pie-charts', am4charts.PieChart3D)
chart.data = []
chart.hiddenState.properties.opacity = 0 // this creates initial fade-in
self.list2.forEach(item => {
let obj = {}
switch (item.name) {
case '卡口':
obj.color = am4core.color('#CD2EF8')
break
case '视频':
obj.color = am4core.color('#0BBAE6')
break
case '网吧':
obj.color = am4core.color('#904AFD')
break
case '旅店':
obj.color = am4core.color('#3764FC')
break
}
obj.country = item.name
obj.litres = item.total
chart.data.push(obj)
})
self.list2.forEach(item => {
let obj = {}
switch (item.name) {
case '卡口':
obj.color = am4core.color('#CD2EF8')
break
case '视频':
obj.color = am4core.color('#0BBAE6')
break
case '网吧':
obj.color = am4core.color('#904AFD')
break
case '旅店':
obj.color = am4core.color('#3764FC')
break
}
obj.country = item.name
obj.litres = item.total
chart.data.push(obj)
})
chart.depth = 50
var series = chart.series.push(new am4charts.PieSeries3D())
series.dataFields.value = 'litres'
series.dataFields.depthValue = 'litres'
series.dataFields.category = 'country'
series.angle = 45
series.slices.template.cornerRadius = 5
series.ticks.template.disabled = true
series.alignLabels = false
series.labels.template.text = '{value.percent.formatNumber(\'#.0\')}%'
series.labels.template.radius = am4core.percent(-40)
series.labels.template.fill = am4core.color('white')
series.colors.step = 3
chart.depth = 50
var series = chart.series.push(new am4charts.PieSeries3D())
series.dataFields.value = 'litres'
series.dataFields.depthValue = 'litres'
series.dataFields.category = 'country'
series.angle = 45
series.slices.template.cornerRadius = 5
series.ticks.template.disabled = true
series.alignLabels = false
series.labels.template.text = '{value.percent.formatNumber(\'#.0\')}%'
series.labels.template.radius = am4core.percent(-40)
series.labels.template.fill = am4core.color('white')
series.colors.step = 3
}
}
}
}
}
</script>
<style scoped lang="scss">
@import './index.scss';
@import './index.scss';
</style>
<style lang="scss">
.sy_box_content_r_b_content::-webkit-scrollbar-track {
background-color: #072550;
}
.sy_box_content_r_b_content::-webkit-scrollbar-track {
background-color: #072550;
}
.sy_box_content_r_b_content::-webkit-scrollbar {
width: 5px;
}
.sy_box_content_r_b_content::-webkit-scrollbar {
width: 5px;
}
.sy_box_content_r_b_content::-webkit-scrollbar-thumb {
background-color: #000;
/*border-radius: 50%;*/
}
.sy_box_content_r_b_content::-webkit-scrollbar-thumb {
background-color: #000;
/*border-radius: 50%;*/
}
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment