feat: code saved

feat: 修改安全环保检查样式统一
2024-08-29 08:35:22 +08:00 · 2024-08-28 18:12:34 +08:00
9 changed files with 827 additions and 514 deletions
--- a/components/keyWordSearchInput/index.vue
+++ b/components/keyWordSearchInput/index.vue
@ -1,15 +1,9 @@
 <template>
 	<u-sticky bgColor="#ffffff">
-		<view class="card">
-			<u-search
-				v-model="localInputSearchValue"
-				:showAction="true"
-				actionText="搜索"
-				:animation="false"
-				@search="selfHandlerSearch"
-				@custom="selfHandlerSearch"
-				@clear="selfHandlerClear"
-			/>
+		<view class="card top-flex-box">
+			<u--text v-if="isHasFilter" suffixIcon="arrow-down" text="筛选" @click="selfHandleShowPicker" style="flex: 0.2" />
+			<u-search v-model="localInputSearchValue" :showAction="true" actionText="搜索" :animation="false"
+				@search="selfHandlerSearch" @custom="selfHandlerSearch" @clear="selfHandlerClear" />
 		</view>
 		<app-line />
 	</u-sticky>
@ -22,6 +16,11 @@ export default {
 			type: String,
 			required: true,
 		},
+		/** 是否需要启用前置筛选能力 */
+		isHasFilter: {
+			type: Boolean,
+			required: false
+		}
 	},
 	data() {
 		return {
@ -29,19 +28,27 @@ export default {
 			localInputSearchValue: this.inputSearchValue,
 		};
 	},
-  watch: {
-    // 监听父组件传递的 prop 变化
-    inputSearchValue(newVal) {
-      this.localInputSearchValue = newVal;
-    },
-  },
+	watch: {
+		// 监听父组件传递的 prop 变化
+		inputSearchValue(newVal) {
+			this.localInputSearchValue = newVal;
+		},
+	},
 	methods: {
 		selfHandlerSearch() {
 			this.$emit("search", this.localInputSearchValue);
 		},
-    selfHandlerClear() {
-      this.localInputSearchValue = "";
-    }
+		selfHandlerClear() {
+			this.localInputSearchValue = "";
+		},
+		/** 组件自身的筛选器处理事件 */
+		selfHandleShowPicker() {
+			if (!this.isHasFilter) {
+				console.log("%c%s", "background: orange; color: black", "请添加 is-has-filter 属性使其生效")
+				return;
+			}
+			this.$emit("showPicker");
+		}
 	},
 };
 </script>
@ -50,4 +57,8 @@ export default {
 .key-word-search-input-box {
 	margin: 20rpx;
 }
+
+.top-flex-box {
+	display: flex;
+}
 </style>
--- a/components/list/list.vue
+++ b/components/list/list.vue
@ -1,7 +1,7 @@
 <template>
 	<view v-if="list.length > 0">
 		<view class="list">
-			<u-list @scrolltolower="selfScrollToLower">
+			<u-list @scrolltolower="selfScrollToLower" :height="height" style="box-sizing: border-box;">
 				<u-list-item v-for="(item, index) in list" :key="index" style="border-bottom: none; padding: 0rpx;">
 					<view class="item">
 						<slot :item="item" :index="index" />
@ -20,6 +20,11 @@ export default {
 			type: Array,
 			required: true,
 		},
+		height: {
+			type: String,
+			requierd: false,
+			default: '100%'
+		}
 	},

 	data() {
--- a/hiddenManageSubPackages/pages/hidden_confirm/index.vue
+++ b/hiddenManageSubPackages/pages/hidden_confirm/index.vue
@ -48,20 +48,18 @@
 								type="primary"
 								size="mini"
 								shape="circle"
+								text="确认"
 								@click="handleClickConfirm(item)"
-							>
-								确认
-							</u-button>
+							/>
 						</view>
 						<view class="ml-10">
 							<u-button
 								type="primary"
 								size="mini"
 								shape="circle"
+								text="查看"
 								@click="handleClickView(item)"
-							>
-								查看
-							</u-button>
+							/>
 						</view>
 					</view>
 				</view>
@ -84,17 +82,25 @@ export default {

 	data() {
 		return {
-			store: this.$store, // 全局store
+			/** 全局store */
+			store: this.$store,
 			searchForm: {
 				HIDDENDESCR: "",
 			},
-			isRequestEnd: false, // 请求是否已结束
+			/** 请求是否已结束 */
+			isRequestEnd: false,
+			/** 分页配置 */
 			pagination: {
+				/** 展示总数 */
 				showCount: 10,
+				/** 当前页 */
 				currentPage: 1,
+				/** 状态确认 */
 				stateConfirm: "0",
+				/** 总页数 */
 				total: 0,
 			},
+			/** 列表数据存储 */
 			list: [],
 		};
 	},
@ -118,6 +124,10 @@ export default {
 		userInfo() {
 			return this.$store.getters.getUserInfo;
 		},
+		/** 动态计算 list 列表的高度 */
+		calcListHeight() {
+			return this.totalHeight;
+		},
 	},

 	methods: {
@ -169,22 +179,16 @@ export default {
 		},
 		/** 处理点击确认按钮事件 */
 		handleClickConfirm(ext) {
-			uni.$u.route(
-				"/hiddenManageSubPackages/pages/hidden_confirm/confirm",
-				{
-					HIDDEN_ID: ext.HIDDEN_ID,
-				}
-			);
+			uni.$u.route("/hiddenManageSubPackages/pages/hidden_confirm/confirm", {
+				HIDDEN_ID: ext.HIDDEN_ID,
+			});
 		},
 		/** 处理点击查看按钮事件 */
 		handleClickView(ext) {
-			uni.$u.route(
-				"/hiddenManageSubPackages/pages/hidden_confirm/view",
-				{
-					HIDDEN_ID: ext.HIDDEN_ID,
-				}
-			)
-		}
+			uni.$u.route("/hiddenManageSubPackages/pages/hidden_confirm/view", {
+				HIDDEN_ID: ext.HIDDEN_ID,
+			});
+		},
 	},
 };
 </script>
--- a/pages/safety_environmental_inspection/index.vue
+++ b/pages/safety_environmental_inspection/index.vue
@ -78,7 +78,6 @@ export default {
          this.baseList[baseListKey].NUM = resData.repulseAndCheckCount.repulseAndCheckCount ? resData.repulseAndCheckCount.repulseAndCheckCount : 0
        }
      }
-
    },
  },
 }
--- a/safetyEnvirSubPackages/pages/defense-record/list.vue
+++ b/safetyEnvirSubPackages/pages/defense-record/list.vue
@ -1,108 +1,156 @@
 <template>
