update

web-vue-admin/.history/src/api/index_20220715153242.ts

+import request from "@/utils/request";
+// const Login = (params:any)=>{
+//     request({
+//         url: "/log",
+//         params
+//     });
+
+// }
+ 
+export const getRouters = async () => {
+ return  await request({
+    url: "/init/list-menus",
+    method:'post',
+  });
+};
+
+export const createRegister = async(params: any)=>{
+  return  await request({
+    url: "/user/register",
+    method:'post',
+    params,
+  });
+}
+
+export const onLogin = async(data: any)=>{
+  return  await request({
+    url: "/pub/login",
+    method:'post',
+    data,
+  });
+}
+// /aaa/tt
+export const onTest = async(data: any)=>{
+  return  await request({
+    url: "/aaa/tt",
+    method:'post',
+    data,
+  });
+}
+export const payConfigGetSearch = async(id:number)=>{
+  return  await request({
+    url: `/pay/select?uid=${id}`,
+    method:'post',
+  });
+} 
+
+export const onZfbPay = async(data:any)=>{
+  return  await request({
+    url: `/pay/createali`,
+    method:'post',
+    data
+  });
+} 
+
+export const onWxPay = async(data:any)=>{
+  return  await request({
+    url: `/pay/createwx`,
+    method:'post',
+    data
+  });
+} 
+
+export const getPaySelect = async(uid:any)=>{
+  return  await request({
+    url: `/pay/select?uid=${uid}`,
+    method:'post',
+  });
+} 
+export const onUpdate = async(data:any)=>{
+  return  await request({
+    url: `/pay/updateali`,
+    method:'post',
+    data
+  });
+}
+
+export const onUpdateWX = async(data:any)=>{
+  return  await request({
+    url: `/pay/updatewx`,
+    method:'post',
+    data
+  });
+} 
+export const onSearchSelectrealmName = async(uid:any)=>{
+  return  await request({
+    url: `/pay/selectrealmname?uid=${uid}`,
+    method:'post',
+  });
+} 
+
+export const onCreaterealmName = async(data:any)=>{
+  return  await request({
+    url: `/pay/createrealmname`,
+    method:'post',
+    data
+  });
+} 
+
+export const onUpdaterealmName = async(data:any)=>{
+  return  await request({
+    url: `/pay/updaterealmname`,
+    method:'post',
+    data
+  });
+} 
+
+export const onCreateGoods = async(data:any)=>{
+  return  await request({
+    url: `/goods/creategoods`,
+    method:'post',
+    data
+  });
+} 
+
+export const onfindAli = async(uid:any)=>{
+  return  await request({
+    url: `/pay/findAli?uid=${uid}`,
+    method:'post',
+  });
+} 
+
+export const onfindWX = async(uid:any)=>{
+  return  await request({
+    url: `/pay/findWX?uid=${uid}`,
+    method:'post',
+  });
+} 
+export const onSelectGoods = async(uid:any)=>{
+  return  await request({
+    url: `/goods/select?uid=${uid}`,
+    method:'post',
+  });
+} 
+
+
+export const onfindby = async(params:any)=>{
+  return  await request({
+    url: `/goods/findbylikename?uid=${params.uid}&name=${params.name}&status=${params.status}`,
+    method:'post',
+  });
+} 
+export const onCreateGoods = async(data:any)=>{
+  return  await request({
+    url: `/goods/creategoodspay`,
+    method:'post',
+    data
+  });
+} 
+
+// /goods/creategoodspay
+
+// /goods/select
+// /pay/findAli
+
+// /goods/creategoods
+
+
+// /pay/createrealmname
+
+// /user/register
\ No newline at end of file

web-vue-admin/.history/src/api/index_20220715153249.ts

+import request from "@/utils/request";
+// const Login = (params:any)=>{
+//     request({
+//         url: "/log",
+//         params
+//     });
+
+// }
+ 
+export const getRouters = async () => {
+ return  await request({
+    url: "/init/list-menus",
+    method:'post',
+  });
+};
+
+export const createRegister = async(params: any)=>{
+  return  await request({
+    url: "/user/register",
+    method:'post',
+    params,
+  });
+}
+
+export const onLogin = async(data: any)=>{
+  return  await request({
+    url: "/pub/login",
+    method:'post',
+    data,
+  });
+}
+// /aaa/tt
+export const onTest = async(data: any)=>{
+  return  await request({
+    url: "/aaa/tt",
+    method:'post',
+    data,
+  });
+}
+export const payConfigGetSearch = async(id:number)=>{
+  return  await request({
+    url: `/pay/select?uid=${id}`,
+    method:'post',
+  });
+} 
+
+export const onZfbPay = async(data:any)=>{
+  return  await request({
+    url: `/pay/createali`,
+    method:'post',
+    data
+  });
+} 
+
+export const onWxPay = async(data:any)=>{
+  return  await request({
+    url: `/pay/createwx`,
+    method:'post',
+    data
+  });
+} 
+
+export const getPaySelect = async(uid:any)=>{
+  return  await request({
+    url: `/pay/select?uid=${uid}`,
+    method:'post',
+  });
+} 
+export const onUpdate = async(data:any)=>{
+  return  await request({
+    url: `/pay/updateali`,
+    method:'post',
+    data
+  });
+}
+
+export const onUpdateWX = async(data:any)=>{
+  return  await request({
+    url: `/pay/updatewx`,
+    method:'post',
+    data
+  });
+} 
+export const onSearchSelectrealmName = async(uid:any)=>{
+  return  await request({
+    url: `/pay/selectrealmname?uid=${uid}`,
+    method:'post',
+  });
+} 
+
+export const onCreaterealmName = async(data:any)=>{
+  return  await request({
+    url: `/pay/createrealmname`,
+    method:'post',
+    data
+  });
+} 
+
+export const onUpdaterealmName = async(data:any)=>{
+  return  await request({
+    url: `/pay/updaterealmname`,
+    method:'post',
+    data
+  });
+} 
+
+export const onCreateGoods = async(data:any)=>{
+  return  await request({
+    url: `/goods/creategoods`,
+    method:'post',
+    data
+  });
+} 
+
+export const onfindAli = async(uid:any)=>{
+  return  await request({
+    url: `/pay/findAli?uid=${uid}`,
+    method:'post',
+  });
+} 
+
+export const onfindWX = async(uid:any)=>{
+  return  await request({
+    url: `/pay/findWX?uid=${uid}`,
+    method:'post',
+  });
+} 
+export const onSelectGoods = async(uid:any)=>{
+  return  await request({
+    url: `/goods/select?uid=${uid}`,
+    method:'post',
+  });
+} 
+
+
+export const onfindby = async(params:any)=>{
+  return  await request({
+    url: `/goods/findbylikename?uid=${params.uid}&name=${params.name}&status=${params.status}`,
+    method:'post',
+  });
+} 
+export const onCreateGoodsPa = async(data:any)=>{
+  return  await request({
+    url: `/goods/creategoodspay`,
+    method:'post',
+    data
+  });
+} 
+
+// /goods/creategoodspay
+
+// /goods/select
+// /pay/findAli
+
+// /goods/creategoods
+
+
+// /pay/createrealmname
+
+// /user/register
\ No newline at end of file

web-vue-admin/.history/src/api/index_20220715153312.ts

+import request from "@/utils/request";
+// const Login = (params:any)=>{
+//     request({
+//         url: "/log",
+//         params
+//     });
+
+// }
+ 
+export const getRouters = async () => {
+ return  await request({
+    url: "/init/list-menus",
+    method:'post',
+  });
+};
+
+export const createRegister = async(params: any)=>{
+  return  await request({
+    url: "/user/register",
+    method:'post',
+    params,
+  });
+}
+
+export const onLogin = async(data: any)=>{
+  return  await request({
+    url: "/pub/login",
+    method:'post',
+    data,
+  });
+}
+// /aaa/tt
+export const onTest = async(data: any)=>{
+  return  await request({
+    url: "/aaa/tt",
+    method:'post',
+    data,
+  });
+}
+export const payConfigGetSearch = async(id:number)=>{
+  return  await request({
+    url: `/pay/select?uid=${id}`,
+    method:'post',
+  });
+} 
+
+export const onZfbPay = async(data:any)=>{
+  return  await request({
+    url: `/pay/createali`,
+    method:'post',
+    data
+  });
+} 
+
+export const onWxPay = async(data:any)=>{
+  return  await request({
+    url: `/pay/createwx`,
+    method:'post',
+    data
+  });
+} 
+
+export const getPaySelect = async(uid:any)=>{
+  return  await request({
+    url: `/pay/select?uid=${uid}`,
+    method:'post',
+  });
+} 
+export const onUpdate = async(data:any)=>{
+  return  await request({
+    url: `/pay/updateali`,
+    method:'post',
+    data
+  });
+}
+
+export const onUpdateWX = async(data:any)=>{
+  return  await request({
+    url: `/pay/updatewx`,
+    method:'post',
+    data
+  });
+} 
+export const onSearchSelectrealmName = async(uid:any)=>{
+  return  await request({
+    url: `/pay/selectrealmname?uid=${uid}`,
+    method:'post',
+  });
+} 
+
+export const onCreaterealmName = async(data:any)=>{
+  return  await request({
+    url: `/pay/createrealmname`,
+    method:'post',
+    data
+  });
+} 
+
+export const onUpdaterealmName = async(data:any)=>{
+  return  await request({
+    url: `/pay/updaterealmname`,
+    method:'post',
+    data
+  });
+} 
+
+export const onCreateGoods = async(data:any)=>{
+  return  await request({
+    url: `/goods/creategoods`,
+    method:'post',
+    data
+  });
+} 
+
+export const onfindAli = async(uid:any)=>{
+  return  await request({
+    url: `/pay/findAli?uid=${uid}`,
+    method:'post',
+  });
+} 
+
+export const onfindWX = async(uid:any)=>{
+  return  await request({
+    url: `/pay/findWX?uid=${uid}`,
+    method:'post',
+  });
+} 
+export const onSelectGoods = async(uid:any)=>{
+  return  await request({
+    url: `/goods/select?uid=${uid}`,
+    method:'post',
+  });
+} 
+
+
+export const onfindby = async(params:any)=>{
+  return  await request({
+    url: `/goods/findbylikename?uid=${params.uid}&name=${params.name}&status=${params.status}`,
+    method:'post',
+  });
+} 
+
+// /goods/creategoodspay
+
+// /goods/select
+// /pay/findAli
+
+// /goods/creategoods
+
+
+// /pay/createrealmname
+
+// /user/register
\ No newline at end of file

web-vue-admin/.history/src/api/index_20220715153802.ts

+import request from "@/utils/request";
+// const Login = (params:any)=>{
+//     request({
+//         url: "/log",
+//         params
+//     });
+
+// }
+ 
+export const getRouters = async () => {
+ return  await request({
+    url: "/init/list-menus",
+    method:'post',
+  });
+};
+
+export const createRegister = async(params: any)=>{
+  return  await request({
+    url: "/user/register",
+    method:'post',
+    params,
+  });
+}
+
+export const onLogin = async(data: any)=>{
+  return  await request({
+    url: "/pub/login",
+    method:'post',
+    data,
+  });
+}
+// /aaa/tt
+export const onTest = async(data: any)=>{
+  return  await request({
+    url: "/aaa/tt",
+    method:'post',
+    data,
+  });
+}
+export const payConfigGetSearch = async(id:number)=>{
+  return  await request({
+    url: `/pay/select?uid=${id}`,
+    method:'post',
+  });
+} 
+
+export const onZfbPay = async(data:any)=>{
+  return  await request({
+    url: `/pay/createali`,
+    method:'post',
+    data
+  });
+} 
+
+export const onWxPay = async(data:any)=>{
+  return  await request({
+    url: `/pay/createwx`,
+    method:'post',
+    data
+  });
+} 
+
+export const getPaySelect = async(uid:any)=>{
+  return  await request({
+    url: `/pay/select?uid=${uid}`,
+    method:'post',
+  });
+} 
+export const onUpdate = async(data:any)=>{
+  return  await request({
+    url: `/pay/updateali`,
+    method:'post',
+    data
+  });
+}
+
+export const onUpdateWX = async(data:any)=>{
+  return  await request({
+    url: `/pay/updatewx`,
+    method:'post',
+    data
+  });
+} 
+export const onSearchSelectrealmName = async(uid:any)=>{
+  return  await request({
+    url: `/pay/selectrealmname?uid=${uid}`,
+    method:'post',
+  });
+} 
+
+export const onCreaterealmName = async(data:any)=>{
+  return  await request({
+    url: `/pay/createrealmname`,
+    method:'post',
+    data
+  });
+} 
+
+export const onUpdaterealmName = async(data:any)=>{
+  return  await request({
+    url: `/pay/updaterealmname`,
+    method:'post',
+    data
+  });
+} 
+
+export const onCreateGoods = async(data:any)=>{
+  return  await request({
+    url: `/goods/creategoods`,
+    method:'post',
+    data
+  });
+} 
+
+export const onfindAli = async(uid:any)=>{
+  return  await request({
+    url: `/pay/findAli?uid=${uid}`,
+    method:'post',
+  });
+} 
+
+export const onfindWX = async(uid:any)=>{
+  return  await request({
+    url: `/pay/findWX?uid=${uid}`,
+    method:'post',
+  });
+} 
+export const onSelectGoods = async(uid:any)=>{
+  return  await request({
+    url: `/goods/select?uid=${uid}`,
+    method:'post',
+  });
+} 
+
+
+export const onfindby = async(params:any)=>{
+  return  await request({
+    url: `/goods/findbylikename?uid=${params.uid}&name=${params.name}&status=${params.status}`,
+    method:'post',
+  });
+} 
+export const onCreateGoodsPay = async(data:any)=>{
+  return  await request({
+    url: `/goods/creategoodspay`,
+    method:'post',
+    data
+  });
+} 
+
+// /goods/creategoodspay
+
+// /goods/select
+// /pay/findAli
+
+// /goods/creategoods
+
+
+// /pay/createrealmname
+
+// /user/register
\ No newline at end of file

web-vue-admin/.history/src/views/pay-list/components/createpay/index_20220715093512.vue

+<template>
+    <div class="page">
+        <!-- {{props.props.propsData.isCad}} -->
+        <div class="title">支付项目信息</div>
+        <a-form style="margin-top: 30px" :model="formState" name="basic" 
+            :wrapper-col="{ span: 8 }" autocomplete="off">
+            <a-form-item label="选择商品"  :wrapper-col="{ offset: 0,  }" name="subject" :rules="rulesRef.subject"
+                :label-col="{ span: 2  }" labelAlign="left"> 
+                <div style="width:100%;display: flex;align-items: center;">
+                    <a-select v-model:value="formState.subject" mode="multiple" style="width: 100%" placeholder="请选择商品" >
+                        <a-select-option v-for="item in optionss" :itemKey="item" :value="item.goodsid"
+                            :label="item.goodsid">
+                            {{ item.subject }}
+                        </a-select-option>
+                    </a-select>
+                </div>
+            </a-form-item>
+            <a-form-item label="商品描述" name="shortname"  :label-col="{ span: 2}"  labelAlign="left">
+                <a-input v-model:value="formState.shortname" placeholder="请输入商品描述" />
+            </a-form-item>
+            <a-form-item label="支付金额" name="price"  :label-col="{ span: 2  }" labelAlign="left">
+                <a-radio-group v-model:value="formState.payment" name="radioGroup" class="pay">
+                    <a-radio value="1">商品默认金额</a-radio>
+                    <a-radio value="2">自定义金额</a-radio>
+                </a-radio-group>
+            </a-form-item>
+            <a-form-item label="支付渠道" name="price" :rules="rulesRef.qudao" :label-col="{ span: 2  }" labelAlign="left">
+                <a-radio-group v-model:value="value" name="radioGroup" class="pay">
+                    <a-radio value="1">微信</a-radio>
+                    <a-radio value="2">支付宝</a-radio>
+                    <a-radio value="3">京东白条</a-radio>
+                    <a-radio value="4">花呗</a-radio>
+                    <a-radio value="5">银联</a-radio>
+                </a-radio-group>
+            </a-form-item>
+            <a-form-item label="支付前填写手机号" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left">
+                <a-switch v-model:checked="checked" />
+            </a-form-item>
+             <a-form-item label="开始时间" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left">
+                      <a-date-picker v-model:value="value1" />
+            </a-form-item>
+             <a-form-item label="结束时间" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left"> 
+                      <a-date-picker v-model:value="value1" />
+            </a-form-item>
+             <a-form-item label="信息备注" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left">
+                 <a-input v-model:value="value" placeholder="Basic usage" />
+            </a-form-item>
+            <a-form-item :wrapper-col="{ offset: 0, span: 8 }">
+                <a-button type="primary" html-type="submit" @click="onSubmit">确定</a-button>
+            </a-form-item>
+        </a-form>
+    </div>
+</template>
+<script lang="ts" setup>
+import { reactive, ref, defineEmits, defineExpose, toRaw, onMounted, } from "vue";
+import { message, UploadProps, Upload } from "ant-design-vue";
+import { Form } from 'ant-design-vue';
+import { onCreateGoods, onSelectGoods } from '@/api/index'
+import { getUid } from "@/utils/userInfo";
+import type { Dayjs } from 'dayjs';
+const useForm = Form.useForm;
+interface FormState {
+    subject: any,
+    shortname:string,
+    payment:string
+}
+const optionss = ref([])
+const props = defineProps();
+const emit = defineEmits(['onBack']);
+const formState = reactive<FormState>({
+    subject: [],
+    shortname:'',
+    payment:''
+});
+const rulesRef = reactive({
+    subject: [
+        {
+            required: true,
+            message: '请输入商品名称!',
+        },
+    ],
+
+});
+const { resetFields, validate } = useForm(formState, rulesRef);
+
+const onSubmit = () => {
+    validate()
+        .then(async () => {
+
+        })
+        .catch(err => {
+            console.log('error', err);
+        });
+
+};
+onMounted(async () => {
+    const uid = getUid()
+    const data = await onSelectGoods(uid)
+    optionss.value = data.data
+    return optionss
+})
+
+defineExpose({
+    optionss,
+    value1: ref<Dayjs>(),
+});
+
+</script>
+<style lang="less" scoped>
+.page {
+    width: 100%;
+
+    .title {
+        padding-top: 20px;
+        text-align: left;
+    }
+    .pay{
+        display: flex;
+        flex-direction: column;
+        .ant-radio-wrapper{
+            height: 40px;
+        }
+    }
+}
+</style>

web-vue-admin/.history/src/views/pay-list/components/createpay/index_20220715093514.vue

