浏览代码

看板千分位分隔,商品图片边角登

chenchhuanbao 1 月之前
父节点
当前提交
43973ead90

+ 3 - 1
src/styles/public/table-style.scss

@@ -136,7 +136,8 @@
       width: 88px;
       height: 88px;
       // border: 1px dashed #666;
-      border: 1px solid #ECF2FE;
+      //border: 1px solid #ECF2FE;
+      box-sizing: border-box;
       border-radius: 8px;
       background-color: #fff;
       margin-right: 12px;
@@ -145,6 +146,7 @@
         width: 100%;
         height: 100%;
         margin-left: 4px;
+        border-radius: 8px;
       }
     }
   }

+ 3 - 3
src/views/jfsc/components/SpglDrawer.vue

@@ -1,11 +1,11 @@
 <template>
     <div class="drawer_body">
         <div class="head">
-            <div class="picture">
-                <img :src="dataInfo.spzp.split(',')[0]" alt="" v-if="dataInfo.spzp">
+            <div class="picture" style="">
+                <img :src="dataInfo.spzp.split(',')[0]" alt="" v-if="dataInfo.spzp" style="">
                 <img src="" v-else />
             </div>
-            <div style="width: 100%;">
+            <div style="width: calc(100% - 150px)">
                 <div style="margin-bottom: 8px;">
                     <div class="t_t">{{ dataInfo.spmc }}</div>
                 </div>

+ 1 - 1
src/views/jfsc/components/spglEdit.vue

@@ -25,7 +25,7 @@
                 </el-form-item>
                 <el-form-item label="商品描述" prop="spms">
                     <el-input v-model="spForm.spms" placeholder="请输入商品描述" type="textarea"
-                              :autosize="{ minRows: 2, maxRows: 30 }"></el-input>
+                              :autosize="{ minRows:5, maxRows: 30 }"></el-input>
                 </el-form-item>
                 <el-form-item label="库存量" prop="spkcl" class="nomal">
                     <el-input v-model="spForm.spkcl" placeholder="请输入库存量"></el-input>

+ 8 - 3
src/views/jfsc/kanban.vue

@@ -13,17 +13,17 @@
     <div class="kanban">
       <div>
         <span>获得的总积分数</span>
-        <div>{{jf.zjf}}</div>
+        <div>{{numcal(jf.zjf)}}</div>
       </div>
 
       <div>
         <span>已兑换商品总积分数</span>
-        <div>{{jf.dhjf}}</div>
+        <div>{{numcal(jf.dhjf)}}</div>
       </div>
 
       <div>
         <span>未兑换商品总积分数</span>
-        <div>{{jf.jf}}</div>
+        <div>{{numcal(jf.jf)}}</div>
       </div>
     </div>
   </div>
@@ -41,7 +41,9 @@ export default {
       jf: {}
     }
   },
+
   mounted() {
+
     getJfkb().then(res => {
       this.options = res.data.data
       this.value = this.options[0].value
@@ -60,6 +62,9 @@ export default {
     })
   },
   methods: {
+    numcal(num){
+      return num.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',')
+    },
     xzbm() {
       getJfmb(this.value).then(jfmb => {
         this.jf = jfmb.data.data

+ 3 - 1
src/views/jfsc/spgltable-dom/index.vue

@@ -144,8 +144,9 @@ export default {
     width: 88px;
     height: 88px;
     // border: 1px dashed #666;
-    border: 1px solid #ECF2FE;
+   // border: 1px solid #ECF2FE;
     border-radius: 8px;
+    box-sizing: border-box;
     background-color: #fff;
     margin-right: 20px;
 
@@ -153,6 +154,7 @@ export default {
         width: 88px;
         height: 88px;
         margin-left: 4px;
+      border-radius: 8px;
     }
 }
 </style>