feat: first commit

src/pages/job-select-my-publish/index.config.ts

@@ -0,0 +1,3 @@
+export default definePageConfig({
+  navigationBarTitleText: '选择沟通通告',
+});

src/pages/job-select-my-publish/index.less

@@ -0,0 +1,62 @@
+@import '@/styles/common.less';
+@import '@/styles/variables.less';
+
+.page-job-select-my-publish {
+  width: 100%;
+
+  &__card {
+    width: 100%;
+    height: 144px;
+    .flex-row();
+    padding: 24px;
+    background: #FFF;
+    box-sizing: border-box;
+
+    &.selected {
+      background: #6D3DF514;
+    }
+  }
+
+  &__info {
+    flex: 1;
+    height: 100%;
+
+    &__title {
+      max-width: 75vw;
+      font-size: 32px;
+      line-height: 48px;
+      font-weight: 400;
+      color: @blColor;
+      .noWrap();
+    }
+
+    &__location {
+      max-width: 75vw;
+      font-size: 24px;
+      line-height: 40px;
+      font-weight: 400;
+      color: @blColorG2;
+      margin-top: 8px;
+      .noWrap();
+    }
+  }
+
+  &__right {
+    height: 100%;
+    .flex-column();
+    align-items: flex-end;
+
+    &__time {
+      font-size: 24px;
+      line-height: 36px;
+      font-weight: 400;
+      color: @blColorG1;
+    }
+
+    &__icon {
+      width: 48px;
+      height: 48px;
+      margin-top: 24px;
+    }
+  }
+}

src/pages/job-select-my-publish/index.tsx

@@ -0,0 +1,74 @@
+import { Image } from '@tarojs/components';
+import Taro, { useLoad } from '@tarojs/taro';
+
+import { List } from '@taroify/core';
+import classNames from 'classnames';
+import { useCallback, useState } from 'react';
+
+import { EventName, OpenSource } from '@/constants/app';
+import { JobManageStatus } from '@/constants/job';
+import { JobManageInfo } from '@/types/job';
+import { getJobLocation, requestJobManageList } from '@/utils/job';
+import { getPageQuery, navigateBack } from '@/utils/route';
+import { formatTime } from '@/utils/time';
+import Toast from '@/utils/toast';
+
+import './index.less';
+
+const PREFIX = 'page-job-select-my-publish';
+
+export default function JobSelectMyPublish() {
+  const [list, setList] = useState<JobManageInfo[]>([]);
+  const [jobId, setJobId] = useState<string | null>('1');
+  const [source, setSource] = useState<OpenSource>();
+
+  const handleClick = useCallback(
+    (info: JobManageInfo) => {
+      Taro.eventCenter.trigger(EventName.SELECT_MY_PUBLISH_JOB, info, source);
+      navigateBack();
+    },
+    [source]
+  );
+
+  useLoad(async () => {
+    const query = getPageQuery<{ id: string; source: OpenSource }>();
+    query?.id && setJobId(query.id);
+    try {
+      const res = await requestJobManageList({ status: JobManageStatus.Open });
+      setList(res.jobResults);
+      setSource(query.source);
+    } catch (e) {
+      console.error(e);
+      Toast.error('出错了，请重试');
+    }
+  });
+
+  return (
+    <div className={PREFIX}>
+      <List disabled>
+        {list.map(item => (
+          <div
+            key={item.id}
+            onClick={() => handleClick(item)}
+            className={classNames(`${PREFIX}__card`, { selected: item.id === jobId })}
+          >
+            <div className={`${PREFIX}__info`}>
+              <div className={`${PREFIX}__info__title`}>{item.title}</div>
+              <div className={`${PREFIX}__info__location`}>{getJobLocation(item)}</div>
+            </div>
+            <div className={`${PREFIX}__right`}>
+              <div className={`${PREFIX}__right__time`}>{formatTime(item.updated)}</div>
+              {item.id === jobId && (
+                <Image
+                  mode="aspectFit"
+                  className={`${PREFIX}__right__icon`}
+                  src={require('@/statics/svg/success.svg')}
+                />
+              )}
+            </div>
+          </div>
+        ))}
+      </List>
+    </div>
+  );
+}