行程上报

src/views/modules/base/epidemic/travel.vue

@@ -84,7 +84,7 @@
                    size="small"
                    @click="handleAdd">新增</el-button>
 
-        <el-button style="float:left"
+        <el-button 
                    class="diy-button--export"
                    size="small"
                    @click="handleExportModule">下载模板</el-button>
@@ -96,16 +96,18 @@
                    accept=".xls,.xlsx"
                    :limit="1"
                    :on-exceed="handleExceed"
-                   :http-request="uploadFile">
+                   :http-request="uploadHttpRequest">
-          <el-button style="margin-left:10px"
+          <el-button size="small"
-                     size="small"
+            style="margin-left: 10px"
-                     class="diy-button--delete">导入</el-button>
+            class="diy-button--delete"
+            :loading="importLoading">{{importBtnTitle}}</el-button>
         </el-upload>
 
-        <el-button style="float:left;margin-left:10px"
+        <el-button style="margin-left:10px"
                    class="diy-button--reset"
                    size="small"
-                   @click="handleExport">导出</el-button>
+                   :loading="exportBtn"
+                   @click="handleExport">{{ exportBtnTitle }}</el-button>
       </div>
 
       <el-table class="table"
@@ -125,7 +127,7 @@
                          header-align="center"
                          align="center"
                          label="姓名"
-                         width="90">
+                         width="100">
         </el-table-column>
         <el-table-column prop="mobile"
                          header-align="center"
@@ -178,7 +180,7 @@
                          label="备注"
                          min-width="120">
         </el-table-column>
-        <el-table-column prop="heSuanCheck"
+        <el-table-column prop="heSuanCheckDesc"
                          header-align="center"
                          align="center"
                          label="核酸检测关注名单"
@@ -231,7 +233,7 @@
                top="5vh"
                class="dialog-h"
                @closed="diaClose">
-      <travel-form ref="ref_form"
+      <travel-form v-if="formShow" ref="ref_form"
                 @dialogCancle="addFormCancle"
                 @dialogOk="addFormOk"></travel-form>
     </el-dialog>
