V0.3

src/components/Aside/UI_1.vue

@@ -1,10 +1,22 @@
 <template>
   <div class="form-container">
-    <el-form :model="form" label-width="120px">
-      <el-form-item label="许可证激活时长">
+    <el-form :model="form" label-width="150px" label-position="left">
+      <el-form-item label="许可证类型">
+        <el-select v-model="form.AES_Type" style="width: 80%;">
+          <el-option
+              v-for="item in TypeOptions"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+          />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="许可证激活时长" v-if="form.AES_Type === 0 || form.AES_Type === 2"
+                    style="width: 120%;"
+      >
         <el-row style="width: 100%;" >
           <el-input type="number" v-model="form.Duration" style="width: 55%;" :min="1" :disabled="form.region === 4"/>&nbsp;&nbsp;
-          <el-select v-model="form.region" placeholder="请选择时间单位" style="width: 20%;">
+          <el-select v-model="form.region" placeholder="请选择时间单位" style="width: 23%;">
             <el-option label="天" :value="1"></el-option>
             <el-option label="月" :value="2"></el-option>
             <el-option label="年" :value="3"></el-option>
@@ -12,6 +24,38 @@
           </el-select>
         </el-row>
       </el-form-item>
+      <el-form-item label="许可证有效范围" v-if="form.AES_Type === 1 || form.AES_Type === 2">
+        <el-row style="width: 100%;" >
+          <el-config-provider :locale="locale">
+            <el-date-picker
+                v-model="form.STime"
+                type="date"
+                placeholder="选择开始时间"
+                style="width: 45%;"
+                format="YYYY-MM-DD"
+            />
+            &nbsp;&nbsp;-&nbsp;&nbsp;
+            <el-date-picker
+                v-model="form.LTime"
+                type="date"
+                style="width: 45%;"
+                placeholder="选择结束时间"
+                format="YYYY-MM-DD"
+            />
+          </el-config-provider>
+        </el-row>
+      </el-form-item>
+      <el-form-item label="激活标识">
+        <el-row style="width: 100%;">
+          <el-input
+              type="number"
+              v-model="form.Identification"
+              style="width: 80%;"
+              :min="1"
+              :max="254"
+          />
+        </el-row>
+      </el-form-item>
       <el-form-item label="目标机器序列号">
         <el-input v-model="form.target" style="width: 80%;" type="textarea" rows="3"/>
       </el-form-item>
@@ -28,21 +72,45 @@
 </template>
 
 <script setup>
-import {reactive, ref} from 'vue'
+import {computed, reactive, ref} from 'vue'
 import {Api, RequestPost, User} from "../JS/RequestAPI.js";
 import {ElMessage, ElNotification} from "element-plus";
+import zhCn from 'element-plus/es/locale/lang/zh-cn'
+import en from 'element-plus/es/locale/lang/en'
+
+const language = ref('zh-cn')
+const locale = computed(() => (language.value === 'zh-cn' ? zhCn : en))
+
 const form = reactive({
+  AES_Type:0,
   Duration: 1,
+  Identification: 170,
   region: 2,
   target: '',
   Minutes:0,
   EffectiveD:5,
+  STime:'',
+  LTime:'',
   User:User.User,
   Pwd:User.Pwd,
 });
 const DataDB = reactive({
   data: '',
 })
+const TypeOptions = ref([
+  {
+    label: '激活码',
+    value: 0,
+  },
+  {
+    label: '加密狗',
+    value: 1,
+  },
+  {
+    label: '通用',
+    value: 2,
+  }
+]);
 
 function handleSubmit() {
   if(form.region === 1){
@@ -93,6 +161,6 @@ function handleSubmit() {
 }
 .el-form {
   max-width: 500px; /* 设置表单的最大宽度 */
-  width: 100%; /* 使表单宽度自适应 */
+  width: 1000px; /* 使表单宽度自适应 */
 }
 </style>