+<template>
+    <div class="page">
+        <!-- {{props.props.propsData.isCad}} -->
+        <div class="title">支付项目信息</div>
+        <a-form style="margin-top: 30px" :model="formState" name="basic" 
+            :wrapper-col="{ span: 8 }" autocomplete="off">
+            <a-form-item label="选择商品"  :wrapper-col="{ offset: 0,  }" name="subject" :rules="rulesRef.subject"
+                :label-col="{ span: 2  }" labelAlign="left"> 
+                <div style="width:100%;display: flex;align-items: center;">
+                    <a-select v-model:value="formState.subject" mode="multiple" style="width: 100%" placeholder="请选择商品" >
+                        <a-select-option v-for="item in optionss" :itemKey="item" :value="item.goodsid"
+                            :label="item.goodsid">
+                            {{ item.subject }}
+                        </a-select-option>
+                    </a-select>
+                </div>
+            </a-form-item>
+            <a-form-item label="商品描述" name="shortname"  :label-col="{ span: 2}"  labelAlign="left">
+                <a-input v-model:value="formState.shortname" placeholder="请输入商品描述" />
+            </a-form-item>
+            <a-form-item label="支付金额" name="price"  :label-col="{ span: 2  }" labelAlign="left">
+                <a-radio-group v-model:value="formState.payment" name="radioGroup" class="pay">
+                    <a-radio value="1">商品默认金额</a-radio>
+                    <a-radio value="2">自定义金额</a-radio>
+                </a-radio-group>
+            </a-form-item>
+            <a-form-item label="支付渠道" name="price" :rules="rulesRef.qudao" :label-col="{ span: 2  }" labelAlign="left">
+                <a-radio-group v-model:value="value" name="radioGroup" class="pay">
+                    <a-radio value="1">微信</a-radio>
+                    <a-radio value="2">支付宝</a-radio>
+                    <a-radio value="3">京东白条</a-radio>
+                    <a-radio value="4">花呗</a-radio>
+                    <a-radio value="5">银联</a-radio>
+                </a-radio-group>
+            </a-form-item>
+            <a-form-item label="支付前填写手机号" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left">
+                <a-switch v-model:checked="checked" />
+            </a-form-item>
+             <a-form-item label="开始时间" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left">
+                      <a-date-picker v-model:value="value1" />
+            </a-form-item>
+             <a-form-item label="结束时间" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left"> 
+                      <a-date-picker v-model:value="value1" />
+            </a-form-item>
+             <a-form-item label="信息备注" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left">
+                 <a-input v-model:value="value" placeholder="Basic usage" />
+            </a-form-item>
+            <a-form-item :wrapper-col="{ offset: 0, span: 8 }">
+                <a-button type="primary" html-type="submit" @click="onSubmit">确定</a-button>
+            </a-form-item>
+        </a-form>
+    </div>
+</template>
+<script lang="ts" setup>
+import { reactive, ref, defineEmits, defineExpose, toRaw, onMounted, } from "vue";
+import { message, UploadProps, Upload } from "ant-design-vue";
+import { Form } from 'ant-design-vue';
+import { onCreateGoods, onSelectGoods } from '@/api/index'
+import { getUid } from "@/utils/userInfo";
+import type { Dayjs } from 'dayjs';
+const useForm = Form.useForm;
+interface FormState {
+    subject: any,
+    shortname:string,
+    payment:string
+}
+const optionss = ref([])
+const props = defineProps();
+const emit = defineEmits(['onBack']);
+const formState = reactive<FormState>({
+    subject: [],
+    shortname:'',
+    payment:''
+});
+const rulesRef = reactive({
+    subject: [
+        {
+            required: true,
+            message: '请输入商品名称!',
+        },
+    ],
+
+});
+const { resetFields, validate } = useForm(formState, rulesRef);
+
+const onSubmit = () => {
+    validate()
+        .then(async () => {
+
+        })
+        .catch(err => {
+            console.log('error', err);
+        });
+
+};
+onMounted(async () => {
+    const uid = getUid()
+    const data = await onSelectGoods(uid)
+    optionss.value = data.data
+    return optionss
+})
+
+defineExpose({
+    optionss,
+    value1: ref<Dayjs>(),
+});
+
+</script>
+<style lang="less" scoped>
+.page {
+    width: 100%;
+
+    .title {
+        padding-top: 20px;
+        text-align: left;
+    }
+    .pay{
+        display: flex;
+        flex-direction: column;
+        .ant-radio-wrapper{
+            height: 40px;
+        }
+    }
+}
+</style>

web-vue-admin/.history/src/views/pay-list/components/createpay/index_20220715093521.vue

+<template>
+    <div class="page">
+        <!-- {{props.props.propsData.isCad}} -->
+        <div class="title">支付项目信息</div>
+        <a-form style="margin-top: 30px" :model="formState" name="basic" 
+            :wrapper-col="{ span: 8 }" autocomplete="off">
+            <a-form-item label="选择商品"  :wrapper-col="{ offset: 0, span: 4 }" name="subject" :rules="rulesRef.subject"
+                :label-col="{ span: 2  }" labelAlign="left"> 
+                <div style="width:100%;display: flex;align-items: center;">
+                    <a-select v-model:value="formState.subject" mode="multiple" style="width: 100%" placeholder="请选择商品" >
+                        <a-select-option v-for="item in optionss" :itemKey="item" :value="item.goodsid"
+                            :label="item.goodsid">
+                            {{ item.subject }}
+                        </a-select-option>
+                    </a-select>
+                </div>
+            </a-form-item>
+            <a-form-item label="商品描述" name="shortname"  :label-col="{ span: 2}"  labelAlign="left">
+                <a-input v-model:value="formState.shortname" placeholder="请输入商品描述" />
+            </a-form-item>
+            <a-form-item label="支付金额" name="price"  :label-col="{ span: 2  }" labelAlign="left">
+                <a-radio-group v-model:value="formState.payment" name="radioGroup" class="pay">
+                    <a-radio value="1">商品默认金额</a-radio>
+                    <a-radio value="2">自定义金额</a-radio>
+                </a-radio-group>
+            </a-form-item>
+            <a-form-item label="支付渠道" name="price" :rules="rulesRef.qudao" :label-col="{ span: 2  }" labelAlign="left">
+                <a-radio-group v-model:value="value" name="radioGroup" class="pay">
+                    <a-radio value="1">微信</a-radio>
+                    <a-radio value="2">支付宝</a-radio>
+                    <a-radio value="3">京东白条</a-radio>
+                    <a-radio value="4">花呗</a-radio>
+                    <a-radio value="5">银联</a-radio>
+                </a-radio-group>
+            </a-form-item>
+            <a-form-item label="支付前填写手机号" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left">
+                <a-switch v-model:checked="checked" />
+            </a-form-item>
+             <a-form-item label="开始时间" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left">
+                      <a-date-picker v-model:value="value1" />
+            </a-form-item>
+             <a-form-item label="结束时间" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left"> 
+                      <a-date-picker v-model:value="value1" />
+            </a-form-item>
+             <a-form-item label="信息备注" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left">
+                 <a-input v-model:value="value" placeholder="Basic usage" />
+            </a-form-item>
+            <a-form-item :wrapper-col="{ offset: 0, span: 8 }">
+                <a-button type="primary" html-type="submit" @click="onSubmit">确定</a-button>
+            </a-form-item>
+        </a-form>
+    </div>
+</template>
+<script lang="ts" setup>
+import { reactive, ref, defineEmits, defineExpose, toRaw, onMounted, } from "vue";
+import { message, UploadProps, Upload } from "ant-design-vue";
+import { Form } from 'ant-design-vue';
+import { onCreateGoods, onSelectGoods } from '@/api/index'
+import { getUid } from "@/utils/userInfo";
+import type { Dayjs } from 'dayjs';
+const useForm = Form.useForm;
+interface FormState {
+    subject: any,
+    shortname:string,
+    payment:string
+}
+const optionss = ref([])
+const props = defineProps();
+const emit = defineEmits(['onBack']);
+const formState = reactive<FormState>({
+    subject: [],
+    shortname:'',
+    payment:''
+});
+const rulesRef = reactive({
+    subject: [
+        {
+            required: true,
+            message: '请输入商品名称!',
+        },
+    ],
+
+});
+const { resetFields, validate } = useForm(formState, rulesRef);
+
+const onSubmit = () => {
+    validate()
+        .then(async () => {
+
+        })
+        .catch(err => {
+            console.log('error', err);
+        });
+
+};
+onMounted(async () => {
+    const uid = getUid()
+    const data = await onSelectGoods(uid)
+    optionss.value = data.data
+    return optionss
+})
+
+defineExpose({
+    optionss,
+    value1: ref<Dayjs>(),
+});
+
+</script>
+<style lang="less" scoped>
+.page {
+    width: 100%;
+
+    .title {
+        padding-top: 20px;
+        text-align: left;
+    }
+    .pay{
+        display: flex;
+        flex-direction: column;
+        .ant-radio-wrapper{
+            height: 40px;
+        }
+    }
+}
+</style>

web-vue-admin/.history/src/views/pay-list/components/createpay/index_20220715093534.vue

+<template>
+    <div class="page">
+        <!-- {{props.props.propsData.isCad}} -->
+        <div class="title">支付项目信息</div>
+        <a-form style="margin-top: 30px" :model="formState" name="basic" 
+            :wrapper-col="{ span: 8 }" autocomplete="off">
+            <a-form-item label="选择商品" name="subject" :rules="rulesRef.subject"
+                :label-col="{ span: 2  }" labelAlign="left"> 
+                <div style="width:100%;display: flex;align-items: center;">
+                    <a-select v-model:value="formState.subject" mode="multiple" style="width: 100%" placeholder="请选择商品" >
+                        <a-select-option v-for="item in optionss" :itemKey="item" :value="item.goodsid"
+                            :label="item.goodsid">
+                            {{ item.subject }}
+                        </a-select-option>
+                    </a-select>
+                </div>
+            </a-form-item>
+            <a-form-item label="商品描述" name="shortname"  :label-col="{ span: 2}"  labelAlign="left">
+                <a-input v-model:value="formState.shortname" placeholder="请输入商品描述" />
+            </a-form-item>
+            <a-form-item label="支付金额" name="price"  :label-col="{ span: 2  }" labelAlign="left">
+                <a-radio-group v-model:value="formState.payment" name="radioGroup" class="pay">
+                    <a-radio value="1">商品默认金额</a-radio>
+                    <a-radio value="2">自定义金额</a-radio>
+                </a-radio-group>
+            </a-form-item>
+            <a-form-item label="支付渠道" name="price" :rules="rulesRef.qudao" :label-col="{ span: 2  }" labelAlign="left">
+                <a-radio-group v-model:value="value" name="radioGroup" class="pay">
+                    <a-radio value="1">微信</a-radio>
+                    <a-radio value="2">支付宝</a-radio>
+                    <a-radio value="3">京东白条</a-radio>
+                    <a-radio value="4">花呗</a-radio>
+                    <a-radio value="5">银联</a-radio>
+                </a-radio-group>
+            </a-form-item>
+            <a-form-item label="支付前填写手机号" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left">
+                <a-switch v-model:checked="checked" />
+            </a-form-item>
+             <a-form-item label="开始时间" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left">
+                      <a-date-picker v-model:value="value1" />
+            </a-form-item>
+             <a-form-item label="结束时间" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left"> 
+                      <a-date-picker v-model:value="value1" />
+            </a-form-item>
+             <a-form-item label="信息备注" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left">
+                 <a-input v-model:value="value" placeholder="Basic usage" />
+            </a-form-item>
+            <a-form-item :wrapper-col="{ offset: 0, span: 8 }">
+                <a-button type="primary" html-type="submit" @click="onSubmit">确定</a-button>
+            </a-form-item>
+        </a-form>
+    </div>
+</template>
+<script lang="ts" setup>
+import { reactive, ref, defineEmits, defineExpose, toRaw, onMounted, } from "vue";
+import { message, UploadProps, Upload } from "ant-design-vue";
+import { Form } from 'ant-design-vue';
+import { onCreateGoods, onSelectGoods } from '@/api/index'
+import { getUid } from "@/utils/userInfo";
+import type { Dayjs } from 'dayjs';
+const useForm = Form.useForm;
+interface FormState {
+    subject: any,
+    shortname:string,
+    payment:string
+}
+const optionss = ref([])
+const props = defineProps();
+const emit = defineEmits(['onBack']);
+const formState = reactive<FormState>({
+    subject: [],
+    shortname:'',
+    payment:''
+});
+const rulesRef = reactive({
+    subject: [
+        {
+            required: true,
+            message: '请输入商品名称!',
+        },
+    ],
+
+});
+const { resetFields, validate } = useForm(formState, rulesRef);
+
+const onSubmit = () => {
+    validate()
+        .then(async () => {
+
+        })
+        .catch(err => {
+            console.log('error', err);
+        });
+
+};
+onMounted(async () => {
+    const uid = getUid()
+    const data = await onSelectGoods(uid)
+    optionss.value = data.data
+    return optionss
+})
+
+defineExpose({
+    optionss,
+    value1: ref<Dayjs>(),
+});
+
+</script>
+<style lang="less" scoped>
+.page {
+    width: 100%;
+
+    .title {
+        padding-top: 20px;
+        text-align: left;
+    }
+    .pay{
+        display: flex;
+        flex-direction: column;
+        .ant-radio-wrapper{
+            height: 40px;
+        }
+    }
+}
+</style>

web-vue-admin/.history/src/views/pay-list/components/createpay/index_20220715093546.vue

+<template>
+    <div class="page">
+        <!-- {{props.props.propsData.isCad}} -->
+        <div class="title">支付项目信息</div>
+        <a-form style="margin-top: 30px" :model="formState" name="basic" 
+            :wrapper-col="{ span: 4 }" autocomplete="off">
+            <a-form-item label="选择商品" name="subject" :rules="rulesRef.subject"
+                :label-col="{ span: 2  }" labelAlign="left"> 
+                <div style="width:100%;display: flex;align-items: center;">
+                    <a-select v-model:value="formState.subject" mode="multiple" style="width: 100%" placeholder="请选择商品" >
+                        <a-select-option v-for="item in optionss" :itemKey="item" :value="item.goodsid"
+                            :label="item.goodsid">
+                            {{ item.subject }}
+                        </a-select-option>
+                    </a-select>
+                </div>
+            </a-form-item>
+            <a-form-item label="商品描述" name="shortname"  :label-col="{ span: 2}"  labelAlign="left">
+                <a-input v-model:value="formState.shortname" placeholder="请输入商品描述" />
+            </a-form-item>
+            <a-form-item label="支付金额" name="price"  :label-col="{ span: 2  }" labelAlign="left">
+                <a-radio-group v-model:value="formState.payment" name="radioGroup" class="pay">
+                    <a-radio value="1">商品默认金额</a-radio>
+                    <a-radio value="2">自定义金额</a-radio>
+                </a-radio-group>
+            </a-form-item>
+            <a-form-item label="支付渠道" name="price" :rules="rulesRef.qudao" :label-col="{ span: 2  }" labelAlign="left">
+                <a-radio-group v-model:value="value" name="radioGroup" class="pay">
+                    <a-radio value="1">微信</a-radio>
+                    <a-radio value="2">支付宝</a-radio>
+                    <a-radio value="3">京东白条</a-radio>
+                    <a-radio value="4">花呗</a-radio>
+                    <a-radio value="5">银联</a-radio>
+                </a-radio-group>
+            </a-form-item>
+            <a-form-item label="支付前填写手机号" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left">
+                <a-switch v-model:checked="checked" />
+            </a-form-item>
+             <a-form-item label="开始时间" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left">
+                      <a-date-picker v-model:value="value1" />
+            </a-form-item>
+             <a-form-item label="结束时间" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left"> 
+                      <a-date-picker v-model:value="value1" />
+            </a-form-item>
+             <a-form-item label="信息备注" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left">
+                 <a-input v-model:value="value" placeholder="Basic usage" />
+            </a-form-item>
+            <a-form-item :wrapper-col="{ offset: 0, span: 8 }">
+                <a-button type="primary" html-type="submit" @click="onSubmit">确定</a-button>
+            </a-form-item>
+        </a-form>
+    </div>
+</template>
+<script lang="ts" setup>
+import { reactive, ref, defineEmits, defineExpose, toRaw, onMounted, } from "vue";
+import { message, UploadProps, Upload } from "ant-design-vue";
+import { Form } from 'ant-design-vue';
+import { onCreateGoods, onSelectGoods } from '@/api/index'
+import { getUid } from "@/utils/userInfo";
+import type { Dayjs } from 'dayjs';
+const useForm = Form.useForm;
+interface FormState {
+    subject: any,
+    shortname:string,
+    payment:string
+}
+const optionss = ref([])
+const props = defineProps();
+const emit = defineEmits(['onBack']);
+const formState = reactive<FormState>({
+    subject: [],
+    shortname:'',
+    payment:''
+});
+const rulesRef = reactive({
+    subject: [
+        {
+            required: true,
+            message: '请输入商品名称!',
+        },
+    ],
+
+});
+const { resetFields, validate } = useForm(formState, rulesRef);
+
+const onSubmit = () => {
+    validate()
+        .then(async () => {
+
+        })
+        .catch(err => {
+            console.log('error', err);
+        });
+
+};
+onMounted(async () => {
+    const uid = getUid()
+    const data = await onSelectGoods(uid)
+    optionss.value = data.data
+    return optionss
+})
+
+defineExpose({
+    optionss,
+    value1: ref<Dayjs>(),
+});
+
+</script>
+<style lang="less" scoped>
+.page {
+    width: 100%;
+
+    .title {
+        padding-top: 20px;
+        text-align: left;
+    }
+    .pay{
+        display: flex;
+        flex-direction: column;
+        .ant-radio-wrapper{
+            height: 40px;
+        }
+    }
+}
+</style>

web-vue-admin/.history/src/views/pay-list/components/createpay/index_20220715093553.vue

+<template>
+    <div class="page">
+        <!-- {{props.props.propsData.isCad}} -->
+        <div class="title">支付项目信息</div>
+        <a-form style="margin-top: 30px" :model="formState" name="basic" 
+            :wrapper-col="{ span: 2 }" autocomplete="off">
+            <a-form-item label="选择商品" name="subject" :rules="rulesRef.subject"
+                :label-col="{ span: 2  }" labelAlign="left"> 
+                <div style="width:100%;display: flex;align-items: center;">
+                    <a-select v-model:value="formState.subject" mode="multiple" style="width: 100%" placeholder="请选择商品" >
+                        <a-select-option v-for="item in optionss" :itemKey="item" :value="item.goodsid"
+                            :label="item.goodsid">
+                            {{ item.subject }}
+                        </a-select-option>
+                    </a-select>
+                </div>
+            </a-form-item>
+            <a-form-item label="商品描述" name="shortname"  :label-col="{ span: 2}"  labelAlign="left">
+                <a-input v-model:value="formState.shortname" placeholder="请输入商品描述" />
+            </a-form-item>
+            <a-form-item label="支付金额" name="price"  :label-col="{ span: 2  }" labelAlign="left">
+                <a-radio-group v-model:value="formState.payment" name="radioGroup" class="pay">
+                    <a-radio value="1">商品默认金额</a-radio>
+                    <a-radio value="2">自定义金额</a-radio>
+                </a-radio-group>
+            </a-form-item>
+            <a-form-item label="支付渠道" name="price" :rules="rulesRef.qudao" :label-col="{ span: 2  }" labelAlign="left">
+                <a-radio-group v-model:value="value" name="radioGroup" class="pay">
+                    <a-radio value="1">微信</a-radio>
+                    <a-radio value="2">支付宝</a-radio>
+                    <a-radio value="3">京东白条</a-radio>
+                    <a-radio value="4">花呗</a-radio>
+                    <a-radio value="5">银联</a-radio>
+                </a-radio-group>
+            </a-form-item>
+            <a-form-item label="支付前填写手机号" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left">
+                <a-switch v-model:checked="checked" />
+            </a-form-item>
+             <a-form-item label="开始时间" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left">
+                      <a-date-picker v-model:value="value1" />
+            </a-form-item>
+             <a-form-item label="结束时间" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left"> 
+                      <a-date-picker v-model:value="value1" />
+            </a-form-item>
+             <a-form-item label="信息备注" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left">
+                 <a-input v-model:value="value" placeholder="Basic usage" />
+            </a-form-item>
+            <a-form-item :wrapper-col="{ offset: 0, span: 8 }">
+                <a-button type="primary" html-type="submit" @click="onSubmit">确定</a-button>
+            </a-form-item>
+        </a-form>
+    </div>
+</template>
+<script lang="ts" setup>
+import { reactive, ref, defineEmits, defineExpose, toRaw, onMounted, } from "vue";
+import { message, UploadProps, Upload } from "ant-design-vue";
+import { Form } from 'ant-design-vue';
+import { onCreateGoods, onSelectGoods } from '@/api/index'
+import { getUid } from "@/utils/userInfo";
+import type { Dayjs } from 'dayjs';
+const useForm = Form.useForm;
+interface FormState {
+    subject: any,
+    shortname:string,
+    payment:string
+}
+const optionss = ref([])
+const props = defineProps();
+const emit = defineEmits(['onBack']);
+const formState = reactive<FormState>({
+    subject: [],
+    shortname:'',
+    payment:''
+});
+const rulesRef = reactive({
+    subject: [
+        {
+            required: true,
+            message: '请输入商品名称!',
+        },
+    ],
+
+});
+const { resetFields, validate } = useForm(formState, rulesRef);
+
+const onSubmit = () => {
+    validate()
+        .then(async () => {
+
+        })
+        .catch(err => {
+            console.log('error', err);
+        });
+
+};
+onMounted(async () => {
+    const uid = getUid()
+    const data = await onSelectGoods(uid)
+    optionss.value = data.data
+    return optionss
+})
+
+defineExpose({
+    optionss,
+    value1: ref<Dayjs>(),
+});
+
+</script>
+<style lang="less" scoped>
+.page {
+    width: 100%;
+
+    .title {
+        padding-top: 20px;
+        text-align: left;
+    }
+    .pay{
+        display: flex;
+        flex-direction: column;
+        .ant-radio-wrapper{
+            height: 40px;
+        }
+    }
+}
+</style>

web-vue-admin/.history/src/views/pay-list/components/createpay/index_20220715093608.vue

