widget.qw 0.0.1

package/src/views/home/index.vue

@@ -0,0 +1,64 @@
+<template>
+  <div class="page">
+    <van-button class="btn" type="primary" @click="router.push('/auditbar')">流程审核栏</van-button>
+    <van-button class="btn" type="primary" @click="router.push('/input')">输入框</van-button>
+    <van-button class="btn" type="primary" @click="router.push('/singlepicker')">单选</van-button>
+    <van-button class="btn" type="primary" @click="router.push('/multipicker')">复选(有弹框)</van-button>
+    <van-button class="btn" type="primary" @click="router.push('/checkgroup')">复选(无弹框)</van-button>
+    <van-button class="btn" type="primary" @click="router.push('/datetimepicker')">时间选择器</van-button>
+    <van-button class="btn" type="primary" @click="router.push('/secretnotify')">保密警告</van-button>
+    <van-button class="btn" type="primary" @click="router.push('/dataSelector')">通用选择</van-button>
+    <van-button class="btn" type="primary" @click="router.push('/multListSelector')">确认勾选</van-button>
+    <van-button class="btn" type="primary" @click="router.push('/productSelector')">产品选择</van-button>
+
+    <van-button class="btn" type="primary" @click="router.push('/projectpicker')">项目选择器</van-button>
+
+    <van-button class="btn" type="primary" @click="router.push('/subdepartmentSelector')">部门选择</van-button>
+    <van-button class="btn" type="primary" @click="router.push('/userSelector')">人员选择</van-button>
+    <van-button class="btn" type="primary" @click="router.push('/userSelectorNew')">人员选择测试</van-button>
+    <van-button class="btn" type="primary" @click="router.push('/imagepicker')">图片</van-button>
+    <van-button class="btn" type="primary" @click="router.push('/imagespicker')">图片列表</van-button>
+    <van-button class="btn" type="primary" @click="router.push('/filepicker')">单文件</van-button>
+    <van-button class="btn" type="primary" @click="router.push('/billcard')">单据卡片</van-button>
+    <van-button class="btn" type="primary" @click="router.push('/userpicker')">单人选择器</van-button>
+
+    <van-button class="btn" type="primary" @click="router.push('/userspicker')">多人选择器</van-button>
+
+    <van-button class="btn" type="primary" @click="router.push('/userprofile')">用户详情卡片</van-button>
+    <van-button class="btn" type="primary" @click="router.push('/yeardropdown')">年份筛选框</van-button>
+    <van-button class="btn" type="primary" @click="router.push('/monthdropdown')">月份筛选框</van-button>
+    <van-button class="btn" type="primary" @click="router.push('/daydropdown')">日筛选框</van-button>
+    <van-button class="btn" type="primary" @click="router.push('/projectdropdown')">项目筛选框</van-button>
+    <van-button class="btn" type="primary" @click="router.push('/switch')">开关</van-button>
+    <van-button class="btn" type="primary" @click="router.push('/sheet')">表格</van-button>
+    <van-button class="btn" type="primary" @click="router.push('/treepicker')">树选择器</van-button>
+  </div>
+</template>
+
+<script setup>
+import { onMounted, reactive } from "vue";
+import router from "@/router";
+import util from "../../util";
+
+onMounted(() => {
+
+})
+</script>
+
+<style lang="scss" scoped>
+.page {
+  background: #fff;
+  text-align: center;
+  background-size: cover;
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  padding: 20px 15px;
+  box-sizing: border-box;
+  overflow-y: auto;
+
+  .btn {
+    margin-bottom: 15px;
+  }
+}
+</style>

package/src/views/imagepicker/index.vue

@@ -0,0 +1,32 @@
+<template>
+  <div class="page">
+      <uiqw-image-picker label="图片" v-model="data.url" :auth="data.auth"  />
+  </div>
+</template>
+
+<script setup>
+import { onMounted, reactive, watch } from "vue";
+
+const data = reactive({
+  auth:'readonly',
+  url: 'qqq'
+})
+
+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>

package/src/views/imagespicker/index.vue

