|
|
@@ -190,10 +190,7 @@
|
|
|
<h4>set title by slot</h4>
|
|
|
</template> -->
|
|
|
<template #default>
|
|
|
- <div style="margin-bottom:20px">
|
|
|
- <TitleInfo :content="'通知提醒'"></TitleInfo>
|
|
|
- </div>
|
|
|
- <div style="color:#fff;margin-bottom:20px;font-size:12px">开发中</div>
|
|
|
+
|
|
|
<div class="job-box">
|
|
|
<div style="margin-bottom:20px">
|
|
|
<TitleInfo :content="'工作事项'"></TitleInfo>
|
|
|
@@ -273,6 +270,20 @@
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
+ <div style="margin:20px 0">
|
|
|
+ <TitleInfo :content="'通知提醒'"></TitleInfo>
|
|
|
+ </div>
|
|
|
+ <div class="notice">
|
|
|
+ <div class="item" v-for="(item,index) in noticeData" :key="item.id">
|
|
|
+ <svg-icon :icon-class="item.type==1?'lunchuan':'yidaohuo'" className="icon" />
|
|
|
+ <div class="text">
|
|
|
+ {{item.type==1?item.shipmentTime:item.arrivalTime}}单号为
|
|
|
+ <span class="code" @click="openDetails(item)">{{item.code}}</span>
|
|
|
+ <span v-if="item.type==1">销售合同需出货，请及时跟进。</span><span v-if="item.type==2">采购合同将到货，请及时跟进。</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
</template>
|
|
|
</el-drawer>
|
|
|
|
|
|
@@ -524,11 +535,61 @@ const handlePushRouter = (type) => {
|
|
|
params: {},
|
|
|
});
|
|
|
};
|
|
|
+
|
|
|
+const noticeData = ref([]);
|
|
|
+const getNoticeData = () => {
|
|
|
+ proxy.get("/statistics/getRecentContractShipmentList").then((res) => {
|
|
|
+ if (res && res.data && res.data.length > 0) {
|
|
|
+ noticeData.value = [
|
|
|
+ ...noticeData.value,
|
|
|
+ ...res.data.map((x) => ({
|
|
|
+ ...x,
|
|
|
+ type: 1,
|
|
|
+ })),
|
|
|
+ ];
|
|
|
+ }
|
|
|
+ });
|
|
|
+ proxy.get("/statistics/getRecentPurchaseArrivalList").then((res) => {
|
|
|
+ console.log(res, "ss");
|
|
|
+ if (res && res.data && res.data.length > 0) {
|
|
|
+ noticeData.value = [
|
|
|
+ ...noticeData.value,
|
|
|
+ ...res.data.map((x) => ({
|
|
|
+ ...x,
|
|
|
+ type: 2,
|
|
|
+ })),
|
|
|
+ ];
|
|
|
+ }
|
|
|
+ });
|
|
|
+};
|
|
|
+getNoticeData();
|
|
|
+const openDetails = (row) => {
|
|
|
+ if (row.type == 1) {
|
|
|
+ proxy.$router.push({
|
|
|
+ name: "contractDetails",
|
|
|
+ query: {
|
|
|
+ currentContractId: row.id,
|
|
|
+ },
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ let submitType = row.dataResource > 0 ? "10" : "20";
|
|
|
+ proxy.$router.push({
|
|
|
+ path: "/platform_manage/process/processApproval",
|
|
|
+ query: {
|
|
|
+ flowKey: submitType == "10" ? "ehsd_purchase_flow" : "purchase_flow",
|
|
|
+ id: row.flowId,
|
|
|
+ processType: 20,
|
|
|
+ businessId: row.id,
|
|
|
+ submitType,
|
|
|
+ },
|
|
|
+ });
|
|
|
+ }
|
|
|
+};
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss">
|
|
|
.drawerClass {
|
|
|
- width: 350px !important;
|
|
|
+ width: 360px !important;
|
|
|
background: rgba(62, 62, 62, 0.99);
|
|
|
// position: relative !important;
|
|
|
.el-drawer__header {
|
|
|
@@ -540,9 +601,13 @@ const handlePushRouter = (type) => {
|
|
|
}
|
|
|
|
|
|
.job-box {
|
|
|
- position: absolute;
|
|
|
- bottom: 20px;
|
|
|
+ // position: absolute;
|
|
|
+ // bottom: 20px;
|
|
|
// height: 270px;
|
|
|
+ margin-bottom: 20px;
|
|
|
+ min-height: 135px;
|
|
|
+ max-height: 250px;
|
|
|
+ overflow: auto;
|
|
|
.job-list {
|
|
|
display: flex;
|
|
|
flex-wrap: wrap;
|
|
|
@@ -568,4 +633,33 @@ const handlePushRouter = (type) => {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+.notice {
|
|
|
+ font-size: 14px;
|
|
|
+ .item {
|
|
|
+ margin-bottom: 15px;
|
|
|
+ background: #515151;
|
|
|
+ color: #fff;
|
|
|
+ padding: 5px;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ align-items: center;
|
|
|
+ &:hover {
|
|
|
+ background: #616161;
|
|
|
+ // border: 1px solid #fff;
|
|
|
+ }
|
|
|
+ .icon {
|
|
|
+ // font-size: 20px;
|
|
|
+ width: 40px;
|
|
|
+ height: 20px;
|
|
|
+ }
|
|
|
+ .text {
|
|
|
+ margin-left: 10px;
|
|
|
+ line-height: 22px;
|
|
|
+ .code {
|
|
|
+ color: #23a0e7;
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
</style>
|
cz