+<template>
+    <div class="page">
+        <!-- {{props.props.propsData.isCad}} -->
+        <div class="title">支付项目信息</div>
+        <a-form style="margin-top: 30px" :model="formState" name="basic" 
+            :wrapper-col="{ span: 2 }" autocomplete="off">
+            <a-form-item label="选择商品" name="subject" :rules="rulesRef.subject"
+                :label-col="{ span: 2  }" labelAlign="left"> 
+                <div style="width:100%;display: flex;align-items: center;">
+                    <a-select v-model:value="formState.subject" mode="multiple" style="width: 40%" placeholder="请选择商品" >
+                        <a-select-option v-for="item in optionss" :itemKey="item" :value="item.goodsid"
+                            :label="item.goodsid">
+                            {{ item.subject }}
+                        </a-select-option>
+                    </a-select>
+                </div>
+            </a-form-item>
+            <a-form-item label="商品描述" name="shortname"  :label-col="{ span: 2}"  labelAlign="left">
+                <a-input v-model:value="formState.shortname" placeholder="请输入商品描述" />
+            </a-form-item>
+            <a-form-item label="支付金额" name="price"  :label-col="{ span: 2  }" labelAlign="left">
+                <a-radio-group v-model:value="formState.payment" name="radioGroup" class="pay">
+                    <a-radio value="1">商品默认金额</a-radio>
+                    <a-radio value="2">自定义金额</a-radio>
+                </a-radio-group>
+            </a-form-item>
+            <a-form-item label="支付渠道" name="price" :rules="rulesRef.qudao" :label-col="{ span: 2  }" labelAlign="left">
+                <a-radio-group v-model:value="value" name="radioGroup" class="pay">
+                    <a-radio value="1">微信</a-radio>
+                    <a-radio value="2">支付宝</a-radio>
+                    <a-radio value="3">京东白条</a-radio>
+                    <a-radio value="4">花呗</a-radio>
+                    <a-radio value="5">银联</a-radio>
+                </a-radio-group>
+            </a-form-item>
+            <a-form-item label="支付前填写手机号" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left">
+                <a-switch v-model:checked="checked" />
+            </a-form-item>
+             <a-form-item label="开始时间" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left">
+                      <a-date-picker v-model:value="value1" />
+            </a-form-item>
+             <a-form-item label="结束时间" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left"> 
+                      <a-date-picker v-model:value="value1" />
+            </a-form-item>
+             <a-form-item label="信息备注" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left">
+                 <a-input v-model:value="value" placeholder="Basic usage" />
+            </a-form-item>
+            <a-form-item :wrapper-col="{ offset: 0, span: 8 }">
+                <a-button type="primary" html-type="submit" @click="onSubmit">确定</a-button>
+            </a-form-item>
+        </a-form>
+    </div>
+</template>
+<script lang="ts" setup>
+import { reactive, ref, defineEmits, defineExpose, toRaw, onMounted, } from "vue";
+import { message, UploadProps, Upload } from "ant-design-vue";
+import { Form } from 'ant-design-vue';
+import { onCreateGoods, onSelectGoods } from '@/api/index'
+import { getUid } from "@/utils/userInfo";
+import type { Dayjs } from 'dayjs';
+const useForm = Form.useForm;
+interface FormState {
+    subject: any,
+    shortname:string,
+    payment:string
+}
+const optionss = ref([])
+const props = defineProps();
+const emit = defineEmits(['onBack']);
+const formState = reactive<FormState>({
+    subject: [],
+    shortname:'',
+    payment:''
+});
+const rulesRef = reactive({
+    subject: [
+        {
+            required: true,
+            message: '请输入商品名称!',
+        },
+    ],
+
+});
+const { resetFields, validate } = useForm(formState, rulesRef);
+
+const onSubmit = () => {
+    validate()
+        .then(async () => {
+
+        })
+        .catch(err => {
+            console.log('error', err);
+        });
+
+};
+onMounted(async () => {
+    const uid = getUid()
+    const data = await onSelectGoods(uid)
+    optionss.value = data.data
+    return optionss
+})
+
+defineExpose({
+    optionss,
+    value1: ref<Dayjs>(),
+});
+
+</script>
+<style lang="less" scoped>
+.page {
+    width: 100%;
+
+    .title {
+        padding-top: 20px;
+        text-align: left;
+    }
+    .pay{
+        display: flex;
+        flex-direction: column;
+        .ant-radio-wrapper{
+            height: 40px;
+        }
+    }
+}
+</style>

web-vue-admin/.history/src/views/pay-list/components/createpay/index_20220715093614.vue

+<template>
+    <div class="page">
+        <!-- {{props.props.propsData.isCad}} -->
+        <div class="title">支付项目信息</div>
+        <a-form style="margin-top: 30px" :model="formState" name="basic" 
+            :wrapper-col="{ span: 2 }" autocomplete="off">
+            <a-form-item label="选择商品" name="subject" :rules="rulesRef.subject"
+                :label-col="{ span: 2  }" labelAlign="left"> 
+                <div style="width:400%;display: flex;align-items: center;">
+                    <a-select v-model:value="formState.subject" mode="multiple" style="width: 40%" placeholder="请选择商品" >
+                        <a-select-option v-for="item in optionss" :itemKey="item" :value="item.goodsid"
+                            :label="item.goodsid">
+                            {{ item.subject }}
+                        </a-select-option>
+                    </a-select>
+                </div>
+            </a-form-item>
+            <a-form-item label="商品描述" name="shortname"  :label-col="{ span: 2}"  labelAlign="left">
+                <a-input v-model:value="formState.shortname" placeholder="请输入商品描述" />
+            </a-form-item>
+            <a-form-item label="支付金额" name="price"  :label-col="{ span: 2  }" labelAlign="left">
+                <a-radio-group v-model:value="formState.payment" name="radioGroup" class="pay">
+                    <a-radio value="1">商品默认金额</a-radio>
+                    <a-radio value="2">自定义金额</a-radio>
+                </a-radio-group>
+            </a-form-item>
+            <a-form-item label="支付渠道" name="price" :rules="rulesRef.qudao" :label-col="{ span: 2  }" labelAlign="left">
+                <a-radio-group v-model:value="value" name="radioGroup" class="pay">
+                    <a-radio value="1">微信</a-radio>
+                    <a-radio value="2">支付宝</a-radio>
+                    <a-radio value="3">京东白条</a-radio>
+                    <a-radio value="4">花呗</a-radio>
+                    <a-radio value="5">银联</a-radio>
+                </a-radio-group>
+            </a-form-item>
+            <a-form-item label="支付前填写手机号" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left">
+                <a-switch v-model:checked="checked" />
+            </a-form-item>
+             <a-form-item label="开始时间" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left">
+                      <a-date-picker v-model:value="value1" />
+            </a-form-item>
+             <a-form-item label="结束时间" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left"> 
+                      <a-date-picker v-model:value="value1" />
+            </a-form-item>
+             <a-form-item label="信息备注" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left">
+                 <a-input v-model:value="value" placeholder="Basic usage" />
+            </a-form-item>
+            <a-form-item :wrapper-col="{ offset: 0, span: 8 }">
+                <a-button type="primary" html-type="submit" @click="onSubmit">确定</a-button>
+            </a-form-item>
+        </a-form>
+    </div>
+</template>
+<script lang="ts" setup>
+import { reactive, ref, defineEmits, defineExpose, toRaw, onMounted, } from "vue";
+import { message, UploadProps, Upload } from "ant-design-vue";
+import { Form } from 'ant-design-vue';
+import { onCreateGoods, onSelectGoods } from '@/api/index'
+import { getUid } from "@/utils/userInfo";
+import type { Dayjs } from 'dayjs';
+const useForm = Form.useForm;
+interface FormState {
+    subject: any,
+    shortname:string,
+    payment:string
+}
+const optionss = ref([])
+const props = defineProps();
+const emit = defineEmits(['onBack']);
+const formState = reactive<FormState>({
+    subject: [],
+    shortname:'',
+    payment:''
+});
+const rulesRef = reactive({
+    subject: [
+        {
+            required: true,
+            message: '请输入商品名称!',
+        },
+    ],
+
+});
+const { resetFields, validate } = useForm(formState, rulesRef);
+
+const onSubmit = () => {
+    validate()
+        .then(async () => {
+
+        })
+        .catch(err => {
+            console.log('error', err);
+        });
+
+};
+onMounted(async () => {
+    const uid = getUid()
+    const data = await onSelectGoods(uid)
+    optionss.value = data.data
+    return optionss
+})
+
+defineExpose({
+    optionss,
+    value1: ref<Dayjs>(),
+});
+
+</script>
+<style lang="less" scoped>
+.page {
+    width: 100%;
+
+    .title {
+        padding-top: 20px;
+        text-align: left;
+    }
+    .pay{
+        display: flex;
+        flex-direction: column;
+        .ant-radio-wrapper{
+            height: 40px;
+        }
+    }
+}
+</style>

web-vue-admin/.history/src/views/pay-list/components/createpay/index_20220715093616.vue

+<template>
+    <div class="page">
+        <!-- {{props.props.propsData.isCad}} -->
+        <div class="title">支付项目信息</div>
+        <a-form style="margin-top: 30px" :model="formState" name="basic" 
+            :wrapper-col="{ span: 2 }" autocomplete="off">
+            <a-form-item label="选择商品" name="subject" :rules="rulesRef.subject"
+                :label-col="{ span: 2  }" labelAlign="left"> 
+                <div style="width:400%;display: flex;align-items: center;">
+                    <a-select v-model:value="formState.subject" mode="multiple" style="width: 40%" placeholder="请选择商品" >
+                        <a-select-option v-for="item in optionss" :itemKey="item" :value="item.goodsid"
+                            :label="item.goodsid">
+                            {{ item.subject }}
+                        </a-select-option>
+                    </a-select>
+                </div>
+            </a-form-item>
+            <a-form-item label="商品描述" name="shortname"  :label-col="{ span: 2}"  labelAlign="left">
+                <a-input v-model:value="formState.shortname" placeholder="请输入商品描述" />
+            </a-form-item>
+            <a-form-item label="支付金额" name="price"  :label-col="{ span: 2  }" labelAlign="left">
+                <a-radio-group v-model:value="formState.payment" name="radioGroup" class="pay">
+                    <a-radio value="1">商品默认金额</a-radio>
+                    <a-radio value="2">自定义金额</a-radio>
+                </a-radio-group>
+            </a-form-item>
+            <a-form-item label="支付渠道" name="price" :rules="rulesRef.qudao" :label-col="{ span: 2  }" labelAlign="left">
+                <a-radio-group v-model:value="value" name="radioGroup" class="pay">
+                    <a-radio value="1">微信</a-radio>
+                    <a-radio value="2">支付宝</a-radio>
+                    <a-radio value="3">京东白条</a-radio>
+                    <a-radio value="4">花呗</a-radio>
+                    <a-radio value="5">银联</a-radio>
+                </a-radio-group>
+            </a-form-item>
+            <a-form-item label="支付前填写手机号" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left">
+                <a-switch v-model:checked="checked" />
+            </a-form-item>
+             <a-form-item label="开始时间" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left">
+                      <a-date-picker v-model:value="value1" />
+            </a-form-item>
+             <a-form-item label="结束时间" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left"> 
+                      <a-date-picker v-model:value="value1" />
+            </a-form-item>
+             <a-form-item label="信息备注" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left">
+                 <a-input v-model:value="value" placeholder="Basic usage" />
+            </a-form-item>
+            <a-form-item :wrapper-col="{ offset: 0, span: 8 }">
+                <a-button type="primary" html-type="submit" @click="onSubmit">确定</a-button>
+            </a-form-item>
+        </a-form>
+    </div>
+</template>
+<script lang="ts" setup>
+import { reactive, ref, defineEmits, defineExpose, toRaw, onMounted, } from "vue";
+import { message, UploadProps, Upload } from "ant-design-vue";
+import { Form } from 'ant-design-vue';
+import { onCreateGoods, onSelectGoods } from '@/api/index'
+import { getUid } from "@/utils/userInfo";
+import type { Dayjs } from 'dayjs';
+const useForm = Form.useForm;
+interface FormState {
+    subject: any,
+    shortname:string,
+    payment:string
+}
+const optionss = ref([])
+const props = defineProps();
+const emit = defineEmits(['onBack']);
+const formState = reactive<FormState>({
+    subject: [],
+    shortname:'',
+    payment:''
+});
+const rulesRef = reactive({
+    subject: [
+        {
+            required: true,
+            message: '请输入商品名称!',
+        },
+    ],
+
+});
+const { resetFields, validate } = useForm(formState, rulesRef);
+
+const onSubmit = () => {
+    validate()
+        .then(async () => {
+
+        })
+        .catch(err => {
+            console.log('error', err);
+        });
+
+};
+onMounted(async () => {
+    const uid = getUid()
+    const data = await onSelectGoods(uid)
+    optionss.value = data.data
+    return optionss
+})
+
+defineExpose({
+    optionss,
+    value1: ref<Dayjs>(),
+});
+
+</script>
+<style lang="less" scoped>
+.page {
+    width: 100%;
+
+    .title {
+        padding-top: 20px;
+        text-align: left;
+    }
+    .pay{
+        display: flex;
+        flex-direction: column;
+        .ant-radio-wrapper{
+            height: 40px;
+        }
+    }
+}
+</style>

web-vue-admin/.history/src/views/pay-list/components/createpay/index_20220715093617.vue

+<template>
+    <div class="page">
+        <!-- {{props.props.propsData.isCad}} -->
+        <div class="title">支付项目信息</div>
+        <a-form style="margin-top: 30px" :model="formState" name="basic" 
+            :wrapper-col="{ span: 2 }" autocomplete="off">
+            <a-form-item label="选择商品" name="subject" :rules="rulesRef.subject"
+                :label-col="{ span: 2  }" labelAlign="left"> 
+                <div style="width:40%;display: flex;align-items: center;">
+                    <a-select v-model:value="formState.subject" mode="multiple" style="width: 40%" placeholder="请选择商品" >
+                        <a-select-option v-for="item in optionss" :itemKey="item" :value="item.goodsid"
+                            :label="item.goodsid">
+                            {{ item.subject }}
+                        </a-select-option>
+                    </a-select>
+                </div>
+            </a-form-item>
+            <a-form-item label="商品描述" name="shortname"  :label-col="{ span: 2}"  labelAlign="left">
+                <a-input v-model:value="formState.shortname" placeholder="请输入商品描述" />
+            </a-form-item>
+            <a-form-item label="支付金额" name="price"  :label-col="{ span: 2  }" labelAlign="left">
+                <a-radio-group v-model:value="formState.payment" name="radioGroup" class="pay">
+                    <a-radio value="1">商品默认金额</a-radio>
+                    <a-radio value="2">自定义金额</a-radio>
+                </a-radio-group>
+            </a-form-item>
+            <a-form-item label="支付渠道" name="price" :rules="rulesRef.qudao" :label-col="{ span: 2  }" labelAlign="left">
+                <a-radio-group v-model:value="value" name="radioGroup" class="pay">
+                    <a-radio value="1">微信</a-radio>
+                    <a-radio value="2">支付宝</a-radio>
+                    <a-radio value="3">京东白条</a-radio>
+                    <a-radio value="4">花呗</a-radio>
+                    <a-radio value="5">银联</a-radio>
+                </a-radio-group>
+            </a-form-item>
+            <a-form-item label="支付前填写手机号" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left">
+                <a-switch v-model:checked="checked" />
+            </a-form-item>
+             <a-form-item label="开始时间" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left">
+                      <a-date-picker v-model:value="value1" />
+            </a-form-item>
+             <a-form-item label="结束时间" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left"> 
+                      <a-date-picker v-model:value="value1" />
+            </a-form-item>
+             <a-form-item label="信息备注" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left">
+                 <a-input v-model:value="value" placeholder="Basic usage" />
+            </a-form-item>
+            <a-form-item :wrapper-col="{ offset: 0, span: 8 }">
+                <a-button type="primary" html-type="submit" @click="onSubmit">确定</a-button>
+            </a-form-item>
+        </a-form>
+    </div>
+</template>
+<script lang="ts" setup>
+import { reactive, ref, defineEmits, defineExpose, toRaw, onMounted, } from "vue";
+import { message, UploadProps, Upload } from "ant-design-vue";
+import { Form } from 'ant-design-vue';
+import { onCreateGoods, onSelectGoods } from '@/api/index'
+import { getUid } from "@/utils/userInfo";
+import type { Dayjs } from 'dayjs';
+const useForm = Form.useForm;
+interface FormState {
+    subject: any,
+    shortname:string,
+    payment:string
+}
+const optionss = ref([])
+const props = defineProps();
+const emit = defineEmits(['onBack']);
+const formState = reactive<FormState>({
+    subject: [],
+    shortname:'',
+    payment:''
+});
+const rulesRef = reactive({
+    subject: [
+        {
+            required: true,
+            message: '请输入商品名称!',
+        },
+    ],
+
+});
+const { resetFields, validate } = useForm(formState, rulesRef);
+
+const onSubmit = () => {
+    validate()
+        .then(async () => {
+
+        })
+        .catch(err => {
+            console.log('error', err);
+        });
+
+};
+onMounted(async () => {
+    const uid = getUid()
+    const data = await onSelectGoods(uid)
+    optionss.value = data.data
+    return optionss
+})
+
+defineExpose({
+    optionss,
+    value1: ref<Dayjs>(),
+});
+
+</script>
+<style lang="less" scoped>
+.page {
+    width: 100%;
+
+    .title {
+        padding-top: 20px;
+        text-align: left;
+    }
+    .pay{
+        display: flex;
+        flex-direction: column;
+        .ant-radio-wrapper{
+            height: 40px;
+        }
+    }
+}
+</style>

web-vue-admin/.history/src/views/pay-list/components/createpay/index_20220715093625.vue

+<template>
+    <div class="page">
+        <!-- {{props.props.propsData.isCad}} -->
+        <div class="title">支付项目信息</div>
+        <a-form style="margin-top: 30px" :model="formState" name="basic" 
+            :wrapper-col="{ span: 4 }" autocomplete="off">
+            <a-form-item label="选择商品" name="subject" :rules="rulesRef.subject"
+                :label-col="{ span: 2  }" labelAlign="left"> 
+                <div style="width:40%;display: flex;align-items: center;">
+                    <a-select v-model:value="formState.subject" mode="multiple" style="width: 40%" placeholder="请选择商品" >
+                        <a-select-option v-for="item in optionss" :itemKey="item" :value="item.goodsid"
+                            :label="item.goodsid">
+                            {{ item.subject }}
+                        </a-select-option>
+                    </a-select>
+                </div>
+            </a-form-item>
+            <a-form-item label="商品描述" name="shortname"  :label-col="{ span: 2}"  labelAlign="left">
+                <a-input v-model:value="formState.shortname" placeholder="请输入商品描述" />
+            </a-form-item>
+            <a-form-item label="支付金额" name="price"  :label-col="{ span: 2  }" labelAlign="left">
+                <a-radio-group v-model:value="formState.payment" name="radioGroup" class="pay">
+                    <a-radio value="1">商品默认金额</a-radio>
+                    <a-radio value="2">自定义金额</a-radio>
+                </a-radio-group>
+            </a-form-item>
+            <a-form-item label="支付渠道" name="price" :rules="rulesRef.qudao" :label-col="{ span: 2  }" labelAlign="left">
+                <a-radio-group v-model:value="value" name="radioGroup" class="pay">
+                    <a-radio value="1">微信</a-radio>
+                    <a-radio value="2">支付宝</a-radio>
+                    <a-radio value="3">京东白条</a-radio>
+                    <a-radio value="4">花呗</a-radio>
+                    <a-radio value="5">银联</a-radio>
+                </a-radio-group>
+            </a-form-item>
+            <a-form-item label="支付前填写手机号" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left">
+                <a-switch v-model:checked="checked" />
+            </a-form-item>
+             <a-form-item label="开始时间" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left">
+                      <a-date-picker v-model:value="value1" />
+            </a-form-item>
+             <a-form-item label="结束时间" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left"> 
+                      <a-date-picker v-model:value="value1" />
+            </a-form-item>
+             <a-form-item label="信息备注" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left">
+                 <a-input v-model:value="value" placeholder="Basic usage" />
+            </a-form-item>
+            <a-form-item :wrapper-col="{ offset: 0, span: 8 }">
+                <a-button type="primary" html-type="submit" @click="onSubmit">确定</a-button>
+            </a-form-item>
+        </a-form>
+    </div>
+</template>
+<script lang="ts" setup>
+import { reactive, ref, defineEmits, defineExpose, toRaw, onMounted, } from "vue";
+import { message, UploadProps, Upload } from "ant-design-vue";
+import { Form } from 'ant-design-vue';
+import { onCreateGoods, onSelectGoods } from '@/api/index'
+import { getUid } from "@/utils/userInfo";
+import type { Dayjs } from 'dayjs';
+const useForm = Form.useForm;
+interface FormState {
+    subject: any,
+    shortname:string,
+    payment:string
+}
+const optionss = ref([])
+const props = defineProps();
+const emit = defineEmits(['onBack']);
+const formState = reactive<FormState>({
+    subject: [],
+    shortname:'',
+    payment:''
+});
+const rulesRef = reactive({
+    subject: [
+        {
+            required: true,
+            message: '请输入商品名称!',
+        },
+    ],
+
+});
+const { resetFields, validate } = useForm(formState, rulesRef);
+
+const onSubmit = () => {
+    validate()
+        .then(async () => {
+
+        })
+        .catch(err => {
+            console.log('error', err);
+        });
+
+};
+onMounted(async () => {
+    const uid = getUid()
+    const data = await onSelectGoods(uid)
+    optionss.value = data.data
+    return optionss
+})
+
+defineExpose({
+    optionss,
+    value1: ref<Dayjs>(),
+});
+
+</script>
+<style lang="less" scoped>
+.page {
+    width: 100%;
+
+    .title {
+        padding-top: 20px;
+        text-align: left;
+    }
+    .pay{
+        display: flex;
+        flex-direction: column;
+        .ant-radio-wrapper{
+            height: 40px;
+        }
+    }
+}
+</style>