@@ -0,0 +1,32 @@
+<template>
+  <div class="page">
+      <uiqw-images-picker label="图片列表" v-model="data.urls" :auth="data.auth"  />
+  </div>
+</template>
+
+<script setup>
+import { onMounted, reactive, watch } from "vue";
+
+const data = reactive({
+  auth:'require',
+  urls: ''
+})
+
+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>

package/src/views/input/index.vue

@@ -0,0 +1,35 @@
+<template>
+    <div class="page">
+        <uiqw-input label="单号" v-model="data.text" :auth="data.auth" :type="data.type" :rows="data.rows" :autosize="data.autosize"  />
+    </div>
+</template>
+
+<script setup>
+import { onMounted, reactive, watch } from "vue";
+
+const data = reactive({
+    auth:'require',
+    text: 'abc',
+    type: 'textarea',
+    rows: 1,
+    autosize: true
+})
+
+watch(()=>data.text,(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/monthdropdown/index.vue

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

@@ -0,0 +1,61 @@
+<template>
+  <div class="page">
+    <uiqw-mult-list-selector
+      v-model="formData.safetyConfirmations"
+      :options="safetyConfirmationOptions"
+      :tips="'根据现场实际情况勾选条目'"
+      :disabled="false"
+    />
+  </div>
+</template>
+
+<script setup>
+import { ref, onMounted, reactive, watch } from "vue";
+
+const formData = ref({
+  safetyConfirmations: [],
+});
+
+// 数据选项
+const safetyConfirmationOptions = ref([
+  { value: "1", label: "1、已对本次作业人员及监护人员进行安全交底" },
+  {
+    value: "2",
+    label: "2、提供并保持足够的照明和通风设备，保持有效连续通风和照明",
+  },
+  {
+    value: "3",
+    label: "3、确保通向该有限空间的管道系统封闭/上锁/挂牌，其操作系统不可用",
+  },
+  {
+    value: "4",
+    label:
+      "4、有限空间作业人员及监护人员已配备应急手电。进入有限空间的照明电源电压不得超过36V，特别狭小、潮湿的有限空间高使用12V以下手电筒照明，灯罩完整，所有电源线无破损",
+  },
+  {
+    value: "5",
+    label: "5、进入有限空间作业人员已配备数量不少于一台的气体检测报警仪",
+  },
+  {
+    value: "6",
+    label:
+      "6、产品下水后，进入有通海阀、门、盖、箱等的舱室，确保其不能异常开启，防止江水(海水)灌入",
+  },
+  { value: "7", label: "7、进入有限空间的气体胶管应完好有效，无漏气点" },
+  { value: "8", label: "8、其他安全措施" },
+]);
+</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/multipicker/index.vue

@@ -0,0 +1,37 @@
+<template>
+    <div class="page">
+        <uiqw-multi-picker
+            v-model="data.codes"
+            id="fire_accident_types" 
+            label="事故类型"
+            placeholder="请选择事故类型"
+            :auth="data.auth" />
+    </div>
+</template>
+
+<script setup>
+import { onMounted, reactive, watch } from "vue";
+
+const data = reactive({
+    auth:'require',
+    codes:['a']
+})
+
+watch(()=>data.code,(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/productSelector/index.vue

@@ -0,0 +1,35 @@
+<template>
+  <div class="page">
+    <uiqw-product-selector
+      v-model="formData.productInfo"
+      :required="true"
+      :rules="[{ required: true, message: '请选择产品信息' }]"
+      :readonly="false"
+    />
+  </div>
+</template>
+
+<script setup>
+import { ref, onMounted, reactive, watch } from "vue";
+
+const formData = ref({
+  productInfo: {
+    productName: "",
+    productCode: "",
+  },
+});
+</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/projectdropdown/index.vue

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

@@ -0,0 +1,42 @@
+<template>
+    <div class="page">
+        <UiqwProjectPicker
+            v-model="formData.code"
+            label="项目"
+            :auth="formData.auth"
+            maxStage="06离厂"
+            @select="onSelect" />
+    </div>
+</template>
+
+<script setup>
+import { reactive,watch,onMounted} from "vue";
+
+const formData = reactive({
+  auth: "require",
+  code: "",
+  selectedProject:null
+});
+
+const onSelect=(item)=>{
+    formData.selectedProject = item
+}
+
+watch(()=>formData.code,(newVal,oldVal)=>{
+    console.log(formData.code)
+})
+</script>
+
+<style 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/secretnotify/index.vue

@@ -0,0 +1,28 @@
+<template>
+    <div class="page">
+
+    </div>
+</template>
+
+<script setup>
+import { onMounted, reactive, watch } from "vue";
+import {secret_notify} from '../../components'
+
+onMounted(()=>{
+    secret_notify()
+})
+</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/sheet/index.vue

@@ -0,0 +1,46 @@
+<template>
+    <div class="page">
+        <uiqw-sheet v-model="data.datas" :auth="data.auth" label="子表">
+            <template #item="{item}">
+                <uiqw-input label="姓名" v-model="item.name" :auth="data.auth" />
+                <uiqw-input label="年龄" v-model="item.age" :auth="data.auth" />
+                <uiqw-datetime-picker v-model="item.detectionTime" label="检测时间" placeholder="请选择检测时间" :auth="data.auth" />
+            </template>
+        </uiqw-sheet>
+    </div>
+</template>
+
+<script setup>
+import { onMounted, reactive, watch } from "vue";
+
+const data = reactive({
+    auth: 'option',
+    datas: [{
+        name: 'a',
+        age: 10,
+        detectionTime: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;
+
+    .item-box {
+        border: 1px solid #333;
+    }
+}
+</style>

package/src/views/singlepicker/index.vue

@@ -0,0 +1,36 @@
+<template>
+    <div class="page">
+        <UiqwSinglePicker
+            v-model="data.code"
+            id="danger_level" 
+            label="隐患等级"
+            :auth="data.auth" />
+    </div>
+</template>
+
+<script setup>
+import { onMounted, reactive, watch } from "vue";
+
+const data = reactive({
+    auth:'readonly',
+    code:'a'
+})
+
+watch(()=>data.code,(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/subdepartmentSelector/index.vue

@@ -0,0 +1,41 @@
+<template>
+    <div class="page">
+        <uiqw-subdepartment-selector label="责任部门" 
+        v-model="formData.departmentId"
+        :deptRangeId = "formData.deptRangeId"
+        :rules="[{ required: true, message: '请选择责任部门' }]"
+        :auth="formData.auth" 
+        level="999"
+        @select="onSelect"
+         />
+    </div>
+</template>
+
+<script setup>
+import { ref, onMounted, reactive, watch } from "vue";
+
+const formData = reactive({
+    departmentId: '',
+    deptRangeId: "production_dept_ids",
+    auth: 'require'
+})
+
+const onSelect = (e)=>{
+    console.log('+++onSelect+++', e)
+}
+
+</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/switch/index.vue

@@ -0,0 +1,35 @@
+<template>
+    <div class="page">
+        <uiqw-switch
+            v-model="data.isChecked"
+            label="是否动火"
+            :auth="data.auth" />
+    </div>
+</template>
+
+<script setup>
+import { onMounted, reactive, watch } from "vue";
+
+const data = reactive({
+    auth:'readonly',
+    isChecked: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/treepicker/index.vue

@@ -0,0 +1,42 @@
+<template>
+    <div class="page">
+      <UiqwTreePicker
+        label="访问区域"
+        placeholder="请选择访问区域"
+        :auth="formData.auth"
+        id="visit_area_tree"
+        v-model="formData.ids"
+        @select="onSelect"
+      />
+    </div>
+  </template>
+  
+  <script setup>
+  import { reactive ,onMounted} from "vue";
+  const formData = reactive({
+    ids: ['dock2','dock3'],
+    auth: "require",
+  });
+  
+  const onSelect=(e)=>{
+    console.log('onSelect', e)
+  }
+  
+  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>
+