first commit

unpackage/dist/dev/mp-weixin/pages/Inspectionwarning/Inspectionwarning.js

@@ -0,0 +1,79 @@
+"use strict";
+const common_vendor = require("../../common/vendor.js");
+if (!Array) {
+  const _easycom_up_datetime_picker2 = common_vendor.resolveComponent("up-datetime-picker");
+  const _easycom_up_input2 = common_vendor.resolveComponent("up-input");
+  (_easycom_up_datetime_picker2 + _easycom_up_input2)();
+}
+const _easycom_up_datetime_picker = () => "../../uni_modules/uview-plus/components/u-datetime-picker/u-datetime-picker.js";
+const _easycom_up_input = () => "../../uni_modules/uview-plus/components/u-input/u-input.js";
+if (!Math) {
+  (_easycom_up_datetime_picker + _easycom_up_input)();
+}
+const _sfc_main = {
+  __name: "Inspectionwarning",
+  setup(__props) {
+    const activeIndex = common_vendor.ref(0);
+    const warningList = common_vendor.ref([
+      {
+        id: 1,
+        name: "全部状态80"
+      },
+      {
+        id: 2,
+        name: "逾期未检16"
+      },
+      {
+        id: 3,
+        name: "严重逾期50"
+      },
+      {
+        id: 4,
+        name: "期限内待检4"
+      },
+      {
+        id: 5,
+        name: "逾期已完成8"
+      },
+      {
+        id: 6,
+        name: "按期已完成2"
+      }
+    ]);
+    const switchTab = (index) => {
+      activeIndex.value = index;
+    };
+    const value1 = common_vendor.ref(Date.now());
+    return (_ctx, _cache) => {
+      return {
+        a: common_vendor.f(warningList.value, (item, index, i0) => {
+          return {
+            a: common_vendor.t(item.name),
+            b: activeIndex.value === index ? 1 : "",
+            c: index,
+            d: common_vendor.o(($event) => switchTab(index), index)
+          };
+        }),
+        b: common_vendor.o(($event) => value1.value = $event),
+        c: common_vendor.p({
+          hasInput: true,
+          show: _ctx.show,
+          mode: "date",
+          modelValue: value1.value
+        }),
+        d: common_vendor.o(($event) => value1.value = $event),
+        e: common_vendor.p({
+          hasInput: true,
+          show: _ctx.show,
+          mode: "date",
+          modelValue: value1.value
+        }),
+        f: common_vendor.p({
+          placeholder: "请输入公司名称"
+        })
+      };
+    };
+  }
+};
+const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-00b99536"]]);
+wx.createPage(MiniProgramPage);

unpackage/dist/dev/mp-weixin/pages/Inspectionwarning/Inspectionwarning.json

@@ -0,0 +1,7 @@
+{
+  "navigationBarTitleText": "日常安全检查预警",
+  "usingComponents": {
+    "up-datetime-picker": "../../uni_modules/uview-plus/components/u-datetime-picker/u-datetime-picker",
+    "up-input": "../../uni_modules/uview-plus/components/u-input/u-input"
+  }
+}

unpackage/dist/dev/mp-weixin/pages/Inspectionwarning/Inspectionwarning.wxml

