文件下发文字调整

src/views/issue/index.vue

@@ -2,28 +2,17 @@
   <div class="app-container">
     <!-- 筛选条件 -->
     <div class="screen-container">
-      <el-form
-        ref="screenForm"
-        :model="screenForm"
-        label-width="60px"
-        size="small"
-        label-position="left"
-      >
+      <el-form ref="screenForm" :model="screenForm" label-width="60px" size="small" label-position="left">
         <el-row :gutter="20">
           <el-col :xs="24" :sm="18" :lg="18">
             <el-form-item label="标题" prop="title">
-              <el-input
-                v-model="screenForm.title"
-                placeholder="请输入标题"
-              ></el-input>
+              <el-input v-model="screenForm.title" placeholder="请输入标题"></el-input>
             </el-form-item>
           </el-col>
           <el-col :xs="24" :sm="6" :lg="6" class="tr">
             <el-form-item label="">
               <el-button size="small" @click="resetScreenForm">清空</el-button>
-              <el-button size="small" type="primary" @click="submitScreenForm"
-                >搜索</el-button
-              >
+              <el-button size="small" type="primary" @click="submitScreenForm">搜索</el-button>
             </el-form-item>
           </el-col>
         </el-row>
@@ -33,134 +22,53 @@
     <div class="mymain-container">
       <div class="btn-group clearfix">
         <div class="fl">
-          <el-button
-            class="fl"
-            size="small"
-            type="primary"
-            icon="el-icon-plus"
-            @click="clickImport()"
-            v-if="$checkBtnRole('add', $route.meta.roles)"
-            >新增</el-button
-          >
+          <el-button class="fl" size="small" type="primary" icon="el-icon-plus" @click="clickImport()" v-if="$checkBtnRole('add', $route.meta.roles)">新增</el-button>
           <div class="tips fl">
-            导入模板第一行必须为空白行、第一列必须为经销商编号（S9219801）
+            导入模板第一行必须为空白行、第一列必须为经销商编号
           </div>
         </div>
       </div>
       <div class="table">
-        <el-table
-          v-loading="listLoading"
-          :data="dataList"
-          element-loading-text="Loading"
-          border
-          fit
-          highlight-current-row
-          stripe
-        >
-          <el-table-column
-            align="center"
-            label="操作"
-            fixed="right"
-            width="160"
-          >
+        <el-table v-loading="listLoading" :data="dataList" element-loading-text="Loading" border fit highlight-current-row stripe>
+          <el-table-column align="center" label="操作" fixed="right" width="160">
             <template slot-scope="scope">
-              <el-button
-                type="text"
-                @click="openDetail(scope.row.id)"
-                v-if="checkBtnRole('edit')"
-                >详情</el-button
-              >
-              <el-button
-                type="text"
-                @click="handleExport(scope.row)"
-                v-if="checkBtnRole('edit')"
-                >下载</el-button
-              >
-              <el-popconfirm
-                style="margin-left: 10px"
-                title="确定删除吗？"
-                @onConfirm="deleteData(scope.row.id)"
-                v-if="$checkBtnRole('del', $route.meta.roles)"
-              >
+              <el-button type="text" @click="openDetail(scope.row.id)" v-if="checkBtnRole('edit')">详情</el-button>
+              <el-button type="text" @click="handleExport(scope.row)" v-if="checkBtnRole('edit')">下载</el-button>
+              <el-popconfirm style="margin-left: 10px" title="确定删除吗？" @onConfirm="deleteData(scope.row.id)" v-if="$checkBtnRole('del', $route.meta.roles)">
                 <el-button slot="reference" type="text">删除</el-button>
               </el-popconfirm>
             </template>
           </el-table-column>
-          <el-table-column
-            align="center"
-            label="标题"
-            prop="title"
-            min-width="140"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="操作人"
-            prop="operatorUserName"
-            min-width="140"
-            show-overflow-tooltip
-          >
+          <el-table-column align="center" label="标题" prop="title" min-width="140" show-overflow-tooltip></el-table-column>
+          <el-table-column align="center" label="操作人" prop="operatorUserName" min-width="140" show-overflow-tooltip>
             <template slot-scope="scope">
               {{ scope.row.operatorNickName }}({{ scope.row.operatorUserName }})
             </template>
           </el-table-column>
