From e349dd471b00f2c8f798a95297c515c73d572304 Mon Sep 17 00:00:00 2001
From: fengyuan_yang <1976974459@qq.com>
Date: Wed, 24 Jun 2026 11:46:14 +0800
Subject: [PATCH] =?UTF-8?q?2026-06-24=20RoHS=E5=B1=9E=E6=80=A7=E7=9A=84?=
 =?UTF-8?q?=E4=B8=AD=E8=8B=B1=E6=96=87=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/modules/rohs/rohsRecord.vue | 192 ++++++++++++++------------
 1 file changed, 101 insertions(+), 91 deletions(-)

diff --git a/src/views/modules/rohs/rohsRecord.vue b/src/views/modules/rohs/rohsRecord.vue
index 542f317..b38a71d 100644
--- a/src/views/modules/rohs/rohsRecord.vue
+++ b/src/views/modules/rohs/rohsRecord.vue
@@ -155,69 +155,69 @@
     <el-dialog
       :title="modalTitle"
       :visible.sync="modalFlag"
-      width="1010px"
-      top="10vh"
+      width="1012px"
+      top="4vh"
       v-drag
       :close-on-click-modal="false"
       :showClose="false">
 
-      <el-tabs tab-position="left" type="border-card" v-model="activeName" style="width: 100%;height: 650px;">
+      <el-tabs tab-position="left" type="border-card" v-model="activeName" style="width: 100%;height: 770px;">
         <!-- 基本信息 -->
         <el-tab-pane label="基本信息" name="basicInfo">
-          <div style="height: 635px">
+          <div style="height: 755px">
             <el-form :inline="true" label-position="top" :model="modalData" style="margin-top: -5px;">
               <el-form-item>
-                <span style="cursor: pointer" v-if="!isRohsFieldDisabled('applicant')" slot="label" @click="getBaseList(103, 1)"><a herf="#">申请人</a></span>
-                <span v-else slot="label">申请人</span>
+                <span style="cursor: pointer" v-if="!isRohsFieldDisabled('applicant')" slot="label" @click="getBaseList(103, 1)"><a herf="#">申请人/Reference No.</a></span>
+                <span v-else slot="label">申请人/Reference No.</span>
                 <el-input v-model="modalData.applicant" @blur="applicantBlur(103)" :disabled="isRohsFieldDisabled('applicant')" style="width: 100px"></el-input>
                 <el-input v-model="modalData.applicantName" disabled style="width: 155px"></el-input>
               </el-form-item>
-              <el-form-item label="申请日期">
+              <el-form-item label="申请日期/Date">
                 <el-date-picker v-model="modalData.applicationDate" type="date" value-format="yyyy-MM-dd" :disabled="isRohsFieldDisabled('applicationDate')" style="width: 150px" :editable=false></el-date-picker>
               </el-form-item>
               <el-form-item label="Site">
                 <el-input v-model="modalData.site" disabled style="width: 95px"></el-input>
               </el-form-item>
-              <el-form-item label="工艺">
+              <el-form-item label="工艺/Process">
                 <dict-data-select v-model="modalData.process" clearable @change="handleProcessChange" :disabled="isProcessFieldDisabled()" style="width: 121px" dict-type="rohs_process"></dict-data-select>
               </el-form-item>
             </el-form>
             <el-form :inline="true" label-position="top" :model="modalData">
               <el-form-item>
-                <span slot="label" v-if="!modalData.endCustomerFlag && !isRohsFieldDisabled('endCustomer')" @click="getBaseList(102, 1)"><a herf="#">最终客户</a></span>
-                <span slot="label" v-else>最终客户</span>
+                <span slot="label" v-if="!modalData.endCustomerFlag && !isRohsFieldDisabled('endCustomer')" @click="getBaseList(102, 1)"><a herf="#">最终客户/End Customer</a></span>
+                <span slot="label" v-else>最终客户/End Customer</span>
                 <el-input :disabled="modalData.endCustomerFlag || isRohsFieldDisabled('endCustomer')" readonly v-model="modalData.endCustomer" @blur="handleQueryCustomer" style="width: 100px"></el-input>
                 <el-input disabled v-model="modalData.endCustomerName" style="width: 155px"></el-input>
               </el-form-item>
               <el-form-item>
