bugfix and performance improvements

src/views/admin/enterprise/demand/releaseService.vue

@@ -43,7 +43,10 @@
                   ></el-input>
                 </el-col>
                 <el-col :span="4">
-                  <el-button type="primary" @click="addCheck">添加</el-button>
+                  <el-button type="primary" @click="addCheck"
+                    ><!--添加-->
+                    {{ t("admin.common.add") }}
+                  </el-button>
                 </el-col>
               </el-row>
             </el-form-item>
@@ -88,7 +91,11 @@
             <el-form-item :label="t('admin.form.demandContact')" prop="name">
               <el-input
                 v-model="form.name"
-                placeholder="请输入需求联系人"
+                :placeholder="
+                  t('admin.form.placeholder', {
+                    type: t('admin.form.demandContact'),
+                  })
+                "
               ></el-input>
             </el-form-item>
           </el-col>
@@ -96,7 +103,11 @@
             <el-form-item :label="t('admin.form.contactPhone')" prop="mobile">
               <el-input
                 v-model="form.mobile"
-                placeholder="请输入联系人手机号"
+                :placeholder="
+                  t('admin.form.placeholder', {
+                    type: t('admin.form.contactPhone'),
+                  })
+                "
               ></el-input>
             </el-form-item>
           </el-col>
@@ -104,18 +115,28 @@
 
         <el-row>
           <el-col :span="12">
-            <el-form-item label="需求提交人:" prop="commitUserName">
+            <el-form-item
+              :label="t('admin.table.demandSubmitter')"
+              prop="commitUserName"
+            >
               <el-input
                 v-model="form.commitUserName"
-                placeholder="请输入需求提交人"
+                :placeholder="
+                  t('admin.form.placeholder', {
+                    type: t('admin.table.demandSubmitter'),
+                  })
+                "
               ></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item label="需求提交人手机号:" prop="commitPhone">
+            <el-form-item
+              :label="t('admin.form.demandSubmitterPhone')"
+              prop="commitPhone"
+            >
               <el-input
                 v-model="form.commitPhone"
-                placeholder="需求提交人手机号"
+                :placeholder="t('admin.form.demandSubmitterPhone')"
               ></el-input>
             </el-form-item>
           </el-col>
@@ -133,18 +154,15 @@
   </div>
 </template>
 <script setup>
-// import { insertDemand } from "@/api/admin/enterprise";
 import tab from "@/plugins/tab";
 import {
-  insertDemand,
   getDemand,
+  insertDemand,
   updateDemand,
 } from "@/api/admin/enterprise/demand";
-// import CityOptions from "@/views/components/CityOptions";
 import { ElMessage } from "element-plus";
-import { onActivated, onMounted, reactive, toRefs } from "vue";
+import { computed, onMounted, reactive, toRefs } from "vue";
 import { demandCategoryList } from "@/utils/parameter";
-// import { onActivated } from "vue";
 import { useRoute, useRouter } from "vue-router";
 import { updateCount } from "@/api/admin/count";
 import { useI18n } from "vue-i18n";
@@ -163,13 +181,55 @@ const data = reactive({
     postCode: undefined,
   },
   rules: {
-    title: [{ required: true, message: "需求名称不能为空", trigger: "blur" }],
-    description: [
-      { required: true, message: "需求描述不能为空", trigger: "blur" },
+    title: [
+      {
+        required: true,
+        /*"需求名称不能为空"*/
+        message: computed(() =>
+          t("admin.validation.required", {
+            type: t("admin.form.name", {
+              type: t("admin.common.demand"),
+            }),
+          })
+        ),
+        trigger: "blur",
+      },
+    ],
+    description: [
+      {
+        required: true,
+        /*"需求描述不能为空"*/
+        message: computed(() =>
+          t("admin.validation.required", {
+            type: t("webSearch.demandDescription"),
+          })
+        ),
+        trigger: "blur",
+      },
+    ],
+    name: [
+      {
+        required: true,
+        /*"需求联系人不能为空"*/
+        message: computed(() =>
+          t("admin.validation.required", {
+            type: t("admin.form.demandContact"),
+          })
+        ),
+        trigger: "blur",
+      },
     ],
-    name: [{ required: true, message: "需求联系人不能为空", trigger: "blur" }],
     mobile: [
-      { required: true, message: "联系人手机号不能为空", trigger: "blur" },
+      {
+        required: true,
+        /*"联系人手机号不能为空"*/
+        message: computed(() =>
+          t("admin.validation.required", {
+            type: t("admin.form.contactPhone"),
+          })
+        ),
+        trigger: "blur",
+      },
     ],
     username: [
       {
@@ -178,7 +238,16 @@ const data = reactive({
         trigger: "blur",
       },
     ],
-    userPhone: [{ required: true, message: "手机号不能为空", trigger: "blur" }],
+    userPhone: [
+      {
+        required: true,
+        /*"手机号不能为空"*/
+        message: computed(() =>
+          t("admin.validation.required", { type: t("admin.form.mobile") })
+        ),
+        trigger: "blur",
+      },
+    ],
   },
 });
 
@@ -199,7 +268,7 @@ const submitForm = () => {
         // router.back();
       } else {
         await insertDemand(form.value);
-        ElMessage.success("新增服务需求成功");
+        ElMessage.success(t("admin.common.AddSuccess"));
         // router.back();
         updateCount("service");
       }