优化新增行程 尺寸

src/views/Market/Index.vue

@@ -293,9 +293,19 @@
                 </div>
             </div>
         </div>
-        <div class="addTemplateBox fz14 q-mb-lg">
-            <div class="color0 q-mb-lg">自义定尺寸</div>
-            <div class="addTemplateInput q-mt-xs row items-center">
+        <div class="addTemplateBox fz14">
+            <div class="color0">自义定尺寸</div>
+            <div class="q-mt-xs q-mb-lg row">
+                <template v-for="(item,index) in typeArr">
+                    <div class="MarketButton cursor-pointer" 
+                        v-if="item.type>0"
+                        :class="[setTemplateType == item.type?'active':'']" :key="index"
+                        @click="onTypeChangeHandler(item.type,2)">
+                            {{item.typeName}}
+                    </div>
+                </template>
+            </div>
+            <div class="addTemplateInput q-mt-xs  row items-center">
                 <el-input type="number" min="750" v-model="datas.CustomSize.width"
                 placeholder="宽" class="input-with-select" @change="setDimension"></el-input>
                 <span class="q-px-md">*</span>
@@ -425,6 +435,7 @@ const queryObj = reactive({
     type: 0,
     sort: 0,//排序方式
 })
+const setTemplateType = ref(1)
 
 // 删除监听滚动
 const CloseDetails = () => {
@@ -711,14 +722,16 @@ const onSeasonNameChangeHandler = (row: Object) => {
 
 //类型切换
 const onTypeChangeHandler = (Type: string,num: Number) => {
-    if(num){
+    if(num==1){
         queryObj.sort = Type;
-    }else{
+    }else if(num==2){
+        setTemplateType.value = Type
+    } else{
         searchData.value.MarketTemplateType = Type
         queryObj.TemplateType = Type;
     }
     
-    search()
+    if(num<2) search()
 }
 
 //颜色切换