feat(custom): 订单列表改版

src/views/goods/add/index.vue

@@ -1,12 +1,12 @@
 <template>
   <CommonPage show-footer :title="$route.title">
-    <!--{{ model }}-->
+    {{ model }}
     <n-spin size="large" :show="isShowSpin">
       <n-form ref="formRef" label-width="100" :model="model" :rules="rules" label-placement="left">
         <n-grid :cols="2" :x-gap="24">
           <n-form-item-gi :span="12" label="商品分类:" path="class_id">
             <n-select
-              v-model:value="model.class_id"
+              v-model:value="model.goods_class_id"
               label-field="name"
               value-field="ID"
               :options="classList"
@@ -22,14 +22,24 @@
           <n-form-item-gi :span="12" label="商品轮播图:" path="rotation">
             <Upload v-model:list="model.rotation" :max="5" multiple />
           </n-form-item-gi>
-          <n-form-item-gi :span="12" label="商品价格:" path="number">
-            <n-input-number v-model:value="model.number" placeholder="输入商品价格" />
+          <!--          <n-form-item-gi :span="12" label="支付方式:" path="pay_type">-->
+          <!--            <n-select-->
+          <!--              v-model:value="model.pay_type"-->
+          <!--              multiple-->
+          <!--              :options="[-->
+          <!--                { label: '微信支付', value: 1 },-->
+          <!--                { label: '积分支付', value: 2 },-->
+          <!--              ]"-->
+          <!--            />-->
+          <!--          </n-form-item-gi>-->
+          <n-form-item-gi :span="12" label="现金价格:" path="number">
+            <n-input-number v-model:value="model.number" :min="0" placeholder="输入现金价格" />
           </n-form-item-gi>
-          <n-form-item-gi :span="12" label="市场价格:" path="market_num">
-            <n-input-number v-model:value="model.market_num" placeholder="输入市场价格" />
+          <n-form-item-gi :span="12" label="积分价格:" path="exchange">
+            <n-input-number v-model:value="model.exchange" :min="0" placeholder="输入积分价格" />
           </n-form-item-gi>
           <n-form-item-gi :span="12" label="商品库存:" path="stock">
-            <n-input-number v-model:value="model.stock" placeholder="输入商品库存" />
+            <n-input-number v-model:value="model.stock" :min="0" placeholder="输入商品库存" />
           </n-form-item-gi>
           <n-form-item-gi :span="12" label="商品简介:" path="profile">
             <n-input v-model:value="model.profile" type="textarea" placeholder="输入商品简介" />
@@ -60,11 +70,12 @@ const formRef = ref(null)
 
 const model = ref({
   name: '',
-  class_id: null,
+  goods_class_id: null,
   cover: [],
   rotation: [],
   profile: '',
   details: '',
+  pay_type: [],
   stock: null,
   number: null,
   market_num: null,
@@ -77,7 +88,7 @@ const rules = {
     message: '请输入商品名称',
     trigger: 'blur',
   },
-  class_id: {
+  goods_class_id: {
     required: true,
     type: 'number',
     message: '请选择商品分类',
@@ -95,13 +106,19 @@ const rules = {
     message: '请上传商品轮播图',
     trigger: 'change',
   },
+  pay_type: {
+    required: true,
+    type: 'array',
+    message: '请选择支付方式',
+    trigger: 'change',
+  },
   number: {
     required: true,
     type: 'number',
     message: '请输入商品价格',
     trigger: 'blur',
   },
-  market_num: {
+  exchange: {
     required: true,
     type: 'number',
     message: '请输入市场价格',

src/views/goods/index/index.vue

@@ -43,7 +43,7 @@ const columns = ref([
     align: 'center',
     slot: 'class_id',
     render(row) {
-      const data = optList.value.filter((item) => item.ID === row.class_id)
+      const data = optList.value.filter((item) => item.ID === row.goods_class_id)
       return h('span', data[0]?.name)
     },
   },