-  <view class="content">
-    <view class="search card">
-      <u--input class="ml-10" prefixIcon="search" placeholder="请输入关键字" border="surround" v-model="keyword" clearable
-        shape="circle"></u--input>
-      <u-button class="bth-mini ml-10" type="success" text="确定" @click="resetList"></u-button>
-    </view>
-    <u-list @scrolltolower="scrolltolower" v-if="list.length > 0">
-      <u-list-item v-for="(item, index) in list" :key="index">
-        <view>
-          <view class="flex-between main-title">
-            <text>被检查单位：{{ item.INSPECTED_CORPINFO_ID_NAME }}</text>
-          </view>
-          <view class="flex-between mt-10 subtitle">
-            <text>检查发起人：{{ item.INSPECTION_ORIGINATOR_NAME }}</text>
-            <text>检查类型：{{ item.INSPECTION_TYPE_NAME }}</text>
-          </view>
-          <view class="flex-between mt-10 subtitle">
-            <text>检查时间：自 {{ item.INSPECTION_TIME_START }} 至 {{ item.INSPECTION_TIME_END }} 止</text>
-          </view>
-          <view class="flex-between mt-10 subtitle">
-            <text>
-              状态：
-              <template v-if="item.INSPECTION_STATUS == '0'">待检查人核实</template>
-              <template v-else-if="item.INSPECTION_STATUS == '1'">检查人核实中</template>
-              <template v-else-if="item.INSPECTION_STATUS == '2'">待被检查人确认</template>
-              <template v-else-if="item.INSPECTION_STATUS == '3'">待指派</template>
-              <template v-else-if="item.INSPECTION_STATUS == '4'">指派中</template>
-              <template v-else-if="item.INSPECTION_STATUS == '5'">指派完成</template>
-              <template v-else-if="item.INSPECTION_STATUS == '6'">检查待验收</template>
-              <template v-else-if="item.INSPECTION_STATUS == '7'">检查已验收</template>
-              <template v-else-if="item.INSPECTION_STATUS == '8'">已归档</template>
-              <template v-else-if="item.INSPECTION_STATUS == '-1'">检查人核实打回</template>
-              <template v-else-if="item.INSPECTION_STATUS == '-2'">被检查人申辩</template>
-            </text>
-            <u-button type="primary" text="申辩记录" size="mini" class="bth-mini ml-10"
-              @click="fnNavigatorPlead(item.INSPECTION_ID)"></u-button>
-          </view>
-        </view>
-      </u-list-item>
-    </u-list>
-    <empty v-else></empty>
-  </view>
+	<view>
+		<!-- 吸顶搜索框 start -->
+		<key-word-search-input
+			:inputSearchValue="searchForm.HIDDENDESCR"
+			@search="resetList"
+			@showPicker="showPicker"
+		/>
+		<!-- 吸顶搜索框 end -->
+
+		<!-- 列表渲染 start -->
+		<list :list="list" @scroll-to-lower="scrollToLower">
+			<template #default="{ item }">
+				<view class="flex-between main-title">
+					<text>被检查单位：{{ item.INSPECTED_CORPINFO_ID_NAME }}</text>
+				</view>
+				<view class="flex-between mt-10 subtitle">
+					<text>检查发起人：{{ item.INSPECTION_ORIGINATOR_NAME }}</text>
+					<text>检查类型：{{ item.INSPECTION_TYPE_NAME }}</text>
+				</view>
+				<view class="flex-between mt-10 subtitle">
+					<text
+						>检查时间：自 {{ item.INSPECTION_TIME_START }} 至
+						{{ item.INSPECTION_TIME_END }} 止</text
+					>
+				</view>
+				<view class="flex-between mt-10 subtitle">
+					<text>
+						状态：
+						<template v-if="item.INSPECTION_STATUS == '0'"
+							>待检查人核实</template
+						>
+						<template v-else-if="item.INSPECTION_STATUS == '1'"
+							>检查人核实中</template
+						>
+						<template v-else-if="item.INSPECTION_STATUS == '2'"
+							>待被检查人确认</template
+						>
+						<template v-else-if="item.INSPECTION_STATUS == '3'"
+							>待指派</template
+						>
+						<template v-else-if="item.INSPECTION_STATUS == '4'"
+							>指派中</template
+						>
+						<template v-else-if="item.INSPECTION_STATUS == '5'"
+							>指派完成</template
+						>
+						<template v-else-if="item.INSPECTION_STATUS == '6'"
+							>检查待验收</template
+						>
+						<template v-else-if="item.INSPECTION_STATUS == '7'"
+							>检查已验收</template
+						>
+						<template v-else-if="item.INSPECTION_STATUS == '8'"
+							>已归档</template
+						>
+						<template v-else-if="item.INSPECTION_STATUS == '-1'"
+							>检查人核实打回</template
+						>
+						<template v-else-if="item.INSPECTION_STATUS == '-2'"
+							>被检查人申辩</template
+						>
+					</text>
+				</view>
+
+				<view class="flex-end">
+					<u-button
+						type="primary"
+						text="申辩记录"
+						size="mini"
+						shape="circle"
+						@click="fnNavigatorPlead(item.INSPECTION_ID)"
+					/>
+				</view>
+			</template>
+		</list>
+    <!-- 列表渲染 end -->
+	</view>
 </template>

 <script>
 import { getpleadList, getSafetyenvironmentalList } from "../../api";
