救援集成进度2/5

src/views/rescue/api/rescueCustomer.js

@@ -79,3 +79,10 @@ export function edept_driver(data) {
     data: data
   })
 }
+
+export function delete_dept_driver(ids) {
+  return request({
+    url: '/dept_driver/dept_driver/' + ids ,
+    method: 'delete',
+  })
+}

src/views/rescue/customerDriverIndex.vue

@@ -14,8 +14,10 @@
         <el-tree :data="Thetree"
                  :props="defaultProps"
                  node-key="id"
+                 ref="tree"
                  :default-expanded-keys="[200, 201]"
                  :default-checked-keys="[206]"
+                 :filter-node-method="filterNode"
                  @node-click="handleNodeClick"></el-tree>
       </div>
     </el-col>
@@ -50,7 +52,12 @@
         </el-row>
 
         <el-table v-loading="loading" :data="rescueCustomerList" @selection-change="handleSelectionChange">
-          <el-table-column type="selection" width="55" align="center" />
+          <el-table-column label="序号" align="center">
+            <template scope="scope">
+              <span>{{ scope.$index + 1 }}</span>
+            </template>
+          </el-table-column>
+<!--          <el-table-column type="selection" width="55" align="center" />-->
           <!--      <el-table-column label="主键" align="center" prop="id" />-->
           <el-table-column label="机构" align="center" prop="deptName" />
           <el-table-column label="第一梯队" align="center" prop="firstDriverName" />
@@ -101,9 +108,9 @@
               <el-select v-model="form.firstDriverIds" filterable multiple placeholder="请选择">
                 <el-option
                   v-for="item in options"
-                  :key="item.id.toString()"
+                  :key="item.id"
-                  :label="item.realName"
+                  :label="item.nickName"
-                  :value="item.id.toString()">
+                  :value="item.id">
                 </el-option>
               </el-select>
             </el-form-item>
@@ -111,9 +118,9 @@
               <el-select v-model="form.secondDriverIds" filterable multiple placeholder="请选择">
                 <el-option
                   v-for="item in options"
-                  :key="item.id.toString()"
+                  :key="item.id"
-                  :label="item.realName"
+                  :label="item.nickName"
-                  :value="item.id.toString()">
+                  :value="item.id">
                 </el-option>
               </el-select>
             </el-form-item>
@@ -121,9 +128,9 @@
               <el-select v-model="form.thirdDriverIds" filterable multiple placeholder="请选择">
                 <el-option
                   v-for="item in options"
-                  :key="item.id.toString()"
+                  :key="item.id"
-                  :label="item.realName"
+                  :label="item.nickName"
-                  :value="item.id.toString()">
+                  :value="item.id">
                 </el-option>
               </el-select>
             </el-form-item>
@@ -142,7 +149,19 @@
 </template>
 
 <script>
-  import { driverlist, edept_driver, dept_driver, listRescueCustomer, getRescueCustomer, delRescueCustomer, addRescueCustomer, updateRescueCustomer,getdeptTree,driverList } from "./api/rescueCustomer";
+import {
+  driverlist,
+  edept_driver,
+  dept_driver,
+  listRescueCustomer,
+  getRescueCustomer,
+  delRescueCustomer,
+  addRescueCustomer,
+  updateRescueCustomer,
+  getdeptTree,
+  driverList,
+  delete_dept_driver
+} from './api/rescueCustomer'
 
   export default {
     name: "RescueCustomer",
@@ -152,7 +171,7 @@
         filterText:'',
         defaultProps: {
           children: 'children',
-          label: 'label'
+          label: 'name'
         },
         value1:[],
         value2:[],
@@ -236,35 +255,38 @@
       }
     },
     methods: {
+      filterNode(value, data) {
+        if (!value) return true
+        return data.name.indexOf(value) !== -1
+      },
       handleCheckChange(data, checked, indeterminate) {
-        console.log(data, checked, indeterminate);
+        // console.log(data, checked, indeterminate);
       },
       handleNodeClick(data) {
         this.xid  = data.id
         // this.form.customerDeptId
-        this.xtitle = data.label
+        this.xtitle = data.name
-        console.log('x',data);
+        // console.log('x',data);
-        console.log(this.form.customerDeptId)
+        // console.log(this.form.customerDeptId)
       },
       /** 查询救援的客户信息列表 */
       getList() {
         this.loading = true;
         driverlist(this.queryParams).then(response => {
-          this.rescueCustomerList = response.rows;
+          this.rescueCustomerList = response.data.records;
-          this.total = response.total;
+          this.total = response.data.total;
           this.loading = false;
         });
         getdeptTree().then(res=>{
-          console.log(res)
+          this.Thetree = this.handleTree(res.data, 'id')
-          this.Thetree = res.data
         })
         let data = {
           pageNo: 1,
           pageSize: 999,
         }
         driverList(data).then(res=>{
-          console.log(res)
+          // console.log(res)
-          this.options = res.rows
+          this.options = res.data.records
         })
       },
       // 取消按钮
@@ -309,15 +331,17 @@
         this.open = true;
         this.title = "添加司机信息";
         this.form.deptId = this.xid
-
       },
       /** 修改按钮操作 */
       handleUpdate(row) {
-        row.firstDriverIds = row.firstDriverIds.split(",");
+        const data = {
-        row.secondDriverIds = row.secondDriverIds.split(",");
+          ...row,
-        row.thirdDriverIds = row.thirdDriverIds.split(",");
+          firstDriverIds: row.firstDriverIds.split(",").map(id => parseInt(id)),
-        this.form = row
+          secondDriverIds: row.secondDriverIds.split(",").map(id => parseInt(id)),
-        console.log(this.form)
+          thirdDriverIds: row.thirdDriverIds.split(",").map(id => parseInt(id))
+        }
+        this.form = data
+        // console.log(this.form)
         this.open = true;
         this.title = "修改救援的客户信息";
       },
