Просмотр исходного кода

feat: 关联客户组件提供是否显示移除、关联功能的api

lanjianrong 4 лет назад
Родитель
Сommit
b1e9322abb

+ 10 - 6
src/pages/Customer/Company/components/ChangeCompany/index.jsx

@@ -36,6 +36,8 @@ const ChangeCompanyInput = props => {
       title = '客户'
       title = '客户'
     },
     },
     defaultValue,
     defaultValue,
+    showRemoveIcon = true,
+    showConnectIcon = true,
     editable = true
     editable = true
   } = props
   } = props
   const refreshClient = () => {
   const refreshClient = () => {
@@ -60,7 +62,7 @@ const ChangeCompanyInput = props => {
     })
     })
     toggleModal(true)
     toggleModal(true)
   }
   }
-  const notValueRender = (
+  const notValueRender = showConnectIcon && (
     <div onClick={handleConnectCustomer} className={styles.notCompanyContent}>
     <div onClick={handleConnectCustomer} className={styles.notCompanyContent}>
       <LinkOne size="14" />
       <LinkOne size="14" />
       <span className="ml-5px">关联单位</span>
       <span className="ml-5px">关联单位</span>
@@ -107,11 +109,13 @@ const ChangeCompanyInput = props => {
         </div>
         </div>
         {editable && (
         {editable && (
           <div className={styles.iconContent}>
           <div className={styles.iconContent}>
-            <Tooltip placement="right" title="移除单位">
-              <span className={styles.unlinkIcon} onClick={removeCustomer}>
-                <LinkInterrupt />
-              </span>
-            </Tooltip>
+            {showRemoveIcon ? (
+              <Tooltip placement="right" title="移除单位">
+                <span className={styles.unlinkIcon} onClick={removeCustomer}>
+                  <LinkInterrupt />
+                </span>
+              </Tooltip>
+            ) : null}
             <Tooltip placement="right" title="更换单位" onClick={handleConnectCustomer}>
             <Tooltip placement="right" title="更换单位" onClick={handleConnectCustomer}>
               <span className={styles.switchIcon}>
               <span className={styles.switchIcon}>
                 <Switch />
                 <Switch />

+ 5 - 1
src/pages/Product/Lock/LockStore/components/LocksDetail/Form.jsx

@@ -121,7 +121,11 @@ const LockForm = props => {
         <Divider style={{ margin: '12px 0' }} />
         <Divider style={{ margin: '12px 0' }} />
         <Col span={6}>单位名称</Col>
         <Col span={6}>单位名称</Col>
         <Col span={18}>
         <Col span={18}>
-          <ChangeCompanyInput dataSource={changeCompanyInputData} />
+          <ChangeCompanyInput
+            dataSource={changeCompanyInputData}
+            showRemoveIcon={false}
+            showConnectIcon={false}
+          />
         </Col>
         </Col>
         <Divider style={{ margin: '12px 0' }} />
         <Divider style={{ margin: '12px 0' }} />
         <Col span={6}>客户</Col>
         <Col span={6}>客户</Col>