三书一函,模板下载

src/views/caseInforCollet/caseQuery.vue

@@ -1087,16 +1087,24 @@ export default {
             placeholder: "请选择",
             col: '3'
           },
-          {
+              {
             name: "接收单位",
             id: "jsdw",
             value: '',
-            type: "codeTree",
-            codeTree: "CODE_UNIT",
-            codeOptions: [],
-            placeholder: "请选择",
+            type: "text",
+            placeholder: "请输入",
             col: '3'
           },
+          // {
+          //   name: "接收单位",
+          //   id: "jsdw",
+          //   value: '',
+          //   type: "codeTree",
+          //   codeTree: "CODE_UNIT",
+          //   codeOptions: [],
+          //   placeholder: "请选择",
+          //   col: '3'
+          // },
           {
             name: "是否提出异议",
             id: "sftcyy",

src/views/xsDetail/detailsForm.vue

 <template>
   <div>
-    <table id="table0"
+    <table id="table"
            width="70%"
            border="1"
            style="border-color: #000000;color: #000000;text-align: right;margin:0 auto;margin-top:20px"
@@ -72,8 +72,8 @@
       <!-- 第9行 -->
       <tr>
         <td class="numberstyle">4</td>
-        <td colspan="2"
-            class="textcolor"><span class="symbolstyle">*</span>文号：</td>
+        <td colspan="2">
+            文号：</td>
         <td colspan="2"
             class="nofillcontent">
           {{ssyhxx.wh}}
@@ -94,7 +94,7 @@
       <tr>
         <td class="numberstyle">6</td>
         <td colspan="2"
-            class="textcolor"><span class="symbolstyle">*</span>案件编码：</td>
+            class="textcolor">案件编码：</td>
         <td colspan="2"
             class="nofillcontent">
           {{ssyhxx.ajbm}}
@@ -408,8 +408,7 @@ export default {
     },
     //表格导出excel
     exportExcel () {
-      // this.$toExcel('table0');
-      this.$toExcel('table0', '扫黑除恶专项斗争“三书一函”情况填报表');
+      this.$toExcel(table, '扫黑除恶专项斗争“三书一函”情况填报表');
     },
 
   },

src/views/xsDetail/fillingForm.vue

@@ -14,6 +14,7 @@
       style="padding:20px 0;width: 70%;margin: 0 auto;"
     >
       <el-button slot="trigger" size="small" type="primary">选取文件</el-button>
+      <el-button @click="mbxz" size="small" type="primary">模板下载</el-button>
       <div slot="tip" class="el-upload__tip">上传excle文件进行提取信息</div>
     </el-upload>
     <table
@@ -47,7 +48,11 @@
         <td colspan="2" class="textcolor" style="width: 22%">
           “三书一函”编码：
         </td>
-        <td class="nofillcontent"></td>
+        <td class="nofillcontent">
+          <div>
+            <span style="color: red">{{ ssyhbm }}</span>
+          </div>
+        </td>
         <td class="nofillcontent" style="width: 45%"></td>
       </tr>
       <!-- 第5行 -->
@@ -223,7 +228,7 @@
       <tr>
         <td colspan="5" class="numcolor">（三）接收情况</td>
       </tr>
-        <!-- 第16行 -->
+      <!-- 第16行 -->
       <tr>
         <td class="numberstyle">1</td>
         <td colspan="2" class="textcolor">
@@ -262,7 +267,7 @@
           <span class="symbolstyle">*</span>接收单位：
         </td>
         <td colspan="2" class="nofillcontent">
-         <el-input
+          <el-input
             type="text"
             v-model="jsdw"
             style="width: 100%"
@@ -713,6 +718,7 @@ export default {
       ],
 
       hylymc: [],
+      ssyhbm: '',
       wslx: '',
       zfdw: '',
       fcsj: '',
@@ -745,7 +751,7 @@ export default {
       checkboxCodeVisible: true,
       //树型字典配置
       codeTreeConfig: {
-        title:'是否同意',
+        title: '是否同意',
         //值字段
         nodeKey: 'value',
         //绑定的model
@@ -769,12 +775,28 @@ export default {
     }
   },
   methods: {
+    mbxz() {
+      window.open('file/mb.xls')
+    },
     handleRemove (file, fileList) {
       this.fileLists = fileList
     },
     handleChange (file, fileList) {
-      this.fileLists.push(file)
-      this.submitUpload()
+      debugger
+      if (
+        file.name.slice(file.name.lastIndexOf('.') + 1).toLowerCase() != 'xls'
+      ) {
+        return this.$alert('请选择xls类型文件!', '提示', {
+          confirmButtonText: '确定',
+          type: 'warning',
+          callback: () => {
+            this.handleRemove()
+          }
+        })
+      } else {
+        this.fileLists.push(file)
+        this.submitUpload()
+      }
     },
     handleExceed (files, fileList) {
       // this.$message.warning(`当前限制选择 1 个文件，本次选择了 ${files.length} 个文件`);
@@ -1089,7 +1111,7 @@ export default {
 
 <style lang="scss" scoped>
 /deep/.el-dialog__header {
-    background-color: #1a81e1;
+  background-color: #1a81e1;
 }
 .textcolor {
   font-size: 14px;
@@ -1132,4 +1154,7 @@ export default {
 .el-upload-list {
   width: 30% !important;
 }
+.el-upload {
+  margin-right: 20px;
+}
 </style>