-                <span slot="label" v-if="!modalData.projectIdFlag && !isRohsFieldDisabled('projectId')" @click="chooseProjectListFlag = true"><a herf="#">项目编码</a></span>
-                <span slot="label" v-else>项目编码</span>
+                <span slot="label" v-if="!modalData.projectIdFlag && !isRohsFieldDisabled('projectId')" @click="chooseProjectListFlag = true"><a herf="#">项目编码/Project</a></span>
+                <span slot="label" v-else>项目编码/Project</span>
                 <el-input :disabled="modalData.projectIdFlag || isRohsFieldDisabled('projectId')" readonly v-model="modalData.projectId" @blur="handleQueryProjectByCustomer" style="width: 100px"></el-input>
                 <el-input disabled v-model="modalData.projectName" style="width: 155px"></el-input>
               </el-form-item>
-              <el-form-item label="WM所需求规格">
+              <el-form-item label="WM所需求规格/The size that WM need">
                 <el-input v-model="modalData.wmRequiredSpec" :disabled="isRohsFieldDisabled('wmRequiredSpec')" style="width: 260px"></el-input>
               </el-form-item>
             </el-form>
             <el-form :inline="true" label-position="top" :model="modalData">
-              <el-form-item label="供应商">
+              <el-form-item label="供应商/Vendor Code">
                 <el-input v-model="modalData.vendorCode" :disabled="isRohsFieldDisabled('vendorCode')" style="width: 396px"></el-input>
               </el-form-item>
-              <el-form-item label="供应商材料编码">
+              <el-form-item label="供应商材料编码/Vendor Material Code">
                 <el-input v-model="modalData.vendorMaterialCode" :disabled="isRohsFieldDisabled('vendorMaterialCode')" style="width: 396px"></el-input>
               </el-form-item>
             </el-form>
             <el-form :inline="true" label-position="top" :model="modalData">
-              <el-form-item label="材料分类">
-                <dict-data-select class="rohs-multiple-ellipsis" v-model="modalData.materialClassifyList" multiple :title="getMultipleSelectTitle(modalData.materialClassifyList)" :disabled="isRohsFieldDisabled('materialClassify')" style="width: 668px" dict-type="rohs_material_classify"></dict-data-select>
+              <el-form-item label="材料分类/Material Classify">
+                <dict-data-select class="rohs-multiple-two-rows" v-model="modalData.materialClassifyList" multiple :title="getMultipleSelectTitle(modalData.materialClassifyList)" :disabled="isRohsFieldDisabled('materialClassify')" style="width: 532px" dict-type="rohs_material_classify"></dict-data-select>
               </el-form-item>
-              <el-form-item label="其他分类" v-if="modalData.materialClassifyList && modalData.materialClassifyList.includes('Other其他')">
-                <el-input v-model="modalData.otherMaterialClassify" :disabled="isRohsFieldDisabled('otherMaterialClassify')" style="width: 123px"></el-input>
+              <el-form-item label="其他分类/Other Material Classify" v-if="modalData.materialClassifyList && modalData.materialClassifyList.includes('Other其他')">
+                <el-input v-model="modalData.otherMaterialClassify" :disabled="isRohsFieldDisabled('otherMaterialClassify')" style="width: 260px"></el-input>
               </el-form-item>
             </el-form>
-            <el-form :inline="true" label-position="top" :model="modalData">
-              <el-form-item label="辅材用途">
-                <el-input v-model="modalData.materialUseFor" :disabled="isRohsFieldDisabled('materialUseFor')" style="width: 396px"></el-input>
+            <el-form :inline="true" label-position="top" :model="modalData" style="margin-top: 40px">
+              <el-form-item label="辅材用途/Assiaccessorial Material Use for">
+                <el-input v-model="modalData.materialUseFor" :disabled="isRohsFieldDisabled('materialUseFor')" style="width: 259px"></el-input>
               </el-form-item>
               <el-form-item>
                 <span style="cursor: pointer" v-if="!isRohsFieldDisabled('technicalPlan')" slot="label" @click="getBaseList(2001, 4)"><a herf="#">技术计划/TP</a></span>
