ydb-components-material 0.1.125 → 0.1.126

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

@@ -1,403 +0,0 @@
-<template>
-  <view class="materialsList-content">
-
-    <!-- 表格 -->
-
-    <view class="table-con">
-      <el-table
-        :data="list"
-        stripe
-        row-key="id"
-        border
-        :tree-props="{children: 'subMaterials'}"
-        default-expand-all
-      >
-        <el-table-column
-          prop="materialName"
-          label="材料名称"
-        />
-        <el-table-column
-          prop="materialExample"
-          label="材料分类"
-          align="center"
-          width="100"
-        >
-          <view slot-scope="{ row }" class="type-content" style="text-align: center;">
-            <template v-if="!row.subMaterials">
-              <view v-if="getFileType(row) == '智'" class="type type-zhi" @click="showTip('智')" />
-              <view v-if="getFileType(row) == '享'" class="type type-xiang" @click="showTip('享')" />
-              <view v-if="getFileType(row) == '自'" class="type type-zi" @click="showTip('自')" />
-            </template>
-          </view>
-        </el-table-column>
-        <el-table-column
-          prop="materialExample"
-          label="材料必要性"
-          align="center"
-        >
-          <view slot-scope="{ row }">
-            {{ row.isNeed == '1' ? '必要' : '非必要' }}
-          </view>
-        </el-table-column>
-        <el-table-column
-          prop="materialExample"
-          label="样表"
-          align="center"
-        >
-          <view class="link" slot-scope="{ row }">
-						<view v-for="item in initMaterialExample(row)" class="item" @click="previewFile(item)">
-							{{ item.name }}
-						</view>
-          </view>
-        </el-table-column>
-
-        <el-table-column
-          prop="formGuid"
-          label="空白表格"
-          align="center"
-        >
-          <view class="link" slot-scope="{ row }">
-						<view v-for="item in initFormGuid(row)" class="item" @click="goDownLoad(item)">
-							{{ item.name }}
-						</view>
-          </view>
-        </el-table-column>
-
-
-        <el-table-column
-          label="审查要点"
-          align="center"
-        >
-          <view v-if="row.keyPoint" class="link" slot-scope="{ row }" @click="checkPoint(row)">
-            查看
-          </view>
-        </el-table-column>
-        
-      </el-table>
-    </view>
-
-
-    <!-- 预览的展示区域 -->
-    <u-popup
-      :show="previewShow"
-      closeable
-      round="10"
-      mode="center"
-      bgColor="transparent"
-      @close="previewShow = false"
-    >
-      <view class="preview-inner">
-        <view class="loading-con" v-if="previewLoading">
-          <u-loading-icon text="加载中..." textSize="18" />
-        </view>
-        <!-- v-if="!previewLoading" -->
-        <iframe
-          id="previewIframe"
-          frameborder="0"
-          height="100%"
-          width="100%"
-        />
-      </view>
-		</u-popup>
-
-  </view>
-</template>
-
-<script>
-import { getFileUrlApi, previewFileApi } from '@/api/business.js'
-import { hasShareFile } from '@/utils/testShareFile.js'
-export default {
-  data() {
-    return {
-      list: [],
-
-      previewShow: false,
-      previewLoading: false,
-    }
-  },
-  mounted() {
-    // this.initData()
-    this.initDataNew()
-  },
-
-  methods: {
-    // 初始化材料列表
-    initDataNew() {
-      const finalMaterials = uni.getStorageSync('finalMaterials')
-      const { taskGeneralMaterials } = uni.getStorageSync('eventInfo')
-      this.list = finalMaterials || taskGeneralMaterials
-      console.log(this.list, 'this.list');
-    },
-    // 展示材料类型的提示信息
-    showTip(type) {
-      const obj = {
-        '智': '本材料为智能生成材料，系统将根据您填写的信息自动生成申报材料。',
-        '享': '本材料为共享材料，数据由大数据共享获取，无需用户自行准备。',
-        '自': '需要用户自行准备申报材料'
-      }
-      uni.$u.toast(obj[type], 3000)
-    },
-    // 查询材料的类型
-    getFileType(file) {
-      let finalType = ''
-      if(file.formConvertMaterial) { // 智能制作材料
-        finalType = '智'
-      } else if(file.noNeedSubmit) { // 共享材料(免于提交)
-        finalType = '享'
-      }else{ // 自备材料
-        finalType = '自'
-      }
-      return finalType
-    },
-
-    // 审查要点 [按钮]
-    checkPoint(item) {
-      const keyPoint = item.keyPoint
-      if(!keyPoint.fileUrl) {
-        uni.$u.toast('该审查要点暂时无法查看')
-        return
-      }
-      uni.setStorageSync('keyPoint', keyPoint)
-      uni.navigateTo({
-        url: `/pagesDeclarePc/keyPoints`
-      })
-    },
-
-
-    // ============空表下载开始============
-    // 去下载页面[方法]
-    async goDownLoad(fileObj) {
-      console.log('下载文件', fileObj);
-      const fileId = fileObj.id || fileObj.url
-      const fileUrl = await this.getFileUrlFun(fileId)
-      const nameArr = fileObj.name.split('.')
-      const format = nameArr[nameArr.length - 1]
-
-      const url = fileUrl.split('?')[0]
-      const params = JSON.stringify(this.parseURLParams(fileUrl))
-      
-      // uni.webView.navigateTo({
-        // url: `/pages/common/downLoad?params=${params}&format=${format}&fileUrl=${url}`
-      // })
-      // jWeixin.miniProgram.navigateTo({
-      //   url: `/pages/common/downLoad?params=${params}&format=${format}&fileUrl=${url}`
-      // })
-      console.log(this.$getEnv(), '当前环境====');
-      
-      if(this.$getEnv().wx) { // 微信小程序
-        jWeixin.miniProgram.navigateTo({
-          url: `/pages/common/downLoad?params=${params}&format=${format}&fileUrl=${url}`
-        })
-      }else if(this.$getEnv().my) { // 支付宝小程序
-        my.navigateTo({
-          url: `/pages/common/downLoad?params=${params}&format=${format}&fileUrl=${url}`
-        })
-      }else{
-        window.open(fileUrl)
-      }
-    },
-    // ============空表下载结束============
-
-    // ============ 样表预览开始 ============
-    // 样表预览 [按钮]
-    async previewFile({ url }) {
-			const fileUrl = await this.getFileUrlFun(url)
-			this.preview(fileUrl)
-    },
-
-    // 预览材料 [方法]
-    async preview(fileUrl) {
-      this.previewShow = true
-      this.previewLoading = true
-      const pageUrl = await this.previewFileFun(fileUrl)
-      this.previewUrl = pageUrl
-      console.log('预览地址', pageUrl);
-      // this.previewShow = true
-      setTimeout(() => {
-        document.getElementById('previewIframe').src = pageUrl
-      }, 500);
-    },
-    
-    // 通过文件地址 获取预览地址
-    previewFileFun(fileUrl) {
-      const params = { url: fileUrl }
-      return new Promise((resolve, reject) => {
-        previewFileApi(params).then((res) => {
-          const { url } = res
-          resolve(url)
-          this.previewLoading = false
-        }).catch(err => {
-          console.log(err)
-          reject(err)
-          this.previewLoading = false
-        })
-
-      })
-    },
-
-    // ============ 样表预览结束 ============
-
-
-    // 将url的参数进行解构 [方法]
-    parseURLParams(url) {
-      let queryParams = {}
-      // 正则匹配规则
-      let reg = /([^?=&]+)=([^?=&]+)/g
-      // 利用replace替换
-      url.replace(reg, function() {
-          // 用伪数组进行键值对拼接
-          queryParams[arguments[1]] = arguments[2]
-      })
-      // 返回参数键值对
-      return queryParams
-    },
-
-    // =============== API ===============
-    // 通过文件id获取文件地址
-    getFileUrlFun(id) {
-      const params = {
-        effectiveTime: '3600',
-        id
-      }
-      return new Promise((resole) => {
-        getFileUrlApi(params).then((res) => {
-          if(res && res.presignedUrlList && res.presignedUrlList.length > 0) {
-            resole(res.presignedUrlList[2])
-          }else{
-            uni.$u.toast('暂无相关材料')
-          }
-        }).catch(err => {
-          console.log(err)
-          uni.$u.toast('暂无相关材料')
-        })
-      })
-    },
-
-
-    // 展示空表
-    initFormGuid(row) {
-      if(!row.formGuid || row.formGuid == '[]') {
-         return ''
-      } else {
-        const formGuidJson = JSON.parse(row.formGuid)
-				return formGuidJson
-      }
-    },
-    // 展示样表
-    initMaterialExample(row) {
-      if(!row.materialExample || row.materialExample == '[]') {
-         return ''
-      } else {
-        const formGuidJson = JSON.parse(row.materialExample)
-				return formGuidJson
-      }
-    }
-
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-  /deep/ .el-table{
-    color: #222222;
-  }
-  /deep/ .el-table thead{
-    color: #222222;
-  }
-  /deep/ .el-table th.el-table__cell{
-    background: #f7f8fa !important;
-  }
-  /deep/ .el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell{
-    background: #f7f8fa !important;
-  }
-  .materialsList-content{
-    padding-top: 20px;
-
-    .list{
-      .item{
-        background: #ffffff;
-        margin-bottom: 12px;
-        padding: 16px;
-        border-radius: 8px;
-        .title-con{
-          display: flex;
-          justify-content: flex-start;
-          align-items: center;
-          .type{
-            width: 20px;
-            height: 17px;
-            border-radius: 4px;
-            // box-sizing: border-box;
-            border: 1px solid #1678FF;
-            color: #1678FF;
-            font-size: 12px;
-            display: flex;
-            justify-content: center;
-            align-items: center;
-            margin-right: 8px;
-          }
-          .type1{
-            border: 1px solid #369EB7;
-            color: #369EB7;
-          }
-          .type2{
-            border: 1px solid #8358F6;
-            color: #8358F6;
-          }
-          .title{
-            font-size: 15px;
-            font-weight: 500;
-            color: #333333;
-          }
-        }
-        .table-con{
-          margin-top: 30px;
-        }
-      }
-    }
-
-    .preview-inner{
-      height: 900px;
-      width: 800px;
-    }
-    .link{
-      color: #1678FF;
-      cursor: pointer;
-    }
-
-    .type-content{
-      display: flex;
-      justify-content: center;
-      align-items: center;
-    }
-    .type{
-      width: 20px;
-      height: 18px;
-      border-radius: 4px;
-      font-size: 12px;
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      color: #ffffff;
-      padding-bottom: 2px;
-    }
-    .type-zhi{
-      background: #1678FF;
-      &::after{
-        content: '智';
-      }
-    }
-    .type-zi{
-      background: #9570F7;
-      &::after{
-        content: '自';
-      }
-    }
-    .type-xiang{
-      background: #15BC83;
-      &::after{
-        content: '享';
-      }
-    }
-  }
-</style>

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

@@ -1,198 +0,0 @@
-<template>
-  <view class="places-content">
-    <guideTitle title="办事大厅" />
-
-    <view v-if="list.length" class="inner-content">
-      <view class="map-con">
-        <commonMap
-          :longitude="local.longitude"
-          :latitude="local.latitude"
-          :list="list"
-          mapH="400px"
-          mapW="800px"
-          @clickDot="clickDotHandle"
-        />
-      </view>
-      <view class="list-con">
-        <view
-          class="item"
-          v-for="item, index in list" :key="index"
-          @click="clickDotHandle(item)"
-        >
-          <view class="name">{{ item.hallName }}</view>
-          <view class="info">
-            <u-icon class="icon" name="map-fill" color="#666666" size="16" />
-            <view class="title_">地址：</view>
-            <view class="desc">{{ item.addressDetail }}</view>
-          </view>
-  
-          <view class="info">
-            <u-icon class="icon" name="clock-fill" color="#666666" size="16" />
-            <view class="title_">时间：</view>
-            <view class="desc">
-              {{ item.firstStartTime }} - {{ item.firstEndTime }} /
-              {{ item.secondStartTime }} - {{ item.secondEndTime }}
-            </view>
-          </view>
-  
-          <view class="info">
-            <u-icon class="icon" name="phone-fill" color="#666666" size="16" />
-            <view class="title_">电话：</view>
-            <view class="desc">{{ item.consultPhone }}</view>
-          </view>
-        </view>
-      </view>
-    </view>
-
-    <view class="empty-con" v-if="!list.length">
-      <view class="empty-img" :style="{backgroundImage: `url(${emptyImg})`}"></view>
-      <view class="empty-text">暂无办事大厅</view>
-    </view>
-    <!-- <empty
-      v-if="!list.length"
-      mode="address"
-      text="暂无办事大厅"
-    /> -->
-  </view>
-</template>
-
-<script>
-import guideTitle from './guideTitle.vue'
-export default {
-  components: { guideTitle },
-  data() {
-    return {
-      // 中心点位经纬度
-      local: {
-        longitude: NaN,
-        latitude: NaN
-      },
-      list: [],
-      emptyImg: '../static/img/declare/empty.png', // 背景图片
-    }
-  },
-  mounted() {
-    // this.init()
-    this.initData()
-  },
-  methods: {
-    // 初始化 成效分析
-    async initData() {
-      const { hallList } = uni.getStorageSync('eventInfo')
-      this.list = hallList
-			if(hallList.length) {
-				this.clickDotHandle(hallList[0])
-			}
-    },
-    // 初始化当前位置 [方法]
-    init() {
-      uni.getLocation({
-        success: (res) => {
-          const { latitude, longitude } = res
-          console.log('经纬度', latitude, longitude);
-          this.setCenter(latitude, longitude)
-        }
-      });
-    },
-    // 设置中心点经纬度 [方法]
-    setCenter(latitude, longitude) {
-      this.local.latitude = +latitude
-      this.local.longitude = +longitude
-    },
-    // 点击某个服务点 [地图][按钮]
-    clickDotHandle(point) {
-      console.log(point);
-      const { latitude, longitude } = point
-			if(latitude && longitude) {
-				this.setCenter(latitude, longitude)
-			}else{
-				this.setCenter(37.81, 112.52)
-			}
-    },
-
-
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-  .places-content{
-    background: #ffffff;
-    border-radius: 8px;
-    padding: 12px 12px 0;
-    margin-top: 12px;
-
-    .inner-content{
-      background: #f5f6f8;
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-      gap: 20px;
-      border-radius: 5px;
-      margin-top: 24px;
-
-      .map-con{
-        border-radius: 5px;
-        overflow: hidden;
-        // border: 1px solid red;
-        flex: .6;
-        // flex: 1;
-      }
-  
-      .list-con{
-        // border: 1px solid green;
-        flex: .4;
-        padding: 0 20px;
-        .item{
-          padding: 16px 0;
-          border-bottom: 1px solid #EEEEEE;
-          &:last-child{
-            border: none;
-          }
-          .name{
-            font-size: 28px;
-            font-weight: 500;
-            color: #333333;
-            margin-bottom: 50px;
-          }
-          .info{
-            display: flex;
-            justify-content: flex-start;
-            align-items: flex-start;
-            font-size: 16px;
-            line-height: 24px;
-            margin-top: 16px;
-            color: #222222;
-            .icon{
-              margin-right: 6px;
-              margin-top: 4px;
-            }
-            .desc{
-              flex: 1;
-            }
-  
-          }
-        }
-      }
-    }
-
-    .empty-con{
-      background: #ffffff;
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      flex-direction: column;
-      height: 50vh;
-      .empty-img{
-        width: 189px;
-        height: 120px;
-        background-size: 100% 100%;
-      }
-      .empty-text{
-        font-size: 14px;
-        color: #8BB5ED;
-        margin-top: 5px;
-      }
-    }
-  }
-</style>