-import { initiateList } from '../../../Mock/safetyEnvirData';
+import keyWordSearchInput from "@/components/keyWordSearchInput/index.vue";
+import List from "@/components/list/list.vue";
+import { initiateList } from "../../../Mock/safetyEnvirData";

 export default {
-  data() {
-    return {
-      keyword: '',
-      pageSize: 10,
-      currentPage: 1,
-      totalPage: 0,
-      list: [],
-    }
-  },
-  computed: {
-    userInfo() {
-      return this.$store.getters.getUserInfo
-    }
-  },
-  onShow() {
-    this.resetList()
-  },
-  methods: {
-    async getData() {
-      // TODO: 目前因后端资源接口未完成,故注释接口数据接入逻辑
-      // let resData = await getpleadList({
-      //   loginUserId: this.userInfo.USER_ID,
-      //   supDeparIds: this.userInfo.supDeparIds,
-      //   roleLevel: this.userInfo.roleLevel,
-      //   CORPINFO_ID: this.userInfo.CORPINFO_ID,
-      //   KEYWORDS: this.keyword,
-      //   showCount: this.pageSize,
-      //   currentPage: this.currentPage,
-      // });
-      // this.list = [...this.list, ...resData.varList];
-      // this.totalPage = resData.page.totalPage;
+	components: { keyWordSearchInput, List },

-      this.list = initiateList;
-      this.totalPage = initiateList.length;
-    },
-    resetList() {
-      this.pageSize = 10
-      this.currentPage = 1
-      this.list = []
-      this.getData()
-    },
-    fnNavigatorPlead(INSPECTION_ID) {
-      uni.$u.route({
-        url: '/safetyEnvirSubPackages/pages/defense-record/plead-list',
-        params: {
-          INSPECTION_ID,
-        }
-      })
-    },
-    scrolltolower() {
-      this.currentPage++;
-      if (this.totalPage >= this.currentPage) this.getData();
-    },
-  }
-}
+	data() {
+		return {
+			searchForm: {
+				HIDDENDESCR: "",
+			},
+			pageSize: 10,
+			currentPage: 1,
+			totalPage: 0,
+			list: [],
+		};
+	},
+	computed: {
+		userInfo() {
+			return this.$store.getters.getUserInfo;
+		},
+	},
+	onShow() {
+		this.resetList();
+	},
+	methods: {
+		async getData() {
+			uni.showLoading({
+				title: "加载中",
+			});
+			// TODO: 目前因后端资源接口未完成,故注释接口数据接入逻辑
+			// let resData = await getpleadList({
+			//   loginUserId: this.userInfo.USER_ID,
+			//   supDeparIds: this.userInfo.supDeparIds,
+			//   roleLevel: this.userInfo.roleLevel,
+			//   CORPINFO_ID: this.userInfo.CORPINFO_ID,
+			//   KEYWORDS: this.keyword,
+			//   showCount: this.pageSize,
+			//   currentPage: this.currentPage,
+			// });
+			// this.list = [...this.list, ...resData.varList];
+			// this.totalPage = resData.page.totalPage;
+
+			// 虚拟 mock 数据渲染
+			setTimeout(() => {
+				this.list = initiateList;
+				this.totalPage = initiateList.length;
+				uni.hideLoading();
+			}, 400);
+		},
+		resetList() {
+			this.pageSize = 10;
+			this.currentPage = 1;
+			this.list = [];
+			this.getData();
+		},
+		fnNavigatorPlead(INSPECTION_ID) {
+			uni.$u.route({
+				url: "/safetyEnvirSubPackages/pages/defense-record/plead-list",
+				params: {
+					INSPECTION_ID,
+				},
+			});
+		},
+		scrolltolower() {
+			this.currentPage++;
+			if (this.totalPage >= this.currentPage) this.getData();
+		},
+	},
+};
 </script>

 <style scoped></style>
--- a/safetyEnvirSubPackages/pages/initiate/list.vue
+++ b/safetyEnvirSubPackages/pages/initiate/list.vue
@ -1,165 +1,252 @@
 <template>
-  <view class="content">
-    <view class="search card">
-      <u--text suffixIcon="arrow-down" text="筛选" @click="showPicker"></u--text>
-      <u--input class="ml-10" prefixIcon="search" placeholder="请输入关键字" border="surround" v-model="keyword" clearable
-        shape="circle"></u--input>
-      <u-button class="bth-mini ml-10" type="success" text="确定" @click="resetList"></u-button>
-    </view>
-    <u-picker :show="show" :columns="columns" keyName="name" @cancel="show = false" @confirm="confirmPicker"></u-picker>
-    <u-list @scrolltolower="scrolltolower" v-if="list.length > 0">
-      <u-list-item v-for="(item, index) in list" :key="index">
-        <view>
-          <view class="flex-between main-title">
-            <text>被检查单位：{{ item.INSPECTED_CORPINFO_ID_NAME }}</text>
-          </view>
-          <view class="flex-between mt-10 subtitle">
-            <text>检查发起人：{{ item.INSPECTION_ORIGINATOR_NAME }}</text>
-            <text>检查类型：{{ item.INSPECTION_TYPE_NAME }}</text>
-          </view>
-          <view class="flex-between mt-10 subtitle">
-            <text>检查时间：自 {{ item.INSPECTION_TIME_START }} 至 {{ item.INSPECTION_TIME_END }} 止</text>
-          </view>
-          <view class="flex-between mt-10 subtitle">
-            <text>
-              状态：
-              <template v-if="item.INSPECTION_STATUS == '0'">待检查人核实</template>
-              <template v-else-if="item.INSPECTION_STATUS == '1'">检查人核实中</template>
-              <template v-else-if="item.INSPECTION_STATUS == '2'">待被检查人确认</template>
-              <template v-else-if="item.INSPECTION_STATUS == '3'">待指派</template>
-              <template v-else-if="item.INSPECTION_STATUS == '4'">指派中</template>
-              <template v-else-if="item.INSPECTION_STATUS == '5'">指派完成</template>
-              <template v-else-if="item.INSPECTION_STATUS == '6'">检查待验收</template>
-              <template v-else-if="item.INSPECTION_STATUS == '7'">检查已验收</template>
-              <template v-else-if="item.INSPECTION_STATUS == '8'">已归档</template>
-              <template v-else-if="item.INSPECTION_STATUS == '-1'">检查人核实打回</template>
-              <template v-else-if="item.INSPECTION_STATUS == '-2'">被检查人申辩</template>
-            </text>
-          </view>
-          <view class="flex-end mt-10">
-            <u-button type="primary" text="查看" size="mini" class="bth-mini"
-              @click="fnNavigatorDetail(item.INSPECTION_ID, 'view')"></u-button>
-            <u-button type="primary" text="流程图" size="mini" class="bth-mini ml-10"
-              @click="showFlowChart(item.INSPECTION_ID)"></u-button>
-            <u-button type="primary" text="编辑" size="mini" class="bth-mini ml-10"
-              v-show="item.INSPECTION_STATUS === '-1'" @click="fnNavigatorDetail(item.INSPECTION_ID, 'edit')"></u-button>
-            <u-button type="primary" text="申辩处理" size="mini" class="bth-mini ml-10"
-              v-show="item.INSPECTION_STATUS === '-2'" @click="fnNavigatorPlead(item.INSPECTION_ID)"></u-button>
-          </view>
-        </view>
-      </u-list-item>
-    </u-list>
-    <empty v-else></empty>
-  </view>
+	<view>
+		<!-- 吸顶搜索框 start -->
+		<key-word-search-input
+			:inputSearchValue="searchForm.HIDDENDESCR"
+			@search="resetList"
+			is-has-filter
+			@showPicker="showPicker"
+		/>
+		<!-- 吸顶搜索框 end -->
+
+		<!-- 筛选器 start -->
+		<u-picker
+			:show="show"
+			:columns="columns"
+			keyName="name"
+			@cancel="show = false"
+			@confirm="confirmPicker"
+		/>
+		<!-- 筛选器 end -->
+
+		<!-- 列表渲染 start -->
+		<list :list="list" @scroll-to-lower="scrollToLower">
+			<template #default="{ item }">
+				<view class="flex-between main-title">
+					<text>被检查单位：{{ item.INSPECTED_CORPINFO_ID_NAME }}</text>
+				</view>
+				<view class="flex-between mt-10 subtitle">
+					<text>检查发起人：{{ item.INSPECTION_ORIGINATOR_NAME }}</text>
+					<text>检查类型：{{ item.INSPECTION_TYPE_NAME }}</text>
+				</view>
+				<view class="flex-between mt-10 subtitle">
+					<text
+						>检查时间：自 {{ item.INSPECTION_TIME_START }} 至
+						{{ item.INSPECTION_TIME_END }} 止</text
+					>
+				</view>
+				<view class="flex-between mt-10 subtitle">
+					<text>
+						状态：
+						<template v-if="item.INSPECTION_STATUS == '0'"
+							>待检查人核实</template
+						>
+						<template v-else-if="item.INSPECTION_STATUS == '1'"
+							>检查人核实中</template
+						>
+						<template v-else-if="item.INSPECTION_STATUS == '2'"
+							>待被检查人确认</template
+						>
+						<template v-else-if="item.INSPECTION_STATUS == '3'"
+							>待指派</template
+						>
+						<template v-else-if="item.INSPECTION_STATUS == '4'"
+							>指派中</template
+						>
+						<template v-else-if="item.INSPECTION_STATUS == '5'"
+							>指派完成</template
+						>
+						<template v-else-if="item.INSPECTION_STATUS == '6'"
+							>检查待验收</template
+						>
+						<template v-else-if="item.INSPECTION_STATUS == '7'"
+							>检查已验收</template
+						>
+						<template v-else-if="item.INSPECTION_STATUS == '8'"
+							>已归档</template
+						>
+						<template v-else-if="item.INSPECTION_STATUS == '-1'"
+							>检查人核实打回</template
+						>
+						<template v-else-if="item.INSPECTION_STATUS == '-2'"
+							>被检查人申辩</template
+						>
+					</text>
+				</view>
+				<view class="flex-end">
+					<view>
+						<u-button
+							type="primary"
+							text="查看"
+							size="mini"
+							shape="circle"
+							@click="fnNavigatorDetail(item.INSPECTION_ID, 'view')"
+						/>
+					</view>
+					<view class="ml-10">
+						<u-button
+							type="primary"
+							text="流程图"
+							size="mini"
+							shape="circle"
+							@click="showFlowChart(item.INSPECTION_ID)"
+						/>
+					</view>
+					<view class="ml-10" v-if="item.INSPECTION_STATUS === '-1'">
+						<u-button
+							type="primary"
+							text="编辑"
+							size="mini"
+							shape="circle"
+							@click="fnNavigatorDetail(item.INSPECTION_ID, 'edit')"
+						/>
+					</view>
+					<view class="ml-10" v-if="item.INSPECTION_STATUS === '-2'">
+						<u-button
+							type="primary"
+							text="申辩处理"
+							size="mini"
+							shape="circle"
+							@click="fnNavigatorPlead(item.INSPECTION_ID)"
+						/>
+					</view>
+				</view>
+			</template>
+		</list>
+		<!-- 列表渲染 end -->
+	</view>
 </template>

 <script>
 import { getSafetyenvironmentalList } from "../../api";