web-vue-admin/.history/src/views/pay-list/components/createpay/index_20220715093628.vue

+<template>
+    <div class="page">
+        <!-- {{props.props.propsData.isCad}} -->
+        <div class="title">支付项目信息</div>
+        <a-form style="margin-top: 30px" :model="formState" name="basic" 
+            :wrapper-col="{ span: 2 }" autocomplete="off">
+            <a-form-item label="选择商品" name="subject" :rules="rulesRef.subject"
+                :label-col="{ span: 2  }" labelAlign="left"> 
+                <div style="width:40%;display: flex;align-items: center;">
+                    <a-select v-model:value="formState.subject" mode="multiple" style="width: 40%" placeholder="请选择商品" >
+                        <a-select-option v-for="item in optionss" :itemKey="item" :value="item.goodsid"
+                            :label="item.goodsid">
+                            {{ item.subject }}
+                        </a-select-option>
+                    </a-select>
+                </div>
+            </a-form-item>
+            <a-form-item label="商品描述" name="shortname"  :label-col="{ span: 2}"  labelAlign="left">
+                <a-input v-model:value="formState.shortname" placeholder="请输入商品描述" />
+            </a-form-item>
+            <a-form-item label="支付金额" name="price"  :label-col="{ span: 2  }" labelAlign="left">
+                <a-radio-group v-model:value="formState.payment" name="radioGroup" class="pay">
+                    <a-radio value="1">商品默认金额</a-radio>
+                    <a-radio value="2">自定义金额</a-radio>
+                </a-radio-group>
+            </a-form-item>
+            <a-form-item label="支付渠道" name="price" :rules="rulesRef.qudao" :label-col="{ span: 2  }" labelAlign="left">
+                <a-radio-group v-model:value="value" name="radioGroup" class="pay">
+                    <a-radio value="1">微信</a-radio>
+                    <a-radio value="2">支付宝</a-radio>
+                    <a-radio value="3">京东白条</a-radio>
+                    <a-radio value="4">花呗</a-radio>
+                    <a-radio value="5">银联</a-radio>
+                </a-radio-group>
+            </a-form-item>
+            <a-form-item label="支付前填写手机号" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left">
+                <a-switch v-model:checked="checked" />
+            </a-form-item>
+             <a-form-item label="开始时间" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left">
+                      <a-date-picker v-model:value="value1" />
+            </a-form-item>
+             <a-form-item label="结束时间" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left"> 
+                      <a-date-picker v-model:value="value1" />
+            </a-form-item>
+             <a-form-item label="信息备注" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left">
+                 <a-input v-model:value="value" placeholder="Basic usage" />
+            </a-form-item>
+            <a-form-item :wrapper-col="{ offset: 0, span: 8 }">
+                <a-button type="primary" html-type="submit" @click="onSubmit">确定</a-button>
+            </a-form-item>
+        </a-form>
+    </div>
+</template>
+<script lang="ts" setup>
+import { reactive, ref, defineEmits, defineExpose, toRaw, onMounted, } from "vue";
+import { message, UploadProps, Upload } from "ant-design-vue";
+import { Form } from 'ant-design-vue';
+import { onCreateGoods, onSelectGoods } from '@/api/index'
+import { getUid } from "@/utils/userInfo";
+import type { Dayjs } from 'dayjs';
+const useForm = Form.useForm;
+interface FormState {
+    subject: any,
+    shortname:string,
+    payment:string
+}
+const optionss = ref([])
+const props = defineProps();
+const emit = defineEmits(['onBack']);
+const formState = reactive<FormState>({
+    subject: [],
+    shortname:'',
+    payment:''
+});
+const rulesRef = reactive({
+    subject: [
+        {
+            required: true,
+            message: '请输入商品名称!',
+        },
+    ],
+
+});
+const { resetFields, validate } = useForm(formState, rulesRef);
+
+const onSubmit = () => {
+    validate()
+        .then(async () => {
+
+        })
+        .catch(err => {
+            console.log('error', err);
+        });
+
+};
+onMounted(async () => {
+    const uid = getUid()
+    const data = await onSelectGoods(uid)
+    optionss.value = data.data
+    return optionss
+})
+
+defineExpose({
+    optionss,
+    value1: ref<Dayjs>(),
+});
+
+</script>
+<style lang="less" scoped>
+.page {
+    width: 100%;
+
+    .title {
+        padding-top: 20px;
+        text-align: left;
+    }
+    .pay{
+        display: flex;
+        flex-direction: column;
+        .ant-radio-wrapper{
+            height: 40px;
+        }
+    }
+}
+</style>

web-vue-admin/.history/src/views/pay-list/components/createpay/index_20220715093646.vue

+<template>
+    <div class="page">
+        <!-- {{props.props.propsData.isCad}} -->
+        <div class="title">支付项目信息</div>
+        <a-form style="margin-top: 30px" :model="formState" name="basic" 
+            :wrapper-col="{ span: 2 }" autocomplete="off">
+            <a-form-item label="选择商品" name="subject" :rules="rulesRef.subject"
+                :label-col="{ span: 2  }" labelAlign="left"> 
+                <div style="width:40%;display: flex;align-items: center;">
+                    <a-select v-model:value="formState.subject" mode="multiple" style="width: 40%" placeholder="请选择商品" >
+                        <a-select-option v-for="item in optionss" :itemKey="item" :value="item.goodsid"
+                            :label="item.goodsid">
+                            {{ item.subject }}
+                        </a-select-option>
+                    </a-select>
+                </div>
+            </a-form-item>
+            <a-form-item label="商品描述" name="shortname"  :label-col="{ span: 2}"  labelAlign="left">
+                <a-input v-model:value="formState.shortname" placeholder="请输入商品描述" />
+            </a-form-item>
+            <a-form-item label="支付金额" name="price"  :label-col="{ span: 2  }" labelAlign="left">
+                <a-radio-group v-model:value="formState.payment" name="radioGroup" class="pay">
+                    <a-radio value="1">商品默认金额</a-radio>
+                    <a-radio value="2">自定义金额</a-radio>
+                </a-radio-group>
+            </a-form-item>
+            <a-form-item label="支付渠道" name="price" :rules="rulesRef.qudao" :label-col="{ span: 2  }" labelAlign="left">
+                <a-radio-group v-model:value="value" name="radioGroup" class="pay">
+                    <a-radio value="1">微信</a-radio>
+                    <a-radio value="2">支付宝</a-radio>
+                    <a-radio value="3">京东白条</a-radio>
+                    <a-radio value="4">花呗</a-radio>
+                    <a-radio value="5">银联</a-radio>
+                </a-radio-group>
+            </a-form-item>
+            <a-form-item label="支付前填写手机号" name="price" :rules="rulesRef.checked" :label-col="{ span: 0  }" labelAlign="left">
+                <a-switch v-model:checked="checked" />
+            </a-form-item>
+             <a-form-item label="开始时间" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left">
+                      <a-date-picker v-model:value="value1" />
+            </a-form-item>
+             <a-form-item label="结束时间" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left"> 
+                      <a-date-picker v-model:value="value1" />
+            </a-form-item>
+             <a-form-item label="信息备注" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left">
+                 <a-input v-model:value="value" placeholder="Basic usage" />
+            </a-form-item>
+            <a-form-item :wrapper-col="{ offset: 0, span: 8 }">
+                <a-button type="primary" html-type="submit" @click="onSubmit">确定</a-button>
+            </a-form-item>
+        </a-form>
+    </div>
+</template>
+<script lang="ts" setup>
+import { reactive, ref, defineEmits, defineExpose, toRaw, onMounted, } from "vue";
+import { message, UploadProps, Upload } from "ant-design-vue";
+import { Form } from 'ant-design-vue';
+import { onCreateGoods, onSelectGoods } from '@/api/index'
+import { getUid } from "@/utils/userInfo";
+import type { Dayjs } from 'dayjs';
+const useForm = Form.useForm;
+interface FormState {
+    subject: any,
+    shortname:string,
+    payment:string
+}
+const optionss = ref([])
+const props = defineProps();
+const emit = defineEmits(['onBack']);
+const formState = reactive<FormState>({
+    subject: [],
+    shortname:'',
+    payment:''
+});
+const rulesRef = reactive({
+    subject: [
+        {
+            required: true,
+            message: '请输入商品名称!',
+        },
+    ],
+
+});
+const { resetFields, validate } = useForm(formState, rulesRef);
+
+const onSubmit = () => {
+    validate()
+        .then(async () => {
+
+        })
+        .catch(err => {
+            console.log('error', err);
+        });
+
+};
+onMounted(async () => {
+    const uid = getUid()
+    const data = await onSelectGoods(uid)
+    optionss.value = data.data
+    return optionss
+})
+
+defineExpose({
+    optionss,
+    value1: ref<Dayjs>(),
+});
+
+</script>
+<style lang="less" scoped>
+.page {
+    width: 100%;
+
+    .title {
+        padding-top: 20px;
+        text-align: left;
+    }
+    .pay{
+        display: flex;
+        flex-direction: column;
+        .ant-radio-wrapper{
+            height: 40px;
+        }
+    }
+}
+</style>

web-vue-admin/.history/src/views/pay-list/components/createpay/index_20220715093650.vue

+<template>
+    <div class="page">
+        <!-- {{props.props.propsData.isCad}} -->
+        <div class="title">支付项目信息</div>
+        <a-form style="margin-top: 30px" :model="formState" name="basic" 
+            :wrapper-col="{ span: 2 }" autocomplete="off">
+            <a-form-item label="选择商品" name="subject" :rules="rulesRef.subject"
+                :label-col="{ span: 2  }" labelAlign="left"> 
+                <div style="width:40%;display: flex;align-items: center;">
+                    <a-select v-model:value="formState.subject" mode="multiple" style="width: 40%" placeholder="请选择商品" >
+                        <a-select-option v-for="item in optionss" :itemKey="item" :value="item.goodsid"
+                            :label="item.goodsid">
+                            {{ item.subject }}
+                        </a-select-option>
+                    </a-select>
+                </div>
+            </a-form-item>
+            <a-form-item label="商品描述" name="shortname"  :label-col="{ span: 2}"  labelAlign="left">
+                <a-input v-model:value="formState.shortname" placeholder="请输入商品描述" />
+            </a-form-item>
+            <a-form-item label="支付金额" name="price"  :label-col="{ span: 2  }" labelAlign="left">
+                <a-radio-group v-model:value="formState.payment" name="radioGroup" class="pay">
+                    <a-radio value="1">商品默认金额</a-radio>
+                    <a-radio value="2">自定义金额</a-radio>
+                </a-radio-group>
+            </a-form-item>
+            <a-form-item label="支付渠道" name="price" :rules="rulesRef.qudao" :label-col="{ span: 2  }" labelAlign="left">
+                <a-radio-group v-model:value="value" name="radioGroup" class="pay">
+                    <a-radio value="1">微信</a-radio>
+                    <a-radio value="2">支付宝</a-radio>
+                    <a-radio value="3">京东白条</a-radio>
+                    <a-radio value="4">花呗</a-radio>
+                    <a-radio value="5">银联</a-radio>
+                </a-radio-group>
+            </a-form-item>
+            <a-form-item label="支付前填写手机号" name="price" :rules="rulesRef.checked" :label-col="{ span: 1  }" labelAlign="left">
+                <a-switch v-model:checked="checked" />
+            </a-form-item>
+             <a-form-item label="开始时间" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left">
+                      <a-date-picker v-model:value="value1" />
+            </a-form-item>
+             <a-form-item label="结束时间" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left"> 
+                      <a-date-picker v-model:value="value1" />
+            </a-form-item>
+             <a-form-item label="信息备注" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left">
+                 <a-input v-model:value="value" placeholder="Basic usage" />
+            </a-form-item>
+            <a-form-item :wrapper-col="{ offset: 0, span: 8 }">
+                <a-button type="primary" html-type="submit" @click="onSubmit">确定</a-button>
+            </a-form-item>
+        </a-form>
+    </div>
+</template>
+<script lang="ts" setup>
+import { reactive, ref, defineEmits, defineExpose, toRaw, onMounted, } from "vue";
+import { message, UploadProps, Upload } from "ant-design-vue";
+import { Form } from 'ant-design-vue';
+import { onCreateGoods, onSelectGoods } from '@/api/index'
+import { getUid } from "@/utils/userInfo";
+import type { Dayjs } from 'dayjs';
+const useForm = Form.useForm;
+interface FormState {
+    subject: any,
+    shortname:string,
+    payment:string
+}
+const optionss = ref([])
+const props = defineProps();
+const emit = defineEmits(['onBack']);
+const formState = reactive<FormState>({
+    subject: [],
+    shortname:'',
+    payment:''
+});
+const rulesRef = reactive({
+    subject: [
+        {
+            required: true,
+            message: '请输入商品名称!',
+        },
+    ],
+
+});
+const { resetFields, validate } = useForm(formState, rulesRef);
+
+const onSubmit = () => {
+    validate()
+        .then(async () => {
+
+        })
+        .catch(err => {
+            console.log('error', err);
+        });
+
+};
+onMounted(async () => {
+    const uid = getUid()
+    const data = await onSelectGoods(uid)
+    optionss.value = data.data
+    return optionss
+})
+
+defineExpose({
+    optionss,
+    value1: ref<Dayjs>(),
+});
+
+</script>
+<style lang="less" scoped>
+.page {
+    width: 100%;
+
+    .title {
+        padding-top: 20px;
+        text-align: left;
+    }
+    .pay{
+        display: flex;
+        flex-direction: column;
+        .ant-radio-wrapper{
+            height: 40px;
+        }
+    }
+}
+</style>

web-vue-admin/.history/src/views/pay-list/components/createpay/index_20220715093653.vue

+<template>
+    <div class="page">
+        <!-- {{props.props.propsData.isCad}} -->
+        <div class="title">支付项目信息</div>
+        <a-form style="margin-top: 30px" :model="formState" name="basic" 
+            :wrapper-col="{ span: 2 }" autocomplete="off">
+            <a-form-item label="选择商品" name="subject" :rules="rulesRef.subject"
+                :label-col="{ span: 2  }" labelAlign="left"> 
+                <div style="width:40%;display: flex;align-items: center;">
+                    <a-select v-model:value="formState.subject" mode="multiple" style="width: 40%" placeholder="请选择商品" >
+                        <a-select-option v-for="item in optionss" :itemKey="item" :value="item.goodsid"
+                            :label="item.goodsid">
+                            {{ item.subject }}
+                        </a-select-option>
+                    </a-select>
+                </div>
+            </a-form-item>
+            <a-form-item label="商品描述" name="shortname"  :label-col="{ span: 2}"  labelAlign="left">
+                <a-input v-model:value="formState.shortname" placeholder="请输入商品描述" />
+            </a-form-item>
+            <a-form-item label="支付金额" name="price"  :label-col="{ span: 2  }" labelAlign="left">
+                <a-radio-group v-model:value="formState.payment" name="radioGroup" class="pay">
+                    <a-radio value="1">商品默认金额</a-radio>
+                    <a-radio value="2">自定义金额</a-radio>
+                </a-radio-group>
+            </a-form-item>
+            <a-form-item label="支付渠道" name="price" :rules="rulesRef.qudao" :label-col="{ span: 2  }" labelAlign="left">
+                <a-radio-group v-model:value="value" name="radioGroup" class="pay">
+                    <a-radio value="1">微信</a-radio>
+                    <a-radio value="2">支付宝</a-radio>
+                    <a-radio value="3">京东白条</a-radio>
+                    <a-radio value="4">花呗</a-radio>
+                    <a-radio value="5">银联</a-radio>
+                </a-radio-group>
+            </a-form-item>
+            <a-form-item label="支付前填写手机号" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left">
+                <a-switch v-model:checked="checked" />
+            </a-form-item>
+             <a-form-item label="开始时间" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left">
+                      <a-date-picker v-model:value="value1" />
+            </a-form-item>
+             <a-form-item label="结束时间" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left"> 
+                      <a-date-picker v-model:value="value1" />
+            </a-form-item>
+             <a-form-item label="信息备注" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left">
+                 <a-input v-model:value="value" placeholder="Basic usage" />
+            </a-form-item>
+            <a-form-item :wrapper-col="{ offset: 0, span: 8 }">
+                <a-button type="primary" html-type="submit" @click="onSubmit">确定</a-button>
+            </a-form-item>
+        </a-form>
+    </div>
+</template>
+<script lang="ts" setup>
+import { reactive, ref, defineEmits, defineExpose, toRaw, onMounted, } from "vue";
+import { message, UploadProps, Upload } from "ant-design-vue";
+import { Form } from 'ant-design-vue';
+import { onCreateGoods, onSelectGoods } from '@/api/index'
+import { getUid } from "@/utils/userInfo";
+import type { Dayjs } from 'dayjs';
+const useForm = Form.useForm;
+interface FormState {
+    subject: any,
+    shortname:string,
+    payment:string
+}
+const optionss = ref([])
+const props = defineProps();
+const emit = defineEmits(['onBack']);
+const formState = reactive<FormState>({
+    subject: [],
+    shortname:'',
+    payment:''
+});
+const rulesRef = reactive({
+    subject: [
+        {
+            required: true,
+            message: '请输入商品名称!',
+        },
+    ],
+
+});
+const { resetFields, validate } = useForm(formState, rulesRef);
+
+const onSubmit = () => {
+    validate()
+        .then(async () => {
+
+        })
+        .catch(err => {
+            console.log('error', err);
+        });
+
+};
+onMounted(async () => {
+    const uid = getUid()
+    const data = await onSelectGoods(uid)
+    optionss.value = data.data
+    return optionss
+})
+
+defineExpose({
+    optionss,
+    value1: ref<Dayjs>(),
+});
+
+</script>
+<style lang="less" scoped>
+.page {
+    width: 100%;
+
+    .title {
+        padding-top: 20px;
+        text-align: left;
+    }
+    .pay{
+        display: flex;
+        flex-direction: column;
+        .ant-radio-wrapper{
+            height: 40px;
+        }
+    }
+}
+</style>

web-vue-admin/.history/src/views/pay-list/components/createpay/index_20220715093701.vue

