This commit is contained in:
2025-08-21 15:48:08 +08:00
5 changed files with 128 additions and 88 deletions

View File

@ -72,3 +72,12 @@ export const getFileList = (data) => {
params: data params: data
}) })
} }
// 获取招标计划
export const getTenderPlan = (data) => {
return request({
url: '/ctr/expensesContract/tender/list',
method: 'get',
params: data
})
}

View File

@ -60,6 +60,11 @@
<el-table-column label="项目ID" align="center" prop="projectId" /> <el-table-column label="项目ID" align="center" prop="projectId" />
<el-table-column label="合同编号" align="center" prop="contractCode" /> <el-table-column label="合同编号" align="center" prop="contractCode" />
<el-table-column label="合同类型" align="center" prop="contractType" /> <el-table-column label="合同类型" align="center" prop="contractType" />
<el-table-column label="合同类型" align="center" prop="contractType">
<template #default="scope">
<dict-tag :options="expenses_contract_type" :value="scope.row.contractType" />
</template>
</el-table-column>
<el-table-column label="供应商" align="center" prop="contractSupplier" /> <el-table-column label="供应商" align="center" prop="contractSupplier" />
<el-table-column label="分包内容" align="center" prop="contractedContent" /> <el-table-column label="分包内容" align="center" prop="contractedContent" />
<el-table-column label="合同金额" align="center" prop="amount" /> <el-table-column label="合同金额" align="center" prop="amount" />
@ -128,7 +133,9 @@ import { ExpensesContractVO, ExpensesContractQuery, ExpensesContractForm } from
import FileList from '@/components/FileList/index.vue'; import FileList from '@/components/FileList/index.vue';
const { proxy } = getCurrentInstance() as ComponentInternalInstance; const { proxy } = getCurrentInstance() as ComponentInternalInstance;
const { expenses_contract_type, income_contract_type } = toRefs(
proxy?.useDict('income_contract_type', 'expenses_contract_type')
);
const expensesContractList = ref<ExpensesContractVO[]>([]); const expensesContractList = ref<ExpensesContractVO[]>([]);
const buttonLoading = ref(false); const buttonLoading = ref(false);
const loading = ref(true); const loading = ref(true);

View File

@ -56,7 +56,11 @@
<el-table-column type="index" width="50" label="序号" /> <el-table-column type="index" width="50" label="序号" />
<el-table-column label="项目ID" align="center" prop="projectId" /> <el-table-column label="项目ID" align="center" prop="projectId" />
<el-table-column label="合同编号" align="center" prop="contractCode" /> <el-table-column label="合同编号" align="center" prop="contractCode" />
<el-table-column label="合同类型" align="center" prop="contractType" /> <el-table-column label="合同类型" align="center" prop="contractType">
<template #default="scope">
<dict-tag :options="income_contract_type" :value="scope.row.contractType" />
</template>
</el-table-column>
<el-table-column label="业主单位" align="center" prop="contractOwner" /> <el-table-column label="业主单位" align="center" prop="contractOwner" />
<el-table-column label="承包内容" align="center" prop="contractedContent" /> <el-table-column label="承包内容" align="center" prop="contractedContent" />
<el-table-column label="合同金额" align="center" prop="amount" /> <el-table-column label="合同金额" align="center" prop="amount" />
@ -118,8 +122,11 @@
import { listIncomeContract, getIncomeContract, delIncomeContract, addIncomeContract, updateIncomeContract, getFileList } from '@/api/ctr/incomeContract'; import { listIncomeContract, getIncomeContract, delIncomeContract, addIncomeContract, updateIncomeContract, getFileList } from '@/api/ctr/incomeContract';
import { IncomeContractVO, IncomeContractQuery, IncomeContractForm } from '@/api/ctr/incomeContract/types'; import { IncomeContractVO, IncomeContractQuery, IncomeContractForm } from '@/api/ctr/incomeContract/types';
import FileList from '@/components/FileList/index.vue'; import FileList from '@/components/FileList/index.vue';
const { proxy } = getCurrentInstance() as ComponentInternalInstance; const { proxy } = getCurrentInstance();
const { expenses_contract_type, income_contract_type } = toRefs(
proxy?.useDict('income_contract_type', 'expenses_contract_type')
);
const incomeContractList = ref<IncomeContractVO[]>([]); const incomeContractList = ref<IncomeContractVO[]>([]);
const buttonLoading = ref(false); const buttonLoading = ref(false);
const loading = ref(true); const loading = ref(true);

