dd

src/views/modules/base/epidemic/travel.vue

@@ -225,20 +225,20 @@
                         style="margin-left:10px"
                         width="20"
                         trigger="click">
-              <div class="more-btn">
+              <div class="table-more-btn">
                 <el-button type="text"
                            class="div-table-button--detail--noline"
                            size="small"
                            @click="handleNoticeList(scope.row)">通知记录</el-button>
               </div>
 
-              <div class="more-btn">
+              <div class="table-more-btn">
                 <el-button type="text"
                            class="div-table-button--detail--noline"
                            size="small"
                            @click="handleVisiteList(scope.row) ">随访记录</el-button>
               </div>
-              <div v-if="scope.row.userType != 'resi'" class="more-btn">
+              <div v-if="scope.row.userType != 'resi'" class="table-more-btn">
                 <el-button type="text"
                        class="div-table-button--delete--noline "
                        size="small"

src/views/modules/base/epidemic/travelForm.vue

@@ -99,13 +99,21 @@
                       prop="presentAddress"
                       style="display: block"
                       label-width="150px">
-          <el-input v-if="isFromResi" class="item_width_2"
+          <el-input  v-if="formType == 'detail'" class="item_width_2"
+                    placeholder="请输入现居地"
+                    clearable
+                    :disabled="isFromResi"
+                    :style="'width: ' + computedWd(formData.presentAddress)"
+                    v-model="formData.presentAddress" />
+          <template v-else>
+            <el-input v-if="isFromResi" class="item_width_2 mw180"
                     placeholder="请输入现居地"
                     clearable
                     :disabled="isFromResi"
                     v-model="formData.presentAddress" />
             <el-cascader v-else ref="nowArea" class="item_width_2" :props="areaProps" 
             v-model="nowAllCode" clearable @change="handleNowArea"></el-cascader>
+          </template>
         </el-form-item>
         <el-form-item label="详细地址"
                       prop="detailAddress"
@@ -119,7 +127,14 @@
           </el-input>
         </el-form-item>
         <el-form-item label="来自地区" prop="sourceAddress" style="display: block" label-width="150px">
-          <el-cascader ref="sourceArea" v-model="sourceAllCode" class="item_width_2" :props="areaProps"
+          <el-input v-if="formType == 'detail'" class="item_width_2"
+                    placeholder=""
+                    clearable
+                    :disabled="isFromResi"
+                    v-model="formData.sourceAddress"
+                    :style="'width: ' + computedWd(formData.sourceAddress)">
+          </el-input>
+          <el-cascader v-else ref="sourceArea" v-model="sourceAllCode" class="item_width_2" :props="areaProps"
             @change="handleSourceArea" clearable></el-cascader>
         </el-form-item>
 
@@ -312,6 +327,14 @@ export default {
   },
 
   methods: {
+    computedWd(val) {
+      const len = val.length
+      const wd = len * 18
+      let w = ''
+      if (wd > 220) w = wd
+      else w = 220
+      return w + 'px'
+    },
     lzayLoadArea(node, resolve) {
       this.getArea(node, resolve)
       // setTimeout(() => {
@@ -632,6 +655,13 @@ export default {
 
 <style lang="scss" scoped >
 @import "@/assets/scss/modules/management/epidemic.scss";
+
+.epidemic-form {
+  .mw180 {
+    min-width: 260px;
+  }
+}
+
 </style>
 
 <style lang='scss'>