@@ -225,104 +225,103 @@
                 <el-input v-model="modalData.technicalPlan" @blur="technicalPlanBlur(2001)" :disabled="isRohsFieldDisabled('technicalPlan')" style="width: 100px"></el-input>
                 <el-input v-model="modalData.technicalPlanName" disabled style="width: 155px"></el-input>
               </el-form-item>
-
-            </el-form>
-            <el-form :inline="true" label-position="top" :model="modalData">
-              <el-form-item label="颜色">
-                <el-input v-model="modalData.color" :disabled="isRohsFieldDisabled('color')" style="width: 396px"></el-input>
-              </el-form-item>
               <el-form-item>
                 <span style="cursor: pointer" v-if="!isRohsFieldDisabled('pm')" slot="label" @click="getBaseList(2054, 5)"><a herf="#">PM人员/PM</a></span>
                 <span v-else slot="label">PM人员/PM</span>
                 <el-input v-model="modalData.pm" @blur="pmBlur(2054)" :disabled="isRohsFieldDisabled('pm')" style="width: 100px"></el-input>
-                <el-input v-model="modalData.pmName" disabled style="width: 155px"></el-input>
+                <el-input v-model="modalData.pmName" disabled style="width: 156px"></el-input>
               </el-form-item>
-              <el-form-item label="计划转量产时间">
-                <el-date-picker v-model="modalData.plannedMassProductionDate" type="date" value-format="yyyy-MM-dd" :disabled="isRohsFieldDisabled('plannedMassProductionDate')" style="width: 123px" :editable=false></el-date-picker>
+            </el-form>
+            <el-form :inline="true" label-position="top" :model="modalData">
+              <el-form-item label="颜色/Color">
+                <el-input v-model="modalData.color" :disabled="isRohsFieldDisabled('color')" style="width: 532px"></el-input>
+              </el-form-item>
+              <el-form-item label="计划转量产时间/Planned Mass Production Date">
+                <el-date-picker v-model="modalData.plannedMassProductionDate" type="date" value-format="yyyy-MM-dd" :disabled="isRohsFieldDisabled('plannedMassProductionDate')" style="width: 260px" :editable=false></el-date-picker>
               </el-form-item>
             </el-form>
             <el-form :inline="true" label-position="top" :model="modalData">
               <el-form-item>
-                <span style="cursor: pointer" v-if="!isRohsFieldDisabled('commGroup1')" slot="label" @click="getBaseList(110)"><a herf="#">商品组1</a></span>
-                <span v-else slot="label">商品组1</span>
+                <span style="cursor: pointer" v-if="!isRohsFieldDisabled('commGroup1')" slot="label" @click="getBaseList(110)"><a herf="#">商品组1/Comm Group 1</a></span>
+                <span v-else slot="label">商品组1/Comm Group 1</span>
                 <el-input v-model="modalData.commGroup1" @change="commGroup1Blur(110)" :disabled="isRohsFieldDisabled('commGroup1')" style="width: 100px"></el-input>
                 <el-input v-model="modalData.commGroup1Desc" disabled style="width: 155px"></el-input>
               </el-form-item>
               <el-form-item>
-                <span style="cursor: pointer" v-if="!isRohsFieldDisabled('commGroup2')" slot="label" @click="getBaseList(111)"><a herf="#">商品组2</a></span>
-                <span v-else slot="label">商品组2</span>
+                <span style="cursor: pointer" v-if="!isRohsFieldDisabled('commGroup2')" slot="label" @click="getBaseList(111)"><a herf="#">商品组2/Comm Group 2</a></span>
+                <span v-else slot="label">商品组2/Comm Group 2</span>
                 <el-input v-model="modalData.commGroup2" @change="commGroup2Blur(111)" :disabled="isRohsFieldDisabled('commGroup2')" style="width: 100px"></el-input>
                 <el-input v-model="modalData.commGroup2Desc" disabled style="width: 155px"></el-input>
               </el-form-item>
               <el-form-item>
