widget.qw 1.0.24 → 1.0.25

package/src/util/vue_filter.js

@@ -1,223 +1,223 @@
-// 加载Vue的过滤器
-import Vue from 'vue'
-import { date2Chinese, date2yyyyMMdd, date2yyyyMMddhhmm, time2hhmm, time2hhmmss } from './time_util.js'
-import moment from "moment";
-//使用中文日期
-moment.locale('zh-cn');
-
-/**
- * 绝对时间格式化为相对时间
- * @param value 调用过滤器时，调用的绝对时间字符串
- */
-Vue.filter('time2Lapse', function (date) {  
-  let m2 = moment();  //当下时间
-  // let m2=moment('2019-12-18 10:10:00');
-  let m1 = moment(date);
-  let du = moment.duration(m2 - m1, 'ms');   //做差
-  let years = du.get('years');
-  let months = du.get('months');
-  let monthAbsolute = m1.format('MM');
-  let days = du.get('days');
-  let dayAbsolute = m1.format('Do');
-  let hours = du.get('hours');
-  let hourAbosolute = m1.format('a h');
-  let mins = du.get('minutes');
-  let minAbsolute = m1.format('mm');
-  let ss = du.get('seconds');
-  console.log(days, hours, mins, ss)
-  //  输出结果为   01天08时09分40秒
-  
-  if(years>2){
-    return years + '年前';
-  }else if(years>1){
-    return '前年'+monthAbsolute+'月';
-  }else if(years>0){
-    return '去年'+monthAbsolute+'月';
-  }else if(months>1){
-    return months+'个月前';
-  }else if(months>0){
-    return '上个月'+dayAbsolute;
-  }else if(days>2){
-    return days + '天前';
-  }else if(days>1){
-    return '前天'+hourAbosolute+':'+minAbsolute;
-  }else if(days>0){
-    return '昨天'+hourAbosolute+':'+minAbsolute;
-  }else if (hours > 0) {
-    return hours + '小时之前';
-  }else if(mins > 0) {
-    return mins + '分钟之前';
-  }else {
-    return ss + '秒之前';
-  } 
-})
-
-/**
- * 字符串转数字
- * @param value 调用过滤器时，调用的文本
- */
-Vue.filter('str2num', function (value) {
-  return Number(value);
-})
-
-/**
- * 整数转字符串，正数前加+，负数前加-，0返回0
- * @param value 调用过滤器时，调用的文本
- */
-Vue.filter('aliImage', function (value) {
-  return value + '?x-oss-process=image/resize,w_500';
-})
-
-/**
- * 数字转千进制，保留小数点后一位
- * 例如：输入：12300，输出：12.3k
- * @param value 调用过滤器时，调用的文本
- */
-Vue.filter('num2kBy1', function (value) {
-  let num = 0;
-  if (typeof (value) === 'string')
-    num = parseInt(value);
-  else
-    num = value;
-
-  if (num >= 1000) {
-    num = num / 1000;
-    // 文本包含小数，保留小数点后1位
-    return num.toFixed(1) + 'k';
-  } else {
-    return num;
-  }
-})
-
-/**
- * 整数转字符串，正数前加+，负数前加-，0返回0
- * @param value 调用过滤器时，调用的文本
- */
-Vue.filter('numAddSign', function (value) {
-  let num = 0;
-  if (typeof (value) === 'string'){
-    num = parseInt(value);
-    if(Number.isNaN(num))
-      return value;
-  }
-  else
-    num = value;
-
-  if (num == 0)
-    return num + '';
-  else if (num > 0)
-    return '+' + num;
-  else
-    return num + '';
-})
-
-/**
- * 金额数据处理
- * 保留小数点后2位，输入单位：元
- * @param value 调用过滤器时，调用的文本
- */
-Vue.filter('priceValue', function (value) {
-  // 如果文本不存在，返回空字符
-  // value === 0 ; !0 === true.
-  if (!value) {
-    return '0.00'
-  }
-
-  // 文本转化为 float
-  const result = parseFloat(value)
-
-  // 如果文本为 integer 类型的文本，表示当前文本没有小数
-  // if (Number.isInteger(result)) {
-  //   return result
-  // }
-
-  // 文本包含小数，保留小数点后2位
-  return result.toFixed(2)
-})
-
-/**
- * 分钱转元，保留小数点后2位
- * @param value 调用过滤器时，调用的文本
- */
-Vue.filter('cent2yuan', function (value) {
-  // 如果文本不存在，返回空字符
-  // value === 0 ; !0 === true.
-  if (!value) {
-    return '0'
-  }
-
-  // 文本转化为 float
-  const result = parseInt(value) / 100;
-
-  // 如果文本为 integer 类型的文本，表示当前文本没有小数
-  // if (Number.isInteger(result)) {
-  //   return result
-  // }
-
-  // 文本包含小数，保留小数点后0位
-  return result;
-})
-
-/**
- * 分钱转元，保留小数点后2位
- * @param value 调用过滤器时，调用的文本
- */
-Vue.filter('cent2yuanByDot', function (value) {
-  // 如果文本不存在，返回空字符
-  // value === 0 ; !0 === true.
-  if (!value) {
-    return '0.00'
-  }
-
-  // 文本转化为 float
-  const result = parseFloat(value) / 100;
-
-  // 如果文本为 integer 类型的文本，表示当前文本没有小数
-  // if (Number.isInteger(result)) {
-  //   return result
-  // }
-
-  // 文本包含小数，保留小数点后2位
-  return result.toFixed(2);
-})
-
-/**
- * 空数据转0
- */
-Vue.filter('null2Zero', function (value) {
-  // 如果文本不存在，返回空字符
-  // value === 0 ; !0 === true.
-  if (!value) {
-    return 0;
-  }
-
-  return value;
-})
-
-// xx月xx日
-Vue.filter('chineseDay', function (date) {
-  return date2Chinese(date);
-})
-
-// xxxx年xx月xx日
-Vue.filter('yyyyMMdd', function (date) {
-  return date2yyyyMMdd(date);
-})
-
-
-// xxxx年xx月xx日xx时xx分
-Vue.filter('yyyyMMddhhmm', function (date) {
-  return date2yyyyMMddhhmm(date);
-})
-
-// xx时:xx分
-Vue.filter('hhmm', function (time) {
-  return time2hhmm(time);
-})
-
-/**
- * xx时:xx分:xx秒
- */
-Vue.filter('hhmmss', function (time) {
-  return time2hhmmss(time)
-})
+// 加载Vue的过滤器
+import Vue from 'vue'
+import { date2Chinese, date2yyyyMMdd, date2yyyyMMddhhmm, time2hhmm, time2hhmmss } from './time_util.js'
+import moment from "moment";
+//使用中文日期
+moment.locale('zh-cn');
+
+/**
+ * 绝对时间格式化为相对时间
+ * @param value 调用过滤器时，调用的绝对时间字符串
+ */
+Vue.filter('time2Lapse', function (date) {  
+  let m2 = moment();  //当下时间
+  // let m2=moment('2019-12-18 10:10:00');
+  let m1 = moment(date);
+  let du = moment.duration(m2 - m1, 'ms');   //做差
+  let years = du.get('years');
+  let months = du.get('months');
+  let monthAbsolute = m1.format('MM');
+  let days = du.get('days');
+  let dayAbsolute = m1.format('Do');
+  let hours = du.get('hours');
+  let hourAbosolute = m1.format('a h');
+  let mins = du.get('minutes');
+  let minAbsolute = m1.format('mm');
+  let ss = du.get('seconds');
+  console.log(days, hours, mins, ss)
+  //  输出结果为   01天08时09分40秒
+  
+  if(years>2){
+    return years + '年前';
+  }else if(years>1){
+    return '前年'+monthAbsolute+'月';
+  }else if(years>0){
+    return '去年'+monthAbsolute+'月';
+  }else if(months>1){
+    return months+'个月前';
+  }else if(months>0){
+    return '上个月'+dayAbsolute;
+  }else if(days>2){
+    return days + '天前';
+  }else if(days>1){
+    return '前天'+hourAbosolute+':'+minAbsolute;
+  }else if(days>0){
+    return '昨天'+hourAbosolute+':'+minAbsolute;
+  }else if (hours > 0) {
+    return hours + '小时之前';
+  }else if(mins > 0) {
+    return mins + '分钟之前';
+  }else {
+    return ss + '秒之前';
+  } 
+})
+
+/**
+ * 字符串转数字
+ * @param value 调用过滤器时，调用的文本
+ */
+Vue.filter('str2num', function (value) {
+  return Number(value);
+})
+
+/**
+ * 整数转字符串，正数前加+，负数前加-，0返回0
+ * @param value 调用过滤器时，调用的文本
+ */
+Vue.filter('aliImage', function (value) {
+  return value + '?x-oss-process=image/resize,w_500';
+})
+
+/**
+ * 数字转千进制，保留小数点后一位
+ * 例如：输入：12300，输出：12.3k
+ * @param value 调用过滤器时，调用的文本
+ */
+Vue.filter('num2kBy1', function (value) {
+  let num = 0;
+  if (typeof (value) === 'string')
+    num = parseInt(value);
+  else
+    num = value;
+
+  if (num >= 1000) {
+    num = num / 1000;
+    // 文本包含小数，保留小数点后1位
+    return num.toFixed(1) + 'k';
+  } else {
+    return num;
+  }
+})
+
+/**
+ * 整数转字符串，正数前加+，负数前加-，0返回0
+ * @param value 调用过滤器时，调用的文本
+ */
+Vue.filter('numAddSign', function (value) {
+  let num = 0;
+  if (typeof (value) === 'string'){
+    num = parseInt(value);
+    if(Number.isNaN(num))
+      return value;
+  }
+  else
+    num = value;
+
+  if (num == 0)
+    return num + '';
+  else if (num > 0)
+    return '+' + num;
+  else
+    return num + '';
+})
+
+/**
+ * 金额数据处理
+ * 保留小数点后2位，输入单位：元
+ * @param value 调用过滤器时，调用的文本
+ */
+Vue.filter('priceValue', function (value) {
+  // 如果文本不存在，返回空字符
+  // value === 0 ; !0 === true.
+  if (!value) {
+    return '0.00'
+  }
+
+  // 文本转化为 float
+  const result = parseFloat(value)
+
+  // 如果文本为 integer 类型的文本，表示当前文本没有小数
+  // if (Number.isInteger(result)) {
+  //   return result
+  // }
+
+  // 文本包含小数，保留小数点后2位
+  return result.toFixed(2)
+})
+
+/**
+ * 分钱转元，保留小数点后2位
+ * @param value 调用过滤器时，调用的文本
+ */
+Vue.filter('cent2yuan', function (value) {
+  // 如果文本不存在，返回空字符
+  // value === 0 ; !0 === true.
+  if (!value) {
+    return '0'
+  }
+
+  // 文本转化为 float
+  const result = parseInt(value) / 100;
+
+  // 如果文本为 integer 类型的文本，表示当前文本没有小数
+  // if (Number.isInteger(result)) {
+  //   return result
+  // }
+
+  // 文本包含小数，保留小数点后0位
+  return result;
+})
+
+/**
+ * 分钱转元，保留小数点后2位
+ * @param value 调用过滤器时，调用的文本
+ */
+Vue.filter('cent2yuanByDot', function (value) {
+  // 如果文本不存在，返回空字符
+  // value === 0 ; !0 === true.
+  if (!value) {
+    return '0.00'
+  }
+
+  // 文本转化为 float
+  const result = parseFloat(value) / 100;
+
+  // 如果文本为 integer 类型的文本，表示当前文本没有小数
+  // if (Number.isInteger(result)) {
+  //   return result
+  // }
+
+  // 文本包含小数，保留小数点后2位
+  return result.toFixed(2);
+})
+
+/**
+ * 空数据转0
+ */
+Vue.filter('null2Zero', function (value) {
+  // 如果文本不存在，返回空字符
+  // value === 0 ; !0 === true.
+  if (!value) {
+    return 0;
+  }
+
+  return value;
+})
+
+// xx月xx日
+Vue.filter('chineseDay', function (date) {
+  return date2Chinese(date);
+})
+
+// xxxx年xx月xx日
+Vue.filter('yyyyMMdd', function (date) {
+  return date2yyyyMMdd(date);
+})
+
+
+// xxxx年xx月xx日xx时xx分
+Vue.filter('yyyyMMddhhmm', function (date) {
+  return date2yyyyMMddhhmm(date);
+})
+
+// xx时:xx分
+Vue.filter('hhmm', function (time) {
+  return time2hhmm(time);
+})
+
+/**
+ * xx时:xx分:xx秒
+ */
+Vue.filter('hhmmss', function (time) {
+  return time2hhmmss(time)
+})

