fix: 优化问题列表,添加是否属于跟单部分

chenhang4442024
1 parent fb677d76
Showing 6 changed files with 270 additions and 36 deletions
src/api/project/quest.ts
src/views/project/finance/financeList/TrackEdit.vue
src/views/project/finance/financeList/TrackEditCheck.vue
src/views/project/finance/financeList/index.vue
src/views/project/quest/QuestDrawer.vue
src/views/project/quest/quest.data.tsx
@@ -82,7 +82,8 @@ export const getQuestReleaseData = async (id: number) =&gt; {
  */
 export const getAllQuests = async () => {
   const res = await defHttp.post<any>({
-    url: Api.QUEST_GET_ALL
+    url: Api.QUEST_GET_ALL,
+    data: { isTrackerBlock: true }
   });
   return res;
 };
@@ -95,7 +96,7 @@ export const getAllQuests = async () =&gt; {
 export const queryQuestTitle = async (title: string) => {
   const res = await defHttp.post<any>({
     url: Api.QUEST_QUERY_TITLE,
-    data: { title }
+    data: { title ,isTrackerBlock:true}
   });
   return res;
 };
@@ -49,7 +49,7 @@
           style="width: 100%"
           :filter-option="false"
           show-search
-          :disabled="status === 10"
+          :disabled="status === 10 || status === 40"
           @search="handleSearch"
           @change="handleTitleChange"
           :loading="titleLoading"
@@ -118,6 +118,8 @@
   const bindedDeductAmount = ref<number | undefined>(undefined);
   // 添加金额不一致的提示状态
   const amountMismatch = ref(false);
+   // 添加是否为模板的标志
+   const isSelectedTemplate = ref(false);
   // 转换为antd需要的options格式
   const formattedOptions = computed(() => {
@@ -127,7 +129,30 @@
     }));
   });
+  
+  // 添加完全重置状态的函数
+  function resetAllStates() {
+    // 重置扣款金额相关状态
+    bindedDeductAmount.value = undefined;
+    amountMismatch.value = false;
+    isSelectedTemplate.value = false;
+    
+    // 重置选择状态
+    selectedTitle.value = undefined;
+    selectedTitleText.value = '';
+    
+    // 重置选项
+    titleOptions.value = [];
+    
+    // 重置文件上传
+    fileList.value = [];
+  }
+
   const [register, { closeDrawer }] = useDrawerInner((data) => {
+      // 每次打开抽屉时先重置所有状态
+      resetAllStates();
+    
+    // 然后初始化新的状态
     status.value = data.data.invoiceStatus;
     id.value = data.data.invoiceId;
     invoiceNo.value = data.data.invoiceNo;
@@ -143,7 +168,7 @@
   });
   // 处理API返回的数据，统一格式
-  function normalizeData(data: any[]): { id: number; title: string; deductAmount?: number }[] {
+  function normalizeData(data: any[]): { id: number; title: string; deductAmount?: number; isTemplate?: boolean  }[] {
     if (!data || !Array.isArray(data) || data.length === 0) {
       return [];
@@ -160,8 +185,9 @@
       // 添加新的deductAmount字段处理
       const deductAmount = item.deductAmount !== undefined ? Number(item.deductAmount) : undefined;
-      
-      return { id, title, deductAmount };
+      // 正确处理isTemplate字段，确保它是布尔值
+      const isTemplate = item.isTemplate !== undefined ? Boolean(item.isTemplate) : undefined;
+      return { id, title, deductAmount, isTemplate  };
     }).filter(item => item.id !== null); // 过滤掉无效项
     return result;
   }
@@ -180,9 +206,13 @@
             titleOptions.value = [{ 
               id: richTextDetail.id, 
               title: richTextDetail.title || '扣款原因详情',
-              deductAmount: richTextDetail.deductAmount // 确保获取deductAmount
+              deductAmount: richTextDetail.deductAmount, // 确保获取deductAmount
+              isTemplate: richTextDetail.isTemplate === true // 确保是布尔值
             }];
             selectedTitleText.value = richTextDetail.title || '扣款原因详情';
