Kaynağa Gözat

feature: 修改默认样式

ljc 7 ay önce
ebeveyn
işleme
2c6a25bdd6
2 değiştirilmiş dosya ile 97 ekleme ve 101 silme
  1. 6 0
      src/styles/cwg_common.scss
  2. 91 101
      src/views/card/CardOrder/index.vue

+ 6 - 0
src/styles/cwg_common.scss

@@ -78,6 +78,10 @@ a {
   .el-input__inner, .el-button{
   .el-input__inner, .el-button{
     border-radius: 0;
     border-radius: 0;
   }
   }
+  .el-select__wrapper,.el-input__wrapper{
+    border-radius: 0;
+
+  }
 }
 }
 
 
 //下划线
 //下划线
@@ -907,6 +911,7 @@ a {
 .el-date-editor.el-input,
 .el-date-editor.el-input,
 .el-date-editor.el-input__inner {
 .el-date-editor.el-input__inner {
   width: 100%;
   width: 100%;
+  min-width: 120px;
 }
 }
 
 
 .el-select .el-input {
 .el-select .el-input {
@@ -916,3 +921,4 @@ a {
 .el-input__inner {
 .el-input__inner {
   width: 100%;
   width: 100%;
 }
 }
+

+ 91 - 101
src/views/card/CardOrder/index.vue

@@ -8,112 +8,101 @@
   >
   >
     <div class="crm_search">
     <div class="crm_search">
       <el-form ref="form" label-position="" :model="search" label-width="">
       <el-form ref="form" label-position="" :model="search" label-width="">
-        <el-row>
-          <el-col :span="24" :md="24" :lg="24">
-            <el-form-item>
-              <el-select
-                v-model="search.tag"
-                class="crm_search_down crm-border-radius-no"
-                size="small"
-                :placeholder="$t('Placeholder.Choose')"
-              >
-                <el-option :label="$t('Label.CidAccount')" :value="1"></el-option>
-                <el-option :label="$t('Ucard.KycAuth.item2')" :value="2"></el-option>
-                <el-option :label="$t('Ucard.KycAuth.item3')" :value="3"></el-option>
-              </el-select>
-            </el-form-item>
-            <el-form-item style="margin-right: 10px">
-              <el-input
-                v-if="search.tag == 1"
-                v-model.trim="search.cId"
-                class="crm-border-left-no crm-border-radius-no"
-                size="small"
-                clearable
-                :placeholder="$t('Placeholder.Input')"
-                @keyup.enter="toSearch"
-              ></el-input>
-              <el-input
-                v-if="search.tag == 2"
-                v-model.trim="search.mobile"
-                class="crm-border-left-no crm-border-radius-no"
-                size="small"
-                clearable
-                :placeholder="$t('Placeholder.Input')"
-                @keyup.enter="toSearch"
-              ></el-input>
-              <el-input
-                v-if="search.tag == 3"
-                v-model.trim="search.email"
-                class="crm-border-left-no crm-border-radius-no"
-                size="small"
-                clearable
-                :placeholder="$t('Placeholder.Input')"
-                @keyup.enter="toSearch"
-              ></el-input>
-            </el-form-item>
-            <el-form-item style="margin-right: 10px">
-              <el-select
-                v-model="search.tradeStatus"
-                class="crm-border-radius-no"
-                clearable
-                size="small"
-                :placeholder="t('Ucard.CardOrder.item8')"
-                @change="toSearch"
-              >
-                <el-option :label="$t('Ucard.CardOrder.t5')" :value="1"></el-option>
-                <el-option :label="$t('Ucard.CardOrder.t8')" :value="2"></el-option>
-                <el-option :label="$t('Ucard.CardOrder.t9')" :value="3"></el-option>
-                <el-option :label="$t('Ucard.CardOrder.t11')" :value="4"></el-option>
-                <el-option :label="$t('Ucard.CardOrder.t12')" :value="5"></el-option>
-                <el-option :label="$t('Ucard.CardOrder.t13')" :value="6"></el-option>
-              </el-select>
-            </el-form-item>
-            <el-form-item style="margin-right: 10px">
-              <el-select
-                v-model="search.approveStatus"
-                class="crm-border-radius-no"
-                clearable
-                size="small"
-                :placeholder="$t('R-Review-Status')"
-                @change="toSearch"
-              >
-                <el-option :label="$t('Ucard.UserOrder.t11')" value="1"></el-option>
-                <el-option :label="$t('Ucard.UserOrder.t12')" value="2"></el-option>
-                <el-option :label="$t('Ucard.UserOrder.t13')" value="3"></el-option>
-              </el-select>
-            </el-form-item>
-            <el-form-item>
-              <el-select
-                v-model="search.status"
-                class="crm-border-radius-no"
-                clearable
-                size="small"
-                :placeholder="$t('card.Info.s41')"
-                @change="toSearch"
-              >
-                <el-option :label="$t('Ucard.CardOrder.t10')" value="wait_process"></el-option>
-                <el-option :label="$t('Ucard.CardOrder.t5')" value="processing"></el-option>
-                <el-option :label="$t('Ucard.CardOrder.t6')" value="success"></el-option>
-                <el-option :label="$t('card.New2.p3')" value="cancel"></el-option>
-                <el-option :label="$t('Ucard.CardOrder.t7')" value="fail"></el-option>
-              </el-select>
-            </el-form-item>
-            <el-form-item>
-              <el-button
-                class="crm-border-radius-no crm-border-left-no"
-                size="small"
-                icon="el-icon-search"
-                @click="toSearch"
-              ></el-button>
-            </el-form-item>
-          </el-col>
-        </el-row>
+        <!--        <el-row>-->
+        <!--          <el-col :span="24" :md="24" :lg="24">-->
+        <el-form-item>
+          <el-select
+            v-model="search.tag"
+            class="crm_search_down crm-border-radius-no"
+            :placeholder="$t('Placeholder.Choose')"
+          >
+            <el-option :label="$t('Label.CidAccount')" :value="1"></el-option>
+            <el-option :label="$t('Ucard.KycAuth.item2')" :value="2"></el-option>
+            <el-option :label="$t('Ucard.KycAuth.item3')" :value="3"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item style="margin-right: 10px">
+          <el-input
+            v-if="search.tag == 1"
+            v-model.trim="search.cId"
+            class="crm-border-left-no crm-border-radius-no"
+            clearable
+            :placeholder="$t('Placeholder.Input')"
+            @keyup.enter="toSearch"
+          ></el-input>
+          <el-input
+            v-if="search.tag == 2"
+            v-model.trim="search.mobile"
+            class="crm-border-left-no crm-border-radius-no"
+            clearable
+            :placeholder="$t('Placeholder.Input')"
+            @keyup.enter="toSearch"
+          ></el-input>
+          <el-input
+            v-if="search.tag == 3"
+            v-model.trim="search.email"
+            class="crm-border-left-no crm-border-radius-no"
+            clearable
+            :placeholder="$t('Placeholder.Input')"
+            @keyup.enter="toSearch"
+          ></el-input>
+        </el-form-item>
+        <el-form-item style="margin-right: 10px">
+          <el-select
+            v-model="search.tradeStatus"
+            class="crm-border-radius-no"
+            clearable
+            :placeholder="t('Ucard.CardOrder.item8')"
+            @change="toSearch"
+          >
+            <el-option :label="$t('Ucard.CardOrder.t5')" :value="1"></el-option>
+            <el-option :label="$t('Ucard.CardOrder.t8')" :value="2"></el-option>
+            <el-option :label="$t('Ucard.CardOrder.t9')" :value="3"></el-option>
+            <el-option :label="$t('Ucard.CardOrder.t11')" :value="4"></el-option>
+            <el-option :label="$t('Ucard.CardOrder.t12')" :value="5"></el-option>
+            <el-option :label="$t('Ucard.CardOrder.t13')" :value="6"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item style="margin-right: 10px">
+          <el-select
+            v-model="search.approveStatus"
+            class="crm-border-radius-no"
+            clearable
+            :placeholder="$t('R-Review-Status')"
+            @change="toSearch"
+          >
+            <el-option :label="$t('Ucard.UserOrder.t11')" value="1"></el-option>
+            <el-option :label="$t('Ucard.UserOrder.t12')" value="2"></el-option>
+            <el-option :label="$t('Ucard.UserOrder.t13')" value="3"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item>
+          <el-select
+            v-model="search.status"
+            class="crm-border-radius-no"
+            clearable
+            :placeholder="$t('card.Info.s41')"
+            @change="toSearch"
+          >
+            <el-option :label="$t('Ucard.CardOrder.t10')" value="wait_process"></el-option>
+            <el-option :label="$t('Ucard.CardOrder.t5')" value="processing"></el-option>
+            <el-option :label="$t('Ucard.CardOrder.t6')" value="success"></el-option>
+            <el-option :label="$t('card.New2.p3')" value="cancel"></el-option>
+            <el-option :label="$t('Ucard.CardOrder.t7')" value="fail"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item>
+          <el-button class="crm-border-radius-no crm-border-left-no" @click="toSearch">
+            <el-icon><Search /></el-icon>
+          </el-button>
+        </el-form-item>
+        <!--          </el-col>-->
+        <!--        </el-row>-->
         <el-form-item>
         <el-form-item>
           <el-button
           <el-button
             v-if="display['R-CardOrder-Export'] && display['R-CardOrder-Export'].show"
             v-if="display['R-CardOrder-Export'] && display['R-CardOrder-Export'].show"
             type="primary"
             type="primary"
             style="margin-left: 8px"
             style="margin-left: 8px"
-            size="small"
             @click="exportAgents"
             @click="exportAgents"
             ><span>
             ><span>
               {{ $t('Btn.Export') }}
               {{ $t('Btn.Export') }}
@@ -360,6 +349,7 @@
   import ViewCardSingle from '@/views/components/ViewCardSingle/index.vue'
   import ViewCardSingle from '@/views/components/ViewCardSingle/index.vue'
   import { exportExcel } from '@/utils/export.js'
   import { exportExcel } from '@/utils/export.js'
   import { useI18n } from 'vue-i18n'
   import { useI18n } from 'vue-i18n'
+  import { Search } from '@element-plus/icons-vue'
   // 混入
   // 混入
   const Session = inject('session')
   const Session = inject('session')
   const pigeon = inject('pigeon')
   const pigeon = inject('pigeon')