-import { initiateList } from '../../../Mock/safetyEnvirData';
+import keyWordSearchInput from "@/components/keyWordSearchInput/index.vue";
+import List from "@/components/list/list.vue";
+import { initiateList } from "../../../Mock/safetyEnvirData";

 export default {
-  data() {
-    return {
-      show: false,
-      columns: [
-        [
-          { id: '', name: '请选择' },
-          { id: '0', name: '待检查人核实' },
-          { id: '1', name: '检查人核实中' },
-          { id: '2', name: '待被检查人确认' },
-          { id: '3', name: '已归档' },
-          { id: '4', name: '指派中' },
-          { id: '5', name: '指派完成' },
-          { id: '6', name: '待验收' },
-          { id: '7', name: '已验收' },
-          { id: '-1', name: '检查人核实打回' },
-          { id: '-2', name: '被检查人申辩' }
-        ]
-      ],
-      keyword: '',
-      INSPECTION_STATUS: '',
-      pageSize: 10,
-      currentPage: 1,
-      totalPage: 0,
-      list: [],
-    }
-  },
-  onNavigationBarButtonTap(e) {
-    if (e.index === 0) {
-      this.fnNavigatorDetail('', 'add');
-    }
-  },
-  computed: {
-    userInfo() {
-      return this.$store.getters.getUserInfo
-    }
-  },
-  onShow() {
-    this.resetList()
-  },
-  methods: {
-    async getData() {
-      // TODO: 目前因后端资源接口未完成,故注释接口数据接入逻辑
-      // let resData = await getSafetyenvironmentalList({
-      //   loginUserId: this.userInfo.USER_ID,
-      //   supDeparIds: this.userInfo.supDeparIds,
-      //   roleLevel: this.userInfo.roleLevel,
-      //   KEYWORDS: this.keyword,
-      //   INSPECTION_STATUS: this.INSPECTION_STATUS,
-      //   showCount: this.pageSize,
-      //   currentPage: this.currentPage,
-      // });
-      // this.list = [...this.list, ...resData.varList];
-      // this.totalPage = resData.page.totalPage;
+	components: { keyWordSearchInput, List },

-      this.list = initiateList;
-      this.totalPage = initiateList.length;
-    },
-    resetList() {
-      this.pageSize = 10
-      this.currentPage = 1
-      this.list = []
-      this.getData()
-    },
-    showPicker() {
-      this.show = true;
-    },
-    confirmPicker(e) {
-      this.INSPECTION_STATUS = e.value[0].id
-      this.show = false;
-      this.resetList()
-    },
-    fnNavigatorDetail(INSPECTION_ID, type) {
-      uni.$u.route({
-        url: '/safetyEnvirSubPackages/pages/initiate/detail',
-        params: {
-          INSPECTION_ID,
-          type
-        }
-      })
-    },
-    // 申辩处理按钮事件
-    fnNavigatorPlead(INSPECTION_ID) {
-      uni.$u.route({
-        url: '/safetyEnvirSubPackages/pages/initiate/plead',
-        params: {
-          INSPECTION_ID,
-        }
-      })
-    },
-    // 滚动加载数据
-    scrolltolower() {
-      this.currentPage++;
-      if (this.totalPage >= this.currentPage) this.getData();
-    },
-    // 查看流程图
-    showFlowChart(id) {
-      uni.navigateTo({
-        url: '/safetyEnvirSubPackages/pages/initiate/steps?ID=' + id
-      });
-    },
-  }
-}
+	data() {
+		return {
+			show: false,
+			columns: [
+				[
+					{ id: "", name: "请选择" },
+					{ id: "0", name: "待检查人核实" },
+					{ id: "1", name: "检查人核实中" },
+					{ id: "2", name: "待被检查人确认" },
+					{ id: "3", name: "已归档" },
+					{ id: "4", name: "指派中" },
+					{ id: "5", name: "指派完成" },
+					{ id: "6", name: "待验收" },
+					{ id: "7", name: "已验收" },
+					{ id: "-1", name: "检查人核实打回" },
+					{ id: "-2", name: "被检查人申辩" },
+				],
+			],
+			searchForm: {
+				HIDDENDESCR: "",
+			},
+			INSPECTION_STATUS: "",
+			pageSize: 10,
+			currentPage: 1,
+			totalPage: 0,
+			list: [],
+		};
+	},
+	onNavigationBarButtonTap(e) {
+		if (e.index === 0) {
+			this.fnNavigatorDetail("", "add");
+		}
+	},
+	computed: {
+		userInfo() {
+			return this.$store.getters.getUserInfo;
+		},
+	},
+	onShow() {
+		this.resetList();
+	},
+	methods: {
+		async getData() {
+			uni.showLoading({
+				title: "加载中",
+			});
+			// TODO: 目前因后端资源接口未完成,故注释接口数据接入逻辑
+			// let resData = await getSafetyenvironmentalList({
+			//   loginUserId: this.userInfo.USER_ID,
+			//   supDeparIds: this.userInfo.supDeparIds,
+			//   roleLevel: this.userInfo.roleLevel,
+			//   KEYWORDS: this.keyword,
+			//   INSPECTION_STATUS: this.INSPECTION_STATUS,
+			//   showCount: this.pageSize,
+			//   currentPage: this.currentPage,
+			// });
+			// this.list = [...this.list, ...resData.varList];
+			// this.totalPage = resData.page.totalPage;
+
+			// 虚拟 mock 数据渲染
+			setTimeout(() => {
+				this.list = initiateList;
+				this.totalPage = initiateList.length;
+				uni.hideLoading();
+			}, 400);
+		},
+		resetList() {
+			this.pageSize = 10;
+			this.currentPage = 1;
+			this.list = [];
+			this.getData();
+		},
+		showPicker() {
+			this.show = true;
+		},
+		confirmPicker(e) {
+			this.INSPECTION_STATUS = e.value[0].id;
+			this.show = false;
+			this.resetList();
+		},
+		fnNavigatorDetail(INSPECTION_ID, type) {
+			uni.$u.route({
+				url: "/safetyEnvirSubPackages/pages/initiate/detail",
+				params: {
+					INSPECTION_ID,
+					type,
+				},
+			});
+		},
+		/**
+		 * 申辩处理按钮事件
+		 */
+		fnNavigatorPlead(INSPECTION_ID) {
+			uni.$u.route({
+				url: "/safetyEnvirSubPackages/pages/initiate/plead",
+				params: {
+					INSPECTION_ID,
+				},
+			});
+		},
+		/**
+		 * 滚动加载数据
+		 */
+		scrolltolower() {
+			this.currentPage++;
+			if (this.totalPage >= this.currentPage) this.getData();
+		},
+		/**
+		 * 查看流程图
+		 */
+		showFlowChart(id) {
+			uni.navigateTo({
+				url: "/safetyEnvirSubPackages/pages/initiate/steps?ID=" + id,
+			});
+		},
+	},
+};
 </script>