@@ -0,0 +1 @@
+<view class="{{['padding', 'page', 'data-v-00b99536', virtualHostClass]}}" style="{{virtualHostStyle}}"><scroll-view scroll-x class="tab-scroll data-v-00b99536"><view class="tab-list data-v-00b99536"><view wx:for="{{a}}" wx:for-item="item" wx:key="c" class="{{['tab-item', 'data-v-00b99536', item.b && 'tab-active']}}" bindtap="{{item.d}}">{{item.a}}</view></view></scroll-view><view class="bg-white radius padding margin-top data-v-00b99536"><view class="flex data-v-00b99536"><view class="text-black text-bold data-v-00b99536">查询条件</view></view><view class="margin-top margin-bottom data-v-00b99536">开始日期</view><up-datetime-picker wx:if="{{c}}" class="data-v-00b99536" virtualHostClass="data-v-00b99536" u-i="00b99536-0" bind:__l="__l" bindupdateModelValue="{{b}}" u-p="{{c}}"></up-datetime-picker><view class="margin-top margin-bottom data-v-00b99536">结束日期</view><up-datetime-picker wx:if="{{e}}" class="data-v-00b99536" virtualHostClass="data-v-00b99536" u-i="00b99536-1" bind:__l="__l" bindupdateModelValue="{{d}}" u-p="{{e}}"></up-datetime-picker><view class="margin-top margin-bottom data-v-00b99536">公司名称</view><up-input wx:if="{{f}}" class="data-v-00b99536" virtualHostClass="data-v-00b99536" u-i="00b99536-2" bind:__l="__l" u-p="{{f}}"></up-input><button class="bg-blue round margin-top data-v-00b99536">查询</button></view><view class="padding bg-white radius margin-top data-v-00b99536"><view class="flex data-v-00b99536"><view class="data-v-00b99536"></view><view class="text-bold text-black data-v-00b99536">统计概览</view></view><view class="flex col-4 grid margin-top data-v-00b99536" style="gap:20rpx"><view class="text-center padding-top-sm data-v-00b99536" style="width:142rpx;height:124rpx;background:#628EFB;border-radius:8rpx;color:#fff"><view class="data-v-00b99536">80</view><view class="data-v-00b99536">总计</view></view><view class="text-center padding-top-sm data-v-00b99536" style="width:142rpx;height:124rpx;background:#32DCC7;border-radius:8rpx;color:#fff"><view class="data-v-00b99536">70</view><view class="data-v-00b99536">逾期</view></view><view class="text-center padding-top-sm data-v-00b99536" style="width:142rpx;height:124rpx;background:#32D1E9;border-radius:8rpx;color:#fff"><view class="data-v-00b99536">20</view><view class="data-v-00b99536">已完成</view></view><view class="text-center padding-top-sm data-v-00b99536" style="width:142rpx;height:124rpx;background:#A190F5;border-radius:8rpx;color:#fff"><view class="data-v-00b99536">20</view><view class="data-v-00b99536">待处理</view></view></view></view><view class="bg-white radius padding margin-top margin-bottom flex data-v-00b99536"><view class="list-title data-v-00b99536"></view><view class="text-bold text-black data-v-00b99536">日常安全检查预警数据列表</view></view><view class="bg-white radius padding list-list data-v-00b99536"><view class="flex justify-between data-v-00b99536"><view class="text-bold text-black data-v-00b99536">#1</view><view class="data-v-00b99536">严重逾期</view></view><view class="flex margin-top data-v-00b99536"><view class="text-gray data-v-00b99536" style="white-space:nowrap">企业名称：</view><view class="data-v-00b99536">湘西和谐云大数据产业发展有限公司</view></view><view class="flex margin-top data-v-00b99536"><view class="text-gray data-v-00b99536">计划名称：</view><view class="data-v-00b99536">检查计划</view></view><view class="flex margin-top data-v-00b99536"><view class="text-gray data-v-00b99536">计划周期：</view><view class="data-v-00b99536">每天一次</view></view><view class="flex margin-top data-v-00b99536"><view class="text-gray data-v-00b99536">预约检查日期：</view><view class="data-v-00b99536">2025-11-20</view></view><view class="flex margin-top data-v-00b99536"><view class="text-gray data-v-00b99536">实际完成时间：</view><view class="data-v-00b99536">未完成</view></view><view class="flex margin-top data-v-00b99536"><view class="text-gray data-v-00b99536">负责人：</view><view class="data-v-00b99536">符友成</view></view><view class="flex margin-top data-v-00b99536"><view class="text-gray data-v-00b99536">逾期天数：</view><view class="data-v-00b99536">17天 </view></view></view></view>

unpackage/dist/dev/mp-weixin/pages/Inspectionwarning/Inspectionwarning.wxss

@@ -0,0 +1,69 @@
+/**
+ * 这里是uni-app内置的常用样式变量
+ *
+ * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
+ * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
+ *
+ */
+/**
+ * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
+ *
+ * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
+ */
+/* uni.scss */
+/* 颜色变量 */
+/* 行为相关颜色 */
+/* 文字基本颜色 */
+/* 背景颜色 */
+/* 边框颜色 */
+/* 尺寸变量 */
+/* 文字尺寸 */
+/* 图片尺寸 */
+/* Border Radius */
+/* 水平间距 */
+/* 垂直间距 */
+/* 透明度 */
+/* 文章场景相关 */
+.page.data-v-00b99536 {
+  min-height: 100vh;
+  background: #EBF2FC;
+}
+.tab-scroll.data-v-00b99536 {
+  white-space: nowrap;
+}
+.tab-list.data-v-00b99536 {
+  display: inline-flex;
+  gap: 20rpx;
+}
+.tab-item.data-v-00b99536 {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: 16rpx 28rpx;
+  border-radius: 8rpx;
+  font-size: 28rpx;
+  background: #fff;
+  border: 1rpx solid #ddd;
+  color: #333;
+  flex-shrink: 0;
+}
+.tab-item.tab-active.data-v-00b99536 {
+  background: #2979ff;
+  border-color: #2979ff;
+  color: #fff;
+}
+.list-title.data-v-00b99536 {
+  width: 10rpx;
+  height: 32rpx;
+  background: #2667E9;
+  border-radius: 10rpx;
+  line-height: 32rpx;
+  margin-right: 10rpx;
+}
+.list-list.data-v-00b99536 {
+  background: #FFFFFF;
+  box-shadow: 0rpx 2rpx 6rpx 2rpx rgba(0, 0, 0, 0.08);
+  border-left: 5px solid #2667E9;
+  border-radius: 20rpx;
+  padding: 20rpx;
+}