Ver Fonte

个贷保存价格,无单价

wucl há 6 meses atrás
pai
commit
17bf603640

+ 138 - 0
src/components/TaskReminder/index.vue

@@ -0,0 +1,138 @@
+<template>
+<div class="card" v-if="show">
+    <div style="display: flex; width: 330px; height: 30px;">
+        <div class="red_point">
+        </div>
+        <div class="card__title">待办提醒
+        </div>
+        <div class="card__close">
+          <el-button type="text" @click="closeReminder()">关闭</el-button>
+        </div>
+    </div>
+    <p class="card__content">内业一提交大中型2025010003的新的流程待办,请及时处理。</p>
+    <div class="card__date">
+        2025-01-11 12:23:23
+    </div>
+    <div class="card__arrow">
+        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="15" width="15">
+            <path fill="#fff" d="M13.4697 17.9697C13.1768 18.2626 13.1768 18.7374 13.4697 19.0303C13.7626 19.3232 14.2374 19.3232 14.5303 19.0303L20.3232 13.2374C21.0066 12.554 21.0066 11.446 20.3232 10.7626L14.5303 4.96967C14.2374 4.67678 13.7626 4.67678 13.4697 4.96967C13.1768 5.26256 13.1768 5.73744 13.4697 6.03033L18.6893 11.25H4C3.58579 11.25 3.25 11.5858 3.25 12C3.25 12.4142 3.58579 12.75 4 12.75H18.6893L13.4697 17.9697Z"></path>
+        </svg>
+    </div>
+</div>
+
+
+</template>
+
+<script>
+
+export default {
+    name: 'taskReminder',
+    data() {
+        return {
+          show:true
+        };
+    },
+    props: {
+
+    },
+
+
+    methods: {
+          closeReminder(){
+            this.show = false;
+          }
+    },
+      
+  
+}
+
+</script>
+
+<style lang="css" scoped>
+/* From Uiverse.io by satyamchaudharydev */ 
+/* this card is inspired form this - https://georgefrancis.dev/ */
+
+.card {
+  --border-radius: 0.75rem;
+  --primary-color: #409EFF;;
+  --secondary-color: #3c3852;
+  width: 330px;
+  padding: 0.5rem;
+  cursor: pointer;
+  border-radius: var(--border-radius);
+  background: #f1f1f3;
+  box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 3%);
+  position: fixed;
+  right: 0; /* 左边距设置为0,使div的左边与屏幕左边对齐 */
+  bottom: 0; 
+}
+
+.card > * + * {
+  margin-top: 1.1em;
+}
+
+.card .card__content {
+  color: var(--secondary-color);
+  font-size: 0.86rem;
+}
+
+.card .card__title {
+  padding: 0;
+  font-size: 1.3rem;
+  font-weight: bold;
+  line-height: 30px;
+  width: 280px;
+}
+
+.card .card__close {
+  padding: 0;
+  float: right;
+
+}
+
+.card .card__date {
+  color: #6e6b80;
+  font-size: 0.8rem;
+}
+
+.card .card__arrow {
+  position: absolute;
+  background: var(--primary-color);
+  padding: 0.4rem;
+  border-top-left-radius: var(--border-radius);
+  border-bottom-right-radius: var(--border-radius);
+  bottom: 0;
+  right: 0;
+  transition: 0.2s;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.card svg {
+  transition: 0.2s;
+}
+
+/* hover */
+/* .card:hover .card__title {
+  color: var(--primary-color);
+} */
+
+.card:hover .card__arrow {
+  background: #111;
+}
+
+.card:hover .card__arrow svg {
+  transform: translateX(3px);
+}
+.red_point{
+    background-color: red;
+    width: 10px;
+    height: 10px;
+    border-radius: 5px;
+    float: left;
+    margin-top: 10px;
+    margin-right: 5px;
+}
+
+</style>

+ 8 - 1
src/layout/components/Navbar.vue

@@ -59,6 +59,7 @@
       <img src="../../assets/icon/logout.png" alt=""
         style="width: 16px;position: absolute;top: 22px;right: 20px;cursor: pointer;" @click="logout">
     </div>
+    <!-- <taskReminder></taskReminder> -->
   </div>
 </template>
 
@@ -66,10 +67,16 @@
 import { mapGetters } from 'vuex'
 import avatar from '../../assets/icon/avatar.png'
 import eventBus from '../../utils/eventBus.js'
+import taskReminder from '../../components/TaskReminder/index.vue'
 // import settlePswDig from "./SettlePswDig.vue";
 
 export default {
 
+  name: 'navbar',
+  components: {
+    taskReminder
+  },
+
   props: {
     messages: {
       type: Array,
@@ -169,7 +176,7 @@ export default {
           this.$parent.getMessages()
         }
       })
-    }
+    },
   }
 }
 </script>

+ 7 - 0
src/views/personal/todoDetail.vue

@@ -1193,6 +1193,7 @@ export default {
           let amount = acrege.mul(price).div(wan);
           newVal.amount = utils.roundToDecimalPlace(amount,2)
         }
+      
         if (newVal.id) {
           this.getProductions();
         }
@@ -1650,6 +1651,12 @@ export default {
         this.$api.personalTarget.detail(this.personalId).then(res => {
           if (res.code === 200) {
             this.target = res.data;
+            //如果没有单价,则只用总价。 个贷多套有这情况
+            if (this.target.price==null || this.target.price===0){
+                let amount = Decimal(this.target.amount);
+                let wan = Decimal(10000);
+                this.target.amount = utils.roundToDecimalPlace(amount.div(wan),2);
+            }
             this.linkAttributes.acreage = this.target.acreage;
             if (res.data.isOnline) {
               this.getCaluateTable(res.data.id)