package/src/views/auditbar/index.vue

@@ -1,66 +1,66 @@
-<template>
-    <div class="page">
-        <widget-qw-audit-bar v-if="data.userId" :processId="data.processId" :mouldId="data.mouldId" :userId="data.userId" :form="data.form"    
-            @apply="onApply" @pass="onPass" @refuse="onRefuse" @auth="onAuth" />
-    </div>
-</template>
-
-<script setup>
-import { onMounted, reactive } from "vue";
-
-const data = reactive({
-    processId: 962, // 流程ID
-    // processId: null, // 流程ID
-    mouldId: 4, // 模板ID
-    userId: '014391',
-    form:{
-        userId: 'houmu',
-        reason: '',
-        areas:['base']
-    }
-})
-
-const onApply = (e) => {
-    console.log('onApply',e) 
-    // e: {
-    //    memo:"审批意见"
-    // }
-}
-
-const onPass = (e) => {
-    console.log('onPass',e) 
-    // e: {
-    //    memo:"审批意见"
-    // }
-}
-
-const onRefuse = (e) => {
-    console.log('onRefuse',e) 
-    // e: {
-    //     action: {
-    //         stepId: 1
-    //         text: "隐患排查上报"
-    //     }
-    //     memo: "审批意见"
-    // }
-}
-
-const onAuth = (auth) => {
-    console.log('onAuth', auth)  
-}
-
-</script>
-
-<style lang="scss" scoped>
-.page {
-    height: 100vh;
-    background: #fff;
-    text-align: center;
-    background-size: cover;
-    display: flex;
-    flex-direction: column;
-    justify-content: flex-start;
-    padding: 80px 15px 0 15px;
-    box-sizing: border-box;
-}
+<template>
+    <div class="page">
+        <widget-qw-audit-bar v-if="data.userId" :processId="data.processId" :mouldId="data.mouldId" :userId="data.userId" :form="data.form"    
+            @apply="onApply" @pass="onPass" @refuse="onRefuse" @auth="onAuth" />
+    </div>
+</template>
+
+<script setup>
+import { onMounted, reactive } from "vue";
+
+const data = reactive({
+    processId: 962, // 流程ID
+    // processId: null, // 流程ID
+    mouldId: 4, // 模板ID
+    userId: '014391',
+    form:{
+        userId: 'houmu',
+        reason: '',
+        areas:['base']
+    }
+})
+
+const onApply = (e) => {
+    console.log('onApply',e) 
+    // e: {
+    //    memo:"审批意见"
+    // }
+}
+
+const onPass = (e) => {
+    console.log('onPass',e) 
+    // e: {
+    //    memo:"审批意见"
+    // }
+}
+
+const onRefuse = (e) => {
+    console.log('onRefuse',e) 
+    // e: {
+    //     action: {
+    //         stepId: 1
+    //         text: "隐患排查上报"
+    //     }
+    //     memo: "审批意见"
+    // }
+}
+
+const onAuth = (auth) => {
+    console.log('onAuth', auth)  
+}
+
+</script>
+
+<style lang="scss" scoped>
+.page {
+    height: 100vh;
+    background: #fff;
+    text-align: center;
+    background-size: cover;
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-start;
+    padding: 80px 15px 0 15px;
+    box-sizing: border-box;
+}
 </style>