-                <span style="cursor: pointer" v-if="!isRohsFieldDisabled('commGroup3')" slot="label" @click="getBaseList(130)"><a herf="#">商品组3</a></span>
-                <span v-else slot="label">商品组3</span>
+                <span style="cursor: pointer" v-if="!isRohsFieldDisabled('commGroup3')" slot="label" @click="getBaseList(130)"><a herf="#">商品组3/Comm Group 3</a></span>
+                <span v-else slot="label">商品组3/Comm Group 3</span>
                 <el-input v-model="modalData.commGroup3" @change="commGroup3Blur(130)" :disabled="isRohsFieldDisabled('commGroup3')" style="width: 100px"></el-input>
                 <el-input v-model="modalData.commGroup3Desc" disabled style="width: 156px"></el-input>
               </el-form-item>
             </el-form>
             <el-form :inline="true" label-position="top" :model="modalData">
-              <el-form-item label="是否Fiber材料">
-                <el-radio-group v-model="modalData.isFiberMaterial" :disabled="isRohsFieldDisabled('isFiberMaterial')" style="width: 191px">
+              <el-form-item label="是否是Fiber材料">
+                <el-radio-group v-model="modalData.isFiberMaterial" :disabled="isRohsFieldDisabled('isFiberMaterial')" style="width: 145px">
                   <el-radio label="Y" @click.native.prevent="radioClick('isFiberMaterial', 'Y')">是</el-radio>
                   <el-radio label="N" @click.native.prevent="radioClick('isFiberMaterial', 'N')">否</el-radio>
                 </el-radio-group>
               </el-form-item>
-              <el-form-item label="是否需要创建300/700/900号">
-                <el-radio-group v-model="modalData.needCreateNumber" :disabled="isRohsFieldDisabled('needCreateNumber')" style="width: 191px">
+              <el-form-item label="是否需要创建300/700/900号/Dose Need Create 300/700/900 Number">
+                <el-radio-group v-model="modalData.needCreateNumber" :disabled="isRohsFieldDisabled('needCreateNumber')" style="width: 374px">
                   <el-radio label="Y" @click.native.prevent="radioClick('needCreateNumber', 'Y')">是</el-radio>
                   <el-radio label="N" @click.native.prevent="radioClick('needCreateNumber', 'N')">否</el-radio>
                 </el-radio-group>
               </el-form-item>
-              <el-form-item label="材料厚度">
-                <el-input v-model="modalData.materialThickness" :disabled="isRohsFieldDisabled('materialThickness')" style="width: 396px"></el-input>
+              <el-form-item label="材料厚度/Material Thickness">
+                <el-input v-model="modalData.materialThickness" :disabled="isRohsFieldDisabled('materialThickness')" style="width: 260px"></el-input>
               </el-form-item>
             </el-form>
             <el-form :inline="true" label-position="top" :model="modalData">
               <el-form-item>
-                <span style="cursor: pointer" v-if="!isRohsFieldDisabled('npdEngineer')" slot="label" @click="getBaseList(2001, 3)"><a herf="#">NPD工程师</a></span>
-                <span v-else slot="label">NPD工程师</span>
+                <span style="cursor: pointer" v-if="!isRohsFieldDisabled('npdEngineer')" slot="label" @click="getBaseList(2001, 3)"><a herf="#">NPD工程师/NPD Engineer</a></span>
+                <span v-else slot="label">NPD工程师/NPD Engineer</span>
                 <el-input v-model="modalData.npdEngineer" @blur="npdEngineerBlur(2001)" :disabled="isRohsFieldDisabled('npdEngineer')" style="width: 100px"></el-input>
                 <el-input v-model="modalData.npdEngineerName" disabled style="width: 155px"></el-input>
               </el-form-item>
