ydb-components-material 0.1.119 → 0.1.121

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

@@ -0,0 +1,191 @@
+<template>
+  <view class="result-content">
+
+    <guideTitle title="成效分析" />
+
+    <view class="card" v-for="item, index in list" :key="index">
+      <view class="title">情形{{ index + 1 }}</view>
+      <view class="desc">{{ item.scene }}</view>
+
+      <view class="info-con" :style="{backgroundImage: `url(${commonBg})`}">
+        <view class="info-title">
+          <view class="title-item">现在办理业务</view>
+          <view class="title-item">过往办理业务</view>
+        </view>
+
+        <view class="info-list">
+          <view class="info-item">
+            <view class="icon" :style="{backgroundImage: `url(${icon1})`}" />
+
+            <view class="right">
+              <text class="num">{{ item.materialReduction }}</text>份
+              <view class="info">
+                平均提交材料减少 
+                <view class="downIcon" :style="{backgroundImage: `url(${down})`}" />
+              </view>
+            </view>
+          </view>
+
+          <view class="info-item">
+            <view class="icon" :style="{backgroundImage: `url(${icon2})`}" />
+            <view class="right">
+              <text class="num">{{ item.timeReduction }}</text>天
+              <view class="info">
+                平均耗时减少
+                <view class="downIcon" :style="{backgroundImage: `url(${down})`}" />
+              </view>
+            </view>
+          </view>
+
+          <view class="info-item">
+            <view class="icon" :style="{backgroundImage: `url(${icon3})`}" />
+            <view class="right">
+              <text class="num">{{ item.formReduction }}</text>个
+              <view class="info">
+                平均表单字段减少 
+                <view class="downIcon" :style="{backgroundImage: `url(${down})`}" />
+              </view>
+            </view>
+          </view>
+
+          <view class="info-item">
+            <view class="icon" :style="{backgroundImage: `url(${icon4})`}" />
+            <view class="right">
+              <text class="num">{{ item.runReduction }}</text>次
+              <view class="info">
+                平均跑腿次数减少 
+                <view class="downIcon" :style="{backgroundImage: `url(${down})`}" />
+              </view>
+            </view>
+          </view>
+        </view>
+      </view>
+    </view>
+
+    <empty
+      v-if="!list.length"
+      mode="search"
+      text="暂无成效分析"
+    />
+  </view>
+</template>
+
+<script>
+import guideTitle from './guideTitle.vue'
+export default {
+  components: { guideTitle },
+  data() {
+    return {
+      commonBg: '../static/img/declare/bg22.png',
+      icon1: '../static/img/declare/icon1.png',
+      icon2: '../static/img/declare/icon2.png',
+      icon3: '../static/img/declare/icon3.png',
+      icon4: '../static/img/declare/icon4.png',
+      down: '../static/img/declare/down.png',
+      list: []
+    }
+  },
+  mounted() {
+    this.initData()
+  },
+  methods: {
+    // 初始化 成效分析
+    async initData() {
+      const eventInfo = uni.getStorageSync('eventInfo')
+      this.list = eventInfo.applicationConfigEfficiencies
+    },
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+  .result-content{
+    margin-top: 50px;
+    .card{
+      background: #ffffff;
+      border-radius: 8px;
+      padding: 16px 0 0;
+      margin-bottom: 12px;
+      .title{
+        font-size: 20px;
+        font-weight: 500;
+        color: #333333;
+        margin: 0 16px;
+      }
+      .desc{
+        font-size: 16px;
+        line-height: 22px;
+        color: #222222;
+        margin: 8px 16px 12px;
+      }
+      .info-con{
+        width: 100%;
+        height: 242px;
+        // border: 1px solid red;
+        background-size: 100% 100%;
+        .info-title{
+          // border: 1px solid red;
+          height: 68px;
+          display: flex;
+          justify-content: space-around;
+          align-items: center;
+          .title-item{
+            font-size: 20px;
+            font-weight: 500;
+            color: #FFFFFF;
+            &:last-child{
+              color: #6480A7;
+              margin-top: 8px;
+            }
+          }
+        }
+        .info-list{
+          // border: 1px solid;
+          margin: 0 30px;
+          height: 150px;
+          display: flex;
+          justify-content: center;
+          align-items: center; 
+          // border: 1px solid red;
+          .info-item{
+            // border: 1px solid red;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            flex: 1;
+            gap: 16px;
+            .icon{
+              width: 60px;
+              height: 60px;
+              background-size: 100% 100%;
+              // border: 1px solid;
+            }
+
+            .right{
+              // border: 1px solid;
+              .num{
+                font-size: 26px;
+                font-weight: 500;
+                color: #1678FF;
+                margin: 0 5px;
+              }
+              .info{
+                font-size: 14px;
+                color: #333333;
+                display: flex;
+                justify-content: center;
+                align-items: center;
+                margin-top: 2px;
+                .downIcon{
+                  width: 17px;
+                  height: 17px;
+                  background-size: 100% 100%;
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+</style>

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

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import './situation.scss';
+export interface SituationProps {
+    eventInfo?: any;
+    applicationId?: string;
+    accessToken?: string;
+    acctType?: string;
+    declarationAppToken?: string;
+    taskHandleItem?: string;
+}
+declare const Situation: React.FC<SituationProps>;
+export default Situation;

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

@@ -0,0 +1,142 @@
+import * as React from 'react';
+import GuideTitle from "./guideTitle";
+import situationBg from "../imgs/situation.png";
+import "./situation.scss";
+
+// TODO: apiConfig not available in this project
+// import apiConfig from '@/config/api.cofig'
+// import { checkSituation2 } from '@/utils/situation.js'
+
+var Situation = function Situation(_ref) {
+  var eventInfoProp = _ref.eventInfo,
+    applicationIdProp = _ref.applicationId,
+    accessTokenProp = _ref.accessToken,
+    acctTypeProp = _ref.acctType,
+    declarationAppTokenProp = _ref.declarationAppToken,
+    taskHandleItemProp = _ref.taskHandleItem;
+  var _React$useState = React.useState(false),
+    isExpend = _React$useState[0],
+    setIsExpend = _React$useState[1];
+  var tip = '说明：因个人情况不同上交材料不同，可通过情形选择查看必须上传的材料！';
+  React.useEffect(function () {
+    initPage();
+    window.addEventListener('message', getMessage);
+    return function () {
+      window.removeEventListener('message', getMessage);
+    };
+  }, []);
+  var initPage = function initPage() {
+    if (!eventInfoProp) return;
+    // TODO: apiConfig.declarePage not available; using placeholder URL
+    // const { declarePage } = apiConfig;
+    // const stepList = uni.getStorageSync('stepList');
+    // const situationPage = stepList.find((item) => item.name === '智能导办-pc');
+    // if (situationPage && situationPage.link) {
+    //   const finalLink = `${declarePage}/preview.html?pageID=${situationPage.id}`;
+    //   const url = `${finalLink}&isFirst=1&isReCheck=1&applicationId=${applicationIdProp}&access_token=${accessTokenProp}&acctType=${acctTypeProp}&isPc=1`;
+    //   setTimeout(() => {
+    //     const iframe = document.getElementById('situationIframe') as HTMLIFrameElement;
+    //     if (iframe) iframe.src = url;
+    //   }, 500);
+    // }
+  };
+  var getMessage = function getMessage(e) {
+    var typeArr = ['getAccessToken', 'getDeclaraToken', 'getApplicationId', 'getTaskHandleItem', 'getFormId', 'getMaterials', 'getFormData', 'getFormFieldNames', 'getItemSituationRowUid', 'getWorkNo'];
+    var _ref2 = e.data || {},
+      type = _ref2.type,
+      data = _ref2.data;
+    if (typeArr.includes(type)) {
+      sendInfoHandle(type, data);
+    } else if (type === 'situationRes') {
+      // TODO: checkSituation2 not available
+      // uni.setStorageSync('situationRes', data);
+      // checkSituation2(true, 'pc');
+    }
+  };
+  var sendInfoHandle = function sendInfoHandle(type, _data) {
+    var _eventInfoProp$taskGe, _eventInfoProp$taskGe2;
+    var sendData = {
+      type: type,
+      data: {}
+    };
+    switch (type) {
+      case 'getAccessToken':
+        sendData.data.accessToken = accessTokenProp;
+        sendData.data.acctType = acctTypeProp;
+        break;
+      case 'getDeclaraToken':
+        sendData.data.declarationAppToken = declarationAppTokenProp;
+        break;
+      case 'getApplicationId':
+        sendData.data.applicationId = applicationIdProp;
+        break;
+      case 'getTaskHandleItem':
+        sendData.data.taskHandleItem = taskHandleItemProp;
+        break;
+      case 'getFormId':
+        if (eventInfoProp !== null && eventInfoProp !== void 0 && (_eventInfoProp$taskGe = eventInfoProp.taskGeneralForms) !== null && _eventInfoProp$taskGe !== void 0 && (_eventInfoProp$taskGe2 = _eventInfoProp$taskGe[0]) !== null && _eventInfoProp$taskGe2 !== void 0 && _eventInfoProp$taskGe2.formId) {
+          sendData.data.formId = eventInfoProp.taskGeneralForms[0].formId;
+        } else {
+          sendData.data.formId = '12023122617035840604349816';
+        }
+        break;
+      case 'getMaterials':
+        // const finalMaterials = uni.getStorageSync('finalMaterials');
+        // const { taskGeneralMaterials } = uni.getStorageSync('eventInfo');
+        // sendData.data.materials = finalMaterials || taskGeneralMaterials;
+        break;
+      case 'getFormData':
+        // sendData.data.formData = uni.getStorageSync('formData');
+        break;
+      case 'getFormFieldNames':
+        // sendData.data.formFieldNames = uni.getStorageSync('formFieldNames');
+        break;
+      case 'getItemSituationRowUid':
+        // sendData.data.itemSituationRowUid = uni.getStorageSync('itemSituationRowUid');
+        break;
+      case 'getWorkNo':
+        // sendData.data.workNo = uni.getStorageSync('workNo');
+        break;
+    }
+    var formIframe = document.getElementById('situationIframe');
+    if (formIframe !== null && formIframe !== void 0 && formIframe.contentWindow) {
+      formIframe.contentWindow.postMessage(sendData, '*');
+    }
+  };
+  var expendChange = function expendChange() {
+    setIsExpend(!isExpend);
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: "situation-content"
+  }, /*#__PURE__*/React.createElement(GuideTitle, {
+    title: "\u6750\u6599\u6E05\u5355"
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "situation-tip " + (isExpend ? 'isActive' : '')
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "inner-tip",
+    style: {
+      backgroundImage: "url(" + situationBg + ")"
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "title-con"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "title"
+  }, "\u5BFC\u529E\u60C5\u5F62\u9009\u62E9"), /*#__PURE__*/React.createElement("div", {
+    className: "tip"
+  }, tip)), /*#__PURE__*/React.createElement("div", {
+    className: "btn-con",
+    onClick: expendChange
+  }, /*#__PURE__*/React.createElement("span", null, isExpend ? '收起' : '展开'), /*#__PURE__*/React.createElement("div", {
+    className: "icon"
+  }, isExpend ? '▲' : '▼')))), isExpend && /*#__PURE__*/React.createElement("div", {
+    className: "situation-inner"
+  }, /*#__PURE__*/React.createElement("iframe", {
+    id: "situationIframe",
+    frameBorder: "0",
+    height: "100%",
+    width: "100%",
+    title: "\u60C5\u5F62\u9009\u62E9"
+  })));
+};
+Situation.displayName = 'Situation';
+export default Situation;

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

@@ -0,0 +1,79 @@
+.situation-content {
+  background: #ffffff;
+
+  .situation-tip {
+    border: 1px solid #C3DCFF;
+    border-radius: 8px;
+    margin-top: 20px;
+    background: linear-gradient(180deg, #ECF4FF 1%, #F7FAFF 100%);
+
+    &.isActive {
+      border-radius: 8px 8px 0 0;
+      border-bottom: none;
+    }
+
+    .inner-tip {
+      padding: 24px;
+      background-repeat: no-repeat;
+      background-size: 104px 70px;
+      background-position: 90% 100%;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+
+      .title-con {
+        display: flex;
+        justify-content: flex-start;
+        align-items: center;
+        gap: 16px;
+
+        .title {
+          background: linear-gradient(96deg, #0047A8 0%, #1678FF 98%);
+          -webkit-background-clip: text;
+          -webkit-text-fill-color: transparent;
+          background-clip: text;
+          font-size: 16px;
+          font-weight: 500;
+        }
+
+        .tip {
+          font-size: 14px;
+          color: #5C7292;
+        }
+      }
+
+      .btn-con {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        color: #1678FF;
+        font-size: 14px;
+        cursor: pointer;
+        gap: 6px;
+
+        .icon {
+          width: 14px;
+          height: 14px;
+          border-radius: 50%;
+          display: flex;
+          justify-content: center;
+          align-items: center;
+          border: 1px solid #1678FF;
+          font-size: 10px;
+          line-height: 1;
+          padding: 1px;
+        }
+      }
+    }
+  }
+
+  .situation-inner {
+    background: linear-gradient(180deg, #F7FAFF 1%, #F7FAFF 100%);
+    border-radius: 0 0 8px 8px;
+    border: 1px solid #C3DCFF;
+    border-top: none;
+    overflow-y: scroll;
+    height: 500px;
+    padding: 0 12px 12px;
+  }
+}