@@ -352,7 +376,7 @@
       handleDelete(row) {
         const ids = row.id || this.ids;
         this.$modal.confirm('是否确认删除救援的客户信息编号为"' + ids + '"的数据项？').then(function() {
-          return delRescueCustomer(ids);
+          return delete_dept_driver(ids);
         }).then(() => {
           this.getList();
           this.$modal.msgSuccess("删除成功");

src/views/rescue/customerIndex.vue

@@ -4,11 +4,12 @@
       <div class="left-box">
         <div class="title-h">公司机构</div>
         <div class="xzbox">
-          <span>当前选择：{{xtitle}}</span>
+          <span>当前选择：{{ xtitle }}</span>
         </div>
         <el-input
           placeholder="请输入机构名称查询"
-          v-model="filterText">
+          v-model="filterText"
+        >
         </el-input>
 
         <el-tree :data="Thetree"
@@ -17,176 +18,194 @@
                  ref="tree"
                  :default-expanded-keys="[200, 201]"
                  :default-checked-keys="[206]"
-                 @node-click="handleNodeClick"></el-tree>
+                 @node-click="handleNodeClick"
+                 :filter-node-method="filterNode"
+        ></el-tree>
       </div>
     </el-col>
- <el-col :span="20">
+    <el-col :span="20">
-  <div class="app-container">
+      <div class="app-container">
-    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
+        <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch"
-      <el-form-item label="客户名称" prop="customerName">
+                 label-width="68px"
-        <el-input
+        >
-          v-model="queryParams.customerName"
+          <el-form-item label="客户名称" prop="customerName">
-          placeholder="请输入客户名称"
+            <el-input
-          clearable
+              v-model="queryParams.customerName"
-          @keyup.enter.native="handleQuery"
+              placeholder="请输入客户名称"
+              clearable
+              @keyup.enter.native="handleQuery"
+            />
+          </el-form-item>
+          <el-form-item label="手机号" prop="customerPhone">
+            <el-input
+              v-model="queryParams.customerPhone"
+              placeholder="请输入手机号"
+              clearable
+              @keyup.enter.native="handleQuery"
+            />
+          </el-form-item>
+
+          <el-form-item label="开始日期" prop="signStartDate">
+            <el-date-picker clearable
+                            v-model="queryParams.signStartDate"
+                            type="date"
+                            value-format="yyyy-MM-dd"
+                            placeholder="请选择签约开始日期"
+            >
+            </el-date-picker>
+          </el-form-item>
+          <el-form-item label="结束日期" prop="signEndDate">
+            <el-date-picker clearable
+                            v-model="queryParams.signEndDate"
+                            type="date"
+                            value-format="yyyy-MM-dd"
+                            placeholder="请选择签约结束日期"
+            >
+            </el-date-picker>
+          </el-form-item>
+          <el-form-item>
+            <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+            <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+          </el-form-item>
+        </el-form>
+
+        <el-row :gutter="10" class="mb8">
+          <el-col :span="1.5">
+            <el-button
+              type="primary"
+              plain
+              icon="el-icon-plus"
+              size="mini"
+              @click="handleAdd"
+            >新增
+            </el-button>
+          </el-col>
+          <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+        </el-row>
+
+        <el-table v-loading="loading" :data="rescueCustomerList" @selection-change="handleSelectionChange">
+          <el-table-column type="selection" width="55" align="center"/>
+          <!--      <el-table-column label="主键" align="center" prop="id" />-->
+          <el-table-column label="客户名称" align="center" prop="customerName"/>
+          <el-table-column label="客户手机号" align="center" prop="customerPhone"/>
+          <el-table-column label="客户公司" align="center" prop="deptName"/>
+          <el-table-column label="签约开始日期" align="center" prop="signStartDate" width="180">
+            <template slot-scope="scope">
+              <span>{{ parseTime(scope.row.signStartDate, '{y}-{m}-{d}') }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column label="签约结束日期" align="center" prop="signEndDate" width="180">
+            <template slot-scope="scope">
+              <span>{{ parseTime(scope.row.signEndDate, '{y}-{m}-{d}') }}</span>
+            </template>
+          </el-table-column>
+          <!--      <el-table-column label="默认救援类型" align="center" prop="defaultRescueType">-->
+          <!--        <template slot-scope="scope">-->
+          <!--          <dict-tag :options="dict.type.dljy_type" :value="scope.row.defaultRescueType"/>-->
+          <!--        </template>-->
+          <!--      </el-table-column>-->
+          <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+            <template slot-scope="scope">
+              <el-button
+                size="mini"
+                type="text"
+                icon="el-icon-edit"
+                @click="handleUpdate(scope.row)"
+              >修改
+              </el-button>
+              <el-button
+                size="mini"
+                type="text"
+                icon="el-icon-delete"
+                @click="handleDelete(scope.row)"
+              >删除
+              </el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+
+        <pagination
+          v-show="total>0"
+          :total="total"
+          :page.sync="queryParams.pageNo"
+          :limit.sync="queryParams.pageSize"
+          @pagination="getList"
         />
-      </el-form-item>
-      <el-form-item label="手机号" prop="customerPhone">
-        <el-input
-          v-model="queryParams.customerPhone"
-          placeholder="请输入手机号"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
 
-      <el-form-item label="开始日期" prop="signStartDate">
+        <!-- 添加或修改救援的客户信息对话框 -->
-        <el-date-picker clearable
+        <el-dialog :title="title" :visible.sync="open" width="600px" append-to-body>
-          v-model="queryParams.signStartDate"
-          type="date"
-          value-format="yyyy-MM-dd"
-          placeholder="请选择签约开始日期">
-        </el-date-picker>
-      </el-form-item>
-      <el-form-item label="结束日期" prop="signEndDate">
-        <el-date-picker clearable
-          v-model="queryParams.signEndDate"
-          type="date"
-          value-format="yyyy-MM-dd"
-          placeholder="请选择签约结束日期">
-        </el-date-picker>
-      </el-form-item>
-      <el-form-item>
-        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
-        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
-      </el-form-item>
-    </el-form>
 
-    <el-row :gutter="10" class="mb8">
+          <el-form ref="form" :model="form" :rules="rules" label-width="120px">
-      <el-col :span="1.5">
+            <el-form-item label="客户公司" prop="customerDeptId">
-        <el-button
-          type="primary"
-          plain
-          icon="el-icon-plus"
-          size="mini"
-          @click="handleAdd"
-        >新增</el-button>
-      </el-col>
-      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
-    </el-row>
 
-    <el-table v-loading="loading" :data="rescueCustomerList" @selection-change="handleSelectionChange">
+              <span style="font-weight: bold; font-size: 16px">{{ form.deptName || xtitle }}</span>
-      <el-table-column type="selection" width="55" align="center" />
+            </el-form-item>
-<!--      <el-table-column label="主键" align="center" prop="id" />-->
+            <el-form-item label="客户名称" prop="customerName">
-      <el-table-column label="客户名称" align="center" prop="customerName" />
+              <el-input v-model="form.customerName" placeholder="请输入客户名称"/>
-      <el-table-column label="客户手机号" align="center" prop="customerPhone" />
+            </el-form-item>
-      <el-table-column label="客户公司" align="center" prop="deptName" />
+            <el-form-item label="客户手机号" prop="customerPhone">
-      <el-table-column label="签约开始日期" align="center" prop="signStartDate" width="180">
+              <el-input v-model="form.customerPhone" placeholder="请输入客户手机号"/>
-        <template slot-scope="scope">
+            </el-form-item>
-          <span>{{ parseTime(scope.row.signStartDate, '{y}-{m}-{d}') }}</span>
+            <el-form-item label="单号前缀" prop="orderPrefix">
-        </template>
+              <el-input v-model="form.orderPrefix" placeholder="请输入单号前缀"/>
-      </el-table-column>
+            </el-form-item>
-      <el-table-column label="签约结束日期" align="center" prop="signEndDate" width="180">
+            <el-form-item label="签约开始日期" prop="signStartDate">
-        <template slot-scope="scope">
+              <el-date-picker clearable
-          <span>{{ parseTime(scope.row.signEndDate, '{y}-{m}-{d}') }}</span>
+                              v-model="form.signStartDate"
-        </template>
+                              type="date"
-      </el-table-column>
+                              value-format="yyyy-MM-dd"
-<!--      <el-table-column label="默认救援类型" align="center" prop="defaultRescueType">-->
+                              placeholder="请选择签约开始日期"
-<!--        <template slot-scope="scope">-->
+              >
-<!--          <dict-tag :options="dict.type.dljy_type" :value="scope.row.defaultRescueType"/>-->
+              </el-date-picker>
-<!--        </template>-->
+            </el-form-item>
-<!--      </el-table-column>-->
+            <el-form-item label="签约结束日期" prop="signEndDate">
-      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+              <el-date-picker clearable
-        <template slot-scope="scope">
+                              v-model="form.signEndDate"
-          <el-button
+                              type="date"
-            size="mini"
+                              value-format="yyyy-MM-dd"
-            type="text"
+                              placeholder="请选择签约结束日期"
-            icon="el-icon-edit"
+              >
-            @click="handleUpdate(scope.row)"
+              </el-date-picker>
-          >修改</el-button>
+            </el-form-item>
-          <el-button
-            size="mini"
-            type="text"
-            icon="el-icon-delete"
-            @click="handleDelete(scope.row)"
-          >删除</el-button>
-        </template>
-      </el-table-column>
-    </el-table>
 
-    <pagination
+            <!--        <el-form-item label="默认救援类型" prop="defaultRescueType">-->
-      v-show="total>0"
+            <!--          <el-select v-model="form.defaultRescueType" placeholder="请选择默认救援类型">-->
-      :total="total"
+            <!--            <el-option-->
-      :page.sync="queryParams.pageNo"
+            <!--              v-for="dict in dict.type.dljy_type"-->
-      :limit.sync="queryParams.pageSize"
+            <!--              :key="dict.value"-->
-      @pagination="getList"
+            <!--              :label="dict.label"-->
-    />
+            <!--              :value="dict.value"-->
-
+            <!--            ></el-option>-->
-    <!-- 添加或修改救援的客户信息对话框 -->
+            <!--          </el-select>-->
-    <el-dialog :title="title" :visible.sync="open" width="600px" append-to-body>
+            <!--        </el-form-item>-->
-
+          </el-form>
-      <el-form ref="form" :model="form" :rules="rules" label-width="120px">
+          <div slot="footer" class="dialog-footer">
-        <el-form-item label="客户公司" prop="customerDeptId">
+            <el-button type="primary" @click="submitForm">确 定</el-button>
-
+            <el-button @click="cancel">取 消</el-button>
-          <span style="font-weight: bold; font-size: 16px">{{ form.deptName ||xtitle}}</span>
+          </div>
-        </el-form-item>
+        </el-dialog>
-        <el-form-item label="客户名称" prop="customerName">
-          <el-input v-model="form.customerName" placeholder="请输入客户名称" />
-        </el-form-item>
-        <el-form-item label="客户手机号" prop="customerPhone">
-          <el-input v-model="form.customerPhone" placeholder="请输入客户手机号" />
-        </el-form-item>
-        <el-form-item label="单号前缀" prop="orderPrefix">
-          <el-input v-model="form.orderPrefix" placeholder="请输入单号前缀" />
-        </el-form-item>
-        <el-form-item label="签约开始日期" prop="signStartDate">
-          <el-date-picker clearable
-            v-model="form.signStartDate"
-            type="date"
-            value-format="yyyy-MM-dd"
-            placeholder="请选择签约开始日期">
-          </el-date-picker>
-        </el-form-item>
-        <el-form-item label="签约结束日期" prop="signEndDate">
-          <el-date-picker clearable
-            v-model="form.signEndDate"
-            type="date"
-            value-format="yyyy-MM-dd"
-            placeholder="请选择签约结束日期">
-          </el-date-picker>
-        </el-form-item>
-
-<!--        <el-form-item label="默认救援类型" prop="defaultRescueType">-->
-<!--          <el-select v-model="form.defaultRescueType" placeholder="请选择默认救援类型">-->
-<!--            <el-option-->
-<!--              v-for="dict in dict.type.dljy_type"-->
-<!--              :key="dict.value"-->
-<!--              :label="dict.label"-->
-<!--              :value="dict.value"-->
-<!--            ></el-option>-->
-<!--          </el-select>-->
-<!--        </el-form-item>-->
-      </el-form>
-      <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="submitForm">确 定</el-button>
-        <el-button @click="cancel">取 消</el-button>
       </div>
-    </el-dialog>
-  </div>
     </el-col>
 
   </el-row>
 </template>
 
 <script>
-import { listRescueCustomer, getRescueCustomer, delRescueCustomer, addRescueCustomer, updateRescueCustomer,getdeptTree } from "./api/rescueCustomer";
+import {
+  listRescueCustomer,
+  getRescueCustomer,
+  delRescueCustomer,
+  addRescueCustomer,
+  updateRescueCustomer,
+  getdeptTree
+} from './api/rescueCustomer'
 
 export default {
-  name: "RescueCustomer",
+  name: 'RescueCustomer',
   dicts: ['dljy_type'],
   data() {
     return {
-      filterText:'',
+      filterText: '',
       defaultProps: {
         children: 'children',
         label: 'name'
@@ -206,9 +225,9 @@ export default {
       // 救援的客户信息表格数据
       rescueCustomerList: [],
       // 弹出层标题
-      title: "",
+      title: '',
-      xtitle:'',
+      xtitle: '',
-      xid:'',
+      xid: '',
       // 是否显示弹出层
       open: false,
       // 查询参数
@@ -220,57 +239,58 @@ export default {
         customerDeptId: null,
         signStartDate: null,
         signEndDate: null,
-        defaultRescueType: null,
+        defaultRescueType: null
       },
-      Thetree:[],
+      Thetree: [],
       // 表单参数
       form: {},
       // 表单校验
       rules: {
         customerName: [
-          { required: true, message: '不能为空', trigger: 'blur' },
+          { required: true, message: '不能为空', trigger: 'blur' }
         ],
         customerPhone: [
-          { required: true, message: '不能为空', trigger: 'blur' },
+          { required: true, message: '不能为空', trigger: 'blur' }
         ],
         orderPrefix: [
-          { required: true, message: '不能为空', trigger: 'blur' },
+          { required: true, message: '不能为空', trigger: 'blur' }
-        ],
+        ]
-      },
+      }
-    };
+    }
   },
   created() {
-    this.getList();
+    this.getList()
   },
   watch: {
     filterText(val) {
-      // TODO 待完成
+      this.$refs.tree.filter(val)
     }
   },
   methods: {
-    handleCheckChange(data, checked, indeterminate) {
+    filterNode(value, data) {
-      // console.log(data, checked, indeterminate);
+      if (!value) return true
+      return data.name.indexOf(value) !== -1
     },
     handleNodeClick(data) {
-      this.xid  = data.id
+      this.xid = data.id
       this.xtitle = data.name
     },
     /** 查询救援的客户信息列表 */
     getList() {
-      this.loading = true;
+      this.loading = true
       listRescueCustomer(this.queryParams).then(response => {
-        this.rescueCustomerList = response.data.records;
+        this.rescueCustomerList = response.data.records
-        this.total = response.data.total;
+        this.total = response.data.total
-        this.loading = false;
+        this.loading = false
-      });
+      })
-      getdeptTree().then(res=>{
+      getdeptTree().then(res => {
         this.Thetree = this.handleTree(res.data, 'id')
       })
     },
     // 取消按钮
     cancel() {
-      this.open = false;
+      this.open = false
-      this.reset();
+      this.reset()
     },
     // 表单重置
     reset() {
@@ -288,76 +308,77 @@ export default {
         createBy: null,
         updateTime: null,
         updateBy: null
-      };
+      }
-      this.resetForm("form");
+      this.resetForm('form')
     },
     /** 搜索按钮操作 */
     handleQuery() {
-      this.queryParams.pageNo = 1;
+      this.queryParams.pageNo = 1
-      this.getList();
+      this.getList()
     },
     /** 重置按钮操作 */
     resetQuery() {
-      this.resetForm("queryForm");
+      this.resetForm('queryForm')
-      this.handleQuery();
+      this.handleQuery()
     },
     // 多选框选中数据
     handleSelectionChange(selection) {
       this.ids = selection.map(item => item.id)
-      this.single = selection.length!==1
+      this.single = selection.length !== 1
       this.multiple = !selection.length
     },
     /** 新增按钮操作 */
     handleAdd() {
-      if(this.xtitle == ''){
+      if (this.xtitle == '') {
-        this.$modal.msgSuccess("请先选择部门");
+        this.$modal.msgSuccess('请先选择部门')
         return
       }
-      this.reset();
+      this.reset()
-      this.open = true;
+      this.open = true
-      this.title = "添加客户信息";
+      this.title = '添加客户信息'
       this.form.customerDeptId = this.xid
 
     },
     /** 修改按钮操作 */
     handleUpdate(row) {
-      this.reset();
+      this.reset()
       const id = row.id || this.ids
       getRescueCustomer(id).then(response => {
-        this.form = response.data;
+        this.form = response.data
-        this.open = true;
+        this.open = true
-        this.title = "修改救援的客户信息";
+        this.title = '修改救援的客户信息'
-      });
+      })
     },
     /** 提交按钮 */
     submitForm() {
-      this.$refs["form"].validate(valid => {
+      this.$refs['form'].validate(valid => {
         if (valid) {
           if (this.form.id != null) {
             updateRescueCustomer(this.form).then(response => {
-              this.$modal.msgSuccess("修改成功");
+              this.$modal.msgSuccess('修改成功')
-              this.open = false;
+              this.open = false
-              this.getList();
+              this.getList()
-            });
+            })
           } else {
             addRescueCustomer(this.form).then(response => {
-              this.$modal.msgSuccess("新增成功");
+              this.$modal.msgSuccess('新增成功')
-              this.open = false;
+              this.open = false
-              this.getList();
+              this.getList()
-            });
+            })
           }
         }
-      });
+      })
     },
     /** 删除按钮操作 */
     handleDelete(row) {
-      const ids = row.id || this.ids;
+      const ids = row.id || this.ids
       this.$modal.confirm('是否确认删除救援的客户信息编号为"' + ids + '"的数据项？').then(function() {
-        return delRescueCustomer(ids);
+        return delRescueCustomer(ids)
       }).then(() => {
-        this.getList();
+        this.getList()
-        this.$modal.msgSuccess("删除成功");
+        this.$modal.msgSuccess('删除成功')
-      }).catch(() => {});
+      }).catch(() => {
+      })
     },
     /** 导出按钮操作 */
     handleExport() {
@@ -366,29 +387,31 @@ export default {
       }, `rescueCustomer_${new Date().getTime()}.xlsx`)
     }
   }
