From ae0de0617298a3d276622421c77c72435f4ec068 Mon Sep 17 00:00:00 2001
From: kongdeqiang <123456>
Date: 星期一, 31 七月 2023 16:32:00 +0800
Subject: [PATCH] 提交文件
---
src/pages/show/showIndex/YunweiBlock.vue | 215 +++++++++++++++++++++++++++++++++++++++--------------
1 files changed, 158 insertions(+), 57 deletions(-)
diff --git a/src/pages/show/showIndex/YunweiBlock.vue b/src/pages/show/showIndex/YunweiBlock.vue
index 7439b4e..8c82814 100644
--- a/src/pages/show/showIndex/YunweiBlock.vue
+++ b/src/pages/show/showIndex/YunweiBlock.vue
@@ -51,13 +51,18 @@
<div class="YunweiBlock-main">
<div class="datePicker-box">
<el-date-picker
+ @change="changePicker"
v-model="value1"
- type="date"
- placeholder="閫夋嫨鏃ユ湡">
+ format="yyyy-MM-dd"
+ value-format="yyyy-MM-dd"
+ type="daterange"
+ range-separator="鑷�"
+ start-placeholder="寮�濮嬫棩鏈�"
+ end-placeholder="缁撴潫鏃ユ湡">
</el-date-picker>
</div>
<div class="YunweiBlock-table">
- <dv-scroll-board :config="ywTableConfig" style="width:500px;height:220px" />
+ <dv-scroll-board :key="key" class="yunwei-scroll" @click="handleClickRow" :config="ywTableConfig" style="width:500px;height:220px" />
<!--<el-table
style="width: 100%"
:header-cell-class-name="headerCellName"
@@ -84,17 +89,25 @@
</div>
</div>
-
+ <YunweiBlockForm ref="YunweiBlockForm" v-if="YunweiBlockVisable"></YunweiBlockForm>
</div>
</template>
<script>
+ import {getTaskByDate} from '@/api/daping'
import {animateShanFlash} from '@/utils/animateShanFlash'
+ import YunweiBlockForm from "./YunweiBlock/YunweiBlockForm";
export default {
name: "YunweiBlock",
+ components: {
+ YunweiBlockForm
+ },
data() {
return {
+ key:1,
value1:'',
+ startDate:'',
+ endDate:'',
ywTableConfig: {
header: ['鍐呭','鏃ユ湡'],
headerBGC: 'rgba(255, 255, 255, 0)',
@@ -104,74 +117,144 @@
// index: 'true',
align:'center',
hoverPause: 'true',
- columnWidth: ['70%','30%'],
+ columnWidth: ['70%','30%','0'],
data: [
- ['3鍙锋湇鍔″櫒寮傚父锛屾姤璀﹂敊璇�', '2023-03-06',],
- ['3鍙锋湇鍔″櫒寮傚父锛屾姤璀﹂敊璇�', '2023-03-06',],
- ['3鍙锋湇鍔″櫒寮傚父锛屾姤璀﹂敊璇�', '2023-03-06',],
- ['3鍙锋湇鍔″櫒寮傚父锛屾姤璀﹂敊璇�', '2023-03-06',],
- ['3鍙锋湇鍔″櫒寮傚父锛屾姤璀﹂敊璇�', '2023-03-06',],
- ['3鍙锋湇鍔″櫒寮傚父锛屾姤璀﹂敊璇�', '2023-03-06',],
- ['3鍙锋湇鍔″櫒寮傚父锛屾姤璀﹂敊璇�', '2023-03-06',],
- ['3鍙锋湇鍔″櫒寮傚父锛屾姤璀﹂敊璇�', '2023-03-06',],
- ['3鍙锋湇鍔″櫒寮傚父锛屾姤璀﹂敊璇�', '2023-03-06',],
- ['3鍙锋湇鍔″櫒寮傚父锛屾姤璀﹂敊璇�', '2023-03-06',],
- ['3鍙锋湇鍔″櫒寮傚父锛屾姤璀﹂敊璇�', '2023-03-06',],
- ['3鍙锋湇鍔″櫒寮傚父锛屾姤璀﹂敊璇�', '2023-03-06',],
- ['3鍙锋湇鍔″櫒寮傚父锛屾姤璀﹂敊璇�', '2023-03-06',],
- ['3鍙锋湇鍔″櫒寮傚父锛屾姤璀﹂敊璇�', '2023-03-06',],
- ['3鍙锋湇鍔″櫒寮傚父锛屾姤璀﹂敊璇�', '2023-03-06',],
- ['3鍙锋湇鍔″櫒寮傚父锛屾姤璀﹂敊璇�', '2023-03-06',],
- ['3鍙锋湇鍔″櫒寮傚父锛屾姤璀﹂敊璇�', '2023-03-06',],
- ['3鍙锋湇鍔″櫒寮傚父锛屾姤璀﹂敊璇�', '2023-03-06',],
- ['3鍙锋湇鍔″櫒寮傚父锛屾姤璀﹂敊璇�', '2023-03-06',],
- ['3鍙锋湇鍔″櫒寮傚父锛屾姤璀﹂敊璇�', '2023-03-06',],
- ['3鍙锋湇鍔″櫒寮傚父锛屾姤璀﹂敊璇�', '2023-03-06',],
- ['3鍙锋湇鍔″櫒寮傚父锛屾姤璀﹂敊璇�', '2023-03-06',],
- ['3鍙锋湇鍔″櫒寮傚父锛屾姤璀﹂敊璇�', '2023-03-06',],
- ['3鍙锋湇鍔″櫒寮傚父锛屾姤璀﹂敊璇�', '2023-03-06',],
- ['3鍙锋湇鍔″櫒寮傚父锛屾姤璀﹂敊璇�', '2023-03-06',],
- ['3鍙锋湇鍔″櫒寮傚父锛屾姤璀﹂敊璇�', '2023-03-06',],
- ['3鍙锋湇鍔″櫒寮傚父锛屾姤璀﹂敊璇�', '2023-03-06',],
- ['3鍙锋湇鍔″櫒寮傚父锛屾姤璀﹂敊璇�', '2023-03-06',],
- ['3鍙锋湇鍔″櫒寮傚父锛屾姤璀﹂敊璇�', '2023-03-06',],
- ['3鍙锋湇鍔″櫒寮傚父锛屾姤璀﹂敊璇�', '2023-03-06',],
- ['3鍙锋湇鍔″櫒寮傚父锛屾姤璀﹂敊璇�', '2023-03-06',],
- ['3鍙锋湇鍔″櫒寮傚父锛屾姤璀﹂敊璇�', '2023-03-06',],
- ['3鍙锋湇鍔″櫒寮傚父锛屾姤璀﹂敊璇�', '2023-03-06',],
+ // ['3鍙锋湇鍔″櫒寮傚父锛屾姤璀﹂敊璇�', '2023-03-06',],
+ // ['3鍙锋湇鍔″櫒寮傚父锛屾姤璀﹂敊璇�', '2023-03-06',],
+ // ['3鍙锋湇鍔″櫒寮傚父锛屾姤璀﹂敊璇�', '2023-03-06',],
+ // ['3鍙锋湇鍔″櫒寮傚父锛屾姤璀﹂敊璇�', '2023-03-06',],
+ // ['3鍙锋湇鍔″櫒寮傚父锛屾姤璀﹂敊璇�', '2023-03-06',],
+ // ['3鍙锋湇鍔″櫒寮傚父锛屾姤璀﹂敊璇�', '2023-03-06',],
+ // ['3鍙锋湇鍔″櫒寮傚父锛屾姤璀﹂敊璇�', '2023-03-06',],
+ // ['3鍙锋湇鍔″櫒寮傚父锛屾姤璀﹂敊璇�', '2023-03-06',],
+ // ['3鍙锋湇鍔″櫒寮傚父锛屾姤璀﹂敊璇�', '2023-03-06',],
+ // ['3鍙锋湇鍔″櫒寮傚父锛屾姤璀﹂敊璇�', '2023-03-06',],
+ // ['3鍙锋湇鍔″櫒寮傚父锛屾姤璀﹂敊璇�', '2023-03-06',],
+ // ['3鍙锋湇鍔″櫒寮傚父锛屾姤璀﹂敊璇�', '2023-03-06',],
+ // ['3鍙锋湇鍔″櫒寮傚父锛屾姤璀﹂敊璇�', '2023-03-06',],
+ // ['3鍙锋湇鍔″櫒寮傚父锛屾姤璀﹂敊璇�', '2023-03-06',],
+ // ['3鍙锋湇鍔″櫒寮傚父锛屾姤璀﹂敊璇�', '2023-03-06',],
+ // ['3鍙锋湇鍔″櫒寮傚父锛屾姤璀﹂敊璇�', '2023-03-06',],
+ // ['3鍙锋湇鍔″櫒寮傚父锛屾姤璀﹂敊璇�', '2023-03-06',],
+ // ['3鍙锋湇鍔″櫒寮傚父锛屾姤璀﹂敊璇�', '2023-03-06',],
+ // ['3鍙锋湇鍔″櫒寮傚父锛屾姤璀﹂敊璇�', '2023-03-06',],
+ // ['3鍙锋湇鍔″櫒寮傚父锛屾姤璀﹂敊璇�', '2023-03-06',],
+ // ['3鍙锋湇鍔″櫒寮傚父锛屾姤璀﹂敊璇�', '2023-03-06',],
+ // ['3鍙锋湇鍔″櫒寮傚父锛屾姤璀﹂敊璇�', '2023-03-06',],
+ // ['3鍙锋湇鍔″櫒寮傚父锛屾姤璀﹂敊璇�', '2023-03-06',],
+ // ['3鍙锋湇鍔″櫒寮傚父锛屾姤璀﹂敊璇�', '2023-03-06',],
+ // ['3鍙锋湇鍔″櫒寮傚父锛屾姤璀﹂敊璇�', '2023-03-06',],
+ // ['3鍙锋湇鍔″櫒寮傚父锛屾姤璀﹂敊璇�', '2023-03-06',],
+ // ['3鍙锋湇鍔″櫒寮傚父锛屾姤璀﹂敊璇�', '2023-03-06',],
+ // ['3鍙锋湇鍔″櫒寮傚父锛屾姤璀﹂敊璇�', '2023-03-06',],
+ // ['3鍙锋湇鍔″櫒寮傚父锛屾姤璀﹂敊璇�', '2023-03-06',],
+ // ['3鍙锋湇鍔″櫒寮傚父锛屾姤璀﹂敊璇�', '2023-03-06',],
+ // ['3鍙锋湇鍔″櫒寮傚父锛屾姤璀﹂敊璇�', '2023-03-06',],
+ // ['3鍙锋湇鍔″櫒寮傚父锛屾姤璀﹂敊璇�', '2023-03-06',],
+ // ['3鍙锋湇鍔″櫒寮傚父锛屾姤璀﹂敊璇�', '2023-03-06',],
],
rowNum: 14
},
- tableData: [{
- content1:'3鍙锋湇鍔″櫒寮傚父锛屾姤璀﹂敊璇�',
- data:'2023-03-06'
- },{
- content1:'3鍙锋湇鍔″櫒寮傚父锛屾姤璀﹂敊璇�',
- data:'2023-03-06'
- },{
- content1:'3鍙锋湇鍔″櫒寮傚父锛屾姤璀﹂敊璇�',
- data:'2023-03-06'
- }]
+ YunweiBlockVisable: false,
+ timer: null,
+ tableData:[]
}
},
+ destroyed() {
+ clearInterval(this.timer)
+ },
mounted() {
- this.loading()
+ //this.loading()
+ this.resizeLsit()
+ this.timer = setInterval(() => {
+ this.getTaskByDate()
+ },300000)
+ },
+ watch: {
+
},
methods: {
- loading() {
+ resizeLsit() {
+ this.key ++
+ let rows = document.querySelector('.yunwei-scroll')
+ let height = rows.clientHeight
+ this.ywTableConfig.rowNum = Math.floor(height/38)
+ this.getTaskByDate()
+ },
+ handleClickRow(config) { //纰橀厭琛屼俊鎭�
+ console.log(this.tableData[config.rowIndex].id,'id======')
+ this.YunweiBlockVisable = true
+ this.$nextTick(() => {
+ this.$refs.YunweiBlockForm.init(this.tableData[config.rowIndex].id)
+ })
+
+ },
+ changePicker(val) { //鏃ユ湡change
+ if(val) {
+ this.startDate = val[0]
+ this.endDate = val[1]
+ }else {
+ this.startDate = ''
+ this.endDate = ''
+ }
+ this.getTaskByDate()
+ },
+ getTaskByDate() { //杩愮淮鏃ュ織
+ getTaskByDate({startDate:this.startDate,endDate:this.endDate}).then(res => {
+ if(res.code == 0) {
+ this.ywTableConfig = {
+ header : ['鍐呭','鏃ユ湡'],
+ headerBGC: 'rgba(255, 255, 255, 0)',
+ oddRowBGC: 'rgba(0,213,255,0.08)',
+ evenRowBGC: 'rgba(255, 255, 255, 0)',
+ // indexHeader: '#',
+ // index: 'true',
+ rowNum:this.ywTableConfig.rowNum,
+ align:'center',
+ hoverPause: 'true',
+ columnWidth: [180,120,0],
+ data:[]
+ }
+ this.tableData = res.data
+ let data = res.data.map(item => {
+ return [`${item.title}`,`${item.startDate}`]
+ })
+ this.$set(this.ywTableConfig,'data',data)
+ }
+ })
+ },
+ loading() { //鍑烘潵
const tl = this.gsap.timeline({defaults: {duration: 0.8}})
animateShanFlash('.zhuangshi span',{
duration: 1,
})
- tl.from('.YunweiBlock-wrap',{
- x: '-200',
- autoAlpha: 0,
- duration:0.8,
- // ease: 'power2.out',
- delay:0.5,
- ease:'back.out(1.7)',
+ tl.fromTo('.YunweiBlock-wrap',{
+ x: '-110%',
+ },{
+ x: '0',
+ //autoAlpha: 0,
+ duration:1,
+ // ease: 'power2.out',
+ delay:0.5,
+ ease:'back.out(1.7)',
})
},
+ loading2() { //鍑烘潵
+ const tl = this.gsap.timeline({defaults: {duration: 0.8}})
+ animateShanFlash('.zhuangshi span',{
+ duration: 1,
+ })
+ tl.fromTo('.YunweiBlock-wrap',{
+ x: '0',
+ },{
+ x: '-110%',
+ //autoAlpha: 0,
+ duration:1,
+ // ease: 'power2.out',
+ delay:0.5,
+ ease:'back.out(1.7)',
+ })
+ },
headerCellName(obj) {
return 'kehuxinxiBox'
},
@@ -184,6 +267,24 @@
width: 100%;
margin: 0.078125rem /* 15/192 */ 0 0.0521rem /* 10/192 */ 0;
height: 0.1771rem /* 34/192 */;
+ .el-range-input{
+ background: transparent;
+ border: 1px solid #2f5a8b;
+ width: 0.625rem /* 120/192 */;
+ }
+ .el-date-editor .el-range-input{
+ color: #fff;
+ }
+ .el-icon-circle-close:before{
+ content: "\E78D";
+ color: #1ee3f3 ;
+ font-size: 0.1042rem /* 20/192 */;
+ }
+ .el-range-separator{
+ color: #fff;
+ padding: 0;
+ font-size: 0.0521rem /* 10/192 */;
+ }
.el-input{
background-color: transparent;
border: 1px solid #1681af;
--
Gitblit v1.9.1