车辆费用接口

oa-back/ruoyi-admin/src/main/java/com/ruoyi/web/controller/oa/CmcCarExpenseController.java

@@ -0,0 +1,107 @@
+package com.ruoyi.web.controller.oa;
+
+import java.util.List;
+import javax.servlet.http.HttpServletResponse;
+
+import com.ruoyi.common.utils.SnowFlake;
+import org.springframework.security.access.prepost.PreAuthorize;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.web.bind.annotation.GetMapping;
+import org.springframework.web.bind.annotation.PostMapping;
+import org.springframework.web.bind.annotation.PutMapping;
+import org.springframework.web.bind.annotation.DeleteMapping;
+import org.springframework.web.bind.annotation.PathVariable;
+import org.springframework.web.bind.annotation.RequestBody;
+import org.springframework.web.bind.annotation.RequestMapping;
+import org.springframework.web.bind.annotation.RestController;
+import com.ruoyi.common.annotation.Log;
+import com.ruoyi.common.core.controller.BaseController;
+import com.ruoyi.common.core.domain.AjaxResult;
+import com.ruoyi.common.enums.BusinessType;
+import com.ruoyi.oa.domain.CmcCarExpense;
+import com.ruoyi.oa.service.ICmcCarExpenseService;
+import com.ruoyi.common.utils.poi.ExcelUtil;
+import com.ruoyi.common.core.page.TableDataInfo;
+
+/**
+ * cmc车辆费用Controller
+ * 
+ * @author cmc
+ * @date 2024-03-12
+ */
+@RestController
+@RequestMapping("/oa/carExpense")
+public class CmcCarExpenseController extends BaseController
+{
+    @Autowired
+    private ICmcCarExpenseService cmcCarExpenseService;
+
+    /**
+     * 查询cmc车辆费用列表
+     */
+    @PreAuthorize("@ss.hasPermi('oa:expense:list')")
+    @GetMapping("/list")
+    public TableDataInfo list(CmcCarExpense cmcCarExpense)
+    {
+        startPage();
+        List<CmcCarExpense> list = cmcCarExpenseService.selectCmcCarExpenseList(cmcCarExpense);
+        return getDataTable(list);
+    }
+
+    /**
+     * 导出cmc车辆费用列表
+     */
+    @PreAuthorize("@ss.hasPermi('oa:expense:export')")
+    @Log(title = "cmc车辆费用", businessType = BusinessType.EXPORT)
+    @PostMapping("/export")
+    public void export(HttpServletResponse response, CmcCarExpense cmcCarExpense)
+    {
+        List<CmcCarExpense> list = cmcCarExpenseService.selectCmcCarExpenseList(cmcCarExpense);
+        ExcelUtil<CmcCarExpense> util = new ExcelUtil<CmcCarExpense>(CmcCarExpense.class);
+        util.exportExcel(response, list, "cmc车辆费用数据");
+    }
+
+    /**
+     * 获取cmc车辆费用详细信息
+     */
+    @PreAuthorize("@ss.hasPermi('oa:expense:query')")
+    @GetMapping(value = "/{carExpenseId}")
+    public AjaxResult getInfo(@PathVariable("carExpenseId") String carExpenseId)
+    {
+        return success(cmcCarExpenseService.selectCmcCarExpenseByCarExpenseId(carExpenseId));
+    }
+
+    /**
+     * 新增cmc车辆费用
+     */
+    @PreAuthorize("@ss.hasPermi('oa:expense:add')")
+    @Log(title = "cmc车辆费用", businessType = BusinessType.INSERT)
+    @PostMapping
+    public AjaxResult add(@RequestBody CmcCarExpense cmcCarExpense)
+    {
+        cmcCarExpense.setCarExpenseId(new SnowFlake().generateId());
+        return toAjax(cmcCarExpenseService.insertCmcCarExpense(cmcCarExpense));
+    }
+
+    /**
+     * 修改cmc车辆费用
+     */
+    @PreAuthorize("@ss.hasPermi('oa:expense:edit')")
+    @Log(title = "cmc车辆费用", businessType = BusinessType.UPDATE)
+    @PutMapping
+    public AjaxResult edit(@RequestBody CmcCarExpense cmcCarExpense)
+    {
+        return toAjax(cmcCarExpenseService.updateCmcCarExpense(cmcCarExpense));
+    }
+
+    /**
+     * 删除cmc车辆费用
+     */
+    @PreAuthorize("@ss.hasPermi('oa:expense:remove')")
+    @Log(title = "cmc车辆费用", businessType = BusinessType.DELETE)
+	@DeleteMapping("/{carExpenseIds}")
+    public AjaxResult remove(@PathVariable String[] carExpenseIds)
+    {
+        return toAjax(cmcCarExpenseService.deleteCmcCarExpenseByCarExpenseIds(carExpenseIds));
+    }
+}