+<template>
+    <div class="page">
+        <!-- {{props.props.propsData.isCad}} -->
+        <div class="title">支付项目信息</div>
+        <a-form style="margin-top: 30px" :model="formState" name="basic" 
+            :wrapper-col="{ span: 2 }" autocomplete="off">
+            <a-form-item label="选择商品" name="subject" :rules="rulesRef.subject"
+                :label-col="{ span: 2  }" labelAlign="left"> 
+                <div style="width:40%;display: flex;align-items: center;">
+                    <a-select v-model:value="formState.subject" mode="multiple" style="width: 40%" placeholder="请选择商品" >
+                        <a-select-option v-for="item in optionss" :itemKey="item" :value="item.goodsid"
+                            :label="item.goodsid">
+                            {{ item.subject }}
+                        </a-select-option>
+                    </a-select>
+                </div>
+            </a-form-item>
+            <a-form-item label="商品描述" name="shortname"  :label-col="{ span: 2}"  labelAlign="left">
+                <a-input v-model:value="formState.shortname" placeholder="请输入商品描述" />
+            </a-form-item>
+            <a-form-item label="支付金额" name="price"  :label-col="{ span: 2  }" labelAlign="left">
+                <a-radio-group v-model:value="formState.payment" name="radioGroup" class="pay">
+                    <a-radio value="1">商品默认金额</a-radio>
+                    <a-radio value="2">自定义金额</a-radio>
+                </a-radio-group>
+            </a-form-item>
+            <a-form-item label="支付渠道" name="price" :rules="rulesRef.qudao" :label-col="{ span: 2  }" labelAlign="left">
+                <a-radio-group v-model:value="value" name="radioGroup" class="pay">
+                    <a-radio value="1">微信</a-radio>
+                    <a-radio value="2">支付宝</a-radio>
+                    <a-radio value="3">京东白条</a-radio>
+                    <a-radio value="4">花呗</a-radio>
+                    <a-radio value="5">银联</a-radio>
+                </a-radio-group>
+            </a-form-item>
+            <a-form-item label="支付前填写手机号" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left">
+            <div>
+                <a-switch v-model:checked="checked" />
+
+            </div>
+            </a-form-item>
+             <a-form-item label="开始时间" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left">
+                      <a-date-picker v-model:value="value1" />
+            </a-form-item>
+             <a-form-item label="结束时间" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left"> 
+                      <a-date-picker v-model:value="value1" />
+            </a-form-item>
+             <a-form-item label="信息备注" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left">
+                 <a-input v-model:value="value" placeholder="Basic usage" />
+            </a-form-item>
+            <a-form-item :wrapper-col="{ offset: 0, span: 8 }">
+                <a-button type="primary" html-type="submit" @click="onSubmit">确定</a-button>
+            </a-form-item>
+        </a-form>
+    </div>
+</template>
+<script lang="ts" setup>
+import { reactive, ref, defineEmits, defineExpose, toRaw, onMounted, } from "vue";
+import { message, UploadProps, Upload } from "ant-design-vue";
+import { Form } from 'ant-design-vue';
+import { onCreateGoods, onSelectGoods } from '@/api/index'
+import { getUid } from "@/utils/userInfo";
+import type { Dayjs } from 'dayjs';
+const useForm = Form.useForm;
+interface FormState {
+    subject: any,
+    shortname:string,
+    payment:string
+}
+const optionss = ref([])
+const props = defineProps();
+const emit = defineEmits(['onBack']);
+const formState = reactive<FormState>({
+    subject: [],
+    shortname:'',
+    payment:''
+});
+const rulesRef = reactive({
+    subject: [
+        {
+            required: true,
+            message: '请输入商品名称!',
+        },
+    ],
+
+});
+const { resetFields, validate } = useForm(formState, rulesRef);
+
+const onSubmit = () => {
+    validate()
+        .then(async () => {
+
+        })
+        .catch(err => {
+            console.log('error', err);
+        });
+
+};
+onMounted(async () => {
+    const uid = getUid()
+    const data = await onSelectGoods(uid)
+    optionss.value = data.data
+    return optionss
+})
+
+defineExpose({
+    optionss,
+    value1: ref<Dayjs>(),
+});
+
+</script>
+<style lang="less" scoped>
+.page {
+    width: 100%;
+
+    .title {
+        padding-top: 20px;
+        text-align: left;
+    }
+    .pay{
+        display: flex;
+        flex-direction: column;
+        .ant-radio-wrapper{
+            height: 40px;
+        }
+    }
+}
+</style>

web-vue-admin/.history/src/views/pay-list/components/createpay/index_20220715093702.vue

+<template>
+    <div class="page">
+        <!-- {{props.props.propsData.isCad}} -->
+        <div class="title">支付项目信息</div>
+        <a-form style="margin-top: 30px" :model="formState" name="basic" 
+            :wrapper-col="{ span: 2 }" autocomplete="off">
+            <a-form-item label="选择商品" name="subject" :rules="rulesRef.subject"
+                :label-col="{ span: 2  }" labelAlign="left"> 
+                <div style="width:40%;display: flex;align-items: center;">
+                    <a-select v-model:value="formState.subject" mode="multiple" style="width: 40%" placeholder="请选择商品" >
+                        <a-select-option v-for="item in optionss" :itemKey="item" :value="item.goodsid"
+                            :label="item.goodsid">
+                            {{ item.subject }}
+                        </a-select-option>
+                    </a-select>
+                </div>
+            </a-form-item>
+            <a-form-item label="商品描述" name="shortname"  :label-col="{ span: 2}"  labelAlign="left">
+                <a-input v-model:value="formState.shortname" placeholder="请输入商品描述" />
+            </a-form-item>
+            <a-form-item label="支付金额" name="price"  :label-col="{ span: 2  }" labelAlign="left">
+                <a-radio-group v-model:value="formState.payment" name="radioGroup" class="pay">
+                    <a-radio value="1">商品默认金额</a-radio>
+                    <a-radio value="2">自定义金额</a-radio>
+                </a-radio-group>
+            </a-form-item>
+            <a-form-item label="支付渠道" name="price" :rules="rulesRef.qudao" :label-col="{ span: 2  }" labelAlign="left">
+                <a-radio-group v-model:value="value" name="radioGroup" class="pay">
+                    <a-radio value="1">微信</a-radio>
+                    <a-radio value="2">支付宝</a-radio>
+                    <a-radio value="3">京东白条</a-radio>
+                    <a-radio value="4">花呗</a-radio>
+                    <a-radio value="5">银联</a-radio>
+                </a-radio-group>
+            </a-form-item>
+            <a-form-item label="支付前填写手机号" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left">
+            <div>
+                <a-switch v-model:checked="checked" />
+            </div>
+            </a-form-item>
+             <a-form-item label="开始时间" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left">
+                      <a-date-picker v-model:value="value1" />
+            </a-form-item>
+             <a-form-item label="结束时间" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left"> 
+                      <a-date-picker v-model:value="value1" />
+            </a-form-item>
+             <a-form-item label="信息备注" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left">
+                 <a-input v-model:value="value" placeholder="Basic usage" />
+            </a-form-item>
+            <a-form-item :wrapper-col="{ offset: 0, span: 8 }">
+                <a-button type="primary" html-type="submit" @click="onSubmit">确定</a-button>
+            </a-form-item>
+        </a-form>
+    </div>
+</template>
+<script lang="ts" setup>
+import { reactive, ref, defineEmits, defineExpose, toRaw, onMounted, } from "vue";
+import { message, UploadProps, Upload } from "ant-design-vue";
+import { Form } from 'ant-design-vue';
+import { onCreateGoods, onSelectGoods } from '@/api/index'
+import { getUid } from "@/utils/userInfo";
+import type { Dayjs } from 'dayjs';
+const useForm = Form.useForm;
+interface FormState {
+    subject: any,
+    shortname:string,
+    payment:string
+}
+const optionss = ref([])
+const props = defineProps();
+const emit = defineEmits(['onBack']);
+const formState = reactive<FormState>({
+    subject: [],
+    shortname:'',
+    payment:''
+});
+const rulesRef = reactive({
+    subject: [
+        {
+            required: true,
+            message: '请输入商品名称!',
+        },
+    ],
+
+});
+const { resetFields, validate } = useForm(formState, rulesRef);
+
+const onSubmit = () => {
+    validate()
+        .then(async () => {
+
+        })
+        .catch(err => {
+            console.log('error', err);
+        });
+
+};
+onMounted(async () => {
+    const uid = getUid()
+    const data = await onSelectGoods(uid)
+    optionss.value = data.data
+    return optionss
+})
+
+defineExpose({
+    optionss,
+    value1: ref<Dayjs>(),
+});
+
+</script>
+<style lang="less" scoped>
+.page {
+    width: 100%;
+
+    .title {
+        padding-top: 20px;
+        text-align: left;
+    }
+    .pay{
+        display: flex;
+        flex-direction: column;
+        .ant-radio-wrapper{
+            height: 40px;
+        }
+    }
+}
+</style>

web-vue-admin/.history/src/views/pay-list/components/createpay/index_20220715093815.vue

+<template>
+    <div class="page">
+        <!-- {{props.props.propsData.isCad}} -->
+        <div class="title">支付项目信息</div>
+        <a-form style="margin-top: 30px" :model="formState" name="basic" 
+            :wrapper-col="{ span: 2 }" autocomplete="off">
+            <a-form-item label="选择商品" name="subject" :rules="rulesRef.subject"
+                :label-col="{ span: 2  }" labelAlign="left"> 
+                <div style="width:40%;display: flex;align-items: center;">
+                    <a-select v-model:value="formState.subject" mode="multiple" style="width: 40%" placeholder="请选择商品" >
+                        <a-select-option v-for="item in optionss" :itemKey="item" :value="item.goodsid"
+                            :label="item.goodsid">
+                            {{ item.subject }}
+                        </a-select-option>
+                    </a-select>
+                </div>
+            </a-form-item>
+            <a-form-item label="商品描述" name="shortname"  :label-col="{ span: 2}"  labelAlign="left">
+                <a-input v-model:value="formState.shortname" placeholder="请输入商品描述" />
+            </a-form-item>
+            <a-form-item label="支付金额" name="price"  :label-col="{ span: 2  }" labelAlign="left">
+                <a-radio-group v-model:value="formState.payment" name="radioGroup" class="pay">
+                    <a-radio value="1">商品默认金额</a-radio>
+                    <a-radio value="2">自定义金额</a-radio>
+                </a-radio-group>
+            </a-form-item>
+            <a-form-item label="支付渠道" name="price" :rules="rulesRef.qudao" :label-col="{ span: 2  }" labelAlign="left">
+                <a-radio-group v-model:value="value" name="radioGroup" class="pay">
+                    <a-radio value="1">微信</a-radio>
+                    <a-radio value="2">支付宝</a-radio>
+                    <a-radio value="3">京东白条</a-radio>
+                    <a-radio value="4">花呗</a-radio>
+                    <a-radio value="5">银联</a-radio>
+                </a-radio-group>
+            </a-form-item>
+            <a-form-item label="支付前填写手机号" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left">
+            <div style="display: flex;">
+                <a-switch v-model:checked="checked" />
+            </div>
+            </a-form-item>
+             <a-form-item label="开始时间" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left">
+                      <a-date-picker v-model:value="value1" />
+            </a-form-item>
+             <a-form-item label="结束时间" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left"> 
+                      <a-date-picker v-model:value="value1" />
+            </a-form-item>
+             <a-form-item label="信息备注" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left">
+                 <a-input v-model:value="value" placeholder="Basic usage" />
+            </a-form-item>
+            <a-form-item :wrapper-col="{ offset: 0, span: 8 }">
+                <a-button type="primary" html-type="submit" @click="onSubmit">确定</a-button>
+            </a-form-item>
+        </a-form>
+    </div>
+</template>
+<script lang="ts" setup>
+import { reactive, ref, defineEmits, defineExpose, toRaw, onMounted, } from "vue";
+import { message, UploadProps, Upload } from "ant-design-vue";
+import { Form } from 'ant-design-vue';
+import { onCreateGoods, onSelectGoods } from '@/api/index'
+import { getUid } from "@/utils/userInfo";
+import type { Dayjs } from 'dayjs';
+const useForm = Form.useForm;
+interface FormState {
+    subject: any,
+    shortname:string,
+    payment:string
+}
+const optionss = ref([])
+const props = defineProps();
+const emit = defineEmits(['onBack']);
+const formState = reactive<FormState>({
+    subject: [],
+    shortname:'',
+    payment:''
+});
+const rulesRef = reactive({
+    subject: [
+        {
+            required: true,
+            message: '请输入商品名称!',
+        },
+    ],
+
+});
+const { resetFields, validate } = useForm(formState, rulesRef);
+
+const onSubmit = () => {
+    validate()
+        .then(async () => {
+
+        })
+        .catch(err => {
+            console.log('error', err);
+        });
+
+};
+onMounted(async () => {
+    const uid = getUid()
+    const data = await onSelectGoods(uid)
+    optionss.value = data.data
+    return optionss
+})
+
+defineExpose({
+    optionss,
+    value1: ref<Dayjs>(),
+});
+
+</script>
+<style lang="less" scoped>
+.page {
+    width: 100%;
+
+    .title {
+        padding-top: 20px;
+        text-align: left;
+    }
+    .pay{
+        display: flex;
+        flex-direction: column;
+        .ant-radio-wrapper{
+            height: 40px;
+        }
+    }
+}
+</style>

web-vue-admin/.history/src/views/pay-list/components/createpay/index_20220715093830.vue

+<template>
+    <div class="page">
+        <!-- {{props.props.propsData.isCad}} -->
+        <div class="title">支付项目信息</div>
+        <a-form style="margin-top: 30px" :model="formState" name="basic" 
+            :wrapper-col="{ span: 2 }" autocomplete="off">
+            <a-form-item label="选择商品" name="subject" :rules="rulesRef.subject"
+                :label-col="{ span: 2  }" labelAlign="left"> 
+                <div style="width:100%;display: flex;align-items: center;">
+                    <a-select v-model:value="formState.subject" mode="multiple" style="width: 40%" placeholder="请选择商品" >
+                        <a-select-option v-for="item in optionss" :itemKey="item" :value="item.goodsid"
+                            :label="item.goodsid">
+                            {{ item.subject }}
+                        </a-select-option>
+                    </a-select>
+                </div>
+            </a-form-item>
+            <a-form-item label="商品描述" name="shortname"  :label-col="{ span: 2}"  labelAlign="left">
+                <a-input v-model:value="formState.shortname" placeholder="请输入商品描述" />
+            </a-form-item>
+            <a-form-item label="支付金额" name="price"  :label-col="{ span: 2  }" labelAlign="left">
+                <a-radio-group v-model:value="formState.payment" name="radioGroup" class="pay">
+                    <a-radio value="1">商品默认金额</a-radio>
+                    <a-radio value="2">自定义金额</a-radio>
+                </a-radio-group>
+            </a-form-item>
+            <a-form-item label="支付渠道" name="price" :rules="rulesRef.qudao" :label-col="{ span: 2  }" labelAlign="left">
+                <a-radio-group v-model:value="value" name="radioGroup" class="pay">
+                    <a-radio value="1">微信</a-radio>
+                    <a-radio value="2">支付宝</a-radio>
+                    <a-radio value="3">京东白条</a-radio>
+                    <a-radio value="4">花呗</a-radio>
+                    <a-radio value="5">银联</a-radio>
+                </a-radio-group>
+            </a-form-item>
+            <a-form-item label="支付前填写手机号" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left">
+            <div style="display: flex;">
+                <a-switch v-model:checked="checked" />
+            </div>
+            </a-form-item>
+             <a-form-item label="开始时间" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left">
+                      <a-date-picker v-model:value="value1" />
+            </a-form-item>
+             <a-form-item label="结束时间" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left"> 
+                      <a-date-picker v-model:value="value1" />
+            </a-form-item>
+             <a-form-item label="信息备注" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left">
+                 <a-input v-model:value="value" placeholder="Basic usage" />
+            </a-form-item>
+            <a-form-item :wrapper-col="{ offset: 0, span: 8 }">
+                <a-button type="primary" html-type="submit" @click="onSubmit">确定</a-button>
+            </a-form-item>
+        </a-form>
+    </div>
+</template>
+<script lang="ts" setup>
+import { reactive, ref, defineEmits, defineExpose, toRaw, onMounted, } from "vue";
+import { message, UploadProps, Upload } from "ant-design-vue";
+import { Form } from 'ant-design-vue';
+import { onCreateGoods, onSelectGoods } from '@/api/index'
+import { getUid } from "@/utils/userInfo";
+import type { Dayjs } from 'dayjs';
+const useForm = Form.useForm;
+interface FormState {
+    subject: any,
+    shortname:string,
+    payment:string
+}
+const optionss = ref([])
+const props = defineProps();
+const emit = defineEmits(['onBack']);
+const formState = reactive<FormState>({
+    subject: [],
+    shortname:'',
+    payment:''
+});
+const rulesRef = reactive({
+    subject: [
+        {
+            required: true,
+            message: '请输入商品名称!',
+        },
+    ],
+
+});
+const { resetFields, validate } = useForm(formState, rulesRef);
+
+const onSubmit = () => {
+    validate()
+        .then(async () => {
+
+        })
+        .catch(err => {
+            console.log('error', err);
+        });
+
+};
+onMounted(async () => {
+    const uid = getUid()
+    const data = await onSelectGoods(uid)
+    optionss.value = data.data
+    return optionss
+})
+
+defineExpose({
+    optionss,
+    value1: ref<Dayjs>(),
+});
+
+</script>
+<style lang="less" scoped>
+.page {
+    width: 100%;
+
+    .title {
+        padding-top: 20px;
+        text-align: left;
+    }
+    .pay{
+        display: flex;
+        flex-direction: column;
+        .ant-radio-wrapper{
+            height: 40px;
+        }
+    }
+}
+</style>

web-vue-admin/.history/src/views/pay-list/components/createpay/index_20220715093838.vue

+<template>
+    <div class="page">
+        <!-- {{props.props.propsData.isCad}} -->
+        <div class="title">支付项目信息</div>
+        <a-form style="margin-top: 30px" :model="formState" name="basic" 
+            :wrapper-col="{ span: 2 }" autocomplete="off">
+            <a-form-item label="选择商品" name="subject" :rules="rulesRef.subject"
+                :label-col="{ span: 2  }" labelAlign="left"> 
+                <div style="width:100%;display: flex;align-items: center;">
+                    <a-select v-model:value="formState.subject" mode="multiple" style="width: 100%" placeholder="请选择商品" >
+                        <a-select-option v-for="item in optionss" :itemKey="item" :value="item.goodsid"
+                            :label="item.goodsid">
+                            {{ item.subject }}
+                        </a-select-option>
+                    </a-select>
+                </div>
+            </a-form-item>
+            <a-form-item label="商品描述" name="shortname"  :label-col="{ span: 2}"  labelAlign="left">
+                <a-input v-model:value="formState.shortname" placeholder="请输入商品描述" />
+            </a-form-item>
+            <a-form-item label="支付金额" name="price"  :label-col="{ span: 2  }" labelAlign="left">
+                <a-radio-group v-model:value="formState.payment" name="radioGroup" class="pay">
+                    <a-radio value="1">商品默认金额</a-radio>
+                    <a-radio value="2">自定义金额</a-radio>
+                </a-radio-group>
+            </a-form-item>
+            <a-form-item label="支付渠道" name="price" :rules="rulesRef.qudao" :label-col="{ span: 2  }" labelAlign="left">
+                <a-radio-group v-model:value="value" name="radioGroup" class="pay">
+                    <a-radio value="1">微信</a-radio>
+                    <a-radio value="2">支付宝</a-radio>
+                    <a-radio value="3">京东白条</a-radio>
+                    <a-radio value="4">花呗</a-radio>
+                    <a-radio value="5">银联</a-radio>
+                </a-radio-group>
+            </a-form-item>
+            <a-form-item label="支付前填写手机号" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left">
+            <div style="display: flex;">
+                <a-switch v-model:checked="checked" />
+            </div>
+            </a-form-item>
+             <a-form-item label="开始时间" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left">
+                      <a-date-picker v-model:value="value1" />
+            </a-form-item>
+             <a-form-item label="结束时间" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left"> 
+                      <a-date-picker v-model:value="value1" />
+            </a-form-item>
+             <a-form-item label="信息备注" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left">
+                 <a-input v-model:value="value" placeholder="Basic usage" />
+            </a-form-item>
+            <a-form-item :wrapper-col="{ offset: 0, span: 8 }">
+                <a-button type="primary" html-type="submit" @click="onSubmit">确定</a-button>
+            </a-form-item>
+        </a-form>
+    </div>
+</template>
+<script lang="ts" setup>
+import { reactive, ref, defineEmits, defineExpose, toRaw, onMounted, } from "vue";
+import { message, UploadProps, Upload } from "ant-design-vue";
+import { Form } from 'ant-design-vue';
+import { onCreateGoods, onSelectGoods } from '@/api/index'
+import { getUid } from "@/utils/userInfo";
+import type { Dayjs } from 'dayjs';
+const useForm = Form.useForm;
+interface FormState {
+    subject: any,
+    shortname:string,
+    payment:string
+}
+const optionss = ref([])
+const props = defineProps();
+const emit = defineEmits(['onBack']);
+const formState = reactive<FormState>({
+    subject: [],
+    shortname:'',
+    payment:''
+});
+const rulesRef = reactive({
+    subject: [
+        {
+            required: true,
+            message: '请输入商品名称!',
+        },
+    ],
+
+});
+const { resetFields, validate } = useForm(formState, rulesRef);
+
+const onSubmit = () => {
+    validate()
+        .then(async () => {
+
+        })
+        .catch(err => {
+            console.log('error', err);
+        });
+
+};
+onMounted(async () => {
+    const uid = getUid()
+    const data = await onSelectGoods(uid)
+    optionss.value = data.data
+    return optionss
+})
+
+defineExpose({
+    optionss,
+    value1: ref<Dayjs>(),
+});
+
+</script>
+<style lang="less" scoped>
+.page {
+    width: 100%;
+
+    .title {
+        padding-top: 20px;
+        text-align: left;
+    }
+    .pay{
+        display: flex;
+        flex-direction: column;
+        .ant-radio-wrapper{
+            height: 40px;
+        }
+    }
+}
+</style>

