模版管理优化

src/views/TemplateCenter/Index.vue

@@ -4,8 +4,10 @@
           <div class="row wrap">
             <div class="row items-center q-mb-lg">
                 <span class="fz14 q-pr-md shrink">关键字:</span>
-                <el-input style="max-width:212px" v-model="queryObj.Title" placeholder="请输入关键字" clearable
+                <div>
+                    <el-input style="max-width:212px" v-model="queryObj.Title" placeholder="请输入关键字" clearable
                 @keyup.enter="search"></el-input>
+                </div>
             </div>
             <div class="row items-center q-mb-lg q-pl-lg">
                 <span class="fz14 q-pr-md shrink">&nbsp;&nbsp;模版:</span>
@@ -37,7 +39,7 @@
                 <span class="fz14 q-pr-md shrink">&nbsp;&nbsp;国家:</span>
                 <el-select v-model="queryObj.CountryList" multiple
                     class="ml-1 shrink TemSel"
-                    placeholder="国家" clearable>
+                    placeholder="国家" clearable filterable>
                         <el-option key="" label="不限" value=""/>
                         <el-option
                             v-for="item in countries"
@@ -61,11 +63,24 @@
                         />
                 </el-select>
             </div>
+            <div class="row items-center q-mb-lg q-pl-lg">
+                <span class="fz14 q-pr-md shrink">&nbsp;&nbsp;排序:</span>
+                <el-select v-model="queryObj.OrderByType"
+                    class="ml-1 shrink TemSel"
+                    placeholder="排序方式">
+                        <el-option
+                            v-for="item in sortArr"
+                            :key="item.type"
+                            :label="`${item.typeName}`"
+                            :value="item.type"
+                        />
+                </el-select>
+            </div>
             <div class="row items-center q-mb-lg q-pl-lg">
                 <span class="fz14 q-pr-md shrink">&nbsp;&nbsp;颜色:</span>
                 <el-select v-model="queryObj.ColorList" multiple
                     class="ml-1 shrink TemSel"
-                    placeholder="颜色" clearable>
+                    placeholder="颜色" clearable filterable>
                         <el-option key="" label="不限" value=""/>
                         <el-option
                             v-for="item in ColorList"
@@ -272,7 +287,7 @@ const queryObj = reactive({
   TempType: 0,
   TemplateType: TemplateType,//0 不限 1模版 2广告
   type: 0,
-  OrderByType: 0,//排序方式
+  OrderByType: 1,//排序方式
 })
 const queryColor = ref({
     DictKey: 'Trip_Template_Color',
@@ -883,12 +898,6 @@ onMounted(()=>{
       border-radius: 8px 0 0 8px;
       padding: 1px 23px;
   }
-  ::v-deep(.el-input__wrapper):hover{
-      box-shadow: 0 0 0;
-  }
-  ::v-deep(.el-input__wrapper.is-focus){
-      box-shadow: 0 0 0;
-  }
   ::v-deep(.el-input-group__append){
       box-shadow: 0 0 0;
       background: #fff;