widget.qw 0.0.1

package/src/util/validate.js

@@ -0,0 +1,183 @@
+/**
+ * Created by PanJiaChen on 16/11/18.
+ */
+
+/**
+ * @param {string} path
+ * @returns {Boolean}
+ */
+export function isExternal(path) {
+    return /^(https?:|mailto:|tel:)/.test(path);
+}
+
+/**
+ * @param {string} str
+ * @returns {Boolean}
+ */
+export function validUsername(str) {
+    const valid_map = ["admin", "editor"];
+    return valid_map.indexOf(str.trim()) >= 0;
+}
+
+/**
+ * @param {string} url
+ * @returns {Boolean}
+ */
+export function isURL(url) {
+    const reg = /^(https?|ftp):\/\/([a-zA-Z0-9.-]+(:[a-zA-Z0-9.&%$-]+)*@)*((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9][0-9]?)(\.(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9]?[0-9])){3}|([a-zA-Z0-9-]+\.)*[a-zA-Z0-9-]+\.(com|edu|gov|int|mil|net|org|biz|arpa|info|name|pro|aero|coop|museum|[a-zA-Z]{2}))(:[0-9]+)*(\/($|[a-zA-Z0-9.,?'\\+&%$#=~_-]+))*$/;
+    return reg.test(url);
+}
+
+/**
+ * @param {string} str
+ * @returns {Boolean}
+ */
+export function validLowerCase(str) {
+    const reg = /^[a-z]+$/;
+    return reg.test(str);
+}
+
+/**
+ * @param {string} str
+ * @returns {Boolean}
+ */
+export function validUpperCase(str) {
+    const reg = /^[A-Z]+$/;
+    return reg.test(str);
+}
+
+/**
+ * @param {string} str
+ * @returns {Boolean}
+ */
+export function validateAlphabet(str) {
+    const reg = /^[A-Za-z]+$/;
+    return reg.test(str);
+}
+
+/**
+ * @param {string} email
+ * @returns {Boolean}
+ */
+export function validateEmail(email) {
+    if (!email)
+        return false
+
+    const reg = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
+    return reg.test(email);
+}
+
+export function validatePhone(phone) {
+    if (!phone)
+        return false
+
+    if (!(/^1[3456789]\d{9}$/.test(phone))) {
+        return false;
+    }
+    return true;
+}
+
+/**
+ * 6位数字验证码
+ * @param {string} str
+ * @returns {Boolean}
+ */
+export function validateCode6(code) {
+    if (code.length != 6)
+        return false;
+
+    let reg = /^\d{6}$/;
+    return reg.test(code);
+}
+
+/**
+ * @param {string} str
+ * @returns {Boolean}
+ */
+export function isString(str) {
+    if (typeof str === "string" || str instanceof String) {
+        return true;
+    }
+    return false;
+}
+
+/**
+ * @param {Array} arg
+ * @returns {Boolean}
+ */
+export function isArray(arg) {
+    if (typeof Array.isArray === "undefined") {
+        return Object.prototype.toString.call(arg) === "[object Array]";
+    }
+    return Array.isArray(arg);
+}
+
+export function strIsEmpty(str) {
+    if (!str || typeof(str) == 'undefined' || str == '' || str == null)
+        return true
+    else
+        return false
+};
+
+export function objIsNull(obj) {
+    if (!obj || typeof(obj) == 'undefined' || obj == '' || obj == null)
+        return true
+    else
+        return false
+};
+
+export function numIsate(num) {
+    if (!num || typeof(num) == 'undefined' || num == null || num <= 0)
+        return false
+    else
+        return true
+};
+
+export function listIsEmpty(list) {
+    if (!list || typeof(list) == 'undefined' || list == null || list.length == 0)
+        return true
+    else
+        return false
+};
+
+export function boolIsTrue(flag) {
+    if (!flag || typeof(flag) == 'undefined' || flag == null)
+        return false
+    else
+        return true
+};
+
+/**
+ * 颜色
+ * 例如：
+ * 6位颜色值：#ffffff
+ * 3位颜色值：#aaa
+ * @param {string} str
+ * @returns {Boolean}
+ */
+export function validColor(color) {
+    if (!color)
+        return false;
+
+
+    //3位或6位
+    // let reg=/^#([0-9a-fA-F]{6}|[0-9a-fA-F]{3})$/;  
+    let reg = /^#([0-9a-fA-F]{6})$/;
+    return reg.test(color);
+}
+
+/**
+ * 验证是否是字母和数字组合
+ * @param {*} str 
+ * @returns 
+ */
+export function validateAlphabetNumber(str) {
+    // 判断字符串是否为数字和字母组合  
+    var zg = /^[0-9a-zA-Z]*$/;
+
+    if (!zg.test(str)) {
+        return false;
+    } else {
+        return true;
+    }
+}

package/src/util/vue_filter.js

@@ -0,0 +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)
+})

