<link rel="stylesheet" href="{
{ \Illuminate\Support\Facades\URL::asset('common/common.css') }}">
<link rel="stylesheet" href="//unpkg.com/element-ui@2.13.2/lib/theme-chalk/index.css">
<style type="text/css">
</style>
@if ($errors->any())
<div class="alert alert-danger">
<ul>
@foreach ($errors->all() as $error)
<li>{
{
$error }}</li>
@endforeach
</ul>
</div>
@endif
<div id="app" class="row" style="margin: 0 -10px;">
<el-row>
<el-col :span="22">
<el-form :inline="true" :model="formInline" class="demo-form-inline">
<el-form-item label="搜索">
<el-input v-model="searchForm.search" placeholder="模糊搜索" clearable></el-input>
</el-form-item>
<el-form-item label="技术部">
<el-select v-model="searchForm.area_id" placeholder="请选择" clearable>
<el-option v-for="item in area" :label="item.name" :value="item.id" :key="item.id"></el-option>
</el-select>
</el-form-item>
<el-form-item label="费用部门">
<el-select v-model="searchForm.depart_id" placeholder="请选择" clearable filterable>
<el-option v-for="item in depart" :label="item.name" :value="item.id" :key="item.id"></el-option>
</el-select>
</el-form-item>
<el-form-item label="日期">
<el-date-picker
v-model="searchForm.dateRange"
type="daterange"
range-separator="-"
start-placeholder="开始日期"
end-placeholder="结束日期"
value-format="yyyy-MM-dd" clearable>
</el-date-picker>
</el-form-item>
<el-button type="primary" @click="searchData">查询</el-button>
<el-button type="primary" plain @click="clear()">重置</el-button>
</el-form-item>
</el-form>
</el-col>
<el-col :span="2">
<el-button type="warning" @click="add">新增项目</el-button>
</el-col>
</el-row>
<div class="box box-info">
<el-table :data="tableData" border stripe>
<el-table-column type="index" width="50" label="序号">
</el-table-column>
<el-table-column prop="name" label="计时项目"></el-table-column>
{
{
-- <el-table-column prop="remark" label="备注"></el-table-column>--}}
{
{
-- <el-table-column prop="depart" label="费用部门"></el-table-column>--}}
{
{
-- <el-table-column prop="per" label="费用占比(部门/人员)"></el-table-column>--}}
<el-table-column prop="hours" label="总时长(单位:小时)"></el-table-column>
<el-table-column prop="fee" label="员工计时费用(单位:元)"></el-table-column>
<el-table-column prop="toll" label="技术部收费(单位:元)"></el-table-column>
<el-table-column prop="created_at" label="提交时间"></el-table-column>
<el-table-column prop="second_audit_at" label="技术部审核时间">
<template slot-scope="scope">
${
scope.row.status==4?scope.row.second_audit_at:''}
</template>
</el-table-column>
<el-table-column prop="status" label="状态">
<template slot-scope="scope">
${
scope.row.status==0?'草稿':(scope.row.status==1?'费用部门主管审批':(scope.row.status==2?'技术部待办':(scope.row.status==3?'技术部审批':'完成')))}
</template>
</el-table-column>
<el-table-column
prop=""
label="操作">
<template slot-scope="scope">
<el-button type="success" size="mini" @click="showDetail(scope.row)">详情</el-button>
<el-button type="warning" size="mini" @click="edit(scope.row)" v-if="scope.row.status==0">编辑</el-button>
<el-button type="danger" size="mini" @click="allocate(scope.row)" v-if="scope.row.status==2 && allocateFlag">分配</el-button>
</template>
</el-table-column>
</el-table>
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="currentPage"
layout="sizes, prev, pager, next, jumper"
:page-size="pageSize"
:total="totalNum">
</el-pagination>
</div>
<el-dialog title="新增计时项目" :visible.sync="addVisible" width="90%" ref="addDialog" @close="closeAddDialog">
<el-form label-width="80px" :model="addForm" status-icon :rules="rules" ref="addForm">
<el-row>
<el-col :span="12">
<el-row>
<el-col :span="8">
<el-form-item label="项目名称" prop="name" :rules="rules.str">
<el-input v-model="addForm.name"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="计时类型" prop="addType" :rules=&
vue + 富文本
最新推荐文章于 2024-10-18 15:58:53 发布
本文详细探讨了如何在Vue.js项目中集成富文本编辑器,涵盖了安装、配置、使用及常见问题解决,旨在帮助前端开发者实现高效的内容编辑功能。
摘要由CSDN通过智能技术生成