web-vue-admin/.history/src/views/pay-list/components/createpay/index_20220715093908.vue

+<template>
+    <div class="page">
+        <!-- {{props.props.propsData.isCad}} -->
+        <div class="title">支付项目信息</div>
+        <a-form style="margin-top: 30px" :model="formState" name="basic" 
+            :wrapper-col="{ span: 2 }" autocomplete="off">
+            <a-form-item label="选择商品" name="subject" :rules="rulesRef.subject"
+                :label-col="{ span: 2  }" labelAlign="left"> 
+                <div style="width:100%;display: flex;align-items: center;">
+                    <a-select v-model:value="formState.subject" mode="multiple" style="width: 100%" placeholder="请选择商品" >
+                        <a-select-option v-for="item in optionss" :itemKey="item" :value="item.goodsid"
+                            :label="item.goodsid">
+                            {{ item.subject }}
+                        </a-select-option>
+                    </a-select>
+                </div>
+            </a-form-item>
+            <a-form-item label="商品描述" name="shortname"  :label-col="{ span: 2}"  labelAlign="left" :rules="rulesRef.shortname">
+                <a-input v-model:value="formState.shortname" placeholder="请输入商品描述" />
+            </a-form-item>
+            <a-form-item label="支付金额" name="price"  :label-col="{ span: 2  }" labelAlign="left">
+                <a-radio-group v-model:value="formState.payment" name="radioGroup" class="pay">
+                    <a-radio value="1">商品默认金额</a-radio>
+                    <a-radio value="2">自定义金额</a-radio>
+                </a-radio-group>
+            </a-form-item>
+            <a-form-item label="支付渠道" name="price" :rules="rulesRef.qudao" :label-col="{ span: 2  }" labelAlign="left">
+                <a-radio-group v-model:value="value" name="radioGroup" class="pay">
+                    <a-radio value="1">微信</a-radio>
+                    <a-radio value="2">支付宝</a-radio>
+                    <a-radio value="3">京东白条</a-radio>
+                    <a-radio value="4">花呗</a-radio>
+                    <a-radio value="5">银联</a-radio>
+                </a-radio-group>
+            </a-form-item>
+            <a-form-item label="支付前填写手机号" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left">
+            <div style="display: flex;">
+                <a-switch v-model:checked="checked" />
+            </div>
+            </a-form-item>
+             <a-form-item label="开始时间" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left">
+                      <a-date-picker v-model:value="value1" />
+            </a-form-item>
+             <a-form-item label="结束时间" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left"> 
+                      <a-date-picker v-model:value="value1" />
+            </a-form-item>
+             <a-form-item label="信息备注" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left">
+                 <a-input v-model:value="value" placeholder="Basic usage" />
+            </a-form-item>
+            <a-form-item :wrapper-col="{ offset: 0, span: 8 }">
+                <a-button type="primary" html-type="submit" @click="onSubmit">确定</a-button>
+            </a-form-item>
+        </a-form>
+    </div>
+</template>
+<script lang="ts" setup>
+import { reactive, ref, defineEmits, defineExpose, toRaw, onMounted, } from "vue";
+import { message, UploadProps, Upload } from "ant-design-vue";
+import { Form } from 'ant-design-vue';
+import { onCreateGoods, onSelectGoods } from '@/api/index'
+import { getUid } from "@/utils/userInfo";
+import type { Dayjs } from 'dayjs';
+const useForm = Form.useForm;
+interface FormState {
+    subject: any,
+    shortname:string,
+    payment:string
+}
+const optionss = ref([])
+const props = defineProps();
+const emit = defineEmits(['onBack']);
+const formState = reactive<FormState>({
+    subject: [],
+    shortname:'',
+    payment:''
+});
+const rulesRef = reactive({
+    subject: [
+        {
+            required: true,
+            message: '请输入商品名称!',
+        },
+    ],
+
+});
+const { resetFields, validate } = useForm(formState, rulesRef);
+
+const onSubmit = () => {
+    validate()
+        .then(async () => {
+
+        })
+        .catch(err => {
+            console.log('error', err);
+        });
+
+};
+onMounted(async () => {
+    const uid = getUid()
+    const data = await onSelectGoods(uid)
+    optionss.value = data.data
+    return optionss
+})
+
+defineExpose({
+    optionss,
+    value1: ref<Dayjs>(),
+});
+
+</script>
+<style lang="less" scoped>
+.page {
+    width: 100%;
+
+    .title {
+        padding-top: 20px;
+        text-align: left;
+    }
+    .pay{
+        display: flex;
+        flex-direction: column;
+        .ant-radio-wrapper{
+            height: 40px;
+        }
+    }
+}
+</style>

web-vue-admin/.history/src/views/pay-list/components/createpay/index_20220715093925.vue

+<template>
+    <div class="page">
+        <!-- {{props.props.propsData.isCad}} -->
+        <div class="title">支付项目信息</div>
+        <a-form style="margin-top: 30px" :model="formState" name="basic" 
+            :wrapper-col="{ span: 2 }" autocomplete="off">
+            <a-form-item label="选择商品" name="subject" :rules="rulesRef.subject"
+                :label-col="{ span: 2  }" labelAlign="left"> 
+                <div style="width:100%;display: flex;align-items: center;">
+                    <a-select v-model:value="formState.subject" mode="multiple" style="width: 100%" placeholder="请选择商品" >
+                        <a-select-option v-for="item in optionss" :itemKey="item" :value="item.goodsid"
+                            :label="item.goodsid">
+                            {{ item.subject }}
+                        </a-select-option>
+                    </a-select>
+                </div>
+            </a-form-item>
+            <a-form-item label="商品描述" name="shortname"  :label-col="{ span: 2}"  labelAlign="left" :rules="rulesRef.shortname">
+                <a-input v-model:value="formState.shortname" placeholder="请输入商品描述" />
+            </a-form-item>
+            <a-form-item label="支付金额" name="price"  :label-col="{ span: 2  }" labelAlign="left">
+                <a-radio-group v-model:value="formState.payment" name="radioGroup" class="pay">
+                    <a-radio value="1">商品默认金额</a-radio>
+                    <a-radio value="2">自定义金额</a-radio>
+                </a-radio-group>
+            </a-form-item>
+            <a-form-item label="支付渠道" name="price" :rules="rulesRef.qudao" :label-col="{ span: 2  }" labelAlign="left">
+                <a-radio-group v-model:value="value" name="radioGroup" class="pay">
+                    <a-radio value="1">微信</a-radio>
+                    <a-radio value="2">支付宝</a-radio>
+                    <a-radio value="3">京东白条</a-radio>
+                    <a-radio value="4">花呗</a-radio>
+                    <a-radio value="5">银联</a-radio>
+                </a-radio-group>
+            </a-form-item>
+            <a-form-item label="支付前填写手机号" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left">
+            <div style="display: flex;">
+                <a-switch v-model:checked="checked" />
+            </div>
+            </a-form-item>
+             <a-form-item label="开始时间" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left">
+                      <a-date-picker v-model:value="value1" />
+            </a-form-item>
+             <a-form-item label="结束时间" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left"> 
+                      <a-date-picker v-model:value="value1" />
+            </a-form-item>
+             <a-form-item label="信息备注" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left">
+                 <a-input v-model:value="value" placeholder="Basic usage" />
+            </a-form-item>
+            <a-form-item :wrapper-col="{ offset: 0, span: 8 }">
+                <a-button type="primary" html-type="submit" @click="onSubmit">确定</a-button>
+            </a-form-item>
+        </a-form>
+    </div>
+</template>
+<script lang="ts" setup>
+import { reactive, ref, defineEmits, defineExpose, toRaw, onMounted, } from "vue";
+import { message, UploadProps, Upload } from "ant-design-vue";
+import { Form } from 'ant-design-vue';
+import { onCreateGoods, onSelectGoods } from '@/api/index'
+import { getUid } from "@/utils/userInfo";
+import type { Dayjs } from 'dayjs';
+const useForm = Form.useForm;
+interface FormState {
+    subject: any,
+    shortname:string,
+    payment:string
+}
+const optionss = ref([])
+const props = defineProps();
+const emit = defineEmits(['onBack']);
+const formState = reactive<FormState>({
+    subject: [],
+    shortname:'',
+    payment:''
+});
+const rulesRef = reactive({
+    subject: [
+        {
+            required: true,
+            message: '请输入商品名称!',
+        },
+    ],
+    shortname: [
+        {
+            required: true,
+            message: '请输入商品简介!',
+        },
+    ],
+
+});
+const { resetFields, validate } = useForm(formState, rulesRef);
+
+const onSubmit = () => {
+    validate()
+        .then(async () => {
+
+        })
+        .catch(err => {
+            console.log('error', err);
+        });
+
+};
+onMounted(async () => {
+    const uid = getUid()
+    const data = await onSelectGoods(uid)
+    optionss.value = data.data
+    return optionss
+})
+
+defineExpose({
+    optionss,
+    value1: ref<Dayjs>(),
+});
+
+</script>
+<style lang="less" scoped>
+.page {
+    width: 100%;
+
+    .title {
+        padding-top: 20px;
+        text-align: left;
+    }
+    .pay{
+        display: flex;
+        flex-direction: column;
+        .ant-radio-wrapper{
+            height: 40px;
+        }
+    }
+}
+</style>

web-vue-admin/.history/src/views/pay-list/components/createpay/index_20220715094110.vue

+<template>
+    <div class="page">
+        <!-- {{props.props.propsData.isCad}} -->
+        <div class="title">支付项目信息</div>
+        <a-form style="margin-top: 30px" :model="formState" name="basic" 
+            :wrapper-col="{ span: 2 }" autocomplete="off">
+            <a-form-item label="选择商品" name="subject" :rules="rulesRef.subject"
+                :label-col="{ span: 2  }" labelAlign="left"> 
+                <div style="width:100%;display: flex;align-items: center;">
+                    <a-select v-model:value="formState.subject" mode="multiple" style="width: 100%" placeholder="请选择商品"  @select="onSelect">
+                        <a-select-option v-for="item in optionss" :itemKey="item" :value="item.goodsid"
+                            :label="item.goodsid">
+                            {{ item.subject }}
+                        </a-select-option>
+                    </a-select>
+                </div>
+            </a-form-item>
+            <a-form-item label="商品描述" name="shortname"  :label-col="{ span: 2}"  labelAlign="left" :rules="rulesRef.shortname">
+                <a-input v-model:value="formState.shortname" placeholder="请输入商品描述" />
+            </a-form-item>
+            <a-form-item label="支付金额" name="price"  :label-col="{ span: 2  }" labelAlign="left">
+                <a-radio-group v-model:value="formState.payment" name="radioGroup" class="pay">
+                    <a-radio value="1">商品默认金额</a-radio>
+                    <a-radio value="2">自定义金额</a-radio>
+                </a-radio-group>
+            </a-form-item>
+            <a-form-item label="支付渠道" name="price" :rules="rulesRef.qudao" :label-col="{ span: 2  }" labelAlign="left">
+                <a-radio-group v-model:value="value" name="radioGroup" class="pay">
+                    <a-radio value="1">微信</a-radio>
+                    <a-radio value="2">支付宝</a-radio>
+                    <a-radio value="3">京东白条</a-radio>
+                    <a-radio value="4">花呗</a-radio>
+                    <a-radio value="5">银联</a-radio>
+                </a-radio-group>
+            </a-form-item>
+            <a-form-item label="支付前填写手机号" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left">
+            <div style="display: flex;">
+                <a-switch v-model:checked="checked" />
+            </div>
+            </a-form-item>
+             <a-form-item label="开始时间" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left">
+                      <a-date-picker v-model:value="value1" />
+            </a-form-item>
+             <a-form-item label="结束时间" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left"> 
+                      <a-date-picker v-model:value="value1" />
+            </a-form-item>
+             <a-form-item label="信息备注" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left">
+                 <a-input v-model:value="value" placeholder="Basic usage" />
+            </a-form-item>
+            <a-form-item :wrapper-col="{ offset: 0, span: 8 }">
+                <a-button type="primary" html-type="submit" @click="onSubmit">确定</a-button>
+            </a-form-item>
+        </a-form>
+    </div>
+</template>
+<script lang="ts" setup>
+import { reactive, ref, defineEmits, defineExpose, toRaw, onMounted, } from "vue";
+import { message, UploadProps, Upload } from "ant-design-vue";
+import { Form } from 'ant-design-vue';
+import { onCreateGoods, onSelectGoods } from '@/api/index'
+import { getUid } from "@/utils/userInfo";
+import type { Dayjs } from 'dayjs';
+const useForm = Form.useForm;
+interface FormState {
+    subject: any,
+    shortname:string,
+    payment:string
+}
+const optionss = ref([])
+const props = defineProps();
+const emit = defineEmits(['onBack']);
+const formState = reactive<FormState>({
+    subject: [],
+    shortname:'',
+    payment:''
+});
+const rulesRef = reactive({
+    subject: [
+        {
+            required: true,
+            message: '请输入商品名称!',
+        },
+    ],
+    shortname: [
+        {
+            required: true,
+            message: '请输入商品简介!',
+        },
+    ],
+
+});
+const { resetFields, validate } = useForm(formState, rulesRef);
+
+const onSubmit = () => {
+    validate()
+        .then(async () => {
+
+        })
+        .catch(err => {
+            console.log('error', err);
+        });
+
+};
+onMounted(async () => {
+    const uid = getUid()
+    const data = await onSelectGoods(uid)
+    optionss.value = data.data
+    return optionss
+})
+
+defineExpose({
+    optionss,
+    value1: ref<Dayjs>(),
+});
+
+</script>
+<style lang="less" scoped>
+.page {
+    width: 100%;
+
+    .title {
+        padding-top: 20px;
+        text-align: left;
+    }
+    .pay{
+        display: flex;
+        flex-direction: column;
+        .ant-radio-wrapper{
+            height: 40px;
+        }
+    }
+}
+</style>

web-vue-admin/.history/src/views/pay-list/components/createpay/index_20220715094145.vue

+<template>
+    <div class="page">
+        <!-- {{props.props.propsData.isCad}} -->
+        <div class="title">支付项目信息</div>
+        <a-form style="margin-top: 30px" :model="formState" name="basic" 
+            :wrapper-col="{ span: 2 }" autocomplete="off">
+            <a-form-item label="选择商品" name="subject" :rules="rulesRef.subject"
+                :label-col="{ span: 2  }" labelAlign="left"> 
+                <div style="width:100%;display: flex;align-items: center;">
+                    <a-select v-model:value="formState.subject" mode="multiple" style="width: 100%" placeholder="请选择商品"  @select="onSelect">
+                        <a-select-option v-for="item in optionss" :itemKey="item" :value="item.goodsid"
+                            :label="item.goodsid">
+                            {{ item.subject }}
+                        </a-select-option>
+                    </a-select>
+                </div>
+            </a-form-item>
+            <a-form-item label="商品描述" name="shortname"  :label-col="{ span: 2}"  labelAlign="left" :rules="rulesRef.shortname">
+                <a-input v-model:value="formState.shortname" placeholder="请输入商品描述" />
+            </a-form-item>
+            <a-form-item label="支付金额" name="price"  :label-col="{ span: 2  }" labelAlign="left">
+                <a-radio-group v-model:value="formState.payment" name="radioGroup" class="pay">
+                    <a-radio value="1">商品默认金额</a-radio>
+                    <a-radio value="2">自定义金额</a-radio>
+                </a-radio-group>
+            </a-form-item>
+            <a-form-item label="支付渠道" name="price" :rules="rulesRef.qudao" :label-col="{ span: 2  }" labelAlign="left">
+                <a-radio-group v-model:value="value" name="radioGroup" class="pay">
+                    <a-radio value="1">微信</a-radio>
+                    <a-radio value="2">支付宝</a-radio>
+                    <a-radio value="3">京东白条</a-radio>
+                    <a-radio value="4">花呗</a-radio>
+                    <a-radio value="5">银联</a-radio>
+                </a-radio-group>
+            </a-form-item>
+            <a-form-item label="支付前填写手机号" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left">
+            <div style="display: flex;">
+                <a-switch v-model:checked="checked" />
+            </div>
+            </a-form-item>
+             <a-form-item label="开始时间" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left">
+                      <a-date-picker v-model:value="value1" />
+            </a-form-item>
+             <a-form-item label="结束时间" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left"> 
+                      <a-date-picker v-model:value="value1" />
+            </a-form-item>
+             <a-form-item label="信息备注" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left">
+                 <a-input v-model:value="value" placeholder="Basic usage" />
+            </a-form-item>
+            <a-form-item :wrapper-col="{ offset: 0, span: 8 }">
+                <a-button type="primary" html-type="submit" @click="onSubmit">确定</a-button>
+            </a-form-item>
+        </a-form>
+    </div>
+</template>
+<script lang="ts" setup>
+import { reactive, ref, defineEmits, defineExpose, toRaw, onMounted, } from "vue";
+import { message, UploadProps, Upload } from "ant-design-vue";
+import { Form } from 'ant-design-vue';
+import { onCreateGoods, onSelectGoods } from '@/api/index'
+import { getUid } from "@/utils/userInfo";
+import type { Dayjs } from 'dayjs';
+const useForm = Form.useForm;
+interface FormState {
+    subject: any,
+    shortname:string,
+    payment:string
+}
+const optionss = ref([])
+const props = defineProps();
+const emit = defineEmits(['onBack']);
+const formState = reactive<FormState>({
+    subject: [],
+    shortname:'',
+    payment:''
+});
+const rulesRef = reactive({
+    subject: [
+        {
+            required: true,
+            message: '请输入商品名称!',
+        },
+    ],
+    shortname: [
+        {
+            required: true,
+            message: '请输入商品简介!',
+        },
+    ],
+
+});
+const { resetFields, validate } = useForm(formState, rulesRef);
+const  onSelect = (e:any)=>{
+    console.log(e,'e');
+    
+}
+const onSubmit = () => {
+    validate()
+        .then(async () => {
+
+        })
+        .catch(err => {
+            console.log('error', err);
+        });
+
+};
+
+onMounted(async () => {
+    const uid = getUid()
+    const data = await onSelectGoods(uid)
+    optionss.value = data.data
+    return optionss
+})
+
+defineExpose({
+    optionss,
+    value1: ref<Dayjs>(),
+});
+
+</script>
+<style lang="less" scoped>
+.page {
+    width: 100%;
+
+    .title {
+        padding-top: 20px;
+        text-align: left;
+    }
+    .pay{
+        display: flex;
+        flex-direction: column;
+        .ant-radio-wrapper{
+            height: 40px;
+        }
+    }
+}
+</style>

web-vue-admin/.history/src/views/pay-list/components/createpay/index_20220715094154.vue