-<style scoped lang="scss"></style>
+<style scoped lang="scss">
+.self-time {
+	font-size: 14px;
+}
+</style>
--- a/safetyEnvirSubPackages/pages/inspector-archives/list.vue
+++ b/safetyEnvirSubPackages/pages/inspector-archives/list.vue
@ -1,121 +1,184 @@
 <template>
-  <view class="content">
-    <view class="search card">
-      <u--input prefixIcon="search" placeholder="请输入关键字" border="surround" v-model="keyword" clearable
-        shape="circle"></u--input>
-      <u-button class="bth-mini ml-10" type="success" text="确定" @click="resetList"></u-button>
-    </view>
-    <u-list @scrolltolower="scrolltolower" v-if="list.length > 0">
-      <u-list-item v-for="(item, index) in list" :key="index">
-        <view>
-          <view class="flex-between main-title">
-            <text>被检查单位：{{ item.INSPECTED_CORPINFO_ID_NAME }}</text>
-          </view>
-          <view class="flex-between mt-10 subtitle">
-            <text>检查发起人：{{ item.INSPECTION_ORIGINATOR_NAME }}</text>
-            <text>检查类型：{{ item.INSPECTION_TYPE_NAME }}</text>
-          </view>
-          <view class="flex-between mt-10 subtitle">
-            <text>检查时间：自 {{ item.INSPECTION_TIME_START }} 至 {{ item.INSPECTION_TIME_END }} 止</text>
-          </view>
-          <view class="flex-between mt-10 subtitle">
-            <text>
-              状态：
-              <template v-if="item.INSPECTION_STATUS == '0'">待检查人核实</template>
-              <template v-else-if="item.INSPECTION_STATUS == '1'">检查人核实中</template>
-              <template v-else-if="item.INSPECTION_STATUS == '2'">待被检查人确认</template>
-              <template v-else-if="item.INSPECTION_STATUS == '3'">待指派</template>
-              <template v-else-if="item.INSPECTION_STATUS == '4'">指派中</template>
-              <template v-else-if="item.INSPECTION_STATUS == '5'">指派完成</template>
-              <template v-else-if="item.INSPECTION_STATUS == '6'">检查待验收</template>
-              <template v-else-if="item.INSPECTION_STATUS == '7'">检查已验收</template>
-              <template v-else-if="item.INSPECTION_STATUS == '8'">已归档</template>
-              <template v-else-if="item.INSPECTION_STATUS == '-1'">检查人核实打回</template>
-              <template v-else-if="item.INSPECTION_STATUS == '-2'">被检查人申辩</template>
-            </text>
-          </view>
-          <view class="flex-end mt-10">
-            <u-button type="primary" text="查看" size="mini" class="bth-mini"
-              @click="fnNavigatorDetail(item.INSPECTION_ID)"></u-button>
-            <u-button
-              v-show="(item.INSPECTION_STATUS === '6' || item.INSPECTION_STATUS === '5' || item.INSPECTION_STATUS === '7') && item.checkout === 1"
-              type="primary" text="验收" size="mini" class="bth-mini ml-10"
-              @click="fnNavigatorAcceptance(item.INSPECTION_ID)"></u-button>
-          </view>
-        </view>
-      </u-list-item>
-    </u-list>
-    <empty v-else></empty>
-  </view>
+	<view>
+		<!-- 吸顶搜索框 start -->
+		<key-word-search-input
+			:inputSearchValue="searchForm.HIDDENDESCR"
+			@search="resetList"
+			@showPicker="showPicker"
+		/>
+		<!-- 吸顶搜索框 end -->
+
+		<!-- 列表渲染 start -->
+		<list :list="list" @scroll-to-lower="scrollToLower">
+			<template #default="{ item }">
+				<view class="flex-between main-title">
+					<text>被检查单位：{{ item.INSPECTED_CORPINFO_ID_NAME }}</text>
+				</view>
+				<view class="flex-between mt-10 subtitle">
+					<text>检查发起人：{{ item.INSPECTION_ORIGINATOR_NAME }}</text>
+					<text>检查类型：{{ item.INSPECTION_TYPE_NAME }}</text>
+				</view>
+				<view class="flex-between mt-10 subtitle">
+					<text
+						>检查时间：自 {{ item.INSPECTION_TIME_START }} 至
+						{{ item.INSPECTION_TIME_END }} 止</text
+					>
+				</view>
+				<view class="flex-between mt-10 subtitle">
+					<text>
+						状态：
+						<template v-if="item.INSPECTION_STATUS == '0'"
+							>待检查人核实</template
+						>
+						<template v-else-if="item.INSPECTION_STATUS == '1'"
+							>检查人核实中</template
+						>
+						<template v-else-if="item.INSPECTION_STATUS == '2'"
+							>待被检查人确认</template
+						>
+						<template v-else-if="item.INSPECTION_STATUS == '3'"
+							>待指派</template
+						>
+						<template v-else-if="item.INSPECTION_STATUS == '4'"
+							>指派中</template
+						>
+						<template v-else-if="item.INSPECTION_STATUS == '5'"
+							>指派完成</template
+						>
+						<template v-else-if="item.INSPECTION_STATUS == '6'"
+							>检查待验收</template
+						>
+						<template v-else-if="item.INSPECTION_STATUS == '7'"
+							>检查已验收</template
+						>
+						<template v-else-if="item.INSPECTION_STATUS == '8'"
+							>已归档</template
+						>
+						<template v-else-if="item.INSPECTION_STATUS == '-1'"
+							>检查人核实打回</template
+						>
+						<template v-else-if="item.INSPECTION_STATUS == '-2'"
+							>被检查人申辩</template
+						>
+					</text>
+				</view>
+
+				<view class="flex-end">
+					<view>
+						<u-button
+							type="primary"
+							text="查看"
+							size="mini"
+							shape="circle"
+							@click="fnNavigatorDetail(item.INSPECTION_ID)"
+						/>
+					</view>
+					<view
+						class="ml-10"
+						v-if="
+							(item.INSPECTION_STATUS === '6' ||
+								item.INSPECTION_STATUS === '5' ||
+								item.INSPECTION_STATUS === '7') &&
+							item.checkout === 1
+						"
+					>
+						<u-button
+							type="primary"
+							text="验收"
+							size="mini"
+							shape="circle"
+							@click="fnNavigatorAcceptance(item.INSPECTION_ID)"
+						></u-button>
+					</view>
+				</view>
+			</template>
+		</list>
+	</view>
 </template>

 <script>
