feat: 签约

wupengfei

21 小时以前 08740aaf0861ee8c11a8bf6a97a1219f7d198043

 apps/cMiniApp/src/subpackages/mine/mineAgreementSignDetail/InnerPage.vue

@@ -6,23 +6,11 @@
          <template #content>
            <MineAgreementSignDetailItem
              label="协议编号"
              detail="QY1052511040446686047"
              :detail="detail?.contractCode"
            ></MineAgreementSignDetailItem>
            <MineAgreementSignDetailItem
              label="协议状态"
              detail="生效中/已终止"
            ></MineAgreementSignDetailItem>
            <MineAgreementSignDetailItem
              label="起始时间"
              detail="2024.05.20"
            ></MineAgreementSignDetailItem>
            <MineAgreementSignDetailItem
              label="终止时间"
              detail="2025.05.19"
            ></MineAgreementSignDetailItem>
            <MineAgreementSignDetailItem
              label="协议类型"
              detail="劳动合同"
              :detail="EnumTaskUserSignContractStatusText[detail?.userSignContractStatus]"
            ></MineAgreementSignDetailItem>
          </template>
        </MineAgreementSignDetailCard>
@@ -30,20 +18,19 @@
          <template #content>
            <MineAgreementSignDetailItem
              label="员工姓名"
              detail="阳阳"
              :detail="detail?.name"
            ></MineAgreementSignDetailItem>
            <MineAgreementSignDetailItem
              label="证件类型"
              detail="居民身份证"
              :detail="detail?.identityType"
            ></MineAgreementSignDetailItem>
            <MineAgreementSignDetailItem
              label="证件号码"
              detail="622429199105261913"
              :detail="detail?.identity"
            ></MineAgreementSignDetailItem>
            <MineAgreementSignDetailItem label="岗位" detail="保洁"></MineAgreementSignDetailItem>
            <MineAgreementSignDetailItem
              label="签约时间"
              detail="2024.05.20"
              :detail="format(detail?.userSignContractTime, 'YYYY-MM-DD')"
            ></MineAgreementSignDetailItem>
          </template>
        </MineAgreementSignDetailCard>
@@ -51,15 +38,15 @@
          <template #content>
            <MineAgreementSignDetailItem
              label="主体类型"
              detail="公司"
              :detail="detail?.enterpriseType"
            ></MineAgreementSignDetailItem>
            <MineAgreementSignDetailItem
              label="签约主体"
              detail="宁波人力无忧人力资源"
              :detail="detail?.enterpriseName"
            ></MineAgreementSignDetailItem>
            <MineAgreementSignDetailItem
              label="签约时间"
              detail="2024.05.20"
              :detail="format(detail?.enterpriseSignContractTime, 'YYYY-MM-DD')"
            ></MineAgreementSignDetailItem>
          </template>
        </MineAgreementSignDetailCard>
@@ -67,47 +54,84 @@
          <template #content>
            <MineAgreementSignDetailItem label="协议内容">
              <template #detail>
                <div class="detail-card-btn">查看协议</div>
                <div class="detail-card-btn" @click="checkAgreement">查看协议</div>
              </template>
            </MineAgreementSignDetailItem>
          </template>
        </MineAgreementSignDetailCard>
      </div>
    </ContentScrollView>
    <PageFooter>
    <PageFooter v-if="detail?.userSignContractStatus === EnumTaskUserSignContractStatus.Wait">
      <PageFooterBtn type="primary" @click="goToSign">去签约</PageFooterBtn>
    </PageFooter>
  </LoadingLayout>
</template>

<script setup lang="ts">
import { useUserStore } from '@/stores/modules/user';
import { useQuery } from '@tanstack/vue-query';
import MineAgreementSignDetailCard from './MineAgreementSignDetailCard.vue';
import MineAgreementSignDetailItem from './MineAgreementSignDetailItem.vue';
import * as enterpriseEmployeeServices from '@12333/services/apiV2/enterpriseEmployee';
import {
  EnumTaskUserSignContractStatus,
  EnumTaskUserSignContractStatusText,
} from '@12333/constants';
import { format } from '@12333/utils';
import Taro from '@tarojs/taro';

defineOptions({
  name: 'InnerPage',
});

const queryState = reactive({});
const router = Taro.useRouter();
const id = router.params?.id;
const code = router.params?.code;

const userStore = useUserStore();
const {
  isLoading,
  isError,
  data: detail,
  refetch,
} = useQuery({
  queryKey: ['enterpriseEmployeeServices/getTaskInfo', id, code],
  queryFn: async () => {
    return await enterpriseEmployeeServices.getPersonalUserElectronSign(
      { id: id, code: code },
      {
        showLoading: false,
      }
    );
  },
  placeholderData: () => ({} as API.GetPersonalUserElectronSignQueryResult),
  onSuccess(data) {
    // if (data.isExistTradeChatRecord) setTrue();
  },
});

function goToSign() {}
function checkAgreement() {
  const encodedUrl = encodeURIComponent(detail?.value?.contractUrl);
  Taro.navigateTo({
    url: `${RouterPath.mineAgreementSignDetail}?url=${encodedUrl}`,
  });
}

const goToSign = useAccessReal(() => {});
</script>

<style lang="scss">
@import '@/styles/common.scss';

.mine-agreement-sign-detail {
  padding: 20px 28px 0;
.mineAgreementSignDetail-page-wrapper {
  .mine-agreement-sign-detail {
    padding: 20px 28px 0;

  .mine-agreement-sign-detail-card {
    margin-bottom: 24px;
    .mine-agreement-sign-detail-card {
      margin-bottom: 24px;
    }
  }
}

.detail-card-btn {
  color: boleGetCssVar('color', 'primary');
  .detail-card-btn {
    color: boleGetCssVar('color', 'primary');
  }
}
</style>