产品管理: 编辑权限

11 months ago · d83f39efe6
parent 53407fa57a
commit d83f39efe6
6 changed files with 48 additions and 28 deletions
--- a/public/locales/en/products.json
+++ b/public/locales/en/products.json
@ -116,6 +116,7 @@
    "Weekdays": "Weekdays"
  },

+  "sureSubmitAudit": "确认提交所有产品审核? 提交后，所有产品将进入待审核流程. ",
  "FormTooltip": {
    "Type": "Product Type",
    "Title": "Title",
--- a/public/locales/zh/products.json
+++ b/public/locales/zh/products.json
@ -105,6 +105,7 @@
    "Operation": "Operation"
  },

+  "sureSubmitAudit": "确认提交所有产品审核? 提交后，所有产品将进入待审核流程. ",
  "FormTooltip": {
    "Type": "Product Type",
    "Title": "Title",
--- a/src/views/products/Detail/Header.jsx
+++ b/src/views/products/Detail/Header.jsx
@ -181,10 +181,10 @@ const Header = ({ refresh, newActionable, ...props }) => {
          </Button>
        </RequireAuth>
      )}
-      {activeAgencyState === 0 && (
+      {/* {activeAgencyState === 0 && ( */}
        <>
          <RequireAuth subject={PERM_PRODUCTS_OFFER_PUT}>
-            <Popconfirm title={t('sureSubmit')} onConfirm={handleSubmitForAudit} okText={t('Yes')} placement={'bottom'}>
+            <Popconfirm title={t('products:sureSubmitAudit')} onConfirm={handleSubmitForAudit} okText={t('Yes')} placement={'bottomLeft'}>
              <Button size='small' type={'primary'} >
                {t('Submit')}
                {t('Audit')}
@ -192,7 +192,7 @@ const Header = ({ refresh, newActionable, ...props }) => {
            </Popconfirm>
          </RequireAuth>
        </>
-      )}
+      {/* )} */}
    </div>
  );
 };