-import { getSafetyenvironmentalCheckList, getSafetyenvironmentalList } from "../../api";
-import { initiateList } from '../../../Mock/safetyEnvirData';
+import {
+	getSafetyenvironmentalCheckList,
+	getSafetyenvironmentalList,
+} from "../../api";
+import keyWordSearchInput from "@/components/keyWordSearchInput/index.vue";
+import List from "@/components/list/list.vue";
+import { initiateList } from "../../../Mock/safetyEnvirData";

 export default {
-  data() {
-    return {
-      keyword: '',
-      pageSize: 10,
-      currentPage: 1,
-      totalPage: 0,
-      list: [],
-    }
-  },
-  computed: {
-    userInfo() {
-      return this.$store.getters.getUserInfo
-    }
-  },
-  onShow() {
-    this.resetList()
-  },
-  methods: {
-    async getData() {
-      // TODO: 目前因后端资源接口未完成,故注释接口数据接入逻辑
-      // let resData = await getSafetyenvironmentalCheckList({
-      //   INSPECTION_ORIGINATOR_ID: this.userInfo.USER_ID,
-      //   KEYWORDS: this.keyword,
-      //   INSPECTION_STATUS: '3-7',
-      //   showCount: this.pageSize,
-      //   currentPage: this.currentPage,
-      //   ARCHIVE_USER_ID: this.userInfo.USER_ID
-      // });
-      // this.list = [...this.list, ...resData.varList];
-      // this.totalPage = resData.page.totalPage;
+	components: { keyWordSearchInput, List },

-      this.list = initiateList;
-      this.totalPage = initiateList.length;
-    },
-    resetList() {
-      this.pageSize = 10
-      this.currentPage = 1
-      this.list = []
-      this.getData()
-    },
-    fnNavigatorDetail(INSPECTION_ID) {
-      uni.$u.route({
-        url: '/safetyEnvirSubPackages/pages/inspector-archives/detail',
-        params: {
-          INSPECTION_ID,
-        }
-      })
-    },
-    fnNavigatorAcceptance(INSPECTION_ID) {
-      uni.$u.route({
-        url: '/safetyEnvirSubPackages/pages/inspector-archives/acceptance-list',
-        params: {
-          INSPECTION_ID,
-        }
-      })
-    },
-    scrolltolower() {
-      this.currentPage++;
-      if (this.totalPage >= this.currentPage) this.getData();
-    },
-  }
-}
+	data() {
+		return {
+			searchForm: {
+				HIDDENDESCR: "",
+			},
+			pageSize: 10,
+			currentPage: 1,
+			totalPage: 0,
+			list: [],
+		};
+	},
+	computed: {
+		userInfo() {
+			return this.$store.getters.getUserInfo;
+		},
+	},
+	onShow() {
+		this.resetList();
+	},
+	methods: {
+		async getData() {
+			uni.showLoading({
+				title: "加载中",
+			});
+			// TODO: 目前因后端资源接口未完成,故注释接口数据接入逻辑
+			// let resData = await getSafetyenvironmentalCheckList({
+			//   INSPECTION_ORIGINATOR_ID: this.userInfo.USER_ID,
+			//   KEYWORDS: this.keyword,
+			//   INSPECTION_STATUS: '3-7',
+			//   showCount: this.pageSize,
+			//   currentPage: this.currentPage,
+			//   ARCHIVE_USER_ID: this.userInfo.USER_ID
+			// });
+			// this.list = [...this.list, ...resData.varList];
+			// this.totalPage = resData.page.totalPage;
+
+			// 虚拟 mock 数据渲染
+			setTimeout(() => {
+				this.list = initiateList;
+				this.totalPage = initiateList.length;
+				uni.hideLoading();
+			}, 400);
+		},
+		resetList() {
+			this.pageSize = 10;
+			this.currentPage = 1;
+			this.list = [];
+			this.getData();
+		},
+		fnNavigatorDetail(INSPECTION_ID) {
+			uni.$u.route({
+				url: "/safetyEnvirSubPackages/pages/inspector-archives/detail",
+				params: {
+					INSPECTION_ID,
+				},
+			});
+		},
+		fnNavigatorAcceptance(INSPECTION_ID) {
+			uni.$u.route({
+				url: "/safetyEnvirSubPackages/pages/inspector-archives/acceptance-list",
+				params: {
+					INSPECTION_ID,
+				},
+			});
+		},
+		scrolltolower() {
+			this.currentPage++;
+			if (this.totalPage >= this.currentPage) this.getData();
+		},
+	},
+};
 </script>

 <style scoped lang="scss"></style>
