23.3.15 列表对接

src/api/orderform/index.js

+import request from '@/utils/request'
+
+// 订单列表列表
+export function listGET(query) {
+  return request({
+    url: '/xinrenli/order/list',
+    method: 'get',
+    params: query
+  })
+}
+

src/views/orderform/index.vue

@@ -27,22 +27,24 @@
     <el-table :data="tableData" border style="width: 100%">
       <el-table-column type="index" width="50" label="序号" align="center">
       </el-table-column>
-      <el-table-column prop="date" label="联系人" :show-overflow-tooltip="true" align="center">
+      <el-table-column prop="linkman" label="联系人" :show-overflow-tooltip="true" align="center">
       </el-table-column>
-      <el-table-column prop="name" label="联系电话" :show-overflow-tooltip="true" align="center">
+      <el-table-column prop="phone" label="联系电话" :show-overflow-tooltip="true" align="center">
       </el-table-column>
-      <el-table-column prop="province" label="维修时间" :show-overflow-tooltip="true" align="center">
+      <el-table-column prop="repairTime" label="维修时间" :show-overflow-tooltip="true" align="center">
       </el-table-column>
-      <el-table-column prop="city" label="维修地址" :show-overflow-tooltip="true" align="center">
+      <el-table-column prop="repairAddress" label="维修地址" :show-overflow-tooltip="true" align="center">
       </el-table-column>
-      <el-table-column prop="address" label="预算金额(元)" :show-overflow-tooltip="true" align="center">
-        <template>
-          <el-input v-model="queryParams.dataName" placeholder="请输入联系人姓名" clearable />
-        </template>
+      <el-table-column prop="budget" label="预算金额(元)" :show-overflow-tooltip="true" align="center">
+
       </el-table-column>
-      <el-table-column prop="address" label="沟通后金额(元)" :show-overflow-tooltip="true" align="center">
+      <el-table-column prop="actualAmount" label="沟通后金额(元)" :show-overflow-tooltip="true" align="center">
+        <template slot-scope="scope">
+          <el-input  v-if="!scope.row.actualAmount" v-model="scope.row.dataName" placeholder="请输入联系人姓名" clearable />
+          <div v-else>{{ scope.row.actualAmount }}</div>
+        </template>
       </el-table-column>
-      <el-table-column prop="address" label="订单标题" :show-overflow-tooltip="true" align="center">
+      <el-table-column prop="title" label="订单标题" :show-overflow-tooltip="true" align="center">
       </el-table-column>
       <el-table-column prop="address" label="图片说明" :show-overflow-tooltip="true" align="center">
         <template slot-scope="scope">
@@ -59,11 +61,11 @@
           <el-button type="text" size="small" @click="imageCaption(scope, '3')">查看详情</el-button>
         </template>
       </el-table-column>
-      <el-table-column prop="zip" label="订单状态" :show-overflow-tooltip="true" align="center">
+      <el-table-column prop="status" label="订单状态" :show-overflow-tooltip="true" align="center">
       </el-table-column>
-      <el-table-column prop="zip" label="驳回理由" :show-overflow-tooltip="true" align="center">
+      <el-table-column prop="reasonsForRejection" label="驳回理由" :show-overflow-tooltip="true" align="center">
       </el-table-column>
-      <el-table-column prop="zip" label="备注说明" :show-overflow-tooltip="true" align="center">
+      <el-table-column prop="remark" label="备注说明" :show-overflow-tooltip="true" align="center">
       </el-table-column>
       <el-table-column label="操作" width="150">
         <template slot-scope="scope">
@@ -86,12 +88,12 @@
 <script>
 import comindex from './components/index'
 import commodify from './components/modify'
-
+import { listGET } from '@/api/orderform/index'
 export default {
   name: "orderform",
   data() {
     return {
-      value1:'',
+      value1: '',
       dialogVisible: false,
       dialogVi: false,
       control: '0',
@@ -118,35 +120,7 @@ export default {
         label: '北京烤鸭'
       }],
       value: '',
-      tableData: [{
-        date: '2016-05-02',
-        name: '王小虎',
-        province: '上海',
-        city: '普陀区',
-        address: '上海市普陀区金沙江路 1518 弄',
-        zip: 200333
-      }, {
-        date: '2016-05-04',
-        name: '王小虎',
-        province: '上海',
-        city: '普陀区',
-        address: '上海市普陀区金沙江路 1517 弄',
-        zip: 200333
-      }, {
-        date: '2016-05-01',
-        name: '王小虎',
-        province: '上海',
-        city: '普陀区',
-        address: '上海市普陀区金沙江路 1519 弄',
-        zip: 200333
-      }, {
-        date: '2016-05-03',
-        name: '王小虎',
-        province: '上海',
-        city: '普陀区',
-        address: '上海市普陀区金沙江路 1516 弄',
-        zip: 200333
-      }],
+      tableData: [],
       // 日期范围
       dateRange: "",
       // 查询参数
@@ -170,8 +144,16 @@ export default {
     comindex,
     commodify
   },
-  created() { },
+  created() {
+    this.listth()
+  },
   methods: {
+    // 列表接口
+    listth() {
+      listGET().then((res) => {
+        this.tableData = res.rows
+      })
+    },
     // 搜索
     handleQuery() {