idSagarhpa multiple

src/views/catalogos/finMovilizaciones/FinMovilizacionDetalle.jsx

@@ -1,4 +1,4 @@
-import { Form, Input, Button, Spin, Row, Col } from 'antd'
+import { Form, Input, Button, Select as AntdSelect, Spin, Row, Col } from 'antd'
 import { useEffect, useMemo, useState } from 'react'
 import HttpService from '../../../services/httpService'
 import { respuestas } from '../../../utilities'
@@ -12,12 +12,14 @@ const endpoints = {
 };
 
 const FinMovilizacionDetalleDetalle = () => {
-  const [form] = Form.useForm()
   const navigate = useNavigate()
-  const [loading, setLoading] = useState(false)
   const query = useQuery()
   const id = query.get("id")
+
+  const [form] = Form.useForm()
+  
   const [request, setRequest] = useState({})
+  const [loading, setLoading] = useState(false)
 
   // const extraParams = useMemo(() => ({
   //   idAgenda: id,
@@ -121,7 +123,12 @@ const FinMovilizacionDetalleDetalle = () => {
               commonRules.requerido,
             ]}
           >
-            <Input onKeyPress={handleKeyPress} maxLength={9}/>
+            {/* <Input onKeyPress={handleKeyPress} maxLength={9}/> */}
+            <AntdSelect
+              mode='tags'
+              style={{ width: '100%' }}
+              tokenSeparators={[',']}
+            />
           </Form.Item>
         </Col>
         <Col span={24}>

src/views/catalogos/finMovilizaciones/FinMovilizaciones.jsx

@@ -25,7 +25,7 @@ const FinMovilizaciones = () => {
       q: q ?? "",
       padre: true,
     };
-    setBuscarParams(params);    
+    setBuscarParams(params);
   };
 
   const botones = [
@@ -89,7 +89,34 @@ const FinMovilizaciones = () => {
       title: "ID Sagarhpa",
       key: "idSagarhpa",
       dataIndex: "idSagarhpa",
-      render: linkText,
+      render: (item, row) => (
+        <Link
+          to={`/administracion/catalogos/finMovilizaciones/editar?id=${row.id}`}
+          style={{ color: "black" }}
+        >
+          {isEllipsis(columns, "idSagarhpa") ? (
+            <Tooltip title={item}>
+              {item?.map((i, index) => {
+                let v = `${i}`;
+                if (index !== (item?.length - 1)) {
+                  v += ', '
+                }
+
+                return v;
+              })}
+            </Tooltip>
+          ) : (
+            item?.map((i, index) => {
+              let v = `${i}`;
+              if (index !== (item?.length - 1)) {
+                v += ', '
+              }
+
+              return v;
+            })
+          )}
+        </Link>
+      ),
     },
   ];
 
@@ -101,7 +128,7 @@ const FinMovilizaciones = () => {
     >
       <Formulario
         form={form}
-        onFinish={onFinish} 
+        onFinish={onFinish}
       />
       <Tabla
         columns={columns}