Bläddra i källkod

1.修复使用手机等窄屏设备下单时下拉框显示空白的问题

GouGengquan 6 månader sedan
förälder
incheckning
59c9961e40
3 ändrade filer med 18 tillägg och 11 borttagningar
  1. 10 10
      src/views/assets/addAssetsOrder.vue
  2. 5 1
      src/views/major/detail.vue
  3. 3 0
      src/views/personal/order.vue

+ 10 - 10
src/views/assets/addAssetsOrder.vue

@@ -27,7 +27,7 @@
                                     <el-col :xs="24" :sm="12" :lg="6" :span="6">
                                         <el-form-item label="分单类型:" prop="clientManager" label-width="170px"
                                             class="postInfo-container-item">
-                                            <el-select v-model="assetsForm.allotType" style=" width: 100%">
+                                            <el-select v-model="assetsForm.allotType" style=" width: 100%; max-width: 70vw">
                                                 <el-option label="指派" value="指派"></el-option>
                                                 <el-option label="轮单" value="轮单"></el-option>
                                             </el-select>
@@ -36,7 +36,7 @@
                                     <el-col v-if="assetsForm.allotType === '指派'" :xs="24" :sm="12" :lg="6" :span="6">
                                         <el-form-item label="接单部门:" prop="departmentId" label-width="170px"
                                             class="postInfo-container-item">
-                                            <el-select v-model="assetsForm.departmentId" style=" width: 100%">
+                                            <el-select v-model="assetsForm.departmentId" style=" width: 100%; max-width: 70vw">
                                                 <el-option v-for="(d, id) in allotDepartment" :label="d.name"
                                                     :value="d.id"></el-option>
                                             </el-select>
@@ -56,7 +56,7 @@
                                         <el-form-item label="业务类型:" prop="assetsBusinessGener" label-width="170px"
                                             class="postInfo-container-item">
                                             <el-select v-model="assetsForm.assetsBusinessGener" filterable
-                                                placeholder="业务类型" style=" width: 100%">
+                                                placeholder="业务类型" style=" width: 100%; max-width: 70vw">
                                                 <el-option v-for="(s, value) in assetsBusinessGeners" :label="s.label"
                                                     :value="s.value"></el-option>
                                             </el-select>
@@ -77,7 +77,7 @@
                                         <el-form-item label="客户类型:" prop="clienteleType" label-width="170px"
                                             class="postInfo-container-item">
                                             <el-select v-model="assetsForm.clienteleType" placeholder="请选择"
-                                                @change="changeCustomerType(assetsForm.clienteleType)" style=" width: 100%">
+                                                @change="changeCustomerType(assetsForm.clienteleType)" style=" width: 100%; max-width: 70vw">
                                                 <el-option label="企业" value="企业"></el-option>
                                                 <el-option label="个人" value="个人"></el-option>
                                             </el-select>
@@ -87,7 +87,7 @@
                                         <el-form-item label="客户名称:" prop="clienteleId" label-width="170px"
                                             class="postInfo-container-item" v-if="itemHideStatus">
                                             <el-select v-model="assetsForm.clienteleId" placeholder="请选择(可搜索)"
-                                                @change="findSubClientele(0)" clearable filterable style=" width: 100%">
+                                                @change="findSubClientele(0)" clearable filterable style=" width: 100%; max-width: 70vw">
                                                 <el-option v-for="(c, id) in customerCompany" :label="c.name"
                                                     :value="c.id"></el-option>
                                             </el-select>
@@ -98,7 +98,7 @@
                                             class="postInfo-container-item" v-if="itemHideStatus">
                                             <el-select v-model="assetsForm.clienteleSubId" placeholder="请选择(可搜索)"
                                                 @change="getCustomerContract(), assetsForm.clienteleContactId = null"
-                                                clearable filterable style=" width: 100%">
+                                                clearable filterable style=" width: 100%; max-width: 70vw">
                                                 <el-option v-for="(s, id) in subCustomerCompany" :label="s.name"
                                                     :value="s.id"></el-option>
                                             </el-select>
@@ -111,7 +111,7 @@
                                             class="postInfo-container-item">
                                             <div>
                                                 <el-select v-model="assetsForm.clienteleContactId" placeholder="请选择(可搜索)"
-                                                    clearable filterable @change="getContactInfo" style=" width: 80%">
+                                                    clearable filterable @change="getContactInfo" style=" width: 80%; max-width: 70vw">
                                                     <el-option v-for="(c, id) in customerContract" :label="c.name"
                                                         :value="c.id"></el-option>
                                                 </el-select>
@@ -226,7 +226,7 @@
                                             class="postInfo-container-item">
                                             <el-select @change="changeTCustomerType(assetsForm.terminalClienteleType)"
                                                 v-model="assetsForm.terminalClienteleType" placeholder="请选择"
-                                                style=" width: 100%">
+                                                style=" width: 100%; max-width: 70vw">
                                                 <el-option label="企业" value="企业"></el-option>
                                                 <el-option label="个人" value="个人"></el-option>
                                             </el-select>
@@ -239,7 +239,7 @@
                                             <div v-if="couldEdit">
                                                 <el-select v-model="assetsForm.terminalClienteleId" placeholder="请选择(可搜索)"
                                                     @change="getTerminalContactInfo(1), assetsForm.terminalClienteleContactId = null"
-                                                    clearable filterable style="width:80%">
+                                                    clearable filterable style="width:80%; max-width: 70vw">
                                                     <el-option v-for="(c, id) in tCustomerCompany" :label="c.name"
                                                         :value="c.id"></el-option>
                                                 </el-select>
@@ -260,7 +260,7 @@
                                             <div v-if="couldEdit">
                                                 <el-select v-model="assetsForm.terminalClienteleContactId"
                                                     placeholder="请选择(可搜索)" clearable filterable @change="getTcontactInfo()"
-                                                    style=" width: 80%">
+                                                    style=" width: 80%; max-width: 70vw">
                                                     <el-option v-for="(c, id) in tCustomerContract" :label="c.name"
                                                         :value="c.id"></el-option>
                                                 </el-select>

+ 5 - 1
src/views/major/detail.vue

@@ -55,7 +55,7 @@
                         label-width="120px"
                         class="postInfo-container-item"
                       >
-                      <el-select v-model="major.financial" placeholder="请选择" style="width: 100%">
+                      <el-select v-model="major.financial" placeholder="请选择" style="width: 100%;">
                               <el-option label="金融" :value="true">金融</el-option> 
                               <el-option label="非金融" :value="false">非金融</el-option>
                             </el-select>
@@ -3554,4 +3554,8 @@ a:hover{
   top: 18px;
   right: 50px;
 }
+
+.el-select {
+  max-width: 70vw !important;
+}
 </style>

+ 3 - 0
src/views/personal/order.vue

@@ -1355,5 +1355,8 @@
         border-radius: 10px;
       }
   
+.el-select {
+  max-width: 70vw !important;
+}
   </style>