@@ -250,6 +252,10 @@ let loading // 加载动画
 export default {
   data () {
     return {
+      exportBtn: false,
+      exportBtnTitle: '导出',
+      importBtnTitle: '导入',
+      importLoading: false,
       loading: false,
       total: 0,
       pageSize: 20,
@@ -347,7 +353,7 @@ export default {
     },
 
     diaClose () {
-      this.$refs.ref_form.resetData()
+      // this.$refs.ref_form.resetData()
       this.formShow = false
     },
 
@@ -446,27 +452,48 @@ export default {
 
     //导出表格
     async handleExport () {
-      let title = this.agencyObj.label
+      this.exportBtn = true
-      title = title + '—房屋列表'
+      this.exportBtnTitle = '正在导出...'
-
-      const url = "/gov/org/house/exporthouseinfo"
       let params = {
-        ownerName: this.ownerName,
+        ...this.formData
-        ownerPhone: this.ownerPhone,
-        buildingId: this.agencyObj.id
       }
 
-      app.ajax.exportFilePost(
+      // .post('epmetuser/icresiuser/exportExcel', params)
-        url,
+      // await axios({
-        params,
+      //   url: window.SITE_CONFIG['apiURL'] + '/epmetuser/tripreport/export',
-        (data, rspMsg) => {
+      //   // url: 'epmetuser/icresiuser/exportExcel',
-
+      //   method: 'post',
-          this.download(data, title + '.xls')
+      //   data: params,
-        },
+      //   responseType: 'blob'
-        (rspMsg, data) => {
+      // })
-          this.$message.error(rspMsg);
+      await this.$http({
-        }
+        method: 'POST',
-      );
+        url: '/epmetuser/tripreport/export',
+        responseType: 'blob',
+        data: params
+      })
+        .then(res => {
+
+          console.log('resllll', res)
+          let fileName = window.decodeURI(res.headers["content-disposition"].split(";")[1].split("=")[1])
+          console.log('filename', fileName)
+          let blob = new Blob([res.data], { type: 'application/vnd.ms-excel' })
+          var url = window.URL.createObjectURL(blob)
+          var aLink = document.createElement('a')
+          aLink.style.display = 'none'
+          aLink.href = url
+          aLink.setAttribute('download', fileName)
+          document.body.appendChild(aLink)
+          aLink.click()
+          document.body.removeChild(aLink) //下载完成移除元素
+          window.URL.revokeObjectURL(url) //释放掉blob对象
+        })
+        .catch((err) => {
+          console.log('获取导出情失败', err)
+          this.$message.error('获取导出失败')
+        })
+      this.exportBtnTitle = '导出'
+      this.exportBtn = false
 
     },
 
@@ -496,24 +523,40 @@ export default {
 
     },
 
-    handleExportModule () {
+    async handleExportModule () {
       let title = ''
       title = '房屋模板'
 
-      const url = "/gov/org/house/exporttemplate"
+      const url = "/epmetuser/tripreport/template-download"
       let params = {}
-
+      await this.$http({
-      app.ajax.exportFilePost(
+        method: 'POST',
         url,
-        params,
+        responseType: 'blob',
-        (data, rspMsg) => {
+        data: params
-
+      })
-          this.download(data, title + '.xls')
+        .then(res => {
-        },
+          console.log('res----dddd', res)
-        (rspMsg, data) => {
+          // this.download(res.data, title + '.xls')
-          this.$message.error(rspMsg);
+          if (res.headers["content-disposition"]) {
-        }
+            let fileName = window.decodeURI(res.headers["content-disposition"].split(";")[1].split("=")[1])
-      );
+            console.log('filename', fileName)
+            let blob = new Blob([res.data], { type: 'application/vnd.ms-excel' })
+            var url = window.URL.createObjectURL(blob)
+            var aLink = document.createElement('a')
+            aLink.style.display = 'none'
+            aLink.href = url
+            aLink.setAttribute('download', fileName)
+            document.body.appendChild(aLink)
+            aLink.click()
+            document.body.removeChild(aLink) //下载完成移除元素
+            window.URL.revokeObjectURL(url) //释放掉blob对象
+          } else this.$message.error('下载失败')
+        })
+        .catch(err => {
+          console.log('err', err)
+          return this.$message.error('网络错误')
+        })
     },
 
     // 上传文件之前的钩子
@@ -536,6 +579,32 @@ export default {
     handleExceed (files, fileList) {
       this.$message.warning(`当前限制选择 1 个文件，请删除后继续上传`)
     },
+    async uploadHttpRequest (file) {
+      this.importLoading = true
+      this.importBtnTitle = '正在上传中...'
+      this.$message({
+        showClose: true,
+        message: '导入中，请到系统管理-导入记录中查看进度',
+        duration: 0
+      })
+      const formData = new FormData() //FormData对象，添加参数只能通过append('key', value)的形式添加
+      formData.append('file', file.file) //添加文件对象
+      await this.$http
+        .post('/epmetuser/tripreport/import', formData).then(res => {
+          console.log('res-up', res)
+          if (res.data.code == 0 && res.data.msg == 'success') {
+            // this.$message.success('导入成功')
+            this.loadTable()
+          } else this.$message.error(res.data.msg)
+        }).catch(err => {
+          console.log('失败', err)
+          file.onError() //上传失败的文件会从文件列表中删除
+          // this.$message.error('导入失败')
+        })
+      this.importLoading = false
+      this.importBtnTitle = '导入'
+      this.$refs.upload.clearFiles()
+    },
 
     async uploadFile () {
       if (this.fileName == "") {

src/views/modules/base/epidemic/travelForm.vue

@@ -104,19 +104,8 @@
                     clearable
                     :disabled="isFromResi"
                     v-model="formData.presentAddress" />
-          <el-select v-else class="item_width_2"
+          <el-cascader v-else ref="nowArea" class="item_width_2" :props="areaProps" 
-                     v-model.trim="formData.presentAddress"
+          v-model="nowAllCode" clearable @change="handleNowArea"></el-cascader>
-                     placeholder="请选择"
-                     filterable
-                     clearable>
-            <el-option v-for="item in personList"
-                       @click.native="handleSelPerson(item)"
-                       :key="item.demandUserId"
-                       :label="item.demandUserName"
-                       :value="item.demandUserId">
-            </el-option>
-          </el-select>
-          
         </el-form-item>
         <el-form-item label="详细地址"
                       prop="detailAddress"
@@ -129,30 +118,9 @@
                     v-model="formData.detailAddress">
           </el-input>
         </el-form-item>
-        <el-form-item 
+        <el-form-item label="来自地区" prop="sourceAddress" style="display: block" label-width="150px">
-                      label="来自地区"
+          <el-cascader ref="sourceArea" v-model="sourceAllCode" class="item_width_2" :props="areaProps"
-                      prop="sourceAddress"
+            @change="handleSourceArea" clearable></el-cascader>
-                      style="display: block"
-                      label-width="150px">
-          <!-- <el-input class="item_width_2"
-                    placeholder="请输入来自地区"
-                    clearable
-                    :disabled="isFromResi"
-                    v-model="formData.sourceAddress">
-          </el-input> -->
-          <el-cascader :props="areaProps"></el-cascader>
-          <!-- <el-select class="item_width_2"
-                     v-model.trim="formData.sourceAddress"
-                     placeholder="请选择"
-                     filterable
-                     clearable>
-            <el-option v-for="item in personList"
-                       @click.native="handleSelPerson(item)"
-                       :key="item.demandUserId"
-                       :label="item.demandUserName"
-                       :value="item.demandUserId">
-            </el-option>
-          </el-select> -->
         </el-form-item>
 
         <el-form-item label="来到本地时间"
@@ -224,7 +192,6 @@
 
       </el-form>
     </div>
-
     <div class="form_div_btn">
       <el-button size="small"
                  @click="handleCancle">取 消</el-button>
@@ -235,15 +202,6 @@
                  @click="handleComfirm('ref_form')">确 定</el-button>
     </div>
 
-    <el-dialog :visible.sync="dialogVisible"
-               width="550px"
-               top="5vh"
-               append-to-body>
-      <img width="100%"
-           :src="dialogImageUrl"
-           alt="">
-    </el-dialog>
-
   </div>
 </template>
 
@@ -288,7 +246,8 @@ export default {
       personList: [],
 
       btnDisable: false,
-
+      sourceAllCode: [], // 来源地全 code
+      nowAllCode: [], // 现居地全 code
       icNatId: '',
       formData: {
         gridId: '',
@@ -302,9 +261,9 @@ export default {
         presentAddress: '',
         presentAddressCode: '',
         detailAddress: '',
-        sourceAddressCode: '370203',
+        sourceAddressCode: '',
         presentAddressPathCode: '',
-        sourceAddress: '市北区',
+        sourceAddress: '',
         sourceAddressPathCode: '',
         arriveDate: '',
         remark: '',
@@ -319,10 +278,10 @@ export default {
           { required: true, message: '姓名不能为空', trigger: 'blur' }
         ],
         idCard: [
-          { validator: checkIdCard, trigger: 'blur' }
+          { required: true, validator: checkIdCard, trigger: 'blur' }
         ],
         mobile: [
-          { validator: checkMObile, trigger: 'blur' },
+          { required: true, validator: checkMObile, trigger: 'blur' },
         ],
         presentAddress: [
           { required: true, message: '现居地不能为空', trigger: 'blur' },
@@ -355,12 +314,18 @@ export default {
   methods: {
     lzayLoadArea(node, resolve) {
       this.getArea(node, resolve)
+      // setTimeout(() => {
+        
+      // }, 1000)
     },
     async initForm (type, row) {
       console.log('row----', row)
       if (type != 'add') {
         this.formData = { ...row, channel: [], content: '' }
+        this.sourceAllCode = row.sourceAddressPathCode && row.sourceAddressPathCode.split(',')
+        
         if (row.userType == 'icresi') this.isFromResi = true
+        else this.nowAllCode = row.presentAddressPathCode.split(',')
       }
       this.formData.agencyId = this.agencyId
 
@@ -386,7 +351,35 @@ export default {
       }
 
     },
+    handleSourceArea(val) {
+      console.log('val-----', val)
+      console.log('label-----', this.$refs.sourceArea.getCheckedNodes())
+      if (val.length > 0) {
+        const labels = this.$refs.sourceArea.getCheckedNodes()[0].pathLabels
+        this.formData.sourceAddressCode = val[val.length - 1]
+        this.formData.sourceAddress = labels.join('-')
+        this.formData.sourceAddressPathCode = val.join(',')
+      } else {
+        this.formData.sourceAddressCode = ''
+        this.formData.sourceAddress = ''
+        this.formData.sourceAddressPathCode = ''
+      }
       
+    },
+    handleNowArea(val) {
+      console.log('val-----', val)
+      console.log('label-----', this.$refs.nowArea.getCheckedNodes())
+      if (val.length > 0) {
+        const labels = this.$refs.nowArea.getCheckedNodes()[0].pathLabels
+        this.formData.presentAddressCode = val[val.length - 1]
+        this.formData.presentAddress = labels.join('-')
+        this.formData.presentAddressPathCode = val.join(',')
+      } else {
+        this.formData.presentAddressCode = ''
+        this.formData.presentAddress = ''
+        this.formData.presentAddressPathCode = ''
+      }
+    },
     async loadGrid () {
       const url = "/gov/org/customergrid/gridoption"
 
@@ -426,10 +419,9 @@ export default {
     async getArea (node, resolve) {
 
       const url = "/commonservice/areacode/nextarea"
-
       let params = {
-        parentLevel: this.agencyId,
+        parentLevel: node.data ? node.data.level : '',
-        parentAreaCode: node.data ? node.data.value : ''
+        parentAreaCode: node.data ? node.data.code : ''
       }
 
       const { data, code, msg } = await requestPost(url, params)
@@ -438,8 +430,9 @@ export default {
         const nodes = data.map(item => ({
           value: item.areaCode, // 
           label: item.areaName,
-          code1: item.parentCode,
+          code: item.areaCode,
-          leaf: node.level >= 5 // 5层级
+          level: item.level,
+          leaf: node.level >= 4 // 5层级
         }))
         resolve(nodes)
 
@@ -615,6 +608,8 @@ export default {
       this.formData.presentAddressCode = ''
       this.formData.sourceAddressPathCode = ''
       this.formData.presentAddressPathCode = ''
+      this.sourceAllCode = []
+      this.nowAllCode = []
     },
     // 开启加载动画
     startLoading () {