widget.qw 1.0.83 → 1.0.85

package/src/components/FilePicker.vue

@@ -1,170 +1,170 @@
-<template>
-    <van-field v-if="!isGone" name="image" :label="props.label" :required="isRequired" :rules="props.rules"
-        label-class="label" :placeholder="props.placeholder">
-        <template #input>
-            <div class="file-box">
-                <van-uploader v-model="files" :multiple="props.multiple" :max-count="maxCount" :afterRead="onAfterRead"
-                    :disabled="isDisabled" :accept="props.accept" upload-icon="plus" :deletable="!isDisabled"
-                    :before-delete="onBeforeDelete" @click-preview="onClickPreview" />
-            </div>
-        </template>
-    </van-field>
-</template>
-
-<script setup>
-import { ref, computed, onMounted, defineProps, defineEmits, watch } from "vue"
-import util from '../util'
-import { useVModel } from "@vueuse/core"
-
-const props = defineProps({
-    modelValue: {
-        type: [String, Array],
-        default: null
-    },
-    label: {
-        type: String,
-        default: ''
-    },
-    multiple: {
-        type: Boolean,
-        default: false
-    },
-    maxCount: {
-        type: Number,
-        default: 1000
-    },
-    required: {
-        type: Boolean,
-        default: false
-    },
-    readonly: {
-        type: Boolean,
-        default: false
-    },
-    placeholder: {
-        type: String,
-        default: ''
-    },
-    rules: {
-        type: Array,
-        default: () => []
-    },
-    accept: {
-        type: String,
-        default: ""
-    },
-    auth: {
-        type: String,
-        default: ''
-    }
-})
-
-const emit = defineEmits(['update:modelValue'])
-const modelValue = useVModel(props, 'modelValue', emit)
-const { isRequired, isReadonly, isGone, isDisabled } = util.props2auth(props)
-
-const files = ref([])
-const maxCount = computed(() => {
-    if (props.multiple)
-        return props.maxCount
-    else
-        return 1
-})
-
-onMounted(() => {
-
-})
-
-const onClickPreview = (e) => {
-    let url = (e.url || '')
-    if (url.includes('.jpg') || url.includes('.png') || url.includes('.jpeg'))
-        return
-
-    window.location.href = e.url
-}
-
-const onAfterRead = async (e) => {
-    console.log('onAfterRead', e)
-
-
-    let files = []
-    if (e && Array.isArray(e) && e.length > 0) {
-        files = e
-    }else{
-        files = [e]
-    }
-
-    for (var i = 0; i < files.length; i++) {
-        let params = {
-            file: files[i].file
-        }
-
-        let res = await util.file_upload(params)
-        if (res.code == 200) {
-            if(props.multiple)
-                modelValue.value = [...(modelValue.value || []), res.data]
-            else
-                modelValue.value = res.data
-        }
-    }
-
-    return Promise.resolve(e)
-}
-
-const onBeforeDelete = (e) => {
-    console.log('onBeforeDelete', e)
-
-    if (props.multiple) {
-        let newUrls = props.modelValue.filter(item => {
-            return item != e.url
-        })
-        emit('update:modelValue', newUrls)
-    } else {
-        modelValue.value = ''
-    }
-
-    return Promise.resolve(e)
-}
-
-watch(() => props.modelValue,
-    (newVal, oldVal) => {
-        if (props.multiple) {
-            if (!props.modelValue || props.modelValue.length < 1) {
-                files.value = []
-                return
-            }
-
-            files.value = props.modelValue.map(item => {
-                return {
-                    url: item
-                }
-            })
-        } else {
-            if (!props.modelValue) {
-                files.value = []
-                return
-            }
-
-            files.value = [{
-                url: props.modelValue
-            }]
-        }
-    },
-    {
-        immediate: true
-    }
-)
-</script>
-
-<style lang="scss" scoped>
-:deep(.label) {
-    color: #000 !important;
-}
-
-:deep(.van-field__control:disabled) {
-    color: #000 !important;
-    cursor: not-allowed;
-    opacity: 1;
-    -webkit-text-fill-color: #000;
-}
+<template>
+    <van-field v-if="!isGone" name="image" :label="props.label" :required="isRequired" :rules="props.rules"
+        label-class="label" :placeholder="props.placeholder">
+        <template #input>
+            <div class="file-box">
+                <van-uploader v-model="files" :multiple="props.multiple" :max-count="maxCount" :afterRead="onAfterRead"
+                    :disabled="isDisabled" :accept="props.accept" upload-icon="plus" :deletable="!isDisabled"
+                    :before-delete="onBeforeDelete" @click-preview="onClickPreview" />
+            </div>
+        </template>
+    </van-field>
+</template>
+
+<script setup>
+import { ref, computed, onMounted, defineProps, defineEmits, watch } from "vue"
+import util from '../util'
+import { useVModel } from "@vueuse/core"
+
+const props = defineProps({
+    modelValue: {
+        type: [String, Array],
+        default: null
+    },
+    label: {
+        type: String,
+        default: ''
+    },
+    multiple: {
+        type: Boolean,
+        default: false
+    },
+    maxCount: {
+        type: Number,
+        default: 1000
+    },
+    required: {
+        type: Boolean,
+        default: false
+    },
+    readonly: {
+        type: Boolean,
+        default: false
+    },
+    placeholder: {
+        type: String,
+        default: ''
+    },
+    rules: {
+        type: Array,
+        default: () => []
+    },
+    accept: {
+        type: String,
+        default: ""
+    },
+    auth: {
+        type: String,
+        default: ''
+    }
+})
+
+const emit = defineEmits(['update:modelValue'])
+const modelValue = useVModel(props, 'modelValue', emit)
+const { isRequired, isReadonly, isGone, isDisabled } = util.props2auth(props)
+
+const files = ref([])
+const maxCount = computed(() => {
+    if (props.multiple)
+        return props.maxCount
+    else
+        return 1
+})
+
+onMounted(() => {
+
+})
+
+const onClickPreview = (e) => {
+    let url = (e.url || '')
+    if (url.includes('.jpg') || url.includes('.png') || url.includes('.jpeg'))
+        return
+
+    window.location.href = e.url
+}
+
+const onAfterRead = async (e) => {
+    console.log('onAfterRead', e)
+
+
+    let files = []
+    if (e && Array.isArray(e) && e.length > 0) {
+        files = e
+    }else{
+        files = [e]
+    }
+
+    for (var i = 0; i < files.length; i++) {
+        let params = {
+            file: files[i].file
+        }
+
+        let res = await util.file_upload(params)
+        if (res.code == 200) {
+            if(props.multiple)
+                modelValue.value = [...(modelValue.value || []), res.data]
+            else
+                modelValue.value = res.data
+        }
+    }
+
+    return Promise.resolve(e)
+}
+
+const onBeforeDelete = (e) => {
+    console.log('onBeforeDelete', e)
+
+    if (props.multiple) {
+        let newUrls = props.modelValue.filter(item => {
+            return item != e.url
+        })
+        emit('update:modelValue', newUrls)
+    } else {
+        modelValue.value = ''
+    }
+
+    return Promise.resolve(e)
+}
+
+watch(() => props.modelValue,
+    (newVal, oldVal) => {
+        if (props.multiple) {
+            if (!props.modelValue || props.modelValue.length < 1) {
+                files.value = []
+                return
+            }
+
+            files.value = props.modelValue.map(item => {
+                return {
+                    url: item
+                }
+            })
+        } else {
+            if (!props.modelValue) {
+                files.value = []
+                return
+            }
+
+            files.value = [{
+                url: props.modelValue
+            }]
+        }
+    },
+    {
+        immediate: true
+    }
+)
+</script>
+
+<style lang="scss" scoped>
+:deep(.label) {
+    color: #000 !important;
+}
+
+:deep(.van-field__control:disabled) {
+    color: #000 !important;
+    cursor: not-allowed;
+    opacity: 1;
+    -webkit-text-fill-color: #000;
+}
 </style>

