feat: Adapt to internationalization (#7205)

backend/app/api/v1/auth.go

@@ -130,6 +130,15 @@ func (b *BaseApi) CheckIsDemo(c *gin.Context) {
 	helper.SuccessWithData(c, global.CONF.System.IsDemo)
 }
 
+// @Tags Auth
+// @Summary Check System isDemo
+// @Description 判断是否为国际版
+// @Success 200
+// @Router /auth/intl [get]
+func (b *BaseApi) CheckIsIntl(c *gin.Context) {
+	helper.SuccessWithData(c, global.CONF.System.IsIntl)
+}
+
 // @Tags Auth
 // @Summary Load System Language
 // @Description 获取系统语言设置

backend/configs/system.go

@@ -20,7 +20,9 @@ type System struct {
 	Username           string `mapstructure:"username"`
 	Password           string `mapstructure:"password"`
 	Entrance           string `mapstructure:"entrance"`
+	Language           string `mapstructure:"language"`
 	IsDemo             bool   `mapstructure:"is_demo"`
+	IsIntl             bool   `mapstructure:"is_intl"`
 	AppRepo            string `mapstructure:"app_repo"`
 	ChangeUserInfo     string `mapstructure:"change_user_info"`
 	OneDriveID         string `mapstructure:"one_drive_id"`

backend/init/migration/migrations/init.go

@@ -72,6 +72,11 @@ var AddTableSetting = &gormigrate.Migration{
 		}
 		global.CONF.System.EncryptKey = encryptKey
 		pass, _ := encrypt.StringEncrypt(global.CONF.System.Password)
+		language := "en"
+		if global.CONF.System.Language == "zh" {
+			language = "zh"
+		}
+
 		if err := tx.Create(&model.Setting{Key: "Password", Value: pass}).Error; err != nil {
 			return err
 		}
@@ -82,7 +87,7 @@ var AddTableSetting = &gormigrate.Migration{
 		if err := tx.Create(&model.Setting{Key: "PanelName", Value: "1Panel"}).Error; err != nil {
 			return err
 		}
-		if err := tx.Create(&model.Setting{Key: "Language", Value: "zh"}).Error; err != nil {
+		if err := tx.Create(&model.Setting{Key: "Language", Value: language}).Error; err != nil {
 			return err
 		}
 		if err := tx.Create(&model.Setting{Key: "Theme", Value: "light"}).Error; err != nil {

backend/init/viper/viper.go

@@ -21,7 +21,7 @@ func Init() {
 	port := "9999"
 	mode := ""
 	version := "v1.0.0"
-	username, password, entrance := "", "", ""
+	username, password, entrance, language := "", "", "", "zh"
 	fileOp := files.NewFileOp()
 	v := viper.NewWithOptions()
 	v.SetConfigType("yaml")
@@ -46,6 +46,7 @@ func Init() {
 		username = loadParams("ORIGINAL_USERNAME")
 		password = loadParams("ORIGINAL_PASSWORD")
 		entrance = loadParams("ORIGINAL_ENTRANCE")
+		language = loadParams("LANGUAGE")
 
 		reader := bytes.NewReader(conf.AppYaml)
 		if err := v.ReadConfig(reader); err != nil {
@@ -80,11 +81,15 @@ func Init() {
 		if serverConfig.System.Entrance != "" {
 			entrance = serverConfig.System.Entrance
 		}
+		if serverConfig.System.IsIntl {
+			language = "en"
+		}
 	}
 
 	global.CONF = serverConfig
 	global.CONF.System.BaseDir = baseDir
 	global.CONF.System.IsDemo = v.GetBool("system.is_demo")
+	global.CONF.System.IsIntl = v.GetBool("system.is_intl")
 	global.CONF.System.DataDir = path.Join(global.CONF.System.BaseDir, "1panel")
 	global.CONF.System.Cache = path.Join(global.CONF.System.DataDir, "cache")
 	global.CONF.System.Backup = path.Join(global.CONF.System.DataDir, "backup")
@@ -96,6 +101,7 @@ func Init() {
 	global.CONF.System.Username = username
 	global.CONF.System.Password = password
 	global.CONF.System.Entrance = entrance
+	global.CONF.System.Language = language
 	global.CONF.System.ChangeUserInfo = loadChangeInfo()
 	global.Viper = v
 }

backend/router/ro_base.go

@@ -17,5 +17,6 @@ func (s *BaseRouter) InitRouter(Router *gin.RouterGroup) {
 		baseRouter.POST("/logout", baseApi.LogOut)
 		baseRouter.GET("/demo", baseApi.CheckIsDemo)
 		baseRouter.GET("/language", baseApi.GetLanguage)
+		baseRouter.GET("/intl", baseApi.CheckIsIntl)
 	}
 }

cmd/server/conf/app.yaml

@@ -5,6 +5,7 @@ system:
   repo_url: https://resource.fit2cloud.com/1panel/package
   app_repo: https://apps-assets.fit2cloud.com
   is_demo: false
+  is_intl: true
   port: 9999
   username: admin
   password: admin123

frontend/src/api/modules/auth.ts

@@ -24,3 +24,7 @@ export const checkIsDemo = () => {
 export const getLanguage = () => {
     return http.get<string>(`/auth/language`);
 };
+
+export const checkIsIntl = () => {
+    return http.get<boolean>('/auth/intl');
+};

frontend/src/components/system-upgrade/index.vue

@@ -5,8 +5,8 @@
                 <el-link type="primary" :underline="false" @click="toForum">
                     <span class="font-normal">{{ $t('setting.forum') }}</span>
                 </el-link>
-                <el-divider direction="vertical" />
-                <el-link type="primary" :underline="false" @click="toDoc">
+                <el-divider direction="vertical" v-if="!globalStore.isIntl" />
+                <el-link type="primary" :underline="false" @click="toDoc" v-if="!globalStore.isIntl">
                     <span class="font-normal">{{ $t('setting.doc2') }}</span>
                 </el-link>
                 <el-divider direction="vertical" />
@@ -17,7 +17,7 @@
             </div>
             <div class="flex flex-wrap items-center">
                 <el-link :underline="false" type="primary" @click="toHalo">
-                    {{ isProductPro ? $t('license.pro') : $t('license.community') }}
+                    {{ isProductPro && globalStore.isIntl ? $t('license.pro') : $t('license.community') }}
                 </el-link>
                 <el-link :underline="false" class="version" type="primary" @click="copyText(version)">
                     {{ version }}
@@ -122,7 +122,9 @@ const handleClose = () => {
 };
 
 const toHalo = () => {
-    window.open('https://www.lxware.cn/1panel' + '', '_blank', 'noopener,noreferrer');
+    if (!globalStore.isIntl) {
+        window.open('https://www.lxware.cn/1panel' + '', '_blank', 'noopener,noreferrer');
+    }
 };
 
 const toDoc = () => {
@@ -130,7 +132,10 @@ const toDoc = () => {
 };
 
 const toForum = () => {
-    window.open('https://bbs.fit2cloud.com/c/1p/7', '_blank');
+    let url = globalStore.isIntl
+        ? 'https://github.com/1Panel-dev/1Panel/discussions'
+        : 'https://bbs.fit2cloud.com/c/1p/7';
+    window.open(url, '_blank');
 };
 
 const toGithub = () => {

frontend/src/lang/modules/en.ts

@@ -344,6 +344,8 @@ const message = {
         kernelArch: 'Kernel arch',
         network: 'Network',
         io: 'Disk IO',
+        ip: 'Host Address',
+        proxy: 'System Proxy',
         baseInfo: 'Base info',
         totalSend: 'Total send',
         totalRecv: 'Total recv',

frontend/src/layout/components/Sidebar/index.vue

@@ -42,7 +42,7 @@ import Logo from './components/Logo.vue';
 import Collapse from './components/Collapse.vue';
 import SubItem from './components/SubItem.vue';
 import router, { menuList } from '@/routers/router';
-import { logOutApi } from '@/api/modules/auth';
+import { checkIsIntl, logOutApi } from '@/api/modules/auth';
 import i18n from '@/lang';
 import { ElMessageBox } from 'element-plus';
 import { GlobalStore, MenuStore } from '@/store';
@@ -68,7 +68,7 @@ const activeMenu = computed(() => {
 const isCollapse = computed((): boolean => menuStore.isCollapse);
 
 let routerMenus = computed((): RouteRecordRaw[] => {
-    return menuStore.menuList.filter((route) => route.meta && !route.meta.hideInSidebar);
+    return menuStore.menuList.filter((route) => route.meta && !route.meta.hideInSidebar) as RouteRecordRaw[];
 });
 
 const screenWidth = ref(0);
@@ -132,9 +132,14 @@ function getCheckedLabels(json: Node): string[] {
 }
 
 const search = async () => {
-    const res = await getSettingInfo();
-    const json: Node = JSON.parse(res.data.xpackHideMenu);
-    const checkedLabels = getCheckedLabels(json);
+    await checkIsSystemIntl();
+    let checkedLabels: string | any[];
+    if (!globalStore.isIntl) {
+        const res = await getSettingInfo();
+        const json: Node = JSON.parse(res.data.xpackHideMenu);
+        checkedLabels = getCheckedLabels(json);
+    }
+
     let rstMenuList: RouteRecordRaw[] = [];
     menuStore.menuList.forEach((item) => {
         let menuItem = JSON.parse(JSON.stringify(item));
@@ -173,6 +178,11 @@ const search = async () => {
     menuStore.menuList = rstMenuList;
 };
 
+const checkIsSystemIntl = async () => {
+    const res = await checkIsIntl();
+    globalStore.isIntl = res.data;
+};
+
 onMounted(() => {
     menuStore.setMenuList(menuList);
     search();

frontend/src/store/interface/index.ts

@@ -34,6 +34,7 @@ export interface GlobalState {
     defaultNetwork: string;
 
     isProductPro: boolean;
+    isIntl: boolean;
     isTrial: boolean;
     productProExpires: number;
 

frontend/src/store/modules/global.ts

@@ -37,6 +37,7 @@ const GlobalStore = defineStore({
         defaultNetwork: 'all',
 
         isProductPro: false,
+        isIntl: false,
         isTrial: false,
         productProExpires: 0,
 

frontend/src/views/cronjob/operate/index.vue

@@ -320,30 +320,32 @@
                         </el-form-item>
                     </div>
 
-                    <el-form-item prop="hasAlert">
-                        <el-checkbox v-model="dialogData.rowData!.hasAlert" :label="$t('alert.isAlert')" />
-                        <span class="input-help">{{ $t('alert.cronJobHelper') }}</span>
-                    </el-form-item>
-                    <el-form-item
-                        prop="alertCount"
-                        v-if="dialogData.rowData!.hasAlert && isProductPro"
-                        :label="$t('alert.alertCount')"
-                    >
-                        <el-input-number
-                            style="width: 200px"
-                            :min="1"
-                            step-strictly
-                            :step="1"
-                            v-model.number="dialogData.rowData!.alertCount"
-                        ></el-input-number>
-                        <span class="input-help">{{ $t('alert.alertCountHelper') }}</span>
-                    </el-form-item>
-                    <el-form-item v-if="dialogData.rowData!.hasAlert && !isProductPro">
-                        <span>{{ $t('alert.licenseHelper') }}</span>
-                        <el-button link type="primary" @click="toUpload">
-                            {{ $t('license.levelUpPro') }}
-                        </el-button>
-                    </el-form-item>
+                    <div v-if="!globalStore.isIntl">
+                        <el-form-item prop="hasAlert">
+                            <el-checkbox v-model="dialogData.rowData!.hasAlert" :label="$t('alert.isAlert')" />
+                            <span class="input-help">{{ $t('alert.cronJobHelper') }}</span>
+                        </el-form-item>
+                        <el-form-item
+                            prop="alertCount"
+                            v-if="dialogData.rowData!.hasAlert && isProductPro"
+                            :label="$t('alert.alertCount')"
+                        >
+                            <el-input-number
+                                style="width: 200px"
+                                :min="1"
+                                step-strictly
+                                :step="1"
+                                v-model.number="dialogData.rowData!.alertCount"
+                            ></el-input-number>
+                            <span class="input-help">{{ $t('alert.alertCountHelper') }}</span>
+                        </el-form-item>
+                        <el-form-item v-if="dialogData.rowData!.hasAlert && !isProductPro">
+                            <span>{{ $t('alert.licenseHelper') }}</span>
+                            <el-button link type="primary" @click="toUpload">
+                                {{ $t('license.levelUpPro') }}
+                            </el-button>
+                        </el-form-item>
+                    </div>
 
                     <el-form-item :label="$t('cronjob.retainCopies')" prop="retainCopies">
                         <el-input-number

frontend/src/views/home/index.vue

@@ -9,12 +9,10 @@
             ]"
         >
             <template #route-button>
-                <div class="router-button">
-                    <template v-if="!isProductPro">
-                        <el-button link type="primary" @click="toUpload">
-                            {{ $t('license.levelUpPro') }}
-                        </el-button>
-                    </template>
+                <div class="router-button" v-if="!isProductPro && !globalStore.isIntl">
+                    <el-button link type="primary" @click="toUpload">
+                        {{ $t('license.levelUpPro') }}
+                    </el-button>
                 </div>
             </template>
         </RouterButton>

frontend/src/views/login/components/login-form.vue

@@ -120,22 +120,24 @@
                             {{ $t('commons.button.login') }}
                         </el-button>
                     </el-form-item>
-                    <el-form-item prop="agreeLicense">
-                        <el-checkbox v-model="loginForm.agreeLicense">
-                            <template #default>
-                                <span class="agree" v-html="$t('commons.login.licenseHelper')"></span>
-                            </template>
-                        </el-checkbox>
-                    </el-form-item>
-                    <div class="agree-helper">
-                        <span
-                            v-if="!loginForm.agreeLicense && !_isMobile()"
-                            class="input-error"
-                            style="line-height: 14px"
-                        >
-                            {{ $t('commons.login.errorAgree') }}
-                        </span>
-                    </div>
+                    <template v-if="!isIntl">
+                        <el-form-item prop="agreeLicense">
+                            <el-checkbox v-model="loginForm.agreeLicense">
+                                <template #default>
+                                    <span class="agree" v-html="$t('commons.login.licenseHelper')"></span>
+                                </template>
+                            </el-checkbox>
+                        </el-form-item>
+                        <div class="agree-helper">
+                            <span
+                                v-if="!loginForm.agreeLicense && !_isMobile()"
+                                class="input-error"
+                                style="line-height: 14px"
+                            >
+                                {{ $t('commons.login.errorAgree') }}
+                            </span>
+                        </div>
+                    </template>
                 </el-form>
                 <div class="demo">
                     <span v-if="isDemo">
@@ -171,7 +173,7 @@
 import { ref, reactive, onMounted, computed } from 'vue';
 import { useRouter } from 'vue-router';
 import type { ElForm } from 'element-plus';
-import { loginApi, getCaptcha, mfaLoginApi, checkIsDemo, getLanguage } from '@/api/modules/auth';
+import { loginApi, getCaptcha, mfaLoginApi, checkIsDemo, getLanguage, checkIsIntl } from '@/api/modules/auth';
 import { GlobalStore, MenuStore, TabsStore } from '@/store';
 import { MsgSuccess } from '@/utils/message';
 import { useI18n } from 'vue-i18n';
@@ -188,6 +190,7 @@ const errAuthInfo = ref(false);
 const errCaptcha = ref(false);
 const errMfaInfo = ref(false);
 const isDemo = ref(false);
+const isIntl = ref(true);
 const agreeVisible = ref(false);
 
 type FormInstance = InstanceType<typeof ElForm>;
@@ -235,6 +238,12 @@ const mfaShow = ref<boolean>(false);
 const router = useRouter();
 const dropdownText = ref('中文(简体)');
 
+const checkIsSystemIntl = async () => {
+    const res = await checkIsIntl();
+    isIntl.value = res.data;
+    globalStore.isIntl = isIntl.value;
+};
+
 function handleCommand(command: string) {
     loginForm.language = command;
     usei18n.locale.value = command;
@@ -258,6 +267,9 @@ const login = (formEl: FormInstance | undefined) => {
     if (!formEl || isLoggingIn) return;
     formEl.validate(async (valid) => {
         if (!valid) return;
+        if (isIntl.value) {
+            loginForm.agreeLicense = true;
+        }
         if (!loginForm.agreeLicense) {
             if (_isMobile()) {
                 agreeVisible.value = true;
@@ -372,6 +384,7 @@ const loadDataFromDB = async () => {
 
 onMounted(() => {
     globalStore.isOnRestart = false;
+    checkIsSystemIntl();
     loginVerify();
     loadLanguage();
     document.title = globalStore.themeConfig.panelName;

frontend/src/views/setting/about/index.vue

@@ -16,7 +16,7 @@
                         <SystemUpgrade />
                     </div>
                     <div class="flex w-full justify-center my-5 flex-wrap md:flex-row gap-4">
-                        <el-link @click="toDoc" class="system-link">
+                        <el-link @click="toDoc" class="system-link" v-if="!globalStore.isIntl">
                             <el-icon><Document /></el-icon>
                             <span>{{ $t('setting.doc2') }}</span>
                         </el-link>

frontend/src/views/setting/index.vue

@@ -9,6 +9,8 @@
 
 <script lang="ts" setup>
 import i18n from '@/lang';
+import { GlobalStore } from '@/store';
+const globalStore = GlobalStore();
 
 const buttons = [
     {
@@ -36,4 +38,8 @@ const buttons = [
         path: '/settings/about',
     },
 ];
+
+if (globalStore.isIntl) {
+    buttons.splice(4, 1);
+}
 </script>

frontend/src/views/setting/panel/index.vue

@@ -123,7 +123,7 @@
                                 </el-input>
                             </el-form-item>
 
-                            <el-form-item :label="$t('setting.proxy')" prop="proxyShow">
+                            <el-form-item v-if="!globalStore.isIntl" :label="$t('setting.proxy')" prop="proxyShow">
                                 <el-input disabled v-model="form.proxyShow">
                                     <template #append>
                                         <el-button @click="onChangeProxy" icon="Setting">
@@ -158,7 +158,7 @@
                                 <span class="input-help">{{ $t('setting.developerModeHelper') }}</span>
                             </el-form-item>
 
-                            <el-form-item :label="$t('setting.advancedMenuHide')">
+                            <el-form-item v-if="!globalStore.isIntl" :label="$t('setting.advancedMenuHide')">
                                 <el-input disabled v-model="form.proHideMenus">
                                     <template #append>
                                         <el-button v-show="!show" @click="onChangeHideMenus" icon="Setting">

frontend/src/views/toolbox/clam/operate/index.vue

@@ -50,95 +50,99 @@
                             </template>
                         </el-input>
                     </el-form-item>
-                    <el-form-item prop="hasSpec">
-                        <el-checkbox v-model="dialogData.rowData!.hasSpec" :label="$t('toolbox.clam.cron')" />
-                    </el-form-item>
-                    <el-form-item prop="spec" v-if="dialogData.rowData!.hasSpec && isProductPro">
-                        <el-select
-                            class="specTypeClass"
-                            v-model="dialogData.rowData!.specObj.specType"
-                            @change="changeSpecType()"
-                        >
-                            <el-option
-                                v-for="item in specOptions"
-                                :key="item.label"
-                                :value="item.value"
-                                :label="item.label"
-                            />
-                        </el-select>
-                        <el-select
-                            v-if="dialogData.rowData!.specObj.specType === 'perWeek'"
-                            class="specClass"
-                            v-model="dialogData.rowData!.specObj.week"
-                        >
-                            <el-option
-                                v-for="item in weekOptions"
-                                :key="item.label"
-                                :value="item.value"
-                                :label="item.label"
-                            />
-                        </el-select>
-                        <el-input
-                            v-if="hasDay(dialogData.rowData!.specObj)"
-                            class="specClass"
-                            v-model.number="dialogData.rowData!.specObj.day"
+                    <div v-if="!globalStore.isIntl">
+                        <el-form-item prop="hasSpec">
+                            <el-checkbox v-model="dialogData.rowData!.hasSpec" :label="$t('toolbox.clam.cron')" />
+                        </el-form-item>
+                        <el-form-item prop="spec" v-if="dialogData.rowData!.hasSpec && isProductPro">
+                            <el-select
+                                class="specTypeClass"
+                                v-model="dialogData.rowData!.specObj.specType"
+                                @change="changeSpecType()"
+                            >
+                                <el-option
+                                    v-for="item in specOptions"
+                                    :key="item.label"
+                                    :value="item.value"
+                                    :label="item.label"
+                                />
+                            </el-select>
+                            <el-select
+                                v-if="dialogData.rowData!.specObj.specType === 'perWeek'"
+                                class="specClass"
+                                v-model="dialogData.rowData!.specObj.week"
+                            >
+                                <el-option
+                                    v-for="item in weekOptions"
+                                    :key="item.label"
+                                    :value="item.value"
+                                    :label="item.label"
+                                />
+                            </el-select>
+                            <el-input
+                                v-if="hasDay(dialogData.rowData!.specObj)"
+                                class="specClass"
+                                v-model.number="dialogData.rowData!.specObj.day"
+                            >
+                                <template #append>
+                                    <div class="append">{{ $t('cronjob.day') }}</div>
+                                </template>
+                            </el-input>
+                            <el-input
+                                v-if="hasHour(dialogData.rowData!.specObj)"
+                                class="specClass"
+                                v-model.number="dialogData.rowData!.specObj.hour"
+                            >
+                                <template #append>
+                                    <div class="append">{{ $t('commons.units.hour') }}</div>
+                                </template>
+                            </el-input>
+                            <el-input
+                                v-if="dialogData.rowData!.specObj.specType !== 'perNSecond'"
+                                class="specClass"
+                                v-model.number="dialogData.rowData!.specObj.minute"
+                            >
+                                <template #append>
+                                    <div class="append">{{ $t('commons.units.minute') }}</div>
+                                </template>
+                            </el-input>
+                            <el-input
+                                v-if="dialogData.rowData!.specObj.specType === 'perNSecond'"
+                                class="specClass"
+                                v-model.number="dialogData.rowData!.specObj.second"
+                            >
+                                <template #append>
+                                    <div class="append">{{ $t('commons.units.second') }}</div>
+                                </template>
+                            </el-input>
+                        </el-form-item>
+                        <el-form-item prop="hasAlert">
+                            <el-checkbox v-model="dialogData.rowData!.hasAlert" :label="$t('alert.isAlert')" />
+                            <span class="input-help">{{ $t('alert.clamHelper') }}</span>
+                        </el-form-item>
+                        <el-form-item
+                            v-if="(dialogData.rowData!.hasAlert || dialogData.rowData!.hasSpec) && !isProductPro"
                         >
-                            <template #append>
-                                <div class="append">{{ $t('cronjob.day') }}</div>
-                            </template>
-                        </el-input>
-                        <el-input
-                            v-if="hasHour(dialogData.rowData!.specObj)"
-                            class="specClass"
-                            v-model.number="dialogData.rowData!.specObj.hour"
-                        >
-                            <template #append>
-                                <div class="append">{{ $t('commons.units.hour') }}</div>
-                            </template>
-                        </el-input>
-                        <el-input
-                            v-if="dialogData.rowData!.specObj.specType !== 'perNSecond'"
-                            class="specClass"
-                            v-model.number="dialogData.rowData!.specObj.minute"
+                            <span>{{ $t('toolbox.clam.alertHelper') }}</span>
+                            <el-button link type="primary" @click="toUpload">
+                                {{ $t('license.levelUpPro') }}
+                            </el-button>
+                        </el-form-item>
+                        <el-form-item
+                            prop="alertCount"
+                            v-if="dialogData.rowData!.hasAlert && isProductPro"
+                            :label="$t('alert.alertCount')"
                         >
-                            <template #append>
-                                <div class="append">{{ $t('commons.units.minute') }}</div>
-                            </template>
-                        </el-input>
-                        <el-input
-                            v-if="dialogData.rowData!.specObj.specType === 'perNSecond'"
-                            class="specClass"
-                            v-model.number="dialogData.rowData!.specObj.second"
-                        >
-                            <template #append>
-                                <div class="append">{{ $t('commons.units.second') }}</div>
-                            </template>
-                        </el-input>
-                    </el-form-item>
-                    <el-form-item prop="hasAlert">
-                        <el-checkbox v-model="dialogData.rowData!.hasAlert" :label="$t('alert.isAlert')" />
-                        <span class="input-help">{{ $t('alert.clamHelper') }}</span>
-                    </el-form-item>
-                    <el-form-item v-if="(dialogData.rowData!.hasAlert || dialogData.rowData!.hasSpec) && !isProductPro">
-                        <span>{{ $t('toolbox.clam.alertHelper') }}</span>
-                        <el-button link type="primary" @click="toUpload">
-                            {{ $t('license.levelUpPro') }}
-                        </el-button>
-                    </el-form-item>
-                    <el-form-item
-                        prop="alertCount"
-                        v-if="dialogData.rowData!.hasAlert && isProductPro"
-                        :label="$t('alert.alertCount')"
-                    >
-                        <el-input-number
-                            style="width: 200px"
-                            :min="1"
-                            step-strictly
-                            :step="1"
-                            v-model.number="dialogData.rowData!.alertCount"
-                        ></el-input-number>
-                        <span class="input-help">{{ $t('alert.alertCountHelper') }}</span>
-                    </el-form-item>
+                            <el-input-number
+                                style="width: 200px"
+                                :min="1"
+                                step-strictly
+                                :step="1"
+                                v-model.number="dialogData.rowData!.alertCount"
+                            ></el-input-number>
+                            <span class="input-help">{{ $t('alert.alertCountHelper') }}</span>
+                        </el-form-item>
+                    </div>
                     <el-form-item :label="$t('commons.table.description')" prop="description">
                         <el-input type="textarea" :rows="3" clearable v-model="dialogData.rowData!.description" />
                     </el-form-item>