-          <el-table-column
-            align="center"
-            prop="remark"
-            label="备注"
-            min-width="140"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="创建时间"
-            prop="createTime"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
+          <el-table-column align="center" prop="remark" label="备注" min-width="140" show-overflow-tooltip></el-table-column>
+          <el-table-column align="center" label="创建时间" prop="createTime" min-width="160" show-overflow-tooltip></el-table-column>
         </el-table>
       </div>
 
       <div class="pagination clearfix">
         <div class="fr">
-          <el-pagination
-            @size-change="handleSizeChange"
-            @current-change="handleCurrentChange"
-            :current-page="currentPage"
-            :page-sizes="[10, 20, 30, 50]"
-            :page-size="10"
-            layout="total, sizes, prev, pager, next, jumper"
-            :total="listTotal"
-          >
+          <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage" :page-sizes="[10, 20, 30, 50]" :page-size="10" layout="total, sizes, prev, pager, next, jumper" :total="listTotal">
           </el-pagination>
         </div>
       </div>
     </div>
 
     <!-- 新增 -->
-    <el-dialog
-      title="新增"
-      :visible.sync="importFormDialog"
-      :show-close="false"
-      width="40%"
-      :close-on-click-modal="false"
-    >
+    <el-dialog title="新增" :visible.sync="importFormDialog" :show-close="false" width="40%" :close-on-click-modal="false">
       <el-form ref="importForm" label-position="left" label-width="80px">
         <el-form-item label="标题" prop="title">
-          <el-input
-            v-model="importForm.title"
-            placeholder="请输入标题"
-          ></el-input>
+          <el-input v-model="importForm.title" placeholder="请输入标题"></el-input>
         </el-form-item>
         <el-form-item label="上传文件" prop="fileUrl">
           <FileUpload :fileList="fileList" :fileType="['excel']" />
         </el-form-item>
         <el-form-item label="备注" prop="remark">
-          <el-input
-            type="textarea"
-            v-model="importForm.remark"
-            placeholder="请输入备注"
-          ></el-input>
+          <el-input type="textarea" v-model="importForm.remark" placeholder="请输入备注"></el-input>
         </el-form-item>
       </el-form>
 
@@ -171,67 +79,19 @@
     </el-dialog>
 
     <!-- 详情 -->
-    <el-dialog
-      title="详情"
-      :visible.sync="detailDialog"
-      :show-close="false"
-      width="70%"
-      :close-on-click-modal="false"
-    >
+    <el-dialog title="详情" :visible.sync="detailDialog" :show-close="false" width="70%" :close-on-click-modal="false">
       <div class="table" style="margin: 10px 0 20px">
-        <el-table
-          v-loading="detailTable_listLoading"
-          :data="detailTable_dataList"
-          element-loading-text="Loading"
-          tooltip-effect="dark"
-          style="width: 100%"
-          max-height="270"
-        >
-          <el-table-column
-            align="center"
-            label="序号"
-            type="index"
-            width="50"
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            prop="title"
-            label="标题"
-            min-width="140"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            prop="adminNickName"
-            label="下载人"
-            min-width="140"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            prop="remark"
-            label="备注"
-            min-width="140"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            prop="createTime"
-            label="下载时间"
-            min-width="160"
-          ></el-table-column>
+        <el-table v-loading="detailTable_listLoading" :data="detailTable_dataList" element-loading-text="Loading" tooltip-effect="dark" style="width: 100%" max-height="270">
+          <el-table-column align="center" label="序号" type="index" width="50"></el-table-column>
+          <el-table-column align="center" prop="title" label="标题" min-width="140" show-overflow-tooltip></el-table-column>
+          <el-table-column align="center" prop="adminNickName" label="下载人" min-width="140" show-overflow-tooltip></el-table-column>
+          <el-table-column align="center" prop="remark" label="备注" min-width="140" show-overflow-tooltip></el-table-column>
+          <el-table-column align="center" prop="createTime" label="下载时间" min-width="160"></el-table-column>
         </el-table>
       </div>
       <div class="pagination clearfix">
         <div class="fr">
-          <el-pagination
-            @current-change="detailTableCurrentChange"
-            :current-page="detailTable_currentPage"
-            :page-size="detailTable_pageSize"
-            background
-            layout="prev, pager, next"
-            :total="detailTable_listTotal"
-          >
+          <el-pagination @current-change="detailTableCurrentChange" :current-page="detailTable_currentPage" :page-size="detailTable_pageSize" background layout="prev, pager, next" :total="detailTable_listTotal">
           </el-pagination>
         </div>
       </div>