oa-back/ruoyi-system/src/main/java/com/ruoyi/oa/domain/CmcCarExpense.java

@@ -0,0 +1,97 @@
+package com.ruoyi.oa.domain;
+
+import java.math.BigDecimal;
+import java.util.Date;
+import com.fasterxml.jackson.annotation.JsonFormat;
+import org.apache.commons.lang3.builder.ToStringBuilder;
+import org.apache.commons.lang3.builder.ToStringStyle;
+import com.ruoyi.common.annotation.Excel;
+import com.ruoyi.common.core.domain.BaseEntity;
+
+/**
+ * cmc车辆费用对象 cmc_car_expense
+ * 
+ * @author cmc
+ * @date 2024-03-12
+ */
+public class CmcCarExpense extends BaseEntity
+{
+    private static final long serialVersionUID = 1L;
+
+    /** 车辆费用id */
+    private String carExpenseId;
+
+    /** 车辆id */
+    @Excel(name = "车辆id")
+    private Integer carId;
+
+    /** 费用类型 */
+    @Excel(name = "费用类型")
+    private String expenseType;
+
+    /** 费用金额 */
+    @Excel(name = "费用金额")
+    private BigDecimal expense;
+
+    /** 发生日期 */
+    @JsonFormat(pattern = "yyyy-MM-dd")
+    @Excel(name = "发生日期", width = 30, dateFormat = "yyyy-MM-dd")
+    private Date occurrDate;
+
+    public void setCarExpenseId(String carExpenseId) 
+    {
+        this.carExpenseId = carExpenseId;
+    }
+
+    public String getCarExpenseId() 
+    {
+        return carExpenseId;
+    }
+    public void setCarId(Integer carId) 
+    {
+        this.carId = carId;
+    }
+
+    public Integer getCarId() 
+    {
+        return carId;
+    }
+    public void setExpenseType(String expenseType) 
+    {
+        this.expenseType = expenseType;
+    }
+
+    public String getExpenseType() 
+    {
+        return expenseType;
+    }
+    public void setExpense(BigDecimal expense) 
+    {
+        this.expense = expense;
+    }
+
+    public BigDecimal getExpense() 
+    {
+        return expense;
+    }
+    public void setOccurrDate(Date occurrDate)
+    {
+        this.occurrDate = occurrDate;
+    }
+
+    public Date getOccurrDate()
+    {
+        return occurrDate;
+    }
+
+    @Override
+    public String toString() {
+        return new ToStringBuilder(this,ToStringStyle.MULTI_LINE_STYLE)
+            .append("carExpenseId", getCarExpenseId())
+            .append("carId", getCarId())
+            .append("expenseType", getExpenseType())
+            .append("expense", getExpense())
+            .append("occurrDate", getOccurrDate())
+            .toString();
+    }
+}

oa-back/ruoyi-system/src/main/java/com/ruoyi/oa/mapper/CmcCarExpenseMapper.java

@@ -0,0 +1,61 @@
+package com.ruoyi.oa.mapper;
+
+import java.util.List;
+import com.ruoyi.oa.domain.CmcCarExpense;
+
+/**
+ * cmc车辆费用Mapper接口
+ * 
+ * @author cmc
+ * @date 2024-03-12
+ */
+public interface CmcCarExpenseMapper 
+{
+    /**
+     * 查询cmc车辆费用
+     * 
+     * @param carExpenseId cmc车辆费用主键
+     * @return cmc车辆费用
+     */
+    public CmcCarExpense selectCmcCarExpenseByCarExpenseId(String carExpenseId);
+
+    /**
+     * 查询cmc车辆费用列表
+     * 
+     * @param cmcCarExpense cmc车辆费用
+     * @return cmc车辆费用集合
+     */
+    public List<CmcCarExpense> selectCmcCarExpenseList(CmcCarExpense cmcCarExpense);
+
+    /**
+     * 新增cmc车辆费用
+     * 
+     * @param cmcCarExpense cmc车辆费用
+     * @return 结果
+     */
+    public int insertCmcCarExpense(CmcCarExpense cmcCarExpense);
+
+    /**
+     * 修改cmc车辆费用
+     * 
+     * @param cmcCarExpense cmc车辆费用
+     * @return 结果
+     */
+    public int updateCmcCarExpense(CmcCarExpense cmcCarExpense);
+
+    /**
+     * 删除cmc车辆费用
+     * 
+     * @param carExpenseId cmc车辆费用主键
+     * @return 结果
+     */
+    public int deleteCmcCarExpenseByCarExpenseId(String carExpenseId);
+
+    /**
+     * 批量删除cmc车辆费用
+     * 
+     * @param carExpenseIds 需要删除的数据主键集合
+     * @return 结果
+     */
+    public int deleteCmcCarExpenseByCarExpenseIds(String[] carExpenseIds);
+}