package/src/components/HeadBar.vue

@@ -0,0 +1,130 @@
+<template>
+    <div class="enterprise-header">
+      <!-- 返回按钮 -->
+      <button 
+        class="header-btn back-btn" 
+        @click="handleBack"
+      >
+      <van-icon name="arrow-left" />
+      </button>
+      
+      <!-- 标题区域 -->
+      <div class="header-title">
+        {{ title }}
+      </div>
+      
+      <!-- 首页按钮 -->
+      <button 
+        class="header-btn home-btn" 
+        @click="handleHome"
+      >
+      <van-icon name="wap-home-o" />
+      </button>
+    </div>
+  </template>
+  
+  <script setup>
+  import { useRouter, useRoute } from 'vue-router'
+  import { defineProps, computed } from 'vue'
+  
+  // 定义组件属性
+  const props = defineProps({
+    // 页面标题
+    title: {
+      type: String,
+      required: true,
+      default: '页面标题'
+    },
+    // 首页路由路径，默认为根路径
+    homePath: {
+      type: String,
+      default: '/'
+    }
+  })
+  
+  // 路由相关
+  const router = useRouter()
+  const route = useRoute()
+  
+  // 判断是否可以返回
+  const canGoBack = computed(() => {
+    // 可以根据实际路由历史判断，这里简单处理
+    return window.history.length>1
+  })
+  
+  // 处理返回逻辑
+  const handleBack = () => {
+    console.log('back',router,route)
+    if (canGoBack.value) {
+      router.back()
+    } else {
+      // 如果不能返回，则跳转到首页
+      router.push(props.homePath)
+    }
+  }
+  
+  // 处理返回首页逻辑
+  const handleHome = () => {
+    // 如果已经在首页，则不执行跳转
+    if (route.path !== props.homePath) {
+      router.push(props.homePath)
+    }
+  }
+  </script>
+  
+  <style scoped>
+  .enterprise-header {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 48px;
+    background-color: #2d8cf0; /* 企业微信风格蓝色 */
+    background-color: #fff;
+    color: white;
+    color: #000;
+    position: relative;
+    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
+    margin-bottom: 4px;
+  }
+  
+  .header-title {
+    font-size: 14px;
+    font-weight: 500;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    max-width: 70%;
+  }
+  
+  .header-btn {
+    position: absolute;
+    width: 48px;
+    height: 48px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: transparent;
+    border: none;
+    color: white;
+    color: #000;
+    font-size: 20px;
+    cursor: pointer;
+    padding: 0;
+  }
+  
+  .header-btn:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+  
+  .back-btn {
+    left: 0;
+  }
+  
+  .home-btn {
+    right: 0;
+  }
+  
+  
+  </style>
+  

