Переглянути джерело

1、新增下拉选择框 clearable

liqihao 1 рік тому
батько
коміт
b9ad3f194a

+ 2 - 0
src/views/XMHJC/aboutUs/culture/index.vue

@@ -214,6 +214,7 @@ const formConfig = computed(() => {
       prop: "type",
       label: "跳转类型",
       data: toUrlType.value,
+      clearable: true,
       required: true,
     },
     {
@@ -236,6 +237,7 @@ const formConfig = computed(() => {
       prop: "status",
       type: "select",
       data: enableStatus.value,
+      clearable: true,
       required: true,
     },
     {

+ 2 - 0
src/views/XMHJC/aboutUs/honor/index.vue

@@ -206,6 +206,7 @@ const formConfig = computed(() => {
       prop: "type",
       label: "跳转类型",
       data: toUrlType.value,
+      clearable: true,
       required: true,
     },
     {
@@ -227,6 +228,7 @@ const formConfig = computed(() => {
       prop: "status",
       type: "select",
       data: enableStatus.value,
+      clearable: true,
       required: true,
     },
     {

+ 5 - 1
src/views/XMHJC/carousel/index.vue

@@ -38,7 +38,7 @@
 
         <template #menuId>
           <el-form-item prop="menuId">
-            <el-select v-model="formData.data.columnId" :rule="rules.columnId" placeholder="请选择菜单" no-data-text="无数据,请到栏目菜单添加"
+            <el-select clearable v-model="formData.data.columnId" :rule="rules.columnId" placeholder="请选择菜单" no-data-text="无数据,请到栏目菜单添加"
                        @change="(val) => getArticleListSelect(val)">
               <el-option v-for="item in columnListData" :label="item.name" :value="item.id">
               </el-option>
@@ -196,6 +196,7 @@ const formConfig = computed(() => {
       prop: "modules",
       type: "select",
       data: carouselModules.value,
+      clearable: true,
       required: true,
     },
     {
@@ -222,6 +223,7 @@ const formConfig = computed(() => {
       label: "跳转方式",
       prop: "targetType",
       type: "select",
+      clearable: true,
       data: targetType.value,
     },
     {
@@ -244,12 +246,14 @@ const formConfig = computed(() => {
       type: "select",
       data: articleList.value,
       filterable: true,
+      clearable: true,
       isShow: formData.data.targetType == 1,
     },
     {
       label: "启用状态",
       prop: "status",
       type: "select",
+      clearable: true,
       data: enableStatus.value,
       required: true,
     },

+ 4 - 2
src/views/XMHJC/column/article.vue

@@ -18,7 +18,7 @@
           <el-row>
             <el-col :span="9">
               <el-form-item prop="columnId">
-                <el-select v-model="formData.data.columnId" :rule="rules.columnId" style="width: 1000px" placeholder="请选择菜单"
+                <el-select clearable v-model="formData.data.columnId" :rule="rules.columnId" style="width: 1000px" placeholder="请选择菜单"
                            no-data-text="无数据,请到栏目菜单添加" @change="(val) => getSubMenuListSelect(val)">
                   <el-option v-for="item in columnListData" :label="item.name" :value="item.id">
                   </el-option>
@@ -29,7 +29,7 @@
             <el-col :span="1"></el-col>
             <el-col :span="9">
               <el-form-item prop="subId" v-if="subFlag">
-                <el-select v-model="formData.data.subId" :rule="rules.subId" placeholder="请选择栏目" no-data-text="无数据,请到栏目菜单子栏目添加">
+                <el-select clearable v-model="formData.data.subId" :rule="rules.subId" placeholder="请选择栏目" no-data-text="无数据,请到栏目菜单子栏目添加">
                   <el-option v-for="item in subColumnListData" :label="item.name" :value="item.id">
                   </el-option>
                 </el-select>
@@ -344,6 +344,7 @@ const formConfig = computed(() => {
       type: "select",
       prop: "bodyType",
       label: "正文类型",
+      clearable: true,
       data: bodyListType.value,
       required: true,
     },
@@ -374,6 +375,7 @@ const formConfig = computed(() => {
       label: "启用状态",
       prop: "status",
       type: "select",
+      clearable: true,
       data: enableStatus.value,
       required: true,
     },

+ 5 - 1
src/views/XMHJC/column/index.vue

@@ -41,7 +41,7 @@
                   :prop="'columnMenuSubList.' + index + '.status'"
                   :rules="rules.subStatus" style="margin-left: 8px;transform: translateY(8px)"
                   prop="status">
-                <el-select v-model="row.status" placeholder="请选择状态" >
+                <el-select clearable v-model="row.status" placeholder="请选择状态" >
                   <el-option v-for="item in enableStatus" :key="item.value" :label="item.label" :value="item.value" />
                 </el-select>
               </el-form-item>
@@ -246,6 +246,7 @@ const formConfig = computed(() => {
       type: "select",
       prop: "type",
       label: "栏目类型",
+      clearable: true,
       data: columnType.value,
       required: true,
     },
@@ -255,6 +256,7 @@ const formConfig = computed(() => {
       label: "是否开启相关文章",
       data: enableStatus.value,
       required: true,
+      clearable: true,
       isShow: formData.data.type == "1"
     },
     {
@@ -270,6 +272,7 @@ const formConfig = computed(() => {
       label: "列表类型",
       data: columListType.value,
       required: true,
+      clearable: true,
       isShow: formData.data.type == "1"
     },
     {
@@ -293,6 +296,7 @@ const formConfig = computed(() => {
       label: "启用状态",
       prop: "status",
       type: "select",
+      clearable: true,
       data: enableStatus.value,
       required: true,
     },

+ 1 - 1
src/views/XMHJC/home/index.vue

@@ -18,7 +18,7 @@
       <byForm :formConfig="formConfig" :formOption="formOption" v-model="formData.data" :rules="rules" ref="byform">
         <template #menuId>
           <el-form-item prop="menuId">
-            <el-select
+            <el-select  clearable
                 v-model="formData.data.menuId"
                 :rule="rules.columnId"
                 placeholder="请选择菜单"

+ 2 - 1
src/views/XMHJC/product/category/index.vue

@@ -51,7 +51,7 @@
             <el-col :span="5">
               <el-form-item :prop="'subCategoryList.' + index + '.status'" :rules="rules.subStatus"
                             style="margin-left: 8px;transform: translateY(8px)" prop="status">
-                <el-select v-model="row.status" placeholder="请选择状态">
+                <el-select clearable v-model="row.status" placeholder="请选择状态">
                   <el-option v-for="item in enableStatus" :key="item.value" :label="item.label" :value="item.value" />
                 </el-select>
               </el-form-item>
@@ -235,6 +235,7 @@ const formConfig = computed(() => {
       label: "启用状态",
       prop: "status",
       type: "select",
+      clearable: true,
       data: enableStatus.value,
       required: true,
     },

+ 4 - 1
src/views/XMHJC/product/info/index.vue

@@ -63,7 +63,7 @@
 
         <template #category>
           <div>
-            <el-select v-model="formData.data.categoryId" placeholder="请选择产品类目" @change="(val) => getSubCategoryList(val, true)">
+            <el-select clearable v-model="formData.data.categoryId" placeholder="请选择产品类目" @change="(val) => getSubCategoryList(val, true)">
               <el-option v-for="item in productCategoryList" :label="item.label" :value="item.value">
               </el-option>
             </el-select>
@@ -250,6 +250,7 @@ const formConfig = computed(() => {
       prop: "subCategoryId",
       label: "产品子类目",
       itemWidth: 100,
+      clearable: true,
       data: productSubCategoryList.value,
     },
     {
@@ -279,6 +280,7 @@ const formConfig = computed(() => {
       itemWidth: 100,
       multiple: true,
       data: specDict.value,
+      clearable: true,
       style: {
         width: "50%",
       },
@@ -288,6 +290,7 @@ const formConfig = computed(() => {
       label: "启用状态",
       prop: "status",
       type: "select",
+      clearable: true,
       data: enableStatus.value,
     },
     {

+ 1 - 0
src/views/XMHJC/topic/content/index.vue

@@ -209,6 +209,7 @@ const formConfig = computed(() => {
       type: "select",
       prop: "toping",
       label: "是否热门",
+      clearable: true,
       data: [
         {
           label: "是",