ydb-components-material 0.1.119 → 0.1.120

package/es/components/file-list/item.js

@@ -533,8 +533,8 @@ var FileItem = function FileItem(_ref) {
             });
           case 2:
             guideImgRes = _context4.sent;
-            if (guideImgRes.presignedUrl) {
-              setGuideurl(guideImgRes.presignedUrl);
+            if (guideImgRes.presignedUrlList.length && guideImgRes.presignedUrlList[2]) {
+              setGuideurl(guideImgRes.presignedUrlList[2]);
               setIsShowGuide(true);
             }
           case 3:

package/es/components/file-list/seal.js

@@ -28,6 +28,9 @@ function SealPage(props) {
   var _useState2 = useState(''),
     orderId = _useState2[0],
     setOrderId = _useState2[1];
+  var _useState3 = useState(false),
+    hideClose = _useState3[0],
+    setHideClose = _useState3[1];
   var timerRef = useRef(null);
   var elementRef = useRef(null);
   var handleRes = /*#__PURE__*/function () {
@@ -163,6 +166,7 @@ function SealPage(props) {
         signFiles = _res$data.signFiles;
       if (signStatus === 6) {
         // 签署成功
+        setHideClose(true);
         handleClearInterval();
         if (signFiles && signFiles.length) {
           // 下载该文件
@@ -218,7 +222,7 @@ function SealPage(props) {
   return /*#__PURE__*/React.createElement("div", {
     className: "sealPage",
     ref: elementRef
-  }, showClose && /*#__PURE__*/React.createElement("img", {
+  }, showClose && !hideClose && /*#__PURE__*/React.createElement("img", {
     className: "seal_close",
     src: closeIcon,
     alt: "",

package/es/components/guide-pc/comment.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import './comment.scss';
+export interface CommentProps {
+    eventInfo?: any;
+    accessToken?: string;
+    userInfo?: any;
+}
+declare const Comment: React.FC<CommentProps>;
+export default Comment;

package/es/components/guide-pc/comment.js

@@ -0,0 +1,93 @@
+import _Button from "@alifd/next/es/button";
+import _Loading from "@alifd/next/es/loading";
+import * as React from 'react';
+import "./comment.scss";
+
+// TODO: API imports not available
+// import { getGuideCommentUrlApi } from '@/api/business.js'
+// import apiConfig from '@/config/api.cofig'
+
+var Comment = function Comment(_ref) {
+  var eventInfoProp = _ref.eventInfo,
+    accessTokenProp = _ref.accessToken,
+    userInfoProp = _ref.userInfo;
+  var _React$useState = React.useState(false),
+    pageLoading = _React$useState[0],
+    setPageLoading = _React$useState[1];
+  var _React$useState2 = React.useState(false),
+    webViewShow = _React$useState2[0],
+    setWebViewShow = _React$useState2[1];
+  var _React$useState3 = React.useState(''),
+    commentSrc = _React$useState3[0],
+    setCommentSrc = _React$useState3[1];
+  React.useEffect(function () {
+    getGuideCommentUrl();
+  }, []);
+  var getGuideCommentUrl = function getGuideCommentUrl() {
+    var _eventInfo$taskGenera, _eventInfo$taskGenera2;
+    setPageLoading(true);
+    var eventInfo = eventInfoProp;
+    var userInfo = userInfoProp;
+    if (!eventInfo || !userInfo) {
+      setPageLoading(false);
+      return;
+    }
+    var params = {
+      channel: '1',
+      itemCode: ((_eventInfo$taskGenera = eventInfo.taskGeneralBasic) === null || _eventInfo$taskGenera === void 0 ? void 0 : _eventInfo$taskGenera.rowGuid) || '',
+      itemName: ((_eventInfo$taskGenera2 = eventInfo.taskGeneralBasic) === null || _eventInfo$taskGenera2 === void 0 ? void 0 : _eventInfo$taskGenera2.taskHandleItemName) || '',
+      userId: userInfo.loginAccountId || '',
+      userName: userInfo.userName || userInfo.legalName || '',
+      token: accessTokenProp || '',
+      acctType: userInfo.acctType || ''
+    };
+    console.log('Comment params', params);
+
+    // TODO: getGuideCommentUrlApi call
+    // setPageLoading(false);
+    // const url = res.url;
+    // const { commentDomain } = apiConfig.domain;
+    // const { isProduct } = apiConfig;
+    // setCommentSrc(isProduct ? url : commentDomain + url.split('11013')[1]);
+    // setWebViewShow(true);
+    // setTimeout(() => {
+    //   const iframe = document.getElementById('commentIframe') as HTMLIFrameElement;
+    //   if (iframe) iframe.src = commentSrc;
+    // }, 500);
+
+    setPageLoading(false);
+  };
+  var closeComment = function closeComment() {
+    window.history.back();
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: "comment-content"
+  }, pageLoading && /*#__PURE__*/React.createElement(_Loading, {
+    visible: pageLoading,
+    tip: "\u52A0\u8F7D\u4E2D..."
+  }), webViewShow && /*#__PURE__*/React.createElement("div", {
+    className: "webView-content"
+  }, /*#__PURE__*/React.createElement("iframe", {
+    id: "commentIframe",
+    src: commentSrc,
+    frameBorder: "0",
+    height: "100%",
+    width: "100%",
+    title: "\u8BC4\u4EF7"
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "btn-con"
+  }, /*#__PURE__*/React.createElement(_Button, {
+    onClick: closeComment
+  }, "\u5173\u95ED\u8BC4\u4EF7"))), !pageLoading && !webViewShow && /*#__PURE__*/React.createElement("div", {
+    className: "webView-content",
+    style: {
+      display: 'flex',
+      justifyContent: 'center',
+      alignItems: 'center'
+    }
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("p", null, "\u8BC4\u4EF7\u9875\u9762\u52A0\u8F7D\u4E2D..."), /*#__PURE__*/React.createElement(_Button, {
+    onClick: closeComment
+  }, "\u8FD4\u56DE"))));
+};
+Comment.displayName = 'Comment';
+export default Comment;

package/es/components/guide-pc/comment.scss

@@ -0,0 +1,15 @@
+.comment-content {
+  .webView-content {
+    height: 800px;
+    width: 100%;
+    position: relative;
+
+    .btn-con {
+      position: absolute;
+      bottom: 20px;
+      left: 50%;
+      transform: translateX(-50%);
+      z-index: 10;
+    }
+  }
+}

package/es/components/guide-pc/comment.vue

@@ -0,0 +1,117 @@
+<template>
+  <view class="comment-content">
+    <eventInfo ref="eventInfo" :showBtns="false" />
+
+    <view class="main-content">
+      <u-loading-page :loading="pageLoading" />
+      <!-- 放置评价页面的webview -->
+      <view v-if="webViewShow" class="webView-content">
+        <iframe
+          v-if="webViewShow"
+          id="iframe"
+          frameborder="0"
+          height="100%"
+          width="100%"
+        />
+        <view class="btn-con">
+          <u-button text="关闭评价" shape="square" @click="closeComment"/>
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+import eventInfo from '../components/eventInfo.vue'
+import { getGuideCommentUrlApi } from '@/api/business.js'
+import apiConfig from '@/config/api.cofig'
+export default {
+  components: { eventInfo },
+  data() {
+    return {
+      pageLoading: false,
+      webViewShow: false,
+      commentSrc: '',
+    }
+  },
+  mounted() {
+    this.getGuideCommentUrlFun()
+  },
+  methods: {
+    // 查询办事指南的评价页面
+    getGuideCommentUrlFun() {
+      this.pageLoading = true
+      const access_token = uni.getStorageSync('access_token')
+      const eventInfo = uni.getStorageSync('eventInfo')
+      const userInfo = uni.getStorageSync('userInfo')
+      const params = {
+        channel: '2', 
+        itemCode: eventInfo.taskGeneralBasic.rowGuid, // 事项的rowGuid
+        itemName: eventInfo.taskGeneralBasic.taskHandleItemName, // 事项的名称
+        userId: userInfo.loginAccountId, // 当前登录用户的id
+        userName: userInfo.userName || userInfo.legalName,
+        token: access_token,
+        acctType: userInfo.acctType
+      }
+      getGuideCommentUrlApi(params).then((res) => {
+        this.pageLoading = false
+        const url = res.url
+        const { commentDomain } = apiConfig.domain
+        const { isProduct } = apiConfig
+
+        if(isProduct){
+          this.commentSrc = url
+        }else{
+          this.commentSrc = commentDomain + url.split('11013')[1]
+        }
+        this.webViewShow = true
+        setTimeout(() => {
+          document.getElementById('iframe').src = this.commentSrc
+        }, 500);
+      }).catch(err => {
+        console.log(err)
+        this.pageLoading = false
+        uni.showModal({
+          title: '提示',
+          content: '暂时不可评价该事项的办事指南',
+          confirmText: '知道了',
+          showCancel: false,
+          confirmColor: '#1678FF',
+          success: (res) => {
+            if (res.confirm) {
+              uni.navigateBack()
+            }
+          }
+        });
+      })
+    },
+    // 关闭评价页
+    closeComment() {
+      uni.navigateBack()
+    }
+  }
+}
+</script>
+
+<style>
+page{
+  background: #ffffff;
+}
+</style>
+<style lang="scss" scoped>
+  .main-content{
+    width: 1200px;
+    margin: 0 auto;
+    padding-bottom: 100px;
+    .webView-content{
+      height: 800px;
+      width: 100%;
+      .btn-con{
+        // padding: 0 36rpx;
+        padding: 0 24rpx;
+        margin: -350rpx auto 0;
+        width: 150px;
+      }
+    }
+  }
+</style>

package/es/components/guide-pc/components/accept.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import './accept.scss';
+export interface AcceptProps {
+    eventInfo?: any;
+}
+declare const Accept: React.FC<AcceptProps>;
+export default Accept;

package/es/components/guide-pc/components/accept.js

@@ -0,0 +1,30 @@
+import * as React from 'react';
+import GuideTitle from "./guideTitle";
+import "./accept.scss";
+var Accept = function Accept(_ref) {
+  var eventInfoProp = _ref.eventInfo;
+  var _React$useState = React.useState(''),
+    acceptCondition = _React$useState[0],
+    setAcceptCondition = _React$useState[1];
+  React.useEffect(function () {
+    var _eventInfo$taskGenera;
+    var eventInfo = eventInfoProp;
+    if (eventInfo !== null && eventInfo !== void 0 && (_eventInfo$taskGenera = eventInfo.taskGeneralExtend) !== null && _eventInfo$taskGenera !== void 0 && _eventInfo$taskGenera.acceptCondition) {
+      setAcceptCondition(eventInfo.taskGeneralExtend.acceptCondition);
+    }
+  }, [eventInfoProp]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "accept-content"
+  }, /*#__PURE__*/React.createElement(GuideTitle, {
+    title: "\u53D7\u7406\u6761\u4EF6"
+  }), acceptCondition ? /*#__PURE__*/React.createElement("div", {
+    className: "card-content",
+    dangerouslySetInnerHTML: {
+      __html: acceptCondition
+    }
+  }) : /*#__PURE__*/React.createElement("div", {
+    className: "empty-text"
+  }, "\u6682\u65E0\u53D7\u7406\u6761\u4EF6"));
+};
+Accept.displayName = 'Accept';
+export default Accept;

package/es/components/guide-pc/components/accept.scss

@@ -0,0 +1,18 @@
+.accept-content {
+  .card-content {
+    line-height: 25px;
+    font-size: 14px;
+    color: #222222;
+    margin-top: 24px;
+    background: #f9f9f9;
+    padding: 20px;
+    border-radius: 8px;
+  }
+
+  .empty-text {
+    text-align: center;
+    padding: 40px;
+    color: #999;
+    font-size: 14px;
+  }
+}

package/es/components/guide-pc/components/accept.vue

@@ -0,0 +1,50 @@
+<template>
+  <view class="accept-content">
+    <guideTitle title="受理条件" />
+
+    <view class="inner-content">
+      <u-empty v-if="!acceptCondition" mode="data" text="暂无受理条件" />
+      <!-- <view v-else class="card-content">{{ acceptCondition }}</view> -->
+      <template v-else>
+        <view v-html="acceptCondition" class="card-content" />
+      </template>
+    </view>
+  </view>
+</template>
+
+<script>
+import guideTitle from './guideTitle.vue'
+export default {
+  components: { guideTitle },
+  data() {
+    return {
+      acceptCondition: '', // 受理条件
+    }
+  },
+  mounted() {
+    this.initData()
+  },
+  methods: {
+    // 初始化 受理条件
+    initData() {
+      const eventInfo = uni.getStorageSync('eventInfo')
+      this.acceptCondition = eventInfo.taskGeneralExtend.acceptCondition
+    },
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+  .accept-content{
+    margin-top: 24px;
+    .inner-content{
+      line-height: 25px;
+      font-size: 14px;
+      color: #222222;
+      margin-top: 24px;
+      background: #f9f9f9;
+      padding: 20px;
+      border-radius: 8px;
+    }
+  }
+</style>

package/es/components/guide-pc/components/basicInfo.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import './basicInfo.scss';
+export interface BasicInfoProps {
+    eventInfo?: any;
+}
+declare const BasicInfo: React.FC<BasicInfoProps>;
+export default BasicInfo;

package/es/components/guide-pc/components/basicInfo.js

@@ -0,0 +1,89 @@
+import * as React from 'react';
+import GuideTitle from "./guideTitle";
+import "./basicInfo.scss";
+var BasicInfo = function BasicInfo(_ref) {
+  var eventInfoProp = _ref.eventInfo;
+  var _React$useState = React.useState({}),
+    taskGeneralBasic = _React$useState[0],
+    setTaskGeneralBasic = _React$useState[1];
+  var _React$useState2 = React.useState({}),
+    taskGeneralExtend = _React$useState2[0],
+    setTaskGeneralExtend = _React$useState2[1];
+  var _React$useState3 = React.useState({}),
+    itemBasic = _React$useState3[0],
+    setItemBasic = _React$useState3[1];
+  React.useEffect(function () {
+    var eventInfo = eventInfoProp;
+    if (!eventInfo) return;
+    setTaskGeneralBasic(eventInfo.taskGeneralBasic || {});
+    setTaskGeneralExtend(eventInfo.taskGeneralExtend || {});
+    setItemBasic(eventInfo.itemBasic || {});
+  }, [eventInfoProp]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "basicInfo-content"
+  }, /*#__PURE__*/React.createElement(GuideTitle, {
+    title: "\u57FA\u672C\u4FE1\u606F"
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "inner"
+  }, /*#__PURE__*/React.createElement("table", {
+    className: "info-table"
+  }, /*#__PURE__*/React.createElement("tbody", null, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", {
+    className: "label"
+  }, "\u4E8B\u9879\u7F16\u7801"), /*#__PURE__*/React.createElement("td", {
+    className: "value"
+  }, taskGeneralBasic.leadingCatalogCode || '-'), /*#__PURE__*/React.createElement("td", {
+    className: "label"
+  }, "\u5B9E\u65BD\u7F16\u7801/\u4E1A\u52A1\u529E\u7406\u9879\u7F16\u7801"), /*#__PURE__*/React.createElement("td", {
+    className: "value"
+  }, itemBasic.taskHandleItem || '-')), /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", {
+    className: "label"
+  }, "\u662F\u5426\u627F\u8BFA"), /*#__PURE__*/React.createElement("td", {
+    className: "value"
+  }, taskGeneralBasic.projectTypeText || '-'), /*#__PURE__*/React.createElement("td", {
+    className: "label"
+  }, "\u662F\u5426\u6536\u8D39"), /*#__PURE__*/React.createElement("td", {
+    className: "value"
+  }, taskGeneralExtend.isFeeText ? taskGeneralExtend.isFeeText === '是' ? '收费' : '不收费' : '不收费')), /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", {
+    className: "label"
+  }, "\u627F\u8BFA\u529E\u7ED3\u65F6\u9650"), /*#__PURE__*/React.createElement("td", {
+    className: "value"
+  }, taskGeneralExtend.promiseDay || '-', "\u5DE5\u4F5C\u65E5"), /*#__PURE__*/React.createElement("td", {
+    className: "label"
+  }, "\u6CD5\u5B9A\u529E\u7ED3\u65F6\u9650"), /*#__PURE__*/React.createElement("td", {
+    className: "value"
+  }, taskGeneralExtend.anticipateDay || '-', "\u5DE5\u4F5C\u65E5")), /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", {
+    className: "label"
+  }, "\u5230\u73B0\u573A\u6B21\u6570"), /*#__PURE__*/React.createElement("td", {
+    className: "value"
+  }, taskGeneralExtend.workSceneNumber || '-', "\u6B21"), /*#__PURE__*/React.createElement("td", {
+    className: "label"
+  }, "\u5B9E\u65BD\u4E3B\u4F53"), /*#__PURE__*/React.createElement("td", {
+    className: "value"
+  }, itemBasic.deptName || '-')), /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", {
+    className: "label"
+  }, "\u670D\u52A1\u5BF9\u8C61"), /*#__PURE__*/React.createElement("td", {
+    className: "value"
+  }, taskGeneralExtend.serviceObjectTypeText || '-'), /*#__PURE__*/React.createElement("td", {
+    className: "label"
+  }, "\u529E\u4E8B\u5730\u5740"), /*#__PURE__*/React.createElement("td", {
+    className: "value"
+  }, taskGeneralExtend.transactAddr || '-')), /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", {
+    className: "label"
+  }, "\u529E\u7406\u65F6\u95F4"), /*#__PURE__*/React.createElement("td", {
+    className: "value"
+  }, taskGeneralExtend.transactTime || '-'), /*#__PURE__*/React.createElement("td", {
+    className: "label"
+  }, "\u54A8\u8BE2\u5730\u5740"), /*#__PURE__*/React.createElement("td", {
+    className: "value"
+  }, taskGeneralExtend.seekWebsite || '-')), /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", {
+    className: "label"
+  }, "\u54A8\u8BE2\u7535\u8BDD"), /*#__PURE__*/React.createElement("td", {
+    className: "value"
+  }, taskGeneralExtend.seekPhone || '-'), /*#__PURE__*/React.createElement("td", {
+    className: "label"
+  }), /*#__PURE__*/React.createElement("td", {
+    className: "value"
+  }))))));
+};
+BasicInfo.displayName = 'BasicInfo';
+export default BasicInfo;

