钣金页面表格样式;

chengxiangling

2025-05-14 db6e95062dfb57bcd1fb1cacdbb3cb4372c576b0

 src/views/basicData/calendar/index.vue

@@ -413,7 +413,7 @@
          <div class="grey_bg">
            <div
              class="flex_holidays_set"
              v-for="(item, index) in formHolidays"
              v-for="(item, index) in formHolidays.holidays"
              :key="index"
            >
              <div class="dis_error_wrap">
@@ -429,7 +429,9 @@
                    />
                  </div>
                </div>
                <div class="error_text">请输入节假日描述</div>
                <div class="error_text" v-if="item.describe == ''">
                  请输入节假日描述
                </div>
              </div>
              <div class="dis_error_wrap">
                <div class="flex_item">
@@ -449,7 +451,9 @@
                    </el-date-picker>
                  </div>
                </div>
                <div class="error_text">请输入开始时间</div>
                <div class="error_text" v-if="item.startdate == ''">
                  请输入开始时间
                </div>
              </div>
              <div class="dis_error_wrap">
                <div class="flex_item">
@@ -469,7 +473,9 @@
                    </el-date-picker>
                  </div>
                </div>
                <div class="error_text">请输入结束时间</div>
                <div class="error_text" v-if="item.enddate == ''">
                  请输入结束时间
                </div>
              </div>
              <div class="dis_error_wrap">
                <div class="flex_item">
@@ -1031,37 +1037,32 @@
// };
// 提交节假日
function handleSaveHolidaysForm() {
  console.log(holidaysRef.value, "表单dom");
  const hasValidDates = formHolidays.value.holidays.some(
    (item) => item.enddate && item.startdate && item.describe
  );
  console.log(hasValidDates, "hasValidDates");
  // holidaysRef.value.validate((valid) => {
  //   console.log(valid,"valid")
  //   if (valid) {
  //     proxy.$modal.msgSuccess('submit!');
  //   } else {
  //     proxy.$modal.msgSuccess('Form is not valid.');
  //     return false;
  //   if (!valid) {
  //     proxy.$modal.msgSuccess("必填项不能为空");
  //   }
  // })
  holidaysRef.value.validate((valid) => {
    if (!valid) {
      proxy.$modal.msgSuccess("必填项不能为空");
    }
    if (valid) {
      updateCalendar({
        id: form.value.id,
        holidays: formHolidays.value.holidays.map((item) => {
          return {
            startdate: moment(item.startdate).format("YYYY-MM-DD"),
            enddate: moment(item.enddate).format("YYYY-MM-DD"),
            describe: item.describe,
          };
        }),
      }).then((response) => {
        proxy.$modal.msgSuccess("新增成功");
        open.value = false;
        getList();
      });
    }
  });
  //if (valid) {
  if (!hasValidDates) {
    updateCalendar({
      id: form.value.id,
      holidays: formHolidays.value.holidays.map((item) => {
        return {
          startdate: moment(item.startdate).format("YYYY-MM-DD"),
          enddate: moment(item.enddate).format("YYYY-MM-DD"),
          describe: item.describe,
        };
      }),
    }).then((response) => {
      proxy.$modal.msgSuccess("新增成功");
      open.value = false;
      getList();
    });
  }
  // });
}
/** 提交按钮 */
function submitForm() {