feat(规则管理): 添加条件抽屉表单及逻辑

在规则管理页面中新增条件抽屉表单，支持添加、删除开场白，设置条件分类、名称、分值、加减类型及是否预警。通过抽屉表单提升用户交互体验，简化条件添加流程。

src/views/rules/models.vue

@@ -55,6 +55,51 @@
       </div>
       <!-- 右侧内容区 -->
       <div class="flex-1 overflow-hidden">
+        <el-drawer v-model="showConditionDrawer" title="添加条件" size="40%">
+          <el-form :model="conditionForm" label-width="100px">
+            <el-form-item label="条件分类">
+              <el-select v-model="conditionForm.type" placeholder="请选择条件分类">
+                <el-option label="基础检测" value="基础检测" />
+                <el-option label="通话质量检测" value="通话质量检测" />
+              </el-select>
+            </el-form-item>
+            <el-form-item label="条件名称">
+              <el-select v-model="conditionForm.name" placeholder="请选择条件名称">
+                <el-option label="开场白" value="开场白" />
+                <el-option label="结束语" value="结束语" />
+                <el-option label="音量" value="音量" />
+              </el-select>
+            </el-form-item>
+            <el-form-item label="开场白">
+              <div v-for="(greeting, index) in conditionForm.greetings" :key="index" class="mb-2">
+                <div class="flex items-center">
+                  <el-input v-model="conditionForm.greetings[index]" placeholder="请输入开场白" class="flex-1" style="width: 500px;"/>
+                  <el-button type="danger" @click="removeGreeting(index)" :icon="Delete" circle class="ml-2" />
+                </div>
+              </div>
+              <el-button type="primary" @click="addGreeting">添加开场白</el-button>
+            </el-form-item>
+            <el-form-item label="分值">
+              <div class="flex items-center">
+                <el-slider v-model="conditionForm.score" :max="100" class="flex-1 mr-4" />
+                <el-input-number v-model="conditionForm.score" :min="0" :max="100" />
+              </div>
+            </el-form-item>
+            <el-form-item label="加减类型">
+              <el-select v-model="conditionForm.operation" placeholder="请选择加减类型">
+                <el-option label="加分项" value="加分项" />
+                <el-option label="减分项" value="减分项" />
+              </el-select>
+            </el-form-item>
+            <el-form-item label="是否预警">
+              <el-switch v-model="conditionForm.warning" />
+            </el-form-item>
+          </el-form>
+          <div class="flex justify-end mt-4">
+            <el-button @click="showConditionDrawer = false">取消</el-button>
+            <el-button type="primary" @click="saveCondition">保存</el-button>
+          </div>
+        </el-drawer>
         <div class="bg-white rounded-lg shadow-sm p-6 h-full overflow-y-auto">
           <!-- 操作按钮 -->
           <div class="absolute mt-6 right-8">
@@ -138,8 +183,34 @@ const currentModel: any = ref({
 const selectModel = (index: number) => {
   selectedModel.value = index;
 };
+const showConditionDrawer = ref(false);
+const conditionForm = ref({
+  type: '',
+  name: '',
+  greetings: [''] as string[],
+  score: 0,
+  operation: '',
+  warning: false
+});
+
+const addGreeting = () => {
+  conditionForm.value.greetings.push('');
+};
+
+const removeGreeting = (index: number) => {
+  conditionForm.value.greetings.splice(index, 1);
+};
+
 const addCondition = () => {
-  // 添加条件逻辑
+  showConditionDrawer.value = true;
+  conditionForm.value = {
+    type: '',
+    name: '',
+    greetings: [''] as string[],
+    score: 0,
+    operation: '',
+    warning: false
+  };
 };
 const editCondition = (row: any) => {
   // 编辑条件逻辑