widget.qw 0.0.1

package/src/components/DatetimePicker/index.vue

@@ -0,0 +1,113 @@
+<template>
+    <van-field v-if="!isGone" 
+        v-model="props.modelValue" name="datetimePicker" :label="props.label"
+        :placeholder="props.placeholder" readonly :required="isRequired" :rules="props.rules"
+        :is-link="isReadonly ? false : true"
+        @click="onToggleShow">
+        <template #input>
+            {{ formatTime(props.modelValue) }}
+        </template>
+    </van-field>
+
+    <!-- 弹出层 -->
+    <DatetimePop v-model:isShow="data.isShow" 
+        v-model="modelValue"
+        :before="props.before" 
+        :defaultnow="props.defaultnow"
+        :columnsType="props.columnsType" />
+</template>
+
+
+<script setup>
+import { ref,reactive, watch, getCurrentInstance, computed } from "vue"
+import DatetimePop from './DatetimePop.vue'
+import util from '../../util'
+import { useVModel } from "@vueuse/core"
+
+const props = defineProps({
+    modelValue:{
+        type: String,
+        default: ''
+    },
+    label: {
+        type:String,
+        default: ''
+    },
+    readonly: {
+        type: Boolean,
+        default: false
+    },
+    defaultnow: {
+        type: Boolean,
+        default: false
+    },
+    before:{
+        type: Boolean,
+        default: false
+    },
+    required: {
+        type: Boolean,
+        default: false
+    },
+    columnsType: {
+        type: Array,
+        default: ['year', 'month', 'day', 'hour', 'minute', 'second']
+    },
+    placeholder:{
+        type:String,
+        default:''
+    },
+    auth:{
+        type:String,
+        default:''
+    },
+    rules:{
+        type: Array,
+        default:null
+    }
+})
+const data = reactive({
+    isShow: false, //是否显示弹出层
+})
+const {isRequired, isReadonly, isGone,isDisabled} = util.props2auth(props)
+//定义要向父组件传递的事件
+const emit = defineEmits(["update:modelValue"])
+const modelValue = useVModel(props, "modelValue", emit)
+
+const formatTime=(time)=>{
+    let res = time
+
+    // let week_day = util.date2week_day(time)
+    // res = time+'/'+week_day
+
+    return res
+}
+
+// 默认当前时间
+watch(
+    () => props.modelValue,
+    (n, o) => {
+        //不需要默认时间时，直接返回
+        if (!props.defaultnow)
+            return
+
+        //有值是，直接返回
+        if (n) {
+            return
+        }
+        
+        // 没有值时，默认设置为当前时间
+        modelValue.value = util.date2yyyyMMddhhmmss(new Date())
+    },
+    {
+        immediate: true//立即监听--进入就会执行一次 监听显影状态
+    }
+)
+
+function onToggleShow() {
+    if (isReadonly.value)
+        return
+
+    data.isShow = true
+}
+</script>

package/src/components/DayDropdown.vue

@@ -0,0 +1,57 @@
+<template>
+    <van-dropdown-item v-model="modelValue" :options="totalOptions" />
+</template>
+<script setup>
+import { reactive, onMounted, computed } from "vue";
+import util from "../util"
+import { useVModel } from '@vueuse/core'
+
+const props = defineProps({
+    year:{
+        type:Number,
+        default: 0
+    },
+    month:{
+        type:Number,
+        default: 0
+    },
+    modelValue: {
+        type: Number,
+        default: 0,
+    },
+    label: {
+        type: String,
+        default: "选择日",
+    },
+    placeholder: {
+        type: String,
+        default: "请选择日",
+    },
+});
+
+const totalOptions = computed(() => {
+  if (!props.year) return [];
+  
+  const year = props.year
+  const month = props.month
+  const days = new Date(year, month, 0).getDate(); // 获取当月实际天数
+  
+  let res = Array.from({length: days}, (_, i) => ({ 
+    text: `${i+1}日`, 
+    value: i+1 
+  }));
+  return [{
+    text: '日',
+    value: 0
+  }, ...res]
+});
+
+// 定义emit
+const emit = defineEmits(["update:modelValue"]);
+const modelValue = useVModel(props, 'modelValue', emit)
+//首页加载
+onMounted(() => {
+})
+</script>
+
+<style scoped></style>

package/src/components/FilePicker.vue

