src/views/dictionary/attachment/components/UploadTemplate/TemplateForm.vue

@@ -3,7 +3,7 @@
     ref="sysTemplateFrom"
     v-loading="loading"
     :model="form"
-    label-width="140px"
+    label-width="90px"
     size="small"
     :rules="rules"
     class="upload-temporary-file"
@@ -15,7 +15,7 @@
       <el-form-item label="业务场景: " prop="BusinessScenarioEnum">
         <el-select
           v-model="form.BusinessScenarioEnum"
-          style="width: 100%"
+          style="width:100%;"
           size="small"
           filterable
         >
@@ -44,14 +44,12 @@
             :on-exceed="handleExceed"
             :disabled="!form.FileTypeEnum || !form.BusinessScenarioEnum"
           >
-            <el-button
-              size="small"
-              type="primary"
-              :disabled="!form.FileTypeEnum || !form.BusinessScenarioEnum"
-              :loading="btnLoading"
-              >Select</el-button
+            <el-button size="small" type="primary" :disabled="!form.FileTypeEnum || !form.BusinessScenarioEnum" :loading="btnLoading">Select</el-button>
+            <span
+              slot="tip"
+              style="margin-left:10px;"
+              class="el-upload__tip"
             >
-            <span slot="tip" style="margin-left: 10px" class="el-upload__tip">
               (must be in xlsx/xls/doc/docx format)
             </span>
           </el-upload>
@@ -60,20 +58,9 @@
       <el-form-item label="文件名" prop="Name">
         <el-input v-model="form.Name" />
       </el-form-item>
-      <el-form-item
-        :label="$t('dictionary:attachment:export:form:nameCN')"
-        prop="NameCN"
-      >
-        <el-input v-model="form.NameCN" />
-      </el-form-item>
       <el-form-item v-if="form.Id !== ''" label="是否废除: ">
         <el-radio-group v-model="form.IsDeleted">
-          <el-radio
-            v-for="item of $d.YesOrNo"
-            :label="item.value"
-            :key="item.id"
-            >{{ item.label }}</el-radio
-          >
+          <el-radio v-for="item of $d.YesOrNo" :label="item.value">{{item.label}}</el-radio>
         </el-radio-group>
       </el-form-item>
       <el-form-item label="描述">
@@ -85,36 +72,23 @@
         />
       </el-form-item>
     </div>
-    <div class="base-dialog-footer" style="text-align: right; margin-top: 10px">
-      <el-form-item style="text-align: right">
-        <el-button
-          size="small"
-          type="primary"
-          :disabled="!form.FileTypeEnum || !form.BusinessScenarioEnum"
-          :loading="saveBtnLoading"
-          @click="handleSave"
-          >Save</el-button
-        >
+    <div class="base-dialog-footer" style="text-align:right;margin-top:10px;">
+      <el-form-item style="text-align:right;">
+        <el-button size="small" type="primary" :disabled="!form.FileTypeEnum || !form.BusinessScenarioEnum" :loading="saveBtnLoading" @click="handleSave">Save</el-button>
       </el-form-item>
     </div>
   </el-form>
 </template>
 <script>
