From 714ee29a442043cda3aafe49a19dc381f07a095e Mon Sep 17 00:00:00 2001
From: shijing <sj_mzw@163.com>
Date: Fri, 26 Dec 2025 17:03:52 +0800
Subject: [PATCH] =?UTF-8?q?feat:=E8=AE=BE=E5=A4=87=E7=BB=B4=E4=BF=AE?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2=EF=BC=8C=E4=B8=8B=E6=8B=89=E9=80=89=E6=8B=A9?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/searchselect.vue      | 385 +++++++++++++++++++++++++++++++
 pages/em/repair_form.vue         | 128 ++++++++++
 pages/pum/supplieraudit_form.vue | 123 +---------
 3 files changed, 516 insertions(+), 120 deletions(-)
 create mode 100644 components/searchselect.vue
 create mode 100644 pages/em/repair_form.vue

diff --git a/components/searchselect.vue b/components/searchselect.vue
new file mode 100644
index 0000000..59e57da
--- /dev/null
+++ b/components/searchselect.vue
@@ -0,0 +1,385 @@
+<template>
+  <view class="filter-select">
+    <view class="filter-box" :class="{ 'filter__actived': showSelector }">
+      <view class="filter-select border-default" :class="{ 'filter-select--disabled': disabled }">
+        <view class="filter-select__input-box" @click="toggleSelector">
+          <input
+            v-model="searchText"
+            :disabled="disabled"
+			placeholder-class="input-placeholder"
+            :placeholder="multiple ? '请选择（可多选）' : '请选择'"
+            style="border:none;width:88%;padding-left: 10upx;"
+          />
+          <view v-if="shouldShowClear && clear" @click.stop="clearVal">
+            <uni-icons type="clear" size="20" color="#c0c4cc" />
+          </view>
+          <uni-icons :type="showSelector ? 'top' : 'bottom'" size="14" />
+        </view>
+        <!-- 遮罩 -->
+        <view v-if="showSelector" class="filter-select--mask" @click="toggleSelector" />
+        <!-- 下拉 -->
+        <view v-if="showSelector" class="filter-select__selector" :style="offsetStyle">
+          <scroll-view scroll-y style="height:200px" @scrolltolower="loadMoreData">
+            <!-- 单选 -->
+            <view
+              v-if="!multiple"
+              v-for="item in filterSelectData"
+              :key="item.value"
+              class="filter-select__selector-item"
+              @click="change(item)"
+            >
+              <text>{{ item.text }}</text>
+            </view>
+            <!-- 多选 -->
+            <checkbox-group v-else @change="checkBoxChange">
+              <label
+                v-for="item in filterSelectData"
+                :key="item.value"
+                class="filter-select__selector-item"
+              >
+                <checkbox
+                  :value="item.value"
+                  :checked="modelValue.includes(item.value)"
+                />
+                <text>{{ item.text }}</text>
+              </label>
+            </checkbox-group>
+          </scroll-view>
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+export default {
+  name: 'data-select',
+  emits: ['update:modelValue', 'change', 'clear', 'open', 'close'],
+  props: {
+    modelValue: {
+      type: [String, Number, Array],
+      default: () => []
+    },
+    apiobjs: {
+      type: Function, // ✅ 修正
+      required: true
+    },
+    multiple: { type: Boolean, default: false },
+    clear: { type: Boolean, default: true },
+    disabled: { type: Boolean, default: false },
+    placement: { type: String, default: 'bottom' }
+  },
+  data() {
+    return {
+      showSelector: false,
+      searchText: '',
+      filterSelectData: [],
+      params: { page: 1, page_size: 10, search: '' },
+      hasMore: true
+    }
+  },
+  computed: {
+    shouldShowClear() {
+      return this.multiple
+        ? this.modelValue.length > 0
+        : !!this.modelValue
+    },
+    offsetStyle() {
+      return this.placement === 'bottom'
+        ? 'top:100%'
+        : 'bottom:100%'
+    }
+  },
+  watch: {
+    searchText() {
+      this.resetAndLoad()
+    }
+  },
+  methods: {
+    async getData() {
+      if (!this.hasMore) return
+      const res = await this.apiobjs(this.params)
+      const list = res?.results || []
+      if (list.length < 10) this.hasMore = false
+      this.filterSelectData.push(
+        ...list.map(i => ({ text: i.name, value: i.id }))
+      )
+    },
+    resetAndLoad() {
+      this.params.page = 1
+      this.hasMore = true
+      this.filterSelectData = []
+      this.params.search = this.searchText
+      this.getData()
+    },
+    loadMoreData() {
+      if (!this.hasMore) return
+      this.params.page++
+      this.getData()
+    },
+    change(item) {
+      this.emit(item.value)
+      this.searchText = item.text
+      this.showSelector = false
+    },
+    checkBoxChange(e) {
+      const values = e.detail.value
+      this.emit(values)
+    },
+    clearVal() {
+      this.searchText = ''
+      this.emit(this.multiple ? [] : '')
+      this.$emit('clear')
+    },
+    emit(val) {
+      this.$emit('update:modelValue', val)
+      this.$emit('change', val)
+    },
+    toggleSelector() {
+      if (this.disabled) return
+      this.showSelector = !this.showSelector
+      this.$emit(this.showSelector ? 'open' : 'close')
+    }
+  }
+}
+</script>
+
+<style lang="scss">
+	$uni-base-color: #6a6a6a !default;
+	$uni-main-color: #333 !default;
+	$uni-secondary-color: #909399 !default;
+	$uni-border-3: #e5e5e5;
+    $uni-primary: #2979ff !default;
+	$uni-success: #4cd964 !default;
+	$uni-warning: #f0ad4e !default;
+	$uni-error: #dd524d !default;
+	$uni-info: #909399 !default;
+
+	.filter-select {
+		display: flex;
+		align-items: center;
+		width: 100%;
+		flex: 1;
+		box-sizing: border-box;
+	}
+
+	.filter-box {
+		background-color: #fff;
+		width: 100%;
+		flex: 1;
+	}
+
+	.filter__actived {
+		width: 100%;
+		flex: 1;
+	}
+
+  .border-bottom {
+    border-bottom: solid 1px $uni-border-3;
+  }
+
+  .border-default {
+    border: 1px solid $uni-border-3;
+  }
+
+	.filter-select {
+		font-size: 14px;
+		box-sizing: border-box;
+		border-radius: 4px;
+		padding: 0;
+		position: relative;
+		flex-direction: row;
+		align-items: center;
+		width: 100%;
+		flex: 1;
+		min-height: 35px;
+
+		&--disabled {
+			background-color: #f5f7fa;
+			cursor: not-allowed;
+		}
+
+		&--wrap {
+			height: auto;
+			min-height: 35px;
+		}
+	}
+
+	.filter-select__label {
+		font-size: 16px;
+		height: 35px;
+		padding-right: 10px;
+		color: $uni-secondary-color;
+	}
+
+	.filter-select__input-box {
+		position: relative;
+		display: flex;
+		flex: 1;
+		flex-direction: row;
+		align-items: center;
+
+		.padding-top-bottom {
+		  padding-top: 5px;
+		  padding-bottom: 5px;
+		}
+
+		.slot-content {
+		  width: 100%;
+		  display: flex;
+		  flex-direction: row;
+				flex-wrap: wrap;
+		}
+	}
+
+	.filter-select__input {
+		flex: 1;
+		font-size: 14px;
+		height: 22px;
+		line-height: 22px;
+	}
+
+	.filter-select__input-plac {
+		font-size: 14px;
+		color: $uni-secondary-color;
+	}
+
+	.filter-select__selector {
+		/* #ifndef APP-NVUE */
+		box-sizing: border-box;
+		/* #endif */
+		position: absolute;
+		left: 0;
+		width: 100%;
+		background-color: #FFFFFF;
+		border: 1px solid #EBEEF5;
+		border-radius: 6px;
+		box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+		z-index: 3;
+		padding: 4px 0;
+	}
+
+	.filter-select__selector-scroll {
+		/* #ifndef APP-NVUE */
+		height: 200px;
+		box-sizing: border-box;
+		/* #endif */
+	}
+
+	/* #ifdef H5 */
+	@media (min-width: 768px) {
+		.filter-select__selector-scroll {
+			max-height: 600px;
+		}
+	}
+
+	/* #endif */
+
+	.filter-select__selector-empty,
+	.filter-select__selector-item {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		cursor: pointer;
+		/* #endif */
+		flex-direction: row;
+		align-items: center;
+		line-height: 35px;
+		font-size: 14px;
+		padding: 0px 10px;
+	}
+
+
+
+	.filter-select__selector-item-check {
+		margin-left: auto;
+	}
+
+	.filter-select__selector-empty:last-child,
+	.filter-select__selector-item:last-child {
+		/* #ifndef APP-NVUE */
+		border-bottom: none;
+		/* #endif */
+	}
+
+	.filter-select__selector__disabled {
+		opacity: 0.4;
+		cursor: default;
+	}
+
+	/* picker 弹出层通用的指示小三角 */
+	.uni-popper__arrow_bottom,
+	.uni-popper__arrow_bottom::after,
+	.uni-popper__arrow_top,
+	.uni-popper__arrow_top::after {
+		position: absolute;
+		display: block;
+		width: 0;
+		height: 0;
+		border-color: transparent;
+		border-style: solid;
+		border-width: 6px;
+	}
+
+	.uni-popper__arrow_bottom {
+		filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03));
+		top: -6px;
+		left: 10%;
+		margin-right: 3px;
+		border-top-width: 0;
+		border-bottom-color: #EBEEF5;
+	}
+
+	.uni-popper__arrow_bottom::after {
+		content: " ";
+		top: 1px;
+		margin-left: -6px;
+		border-top-width: 0;
+		border-bottom-color: #fff;
+	}
+
+	.uni-popper__arrow_top {
+		filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03));
+		bottom: -6px;
+		left: 10%;
+		margin-right: 3px;
+		border-bottom-width: 0;
+		border-top-color: #EBEEF5;
+	}
+
+	.uni-popper__arrow_top::after {
+		content: " ";
+		bottom: 1px;
+		margin-left: -6px;
+		border-bottom-width: 0;
+		border-top-color: #fff;
+	}
+
+
+	.input-placeholder {
+		color: $uni-base-color;
+		font-size: 12px;
+		margin: 1px 0;
+	}
+
+	.filter-select--mask {
+		position: fixed;
+		top: 0;
+		bottom: 0;
+		right: 0;
+		left: 0;
+		z-index: 2;
+	}
+
+  .align-left {
+    text-align: left;
+  }
+
+  .align-center {
+    text-align: center;
+  }
+
+  .align-right {
+    text-align: right;
+  }
+
+</style>
diff --git a/pages/em/repair_form.vue b/pages/em/repair_form.vue
new file mode 100644
index 0000000..6736d06
--- /dev/null
+++ b/pages/em/repair_form.vue
@@ -0,0 +1,128 @@
+<!-- 离职申请 -->
+<template>
+	<view class="container" style="height: 1400upx">
+		<scroll-view scroll-y style="padding-bottom: 180rpx;background-color: #fff;height: 60%;">
+			<uni-forms v-model="form" label-width="140upx"  ref="customForm" style="height: 60%;">
+				<ticketd :ticket_="form.ticket_"></ticketd>
+				<uni-forms-item label="创建时间" required v-if="mode!== 'add'">
+					<span>{{form.create_time}}</span>
+				</uni-forms-item>
+				<uni-forms-item label="维修设备" required>
+					<searchSelect v-model="form.equipment" :apiobjs="apiobj" v-if="mode== 'add'"/>
+					<span v-else>{{form.equipment_fullname}}</span>
+				</uni-forms-item>
+				<uni-forms-item label="故障描述" required>
+					<textarea placeholder-style="color:#efefef" v-model="form.fault_description"  placeholder="故障描述" v-if="mode!='show'" style="width:100%; border: 2upx solid #e5e5e5;padding: 10upx;"/>
+					<span v-else>{{form.fault_description}}</span>			
+				</uni-forms-item>
+				<uni-forms-item label="故障类别" required v-if="mode!== 'add'">
+					<uni-data-select
+					  v-if="form.ticket && form.ticket_.state_.name == '条保负责人分派'" 
+					  v-model="ticket_data.fault_cate"
+					  :localdata="cateList"
+					  :disabled="mode=='show'" 
+					></uni-data-select>
+					<span v-else>{{form.fault_cate}}</span>
+				</uni-forms-item>
+				<uni-forms-item label="维修人" required v-if="mode!== 'add'">
+					<searchSelect v-model="ticket_data.repair_user" :apiobjs="userApiobj" v-if="form.ticket && form.ticket_.state_.name == '条保负责人分派'"/>
+					<span v-else>{{form.repair_user_name}}</span>
+				</uni-forms-item>
+				<uni-forms-item label="维修开始时间" required v-if="mode!== 'add'">
+					<uni-datetime-picker v-model="ticket_data.repair_start_time" type="date" v-if="form.ticket && form.ticket_.state_.name == '维修人员处理'" :clear-icon="false"/>
+					<span v-else>{{form.repair_start_time}}</span>
+				</uni-forms-item>
+				<uni-forms-item label="维修工时" required v-if="mode!== 'add'">
+					<uni-number-box v-model="ticket_data.repair_duration"  v-if="form.ticket && form.ticket_.state_.name == '维修人员处理'"></uni-number-box>
+					<span v-else>{{form.repair_duration}}</span>
+				</uni-forms-item>
+				<uni-forms-item label="维修描述" required v-if="mode!== 'add'">
+					<textarea v-model="ticket_data.repair_description"  placeholder="故障描述"  placeholder-style="color:#efefef" v-if="form.ticket && form.ticket_.state_.name == '维修人员处理'" style="width:100%; border: 2upx solid #e5e5e5;padding: 10upx;"/>
+					<span v-else>{{form.repair_description}}</span>			
+				</uni-forms-item>
+			</uni-forms>
+		</scroll-view>
+		<view class="footer_fixed">
+			<button v-if="mode=='edit'" size="mini" @click="handleDel" :loading="saveLoading" :disabled="saveLoading" type="warn">
+				删除
+			</button>
+			<button v-if="mode!='show'" size="mini" @click="handleSave" :loading="saveLoading" :disabled="saveLoading" type="primary">
+				提交审批
+			</button>
+			<ticketd_b v-if="form.ticket_ && mode == 'show'" :t_id="form.id" :ticket_="form.ticket_" 
+			:ticket_data="ticket_data" @success="()=>{uni.navigateBack()}" ref="ticketd_b"></ticketd_b>
+		</view>
+	</view>
+</template>
+
+<script>
+import ticketd_b from "../wf/ticketd_b.vue"
+import ticketd from "../wf/ticketd.vue"
+import searchSelect from "@/components/searchselect.vue"
+export default {
+	components: { ticketd_b, ticketd, searchSelect },
+	data(){
+		return{
+			mode:"show",
+			t_id: null,
+			form:{
+				equipment:"",
+				fault_description:"",
+			},
+			apiobj:this.$api.equipmentList,
+			userApiobj:this.$api.userList,
+			userInfo:{},
+			ticket_data:{},
+			cateList:[
+				{text: '机械',value: '机械'},
+				{text: '电气',value: '电气'},
+			],
+		}
+	},
+	onLoad(options) {
+		let that = this;
+		that.mode = options.mode?options.mode:'show';
+		that.t_id = options.t_id?options.t_id:null;
+		if(that.t_id) {
+			that.$api.repairItem(that.t_id).then(res=>{
+				that.form = res;
+				if(that.form.ticket_.state_.type == 1 && that.form.create_by == uni.getStorageSync("userInfo").id ) {
+					that.mode = "edit";
+				}else{
+					that.mode = "show";
+				}
+			})
+		}
+	},
+	methods:{
+		async handleDel(){
+			let that = this;
+			await that.$api.repairDelete(that.form.id)
+			uni.navigateBack()
+		},
+		handleSave(){
+			let that = this;
+			that.$refs.customForm.validate().then(res => {
+				that.$api.repairCreate(that.form).then(ress=>{
+					uni.navigateBack()
+				})
+			}).catch(err => {
+				console.log('err', err);
+			})
+		},
+	}
+}
+</script>
+
+<style scoped>
+	.uni-data-checklist .checklist-group .checklist-box{
+		margin: 10px 0!important;
+	}
+	.flex_file_picker>.uni-file-picker__files{
+		flex-direction: row;
+	}
+	.flex_file_picker{
+		width: 90px;
+		flex: none;
+	}
+</style>
\ No newline at end of file
diff --git a/pages/pum/supplieraudit_form.vue b/pages/pum/supplieraudit_form.vue
index c2ee39d..f3b9628 100644
--- a/pages/pum/supplieraudit_form.vue
+++ b/pages/pum/supplieraudit_form.vue
@@ -96,127 +96,10 @@ import xtUpload from "@/components/xtUpload.vue"
 			progress(e){
 				console.log(e)
 			},