--- a/src/views/products/Detail/ProductInfo.jsx
+++ b/src/views/products/Detail/ProductInfo.jsx
@ -22,18 +22,25 @@ const ProductInfo = ({ ...props }) => {
  const [activeAgency, editingProduct, setEditingProduct] = useProductsStore((state) => [state.activeAgency, state.editingProduct, state.setEditingProduct]);

  const [extrasVisible, setExtrasVisible] = useState(false);
-  const [editable, setEditable] = useState(false);
+  const [editablePerm, setEditablePerm] = useState(false);
+  const [infoEditable, setInfoEditable] = useState(false);
+  const [priceEditable, setPriceEditable] = useState(false);
  const topPerm = isPermitted(PERM_PRODUCTS_MANAGEMENT); // 高级权限
  useEffect(() => {
    const hasHT = (editingProduct?.info?.htid || 0) > 0;
    // const hasAuditPer = isPermitted(PERM_PRODUCTS_OFFER_AUDIT);
    const hasEditPer = isPermitted(PERM_PRODUCTS_OFFER_PUT);
-    setEditable(topPerm || (!hasHT && hasEditPer));
+
+    setEditablePerm(topPerm || hasEditPer);
    // setEditable(topPerm || (hasAuditPer ? true : (!hasHT && hasEditPer)));
    // setEditable(true); // debug: 0
    // console.log('editable', hasAuditPer, (notAudit && hasEditPer));
+    setInfoEditable(topPerm || (!hasHT && hasEditPer));
+
+    const _priceEditable = [-1, 3].includes(activeAgency?.audit_state_id);
+    setPriceEditable(topPerm || (_priceEditable && hasEditPer));

-    const showExtras = topPerm && !isEmpty(editingProduct) && hasHT;
+    const showExtras = topPerm && hasHT; // !isEmpty(editingProduct) &&
    setExtrasVisible(showExtras);
    return () => {};
  }, [activeAgency, editingProduct]);
@ -42,18 +49,19 @@ const ProductInfo = ({ ...props }) => {
    values.travel_agency_id = activeAgency.travel_agency_id;
    const copyNewProduct = structuredClone(newProductRecord);
    const poster = {
-      ...(topPerm ? {} : {'audit_state': '-1',}), // 高级权限: 不变更状态值
+      ...(topPerm ? {} : { 'audit_state': -1 }), // 高级权限: 不变更状态值
      // "create_date": dayjs().format('YYYY-MM-DD HH:mm:ss'),
      // "created_by": userId,
      'travel_agency_id': activeAgency.travel_agency_id,
      // "travel_agency_name": "",
      // "lastedit_changed": "",
    };
-    /** lgc_details */
    const copyFields = pick(editingProduct.info, ['product_type_id']); // 'title',
    const readyToSubInfo = { ...copyNewProduct.info, ...editingProduct.info, ...values.info, ...copyFields, type: copyFields.product_type_id, ...poster };
+    readyToSubInfo.dept = Number(readyToSubInfo.dept);
    // console.log('onSave', editingProduct.info, readyToSubInfo);
-    const prevLgcDetailsMapped = editingProduct.lgc_details.reduce((r, c) => ({ ...r, [c.lgc]: { ...c, description: c.descriptions } }), {}); // todo: description字段不一致
+    /** lgc_details */
+    const prevLgcDetailsMapped = editingProduct.lgc_details.reduce((r, c) => ({ ...r, [c.lgc]: { ...c, description: c.descriptions } }), {});
    const mergedLgc = { ...prevLgcDetailsMapped, ...values.lgc_details_mapped };

    // console.log(values);
@ -64,15 +72,15 @@ const ProductInfo = ({ ...props }) => {
      travel_agency_id: activeAgency.travel_agency_id,
      info: readyToSubInfo,
      lgc_details: Object.values(mergedLgc),
-      quotation: values.quotation, // || editingProduct.quotation, // 没改动, 就用原来的
-    }).catch(ex => {
+      quotation: values.quotation.map((q) => ({ ...q, unit: Number(q.unit || q.unit_id), unit_id: Number(q.unit_id) })), // || editingProduct.quotation, // 没改动, 就用原来的
+    }).catch((ex) => {
      setLoading(false);
      notification.error({
        message: 'Notification',
        description: ex.message,
        placement: 'top',
        duration: 4,
-      })
+      });
    });
    setLoading(false);
    success ? message.success(t('Success')) : message.error(t('Failed'));
@ -90,11 +98,15 @@ const ProductInfo = ({ ...props }) => {
        ]}
      />
      <Divider className='my-1' />
+      {isEmpty(editingProduct) ? null : (
+        <>
          <h2>{t('products:EditComponents.info')}</h2>
-      <ProductInfoForm editable={editable} initialValues={editingProduct?.info} onSubmit={onSave} />
+          <ProductInfoForm {...{ editablePerm, infoEditable, priceEditable }} initialValues={editingProduct?.info} onSubmit={onSave} />
          <Divider className='my-1' />
          {extrasVisible && <Extras productId={editingProduct?.info?.id} />}
        </>
+      )}
+    </>
  );
 };
 export default ProductInfo;
--- a/src/views/products/Detail/ProductInfoForm.jsx
+++ b/src/views/products/Detail/ProductInfoForm.jsx
@ -11,7 +11,7 @@ import ProductInfoLgc from './ProductInfoLgc';
 import ProductInfoQuotation from './ProductInfoQuotation';
 import { useHTLanguageSetsMapVal } from '@/hooks/useHTLanguageSets';

