From 306a6af89c033ee5efcd6603e32cdd5c3d579e6d Mon Sep 17 00:00:00 2001
From: ZF sun <34314687@qq.com>
Date: Tue, 23 Dec 2025 15:09:34 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=A2=9E=E5=8A=A0=E4=BB=8B=E8=B4=A8?=
 =?UTF-8?q?=E6=9D=90=E6=96=99=E6=A8=A1=E5=9D=97=E5=8F=8A=E6=A1=88=E4=BE=8B?=
 =?UTF-8?q?=E5=B1=95=E7=A4=BA=E6=A8=A1=E5=9D=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages.json                        |  38 ++
 pages_tool/cases/index.vue        | 623 ++++++++++++++++++++++++++++++
 pages_tool/seal/medium/detail.vue | 202 ++++++++++
 pages_tool/seal/medium/search.vue | 245 ++++++++++++
 pages_tool/seal/structure.vue     | 115 ++++++
 5 files changed, 1223 insertions(+)
 create mode 100644 pages_tool/cases/index.vue
 create mode 100644 pages_tool/seal/medium/detail.vue
 create mode 100644 pages_tool/seal/medium/search.vue
 create mode 100644 pages_tool/seal/structure.vue

diff --git a/pages.json b/pages.json
index e3fc2ba..c724ed6 100644
--- a/pages.json
+++ b/pages.json
@@ -850,6 +850,44 @@
 						// #endif
 						"navigationBarTitleText": "小程序发货"
 					}
+				},
+				//******************介质材料模块******************	
+				{
+					"path": "seal/structure",
+					"style": {
+						// #ifdef APP-PLUS
+						"navigationStyle": "custom",
+						// #endif
+						"navigationBarTitleText": "结构选型"
+					}
+				},
+				{
+					"path": "seal/medium/search",
+					"style": {
+						// #ifdef APP-PLUS
+						"navigationStyle": "custom",
+						// #endif
+						"navigationBarTitleText": "介质材料搜索"
+					}
+				},				
+				{
+					"path": "seal/medium/detail",
+					"style": {
+						// #ifdef APP-PLUS
+						"navigationStyle": "custom",
+						// #endif
+						"navigationBarTitleText": "搜索结果"
+					}
+				},
+				//******************案例展示******************
+				{
+					"path": "cases/index",
+					"style": {
+						// #ifdef APP-PLUS
+						"navigationStyle": "custom",
+						// #endif
+						"navigationBarTitleText": "案例展示"
+					}
 				}
 			]
 		}
