Merge branch 'master' of http://122.51.230.86:3000/dianliang/lanan-system-vue

src/api/rescue/info.js

@@ -117,3 +117,18 @@ export function listBuckle() {
   })
 }
 
+export function getBuckle(id) {
+  return request({
+    url: "/system/rescueInfo/buckle/" + id,
+    method:"get"
+  })
+}
+
+export function returnCar(data){
+  return request({
+    url: '/system/rescueInfo/returnCar',
+    method: 'post',
+    data
+  })
+}
+

src/views/rescue/buckleList.vue

@@ -16,7 +16,7 @@
         <template v-slot="{ node, data }">
           <!-- 自定义节点内容 -->
           <span class="custom-tree-node">
-        {{ truncateText(data.buckleName, 15) }}({{ data.buckleCount }})
+        {{ truncateText(data.buckleName, 15) }}
       </span>
         </template>
       </el-tree>
@@ -87,6 +87,37 @@
         </el-form-item>
       </el-form>
 
+      <!-- 统计 -->
+      <div style="margin-bottom: 1rem">
+        <el-row style="display: flex;justify-content: space-between">
+          <el-col :span="4">
+            <div>
+              <el-statistic :value="buckleCount" title="总扣车"/>
+            </div>
+          </el-col>
+          <el-col :span="4">
+            <div>
+              <el-statistic :value="deductionCount" title="扣车中"/>
+            </div>
+          </el-col>
+          <el-col :span="4">
+            <div>
+              <el-statistic :value="unDeductionCount" title="已解扣"/>
+            </div>
+          </el-col>
+          <el-col :span="4">
+            <div>
+              <el-statistic :value="returnCount" title="已还车"/>
+            </div>
+          </el-col>
+          <el-col :span="4">
+            <div>
+              <el-statistic :value="noLibraryCount" title="待入库"/>
+            </div>
+          </el-col>
+        </el-row>
+      </div>
+
       <el-row style="margin: 1rem 0" :gutter="10" class="mb8">
         <el-col :span="1.5">
           <el-button type="primary" icon="el-icon-download" :loading="exportLoading" size="mini" @click="handleExport">
@@ -180,18 +211,25 @@
                                                           class="el-icon-edit"></i></span>
           </template>
         </el-table-column>
-        <el-table-column label="实收金额(元)" width="150" align="center" prop="setMoney">
+        <el-table-column label="实收金额(元)" width="150" align="center" prop="payMoney">
           <template slot-scope="scope">
             <span>{{ scope.row.payMoney / 100 }}</span>
           </template>
         </el-table-column>
-        <el-table-column label="收款时间" align="center" width="100" prop="setMoney">
+        <el-table-column label="收款时间" align="center" width="100" prop="payTime">
           <template slot-scope="scope">
             <span>{{ scope.row.payTime }}</span>
           </template>
         </el-table-column>
         <el-table-column fixed="right" label="操作" align="center" width="150" class-name="small-padding fixed-width">
           <template slot-scope="scope">
+            <el-button v-if="scope.row.rescueStatus === '6'"
+              size="mini"
+              type="text"
+              icon="el-icon-check"
+              @click="openReturnCar(scope.row)"
+            >还车
+            </el-button>
             <el-button
               size="mini"
               type="text"
@@ -213,14 +251,113 @@
         />
       </div>
     </div>
+
+    <el-dialog title="车辆归还" :visible.sync="returnCar" width="80%" append-to-body>
+      <el-form ref="formRef" :model="formData" :rules="formRules" v-loading="formLoading" label-width="100px">
+        <el-card class="box-card">
+          <!-- 卡片头 -->
+          <div slot="header" class="clearfix">
+            <i class="el-icon-plus"/>
+            <span>客户信息</span>
+          </div>
+          <!-- 卡片内容 -->
+          <div>
+            <el-row :gutter="2">
+              <el-col :span="12">
+                <el-form-item label="姓名" prop="connectionName">
+                  <el-input disabled v-model="formData.connectionName" placeholder="请输入资产编号"/>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="手机号" prop="connectionPhone">
+                  <el-input disabled v-model="formData.connectionPhone" placeholder="请输入资产编号"/>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row :gutter="2">
+              <el-col :span="12">
+                <el-form-item label="车牌号" prop="licenseNum">
+                  <el-input disabled v-model="formData.licenseNum" placeholder="请输入资产编号"/>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="收费类型" prop="feeType">
+                  <el-select disabled v-model="formData.feeType" clearable filterable placeholder="请选择存放位置" class="customerSelectWidth">
+                    <el-option v-for="item in this.getDictDatas(DICT_TYPE.FEE_TYPE)" :key="item.value" :label="item.label" :value="item.value" />
+                  </el-select>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row :gutter="2">
+              <el-col :span="12">
+                <el-form-item label="订单状态" prop="orderStatus">
+                  <el-select disabled v-model="formData.orderStatus" clearable filterable placeholder="请选择存放位置"
+                             class="customerSelectWidth">
+                    <el-option v-for="item in this.getDictDatas(DICT_TYPE.JY_ORDER_STATUS)" :key="item.value"
+                               :label="item.label" :value="item.value"/>
+                  </el-select>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="应收金额(元)" prop="setMoney">
+                  <el-input disabled v-model="formData.setMoney" />
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row :gutter="2">
+              <el-col :span="12">
+                <el-form-item label="实收金额(元)" prop="payMoney">
+                  <el-input disabled v-model="formData.payMoney"/>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="收款时间" prop="payTime">
+                  <el-date-picker disabled clearable v-model="formData.payTime" type="date" value-format="yyyy-MM-dd"
+                                  placeholder="选择取得日期"
+                  />
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </div>
+        </el-card>
+
+        <el-card class="box-card">
+          <!-- 卡片头 -->
+          <div slot="header" class="clearfix">
+            <i class="el-icon-plus"/>
+            <span>附件信息</span>
+          </div>
+          <!-- 卡片内容 -->
+          <div>
+            <el-form-item label="附件信息" prop="images">
+              <FileUpload ref="fileUpload" v-model="formData.images" :limit="50" />
+            </el-form-item>
+            <el-form-item label="备注" prop="remark">
+              <el-input type="textarea" v-model="formData.remark" maxlength="200"
+                        show-word-limit/>
+            </el-form-item>
+          </div>
+        </el-card>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="handleReturn" :disabled="formLoading">确 定</el-button>
+        <el-button @click="returnCar = false">取 消</el-button>
+      </div>
+    </el-dialog>
   </div>
 </template>
 
 <script>