@@ -0,0 +1,114 @@
+<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="image-box">
+                <van-uploader v-model="files" :max-count="1" :afterRead="onAfterRead" :disabled="isDisabled"
+                    :accept="props.accept" upload-icon="plus" :deletable="!isDisabled" :before-delete="onBeforeDelete"
+                    @click-preview="onPreview" />
+            </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,
+        default: ''
+    },
+    label: {
+        type: String,
+        default: ''
+    },
+    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([])
+
+onMounted(() => {
+
+})
+
+const onAfterRead = async (file) => {
+    console.log(file)
+    let params = {
+        file: file.file
+    }
+
+    return util.file_upload(params).then(res => {
+        modelValue.value = res.data.url
+        return Promise.resolve(file)
+    })
+}
+
+const onBeforeDelete = (e) => {
+    modelValue.value = ''
+    return Promise.resolve(e)
+}
+
+const onPreview = (e) => {
+    console.log('onPreview', e)
+    window.open(e.url, "_blank");
+}
+
+watch(() => props.modelValue,
+    (newVal, oldVal) => {
+        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/Input.vue

@@ -0,0 +1,72 @@
+<template>
+    <van-field :label="props.label" v-model="modelValue" v-if="!isGone" :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,
+        default:null
+    },
+    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>

package/src/components/MonthDropdown.vue

@@ -0,0 +1,52 @@
+<template>
+    <van-dropdown-item v-model="modelValue" :options="data.monthOptions" />
+</template>
+<script setup>
+import { reactive, onMounted, watch } from "vue";
+import util from "../util"
+import { useVModel } from '@vueuse/core'
+
+const props = defineProps({
+    modelValue: {
+        type: Number,
+        default: 0,
+    },
+    label: {
+        type: String,
+        default: "选择月份",
+    },
+    placeholder: {
+        type: String,
+        default: "请选择月份",
+    },
+});
+
+// 弹出层
+const data = reactive({
+    monthOptions: []
+})
+
+// 定义emit
+const emit = defineEmits(["update:modelValue"]);
+const modelValue = useVModel(props, 'modelValue', emit)
+
+const setupOptions = () => {
+    data.monthOptions.push({
+        text: '月',
+        value: 0
+    })
+    for (var i = 1; i <= 12; i++) {
+        data.monthOptions.push({
+            text: i+'月',
+            value: i,
+        });
+    }
+};
+
+//首页加载
+onMounted(() => {
+    setupOptions()
+})
+</script>
+
+<style scoped></style>

package/src/components/MultiPicker.vue

@@ -0,0 +1,124 @@
+<template>
+  <van-field v-if="!isGone" :label="props.label" :required="isRequired" :rules="props.rules" :disabled="isDisabled"
+    :placeholder="props.placeholder" :is-link="isReadonly ? false : true" @click="data.isShowPop = !isReadonly"
+    label-class="label">
+    <template #input v-if="selectOptions.length>0">
+      <div class="data-list">
+        <van-tag class="data-item" :closeable="!isDisabled" type="primary" plain v-for="(item, i) in selectOptions"
+          :key="item" @close.stop="onDelete(i)">
+          {{ item.title }}
+        </van-tag>
+      </div>
+    </template>
+  </van-field>
+  <data-pop v-model="modelValue" :options="totalOptions" v-model:show="data.isShowPop" />
+</template>
+
+<script setup>
+import { onMounted, ref, onBeforeUpdate, computed, nextTick, watch, reactive } from "vue"
+import util from '../util'
+import DataPop from "./widget/DataPop.vue";
+import { useVModel } from "@vueuse/core";
+
+const props = defineProps({
+  id: String,
+  label: String,
+  placeholder: String,
+  options: {
+    type: Array,
+    default: [],
+  },
+  modelValue: {
+    type: Array,
+    default: () => [],
+  },
+  rules: {
+    type: Array,
+    default: () => []
+  },
+  required: {
+    type: Boolean,
+    default: false,
+  },
+  readonly: {
+    type: Boolean,
+    default: false,
+  },
+  auth: {
+    type: String,
+    default: ''
+  },
+});
+
+const { isRequired, isReadonly, isGone, isDisabled } = util.props2auth(props)
+const emit = defineEmits(["update:modelValue"]);
+const modelValue = useVModel(props, 'modelValue', emit)
+
+const data = reactive({
+  isShowPop: false,
+  options: []
+})
+
+// 将modelValue与选项列表合并
+const totalOptions = computed(() => {
+  if (!modelValue.value || modelValue.value.length < 1)
+    return data.options
+
+  let res = [...data.options]
+
+  for (var i = 0; i < modelValue.value.length; i++) {
+    let ary = data.options.filter(item => item.code == modelValue.value[i])
+    if (ary.length < 1)
+      res = [{ code: modelValue.value[i], title: modelValue.value[i] }, ...res]
+  }
+  return res
+})
+
+const selectOptions = computed(() => {
+  if (!modelValue.value || modelValue.value.length < 1)
+    return []
+
+  let res = totalOptions.value.filter(item => {
+    return modelValue.value.includes(item.code)
+  })
+  return res
+})
+
+onMounted(() => {
+  query()
+})
+
+const query = async () => {
+  if(!props.id){
+    data.options = props.options
+    return
+  }
+
+  let params = {
+    id: props.id,
+  }
+  const res = await util.dictionary_dict(params)
+  if (!res.data.parseValue) {
+    data.options = []
+    return
+  }
+
+  data.options = res.data.parseValue
+}
+
+const onDelete = (idx) => {
+  modelValue.value.splice(idx, 1)
+}
+
+watch(()=>props.modelValue,(o,n)=>{
+    if(!props.modelValue)
+        modelValue.value = []
+},{immediate:true})
+</script>
+
+<style scoped>
+.data-item{
+  margin: 0 8px 8px 0;
+  padding: 2px 5px;
+}
+</style>

package/src/components/ProjectDropdown.vue

@@ -0,0 +1,62 @@
+<template>
+    <van-dropdown-item v-model="modelValue" :options="totalOptions" />
+</template>
+<script setup>
+import { reactive, onMounted, computed } from "vue";
+import util from "../util"
+import { useVModel } from '@vueuse/core'
+
+const props = defineProps({
+    modelValue: {
+        type: Number,
+        default: 0,
+    },
+    label: {
+        type: String,
+        default: "选择项目",
+    },
+    placeholder: {
+        type: String,
+        default: "请选择项目",
+    },
+    maxStage: {
+        type: String,
+        default: ''
+    }
+});
+
+// 弹出层
+const data = reactive({
+    options: []
+})
+
+// 定义emit
+const emit = defineEmits(["update:modelValue"]);
+const modelValue = useVModel(props, 'modelValue', emit)
+
+const totalOptions = computed(() => {
+    return [{
+        text: '工程编号',
+        value: ''
+    }, ...data.options]
+})
+
+//首页加载
+onMounted(() => {
+    query()
+})
+
+const query = async () => {
+    let params = { isBasic: true, limit: 99999, page: 1 }
+    if(props.maxStage)
+        params.maxStage = props.maxStage
+
+    const res = await util.project_list(params)
+    data.options = res.data.list.map(item => ({
+        text: `${item.projectCode}/${item.name}`,
+        value: item.id
+    }))
+}
+</script>
+
+<style scoped></style>

package/src/components/ProjectPicker.vue

@@ -0,0 +1,111 @@
+<template>
+  <div class="widget">
+    <!-- 项目名称选择 -->
+    <DataSelector v-model="modelValue" v-if="!isGone" :label="props.label" :required="isRequired" :rules="props.rules"
+      :disabled="isDisabled" :readonly="isReadonly" mode="single" :options="data.options" class="selector-field"
+      @select="onSelect" />
+  </div>
+</template>
+
+<script setup>
+import { ref, onMounted, watch, reactive } from 'vue'
+import util from '../util'
+import DataSelector from './data_selector.vue'
+import { useVModel } from '@vueuse/core'
+
+const props = defineProps({
+  modelValue: {
+    type: String,
+    default: null
+  },
+  required: {
+    type: Boolean,
+    default: true
+  },
+  label: {
+    type: String,
+    default: "",
+  },
+  placeholder: {
+    type: String,
+    default: "请选择项目",
+  },
+  readonly: {
+    type: Boolean,
+    default: false,
+  },
+  rules: {
+    type: Array,
+    default: () => []
+  },
+  auth: {
+    type: String,
+    default: "",
+  },
+  maxStage: {
+    type: String,
+    default: ''
+  }
+})
+
+const emit = defineEmits(['update:modelValue', 'select'])
+const { isRequired, isReadonly, isGone, isDisabled } = util.props2auth(props)
+const data = reactive({
+  options: []
+})
+const modelValue = useVModel(props, 'modelValue', emit)
+
+const query = async () => {
+  let params = { isBasic: true, limit: 99999, page: 1 }
+  if (props.maxStage)
+    params.maxStage = props.maxStage
+
+  const res = await util.project_list(params)
+  data.options = res.data.list.map(item => ({
+    text: `${item.projectCode}/${item.name}`,
+    value: item.id
+  }))
+}
+
+const onSelect = (item) => {
+  emit('select', item)
+}
+
+// 修改后的挂载逻辑
+onMounted(async () => {
+  query()
+})
+</script>
+
+<style lang="scss" scoped>
+.widget {
+  :deep(.van-cell) {
+    align-items: center;
+  }
+
+  :deep(.van-field__label) {
+    width: 90px;
+    flex: none;
+  }
+
+  .readonly-field {
+    :deep(.van-field__control) {
+      color: #323233;
+      /* 修改文字颜色与普通字段一致 */
+      padding-right: 16px;
+    }
+
+    /* 添加必填星号对齐 */
+    &.van-field--required {
+      :deep(.van-field__label::before) {
+        margin-right: 4px;
+      }
+    }
+  }
+
+  /* 统一字段间距 */
+  .readonly-field {
+    margin: 4px 0;
+  }
+}
+</style>

package/src/components/SecretNotify.js

@@ -0,0 +1,6 @@
+import { showNotify } from 'vant'
+
+//保密提醒
+export const secret_notify=()=>{
+    showNotify({ type: 'danger', message: '严格执行信息保密要求，切实防范企业泄密风险',duration: 3000, })
+}