新加文本框弹窗

src/views/iosBasicData/SeafreightExportF/bills/assembly/EntrustmentLnformation.vue

@@ -6,7 +6,23 @@
           <el-row>
             <el-form-item label="发货人" prop="hshipperCnName">
               <span slot="label">
-                <span style="color: #1e9fff">{{ $t("sea118n.shipper") }}</span>
+                <el-popover placement="bottom-start" width="700" trigger="click">
+                  <div>
+                    <el-input
+                      type="textarea"
+                      style="width: 100%;"
+                      v-model="assemblyForm.detail.hshipperDetails"
+                      size="small"
+                      autocomplete="off"
+                      :disabled="detailData.seeDisabled"
+                      :rows="textareaNumber"
+                      clearable
+                      placeholder="请输入发货人提单描述"
+                      @change="textareaBlur('hshipperDetails')"
+                    ></el-input>
+                  </div>
+                  <span style="font-size: 12px;color: #1e9fff" slot="reference">{{ $t("sea118n.shipper") }}</span>
+                </el-popover>
               </span>
               <div>
                 <el-col :span="16">
@@ -61,7 +77,23 @@
             </div>
             <el-form-item label="收货人" prop="hconsigneeCnName">
               <span slot="label">
-                <span style="color: #1e9fff">{{ $t("sea118n.cnee") }}</span>
+                <el-popover placement="bottom-start" width="700" trigger="click">
+                  <div>
+                    <el-input
+                      type="textarea"
+                      style="width: 100%;"
+                      v-model="assemblyForm.detail.hconsigneeDetails"
+                      size="small"
+                      autocomplete="off"
+                      :disabled="detailData.seeDisabled"
+                      :rows="textareaNumber"
+                      clearable
+                      placeholder="请输入收货人提单描述"
+                      @change="textareaBlur('hconsigneeDetails')"
+                    ></el-input>
+                  </div>
+                  <span style="font-size: 12px;color: #1e9fff" slot="reference">{{ $t("sea118n.cnee") }}</span>
+                </el-popover>
               </span>
               <div>
                 <el-col :span="16">
@@ -125,7 +157,23 @@
             </div>
             <el-form-item label="通知人" prop="hnotifyCnName">
               <span slot="label">
-                <span style="color: #1e9fff">{{ $t("sea118n.notify") }}</span>
+                <el-popover placement="bottom-start" width="700" trigger="click">
+                  <div>
+                    <el-input
+                      type="textarea"
+                      style="width: 100%;"
+                      v-model="assemblyForm.detail.hnotifyDetails"
+                      size="small"
+                      autocomplete="off"
+                      :disabled="detailData.seeDisabled"
+                      :rows="textareaNumber"
+                      clearable
+                      placeholder="请输入通知人提单描述"
+                      @change="textareaBlur('hnotifyDetails')"
+                    ></el-input>
+                  </div>
+                  <span style="font-size: 12px;color: #1e9fff" slot="reference">{{ $t("sea118n.notify") }}</span>
+                </el-popover>
               </span>
               <div>
                 <el-col :span="16">
@@ -197,7 +245,23 @@
             <div>
               <el-form-item label="国外代理" prop="foreignAgencyCnName">
                 <span slot="label">
-                  <span style="color: #1e9fff">{{ $t("sea118n.agent") }}</span>
+                  <el-popover placement="bottom-start" width="700" trigger="click">
+                    <div>
+                      <el-input
+                        type="textarea"
+                        style="width: 100%;"
+                        v-model="assemblyForm.foreignAgencyDetails"
+                        size="small"
+                        autocomplete="off"
+                        :disabled="detailData.seeDisabled"
+                        :rows="textareaNumber"
+                        clearable
+                        placeholder="请输入国外代理提单描述"
+                        @change="textareaBlur('foreignAgencyDetails')"
+                      ></el-input>
+                    </div>
+                    <span style="font-size: 12px;color: #1e9fff" slot="reference">{{ $t("sea118n.agent") }}</span>
+                  </el-popover>
                 </span>
                 <div>
                   <el-col :span="16">
@@ -334,7 +398,7 @@
                       @change="textareaBlur('marks')"
                     ></el-input>
                   </div>
-                  <span style="font-size: 14px;color: #1e9fff" slot="reference">{{ $t("sea118n.marks") }}</span>
+                  <span style="font-size: 12px;color: #1e9fff" slot="reference">{{ $t("sea118n.marks") }}</span>
                 </el-popover>
               </div>
               <div style="margin-top: 4px">
@@ -392,7 +456,7 @@
               <div style="margin-top: 4px">
                 <el-form-item label="货描" prop="cargoType" label-width="50px" :rules="[{ required: true, message: ' ', trigger: 'blur' }]">
                   <span slot="label">
-                    <el-popover  placement="bottom-start" width="700" trigger="click">
+                    <el-popover placement="bottom-start" width="700" trigger="click">
                       <div>
                         <el-input
                           type="textarea"
@@ -407,7 +471,7 @@
                           @change="textareaBlur('commodityDescr')"
                         ></el-input>
                       </div>
-                      <span style="font-size: 14px;color: #1e9fff" slot="reference">{{ $t("sea118n.descOfGoods") }}</span>
+                      <span style="font-size: 12px;color: #1e9fff" slot="reference">{{ $t("sea118n.descOfGoods") }}</span>
                     </el-popover>
                   </span>
                   <!--<el-col :span="5">-->