2022-8-23

src/views/order/orderList.vue

@@ -23,11 +23,14 @@
                   <div class="select-content-item-label">产品类别</div>
                   <div>
                     <el-cascader
+                      ref="cascader"
+                      :value="select.productType ? select.productType.name : ''"
+                      clearable
                       :show-all-levels="false"
                       size="small"
                       :options="productTypes"
-                      :props="{checkStrictly:true,label:'name'}"
+                      :props="{checkStrictly:true,label:'name',value:'id'}"
-                      @change="e => select.productType = e.at(-1)"></el-cascader>
+                      @change="productTypeChange"></el-cascader>
                   </div>
                 </div>
 
@@ -49,8 +52,8 @@
                     </el-tag>,
                   </div>
                   <div v-if="select.productType">
-                    <el-tag effect="light" size="small" closable @close="select.merchant = ''">
+                    <el-tag effect="light" size="small" closable @close="select.productType = ''">
-                      {{select.merchant.name}}
+                      {{select.productType.name}}
                     </el-tag>,
                   </div>
                   <div v-if="select.merchant">
@@ -221,19 +224,14 @@ export default {
           ]
         }
       ],
-      cityList: [
-        {
-          value: 'New York',
-          label: 'New York'
-        },
-        {
-          value: 'London',
-          label: 'London'
-        }
-      ],
     }
   },
   methods: {
+    productTypeChange(){
+      this.select.productType = this.$refs['cascader'].getCheckedNodes()[0].data
+      console.log(this.select)
+    },
+
     pageChange(e){
       this.select.page = e
       this.getOrders()
@@ -241,7 +239,6 @@ export default {
 
     async getTypes(){
       const res = await getTypes()
-      console.log(res)
       this.merchants = res.merchants
       this.orderItemStates = res.order_item_states
       this.orderStates = res.order_states
@@ -261,7 +258,7 @@ export default {
   },
   mounted() {
     this.getTypes()
-    //this.getOrders()
+    this.getOrders()
   }
 
 }

src/views/productService/components/addStrategy.vue

@@ -27,7 +27,7 @@
             <span style="color: red;font-weight: 600;padding-right: 4px;">*</span>栏目：
           </div>
           <div class="xy-table-item-content">
-            <el-select v-model="form.strategyTypeId" placeholder="请选择栏目" style="width: 300px;">
+            <el-select clearable v-model="form.strategyTypeId" placeholder="请选择栏目" style="width: 300px;">
               <el-option v-for="item in strategyTypes" :label="item.name" :value="item.id"></el-option>
             </el-select>
           </div>
@@ -113,6 +113,7 @@
 
 <script>
 import {index as typeIndex} from "@/api/strategyType"
+import {store} from "@/api/strategy"
 import {getparameter} from '@/api/system/dictionary'
 
 import tinymce from "@/components/Tinymce"
@@ -182,6 +183,21 @@ export default {
     submit(){
       if(this.type === 'add'){
         console.log(this.form)
+        store({
+          strategy_types_id:this.form.strategyTypeId,
+          state:this.form.state ? 1 : 0,
+          sort_number:this.form.sortNumber,
+          title:this.form.title,
+          content:this.form.content,
+          subheading:this.form.subheading,
+          label:this.form.label.toString(),
+          cover_picture:this.form.coverPicture
+        }).then(res => {
+          Message({
+            type:'success',
+            message:'新增攻略信息成功'
+          })
+        })
       }
     }
   },