feats

src/components/SearchSelect/index.jsx

@@ -0,0 +1,54 @@
+import React from 'react';
+import { Select } from 'antd';
+
+/**
+ * 转换普通查询函数
+ * @param {*} fn 
+ * @param {*} params
+ * @returns 
+ */
+export function transformQuery(fn, { searchKey = 'name', labelKey = 'name', valueKey = 'id' }) {
+  return s => {
+    const pageSize = !s ? 10 : 100;
+    return fn({ pageSize, [searchKey]: s }).then(res => {
+      return (res.records || []).map(x => ({label: x[labelKey], value: x[valueKey]}));
+    })
+  }
+}
+
+/**
+ * 远程搜索下拉框
+ */
+export default (props) => {
+  const { request, onChange, ...leftProps } = props;
+
+  // [{label, value}]
+  const [list, setList] = React.useState([]);
+
+  const onSearch = (searchValue) => {
+    request(searchValue).then(setList);
+  }
+
+  const handleChange = (val) => {
+    const obj = list.filter(x => x.value === val)[0];
+    onChange(val, obj);
+  }
+
+  React.useEffect(() => {
+    onSearch();
+  }, []);
+
+  return (
+    <Select
+      showSearch
+      defaultActiveFirstOption={false}
+      showArrow={false}
+      filterOption={false}
+      onSearch={onSearch}
+      onChange={handleChange}
+      notFoundContent={null}
+      options={list}
+      {...leftProps}
+    />
+  )
+}

src/pages/check/components/QuForm.jsx

@@ -8,10 +8,12 @@ import {
 } from '@ant-design/pro-components';
 import { Form, Row, Col } from 'antd';
 import WangEditor from '@/components/Wangeditor';
+import SearchSelect, { transformQuery } from '@/components/SearchSelect';
 import { postTaCheckItemQu } from '@/service/tdlocquestion';
 
+
 export default (props) => {
-  const {open, onOpenChange, quInfo, itemId, onChange} = props;
+  const {open, onOpenChange, quInfo, itemId, itemType, onChange} = props;
   const [form] = Form.useForm();
   
   const onFinish = async (values) => {
@@ -44,6 +46,17 @@ export default (props) => {
       destroyOnClose
       onFinish={onFinish}
       onOpenChange={onOpenChange}
+      drawerProps={{
+        extra: (
+          <>
+          {
+            itemType == 'survey' && (
+              <div></div>
+            )
+          }
+          </>
+        )
+      }}
     >
       <Row gutter={24}>
         <Col span={6}>

src/pages/check/components/QuList.jsx

@@ -128,6 +128,7 @@ export default (props) => {
         open={open}
         itemId={itemId}
         quInfo={curItem}
+        itemType={itemType}
         onOpenChange={setOpen}
         onChange={onFinish}
       />