liukai
/
fast-iot-web
Archived
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

feat: 收银台

main
xingyu 2 years ago
parent
aede08cbba
commit
5ecc18901a
5 changed files with 193 additions and 208 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 392
      src/components/FormDesign/src/components/VFormDesign/components/RuleProps.vue
  2. 2
      src/components/Table/src/hooks/useRender.ts
  3. 2
      src/views/mp/components/WxLocation/index.vue
  4. 4
      src/views/mp/freePublish/index.vue
  5. 1
      src/views/pay/submit/index.vue

392
src/components/FormDesign/src/components/VFormDesign/components/RuleProps.vue
Unescape View File

@ -20,217 +20,201 @@
</a>
</div>
</template>
<script lang="ts">
import { ref, defineComponent } from 'vue'
<script lang="ts" setup name="RuleProps">
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',
components: {
Form,
FormItem,
AutoComplete,
Input,
Icon
},
setup() {
// 获取祖先组件的状态
const { formConfig } = useFormDesignState()
// 抽离 currentItem
/**
* 添加正则校验，判断当前组件的rules是不是数组，如果不是数组，使用set方法重置成数组，然后添加正则校验
*/
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) => {
remove(formConfig.value.currentItem!.rules as Array<any>, index)
if (formConfig.value.currentItem!.rules?.length === 0) delete formConfig.value.currentItem!['rules']
}
const patternDataSource = ref([
{
value: '/^(?:(?:\\+|00)86)?1[3-9]\\d{9}$/',
text: '手机号码'
},
{
value: '/^((ht|f)tps?:\\/\\/)?[\\w-]+(\\.[\\w-]+)+:\\d{1,5}\\/?$/',
text: '网址带端口号'
},
{
value: '/^(((ht|f)tps?):\\/\\/)?[\\w-]+(\\.[\\w-]+)+([\\w.,@?^=%&:/~+#-\\(\\)]*[\\w@?^=%&/~+#-\\(\\)])?$/',
text: '网址带参数'
},
{
value: '/^[0-9A-HJ-NPQRTUWXY]{2}\\d{6}[0-9A-HJ-NPQRTUWXY]{10}$/',
text: '统一社会信用代码'
},
{
value: '/^(s[hz]|S[HZ])(000[\\d]{3}|002[\\d]{3}|300[\\d]{3}|600[\\d]{3}|60[\\d]{4})$/',
text: '股票代码'
},
{
value: '/^([a-f\\d]{32}|[A-F\\d]{32})$/',
text: 'md5格式（32位）'
},
{
value: '/^[a-f\\d]{4}(?:[a-f\\d]{4}-){4}[a-f\\d]{12}$/i',
text: 'GUID/UUID'
},
{
value: '/^\\d+(?:\\.\\d+){2}$/',
text: '版本号（x.y.z）格式'
},
{
value: '/^https?:\\/\\/(.+\\/)+.+(\\.(swf|avi|flv|mpg|rm|mov|wav|asf|3gp|mkv|rmvb|mp4))$/i',
text: '视频链接地址'
},
{
value: '/^https?:\\/\\/(.+\\/)+.+(\\.(gif|png|jpg|jpeg|webp|svg|psd|bmp|tif))$/i',
text: '图片链接地址'
},
{
value: '/^-?\\d+(,\\d{3})*(\\.\\d{1,2})?$/',
text: '数字/货币金额（支持负数、千分位分隔符）'
},
{
value: '/(?:^[1-9]([0-9]+)?(?:\\.[0-9]{1,2})?$)|(?:^(?:0)$)|(?:^[0-9]\\.[0-9](?:[0-9])?$)/',
text: '数字/货币金额'
},
{
value: '/^[1-9]\\d{9,29}$/',
text: '银行卡号'
},
{
value: '/^(?:[\u4e00-\u9fa5·]{2,16})$/',
text: '中文姓名'
},
{
value: '/(^[a-zA-Z][a-zA-Z\\s]{0,20}[a-zA-Z]$)/',
text: '英文姓名'
},
{
value:
// eslint-disable-next-line max-len
'/^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领][A-HJ-NP-Z](?:((\\d{5}[A-HJK])|([A-HJK][A-HJ-NP-Z0-9][0-9]{4}))|[A-HJ-NP-Z0-9]{4}[A-HJ-NP-Z0-9挂学警港澳])$/',
text: '车牌号(新能源)'
},
{
value:
'/^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领][A-HJ-NP-Z][A-HJ-NP-Z0-9]{4}[A-HJ-NP-Z0-9挂学警港澳]$/',
text: '车牌号(非新能源)'
},
{
value:
'/^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领][A-HJ-NP-Z][A-HJ-NP-Z0-9]{4,5}[A-HJ-NP-Z0-9挂学警港澳]$/',
text: '车牌号(新能源+非新能源)'
},
{
value:
// eslint-disable-next-line max-len
'/^(([^<>()[\\]\\\\.,;:\\s@"]+(\\.[^<>()[\\]\\\\.,;:\\s@"]+)*)|(".+"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/',
text: 'email(邮箱)'
},
{
value: '/^(?:(?:\\d{3}-)?\\d{8}|^(?:\\d{4}-)?\\d{7,8})(?:-\\d+)?$/',
text: '座机'
},
{
value: '/^[1-9]\\d{5}(?:18|19|20)\\d{2}(?:0[1-9]|10|11|12)(?:0[1-9]|[1-2]\\d|30|31)\\d{3}[\\dXx]$/',
text: '身份证号'
},
{
value: '/(^[EeKkGgDdSsPpHh]\\d{8}$)|(^(([Ee][a-fA-F])|([DdSsPp][Ee])|([Kk][Jj])|([Mm][Aa])|(1[45]))\\d{7}$)/',
text: '护照'
},
{
value:
// eslint-disable-next-line max-len
'/^(?:[\u3400-\u4DB5\u4E00-\u9FEA\uFA0E\uFA0F\uFA11\uFA13\uFA14\uFA1F\uFA21\uFA23\uFA24\uFA27-\uFA29]|[\uD840-\uD868\uD86A-\uD86C\uD86F-\uD872\uD874-\uD879][\uDC00-\uDFFF]|\uD869[\uDC00-\uDED6\uDF00-\uDFFF]|\uD86D[\uDC00-\uDF34\uDF40-\uDFFF]|\uD86E[\uDC00-\uDC1D\uDC20-\uDFFF]|\uD873[\uDC00-\uDEA1\uDEB0-\uDFFF]|\uD87A[\uDC00-\uDFE0])+$/',
text: '中文汉字'
},
{
value: '/^\\d+\\.\\d+$/',
text: '小数'
},
{
value: '/^\\d{1,}$/',
text: '数字'
},
{
value: '/^[1-9][0-9]{4,10}$/',
text: 'qq号'
},
{
value: '/^[A-Za-z0-9]+$/',
text: '数字字母组合'
},
{
value: '/^[a-zA-Z]+$/',
text: '英文字母'
},
{
value: '/^[a-z]+$/',
text: '小写英文字母'
},
{
value: '/^[A-Z]+$/',
text: '大写英文字母'
},
{
value: '/^[a-zA-Z0-9_-]{4,16}$/',
text: '用户名校验，4到16位（字母，数字，下划线，减号）'
},
{
value: '/^#?([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/',
text: '16进制颜色'
},
{
value: '/^[a-zA-Z][-_a-zA-Z0-9]{5,19}$/',
text: '微信号'
},
{
value: '/^(0[1-7]|1[0-356]|2[0-7]|3[0-6]|4[0-7]|5[1-7]|6[1-7]|7[0-5]|8[013-6])\\d{4}$/',
text: '邮政编码(中国)'
},
{
value: '/^[^A-Za-z]*$/',
text: '不能包含字母'
},
{
value: '/^\\+?[1-9]\\d*$/',
text: '正整数，不包含0'
},
{
value: '/^-[1-9]\\d*$/',
text: '负整数，不包含0'
},
{
value: '/^-?[0-9]\\d*$/',
text: '整数'
},
{
value: '/^(-?\\d+)(\\.\\d+)?$/',
text: '浮点数'
},
{
value: '/^[A-Za-z0-9\u4e00-\u9fa5]+@[a-zA-Z0-9_-]+(\\.[a-zA-Z0-9_-]+)+$/',
text: 'email(支持中文邮箱)'
}
])
// 获取祖先组件的状态
const { formConfig } = useFormDesignState()
// 抽离 currentItem
/**
* 添加正则校验，判断当前组件的rules是不是数组，如果不是数组，使用set方法重置成数组，然后添加正则校验
*/
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) => {
remove(formConfig.value.currentItem!.rules as Array<any>, index)
if (formConfig.value.currentItem!.rules?.length === 0) delete formConfig.value.currentItem!['rules']
}
return { addRules, removeRule, formConfig, patternDataSource }
const patternDataSource = ref([
{
value: '/^(?:(?:\\+|00)86)?1[3-9]\\d{9}$/',
text: '手机号码'
},
{
value: '/^((ht|f)tps?:\\/\\/)?[\\w-]+(\\.[\\w-]+)+:\\d{1,5}\\/?$/',
text: '网址带端口号'
},
{
value: '/^(((ht|f)tps?):\\/\\/)?[\\w-]+(\\.[\\w-]+)+([\\w.,@?^=%&:/~+#-\\(\\)]*[\\w@?^=%&/~+#-\\(\\)])?$/',
text: '网址带参数'
},
{
value: '/^[0-9A-HJ-NPQRTUWXY]{2}\\d{6}[0-9A-HJ-NPQRTUWXY]{10}$/',
text: '统一社会信用代码'
},
{
value: '/^(s[hz]|S[HZ])(000[\\d]{3}|002[\\d]{3}|300[\\d]{3}|600[\\d]{3}|60[\\d]{4})$/',
text: '股票代码'
},
{
value: '/^([a-f\\d]{32}|[A-F\\d]{32})$/',
text: 'md5格式（32位）'
},
{
value: '/^[a-f\\d]{4}(?:[a-f\\d]{4}-){4}[a-f\\d]{12}$/i',
text: 'GUID/UUID'
},
{
value: '/^\\d+(?:\\.\\d+){2}$/',
text: '版本号（x.y.z）格式'
},
{
value: '/^https?:\\/\\/(.+\\/)+.+(\\.(swf|avi|flv|mpg|rm|mov|wav|asf|3gp|mkv|rmvb|mp4))$/i',
text: '视频链接地址'
},
{
value: '/^https?:\\/\\/(.+\\/)+.+(\\.(gif|png|jpg|jpeg|webp|svg|psd|bmp|tif))$/i',
text: '图片链接地址'
},
{
value: '/^-?\\d+(,\\d{3})*(\\.\\d{1,2})?$/',
text: '数字/货币金额（支持负数、千分位分隔符）'
},
{
value: '/(?:^[1-9]([0-9]+)?(?:\\.[0-9]{1,2})?$)|(?:^(?:0)$)|(?:^[0-9]\\.[0-9](?:[0-9])?$)/',
text: '数字/货币金额'
},
{
value: '/^[1-9]\\d{9,29}$/',
text: '银行卡号'
},
{
value: '/^(?:[\u4e00-\u9fa5·]{2,16})$/',
text: '中文姓名'
},
{
value: '/(^[a-zA-Z][a-zA-Z\\s]{0,20}[a-zA-Z]$)/',
text: '英文姓名'
},
{
value:
// eslint-disable-next-line max-len
'/^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领][A-HJ-NP-Z](?:((\\d{5}[A-HJK])|([A-HJK][A-HJ-NP-Z0-9][0-9]{4}))|[A-HJ-NP-Z0-9]{4}[A-HJ-NP-Z0-9挂学警港澳])$/',
text: '车牌号(新能源)'
},
{
value: '/^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领][A-HJ-NP-Z][A-HJ-NP-Z0-9]{4}[A-HJ-NP-Z0-9挂学警港澳]$/',
text: '车牌号(非新能源)'
},
{
value: '/^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领][A-HJ-NP-Z][A-HJ-NP-Z0-9]{4,5}[A-HJ-NP-Z0-9挂学警港澳]$/',
text: '车牌号(新能源+非新能源)'
},
{
value:
// eslint-disable-next-line max-len
'/^(([^<>()[\\]\\\\.,;:\\s@"]+(\\.[^<>()[\\]\\\\.,;:\\s@"]+)*)|(".+"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/',
text: 'email(邮箱)'
},
{
value: '/^(?:(?:\\d{3}-)?\\d{8}|^(?:\\d{4}-)?\\d{7,8})(?:-\\d+)?$/',
text: '座机'
},
{
value: '/^[1-9]\\d{5}(?:18|19|20)\\d{2}(?:0[1-9]|10|11|12)(?:0[1-9]|[1-2]\\d|30|31)\\d{3}[\\dXx]$/',
text: '身份证号'
},
{
value: '/(^[EeKkGgDdSsPpHh]\\d{8}$)|(^(([Ee][a-fA-F])|([DdSsPp][Ee])|([Kk][Jj])|([Mm][Aa])|(1[45]))\\d{7}$)/',
text: '护照'
},
{
value:
// eslint-disable-next-line max-len
'/^(?:[\u3400-\u4DB5\u4E00-\u9FEA\uFA0E\uFA0F\uFA11\uFA13\uFA14\uFA1F\uFA21\uFA23\uFA24\uFA27-\uFA29]|[\uD840-\uD868\uD86A-\uD86C\uD86F-\uD872\uD874-\uD879][\uDC00-\uDFFF]|\uD869[\uDC00-\uDED6\uDF00-\uDFFF]|\uD86D[\uDC00-\uDF34\uDF40-\uDFFF]|\uD86E[\uDC00-\uDC1D\uDC20-\uDFFF]|\uD873[\uDC00-\uDEA1\uDEB0-\uDFFF]|\uD87A[\uDC00-\uDFE0])+$/',
text: '中文汉字'
},
{
value: '/^\\d+\\.\\d+$/',
text: '小数'
},
{
value: '/^\\d{1,}$/',
text: '数字'
},
{
value: '/^[1-9][0-9]{4,10}$/',
text: 'qq号'
},
{
value: '/^[A-Za-z0-9]+$/',
text: '数字字母组合'
},
{
value: '/^[a-zA-Z]+$/',
text: '英文字母'
},
{
value: '/^[a-z]+$/',
text: '小写英文字母'
},
{
value: '/^[A-Z]+$/',
text: '大写英文字母'
},
{
value: '/^[a-zA-Z0-9_-]{4,16}$/',
text: '用户名校验，4到16位（字母，数字，下划线，减号）'
},
{
value: '/^#?([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/',
text: '16进制颜色'
},
{
value: '/^[a-zA-Z][-_a-zA-Z0-9]{5,19}$/',
text: '微信号'
},
{
value: '/^(0[1-7]|1[0-356]|2[0-7]|3[0-6]|4[0-7]|5[1-7]|6[1-7]|7[0-5]|8[013-6])\\d{4}$/',
text: '邮政编码(中国)'
},
{
value: '/^[^A-Za-z]*$/',
text: '不能包含字母'
},
{
value: '/^\\+?[1-9]\\d*$/',
text: '正整数，不包含0'
},
{
value: '/^-[1-9]\\d*$/',
text: '负整数，不包含0'
},
{
value: '/^-?[0-9]\\d*$/',
text: '整数'
},
{
value: '/^(-?\\d+)(\\.\\d+)?$/',
text: '浮点数'
},
{
value: '/^[A-Za-z0-9\u4e00-\u9fa5]+@[a-zA-Z0-9_-]+(\\.[a-zA-Z0-9_-]+)+$/',
text: 'email(支持中文邮箱)'
}
})
])
</script>
<style lang="less" scoped>

2
src/components/Table/src/hooks/useRender.ts
Unescape View File

@ -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'

2
src/views/mp/components/WxLocation/index.vue
Unescape View File

@ -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: {

4
src/views/mp/freePublish/index.vue
Unescape View File

@ -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'

1
src/views/pay/submit/index.vue
Unescape View File

@ -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'