package/es/components/guide-pc/components/basicInfo.scss

@@ -0,0 +1,30 @@
+.basicInfo-content {
+  .inner {
+    margin-top: 20px;
+  }
+
+  .info-table {
+    width: 100%;
+    border-collapse: collapse;
+    border: 1px solid #e8e8e8;
+    font-size: 14px;
+    color: #222222;
+
+    td {
+      padding: 12px 16px;
+      border: 1px solid #e8e8e8;
+    }
+
+    .label {
+      background: #f7f8fa;
+      font-weight: 500;
+      color: #666666;
+      width: 180px;
+      white-space: nowrap;
+    }
+
+    .value {
+      color: #222222;
+    }
+  }
+}

package/es/components/guide-pc/components/basicInfo.vue

@@ -0,0 +1,81 @@
+<template>
+  <view class="basicInfo-content">
+    <guideTitle title="基本信息" />
+
+    <el-descriptions class="inner" :column="2" border>
+      <el-descriptions-item label="事项编码">
+        {{ taskGeneralBasic.leadingCatalogCode || '-' }}
+      </el-descriptions-item>
+      <el-descriptions-item label="实施编码/业务办理项编码">
+        {{ itemBasic.taskHandleItem || '-' }}
+      </el-descriptions-item>
+
+      <el-descriptions-item label="是否承诺">
+				{{ taskGeneralBasic.projectTypeText || '-' }}
+			</el-descriptions-item>
+			<el-descriptions-item label="是否收费">
+        {{ taskGeneralExtend.isFeeText ?  taskGeneralExtend.isFeeText == '是' ? '收费' : '不收费' : '不收费' }}
+			</el-descriptions-item>
+
+      <el-descriptions-item label="承诺办结时限">{{ taskGeneralExtend.promiseDay || '-' }}工作日</el-descriptions-item>
+			<el-descriptions-item label="法定办结时限">{{ taskGeneralExtend.anticipateDay || '-' }}工作日</el-descriptions-item>
+			<el-descriptions-item label="到现场次数">{{ taskGeneralExtend.workSceneNumber || '-' }}次</el-descriptions-item>
+
+
+      <el-descriptions-item label="实施主体">
+        {{ itemBasic.deptName || '-' }}
+      </el-descriptions-item>
+
+      <el-descriptions-item label="服务对象">
+        {{ taskGeneralExtend.serviceObjectTypeText || '-' }}
+      </el-descriptions-item>
+      <el-descriptions-item label="办事地址">
+        {{ taskGeneralExtend.transactAddr || '-' }}
+      </el-descriptions-item>
+      <el-descriptions-item label="办理时间">
+        {{ taskGeneralExtend.transactTime || '-' }}
+      </el-descriptions-item>
+
+      <el-descriptions-item label="咨询地址">
+        {{ taskGeneralExtend.seekWebsite || '-' }}
+      </el-descriptions-item>
+      <el-descriptions-item label="咨询电话">
+        {{ taskGeneralExtend.seekPhone || '-' }}
+      </el-descriptions-item>
+    </el-descriptions>
+  </view>
+</template>
+
+<script>
+import guideTitle from './guideTitle.vue'
+export default {
+  components: { guideTitle },
+  data() {
+    return {
+      taskGeneralBasic: {},
+      taskGeneralExtend: {},
+      itemBasic: {}
+    }
+  },
+  mounted() {
+    this.initData()
+  },
+  methods: {
+    initData() {
+      const eventInfo = uni.getStorageSync('eventInfo')
+      this.taskGeneralBasic = eventInfo.taskGeneralBasic
+      this.taskGeneralExtend = eventInfo.taskGeneralExtend
+      this.itemBasic = eventInfo.itemBasic
+    },
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+  .basicInfo-content{
+    margin-top: 20px;
+    .inner{
+      margin-top: 20px;
+    }
+  }
+</style>

package/es/components/guide-pc/components/guideTabs.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import './guideTabs.scss';
+export interface GuideTabsProps {
+    curTab: number;
+    onTabsChange: (index: number) => void;
+}
+declare const GuideTabs: React.FC<GuideTabsProps>;
+export default GuideTabs;

package/es/components/guide-pc/components/guideTabs.js

@@ -0,0 +1,32 @@
+import * as React from 'react';
+import "./guideTabs.scss";
+var tabList = [{
+  name: '材料清单'
+}, {
+  name: '事项信息'
+}, {
+  name: '办事流程'
+}, {
+  name: '受理条件'
+}, {
+  name: '办事大厅'
+}, {
+  name: '成效分析'
+}];
+var GuideTabs = function GuideTabs(_ref) {
+  var curTab = _ref.curTab,
+    onTabsChange = _ref.onTabsChange;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "guideTabs-con"
+  }, tabList.map(function (item, index) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "tab-item " + (curTab === index ? 'active' : ''),
+      key: index,
+      onClick: function onClick() {
+        return onTabsChange(index);
+      }
+    }, item.name);
+  }));
+};
+GuideTabs.displayName = 'GuideTabs';
+export default GuideTabs;

package/es/components/guide-pc/components/guideTabs.scss

@@ -0,0 +1,34 @@
+.guideTabs-con {
+  display: flex;
+  border-bottom: 1px solid #e8e8e8;
+
+  .tab-item {
+    flex: 1;
+    padding: 14px 0;
+    text-align: center;
+    font-size: 15px;
+    color: #666666;
+    cursor: pointer;
+    position: relative;
+    transition: all 0.2s;
+
+    &:hover {
+      color: #1678FF;
+    }
+
+    &.active {
+      color: #1678FF;
+      font-weight: 500;
+
+      &::after {
+        content: '';
+        position: absolute;
+        bottom: -1px;
+        left: 0;
+        right: 0;
+        height: 2px;
+        background: #1678FF;
+      }
+    }
+  }
+}