+            // 保存是否为模板的标志
+            isSelectedTemplate.value = richTextDetail.isTemplate === true;
+            
             // 绑定deductAmount如果存在
             if (richTextDetail.deductAmount !== undefined) {
               bindedDeductAmount.value = Number(richTextDetail.deductAmount);
@@ -219,6 +249,8 @@
         const found = titleOptions.value.find(item => item.id === selectedTitle.value);
         if (found) {
           selectedTitleText.value = found.title;
+           // 保存是否为模板的标志
+           isSelectedTemplate.value = !!found.isTemplate;
           // 绑定deductAmount如果存在
           if (found.deductAmount !== undefined) {
             bindedDeductAmount.value = Number(found.deductAmount);
@@ -233,9 +265,13 @@
               titleOptions.value.push({ 
                 id: richTextDetail.id, 
                 title: richTextDetail.title || '扣款原因详情',
-                deductAmount: richTextDetail.deductAmount // 确保获取deductAmount
+                deductAmount: richTextDetail.deductAmount, // 确保获取deductAmount
+                isTemplate: richTextDetail.isTemplate === true // 确保是布尔值
               });
               selectedTitleText.value = richTextDetail.title || '扣款原因详情';
+               // 保存是否为模板的标志
+               isSelectedTemplate.value = richTextDetail.isTemplate === true;
+              
               // 绑定deductAmount如果存在
               if (richTextDetail.deductAmount !== undefined) {
                 bindedDeductAmount.value = Number(richTextDetail.deductAmount);
@@ -323,6 +359,9 @@
     const found = titleOptions.value.find(item => item.id === value);
     if (found) {
       selectedTitleText.value = found.title;
+       // 保存是否为模板的标志 - 确保它是布尔值
+       isSelectedTemplate.value = found.isTemplate === true;
+      
       // 绑定deductAmount
       bindedDeductAmount.value = found.deductAmount;
       // 检查金额是否一致
@@ -338,13 +377,20 @@
     bindedDeductAmount.value = undefined;
     // 重置金额不匹配状态
     amountMismatch.value = false;
-    
+     // 重置是否为模板的标志
+     isSelectedTemplate.value = false;
     // 重新加载所有选项
     loadQuestOptions();
   }
   // 检查金额是否匹配
   function checkAmountMatch() {
+      // 如果是模板类型，不进行金额校验
+      if (isSelectedTemplate.value === true) {
+      amountMismatch.value = false;
+      return;
+    }
+    
     if (bindedDeductAmount.value !== undefined && input1.value !== undefined) {
       try {
         // 确保转换为数字进行比较，处理可能的字符串转换问题
@@ -381,6 +427,9 @@
     if (visible) {
       // 抽屉打开时加载扣款原因选项
       // loadQuestOptions();
+    } else {
+      // 抽屉关闭时重置状态，确保下次打开时不会保留旧状态
+      resetAllStates();
     }
   }
@@ -407,8 +456,8 @@
       return;
     }
-    // 添加金额不一致的检查
-    if (amountMismatch.value) {
+     // 添加金额不一致的检查，但模板类型跳过检查
+    if (amountMismatch.value  && !isSelectedTemplate.value) {
       error(`客户扣款金额与选择的扣款原因金额不一致！扣款原因金额为: ${bindedDeductAmount.value}`);
       return;
     }
@@ -421,7 +470,10 @@
         deductUrl: deductUrl.value,
         questId: selectedTitle.value, // 传递选中的扣款原因ID
       });
-      fileList.value = [];
+          
+      // 成功提交后重置状态
+      resetAllStates();
+      
       emit('success');
       closeDrawer();
     } catch (err) {
@@ -69,7 +69,7 @@
           style="width: 100%"
           :filter-option="false"
           show-search
-          :disabled="status === 10"
+          :disabled="status === 10 || status === 40"
           @search="handleSearch"
           @change="handleTitleChange"
           :loading="titleLoading"
@@ -125,7 +125,9 @@
   const bindedDeductAmount = ref<number | undefined>(undefined);
   // 添加金额不一致的提示状态
   const amountMismatch = ref(false);
-  
+   // 添加是否为模板的标志
+   const isSelectedTemplate = ref(false);
+
   // 转换为antd需要的options格式
   const formattedOptions = computed(() => {
     return titleOptions.value.map(item => ({
@@ -133,8 +135,34 @@
       label: item.title,
     }));
   });
+  
+  // 添加完全重置状态的函数
+  function resetAllStates() {
+    // 重置扣款金额相关状态
+    bindedDeductAmount.value = undefined;
+    amountMismatch.value = false;
+    isSelectedTemplate.value = false;
+    
+    // 重置选择状态
+    selectedTitle.value = undefined;
+    selectedTitleText.value = '';
+    
+    // 重置选项
+    titleOptions.value = [];
+    
+    // 重置文件上传
+    fileList.value = [];
+    
+    // 重置部门和金额输入
+    input1.value = 0;
+    deductDept.value = '';
+  }
   const [register, { closeDrawer }] = useDrawerInner((data) => {
+     // 每次打开抽屉时先重置所有状态
+     resetAllStates();
+    
+    // 然后初始化新的状态
     status.value = data.data.checkPayStatus;
     id.value = data.data.checkId;
     checkNo.value = data.data.checkNo;
@@ -151,7 +179,7 @@
   });
   // 处理API返回的数据，统一格式
-  function normalizeData(data: any[]): { id: number; title: string; deductAmount?: number }[] {
+  function normalizeData(data: any[]): { id: number; title: string; deductAmount?: number; isTemplate?: boolean }[] {
     if (!data || !Array.isArray(data) || data.length === 0) {
       return [];
@@ -169,7 +197,12 @@
       // 添加新的deductAmount字段处理
       const deductAmount = item.deductAmount !== undefined ? Number(item.deductAmount) : undefined;
-      return { id, title, deductAmount };
+      // 正确处理isTemplate字段，确保它是布尔值
+      const isTemplate = item.isTemplate !== undefined ? Boolean(item.isTemplate) : undefined;
+      
+      
+      
+      return { id, title, deductAmount, isTemplate  };
     }).filter(item => item.id !== null); // 过滤掉无效项
     return result;
@@ -185,13 +218,21 @@
           // 使用finance.data.ts中的handleViewRichText方法获取富文本详情
           const richTextDetail = await handleViewRichText(String(selectedTitle.value));
           if (richTextDetail) {
+              // 输出详细数据供调试
+           
+            
             // 设置选项
             titleOptions.value = [{ 
               id: richTextDetail.id, 
               title: richTextDetail.title || '扣款原因详情',
-              deductAmount: richTextDetail.deductAmount // 确保获取deductAmount
+              deductAmount: richTextDetail.deductAmount, // 确保获取deductAmount
+              isTemplate: richTextDetail.isTemplate === true // 确保是布尔值
             }];
             selectedTitleText.value = richTextDetail.title || '扣款原因详情';
+            // 保存是否为模板的标志
+            isSelectedTemplate.value = richTextDetail.isTemplate === true;
+            
+            
             // 绑定deductAmount如果存在
             if (richTextDetail.deductAmount !== undefined) {
               bindedDeductAmount.value = Number(richTextDetail.deductAmount);
@@ -228,6 +269,8 @@
         const found = titleOptions.value.find(item => item.id === selectedTitle.value);
         if (found) {
           selectedTitleText.value = found.title;
+          // 保存是否为模板的标志
+          isSelectedTemplate.value = !!found.isTemplate;
           // 绑定deductAmount如果存在
           if (found.deductAmount !== undefined) {
             bindedDeductAmount.value = Number(found.deductAmount);
@@ -242,9 +285,13 @@
               titleOptions.value.push({ 
                 id: richTextDetail.id, 
                 title: richTextDetail.title || '扣款原因详情',
-                deductAmount: richTextDetail.deductAmount // 确保获取deductAmount
+                deductAmount: richTextDetail.deductAmount, // 确保获取deductAmount
+                isTemplate: richTextDetail.isTemplate === true // 确保是布尔值
               });
               selectedTitleText.value = richTextDetail.title || '扣款原因详情';
+               // 保存是否为模板的标志
+               isSelectedTemplate.value = richTextDetail.isTemplate === true;
+              
               // 绑定deductAmount如果存在
               if (richTextDetail.deductAmount !== undefined) {
                 bindedDeductAmount.value = Number(richTextDetail.deductAmount);
@@ -334,6 +381,9 @@
     const found = titleOptions.value.find(item => item.id === value);
     if (found) {
       selectedTitleText.value = found.title;
+      // 保存是否为模板的标志 - 确保它是布尔值
+      isSelectedTemplate.value = found.isTemplate === true;
+      
       // 绑定deductAmount
       bindedDeductAmount.value = found.deductAmount;
       // 检查金额是否一致
@@ -349,7 +399,9 @@
     bindedDeductAmount.value = undefined;
     // 重置金额不匹配状态
     amountMismatch.value = false;
-    
+    // 重置是否为模板的标志
+    isSelectedTemplate.value = false;
+
     // 重新加载所有选项
     loadQuestOptions();
   }
@@ -371,6 +423,9 @@
     if (visible) {
       // 抽屉打开时加载扣款原因选项
       // loadQuestOptions();
+    } else {
+      // 抽屉关闭时重置状态，确保下次打开时不会保留旧状态
+      resetAllStates();
     }
   }
@@ -381,6 +436,12 @@
   // 检查金额是否匹配
   function checkAmountMatch() {
+    // 如果是模板类型，不进行金额校验
+    if (isSelectedTemplate.value === true) {
+      amountMismatch.value = false;
+      return;
+    }
+    
     if (bindedDeductAmount.value !== undefined && input1.value !== undefined) {
       try {
         // 确保转换为数字进行比较，处理可能的字符串转换问题
@@ -418,8 +479,8 @@
       return;
     }
-    // 添加金额不一致的检查
-    if (amountMismatch.value) {
+    // 添加金额不一致的检查，但模板类型跳过检查
+    if (amountMismatch.value && !isSelectedTemplate.value) {
       error(`生产科扣款金额与选择的扣款原因金额不一致！扣款原因金额为: ${bindedDeductAmount.value}`);
       return;
     }
@@ -433,7 +494,10 @@
         deductUrl: deductUrl.value,
         questId: selectedTitle.value, // 传递选中的扣款原因ID
       });
-      fileList.value = [];
+      
+      // 成功提交后重置状态
+      resetAllStates();
+      
       emit('success');
       closeDrawer();
     } catch (err) {
@@ -419,7 +419,9 @@
           contentText: data.contentText || '',
           contentImages: data.contentImages || [],
           files: data.files || [],
-          questType: data.questType || ''
+          questType: data.questType || '',
+          deductAmount: data.deductAmount, // 确保传递扣款金额
+          isRmb: data.isRmb // 确保传递货币类型
         };
         // 打开抽屉组件显示数据
@@ -186,6 +186,22 @@
     { label: '人民币 (￥)', value: '1' }
   ];
+  // 是否作为模板 - 用于动态控制表单显示
+  const isTemplateEnabled = ref(false);
+
+  // 监听模板状态变化
+  function handleTemplateChange(value: boolean) {
+    isTemplateEnabled.value = value;
+  }
+
+  // 是否为跟单相关扣款
+  const isTrackerBlockEnabled = ref(false);
+
+  // 监听跟单相关扣款状态变化
+  function handleTrackerBlockChange(value: boolean) {
+    isTrackerBlockEnabled.value = value;
+  }
+
   // 问题类型选项计算属性
   const questTypeOptions = computed(() => {
     return questTypeList.value.map(item => ({
@@ -194,6 +210,18 @@
     }));
   });
+  // 是否作为模板的选项
+  const templateOptions = [
+    { label: '是', value: true },
+    { label: '否', value: false }
+  ];
+
+  // 是否为跟单相关扣款的选项
+  const trackerBlockOptions = [
+    { label: '是', value: true },
+    { label: '否', value: false }
+  ];
+
   // 获取问题类型列表
   async function fetchQuestTypes() {
     loadingQuestTypes.value = true;
@@ -532,11 +560,51 @@
         }),
       },
       {
+        field: 'isTemplate',
+        label: '是否作为模板',
+        component: 'RadioButtonGroup' as any,
+        defaultValue: false,
+        required: true,
+        componentProps: {
+          options: templateOptions,
+          // 编辑模式和查看模式下都禁用
+          disabled: unref(isView),
+          // 添加自定义样式类
+          class: 'template-radio-group',
+          // 监听变化
+          onChange: handleTemplateChange,
+          style: 'width: 100%;', // 保证控件利用可用空间
+        },
+        colProps: { span: 12 }, // 占用半行
+        itemProps: {
+          labelAlign: 'left', // 标签左对齐
+        },
+      },
+      {
+        field: 'isTrackerBlock',
+        label: '是否跟单相关扣款',
+        component: 'RadioButtonGroup' as any,
+        defaultValue: false,
+        required: true,
+        componentProps: {
+          options: trackerBlockOptions,
+          disabled: unref(isView),
+          class: 'template-radio-group', // 复用同样的样式
+          onChange: handleTrackerBlockChange,
+          style: 'width: 100%;', // 保证控件利用可用空间
+        },
+        colProps: { span: 12 }, // 占用半行
+        itemProps: {
+          labelAlign: 'left', // 标签左对齐
+        },
+      },
+      {
         field: 'currencySelector',
         label: '扣款金额',
         component: 'Select' as any,
         defaultValue: '0',
-        required: true,
+        required: ({ values }) => !values.isTemplate, // 模板模式下不必填
+        show: ({ values }) => !values.isTemplate,     // 模板模式下不显示
         componentProps: {
           options: currencyOptions,
           disabled: unref(isView),
@@ -552,7 +620,8 @@
         field: 'deductAmount',
         label: ' ',
         component: 'InputNumber' as any,
-        required: true,
+        required: ({ values }) => !values.isTemplate, // 模板模式下不必填
+        show: ({ values }) => !values.isTemplate,     // 模板模式下不显示
         componentProps: {
           disabled: unref(isView), 
           min: 0,
@@ -585,7 +654,7 @@
   // 注册表单
   const [registerForm, { resetFields, setFieldsValue, validate }] = useForm({
-    labelWidth: 100,
+    labelWidth: 120,
     schemas: getFormSchema,  //这就是数据。
     showActionButtonGroup: false,
     baseColProps: { span: 24 },
@@ -614,7 +683,15 @@
     if (unref(isUpdate)) {
       record.value = { ...data.record };
+      // 设置模板状态
+      if (data.record.isTemplate !== undefined) {
+        isTemplateEnabled.value = data.record.isTemplate;
+      }
+      // 设置跟单相关扣款状态
+      if (data.record.isTrackerBlock !== undefined) {
+        isTrackerBlockEnabled.value = data.record.isTrackerBlock;
+      }
       // 设置货币类型
       if (data.record.isRmb !== undefined) {
         currencyType.value = data.record.isRmb;
@@ -635,7 +712,9 @@
           currencySelector: data.record.isRmb !== undefined ? data.record.isRmb : '0',
         });
       }, 0);
-      
+       
+        // 记录表单设置后的值
+        const formValues = await validate();
       // 处理图片数据
       try {
         if (data.record.contentImages) {
@@ -764,10 +843,22 @@
     try {
       const values = await validate();
       setDrawerProps({ confirmLoading: true });
-      
+
+
+      // 如果是模板，不需要扣款金额
+      if (values.isTemplate) {
+        // 设置默认值或清空扣款金额
+        values.deductAmount = 0;
+        values.isRmb = '0'; // 默认美元
+      } else {
       // 添加货币类型参数
       values.isRmb = currencyType.value;
+      }
+      // 确保跟单相关扣款状态保存为布尔值
+      if (values.isTrackerBlock !== undefined) {
+        values.isTrackerBlock = Boolean(values.isTrackerBlock);
+      }
       // 移除辅助字段，不需要提交到后端
       delete values.currencySelector;
@@ -794,6 +885,9 @@
           setDrawerProps({ confirmLoading: false });
           return;
         }
+      } else {
+        // 新建模式，确保isTemplate字段已设置
+        console.log('是否作为模板:', values.isTemplate);
       }
       // 调用后端API保存数据
@@ -968,6 +1062,26 @@ export default {
   }
 }
+
+
+/* 自定义禁用状态下的单选按钮组样式 */
+:deep(.template-radio-group) {
+  .ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked {
+    /* 选中且禁用状态下的样式 */
+    background-color: #e6f7ff !important;
+    color: #1890ff !important;
+    border-color: #1890ff !important;
+    opacity: 0.8;
+    font-weight: bold;
+  }
+
+  /* 常规禁用状态下的样式 */
+  .ant-radio-button-wrapper-disabled {
+    color: rgba(0, 0, 0, 0.65) !important;
+    background-color: #f5f5f5;
+    opacity: 0.8;
+  }
+}
 /* 自定义文件上传样式 */
 .custom-file-upload {
   margin-top: 20px;
@@ -137,14 +137,15 @@ export const searchFormSchema: FormSchema[] = [
   },
 ];
-// 导出用于过滤财务专用数据的方法
+// 导出返回所有数据的方法
 export const filterFinancialData = (dataList: any[]) => {
-  const currentRole = user?.roleSmallVO?.code;
-  console.log('角色'+currentRole);
-  // 如果用户是管理员或财务，返回所有数据
-  if (currentRole === ROLE.ADMIN || currentRole === ROLE.FINANCE) {
-    return dataList;
-  }
+  // const currentRole = user?.roleSmallVO?.code;
+  // console.log('角色'+currentRole);
+  // // 如果用户是管理员或财务，返回所有数据
+  // if (currentRole === ROLE.ADMIN || currentRole === ROLE.FINANCE) {
+  //   return dataList;
+  // }
   // 否则过滤掉财务专用的数据
-  return dataList.filter(item => item.questType !== '财务专用');
+  // return dataList.filter(item => item.questType !== '财务专用');
+  return dataList
 };
 \ No newline at end of file