package/src/views/auditbar/index.vue

@@ -0,0 +1,66 @@
+<template>
+    <div class="page">
+        <uiqw-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

@@ -0,0 +1,46 @@
+<template>
+    <div class="page">
+        <uiqw-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>

package/src/views/checkgroup/index.vue

@@ -0,0 +1,36 @@
+<template>
+    <div class="page">
+        <uiqw-check-group
+            v-model="data.codes"
+            id="fire_builder_checks" 
+            label="船舶建造师确认内容"
+            :auth="data.auth" />
+    </div>
+</template>
+
+<script setup>
+import { onMounted, reactive, watch } from "vue";
+
+const data = reactive({
+    auth:'require',
+    codes:null
+})
+
+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>

package/src/views/dataSelector/index.vue

@@ -0,0 +1,49 @@
+<template>
+    <div class="page">
+        <uiqw-data-selector :options="options" v-model="formData.singleSelect" mode="single" label="单选数据"
+            placeholder="单选数据" :auth="formData.auth" />
+        <uiqw-data-selector :options="options" v-model="formData.multSelect" mode="multiple" label="多选数据"
+            placeholder="多选数据" :required="true" :readonly="false" />
+    </div>
+</template>
+
+<script setup>
+import QueryString from "qs";
+import { ref, onMounted, reactive, watch } from "vue";
+
+const formData = ref({
+    singleSelect: '',
+    multSelect: [],
+    apiSelect: '',
+    auth: 'option'
+})
+
+// 数据选项
+const options = ref([
+    { text: '火灾', value: '火灾' },
+    { text: '灼烫', value: '灼烫' },
+    { text: '触电', value: '触电' },
+    { text: '中毒和窒息', value: '中毒和窒息' },
+    { text: '物体打击', value: '物体打击' },
+    { text: '高处坠落', value: '高处坠落' },
+    { text: '其他', value: '其他', },
+    { text: '一号门与二号门之间前花园', value: '一号门与二号门之间前花园' }
+])
+
+onMounted(() => {
+})
+</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/datetimepicker/index.vue

@@ -0,0 +1,35 @@
+<template>
+    <div class="page">
+        <UiqwDatetimePicker
+            v-model="data.date"
+            label="时间"
+            :auth="data.auth" />
+    </div>
+</template>
+
+<script setup>
+import { onMounted, reactive, watch } from "vue";
+
+const data = reactive({
+    auth:'require',
+    date:'2025-01-01 01:02:03'
+})
+
+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>

package/src/views/daydropdown/index.vue

@@ -0,0 +1,31 @@
+<template>
+    <div class="page">
+        <van-dropdown-menu>
+            <uiqw-day-dropdown v-model="formData.day" year="2025" month="2" />
+        </van-dropdown-menu>
+    </div>
+</template>
+
+<script setup>
+import { reactive, onMounted } from "vue";
+const formData = reactive({
+    day: 0
+})
+
+onMounted(() => {
+})
+</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/filepicker/index.vue

@@ -0,0 +1,32 @@
+<template>
+  <div class="page">
+      <uiqw-file-picker label="文件" v-model="data.url" :auth="data.auth" accept=".xls,.xlsx" />
+  </div>
+</template>
+
+<script setup>
+import { onMounted, reactive, watch } from "vue";
+
+const data = reactive({
+  auth:'readonly',
+  url: 'https://1.pdf'
+})
+
+watch(()=>data.url,(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>