服务记录

mock/servicelist.js

@@ -0,0 +1,30 @@
+const servicecont = [
+  {
+    key:'1',
+    typedate:'@陈特 上门服务 5月5日 14:55',
+    servicecont:'1-给彭工更新了软件程序，安装演示了软。2-单位彭工要考甲乙级考试，给他带了资料过去。3-表示论文发表评职称也可以随时联系我。'
+  },
+  {
+    key:'2',
+    typedate:'@陈特 上门服务 5月5日 14:55',
+    servicecont:'1-给彭工更新了软件程序，安装演示了软。2-单位彭工要考甲乙级考试，给他带了资料过去。3-表示论文发表评职称也可以随时联系我。'
+  },
+  {
+    key:'3',
+    typedate:'@陈特 上门服务 5月5日 14:55',
+    servicecont:'1-给彭工更新了软件程序，安装演示了软。2-单位彭工要考甲乙级考试，给他带了资料过去。3-表示论文发表评职称也可以随时联系我。'
+  },
+  {
+    key:'4',
+    typedate:'@陈特 上门服务 5月5日 14:55',
+    servicecont:'1-给彭工更新了软件程序，安装演示了软。2-单位彭工要考甲乙级考试，给他带了资料过去。3-表示论文发表评职称也可以随时联系我。'
+  },
+  {
+    key:'5',
+    typedate:'@陈特 上门服务 5月5日 14:55',
+    servicecont:'1-给彭工更新了软件程序，安装演示了软。2-单位彭工要考甲乙级考试，给他带了资料过去。3-表示论文发表评职称也可以随时联系我。'
+  },
+]
+export default {
+  'GET /api/servicelist': servicecont
+}

src/components/PopContactForm/index.jsx

@@ -28,6 +28,13 @@ const Popcontactform = props => {
       }) // 派发出这个action就会调用contact中的fetch函数，然后就会请求数据
     }
     journallistData()
+    const servicelisData = () => {
+      const { dispatch } = props
+      dispatch({
+        type: 'servicelist/fetch'
+      }) // 派发出这个action就会调用contact中的fetch函数，然后就会请求数据
+    }
+    servicelisData()
     window.addEventListener('resize', () => {
       setClientWidth(document.body.clientWidth * 0.7)
     })
@@ -39,10 +46,12 @@ const Popcontactform = props => {
     visible,
     onClose,
     onCreate,
-    journalName: { list }
+    journalName,
+    servicelistName
   } = props
-  const journallist = [ ...list ]
-  // console.log(journallist)
+  const journallist = [ ...journalName.list ]
+  const servicelist = [ ...servicelistName.lists ]
+  // console.log(servicelist)
   const [ form ] = Form.useForm()
   const { TabPane } = Tabs
   // function callback(key) {
@@ -324,18 +333,9 @@ const Popcontactform = props => {
                   <TabPane tab="服务记录" key="服务记录">
                     <Table
                       columns={servicecolumns}
-                      // dataSource={data}
+                      dataSource={servicelist}
+                      pagination={false}
                     />
-                    {/* <List
-                      // dataSource={servicedata}
-                      split={false}
-                      renderItem={item => (
-                        <List.Item>
-                          <Typography.Text mark />
-                          {item}
-                        </List.Item>
-                      )}
-                    /> */}
                   </TabPane>
                   <TabPane tab="日志" key="日志">
                     <List
@@ -363,7 +363,8 @@ const Popcontactform = props => {
 }
 
 // export default Popcontactform
-export default connect(({ journallist, loading }) => ({
+export default connect(({ journallist, servicelist, loading }) => ({
   journalName: journallist,
+  servicelistName:servicelist,
   getlist: loading.effects['journallist/fetch']
 }))(Popcontactform)

src/models/servicelist.js

@@ -0,0 +1,28 @@
+import { queryServicecont } from '@/services/servicelist'
+
+export default {
+  namespace: 'servicelist',
+  state: {
+    lists: []
+  },
+  // 用于处理异步操作和业务逻辑，由action触发，但不能修改state
+  effects: {
+    *fetch({ payload }, { call, put }) {
+      const response = yield call(queryServicecont, payload)
+      yield put({
+        type: 'show',
+        payload: response
+      })
+    }
+  },
+  // reducers:用于处理同步操作，由action触发，可修改state
+  reducers: {
+    // action:是由reducers及effects的触发器，一般是第一个对象，如：{type:'add',payload:todo}
+    show(state, action) {
+      return {
+        ...state,
+        lists: action.payload
+      }
+    }
+  }
+}

src/pages/Customer/Contact/index.jsx

@@ -257,7 +257,7 @@ const Contact = props => {
         size="middle"
         columns={columns}
         dataSource={contanctlist}
-        pagination={{ pageSize: 8 }}
+        // pagination={{ pageSize: 8 }}
         search={false}
         options={{
           search: true

src/services/servicelist.js

@@ -0,0 +1,5 @@
+import request from '@/basic/utils/request'
+
+export async function queryServicecont(){
+    return request('/api/servicelist')// 请求/api/servicelist 端口数据的函数 queryServicecont
+}