+<template>
+    <div class="page">
+        <!-- {{props.props.propsData.isCad}} -->
+        <div class="title">支付项目信息</div>
+        <a-form style="margin-top: 30px" :model="formState" name="basic" 
+            :wrapper-col="{ span: 2 }" autocomplete="off">
+            <a-form-item label="选择商品" name="subject" :rules="rulesRef.subject"
+                :label-col="{ span: 2  }" labelAlign="left"> 
+                <div style="width:100%;display: flex;align-items: center;">
+                    <a-select v-model:value="formState.subject" mode="multiple" style="width: 100%" placeholder="请选择商品"  @select="onSelect">
+                        <a-select-option v-for="item in optionss" :itemKey="item" :value="item.goodsid"
+                            :label="item.goodsid">
+                            {{ item.subject }}
+                        </a-select-option>
+                    </a-select>
+                </div>
+            </a-form-item>
+            <a-form-item label="商品描述" name="shortname"  :label-col="{ span: 2}"  labelAlign="left" :rules="rulesRef.shortname">
+                <a-input v-model:value="formState.shortname" placeholder="请输入商品描述" />
+            </a-form-item>
+            <a-form-item label="支付金额" name="price"  :label-col="{ span: 2  }" labelAlign="left">
+                <a-radio-group v-model:value="formState.payment" name="radioGroup" class="pay">
+                    <a-radio value="1">商品默认金额</a-radio>
+                    <a-radio value="2">自定义金额</a-radio>
+                </a-radio-group>
+            </a-form-item>
+            <a-form-item label="支付渠道" name="price" :rules="rulesRef.qudao" :label-col="{ span: 2  }" labelAlign="left">
+                <a-radio-group v-model:value="value" name="radioGroup" class="pay">
+                    <a-radio value="1">微信</a-radio>
+                    <a-radio value="2">支付宝</a-radio>
+                    <a-radio value="3">京东白条</a-radio>
+                    <a-radio value="4">花呗</a-radio>
+                    <a-radio value="5">银联</a-radio>
+                </a-radio-group>
+            </a-form-item>
+            <a-form-item label="支付前填写手机号" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left">
+            <div style="display: flex;">
+                <a-switch v-model:checked="checked" />
+            </div>
+            </a-form-item>
+             <a-form-item label="开始时间" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left">
+                      <a-date-picker v-model:value="value1" />
+            </a-form-item>
+             <a-form-item label="结束时间" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left"> 
+                      <a-date-picker v-model:value="value1" />
+            </a-form-item>
+             <a-form-item label="信息备注" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left">
+                 <a-input v-model:value="value" placeholder="Basic usage" />
+            </a-form-item>
+            <a-form-item :wrapper-col="{ offset: 0, span: 8 }">
+                <a-button type="primary" html-type="submit" @click="onSubmit">确定</a-button>
+            </a-form-item>
+        </a-form>
+    </div>
+</template>
+<script lang="ts" setup>
+import { reactive, ref, defineEmits, defineExpose, toRaw, onMounted, } from "vue";
+import { message, UploadProps, Upload } from "ant-design-vue";
+import { Form } from 'ant-design-vue';
+import { onCreateGoods, onSelectGoods } from '@/api/index'
+import { getUid } from "@/utils/userInfo";
+import type { Dayjs } from 'dayjs';
+const useForm = Form.useForm;
+interface FormState {
+    subject: any,
+    shortname:string,
+    payment:string
+}
+const optionss = ref([])
+const props = defineProps();
+const emit = defineEmits(['onBack']);
+const formState = reactive<FormState>({
+    subject: [],
+    shortname:'',
+    payment:''
+});
+const rulesRef = reactive({
+    subject: [
+        {
+            required: true,
+            message: '请输入商品名称!',
+        },
+    ],
+    shortname: [
+        {
+            required: true,
+            message: '请输入商品简介!',
+        },
+    ],
+
+});
+const { resetFields, validate } = useForm(formState, rulesRef);
+const  onSelect = (e:any)=>{
+    console.log(e,'e');
+}
+const onSubmit = () => {
+    validate()
+        .then(async () => {
+
+        })
+        .catch(err => {
+            console.log('error', err);
+        });
+
+};
+
+onMounted(async () => {
+    const uid = getUid()
+    const data = await onSelectGoods(uid)
+    optionss.value = data.data
+    return optionss
+})
+
+defineExpose({
+    optionss,
+    value1: ref<Dayjs>(),
+    onSelect
+});
+
+</script>
+<style lang="less" scoped>
+.page {
+    width: 100%;
+
+    .title {
+        padding-top: 20px;
+        text-align: left;
+    }
+    .pay{
+        display: flex;
+        flex-direction: column;
+        .ant-radio-wrapper{
+            height: 40px;
+        }
+    }
+}
+</style>

web-vue-admin/.history/src/views/pay-list/components/createpay/index_20220715094223.vue

+<template>
+    <div class="page">
+        <!-- {{props.props.propsData.isCad}} -->
+        <div class="title">支付项目信息</div>
+        <a-form style="margin-top: 30px" :model="formState" name="basic" 
+            :wrapper-col="{ span: 2 }" autocomplete="off">
+            <a-form-item label="选择商品" name="subject" :rules="rulesRef.subject"
+                :label-col="{ span: 2  }" labelAlign="left"> 
+                <div style="width:100%;display: flex;align-items: center;">
+                    <a-select v-model:value="formState.subject" mode="multiple" style="width: 100%" placeholder="请选择商品"  @select="onSelect">
+                        <a-select-option v-for="item in optionss" :itemKey="item" :value="item.goodsid"
+                            :label="item">
+                            {{ item.subject }}
+                        </a-select-option>
+                    </a-select>
+                </div>
+            </a-form-item>
+            <a-form-item label="商品描述" name="shortname"  :label-col="{ span: 2}"  labelAlign="left" :rules="rulesRef.shortname">
+                <a-input v-model:value="formState.shortname" placeholder="请输入商品描述" />
+            </a-form-item>
+            <a-form-item label="支付金额" name="price"  :label-col="{ span: 2  }" labelAlign="left">
+                <a-radio-group v-model:value="formState.payment" name="radioGroup" class="pay">
+                    <a-radio value="1">商品默认金额</a-radio>
+                    <a-radio value="2">自定义金额</a-radio>
+                </a-radio-group>
+            </a-form-item>
+            <a-form-item label="支付渠道" name="price" :rules="rulesRef.qudao" :label-col="{ span: 2  }" labelAlign="left">
+                <a-radio-group v-model:value="value" name="radioGroup" class="pay">
+                    <a-radio value="1">微信</a-radio>
+                    <a-radio value="2">支付宝</a-radio>
+                    <a-radio value="3">京东白条</a-radio>
+                    <a-radio value="4">花呗</a-radio>
+                    <a-radio value="5">银联</a-radio>
+                </a-radio-group>
+            </a-form-item>
+            <a-form-item label="支付前填写手机号" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left">
+            <div style="display: flex;">
+                <a-switch v-model:checked="checked" />
+            </div>
+            </a-form-item>
+             <a-form-item label="开始时间" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left">
+                      <a-date-picker v-model:value="value1" />
+            </a-form-item>
+             <a-form-item label="结束时间" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left"> 
+                      <a-date-picker v-model:value="value1" />
+            </a-form-item>
+             <a-form-item label="信息备注" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left">
+                 <a-input v-model:value="value" placeholder="Basic usage" />
+            </a-form-item>
+            <a-form-item :wrapper-col="{ offset: 0, span: 8 }">
+                <a-button type="primary" html-type="submit" @click="onSubmit">确定</a-button>
+            </a-form-item>
+        </a-form>
+    </div>
+</template>
+<script lang="ts" setup>
+import { reactive, ref, defineEmits, defineExpose, toRaw, onMounted, } from "vue";
+import { message, UploadProps, Upload } from "ant-design-vue";
+import { Form } from 'ant-design-vue';
+import { onCreateGoods, onSelectGoods } from '@/api/index'
+import { getUid } from "@/utils/userInfo";
+import type { Dayjs } from 'dayjs';
+const useForm = Form.useForm;
+interface FormState {
+    subject: any,
+    shortname:string,
+    payment:string
+}
+const optionss = ref([])
+const props = defineProps();
+const emit = defineEmits(['onBack']);
+const formState = reactive<FormState>({
+    subject: [],
+    shortname:'',
+    payment:''
+});
+const rulesRef = reactive({
+    subject: [
+        {
+            required: true,
+            message: '请输入商品名称!',
+        },
+    ],
+    shortname: [
+        {
+            required: true,
+            message: '请输入商品简介!',
+        },
+    ],
+
+});
+const { resetFields, validate } = useForm(formState, rulesRef);
+const  onSelect = (e:any)=>{
+    console.log(e,'e');
+}
+const onSubmit = () => {
+    validate()
+        .then(async () => {
+
+        })
+        .catch(err => {
+            console.log('error', err);
+        });
+
+};
+
+onMounted(async () => {
+    const uid = getUid()
+    const data = await onSelectGoods(uid)
+    optionss.value = data.data
+    return optionss
+})
+
+defineExpose({
+    optionss,
+    value1: ref<Dayjs>(),
+    onSelect
+});
+
+</script>
+<style lang="less" scoped>
+.page {
+    width: 100%;
+
+    .title {
+        padding-top: 20px;
+        text-align: left;
+    }
+    .pay{
+        display: flex;
+        flex-direction: column;
+        .ant-radio-wrapper{
+            height: 40px;
+        }
+    }
+}
+</style>

web-vue-admin/.history/src/views/pay-list/components/createpay/index_20220715094233.vue

+<template>
+    <div class="page">
+        <!-- {{props.props.propsData.isCad}} -->
+        <div class="title">支付项目信息</div>
+        <a-form style="margin-top: 30px" :model="formState" name="basic" 
+            :wrapper-col="{ span: 2 }" autocomplete="off">
+            <a-form-item label="选择商品" name="subject" :rules="rulesRef.subject"
+                :label-col="{ span: 2  }" labelAlign="left"> 
+                <div style="width:100%;display: flex;align-items: center;">
+                    <a-select v-model:value="formState.subject" mode="multiple" style="width: 100%" placeholder="请选择商品"  @select="onSelect">
+                        <a-select-option v-for="item in optionss" :itemKey="item" :value="item"
+                            :label="item">
+                            {{ item.subject }}
+                        </a-select-option>
+                    </a-select>
+                </div>
+            </a-form-item>
+            <a-form-item label="商品描述" name="shortname"  :label-col="{ span: 2}"  labelAlign="left" :rules="rulesRef.shortname">
+                <a-input v-model:value="formState.shortname" placeholder="请输入商品描述" />
+            </a-form-item>
+            <a-form-item label="支付金额" name="price"  :label-col="{ span: 2  }" labelAlign="left">
+                <a-radio-group v-model:value="formState.payment" name="radioGroup" class="pay">
+                    <a-radio value="1">商品默认金额</a-radio>
+                    <a-radio value="2">自定义金额</a-radio>
+                </a-radio-group>
+            </a-form-item>
+            <a-form-item label="支付渠道" name="price" :rules="rulesRef.qudao" :label-col="{ span: 2  }" labelAlign="left">
+                <a-radio-group v-model:value="value" name="radioGroup" class="pay">
+                    <a-radio value="1">微信</a-radio>
+                    <a-radio value="2">支付宝</a-radio>
+                    <a-radio value="3">京东白条</a-radio>
+                    <a-radio value="4">花呗</a-radio>
+                    <a-radio value="5">银联</a-radio>
+                </a-radio-group>
+            </a-form-item>
+            <a-form-item label="支付前填写手机号" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left">
+            <div style="display: flex;">
+                <a-switch v-model:checked="checked" />
+            </div>
+            </a-form-item>
+             <a-form-item label="开始时间" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left">
+                      <a-date-picker v-model:value="value1" />
+            </a-form-item>
+             <a-form-item label="结束时间" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left"> 
+                      <a-date-picker v-model:value="value1" />
+            </a-form-item>
+             <a-form-item label="信息备注" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left">
+                 <a-input v-model:value="value" placeholder="Basic usage" />
+            </a-form-item>
+            <a-form-item :wrapper-col="{ offset: 0, span: 8 }">
+                <a-button type="primary" html-type="submit" @click="onSubmit">确定</a-button>
+            </a-form-item>
+        </a-form>
+    </div>
+</template>
+<script lang="ts" setup>
+import { reactive, ref, defineEmits, defineExpose, toRaw, onMounted, } from "vue";
+import { message, UploadProps, Upload } from "ant-design-vue";
+import { Form } from 'ant-design-vue';
+import { onCreateGoods, onSelectGoods } from '@/api/index'
+import { getUid } from "@/utils/userInfo";
+import type { Dayjs } from 'dayjs';
+const useForm = Form.useForm;
+interface FormState {
+    subject: any,
+    shortname:string,
+    payment:string
+}
+const optionss = ref([])
+const props = defineProps();
+const emit = defineEmits(['onBack']);
+const formState = reactive<FormState>({
+    subject: [],
+    shortname:'',
+    payment:''
+});
+const rulesRef = reactive({
+    subject: [
+        {
+            required: true,
+            message: '请输入商品名称!',
+        },
+    ],
+    shortname: [
+        {
+            required: true,
+            message: '请输入商品简介!',
+        },
+    ],
+
+});
+const { resetFields, validate } = useForm(formState, rulesRef);
+const  onSelect = (e:any)=>{
+    console.log(e,'e');
+}
+const onSubmit = () => {
+    validate()
+        .then(async () => {
+
+        })
+        .catch(err => {
+            console.log('error', err);
+        });
+
+};
+
+onMounted(async () => {
+    const uid = getUid()
+    const data = await onSelectGoods(uid)
+    optionss.value = data.data
+    return optionss
+})
+
+defineExpose({
+    optionss,
+    value1: ref<Dayjs>(),
+    onSelect
+});
+
+</script>
+<style lang="less" scoped>
+.page {
+    width: 100%;
+
+    .title {
+        padding-top: 20px;
+        text-align: left;
+    }
+    .pay{
+        display: flex;
+        flex-direction: column;
+        .ant-radio-wrapper{
+            height: 40px;
+        }
+    }
+}
+</style>

web-vue-admin/.history/src/views/pay-list/components/createpay/index_20220715094256.vue

+<template>
+    <div class="page">
+        <!-- {{props.props.propsData.isCad}} -->
+        <div class="title">支付项目信息</div>
+        <a-form style="margin-top: 30px" :model="formState" name="basic" 
+            :wrapper-col="{ span: 2 }" autocomplete="off">
+            <a-form-item label="选择商品" name="subject" :rules="rulesRef.subject"
+                :label-col="{ span: 2  }" labelAlign="left"> 
+                <div style="width:100%;display: flex;align-items: center;">
+                    <a-select v-model:value="formState.subject" mode="multiple" style="width: 100%" placeholder="请选择商品"  @select="onSelect">
+                        <a-select-option v-for="item in optionss" :itemKey="item" :value="item.goodsid"
+                            :label="item.goodsid">
+                            {{ item.subject }}
+                        </a-select-option>
+                    </a-select>
+                </div>
+            </a-form-item>
+            <a-form-item label="商品描述" name="shortname"  :label-col="{ span: 2}"  labelAlign="left" :rules="rulesRef.shortname">
+                <a-input v-model:value="formState.shortname" placeholder="请输入商品描述" />
+            </a-form-item>
+            <a-form-item label="支付金额" name="price"  :label-col="{ span: 2  }" labelAlign="left">
+                <a-radio-group v-model:value="formState.payment" name="radioGroup" class="pay">
+                    <a-radio value="1">商品默认金额</a-radio>
+                    <a-radio value="2">自定义金额</a-radio>
+                </a-radio-group>
+            </a-form-item>
+            <a-form-item label="支付渠道" name="price" :rules="rulesRef.qudao" :label-col="{ span: 2  }" labelAlign="left">
+                <a-radio-group v-model:value="value" name="radioGroup" class="pay">
+                    <a-radio value="1">微信</a-radio>
+                    <a-radio value="2">支付宝</a-radio>
+                    <a-radio value="3">京东白条</a-radio>
+                    <a-radio value="4">花呗</a-radio>
+                    <a-radio value="5">银联</a-radio>
+                </a-radio-group>
+            </a-form-item>
+            <a-form-item label="支付前填写手机号" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left">
+            <div style="display: flex;">
+                <a-switch v-model:checked="checked" />
+            </div>
+            </a-form-item>
+             <a-form-item label="开始时间" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left">
+                      <a-date-picker v-model:value="value1" />
+            </a-form-item>
+             <a-form-item label="结束时间" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left"> 
+                      <a-date-picker v-model:value="value1" />
+            </a-form-item>
+             <a-form-item label="信息备注" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left">
+                 <a-input v-model:value="value" placeholder="Basic usage" />
+            </a-form-item>
+            <a-form-item :wrapper-col="{ offset: 0, span: 8 }">
+                <a-button type="primary" html-type="submit" @click="onSubmit">确定</a-button>
+            </a-form-item>
+        </a-form>
+    </div>
+</template>
+<script lang="ts" setup>
+import { reactive, ref, defineEmits, defineExpose, toRaw, onMounted, } from "vue";
+import { message, UploadProps, Upload } from "ant-design-vue";
+import { Form } from 'ant-design-vue';
+import { onCreateGoods, onSelectGoods } from '@/api/index'
+import { getUid } from "@/utils/userInfo";
+import type { Dayjs } from 'dayjs';
+const useForm = Form.useForm;
+interface FormState {
+    subject: any,
+    shortname:string,
+    payment:string
+}
+const optionss = ref([])
+const props = defineProps();
+const emit = defineEmits(['onBack']);
+const formState = reactive<FormState>({
+    subject: [],
+    shortname:'',
+    payment:''
+});
+const rulesRef = reactive({
+    subject: [
+        {
+            required: true,
+            message: '请输入商品名称!',
+        },
+    ],
+    shortname: [
+        {
+            required: true,
+            message: '请输入商品简介!',
+        },
+    ],
+
+});
+const { resetFields, validate } = useForm(formState, rulesRef);
+const  onSelect = (e:any)=>{
+    console.log(e,'e');
+}
+const onSubmit = () => {
+    validate()
+        .then(async () => {
+
+        })
+        .catch(err => {
+            console.log('error', err);
+        });
+
+};
+
+onMounted(async () => {
+    const uid = getUid()
+    const data = await onSelectGoods(uid)
+    optionss.value = data.data
+    return optionss
+})
+
+defineExpose({
+    optionss,
+    value1: ref<Dayjs>(),
+    onSelect
+});
+
+</script>
+<style lang="less" scoped>
+.page {
+    width: 100%;
+
+    .title {
+        padding-top: 20px;
+        text-align: left;
+    }
+    .pay{
+        display: flex;
+        flex-direction: column;
+        .ant-radio-wrapper{
+            height: 40px;
+        }
+    }
+}
+</style>

web-vue-admin/.history/src/views/pay-list/components/createpay/index_20220715094332.vue

+<template>
+    <div class="page">
+        <!-- {{props.props.propsData.isCad}} -->
+        <div class="title">支付项目信息</div>
+        <a-form style="margin-top: 30px" :model="formState" name="basic" 
+            :wrapper-col="{ span: 2 }" autocomplete="off">
+            <a-form-item label="选择商品" name="subject" :rules="rulesRef.subject"
+                :label-col="{ span: 2  }" labelAlign="left"> 
+                <div style="width:100%;display: flex;align-items: center;">
+                    <a-select v-model:value="formState.subject" mode="multiple" style="width: 100%" placeholder="请选择商品"  @select="onSelect">
+                        <a-select-option v-for="item in optionss" :itemKey="item" :value="item.goodsid"
+                            :label="item.goodsid">
+                            {{ item.subject }}
+                        </a-select-option>
+                    </a-select>
+                </div>
+            </a-form-item>
+            <a-form-item label="商品描述" name="shortname"  :label-col="{ span: 2}"  labelAlign="left" :rules="rulesRef.shortname">
+                <a-input v-model:value="formState.shortname" placeholder="请输入商品描述" />
+            </a-form-item>
+            <a-form-item label="支付金额" name="price"  :label-col="{ span: 2  }" labelAlign="left">
+                <a-radio-group v-model:value="formState.payment" name="radioGroup" class="pay">
+                    <a-radio value="1">商品默认金额</a-radio>
+                    <a-radio value="2">自定义金额</a-radio>
+                </a-radio-group>
+            </a-form-item>
+            <a-form-item label="支付渠道" name="price" :rules="rulesRef.qudao" :label-col="{ span: 2  }" labelAlign="left">
+                <a-radio-group v-model:value="value" name="radioGroup" class="pay">
+                    <a-radio value="1">微信</a-radio>
+                    <a-radio value="2">支付宝</a-radio>
+                    <a-radio value="3">京东白条</a-radio>
+                    <a-radio value="4">花呗</a-radio>
+                    <a-radio value="5">银联</a-radio>
+                </a-radio-group>
+            </a-form-item>
+            <a-form-item label="支付前填写手机号" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left">
+            <div style="display: flex;">
+                <a-switch v-model:checked="checked" />
+            </div>
+            </a-form-item>
+             <a-form-item label="开始时间" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left">
+                      <a-date-picker v-model:value="value1" />
+            </a-form-item>
+             <a-form-item label="结束时间" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left"> 
+                      <a-date-picker v-model:value="value1" />
+            </a-form-item>
+             <a-form-item label="信息备注" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left">
+                 <a-input v-model:value="value" placeholder="Basic usage" />
+            </a-form-item>
+            <a-form-item :wrapper-col="{ offset: 0, span: 8 }">
+                <a-button type="primary" html-type="submit" @click="onSubmit">确定</a-button>
+            </a-form-item>
+        </a-form>
+    </div>
+</template>
+<script lang="ts" setup>
+import { reactive, ref, defineEmits, defineExpose, toRaw, onMounted, } from "vue";
+import { message, UploadProps, Upload } from "ant-design-vue";
+import { Form } from 'ant-design-vue';
+import { onCreateGoods, onSelectGoods } from '@/api/index'
+import { getUid } from "@/utils/userInfo";
+import type { Dayjs } from 'dayjs';
+const useForm = Form.useForm;
+interface FormState {
+    subject: any,
+    shortname:string,
+    payment:string
+}
+const optionss = ref([])
+const props = defineProps();
+const emit = defineEmits(['onBack']);
+const formState = reactive<FormState>({
+    subject: [],
+    shortname:'',
+    payment:''
+});
+const rulesRef = reactive({
+    subject: [
+        {
+            required: true,
+            message: '请输入商品名称!',
+        },
+    ],
+    shortname: [
+        {
+            required: true,
+            message: '请输入商品简介!',
+        },
+    ],
+
+});
+const { resetFields, validate } = useForm(formState, rulesRef);
+const  onSelect = (value:any, option:any)=>{
+    console.log(value, option,'e');
+}
+const onSubmit = () => {
+    validate()
+        .then(async () => {
+
+        })
+        .catch(err => {
+            console.log('error', err);
+        });
+
+};
+
+onMounted(async () => {
+    const uid = getUid()
+    const data = await onSelectGoods(uid)
+    optionss.value = data.data
+    return optionss
+})
+
+defineExpose({
+    optionss,
+    value1: ref<Dayjs>(),
+    onSelect
+});
+
+</script>
+<style lang="less" scoped>
+.page {
+    width: 100%;
+
+    .title {
+        padding-top: 20px;
+        text-align: left;
+    }
+    .pay{
+        display: flex;
+        flex-direction: column;
+        .ant-radio-wrapper{
+            height: 40px;
+        }
+    }
+}
+</style>

