feat: 收银台

src/components/FormDesign/src/components/VFormDesign/components/RuleProps.vue

@@ -20,44 +20,34 @@
     </a>
   </div>
 </template>
-<script lang="ts">
+<script lang="ts" setup name="RuleProps">
-import { ref, defineComponent } from 'vue'
+import { ref } from 'vue'
 import { remove } from '../../../utils'
 import { useFormDesignState } from '../../../hooks/useFormDesignState'
 import { isArray } from 'lodash-es'
 import { Form, FormItem, AutoComplete, Input } from 'ant-design-vue'
-import Icon from '@/components/Icon'
+import { Icon } from '@/components/Icon'
 
-export default defineComponent({
+// 获取祖先组件的状态
-  name: 'RuleProps',
+const { formConfig } = useFormDesignState()
-  components: {
+// 抽离 currentItem
-    Form,
+/**
-    FormItem,
-    AutoComplete,
-    Input,
-    Icon
-  },
-  setup() {
-    // 获取祖先组件的状态
-    const { formConfig } = useFormDesignState()
-    // 抽离 currentItem
-    /**
  * 添加正则校验，判断当前组件的rules是不是数组，如果不是数组，使用set方法重置成数组，然后添加正则校验
  */
-    const addRules = () => {
+const addRules = () => {
   if (!isArray(formConfig.value.currentItem!.rules)) formConfig.value.currentItem!['rules'] = []
   formConfig.value.currentItem!.rules?.push({ pattern: '', message: '' })
-    }
+}
-    /**
+/**
  * 删除正则校验，当正则规则为0时，删除rules属性
  * @param index {number} 需要删除的规则下标
  */
-    const removeRule = (index: number) => {
+const removeRule = (index: number) => {
   remove(formConfig.value.currentItem!.rules as Array<any>, index)
   if (formConfig.value.currentItem!.rules?.length === 0) delete formConfig.value.currentItem!['rules']
-    }
+}
 
-    const patternDataSource = ref([
+const patternDataSource = ref([
   {
     value: '/^(?:(?:\\+|00)86)?1[3-9]\\d{9}$/',
     text: '手机号码'
@@ -125,13 +115,11 @@ export default defineComponent({
     text: '车牌号(新能源)'
   },
   {
-        value:
+    value: '/^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领][A-HJ-NP-Z][A-HJ-NP-Z0-9]{4}[A-HJ-NP-Z0-9挂学警港澳]$/',
-          '/^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领][A-HJ-NP-Z][A-HJ-NP-Z0-9]{4}[A-HJ-NP-Z0-9挂学警港澳]$/',
     text: '车牌号(非新能源)'
   },
   {
-        value:
+    value: '/^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领][A-HJ-NP-Z][A-HJ-NP-Z0-9]{4,5}[A-HJ-NP-Z0-9挂学警港澳]$/',
-          '/^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领][A-HJ-NP-Z][A-HJ-NP-Z0-9]{4,5}[A-HJ-NP-Z0-9挂学警港澳]$/',
     text: '车牌号(新能源+非新能源)'
   },
   {
@@ -226,11 +214,7 @@ export default defineComponent({
     value: '/^[A-Za-z0-9\u4e00-\u9fa5]+@[a-zA-Z0-9_-]+(\\.[a-zA-Z0-9_-]+)+$/',
     text: 'email(支持中文邮箱)'
   }
-    ])
+])
-
-    return { addRules, removeRule, formConfig, patternDataSource }
-  }
-})
 </script>
 
 <style lang="less" scoped>

src/components/Table/src/hooks/useRender.ts

@@ -1,5 +1,5 @@
 import { DictTag } from '@/components/DictTag'
-import Icon from '@/components/Icon'
+import { Icon } from '@/components/Icon'
 import { Button, Tag } from 'ant-design-vue'
 import dayjs from 'dayjs'
 import { h } from 'vue'

src/views/mp/components/WxLocation/index.vue

@@ -33,7 +33,7 @@ import { Image } from 'ant-design-vue';
 </template>
 <script lang="ts" setup name="WxLocation">
 import { Image } from 'ant-design-vue'
-import Icon from '@/components/Icon'
+import { Icon } from '@/components/Icon'
 
 const props = defineProps({
   locationX: {

src/views/mp/freePublish/index.vue

@@ -3,7 +3,7 @@
     <template #headerContent>
       请选择公众号
       <div :class="`${prefixCls}__link`">
-        <Select :value="queryParams.accountId" style="width: 200px" @change="getList">
+        <Select :value="queryParams.accountId as any" style="width: 200px" @change="getList">
           <SelectOption v-for="item in accounts" :label="item.name" :value="parseInt(item.id)" :key="parseInt(item.id)" />
         </Select>
         <!-- <a><Icon icon="bx:bx-paper-plane" color="#1890ff" /><span>开始</span></a>
@@ -42,7 +42,7 @@
   </PageWrapper>
 </template>
 <script lang="ts" setup>
-// import Icon from '@/components/Icon'
+// import { Icon } from '@/components/Icon'
 import { PageWrapper } from '@/components/Page'
 import { Card, List, Image, Select, Pagination } from 'ant-design-vue'
 import { useDesign } from '@/hooks/web/useDesign'

src/views/pay/submit/index.vue

@@ -49,6 +49,7 @@
 <script lang="ts" setup name="PayOrderSubmit">
 import { ref, onMounted } from 'vue'
 import { Card, List } from 'ant-design-vue'
+import { Icon } from '@/components/Icon'
 import { Description } from '@/components/Description'
 import { descSchema } from './submit.data'
 import { getOrder, submitOrder } from '@/api/pay/order'