-};
+}
 </script>
 <style>
-  .left-box{
+.left-box {
-    box-sizing: border-box;
+  box-sizing: border-box;
-    padding: 15px;
+  padding: 15px;
-  }
+}
-  .title-h{
-    font-size: 18px;
-    font-weight: 600;
-    margin-bottom: 20px;
-  }
-  .xzbox{
-    width: 100%;
-    margin: 5px auto;
-    border-radius: 8px;
-    height: 40px;
-    box-sizing: border-box;
-    padding: 0px 10px;
-    display: flex;
-    align-items: center;
-    color: #409EFF;
 
-    /*background: #99a9bf;*/
+.title-h {
-  }
+  font-size: 18px;
+  font-weight: 600;
+  margin-bottom: 20px;
+}
+
+.xzbox {
+  width: 100%;
+  margin: 5px auto;
+  border-radius: 8px;
+  height: 40px;
+  box-sizing: border-box;
+  padding: 0px 10px;
+  display: flex;
+  align-items: center;
+  color: #409EFF;
+
+  /*background: #99a9bf;*/
+}
 </style>

src/views/rescue/index.vue

@@ -526,8 +526,8 @@ export default {
     getList() {
       this.loading = true;
       listInfo(this.queryParams).then(response => {
-        this.infoList = response.rows;
+        this.infoList = response.data.records;
-        this.total = response.total;
+        this.total = response.data.total;
         this.loading = false;
       });
     },