Browse Source

日历样式

intes_online20250115
张立 4 months ago
parent
commit
ae11e83482
  1. 6
      src/assets/svgs/moon.svg
  2. 6
      src/assets/svgs/sun.svg
  3. 57
      src/views/wms/basicDataManage/supplierManage/receivedCalendar/index.vue

6
src/assets/svgs/moon.svg

File diff suppressed because one or more lines are too long

6
src/assets/svgs/sun.svg

File diff suppressed because one or more lines are too long

57
src/views/wms/basicDataManage/supplierManage/receivedCalendar/index.vue

@ -16,26 +16,32 @@
<!-- 列表 --> <!-- 列表 -->
<ContentWrap> <ContentWrap>
<!-- <Table <el-calendar>
:columns="tableColumns" <template #date-cell="{ data }">
:data="tableObject.tableList" <!-- <p :class="data.isSelected ? 'is-selected' : ''" >
:loading="tableObject.loading" {{ Number(data.day.split('-').slice(2).join('-')) }}
:pagination="{ {{ data.isSelected ? '✔️' : '' }}
total: tableObject.total </p> -->
}" <!-- {{data}} -->
v-model:pageSize="tableObject.pageSize" <div v-if="data.type == 'current-month'">
v-model:currentPage="tableObject.currentPage" <div :class="data.isSelected ? 'is-selected' : ''" style="color:#aaa">
v-model:sort="tableObject.sort" {{ Number(data.day.split('-').slice(2).join('-')) }}
> </div>
<template #code="{row}"> <div class="sun">
<el-button type="primary" link @click="openDetail(row, '代码', row.code)"> <el-image style="width: 1.1vw; height: 1.1vw" src="/src/assets/svgs/sun.svg" />
<span>{{ row.code }}</span> <div class="text">白班</div>
</el-button> <Icon class="mr-5px" icon="ep:delete" color="#409eff" size="14px" @click=""/>
</div>
<div class="sun">
<el-image style="width: 1.1vw; height: 1.1vw" src="/src/assets/svgs/moon.svg" />
<div class="text">夜班</div>
<Icon class="mr-5px" icon="ep:delete" color="#409eff" size="14px" />
</div>
</div>
<div v-if="data.type == 'prev-month'"></div>
<div v-if="data.type == 'next-month'"></div>
</template> </template>
<template #action="{ row }"> </el-calendar>
<ButtonBase :Butttondata="butttondata" @button-base-click="buttonTableClick($event,row)" />
</template>
</Table> -->
</ContentWrap> </ContentWrap>
<!-- 表单弹窗添加/修改 --> <!-- 表单弹窗添加/修改 -->
@ -243,3 +249,16 @@ onMounted(async () => {
}) })
</script> </script>
<style lang="scss" scoped>
.sun{
display: flex;
align-items: center;
margin-top:4px;
.text{
flex:1;
font-size: 13px;
color: #797979;
margin-left: 6px;
}
}
</style>

Loading…
Cancel
Save