web-vue-admin/.history/src/views/pay-list/components/createpay/index_20220715094505.vue

+<template>
+    <div class="page">
+        <!-- {{props.props.propsData.isCad}} -->
+        <div class="title">支付项目信息</div>
+        <a-form style="margin-top: 30px" :model="formState" name="basic" 
+            :wrapper-col="{ span: 2 }" autocomplete="off">
+            <a-form-item label="选择商品" name="subject" :rules="rulesRef.subject"
+                :label-col="{ span: 2  }" labelAlign="left"> 
+                <div style="width:100%;display: flex;align-items: center;">
+                    <a-select v-model:value="formState.subject" mode="multiple" style="width: 100%" placeholder="请选择商品"  @select="onSelect">
+                        <a-select-option v-for="item in optionss" :itemKey="item" :value="item.goodsid"
+                            :label="item.goodsid">
+                            {{ item.subject }}
+                        </a-select-option>
+                    </a-select>
+                </div>
+            </a-form-item>
+            <a-form-item label="商品描述" name="shortname"  :label-col="{ span: 2}"  labelAlign="left" :rules="rulesRef.shortname">
+                <a-input v-model:value="formState.shortname" placeholder="请输入商品描述" />
+            </a-form-item>
+            <a-form-item label="支付金额" name="price"  :label-col="{ span: 2  }" labelAlign="left">
+                <a-radio-group v-model:value="formState.payment" name="radioGroup" class="pay">
+                    <a-radio value="1">商品默认金额</a-radio>
+                    <a-radio value="2">自定义金额</a-radio>
+                </a-radio-group>
+            </a-form-item>
+            <a-form-item label="支付渠道" name="price" :rules="rulesRef.qudao" :label-col="{ span: 2  }" labelAlign="left">
+                <a-radio-group v-model:value="value" name="radioGroup" class="pay">
+                    <a-radio value="1">微信</a-radio>
+                    <a-radio value="2">支付宝</a-radio>
+                    <a-radio value="3">京东白条</a-radio>
+                    <a-radio value="4">花呗</a-radio>
+                    <a-radio value="5">银联</a-radio>
+                </a-radio-group>
+            </a-form-item>
+            <a-form-item label="支付前填写手机号" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left">
+            <div style="display: flex;">
+                <a-switch v-model:checked="checked" />
+            </div>
+            </a-form-item>
+             <a-form-item label="开始时间" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left">
+                      <a-date-picker v-model:value="value1" />
+            </a-form-item>
+             <a-form-item label="结束时间" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left"> 
+                      <a-date-picker v-model:value="value1" />
+            </a-form-item>
+             <a-form-item label="信息备注" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left">
+                 <a-input v-model:value="value" placeholder="Basic usage" />
+            </a-form-item>
+            <a-form-item :wrapper-col="{ offset: 0, span: 8 }">
+                <a-button type="primary" html-type="submit" @click="onSubmit">确定</a-button>
+            </a-form-item>
+        </a-form>
+    </div>
+</template>
+<script lang="ts" setup>
+import { reactive, ref, defineEmits, defineExpose, toRaw, onMounted, } from "vue";
+import { message, UploadProps, Upload } from "ant-design-vue";
+import { Form } from 'ant-design-vue';
+import { onCreateGoods, onSelectGoods } from '@/api/index'
+import { getUid } from "@/utils/userInfo";
+import type { Dayjs } from 'dayjs';
+const useForm = Form.useForm;
+interface FormState {
+    subject: any,
+    shortname:string,
+    payment:string
+}
+const optionss = ref([])
+const props = defineProps();
+const emit = defineEmits(['onBack']);
+const formState = reactive<FormState>({
+    subject: [],
+    shortname:'',
+    payment:''
+});
+let price = ref(0)
+const rulesRef = reactive({
+    subject: [
+        {
+            required: true,
+            message: '请输入商品名称!',
+        },
+    ],
+    shortname: [
+        {
+            required: true,
+            message: '请输入商品简介!',
+        },
+    ],
+
+});
+const { resetFields, validate } = useForm(formState, rulesRef);
+const  onSelect = (value:any, option:any)=>{
+     price.validate = option.itemKey.price
+}
+const onSubmit = () => {
+    validate()
+        .then(async () => {
+
+        })
+        .catch(err => {
+            console.log('error', err);
+        });
+
+};
+
+onMounted(async () => {
+    const uid = getUid()
+    const data = await onSelectGoods(uid)
+    optionss.value = data.data
+    return optionss
+})
+
+defineExpose({
+    optionss,
+    value1: ref<Dayjs>(),
+    onSelect
+});
+
+</script>
+<style lang="less" scoped>
+.page {
+    width: 100%;
+
+    .title {
+        padding-top: 20px;
+        text-align: left;
+    }
+    .pay{
+        display: flex;
+        flex-direction: column;
+        .ant-radio-wrapper{
+            height: 40px;
+        }
+    }
+}
+</style>

web-vue-admin/.history/src/views/pay-list/components/createpay/index_20220715094512.vue

+<template>
+    <div class="page">
+        <!-- {{props.props.propsData.isCad}} -->
+        <div class="title">支付项目信息</div>
+        <a-form style="margin-top: 30px" :model="formState" name="basic" 
+            :wrapper-col="{ span: 2 }" autocomplete="off">
+            <a-form-item label="选择商品" name="subject" :rules="rulesRef.subject"
+                :label-col="{ span: 2  }" labelAlign="left"> 
+                <div style="width:100%;display: flex;align-items: center;">
+                    <a-select v-model:value="formState.subject" mode="multiple" style="width: 100%" placeholder="请选择商品"  @select="onSelect">
+                        <a-select-option v-for="item in optionss" :itemKey="item" :value="item.goodsid"
+                            :label="item.goodsid">
+                            {{ item.subject }}
+                        </a-select-option>
+                    </a-select>
+                </div>
+            </a-form-item>
+            <a-form-item label="商品描述" name="shortname"  :label-col="{ span: 2}"  labelAlign="left" :rules="rulesRef.shortname">
+                <a-input v-model:value="formState.shortname" placeholder="请输入商品描述" />
+            </a-form-item>
+            <a-form-item label="支付金额" name="price"  :label-col="{ span: 2  }" labelAlign="left">
+                <a-radio-group v-model:value="formState.payment" name="radioGroup" class="pay">
+                    <a-radio value="1">商品默认金额</a-radio>
+                    <a-radio value="2">自定义金额</a-radio>
+                </a-radio-group>
+            </a-form-item>
+            <a-form-item label="支付渠道" name="price" :rules="rulesRef.qudao" :label-col="{ span: 2  }" labelAlign="left">
+                <a-radio-group v-model:value="value" name="radioGroup" class="pay">
+                    <a-radio value="1">微信</a-radio>
+                    <a-radio value="2">支付宝</a-radio>
+                    <a-radio value="3">京东白条</a-radio>
+                    <a-radio value="4">花呗</a-radio>
+                    <a-radio value="5">银联</a-radio>
+                </a-radio-group>
+            </a-form-item>
+            <a-form-item label="支付前填写手机号" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left">
+            <div style="display: flex;">
+                <a-switch v-model:checked="checked" />
+            </div>
+            </a-form-item>
+             <a-form-item label="开始时间" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left">
+                      <a-date-picker v-model:value="value1" />
+            </a-form-item>
+             <a-form-item label="结束时间" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left"> 
+                      <a-date-picker v-model:value="value1" />
+            </a-form-item>
+             <a-form-item label="信息备注" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left">
+                 <a-input v-model:value="value" placeholder="Basic usage" />
+            </a-form-item>
+            <a-form-item :wrapper-col="{ offset: 0, span: 8 }">
+                <a-button type="primary" html-type="submit" @click="onSubmit">确定</a-button>
+            </a-form-item>
+        </a-form>
+    </div>
+</template>
+<script lang="ts" setup>
+import { reactive, ref, defineEmits, defineExpose, toRaw, onMounted, } from "vue";
+import { message, UploadProps, Upload } from "ant-design-vue";
+import { Form } from 'ant-design-vue';
+import { onCreateGoods, onSelectGoods } from '@/api/index'
+import { getUid } from "@/utils/userInfo";
+import type { Dayjs } from 'dayjs';
+const useForm = Form.useForm;
+interface FormState {
+    subject: any,
+    shortname:string,
+    payment:string
+}
+const optionss = ref([])
+const props = defineProps();
+const emit = defineEmits(['onBack']);
+const formState = reactive<FormState>({
+    subject: [],
+    shortname:'',
+    payment:''
+});
+let price = ref(0)
+const rulesRef = reactive({
+    subject: [
+        {
+            required: true,
+            message: '请输入商品名称!',
+        },
+    ],
+    shortname: [
+        {
+            required: true,
+            message: '请输入商品简介!',
+        },
+    ],
+
+});
+const { resetFields, validate } = useForm(formState, rulesRef);
+const  onSelect = (value:any, option:any)=>{
+     price.value = option.itemKey.price
+}
+const onSubmit = () => {
+    validate()
+        .then(async () => {
+
+        })
+        .catch(err => {
+            console.log('error', err);
+        });
+
+};
+
+onMounted(async () => {
+    const uid = getUid()
+    const data = await onSelectGoods(uid)
+    optionss.value = data.data
+    return optionss
+})
+
+defineExpose({
+    optionss,
+    value1: ref<Dayjs>(),
+    onSelect
+});
+
+</script>
+<style lang="less" scoped>
+.page {
+    width: 100%;
+
+    .title {
+        padding-top: 20px;
+        text-align: left;
+    }
+    .pay{
+        display: flex;
+        flex-direction: column;
+        .ant-radio-wrapper{
+            height: 40px;
+        }
+    }
+}
+</style>

web-vue-admin/.history/src/views/pay-list/components/createpay/index_20220715094516.vue

+<template>
+    <div class="page">
+        <!-- {{props.props.propsData.isCad}} -->
+        <div class="title">支付项目信息</div>
+        <a-form style="margin-top: 30px" :model="formState" name="basic" 
+            :wrapper-col="{ span: 2 }" autocomplete="off">
+            <a-form-item label="选择商品" name="subject" :rules="rulesRef.subject"
+                :label-col="{ span: 2  }" labelAlign="left"> 
+                <div style="width:100%;display: flex;align-items: center;">
+                    <a-select v-model:value="formState.subject" mode="multiple" style="width: 100%" placeholder="请选择商品"  @select="onSelect">
+                        <a-select-option v-for="item in optionss" :itemKey="item" :value="item.goodsid"
+                            :label="item.goodsid">
+                            {{ item.subject }}
+                        </a-select-option>
+                    </a-select>
+                </div>
+            </a-form-item>
+            <a-form-item label="商品描述" name="shortname"  :label-col="{ span: 2}"  labelAlign="left" :rules="rulesRef.shortname">
+                <a-input v-model:value="formState.shortname" placeholder="请输入商品描述" />
+            </a-form-item>
+            <a-form-item label="支付金额" name="price"  :label-col="{ span: 2  }" labelAlign="left">
+                <a-radio-group v-model:value="formState.payment" name="radioGroup" class="pay">
+                    <a-radio value="1">商品默认金额</a-radio>
+                    <a-radio value="2">自定义金额</a-radio>
+                </a-radio-group>
+            </a-form-item>
+            <a-form-item label="支付渠道" name="price" :rules="rulesRef.qudao" :label-col="{ span: 2  }" labelAlign="left">
+                <a-radio-group v-model:value="value" name="radioGroup" class="pay">
+                    <a-radio value="1">微信</a-radio>
+                    <a-radio value="2">支付宝</a-radio>
+                    <a-radio value="3">京东白条</a-radio>
+                    <a-radio value="4">花呗</a-radio>
+                    <a-radio value="5">银联</a-radio>
+                </a-radio-group>
+            </a-form-item>
+            <a-form-item label="支付前填写手机号" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left">
+            <div style="display: flex;">
+                <a-switch v-model:checked="checked" />
+            </div>
+            </a-form-item>
+             <a-form-item label="开始时间" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left">
+                      <a-date-picker v-model:value="value1" />
+            </a-form-item>
+             <a-form-item label="结束时间" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left"> 
+                      <a-date-picker v-model:value="value1" />
+            </a-form-item>
+             <a-form-item label="信息备注" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left">
+                 <a-input v-model:value="value" placeholder="Basic usage" />
+            </a-form-item>
+            <a-form-item :wrapper-col="{ offset: 0, span: 8 }">
+                <a-button type="primary" html-type="submit" @click="onSubmit">确定</a-button>
+            </a-form-item>
+        </a-form>
+    </div>
+</template>
+<script lang="ts" setup>
+import { reactive, ref, defineEmits, defineExpose, toRaw, onMounted, } from "vue";
+import { message, UploadProps, Upload } from "ant-design-vue";
+import { Form } from 'ant-design-vue';
+import { onCreateGoods, onSelectGoods } from '@/api/index'
+import { getUid } from "@/utils/userInfo";
+import type { Dayjs } from 'dayjs';
+const useForm = Form.useForm;
+interface FormState {
+    subject: any,
+    shortname:string,
+    payment:string
+}
+const optionss = ref([])
+const props = defineProps();
+const emit = defineEmits(['onBack']);
+const formState = reactive<FormState>({
+    subject: [],
+    shortname:'',
+    payment:''
+});
+let price = ref(0)
+const rulesRef = reactive({
+    subject: [
+        {
+            required: true,
+            message: '请输入商品名称!',
+        },
+    ],
+    shortname: [
+        {
+            required: true,
+            message: '请输入商品简介!',
+        },
+    ],
+
+});
+const { resetFields, validate } = useForm(formState, rulesRef);
+const  onSelect = (value:any, option:any)=>{
+     price.value = option.itemKey.price
+}
+const onSubmit = () => {
+    validate()
+        .then(async () => {
+
+        })
+        .catch(err => {
+            console.log('error', err);
+        });
+
+};
+
+onMounted(async () => {
+    const uid = getUid()
+    const data = await onSelectGoods(uid)
+    optionss.value = data.data
+    return optionss
+})
+
+defineExpose({
+    optionss,
+    value1: ref<Dayjs>(),
+    onSelect,
+    price
+});
+
+</script>
+<style lang="less" scoped>
+.page {
+    width: 100%;
+
+    .title {
+        padding-top: 20px;
+        text-align: left;
+    }
+    .pay{
+        display: flex;
+        flex-direction: column;
+        .ant-radio-wrapper{
+            height: 40px;
+        }
+    }
+}
+</style>

web-vue-admin/.history/src/views/pay-list/components/createpay/index_20220715094550.vue

+<template>
+    <div class="page">
+        <!-- {{props.props.propsData.isCad}} -->
+        <div class="title">支付项目信息</div>
+        <a-form style="margin-top: 30px" :model="formState" name="basic" 
+            :wrapper-col="{ span: 2 }" autocomplete="off">
+            <a-form-item label="选择商品" name="subject" :rules="rulesRef.subject"
+                :label-col="{ span: 2  }" labelAlign="left"> 
+                <div style="width:100%;display: flex;align-items: center;">
+                    <a-select v-model:value="formState.subject" mode="multiple" style="width: 100%" placeholder="请选择商品"  @select="onSelect">
+                        <a-select-option v-for="item in optionss" :itemKey="item" :value="item.goodsid"
+                            :label="item.goodsid">
+                            {{ item.subject }}
+                        </a-select-option>
+                    </a-select>
+                </div>
+            </a-form-item>
+            <a-form-item label="商品描述" name="shortname"  :label-col="{ span: 2}"  labelAlign="left" :rules="rulesRef.shortname">
+                <a-input v-model:value="formState.shortname" placeholder="请输入商品描述" />
+            </a-form-item>
+            <a-form-item label="支付金额" name="price"  :label-col="{ span: 2  }" labelAlign="left">
+                <a-radio-group v-model:value="formState.payment" name="radioGroup" class="pay">
+                <div><a-radio value="1">商品默认金额</a-radio></div>
+                    
+                    <a-radio value="2">自定义金额</a-radio>
+                </a-radio-group>
+            </a-form-item>
+            <a-form-item label="支付渠道" name="price" :rules="rulesRef.qudao" :label-col="{ span: 2  }" labelAlign="left">
+                <a-radio-group v-model:value="value" name="radioGroup" class="pay">
+                    <a-radio value="1">微信</a-radio>
+                    <a-radio value="2">支付宝</a-radio>
+                    <a-radio value="3">京东白条</a-radio>
+                    <a-radio value="4">花呗</a-radio>
+                    <a-radio value="5">银联</a-radio>
+                </a-radio-group>
+            </a-form-item>
+            <a-form-item label="支付前填写手机号" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left">
+            <div style="display: flex;">
+                <a-switch v-model:checked="checked" />
+            </div>
+            </a-form-item>
+             <a-form-item label="开始时间" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left">
+                      <a-date-picker v-model:value="value1" />
+            </a-form-item>
+             <a-form-item label="结束时间" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left"> 
+                      <a-date-picker v-model:value="value1" />
+            </a-form-item>
+             <a-form-item label="信息备注" name="price" :rules="rulesRef.checked" :label-col="{ span: 2  }" labelAlign="left">
+                 <a-input v-model:value="value" placeholder="Basic usage" />
+            </a-form-item>
+            <a-form-item :wrapper-col="{ offset: 0, span: 8 }">
+                <a-button type="primary" html-type="submit" @click="onSubmit">确定</a-button>
+            </a-form-item>
+        </a-form>
+    </div>
+</template>
+<script lang="ts" setup>
+import { reactive, ref, defineEmits, defineExpose, toRaw, onMounted, } from "vue";
+import { message, UploadProps, Upload } from "ant-design-vue";
+import { Form } from 'ant-design-vue';
+import { onCreateGoods, onSelectGoods } from '@/api/index'
+import { getUid } from "@/utils/userInfo";
+import type { Dayjs } from 'dayjs';
+const useForm = Form.useForm;
+interface FormState {
+    subject: any,
+    shortname:string,
+    payment:string
+}
+const optionss = ref([])
+const props = defineProps();
+const emit = defineEmits(['onBack']);
+const formState = reactive<FormState>({
+    subject: [],
+    shortname:'',
+    payment:''
+});
+let price = ref(0)
+const rulesRef = reactive({
+    subject: [
+        {
+            required: true,
+            message: '请输入商品名称!',
+        },
+    ],
+    shortname: [
+        {
+            required: true,
+            message: '请输入商品简介!',
+        },
+    ],
+
+});
+const { resetFields, validate } = useForm(formState, rulesRef);
+const  onSelect = (value:any, option:any)=>{
+     price.value = option.itemKey.price
+}
+const onSubmit = () => {
+    validate()
+        .then(async () => {
+
+        })
+        .catch(err => {
+            console.log('error', err);
+        });
+
+};
+
+onMounted(async () => {
+    const uid = getUid()
+    const data = await onSelectGoods(uid)
+    optionss.value = data.data
+    return optionss
+})
+
+defineExpose({
+    optionss,
+    value1: ref<Dayjs>(),
+    onSelect,
+    price
+});
+
+</script>
+<style lang="less" scoped>
+.page {
+    width: 100%;
+
+    .title {
+        padding-top: 20px;
+        text-align: left;
+    }
+    .pay{
+        display: flex;
+        flex-direction: column;
+        .ant-radio-wrapper{
+            height: 40px;
+        }
+    }
+}
+</style>