预约任务编辑

src/assets/style/home.less

@@ -140,13 +140,16 @@
     &-item {
       display: inline-block;
       vertical-align: middle;
-      margin-right: 8px;
       height: 32px;
       line-height: 32px;
       padding: 0 8px;
       font-weight: 400;
       border-radius: var(--border-radius-small);
 
+      &:not(:first-child) {
+        margin-left: 8px;
+      }
+
       .svg-icon {
         font-size: 18px;
       }

src/components/select-range-time/index.vue

@@ -3,7 +3,7 @@
     v-model="selected"
     type="time-range"
     :format="format"
-    :style="{ width: '300px' }"
+    :style="{ width: '200px' }"
     v-bind="attrs"
     @change="onChange"
   />

src/views/order/task-manage/addTimes.vue

@@ -9,7 +9,7 @@
     @before-open="modalBeforeOpen"
   >
     <a-form ref="formRef" :model="formData" auto-label-width>
-      <a-form-item label="添加方式">
+      <a-form-item label="添加方式" required>
         <a-radio-group v-model="formData.type" @change="typeChange">
           <a-radio value="simple">简单创建</a-radio>
           <a-radio value="loop">循环创建</a-radio>
@@ -27,7 +27,11 @@
           },
         ]"
       >
-        <select-range-datetime v-model="formData.date" :show-time="false">
+        <select-range-datetime
+          v-model="formData.date"
+          :show-time="false"
+          format="YYYY-MM-DD"
+        >
         </select-range-datetime>
       </a-form-item>
 
@@ -41,17 +45,27 @@
             message: '请选择时间',
           },
         ]"
+        :label="index + 1 + ''"
       >
-        <select-range-time v-if="IS_LOOP" v-model="formData.times[index]">
+        <select-range-time
+          v-if="IS_LOOP"
+          v-model="formData.times[index]"
+          disable-confirm
+          :style="{ width: '256px' }"
+        >
         </select-range-time>
         <select-range-datetime v-else v-model="formData.times[index]">
         </select-range-datetime>
-        <a-button class="ml-10" type="primary" @click="toAdd(index)">
+        <a-button class="ml-10" @click="toAdd(index)">
           <template #icon>
-            <svg-icon name="icon-add"></svg-icon>
+            <icon-plus />
           </template>
         </a-button>
-        <a-button status="danger" @click="toDelete(index)">
+        <a-button
+          status="danger"
+          :disabled="formData.times.length === 1"
+          @click="toDelete(index)"
+        >
           <template #icon>
             <svg-icon name="icon-delete"></svg-icon>
           </template>
@@ -71,6 +85,7 @@
   import type { FormInstance } from '@arco-design/web-vue/es/form';
   import useModal from '@/hooks/modal';
   import { formatDate, objModifyAssign } from '@/utils/utils';
+  import { Message } from '@arco-design/web-vue';
 
   defineOptions({
     name: 'AddTimes',
@@ -114,6 +129,10 @@
   }
 
   function toDelete(index: number) {
+    if (formData.times.length <= 1) {
+      Message.error('不可再删除！');
+      return;
+    }
     formData.times.splice(index, 1);
   }
 

src/views/order/task-manage/modifyTask.vue

@@ -59,7 +59,7 @@
   const comps = {
     rule: ruleForm,
     time: timeForm,
-    noitce: noticeForm,
+    notice: noticeForm,
   };
 
   const compType = ref('rule');

src/views/order/task-manage/noticeForm.vue

@@ -1,12 +1,15 @@
 <template>
   <div class="part-box" :style="{ minHeight: '300px' }">
     <a-form ref="formRef" :model="formData" :rules="rules" auto-label-width>
-      <a-form-item field="notice" label="预约任务名称">
-        <a-input
-          v-model.trim="formData.notice"
+      <a-form-item field="notice" label="考试说明">
+        <a-textarea
+          v-model="formData.notice"
           placeholder="请输入"
-          allow-clear
-        ></a-input>
+          :auto-size="{
+            minRows: 4,
+            maxRows: 10,
+          }"
+        />
       </a-form-item>
     </a-form>
   </div>

src/views/order/task-manage/timeForm.vue

@@ -38,7 +38,7 @@
   import { updateTaskTime } from '@/api/order';
   import useLoading from '@/hooks/loading';
   import type { FormInstance, FieldRule } from '@arco-design/web-vue/es/form';
-  import { objAssign, objModifyAssign } from '@/utils/utils';
+  import { objModifyAssign } from '@/utils/utils';
   import { TaskItem } from '@/api/types/order';
   import AddTimes from './addTimes.vue';