--- a/safetyEnvirSubPackages/pages/inspector-confirms/list.vue
+++ b/safetyEnvirSubPackages/pages/inspector-confirms/list.vue
@ -1,119 +1,215 @@
 <template>
-  <view class="content">
-    <view class="search card">
-      <u--input prefixIcon="search" placeholder="请输入关键字" border="surround" v-model="keyword" clearable
-        shape="circle"></u--input>
-      <u-button class="bth-mini ml-10" type="success" text="确定" @click="resetList"></u-button>
-    </view>
-    <u-list @scrolltolower="scrolltolower" v-if="list.length > 0">
-      <u-list-item v-for="(item, index) in list" :key="index">
-        <view>
-          <view class="flex-between main-title">
-            <text>被检查单位：{{ item.INSPECTED_CORPINFO_ID_NAME }}</text>
-          </view>
-          <view class="flex-between mt-10 subtitle">
-            <text>检查发起人：{{ item.INSPECTION_ORIGINATOR_NAME }}</text>
-            <text>检查类型：{{ item.INSPECTION_TYPE_NAME }}</text>
-          </view>
-          <view class="flex-between mt-10 subtitle">
-            <text>检查时间：自 {{ item.INSPECTION_TIME_START }} 至 {{ item.INSPECTION_TIME_END }} 止</text>
-          </view>
-          <view class="flex-between mt-10 subtitle">
-            <text>
-              状态：
-              <template v-if="item.INSPECTION_STATUS == '0'">待检查人核实</template>
-              <template v-else-if="item.INSPECTION_STATUS == '1'">检查人核实中</template>
-              <template v-else-if="item.INSPECTION_STATUS == '2'">待被检查人确认</template>
-              <template v-else-if="item.INSPECTION_STATUS == '3'">待指派</template>
-              <template v-else-if="item.INSPECTION_STATUS == '4'">指派中</template>
-              <template v-else-if="item.INSPECTION_STATUS == '5'">指派完成</template>
-              <template v-else-if="item.INSPECTION_STATUS == '6'">检查待验收</template>
-              <template v-else-if="item.INSPECTION_STATUS == '7'">检查已验收</template>
-              <template v-else-if="item.INSPECTION_STATUS == '8'">已归档</template>
-              <template v-else-if="item.INSPECTION_STATUS == '-1'">检查人核实打回</template>
-              <template v-else-if="item.INSPECTION_STATUS == '-2'">被检查人申辩</template>
-            </text>
-          </view>
-          <view class="flex-end mt-10">
-            <u-button type="primary" text="查看" size="mini" class="bth-mini"
-              @click="fnNavigatorDetail(item.INSPECTION_ID, item.INSPECTION_USER_ID, item.INSPECTION_INSPECTOR_ID, 'view')"></u-button>
-            <u-button
-              v-if="!validStr(item.INSPECTION_USER_SIGN_TIME) && (item.INSPECTION_STATUS == '0' || item.INSPECTION_STATUS == '1')"
-              type="primary" text="核实" size="mini" class="bth-mini ml-10"
-              @click="fnNavigatorDetail(item.INSPECTION_ID, item.INSPECTION_USER_ID, item.INSPECTION_INSPECTOR_ID, 'verify')"></u-button>
-          </view>
-        </view>
-      </u-list-item>
-    </u-list>
-    <empty v-else></empty>
-  </view>
+	<view>
+		<!-- 吸顶搜索框 start -->
+		<key-word-search-input
+			:inputSearchValue="searchForm.HIDDENDESCR"
+			@search="resetList"
+			@showPicker="showPicker"
+		/>
+		<!-- 吸顶搜索框 end -->
+
+		<!-- 列表渲染 start -->
+		<list :list="list" @scroll-to-lower="scrollToLower">
+			<template #default="{ item }">
+				<view class="flex-between main-title">
+					<text>被检查单位：{{ item.INSPECTED_CORPINFO_ID_NAME }}</text>
+				</view>
+				<view class="flex-between mt-10 subtitle">
+					<text>检查发起人：{{ item.INSPECTION_ORIGINATOR_NAME }}</text>
+					<text>检查类型：{{ item.INSPECTION_TYPE_NAME }}</text>
+				</view>
+				<view class="flex-between mt-10 subtitle">
+					<text
+						>检查时间：自 {{ item.INSPECTION_TIME_START }} 至
+						{{ item.INSPECTION_TIME_END }} 止</text
+					>
+				</view>
+				<view class="flex-between mt-10 subtitle">
+					<text>
+						状态：
+						<template v-if="item.INSPECTION_STATUS == '0'"
+							>待检查人核实</template
+						>
+						<template v-else-if="item.INSPECTION_STATUS == '1'"
+							>检查人核实中</template
+						>
+						<template v-else-if="item.INSPECTION_STATUS == '2'"
+							>待被检查人确认</template
+						>
+						<template v-else-if="item.INSPECTION_STATUS == '3'"
+							>待指派</template
+						>
+						<template v-else-if="item.INSPECTION_STATUS == '4'"
+							>指派中</template
+						>
+						<template v-else-if="item.INSPECTION_STATUS == '5'"
+							>指派完成</template
+						>
+						<template v-else-if="item.INSPECTION_STATUS == '6'"
+							>检查待验收</template
+						>
+						<template v-else-if="item.INSPECTION_STATUS == '7'"
+							>检查已验收</template
+						>
+						<template v-else-if="item.INSPECTION_STATUS == '8'"
+							>已归档</template
+						>
+						<template v-else-if="item.INSPECTION_STATUS == '-1'"
+							>检查人核实打回</template
+						>
+						<template v-else-if="item.INSPECTION_STATUS == '-2'"
+							>被检查人申辩</template
+						>
+					</text>
+				</view>
+
+				<view class="flex-end">
+					<u-button
+						type="primary"
+						text="查看"
+						size="mini"
+						shape="circle"
+						@click="
+							fnNavigatorDetail(
+								item.INSPECTION_ID,
+								item.INSPECTION_USER_ID,
+								item.INSPECTION_INSPECTOR_ID,
+								'view'
+							)
+						"
+					/>
+					<view class="ml-10">
+						<u-button
+							type="primary"
+							text="流程图"
+							size="mini"
+							shape="circle"
+							@click="showFlowChart(item.INSPECTION_ID)"
+						/>
+					</view>
+					<view
+						class="ml-10"
+						v-if="
+							!validStr(item.INSPECTION_USER_SIGN_TIME) &&
+							(item.INSPECTION_STATUS == '0' || item.INSPECTION_STATUS == '1')
+						"
+					>
+						<u-button
+							type="primary"
+							text="核实"
+							size="mini"
+							shape="circle"
+							@click="
+								fnNavigatorDetail(
+									item.INSPECTION_ID,
+									item.INSPECTION_USER_ID,
+									item.INSPECTION_INSPECTOR_ID,
+									'verify'
+								)
+							"
+						/>
+					</view>
+				</view>
+			</template>
+		</list>
+	</view>
 </template>

 <script>
 import { getSafetyenvironmentalinspectorList } from "../../api";