-			async handleSave(id){
+			async handleDel(){
 				let that = this;
-				that.$refs.customForm.validate().then(res => {
-					
-				}).catch(err => {
-					console.log('err', err);
-				})
-				let res = await that.$api.supplierauditCreate(that.form)
-			},
-		}
-	}
-</script>
-
-<style scoped>
-	.uni-data-checklist .checklist-group .checklist-box{
-		margin: 10px 0!important;
-	}
-	.flex_file_picker>.uni-file-picker__files{
-		flex-direction: row;
-	}
-	.flex_file_picker{
-		width: 90px;
-		flex: none;
-	}
-</style><!-- 供应商 -->
-<template>
-	<view class="container">
-		<scroll-view scroll-y style="padding-bottom: 180rpx;background-color: #fff;">
-			<uni-forms v-model="form" label-width="150rpx"  ref="customForm" :rules="customRules">
-				<ticketd :ticket_="form.ticket_"></ticketd>
-				<uni-forms-item label="供应商名称" required>
-					<uni-easyinput v-model="form.name" placeholder="请输入供应商名称" :disabled="mode=='show'"/>
-				</uni-forms-item>
-				<uni-forms-item label="物料分类" required>
-					<uni-easyinput v-model="form.material_type" placeholder="请输入物料分类" :disabled="mode=='show'"/>
-				</uni-forms-item>
-				<uni-forms-item label="物料名称" required>
-					<uni-easyinput v-model="form.material_name" placeholder="请输入物料名称" :disabled="mode=='show'"/>
-				</uni-forms-item>
-				<uni-forms-item label="调查表" required>
-					<xtUpload v-model="form.survery_form" v-model:obj="form.survery_form_" xtype="id" :disabled="mode=='show'"></xtUpload>
-				</uni-forms-item>
-				<uni-forms-item label="营业执照" required>
-					<xtUpload v-model="form.business_license" v-model:obj="form.business_license_" xtype="id" :disabled="mode=='show'"></xtUpload>
-				</uni-forms-item>
-				<uni-forms-item label="质量证书" required>
-					<xtUpload v-model="form.quality_certificate" v-model:obj="form.quality_certificate_" xtype="id" :disabled="mode=='show'"></xtUpload>
-				</uni-forms-item>
-			</uni-forms>
-		</scroll-view>
-		<view class="footer_fixed">
-			<button v-if="mode=='edit'" size="mini" @click="handleDel" :loading="saveLoading" :disabled="saveLoading" type="warn">
-				删除
-			</button>
-			<ticketd_b v-if="form.ticket_" :t_id="form.id" :ticket_="form.ticket_" 
-			:ticket_data="ticket_data" @success="()=>{uni.navigateBack()}" ref="ticketd_b"></ticketd_b>
-			<button v-else size="mini" @click="handleSave" :loading="saveLoading" :disabled="saveLoading" type="primary">
-				提交审批
-			</button>
-		</view>
-	</view>
-</template>
-
-<script>
-import ticketd_b from "../wf/ticketd_b.vue"
-import ticketd from "../wf/ticketd.vue"
-import {actStateEnum} from "@/utils/enum.js"
-import xtUpload from "@/components/xtUpload.vue"
-	export default {
-		components: { ticketd_b, ticketd, xtUpload },
-		data(){
-			return{
-				saveLoading: false,
-				mode:"add",
-				t_id: null,
-				form:{
-					name:"",
-					material_type:"",
-					material_name:"",
-				},
-				userInfo:{},
-				type:0,
-				header:"",
-				customRules: {
-					filename: {
-						rules: [{
-							required: true,
-							errorMessage: '姓名不能为空'
-						}]
-					},
-					age: {
-						rules: [{
-							required: true,
-							errorMessage: '年龄不能为空'
-						}]
-					},
-				},
-			}
-		},
-		async onLoad(options) {
-			let that = this;
-			that.mode = options.mode?options.mode:'show';
-			that.t_id = options.t_id?options.t_id:null;
-			if(that.mode != "add"){
-				if(that.t_id) {
-					that.form = await that.$api.supplierauditItem(that.t_id);
-					if(that.form.ticket_.state_.type == 1 && that.form.create_by == uni.getStorageSync("userInfo").id ) {
-						that.mode = "edit";
-					}else{
-						that.mode = "show";
-					}
-				}
-			}
-		},
-		methods:{
-			uploadSuccess(type, e){
-				console.log('type', type, e);
-				console.log('form.material_type',this.form.material_type)
-			},
-			progress(e){
-				console.log(e)
+				await that.$api.supplierauditDelete(that.form.id)
+				uni.navigateBack()
 			},
 			async handleSave(id){
 				let that = this;