fix

src/component/Administrator/TestClickData.vue

@@ -6,7 +6,7 @@
 				<div class="admin_state_item">
 					<span>Start Date:</span>
 					<a-range-picker
-						style="width:280px"
+						style="width:250px"
 						class="range_picker"
 						v-model:value="rangePickerValue"
 						:placeholder="[
@@ -24,9 +24,31 @@
 				</div>
 				<div class="admin_state_item">
 					<span>Start Time:</span>
-						<a-time-range-picker style="width:280px" class="range_picker" valueFormat="HH:mm:ss" v-model:value="rangeTimeValue" />
+						<a-time-range-picker style="width:250px" class="range_picker" valueFormat="HH:mm:ss" v-model:value="rangeTimeValue" />
 				</div>
-
+				<div class="admin_state_item">
+                    <span>Email:</span>
+                    <input
+                        v-model="email"
+                        placeholder="Please enter email"
+                        @keydown.enter="gettrialList"
+                        type="text"
+                        style="width: 250px"
+                    />
+                </div>
+				<div class="admin_state_item">
+                    <span>User Name:</span>
+                    <a-select
+                        v-model:value="ids"
+                        mode="multiple"
+                        style="width: 250px"
+                        :filter-option="filterOption"
+                        placeholder="Select Item..."
+                        max-tag-count="responsive"
+                        :options="allUserList"
+                        @keydown.enter="gettrialList"
+                    ></a-select>
+                </div>
 			</div>
 			<div class="admin_search">
 				<div class="admin_search_item" @click="searchHistoryList">Search</div>
@@ -178,15 +200,26 @@ export default defineComponent({
             ];
         });
 
+        let allUserList: any = ref([]);
+		let ids = ref([])
+		let email = ref('')
         let dataList: any = ref([]);
         let status: any = ref(0);
+		let filterOption = (input: any, option: any) => {
+            // 使用 option.label 进行搜索
+            return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0;
+        };
         return {
             rangePickerValue,
 			rangeTimeValue,
             columns,
             dataList,
+			allUserList,
+			ids,
+			email,
             renameData,
             status,
+			filterOption,
         };
     },
     data() {
@@ -204,6 +237,10 @@ export default defineComponent({
         let historyTable: any = this.$refs.historyTable;
         this.historyTableHeight = historyTable.clientHeight - 200;
         this.gettrialList();
+		let allUserList: any = sessionStorage.getItem("allUserList");
+		if (allUserList) {
+			this.allUserList = JSON.parse(allUserList);
+		}
     },
     methods: {
         //改变页码
@@ -233,9 +270,12 @@ export default defineComponent({
             let endDate: any = this.rangePickerValue[1]
                 ? this.rangePickerValue[1]+' '+endTime
                 : "";
+			let ids = this.ids.join(',')
 			let data = {
 				endTime:endDate,
 				startTime:startDate,
+				ids:ids,
+				email:this.email,
 			}
 			Https.axiosGet(Https.httpUrls.getDesignStatistic,{params:data}).then((rv: any) => {
 				if (rv) {
@@ -274,3 +314,9 @@ export default defineComponent({
     },
 });
 </script>
+<style lang="less" scoped>
+.admin_page .admin_table_search .admin_state {
+    display: flex;
+    flex-wrap: wrap;
+}
+</style>