🐳 chore(eslint): 修正所有文件的eslint 错误❌

src/pages/customerEditor/index.tsx

@@ -11,14 +11,45 @@ import { debounce } from '@/common/util'
 import { alert, goLink } from '@/common/common'
 import { formatDateTime, formatPriceDiv, formatWeightDiv } from '@/common/format'
 import Address from '@/components/address'
-import { mppurchaser, mppurchaserpost, mppurchaserput } from '@/api/customer'
+import { MpPurchaser, MpPurchaserPost, MpPurchaserPut } from '@/api/customer'
+// 卡片盒子元素
+interface Obs {
+  title?: string
+  modeName?: string
+  showMode?: boolean
+  children?: ReactNode
+  clickNode?: () => void
+}
+
+const DefaultBox = (props: Obs) => {
+  const {
+    title = '标题',
+    modeName = '大货',
+    showMode = false,
+    children,
+    clickNode,
+  } = props
+
+  return (
+    <View className={styles.defaltBox}>
+      <View className={styles.titleBox}>
+        <View className={styles.title}>{title}</View>
+        {
+          showMode && <View className={styles.modeName} onClick={() => clickNode?.()}>{modeName}</View>
+        }
+      </View>
+      <View className={styles.modeLine}></View>
+      {children}
+    </View>
+  )
+}
+const DefaultBoxWithMemo = memo(DefaultBox)
 
 interface AddressParms {
   id: number
   name: string
 }