oa-back/ruoyi-system/src/main/java/com/ruoyi/oa/service/ICmcCarExpenseService.java

@@ -0,0 +1,61 @@
+package com.ruoyi.oa.service;
+
+import java.util.List;
+import com.ruoyi.oa.domain.CmcCarExpense;
+
+/**
+ * cmc车辆费用Service接口
+ * 
+ * @author cmc
+ * @date 2024-03-12
+ */
+public interface ICmcCarExpenseService 
+{
+    /**
+     * 查询cmc车辆费用
+     * 
+     * @param carExpenseId cmc车辆费用主键
+     * @return cmc车辆费用
+     */
+    public CmcCarExpense selectCmcCarExpenseByCarExpenseId(String carExpenseId);
+
+    /**
+     * 查询cmc车辆费用列表
+     * 
+     * @param cmcCarExpense cmc车辆费用
+     * @return cmc车辆费用集合
+     */
+    public List<CmcCarExpense> selectCmcCarExpenseList(CmcCarExpense cmcCarExpense);
+
+    /**
+     * 新增cmc车辆费用
+     * 
+     * @param cmcCarExpense cmc车辆费用
+     * @return 结果
+     */
+    public int insertCmcCarExpense(CmcCarExpense cmcCarExpense);
+
+    /**
+     * 修改cmc车辆费用
+     * 
+     * @param cmcCarExpense cmc车辆费用
+     * @return 结果
+     */
+    public int updateCmcCarExpense(CmcCarExpense cmcCarExpense);
+
+    /**
+     * 批量删除cmc车辆费用
+     * 
+     * @param carExpenseIds 需要删除的cmc车辆费用主键集合
+     * @return 结果
+     */
+    public int deleteCmcCarExpenseByCarExpenseIds(String[] carExpenseIds);
+
+    /**
+     * 删除cmc车辆费用信息
+     * 
+     * @param carExpenseId cmc车辆费用主键
+     * @return 结果
+     */
+    public int deleteCmcCarExpenseByCarExpenseId(String carExpenseId);
+}

oa-back/ruoyi-system/src/main/java/com/ruoyi/oa/service/impl/CmcCarExpenseServiceImpl.java

