style:申请业务规则

 import filter from '@/utils/filter.js'
+import store from '@/store/index.js'
 let vm = null
 
 const sendThis = (_this) => {
@@ -8,7 +9,7 @@ class data extends filter {
   constructor() {
     super()
   }
-  djqxCol() {
+  djqxCol () {
     return [
       {
         width: '60',
@@ -104,7 +105,7 @@ class data extends filter {
     ]
   }
 
-  clxxCol() {
+  clxxCol () {
     return [
       {
         width: '60',
@@ -167,7 +168,7 @@ class data extends filter {
             <el-select value={scope.row[scope.column.property]}
               onChange={(val) => { scope.row[scope.column.property] = val }} clearable>
               {
-                vm.dictData['A40'].map(option => {
+                store.getters.dictData['A40'].map(option => {
                   return (
                     <el-option label={option.dname} value={option.dcode}></el-option>
                   )

@@ -68,8 +68,8 @@
           </el-col>
           <el-col :span="1">
             <el-upload ref="upload" :action="imgUploadUrl" :limit="1" accept=".xls, .xlsx" :show-file-list="false"
-              :disabled="requested" :file-list="fileList" :before-upload="uploadRecord" :on-success="handleSuccess">
-              <el-button type="primary" icon="el-icon-upload" :loading="requested">上传材料</el-button>
+              :before-upload="uploadRecord" :on-success="handleSuccess">
+              <el-button type="primary" icon="el-icon-upload">上传材料</el-button>
             </el-upload>
           </el-col>
         </el-row>
@@ -128,11 +128,11 @@
   </div>
 </template>
 <script>
-import { mapGetters } from "vuex";
-import { upward, down } from "@/utils/operation";
-import { getDjlxInfo, getSqdjywDetail, saveSqdjyw } from "@/api/system.js";
-import { datas, sendThis } from "./sqywDetail";
-export default {
+  import { uploadUrl } from '@/api/file'
+  import { upward, down } from "@/utils/operation";
+  import { getDjlxInfo, getSqdjywDetail, saveSqdjyw } from "@/api/system.js";
+  import { datas, sendThis } from "./sqywDetail";
+  export default {
     name: "componentDialog",
     props: {
       formData: {
@@ -145,16 +145,17 @@ export default {
         tn: 0,
         n: 0,
         djlxList: [],
+        options: [],
+        imgUploadUrl: uploadUrl(),
         title: "",
         activeName: "1",
-      form: {},
+        form: {
+          ywDetail: {}
+        },
         djqxCol: datas.djqxCol(),
         clxxCol: datas.clxxCol(),
       };
     },
-  computed: {
-    ...mapGetters(["dictData"]),
-  },
     mounted () {
       sendThis(this)
       this.init()
@@ -173,6 +174,23 @@ export default {
           }
         })
       },
+      uploadRecord (file) {
+        this.requested = true
+        this.files = file;
+        const extension = file.name.split('.')[1] === 'xls'
+        const extension2 = file.name.split('.')[1] === 'xlsx'
+        const isLt5M = file.size / 1024 / 1024 < 5
+        if (!extension && !extension2) {
+          this.$message.warning('上传模板只能是 xls、xlsx格式!')
+          this.requested = false
+        }
+        if (!isLt5M) {
+          this.$message.warning('上传模板大小不能超过 5MB!')
+          this.requested = false
+        }
+        return (extension || extension2) && isLt5M
+      },
+      handleSuccess () { },
       //tab选项卡事件
       handleTitleSelct (obj, index) {
         this.n = 0;
@@ -244,29 +262,29 @@ export default {
         this.form.clxx.splice(index, 1);
       },
     },
-};
+  };
 </script>
 <style lang='scss' scoped>
-@import "~@/styles/mixin.scss";
-@import "~@/styles/dialogBox.scss";
-@import "~@/styles/collapse.scss";
-@import "~@/styles/dialogBoxheader.scss";
+  @import "~@/styles/mixin.scss";
+  @import "~@/styles/dialogBox.scss";
+  @import "~@/styles/collapse.scss";
+  @import "~@/styles/dialogBoxheader.scss";
 
-.contentBox {
+  .contentBox {
     height: 75vh;
     overflow-y: scroll;
-}
+  }
 
-.el-radio-group {
+  .el-radio-group {
     white-space: nowrap;
-}
+  }
 
-.form {
+  .form {
     background: #eee;
     padding: 0 10px;
-}
+  }
 
-.edit-title-list {
+  .edit-title-list {
     @include flex;
 
     li {
@@ -282,21 +300,21 @@ export default {
         @extend .active;
       }
     }
-}
+  }
 
-.active {
+  .active {
     background: $light-blue !important;
     color: #fff;
-}
+  }
 
-.dyztsd-title {
+  .dyztsd-title {
     @include flex;
     align-items: center;
     justify-content: space-between;
     padding-left: 20px;
-}
+  }
 
-.qlxx-list {
+  .qlxx-list {
     @include flex;
     flex-wrap: wrap;
     padding-left: 20px;
@@ -305,9 +323,9 @@ export default {
       width: 25%;
       margin-bottom: 15px;
     }
-}
+  }
 
-.screen-list {
+  .screen-list {
     @include flex;
     align-items: center;
     flex-wrap: wrap;
@@ -332,5 +350,5 @@ export default {
     li:nth-child(odd) {
       border-right: 1px solid $borderColor;
     }
-}
+  }
 </style>