<template>
  <a-page-header :title="getPageTitle()" @back="() => $router.go(-1)">
    <!--    <a-result title="内容整理中">-->
    <!--      <template #icon>-->
    <!--        <SmileTwoTone />-->
    <!--      </template>-->
    <!--            <div>内容整理中...</div>-->
    <!--    </a-result>-->
    <a-collapse v-model:activeKey="activeKey">
      <a-collapse-panel key="1" header="Java端部署">
        <a-typography-title :level="5"
          >1.请确保redis已经安装启动</a-typography-title
        >
        <a-typography-title :level="5">2.下载源代码</a-typography-title>
        <a-typography-paragraph code copyable
          >git clone
          http://git.gxwebsoft.com/gxwebsoft/websoft-java.git</a-typography-paragraph
        >
        <a-typography-title :level="5"
          >3.idea导入项目加载依赖</a-typography-title
        >
        <a-typography-title :level="5"
          >4.导入数据库，配置开发环境数据库信息及其redis信息，文件路径如下：</a-typography-title
        >
        <a-typography-paragraph>
          <a-image
            width="40vw"
            src="https://oss.wsdns.cn/20240607/4c37d7398318464d964fe24a7e7a792f.jpg"
          />
        </a-typography-paragraph>
        <a-typography-title :level="5">5.打包</a-typography-title>
        <a-typography-paragraph>
          <a-image
            width="40vw"
            src="https://oss.wsdns.cn/20240607/84e5db30b82944ab92b078a352fcb442.jpg"
          />
        </a-typography-paragraph>
        <a-typography-title :level="5">6.上传jar包并部署</a-typography-title>
        <p>这里使用宝塔面板部署，也可以参数网上的其他方式部署</p>
        <p
          >部署成功后接口地址：<a-typography-text code copyable
            >https://modules.gxwebsoft.com/api</a-typography-text
          ></p
        >
        <a-typography-paragraph>
          <a-image
            width="40vw"
            src="https://oss.wsdns.cn/20240607/62d50f13b7e14c238f5447973f5bf508.jpg"
          />
        </a-typography-paragraph>
      </a-collapse-panel>
      <a-collapse-panel key="2" header="Vue端部分">
        <a-typography-title :level="5">1.下载源代码</a-typography-title>
        <a-typography-paragraph code copyable
          >git clone
          http://git.gxwebsoft.com/gxwebsoft/websoft-vue.git</a-typography-paragraph
        >
        <a-typography-title :level="5">2.配置接口信息</a-typography-title>
        <a-typography-paragraph>
          开发环境：根目录下的.env.development文件
        </a-typography-paragraph>
        <a-typography-paragraph>
          生产环境：根目录下的.env.production文件
        </a-typography-paragraph>
        <a-typography-paragraph>
          <a-image
            width="40vw"
            src="https://oss.wsdns.cn/20240607/eacebc1d403e49e6bca3ce27e910ef17.jpg"
          />
        </a-typography-paragraph>
        <a-typography-title :level="5">3.编译打包</a-typography-title>
        <a-typography-text code copyable>vite build</a-typography-text>
        <a-typography-title :level="5"
          >4.创建站点并上传文件包解压</a-typography-title
        >
        <a-typography-text>创建站点后，商城dist压缩包解压</a-typography-text>
        <a-typography-paragraph>
          <a-image
            width="40vw"
            src="https://oss.wsdns.cn/20240607/9dad2e494eb34ddcab6b2e1da6a8e8f9.jpg"
          />
        </a-typography-paragraph>
        <a-typography-text
          >注意：需要在站点的配置信息加上,要不然刷新会404</a-typography-text
        >
        <a-typography-paragraph code copyable
          >try_files $uri $uri/ /index.html;</a-typography-paragraph
        >
        <a-typography-paragraph code copyable
          >location /api/ { proxy_pass https://server.gxwebsoft.com/api/; #
          这个是后台接口所在的地址 }</a-typography-paragraph
        >
        <a-typography-paragraph>
          <a-image
            width="40vw"
            src="https://oss.wsdns.cn/20240607/df80098530c841d7a1139ab906dd754b.jpg"
          />
        </a-typography-paragraph>
      </a-collapse-panel>
      <a-collapse-panel key="3" header="小程序端部署">
        <a-typography-title :level="5">1.下载源代码</a-typography-title>
        <a-typography-paragraph code copyable
          >git clone
          http://git.gxwebsoft.com/gxwebsoft/websoft-uniapp.git</a-typography-paragraph
        >
        <a-typography-title :level="5">2.配置接口信息</a-typography-title>
        <a-typography-paragraph>
          根目录下的config/setting.ts文件
        </a-typography-paragraph>
        <a-typography-paragraph>
          <a-image
            width="40vw"
            src="https://oss.wsdns.cn/20240607/def16cc9d3e347f6a1e7c10261c5b9e9.jpg"
          />
        </a-typography-paragraph>
      </a-collapse-panel>
      <!--      <a-collapse-panel key="4" header="H5端部署">-->
      <!--        <p>{{ text }}</p>-->
      <!--      </a-collapse-panel>-->
      <!--      <a-collapse-panel key="5" header="App端部署">-->
      <!--        <p>{{ text }}</p>-->
      <!--      </a-collapse-panel>-->
    </a-collapse>
  </a-page-header>
</template>

<script lang="ts" setup>
  import { ref, watch } from 'vue';

  import { useRouter } from 'vue-router';
  const { currentRoute } = useRouter();
  import { getPageTitle } from '@/utils/common';

  const text = `制作中...`;
  const activeKey = ref(['1']);

  watch(currentRoute, () => {}, { immediate: true });
</script>

<script lang="ts">
  export default {
    name: 'HelpInfo'
  };
</script>

<style lang="less" scoped></style>