@@ -0,0 +1,93 @@
+package com.ruoyi.oa.service.impl;
+
+import java.util.List;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.stereotype.Service;
+import com.ruoyi.oa.mapper.CmcCarExpenseMapper;
+import com.ruoyi.oa.domain.CmcCarExpense;
+import com.ruoyi.oa.service.ICmcCarExpenseService;
+
+/**
+ * cmc车辆费用Service业务层处理
+ * 
+ * @author cmc
+ * @date 2024-03-12
+ */
+@Service
+public class CmcCarExpenseServiceImpl implements ICmcCarExpenseService 
+{
+    @Autowired
+    private CmcCarExpenseMapper cmcCarExpenseMapper;
+
+    /**
+     * 查询cmc车辆费用
+     * 
+     * @param carExpenseId cmc车辆费用主键
+     * @return cmc车辆费用
+     */
+    @Override
+    public CmcCarExpense selectCmcCarExpenseByCarExpenseId(String carExpenseId)
+    {
+        return cmcCarExpenseMapper.selectCmcCarExpenseByCarExpenseId(carExpenseId);
+    }
+
+    /**
+     * 查询cmc车辆费用列表
+     * 
+     * @param cmcCarExpense cmc车辆费用
+     * @return cmc车辆费用
+     */
+    @Override
+    public List<CmcCarExpense> selectCmcCarExpenseList(CmcCarExpense cmcCarExpense)
+    {
+        return cmcCarExpenseMapper.selectCmcCarExpenseList(cmcCarExpense);
+    }
+
+    /**
+     * 新增cmc车辆费用
+     * 
+     * @param cmcCarExpense cmc车辆费用
+     * @return 结果
+     */
+    @Override
+    public int insertCmcCarExpense(CmcCarExpense cmcCarExpense)
+    {
+        return cmcCarExpenseMapper.insertCmcCarExpense(cmcCarExpense);
+    }
+
+    /**
+     * 修改cmc车辆费用
+     * 
+     * @param cmcCarExpense cmc车辆费用
+     * @return 结果
+     */
+    @Override
+    public int updateCmcCarExpense(CmcCarExpense cmcCarExpense)
+    {
+        return cmcCarExpenseMapper.updateCmcCarExpense(cmcCarExpense);
+    }
+
+    /**
+     * 批量删除cmc车辆费用
+     * 
+     * @param carExpenseIds 需要删除的cmc车辆费用主键
+     * @return 结果
+     */
+    @Override
+    public int deleteCmcCarExpenseByCarExpenseIds(String[] carExpenseIds)
+    {
+        return cmcCarExpenseMapper.deleteCmcCarExpenseByCarExpenseIds(carExpenseIds);
+    }
+
+    /**
+     * 删除cmc车辆费用信息
+     * 
+     * @param carExpenseId cmc车辆费用主键
+     * @return 结果
+     */
+    @Override
+    public int deleteCmcCarExpenseByCarExpenseId(String carExpenseId)
+    {
+        return cmcCarExpenseMapper.deleteCmcCarExpenseByCarExpenseId(carExpenseId);
+    }
+}

oa-back/ruoyi-system/src/main/resources/mapper/oa/CmcCarExpenseMapper.xml

@@ -0,0 +1,73 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<!DOCTYPE mapper
+PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
+"http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+<mapper namespace="com.ruoyi.oa.mapper.CmcCarExpenseMapper">
+    
+    <resultMap type="CmcCarExpense" id="CmcCarExpenseResult">
+        <result property="carExpenseId"    column="car_expense_id"    />
+        <result property="carId"    column="car_id"    />
+        <result property="expenseType"    column="expense_type"    />
+        <result property="expense"    column="expense"    />
+        <result property="occurrDate"    column="occurr_date"    />
+    </resultMap>
+
+    <sql id="selectCmcCarExpenseVo">
+        select car_expense_id, car_id, expense_type, expense, occurr_date from cmc_car_expense
+    </sql>
+
+    <select id="selectCmcCarExpenseList" parameterType="CmcCarExpense" resultMap="CmcCarExpenseResult">
+        <include refid="selectCmcCarExpenseVo"/>
+        <where>  
+            <if test="carId != null "> and car_id = #{carId}</if>
+            <if test="expenseType != null  and expenseType != ''"> and expense_type = #{expenseType}</if>
+            <if test="expense != null "> and expense = #{expense}</if>
+            <if test="occurrDate != null "> and occurr_date = #{occurrDate}</if>
+        </where>
+    </select>
+    
+    <select id="selectCmcCarExpenseByCarExpenseId" parameterType="String" resultMap="CmcCarExpenseResult">
+        <include refid="selectCmcCarExpenseVo"/>
+        where car_expense_id = #{carExpenseId}
+    </select>
+        
+    <insert id="insertCmcCarExpense" parameterType="CmcCarExpense">
+        insert into cmc_car_expense
+        <trim prefix="(" suffix=")" suffixOverrides=",">
+            <if test="carExpenseId != null">car_expense_id,</if>
+            <if test="carId != null">car_id,</if>
+            <if test="expenseType != null">expense_type,</if>
+            <if test="expense != null">expense,</if>
+            <if test="occurrDate != null">occurr_date,</if>
+         </trim>
+        <trim prefix="values (" suffix=")" suffixOverrides=",">
+            <if test="carExpenseId != null">#{carExpenseId},</if>
+            <if test="carId != null">#{carId},</if>
+            <if test="expenseType != null">#{expenseType},</if>
+            <if test="expense != null">#{expense},</if>
+            <if test="occurrDate != null">#{occurrDate},</if>
+         </trim>
+    </insert>
+
+    <update id="updateCmcCarExpense" parameterType="CmcCarExpense">
+        update cmc_car_expense
+        <trim prefix="SET" suffixOverrides=",">
+            <if test="carId != null">car_id = #{carId},</if>
+            <if test="expenseType != null">expense_type = #{expenseType},</if>
+            <if test="expense != null">expense = #{expense},</if>
+            <if test="occurrDate != null">occurr_date = #{occurrDate},</if>
+        </trim>
+        where car_expense_id = #{carExpenseId}
+    </update>
+
+    <delete id="deleteCmcCarExpenseByCarExpenseId" parameterType="String">
+        delete from cmc_car_expense where car_expense_id = #{carExpenseId}
+    </delete>
+
+    <delete id="deleteCmcCarExpenseByCarExpenseIds" parameterType="String">
+        delete from cmc_car_expense where car_expense_id in 
+        <foreach item="carExpenseId" collection="array" open="(" separator="," close=")">
+            #{carExpenseId}
+        </foreach>
+    </delete>
+</mapper>

