Commit 88e156d1 authored by “yiyousong”'s avatar “yiyousong”

fix:修复页面

parent 0bc6ad56
......@@ -56,7 +56,7 @@ export default {
}
menuList(obj).then((res) => {
// console.log(res);
let { code, data, dict } = res.data;
let { code, data, dict } = res;
if (code == 1) {
data.data = data.data.map((item) => {
this.menuRouterList.forEach((v) => {
......
......@@ -31,13 +31,16 @@
/>
</a-form-model-item>
<a-form-model-item>
<a-button type="primary" class="addclass" @click="getList"> 开始分析 </a-button>
<a-button type="primary" class="addclass" @click="getList">
开始分析
</a-button>
</a-form-model-item>
</a-form-model>
<div class="mt20">
<a-table
:columns="columns"
:data-source="data"
:loading="loading"
:scroll="{ y: 590 }"
:pagination="false"
>
......@@ -49,9 +52,9 @@
<script>
import { getEventCensus } from "@/api/dataActuary.js";
import moment from "moment";
import product from "../mixins/product"
import product from "../mixins/product";
export default {
mixins:[product],
mixins: [product],
data() {
return {
queryform: {
......@@ -101,6 +104,7 @@ export default {
},
],
data: [],
loading: false,
};
},
mounted() {
......@@ -108,10 +112,12 @@ export default {
},
methods: {
getList() {
this.loading = true;
this.queryform.dateTimeStart = this.time ? this.time[0] : null;
this.queryform.dateTimeStart = this.time ? this.time[1] : null;
getEventCensus(this.queryform).then((res) => {
this.data = res.data.data;
this.loading = false;
});
},
},
......
......@@ -53,7 +53,8 @@ export default {
<style lang="less" scoped>
@headerH: 4.5rem;
.Container {
height: 100% !important;
width: 100%;
height: auto !important;
// background: #fac;
background: #f5f5f5;
display: flex;
......@@ -103,8 +104,8 @@ export default {
margin-left: 0.7rem !important;
}
}
/deep/.ant-tabs-bar{
margin: 0;
/deep/.ant-tabs-bar {
margin: 0;
}
}
</style>
......
......@@ -167,11 +167,9 @@ export default {
});
},
getList() {
this.queryform.dateTimeStart = this.time ? this.time[0] : null;
this.queryform.dateTimeStart = this.time ? this.time[1] : null;
getProductHotCensus(this.queryform).then((res) => {
console.log(res);
this.clickSum = res.data.clickSum;
this.data = res.data.top10List;
this.img =
......
<template>
<div class="Container">
<div class="main">
<div class="first_card">
<div class="breadMenu">
<Breadcrumb/>
</div>
<div class="searchBox">
<a-auto-complete
v-model="businessName"
:data-source="dataSource"
optionLabelProp="value"
style="width: 35.625rem"
placeholder="请输入业务名称搜索"
@select="onSelect"
@search="onSearch"
/>
<a-button type="primary" class="addclass" v-if="!btnShow" @click="startAnalysis">开始分析</a-button>
<a-button type="primary" class="addclass" v-else @click="backBase">返回</a-button>
</div>
</div>
<div class="content_view">
<router-view keep-alive/>
</div>
</div>
</div>
<div class="Container">
<div class="main">
<div class="first_card">
<div class="breadMenu">
<Breadcrumb />
</div>
<div class="searchBox">
<a-space>
<a-auto-complete
v-model="businessName"
:data-source="dataSource"
optionLabelProp="value"
style="width: 35.625rem"
placeholder="请输入业务名称搜索"
@select="onSelect"
@search="onSearch"
/>
<a-button
type="primary"
class="addclass"
v-if="!btnShow"
@click="startAnalysis"
>开始分析</a-button
>
<a-button type="primary" class="addclass" v-else @click="backBase"
>返回</a-button
>
</a-space>
</div>
</div>
<div class="content_view">
<router-view keep-alive />
</div>
</div>
</div>
</template>
<script>
import _ from 'lodash';
import axios from 'axios';
import _ from "lodash";
import axios from "axios";
import Breadcrumb from "./breadcrumb/index.vue";
import {userSiteBus} from '@/api/dataActuary'
import { userSiteBus } from "@/api/dataActuary";
export default {
components:{
Breadcrumb
},
data() {
return {
// 搜索框
businessName: '',
dataSource: [],
sourceList:[],
// dataList: [],
btnShow: false,
}
},
mounted() {
// this.getList()
},
created(){
},
computed:{
},
methods:{
startAnalysis() {
if(!this.businessName){
this.$message.error('请输入业务名称搜索')
}else{
let item = this.sourceList.filter(i=>{return i.name == this.businessName})[0]
if(item){
this.$router.push({ path: 'analysiscontent', query:{id:item.id}})
this.btnShow= true
}
}
},
backBase() {
this.$router.push({ path: 'basecontent'})
this.btnShow= false
this.businessName= ''
},
// async getList(){
// await axios.get('http://192.168.0.98:8090/inter/statistic/busList',{params: {siteid: 1}}).then((res)=>{
// if(res && res.status==200){
// res.data.data.forEach(item=>{
// this.dataList.push(item.name)
// })
// }
// })
// },
onSearch: _.debounce(function(val){
this.dataSource= []
userSiteBus({siteid: localStorage.getItem('siteId'),bus_name:val}).then(res => {
if (res.code == 1) {
this.sourceList = res.data;
res.data.forEach(r => {
this.dataSource.push(
r.name
);
});
}
})
},0),
onSelect(val){
this.businessName= val
}
},
}
components: {
Breadcrumb,
},
data() {
return {
// 搜索框
businessName: "",
dataSource: [],
sourceList: [],
// dataList: [],
btnShow: false,
};
},
mounted() {
// this.getList()
},
created() {},
computed: {},
methods: {
startAnalysis() {
if (!this.businessName) {
this.$message.error("请输入业务名称搜索");
} else {
let item = this.sourceList.filter((i) => {
return i.name == this.businessName;
})[0];
if (item) {
this.$router.push({
path: "analysiscontent",
query: { id: item.id },
});
this.btnShow = true;
}
}
},
backBase() {
this.$router.push({ path: "basecontent" });
this.btnShow = false;
this.businessName = "";
},
// async getList(){
// await axios.get('http://192.168.0.98:8090/inter/statistic/busList',{params: {siteid: 1}}).then((res)=>{
// if(res && res.status==200){
// res.data.data.forEach(item=>{
// this.dataList.push(item.name)
// })
// }
// })
// },
onSearch: _.debounce(function (val) {
this.dataSource = [];
userSiteBus({
siteid: localStorage.getItem("siteId"),
bus_name: val,
}).then((res) => {
if (res.code == 1) {
this.sourceList = res.data;
res.data.forEach((r) => {
this.dataSource.push(r.name);
});
}
});
}, 0),
onSelect(val) {
this.businessName = val;
},
},
};
</script>
<style lang="less" scoped>
@headerH: 4.5rem;
.Container {
height: 100% !important;
// background: #fac;
background: #f5f5f5;
display: flex;
flex-direction: column;
.main {
// background: #afc;
border-radius: 6px;
flex: 1;
overflow-y: auto;
overflow-x: hidden;
}
&::before {
content: "";
display: block;
width: 100%;
height: @headerH;
background: rgb(59, 135, 255);
background: -moz-linear-gradient(
174deg,
rgba(59, 135, 255, 1) 24%,
rgba(108, 53, 247, 1) 85%
);
background: -webkit-linear-gradient(
174deg,
rgba(59, 135, 255, 1) 24%,
rgba(108, 53, 247, 1) 85%
);
background: linear-gradient(
174deg,
rgba(59, 135, 255, 1) 24%,
rgba(108, 53, 247, 1) 85%
);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3b87ff",endColorstr="#6c35f7",GradientType=1);
}
/deep/.ant-tabs-nav {
.ant-tabs-tab {
margin: 0 !important;
}
}
/deep/.ant-tabs-tab {
font-size: 14px !important;
& + .ant-tabs-tab {
margin: 0 !important;
margin-left: 0.7rem !important;
}
}
/deep/.ant-tabs-bar{
margin: 0;
}
@headerH: 4.5rem;
.Container {
height: 100% !important;
// background: #fac;
background: #f5f5f5;
display: flex;
flex-direction: column;
.main {
// background: #afc;
border-radius: 6px;
flex: 1;
overflow-y: auto;
overflow-x: hidden;
}
.first_card{
background: #FFF;
margin-bottom: .9375rem;
&::before {
content: "";
display: block;
width: 100%;
height: @headerH;
background: rgb(59, 135, 255);
background: -moz-linear-gradient(
174deg,
rgba(59, 135, 255, 1) 24%,
rgba(108, 53, 247, 1) 85%
);
background: -webkit-linear-gradient(
174deg,
rgba(59, 135, 255, 1) 24%,
rgba(108, 53, 247, 1) 85%
);
background: linear-gradient(
174deg,
rgba(59, 135, 255, 1) 24%,
rgba(108, 53, 247, 1) 85%
);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3b87ff",endColorstr="#6c35f7",GradientType=1);
}
.breadMenu{
height: 2.8125rem;
line-height: 2.8125rem;
padding: 0 5rem;
border-bottom: 1px solid rgba(226, 226, 226, 1);
/deep/.ant-tabs-nav {
.ant-tabs-tab {
margin: 0 !important;
}
}
.searchBox{
height: 6.25rem;
display: flex;
justify-content: center;
align-items: center;
/deep/.ant-tabs-tab {
font-size: 14px !important;
& + .ant-tabs-tab {
margin: 0 !important;
margin-left: 0.7rem !important;
}
}
.content_view{
padding: 0 5rem;
/deep/.ant-tabs-bar {
margin: 0;
}
}
.first_card {
background: #fff;
margin-bottom: 0.9375rem;
}
.breadMenu {
height: 2.8125rem;
line-height: 2.8125rem;
padding: 0 5rem;
border-bottom: 1px solid rgba(226, 226, 226, 1);
}
.searchBox {
height: 6.25rem;
display: flex;
justify-content: center;
align-items: center;
}
.content_view {
padding: 0 5rem;
}
</style>
<template>
<div class="Container">
<div class="main">
<div class="first_card">
<div class="breadMenu">
<Breadcrumb/>
</div>
<div class="searchBox">
<!-- <a-auto-complete
<div class="Container">
<div class="main">
<div class="first_card">
<div class="breadMenu">
<Breadcrumb />
</div>
<div class="searchBox">
<!-- <a-auto-complete
v-model="businessName"
:data-source="dataSource"
optionLabelProp="value"
......@@ -15,155 +15,169 @@
@select="onSelect"
@search="onSearch"
/> -->
<!-- <a-select show-search placeholder="请输入业务名称搜索" style="width: 35.625rem"
<!-- <a-select show-search placeholder="请输入业务名称搜索" style="width: 35.625rem"
:default-active-first-option="false" :show-arrow="false" :filter-option="false" allowClear
:not-found-content="null" :options="peopleArr" @search="peopelListFn"
@change="handleChange">
</a-select> -->
<a-button type="primary" class="addclass" v-if="!btnShow" @click="startAnalysis">开始分析</a-button>
<a-button type="primary" class="addclass" v-else @click="backBase">返回</a-button>
</div>
</div>
<div class="content_view">
<router-view keep-alive/>
</div>
</div>
</div>
</template>
<a-button
type="primary"
class="addclass"
v-if="!btnShow"
@click="startAnalysis"
>开始分析</a-button
>
<a-button type="primary" class="addclass" v-else @click="backBase"
>返回</a-button
>
</div>
</div>
<div class="content_view">
<router-view keep-alive />
</div>
</div>
</div>
</template>
<script>
import _ from 'lodash';
import axios from 'axios';
import Breadcrumb from "./breadcrumb/index.vue";
export default {
components:{
Breadcrumb
},
data() {
return {
// 搜索框
businessName: '',
dataSource: [],
dataList: [],
btnShow: false,
}
},
mounted() {
this.getList()
},
methods:{
startAnalysis() {
if(!this.businessName){
this.$message.error('请输入业务名称搜索')
}else{
this.$router.push({ path: 'analysiscontent', query:{name: this.businessName}})
this.btnShow= true
}
},
backBase() {
this.$router.push({ path: 'basecontent'})
this.btnShow= false
this.businessName= ''
},
async getList(){
await axios.get('http://192.168.0.98:8090/inter/statistic/busList',{params: {siteid: 1}}).then((res)=>{
if(res && res.status==200){
res.data.data.forEach(item=>{
this.dataList.push(item.name)
})
}
})
},
onSearch: _.debounce(function(val){
this.dataSource= []
this.dataList.forEach(item=>{
if(item.indexOf(val) !== -1){
this.dataSource.push(item)
}
})
}, 1000),
onSelect(val){
this.businessName= val
}
}
}
</script>
import _ from "lodash";
import axios from "axios";
import Breadcrumb from "./breadcrumb/index.vue";
export default {
components: {
Breadcrumb,
},
data() {
return {
// 搜索框
businessName: "",
dataSource: [],
dataList: [],
btnShow: false,
};
},
mounted() {
this.getList();
},
methods: {
startAnalysis() {
if (!this.businessName) {
this.$message.error("请输入业务名称搜索");
} else {
this.$router.push({
path: "analysiscontent",
query: { name: this.businessName },
});
this.btnShow = true;
}
},
backBase() {
this.$router.push({ path: "basecontent" });
this.btnShow = false;
this.businessName = "";
},
async getList() {
await axios
.get("http://192.168.0.98:8090/inter/statistic/busList", {
params: { siteid: 1 },
})
.then((res) => {
if (res && res.status == 200) {
res.data.data.forEach((item) => {
this.dataList.push(item.name);
});
}
});
},
onSearch: _.debounce(function (val) {
this.dataSource = [];
this.dataList.forEach((item) => {
if (item.indexOf(val) !== -1) {
this.dataSource.push(item);
}
});
}, 1000),
onSelect(val) {
this.businessName = val;
},
},
};
</script>
<style lang="less" scoped>
@headerH: 4.5rem;
.Container {
height: 100% !important;
// background: #fac;
background: #f5f5f5;
display: flex;
flex-direction: column;
.main {
// background: #afc;
border-radius: 6px;
flex: 1;
overflow-y: auto;
overflow-x: hidden;
}
&::before {
content: "";
display: block;
width: 100%;
height: @headerH;
background: rgb(59, 135, 255);
background: -moz-linear-gradient(
174deg,
rgba(59, 135, 255, 1) 24%,
rgba(108, 53, 247, 1) 85%
);
background: -webkit-linear-gradient(
174deg,
rgba(59, 135, 255, 1) 24%,
rgba(108, 53, 247, 1) 85%
);
background: linear-gradient(
174deg,
rgba(59, 135, 255, 1) 24%,
rgba(108, 53, 247, 1) 85%
);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3b87ff",endColorstr="#6c35f7",GradientType=1);
}
/deep/.ant-tabs-nav {
.ant-tabs-tab {
margin: 0 !important;
}
}
/deep/.ant-tabs-tab {
font-size: 14px !important;
& + .ant-tabs-tab {
margin: 0 !important;
margin-left: 0.7rem !important;
}
}
/deep/.ant-tabs-bar{
margin: 0;
}
@headerH: 4.5rem;
.Container {
height: 100% !important;
// background: #fac;
background: #f5f5f5;
display: flex;
flex-direction: column;
.main {
// background: #afc;
border-radius: 6px;
flex: 1;
overflow-y: auto;
overflow-x: hidden;
}
.first_card{
background: #FFF;
margin-bottom: .9375rem;
&::before {
content: "";
display: block;
width: 100%;
height: @headerH;
background: rgb(59, 135, 255);
background: -moz-linear-gradient(
174deg,
rgba(59, 135, 255, 1) 24%,
rgba(108, 53, 247, 1) 85%
);
background: -webkit-linear-gradient(
174deg,
rgba(59, 135, 255, 1) 24%,
rgba(108, 53, 247, 1) 85%
);
background: linear-gradient(
174deg,
rgba(59, 135, 255, 1) 24%,
rgba(108, 53, 247, 1) 85%
);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3b87ff",endColorstr="#6c35f7",GradientType=1);
}
.breadMenu{
height: 2.8125rem;
line-height: 2.8125rem;
padding: 0 5rem;
border-bottom: 1px solid rgba(226, 226, 226, 1);
/deep/.ant-tabs-nav {
.ant-tabs-tab {
margin: 0 !important;
}
}
.searchBox{
height: 6.25rem;
display: flex;
justify-content: center;
align-items: center;
/deep/.ant-tabs-tab {
font-size: 14px !important;
& + .ant-tabs-tab {
margin: 0 !important;
margin-left: 0.7rem !important;
}
}
.content_view{
padding: 0 5rem;
/deep/.ant-tabs-bar {
margin: 0;
}
</style>
}
.first_card {
background: #fff;
margin-bottom: 0.9375rem;
}
.breadMenu {
height: 2.8125rem;
line-height: 2.8125rem;
padding: 0 5rem;
border-bottom: 1px solid rgba(226, 226, 226, 1);
}
.searchBox {
height: 6.25rem;
display: flex;
justify-content: center;
align-items: center;
}
.content_view {
padding: 0 5rem;
}
</style>
\ No newline at end of file
<template>
<div class="Container">
<div class="main">
<div class="first_card">
<div class="breadMenu">
<Breadcrumb />
</div>
<div class="searchBox">
<a-select show-search placeholder="请输入群众名称搜索" style="width: 35.625rem"
:default-active-first-option="false" :show-arrow="false" :filter-option="false" allowClear
:not-found-content="null" :options="peopleArr" @search="peopelListFn"
@change="handleChange"></a-select>
<div class="Container">
<div class="main">
<div class="first_card">
<div class="breadMenu">
<Breadcrumb />
</div>
<div class="searchBox">
<a-space>
<a-select
show-search
placeholder="请输入群众名称搜索"
style="width: 35.625rem"
:default-active-first-option="false"
:show-arrow="false"
:filter-option="false"
allowClear
:not-found-content="null"
:options="peopleArr"
@search="peopelListFn"
@change="handleChange"
></a-select>
<!-- <a-input v-model="peopleName" placeholder="请输入群众名称搜索" style="width: 35.625rem"></a-input> -->
<a-button type="primary" class="addclass" v-if="!btnShow" @click="startAnalysis()">开始分析</a-button>
<a-button type="primary" class="addclass" v-else @click="backBase()">返回</a-button>
</div>
</div>
<div class="content_view">
<router-view keep-alive />
</div>
</div>
</div>
<!-- <a-input v-model="peopleName" placeholder="请输入群众名称搜索" style="width: 35.625rem"></a-input> -->
<a-button
type="primary"
class="addclass"
v-if="!btnShow"
@click="startAnalysis()"
>开始分析</a-button
>
<a-button type="primary" class="addclass" v-else @click="backBase()"
>返回</a-button
>
</a-space>
</div>
</div>
<div class="content_view">
<router-view keep-alive />
</div>
</div>
</div>
</template>
<script>
import Breadcrumb from "./breadcrumb/index.vue";
import { peopelList } from '@/api/userPortrait'
import { peopelList } from "@/api/userPortrait";
export default {
components: {
Breadcrumb
},
data() {
return {
// 搜索框
peopleId: '',
peopleArr: [],
btnShow: false,
}
},
methods: {
//输入框回显
peopelListFn(val) {
this.peopleArr = []
peopelList({ siteid: localStorage.getItem('siteId'), name: val }).then(res => {
if (res.code == 1) {
res.data.forEach(r => {
this.peopleArr.push({
value: r.id,
label: r.idcard_Name + '    ' + r.idcard_IDCardNo,
});
});
}
})
},
handleChange(val) {
this.peopleId = val;
},
startAnalysis() {
if (this.peopleId) {
this.$router.push({ path: 'portrayalAnalysis', query: { peopleid: this.peopleId } })
this.btnShow = true
} else {
this.$message.warning('请选择群众后搜索')
}
},
backBase() {
this.peopleArr = []
this.$router.push({ path: 'portrayalBase' })
this.btnShow = false
},
}
}
components: {
Breadcrumb,
},
data() {
return {
// 搜索框
peopleId: "",
peopleArr: [],
btnShow: false,
};
},
methods: {
//输入框回显
peopelListFn(val) {
this.peopleArr = [];
peopelList({ siteid: localStorage.getItem("siteId"), name: val }).then(
(res) => {
if (res.code == 1) {
res.data.forEach((r) => {
this.peopleArr.push({
value: r.id,
label: r.idcard_Name + "    " + r.idcard_IDCardNo,
});
});
}
}
);
},
handleChange(val) {
this.peopleId = val;
},
startAnalysis() {
if (this.peopleId) {
this.$router.push({
path: "portrayalAnalysis",
query: { peopleid: this.peopleId },
});
this.btnShow = true;
} else {
this.$message.warning("请选择群众后搜索");
}
},
backBase() {
this.peopleArr = [];
this.$router.push({ path: "portrayalBase" });
this.btnShow = false;
},
},
};
</script>
<style lang="less" scoped>
@headerH: 4.5rem;
.Container {
height: 100% !important;
// background: #fac;
background: #f5f5f5;
display: flex;
flex-direction: column;
height: 100% !important;
// background: #fac;
background: #f5f5f5;
display: flex;
flex-direction: column;
.main {
// background: #afc;
border-radius: 6px;
flex: 1;
overflow-y: auto;
overflow-x: hidden;
}
.main {
// background: #afc;
border-radius: 6px;
flex: 1;
overflow-y: auto;
overflow-x: hidden;
}
&::before {
content: "";
display: block;
width: 100%;
height: @headerH;
background: rgb(59, 135, 255);
background: -moz-linear-gradient(174deg,
rgba(59, 135, 255, 1) 24%,
rgba(108, 53, 247, 1) 85%);
background: -webkit-linear-gradient(174deg,
rgba(59, 135, 255, 1) 24%,
rgba(108, 53, 247, 1) 85%);
background: linear-gradient(174deg,
rgba(59, 135, 255, 1) 24%,
rgba(108, 53, 247, 1) 85%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3b87ff", endColorstr="#6c35f7", GradientType=1);
}
&::before {
content: "";
display: block;
width: 100%;
height: @headerH;
background: rgb(59, 135, 255);
background: -moz-linear-gradient(
174deg,
rgba(59, 135, 255, 1) 24%,
rgba(108, 53, 247, 1) 85%
);
background: -webkit-linear-gradient(
174deg,
rgba(59, 135, 255, 1) 24%,
rgba(108, 53, 247, 1) 85%
);
background: linear-gradient(
174deg,
rgba(59, 135, 255, 1) 24%,
rgba(108, 53, 247, 1) 85%
);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3b87ff", endColorstr="#6c35f7", GradientType=1);
}
/deep/.ant-tabs-nav {
.ant-tabs-tab {
margin: 0 !important;
}
}
/deep/.ant-tabs-nav {
.ant-tabs-tab {
margin: 0 !important;
}
}
/deep/.ant-tabs-tab {
font-size: 14px !important;
/deep/.ant-tabs-tab {
font-size: 14px !important;
&+.ant-tabs-tab {
margin: 0 !important;
margin-left: 0.7rem !important;
}
}
& + .ant-tabs-tab {
margin: 0 !important;
margin-left: 0.7rem !important;
}
}
/deep/.ant-tabs-bar {
margin: 0;
}
/deep/.ant-tabs-bar {
margin: 0;
}
}
.first_card {
background: #FFF;
margin-bottom: .9375rem;
background: #fff;
margin-bottom: 0.9375rem;
}
.breadMenu {
height: 2.8125rem;
line-height: 2.8125rem;
padding: 0 5rem;
border-bottom: 1px solid rgba(226, 226, 226, 1);
height: 2.8125rem;
line-height: 2.8125rem;
padding: 0 5rem;
border-bottom: 1px solid rgba(226, 226, 226, 1);
}
.searchBox {
height: 6.25rem;
display: flex;
justify-content: center;
align-items: center;
height: 6.25rem;
display: flex;
justify-content: center;
align-items: center;
}
.content_view {
padding: 0 5rem;
padding: 0 5rem;
}
</style>
......@@ -4,11 +4,11 @@
<Head :title="'预约热度排名'">
<template slot="operation">
<a-range-picker
valueFormat="YYYY-MM-DD"
valueFormat="YYYY-MM-DD"
class="range_picker_style"
@change="rangePickerChange"
v-model="BegindAndEndTime"
v-if="day == 5"
v-if="day == 5"
>
</a-range-picker>
<a-select v-model="day">
......@@ -20,7 +20,9 @@
<!-- <a-select-option value="5"> 自定义 </a-select-option> -->
</a-select>
<a-button type="primary" class="addclass" @click="getData">搜索</a-button>
<a-button type="primary" class="addclass" @click="getData"
>搜索</a-button
>
</template>
</Head>
<div class="heat_box" v-if="data">
......@@ -30,11 +32,14 @@
<i>部门名称</i>
<b>预约热度</b>
</li>
<li class="list" v-for="item,index in data.section" :key="index">
<span>NO.{{ index+1 }}</span>
<i>{{item.deptname}}</i>
<li class="list" v-for="(item, index) in data.section" :key="index">
<span>NO.{{ index + 1 }}</span>
<i>{{ item.deptname }}</i>
<b>
<a-progress :percent="item.count" :show-info="false" status="active"
<a-progress
:percent="item.count"
:show-info="false"
status="active"
/></b>
</li>
</ul>
......@@ -44,11 +49,14 @@
<i>事项名称</i>
<b>预约热度</b>
</li>
<li class="list" v-for="item,index in data.matter" :key="index">
<span>NO.{{ index+1 }}</span>
<i>{{item.mattername}}</i>
<li class="list" v-for="(item, index) in data.matter" :key="index">
<span>NO.{{ index + 1 }}</span>
<i>{{ item.mattername }}</i>
<b>
<a-progress :percent="item.count" :show-info="false" status="active"
<a-progress
:percent="item.count"
:show-info="false"
status="active"
/></b>
</li>
</ul>
......@@ -59,37 +67,37 @@
<script>
import Head from "./components/header.vue";
import {getOrderRanking} from '@/api/dataAdmin.js'
import { getOrderRanking } from "@/api/dataAdmin.js";
export default {
name: "PortalAdminVueHeatRanking",
data() {
return {
day:'0',
day: "0",
BegindAndEndTime: [],
data:null
data: null,
};
},
components: {
Head,
},
watch:{
day(val){
if (val != 5) this.BegindAndEndTime = []
}
watch: {
day(val) {
if (val != 5) this.BegindAndEndTime = [];
},
},
mounted() {
this.getData()
this.getData();
},
methods: {
getData(){
getOrderRanking({
selected:this.day == 5 ? null : this.day,
time:this.BegindAndEndTime
}).then(res=>{
this.data = res.data
})
},
getData() {
getOrderRanking({
selected: this.day == 5 ? null : this.day,
time: this.BegindAndEndTime,
}).then((res) => {
this.data = res.data;
});
},
rangePickerChange(val) {
console.log(val);
},
......@@ -99,6 +107,7 @@ export default {
<style lang="less" scoped>
.HeatRanking-Container {
width: 100%;
& > .pm {
.heat_box {
display: flex;
......
......@@ -94,6 +94,7 @@ export default {
<style lang="less" scoped>
@headerH: 4.5rem;
#dataAnalyse-Container {
width: 100%;
height: 100% !important;
background: #eee;
display: flex;
......
......@@ -149,15 +149,15 @@ export default {
// 获取用户常用站点列表
async getCollect() {
let res = await getCollect();
if (res.data.code == 1) {
this.collectList = res.data.data;
if (res.code == 1) {
this.collectList = res.data;
}
},
// 获取站点分类列表
async appsListInterface() {
let res = await appsListInterface({ siteId: this.siteId });
if (res.data.code == 1) {
let { data } = res.data.data;
if (res.code == 1) {
let { data } = res.data;
this.siteModelList = data;
}
},
......@@ -208,7 +208,7 @@ export default {
// this.$message.success("设置成功");
// this.getCollect();
// }
if (res.data.code != 1) {
if (res.code != 1) {
this.getCollect();
}
},
......
......@@ -38,13 +38,13 @@
listArr[active] ? listArr[active].productName : "--"
}}</span>
<span class="count primary">{{
listArr[active].curInfo.length
listArr[active]?.curInfo.length
}}</span>
</div>
<div v-if="listArr[active].curInfo.length > 0">
<div v-if="listArr[active]?.curInfo.length > 0">
<div
class="list flex aic jcb"
v-for="(i, j) in listArr[active].curInfo"
v-for="(i, j) in listArr[active]?.curInfo"
:key="j"
>
<div class="app-name">{{ i.appName }}</div>
......
......@@ -207,6 +207,7 @@ export default {
},
// 获取菜单列表
async getMenuList() {
this.tableLoading = true;
let res = await menuList({
page: this.tablePagination.current,
size: -1,
......@@ -218,10 +219,12 @@ export default {
this.firstStair = data.filter((v) => v.parentId === -1);
let childrens = data.filter((v) => v.parentId !== -1);
this.menusTreeData = this.fliterEvent(this.firstStair, childrens);
this.tableLoading = false;
},
// 搜索
async searchData() {
if (this.searchForm.parentId || this.searchForm.name) {
this.tableLoading = true;
let obj = { ...this.searchForm };
obj.name = "%" + this.searchForm.name + "%";
let res = await menuList({
......@@ -232,6 +235,7 @@ export default {
let { data, total } = res.data;
this.tablePagination.total = total;
this.menusTreeData = data;
this.tableLoading = false;
} else {
this.getMenuList();
}
......
......@@ -139,6 +139,7 @@ export default {
},
methods: {
async getRoleList() {
this.tableLoading = true;
let res = await roleList({
page: this.tablePagination.current, //当前页
size: this.tablePagination.pageSize, //每页条数
......@@ -155,6 +156,7 @@ export default {
this.tableSourceData = data.data;
this.roleDict = dict;
}
this.tableLoading = false;
},
pagTableChange(pag) {
this.tablePagination.current = pag.current;
......
......@@ -197,6 +197,7 @@ export default {
// 获取用户列表
async getUserList() {
this.tableLoading = true;
let realName = "";
let mobile = "";
if (this.userform.searchVal) {
......@@ -227,6 +228,7 @@ export default {
this.tablePagination.total = total;
this.userDict = this.transverter(roleId);
this.tableSourceData = data;
this.tableLoading = false;
},
// 添加用户
......
......@@ -174,6 +174,7 @@ export default {
},
dict: {},
total: 0,
tableLoading: false,
};
},
components: {
......@@ -184,6 +185,7 @@ export default {
},
methods: {
getList() {
this.tableLoading = true;
getInterfaceList({
page: this.tablePagination.current,
size: this.tablePagination.pageSize,
......@@ -195,8 +197,8 @@ export default {
this.dict = dict;
this.tableSourceData = data;
this.tablePagination.total = total;
return data;
}
this.tableLoading = false;
});
},
QueueState(type) {
......
......@@ -142,6 +142,7 @@ export default {
deveLanguage: {},
isEnable: {},
},
tableLoading: false,
};
},
components: {
......@@ -153,6 +154,7 @@ export default {
},
methods: {
getList(search) {
this.tableLoading = true;
getApps({
page: this.tablePagination.current,
size: this.tablePagination.pageSize,
......@@ -164,6 +166,7 @@ export default {
this.dict = dict;
this.tableSourceData = data;
this.tablePagination.total = total;
this.tableLoading = false;
return data;
}
});
......
......@@ -113,6 +113,7 @@ export default {
current: 1,
pageSize: 10,
},
tableLoading: false,
};
},
components: {
......@@ -124,6 +125,7 @@ export default {
},
methods: {
getList(search) {
this.tableLoading = true;
getDocument({
page: this.tablePagination.current,
size: this.tablePagination.pageSize,
......@@ -136,6 +138,7 @@ export default {
this.dict = dict;
this.tableSourceData = data;
this.tablePagination.total = total;
this.tableLoading = false;
return data;
}
});
......
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