From 2c9e2664880f5cf620187ef8f445fc162cb176e1 Mon Sep 17 00:00:00 2001
From: gegeya <gegeya@qq.com>
Date: Thu, 3 Aug 2023 15:11:20 +0800
Subject: [PATCH] =?UTF-8?q?=E6=89=8B=E5=8A=A8=E8=A7=A3=E5=86=B3=E5=86=B2?=
 =?UTF-8?q?=E7=AA=81=EF=BC=88=E7=8E=8B=E5=AE=B6=E4=B8=9C=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ant-design-vue-jeecg/package.json             |   3 +
 ant-design-vue-jeecg/src/App.vue              |   2 +
 .../src/utils/devicePixelRatio.js             |  60 +++++++
 .../newLayout/myTask/list/assignment.vue      | 170 +++++++++---------
 4 files changed, 146 insertions(+), 89 deletions(-)
 create mode 100644 ant-design-vue-jeecg/src/utils/devicePixelRatio.js

diff --git a/ant-design-vue-jeecg/package.json b/ant-design-vue-jeecg/package.json
index f5562dc..fefff80 100644
--- a/ant-design-vue-jeecg/package.json
+++ b/ant-design-vue-jeecg/package.json
@@ -10,6 +10,9 @@
     "lint": "vue-cli-service lint"
   },
   "dependencies": {
+    "moment": "^2.29.4",
+    "postcss-px2rem": "^0.3.0",
+    "px2rem-loader": "^0.1.9",
     "@antv/data-set": "^0.11.4",
     "@jeecg/antd-online-mini": "2.4.5-RC",
     "@jiaminghi/data-view": "^2.10.0",
diff --git a/ant-design-vue-jeecg/src/App.vue b/ant-design-vue-jeecg/src/App.vue
index 2f99cb1..2ac2e1f 100644
--- a/ant-design-vue-jeecg/src/App.vue
+++ b/ant-design-vue-jeecg/src/App.vue
@@ -8,6 +8,7 @@
 <script>
 import zhCN from 'ant-design-vue/lib/locale-provider/zh_CN'
 import enquireScreen from '@/utils/device'
+import DevicePixelRatio from './utils/devicePixelRatio'
 
 export default {
   data() {
@@ -16,6 +17,7 @@ export default {
     }
   },
   created() {
+  new DevicePixelRatio().init()
     let that = this
     enquireScreen((deviceType) => {
       // tablet
diff --git a/ant-design-vue-jeecg/src/utils/devicePixelRatio.js b/ant-design-vue-jeecg/src/utils/devicePixelRatio.js
new file mode 100644
index 0000000..7b7533c
--- /dev/null
+++ b/ant-design-vue-jeecg/src/utils/devicePixelRatio.js
@@ -0,0 +1,60 @@
+class DevicePixelRatio {
+  constructor() {
+    // this.flag = false;
+  }
+  // 获取系统类型
+  _getSystem() {
+    let flag = false
+    var agent = navigator.userAgent.toLowerCase()
+    //		var isMac = /macintosh|mac os x/i.test(navigator.userAgent);
+    //		if(isMac) {
+    //			return false;
+    //		}
+    // 现只针对windows处理，其它系统暂无该情况，如有，继续在此添加
+    if (agent.indexOf('windows') >= 0) {
+      return true
+    }
+  }
+  // 获取页面缩放比例
+  //	_getDevicePixelRatio() {
+  //		let t = this;
+  //	}
+  // 监听方法兼容写法
+  _addHandler(element, type, handler) {
+    if (element.addEventListener) {
+      element.addEventListener(type, handler, false)
+    } else if (element.attachEvent) {
+      element.attachEvent('on' + type, handler)
+    } else {
+      element['on' + type] = handler
+    }
+  }
+  // 校正浏览器缩放比例
+  _correct() {
+    let t = this
+    // 页面devicePixelRatio（设备像素比例）变化后，计算页面body标签zoom修改其大小，来抵消devicePixelRatio带来的变化。
+    document.getElementsByTagName('body')[0].style.zoom =
+      1 / window.devicePixelRatio
+  }
+  // 监听页面缩放
+  _watch() {
+    let t = this
+    t._addHandler(window, 'resize', function () {
+      // 注意这个方法是解决全局有两个window.resize
+      // 重新校正
+      t._correct()
+    })
+  }
+  // 初始化页面比例
+  init() {
+    let t = this
+    if (t._getSystem()) {
+      // 判断设备，目前只在windows系统下校正浏览器缩放比例
+      // 初始化页面校正浏览器缩放比例
+      t._correct()
+      // 开启监听页面缩放
+      t._watch()
+    }
+  }
+}
+export default DevicePixelRatio
diff --git a/ant-design-vue-jeecg/src/views/newLayout/myTask/list/assignment.vue b/ant-design-vue-jeecg/src/views/newLayout/myTask/list/assignment.vue
index c3433c4..57bd9f1 100644
--- a/ant-design-vue-jeecg/src/views/newLayout/myTask/list/assignment.vue
+++ b/ant-design-vue-jeecg/src/views/newLayout/myTask/list/assignment.vue
@@ -176,19 +176,14 @@
                 <div class="date">
                   <div class="cycle">
                     <label>任务周期：</label>
-                    <span> {{ item.startTime }}</span> -
-                    <span>{{ item.expectedEndTime }}</span>
+                    <span> {{ item.startTime | timeFilter }}</span> -
+                    <span>{{ item.expectedEndTime | timeFilter }}</span>
                   </div>
                   <div class="publish">
                     <label>发布提交：</label>
-                    <span>{{ item.publishTime }}</span> -
-                    <span>{{
-                      `${
-                        item.submitTime !== '1970-01-01'
-                          ? item.submitTime
-                          : '待提交'
-                      }`
-                    }}</span>
+                    <span>{{ item.publishTime | timeFilter }}</span>
+                    -
+                    <span>{{ item.submitTime | timeFilter }}</span>
                   </div>
                   <div class="expected_duration">
                     <label>预计时长：</label
@@ -233,6 +228,7 @@
           <Container
             drag-class="card-ghost"
             drop-class="card-ghost-drop"
+            :drop-placeholder="dropPlaceholderOptions"
             group-name="col"
             @drop="(e) => onDevelopedCardDrop(e)"
             :get-child-payload="getDevelopedCardPayload()"
@@ -323,19 +319,13 @@
                 <div class="date">
                   <div class="cycle">
                     <label>任务周期：</label>
-                    <span> {{ item.startTime }}</span> -
-                    <span>{{ item.expectedEndTime }}</span>
+                    <span> {{ item.startTime | timeFilter }}</span> -
+                    <span>{{ item.expectedEndTime | timeFilter }}</span>
                   </div>
                   <div class="publish">
                     <label>发布提交：</label>
-                    <span>{{ item.publishTime }}</span> -
-                    <span>{{
-                      `${
-                        item.submitTime !== '1970-01-01'
-                          ? item.submitTime
-                          : '待提交'
-                      }`
-                    }}</span>
+                    <span>{{ item.publishTime | timeFilter }}</span> -
+                    <span>{{ item.submitTime | timeFilter }}</span>
                   </div>
                   <div class="expected_duration">
                     <label>预计时长：</label
@@ -455,19 +445,13 @@
                 <div class="date">
                   <div class="cycle">
                     <label>任务周期：</label>
-                    <span> {{ item.startTime }}</span> -
-                    <span>{{ item.expectedEndTime }}</span>
+                    <span> {{ item.startTime | timeFilter }}</span> -
+                    <span>{{ item.expectedEndTime | timeFilter }}</span>
                   </div>
                   <div class="publish">
                     <label>发布提交：</label>
-                    <span>{{ item.publishTime }}</span> -
-                    <span>{{
-                      `${
-                        item.submitTime !== '1970-01-01'
-                          ? item.submitTime
-                          : '待提交'
-                      }`
-                    }}</span>
+                    <span>{{ item.publishTime | timeFilter }}</span> -
+                    <span>{{ item.submitTime | timeFilter }}</span>
                   </div>
                   <div class="expected_duration">
                     <label>预计时长：</label
@@ -583,19 +567,14 @@
                 <div class="date">
                   <div class="cycle">
                     <label>任务周期：</label>
-                    <span> {{ item.startTime }}</span> -
-                    <span>{{ item.expectedEndTime }}</span>
+                    <span> {{ item.startTime | timeFilter }}</span> -
+                    <span>{{ item.expectedEndTime | timeFilter }}</span>
                   </div>
                   <div class="publish">
                     <label>发布提交：</label>
-                    <span>{{ item.publishTime }}</span> -
-                    <span>{{
-                      `${
-                        item.submitTime !== '1970-01-01'
-                          ? item.submitTime
-                          : '待提交'
-                      }`
-                    }}</span>
+                    <span>{{ item.publishTime | timeFilter }}</span>
+                    -
+                    <span>{{ item.submitTime | timeFilter }}</span>
                   </div>
                   <div class="expected_duration">
                     <label>预计时长：</label
@@ -683,23 +662,26 @@ import { Container, Draggable } from 'vue-smooth-dnd'
 import TaskModal from '@/views/task/modules/TaskModal'
 import { mixinDevice } from '@/utils/mixin'
 import { JeecgListMixin } from '@/mixins/JeecgListMixin'
+import moment from 'moment'
 const changeTime = (time) => {
-  let date = new Date(time)
-  let Y = date.getFullYear()
-  let M = String(date.getMonth() + 1).padStart(2, '0')
-  let D = String(date.getDate()).padStart(2, '0')
-  let newDate = [Y, M, D].join('-')
-  return newDate
+  // let date = new Date(time)
+  // let Y = date.getFullYear()
+  // let M = String(date.getMonth() + 1).padStart(2, '0')
+  // let D = String(date.getDate()).padStart(2, '0')
+  // let newDate = [Y, M, D].join('-')
+  // return newDate
+  return moment(item.startTime * 1000).format('YYYY-MM-DD HH:mm:ss')
 }
 const changeStyle = (arr) => {
   let newArr = arr.map((item) => {
     item.headpic = getFileAccessHttpUrl(item.headpic)
     item.taskPic = getFileAccessHttpUrl(item.taskPic)
     item.taskFile = getFileAccessHttpUrl(item.taskFile)
-    item.expectedEndTime = changeTime(item.expectedEndTime)
-    item.startTime = changeTime(item.startTime)
-    item.submitTime = changeTime(item.submitTime)
-    item.publishTime = changeTime(item.publishTime)
+    // item.expectedEndTime = moment(item.expectedEndTime).format('YYYY-MM-DD')
+    // item.expectedEndTime = changeTime(item.expectedEndTime)
+    // item.startTime = moment(item.startTime).format('YYYY-MM-DD')
+    // item.submitTime =moment(item.startTime).format('YYYY-MM-DD')
+    // item.publishTime = changeTime(item.publishTime)
   })
   return newArr
 }
@@ -743,7 +725,7 @@ export default {
       drawerData: {},
       dropPlaceholderOptions: {
         className: 'drop-preview',
-        animationDuration: '1000',
+        animationDuration: '150',
         showOnTop: true
       },
       time: [
@@ -756,6 +738,9 @@ export default {
     }
   },
   methods: {
+    modalFormOk() {
+      this.allUpadate()
+    },
     timeSearch(time) {
       this.timeSearchData = time.id
       console.log('this.timeSearchData', this.timeSearchData)
@@ -893,9 +878,9 @@ export default {
       window.open(this.dialogurl)
     },
     //滚动分页加载数据
-    assignmnetScroll(e) {
+    assignmnetScroll() {
       let isLoading = true //是否有数据可以加载
-      this.$refs.assignmnetcards.onscroll = async () => {
+      this.$refs.assignmnetcards.onscroll = async (e) => {
         const { scrollTop, clientHeight, scrollHeight } = e.target
         console.log(scrollTop, clientHeight, scrollHeight)
         let bottomOfWindow = scrollTop + clientHeight === scrollHeight
@@ -933,42 +918,44 @@ export default {
         }
       }
     },
-    async developedScroll(e) {
+    developedScroll() {
       let isLoading = true //是否有数据可以加载
-      const { scrollTop, clientHeight, scrollHeight } = e.target
-      console.log(scrollTop, clientHeight, scrollHeight)
-      let bottomOfWindow = scrollTop + clientHeight === scrollHeight
-      if (bottomOfWindow && isLoading == true) {
-        this.developedData.page = this.developedData.page + 1 //每次分页+1
-        let workStatus = 2
-        let pageNo = this.developedData.page
-        let pageSize = this.developedData.limit
-        let typeId = this.queryParam.typeId
-        let projectId = this.queryParam.projectId
-        let time = this.timeSearchData
-        // console.log(pageNo, pageSize)
-        await getMyTaskData({
-          workStatus,
-          pageNo,
-          pageSize,
-          typeId,
-          projectId,
-          time
-        }).then(({ result: res }) => {
-          //有数据的时候加载
-          if (res.records.length > 0) {
-            changeStyle(res.records)
-            this.developedData.cardList.push(...res.records) //追加数据 使用 ...语法
-            isLoading = true
-          } else {
-            this.$notify({
-              title: '温馨提示：',
-              message: '暂无更多数据信息！',
-              position: 'bottom-right'
-            })
-            isLoading = false //无数据可以加载
-          }
-        })
+      this.$refs.developedcards.onscroll = async (e) => {
+        const { scrollTop, clientHeight, scrollHeight } = e.target
+        let bottomOfWindow = scrollTop + clientHeight === scrollHeight
+        console.log(scrollTop, clientHeight, scrollHeight)
+        if (bottomOfWindow && isLoading) {
+          this.developedData.page = this.developedData.page + 1 //每次分页+1
+          let workStatus = 2
+          let pageNo = this.developedData.page
+          let pageSize = this.developedData.limit
+          let typeId = this.queryParam.typeId
+          let projectId = this.queryParam.projectId
+          let time = this.timeSearchData
+          await getMyTaskData({
+            workStatus,
+            pageNo,
+            pageSize,
+            typeId,
+            projectId,
+            time
+          }).then(({ result: res }) => {
+            //有数据的时候加载
+            console.log(res.records)
+            if (res.records.length === 0) {
+              this.$notify({
+                title: '温馨提示：',
+                message: '暂无更多数据信息！',
+                position: 'bottom-right'
+              })
+              isLoading = false //无数据可以加载
+            } else {
+              changeStyle(res.records)
+              this.developedData.cardList.push(...res.records) //追加数据 使用 ...语法
+              isLoading = true
+            }
+          })
+        }
       }
     },
     completedScroll(e) {
@@ -1184,6 +1171,11 @@ export default {
     this.completedScroll()
     this.auditedScroll()
     this.updateWorkStatus()
+  },
+  filters: {
+    timeFilter: function (value) {
+      return moment(value).format('YYYY-MM-DD')
+    }
   }
 }
 </script>
@@ -1415,7 +1407,7 @@ header {
   }
 }
 .cards {
-  height: 100dvh;
+  height: 700px;
   overflow-x: auto;
 }
 .content {