물건현황 react-select 용 퍼블 scss 머지

src/components/management/StuffDetail.jsx

@@ -536,8 +536,11 @@ export default function StuffDetail() {
                     </th>
                     <td>
                       <div className="flx-box">
-                        <div style={{ width: '567px', marginRight: '5px' }}>
+                        <div className="select-wrap mr5" style={{ width: '567px' }}>
                           <Select
+                            className="react-select-custom"
+                            classNamePrefix="custom"
+                            placeholder="Select"
                             options={saleStoreList}
                             onChange={onSelectionChange}
                             getOptionLabel={(x) => x.saleStoreName}
@@ -562,8 +565,11 @@ export default function StuffDetail() {
                     </th>
                     <td>
                       <div className="flx-box">
-                        <div style={{ width: '567px', marginRight: '5px' }}>
+                        <div className="select-wrap mr5" style={{ width: '567px' }}>
                           <Select
+                            className="react-select-custom"
+                            classNamePrefix="custom"
+                            placeholder="Select"
                             ref={ref}
                             options={otherSaleStoreList}
                             onChange={onSelectionChange2}

src/components/management/StuffSearchCondition.jsx

@@ -257,18 +257,23 @@ export default function StuffSearchCondition() {
                 </td>
                 <th>{getMessage('stuff.search.schSelSaleStoreId')}</th>
                 <td>
-                  {schSelSaleStoreList?.length > 0 && (
+                  <div className="select-wrap">
-                    <Select
+                    {schSelSaleStoreList?.length > 0 && (
-                      ref={ref}
+                      <Select
-                      options={schSelSaleStoreList}
+                        className="react-select-custom"
-                      onChange={onSelectionChange}
+                        classNamePrefix="custom"
-                      getOptionLabel={(x) => x.saleStoreName}
+                        placeholder="Select"
-                      getOptionValue={(x) => x.saleStoreId}
+                        ref={ref}
-                      defaultValue={stuffSearch?.selObject?.value ? stuffSearch?.selObject : null}
+                        options={schSelSaleStoreList}
-                      isDisabled={sessionState?.storeLvl === '1' ? false : true}
+                        onChange={onSelectionChange}
-                      isClearable={true}
+                        getOptionLabel={(x) => x.saleStoreName}
-                    />
+                        getOptionValue={(x) => x.saleStoreId}
-                  )}
+                        defaultValue={stuffSearch?.selObject?.value ? stuffSearch?.selObject : null}
+                        isDisabled={sessionState?.storeLvl === '1' ? false : true}
+                        isClearable={true}
+                      />
+                    )}
+                  </div>
                 </td>
               </tr>
               <tr>

src/components/management/popup/PlanRequestPop.jsx

@@ -339,13 +339,15 @@ export default function PlanRequestPop(props) {
                         </td>
                         <th>{getMessage('stuff.planReqPopup.search.planStatName')}</th>
                         <td>
-                          <div className="">
+                          <div className="select-wrap">
                             <Select
+                              className="react-select-custom"
+                              classNamePrefix="custom"
                               ref={ref}
                               options={tempList}
                               onChange={onSelectionChange}
                               isSearchable={false}
-                              placeholder="선택하세요."
+                              placeholder="Select"
                               isClearable={true}
                             />
                           </div>