Merge branch 'main' of http://xny.yj-3d.com:3000/taoge/new_project into ljx
This commit is contained in:
@ -6,7 +6,7 @@ VITE_APP_ENV = 'development'
|
|||||||
|
|
||||||
# 开发环境
|
# 开发环境
|
||||||
# 李陈杰 209
|
# 李陈杰 209
|
||||||
VITE_APP_BASE_API = 'http://192.168.110.209:8899'
|
VITE_APP_BASE_API = 'http://192.168.110.149:8899'
|
||||||
# 曾涛
|
# 曾涛
|
||||||
# VITE_APP_BASE_API = 'http://192.168.110.180:8899'
|
# VITE_APP_BASE_API = 'http://192.168.110.180:8899'
|
||||||
# 罗成
|
# 罗成
|
||||||
|
@ -69,7 +69,8 @@
|
|||||||
"vue-types": "5.1.3",
|
"vue-types": "5.1.3",
|
||||||
"vue3-print-nb": "^0.1.4",
|
"vue3-print-nb": "^0.1.4",
|
||||||
"vue3-scroll-seamless": "^1.0.6",
|
"vue3-scroll-seamless": "^1.0.6",
|
||||||
"vxe-table": "4.5.22"
|
"vxe-table": "4.5.22",
|
||||||
|
"xlsx": "^0.18.5"
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"@eslint/js": "9.15.0",
|
"@eslint/js": "9.15.0",
|
||||||
|
@ -24,3 +24,11 @@ export const exportWord = (params) => {
|
|||||||
method: 'post'
|
method: 'post'
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
// 导出模版
|
||||||
|
export const exportExcel = (params) => {
|
||||||
|
return request({
|
||||||
|
url: '/design/collect/exportExcel',
|
||||||
|
method: 'post',
|
||||||
|
params: params
|
||||||
|
});
|
||||||
|
};
|
||||||
|
@ -195,3 +195,35 @@ export const changeProject = (id: string | number) => {
|
|||||||
method: 'get'
|
method: 'get'
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
/**
|
||||||
|
* 打卡规则
|
||||||
|
* @param id
|
||||||
|
*/
|
||||||
|
export const attendanceRuleEdit = (data) => {
|
||||||
|
return request({
|
||||||
|
url: '/project/attendanceRule',
|
||||||
|
method: 'put',
|
||||||
|
data
|
||||||
|
});
|
||||||
|
};
|
||||||
|
/**
|
||||||
|
* 打卡规则
|
||||||
|
* @param id
|
||||||
|
*/
|
||||||
|
export const attendanceRuleAdd = (data) => {
|
||||||
|
return request({
|
||||||
|
url: '/project/attendanceRule',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
});
|
||||||
|
};
|
||||||
|
/**
|
||||||
|
* 获取规则
|
||||||
|
* @param id
|
||||||
|
*/
|
||||||
|
export const byProjectIdDetail = (id) => {
|
||||||
|
return request({
|
||||||
|
url: '/project/attendanceRule/byProjectId/' + id,
|
||||||
|
method: 'get'
|
||||||
|
});
|
||||||
|
};
|
||||||
|
@ -243,7 +243,7 @@ async function handleSheetName() {
|
|||||||
|
|
||||||
// 获取列表
|
// 获取列表
|
||||||
async function handleQueryList(isSheet = true) {
|
async function handleQueryList(isSheet = true) {
|
||||||
// if (isSheet && !state.queryForm.sheet) {
|
// if (isSheet && !state.queryForm) {
|
||||||
// console.warn('表名不存在,无法获取列表数据');
|
// console.warn('表名不存在,无法获取列表数据');
|
||||||
// return;
|
// return;
|
||||||
// }
|
// }
|
||||||
@ -304,7 +304,7 @@ function handleChange(sheet) {
|
|||||||
function handleChangeVersion(versions) {
|
function handleChangeVersion(versions) {
|
||||||
state.queryForm.versions = versions;
|
state.queryForm.versions = versions;
|
||||||
state.versionsData = state.options.find((e) => e.versions == versions);
|
state.versionsData = state.options.find((e) => e.versions == versions);
|
||||||
console.log('state.versionsData', state.versionsData);
|
// console.log('state.versionsData', state.versionsData);
|
||||||
state.sheets = [];
|
state.sheets = [];
|
||||||
handleQueryList();
|
handleQueryList();
|
||||||
}
|
}
|
||||||
|
@ -49,7 +49,32 @@
|
|||||||
<!-- 资料文件区域 -->
|
<!-- 资料文件区域 -->
|
||||||
<div class="mb-8">
|
<div class="mb-8">
|
||||||
<div class="flex items-center justify-between mb-5">
|
<div class="flex items-center justify-between mb-5">
|
||||||
<h3 class="text-lg font-semibold text-blue-700">资料文件清单</h3>
|
<div style="display: flex; align-items: center">
|
||||||
|
<h3 class="text-lg font-semibold text-blue-700" style="margin-right: 20px">资料文件清单</h3>
|
||||||
|
<el-upload
|
||||||
|
class="upload-excel"
|
||||||
|
action="#"
|
||||||
|
v-if="!form.id || form.status == 'draft'"
|
||||||
|
ref="uploadRef"
|
||||||
|
:auto-upload="false"
|
||||||
|
:on-change="importTemplate"
|
||||||
|
:show-file-list="false"
|
||||||
|
:accept="'.xlsx,.xls'"
|
||||||
|
:limit="1"
|
||||||
|
>
|
||||||
|
<el-button type="primary" icon="Upload">导入文件</el-button>
|
||||||
|
</el-upload>
|
||||||
|
<el-button
|
||||||
|
v-if="!form.id || form.status == 'draft'"
|
||||||
|
type="primary"
|
||||||
|
style="margin-left: 20px"
|
||||||
|
icon="Download"
|
||||||
|
@click="exportTemplate"
|
||||||
|
class="transition-all hover:bg-blue-600"
|
||||||
|
>
|
||||||
|
导出模版
|
||||||
|
</el-button>
|
||||||
|
</div>
|
||||||
<el-button type="primary" size="small" @click="addDocumentItem" v-if="!disabledAll" icon="Plus" class="transition-all hover:bg-blue-600">
|
<el-button type="primary" size="small" @click="addDocumentItem" v-if="!disabledAll" icon="Plus" class="transition-all hover:bg-blue-600">
|
||||||
添加资料
|
添加资料
|
||||||
</el-button>
|
</el-button>
|
||||||
@ -180,11 +205,11 @@ import { ref, reactive, computed, onMounted, onUnmounted, watch, getCurrentInsta
|
|||||||
import { useUserStoreHook } from '@/store/modules/user';
|
import { useUserStoreHook } from '@/store/modules/user';
|
||||||
import { ElMessage, ElLoading, FormRules } from 'element-plus';
|
import { ElMessage, ElLoading, FormRules } from 'element-plus';
|
||||||
import { systemUserList } from '@/api/design/appointment';
|
import { systemUserList } from '@/api/design/appointment';
|
||||||
import { collectBatch, byProjectId, exportWord } from '@/api/design/received';
|
import { collectBatch, byProjectId, exportWord, exportExcel } from '@/api/design/received';
|
||||||
import { getUser } from '@/api/system/user';
|
import { getUser } from '@/api/system/user';
|
||||||
import type { ComponentInternalInstance, ElFormInstance } from 'element-plus';
|
import type { ComponentInternalInstance, ElFormInstance } from 'element-plus';
|
||||||
import { getInfo } from '@/api/login';
|
import { getInfo } from '@/api/login';
|
||||||
|
import * as XLSX from 'xlsx';
|
||||||
// 全局实例与状态管理
|
// 全局实例与状态管理
|
||||||
const { proxy } = getCurrentInstance() as ComponentInternalInstance;
|
const { proxy } = getCurrentInstance() as ComponentInternalInstance;
|
||||||
const userStore = useUserStoreHook();
|
const userStore = useUserStoreHook();
|
||||||
@ -200,7 +225,7 @@ const documentsFormRef = ref<ElFormInstance>();
|
|||||||
const userList = ref<any[]>([]);
|
const userList = ref<any[]>([]);
|
||||||
const userMap = new Map<string, string>(); // 存储用户ID与昵称映射
|
const userMap = new Map<string, string>(); // 存储用户ID与昵称映射
|
||||||
const disabledAll = ref(false); // 表单是否全部禁用
|
const disabledAll = ref(false); // 表单是否全部禁用
|
||||||
|
const uploadRef = ref<any>();
|
||||||
// 表单核心数据
|
// 表单核心数据
|
||||||
const form = reactive({
|
const form = reactive({
|
||||||
projectId: currentProject.value?.id,
|
projectId: currentProject.value?.id,
|
||||||
@ -445,7 +470,67 @@ const onLoad = async () => {
|
|||||||
console.error('文件导出错误:', error);
|
console.error('文件导出错误:', error);
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
const exportTemplate = async () => {
|
||||||
|
// 导出模版
|
||||||
|
proxy?.download(
|
||||||
|
'design/collect/exportExcel',
|
||||||
|
{
|
||||||
|
deptId: userStore.deptId
|
||||||
|
},
|
||||||
|
`收资清单表格.xlsx`
|
||||||
|
);
|
||||||
|
};
|
||||||
|
const importTemplate = async (files, fileList) => {
|
||||||
|
// 导入表格数据
|
||||||
|
console.log(fileList);
|
||||||
|
|
||||||
|
const file = fileList[0].raw; // 获取原始文件对象
|
||||||
|
const reader = new FileReader();
|
||||||
|
let obj = {
|
||||||
|
id: '编码',
|
||||||
|
name: '人员',
|
||||||
|
fliename: '目录名',
|
||||||
|
remark: '备注'
|
||||||
|
};
|
||||||
|
reader.onload = (e) => {
|
||||||
|
try {
|
||||||
|
// 读取文件内容
|
||||||
|
const data = new Uint8Array(e.target.result);
|
||||||
|
// 解析Excel
|
||||||
|
const workbook = XLSX.read(data, { type: 'array' });
|
||||||
|
|
||||||
|
// 获取第一个工作表名称
|
||||||
|
const firstSheetName = workbook.SheetNames[0];
|
||||||
|
// 获取第一个工作表内容
|
||||||
|
const worksheet = workbook.Sheets[firstSheetName];
|
||||||
|
|
||||||
|
// 转换为JSON格式
|
||||||
|
const jsonData = XLSX.utils.sheet_to_json(worksheet);
|
||||||
|
|
||||||
|
if (jsonData.length === 0) {
|
||||||
|
ElMessage.info('Excel文件中没有数据');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
let arr = [];
|
||||||
|
jsonData.forEach((item, index) => {
|
||||||
|
if (item[obj.id]) {
|
||||||
|
arr.push({
|
||||||
|
id: Date.now() + index,
|
||||||
|
catalogueName: item[obj.name],
|
||||||
|
remark: item[obj.remark],
|
||||||
|
userId: item[obj.id]
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
form.documents = form.documents.concat(arr);
|
||||||
|
uploadRef.value.clearFiles();
|
||||||
|
console.log(arr);
|
||||||
|
} catch (err) {}
|
||||||
|
};
|
||||||
|
|
||||||
|
// 以ArrayBuffer方式读取文件
|
||||||
|
reader.readAsArrayBuffer(file);
|
||||||
|
};
|
||||||
/** 页面挂载初始化 */
|
/** 页面挂载初始化 */
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
// 先获取当前用户信息,再获取部门用户列表,最后回显表单数据
|
// 先获取当前用户信息,再获取部门用户列表,最后回显表单数据
|
||||||
|
@ -151,7 +151,16 @@
|
|||||||
/></el-select>
|
/></el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item v-if="uploadForm.type == '3'" label="蓝图" prop="fileIds">
|
<el-form-item v-if="uploadForm.type == '3'" label="蓝图" prop="fileIds">
|
||||||
|
<<<<<<< HEAD
|
||||||
|
<file-upload
|
||||||
|
:fileType="['pdf']"
|
||||||
|
:isShowTip="false"
|
||||||
|
:fileSize="100"
|
||||||
|
. v-model="uploadForm.fileIds"
|
||||||
|
></file-upload>
|
||||||
|
=======
|
||||||
<file-upload :fileType="['pdf']" :isShowTip="false" :fileSize="100" v-model="uploadForm.fileIds"></file-upload>
|
<file-upload :fileType="['pdf']" :isShowTip="false" :fileSize="100" v-model="uploadForm.fileIds"></file-upload>
|
||||||
|
>>>>>>> 8a3f338e2734575bcb743e917b1232bedc76f105
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item v-if="uploadForm.type == '3'" label="抄送人">
|
<el-form-item v-if="uploadForm.type == '3'" label="抄送人">
|
||||||
<el-select multiple filterable clearable v-model="form.userIds" placeholder="请选择抄送人">
|
<el-select multiple filterable clearable v-model="form.userIds" placeholder="请选择抄送人">
|
||||||
|
@ -144,13 +144,16 @@
|
|||||||
</el-table-column> -->
|
</el-table-column> -->
|
||||||
<el-table-column label="备注" align="center" prop="remark" />
|
<el-table-column label="备注" align="center" prop="remark" />
|
||||||
<el-table-column label="创建时间" align="center" prop="createTime" width="180" />
|
<el-table-column label="创建时间" align="center" prop="createTime" width="180" />
|
||||||
<el-table-column fixed="right" label="操作" align="center" class-name="small-padding fixed-width" width="400">
|
<el-table-column fixed="right" label="操作" align="center" width="500">
|
||||||
<template #default="scope">
|
<template #default="scope">
|
||||||
<el-space>
|
<el-space>
|
||||||
|
<el-button link type="primary" icon="Edit" @click="handleCheckRules(scope.row)" v-hasPermi="['project:attendanceRule:byProjectId']"
|
||||||
|
>打卡规则
|
||||||
|
</el-button>
|
||||||
|
<!-- <el-button link type="primary" icon="Edit" @click="handleScope(scope.row)" v-hasPermi="['project:project:edit']">打卡范围 </el-button> -->
|
||||||
<el-button link type="primary" icon="FolderOpened" @click="handleShowUpload(scope.row)" v-hasPermi="['project:project:edit']"
|
<el-button link type="primary" icon="FolderOpened" @click="handleShowUpload(scope.row)" v-hasPermi="['project:project:edit']"
|
||||||
>导入安全协议书
|
>导入安全协议书
|
||||||
</el-button>
|
</el-button>
|
||||||
|
|
||||||
<el-button link type="success" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['project:project:edit']">修改 </el-button>
|
<el-button link type="success" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['project:project:edit']">修改 </el-button>
|
||||||
<el-button link type="danger" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['project:project:remove']">删除 </el-button>
|
<el-button link type="danger" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['project:project:remove']">删除 </el-button>
|
||||||
<el-button link type="primary" icon="upload" @click="handleUpload(scope.row)" v-hasPermi="['project:project:saveTenderFile']"
|
<el-button link type="primary" icon="upload" @click="handleUpload(scope.row)" v-hasPermi="['project:project:saveTenderFile']"
|
||||||
@ -160,7 +163,6 @@
|
|||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
|
|
||||||
<pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize" @pagination="getList" />
|
<pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize" @pagination="getList" />
|
||||||
</el-card>
|
</el-card>
|
||||||
<!-- 添加或修改项目对话框 -->
|
<!-- 添加或修改项目对话框 -->
|
||||||
@ -253,78 +255,6 @@
|
|||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
</div>
|
</div>
|
||||||
<div class="block-box">
|
|
||||||
<div class="">打卡设置</div>
|
|
||||||
<el-row :gutter="20">
|
|
||||||
<el-col :span="12" :offset="0">
|
|
||||||
<el-form-item label="打卡开始时间" prop="playCardStart" label-width="110px">
|
|
||||||
<!-- <el-time-picker value-format="HH:mm" v-model="form.playCardStart" placeholder="请输入打卡开始时间" /> -->
|
|
||||||
<el-time-select
|
|
||||||
v-model="form.playCardStart"
|
|
||||||
style="width: 100%"
|
|
||||||
class="mr-4"
|
|
||||||
placeholder="请输入打卡开始时间"
|
|
||||||
value-format="HH:mm"
|
|
||||||
start="00:00"
|
|
||||||
step="00:15"
|
|
||||||
end="23:59"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="12" :offset="0">
|
|
||||||
<el-form-item label="打卡结束时间" prop="playCardEnd" label-width="110px">
|
|
||||||
<!-- <el-time-picker value-format="HH:mm" v-model="form.playCardEnd" placeholder="请输入打卡结束时间" /> -->
|
|
||||||
<el-time-select
|
|
||||||
v-model="form.playCardEnd"
|
|
||||||
style="width: 100%"
|
|
||||||
:min-time="form.playCardStart"
|
|
||||||
class="mr-4"
|
|
||||||
placeholder="请输入打卡结束时间"
|
|
||||||
value-format="HH:mm"
|
|
||||||
start="00:00"
|
|
||||||
step="00:15"
|
|
||||||
end="23:59"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="12" :offset="0">
|
|
||||||
<el-form-item label="打卡类型" prop="playCardStart" label-width="110px">
|
|
||||||
<!-- <el-time-picker value-format="HH:mm" v-model="form.playCardStart" placeholder="请输入打卡开始时间" /> -->
|
|
||||||
<el-time-select
|
|
||||||
v-model="form.playCardStart"
|
|
||||||
style="width: 100%"
|
|
||||||
class="mr-4"
|
|
||||||
placeholder="请输入打卡开始时间"
|
|
||||||
value-format="HH:mm"
|
|
||||||
start="00:00"
|
|
||||||
step="00:15"
|
|
||||||
end="23:59"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="12" :offset="0">
|
|
||||||
<el-form-item label="工作日" prop="playCardEnd" label-width="110px">
|
|
||||||
<!-- <el-time-picker value-format="HH:mm" v-model="form.playCardEnd" placeholder="请输入打卡结束时间" /> -->
|
|
||||||
<el-time-select
|
|
||||||
v-model="form.playCardEnd"
|
|
||||||
style="width: 100%"
|
|
||||||
:min-time="form.playCardStart"
|
|
||||||
class="mr-4"
|
|
||||||
placeholder="请输入打卡结束时间"
|
|
||||||
value-format="HH:mm"
|
|
||||||
start="00:00"
|
|
||||||
step="00:15"
|
|
||||||
end="23:59"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
<!-- <el-col :span="24" :offset="0">
|
|
||||||
<el-form-item label="安全协议书" prop="securityAgreement">
|
|
||||||
<file-upload v-model="form.securityAgreement" :limit="1" :file-type="['pdf']" :file-size="50" />
|
|
||||||
</el-form-item>
|
|
||||||
</el-col> -->
|
|
||||||
</el-row>
|
|
||||||
</div>
|
|
||||||
</el-form>
|
</el-form>
|
||||||
<template #footer>
|
<template #footer>
|
||||||
<div class="dialog-footer">
|
<div class="dialog-footer">
|
||||||
@ -342,13 +272,12 @@
|
|||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
|
|
||||||
<!-- //选取项目地址弹窗 -->
|
<!-- //选取项目地址弹窗 -->
|
||||||
<el-dialog v-model="amapStatus" :title="form.projectName + '-获取经纬度'" width="80%">
|
<el-dialog draggable v-model="amapStatus" :title="form.projectName + '-获取经纬度'" width="80%">
|
||||||
<amap height="620px" @setLocation="setPoi"></amap>
|
<amap height="620px" @setLocation="setPoi"></amap>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
<!-- 选取方阵地址 -->
|
<!-- 选取方阵地址 -->
|
||||||
<el-dialog title="设置方阵" v-model="polygonStatus" width="1400px" :close-on-click-modal="false">
|
<el-dialog draggable title="设置方阵" v-model="polygonStatus" width="1400px" :close-on-click-modal="false">
|
||||||
<open-layers-map
|
<open-layers-map
|
||||||
:project-id="projectId"
|
:project-id="projectId"
|
||||||
:design-id="designId"
|
:design-id="designId"
|
||||||
@ -356,7 +285,7 @@
|
|||||||
@close="polygonStatus = false"
|
@close="polygonStatus = false"
|
||||||
></open-layers-map>
|
></open-layers-map>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
<el-dialog title="添加子项目" v-model="childProjectStatus" width="400">
|
<el-dialog draggable title="添加子项目" v-model="childProjectStatus" width="400">
|
||||||
<span>填写子项目名称</span>
|
<span>填写子项目名称</span>
|
||||||
<el-input v-model="childProjectForm.projectName"></el-input>
|
<el-input v-model="childProjectForm.projectName"></el-input>
|
||||||
<template #footer>
|
<template #footer>
|
||||||
@ -366,7 +295,7 @@
|
|||||||
</span>
|
</span>
|
||||||
</template>
|
</template>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
<el-dialog title="上传文件" v-model="fileVisble" width="400">
|
<el-dialog draggable title="上传文件" v-model="fileVisble" width="400">
|
||||||
<file-upload v-model="fileForm.tenderFiles" :limit="10" :file-type="['pdf']" :file-size="50" />
|
<file-upload v-model="fileForm.tenderFiles" :limit="10" :file-type="['pdf']" :file-size="50" />
|
||||||
<template #footer>
|
<template #footer>
|
||||||
<div class="dialog-footer">
|
<div class="dialog-footer">
|
||||||
@ -375,6 +304,86 @@
|
|||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
|
<el-dialog draggable title="打卡规则" v-model="ruleFlag" width="800">
|
||||||
|
<template #footer>
|
||||||
|
<el-form ref="projectFormRef" :model="form" :rules="rules" label-width="100px">
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="12" :offset="0">
|
||||||
|
<el-form-item label="上班时间" prop="clockInTime">
|
||||||
|
<el-time-select
|
||||||
|
v-model="form.clockInTime"
|
||||||
|
style="width: 100%"
|
||||||
|
class="mr-4"
|
||||||
|
placeholder="请输入打卡开始时间"
|
||||||
|
value-format="HH:mm"
|
||||||
|
start="00:00"
|
||||||
|
step="00:15"
|
||||||
|
end="23:59"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12" :offset="0">
|
||||||
|
<el-form-item label="下班时间" prop="clockOutTime">
|
||||||
|
<el-time-select
|
||||||
|
v-model="form.clockOutTime"
|
||||||
|
style="width: 100%"
|
||||||
|
:min-time="form.clockInTime"
|
||||||
|
class="mr-4"
|
||||||
|
placeholder="请输入打卡结束时间"
|
||||||
|
value-format="HH:mm"
|
||||||
|
start="00:00"
|
||||||
|
step="00:15"
|
||||||
|
end="23:59"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="24" :offset="0">
|
||||||
|
<el-form-item label="打卡类型" prop="type">
|
||||||
|
<el-radio-group v-model="form.type">
|
||||||
|
<el-radio value="1" size="large">无限制</el-radio>
|
||||||
|
<el-radio value="2" size="large">范围内打卡</el-radio>
|
||||||
|
</el-radio-group>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="24">
|
||||||
|
<el-form-item label="打卡类型" prop="weekday">
|
||||||
|
<el-checkbox-group v-model="form.weekday" size="small">
|
||||||
|
<el-checkbox label="星期一" value="1" />
|
||||||
|
<el-checkbox label="星期二" value="2" />
|
||||||
|
<el-checkbox label="星期三" value="3" />
|
||||||
|
<el-checkbox label="星期四" value="4" />
|
||||||
|
<el-checkbox label="星期五" value="5" />
|
||||||
|
<el-checkbox label="星期六" value="6" />
|
||||||
|
<el-checkbox label="星期日" value="7" />
|
||||||
|
</el-checkbox-group>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col> </el-row
|
||||||
|
></el-form>
|
||||||
|
<div class="dialog-footer">
|
||||||
|
<el-button type="primary" @click="ruleSubmit"> 提交</el-button>
|
||||||
|
<el-button @click="ruleFlag = false">取消</el-button>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
</el-dialog>
|
||||||
|
<el-dialog draggable title="打卡范围" v-model="ScopeFlag" width="600">
|
||||||
|
<div v-for="(item, i) of punchRangeList" :key="i" class="options_item">
|
||||||
|
<el-row>
|
||||||
|
<el-col :span="1"> <el-color-picker v-model="item.punchColor" show-alpha /></el-col>
|
||||||
|
<el-col :span="12"> <el-input v-model="item.punchName" placeholder="请输入打卡范围名称" class="ml-8" /></el-col>
|
||||||
|
<el-col :span="10" style="text-align: right; margin-top: 5px">
|
||||||
|
<el-button link type="primary" icon="view">预览</el-button>
|
||||||
|
<el-button link type="primary" icon="plus">添加</el-button>
|
||||||
|
<el-button link type="primary" icon="delete">移除</el-button>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</div>
|
||||||
|
<template #footer>
|
||||||
|
<div class="dialog-footer">
|
||||||
|
<el-button type="primary" @click="scopeSubmit"> 提交</el-button>
|
||||||
|
<el-button @click="ScopeFlag = false">取消</el-button>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
</el-dialog>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@ -382,14 +391,14 @@
|
|||||||
import {
|
import {
|
||||||
addChildProject,
|
addChildProject,
|
||||||
addProject,
|
addProject,
|
||||||
addProjectFacilities,
|
|
||||||
addProjectPilePoint,
|
|
||||||
addProjectSquare,
|
|
||||||
delProject,
|
delProject,
|
||||||
uploadProjectFile,
|
uploadProjectFile,
|
||||||
getProject,
|
getProject,
|
||||||
listProject,
|
listProject,
|
||||||
updateProject
|
updateProject,
|
||||||
|
attendanceRuleAdd,
|
||||||
|
attendanceRuleEdit,
|
||||||
|
byProjectIdDetail
|
||||||
} from '@/api/project/project';
|
} from '@/api/project/project';
|
||||||
import { ProjectForm, ProjectQuery, ProjectVO, childProjectQuery, locationType } from '@/api/project/project/types';
|
import { ProjectForm, ProjectQuery, ProjectVO, childProjectQuery, locationType } from '@/api/project/project/types';
|
||||||
import amap from '@/components/amap/index.vue';
|
import amap from '@/components/amap/index.vue';
|
||||||
@ -413,6 +422,14 @@ const polygonStatus = ref(false);
|
|||||||
const dxfFile = ref(null);
|
const dxfFile = ref(null);
|
||||||
const projectId = ref<string>('');
|
const projectId = ref<string>('');
|
||||||
const designId = ref<string>('');
|
const designId = ref<string>('');
|
||||||
|
const ruleFlag = ref(false);
|
||||||
|
const ScopeFlag = ref(false);
|
||||||
|
const punchRangeList = ref<any>([
|
||||||
|
{
|
||||||
|
punchName: '',
|
||||||
|
punchColor: '#1983ff'
|
||||||
|
}
|
||||||
|
]);
|
||||||
const childProjectForm = reactive<childProjectQuery>({
|
const childProjectForm = reactive<childProjectQuery>({
|
||||||
projectName: '',
|
projectName: '',
|
||||||
pid: '',
|
pid: '',
|
||||||
@ -432,7 +449,7 @@ const fileForm = ref({
|
|||||||
const jsonData = ref(null);
|
const jsonData = ref(null);
|
||||||
const fullscreenLoading = ref(false);
|
const fullscreenLoading = ref(false);
|
||||||
|
|
||||||
const initFormData: ProjectForm = {
|
const initFormData = {
|
||||||
id: undefined,
|
id: undefined,
|
||||||
projectName: undefined,
|
projectName: undefined,
|
||||||
shortName: undefined,
|
shortName: undefined,
|
||||||
@ -451,13 +468,15 @@ const initFormData: ProjectForm = {
|
|||||||
lat: undefined,
|
lat: undefined,
|
||||||
plan: undefined,
|
plan: undefined,
|
||||||
onStreamTime: undefined,
|
onStreamTime: undefined,
|
||||||
playCardStart: undefined,
|
clockInTime: undefined,
|
||||||
playCardEnd: undefined,
|
clockOutTime: undefined,
|
||||||
designTotal: undefined,
|
designTotal: undefined,
|
||||||
securityAgreement: undefined,
|
securityAgreement: undefined,
|
||||||
sort: 0,
|
sort: 0,
|
||||||
showHidden: undefined,
|
showHidden: undefined,
|
||||||
isDelete: undefined
|
isDelete: undefined,
|
||||||
|
type: '1',
|
||||||
|
weekday: []
|
||||||
};
|
};
|
||||||
const data = reactive<PageData<ProjectForm, ProjectQuery>>({
|
const data = reactive<PageData<ProjectForm, ProjectQuery>>({
|
||||||
form: { ...initFormData },
|
form: { ...initFormData },
|
||||||
@ -480,8 +499,6 @@ const data = reactive<PageData<ProjectForm, ProjectQuery>>({
|
|||||||
lat: undefined,
|
lat: undefined,
|
||||||
plan: undefined,
|
plan: undefined,
|
||||||
onStreamTime: undefined,
|
onStreamTime: undefined,
|
||||||
playCardStart: undefined,
|
|
||||||
playCardEnd: undefined,
|
|
||||||
designTotal: undefined,
|
designTotal: undefined,
|
||||||
securityAgreement: undefined,
|
securityAgreement: undefined,
|
||||||
sort: undefined,
|
sort: undefined,
|
||||||
@ -490,8 +507,8 @@ const data = reactive<PageData<ProjectForm, ProjectQuery>>({
|
|||||||
params: {}
|
params: {}
|
||||||
},
|
},
|
||||||
rules: {
|
rules: {
|
||||||
playCardStart: [{ required: true, message: '打卡开始时间不能为空', trigger: 'blur' }],
|
clockInTime: [{ required: true, message: '打卡开始时间不能为空', trigger: 'blur' }],
|
||||||
playCardEnd: [{ required: true, message: '打卡结束时间不能为空', trigger: 'blur' }],
|
clockOutTime: [{ required: true, message: '打卡结束时间不能为空', trigger: 'blur' }],
|
||||||
projectName: [{ required: true, message: '项目名称不能为空', trigger: 'blur' }],
|
projectName: [{ required: true, message: '项目名称不能为空', trigger: 'blur' }],
|
||||||
shortName: [{ required: true, message: '项目简称不能为空', trigger: 'blur' }],
|
shortName: [{ required: true, message: '项目简称不能为空', trigger: 'blur' }],
|
||||||
principalPhone: [{ required: true, message: '负责人电话不能为空', trigger: 'blur' }],
|
principalPhone: [{ required: true, message: '负责人电话不能为空', trigger: 'blur' }],
|
||||||
@ -692,7 +709,48 @@ const handleSetChild = async () => {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
const handleScope = (row) => {
|
||||||
|
// 打卡范围
|
||||||
|
ScopeFlag.value = true;
|
||||||
|
projectId.value = row.id;
|
||||||
|
};
|
||||||
|
const scopeSubmit = () => {
|
||||||
|
// 提交打卡范围
|
||||||
|
};
|
||||||
|
// 添加规则
|
||||||
|
const handleCheckRules = async (row?: ProjectVO) => {
|
||||||
|
reset();
|
||||||
|
const _id = row?.id || ids.value[0];
|
||||||
|
const res = await byProjectIdDetail(_id);
|
||||||
|
if (res.data) {
|
||||||
|
res.data.weekday = res.data.weekday.split(',');
|
||||||
|
Object.assign(form.value, res.data);
|
||||||
|
}
|
||||||
|
projectId.value = row.id;
|
||||||
|
ruleFlag.value = true;
|
||||||
|
};
|
||||||
|
const ruleSubmit = async () => {
|
||||||
|
console.log(form.value);
|
||||||
|
projectFormRef.value?.validate(async (valid: boolean) => {
|
||||||
|
if (valid) {
|
||||||
|
let obj = {
|
||||||
|
weekday: form.value.weekday.join(','),
|
||||||
|
projectId: projectId.value,
|
||||||
|
id: projectId.value,
|
||||||
|
clockInTime: form.value.clockInTime,
|
||||||
|
clockOutTime: form.value.clockOutTime,
|
||||||
|
type: form.value.type
|
||||||
|
};
|
||||||
|
if (form.value.id) {
|
||||||
|
await attendanceRuleEdit(obj);
|
||||||
|
} else {
|
||||||
|
await attendanceRuleAdd(obj);
|
||||||
|
}
|
||||||
|
ruleFlag.value = false;
|
||||||
|
await getList();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
};
|
||||||
/** 导出按钮操作 */
|
/** 导出按钮操作 */
|
||||||
const handleExport = () => {
|
const handleExport = () => {
|
||||||
proxy?.download(
|
proxy?.download(
|
||||||
|
Reference in New Issue
Block a user