Merge branch 'dev_vite' of http://18.167.251.121:10003/aidlab/aida_front into dev_vite

2026-01-08 14:29:12 +08:00
parent 4e0faed88e 3fa7d407d2
commit 9d41602320
10 changed files with 135 additions and 66 deletions
--- a/src/component/Administrator/SE/allUser/index.vue
+++ b/src/component/Administrator/SE/allUser/index.vue
@@ -18,7 +18,7 @@
        </div>
        <div class="admin_state_item">
          <span>{{ $t('admin.UserName') }}:</span>
-          <SelectUser v-model:value="ids" multiple />
+          <SelectUser v-model:value="ids" multiple valueKey="label" labelKey="email" />
        </div>
      </div>
      <div class="admin_search">
--- a/src/component/Administrator/SE/designDetailList/index.vue
+++ b/src/component/Administrator/SE/designDetailList/index.vue
@@ -36,18 +36,9 @@
 				</div>
 				<div class="admin_state_item">
 					<span>{{ $t("admin.Email") }}:</span>
-					<input
-						v-model="email"
-						:placeholder="$t('admin.enterEmail')"
-						@keydown.enter="gettrialList"
-						type="text"
-						style="width: 250px"
-					/>
-				</div>
-				<div class="admin_state_item">
-					<span>{{ $t("admin.UserName") }}:</span>
-					 <SelectUser v-model="ids" multiple />
+						<SelectUser v-model="email" labelKey="email" valueKey="email" />
 				</div>
+				
 				<div class="admin_state_item">
 					<span>Organization Name:</span>
 					<input
@@ -239,7 +230,7 @@
 					endTime: endDate,
 					startTime: startDate,
 					ids: ids,
-					email: this.email.trim(),
+					email: this.email?.trim(),
 					organizationName: this.organizationName,
 				};
 				Https.axiosGet(Https.httpUrls.getDesignStatistic, {
--- a/src/component/Administrator/SE/getGenerateFrequency/index.vue
+++ b/src/component/Administrator/SE/getGenerateFrequency/index.vue
@@ -220,7 +220,7 @@ export default defineComponent({
 				changeEvent:this.changeEvent,
 				size:this.pageSize,
 				page:this.currentPage,
-				email:this.email.trim(),
+				email:this.email?.trim(),
 			}
 			Https.axiosPost(Https.httpUrls.getGenerateFrequency,data).then((rv: any) => {
 				if (rv) {
--- a/src/component/Administrator/SE/recentActiveChart.vue
+++ b/src/component/Administrator/SE/recentActiveChart.vue
@@ -25,15 +25,7 @@
 				</div>
 				<div class="admin_state_item">
 					<span>{{ $t('admin.UserName') }}:</span>
-					<a-select
-						v-model:value="userIdList"
-						mode="multiple"
-						style="width: 280px"
-						:filter-option="filterOption"
-                        :placeholder="$t('admin.selectUserName')"
-						max-tag-count="responsive"
-						:options="dataList"
-					></a-select>
+					<SelectUser v-model="userIdList" labelKey="email"  multiple />
 				</div>
 				
 			</div>
@@ -78,8 +70,10 @@ import { LabelLayout } from 'echarts/features';
 import { useStore } from "vuex";
 import { CanvasRenderer } from 'echarts/renderers';
 import { useI18n } from 'vue-i18n'
+import SelectUser from '@/component/common/SelectUser.vue'
 export default defineComponent({
    components: {
+			SelectUser
    },
    setup() {
 		const {t} = useI18n()
--- a/src/component/Administrator/TestClickData.vue
+++ b/src/component/Administrator/TestClickData.vue
@@ -32,18 +32,16 @@
 				</div>
 				<div class="admin_state_item">
 					<span>Email:</span>
-					<input
+					<!-- <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>
-					<SelectUser v-model="ids" multiple />
+					/> -->
+					<SelectUser v-model="email" labelKey="email" valueKey="email" />
 				</div>
+				
 				<div class="admin_state_item">
 					<span>Organization Name:</span>
 					<input
@@ -302,7 +300,7 @@
 					endTime: endDate,
 					startTime: startDate,
 					ids: ids,
-					email: this.email.trim(),
+					email: this.email?.trim(),
 					organizationName: this.organizationName,
 				};
 				Https.axiosGet(Https.httpUrls.getDesignStatistic, {
--- a/src/component/Administrator/allUser.vue
+++ b/src/component/Administrator/allUser.vue
@@ -423,7 +423,7 @@ export default defineComponent({
                page: filterData.currentPage,
                systemUser: filterData.systemUser,
                country: filterData.country,
-                email: filterData.email.trim(),
+                email: filterData.email?.trim(),
                userType: filterData.userType,
                ids: filterData.ids,
                occupation: filterData.occupation,
--- a/src/component/Administrator/recentActiveChart.vue
+++ b/src/component/Administrator/recentActiveChart.vue
@@ -25,16 +25,7 @@
 				</div>
 				<div class="admin_state_item">
 					<span>User:</span>
-					<!-- <a-select
-						v-model:value="userIdList"
-						mode="multiple"
-						style="width: 280px"
-						:filter-option="filterOption"
-						placeholder="Select Item..."
-						max-tag-count="responsive"
-						:options="dataList"
-					></a-select> -->
-					<SelectUser v-model="userIdList" multiple />	
+					<SelectUser v-model="userIdList" labelKey="email" multiple  />	
 				</div>
 				
 			</div>
--- a/src/component/Administrator/subscriptionPlan.vue
+++ b/src/component/Administrator/subscriptionPlan.vue
@@ -11,13 +11,13 @@
        <a-form-item label="ID">
          <a-input v-model:value="searchForm.id" allow-clear placeholder="Input the id" />
        </a-form-item>
-        <a-form-item label="Name">
+        <!-- <a-form-item label="Name">
          <a-input
            v-model:value="searchForm.name"
            allow-clear
            placeholder="Input the name"
          />
-        </a-form-item>
+        </a-form-item> -->
        <a-form-item label="Time Range">
          <a-range-picker
            v-model:value="searchForm.dateRange"
@@ -245,7 +245,7 @@
              Admin Account:
              <span>*</span>
            </span>
-            <SelectUser v-model="formState.adminAccId" labelKey="email" />
+            <SelectUser ref="userRef" v-model="formState.adminAccId" labelKey="email" />
          </div>
          <div class="admin_state_item">
            <span>
@@ -255,6 +255,7 @@
            <a-date-picker
              v-model:value="formState.currentPeriodStart"
              value-format="X"
+              :disabled="isEditMode && formState.status !== 'PENDING'"
              style="width: 250px"
              :disabledDate="disabledDate"
              :show-time="{ format: 'HH:mm' }"
@@ -275,7 +276,9 @@
              v-model:value="formState.currentPeriodEnd"
              value-format="X"
              :show-time="{ format: 'HH:mm' }"
-              :disabledDate="disabledDate"
+              :disabledDate="disableEndDate"
+              :disabledTime="disableEndTime"
+              :show-now="!isEditMode"
              style="width: 250px"
              class="range_picker"
              placeholder="Select the end time"
@@ -403,8 +406,6 @@ import type { FormInstance, Rule } from 'ant-design-vue/es/form'
 import { debounce } from 'lodash-es'
 import dayjs, { Dayjs } from 'dayjs'

-const testuser = ref('')
-
 type PlanStatus = 'PENDING' | 'ACTIVE' | 'EXPIRED'
 interface SubscriptionPlan {
  id: number
@@ -420,11 +421,8 @@ interface SubscriptionPlan {
  endStamp: number
 }

-const disabledDate = (current: Dayjs) => {
-  return current && current < dayjs().subtract(1, 'days').endOf('day')
-}
-
 const countryList = ref([])
+const userRef = ref(null)

 const searchForm = reactive({
  name: '',
@@ -493,6 +491,64 @@ const statusOption = ref([
  }
 ])

+const disabledDate = (current: Dayjs) => {
+  return current && current < dayjs().subtract(1, 'days').endOf('day')
+}
+
+const disableEndDate = (current: Dayjs) => {
+  if (isEditMode.value) {
+    const specificTime = dayjs(formState.currentPeriodEnd)
+    return current && current < dayjs(formState.currentPeriodEnd * 1000).startOf('day')
+  }
+  return disabledDate(current)
+}
+const range = (start: number, end: number) => {
+  const result = []
+  for (let i = start; i < end; i++) {
+    result.push(i)
+  }
+  return result
+}
+const disableEndTime = date => {
+  if (!formState.currentPeriodEnd || !isEditMode.value)
+    return {
+      disabledHours: () => [],
+      disabledMinutes: () => [],
+      disabledSeconds: () => []
+    }
+
+  const specificTime = dayjs.unix(formState.currentPeriodEnd)
+
+  if (date && date.isSame(specificTime, 'day')) {
+    // 如果是指定日期当天，禁用时间戳之前的时间
+    const hour = specificTime.hour()
+    const minute = specificTime.minute()
+    const second = specificTime.second()
+
+    return {
+      disabledHours: () => Array.from({ length: hour }, (_, i) => i), // 禁用小时之前
+      disabledMinutes: selectedHour => {
+        if (selectedHour === hour) {
+          return Array.from({ length: minute }, (_, i) => i) // 同小时，禁用分钟之前
+        }
+        return []
+      },
+      disabledSeconds: (selectedHour, selectedMinute) => {
+        if (selectedHour === hour && selectedMinute === minute) {
+          return Array.from({ length: second }, (_, i) => i) // 同小时分钟，禁用秒之前
+        }
+        return []
+      }
+    }
+  }
+
+  return {
+    disabledHours: () => [],
+    disabledMinutes: () => [],
+    disabledSeconds: () => []
+  }
+}
+
 const normalizeStatus = (status?: string): PlanStatus | undefined => {
  if (!status) return undefined
  const upper = status.toUpperCase() as PlanStatus
@@ -527,6 +583,14 @@ const columns = [
    width: 120,
    ellipsis: true
  },
+  {
+    title: 'Country or Region',
+    dataIndex: 'countryOrRegion',
+    key: 'countryOrRegion',
+    align: 'center',
+    width: 120,
+    ellipsis: true
+  },
  {
    title: 'Start Time',
    dataIndex: 'currentPeriodStart',
@@ -626,7 +690,7 @@ const handleReset = () => {
  searchForm.adminAccId = undefined
  searchForm.status = []
  searchForm.id = ''
-  searchForm.countryOrRegion = ''
+  searchForm.countryOrRegion = null
  handleSearch()
 }

@@ -649,6 +713,7 @@ const openEdit = (record: SubscriptionPlan) => {
  formState.accountNum = (record as any).accountNum || null
  formState.status = record.status
  formState.id = record.id
+  formState.countryOrRegion = (record as any).countryOrRegion || null

  // 检查组织ID是否在已加载的组织列表中，如果不在，则添加临时项
  if (record.organizationId) {
@@ -658,7 +723,6 @@ const openEdit = (record: SubscriptionPlan) => {
        String(org.id) === String(record.organizationId)
    )
    if (!orgExists) {
-      // 从表格数据中获取组织名称，如果存在则添加临时项
      const orgName = (record as any).organizationName
      if (orgName) {
        organizationOptions.value = [
@@ -671,8 +735,16 @@ const openEdit = (record: SubscriptionPlan) => {
      }
    }
  }
-
  modalVisible.value = true
+  if (record.adminAccId) {
+    nextTick(() => {
+      userRef.value.patchList({
+        label: record.name,
+        value: record.adminAccId,
+        email: record.adminAccEmail
+      })
+    })
+  }
 }

 const validateForm = (): boolean => {
--- a/src/component/Administrator/trialAllUser.vue
+++ b/src/component/Administrator/trialAllUser.vue
@@ -37,17 +37,7 @@
                </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>
-                    <SelectUser v-model="ids" multiple />
+                    <SelectUser v-model="email" labelKey="email" valueKey="email" />
                </div>
 			</div>
 			<div class="admin_search">
--- a/src/component/common/SelectUser.vue
+++ b/src/component/common/SelectUser.vue
@@ -18,7 +18,7 @@
 </template>

 <script setup lang="ts">
-import { computed, ref, reactive } from 'vue'
+import { computed, ref, reactive ,defineExpose} from 'vue'
 import { debounce } from 'lodash-es'
 import { Https } from '@/tool/https'
 import { useStore } from '@/store'
@@ -94,6 +94,21 @@ const doFetch = async (reset = false) => {
    })
    const data = res?.data
    pager.hasMore = res?.hasMore
+    if (tempItem.value.value) {
+      const exists = data.find(
+        it =>
+          (props.valueKey ? it[props.valueKey] : it.value) ===
+          (props.valueKey ? tempItem.value[props.valueKey] : tempItem.value.value)
+      )
+      if (!!exists) {
+        // 如果存在,用data中的新数据覆盖internalList中的旧数据
+        const index = internalList.value.indexOf(tempItem.value)
+        const existsIndex = data.indexOf(exists)
+        internalList.value[index] = { ...exists }
+        data.splice(existsIndex, 1)
+        tempItem.value = {}
+      }
+    }
    if (pager.page === 1) internalList.value = data
    else internalList.value = internalList.value.concat(data)
    pager.page += 1
@@ -129,6 +144,24 @@ const handleFocus = () => {
 const onChange = (val: any) => {
  emit('change', val)
 }
+
+// 解决回显时没有加载对应选项的问题
+const tempItem = ref({})
+const patchList = item => {
+  const exists = internalList.value.find(
+    it =>
+      (props.valueKey ? it[props.valueKey] : it.value) ===
+      (props.valueKey ? item[props.valueKey] : item.value)
+  )
+  if (!exists) {
+    internalList.value.unshift({ ...item, temp: true })
+    tempItem.value = item
+  }
+}
+
+defineExpose({
+  patchList
+})
 </script>

 <style lang="less" scoped></style>