-              <el-form-item label="材料有效期">
-                <dict-data-select v-model="modalData.materialValidityTime" clearable :disabled="isRohsFieldDisabled('materialValidityTime')" style="width: 100px" dict-type="rohs_material_validity_time"></dict-data-select>
-              </el-form-item>
-              <el-form-item label="是否需要Deviation" style="margin-left: 25px">
+              <el-form-item label="是否需要Deviation/If need deviation or Comments">
                 <el-radio-group v-model="modalData.needDeviation" :disabled="isRohsFieldDisabled('needDeviation')" style="width: 120px">
                   <el-radio label="Y" @click.native.prevent="radioClick('needDeviation', 'Y')">是</el-radio>
                   <el-radio label="N" @click.native.prevent="radioClick('needDeviation', 'N')">否</el-radio>
                 </el-radio-group>
               </el-form-item>
-              <el-form-item label="预计提供报告时间(一个月内)">
-                <el-date-picker v-model="modalData.expectReportTime" type="date" value-format="yyyy-MM-dd" :disabled="isRohsFieldDisabled('expectReportTime')" style="width: 260px" :editable=false></el-date-picker>
+              <el-form-item label="材料有效期/Material Validity Time" style="margin-left: -4px">
+                <dict-data-select v-model="modalData.materialValidityTime" clearable :disabled="isRohsFieldDisabled('materialValidityTime')" style="width: 260px" dict-type="rohs_material_validity_time"></dict-data-select>
               </el-form-item>
             </el-form>
             <el-form :inline="true" label-position="top" :model="modalData">
-              <el-form-item label="有效期备注">
-                <el-input v-model="modalData.materialValidityComments" :disabled="isRohsFieldDisabled('materialValidityComments')" style="width: 532px"></el-input>
+              <el-form-item label="材料有效期备注/Material Validity Time Comments">
+                <el-input v-model="modalData.materialValidityComments" :disabled="isRohsFieldDisabled('materialValidityComments')" style="width: 259px"></el-input>
               </el-form-item>
-              <el-form-item>
-                <span style="cursor: pointer" v-if="!isRohsFieldDisabled('buyer')" slot="label" @click="getBaseList(2000, 2)"><a herf="#">采购</a></span>
-                <span v-else slot="label">采购</span>
+              <el-form-item style="margin-left: -2px">
+                <span style="cursor: pointer" v-if="!isRohsFieldDisabled('buyer')" slot="label" @click="getBaseList(2000, 2)"><a herf="#">采购/Buyer</a></span>
+                <span v-else slot="label">采购/Buyer</span>
                 <el-input v-model="modalData.buyer" @blur="buyerBlur(2000)" :disabled="isRohsFieldDisabled('buyer')" style="width: 100px"></el-input>
                 <el-input v-model="modalData.buyerName" disabled style="width: 156px"></el-input>
               </el-form-item>
+              <el-form-item label="预计提供报告时间(一个月内)/Expect Date">
+                <el-date-picker v-model="modalData.expectReportTime" type="date" value-format="yyyy-MM-dd" :disabled="isRohsFieldDisabled('expectReportTime')" style="width: 260px" :editable=false></el-date-picker>
+              </el-form-item>
             </el-form>
             <el-form :inline="true" label-position="top" :model="modalData">
-              <el-form-item label="所需审批文件" >
-                <dict-data-select class="rohs-multiple-ellipsis" v-model="modalData.qualificationDocumentsNeededList" multiple :title="getMultipleSelectTitle(modalData.qualificationDocumentsNeededList)" :disabled="isRohsFieldDisabled('qualificationDocumentsNeeded')" style="width: 804px" dict-type="rohs_qualification_docs"></dict-data-select>
+              <el-form-item label="所需审批文件/Qualification Documents needed" >
+                <dict-data-select class="rohs-multiple-two-rows" v-model="modalData.qualificationDocumentsNeededList" multiple :title="getMultipleSelectTitle(modalData.qualificationDocumentsNeededList)" :disabled="isRohsFieldDisabled('qualificationDocumentsNeeded')" style="width: 807px" dict-type="rohs_qualification_docs"></dict-data-select>
               </el-form-item>
             </el-form>
