123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244 |
- <template>
- <div class="oa-flow-item flx">
- <div class="oa-flow-item__left flx-shrink text-body-r">
- <!-- <template v-if="index == 0">
- {{ t("table.oa_doc.opd") }}
- </template>
- <template v-else>
- {{ item.flowstepname }}
- </template> -->
- <span class="icon">
- <!-- <i v-if="index == 0" class="iconfont iconSend"></i> -->
- <i v-if="Number(item.oarowid)" class="iconfont iconLocation"></i>
- <i v-else-if="Number(item.passed)" class="iconfont iconcheck-circle-fill"></i>
- <span v-else class="undone"></span>
- </span>
- </div>
- <main class="oa-flow-item__right flx-1">
- <header class="flx">
- <span class="flx-1">
- {{ item.cmpemp }}
- </span>
- <span class="text-body-r" :title="item.cmpdate">
- <el-icon><Calendar /></el-icon>
- {{ isFilterTime(item.cmpdate) }}
- </span>
- </header>
- <section class="flx-justify-between mt-4" style="align-items: flex-start">
- <!-- <div style="margin: auto; margin-top: 0">
- <AvatarIcon size="small" :username="item.empname"></AvatarIcon>
- </div> -->
- <!-- <div class="oa-flow-item__right-content flx-1 flx"> -->
- <!-- <div class="oa-flow-item__right-content-title flx-col flx-center">
- <div class="text-f-c text-disable">不含税部门价</div>
- <span class="text-h5-b text-primary-text">
- {{ isFilterPrice(item.nottax_dept_cost) }}
- </span>
- </div>
- <div class="oa-flow-item__right-content-title flx-col flx-center">
- <div class="text-f-c text-disable">含税部门价</div>
- <span class="text-h5-b text-primary-text">
- {{ isFilterPrice(item.dept_cost) }}
- </span>
- </div>
- <div class="oa-flow-item__right-content-title flx-col flx-center">
- <div class="text-f-c text-disable">外币价</div>
- <span class="text-h5-b text-primary-text">
- {{ isFilterPrice(item.foreign_cost) }}
- </span>
- </div> -->
- <div class="oa-flow-item__right-content-title flx-col flx-center">
- <div class="text-f-c text-disable">散单金额</div>
- <span class="text-h5-b text-primary-text">
- {{ isFilterPrice(item?.dannum_cost1) }}
- </span>
- <div class="text-f-c text-disable" v-if="isSuper">不含税出厂价</div>
- <span class="text-h5-b text-primary-text" v-if="isSuper">
- {{ isFilterPrice(item?.dijia_cost1) }}
- </span>
- </div>
- <div class="oa-flow-item__right-content-title flx-col flx-center">
- <div class="text-f-c text-disable">小单金额</div>
- <span class="text-h5-b text-primary-text">
- {{ isFilterPrice(item?.dannum_cost4) }}
- </span>
- <div class="text-f-c text-disable" v-if="isSuper">不含税出厂价</div>
- <span class="text-h5-b text-primary-text" v-if="isSuper">
- {{ isFilterPrice(item?.dijia_cost4) }}
- </span>
- </div>
- <div class="oa-flow-item__right-content-title flx-col flx-center">
- <div class="text-f-c text-disable">标准金额</div>
- <span class="text-h5-b text-primary-text">
- {{ isFilterPrice(item?.dannum_cost2) }}
- </span>
- <div class="text-f-c text-disable" v-if="isSuper">不含税出厂价</div>
- <span class="text-h5-b text-primary-text" v-if="isSuper">
- {{ isFilterPrice(item?.dijia_cost2) }}
- </span>
- </div>
- <div class="oa-flow-item__right-content-title flx-col flx-center">
- <div class="text-f-c text-disable">大单金额</div>
- <span class="text-h5-b text-primary-text">
- {{ isFilterPrice(item?.dannum_cost3) }}
- </span>
- <div class="text-f-c text-disable" v-if="isSuper">不含税出厂价</div>
- <span class="text-h5-b text-primary-text" v-if="isSuper">
- {{ isFilterPrice(item?.dijia_cost3) }}
- </span>
- </div>
- <div class="oa-flow-item__right-content-title flx-col flx-center" v-if="isSuper">
- <div class="text-f-c text-disable">FOB费</div>
- <span class="text-h5-b text-primary-text">
- {{ isFilterPrice(item?.dannum_cost1) }}
- </span>
- </div>
- <div class="oa-flow-item__right-content-title flx-col flx-center">
- <div class="text-f-c text-disable">柜型</div>
- <span class="text-h5-b text-primary-text">
- {{ isFilterPrice(item?.cabinet_type) }}
- </span>
- </div>
- <div class="oa-flow-item__right-content-title flx-col flx-center">
- <div class="text-f-c text-disable">税率</div>
- <span class="text-h5-b text-primary-text">
- {{ isFilterPrice(item?.taxrate) }}
- </span>
- </div>
- <div class="oa-flow-item__right-content-title flx-col flx-center">
- <div class="text-f-c text-disable">佣金点数</div>
- <span class="text-h5-b text-primary-text">
- {{ isFilterPrice(item?.commission) }}
- </span>
- </div>
- <!-- </div> -->
- </section>
- </main>
- </div>
- </template>
- <script setup lang="tsx" name="LjToastOaFlowItem">
- import { ref, watch } from "vue";
- import { formatTime, formatAmount3 } from "@/utils/index";
- import { Calendar } from "@element-plus/icons-vue";
- import { isFilterPrice } from "@/utils/index";
- import { useGlobalStore } from "@/stores/modules/global";
- interface wigetProps {
- item: any;
- /**
- * @description 索引
- */
- index: number;
- /**
- * @argument 当前待审批
- */
- current?: any;
- nowtime?: string;
- }
- const globalStore = useGlobalStore();
- const isSuper = globalStore.isSuper;
- const props = withDefaults(defineProps<wigetProps>(), {
- // item: {},
- current: undefined
- });
- const isFilterTime = time => {
- return formatTime(time, "", true);
- };
- // const isFilterPrice = data => {
- // return formatAmount3({ val: data });
- // };
- </script>
- <style lang="scss" scoped>
- .oa-flow-item {
- // margin-top: $space-b1;
- padding-top: $space-b1;
- padding-bottom: $space-b1;
- padding-right: $space-b1;
- &:hover {
- cursor: pointer;
- background-color: $color-primary-000;
- border-radius: $br-sm;
- }
- &__left {
- position: relative;
- width: 0;
- text-align: right;
- padding-right: $space-b1;
- // line-height: 1;
- .icon {
- position: absolute;
- right: 0;
- top: 0;
- transform: translateX(50%);
- // .iconfont {
- // background-color: $color-gray-1;
- // }
- .undone {
- margin-top: $space-a1;
- display: block;
- border-radius: 50%;
- width: $space-b2;
- height: $space-b2;
- background-color: $color-gray-6;
- }
- }
- }
- &__right {
- padding-left: $space-b1;
- &-content {
- margin-left: $space-a1;
- // border-radius: $br-sm;
- // background-color: $color-gray-3;
- // padding: $space-a1;
- }
- .limittime {
- color: $color-dust-red-6;
- }
- }
- &.is-done {
- // color: $color-text-primary-text;
- color: $color-gray-8;
- .oa-flow-item__left {
- .icon {
- // color: $color-polar-green-6;
- // color: $color-polar-green-6;
- color: $color-gray-8;
- }
- }
- }
- &.no-done {
- color: $color-gray-6;
- .oa-flow-item__left {
- .icon {
- color: $color-gray-6;
- }
- }
- }
- &.is-current {
- background-color: $color-primary-000;
- border-radius: $br-md;
- .oa-flow-item__left {
- font-weight: bold;
- .icon {
- color: $color-primary-500;
- .iconfont {
- font-size: $space-b3;
- }
- }
- }
- }
- }
- </style>
|