-import { initiateList } from '../../../Mock/safetyEnvirData';
+import keyWordSearchInput from "@/components/keyWordSearchInput/index.vue";
+import List from "@/components/list/list.vue";
+import { initiateList } from "../../../Mock/safetyEnvirData";

 export default {
-  data() {
-    return {
-      keyword: '',
-      INSPECTION_STATUS: '',
-      pageSize: 10,
-      currentPage: 1,
-      totalPage: 0,
-      list: [],
-    }
-  },
-  computed: {
-    userInfo() {
-      return this.$store.getters.getUserInfo
-    }
-  },
-  onShow() {
-    this.resetList()
-  },
-  methods: {
-    validStr(str) {
-      if (str != null && str != '' && typeof (str) != 'undefined' && str != 'undefined' && str != 0 && str != 'null') { return true }
-      return false
-    },
-    async getData() {
-      // TODO: 目前因后端资源接口未完成,故注释接口数据接入逻辑
-      // let resData = await getSafetyenvironmentalinspectorList({
-      //   INSPECTION_USER_ID: this.userInfo.USER_ID,
-      //   KEYWORDS: this.keyword,
-      //   showCount: this.pageSize,
-      //   currentPage: this.currentPage,
-      // });
-      // this.list = [...this.list,...resData.varList];
-      // this.totalPage = resData.page.totalPage;
+	components: { keyWordSearchInput, List },

-      this.list = initiateList;
-      this.totalPage = initiateList.length;
-    },
-    resetList() {
-      this.pageSize = 10
-      this.currentPage = 1
-      this.list = []
-      this.getData()
-    },
-    fnNavigatorDetail(INSPECTION_ID, INSPECTION_USER_ID, INSPECTION_INSPECTOR_ID, type) {
-      uni.$u.route({
-        url: '/safetyEnvirSubPackages/pages/inspector-confirms/detail',
-        params: {
-          INSPECTION_ID,
-          INSPECTION_USER_ID,
-          INSPECTION_INSPECTOR_ID,
-          type
-        }
-      })
-    },
-    scrolltolower() {
-      this.currentPage++;
-      if (this.totalPage >= this.currentPage) this.getData();
-    },
-  }
-}
+	data() {
+		return {
+			searchForm: {
+				HIDDENDESCR: "",
+			},
+			INSPECTION_STATUS: "",
+			pageSize: 10,
+			currentPage: 1,
+			totalPage: 0,
+			list: [],
+		};
+	},
+	computed: {
+		userInfo() {
+			return this.$store.getters.getUserInfo;
+		},
+	},
+	onShow() {
+		this.resetList();
+	},
+	methods: {
+		validStr(str) {
+			if (
+				str != null &&
+				str != "" &&
+				typeof str != "undefined" &&
+				str != "undefined" &&
+				str != 0 &&
+				str != "null"
+			) {
+				return true;
+			}
+			return false;
+		},
+		async getData() {
+			uni.showLoading({
+				title: "加载中",
+			});
+			// TODO: 目前因后端资源接口未完成,故注释接口数据接入逻辑
+			// let resData = await getSafetyenvironmentalinspectorList({
+			//   INSPECTION_USER_ID: this.userInfo.USER_ID,
+			//   KEYWORDS: this.keyword,
+			//   showCount: this.pageSize,
+			//   currentPage: this.currentPage,
+			// });
+			// this.list = [...this.list,...resData.varList];
+			// this.totalPage = resData.page.totalPage;
+
+			// 虚拟 mock 数据渲染
+			setTimeout(() => {
+				this.list = initiateList;
+				this.totalPage = initiateList.length;
+				uni.hideLoading();
+			}, 400);
+		},
+		resetList() {
+			this.pageSize = 10;
+			this.currentPage = 1;
+			this.list = [];
+			this.getData();
+		},
+		fnNavigatorDetail(
+			INSPECTION_ID,
+			INSPECTION_USER_ID,
+			INSPECTION_INSPECTOR_ID,
+			type
+		) {
+			uni.$u.route({
+				url: "/safetyEnvirSubPackages/pages/inspector-confirms/detail",
+				params: {
+					INSPECTION_ID,
+					INSPECTION_USER_ID,
+					INSPECTION_INSPECTOR_ID,
+					type,
+				},
+			});
+		},
+		/**
+		 * 滚动加载数据
+		 */
+		scrolltolower() {
+			this.currentPage++;
+			if (this.totalPage >= this.currentPage) this.getData();
+		},
+	},
+};
 </script>

 <style scoped lang="scss"></style>
--- a/utils/request.js
+++ b/utils/request.js
@ -1,4 +1,4 @@
-let requestPath = "http://192.168.0.115:8088";
+let requestPath = "http://192.168.0.112:8088";
 // let requestPath = 'http://192.168.0.31:8992/qa-prevention-xgf/'; // 后台请求地址
 // let requestPath = 'https://skqhdg.porthebei.com:9006/qa-prevention-xgf/'; // 后台请求地址
 // let requestPath = 'https://qgxgf.qhdsafety.com/qa-prevention-xgf/'; // 外网地址
Author	SHA1	Message	Date
mengfanliang	20b4ca00fb	feat: code saved	2024-08-29 08:35:22 +08:00
mengfanliang	db25047877	feat: 修改安全环保检查样式统一	2024-08-28 18:12:34 +08:00