|
@@ -3,26 +3,44 @@
|
|
<!-- 搜索井下人员 -->
|
|
<!-- 搜索井下人员 -->
|
|
<p-personnel-orientation-navbar :mine="mine"></p-personnel-orientation-navbar>
|
|
<p-personnel-orientation-navbar :mine="mine"></p-personnel-orientation-navbar>
|
|
|
|
|
|
- <view class="content">
|
|
|
|
-
|
|
|
|
|
|
+ <view class="content">
|
|
|
|
+ <view class="tip_box">
|
|
|
|
+ <view class="left">
|
|
|
|
+ <view class="icon">
|
|
|
|
+ <image v-if="status == 1" src="./icon/01.png" mode=""></image>
|
|
|
|
+ <image v-if="status == 0" src="./icon/00.png" mode=""></image>
|
|
|
|
+ </view>
|
|
|
|
+ <view v-if="status == 1" class="text">数据正常</view>
|
|
|
|
+ <view v-if="status == 0" class="text">数据异常</view>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="right">
|
|
|
|
+ <view class="text">数据更新时间</view>
|
|
|
|
+ <view class="time">{{updated_at}}</view>
|
|
|
|
+ </view>
|
|
|
|
+ </view>
|
|
|
|
+
|
|
<!-- 当前井下人员 -->
|
|
<!-- 当前井下人员 -->
|
|
<p-personnel-orientation-section-1 :mine="mine">
|
|
<p-personnel-orientation-section-1 :mine="mine">
|
|
<!-- 圆环图 -->
|
|
<!-- 圆环图 -->
|
|
- <canvas style="width: 720upx; height:500upx;" canvas-id="canvasRing" id="canvasRing" @touchstart="touchRing"></canvas>
|
|
|
|
|
|
+ <canvas style="width: 720upx; height:500upx;" canvas-id="canvasRing" id="canvasRing"
|
|
|
|
+ @touchstart="touchRing"></canvas>
|
|
|
|
|
|
</p-personnel-orientation-section-1>
|
|
</p-personnel-orientation-section-1>
|
|
-
|
|
|
|
|
|
+
|
|
<p-personnel-orientation-section-3>
|
|
<p-personnel-orientation-section-3>
|
|
<!-- 职能科室 -->
|
|
<!-- 职能科室 -->
|
|
<view class="section_title">职能科室</view>
|
|
<view class="section_title">职能科室</view>
|
|
- <canvas style="width: 720upx; height:800upx;" canvas-id="canvasRing2" id="canvasRing2" @touchstart="touchRing2"></canvas>
|
|
|
|
|
|
+ <canvas style="width: 720upx; height:800upx;" canvas-id="canvasRing2" id="canvasRing2"
|
|
|
|
+ @touchstart="touchRing2"></canvas>
|
|
<!-- 基层区队 -->
|
|
<!-- 基层区队 -->
|
|
<view class="section_title">基层区队</view>
|
|
<view class="section_title">基层区队</view>
|
|
- <canvas style="width: 720upx; height:800upx;" canvas-id="canvasRing3" id="canvasRing3" @touchstart="touchRing3"></canvas>
|
|
|
|
|
|
+ <canvas style="width: 720upx; height:800upx;" canvas-id="canvasRing3" id="canvasRing3"
|
|
|
|
+ @touchstart="touchRing3"></canvas>
|
|
</p-personnel-orientation-section-3>
|
|
</p-personnel-orientation-section-3>
|
|
<!-- 各科室下井人数 -->
|
|
<!-- 各科室下井人数 -->
|
|
<p-personnel-orientation-section-4 @changeDepart="changeDepart">
|
|
<p-personnel-orientation-section-4 @changeDepart="changeDepart">
|
|
- <canvas style="width: 700upx; height:2500upx;" canvas-id="canvasColumn" id="canvasColumn" class="charts-rotate" @touchstart="touchColumn"></canvas>
|
|
|
|
|
|
+ <canvas style="width: 700upx; height:2500upx;" canvas-id="canvasColumn" id="canvasColumn"
|
|
|
|
+ class="charts-rotate" @touchstart="touchColumn"></canvas>
|
|
</p-personnel-orientation-section-4>
|
|
</p-personnel-orientation-section-4>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
@@ -31,7 +49,7 @@
|
|
|
|
|
|
<script>
|
|
<script>
|
|
import uCharts from '@/components/u-charts/u-charts.js';
|
|
import uCharts from '@/components/u-charts/u-charts.js';
|
|
-
|
|
|
|
|
|
+
|
|
var _self;
|
|
var _self;
|
|
var canvaRing = null;
|
|
var canvaRing = null;
|
|
var canvaRing2 = null;
|
|
var canvaRing2 = null;
|
|
@@ -44,8 +62,8 @@
|
|
data() {
|
|
data() {
|
|
return {
|
|
return {
|
|
// 矿编码
|
|
// 矿编码
|
|
- mine:"",
|
|
|
|
-
|
|
|
|
|
|
+ mine: "",
|
|
|
|
+
|
|
cWidth: '',
|
|
cWidth: '',
|
|
cHeight: '',
|
|
cHeight: '',
|
|
pixelRatio: 1,
|
|
pixelRatio: 1,
|
|
@@ -53,23 +71,26 @@
|
|
|
|
|
|
cWidth2: '', //横屏图表
|
|
cWidth2: '', //横屏图表
|
|
cHeight2: '', //横屏图表
|
|
cHeight2: '', //横屏图表
|
|
-
|
|
|
|
-
|
|
|
|
|
|
+
|
|
|
|
+
|
|
// 今日部门人数统计
|
|
// 今日部门人数统计
|
|
- departType:"now",
|
|
|
|
-
|
|
|
|
-
|
|
|
|
- lastTapTimeoutFunc:null,
|
|
|
|
- lastTapDiffTime:0
|
|
|
|
-
|
|
|
|
-
|
|
|
|
|
|
+ departType: "now",
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+ lastTapTimeoutFunc: null,
|
|
|
|
+ lastTapDiffTime: 0,
|
|
|
|
+
|
|
|
|
+ // 数据正常状态与更新时间
|
|
|
|
+ status: 1,
|
|
|
|
+ updated_at: ""
|
|
|
|
+
|
|
}
|
|
}
|
|
},
|
|
},
|
|
onLoad(option) {
|
|
onLoad(option) {
|
|
console.log(option.mine)
|
|
console.log(option.mine)
|
|
// 矿编码
|
|
// 矿编码
|
|
this.mine = option.mine
|
|
this.mine = option.mine
|
|
-
|
|
|
|
|
|
+
|
|
_self = this;
|
|
_self = this;
|
|
this.cWidth = uni.upx2px(720);
|
|
this.cWidth = uni.upx2px(720);
|
|
this.cHeight = uni.upx2px(500);
|
|
this.cHeight = uni.upx2px(500);
|
|
@@ -82,37 +103,52 @@
|
|
this.cWidth2 = uni.upx2px(700);
|
|
this.cWidth2 = uni.upx2px(700);
|
|
this.cHeight2 = uni.upx2px(2400);
|
|
this.cHeight2 = uni.upx2px(2400);
|
|
this.getServerData4();
|
|
this.getServerData4();
|
|
-
|
|
|
|
-
|
|
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+ // 获取数据正常状态
|
|
|
|
+ this.$p_api.messageUpdateStatus({
|
|
|
|
+ mine: this.mine
|
|
|
|
+ }).then((res) => {
|
|
|
|
+ // console.log(res.data.data)
|
|
|
|
+
|
|
|
|
+ this.status = res.data.data.status
|
|
|
|
+ this.updated_at = res.data.data.updated_at
|
|
|
|
+ })
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
// 改变今日部门人数统计的参数
|
|
// 改变今日部门人数统计的参数
|
|
- changeDepart(type){
|
|
|
|
|
|
+ changeDepart(type) {
|
|
// console.log(type)
|
|
// console.log(type)
|
|
- if(type == 1){
|
|
|
|
|
|
+ if (type == 1) {
|
|
this.departType = "today"
|
|
this.departType = "today"
|
|
- }else{
|
|
|
|
|
|
+ } else {
|
|
this.departType = "now"
|
|
this.departType = "now"
|
|
}
|
|
}
|
|
console.log(this.departType)
|
|
console.log(this.departType)
|
|
this.getServerData4();
|
|
this.getServerData4();
|
|
},
|
|
},
|
|
-
|
|
|
|
|
|
+
|
|
// 当前人员统计
|
|
// 当前人员统计
|
|
- getServerData(){
|
|
|
|
|
|
+ getServerData() {
|
|
this.$p_api.personnel_people_now({
|
|
this.$p_api.personnel_people_now({
|
|
- mine:this.mine
|
|
|
|
- }).then((res)=>{
|
|
|
|
|
|
+ mine: this.mine
|
|
|
|
+ }).then((res) => {
|
|
// console.log(res)
|
|
// console.log(res)
|
|
-
|
|
|
|
- let Ring = {series:[{name:'',data:0}],people_total:0}
|
|
|
|
-
|
|
|
|
|
|
+
|
|
|
|
+ let Ring = {
|
|
|
|
+ series: [{
|
|
|
|
+ name: '',
|
|
|
|
+ data: 0
|
|
|
|
+ }],
|
|
|
|
+ people_total: 0
|
|
|
|
+ }
|
|
|
|
+
|
|
// res.data.data.people_distribute 图例
|
|
// res.data.data.people_distribute 图例
|
|
Ring.people_total = res.data.data.people_total
|
|
Ring.people_total = res.data.data.people_total
|
|
-
|
|
|
|
-
|
|
|
|
|
|
+
|
|
|
|
+
|
|
const series = res.data.data.people_distribute
|
|
const series = res.data.data.people_distribute
|
|
- series.map(function(item,index){
|
|
|
|
|
|
+ series.map(function(item, index) {
|
|
//新数组的项,用来盛放每一项中的各个参数,每次清空,这样避免改变sevm的值
|
|
//新数组的项,用来盛放每一项中的各个参数,每次清空,这样避免改变sevm的值
|
|
var sevm = {};
|
|
var sevm = {};
|
|
//给每一项中的参数初始化并赋值
|
|
//给每一项中的参数初始化并赋值
|
|
@@ -121,29 +157,35 @@
|
|
//将项放进新的数组
|
|
//将项放进新的数组
|
|
Ring.series[index] = sevm
|
|
Ring.series[index] = sevm
|
|
})
|
|
})
|
|
-
|
|
|
|
|
|
+
|
|
// console.log(Ring)
|
|
// console.log(Ring)
|
|
_self.showRing("canvasRing", Ring);
|
|
_self.showRing("canvasRing", Ring);
|
|
})
|
|
})
|
|
-
|
|
|
|
-
|
|
|
|
|
|
+
|
|
|
|
+
|
|
},
|
|
},
|
|
-
|
|
|
|
|
|
+
|
|
// 职能科室人数统计
|
|
// 职能科室人数统计
|
|
- getServerData2(){
|
|
|
|
|
|
+ getServerData2() {
|
|
this.$p_api.personnel_office_total({
|
|
this.$p_api.personnel_office_total({
|
|
- mine:this.mine
|
|
|
|
- }).then((res)=>{
|
|
|
|
|
|
+ mine: this.mine
|
|
|
|
+ }).then((res) => {
|
|
// console.log(res)
|
|
// console.log(res)
|
|
-
|
|
|
|
- let Ring2 = {series:[{name:'',data:0}],people_total:0}
|
|
|
|
-
|
|
|
|
-
|
|
|
|
|
|
+
|
|
|
|
+ let Ring2 = {
|
|
|
|
+ series: [{
|
|
|
|
+ name: '',
|
|
|
|
+ data: 0
|
|
|
|
+ }],
|
|
|
|
+ people_total: 0
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+
|
|
Ring2.people_total = res.data.people_total
|
|
Ring2.people_total = res.data.people_total
|
|
-
|
|
|
|
-
|
|
|
|
|
|
+
|
|
|
|
+
|
|
const series = res.data.data
|
|
const series = res.data.data
|
|
- series.map(function(item,index){
|
|
|
|
|
|
+ series.map(function(item, index) {
|
|
//新数组的项,用来盛放每一项中的各个参数,每次清空,这样避免改变sevm的值
|
|
//新数组的项,用来盛放每一项中的各个参数,每次清空,这样避免改变sevm的值
|
|
var sevm = {};
|
|
var sevm = {};
|
|
//给每一项中的参数初始化并赋值
|
|
//给每一项中的参数初始化并赋值
|
|
@@ -153,26 +195,32 @@
|
|
//将项放进新的数组
|
|
//将项放进新的数组
|
|
Ring2.series[index] = sevm
|
|
Ring2.series[index] = sevm
|
|
})
|
|
})
|
|
-
|
|
|
|
|
|
+
|
|
// console.log(Ring2)
|
|
// console.log(Ring2)
|
|
_self.showRing2("canvasRing2", Ring2);
|
|
_self.showRing2("canvasRing2", Ring2);
|
|
})
|
|
})
|
|
-
|
|
|
|
|
|
+
|
|
},
|
|
},
|
|
-
|
|
|
|
|
|
+
|
|
// 基层区队人数统计
|
|
// 基层区队人数统计
|
|
- getServerData3(){
|
|
|
|
|
|
+ getServerData3() {
|
|
this.$p_api.personnel_basic_total({
|
|
this.$p_api.personnel_basic_total({
|
|
- mine:this.mine
|
|
|
|
- }).then((res)=>{
|
|
|
|
|
|
+ mine: this.mine
|
|
|
|
+ }).then((res) => {
|
|
// console.log(res.data.data)
|
|
// console.log(res.data.data)
|
|
-
|
|
|
|
- let Ring3 = {series:[{name:'',data:0}],people_total:0}
|
|
|
|
-
|
|
|
|
|
|
+
|
|
|
|
+ let Ring3 = {
|
|
|
|
+ series: [{
|
|
|
|
+ name: '',
|
|
|
|
+ data: 0
|
|
|
|
+ }],
|
|
|
|
+ people_total: 0
|
|
|
|
+ }
|
|
|
|
+
|
|
Ring3.people_total = res.data.people_total
|
|
Ring3.people_total = res.data.people_total
|
|
-
|
|
|
|
|
|
+
|
|
const series = res.data.data
|
|
const series = res.data.data
|
|
- series.map(function(item,index){
|
|
|
|
|
|
+ series.map(function(item, index) {
|
|
//新数组的项,用来盛放每一项中的各个参数,每次清空,这样避免改变sevm的值
|
|
//新数组的项,用来盛放每一项中的各个参数,每次清空,这样避免改变sevm的值
|
|
var sevm = {};
|
|
var sevm = {};
|
|
//给每一项中的参数初始化并赋值
|
|
//给每一项中的参数初始化并赋值
|
|
@@ -181,13 +229,13 @@
|
|
//将项放进新的数组
|
|
//将项放进新的数组
|
|
Ring3.series[index] = sevm
|
|
Ring3.series[index] = sevm
|
|
})
|
|
})
|
|
-
|
|
|
|
|
|
+
|
|
// console.log(Ring3)
|
|
// console.log(Ring3)
|
|
_self.showRing3("canvasRing3", Ring3);
|
|
_self.showRing3("canvasRing3", Ring3);
|
|
})
|
|
})
|
|
},
|
|
},
|
|
-
|
|
|
|
-
|
|
|
|
|
|
+
|
|
|
|
+
|
|
showRing(canvasId, chartData) {
|
|
showRing(canvasId, chartData) {
|
|
canvaRing = new uCharts({
|
|
canvaRing = new uCharts({
|
|
$this: _self,
|
|
$this: _self,
|
|
@@ -233,7 +281,7 @@
|
|
touchRing(e) {
|
|
touchRing(e) {
|
|
canvaRing.showToolTip(e, {
|
|
canvaRing.showToolTip(e, {
|
|
format: function(item) {
|
|
format: function(item) {
|
|
-
|
|
|
|
|
|
+
|
|
return item.name + ':' + item.data + '人'
|
|
return item.name + ':' + item.data + '人'
|
|
}
|
|
}
|
|
});
|
|
});
|
|
@@ -284,25 +332,26 @@
|
|
},
|
|
},
|
|
touchRing2(e) {
|
|
touchRing2(e) {
|
|
canvaRing2.showToolTip(e, {
|
|
canvaRing2.showToolTip(e, {
|
|
-
|
|
|
|
|
|
+
|
|
format: (item) => {
|
|
format: (item) => {
|
|
-
|
|
|
|
|
|
+
|
|
this.go_depart_people(item)
|
|
this.go_depart_people(item)
|
|
-
|
|
|
|
|
|
+
|
|
return item.name + ':' + item.data + '人'
|
|
return item.name + ':' + item.data + '人'
|
|
}
|
|
}
|
|
});
|
|
});
|
|
-
|
|
|
|
|
|
+
|
|
console.log(e)
|
|
console.log(e)
|
|
-
|
|
|
|
|
|
+
|
|
},
|
|
},
|
|
-
|
|
|
|
- go_depart_people(item){
|
|
|
|
- setTimeout(()=>{
|
|
|
|
|
|
+
|
|
|
|
+ go_depart_people(item) {
|
|
|
|
+ setTimeout(() => {
|
|
uni.navigateTo({
|
|
uni.navigateTo({
|
|
- url:"./depart-people/depart-people?title="+item.name+"&id="+item.id+"&mine="+this.mine
|
|
|
|
|
|
+ url: "./depart-people/depart-people?title=" + item.name + "&id=" + item.id +
|
|
|
|
+ "&mine=" + this.mine
|
|
})
|
|
})
|
|
- },1000)
|
|
|
|
|
|
+ }, 1000)
|
|
},
|
|
},
|
|
|
|
|
|
|
|
|
|
@@ -325,7 +374,7 @@
|
|
offsetY: 0 * _self.pixelRatio,
|
|
offsetY: 0 * _self.pixelRatio,
|
|
},
|
|
},
|
|
subtitle: {
|
|
subtitle: {
|
|
- name: chartData.people_total + '人',
|
|
|
|
|
|
+ name: chartData.people_total + '人',
|
|
color: '#666666',
|
|
color: '#666666',
|
|
fontSize: 15 * _self.pixelRatio,
|
|
fontSize: 15 * _self.pixelRatio,
|
|
offsetY: 0 * _self.pixelRatio,
|
|
offsetY: 0 * _self.pixelRatio,
|
|
@@ -352,39 +401,39 @@
|
|
canvaRing3.showToolTip(e, {
|
|
canvaRing3.showToolTip(e, {
|
|
format: (item) => {
|
|
format: (item) => {
|
|
// console.log(item)
|
|
// console.log(item)
|
|
-
|
|
|
|
|
|
+
|
|
this.go_depart_people_2(item)
|
|
this.go_depart_people_2(item)
|
|
-
|
|
|
|
|
|
+
|
|
return item.name + ':' + item.data + '人'
|
|
return item.name + ':' + item.data + '人'
|
|
}
|
|
}
|
|
});
|
|
});
|
|
},
|
|
},
|
|
-
|
|
|
|
- go_depart_people_2(item){
|
|
|
|
- setTimeout(()=>{
|
|
|
|
|
|
+
|
|
|
|
+ go_depart_people_2(item) {
|
|
|
|
+ setTimeout(() => {
|
|
uni.navigateTo({
|
|
uni.navigateTo({
|
|
- url:"./depart-people-2/depart-people-2?title="+item.name+"&mine="+this.mine
|
|
|
|
|
|
+ url: "./depart-people-2/depart-people-2?title=" + item.name + "&mine=" + this.mine
|
|
})
|
|
})
|
|
- },1000)
|
|
|
|
|
|
+ }, 1000)
|
|
},
|
|
},
|
|
|
|
|
|
|
|
|
|
// 今日各部门人数统计
|
|
// 今日各部门人数统计
|
|
- getServerData4(){
|
|
|
|
|
|
+ getServerData4() {
|
|
// console.log(this.departType)
|
|
// console.log(this.departType)
|
|
this.$p_api.personnel_depart_today({
|
|
this.$p_api.personnel_depart_today({
|
|
- type:this.departType,
|
|
|
|
- mine:this.mine
|
|
|
|
- }).then((res)=>{
|
|
|
|
|
|
+ type: this.departType,
|
|
|
|
+ mine: this.mine
|
|
|
|
+ }).then((res) => {
|
|
// console.log(res.data.data)
|
|
// console.log(res.data.data)
|
|
-
|
|
|
|
|
|
+
|
|
let ColumnColumn = {
|
|
let ColumnColumn = {
|
|
"categories": [],
|
|
"categories": [],
|
|
"seriesData": []
|
|
"seriesData": []
|
|
}
|
|
}
|
|
-
|
|
|
|
|
|
+
|
|
const categories = res.data.data
|
|
const categories = res.data.data
|
|
- categories.map(function(item,index){
|
|
|
|
|
|
+ categories.map(function(item, index) {
|
|
//新数组的项,用来盛放每一项中的各个参数,每次清空,这样避免改变sevm的值
|
|
//新数组的项,用来盛放每一项中的各个参数,每次清空,这样避免改变sevm的值
|
|
var sevm = {};
|
|
var sevm = {};
|
|
//给每一项中的参数初始化并赋值
|
|
//给每一项中的参数初始化并赋值
|
|
@@ -392,9 +441,9 @@
|
|
//将项放进新的数组
|
|
//将项放进新的数组
|
|
ColumnColumn.categories[index] = sevm
|
|
ColumnColumn.categories[index] = sevm
|
|
})
|
|
})
|
|
-
|
|
|
|
|
|
+
|
|
const seriesData = res.data.data
|
|
const seriesData = res.data.data
|
|
- seriesData.map(function(item,index){
|
|
|
|
|
|
+ seriesData.map(function(item, index) {
|
|
//新数组的项,用来盛放每一项中的各个参数,每次清空,这样避免改变sevm的值
|
|
//新数组的项,用来盛放每一项中的各个参数,每次清空,这样避免改变sevm的值
|
|
var sevm = {};
|
|
var sevm = {};
|
|
//给每一项中的参数初始化并赋值
|
|
//给每一项中的参数初始化并赋值
|
|
@@ -402,14 +451,14 @@
|
|
//将项放进新的数组
|
|
//将项放进新的数组
|
|
ColumnColumn.seriesData[index] = sevm
|
|
ColumnColumn.seriesData[index] = sevm
|
|
})
|
|
})
|
|
-
|
|
|
|
|
|
+
|
|
// console.log(ColumnColumn)
|
|
// console.log(ColumnColumn)
|
|
-
|
|
|
|
- _self.showColumnColumn("canvasColumn",ColumnColumn);
|
|
|
|
|
|
+
|
|
|
|
+ _self.showColumnColumn("canvasColumn", ColumnColumn);
|
|
})
|
|
})
|
|
-
|
|
|
|
|
|
+
|
|
},
|
|
},
|
|
-
|
|
|
|
|
|
+
|
|
showColumnColumn(canvasId, chartData) {
|
|
showColumnColumn(canvasId, chartData) {
|
|
canvaColumn = new uCharts({
|
|
canvaColumn = new uCharts({
|
|
$this: _self,
|
|
$this: _self,
|
|
@@ -423,19 +472,19 @@
|
|
pixelRatio: _self.pixelRatio,
|
|
pixelRatio: _self.pixelRatio,
|
|
animation: true,
|
|
animation: true,
|
|
rotate: true,
|
|
rotate: true,
|
|
- padding:[20,15,4,15],
|
|
|
|
|
|
+ padding: [20, 15, 4, 15],
|
|
// #ifdef MP-ALIPAY || MP-BAIDU
|
|
// #ifdef MP-ALIPAY || MP-BAIDU
|
|
rotateLock: true, //百度及支付宝需要锁定旋转
|
|
rotateLock: true, //百度及支付宝需要锁定旋转
|
|
// #endif
|
|
// #endif
|
|
categories: chartData.categories,
|
|
categories: chartData.categories,
|
|
- series:[{
|
|
|
|
- "name":'',
|
|
|
|
|
|
+ series: [{
|
|
|
|
+ "name": '',
|
|
"data": chartData.seriesData
|
|
"data": chartData.seriesData
|
|
}],
|
|
}],
|
|
xAxis: {
|
|
xAxis: {
|
|
disableGrid: true,
|
|
disableGrid: true,
|
|
- rotateLabel:true,
|
|
|
|
-
|
|
|
|
|
|
+ rotateLabel: true,
|
|
|
|
+
|
|
},
|
|
},
|
|
yAxis: {
|
|
yAxis: {
|
|
// disabled:true
|
|
// disabled:true
|
|
@@ -457,15 +506,15 @@
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
-
|
|
|
|
|
|
+
|
|
});
|
|
});
|
|
|
|
|
|
},
|
|
},
|
|
touchColumn(e) {
|
|
touchColumn(e) {
|
|
canvaColumn.showToolTip(e, {
|
|
canvaColumn.showToolTip(e, {
|
|
format: (item, category) => {
|
|
format: (item, category) => {
|
|
-
|
|
|
|
-
|
|
|
|
|
|
+
|
|
|
|
+
|
|
let _this = this;
|
|
let _this = this;
|
|
let curTime = new Date().getTime();
|
|
let curTime = new Date().getTime();
|
|
let lastTime = _this.lastTapDiffTime;
|
|
let lastTime = _this.lastTapDiffTime;
|
|
@@ -474,11 +523,12 @@
|
|
let diff = curTime - lastTime;
|
|
let diff = curTime - lastTime;
|
|
if (diff < 300) {
|
|
if (diff < 300) {
|
|
console.log("双击")
|
|
console.log("双击")
|
|
-
|
|
|
|
|
|
+
|
|
uni.navigateTo({
|
|
uni.navigateTo({
|
|
- url: "./depart-people-2/depart-people-2?title=" + category + "&departType=" + this.departType+"&mine="+this.mine
|
|
|
|
|
|
+ url: "./depart-people-2/depart-people-2?title=" + category +
|
|
|
|
+ "&departType=" + this.departType + "&mine=" + this.mine
|
|
})
|
|
})
|
|
-
|
|
|
|
|
|
+
|
|
//_this.handleVideo('screen',index)自定义事件
|
|
//_this.handleVideo('screen',index)自定义事件
|
|
clearTimeout(_this.lastTapTimeoutFunc); // 成功触发双击事件时,取消单击事件的执行
|
|
clearTimeout(_this.lastTapTimeoutFunc); // 成功触发双击事件时,取消单击事件的执行
|
|
} else {
|
|
} else {
|
|
@@ -488,13 +538,13 @@
|
|
//_this.handleVideo('playOrStop',index)自定义事件
|
|
//_this.handleVideo('playOrStop',index)自定义事件
|
|
}, 300);
|
|
}, 300);
|
|
}
|
|
}
|
|
-
|
|
|
|
-
|
|
|
|
- return category + ':' + item.data + item.name
|
|
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+ return category + ':' + item.data + item.name
|
|
}
|
|
}
|
|
});
|
|
});
|
|
},
|
|
},
|
|
-
|
|
|
|
|
|
+
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
</script>
|
|
@@ -519,4 +569,51 @@
|
|
color: #232627;
|
|
color: #232627;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
+
|
|
|
|
+ .tip_box {
|
|
|
|
+ margin-top: 16rpx;
|
|
|
|
+ background: #FFFFFF;
|
|
|
|
+ box-shadow: 0rpx 3rpx 29rpx 0rpx rgba(59, 74, 116, 0.14);
|
|
|
|
+ border-radius: 20rpx;
|
|
|
|
+
|
|
|
|
+ box-sizing: border-box;
|
|
|
|
+ padding: 0 50rpx;
|
|
|
|
+
|
|
|
|
+ height: 132rpx;
|
|
|
|
+
|
|
|
|
+ display: flex;
|
|
|
|
+ justify-content: space-between;
|
|
|
|
+ align-items: center;
|
|
|
|
+
|
|
|
|
+ .left {
|
|
|
|
+ display: flex;
|
|
|
|
+
|
|
|
|
+ .icon {
|
|
|
|
+ margin-right: 20rpx;
|
|
|
|
+
|
|
|
|
+ image {
|
|
|
|
+ width: 52rpx;
|
|
|
|
+ height: 47rpx;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .text {
|
|
|
|
+ font-size: 32rpx;
|
|
|
|
+ font-weight: 700;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .right {
|
|
|
|
+ .text {
|
|
|
|
+ font-size: 26rpx;
|
|
|
|
+ color: #999;
|
|
|
|
+ margin-bottom: 20rpx;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .time {
|
|
|
|
+ font-size: 30rpx;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ }
|
|
</style>
|
|
</style>
|