-const InfoForm = ({ onSubmit, onReset, onValuesChange, editable: _editable, showSubmit, confirmText, formName, ...props }) => {
+const InfoForm = ({ onSubmit, onReset, onValuesChange, editablePerm, infoEditable, priceEditable, showSubmit, confirmText, formName, ...props }) => {
  const { notification } = App.useApp();
  const { t } = useTranslation('products');
  const HTLanguageSetsMapVal = useHTLanguageSetsMapVal();
@ -29,7 +29,9 @@ const InfoForm = ({ onSubmit, onReset, onValuesChange, editable: _editable, show
  const filedsets = useProductsTypesFieldsets(editingProduct?.info?.product_type_id);
  const shows = filedsets[0];

-  const [editable, setEditable] = useState(true);
+  // const [editable, setEditable] = useState(true);
+  const [formEditable, setFormEditable] = useState(true);
+  const [showSave, setShowSave] = useState(true);
  useEffect(() => {
    form.resetFields();
    form.setFieldValue('city', editingProduct?.info?.city_id ? { value: editingProduct?.info?.city_id, label: editingProduct?.info?.city_name } : undefined);
@ -38,10 +40,13 @@ const InfoForm = ({ onSubmit, onReset, onValuesChange, editable: _editable, show
    form.setFieldValue('lgc_details_mapped', lgc_details_mapped);
    form.setFieldValue('quotation', editingProduct?.quotation);

-    const editable0 = isEmpty(editingProduct) ? false : _editable; // 空对象未操作
-    setEditable(editable0);
+    setFormEditable(infoEditable || priceEditable);
+
+    const editable0 = isEmpty(editingProduct) ? false : editablePerm; // 空对象未操作
+    setShowSave(infoEditable || priceEditable);
+    // setEditable(editable0);
    return () => {};
-  }, [editingProduct?.info?.id, _editable]);
+  }, [editingProduct?.info?.id, editablePerm, infoEditable, priceEditable]);

  const onFinish = (values) => {
    console.log('Received values of form, origin form value: \n', values);
@ -84,7 +89,7 @@ const InfoForm = ({ onSubmit, onReset, onValuesChange, editable: _editable, show
    <>
      <Form
        form={form}
-        disabled={!editable}
+        disabled={!formEditable}
        name={formName || 'product_info'}
        // preserve={false}
        onFinish={onFinish}
@ -93,7 +98,7 @@ const InfoForm = ({ onSubmit, onReset, onValuesChange, editable: _editable, show
        initialValues={editingProduct?.info}
        onFinishFailed={onFinishFailed} scrollToFirstError >
        <Row>
-          {getFields({ sort, initialValue: editingProduct?.info, hides, shows, fieldProps, fieldComProps, form, t, dataSets: { weekdays }, editable })}
+          {getFields({ sort, initialValue: editingProduct?.info, hides, shows, fieldProps, fieldComProps, form, t, dataSets: { weekdays }, editable: infoEditable })}
          {/* {showSubmit && (
            <Col flex='1 0 90px' className='flex justify-end items-start'>
              <Space align='center'>
@ -125,11 +130,11 @@ const InfoForm = ({ onSubmit, onReset, onValuesChange, editable: _editable, show
              },
            }),
          ]}>
-          <ProductInfoLgc editable={editable} formInstance={form} />
+          <ProductInfoLgc editable={infoEditable} formInstance={form} />
        </Form.Item>

        <Form.Item name='quotation'>
-          <ProductInfoQuotation editable={editable} />
+          <ProductInfoQuotation editable={priceEditable} />
        </Form.Item>

        <Form.Item hidden name={'id'} label={'ID'}>
@ -138,7 +143,7 @@ const InfoForm = ({ onSubmit, onReset, onValuesChange, editable: _editable, show
        {/* <Form.Item hidden name={'title'} label={'title'}>
          <Input />
        </Form.Item> */}
-        {editable && (
+        {showSave && (
          <Form.Item>
            <div className='flex justify-around'>
              <Button type='primary' htmlType='submit' loading={loading}>
--- a/src/views/products/Detail/ProductInfoQuotation.jsx
+++ b/src/views/products/Detail/ProductInfoQuotation.jsx
@ -333,10 +333,11 @@ const ProductInfoQuotation = ({ editable, ...props }) => {
      dataIndex: 'operation',
      width: '3%',
      render: (_, quotation) => {
+        const _rowEditable = [-1,3].includes(quotation.audit_state_id);
        return (
          <Space>
-            <Button type='link' onClick={() => onQuotationSeleted(quotation)}>{t('Edit')}</Button>
-            <Button type='link' danger onClick={() => onDeleteQuotation(quotation.id)}>{t('Delete')}</Button>
+            <Button type='link' disabled={!_rowEditable} onClick={() => onQuotationSeleted(quotation)}>{t('Edit')}</Button>
+            <Button type='link' danger disabled={!_rowEditable} onClick={() => onDeleteQuotation(quotation.id)}>{t('Delete')}</Button>
          </Space>
        )
      },