br-dionysus 0.9.8 → 0.9.10

package/README.md

@@ -282,6 +282,8 @@ const test = ref<number>(0)
     scrollbarAlwaysOn
     allowCreate
     filterable
+    remote
+    :remoteMethod="remoteMethod"
   ></m-new-select-table>
 </template>
 <!--
@@ -296,42 +298,7 @@ isAffirmBtn
 <script setup lang="ts">
 import { ref, onMounted } from 'vue'
 import { Page } from 'packages/typings/class'
-
-const urlPath = 'http://192.168.3.160:8098'
-
-const api = (url: string | URL, method: string, data: any, callback: (arg0: Error | null, arg1: string | undefined) => void) => {
-  var xhr = new XMLHttpRequest()
-  xhr.timeout = 1000 * 60 * 60
-
-  if (method === 'GET' && data) {
-    // 构建查询字符串
-    var params = new URLSearchParams()
-    for (var key in data) {
-      params.append(key, data[key])
-    }
-
-    // 将查询字符串附加到URL上
-    url += '?' + params.toString()
-  }
-  xhr.open(method, url, true)
-  // 设置请求头
-  // for (var key in headers) {
-  xhr.setRequestHeader('Content-Type', 'application/json;charset=UTF-8')
-  // }
-
-  xhr.onreadystatechange = function () {
-    if (xhr.readyState === XMLHttpRequest.DONE) {
-      if (xhr.status === 200) {
-        // 请求成功
-        callback(null, xhr.responseText)
-      } else {
-        // 请求失败
-        callback(new Error('请求失败'), '')
-      }
-    }
-  }
-  xhr.send(JSON.stringify(data))
-}
+import createHash from '../../../tool/createHash'
 
 const commodityOptionsTitle: TableTitle[] = [{
   prop: 'PRDocType',
@@ -357,25 +324,21 @@ const code = ref<string | number | Array<string | number>>('')
 
 const total = ref(0)
 const options = ref<any[]>([])
-const getDataList = (page: Page = new Page(), str: any = '') => {
-  const params = {
-    KeyWord: str,
-    Group: '1',
-    Process: 100,
-    Status: 100,
-    Page: page?.currentPage || 1,
-    Limit: page?.pageSize || 5,
-    userCode: 'demo',
-    orgId: '1002210140000050',
-    entId: '002'
-  }
-  api(urlPath + '/queryPLMPRList', 'POST', params, (err, response: any) => {
-    const res = JSON.parse(response)
-    options.value = res.data
-    total.value = res.count
+let mockData: any[] = []
+for (let i = 0; i < 1000; i++) {
+  mockData.push({
+    PRDocType: '测试数据' + (i + 1),
+    DocNo: createHash(),
+    ApprovedQtyPU: 'ApprovedQtyPU',
+    ACCode: 'ACCode'
+  })
+}
+const getDataList = (page: Page = new Page(), str: string = '') => {
+  setTimeout(() => {
+    options.value = mockData.filter(item => item.DocNo.includes(str)).slice(0, page.pageSize)
+    total.value = mockData.length
   })
 }
-
 
 const selected = (value: string | number | Array<number | string>, row: any) => {
   console.log(value)
@@ -392,29 +355,18 @@ const selectMultiple = (value: string | number | Array<number | string>, row: an
   code.value = value
 }
 
-const remoteMethod = (query: string, page: any) => {
+const remoteMethod = async (query: string, page: any) => {
   console.log(query)
-  getData(query, page)
-}
-const getData = (query: string, page: any) => {
-  // if(query){
-  const params = {
-    KeyWord: query,
-    Group: '1',
-    Process: 100,
-    Status: 100,
-    Page: page?.currentPage || 1,
-    Limit: page?.pageSize || 5,
-    userCode: 'demo',
-    orgId: '1002210140000050',
-    entId: '002'
-  }
-  api(urlPath + '/queryPLMPRList', 'POST', params, (err, response: any) => {
-    const res = JSON.parse(response)
-    options.value = res.data
-    total.value = res.count
+  await getData(query, page)
+}
+const getData = async (query: string, page: any) => {
+  return new Promise<void>((resolve) => {
+    setTimeout(() => {
+      options.value = mockData.filter(item => item.DocNo.includes(query)).slice(0, page.pageSize)
+      total.value = mockData.length
+      resolve()
+    }, 500)
   })
-  // }
 }
 
 onMounted(() => {
@@ -425,9 +377,6 @@ const filterMethod = (searchValue: string, page: Page) => {
   const arr = JSON.parse(JSON.stringify(options.value))
   options.value = arr.filter((item: any) => item.ApprovedQtyPU.toString().includes(searchValue))
 }
-// setTimeout(()=>{
-//   selectRef.value.focus()
-// })
 </script>
 
 <style>