package/src/components/Input.vue

@@ -1,81 +1,81 @@
-<template>
-    <van-field :label="props.label" v-model.number="modelValue" v-if="!isGone && props.type === 'number'"
-        :disabled="isDisabled" :required="isRequired" :placeholder="props.placeholder" :type="props.type"
-        :rows="props.rows" :autosize="props.autosize" :rules="props.rules" />
-    <van-field :label="props.label" v-model="modelValue" v-if="!isGone && props.type != 'number'" :disabled="isDisabled"
-        :required="isRequired" :placeholder="props.placeholder" :type="props.type" :rows="props.rows"
-        :autosize="props.autosize" :rules="props.rules" />
-</template>
-
-<script setup>
-import { ref, computed, onMounted, defineProps, defineEmits, watch } from "vue"
-import { useVModel } from '@vueuse/core'
-import util from '../util'
-
-const props = defineProps({
-    modelValue: {
-        type: [String, Number],
-        default: null
-    },
-    // 支持v-model.number写法
-    modelModifiers: {
-        type: Object,
-        default: () => ({})
-    },
-    label: {
-        type: String,
-        default: ''
-    },
-    type: {
-        type: String,
-        default: 'text'
-    },
-    rows: {
-        type: Number,
-        default: 1
-    },
-    autosize: {
-        type: Boolean,
-        default: false
-    },
-    placeholder: {
-        type: String,
-        default: ''
-    },
-    readonly: {
-        type: Boolean,
-        default: true
-    },
-    required: {
-        type: Boolean,
-        default: false
-    },
-    auth: {
-        type: String,
-        default: ''
-    },
-    rules: {
-        type: Array,
-        default: null
-    }
-})
-const emit = defineEmits(['update:modelValue'])
-const modelValue = useVModel(props, 'modelValue', emit)
-const { isRequired, isReadonly, isGone, isDisabled } = util.props2auth(props)
-
-onMounted(() => {
-})
-</script>
-
-<style lang="scss" scoped>
-:deep(.label) {
-    color: #000 !important;
-}
-
-:deep(.van-field__control:disabled) {
-    color: #000 !important;
-    cursor: not-allowed;
-    opacity: 1;
-    -webkit-text-fill-color: #000;
-}
+<template>
+    <van-field :label="props.label" v-model.number="modelValue" v-if="!isGone && props.type === 'number'"
+        :disabled="isDisabled" :required="isRequired" :placeholder="props.placeholder" :type="props.type"
+        :rows="props.rows" :autosize="props.autosize" :rules="props.rules" />
+    <van-field :label="props.label" v-model="modelValue" v-if="!isGone && props.type != 'number'" :disabled="isDisabled"
+        :required="isRequired" :placeholder="props.placeholder" :type="props.type" :rows="props.rows"
+        :autosize="props.autosize" :rules="props.rules" />
+</template>
+
+<script setup>
+import { ref, computed, onMounted, defineProps, defineEmits, watch } from "vue"
+import { useVModel } from '@vueuse/core'
+import util from '../util'
+
+const props = defineProps({
+    modelValue: {
+        type: [String, Number],
+        default: null
+    },
+    // 支持v-model.number写法
+    modelModifiers: {
+        type: Object,
+        default: () => ({})
+    },
+    label: {
+        type: String,
+        default: ''
+    },
+    type: {
+        type: String,
+        default: 'text'
+    },
+    rows: {
+        type: Number,
+        default: 1
+    },
+    autosize: {
+        type: Boolean,
+        default: false
+    },
+    placeholder: {
+        type: String,
+        default: ''
+    },
+    readonly: {
+        type: Boolean,
+        default: true
+    },
+    required: {
+        type: Boolean,
+        default: false
+    },
+    auth: {
+        type: String,
+        default: ''
+    },
+    rules: {
+        type: Array,
+        default: null
+    }
+})
+const emit = defineEmits(['update:modelValue'])
+const modelValue = useVModel(props, 'modelValue', emit)
+const { isRequired, isReadonly, isGone, isDisabled } = util.props2auth(props)
+
+onMounted(() => {
+})
+</script>
+
+<style lang="scss" scoped>
+:deep(.label) {
+    color: #000 !important;
+}
+
+:deep(.van-field__control:disabled) {
+    color: #000 !important;
+    cursor: not-allowed;
+    opacity: 1;
+    -webkit-text-fill-color: #000;
+}
 </style>