-            <el-form :inline="true" label-position="top" :model="modalData">
-              <el-form-item label="测试报告必测项">
-                <dict-data-select class="rohs-multiple-ellipsis" v-model="modalData.testReportIncludingItemsList" multiple :title="getMultipleSelectTitle(modalData.testReportIncludingItemsList)" :disabled="isRohsFieldDisabled('testReportIncludingItems')" style="width: 804px" dict-type="rohs_test_report_items"></dict-data-select>
+            <el-form :inline="true" label-position="top" :model="modalData" style="margin-top: 40px">
+              <el-form-item label="测试报告必测项/Test Report including items">
+                <dict-data-select class="rohs-multiple-two-rows" v-model="modalData.testReportIncludingItemsList" multiple :title="getMultipleSelectTitle(modalData.testReportIncludingItemsList)" :disabled="isRohsFieldDisabled('testReportIncludingItems')" style="width: 807px" dict-type="rohs_test_report_items"></dict-data-select>
               </el-form-item>
             </el-form>
-            <el-form :inline="true" label-position="top" :model="modalData">
+            <el-form :inline="true" label-position="top" :model="modalData" style="margin-top: 40px">
               <el-form-item style="display: block;">
                 <template slot="label">
-                  <span>备注说明</span>
+                  <span>备注说明/Comments</span>
                   <el-button
                     v-if="authDataEntry"
                     style="margin-left: 2px;width: 83px;line-height: 0.5;font-size: 10px;"
@@ -337,7 +336,7 @@
 
         <!-- NPD 信息 -->
         <el-tab-pane label="NPD 信息" name="npdInfo">
-          <div style="height: 635px; overflow-y: auto;">
+          <div style="height: 755px; overflow-y: auto;">
             <el-form :inline="true" label-position="top" :model="modalData" style="margin-top: -5px;">
               <el-form-item label="现有材料不同规格/Same Material Diff Size">
                 <el-radio-group v-model="modalData.isSameMaterialDiffSize" :disabled="isRohsFieldDisabled('isSameMaterialDiffSize')" style="width: 190px">
@@ -372,7 +371,7 @@
                   :row-click-select="true"
                   :show-order-ref2="false"
                   label="序列号"
-                  :height="350"
+                  :height="470"
                   style="margin-top: 2px"
                   :columns="tdsFileColumnList"
                   :order-ref1="modalData.site || ''"
@@ -386,7 +385,7 @@
 
         <!-- HSF 填写信息 -->
         <el-tab-pane label="HSF 填写信息" name="hsfInfo">
-          <div style="height: 635px">
+          <div style="height: 755px">
             <el-form :inline="true" label-position="top" :model="modalData" style="margin-top: -5px;">
               <el-form-item label="SGS报告编号/SGS Report Number">
                 <el-input v-model="modalData.sgsReportNumber" :disabled="isRohsFieldDisabled('sgsReportNumber')" style="width: 190px"></el-input>
@@ -490,7 +489,7 @@
 
         <!-- 材料信息 -->
         <el-tab-pane label="材料信息" name="materialInfo">
-          <div style="height: 635px">
+          <div style="height: 755px">
             <el-form :inline="true" label-position="top" :model="modalData" style="margin-top: -15px;">
               <el-form-item label=" ">
                 <el-button type="primary" v-if="!showModalFlag && canEditRohsMaterial()" @click="openProjectMaterialDialog">新增材料</el-button>
@@ -504,7 +503,7 @@
               :data="modalData.materialList"
               @selection-change="materialSelectionChange"
               :header-cell-style="materialDialogHeaderCellStyle"
-              :height="585"
+              :height="705"
               style="width: 100%">
               <el-table-column type="selection" header-align="center" align="center" width="50"></el-table-column>
               <el-table-column type="index" label="序号" width="50" header-align="center" align="center"></el-table-column>