View File

@ -64,6 +64,11 @@
:value="item.value" /> :value="item.value" />
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="招标计划" prop="tenderId">
<!-- <el-input v-model="form.tenderId" placeholder="请输入招标Id" /> -->
<el-input v-model="form.name" placeholder="请选择招标计划" />
<el-button type="primary" @click="handleChoose">选择招标</el-button>
</el-form-item>
<el-form-item label="供应商" prop="contractSupplier"> <el-form-item label="供应商" prop="contractSupplier">
<el-input v-model="form.contractSupplier" placeholder="请输入供应商" /> <el-input v-model="form.contractSupplier" placeholder="请输入供应商" />
</el-form-item> </el-form-item>
@ -75,9 +80,7 @@
oninput="value=value.replace(/[^0-9.]/g,'').replace(/\.{2,}/g,'.').replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3')" oninput="value=value.replace(/[^0-9.]/g,'').replace(/\.{2,}/g,'.').replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3')"
v-model="form.amount" placeholder="请输入合同金额" /> v-model="form.amount" placeholder="请输入合同金额" />
</el-form-item> </el-form-item>
<el-form-item label="招标Id" prop="tenderId">
<el-input v-model="form.tenderId" placeholder="请输入招标Id" />
</el-form-item>
<el-form-item label="备注" prop="remark"> <el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" placeholder="请输入备注" /> <el-input v-model="form.remark" placeholder="请输入备注" />
</el-form-item> </el-form-item>
@ -131,15 +134,17 @@
</template> </template>
<script setup> <script setup>
import FileUpload from '@/components/FileUpload'; import FileUpload from '@/components/FileUpload';
import { listExpensesContract, getExpensesContract, delExpensesContract, addExpensesContract, updateExpensesContract } from '@/api/ctr/expensesContract'; import { listExpensesContract, getExpensesContract, delExpensesContract, addExpensesContract, updateExpensesContract, getTenderPlan } from '@/api/ctr/expensesContract';
import { listIncomeContract, getIncomeContract, delIncomeContract, addIncomeContract, updateIncomeContract } from '@/api/ctr/incomeContract'; import { listIncomeContract, getIncomeContract, delIncomeContract, addIncomeContract, updateIncomeContract } from '@/api/ctr/incomeContract';
import { useUserStore } from '@/store/modules/user';
const active = ref(0); const active = ref(0);
const contract_type = ref("") const contract_type = ref("")
const form = ref({ payType: 1 }) const form = ref({ payType: 1 })
const fileList = ref([]) const fileList = ref([])
const tempFileList = ref([]) const tempFileList = ref([])
const { proxy } = getCurrentInstance(); const { proxy } = getCurrentInstance();
const userStore = useUserStore();
const planList = ref([]);
const { expenses_contract_type, income_contract_type } = toRefs( const { expenses_contract_type, income_contract_type } = toRefs(
proxy?.useDict('income_contract_type', 'expenses_contract_type') proxy?.useDict('income_contract_type', 'expenses_contract_type')
@ -172,6 +177,8 @@ const payMentRules = {
}; };
const project = computed(() => { const project = computed(() => {
console.log(111);
return JSON.parse(localStorage.getItem("selectedProject")) return JSON.parse(localStorage.getItem("selectedProject"))
}); });
@ -302,6 +309,20 @@ const submitForm = async () => {
// }); // });
// } // }
} }
const handleChoose = async () => {
if (!form.value.contractType) {
ElMessage.error('请先选择合同类型');
return;
}
const formData = {
projectId: userStore.selectedProject.id,
dictName: form.value.contractType
}
const { data } = await getTenderPlan(formData)
planList.value = data
}
watch(form, (val) => { watch(form, (val) => {
localStorage.setItem("tempContractForm", JSON.stringify({ ...val, fileList: fileList.value })); localStorage.setItem("tempContractForm", JSON.stringify({ ...val, fileList: fileList.value }));
}, { deep: true }); }, { deep: true });