package/src/views/billcard/index.vue

@@ -1,46 +1,46 @@
-<template>
-    <div class="page">
-        <widget-qw-bill-card
-            :category="data.category"
-            :no="data.no"
-            :userState="data.loginUserState"
-            :processState="data.processState"
-            :fields="data.fields" />
-    </div>
-</template>
-
-<script setup>
-import { onMounted, reactive, watch } from "vue";
-
-const data = reactive({
-    category:'作业单',
-    no: '123',
-    loginUserState:'pass',
-    processState: 'finish_pass',
-    fields:[{
-        title: '字段1',
-        value: '一号门与二号门之间前花园1',
-    },{
-        title: '字段2',
-        value: '一号门与二号门之间前花园2',
-    }]
-})
-
-watch(()=>data.codes,(newVal,oldVal)=>{
-    console.log(newVal,oldVal) 
-})
-</script>
-
-<style lang="scss" scoped>
-.page {
-    height: 100vh;
-    background: #fff;
-    text-align: center;
-    background-size: cover;
-    display: flex;
-    flex-direction: column;
-    justify-content: flex-start;
-    padding: 80px 15px 0 15px;
-    box-sizing: border-box;
-}
+<template>
+    <div class="page">
+        <widget-qw-bill-card
+            :category="data.category"
+            :no="data.no"
+            :userState="data.loginUserState"
+            :processState="data.processState"
+            :fields="data.fields" />
+    </div>
+</template>
+
+<script setup>
+import { onMounted, reactive, watch } from "vue";
+
+const data = reactive({
+    category:'作业单',
+    no: '123',
+    loginUserState:'pass',
+    processState: 'finish_pass',
+    fields:[{
+        title: '字段1',
+        value: '一号门与二号门之间前花园1',
+    },{
+        title: '字段2',
+        value: '一号门与二号门之间前花园2',
+    }]
+})
+
+watch(()=>data.codes,(newVal,oldVal)=>{
+    console.log(newVal,oldVal) 
+})
+</script>
+
+<style lang="scss" scoped>
+.page {
+    height: 100vh;
+    background: #fff;
+    text-align: center;
+    background-size: cover;
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-start;
+    padding: 80px 15px 0 15px;
+    box-sizing: border-box;
+}
 </style>