oa-back/sql/sql.sql

@@ -1440,7 +1440,7 @@ create table `cmc_car_expense`  (
   `car_id` 			int 			default null 	comment '车辆id',
   `expense_type`	char(1) 		default null 	comment '费用类型（0保险费、1维修费、2保养费、3轮胎费、4其他费）',
   `expense`			decimal(10, 2) 	default null 	comment '费用金额',
-  `occurre_date`	datetime		default null 	comment '发生日期',
+  `occurr_date`		datetime		default null 	comment '发生日期',
   primary key (`car_expense_id`)
 ) engine = innodb comment = 'cmc车辆费用表';
 

oa-ui/src/api/oa/car/carExpense.js

@@ -0,0 +1,50 @@
+/*
+ * @Author: wrh
+ * @Date: 2024-03-12 15:30:58
+ * @LastEditors: Please set LastEditors
+ * @LastEditTime: 2024-03-12 15:38:27
+ */
+import request from '@/utils/request'
+
+// 查询cmc车辆费用列表
+export function listCarExpense(query) {
+  return request({
+    url: '/oa/carExpense/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询cmc车辆费用详细
+export function getCarExpense(carExpenseId) {
+  return request({
+    url: '/oa/carExpense/' + carExpenseId,
+    method: 'get'
+  })
+}
+
+// 新增cmc车辆费用
+export function addCarExpense(data) {
+  return request({
+    url: '/oa/carExpense',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改cmc车辆费用
+export function updateCarExpense(data) {
+  return request({
+    url: '/oa/carExpense',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除cmc车辆费用
+export function delCarExpense(carExpenseId) {
+  return request({
+    url: '/oa/carExpense/' + carExpenseId,
+    method: 'delete'
+  })
+}

oa-ui/src/views/oa/carExpense/index.vue

@@ -0,0 +1,285 @@
+<template>
+  <div class="app-container">
+    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
+      <el-form-item label="车辆id" prop="carId">
+        <el-input
+          v-model="queryParams.carId"
+          placeholder="请输入车辆id"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="费用金额" prop="expense">
+        <el-input
+          v-model="queryParams.expense"
+          placeholder="请输入费用金额"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="发生日期" prop="occurrDate">
+        <el-date-picker clearable
+          v-model="queryParams.occurrDate"
+          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"
+          v-hasPermi="['oa:carExpense:add']"
+        >新增</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="success"
+          plain
+          icon="el-icon-edit"
+          size="mini"
+          :disabled="single"
+          @click="handleUpdate"
+          v-hasPermi="['oa:carExpense:edit']"
+        >修改</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="danger"
+          plain
+          icon="el-icon-delete"
+          size="mini"
+          :disabled="multiple"
+          @click="handleDelete"
+          v-hasPermi="['oa:carExpense:remove']"
+        >删除</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="warning"
+          plain
+          icon="el-icon-download"
+          size="mini"
+          @click="handleExport"
+          v-hasPermi="['oa:carExpense:export']"
+        >导出</el-button>
+      </el-col>
+      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+    </el-row>
+
+    <el-table v-loading="loading" :data="carExpenseList" @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center" />
+      <el-table-column label="车辆费用id" align="center" prop="carExpenseId" />
+      <el-table-column label="车辆id" align="center" prop="carId" />
+      <el-table-column label="费用类型" align="center" prop="expenseType" />
+      <el-table-column label="费用金额" align="center" prop="expense" />
+      <el-table-column label="发生日期" align="center" prop="occurrDate" width="180">
+        <template slot-scope="scope">
+          <span>{{ parseTime(scope.row.occurrDate, '{y}-{m}-{d}') }}</span>
+        </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)"
+            v-hasPermi="['oa:carExpense:edit']"
+          >修改</el-button>
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-delete"
+            @click="handleDelete(scope.row)"
+            v-hasPermi="['oa:carExpense:remove']"
+          >删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    
+    <pagination
+      v-show="total>0"
+      :total="total"
+      :page.sync="queryParams.pageNum"
+      :limit.sync="queryParams.pageSize"
+      @pagination="getList"
+    />
+
+    <!-- 添加或修改cmc车辆费用对话框 -->
+    <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
+      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
+        <el-form-item label="车辆id" prop="carId">
+          <el-input v-model="form.carId" placeholder="请输入车辆id" />
+        </el-form-item>
+        <el-form-item label="费用金额" prop="expense">
+          <el-input v-model="form.expense" placeholder="请输入费用金额" />
+        </el-form-item>
+        <el-form-item label="发生日期" prop="occurrDate">
+          <el-date-picker clearable
+            v-model="form.occurrDate"
+            type="date"
+            value-format="yyyy-MM-dd"
+            placeholder="请选择发生日期">
+          </el-date-picker>
+        </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>
+</template>
+
+<script>
+import { listCarExpense, getCarExpense, delCarExpense, addCarExpense, updateCarExpense } from "@/api/oa/car/carExpense";
+
+export default {
+  name: "CarExpense",
+  data() {
+    return {
+      // 遮罩层
+      loading: true,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // cmc车辆费用表格数据
+      carExpenseList: [],
+      // 弹出层标题
+      title: "",
+      // 是否显示弹出层
+      open: false,
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        carId: null,
+        expenseType: null,
+        expense: null,
+        occurrDate: null
+      },
+      // 表单参数
+      form: {},
+      // 表单校验
+      rules: {
+      }
+    };
+  },
+  created() {
+    this.getList();
+  },
+  methods: {
+    /** 查询cmc车辆费用列表 */
+    getList() {
+      this.loading = true;
+      listCarExpense(this.queryParams).then(response => {
+        this.carExpenseList = response.rows;
+        this.total = response.total;
+        this.loading = false;
+      });
+    },
+    // 取消按钮
+    cancel() {
+      this.open = false;
+      this.reset();
+    },
+    // 表单重置
+    reset() {
+      this.form = {
+        carExpenseId: null,
+        carId: null,
+        expenseType: null,
+        expense: null,
+        occurrDate: null
+      };
+      this.resetForm("form");
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      this.getList();
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.resetForm("queryForm");
+      this.handleQuery();
+    },
+    // 多选框选中数据
+    handleSelectionChange(selection) {
+      this.ids = selection.map(item => item.carExpenseId)
+      this.single = selection.length!==1
+      this.multiple = !selection.length
+    },
+    /** 新增按钮操作 */
+    handleAdd() {
+      this.reset();
+      this.open = true;
+      this.title = "添加cmc车辆费用";
+    },
+    /** 修改按钮操作 */
+    handleUpdate(row) {
+      this.reset();
+      const carExpenseId = row.carExpenseId || this.ids
+      getCarExpense(carExpenseId).then(response => {
+        this.form = response.data;
+        this.open = true;
+        this.title = "修改cmc车辆费用";
+      });
+    },
+    /** 提交按钮 */
+    submitForm() {
+      this.$refs["form"].validate(valid => {
+        if (valid) {
+          if (this.form.carExpenseId != null) {
+            updateCarExpense(this.form).then(response => {
+              this.$modal.msgSuccess("修改成功");
+              this.open = false;
+              this.getList();
+            });
+          } else {
+            addCarExpense(this.form).then(response => {
+              this.$modal.msgSuccess("新增成功");
+              this.open = false;
+              this.getList();
+            });
+          }
+        }
+      });
+    },
+    /** 删除按钮操作 */
+    handleDelete(row) {
+      const carExpenseIds = row.carExpenseId || this.ids;
+      this.$modal.confirm('是否确认删除cmc车辆费用编号为"' + carExpenseIds + '"的数据项？').then(function() {
+        return delCarExpense(carExpenseIds);
+      }).then(() => {
+        this.getList();
+        this.$modal.msgSuccess("删除成功");
+      }).catch(() => {});
+    },
+    /** 导出按钮操作 */
+    handleExport() {
+      this.download('oa/carExpense/export', {
+        ...this.queryParams
+      }, `carExpense_${new Date().getTime()}.xlsx`)
+    }
+  }
+};
+</script>