From 4e2ed3c456e6460261aa62de04897cea6dd32b7a Mon Sep 17 00:00:00 2001
From: yuping <82253452@qq.com>
Date: Tue, 27 Jun 2023 14:26:18 +0800
Subject: [PATCH] =?UTF-8?q?--fix=20=E6=8C=81=E7=BB=AD=E6=97=B6=E9=97=B4?=
 =?UTF-8?q?=E4=B8=BA=E9=9D=9E=E5=BF=85=E5=A1=AB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/drawers/AddActive.vue         | 5 +++--
 src/components/drawers/AddLive.vue           | 5 +++--
 src/components/drawers/AddOpenCourse.vue     | 6 +++---
 src/views/courselibrary/CoursewareManage.vue | 5 ++++-
 4 files changed, 13 insertions(+), 8 deletions(-)

diff --git a/src/components/drawers/AddActive.vue b/src/components/drawers/AddActive.vue
index 5ec89ec0..acc635d3 100644
--- a/src/components/drawers/AddActive.vue
+++ b/src/components/drawers/AddActive.vue
@@ -45,7 +45,7 @@
               <span style="margin-right: 3px">持续时间：</span>
             </div>
             <div class="btnbox">
-              <a-input-number :min="0" :max="999999" :precision="0" style="width: 400px; height: 40px; border-radius: 8px"
+              <a-input-number :min="0" :max="999999" :precision="0" style="width: 400px; height: 40px; border-radius: 8px" :placeholder="durationText"
                 v-model:value="formData.activityDuration" />
               <span style="color: #999999; margin-left: 8px">分钟</span>
             </div>
@@ -133,7 +133,7 @@
   </a-drawer>
 </template>
 <script setup>
-import { defineEmits, defineProps, ref } from "vue";
+import {computed, defineEmits, defineProps, ref} from "vue";
 import { Form, message } from "ant-design-vue";
 import dayjs from "dayjs";
 import {useResetRef} from "@/utils/useCommon";
@@ -197,6 +197,7 @@ const rulesRef = ref({
 });
 
 const { validate } = Form.useForm(formData, rulesRef);
+const durationText = computed(() => dateTime.value?.length?dayjs(dateTime.value[1]).diff(dayjs(dateTime.value[0]),'minute'):'请输入持续时间');
 
 const closeDrawer = () => {
   visible.value = false
diff --git a/src/components/drawers/AddLive.vue b/src/components/drawers/AddLive.vue
index 767955ca..7d2fd531 100644
--- a/src/components/drawers/AddLive.vue
+++ b/src/components/drawers/AddLive.vue
@@ -60,7 +60,7 @@
               <span style="margin-right: 3px">持续时间：</span>
             </div>
             <div class="btnbox">
-              <a-input-number :min="0" :max="999999" :precision="0" style="width: 400px; height: 40px; border-radius: 8px"
+              <a-input-number :min="0" :max="999999" :precision="0" style="width: 400px; height: 40px; border-radius: 8px" :placeholder="durationText"
                 v-model:value="formData.liveDuration"></a-input-number>
               <span style="color: #999999; margin-left: 8px">分钟</span>
             </div>
@@ -220,7 +220,7 @@
   </a-drawer>
 </template>
 <script setup>
-import { defineEmits, defineProps, ref } from "vue";
+import {computed, defineEmits, defineProps, ref} from "vue";
 import dayjs from "dayjs";
 import ProjectManager from "@/components/project/ProjectManagerNew";
 import AddInvistRoot from "@/components/drawers/AddInvistRoot.vue";
@@ -324,6 +324,7 @@ const rulesRef = ref({
 });
 
 const { resetFields, validate } = Form.useForm(formData, rulesRef);
+const durationText = computed(() => dateTime.value?.length?dayjs(dateTime.value[1]).diff(dayjs(dateTime.value[0]),'minute'):'请输入持续时间');
 
 const closeDrawer = () => {
   imageUrl.value = "";
diff --git a/src/components/drawers/AddOpenCourse.vue b/src/components/drawers/AddOpenCourse.vue
index 6f525795..e31433ab 100644
--- a/src/components/drawers/AddOpenCourse.vue
+++ b/src/components/drawers/AddOpenCourse.vue
@@ -166,7 +166,7 @@
                             :min="0"
                             :max="999999"
                             :precision="0"
-                            placeholder="请输入持续时间"
+                            :placeholder="durationText"
                             style="
                             width: 88%;
                             height: 32px;
@@ -366,7 +366,7 @@
   </a-drawer>
 </template>
 <script setup>
-import {defineProps, ref, nextTick} from "vue";
+import {defineProps, ref, nextTick, computed} from "vue";
 import {Form, message} from "ant-design-vue";
 import FJUpload from "@/components/common/FJUpload";
 import CheckBox from "@/components/common/CheckBox";
@@ -523,7 +523,7 @@ const formDataRule = {
   // ],
 };
 const { validate } = Form.useForm(formData, formDataRule);
-
+const durationText = computed(() => dateTime.value?.length?dayjs(dateTime.value[1]).diff(dayjs(dateTime.value[0]),'minute'):'请输入持续时间');
 function timeChange(time, timeStr) {
   formData.value.beginTime = timeStr[0];
   formData.value.endTime = timeStr[1];
diff --git a/src/views/courselibrary/CoursewareManage.vue b/src/views/courselibrary/CoursewareManage.vue
index 28aeeb84..a02182ee 100644
--- a/src/views/courselibrary/CoursewareManage.vue
+++ b/src/views/courselibrary/CoursewareManage.vue
@@ -970,7 +970,7 @@
                   :min="0"
                   :max="999999"
                   :precision="0"
-                  placeholder="请输入持续时间"
+                  :placeholder="durationText"
                   style="
                             width: 88%;
                             height: 32px;
@@ -1766,6 +1766,7 @@ import { useStore } from "vuex";
 import DropDown from "@/components/common/DropDown";
 import { checkPer, checkOwner } from "@/utils/utils";
 import dayjs from "dayjs";
+import {duration} from "moment";
 
 //列表表格
 
@@ -2184,6 +2185,7 @@ export default defineComponent({
     const CourseModalRef = ref(null);
     const store = useStore();
     const sysTypeOptions = computed(() => store.state.content_type);
+    const durationText = computed(() => state.xjkkinputV3?.length?dayjs(state.xjkkinputV3[1]).diff(dayjs(state.xjkkinputV3[0]),'minute'):'请输入持续时间');
 
     const state = reactive({
       permissions:null,
@@ -4946,6 +4948,7 @@ export default defineComponent({
       ft_exit_0,
       om_exit,
       ckxq_hs,
+      durationText,
       ftsr_exit,
       stm_exit,
       ft_exit_see,