fix: 修复模板唯一性及六项运营页面问题

src/apps/client/ClientTemplatesPage.tsx

@@ -9,6 +9,11 @@ import {
 } from '@/api/adminApi';
 import { formatDateTime } from '@/utils/dateTime';
 import { replaceLeadingSmsSignature } from '@/utils/smsSignature';
+import {
+  templateVariableError,
+  templateVariableNameHint,
+  templateVariableNamePattern,
+} from '@/utils/templateVariables';
 import './ClientTemplatesPage.css';
 
 type TemplateVariable = {
@@ -79,6 +84,7 @@ function TemplateModal({
   signatures: ClientSmsSignatureView[];
 }) {
   const [customVariable, setCustomVariable] = useState('');
+  const [customVariableError, setCustomVariableError] = useState('');
   const [variablesOpen, setVariablesOpen] = useState(false);
   const contentRef = useRef<HTMLTextAreaElement>(null);
   const initialSignature = signatures.find((signature) => signature.id === item?.signatureId);
@@ -99,6 +105,7 @@ function TemplateModal({
   });
   const [initialForm] = useState(form);
   const dirty = JSON.stringify(form) !== JSON.stringify(initialForm);
+  const variableError = templateVariableError(form.content);
   const application = applications.find((candidate) => candidate.id === form.applicationId);
   const availableSignatures = signatures.filter(
     (signature) =>
@@ -125,7 +132,11 @@ function TemplateModal({
   }
 
   function insertVariable(name: string) {
-    const normalized = name.trim();
+    const normalized = name;
+    if (!templateVariableNamePattern.test(normalized)) {
+      setCustomVariableError(templateVariableNameHint);
+      return;
+    }
     if (!normalized) return;
     const token = `\${${normalized}}`;
     const textarea = contentRef.current;
@@ -154,7 +165,13 @@ function TemplateModal({
             取消
           </Button>
           <Button
-            disabled={!form.applicationId || !form.signatureId || !form.name || !form.content.trim()}
+            disabled={
+              !form.applicationId ||
+              !form.signatureId ||
+              !form.name.trim() ||
+              !form.content.trim() ||
+              Boolean(variableError)
+            }
             onClick={() => onSubmit({ ...form, variables })}
           >
             提交审核
@@ -184,6 +201,8 @@ function TemplateModal({
         />
         <Select
           label="短信签名"
+          searchable
+          searchPlaceholder="搜索短信签名"
           onChange={(event) => selectSignature(event.target.value)}
           options={[
             { label: '请选择签名', value: '' },
@@ -194,6 +213,7 @@ function TemplateModal({
         />
         <Textarea
           hint="模板内容必须以所选签名开头；选择或切换签名时系统会自动填入或替换完整签名，例如：【XX公司】验证码为${code}。"
+          error={variableError}
           label="模板内容"
           onChange={(event) => setContent(event.target.value)}
           placeholder="请选择签名后填写正文，变量格式：${code}"
@@ -223,12 +243,26 @@ function TemplateModal({
             <h3>自定义变量</h3>
             <div className="template-custom-variable">
               <Input
-                onChange={(event) => setCustomVariable(event.target.value)}
+                aria-label="自定义变量名"
+                error={customVariableError}
+                maxLength={32}
+                onChange={(event) => {
+                  if (/[^A-Za-z0-9]/.test(event.target.value)) {
+                    setCustomVariableError(templateVariableNameHint);
+                    return;
+                  }
+                  setCustomVariableError('');
+                  setCustomVariable(event.target.value);
+                }}
                 placeholder="英文字符或数字"
                 value={customVariable}
               />
               <Button
                 onClick={() => {
+                  if (!templateVariableNamePattern.test(customVariable)) {
+                    setCustomVariableError(templateVariableNameHint);
+                    return;
+                  }
                   insertVariable(customVariable);
                   setCustomVariable('');
                 }}