View File

@ -1,6 +1,7 @@
<template> <template>
<div class="p-2"> <div class="p-2">
<transition :enter-active-class="proxy?.animate.searchAnimate.enter" :leave-active-class="proxy?.animate.searchAnimate.leave"> <transition :enter-active-class="proxy?.animate.searchAnimate.enter"
:leave-active-class="proxy?.animate.searchAnimate.leave">
<div v-show="showSearch" class="mb-[10px]"> <div v-show="showSearch" class="mb-[10px]">
<el-card shadow="hover"> <el-card shadow="hover">
<el-form ref="queryFormRef" :model="queryParams" :inline="true"> <el-form ref="queryFormRef" :model="queryParams" :inline="true">
@ -40,59 +41,43 @@
<template #header> <template #header>
<el-row :gutter="10" class="mb8"> <el-row :gutter="10" class="mb8">
<el-col :span="1.5"> <el-col :span="1.5">
<el-button type="primary" plain icon="Plus" @click="handleAdd" v-hasPermi="['contractor:constructionUser:add']">新增 </el-button> <el-button type="primary" plain icon="Plus" @click="handleAdd"
v-hasPermi="['contractor:constructionUser:add']">新增 </el-button>
</el-col> </el-col>
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button type="danger" plain icon="Delete" :disabled="multiple" @click="handleDelete()"
type="danger" v-hasPermi="['contractor:constructionUser:remove']">
plain
icon="Delete"
:disabled="multiple"
@click="handleDelete()"
v-hasPermi="['contractor:constructionUser:remove']"
>
删除 删除
</el-button> </el-button>
</el-col> </el-col>
<el-col :span="1.5"> <el-col :span="1.5">
<el-button type="warning" plain icon="Download" @click="handleExport" v-hasPermi="['contractor:constructionUser:export']" <el-button type="warning" plain icon="Download" @click="handleExport"
>导出 v-hasPermi="['contractor:constructionUser:export']">导出
</el-button> </el-button>
</el-col> </el-col>
<el-col :span="1.5"> <el-col :span="1.5">
<el-button type="warning" plain icon="Edit" :disabled="multiple" @click="statusDialog = true">用户状态编辑 </el-button> <el-button type="warning" plain icon="Edit" :disabled="multiple" @click="statusDialog = true">用户状态编辑
</el-button>
</el-col> </el-col>
<el-col :span="1.5"> <el-col :span="1.5">
<el-switch <el-switch v-model="playCardStatus" class="ml-2" inline-prompt
v-model="playCardStatus" style="--el-switch-on-color: #13ce66; --el-switch-off-color: #ff4949" :loading="playCardLoding"
class="ml-2" @change="handlePlayCardStatus" inactive-text="一键关闭打卡" active-text="一键开启打卡" />
inline-prompt
style="--el-switch-on-color: #13ce66; --el-switch-off-color: #ff4949"
:loading="playCardLoding"
@change="handlePlayCardStatus"
inactive-text="一键关闭打卡"
active-text="一键开启打卡"
/>
</el-col> </el-col>
<el-row @mouseover="informationStatus = true" :gutter="10" @mouseout="informationStatus = false"> <el-row @mouseover="informationStatus = true" :gutter="10" @mouseout="informationStatus = false">
<el-col :span="1.5"> <el-col :span="1.5">
<el-button type="success" plain>员工资料 </el-button> <el-button type="success" plain>员工资料 </el-button>
</el-col> </el-col>
<el-col :span="1.5" v-show="informationStatus"> <el-col :span="1.5" v-show="informationStatus">
<el-button type="primary" plain icon="Edit" @click="downloadTemplate" v-hasPermi="['contractor:constructionUserFile:download']" <el-button type="primary" plain icon="Edit" @click="downloadTemplate"
>下载资料模板 v-hasPermi="['contractor:constructionUserFile:download']">下载资料模板
</el-button> </el-button>
</el-col> </el-col>
<el-col :span="1.5" v-show="informationStatus"> <el-col :span="1.5" v-show="informationStatus">
<file-upload <file-upload v-model="filePath" isImportInfo :isShowTip="false"
v-model="filePath" uploadUrl="/project/constructionUserFile/upload/zip" :limit="1" :file-size="50">
isImportInfo <el-button type="warning" plain icon="Edit"
:isShowTip="false" v-hasPermi="['contractor:constructionUserFile:upload']">导入员工资料 </el-button>
uploadUrl="/project/constructionUserFile/upload/zip"
:limit="1"
:file-size="50"
>
<el-button type="warning" plain icon="Edit" v-hasPermi="['contractor:constructionUserFile:upload']">导入员工资料 </el-button>
</file-upload> </file-upload>
</el-col> </el-col>
</el-row> </el-row>
@ -130,18 +115,9 @@
</el-table-column> </el-table-column>
<el-table-column label="打卡状态" align="center" prop="clock"> <el-table-column label="打卡状态" align="center" prop="clock">
<template #default="scope"> <template #default="scope">
<el-switch <el-switch v-model="scope.row.clock" class="ml-2" inline-prompt
v-model="scope.row.clock" style="--el-switch-on-color: #13ce66; --el-switch-off-color: #ff4949" active-text="开启" inactive-text="禁用"
class="ml-2" :loading="playCardLoding" active-value="0" inactive-value="1" @change="handleClockStatus(scope.row)" />
inline-prompt
style="--el-switch-on-color: #13ce66; --el-switch-off-color: #ff4949"
active-text="开启"
inactive-text="禁用"
:loading="playCardLoding"
active-value="0"
inactive-value="1"
@change="handleClockStatus(scope.row)"
/>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="薪水" align="center" min-width="180"> <el-table-column label="薪水" align="center" min-width="180">
@ -150,7 +126,8 @@
{{ scope.row.salary ? scope.row.salary : scope.row.standardSalary }} {{ scope.row.salary ? scope.row.salary : scope.row.standardSalary }}
(<dict-tag :options="wage_measure_unit_type" :value="scope.row.wageMeasureUnit"></dict-tag>) (<dict-tag :options="wage_measure_unit_type" :value="scope.row.wageMeasureUnit"></dict-tag>)
</span> </span>
<div class="text-blue text-sm cursor-pointer" @click="openSalaryDialog(scope.row)">{{ scope.row.salary ? '取消变更' : '变更' }}</div> <div class="text-blue text-sm cursor-pointer" @click="openSalaryDialog(scope.row)">{{ scope.row.salary ?
'取消变更' : '变更' }}</div>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="入场时间" align="center" prop="entryDate" min-width="180" /> <el-table-column label="入场时间" align="center" prop="entryDate" min-width="180" />
@ -164,30 +141,29 @@
<el-table-column label="操作" align="center" class-name="small-padding fixed-width" fixed="right" min-width="300"> <el-table-column label="操作" align="center" class-name="small-padding fixed-width" fixed="right" min-width="300">
<template #default="scope"> <template #default="scope">
<el-space wrap> <el-space wrap>
<el-button link type="primary" icon="View" @click="handleShowDrawer(scope.row)" v-hasPermi="['contractor:constructionUser:query']"> <el-button link type="primary" icon="View" @click="handleShowDrawer(scope.row)"
v-hasPermi="['contractor:constructionUser:query']">
详情 详情
</el-button> </el-button>
<el-button link type="success" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['contractor:constructionUser:edit']"> <el-button link type="success" icon="Edit" @click="handleUpdate(scope.row)"
v-hasPermi="['contractor:constructionUser:edit']">
修改 修改
</el-button> </el-button>
<el-button link type="warning" icon="Female" @click="handlePlayCard(scope.row)"> 打卡 </el-button> <el-button link type="warning" icon="Female" @click="handlePlayCard(scope.row)"> 打卡 </el-button>
<el-button <el-button link type="danger" icon="Avatar" @click="handleJoinBlacklist(scope.row)"
link v-hasPermi="['contractor:constructionBlacklist:add']">
type="danger"
icon="Avatar"
@click="handleJoinBlacklist(scope.row)"
v-hasPermi="['contractor:constructionBlacklist:add']"
>
黑名单 黑名单
</el-button> </el-button>
<!-- <el-button link type="primary" icon="Switch" @click="handleToggle(scope.row)"> 切换人脸 </el-button> --> <!-- <el-button link type="primary" icon="Switch" @click="handleToggle(scope.row)"> 切换人脸 </el-button> -->
<el-button link type="primary" icon="Switch" @click="handleChange(scope.row)"> 人员迁移 </el-button> <el-button link type="primary" icon="Switch" @click="handleChange(scope.row)"> 人员迁移 </el-button>
<el-button link type="primary" icon="ChatLineSquare" @click="handleExit(scope.row)"> 入退场记录 </el-button> <el-button link type="primary" icon="ChatLineSquare" @click="handleExit(scope.row)"> 入退场记录 </el-button>
<el-button link type="danger" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['contractor:constructionUser:remove']"> <el-button link type="danger" icon="Delete" @click="handleDelete(scope.row)"
v-hasPermi="['contractor:constructionUser:remove']">
删除 删除
</el-button> </el-button>
<el-tooltip content="红点:部分上传,绿点:已上传,无点:未上传" placement="right" effect="dark"> <el-tooltip content="红点:部分上传,绿点:已上传,无点:未上传" placement="right" effect="dark">
<el-badge :is-dot="scope.row.fileUploadStatus != '1'" :type="uploadStatusColor(scope.row.fileUploadStatus)"> <el-badge :is-dot="scope.row.fileUploadStatus != '1'"
:type="uploadStatusColor(scope.row.fileUploadStatus)">
<el-button link type="primary" icon="FolderAdd" @click="handleUpload(scope.row)">文件上传 </el-button> <el-button link type="primary" icon="FolderAdd" @click="handleUpload(scope.row)">文件上传 </el-button>
</el-badge> </el-badge>
</el-tooltip> </el-tooltip>
@ -196,7 +172,8 @@
</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>
<!-- 添加或修改施工人员对话框 --> <!-- 添加或修改施工人员对话框 -->
<el-dialog draggable :title="dialog.title" v-model="dialog.visible" width="930px" append-to-body> <el-dialog draggable :title="dialog.title" v-model="dialog.visible" width="930px" append-to-body>
@ -248,12 +225,14 @@
</div> </div>
<div class="el-col el-col-12"> <div class="el-col el-col-12">
<el-form-item label="身份证有效开始期" prop="sfzStart"> <el-form-item label="身份证有效开始期" prop="sfzStart">
<el-date-picker clearable v-model="form.sfzStart" type="date" value-format="YYYY-MM-DD" placeholder="请输入身份证有效开始期" /> <el-date-picker clearable v-model="form.sfzStart" type="date" value-format="YYYY-MM-DD"
placeholder="请输入身份证有效开始期" />
</el-form-item> </el-form-item>
</div> </div>
<div class="el-col el-col-12"> <div class="el-col el-col-12">
<el-form-item label="身份证有效结束期" prop="sfzEnd"> <el-form-item label="身份证有效结束期" prop="sfzEnd">
<el-date-picker clearable v-model="form.sfzEnd" type="date" value-format="YYYY-MM-DD" placeholder="请输入身份证有效结束期" /> <el-date-picker clearable v-model="form.sfzEnd" type="date" value-format="YYYY-MM-DD"
placeholder="请输入身份证有效结束期" />
</el-form-item> </el-form-item>
</div> </div>
<div class="el-col el-col-12"> <div class="el-col el-col-12">
@ -263,7 +242,8 @@
</div> </div>
<div class="el-col el-col-12"> <div class="el-col el-col-12">
<el-form-item label="身份证出生日期" prop="sfzBirth"> <el-form-item label="身份证出生日期" prop="sfzBirth">
<el-date-picker clearable v-model="form.sfzBirth" type="date" value-format="YYYY-MM-DD" placeholder="请输入身份证出生日期" /> <el-date-picker clearable v-model="form.sfzBirth" type="date" value-format="YYYY-MM-DD"
placeholder="请输入身份证出生日期" />
</el-form-item> </el-form-item>
</div> </div>
<div class="el-col el-col-12"> <div class="el-col el-col-12">
@ -316,14 +296,16 @@
<div class="el-col el-col-12"> <div class="el-col el-col-12">
<el-form-item label="打卡" prop="clock"> <el-form-item label="打卡" prop="clock">
<el-select v-model="form.clock" clearable placeholder="请选择打卡状态"> <el-select v-model="form.clock" clearable placeholder="请选择打卡状态">
<el-option v-for="item in user_clock_type" :key="item.value" :label="item.label" :value="item.value" /> <el-option v-for="item in user_clock_type" :key="item.value" :label="item.label"
:value="item.value" />
</el-select> </el-select>
</el-form-item> </el-form-item>
</div> </div>
<div class="el-col el-col-12"> <div class="el-col el-col-12">
<el-form-item label="结算方式" prop="wageMeasureUnit"> <el-form-item label="结算方式" prop="wageMeasureUnit">
<el-select v-model="form.wageMeasureUnit" clearable placeholder="请选择结算方式"> <el-select v-model="form.wageMeasureUnit" clearable placeholder="请选择结算方式">
<el-option v-for="item in wage_measure_unit_type" :key="item.value" :label="item.label" :value="item.value" /> <el-option v-for="item in wage_measure_unit_type" :key="item.value" :label="item.label"
:value="item.value" />
</el-select> </el-select>
</el-form-item> </el-form-item>
</div> </div>
@ -352,7 +334,8 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="分包单位" label-width="130px"> <el-form-item label="分包单位" label-width="130px">
<el-select v-model="skipObject.contractorId" :disabled="!skipObject.projectId" placeholder="请选择分包单位" style="width: 240px"> <el-select v-model="skipObject.contractorId" :disabled="!skipObject.projectId" placeholder="请选择分包单位"
style="width: 240px">
<el-option v-for="item in contractorList" :key="item.id" :label="item.name" :value="item.id" /> <el-option v-for="item in contractorList" :key="item.id" :label="item.name" :value="item.id" />
</el-select> </el-select>
</el-form-item> </el-form-item>
@ -367,7 +350,8 @@
<div class="image_upload" v-for="(item, index) in uploadPath" :key="item.value"> <div class="image_upload" v-for="(item, index) in uploadPath" :key="item.value">
<div class="title">{{ item.label }}</div> <div class="title">{{ item.label }}</div>
<div class="file_upload_all" v-if="item.value != 7"> <div class="file_upload_all" v-if="item.value != 7">
<file-upload v-model="item.path" isConstruction :isShowTip="false" :limit="10" :file-type="['pdf']" :file-size="50" /> <file-upload v-model="item.path" isConstruction :isShowTip="false" :limit="10" :file-type="['pdf']"
:file-size="50" />
</div> </div>
</div> </div>
<template #footer> <template #footer>
@ -386,8 +370,7 @@
</el-form> </el-form>
</div> </div>
<template #footer> <template #footer>
<span <span><el-button type="primary" @click="submitForm">保存</el-button>
><el-button type="primary" @click="submitForm">保存</el-button>
<el-button @click="showFaceDrawer = false">取消</el-button> <el-button @click="showFaceDrawer = false">取消</el-button>
</span> </span>
</template> </template>
@ -399,8 +382,7 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
<template #footer> <template #footer>
<span <span><el-button type="primary" @click="handleEdit">保存</el-button>
><el-button type="primary" @click="handleEdit">保存</el-button>
<el-button @click="statusDialog = false">取消</el-button> <el-button @click="statusDialog = false">取消</el-button>
</span> </span>
</template> </template>
@ -424,8 +406,8 @@
<el-timeline-item color="rgb(255, 73, 73)"> <el-timeline-item color="rgb(255, 73, 73)">
<div class="mb">{{ '退场时间:' + item.entryDate }}</div> <div class="mb">{{ '退场时间:' + item.entryDate }}</div>
<div class="pl-xl"> <div class="pl-xl">
<span class="text-coolgray font-bold">退场文件<image-preview v-for="itm in item.pathUrl" :src="itm" width="100px" class="mr" /></span <span class="text-coolgray font-bold">退场文件<image-preview v-for="itm in item.pathUrl" :src="itm"
><br /> width="100px" class="mr" /></span><br />
<p class="mt text-coolgray"> <p class="mt text-coolgray">
备注<span class="text-blue">{{ item.remark }}</span> 备注<span class="text-blue">{{ item.remark }}</span>
</p> </p>
@ -453,11 +435,8 @@
<el-date-picker v-model="monthValue" type="month" placeholder="请选择月份" @change="handleMonth" /> <el-date-picker v-model="monthValue" type="month" placeholder="请选择月份" @change="handleMonth" />
</template> </template>
<template #date-cell="{ data }"> <template #date-cell="{ data }">
<div <div class="w100% h100% position-relative m-0 monthDay" :class="data.isSelected ? 'is-selected' : ''"
class="w100% h100% position-relative m-0 monthDay" @click="handleViewPlayCard(playCardIdx(data), data)">
:class="data.isSelected ? 'is-selected' : ''"
@click="handleViewPlayCard(playCardIdx(data), data)"
>
{{ data.day.split('-').slice(1).join('-') }} {{ data.day.split('-').slice(1).join('-') }}
<div :style="{ background: playCardColor(data) }" v-if="playCardIdx(data) != -1"></div> <div :style="{ background: playCardColor(data) }" v-if="playCardIdx(data) != -1"></div>
</div> </div>
@ -507,6 +486,7 @@ import {
ConstructionUserFileForm, ConstructionUserFileForm,
ConstructionUserFileQuery ConstructionUserFileQuery
} from '@/api/project/constructionUserFile/types'; } from '@/api/project/constructionUserFile/types';
import { ElLoadingService } from 'element-plus'; import { ElLoadingService } from 'element-plus';
import type { CalendarDateType, CalendarInstance } from 'element-plus'; import type { CalendarDateType, CalendarInstance } from 'element-plus';
import { AttendanceMonthVO } from '@/api/project/attendance/types'; import { AttendanceMonthVO } from '@/api/project/attendance/types';
@ -1087,10 +1067,12 @@ onMounted(() => {
margin: 0 15px; margin: 0 15px;
position: relative; position: relative;
font-size: 12px; font-size: 12px;
>div { >div {
margin: 0 15px; margin: 0 15px;
position: relative; position: relative;
font-size: 12px; font-size: 12px;
&::before { &::before {
position: absolute; position: absolute;
content: ''; content: '';
@ -1102,29 +1084,35 @@ onMounted(() => {
border-radius: 50%; border-radius: 50%;
} }
} }
.red { .red {
&::before { &::before {
background-color: red; background-color: red;
} }
} }
.gray { .gray {
&::before { &::before {
background-color: gray; background-color: gray;
} }
} }
.orange { .orange {
&::before { &::before {
background-color: orange; background-color: orange;
} }
} }
.green { .green {
&::before { &::before {
background-color: green; background-color: green;
} }
} }
} }
.monthDay { .monthDay {
padding: 8px; padding: 8px;
>div { >div {
position: absolute; position: absolute;
width: 20px; width: 20px;
@ -1135,13 +1123,16 @@ onMounted(() => {
right: 0; right: 0;
margin: auto; margin: auto;
} }
.type2 { .type2 {
background: rgb(255, 0, 0); background: rgb(255, 0, 0);
} }
.type3 { .type3 {
background: rgb(0, 128, 0); background: rgb(0, 128, 0);
} }
} }
.block_box { .block_box {
border: 1px solid #9eccfa; border: 1px solid #9eccfa;
border-radius: 6px; border-radius: 6px;
@ -1155,10 +1146,12 @@ onMounted(() => {
font-size: 14px; font-size: 14px;
margin-bottom: 10px; margin-bottom: 10px;
} }
.image_upload { .image_upload {
border-bottom: 1px solid #e3e3d7; border-bottom: 1px solid #e3e3d7;
padding-bottom: 4px; padding-bottom: 4px;
} }
.title { .title {
font-size: 18px; font-size: 18px;
font-weight: 700; font-weight: 700;
@ -1167,12 +1160,15 @@ onMounted(() => {
width: 100%; width: 100%;
font-family: cursive; font-family: cursive;
} }
.information { .information {
display: none; display: none;
} }
.informationStatus:hover .information { .informationStatus:hover .information {
display: block; display: block;
} }
::v-deep(.el-calendar) { ::v-deep(.el-calendar) {
.el-calendar-day { .el-calendar-day {
padding: 0; padding: 0;