widget.qw 1.0.21 → 1.0.24

package/src/views/sheet/index.vue

@@ -1,46 +1,46 @@
-<template>
-    <div class="page">
-        <widget-qw-sheet v-model="data.datas" :auth="data.auth" label="子表">
-            <template #item="{item}">
-                <widget-qw-input label="姓名" v-model="item.name" :auth="data.auth" />
-                <widget-qw-input label="年龄" v-model="item.age" :auth="data.auth" />
-                <widget-qw-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;
-    }
-}
+<template>
+    <div class="page">
+        <widget-qw-sheet v-model="data.datas" :auth="data.auth" label="子表">
+            <template #item="{item}">
+                <widget-qw-input label="姓名" v-model="item.name" :auth="data.auth" />
+                <widget-qw-input label="年龄" v-model="item.age" :auth="data.auth" />
+                <widget-qw-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

@@ -1,36 +1,36 @@
-<template>
-    <div class="page">
-        <WidgetQwSinglePicker
-            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;
-}
+<template>
+    <div class="page">
+        <WidgetQwSinglePicker
+            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

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

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

@@ -1,42 +1,42 @@
-<template>
-    <div class="page">
-      <WidgetQwTreePicker
-        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>
+<template>
+    <div class="page">
+      <WidgetQwTreePicker
+        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>
   

package/src/views/userSelector/index.vue

@@ -1,54 +1,54 @@
-<template>
-    <div class="page">
-        <widget-qw-user-selector v-model="formData.singleUser" 
-        label="单选人员" 
-        mode="single" 
-        :auth="formData.auth"
-        @select="onSelect" />
-
-        <widget-qw-user-selector v-model="formData.multUser" 
-        label="多选人员" 
-        mode="multiple" 
-        :required="true"  
-        :rules="[{ required: true, message: '请选择人员' }]" 
-        :readonly="false" />
-
-        <widget-qw-user-selector v-model="formData.singleUser" 
-        label="指定部门下的人员" 
-        mode="single" 
-        :required="true"
-        :currentDept="formData.department"  
-        :rules="[{ required: true, message: '请选择人员' }]" 
-        :readonly="false" />
-    </div>
-</template>
-
-<script setup>
-import { ref, onMounted, reactive, watch } from "vue";
-
-const formData = ref({
-    department: '1517', // 组件默认展开哪个部门下的数据，可为空
-    singleUser: '014391',
-    multUser: ['014391','014392'],
-    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>
+<template>
+    <div class="page">
+        <widget-qw-user-selector v-model="formData.singleUser" 
+        label="单选人员" 
+        mode="single" 
+        :auth="formData.auth"
+        @select="onSelect" />
+
+        <widget-qw-user-selector v-model="formData.multUser" 
+        label="多选人员" 
+        mode="multiple" 
+        :required="true"  
+        :rules="[{ required: true, message: '请选择人员' }]" 
+        :readonly="false" />
+
+        <widget-qw-user-selector v-model="formData.singleUser" 
+        label="指定部门下的人员" 
+        mode="single" 
+        :required="true"
+        :currentDept="formData.department"  
+        :rules="[{ required: true, message: '请选择人员' }]" 
+        :readonly="false" />
+    </div>
+</template>
+
+<script setup>
+import { ref, onMounted, reactive, watch } from "vue";
+
+const formData = ref({
+    department: '1517', // 组件默认展开哪个部门下的数据，可为空
+    singleUser: '014391',
+    multUser: ['014391','014392'],
+    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/userSelectorNew/index.vue

@@ -1,45 +1,45 @@
-<template>
-  <div class="page">
-    <WidgetQwSingleUserSelector
-      :auth="formData.auth"
-      :deptRangeId="formData.deptRangeId"
-      v-model="formData.singleUser"
-      @select="onSelect"
-    />
-  </div>
-</template>
-
-<script setup>
-import { reactive ,onMounted} from "vue";
-const formData = reactive({
-  departmentId: "1517", // 组件默认展开哪个部门下的数据，可为空
-  deptRangeId: "production_dept_ids",
-  singleUser: "023663",
-  // singleUser: "014391",
-  auth: "require",
-});
-
-const onSelect=(e)=>{
-  console.log('onSelect', e)
-}
-
-onMounted(()=>{
-  setTimeout(()=>{
-    formData.singleUser = '014391'
-  },10000)
-})
-</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">
+    <WidgetQwSingleUserSelector
+      :auth="formData.auth"
+      :deptRangeId="formData.deptRangeId"
+      v-model="formData.singleUser"
+      @select="onSelect"
+    />
+  </div>
+</template>
+
+<script setup>
+import { reactive ,onMounted} from "vue";
+const formData = reactive({
+  departmentId: "1517", // 组件默认展开哪个部门下的数据，可为空
+  deptRangeId: "production_dept_ids",
+  singleUser: "023663",
+  // singleUser: "014391",
+  auth: "require",
+});
+
+const onSelect=(e)=>{
+  console.log('onSelect', e)
+}
+
+onMounted(()=>{
+  setTimeout(()=>{
+    formData.singleUser = '014391'
+  },10000)
+})
+</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>