修改 83400，内外部会议--导出--提示字显示不全

src/components/hzwlComponents/exportDialog.vue

@@ -1,9 +1,9 @@
 <template>
   <!--导出文件改名字模态框-->
-  <el-dialog :visible.sync="exportModelFlag" title="导出文件" width="300px" :append-to-body="appendToBody">
+  <el-dialog :visible.sync="exportModelFlag" title="导出文件" width="310px" :append-to-body="appendToBody">
     <el-form :inline="true" class="label-input-form search-area">
       <el-form-item label="导出名称" class="search-item">
-        <el-input v-model="exportName" placeholder="请输入导出文件名称" :maxlength="30" clearable label="导出名称"/>
+        <el-input class="exportFileInput" v-model="exportName" placeholder="请输入导出文件名称" :maxlength="30" clearable label="导出名称"/>
       </el-form-item>
     </el-form>
     <span slot="footer" class="demo-drawer-footer">
@@ -16,7 +16,7 @@
 <script>
 export default {
   name: "exportDialog",
-  data () {
+  data() {
     return {
       exportModelFlag: false,
       exportName: ''
@@ -29,14 +29,14 @@ export default {
     }
   },
   methods: {
-    openModel () {
+    openModel() {
       this.exportName = ''
       this.exportModelFlag = true
     },
-    cancel () {
+    cancel() {
       this.exportModelFlag = false
     },
-    submit () {
+    submit() {
       // 导出文件名
       this.$emit('exportName', this.exportName)
     }
@@ -45,9 +45,14 @@ export default {
 </script>
 
 <style scoped>
+.exportFileInput /deep/.el-input__inner {
+  padding-right: 0 !important;
+}
+
 /deep/ .label-input-form .add-form-item .el-form-item__content .el-input .el-input__inner {
   width: 280px;
 }
+
 /deep/ .el-dialog .el-dialog__header {
   width: 100%;
   font-size: 14px;
@@ -58,9 +63,11 @@ export default {
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+
 /deep/ .el-dialog .el-dialog__body {
   padding: 15px 20px;
 }
+
 /deep/ .el-dialog .el-dialog__footer .el-button {
   height: 32px;
   padding: 8px 23px;