-import {downloadOrder, listBuckle, listInfo, updateInfo} from "@/api/rescue/info";
+import {delInfo, returnCar, downloadOrder, listBuckle, listInfo, updateInfo, getBuckle} from "@/api/rescue/info";
+import {DICT_TYPE} from "@/utils/dict";
 
 export default {
   name: "BuckleList",
+  computed: {
+    DICT_TYPE() {
+      return DICT_TYPE
+    }
+  },
   data() {
     return {
       // 导出遮罩层
@@ -260,12 +397,50 @@ export default {
       total: 0,
       editType: 0,
       editIdx: -1,
+      // 扣车总数
+      buckleCount: 0,
+      // 扣车中
+      deductionCount: 0,
+      // 已解扣
+      unDeductionCount: 0,
+      // 已还车
+      returnCount: 0,
+      // 待入库
+      noLibraryCount: 0,
+      returnCar: false,
+      // 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用
+      formLoading: false,
+      // 表单参数
+      formData: {
+        connectionName: null,
+        connectionPhone: null,
+        licenseNum: null,
+        feeType: null,
+        orderStatus: null,
+        setMoney: null,
+        payMoney: null,
+        payTime: null,
+        images: null,
+        remark: null,
+      },
+      // 表单校验
+      formRules: {
+      },
     }
   },
   watch: {
     filterText(val) {
       this.$refs.tree.filter(val)
     },
+    chooseData(val){
+      if (val){
+        this.buckleCount = val.buckleCount
+        this.deductionCount = val.deductionCount
+        this.unDeductionCount = val.unDeductionCount
+        this.returnCount = val.returnCount
+        this.noLibraryCount = val.noLibraryCount
+      }
+    },
   },
   created() {
     this.getList()
@@ -277,10 +452,28 @@ export default {
         this.treeLoading = true
         const response = await listBuckle();
         this.dictDataTree = response.data
+        await this.initStatistic(response.data)
       } finally {
         this.treeLoading = false
       }
     },
+    async initStatistic(data){
+      this.buckleCount = data.reduce((temp, item) => {
+        return temp + item.buckleCount
+      }, 0)
+      this.deductionCount = data.reduce((temp, item) => {
+        return temp + item.deductionCount
+      }, 0)
+      this.unDeductionCount = data.reduce((temp, item) => {
+        return temp + item.unDeductionCount
+      }, 0)
+      this.returnCount = data.reduce((temp, item) => {
+        return temp + item.returnCount
+      }, 0)
+      this.noLibraryCount = data.reduce((temp, item) => {
+        return temp + item.noLibraryCount
+      }, 0)
+    },
     handleSelectionChange(selection) {
       const flag = this.selectNodes.findIndex(item => item.dataId === selection.dataId)
       if (flag > -1) {
@@ -366,12 +559,66 @@ export default {
     },
     getBuckleName(id){
       return this.dictDataTree.find(item => item.id === id)?.buckleName || "其他"
+    },
+    openReturnCar(row){
+      this.formData = {
+        ...row
+      }
+      if (this.formData.setMoney){
+        this.formData.setMoney = parseFloat(this.formData.setMoney / 100).toFixed(2)
+      }
+      if (this.formData.payMoney){
+        this.formData.payMoney = parseFloat(this.formData.payMoney / 100).toFixed(2)
+      }
+      this.returnCar = true
+    },
+    // 还车
+    async handleReturn(){
+      if (this.formData.images){
+        this.formData.images = this.formData.images.map(item => item.url).join(",")
+      }
+      try {
+        await returnCar(this.formData)
+        await this.handleChangeNode()
+        await this.getTabList();
+        this.returnCar = false
+        this.$modal.msgSuccess("还车成功")
+      }catch{}
+
+    },
+    // 删除
+    handleDelete(row){
+      const ids = row.id || this.ids;
+      this.$modal.confirm('是否确认删除道路救援模块编号为"' + ids + '"的数据项？').then(function() {
+        return delInfo(ids);
+      }).then(() => {
+        this.handleChangeNode()
+        this.getTabList();
+        this.$modal.msgSuccess("删除成功");
+      }).catch(() => {});
+    },
+    // 重新计算选择的节点
+    async handleChangeNode(){
+      // 如果他选择了节点
+      if (this.chooseData){
+        const res = await getBuckle(this.chooseData.id)
+        const index = this.dictDataTree.find(item => item.id === res.data.id)
+        this.dictDataTree[index] = res.data
+        this.chooseData = res.data
+        return;
+      }
+      // 否则全更新
+      await this.getList()
     }
   }
 }
 </script>
 
 <style scoped lang="scss">
+.box-card {
+  margin-bottom: 10px;
+}
+
 div {
   padding: 0;
   margin: 0 auto;
@@ -408,4 +655,7 @@ div {
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+::v-deep .el-form-item{
+  margin-bottom: 22px;
+}
 </style>