-import {
-  addOrUpdateCommonDocument,
-  uploadCommonDoc,
-  Upload,
-} from '@/api/dictionary'
+import { addOrUpdateCommonDocument, uploadCommonDoc, Upload } from '@/api/dictionary'
 import { getBasicDataSelects } from '@/api/dictionary/dictionary'
 export default {
   name: 'TemplateForm',
   props: {
     data: {
       type: Object,
-      default() {
-        return {}
-      },
-    },
+      default() { return {} }
+    }
   },
 
   data() {
@@ -125,30 +99,20 @@ export default {
         FileTypeEnum: null,
         BusinessScenarioEnum: null,
         Name: '',
-        NameCN: '',
         Path: '',
         Description: '',
-        IsDeleted: false,
+        IsDeleted: false
       },
       rules: {
-        Code: [
-          { required: true, message: 'Please specify', trigger: ['blur'] },
-        ],
-        Name: [
-          { required: true, message: 'Please specify', trigger: ['blur'] },
-        ],
-        NameCN: [
-          { required: true, message: 'Please specify', trigger: ['blur'] },
-        ],
-        BusinessScenarioEnum: [
-          { required: true, message: 'Please select', trigger: ['blur'] },
-        ],
+        Code: [{ required: true, message: 'Please specify', trigger: ['blur'] }],
+        Name: [{ required: true, message: 'Please specify', trigger: ['blur'] }],
+        BusinessScenarioEnum: [{ required: true, message: 'Please select', trigger: ['blur'] }]
       },
       fileList: [],
       btnLoading: false,
       saveBtnLoading: false,
       loading: false,
-      dictionaryList: {},
+      dictionaryList: {}
     }
   },
   mounted() {
@@ -164,8 +128,8 @@ export default {
               name: this.data.Name,
               path: this.data.Path,
               url: this.data.Path,
-              type: this.data.Type,
-            },
+              type: this.data.Type
+            }
           ]
         }
         for (const k in this.form) {
@@ -178,12 +142,10 @@ export default {
     // 获取文件类型下拉框
     getDicData() {
       this.loading = true
-      getBasicDataSelects(['Common_File_ModuleType', 'Common_File_Type'])
-        .then((res) => {
+      getBasicDataSelects(['Common_File_ModuleType', 'Common_File_Type']).then(res => {
         this.dictionaryList = { ...res.Result }
         this.loading = false
-        })
-        .catch(() => {
+      }).catch(() => {
         this.loading = false
       })
     },
@@ -203,35 +165,28 @@ export default {
       const formData = new FormData()
       formData.append('file', param.file)
       this.form.FileName = param.file.name
-      Upload(formData, 1).then((res) => {
-        this.fileList.push({
-          name: param.file.name,
-          path: res.Result.FilePath,
-          fullPath: res.Result.FullFilePath,
-          url: res.Result.FilePath,
-        })
+      Upload(formData, 1).then(res => {
+        this.fileList.push({ name: param.file.name, path: res.Result.FilePath, fullPath: res.Result.FullFilePath, url: res.Result.FilePath })
         this.form.Path = res.Result.FilePath
-        this.form.NameCN = param.file.name
+        this.form.Name = param.file.name
         this.loading = false
         this.btnLoading = false
       })
     },
     handleSave() {
-      this.$refs.sysTemplateFrom.validate((valid) => {
+      this.$refs.sysTemplateFrom.validate(valid => {
         if (!valid) return
         if (!this.form.Name) {
           this.$alert('Please select file.')
           return
         }
         this.saveBtnLoading = true
-        addOrUpdateCommonDocument(this.form)
-          .then((res) => {
+        addOrUpdateCommonDocument(this.form).then(res => {
           this.saveBtnLoading = false
           this.$emit('closeDialog')
           this.$emit('getList')
           this.$message.success('Uploaded successfully')
-          })
-          .catch(() => {
+        }).catch(() => {
           this.saveBtnLoading = false
         })
       })
@@ -239,7 +194,6 @@ export default {
     handleRemoveFile() {
       this.fileList = []
       this.form.Path = ''
-      this.form.NameCN = ''
       this.form.Name = ''
     },
     handlePreview(file) {
@@ -252,16 +206,14 @@ export default {
     },
     checkFileSuffix(fileName) {
       var typeArr = ['xls', 'xlsx', 'doc', 'docx']
-      var extendName = fileName
-        .substring(fileName.lastIndexOf('.') + 1)
-        .toLocaleLowerCase()
+      var extendName = fileName.substring(fileName.lastIndexOf('.') + 1).toLocaleLowerCase()
       if (typeArr.indexOf(extendName) !== -1) {
         return true
       } else {
         return false
       }
-    },
-  },
+    }
+  }
 }
 </script>
 

src/views/dictionary/attachment/components/UploadTemplate/index.vue

@@ -5,7 +5,7 @@
         <el-form-item label="业务场景">
           <el-select
             v-model="searchData.BusinessScenarioEnum"
-            style="width: 150px"
+            style="width:150px;"
           >
             <el-option
               v-for="item of $d.Common_File_BusinessScenario"
@@ -13,10 +13,15 @@
               :label="item.label"
               :value="item.value"
             />
+
           </el-select>
         </el-form-item>
         <el-form-item label="文件名称">
-          <el-input v-model="searchData.Name" style="width: 130px" clearable />
+          <el-input
+            v-model="searchData.Name"
+            style="width:130px;"
+            clearable
+          />
         </el-form-item>
 
         <el-form-item>
@@ -25,24 +30,20 @@
             {{ $t('common:button:search') }}
           </el-button>
           <!-- 重置 -->
-          <el-button
-            type="primary"
-            icon="el-icon-refresh-left"
-            @click="handleReset"
-          >
+          <el-button type="primary" icon="el-icon-refresh-left" @click="handleReset">
             {{ $t('common:button:reset') }}
           </el-button>
         </el-form-item>
+      </el-form>
       <el-button
         type="primary"
         icon="el-icon-plus"
-          style="float: right"
+        style="margin-left:auto;"
         size="small"
         @click="handleAdd"
       >
         {{ $t('common:button:new') }}
       </el-button>
-      </el-form>
     </template>
     <template slot="main-container">
       <el-table
@@ -68,13 +69,9 @@
           sortable="custom"
         >
           <template slot-scope="scope">
-            {{
-              $fd(
-                'Common_File_BusinessScenario',
-                scope.row.BusinessScenarioEnum
-              )
-            }}
+            {{ $fd('Common_File_BusinessScenario',scope.row.BusinessScenarioEnum) }}
           </template>
+
         </el-table-column>
 
         <el-table-column
@@ -83,12 +80,6 @@
           show-overflow-tooltip
           sortable="custom"
         />
-        <el-table-column
-          prop="NameCN"
-          :label="$t('dictionary:attachment:upload:table:nameCN')"
-          show-overflow-tooltip
-          sortable="custom"
-        />
         <el-table-column
           prop="Description"
           label="描述"
@@ -101,12 +92,8 @@
           sortable="custom"
         >
           <template slot-scope="scope">
-            <el-tag v-if="scope.row.IsDeleted" type="danger">{{
-              $fd('YesOrNo', scope.row.IsDeleted)
-            }}</el-tag>
-            <el-tag v-else type="primary">{{
-              $fd('YesOrNo', scope.row.IsDeleted)
-            }}</el-tag>
+            <el-tag v-if="scope.row.IsDeleted" type="danger">{{ $fd('YesOrNo', scope.row.IsDeleted) }}</el-tag>
+            <el-tag v-else type="primary">{{ $fd('YesOrNo', scope.row.IsDeleted) }}</el-tag>
           </template>
         </el-table-column>
         <el-table-column
@@ -118,26 +105,29 @@
 
         <el-table-column label="Action">
           <template slot-scope="scope">
-            <el-button type="text" @click="handleDownload(scope.row)">
+            <el-button
+              type="text"
+              @click="handleDownload(scope.row)"
+            >
               下载
             </el-button>
-            <el-button type="text" @click="handleEdit(scope.row)">
+            <el-button
+              type="text"
+              @click="handleEdit(scope.row)"
+            >
               编辑
             </el-button>
-            <el-button type="text" @click="handleDelete(scope.row)">
+            <el-button
+              type="text"
+              @click="handleDelete(scope.row)"
+            >
               删除
             </el-button>
           </template>
         </el-table-column>
       </el-table>
       <!-- 分页组件 -->
-      <pagination
-        class="page"
-        :total="total"
-        :page.sync="searchData.PageIndex"
-        :limit.sync="searchData.PageSize"
-        @pagination="getList"
-      />
+      <pagination class="page" :total="total" :page.sync="searchData.PageIndex" :limit.sync="searchData.PageSize" @pagination="getList" />
 
       <!-- 新增/编辑 -->
       <el-dialog
@@ -148,21 +138,13 @@
         width="600px"
         custom-class="base-dialog-wrapper"
       >
-        <TemplateForm
-          :data="currentRow"
-          @closeDialog="closeDialog"
-          @getList="getList"
-        />
+        <TemplateForm :data="currentRow" @closeDialog="closeDialog" @getList="getList" />
       </el-dialog>
     </template>
   </BaseContainer>
 </template>
 <script>
-import {
-  getCommonDocumentList,
-  DownloadCommonDoc,
-  deleteCommonDocument,
-} from '@/api/dictionary'
+import { getCommonDocumentList, DownloadCommonDoc, deleteCommonDocument } from '@/api/dictionary'
 import BaseContainer from '@/components/BaseContainer'
 import Pagination from '@/components/Pagination'
 import TemplateForm from './TemplateForm'
@@ -173,7 +155,7 @@ const searchDataDefault = () => {
     BusinessScenarioEnum: null,
     Name: '',
     PageIndex: 1,
-    PageSize: 20,
+    PageSize: 20
   }
 }
 export default {
@@ -186,7 +168,7 @@ export default {
       total: 0,
       currentRow: {},
       editDialog: { title: '', visible: false },
-      loading: false,
+      loading: false
     }
   },
   mounted() {
@@ -203,13 +185,11 @@ export default {
     },
     getList() {
       this.loading = true
-      getCommonDocumentList(this.searchData)
-        .then((res) => {
+      getCommonDocumentList(this.searchData).then(res => {
         this.loading = false
         this.list = res.Result.CurrentPageData
         this.total = res.Result.TotalCount
-        })
-        .catch(() => {
+      }).catch(() => {
         this.loading = false
       })
     },
@@ -222,13 +202,9 @@ export default {
     // 下载
     handleDownload(row) {
       this.loading = true
-      DownloadCommonDoc(row.Code)
-        .then((data) => {
+      DownloadCommonDoc(row.Code).then(data => {
         this.loading = false
-        })
-        .catch(() => {
-          this.loading = false
-        })
+      }).catch(() => { this.loading = false })
     },
     // 编辑
     handleEdit(row) {
@@ -257,12 +233,7 @@ export default {
       this.searchData.SortField = column.prop
       this.searchData.PageIndex = 1
       this.getList()
-    },
-  },
+    }
+  }
 }
 </script>
-<style lang="scss" scoped>
-::v-deep .search {
-  display: block;
-}
-</style>