|
|
@@ -1,37 +1,37 @@
|
|
|
<template>
|
|
|
<section>
|
|
|
<div class="sidebars" ref="sidebars" style="width: 200px;display: block;background: #fff" v-if="!isDingding">
|
|
|
- <h3><i class="iconfont firerock-iconbaoxiao" style="padding-right: 10px"></i>出差管理</h3>
|
|
|
+ <h3><i class="iconfont firerock-iconbaoxiao" style="padding-right: 10px"></i>{{ $t('navigation.evectionManagement') }}</h3>
|
|
|
<el-divider ></el-divider>
|
|
|
<el-col :span="12">
|
|
|
<el-menu default-active="1" class="el-menu-vertical-demo" @select="staffs" background-color="#ffffff" text-color="#666666" active-text-color="#20A0FF" style="width:100%">
|
|
|
<el-menu-item index="1" v-if="permissions.awayOfficeFil">
|
|
|
<i class="iconfont firerock-icontianbao"></i>
|
|
|
- <span slot="title">出差填报</span>
|
|
|
+ <span slot="title">{{ $t('businesstriisallowed') }}</span>
|
|
|
</el-menu-item>
|
|
|
<el-submenu index="2" v-if="permissions.awayOfficeAll">
|
|
|
<template slot="title">
|
|
|
<i class="iconfont firerock-iconbaoxiaodan"></i>
|
|
|
- <span>{{"出差列表"}}</span>
|
|
|
+ <span>{{ $t('businesstriplist') }}</span>
|
|
|
</template>
|
|
|
<!-- 导航切换 -->
|
|
|
- <el-menu-item index="2-1" v-if="permissions.awayOfficeAll"><p @click="bills(false, 2)">全部</p></el-menu-item>
|
|
|
- <el-menu-item index="2-2" v-if="permissions.awayOfficeAudit && !isDingding"><p @click="bills(true, 1)">待审核</p></el-menu-item>
|
|
|
+ <el-menu-item index="2-1" v-if="permissions.awayOfficeAll"><p @click="bills(false, 2)">{{ $t('all') }}</p></el-menu-item>
|
|
|
+ <el-menu-item index="2-2" v-if="permissions.awayOfficeAudit && !isDingding"><p @click="bills(true, 1)">{{ $t('state.WaitingAudit') }}</p></el-menu-item>
|
|
|
</el-submenu>
|
|
|
<el-menu-item index="3" @click="bills(false, 2)" v-if="!permissions.awayOfficeAll">
|
|
|
<i class="iconfont firerock-iconbaoxiaodan"></i>
|
|
|
- <span slot="title">我的出差</span>
|
|
|
+ <span slot="title">{{ $t('mbusinesstrip') }}</span>
|
|
|
</el-menu-item>
|
|
|
<el-menu-item index="4" v-if="permissions.awayOfficeStatistical">
|
|
|
<template slot="title">
|
|
|
<i class="iconfont firerock-icontianbao"></i>
|
|
|
- <span slot="title">出差统计</span>
|
|
|
+ <span slot="title">{{ $t('businessstatistics') }}</span>
|
|
|
</template>
|
|
|
</el-menu-item>
|
|
|
<el-menu-item index="5" v-if="permissions.awayOfficeProcess">
|
|
|
<template slot="title">
|
|
|
<i class="iconfont firerock-iconliucheng"></i>
|
|
|
- <span slot="title">出差审批流程</span>
|
|
|
+ <span slot="title">{{ $t('businesstriApprovalProcess') }}</span>
|
|
|
</template>
|
|
|
</el-menu-item>
|
|
|
</el-menu>
|
|
|
@@ -40,19 +40,19 @@
|
|
|
|
|
|
<div class="contents">
|
|
|
<div ref="headine" class="headine" v-if="!displayTable">
|
|
|
- <h3 ref="headHe" style="padding-left: 220px">出差填报</h3>
|
|
|
+ <h3 ref="headHe" style="padding-left: 220px">{{ $t('businesstriisallowed') }}</h3>
|
|
|
</div>
|
|
|
<!-- 出差填报 -->
|
|
|
<div class="tops" v-if="!displayTable && apk == 0">
|
|
|
<div class="ctons">
|
|
|
<el-form ref="addformAO" v-loading="formloading" :model="addform" label-width="80px" :rules="formrules" style="width:700px">
|
|
|
<!-- 出差事由 -->
|
|
|
- <el-form-item label="出差事由" prop="reason" style="width:100%">
|
|
|
+ <el-form-item :label="$t('travelreason')" prop="reason" style="width:100%">
|
|
|
<el-input v-model="addform.reason" style="width: 555px" maxlength="25" type="text" show-word-limit></el-input>
|
|
|
</el-form-item>
|
|
|
<!-- 维度选择添加 -->
|
|
|
- <el-form-item label="投入项目" style="width:300px;margin-right:30px" prop="projectId">
|
|
|
- <el-select style="width:100%" @change="getwuduList(1)" v-model="addform.projectId" filterable clearable placeholder="请选择投入项目" >
|
|
|
+ <el-form-item :label="$t('screening.inputProject')" style="width:300px;margin-right:30px" prop="projectId">
|
|
|
+ <el-select style="width:100%" @change="getwuduList(1)" v-model="addform.projectId" filterable clearable :placeholder="$t('defaultText.pleaseChoose')" >
|
|
|
<el-option
|
|
|
v-for="item in projectList"
|
|
|
:key="item.id"
|
|
|
@@ -65,7 +65,7 @@
|
|
|
v-if="addform.projectId != null && wuduData.customDegreeActive == 1"
|
|
|
style="width:300px;margin-right:30px"
|
|
|
prop="degreeId">
|
|
|
- <el-select style="width:100%" v-model="addform.degreeId" filterable clearable placeholder="请选择" >
|
|
|
+ <el-select style="width:100%" v-model="addform.degreeId" filterable clearable :placeholder="$t('defaultText.pleaseChoose')" >
|
|
|
<el-option
|
|
|
v-for="item in wuduList"
|
|
|
:key="item.id"
|
|
|
@@ -76,18 +76,18 @@
|
|
|
</el-form-item>
|
|
|
<!-- <span>行程</span> -->
|
|
|
<!-- 交通工具 -->
|
|
|
- <el-form-item label="交通工具" style="width:100%">
|
|
|
+ <el-form-item :label="$t('traffictools')" style="width:100%">
|
|
|
<el-radio-group v-model="addform.way">
|
|
|
- <el-radio :label="0">飞机</el-radio>
|
|
|
- <el-radio :label="1">火车</el-radio>
|
|
|
- <el-radio :label="2">汽车</el-radio>
|
|
|
- <el-radio :label="3">轮船</el-radio>
|
|
|
- <el-radio :label="4">其他</el-radio>
|
|
|
+ <el-radio :label="0">{{ $t('plane') }}</el-radio>
|
|
|
+ <el-radio :label="1">{{ $t('train') }}</el-radio>
|
|
|
+ <el-radio :label="2">{{ $t('car') }}</el-radio>
|
|
|
+ <el-radio :label="3">{{ $t('ship') }}</el-radio>
|
|
|
+ <el-radio :label="4">{{ $t('leave.other') }}</el-radio>
|
|
|
</el-radio-group>
|
|
|
</el-form-item>
|
|
|
<!-- 出发城市 -->
|
|
|
- <el-form-item label="出发城市" style="width:300px;margin-right:30px" prop="cityFrom">
|
|
|
- <el-select style="width:100%" v-model="addform.cityFrom" filterable clearable placeholder="请选择出发城市" >
|
|
|
+ <el-form-item :label="$t('departurecity')" style="width:300px;margin-right:30px" prop="cityFrom">
|
|
|
+ <el-select style="width:100%" v-model="addform.cityFrom" filterable clearable :placeholder="$t('defaultText.pleaseChoose')" >
|
|
|
<el-option
|
|
|
v-for="item in cityList"
|
|
|
:key="item.value"
|
|
|
@@ -97,8 +97,8 @@
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
<!-- 目的城市 -->
|
|
|
- <el-form-item label="目的城市" style="width:300px" prop="cityTo">
|
|
|
- <el-select style="width:100%" v-model="addform.cityTo" filterable clearable placeholder="请选择目的城市">
|
|
|
+ <el-form-item :label="$t('destinationcity')" style="width:300px" prop="cityTo">
|
|
|
+ <el-select style="width:100%" v-model="addform.cityTo" filterable clearable :placeholder="$t('defaultText.pleaseChoose')">
|
|
|
<el-option
|
|
|
v-for="item in cityList"
|
|
|
:key="item.value"
|
|
|
@@ -108,10 +108,10 @@
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
<!-- 开始时间 -->
|
|
|
- <el-form-item label="开始时间" style="width:300px;margin-right:30px" prop="startDate">
|
|
|
+ <el-form-item :label="$t('starttimes')" style="width:300px;margin-right:30px" prop="startDate">
|
|
|
<el-date-picker
|
|
|
type="date"
|
|
|
- placeholder="开始日期"
|
|
|
+ :placeholder="$t('time.startDate')"
|
|
|
value-format="yyyy-MM-dd"
|
|
|
v-model="addform.startDate"
|
|
|
style="width:100%"
|
|
|
@@ -119,10 +119,10 @@
|
|
|
</el-date-picker>
|
|
|
</el-form-item>
|
|
|
<!-- 结束时间 -->
|
|
|
- <el-form-item label="结束时间" style="width:300px" prop="endDate">
|
|
|
+ <el-form-item :label="$t('time.endTime')" style="width:300px" prop="endDate">
|
|
|
<el-date-picker
|
|
|
type="date"
|
|
|
- placeholder="结束日期"
|
|
|
+ :placeholder="$t('time.endDate')"
|
|
|
value-format="yyyy-MM-dd"
|
|
|
v-model="addform.endDate"
|
|
|
style="width:100%"
|
|
|
@@ -130,24 +130,24 @@
|
|
|
</el-date-picker>
|
|
|
</el-form-item>
|
|
|
<!-- 单程/往返 -->
|
|
|
- <el-form-item label="单程往返" style="width:300px;margin-right:30px">
|
|
|
+ <el-form-item :label="$t('roundtrip')" style="width:300px;margin-right:30px">
|
|
|
<el-radio-group v-model="addform.goBack">
|
|
|
- <el-radio :label="0">单程</el-radio>
|
|
|
- <el-radio :label="1">往返</el-radio>
|
|
|
+ <el-radio :label="0">{{ $t('oneway') }}</el-radio>
|
|
|
+ <el-radio :label="1">{{ $t('backandforth') }}</el-radio>
|
|
|
</el-radio-group>
|
|
|
</el-form-item>
|
|
|
<!-- 出差天数 -->
|
|
|
- <el-form-item label="出差天数" style="width:300px">
|
|
|
- <el-input type="number" placeholder="自动计算" v-model="addform.dayCount" min="0" style="width:100%"></el-input>
|
|
|
+ <el-form-item :label="$t('traveldays')" style="width:300px">
|
|
|
+ <el-input type="number" :placeholder="$t('automaticcalculation')" v-model="addform.dayCount" min="0" style="width:100%"></el-input>
|
|
|
</el-form-item>
|
|
|
<!-- 出差备注 -->
|
|
|
- <el-form-item label="出差备注" style="width:635px">
|
|
|
+ <el-form-item :label="$t('travelnote')" style="width:635px">
|
|
|
<el-input type="textarea" v-model="addform.remark" :rows="3" style="width: 100%" maxlength="100" show-word-limit></el-input>
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
<div>
|
|
|
<p style="width:635px;text-align:center;">
|
|
|
- <el-button type="primary" @click="formsubmit('formrules')" size="mini">提交</el-button>
|
|
|
+ <el-button type="primary" @click="formsubmit('formrules')" size="mini">{{ $t('btn.submit') }}</el-button>
|
|
|
</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -157,7 +157,7 @@
|
|
|
<div class="ctons">
|
|
|
<!-- 出差列表筛选 -->
|
|
|
<div class="flex">
|
|
|
- <div><el-select v-model="ownerIds" placeholder="请选择出差人员" clearable @change="billss(1)" style="width: 140px" size="small" filterable="true">
|
|
|
+ <div><el-select v-model="ownerIds" :placeholder="$t('pleaseselectbusinesstraveler')" clearable @change="billss(1)" style="width: 140px" size="small" filterable="true">
|
|
|
<el-option
|
|
|
v-for="item in users"
|
|
|
:key="item.id"
|
|
|
@@ -165,55 +165,55 @@
|
|
|
:value="item.id">
|
|
|
</el-option>
|
|
|
</el-select></div>
|
|
|
- <div><span style="color: #606266">交通工具</span>
|
|
|
- <el-select v-model="type" placeholder="请选择交通工具" clearable @change="billss(1)" style="width: 140px;" size="small" filterable="true">
|
|
|
- <el-option label="飞机" :value="0"></el-option>
|
|
|
- <el-option label="火车" :value="1"></el-option>
|
|
|
- <el-option label="汽车" :value="2"></el-option>
|
|
|
- <el-option label="轮船" :value="3"></el-option>
|
|
|
- <el-option label="其他" :value="4"></el-option>
|
|
|
+ <div><span style="color: #606266">{{ $t('traffictools') }}</span>
|
|
|
+ <el-select v-model="type" :placeholder="$t('defaultText.pleaseChoose')" clearable @change="billss(1)" style="width: 140px;" size="small" filterable="true">
|
|
|
+ <el-option :label="$t('plane')" :value="0"></el-option>
|
|
|
+ <el-option :label="$t('train')" :value="1"></el-option>
|
|
|
+ <el-option :label="$t('car')" :value="2"></el-option>
|
|
|
+ <el-option :label="$t('ship')" :value="3"></el-option>
|
|
|
+ <el-option :label="$t('leave.other')" :value="4"></el-option>
|
|
|
</el-select>
|
|
|
</div>
|
|
|
- <div><span style="color: #606266">出差状态</span>
|
|
|
- <el-select :disabled="falg" v-model="code" placeholder="请选择出差状态" clearable @change="billss(1)" size="small" style="width: 140px" filterable="true">
|
|
|
- <el-option label="审核通过" :value="0"></el-option>
|
|
|
- <el-option label="待审核" :value="1"></el-option>
|
|
|
- <el-option label="驳回" :value="2"></el-option>
|
|
|
- <el-option label="已撤销" :value="3"></el-option>
|
|
|
+ <div><span style="color: #606266">{{ $t('businessstate') }}</span>
|
|
|
+ <el-select :disabled="falg" v-model="code" :placeholder="$t('defaultText.pleaseChoose')" clearable @change="billss(1)" size="small" style="width: 140px" filterable="true">
|
|
|
+ <el-option :label="$t('state.approved')" :value="0"></el-option>
|
|
|
+ <el-option :label="$t('state.WaitingAudit')" :value="1"></el-option>
|
|
|
+ <el-option :label="$t('btn.rejected')" :value="2"></el-option>
|
|
|
+ <el-option :label="$t('state.undone')" :value="3"></el-option>
|
|
|
</el-select>
|
|
|
|
|
|
</div>
|
|
|
- <div><span style="color: #606266">时间段</span>
|
|
|
- <el-date-picker v-model="createDate" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" @change="billss(1)" value-format="yyyy-MM-dd" placeholder="选择日期" size="small" clearable style="width:280px"></el-date-picker>
|
|
|
+ <div><span style="color: #606266">{{ $t('message.period') }}</span>
|
|
|
+ <el-date-picker v-model="createDate" type="daterange" :range-separator="$t('other.to')" :start-placeholder="$t('time.startDate')" :end-placeholder="$t('time.endDate')" @change="billss(1)" value-format="yyyy-MM-dd" :placeholder="$t('optiondate')" size="small" clearable style="width:280px"></el-date-picker>
|
|
|
</div>
|
|
|
<div style="line-height: 32px;margin: 0 20px;">
|
|
|
- <el-checkbox v-model="isOverTendays" @change="checkboxChange">10天以上</el-checkbox>
|
|
|
+ <el-checkbox v-model="isOverTendays" @change="checkboxChange">{{ $t('morethantendays') }}</el-checkbox>
|
|
|
</div>
|
|
|
<!-- 从钉钉同步按钮,只有钉钉的用户并且有查看全部权限的管理员才有同步按钮 -->
|
|
|
<div style="margin: 0 0 0 20px" v-if="userComLis.dingdingUserid != null && permissions.awayOfficeAll">
|
|
|
- <el-button size="small" type="primary" @click="dingdingClick()" >从钉钉同步</el-button>
|
|
|
+ <el-button size="small" type="primary" @click="dingdingClick()" >{{ $t('synchronizefromStaple') }}</el-button>
|
|
|
</div>
|
|
|
<div style="margin: 0 0 0 20px" v-if="userComLis.dingdingUserid != null">
|
|
|
- <el-button size="small" type="primary" @click="dingdingListExport()" >导出</el-button>
|
|
|
+ <el-button size="small" type="primary" @click="dingdingListExport()" >{{ $t('export.export') }}</el-button>
|
|
|
</div>
|
|
|
</div>
|
|
|
<!-- 出差列表 -->
|
|
|
<el-table :data="tableList" style="width: 100%" height="90%" :loading="tableListLoading">
|
|
|
- <el-table-column prop="ownerName" label="出差人员" width="100" fixed="left" align="center">
|
|
|
+ <el-table-column prop="ownerName" :label="$t('businesspersonnel')" width="100" fixed="left" align="center">
|
|
|
<template slot-scope="scope">
|
|
|
<span :style="scope.row.dayCount >= 10 ? 'color:#e62412' : ''">{{scope.row.ownerName}}</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<!-- <el-table-column prop="reason" label="出差事由" width="150" header-align="center"></el-table-column> -->
|
|
|
- <el-table-column label="出差天数" width="120" align="center">
|
|
|
+ <el-table-column :label="$t('traveldays')" width="120" align="center">
|
|
|
<template slot-scope="scope">
|
|
|
- <div><span :style="scope.row.dayCount >= 10 ? 'color:#e62412' : ''">{{scope.row.dayCount}}天</span></div>
|
|
|
+ <div><span :style="scope.row.dayCount >= 10 ? 'color:#e62412' : ''">{{scope.row.dayCount}}{{ $t('time.day') }}</span></div>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column label="出差详情" width="600" align="center">
|
|
|
+ <el-table-column :label="$t('detailsbusinessrip')" width="600" align="center">
|
|
|
<template slot-scope="scope">
|
|
|
<div v-for="item in scope.row.projectList" :key="item.projectId" class="detailsScope">
|
|
|
- <span>{{item.startDate + '至' + item.endDate}}</span><span>{{item.projectName}}</span><span>{{item.degreeName}}</span>
|
|
|
+ <span>{{item.startDate + $t('other.to') + item.endDate}}</span><span>{{item.projectName}}</span><span>{{item.degreeName}}</span>
|
|
|
</div>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
@@ -222,38 +222,38 @@
|
|
|
<span v-for="item in scope.row.projectList" :key="item.projectId">{{item.degreeName == null ? '' : item.degreeName + '\u3000'}}</span>
|
|
|
</template>
|
|
|
</el-table-column> -->
|
|
|
- <el-table-column label="交通工具" width="120" align="center">
|
|
|
+ <el-table-column :label="$t('traffictools')" width="120" align="center">
|
|
|
<template slot-scope="scope">
|
|
|
- <span v-if="scope.row.way == 0">飞机</span>
|
|
|
- <span v-if="scope.row.way == 1">火车</span>
|
|
|
- <span v-if="scope.row.way == 2">汽车</span>
|
|
|
- <span v-if="scope.row.way == 3">轮船</span>
|
|
|
- <span v-if="scope.row.way == 4">其他</span>
|
|
|
+ <span v-if="scope.row.way == 0">{{ $t('plane') }}</span>
|
|
|
+ <span v-if="scope.row.way == 1">{{ $t('train') }}</span>
|
|
|
+ <span v-if="scope.row.way == 2">{{ $t('car') }}</span>
|
|
|
+ <span v-if="scope.row.way == 3">{{ $t('ship') }}</span>
|
|
|
+ <span v-if="scope.row.way == 4">{{ $t('leave.other') }}</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column label="行程" width="120" align="center" v-if="!isDingding">
|
|
|
+ <el-table-column :label="$t('trip')" width="120" align="center" v-if="!isDingding">
|
|
|
<template slot-scope="scope">{{scope.row.cityFrom + '-' + scope.row.cityTo}}</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop="indate" label="申请时间" width="150" align="center" v-if="!isDingding"></el-table-column>
|
|
|
+ <el-table-column prop="indate" :label="$t('applytime')" width="150" align="center" v-if="!isDingding"></el-table-column>
|
|
|
|
|
|
- <el-table-column prop="startDate" label="出差开始时间" width="150"></el-table-column>
|
|
|
- <el-table-column prop="endDate" label="出差结束时间" width="150"></el-table-column>
|
|
|
- <el-table-column prop="status" label="状态" width="100">
|
|
|
+ <el-table-column prop="startDate" :label="$t('starttimeofbusinessrip')" width="150"></el-table-column>
|
|
|
+ <el-table-column prop="endDate" :label="$t('endtimeofbusinesstrip')" width="150"></el-table-column>
|
|
|
+ <el-table-column prop="status" :label="$t('state.states')" width="100">
|
|
|
<template slot-scope="scope">
|
|
|
- <span v-if="scope.row.status == 0">审核通过</span>
|
|
|
- <span v-if="scope.row.status == 1" style="color: orange">待审核</span>
|
|
|
- <span v-if="scope.row.status == 2" style="color: red">驳回</span>
|
|
|
- <span v-if="scope.row.status == 3" style="color: #666666">撤销</span>
|
|
|
+ <span v-if="scope.row.status == 0">{{ $t('state.approved') }}</span>
|
|
|
+ <span v-if="scope.row.status == 1" style="color: orange">{{ $t('state.WaitingAudit') }}</span>
|
|
|
+ <span v-if="scope.row.status == 2" style="color: red">{{ $t('btn.rejected') }}</span>
|
|
|
+ <span v-if="scope.row.status == 3" style="color: #666666">{{ $t('btn.undo') }}</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop="remark" label="备注" width="200">
|
|
|
+ <el-table-column prop="remark" :label="$t('bei-zhu')" width="200">
|
|
|
<template slot-scope="scope">
|
|
|
- <el-popover placement="top-start" title="标题" width="200" trigger="hover" :content="scope.row.remark">
|
|
|
+ <el-popover placement="top-start" :title="$t('biao-ti')" width="200" trigger="hover" :content="scope.row.remark">
|
|
|
<div slot="reference" class="apls">{{scope.row.remark}}</div>
|
|
|
</el-popover>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column v-if="!isDingding" :label="isAuditList ? '审核' : '操作'" width="180" fixed="right" >
|
|
|
+ <el-table-column v-if="!isDingding" :label="isAuditList ? $t('other.audit') : $t('operation')" width="180" fixed="right" >
|
|
|
<template slot-scope="scope">
|
|
|
<div v-if="isAuditList">
|
|
|
<el-button icon="el-icon-check" circle size="mini" @click="approve(scope.row)"></el-button>
|
|
|
@@ -265,7 +265,7 @@
|
|
|
</div>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column v-if="isDingding" label="操作" width="150" fixed="right">
|
|
|
+ <el-table-column v-if="isDingding" :label="$t('operation')" width="150" fixed="right">
|
|
|
<template slot-scope="scope">
|
|
|
<el-button icon="iconfont firerock-iconguanlian" circle size="mini" @click="DingdingEditor(scope.row)"></el-button>
|
|
|
<el-button v-if="permissions.awayOfficeDelete" icon="el-icon-delete" circle size="mini" @click="deleteOfDingding(scope.row)"></el-button>
|
|
|
@@ -291,19 +291,19 @@
|
|
|
<div class="ctons">
|
|
|
<div style="display: flex;align-items: center;padding-bottom: 20px;border-bottom: 1px solid #f2f2f2">
|
|
|
<div style="display: inline-block;width: 350px">
|
|
|
- <el-input style="float:left;" v-model="searchWord" class="input-with-select" placeholder="请输入人员搜索" clearable="true" size="small">
|
|
|
+ <el-input style="float:left;" v-model="searchWord" class="input-with-select" :placeholder="$t('pleaseenterstaffsearch')" clearable="true" size="small">
|
|
|
<el-button slot="append" @click="statistical()" icon="el-icon-search"></el-button>
|
|
|
</el-input>
|
|
|
</div>
|
|
|
<div style="display: inline-block;width: 700px;margin-left: 100px">
|
|
|
- <span style="display: inline-block;margin: 0 15px 0 20px;color: rgb(96, 98, 102);">时间段</span>
|
|
|
+ <span style="display: inline-block;margin: 0 15px 0 20px;color: rgb(96, 98, 102);">{{ $t('message.period') }}</span>
|
|
|
<el-date-picker
|
|
|
size="small"
|
|
|
v-model="searchDates"
|
|
|
type="daterange"
|
|
|
- range-separator="至"
|
|
|
- start-placeholder="开始日期"
|
|
|
- end-placeholder="结束日期"
|
|
|
+ :range-separator="$t('other.to')"
|
|
|
+ :start-placeholder="$t('time.startDate')"
|
|
|
+ :end-placeholder="$t('time.endDate')"
|
|
|
@change="statistical()"
|
|
|
:clearable="false"
|
|
|
value-format="yyyy-MM-dd">
|
|
|
@@ -314,30 +314,30 @@
|
|
|
<!-- <div style="margin-top: 30px"> -->
|
|
|
<div>
|
|
|
<el-table key="apk2is4" v-loading="loading" :data="statisticalList" height="780px" style="width: 99%">
|
|
|
- <el-table-column prop="ownerName" label="姓名" width="300">
|
|
|
+ <el-table-column prop="ownerName" :label="$t('lable.name')" width="300">
|
|
|
<template slot-scope="scope">
|
|
|
<div v-if="scope.row.ownerName">
|
|
|
{{scope.row.ownerName}}
|
|
|
</div>
|
|
|
<div v-else>
|
|
|
- <span>暂无出差统计</span>
|
|
|
+ <span>{{ $t('nostatisticsonbusinesstripsatpresent') }}</span>
|
|
|
</div>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop="departmentName" label="部门" width="300">
|
|
|
+ <el-table-column prop="departmentName" :label="$t('lable.department')" width="300">
|
|
|
<!-- <template slot-scope="scope">
|
|
|
{{scope.row.departmentName}}/天
|
|
|
</template> -->
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop="dayCount" label="累计出差天数" width="300">
|
|
|
+ <el-table-column prop="dayCount" :label="$t('cumulativebusinesstripdays')" width="300">
|
|
|
<template slot-scope="scope">
|
|
|
- {{scope.row.dayCount}}天
|
|
|
+ {{scope.row.dayCount}}{{ $t('time.day') }}
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column label="详情" width="300">
|
|
|
+ <el-table-column :label="$t('details')" width="300">
|
|
|
<template slot-scope="scope">
|
|
|
<!-- {{scope.row.timeDays}} -->
|
|
|
- <el-button size="mini" @click="viewDetails(1,scope.row)">查看详情</el-button>
|
|
|
+ <el-button size="mini" @click="viewDetails(1,scope.row)">{{ $t('Checkthedetails') }}</el-button>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
@@ -357,73 +357,73 @@
|
|
|
<el-col :span="18" >
|
|
|
<el-scrollbar style="height:100%;border:1px solid #dddddd;margin-right:20px;" >
|
|
|
<div class="tree" :style="'height:'+ (tableHeight-120) + 'px'">
|
|
|
- <div style="padding:5px;color:#333;" v-if="depData != null">设置 <<span style="color:#20a0ff;">{{depData.label}}></span> 直属人员出差审批流程
|
|
|
- <el-tooltip effect="dark" v-if="depData != null && depData.children!=null" content="仅适用于当前部门的直属人员，子部门人员的审批流程需要单独设置" placement="top-start">
|
|
|
+ <div style="padding:5px;color:#333;" v-if="depData != null">{{ $t('setup') }} <<span style="color:#20a0ff;">{{depData.label}}></span> {{ $t('approvalprocessforbusiness') }}
|
|
|
+ <el-tooltip effect="dark" v-if="depData != null && depData.children!=null" :content="$t('onlyapplicabletotheimmediatestaffofthecurrentdepartment')" placement="top-start">
|
|
|
<i class="el-icon-question"></i>
|
|
|
</el-tooltip>
|
|
|
</div>
|
|
|
- <div style="padding:5px;" v-if="depData == null">请选择部门</div>
|
|
|
+ <div style="padding:5px;" v-if="depData == null">{{ $t('qing-xuan-ze-bu-men') }}</div>
|
|
|
<div style="width:100%;margin:0 auto;text-align: center; margin-top:50px;" v-if="depData != null">
|
|
|
- <span>员工填报</span>
|
|
|
+ <span>{{ $t('employeeisallowed') }}</span>
|
|
|
<icon class="iconfont firerock-iconright"></icon>
|
|
|
<icon class="iconfont firerock-iconInsertLine addNode" @click="showNodeDialog(0)"></icon>
|
|
|
<icon class="iconfont firerock-iconright"></icon>
|
|
|
<span v-for="(item, index) in dataArray" :key="item.seq" >
|
|
|
<el-button type="primary" v-if="item.auditorType == 1" @click="editNodeDialog(index, item)">{{item.auditDeptName}}</el-button>
|
|
|
- <el-button type="primary" v-if="item.auditorType == 0" >项目负责人</el-button>
|
|
|
+ <el-button type="primary" v-if="item.auditorType == 0" >{{ $t('projectLeader') }}</el-button>
|
|
|
<el-button type="primary" v-if="item.auditorType == 2" @click="editNodeDialog(index, item)">{{item.userName}}</el-button>
|
|
|
<icon class="iconfont firerock-iconright"></icon>
|
|
|
<icon class="iconfont firerock-iconInsertLine addNode" @click="showNodeDialog(index+1)"></icon>
|
|
|
<icon class="iconfont firerock-iconright"></icon>
|
|
|
</span>
|
|
|
<icon class="iconfont firerock-iconApp_New_Line" style="color:#20A0FF;"></icon>
|
|
|
- 审批完成
|
|
|
+ {{ $t('approvaltocomplete') }}
|
|
|
</div>
|
|
|
<div style="width:100%;margin:0 auto;margin-bottom:30px;position: absolute;bottom: 0px;text-align: center; ">
|
|
|
- <el-button type="primary" @click="submitInsert">保存</el-button>
|
|
|
+ <el-button type="primary" @click="submitInsert">{{ $t('save') }}</el-button>
|
|
|
</div>
|
|
|
</div>
|
|
|
</el-scrollbar>
|
|
|
</el-col>
|
|
|
</div>
|
|
|
- <el-dialog title="请选择审批人" v-if="dialogVisible" :visible.sync="dialogVisible" width="460px">
|
|
|
+ <el-dialog :title="$t('pleaseselectapprover')" v-if="dialogVisible" :visible.sync="dialogVisible" width="460px">
|
|
|
<el-form label-width="140px">
|
|
|
- <el-form-item label="选择部门/指定人员" >
|
|
|
- <el-cascader filterable ref="deptCascader" v-model="curDeptId" placeholder="请选择部门/指定人员" style="width: 100%" @change="chooseDept" :options="soption" :props="{ checkStrictly: true,expandTrigger: 'hover' }" :show-all-levels="false" clearable></el-cascader>
|
|
|
+ <el-form-item :label="$t('selectdepartmentsdesignatepersonnel')" >
|
|
|
+ <el-cascader filterable ref="deptCascader" v-model="curDeptId" :placeholder="$t('defaultText.pleaseChoose')" style="width: 100%" @change="chooseDept" :options="soption" :props="{ checkStrictly: true,expandTrigger: 'hover' }" :show-all-levels="false" clearable></el-cascader>
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
<div slot="footer" class="dialog-footer">
|
|
|
- <el-button type="default" @click="deleteNode" v-if="!isAdd" style="float:left;">删除</el-button>
|
|
|
- <el-button type="primary" @click="addNode" >确定</el-button>
|
|
|
+ <el-button type="default" @click="deleteNode" v-if="!isAdd" style="float:left;">{{ $t('btn.delete') }}</el-button>
|
|
|
+ <el-button type="primary" @click="addNode" >{{ $t('btn.determine') }}</el-button>
|
|
|
</div>
|
|
|
</el-dialog>
|
|
|
</div>
|
|
|
</div>
|
|
|
<!-- 编辑框 -->
|
|
|
- <el-dialog title="出差详情" v-if="editDialog" :visible.sync="editDialog" width="1000px">
|
|
|
+ <el-dialog :title="$t('detailsbusinessrip')" v-if="editDialog" :visible.sync="editDialog" width="1000px">
|
|
|
<!-- <el-form ref="editItemForm" :model="editItemForm" label-width="80px" :rules="editItemFormRules"> -->
|
|
|
<el-form ref="editItemForm" :model="editItemForm" label-width="80px" :rules="editItemRules">
|
|
|
- <el-form-item label="出差人员" prop="ownerName" style="width: 300px;display: inline-block;">
|
|
|
+ <el-form-item :label="$t('businesspersonnel')" prop="ownerName" style="width: 300px;display: inline-block;">
|
|
|
<span>{{editItemForm.ownerName}}</span>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="单程/往返" prop="goBack" style="width: 300px;display: inline-block;">
|
|
|
+ <el-form-item :label="$t('onewayroundtrip')" prop="goBack" style="width: 300px;display: inline-block;">
|
|
|
<el-radio-group v-model="editItemForm.goBack">
|
|
|
- <el-radio :label="0">单程</el-radio>
|
|
|
- <el-radio :label="1">往返</el-radio>
|
|
|
+ <el-radio :label="0">{{ $t('oneway') }}</el-radio>
|
|
|
+ <el-radio :label="1">{{ $t('backandforth') }}</el-radio>
|
|
|
</el-radio-group>
|
|
|
</el-form-item>
|
|
|
<!-- 交通工具 -->
|
|
|
- <el-form-item label="交通工具" style="width:100%">
|
|
|
+ <el-form-item :label="$t('traffictools')" style="width:100%">
|
|
|
<el-radio-group v-model="editItemForm.way">
|
|
|
- <el-radio :label="0">飞机</el-radio>
|
|
|
- <el-radio :label="1">火车</el-radio>
|
|
|
- <el-radio :label="2">汽车</el-radio>
|
|
|
- <el-radio :label="3">轮船</el-radio>
|
|
|
- <el-radio :label="4">其他</el-radio>
|
|
|
+ <el-radio :label="0">{{ $t('plane') }}</el-radio>
|
|
|
+ <el-radio :label="1">{{ $t('train') }}</el-radio>
|
|
|
+ <el-radio :label="2">{{ $t('car') }}</el-radio>
|
|
|
+ <el-radio :label="3">{{ $t('ship') }}</el-radio>
|
|
|
+ <el-radio :label="4">{{ $t('leave.other') }}</el-radio>
|
|
|
</el-radio-group>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="投入项目" style="width:300px;margin-right:30px;display:inline-block;" prop="projectId">
|
|
|
- <el-select style="width:100%" @change="getwuduList(0)" v-model="editItemForm.projectId" filterable clearable placeholder="请选择投入项目" >
|
|
|
+ <el-form-item :label="$t('screening.inputProject')" style="width:300px;margin-right:30px;display:inline-block;" prop="projectId">
|
|
|
+ <el-select style="width:100%" @change="getwuduList(0)" v-model="editItemForm.projectId" filterable clearable :placeholder="$t('defaultText.pleaseChoose')" >
|
|
|
<el-option
|
|
|
v-for="item in projectList"
|
|
|
:key="item.id"
|
|
|
@@ -436,7 +436,7 @@
|
|
|
v-if="editItemForm.projectId != null && wuduData.customDegreeActive == 1"
|
|
|
style="width:300px;margin-right:30px;display:inline-block;"
|
|
|
prop="degreeName">
|
|
|
- <el-select style="width:100%" v-model="editItemForm.degreeId" filterable clearable placeholder="请选择" >
|
|
|
+ <el-select style="width:100%" v-model="editItemForm.degreeId" filterable clearable :placeholder="$t('defaultText.pleaseChoose')" >
|
|
|
<el-option
|
|
|
v-for="item in wuduList"
|
|
|
:key="item.id"
|
|
|
@@ -445,8 +445,8 @@
|
|
|
</el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="出发城市" style="width:300px;margin-right:30px;display: inline-block;" prop="cityFrom">
|
|
|
- <el-select style="width:100%" v-model="editItemForm.cityFrom" filterable clearable placeholder="请选择出发城市" >
|
|
|
+ <el-form-item :label="$t('departurecity')" style="width:300px;margin-right:30px;display: inline-block;" prop="cityFrom">
|
|
|
+ <el-select style="width:100%" v-model="editItemForm.cityFrom" filterable clearable :placeholder="$t('defaultText.pleaseChoose')" >
|
|
|
<el-option
|
|
|
v-for="item in cityList"
|
|
|
:key="item.value"
|
|
|
@@ -456,8 +456,8 @@
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
<!-- 目的城市 -->
|
|
|
- <el-form-item label="目的城市" style="width:300px;display: inline-block;" prop="cityTo">
|
|
|
- <el-select style="width:100%" v-model="editItemForm.cityTo" filterable clearable placeholder="请选择目的城市">
|
|
|
+ <el-form-item label="$t('destinationcity')" style="width:300px;display: inline-block;" prop="cityTo">
|
|
|
+ <el-select style="width:100%" v-model="editItemForm.cityTo" filterable clearable :placeholder="$t('defaultText.pleaseChoose')">
|
|
|
<el-option
|
|
|
v-for="item in cityList"
|
|
|
:key="item.value"
|
|
|
@@ -466,10 +466,10 @@
|
|
|
</el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="开始时间" style="width:300px;margin-right:30px;display:inline-block;" prop="startDate">
|
|
|
+ <el-form-item :label="$t('starttimes')" style="width:300px;margin-right:30px;display:inline-block;" prop="startDate">
|
|
|
<el-date-picker
|
|
|
type="date"
|
|
|
- placeholder="开始日期"
|
|
|
+ :placeholder="$t('time.startDate')"
|
|
|
value-format="yyyy-MM-dd"
|
|
|
v-model="editItemForm.startDate"
|
|
|
style="width:100%"
|
|
|
@@ -477,59 +477,59 @@
|
|
|
</el-date-picker>
|
|
|
</el-form-item>
|
|
|
<!-- 结束时间 -->
|
|
|
- <el-form-item label="结束时间" style="width:300px;display:inline-block;" prop="endDate">
|
|
|
+ <el-form-item :label="$t('time.endTime')" style="width:300px;display:inline-block;" prop="endDate">
|
|
|
<el-date-picker
|
|
|
type="date"
|
|
|
- placeholder="结束日期"
|
|
|
+ :placeholder="$t('time.endDate')"
|
|
|
value-format="yyyy-MM-dd"
|
|
|
v-model="editItemForm.endDate"
|
|
|
style="width:100%"
|
|
|
@change="datechg2(0)">
|
|
|
</el-date-picker>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="出差天数" style="width:300px">
|
|
|
- <el-input type="number" placeholder="自动计算" v-model="editItemForm.dayCount" min="0" style="width:100%"></el-input>
|
|
|
+ <el-form-item :label="$t('traveldays')" style="width:300px">
|
|
|
+ <el-input type="number" :placeholder="$t('automaticcalculation')" v-model="editItemForm.dayCount" min="0" style="width:100%"></el-input>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="备注" style="width: 100%">
|
|
|
+ <el-form-item :label="$t('bei-zhu')" style="width: 100%">
|
|
|
<el-input type="textarea" v-model="editItemForm.remark" :rows="3" style="width: 62%" maxlength="100" show-word-limit></el-input>
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
<span slot="footer" class="dialog-footer">
|
|
|
- <el-button @click="editDialog = false">取 消</el-button>
|
|
|
- <el-button type="primary" @click="determine()">确 定</el-button>
|
|
|
+ <el-button @click="editDialog = false">{{ $t('btn.cancel') }}</el-button>
|
|
|
+ <el-button type="primary" @click="determine()">{{ $t('btn.determine') }}</el-button>
|
|
|
</span>
|
|
|
</el-dialog>
|
|
|
|
|
|
<!-- 出差统计查看详情 -->
|
|
|
- <el-dialog title="出差详情" :visible.sync="seeDialog" width="1000px">
|
|
|
+ <el-dialog :title="$t('detailsbusinessrip')" :visible.sync="seeDialog" width="1000px">
|
|
|
<el-table :data="detailsData" style="width:100%" height="400" v-loading="detailsloading">
|
|
|
<!-- <el-table-column prop="date" label="日期" width="150"></el-table-column>
|
|
|
<el-table-column prop="name" label="姓名" width="200"></el-table-column>
|
|
|
<el-table-column prop="address" label="地址"></el-table-column> -->
|
|
|
- <el-table-column prop="ownerName" label="出差人员" width="100" fixed="left"></el-table-column>
|
|
|
- <el-table-column prop="reason" label="出差事由" width="150" header-align="center"></el-table-column>
|
|
|
- <el-table-column prop="projectName" label="投入项目" width="150" align="center"></el-table-column>
|
|
|
- <el-table-column label="交通工具" width="120" align="center">
|
|
|
+ <el-table-column prop="ownerName" :label="$t('businesspersonnel')" width="100" fixed="left"></el-table-column>
|
|
|
+ <el-table-column prop="reason" :label="$t('travelreason')" width="150" header-align="center"></el-table-column>
|
|
|
+ <el-table-column prop="projectName" :label="$t('screening.inputProject')" width="150" align="center"></el-table-column>
|
|
|
+ <el-table-column :label="$t('traffictools')" width="120" align="center">
|
|
|
<template slot-scope="scope">
|
|
|
- <span v-if="scope.row.way == 0">飞机</span>
|
|
|
- <span v-if="scope.row.way == 1">火车</span>
|
|
|
- <span v-if="scope.row.way == 2">汽车</span>
|
|
|
- <span v-if="scope.row.way == 3">轮船</span>
|
|
|
- <span v-if="scope.row.way == 4">其他</span>
|
|
|
+ <span v-if="scope.row.way == 0">{{ $t('plane') }}</span>
|
|
|
+ <span v-if="scope.row.way == 1">{{ $t('train') }}</span>
|
|
|
+ <span v-if="scope.row.way == 2">{{ $t('car') }}</span>
|
|
|
+ <span v-if="scope.row.way == 3">{{ $t('ship') }}</span>
|
|
|
+ <span v-if="scope.row.way == 4">{{ $t('leave.other') }}</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column label="行程" width="120" align="center">
|
|
|
+ <el-table-column :label="$t('trip')" width="120" align="center">
|
|
|
<template slot-scope="scope">{{scope.row.cityFrom + '-' + scope.row.cityTo}}</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop="indate" label="申请时间" width="150" align="center"></el-table-column>
|
|
|
- <el-table-column label="出差天数" width="80" align="center">
|
|
|
- <template slot-scope="scope"><div>{{scope.row.dayCount}}天</div></template>
|
|
|
+ <el-table-column prop="indate" :label="$t('applytime')" width="150" align="center"></el-table-column>
|
|
|
+ <el-table-column :label="$t('traveldays')" width="80" align="center">
|
|
|
+ <template slot-scope="scope"><div>{{scope.row.dayCount}}{{ $t('time.day') }}</div></template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop="startDate" label="出差开始时间" width="150" align="center"></el-table-column>
|
|
|
- <el-table-column prop="endDate" label="出差结束时间" width="150" align="center"></el-table-column>
|
|
|
- <el-table-column prop="remark" label="备注" width="200">
|
|
|
+ <el-table-column prop="startDate" :label="$t('starttimeofbusinessrip')" width="150" align="center"></el-table-column>
|
|
|
+ <el-table-column prop="endDate" :label="$t('endtimeofbusinesstrip')" width="150" align="center"></el-table-column>
|
|
|
+ <el-table-column prop="remark" :label="$t('bei-zhu')" width="200">
|
|
|
<template slot-scope="scope">
|
|
|
- <el-popover placement="top-start" title="标题" width="200" trigger="hover" :content="scope.row.remark">
|
|
|
+ <el-popover placement="top-start" title="$t('biao-ti')" width="200" trigger="hover" :content="scope.row.remark">
|
|
|
<div slot="reference" class="apls">{{scope.row.remark}}</div>
|
|
|
</el-popover>
|
|
|
</template>
|
|
|
@@ -549,50 +549,50 @@
|
|
|
</el-dialog>
|
|
|
|
|
|
<!-- 钉钉环境交互效果切换 -->
|
|
|
- <el-dialog title="项目关联信息" v-if="DingdingEditDialog" :close-on-click-modal="false" :visible.sync="DingdingEditDialog" width="800px" customClass="customWidth">
|
|
|
+ <el-dialog :title="$t('projectAssociationInformation')" v-if="DingdingEditDialog" :close-on-click-modal="false" :visible.sync="DingdingEditDialog" width="800px" customClass="customWidth">
|
|
|
|
|
|
<el-table :data="relationList" :loading="DingdingTableLoading">
|
|
|
- <el-table-column label="时间段">
|
|
|
+ <el-table-column :label="$t('message.period')">
|
|
|
<template slot-scope="scope">
|
|
|
- <span>{{scope.row.startDate + '至' + scope.row.endDate}}</span>
|
|
|
+ <span>{{scope.row.startDate + $t('other.to') + scope.row.endDate}}</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column label="关联项目" prop="projectName" show-overflow-tooltip></el-table-column>
|
|
|
+ <el-table-column :label="$t('rselatedprojects')" prop="projectName" show-overflow-tooltip></el-table-column>
|
|
|
<el-table-column :label="wuduData.customDegreeName" prop="degreeName" show-overflow-tooltip></el-table-column>
|
|
|
- <el-table-column label="操作" width="150">
|
|
|
+ <el-table-column :label="$t('operation')" width="150">
|
|
|
<template slot-scope="scope">
|
|
|
- <el-button size="small" type="primary" @click="DingdingAddorMod(scope.row)">编辑</el-button>
|
|
|
- <el-button size="small" type="danger" @click="DingdingDelete(scope.row)">删除</el-button>
|
|
|
+ <el-button size="small" type="primary" @click="DingdingAddorMod(scope.row)">{{ $t('bian-ji') }}</el-button>
|
|
|
+ <el-button size="small" type="danger" @click="DingdingDelete(scope.row)">{{ $t('btn.delete') }}</el-button>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
<div slot="footer" class="dialog-footer">
|
|
|
- <el-button type="primary" @click="DingdingEditDialog = false">关闭</el-button>
|
|
|
- <el-button type="primary" @click="DingdingAddorMod()">新增关联项目</el-button>
|
|
|
+ <el-button type="primary" @click="DingdingEditDialog = false">{{ $t('Shutdown') }}</el-button>
|
|
|
+ <el-button type="primary" @click="DingdingAddorMod()">{{ $t('addinganAssociatedItem') }}</el-button>
|
|
|
</div>
|
|
|
|
|
|
- <el-dialog append-to-body title="新增/修改关联项目" v-if="appendAddorModDialog" :visible.sync="appendAddorModDialog" width="700px" customClass="customWidth">
|
|
|
+ <el-dialog append-to-body :title="$t('addedormodifiedassociateditems')" v-if="appendAddorModDialog" :visible.sync="appendAddorModDialog" width="700px" customClass="customWidth">
|
|
|
<el-form label-width="100" :inline="true" style="margin-top:20px" :model="relationItem" :rules="relationItemRules" ref="relationItemForm">
|
|
|
- <el-form-item label="开始日期" prop="startDate">
|
|
|
+ <el-form-item :label="$t('time.startDate')" prop="startDate">
|
|
|
<el-date-picker
|
|
|
style="width:220px"
|
|
|
v-model="relationItem.startDate"
|
|
|
value-format="yyyy-MM-dd"
|
|
|
type="date"
|
|
|
@change="datechg3(1)"
|
|
|
- placeholder="请选择日期"></el-date-picker>
|
|
|
+ :placeholder="$t('defaultText.pleaseChoose')"></el-date-picker>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="结束日期" prop="endDate" style="margin-left:35px">
|
|
|
+ <el-form-item :label="$t('time.endDate')" prop="endDate" style="margin-left:35px">
|
|
|
<el-date-picker
|
|
|
style="width:220px"
|
|
|
v-model="relationItem.endDate"
|
|
|
value-format="yyyy-MM-dd"
|
|
|
type="date"
|
|
|
@change="datechg3(0)"
|
|
|
- placeholder="请选择日期"></el-date-picker>
|
|
|
+ :placeholder="$t('defaultText.pleaseChoose')"></el-date-picker>
|
|
|
</el-form-item><br>
|
|
|
- <el-form-item label="关联项目" prop="projectId">
|
|
|
- <el-select v-model="relationItem.projectId" placeholder="请选择项目" @change="getwuduList(2)" style="width:220px" filterable >
|
|
|
+ <el-form-item :label="$t('rselatedprojects')" prop="projectId">
|
|
|
+ <el-select v-model="relationItem.projectId" :placeholder="$t('defaultText.pleaseChoose')" @change="getwuduList(2)" style="width:220px" filterable >
|
|
|
<el-option
|
|
|
v-for="item in projectList"
|
|
|
:key="item.id"
|
|
|
@@ -601,7 +601,7 @@
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
<el-form-item :label="wuduData.customDegreeName" prop="degreeId" style="margin-left:44.5px">
|
|
|
- <el-select v-model="relationItem.degreeId" :placeholder="'请选择' + wuduData.customDegreeName" style="width:220px">
|
|
|
+ <el-select v-model="relationItem.degreeId" :placeholder="$t('defaultText.pleaseChoose') + wuduData.customDegreeName" style="width:220px">
|
|
|
<el-option
|
|
|
v-for="item in wuduList"
|
|
|
:key="item.id"
|
|
|
@@ -611,30 +611,30 @@
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
<div slot="footer" class="dialog-footer">
|
|
|
- <el-button @click="appendAddorModDialog = false">取消</el-button>
|
|
|
- <el-button type="primary" @click="appendAddorModSure('relationItemForm')">提交</el-button>
|
|
|
+ <el-button @click="appendAddorModDialog = false">{{ $t('btn.cancel') }}</el-button>
|
|
|
+ <el-button type="primary" @click="appendAddorModSure('relationItemForm')">{{ $t('btn.submit') }}</el-button>
|
|
|
</div>
|
|
|
</el-dialog>
|
|
|
</el-dialog>
|
|
|
<!-- 点击钉钉同步弹窗 -->
|
|
|
- <el-dialog title="从钉钉同步" :visible.sync="synchronizationDaying" width="480px" :before-close="handleClose">
|
|
|
+ <el-dialog :title="$t('synchronizefromStaple')" :visible.sync="synchronizationDaying" width="480px" :before-close="handleClose">
|
|
|
<div>
|
|
|
<div class="dingdingtongbu">
|
|
|
- <span>选择人员</span>
|
|
|
- <el-select v-model="ownerIdsId" placeholder="请选择人员" style="width:280px" size="small" filterable="true">
|
|
|
+ <span>{{ $t('screening.selectPeople') }}</span>
|
|
|
+ <el-select v-model="ownerIdsId" :placeholder="$t('pleaseselectpersonnel')" style="width:280px" size="small" filterable="true">
|
|
|
<el-option v-for="item in users" :key="item.id" :label="item.name" :value="item.id">
|
|
|
</el-option>
|
|
|
</el-select>
|
|
|
</div>
|
|
|
<div class="dingdingtongbu" style="margin-top: 20px">
|
|
|
- <span>时间段</span>
|
|
|
- <el-date-picker v-model="createDateList" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" value-format="yyyy-MM-dd" placeholder="选择日期" size="small" clearable style="width:280px"></el-date-picker>
|
|
|
- <span style="width: 300px;color: #E6A23C;font-size: 10px;padding-left: 105px;margin-top: 10px"> <i class="el-icon-warning-outline"></i> 从钉钉同步 时间段不能超过七天</span>
|
|
|
+ <span>{{ $t('message.period') }}</span>
|
|
|
+ <el-date-picker v-model="createDateList" type="daterange" :range-separator="$t('other.to')" :start-placeholder="$t('time.startDate')" :end-placeholder="$t('time.endDate')" value-format="yyyy-MM-dd" :placeholder="$t('optiondate')" size="small" clearable style="width:280px"></el-date-picker>
|
|
|
+ <span style="width: 300px;color: #E6A23C;font-size: 10px;padding-left: 105px;margin-top: 10px"> <i class="el-icon-warning-outline"></i> {{ $t('synchronizationperiodfromstaplecannotexceedsevendays') }}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
<span slot="footer" class="dialog-footer">
|
|
|
- <el-button @click="synchronizationDaying = false">取 消</el-button>
|
|
|
- <el-button type="primary" @click="listSynchronize()" :loading="synchronizeLoading">同 步</el-button>
|
|
|
+ <el-button @click="synchronizationDaying = false">{{ $t('btn.cancel') }}</el-button>
|
|
|
+ <el-button type="primary" @click="listSynchronize()" :loading="synchronizeLoading">{{ $t('synchronous') }}</el-button>
|
|
|
</span>
|
|
|
</el-dialog>
|
|
|
</section>
|
|
|
@@ -678,17 +678,17 @@ export default {
|
|
|
wuduId:null //维度id
|
|
|
},
|
|
|
formrules:{
|
|
|
- reason:[{ required: true, message: "请输入出差事由", trigger: "blur" }],
|
|
|
- cityFrom:[{ required: true, message: "请选择出发城市", trigger: "blur" }],
|
|
|
- cityTo:[{ required: true, message: "请选择目的城市", trigger: "blur" }],
|
|
|
- startDate:[{ required: true, message: "请选择开始时间", trigger: "blur" }],
|
|
|
- endDate:[{ required: true, message: "请选择结束时间", trigger: "blur" }]
|
|
|
+ reason:[{ required: true, message: this.$t('yourbusinesstrip'), trigger: "blur" }],
|
|
|
+ cityFrom:[{ required: true, message: this.$t('selectyourdeparturecity'), trigger: "blur" }],
|
|
|
+ cityTo:[{ required: true, message: this.$t('saelectdestinationcity'), trigger: "blur" }],
|
|
|
+ startDate:[{ required: true, message: this.$t('selectastarttime'), trigger: "blur" }],
|
|
|
+ endDate:[{ required: true, message: this.$t('selectanendtime'), trigger: "blur" }]
|
|
|
},
|
|
|
editItemRules:{
|
|
|
- cityFrom:[{ required: true, message: "请选择出发城市", trigger: "blur" }],
|
|
|
- cityTo:[{ required: true, message: "请选择目的城市", trigger: "blur" }],
|
|
|
- startDate:[{ required: true, message: "请选择开始时间", trigger: "blur" }],
|
|
|
- endDate:[{ required: true, message: "请选择结束时间", trigger: "blur" }]
|
|
|
+ cityFrom:[{ required: true, message: this.$t('selectyourdeparturecity'), trigger: "blur" }],
|
|
|
+ cityTo:[{ required: true, message: this.$t('saelectdestinationcity'), trigger: "blur" }],
|
|
|
+ startDate:[{ required: true, message: this.$t('selectastarttime'), trigger: "blur" }],
|
|
|
+ endDate:[{ required: true, message: this.$t('selectanendtime'), trigger: "blur" }]
|
|
|
},
|
|
|
cityList:[],
|
|
|
cityList2:[],
|
|
|
@@ -762,9 +762,9 @@ export default {
|
|
|
degreeId: null
|
|
|
},
|
|
|
relationItemRules: {
|
|
|
- startDate:[{required: true,message: '请选择开始日期',trigger: 'change'}],
|
|
|
- endDate:[{required: true,message: '请选择结束日期',trigger: 'change'}],
|
|
|
- projectId:[{required: true,message: '请选择要关联的项目',trigger: 'change'}],
|
|
|
+ startDate:[{required: true,message: this.$t('selectastartdate'),trigger: 'change'}],
|
|
|
+ endDate:[{required: true,message: this.$t('selectaenddate'),trigger: 'change'}],
|
|
|
+ projectId:[{required: true,message: this.$t('projectassociate'),trigger: 'change'}],
|
|
|
},
|
|
|
relationItemTemporaryDate: {},
|
|
|
synchronizeLoading: false,
|
|
|
@@ -813,7 +813,7 @@ export default {
|
|
|
if(res.code == 'ok'){
|
|
|
var filePath = res.data;
|
|
|
const a = document.createElement('a'); // 创建a标签
|
|
|
- a.setAttribute('download', '出差统计导出.xls');// download属性
|
|
|
+ a.setAttribute('download', this.$t('tripStatistics')+'.xls');// download属性
|
|
|
a.setAttribute('href', filePath);// href链接
|
|
|
a.click(); //自执行点击事件
|
|
|
a.remove();
|
|
|
@@ -837,13 +837,13 @@ export default {
|
|
|
this.billss(1)
|
|
|
},
|
|
|
deleteOfDingding(e) {
|
|
|
- this.$confirm("确认要删除吗?", "提示", {}).then(() => {
|
|
|
+ this.$confirm(this.$t('deleteit'), this.$t('other.prompts'), {}).then(() => {
|
|
|
this.http.post('/business-trip/delete', {id:e.id},
|
|
|
res => {
|
|
|
if (res.code == "ok") {
|
|
|
this.billss();
|
|
|
this.$message({
|
|
|
- message: '删除成功',
|
|
|
+ message: this.$t('message.successfullyDeleted'),
|
|
|
type: "success"
|
|
|
});
|
|
|
} else {
|
|
|
@@ -909,7 +909,7 @@ export default {
|
|
|
this.synchronizeLoading = false
|
|
|
this.synchronizationDaying = false
|
|
|
this.$message({
|
|
|
- message: '同步成功',
|
|
|
+ message: this.$t('synchronoussuccess'),
|
|
|
type: 'success'
|
|
|
})
|
|
|
// this.ownerIdsId = ''
|
|
|
@@ -931,7 +931,7 @@ export default {
|
|
|
})
|
|
|
} else {
|
|
|
this.$message({
|
|
|
- message: '从钉钉同步消息时间段不能超过七天',
|
|
|
+ message: this.$t('cannotbesynchronized'),
|
|
|
type: 'warning'
|
|
|
});
|
|
|
}
|
|
|
@@ -1018,9 +1018,9 @@ export default {
|
|
|
},
|
|
|
DingdingDelete(row){
|
|
|
console.log('row',this.relationItem);
|
|
|
- this.$confirm('是否确认删除？','提示',{
|
|
|
- confirmButtonText: '确定',
|
|
|
- cancelButtonText: '取消',
|
|
|
+ this.$confirm(this.$t('doyouwanttodeleteit'),this.$t('other.prompts'),{
|
|
|
+ confirmButtonText: this.$t('btn.determine'),
|
|
|
+ cancelButtonText: this.$t('btn.cancel'),
|
|
|
type: 'warning'
|
|
|
}).then(()=>{
|
|
|
this.http.post('/bustrip-project/delete',{
|
|
|
@@ -1164,7 +1164,7 @@ export default {
|
|
|
if (res.code == "ok") {
|
|
|
this.formloading = false
|
|
|
this.$message({
|
|
|
- message: "申请成功",
|
|
|
+ message: this.$t('applicationissuccessful'),
|
|
|
type: "success"
|
|
|
})
|
|
|
this.addform = {
|
|
|
@@ -1328,13 +1328,13 @@ export default {
|
|
|
|
|
|
// 操作 - 删除
|
|
|
deletes(e) {
|
|
|
- this.$confirm("确认要删除吗?", "提示", {}).then(() => {
|
|
|
+ this.$confirm(this.$t('deleteit'), this.$t('other.prompts'), {}).then(() => {
|
|
|
this.http.post('/business-trip/delete', {id:e.id},
|
|
|
res => {
|
|
|
if (res.code == "ok") {
|
|
|
this.getTableList();
|
|
|
this.$message({
|
|
|
- message: '删除成功',
|
|
|
+ message: this.$t('message.successfullyDeleted'),
|
|
|
type: "success"
|
|
|
});
|
|
|
} else {
|
|
|
@@ -1392,7 +1392,7 @@ export default {
|
|
|
this.editDialog = false
|
|
|
this.billss()
|
|
|
this.$message({
|
|
|
- message: '修改成功',
|
|
|
+ message: this.$t('message.modifyTheSuccess'),
|
|
|
type: 'success'
|
|
|
})
|
|
|
} else {
|
|
|
@@ -1513,8 +1513,8 @@ export default {
|
|
|
var list = res.data , list1 = JSON.parse(JSON.stringify(res.data));
|
|
|
this.sdata = list;
|
|
|
this.soption = [
|
|
|
- {value: 1 , label : "部门" , children : this.changeArr(list1)},
|
|
|
- {value: 2 , label : "指定人员",children : this.susers}
|
|
|
+ {value: 1 , label : this.$t('lable.department') , children : this.changeArr(list1)},
|
|
|
+ {value: 2 , label : this.$t('designatedpersonnel'),children : this.susers}
|
|
|
]
|
|
|
} else {
|
|
|
this.$message({
|
|
|
@@ -1615,7 +1615,7 @@ export default {
|
|
|
this.listLoading = false;
|
|
|
if (res.code == "ok") {
|
|
|
this.$message({
|
|
|
- message: '保存成功',
|
|
|
+ message: this.$t('savesuccess'),
|
|
|
type: "success"
|
|
|
});
|
|
|
} else {
|
ggooalice