iboss_wx_app/components/dkbase/dk-cell/dk-cell.js

/*******************************************************************************
 * Copyright(c) 2022 dongke All rights reserved. / Confidential
 * 类的信息：
 *		1.程序名称：
 *		2.功能描述：dkCell组件
 * 编辑履历：
 *		作者				日期					版本				修改内容
 *		周兴		  	2021-7-9  			1.00		   	  新建
 *******************************************************************************/
const common = require('../../../utils/common.js')
Component({
  /**
   * 组件的属性列表
   */
  properties: {
    /**
     * 提示信息
     */
    placeholder:{
      type:String,
    },
    placeholderColor:{
      type:String,
      value:'#95A8CB'
    },
    car:{
      type:String,
      value:'¥'
    },
    /**
     * 尾部字符串
     */
    tail:{
      type:String,
      value:''
    },
    percent:{
      type:String,
      value:'%'
    },
    percentSignFlag:{
      type:Boolean,
      value:false
    },
    /**
     * 标题宽度（传入）
     */
    titleWid:{
      type:String,
    },
    /**
     * 标题
     */
    title:{
      type:String,
      value:'',
      // observer: function (newVal) {
      //   if(newVal){
      //     // 计算标题宽度
      //     let titleWidth = newVal.length * this.data.fontSize;
      //     this.setData({
      //       titleWidth:titleWidth
      //     })
      //   }
      // }
    },
    /**
     * 内容
     */
    content:{
      type:String,
      value:'',
      observer: function (newVal) {
        // if(newVal){
          //设置显示的值
          this.handleDisplayValue(this.data.amount,newVal);
        // }
      }
    },
    /**
     * 内容的颜色
     */
    contentColor:{
      type:String,
      value:'#d9001b'
    },
    /**
     * 尾部内容的颜色
     */
    tailColor:{
      type:String,
      value:''
    },
    /**
     * 尾部的中删除线
     */
    tailLine:{
      type:Boolean,
      value:false
    },
    /**
     * 内容的中删除线
     */
    contentLine:{
      type:Boolean,
      value:false
    },
    /**
     * 标题的颜色
     */
    titleColor:{
      type:String,
      value:''
    },
    /**
     * 标识的大小
     */
    signSize:{
      type:String,
      value:''
    },
    /**
     * 字体大小
     */
    fontSize:{
      type:Number,
      value:14,
    },
    /**
     * 高度
     */
    height:{
      type:String,
      value:'78rpx',
    },
    /**
     * 左侧距离
     */
    left:{
      type:String,
      value:'30rpx',
    },
    /**
     * 是否居中
     */
    center:{
      type:String,
      value:'left',
    },
    /**
     * 内容字体大小
     */
    contentFontSize:{
      type:Number,
      value:0,
    },
    /**
     * 标题字体粗细
     */
    fontWeight:{
      type:String,
      value:'nomal'
    },
    /**
     * 尾部的字体大小
     */
    tailFontWeight:{
      type:String,
      value:''
    },
    /**
     * 内容字体粗细
     */
    contentFontWeight:{
      type:String,
      value:''
    },
    /**
     * 内容是否居右（默认居左）
     */
    contentRight:{
      type:Boolean,
      value:false,
    },
    /**
     * 间距
     */
    spaceWidth:{
      type:String,
      value:'36rpx'
    },
    /**
     * 内容是否是金额
     */
    amount:{
      type:Boolean,
      value:true,
      observer: function (newVal) {
        //设置显示的值
        this.handleDisplayValue(newVal,this.data.content);
      }
    },
    /**
     * 错误提示信息
     */
    errorMessage:{
      type:String,
    },
    /**
     * 小数是否单独显示（字号小一些）
     */
    decimalFlag:{
      type:Boolean,
      value:true
    }
  },

  /**
   * 组件的初始数据
   */
  data: {
    displayValue:'',
    titleWidth:'',
    // 小数部分
    decimalValue:'',
    // fontSize:14
  },

  /**
   * 组件的方法列表
   */
  methods: {
    /**
     * 处理数据显示
     */
    handleDisplayValue(amount,content){
      let displayValue = ''
      let decimalValue = ''
      if(content){
        // 非数字直接显示
        if(!amount){
          displayValue = content;
        }else{
          if(content.indexOf(',') < 0){
            // 先保留2位小数
            content = Number(Number(content).toFixed(2));
            displayValue = common.toThousandCents(content)
          }else{
            displayValue = content;
          }
        }
        // 如果小数单独显示，需要切出来
        if(this.data.decimalFlag){
          let values = displayValue.split('.');
          displayValue = values[0];
          if(values.length > 1){
            decimalValue = '.' + values[1]
          }
        }
      }else{
        displayValue = '';
      }
      this.setData({
        displayValue:displayValue,
        decimalValue:decimalValue
      })
    }
  },
  /**
    * 组件生命周期
    */
   lifetimes: {
    attached: function () {
    },
    detached: function () {
      // 在组件实例被从页面节点树移除时执行
    },
  },
})