ydb-components-material 0.1.125 → 0.1.126

package/lib/components/guide-pc/components/processImg.vue

@@ -1,300 +0,0 @@
-<template>
-  <view class="processImg-content">
-    <guideTitle title="办事流程" />
-    <view class="sub-con">
-      <u-subsection :list="subList" :current="subIndex" @change="subChange" />
-    </view>
-    <!-- 办事攻略 -->
-    <view class="card" v-if="subIndex == 0">
-      <view class="list-con">
-        <view class="item" v-for="item, index in strategyList" :key="index">
-          <view class="title-con">
-            <view class="num">0{{ index + 1 }}</view>
-            <view class="item-title">{{ item.title }}</view>
-          </view>
-
-          <view class="desc-con">
-            <view class="desc-info">
-              
-              <view class="desc">
-                {{ item.introduction }}
-              </view>
-              <template v-if="item.fileId">
-                <img v-if="item.isImg" class="video-con" :src="item.fileUrl"/>
-                <video v-if="!item.isImg" class="video-con" :src="item.fileUrl" />
-              </template>
-            </view>
-          </view>
-        </view>
-      </view>
-    </view>
-
-
-    <!-- 办事流程 -->
-    <view class="card" v-if="subIndex == 1">
-      <!-- <view class="title">办事流程</view> -->
-      <view
-        class="imgView"
-        v-if="processImg"
-        :style="{backgroundImage: `url(${processImg})`}"
-        @click="preView"
-      />
-    </view>
-
-    <view v-if="!processImg || loading" class="empty-content">
-      <u-loading-icon
-        :show="loading"
-        text="加载中"
-        textSize="14"
-        mode="circle"
-        vertical
-      />
-      <empty
-        v-if="!processImg && !loading"
-        mode="page"
-        text="暂无相关材料"
-        :isFull="false"
-      />
-    </view>
-  </view>
-</template>
-
-<script>
-import { getFileUrlApi } from '@/api/business.js'
-import guideTitle from './guideTitle.vue'
-export default {
-  components: { guideTitle },
-  data() {
-    return {
-      loading: true,
-      processImg: '',
-
-      subList: ['办事攻略', '办事流程'],
-      // 或者如下，也可以配置keyName参数修改对象键名
-      // list: [{name: '未付款'}, {name: '待评价'}, {name: '已付款'}],
-      subIndex: 0,
-
-      strategyList: [],
-
-      list: [
-        {
-          title: '委托授权',
-          desc: '如果企业法定代表人本人来办理，则可以直接登录账号或者去大厅窗口进行业务办理。如果是委托第三方机构或者个人来办理，需要先去办理委托授权申请。',
-          url: '../../static/img/declare/commonBg.png',
-          video: 'https://zwfwpt.sxzwfw.gov.cn/fis/18a78d3d407-true/master/18b4752f107/2025/12/2001230010824531969/demo2.mp4',
-        },
-        {
-          title: '业务申报',
-          desc: '登录账号选择“数字化”专区，选择对应的事项进行填写信息，提交对应的材料进行业务办理。',
-          url: '../../static/img/declare/commonBg.png',
-          video: 'https://zwfwpt.sxzwfw.gov.cn/fis/18a78d3d407-true/master/18b4752f107/2025/12/2001229910601637890/demo.mp4'
-        },
-        {
-          title: '结果领取',
-          desc: '结果领取可选择窗口领取或邮寄送达。',
-        }
-      ]
-    }
-  },
-  mounted() {
-    this.initData()
-  },
-  methods: {
-    subChange(index) {
-      console.log(index);
-      this.subIndex = index
-    },
-    // 初始化 流程图
-    async initData() {
-      const eventInfo = uni.getStorageSync('eventInfo')
-      const imgObj = eventInfo.taskGeneralExtend.programProcess
-      const imgObj_ = JSON.parse(imgObj)
-      if(imgObj_.length > 0) {
-        if(imgObj_[0].id) {
-          const photoUrl = await this.getFileUrlFun(imgObj_[0].id)
-          this.processImg = photoUrl
-          this.loading = false
-        }else{
-          this.loading = false
-        }
-      }else{
-        this.loading = false
-      }
-
-      // 办事攻略
-      this.strategyList = eventInfo.applicationAffairsStrategy
-      this.initStrategyList() // 将办事攻略中的图片和视频查回来 并放到列表里
-    },
-    // 预览图片 [方法]
-    preView() {
-      uni.previewImage({
-        urls: [this.processImg]
-      })
-    },
-
-    // 初始化攻略列表 将文件id查询到文件地址 [方法]
-    initStrategyList() {
-      const { applicationAffairsStrategy } = uni.getStorageSync('eventInfo')
-      if(applicationAffairsStrategy && applicationAffairsStrategy.length) {
-        applicationAffairsStrategy.forEach((ele, index) => {
-          if(ele.fileId) {
-            this.getFileUrlFun2(ele.fileId, index)
-          }
-        })
-      }
-    },
-
-    // =============== API ===============
-    // 获取文件地址
-    getFileUrlFun(id) {
-      const params = {
-        effectiveTime: '3600',
-        id
-      }
-      this.loading = true
-      return new Promise((resole) => {
-        getFileUrlApi(params).then((res) => {
-          if(res && res.presignedUrlList && res.presignedUrlList.length > 0) {
-            resole(res.presignedUrlList[2])
-          }
-        }).catch(err => {
-          console.log(err)
-          this.loading = false
-        })
-      })
-    },
-
-    // 获取文件地址(同步的)
-    getFileUrlFun2(id, index) {
-      const params = {
-        effectiveTime: '3600',
-        id
-      }
-      const imgFormat = ['jpg', 'jpeg', 'png', 'gif']
-      getFileUrlApi(params).then((res) => {
-        if(res && res.presignedUrlList && res.presignedUrlList.length > 0) {
-          const fileUrl = res.presignedUrlList[2]
-          const isImg = imgFormat.find((item) => fileUrl.includes(item))
-          this.strategyList[index].fileUrl = fileUrl
-          this.strategyList[index].isImg = isImg
-          this.$forceUpdate()
-        }
-      }).catch(err => {
-        console.log(err)
-        this.loading = false
-      })
-    },
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-  .processImg-content{
-    margin-top: 20px;
-    .sub-con{
-      width: 200px;
-    }
-    .card{
-      background: #FFFFFF;
-      border-radius: 8px;
-      width: 100%;
-      margin-bottom: 30rpx;
-      box-sizing: border-box;
-      .title{
-        font-size: 16px;
-        font-weight: 500;
-        color: #333333;
-        margin-bottom: 16px;
-      }
-    }
-
-    .list-con{
-
-      .item{
-        margin: 16px 0;
-        background: #f5f6f8;
-        padding: 20px;
-        border-radius: 8px;
-        .title-con{
-          display: flex;
-          justify-content: flex-start;
-          align-items: center;
-          .num{
-            background: linear-gradient(90deg, #73AEFF 0%, #1678FF 100%);
-            color: #ffffff;
-            font-size: 13px;
-            padding: 0 7px;
-            border-radius: 2px;
-
-            transform: skew(-10deg)
-          }
-          .item-title{
-            font-size: 16px;
-            font-weight: 500;
-            color: #333333;
-            margin-left: 10px;
-            &::after{
-              content: '';
-              display: block;
-              // position: absolute;
-              width: 68px;
-              height: 8px;
-              margin-top: -7px;
-              background: linear-gradient(90deg, #D9E9FF 0%, #FFFFFF 98%);
-            }
-          }
-        }
-        .desc-con{
-          // border-left: 1px dashed #1678FF;
-          // margin-left: 14px;
-          margin-top: 10px;
-          // padding-left: 22px;
-          .desc-info{
-            // background: #F5F9FF;
-            // padding: 12px;
-            font-size: 14px;
-            line-height: 22px;
-            color: #333333;
-            border-radius: 8px;
-
-            display: flex;
-            justify-content: space-between;
-            align-items: flex-start;
-            gap: 50px;
-            .desc{
-              flex: 1;
-            }
-
-            .video-con{
-              // border: 1px solid red;
-              width: 100%;
-              width: 262px;
-              // margin-top: 10px;
-              height: 146px;
-            }
-          }
-        }
-        &:last-child{
-          .desc-con{
-            border: none;
-          }
-        }
-      }
-    }
-    .imgView{
-      width: 30%;
-      height: 900px;
-      // border: 1px solid;
-      background-size: 100%;
-      background-repeat: no-repeat;
-      margin: 20px auto;
-    }
-
-    .empty-content{
-      height: 800rpx;
-      display: flex;
-      justify-content: center;
-      align-items: center;
-    }
-  }
-</style>

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

@@ -1,191 +0,0 @@
-<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>