@@ -516,7 +515,7 @@
         </el-tab-pane>
 
         <el-tab-pane label="附件信息" name="attachmentInfo">
-          <div style="height: 635px">
+          <div style="height: 755px">
             <oss-components
               ref="modalAttachmentOss"
               :save-visible="authFileSave"
@@ -526,7 +525,7 @@
               :row-click-select="true"
               :disabled="modalData.status === '已完成'"
               label="序列号"
-              :height="560"
+              :height="705"
               style="margin-top: 2px"
               :columns="fileColumnList"
               :order-ref1="modalData.site || ''"
@@ -817,7 +816,7 @@
             </el-form-item>
           </el-form>
           <el-form :inline="true" label-position="top" :model="currentRow">
-            <el-form-item label="是否Fiber材料">
+            <el-form-item label="是否是Fiber材料">
               <el-radio-group :value="currentRow.isFiberMaterial" disabled style="width: 191px">
                 <el-radio label="Y">是</el-radio>
                 <el-radio label="N">否</el-radio>
@@ -853,7 +852,7 @@
             </el-form-item>
           </el-form>
           <el-form :inline="true" label-position="top" :model="currentRow">
-            <el-form-item label="有效期备注">
+            <el-form-item label="材料有效期备注">
               <el-input :value="currentRow.materialValidityComments || ''" disabled style="width: 532px"></el-input>
             </el-form-item>
             <el-form-item>
@@ -3453,35 +3452,46 @@ export default {
   word-break: keep-all;
 }
 
-/deep/ .rohs-multiple-ellipsis.el-select .el-select__tags,
-/deep/ .rohs-multiple-ellipsis .el-select .el-select__tags {
+/deep/ .rohs-multiple-two-rows.el-select .el-input__inner,
+/deep/ .rohs-multiple-two-rows .el-select .el-input__inner {
+  min-height: 62px !important;
+  height: auto !important;
+  padding-top: 6px !important;
+  padding-bottom: 6px !important;
+}
+
+/deep/ .rohs-multiple-two-rows.el-select .el-select__tags,
+/deep/ .rohs-multiple-two-rows .el-select .el-select__tags {
   max-width: calc(100% - 34px) !important;
-  overflow: hidden;
-  white-space: nowrap;
+  max-height: 50px;
+  overflow-y: auto;
+  overflow-x: hidden;
+  white-space: normal;
 }
 
-/deep/ .rohs-multiple-ellipsis.el-select .el-select__tags > span,
-/deep/ .rohs-multiple-ellipsis .el-select .el-select__tags > span {
-  display: block;
+/deep/ .rohs-multiple-two-rows.el-select .el-select__tags > span,
+/deep/ .rohs-multiple-two-rows .el-select .el-select__tags > span {
+  display: inline;
   max-width: 100%;
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
+  white-space: normal;
 }
 
-/deep/ .rohs-multiple-ellipsis.el-select .el-select__tags .el-tag,
-/deep/ .rohs-multiple-ellipsis .el-select .el-select__tags .el-tag {
+/deep/ .rohs-multiple-two-rows.el-select .el-select__tags .el-tag,
+/deep/ .rohs-multiple-two-rows .el-select .el-select__tags .el-tag {
   display: inline-flex;
-  max-width: 120px;
+  max-width: 100%;
+  height: auto;
+  line-height: 16px;
+  padding-top: 2px;
+  padding-bottom: 2px;
   margin-right: 4px;
-  overflow: hidden;
+  white-space: normal;
   vertical-align: middle;
 }
 
-/deep/ .rohs-multiple-ellipsis.el-select .el-select__tags .el-tag .el-select__tags-text,
-/deep/ .rohs-multiple-ellipsis .el-select .el-select__tags .el-tag .el-select__tags-text {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
+/deep/ .rohs-multiple-two-rows.el-select .el-select__tags .el-tag .el-select__tags-text,
+/deep/ .rohs-multiple-two-rows .el-select .el-select__tags .el-tag .el-select__tags-text {
+  white-space: normal;
+  word-break: break-all;
 }
 </style>