widget.qw 1.0.83 → 1.0.85

package/src/views/datetimepicker/index.vue

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

@@ -1,31 +1,31 @@
-<template>
-    <div class="page">
-        <van-dropdown-menu>
-            <widget-qw-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>
+<template>
+    <div class="page">
+        <van-dropdown-menu>
+            <widget-qw-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

@@ -1,33 +1,33 @@
-<template>
-  <div class="page">
-      <widget-qw-file-picker label="文件" multiple v-model="data.urls" :auth="data.auth" accept=".jpg,.png" />
-  </div>
-</template>
-
-<script setup>
-import { onMounted, reactive, watch } from "vue";
-
-const data = reactive({
-  auth:'require',
-  // url: 'http://www.zjpsjdsb.online/static/QxI3PBaT.pdf'
-  urls: ['http://www.zjpsjdsb.online/static/gxm6QYXR.png','http://www.zjpsjdsb.online/static/gxm6QYXR.png']
-})
-
-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;
-}
+<template>
+  <div class="page">
+      <widget-qw-file-picker label="文件" multiple v-model="data.urls" :auth="data.auth" accept=".jpg,.png" />
+  </div>
+</template>
+
+<script setup>
+import { onMounted, reactive, watch } from "vue";
+
+const data = reactive({
+  auth:'require',
+  // url: 'http://www.zjpsjdsb.online/static/QxI3PBaT.pdf'
+  urls: ['http://www.zjpsjdsb.online/static/gxm6QYXR.png','http://www.zjpsjdsb.online/static/gxm6QYXR.png']
+})
+
+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/headbar/index.vue

@@ -0,0 +1,28 @@
+<template>
+    <div class="page">
+        <widget-qw-head-bar title="页面1" />
+    </div>
+</template>
+
+<script setup>
+import QueryString from "qs";
+import { ref, onMounted, reactive, watch } from "vue";
+
+
+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/imagepicker/index.vue

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

@@ -1,38 +1,38 @@
-<template>
-  <div class="page">
-      <widget-qw-images-picker label="图片列表" v-model="data.urls" :auth="data.auth" maxPreview=1 />
-  </div>
-</template>
-
-<script setup>
-import { onMounted, reactive, watch } from "vue";
-
-const data = reactive({
-  auth:'readonly',
-  urls: []
-})
-
-watch(()=>data.url,(newVal,oldVal)=>{
-  console.log(newVal,oldVal) 
-})
-
-onMounted(()=>{
-  setTimeout(()=>{
-    data.auth = 'require'
-  },3000)
-})
-</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-images-picker label="图片列表" v-model="data.urls" :auth="data.auth" maxPreview=1 />
+  </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) 
+})
+
+onMounted(()=>{
+  setTimeout(()=>{
+    data.auth = 'require'
+  },3000)
+})
+</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

@@ -1,36 +1,36 @@
-<template>
-    <div class="page">
-        <widget-qw-input label="单号" v-model.number="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: -9,
-    type: 'number',
-    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;
-}
+<template>
+    <div class="page">
+        <widget-qw-input label="单号" v-model.number="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: -9,
+    type: 'number',
+    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

@@ -1,31 +1,31 @@
-<template>
-    <div class="page">
-        <van-dropdown-menu>
-            <widget-qw-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>
+<template>
+    <div class="page">
+        <van-dropdown-menu>
+            <widget-qw-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

@@ -1,61 +1,61 @@
-<template>
-  <div class="page">
-    <widget-qw-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>
+<template>
+  <div class="page">
+    <widget-qw-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>