-
-export default () => {
+const CustomerEditor = () => {
   const router = useRouter()
 
   const [infoObj, setinfoObj] = useState<any>()
@@ -26,11 +57,6 @@ export default () => {
   const [formData, setformData] = useState<any>()
 
   const [addressArr, setaddressArr] = useState<AddressParms[]>([])
-  useEffect(() => {
-    if (router.params.type === 'edit') {
-      getInfo()
-    }
-  }, [])
 
   // 默认业务员
   useDidShow(() => {
@@ -62,46 +88,7 @@ export default () => {
     }
   })
 
-  const { fetchData: getDesc } = mppurchaser()
-  const getInfo = async() => {
-    Taro.showLoading({
-      title: '请稍等...',
-      mask: true,
-    })
-    const res = await getDesc({ id: router.params.id })
-    setinfoObj(res.data)
-    list.map((item) => {
-      if (item.id == res.data.purchaser_type) {
-        item.check = true
-      }
-      else {
-        item.check = false
-      }
-      return item
-    })
-    setlist([...list])
-    setformData({
-      sale_user_id: res.data?.sale_user_id,
-      sale_user_name: res.data?.sale_user_name,
-      name: res.data?.name,
-      short_name: res.data?.short_name,
-      director: res.data?.director,
-      phone: res.data?.phone,
-      addressName: res.data?.province_name + res.data?.city_name + res.data?.district_name,
-      address_detail: res.data?.address_detail,
-      purchaser_type: res.data?.purchaser_type,
-      district_id: res.data?.district_id,
-    })
-    setremarkDesc(res.data?.remark)
-    let arr: any[] = []
-    arr = [
-      { id: res.data.province_id, name: res.data.province_name },
-      { id: res.data.city_id, name: res.data.city_name },
-      { id: res.data.district_id, name: res.data.district_name },
-    ]
-    setaddressArr([...arr])
-    Taro.hideLoading()
-  }
+  const { fetchData: getDesc } = MpPurchaser()
 
   const handTitle = useCallback((e) => {
     setformData(val => ({ ...val, name: e }))
@@ -156,9 +143,48 @@ export default () => {
     setlist([...list])
     setformData(val => ({ ...val, purchaser_type: item.id }))
   }
-
   // 备注操作
   const [remarkDesc, setremarkDesc] = useState('')
+  const getInfo = async() => {
+    Taro.showLoading({
+      title: '请稍等...',
+      mask: true,
+    })
+    const res = await getDesc({ id: router.params.id })
+    setinfoObj(res.data)
+    list.map((item) => {
+      if (item.id == res.data.purchaser_type) {
+        item.check = true
+      }
+      else {
+        item.check = false
+      }
+      return item
+    })
+    setlist([...list])
+    setformData({
+      sale_user_id: res.data?.sale_user_id,
+      sale_user_name: res.data?.sale_user_name,
+      name: res.data?.name,
+      short_name: res.data?.short_name,
+      director: res.data?.director,
+      phone: res.data?.phone,
+      addressName: res.data?.province_name + res.data?.city_name + res.data?.district_name,
+      address_detail: res.data?.address_detail,
+      purchaser_type: res.data?.purchaser_type,
+      district_id: res.data?.district_id,
+    })
+    setremarkDesc(res.data?.remark)
+    let arr: any[] = []
+    arr = [
+      { id: res.data.province_id, name: res.data.province_name },
+      { id: res.data.city_id, name: res.data.city_name },
+      { id: res.data.district_id, name: res.data.district_name },
+    ]
+    setaddressArr([...arr])
+    Taro.hideLoading()
+  }
+
   const [showDesc, setShowDesc] = useState(false)
   const getRemark = useCallback(async(e) => {
     setShowDesc(false)
@@ -183,12 +209,16 @@ export default () => {
   const onClose = () => {
     setShowSiteModal(false)
   }
-
+  useEffect(() => {
+    if (router.params.type === 'edit') {
+      getInfo()
+    }
+  }, [])
   const isDisabled = useMemo(() => {
     let empty: any = null
     if (typeof (formData) == 'undefined') { return }
     for (const key in formData) {
-      if (formData.hasOwnProperty(key)) {
+      if (key in formData) {
         if (formData[key] !== '' && typeof (formData[key]) !== 'undefined') {
           empty = false
         }
@@ -218,8 +248,8 @@ export default () => {
     })
   }
 
-  const { fetchData: postFetch } = mppurchaserpost()
-  const { fetchData: putFetch } = mppurchaserput()
+  const { fetchData: postFetch } = MpPurchaserPost()
+  const { fetchData: putFetch } = MpPurchaserPut()
   // 提交
   const handSure = async() => {
     // if (!isDisabled) return false
@@ -284,9 +314,9 @@ export default () => {
         >
           <View className={styles.flexBox}>
             {
-              list.map((item) => {
+              list.map((item, key) => {
                 return (
-                  <View className={classnames(item.check ? styles.activeBox : styles.itemBox)} onClick={() => handItem(item)}>{item.name}</View>
+                  <View key={key} className={classnames(item.check ? styles.activeBox : styles.itemBox)} onClick={() => handItem(item)}>{item.name}</View>
                 )
               })
             }
@@ -330,9 +360,9 @@ export default () => {
           inputValue={formData?.sale_user_name}
         ></Form>
       </View>
-      <DefaultBox title="备注信息" showMode modeName={`${'填写/修改备注'} >`} clickNode={() => setShowDesc(true)}>
+      <DefaultBoxWithMemo title="备注信息" showMode modeName={`${'填写/修改备注'} >`} clickNode={() => setShowDesc(true)}>
         <View className={classnames(remarkDesc === '' ? styles.remarkFontactive : styles.remarkFont)}>{remarkDesc === '' ? '尚未备注信息' : remarkDesc}</View>
-      </DefaultBox>
+      </DefaultBoxWithMemo>
       <Popup show={showDesc} showTitle={false} onClose={() => setShowDesc(false)}>
         <Remark onSave={e => getRemark(e)} defaultValue={infoObj?.remark} showInput={!!showDesc} />
       </Popup>
@@ -345,35 +375,4 @@ export default () => {
     </>
   )
 }
-
-// 卡片盒子元素
-interface Obs {
-  title?: string
-  modeName?: string
-  showMode?: boolean
-  children?: ReactNode
-  clickNode?: () => void
-}
-
-const DefaultBox = memo((props: Obs) => {
-  const {
-    title = '标题',
-    modeName = '大货',
-    showMode = false,
-    children,
-    clickNode,
-  } = props
-
-  return (
-    <View className={styles.defaltBox}>
-      <View className={styles.titleBox}>
-        <View className={styles.title}>{title}</View>
-        {
-          showMode && <View className={styles.modeName} onClick={() => clickNode?.()}>{modeName}</View>
-        }
-      </View>
-      <View className={styles.modeLine}></View>
-      {children}
-    </View>
-  )
-})
+export default CustomerEditor