vue3 常用摘记

      const [register2, { openDrawer: openDrawer2 }] = useDrawer();
      const [register3, { openDrawer: openDrawer3 }] = useDrawer();
      const [register4, { openDrawer: openDrawer4 }] = useDrawer();
      const [register5, { openDrawer: openDrawer5 }] = useDrawer();


  <DictItemModal @register="registerModal" @success="reload" :parentId="parentId" />


/**
   * 字典配置
   */
  function handleLogItem(record) {
    openLogDrawer(true, {
      id: record.id,
      // id: '1698943040491667458',
    });
  }

<a-modal :width="1000" v-model:visible="openDateSelect" title="请选下载详情" @ok="handleDateOk">
      <template #footer>
        <a-button key="back" @click="handleDateCancel">取消</a-button>
        <a-range-picker v-model:value="dateArea" style="margin-left: 2rem; margin-right: 2rem" />
        <a-button key="submit" type="primary" :disabled="!dateArea" :loading="dateLoading" @click="handleDateOk">下载文件</a-button>
      </template>
      <BasicTable title="" :columns="logColumns" :rowClassName="setDataCss" :dataSource="logDataSource" :pagination="false" />
    </a-modal>



  const { hasPermission } = usePermission();
  const $message = useMessage();
  const dateFormat = 'YYYY-MM-DD';
  const checkedKeys = ref<Array<string | number>>([]);
  const openDateSelect = ref<boolean>(false);
  const dateLoading = ref<boolean>(false);



 defHttp
        .post({
          url: '/reco/file',
          params: params,
        })
        .then((ere) => {
          console.log(ere);
          dateLoading.value = false;
          loglist({
            dataDate_begin: params.startDate,
            dataDate_end: params.endDate,
            parent_id: params.id,
          }).then((res) => {
            logDataSource.value = res;
          });
        })
        .catch(() => {
          dateLoading.value = false;
        })
        .then(() => {
          dateLoading.value = false;
          handleSuccess();
          // 



  <BasicTable
        :columns="columns"
        v-bind="getBindValue"
        :rowClassName="setDataCss"
        :striped="false"
        :showIndexColumn="false"
        :pagination="false"
        :canResize="false"
        :bordered="true"
        :dataSource="dataSource"
        :searchInfo="searchInfo"
        v-if="isUpdate"
      >



function setDataCss(record) {
    let className = 'trcolor';
    const execResult = record.execResult;
    if (execResult != 1) {
      return className;
    }
  }