diff --git a/pages_tool/cases/index.vue b/pages_tool/cases/index.vue
new file mode 100644
index 0000000..50303ad
--- /dev/null
+++ b/pages_tool/cases/index.vue
@@ -0,0 +1,623 @@
+<template>
+  <view>
+    <view class="about w100">
+      <view class="list_cotact padding-top">
+        <view class="container">
+          <block v-for="(item, index) in dataList" :key="index">
+            <view class="view_ul_100" style="margin-bottom:30rpx;">
+              <view class="bl clearfix bor bg-white">
+                <block v-if="item.$orig.case_type === 0">
+                  <view class="video-container">
+                    <video class="adaptive-video" style="height:400rpx;" autoPauseIfNavigate="true" autoPauseIfOpenNative="true" autoplay="false" enableAutoRotation="true" id="myVideo" :poster="item.g0" :src="item.g1" controls="true"></video>
+                  </view>
+                </block>
+                <block v-if="item.$orig.case_type === 1">
+                  <view>
+                    <image style="width:100%;height:300rpx;" :src="item.g2" mode="widthFix"></image>
+                  </view>
+                </block>
+                <view style="padding:20rpx;">
+                  <view style="font-size:36rpx;font-weight:600;">{{item.$orig.title}}</view>
+                  <view>{{item.$orig.desc}}</view>
+                  <view style="font-size:24rpx;color:#888;padding-top:20rpx;">{{"完成时间：" + item.g3}}</view>
+                  <block v-if="item.$orig.files_url">
+                    <view @tap="toDetail(item.$orig)" class="item">
+                      <view class="article-img">
+                        <image class="cover-img" :src="item.g4" mode="widthFix" @error="imgError(index)"></image>
+                      </view>
+                      <view class="info-wrap">
+                        <view class="title">{{item.$orig.files_title}}</view>
+                        <view class="read-wrap">
+                          <text>查看PDF文件</text>
+                        </view>
+                      </view>
+                    </view>
+                  </block>
+                </view>
+              </view>
+            </view>
+          </block>
+        </view>
+      </view>
+    </view>
+    <view class="goods-sku">
+      <uni-popup ref="informationPopup" class="vue-ref" type="bottom" @change="change">
+        <view class="liuyan-popup-layer popup-layer">
+          <view @tap="closeinformationPopup" class="head-wrap">
+            <text>在线留言</text>
+            <text class="iconfont icon-close"></text>
+          </view>
+          <scroll-view class="liuyan-body" scroll-y="true">
+            <view style="padding:0 30rpx;">
+              <view class="fui-cell-group">
+                <view class="fui-cell">
+                  <view class="fui-cell-label">姓名</view>
+                  <view class="fui-cell-info">
+                    <input class="fui-input" placeholder="请输入您的姓名" v-model="Form.realname" />
+                  </view>
+                </view>
+                <view class="fui-cell">
+                  <view class="fui-cell-label">联系方式</view>
+                  <view class="fui-cell-info">
+                    <input class="fui-input" maxlength="11" placeholder="请输入您的手机号" type="number" v-model="Form.mobile" />
+                  </view>
+                </view>
+                <view class="fui-cell">
+                  <view class="fui-cell-label" style="position:absolute;top:10px;">留言内容</view>
+                  <view class="fui-cell-info" style="margin-left:160rpx;border:solid 2rpx #eee;">
+                    <textarea class="textarea" style="font-size:28rpx;padding:10rpx;" placeholder="请输入留言内容" v-model="Form.remark"></textarea>
+                  </view>
+                </view>
+              </view>
+            </view>
+          </scroll-view>
+          <view class="button-box">
+            <button type="primary" @tap="save">提交</button>
+          </view>
+        </view>
+      </uni-popup>
+    </view>
+    <uni-popup ref="videoPopup" class="vue-ref" style="background:transparent;width:100%;height:100%;" type="center" @change="videochange">
+      <view class="video-container" style="position:fixed;top:30%;width:100%;left:0;">
+        <video class="adaptive-video" autoPauseIfNavigate="true" autoPauseIfOpenNative="true" autoplay="false" enableAutoRotation="true" id="myVideo" :src="video_url" controls="true"></video>
+      </view>
+    </uni-popup>
+  </view>
+</template>
+
+<script>
+import uniPopup from '@/components/uni-popup/uni-popup.vue';
+export default {
+  data() {
+    return {
+      dataList: [],
+      shop: {},
+      cases_bg: "public/static/img/diy_view/member_info_bg.png",
+      file_list: [],
+      video_list: [],
+      cases_tip: "123",
+      markers: [],
+      Form: {
+        realname: "",
+        mobile: ""
+      },
+      ismessage: 0,
+      video_url: ""
+    };
+  },
+  onLoad() {
+    this.init();
+  },
+  onShareAppMessage() {
+    // 分享功能
+  },
+  components: {
+    uniPopup
+  },  
+  methods: {
+    init() {
+      this.$api.sendRequest({
+        url: "/api/index/cases",
+        success: (res) => {
+          if (res.code === 0) {
+            this.dataList = res.data;
+            this.shop = res.shop;
+            this.cases_bg = res.set.cases_bg ? res.set.cases_bg : "public/static/img/diy_view/member_info_bg.png";
+            this.file_list = res.file_list;
+            this.video_list = res.video_list;
+            this.cases_tip = res.set.cases_tip || "123";
+            this.markers = [{
+              id: 1,
+              latitude: this.shop.latitude,
+              longitude: this.shop.longitude
+            }];
+          }
+        },
+        fail: (err) => {
+          console.log(err);
+        }
+      });
+    },
+    toDetail(item) {
+      console.log(item.files_url);
+      const url = item.files_url;
+      uni.showLoading({ title: "正在加载" });
+      try {
+        uni.downloadFile({
+          url: url,
+          success: (res) => {
+            if (res.statusCode === 200) {
+              const filePath = res.tempFilePath;
+              uni.openDocument({
+                filePath: filePath,
+                success: () => {
+                  console.log("打开成功");
+                },
+                fail: () => {
+                },
+                complete: () => {
+                  uni.hideLoading();
+                }
+              });
+            }
+          },
+          fail: (err) => {
+            uni.hideLoading();
+          },
+          complete: (res) => {
+            console.log("下载完成", res);
+            if (res.statusCode === 404) {
+              uni.showToast({ title: "文件不存在", icon: "none" });
+            }
+          }
+        });
+      } catch (e) {
+        console.log("CatchClause", e);
+        uni.hideLoading();
+      }
+    },
+    imgError(index) {
+      if (this.list[index]) {
+        this.list[index].cover_img = this.$util.getDefaultImage().article;
+      }
+    },
+    showVideo(item) {
+      this.video_url = item.video_url;
+      this.$refs.videoPopup.open();
+    },
+    videochange() {
+      // 视频弹窗变化事件
+    },
+    onTapDoc(item) {
+      const url = this.$util.img(item.files_url);
+      uni.showLoading({ title: "正在加载" });
+      try {
+        uni.downloadFile({
+          url: url,
+          success: (res) => {
+            if (res.statusCode === 200) {
+              const filePath = res.tempFilePath;
+              uni.openDocument({
+                filePath: filePath,
+                success: () => {
+                  console.log("打开成功");
+                },
+                fail: () => {
+                },
+                complete: () => {
+                  uni.hideLoading();
+                }
+              });
+            }
+          },
+          fail: () => {
+            uni.hideLoading();
+          },
+          complete: (res) => {
+            console.log("下载完成", res);
+            if (res.statusCode === 404) {
+              uni.showToast({ title: "文件不存在", icon: "none" });
+            }
+          }
+        });
+      } catch (e) {
+        console.log("CatchClause", e);
+        uni.hideLoading();
+      }
+    },
+    share(item) {
+      const url = this.$util.img(item.files_url);
+      uni.showLoading({ title: "正在加载" });
+      try {
+        uni.downloadFile({
+          url: url,
+          success: (res) => {
+            if (res.statusCode === 200) {
+              uni.hideLoading();
+              const filePath = res.tempFilePath;
+              uni.shareFileMessage({
+                filePath: filePath,
+                success: () => {
+                },
+                fail: console.error
+              });
+            }
+          },
+          fail: () => {
+            uni.hideLoading();
+          },
+          complete: (res) => {
+            if (res.statusCode === 404) {
+              uni.showToast({ title: "文件不存在", icon: "none" });
+            }
+          }
+        });
+      } catch (e) {
+        console.log("CatchClause", e);
+        uni.hideLoading();
+      }
+    },
+    test() {
+      // 测试方法
+    },
+    save() {
+      this.$api.sendRequest({
+        url: "/api/member/message",
+        data: this.Form,
+        success: (res) => {
+          this.$refs.informationPopup.close();
+          this.$util.showToast({ title: res.message });
+        },
+        fail: (err) => {
+          console.log(err);
+        }
+      });
+    },
+    change(e) {
+      console.log(e);
+      this.ismessage = e.show ? 1 : 0;
+    },
+    tapMessage() {
+      this.ismessage = 1;
+      this.$refs.informationPopup.open();
+    },
+    closeinformationPopup() {
+      this.ismessage = 0;
+      this.$refs.informationPopup.close();
+    },
+    Tel(phone) {
+      uni.makePhoneCall({
+        phoneNumber: phone + "",
+        success: (res) => {
+          console.log(res);
+        }
+      });
+    },
+    copy(text) {
+      uni.setClipboardData({
+        data: text,
+        success: () => {
+          console.log("复制成功");
+          uni.showToast({ title: "复制成功", icon: "success", duration: 2000 });
+        },
+        fail: () => {
+          console.log("复制失败");
+        }
+      });
+    },
+    tomap() {
+      this.copy(this.shop.full_address);
+    }
+  }
+};
+</script>
+
+<style scoped>
+.item {
+  display: flex;
+  padding: 30rpx 0;
+  background-color: #fff;
+  border-radius: 16rpx;
+}
+
+.item .article-img {
+  margin-right: 20rpx;
+  width: 80rpx;
+  height: 80rpx;
+  overflow: hidden;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.item .article-img image {
+  width: 100%;
+}
+
+.item .info-wrap {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+}
+
+.item .info-wrap .title {
+  font-weight: 700;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+  font-size: 24rpx;
+}
+
+.item .info-wrap .abstract {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  font-size: 24rpx;
+}
+
+.item .info-wrap .read-wrap {
+  display: flex;
+  color: #999ca7;
+  justify-content: flex-start;
+  align-items: center;
+  margin-top: 10rpx;
+  line-height: 1;
+}
+
+.item .info-wrap .read-wrap text {
+  font-size: 24rpx;
+}
+
+.item .info-wrap .read-wrap .iconfont {
+  font-size: 36rpx;
+  vertical-align: bottom;
+  margin-right: 10rpx;
+}
+
+.item .info-wrap .read-wrap .category-icon {
+  width: 8rpx;
+  height: 8rpx;
+  border-radius: 50%;
+  background: var(--base-color);
+  margin-right: 10rpx;
+}
+
+.item .info-wrap .read-wrap .date {
+  margin-left: 20rpx;
+}
+
+.liuyan-popup-layer {
+  height: 660rpx;
+}
+
+.liuyan-popup-layer .free-tip {
+  min-width: 72rpx;
+  height: 36rpx;
+  line-height: 36rpx;
+  text-align: center;
+  border: none;
+  padding: 8rpx 8rpx;
+  border-radius: 10rpx;
+  margin-right: 20rpx;
+  font-size: 20rpx;
+  display: inline-block;
+  font-weight: 700;
+  color: var(--main-color);
+  background-color: var(--main-color-shallow);
+}
+
+.liuyan-popup-layer .liuyan-body {
+  position: absolute;
+  left: 0;
+  right: 0;
+  height: 60%;
+}
+
+.liuyan-popup-layer .liuyan-body .item {
+  padding: 20rpx 0;
+  margin: 0 30rpx;
+  border-bottom: 1px solid #eee;
+}
+
+.liuyan-popup-layer .liuyan-body .item .value {
+  margin-left: 20rpx;
+}
+
+.liuyan-popup-layer .liuyan-body .item:last-child {
+  border-bottom: 0;
+}
+
+.popup-layer {
+  background: #fff;
+}
+
+.popup-layer .head-wrap {
+  font-size: 32rpx;
+  line-height: 100rpx;
+  height: 100rpx;
+  display: block;
+  text-align: center;
+}
+
+.popup-layer .head-wrap .iconfont {
+  position: absolute;
+  float: right;
+  right: 44rpx;
+  font-size: 32rpx;
+}
+
+.popup-layer .button-box {
+  width: 100%;
+  position: absolute;
+  bottom: 0;
+  z-index: 1;
+  margin-bottom: 30rpx;
+}
+
+.popup-layer .button-box button {
+  height: 80rpx;
+  background-color: var(--goods-btn-color);
+}
+
+.w100 {
+  width: 100%;
+  padding-bottom: 60rpx;
+}
+
+.border-top {
+  border-top: 1px solid rgba(78, 78, 78, 0.1);
+}
+
+.padding-top {
+  padding-top: 30rpx;
+}
+
+.container {
+  align-items: center;
+  box-sizing: border-box;
+  flex-direction: column;
+  height: 100%;
+  justify-content: space-between;
+  padding: 0 30rpx;
+  width: 100% !important;
+}
+
+.clearfix {
+  zoom: 1;
+  overflow: hidden;
+}
+
+.text-center {
+  text-align: center;
+}
+
+.w50_li {
+  float: left;
+  margin-bottom: 20rpx;
+  width: 50%;
+}
+
+.w50_li:nth-child(odd) {
+  padding-right: 20rpx;
+}
+
+.bl {
+  display: block;
+}
+
+.bor {
+  border-radius: 10rpx;
+}
+
+image {
+  display: inline-block;
+  max-width: 100%;
+  position: relative;
+  z-index: 0;
+}
+
+.line1 {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.list_cotact .view_ul_one .bor {
+  padding: 40rpx;
+}
+
+.list_cotact .bor image {
+  height: 60rpx;
+}
+
+.list_cotact .bor .name, .view_ul_100 .name {
+  font-size: 32rpx;
+  line-height: 44rpx;
+  margin-top: 20rpx;
+  color: #fff;
+}
+
+.list_cotact .view_ul_one .view_li:nth-child(1) > button {
+  background: #0054a5;
+  height: 200rpx;
+  line-height: 20rpx;
+}
+
+.list_cotact .view_ul_one .view_li:nth-child(2) {
+  background: #1daa39;
+  height: 200rpx;
+  line-height: 20rpx;
+  border-radius: 10rpx;
+}
+
+.view_ul_100 .fl {
+  width: 10%;
+}
+
+.view_ul_100 .fr {
+  width: 100%;
+}
+
+.view_ul_100 > view {
+  background: #fff;
+}
+
+.view_ul_100 .text {
+  color: rgba(71, 71, 71, 0.79);
+  font-size: 24rpx;
+  margin-top: 10rpx;
+}
+
+.list_cotact .view_ul_100 .name {
+  margin-top: 0;
+}
+
+.list_cotact .view_ul_two .view_li > view {
+  background-color: #fff;
+  padding: 20rpx 30rpx 0rpx 30rpx;
+}
+
+.list_cotact .view_ul_two .view_li > view .address {
+  background-color: #5dc2d0;
+  color: #fff;
+  display: inline-block;
+  font-size: 28rpx;
+  line-height: 48rpx;
+  margin-bottom: 30rpx;
+  padding: 0 30rpx;
+  width: auto;
+}
+
+.view_ul_two {
+  margin-top: 20rpx;
+}
+
+.contact_name {
+  color: rgba(71, 71, 71, 0.79);
+  font-size: 24rpx;
+  line-height: 36rpx;
+  padding-left: 0rpx;
+}
+
+.contact_name image {
+  opacity: 0.79;
+  width: 30rpx;
+}
+
+.message {
+  border-radius: 50%;
+  bottom: 50%;
+  height: 90rpx;
+  line-height: 74rpx;
+  position: fixed;
+  right: 30rpx;
+  text-align: center;
+  width: 90rpx;
+  z-index: 9999;
+}
+</style>
\ No newline at end of file
diff --git a/pages_tool/seal/medium/detail.vue b/pages_tool/seal/medium/detail.vue
new file mode 100644
index 0000000..5010303
--- /dev/null
+++ b/pages_tool/seal/medium/detail.vue
@@ -0,0 +1,202 @@
+<template>
+  <view>
+    <view class="content">
+      <view class="goods-attr">
+        <view class="title">{{title}}</view>
+        <view class="attr-wrap">
+          <block v-for="(item, index) in list" :key="index">
+            <view class="item">
+              <text class="attr-name" :style="{background: item.background}">{{item.text}}</text>
+              <text class="value-name" :style="{color: item.color}">{{item.value}}</text>
+            </view>
+          </block>
+        </view>
+      </view>
+      <block v-if="g0>0">
+        <view class="foot">
+          <view @tap="generateImage" class="item" style="margin-right:30rpx;">导出图片</view>
+          <view @tap="generatePdf" class="item">导出PDF</view>
+        </view>
+      </block>
+    </view>
+  </view>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      title: "搜索结果",
+      info: {},
+      list: [],
+      keyword: "",
+      g0: 1 // 默认显示导出按钮
+    };
+  },
+  computed: {
+    themeColor() {
+      return '#ffffff';
+    }
+  },
+  onLoad(options) {
+    if (options.keyword) {
+      this.keyword = options.keyword;
+    }
+    this.getdata();
+  },
+  onShow() {
+    // 页面显示时执行
+  },
+  methods: {
+    generatePdf() {
+      const url = this.$util.img(this.info.files_url);
+      uni.showLoading({ title: '正在加载' });
+      try {
+        uni.downloadFile({
+          url: url,
+          success: (res) => {
+            if (res.statusCode === 200) {
+              uni.hideLoading();
+              const filePath = res.tempFilePath;
+              uni.shareFileMessage({
+                filePath: filePath,
+                success: () => {},
+                fail: console.error
+              });
+            }
+          },
+          fail: () => {
+            uni.hideLoading();
+          },
+          complete: (res) => {
+            if (res.statusCode === 404) {
+              uni.showToast({ title: '文件不存在', icon: 'none' });
+            }
+          }
+        });
+      } catch (error) {
+        console.log("CatchClause", error);
+        uni.hideLoading();
+      }
+    },
+    generateImage() {
+      const url = this.$util.img(this.info.img_url);
+      uni.showLoading({ title: '正在加载' });
+      uni.downloadFile({
+        url: url,
+        success: (res) => {
+          uni.hideLoading();
+          if (res.statusCode === 200) {
+            uni.saveImageToPhotosAlbum({
+              filePath: res.tempFilePath,
+              success: () => {
+                this.$util.showToast({ title: '保存成功' });
+              },
+              fail: (err) => {
+                if (err.errMsg !== 'saveImageToPhotosAlbum:fail auth deny' && err.errMsg !== 'saveImageToPhotosAlbum:fail:auth denied') {
+                  this.$util.showToast({ title: '保存失败，请稍后重试' });
+                }
+              }
+            });
+          } else {
+            this.$util.showToast({ title: '下载失败' });
+          }
+        },
+        fail: (err) => {
+          console.log(err);
+          uni.hideLoading();
+          this.$util.showToast({ title: '下载失败' });
+        }
+      });
+    },
+    getdata() {
+      this.$api.sendRequest({
+        url: '/api/seal/info',
+        data: { keyword: this.keyword },
+        success: (res) => {
+          console.log(res);
+          this.list = res.value;
+          this.info = res;
+          this.title = res.name;
+        }
+      });
+    }
+  }
+};
+</script>
+
+<style scoped>
+.content {
+  padding: 20rpx;
+}
+
+.goods-attr {
+  margin: 24rpx 20rpx;
+  background-color: #fff;
+  border-radius: 16rpx;
+  overflow: hidden;
+}
+
+.goods-attr .title {
+  height: 70rpx;
+  line-height: 70rpx;
+  box-sizing: border-box;
+  font-size: 32rpx;
+  margin: 0 20rpx;
+  text-align: center;
+  font-weight: 600;
+  color: #000;
+}
+
+.goods-attr .attr-wrap {
+  margin: 20rpx;
+  border: 2rpx solid #f1f1f1;
+  overflow: hidden;
+}
+
+.goods-attr .attr-wrap .item {
+  display: flex;
+  border-bottom: 2rpx solid #f1f1f1;
+}
+
+.goods-attr .attr-wrap .item:last-child {
+  border-bottom: 0;
+}
+
+.goods-attr .attr-wrap .item .attr-name {
+  width: 200rpx;
+  padding-right: 30rpx;
+  background-color: #fbfafa;
+  white-space: pre-wrap;
+  border-right: 2rpx solid #f1f1f1;
+  height: 60rpx;
+  line-height: 60rpx;
+  font-size: 26rpx;
+  text-align: right;
+  font-weight: 600;
+}
+
+.goods-attr .attr-wrap .item .value-name {
+  padding-left: 30rpx;
+  white-space: pre-wrap;
+  height: 60rpx;
+  line-height: 60rpx;
+  font-size: 26rpx;
+  flex: 1;
+  width: 0;
+}
+
+.foot {
+  display: flex;
+  margin: 40rpx 20rpx;
+}
+
+.foot .item {
+  width: 50%;
+  text-align: center;
+  background: #ff4646;
+  padding: 10rpx 0;
+  color: #fff;
+  border-radius: 10rpx;
+}
+</style>
\ No newline at end of file
diff --git a/pages_tool/seal/medium/search.vue b/pages_tool/seal/medium/search.vue
new file mode 100644
index 0000000..38f66e9
--- /dev/null
+++ b/pages_tool/seal/medium/search.vue
@@ -0,0 +1,245 @@
+<template>
+  <view>
+    <view class="content">
+      <view class="cate-search">
+        <view class="search-box">
+          <input class="uni-input" maxlength="50" confirm-type="search" :focus="true" placeholder="请输入介质名称 '如汽油'" v-model="inputValue" @focus="inputFocus" @confirm="search" @input="inputChange" />
+          <text @tap="search" class="iconfont icon-sousuo3"></text>
+        </view>
+      </view>
+      <view class="search-content">
+        <block v-if="g0">
+          <view class="history">
+            <view class="history-box">
+              <view class="history-top">
+                <view class="title">搜索结果</view>
+              </view>
+              <view class="history-bottom">
+                <block v-for="(item, index) in list" :key="index">
+                  <view @tap="otherSearch(item, index)" @longtap="deleteItem(item, index)" class="history-li">
+                    <view>{{item.name}}</view>
+                  </view>
+                </block>
+              </view>
+            </view>
+          </view>
+        </block>
+        <view>
+          <ns-empty v-if="list.length === 0" isIndex="false" text="暂无数据"></ns-empty>
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+import nsEmpty from '@/components/ns-empty/ns-empty';
+
+export default {
+  components: {
+    nsEmpty
+  },
+  data() {
+    return {
+      inputValue: "",
+      historyList: [],
+      searchList: [],
+      alikeList: [],
+      isIndex: false,
+      searchWords: "",
+      hotList: [],
+      isAllHistory: false,
+      list: []
+    };
+  },
+  computed: {
+    themeColor() {
+      return '#ffffff';
+    },
+    g0() {
+      return this.list.length;
+    }
+  },
+  onLoad(options) {
+    if (options.keyword) {
+      this.inputValue = options.keyword;
+    }
+    // 初始化搜索历史记录
+    if (!uni.getStorageSync("search")) {
+      uni.setStorageSync("search", []);
+    }
+    this.findHistoryList();
+    // 可以在这里调用获取热门搜索列表的方法
+    this.findHotList();
+  },
+  onShow() {
+    this.$nextTick(() => {
+      this.getHistoryHeight();
+    });
+  },
+  methods: {
+    findHistoryList() {
+      this.historyList = uni.getStorageSync("search").reverse();
+    },
+    deleteHistoryList() {
+      uni.showModal({
+        title: "提示",
+        content: "确认删除全部历史记录？",
+        success: (res) => {
+          if (res.confirm) {
+            uni.setStorageSync("search", []);
+            this.findHistoryList();
+          }
+        }
+      });
+    },
+    deleteItem(item, index) {
+      uni.showModal({
+        title: "提示",
+        content: "确认删除该条历史记录？",
+        success: (res) => {
+          if (res.confirm) {
+            let search = uni.getStorageSync("search");
+            search = search.filter((val) => val != item);
+            uni.setStorageSync("search", search);
+            this.findHistoryList();
+          }
+        }
+      });
+    },
+    findHotList() {
+      // 获取热门搜索列表
+      this.$api.sendRequest({
+        url: '/api/seal/hotlist',
+        success: (res) => {
+          this.hotList = res.data;
+        }
+      });
+    },
+    inputFocus() {
+      // 输入框聚焦事件
+    },
+    inputChange(e) {
+      this.inputValue = e.target.value;
+    },
+    search() {
+      if (!this.inputValue.trim()) {
+        uni.showToast({ title: '请输入搜索关键词', icon: 'none' });
+        return;
+      }
+      // 保存搜索历史
+      this.saveSearchHistory(this.inputValue);
+      // 执行搜索
+      this.$api.sendRequest({
+        url: '/api/seal/search',
+        data: { keyword: this.inputValue },
+        success: (res) => {
+          this.list = res.data;
+        }
+      });
+    },
+    otherSearch(item, index) {
+      // 其他搜索方式处理
+      this.inputValue = item.name;
+      this.search();
+    },
+    saveSearchHistory(keyword) {
+      let search = uni.getStorageSync("search");
+      // 去重
+      search = search.filter((val) => val != keyword);
+      search.unshift(keyword);
+      // 限制历史记录数量
+      if (search.length > 20) {
+        search = search.slice(0, 20);
+      }
+      uni.setStorageSync("search", search);
+      this.findHistoryList();
+    },
+    getHistoryHeight() {
+      // 获取历史记录高度（如果需要）
+    }
+  }
+};
+</script>
+
+<style scoped>
+.content {
+  padding: 20rpx;
+  background-color: #f8f8f8;
+  min-height: 100vh;
+}
+
+.cate-search {
+  padding: 20rpx;
+  background-color: #fff;
+  border-radius: 10rpx;
+  margin-bottom: 20rpx;
+}
+
+.search-box {
+  display: flex;
+  align-items: center;
+  background-color: #f5f5f5;
+  border-radius: 25rpx;
+  padding: 10rpx 20rpx;
+}
+
+.uni-input {
+  flex: 1;
+  height: 60rpx;
+  font-size: 28rpx;
+  color: #333;
+  padding: 0 20rpx;
+}
+
+.iconfont.icon-sousuo3 {
+  font-size: 32rpx;
+  color: #999;
+}
+
+.search-content {
+  background-color: #fff;
+  border-radius: 10rpx;
+  padding: 20rpx;
+}
+
+.history {
+  margin-bottom: 20rpx;
+}
+
+.history-box {
+  border: 1rpx solid #f1f1f1;
+  border-radius: 10rpx;
+  overflow: hidden;
+}
+
+.history-top {
+  padding: 20rpx;
+  border-bottom: 1rpx solid #f1f1f1;
+}
+
+.history-top .title {
+  font-size: 30rpx;
+  font-weight: 600;
+  color: #333;
+}
+
+.history-bottom {
+  padding: 20rpx;
+}
+
+.history-li {
+  padding: 20rpx;
+  border-bottom: 1rpx solid #f1f1f1;
+  font-size: 28rpx;
+  color: #666;
+}
+
+.history-li:last-child {
+  border-bottom: 0;
+}
+
+.history-li:active {
+  background-color: #f5f5f5;
+}
+</style>
\ No newline at end of file
diff --git a/pages_tool/seal/structure.vue b/pages_tool/seal/structure.vue
new file mode 100644
index 0000000..c8b9c03
--- /dev/null
+++ b/pages_tool/seal/structure.vue
@@ -0,0 +1,115 @@
+<template>
+  <view>
+    <view class="picker-container">
+      <view v-for="(item, idx) in pickerList" :key="item.id" class="single-picker">
+        <picker mode="selector" :value="item.value" :range="item.range" range-key="name" @change="bindPickerChange($event, idx, item)">
+          <view class="picker">当前选择：{{item.range[item.value].name || '请选择'}}</view>
+        </picker>
+      </view>
+    </view>
+    <block v-if="answerName">
+      <view style="font-size:32rpx;color:#ff0000;text-align:center;">
+        <view style="color:#ff0000;">选型结果：</view>{{answerName}}
+      </view>
+    </block>
+    <block v-if="files_url">
+      <view class="pdfcss" style="text-align:center;">
+        <view @tap="onTapDoc" class="graphic-nav-item">
+          <view style="display:flex;margin:10rpx;">
+            <view style="flex:1;">
+              <image style="width:50rpx;height:50rpx;" :src="g0" mode="widthFix"></image>
+            </view>
+          </view>
+          <view class="file_title">结果文件</view>
+        </view>
+      </view>
+    </block>
+  </view>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      pickerList: [],
+      answerName: '',
+      files_url: '',
+      g0: ''
+    };
+  },
+  computed: {
+    themeColor() {
+      return '#ffffff';
+    }
+  },
+  onLoad() {
+    // 初始化数据
+    this.files_url = '';
+    this.g0 = this.files_url ? this.$util.img('addon/personnel/shop/view/enterprise/fileicon.png') : null;
+  },
+  methods: {
+    bindPickerChange(e, idx, item) {
+      // 处理选择器变化
+      item.value = e.detail.value;
+      this.$set(this.pickerList, idx, item);
+      // 可以在这里添加逻辑，根据选择结果更新 answerName
+    },
+    onTapDoc() {
+      // 处理文档点击事件
+      if (this.files_url) {
+        uni.downloadFile({
+          url: this.files_url,
+          success: (res) => {
+            if (res.statusCode === 200) {
+              uni.openDocument({
+                filePath: res.tempFilePath,
+                success: (res) => {
+                  console.log('打开文档成功');
+                }
+              });
+            }
+          }
+        });
+      }
+    }
+  }
+};
+</script>
+
+<style scoped>
+.picker-container {
+  padding: 20rpx;
+  display: flex;
+  flex-direction: column;
+  gap: 30rpx;
+}
+
+.single-picker {
+  display: flex;
+  align-items: center;
+  gap: 20rpx;
+  border: solid 2rpx red;
+  border-radius: 16rpx;
+  justify-content: center;
+  width: 100%;
+}
+
+.picker {
+  flex: 1;
+  padding: 20rpx;
+  border-radius: 10rpx;
+  font-size: 32rpx;
+  width: 100%;
+  font-weight: 600;
+}
+
+.file_title {
+  font-size: 28rpx;
+  color: #666;
+}
+
+.graphic-nav-item {
+  padding: 20rpx;
+  text-align: center;
+}
+</style>
\ No newline at end of file