Commit 959b666f authored by dll's avatar dll

提交

parent 2a384aa2
......@@ -85,7 +85,15 @@ sup {
sub {
bottom: -.25em
}
.mt20{
margin-top: 20px;
}
.mt10{
margin-top: 10px;
}
.ml20{
margin-left: 20px;
}
ins,a {
text-decoration: none;
cursor: pointer;
......
......@@ -4,7 +4,7 @@
<el-form-item :label="label" :prop="prop" class='my-form-field'>
<slot>
<el-input :disabled='disabled' :placeholder='placeholder' v-model="field" @change="emit" @input="emit" v-if='type === "text"' :class="inputClass" :clearable='clearable'></el-input>
<el-input :disabled='disabled' :placeholder='placeholder' v-model="field" @change="emit" @input="emit" @focus="emit" v-if='type === "text"' :class="inputClass" :clearable='clearable'></el-input>
<el-input :disabled='disabled' :placeholder='placeholder' v-model="field" @change="emit" @input="emit" type='password' v-if='type === "password"'></el-input>
<el-input-number :disabled='disabled' v-model="field" size="small" :placeholder='placeholder' @change="emit" @input="emit" v-if='type === "num"'></el-input-number>
......@@ -82,7 +82,6 @@ export default {
type: String,
default: '',
},
// 字段所需的枚举类型
enumData: {
type: Object,
......@@ -126,6 +125,7 @@ export default {
emit() {
this.$emit('input', this.newVal)
this.$emit('change', this.newVal)
this.$emit('')
}
},
computed: {
......
<template>
<div class="container">
<el-card style="min-height:80vh">
<el-card style="min-height:80vh;padding:15px">
<tab-pane :activeName="activeName" :thirdList="thirdList"></tab-pane>
<div>
<div class="mt20">
<div>考勤组名称</div>
<el-input placeholder="请输入考勤组名称"></el-input>
<el-input placeholder="请输入考勤组名称" style="width:220px" class="mt10"></el-input>
</div>
<div>
<div class="flex flex-align-center mt20">
<div>考勤人员</div>
<el-button type="text">设置</el-button>
<el-button type="text" class="ml20" @click="drawer1= true">设置</el-button>
</div>
<div>
<div class="flex flex-align-center mt10" style="color:#999;font-size:14px">
<div>参与考勤人员</div>
<el-button type="text">设置</el-button>
<div class="ml20">未设置</div>
</div>
<div>
<div class="flex flex-align-center mt10" style="color:#999;font-size:14px">
<div>无需考勤人员</div>
<el-button type="text">设置</el-button>
<div class="ml20">未设置</div>
</div>
<div style="height:20px"></div>
<div>
<div class="flex flex-align-center mt20">
<div>考勤组负责人</div>
<el-button type="text">设置</el-button>
<el-button type="text" class="ml20" @click="drawer2= true">设置</el-button>
</div>
<div>
<div class="flex flex-align-center mt10" style="color:#999;font-size:14px">
<div>主负责人</div>
<el-button type="text">设置</el-button>
<div class="ml20">未设置</div>
</div>
<div>
<div class="flex flex-align-center mt10" style="color:#999;font-size:14px">
<div>子负责人</div>
<el-button type="text">设置</el-button>
<div class="ml20">未设置</div>
</div>
<div>
<div class="flex flex-align-center mt10" style="color:#999;font-size:14px">
<div>子负责人权限</div>
<el-button type="text">设置</el-button>
<div class="ml20">未设置</div>
</div>
<div style="height:20px"></div>
<div>
<div>考勤时间</div>
<el-button type="text">设置</el-button>
<div class="flex flex-align-center mt20">
<div>考勤时间</div>
<el-button type="text" class="ml20" @click="drawer3= true">设置</el-button>
</div>
<div>
<div>考勤类型</div>
<el-button type="text">设置</el-button>
<div class="flex flex-align-center mt10" style="color:#999;font-size:14px">
<div>考勤类型</div>
<div class="ml20">未设置</div>
</div>
<div>
<div>工作日设置</div>
<el-button type="text">设置</el-button>
<div class="flex flex-align-center mt10" style="color:#999;font-size:14px">
<div>工作日设置</div>
<div class="ml20">未设置</div>
</div>
<div style="height:20px"></div>
<div>
<div class="flex flex-align-center mt20">
<div>打卡方式</div>
<el-button type="text">设置</el-button>
<el-button type="text" class="ml20" @click="drawer4= true">设置</el-button>
</div>
<div>
<div class="flex flex-align-center mt10" style="color:#999;font-size:14px">
<div>考勤方式</div>
<el-button type="text">设置</el-button>
<div class="ml20">未设置</div>
</div>
<div class="mt20">
<el-button type="primary">保存设置</el-button>
<el-button>全部重置</el-button>
</div>
</el-card>
<!-- 设置考勤人员 -->
<el-drawer
title="考勤人员"
:visible.sync="drawer"
direction="rtl"
:before-close="handleClose">
<!-- 考勤人员 -->
<div>参与考勤人员(0)</div>
<div>无需考勤人员(0)</div>
<!-- 考勤组 -->
<div>
<span>考勤组负责人:</span>
<el-select>
<el-option></el-option>
</el-select>
</div>
<div>
<span>主负责人:</span>
<el-select>
<el-option></el-option>
</el-select>
</div>
<div>
<span>子负责人:</span>
<el-select>
<el-option></el-option>
</el-select>
</div>
<div>
<span>子负责人权限:</span>
<el-select>
<el-option></el-option>
</el-select>
</div>
<!-- 考勤时间 -->
<div>
<el-radio-group>
<el-radio label="">固定班制(固定时间上下班)</el-radio>
<el-radio label="">排班制(按排班上下班)</el-radio>
<el-radio label="">自由工时(不固定时间上下班)</el-radio>
</el-radio-group>
</div>
<div>
<div>工作日设置:</div>
<div>
<el-tag type="primary">快捷设置班次</el-tag>
<span>班次名称:</span>
<el-button type="text">更改班次</el-button>
</div>
<!-- 班次表 -->
<el-table :data="weekList">
<el-table-column label="工作日"></el-table-column>
<el-table-column label="班次时间段"></el-table-column>
<el-table-column label="操作">
<template slot-scope="scope">
<el-button type="text" @click="changeBanci(scope.row)">更改班次</el-button>
</template>
</el-table-column>
</el-table>
<div>
<el-checkbox>法定节假日自动排休</el-checkbox>
</div>
<div>
<div>特殊日期</div>
</div>
</div>
</el-drawer>
<!-- 选择biao -->
</div>
</template>
......@@ -75,7 +153,10 @@
tabPane
},
methods: {
changeBanci(row){
console.log(row)
this.isshowBanci = true
}
},
data() {
return {
......@@ -96,7 +177,22 @@
name:'新增考勤组',
path:'/attendance/group/view'
}
]
],
drawer1:false,
drawer2:false,
drawer3:false,
drawer4:false,
setParams:{
groupName:'',
personNum:'',
responsiblePerson:'',
type:'',
attendanceTime:'',
remark:''
},
drawer:true,
weekList:[],
isshowBanci:false//班次展示
}
}
}
......
......@@ -93,6 +93,7 @@ export default {
},
isExport: false,
config: {
isshowTabPane:true,
search: [
{
name: "staffName",
......
......@@ -42,19 +42,16 @@
<el-col :span="18" :xs="12">
<el-row>
<div class="controllList">
</div>
<LayoutTable notDel :data="tableData" :config="tableConfig">
<el-button type="primary" size="mini" slot="table-head-left2">导出</el-button>
<el-button type="primary"
size="mini" slot="table-head-left2">导出</el-button>
<el-dropdown class="moreControll" slot="table-head-left2" style="margin-left:20px">
<el-button type="primary" size="mini">
更多操作<i class="el-icon-arrow-down el-icon--right"></i>
</el-button>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item>同步数据</el-dropdown-item>
<el-dropdown-item>导入花名册</el-dropdown-item>
<el-dropdown-item @click="handleImport">导入花名册</el-dropdown-item>
<el-dropdown-item>历史花名册</el-dropdown-item>
<el-dropdown-item>自定义列表字段</el-dropdown-item>
</el-dropdown-menu>
......@@ -67,9 +64,49 @@
</LayoutTable>
</el-row>
</el-col>
</el-row>
<drawer-show ref="drawerform" @ok="getData" />
<home-page v-if="isshowHome" :data="personData"></home-page>
</el-row>
<!-- 导入对话框 -->
<el-dialog
:title="upload.title"
:visible.sync="upload.open"
width="400px"
append-to-body
>
<el-upload
ref="upload"
:limit="1"
accept=".xlsx, .xls"
:headers="upload.headers"
:action="upload.url + '?updateSupport=' + upload.updateSupport"
:disabled="upload.isUploading"
:on-progress="handleFileUploadProgress"
:on-success="handleFileSuccess"
:auto-upload="false"
drag
>
<i class="el-icon-upload"></i>
<div class="el-upload__text">
将文件拖到此处,或
<em>点击上传</em>
</div>
<div class="el-upload__tip" slot="tip">
<el-checkbox
v-model="upload.updateSupport"
/>是否更新已经存在的数据
<el-link type="primary" style="font-size: 14px" @click="downloadTemplate"
>下载模板</el-link
>
</div>
<div class="el-upload__tip" style="color: red" slot="tip">
提示:仅允许导入“xls”或“xlsx”格式文件!
</div>
</el-upload>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitFileForm">确 定</el-button>
<el-button @click="upload.open = false">取 消</el-button>
</div>
</el-dialog>
<drawer-show ref="drawerform" @ok="getData" :bumentree="areaData" />
</div>
</template>
......@@ -92,6 +129,11 @@
})
},
methods: {
/** 导入 */
handleImport() {
this.upload.title = "员工关怀信息导入";
this.upload.open = true;
},
handleClick(key){
console.log(key)
this.$store.commit('setThirdPath',key)
......@@ -129,6 +171,19 @@
},
data() {
return {
// 用户导入参数
upload: {
// 是否显示弹出层(员工关怀信息导入)
open: false,
// 弹出层标题(员工关怀信息导入)
title: "导入花名册数据",
// 是否禁用上传
isUploading: false,
// 是否更新已经存在的数据
updateSupport: 0,
// 上传的地址
url: "/attendance/staff/list/importData",
},
config: {
search: [
{
......
......@@ -94,7 +94,7 @@ export default {
menu[item.id + ""] = item.name;
});
return menu;
},
}
},
methods: {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment