From 1580530c956d9b5b9cdebb13985dbbc6afcdf40e Mon Sep 17 00:00:00 2001
From: guojuan <2715201989@qq.com>
Date: Fri, 13 Sep 2024 09:33:32 +0800
Subject: [PATCH] feat:气瓶导入功能

---
 frontend/front/src/api/gasRecord.js                                |   9 ++++++++-
 frontend/front/src/components/dataTemplate/TemplatePreview.vue     |   7 +++++++
 frontend/front/src/components/dialog/gasBottleImportDialog.vue     | 179 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 frontend/front/src/mixins/download.js                              |  41 +++++++++++++++++++++++++++++++++++++++++
 frontend/manage/src/api/controlsConfig.js                          |  15 ++++++++++++++-
 frontend/manage/src/components/form/dataTemplate/ManageSetting.vue |   2 --
 6 files changed, 249 insertions(+), 4 deletions(-)
 create mode 100644 frontend/front/src/components/dialog/gasBottleImportDialog.vue
 create mode 100644 frontend/front/src/mixins/download.js

diff --git a/frontend/front/src/api/gasRecord.js b/frontend/front/src/api/gasRecord.js
index 7ddcc84..d76cd78 100644
--- a/frontend/front/src/api/gasRecord.js
+++ b/frontend/front/src/api/gasRecord.js
@@ -29,5 +29,12 @@ export function getGasBottleInfoDetail(params) {
     params
   })
 }
-
+//气瓶档案导入模板下载接口
+export function getGasBottleTemplate() {
+  return request({
+    url: `${context.bpmModel}/manage/qpxx/v1/bottleBatchImportTemplate`,
+    method: 'post',
+    responseType: 'blob'
+  })
+}
 
diff --git a/frontend/front/src/components/dataTemplate/TemplatePreview.vue b/frontend/front/src/components/dataTemplate/TemplatePreview.vue
index 88115d8..ee65f54 100644
--- a/frontend/front/src/components/dataTemplate/TemplatePreview.vue
+++ b/frontend/front/src/components/dataTemplate/TemplatePreview.vue
@@ -17,6 +17,7 @@
     <member-info-dialog ref="memberInfoDialog" @handleRefresh="handleRefresh"></member-info-dialog>
     <gas-cylinder-archives-dialog ref="gascylinderarchivesdialog"></gas-cylinder-archives-dialog>
     <real-name-audit-dialog ref="realNameAuditDialog" @handleRefresh="handleRefresh"></real-name-audit-dialog>
+    <gas-bottle-import-dialog ref="gasBottleImportDialog"  @handleRefresh="handleRefresh"></gas-bottle-import-dialog>
   </div>
 
 
@@ -28,9 +29,11 @@ import placeOrderDialog from "../dialog/placeOrderDialog";
 import MemberInfoDialog from "../dialog/memberInfoDialog";
 import GasCylinderArchivesDialog from "../dialog/gasCylinderArchivesDialog";
 import RealNameAuditDialog from "@/components/dialog/realNameAuditDialog";
+import GasBottleImportDialog from "@/components/dialog/gasBottleImportDialog";
 export default {
   name: 'TemplatePreview',
   components: {
+    GasBottleImportDialog,
     RealNameAuditDialog,
     GasCylinderArchivesDialog,
     MemberInfoDialog,
@@ -116,6 +119,10 @@ export default {
     showRealNameAuditDialog(row){
       this.$refs.realNameAuditDialog.open(row);
     },
+    //气瓶导入功能弹窗
+    showGasBottleImportDialog(row){
+      this.$refs.gasBottleImportDialog.open(row);
+    },
     showMemberInfoDialog(row){
       console.log('打印row', row);
       this.$refs.memberInfoDialog.open(row);
diff --git a/frontend/front/src/components/dialog/gasBottleImportDialog.vue b/frontend/front/src/components/dialog/gasBottleImportDialog.vue
new file mode 100644
index 0000000..6558707
--- /dev/null
+++ b/frontend/front/src/components/dialog/gasBottleImportDialog.vue
@@ -0,0 +1,179 @@
+<template>
+  <div class="dialogSty">
+    <el-dialog
+      :title="upload.title"
+      :visible.sync="upload.open"
+      width="400px"
+      append-to-body
+    >
+      <el-row>
+        <el-form label-width="90px" :model="queryForm" :rules="queryFormRules" ref="queryForm" >
+          <el-form-item label="所属企业:"  prop="qyId">
+            <el-select v-model="queryForm.qyId" style="width: 100%;" @change="handleQyChange" placeholder="请选择">
+              <el-option v-for="item in qyOption" :key="item.qyId" :label="item.qymc" :value="item.qyId">
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="所属气站:" prop="qzId">
+            <el-select v-model="queryForm.qzId" style="width: 100%;" placeholder="请选择">
+              <el-option v-for="item in qzOption" :key="item.qzId" :label="item.qzmc" :value="item.qzId">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-form>
+      </el-row>
+      <el-upload
+        ref="upload"
+        accept=".xlsx, .xls"
+        multiple
+        :action="upload.action"
+        drag
+        :data="uploadObj"
+        :on-success="handleFileSuccess"
+        :auto-upload="false"
+        :headers="upload.headers"
+        :on-error="handleFileError"
+      >
+        <!-- :disabled="upload.isUploading" -->
+        <!-- :on-progress="handleFileUploadProgress"  -->
+        <i class="el-icon-upload"></i>
+        <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
+        <div class="el-upload__tip" slot="tip">
+          <el-link type="info" style="font-size:12px" @click="importTemplate">下载模板</el-link>
+        </div>
+        <div class="el-upload__tip" style="color: red;" slot="tip">
+          提示：仅允许导入“xls”或“xlsx”格式文件！
+        </div>
+      </el-upload>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="upload.open = false">取 消</el-button>
+        <el-button type="primary" @click="submitDeliveryForm('queryForm')"
+        >确 定</el-button
+        >
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import {getGasBottleTemplate } from '@/api/gasRecord'
+import download from "@/mixins/download";
+import {getCurrentEnterpriseAndStation} from "@/api/common";
+export default {
+  name: "gasBottleImportDialog",
+  mixins: [ download ],
+  data(){
+    return{
+      queryFormRules:{
+        qyId:[
+          {required:true,message:'请选择所属企业',trigger:'change'}
+        ],
+        qzId:[
+          {required:true,message:'请选择所属气站',trigger:'change'}
+        ],
+      },
+      qyOption:[],
+      qzOption:[],
+      allOption:[],
+      //上传文件携带的参数
+      uploadObj: {
+        czId:"",
+      },
+      queryForm:{
+        qyId:'',
+        qzId:''
+      },
+      // 发货导入参数
+      upload: {
+        // 是否显示弹出层（会员导入）
+        open: false,
+        action:'',
+        // 弹出层标题（会员导入）
+        title: "",
+        // 是否禁用上传
+        // isUploading: false,
+        // 设置上传的请求头部
+        headers: {
+          Authorization: "Bearer " + this.$store.state.user.accessToken,
+        },
+        // 上传的地址
+        // url: process.env.VUE_APP_BASE_API + "/fm/importUser/importData"
+      },
+    }
+  },
+  async created() {
+    await this.getEnterpriseAndStationList();
+    console.log('打印this.$store.getters',this.$store);
+    this.upload.action = `${window.context.portal}/manage/qpxx/v1/bottleBatchImport`;
+  },
+  methods:{
+    open(row){
+      console.log('打印row',row);
+      this.upload.open = true;
+      this.queryForm.qzId = '';
+      this.queryForm.qyId = '';
+      this.upload.title ='导入气瓶信息';
+    },
+    //获取企业和气站数据
+    async getEnterpriseAndStationList(){
+      await getCurrentEnterpriseAndStation().then((res)=>{
+        console.log('打印当前气站和企业信息数据====',res);
+        const { value } = res;
+        if(value.length>0){
+          this.allOption = value;
+          this.qyOption = value?value.map((item)=>{
+            return {
+              qyId:item.qyId,
+              qymc:item.qymc
+            }
+          }):[];
+          console.log('打印 this.qyOption ', this.qyOption );
+          console.log('打印 this.allOption ', this.allOption );
+        }
+      })
+    },
+    //选择企业的数据
+    handleQyChange(val){
+      this.qzOption =[];
+      this.queryForm.qzId ='';
+      this.qzOption = this.allOption.filter((item)=>item.qyId == val)[0].qzxxList;
+    },
+    submitDeliveryForm(formName) {
+      this.$refs[formName].validate((valid) => {
+        if (valid) {
+          this.uploadObj.czId = this.queryForm.qzId;
+          this.$refs.upload.submit();
+        } else {
+          console.log('error submit!!');
+          return false;
+        }
+      });
+    },
+    //文件上传失败处理
+    handleFileError(err, file, fileList) {
+      this.$message.error("上传失败，请重新上传!");
+    },
+    // 文件上传成功处理
+    handleFileSuccess(response, file, fileList) {
+      this.upload.open = false;
+      this.$refs.upload.clearFiles();
+      this.$message.success("导入成功");
+      this.$emit('handleRefresh');
+    },
+    /** 下载模板操作 */
+    async importTemplate() {
+      await getGasBottleTemplate().then((response) => {
+        console.log("response", response);
+        this.handleDownload(response, "气瓶信息导入模板");
+      });
+    },
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.dialogSty{
+
+}
+
+</style>
diff --git a/frontend/front/src/mixins/download.js b/frontend/front/src/mixins/download.js
new file mode 100644
index 0000000..70a22c4
--- /dev/null
+++ b/frontend/front/src/mixins/download.js
@@ -0,0 +1,41 @@
+export default {
+  methods: {
+        // 下载类型对应
+        // xls: ‘application/vnd.ms-excel’,
+        // xlsx: ‘application/vnd.openxmlformats-officedocument.spreadsheetml.sheet’,
+        // doc: ‘application/msword’,
+        // docx: ‘application/vnd.openxmlformats-officedocument.wordprocessingml.document’,
+        // pdf: ‘application/pdf’
+        // 文件下载
+        handleDownload(response, name) {
+            let link = document.createElement('a')
+            if (name) {
+              link.download = name
+            }
+            link.style.display = 'none'
+            const blob = new Blob([response.data], {type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"})
+            link.href = URL.createObjectURL(blob)
+            // 触发点击
+            document.body.appendChild(link)
+            link.click()
+            // 然后移除a标签
+            document.body.removeChild(link)
+        },
+        // 文件pdf下载
+        handlePdfDownload(response, name) {
+          let link = document.createElement('a')
+          if (name) {
+            link.download = name
+          }
+          link.style.display = 'none'
+          const blob = new Blob([response.data], {type: "application/pdf"})
+          link.href = URL.createObjectURL(blob)
+          // 触发点击
+          document.body.appendChild(link)
+          link.click()
+          // 然后移除a标签
+          document.body.removeChild(link)
+        }
+    },
+
+}
diff --git a/frontend/manage/src/api/controlsConfig.js b/frontend/manage/src/api/controlsConfig.js
index 011d1c8..15450bf 100644
--- a/frontend/manage/src/api/controlsConfig.js
+++ b/frontend/manage/src/api/controlsConfig.js
@@ -1194,7 +1194,20 @@ export const advanceComponents = [
       isAddPosition: true,
       locationPath: '',
       locationName: '',
-      labelAlign: ''
+      labelAlign: '',
+      longitudeName: '',
+      longitudePath: '',
+      latitudeName: '',
+      latitudePath: '',
+      provinceName: '',
+      provincePath: '',
+      cityName: '',
+      cityPath: '',
+      districtName: '',
+      districtPath: '',
+      streetName: '',
+      streetPath: '',
+
     }
   },
   {
diff --git a/frontend/manage/src/components/form/dataTemplate/ManageSetting.vue b/frontend/manage/src/components/form/dataTemplate/ManageSetting.vue
index 6e0e57c..e6db445 100644
--- a/frontend/manage/src/components/form/dataTemplate/ManageSetting.vue
+++ b/frontend/manage/src/components/form/dataTemplate/ManageSetting.vue
@@ -3040,7 +3040,6 @@ export default {
     },
     showPostion(row) {
       let disableBtn = [
-        'js',
         'add',
         'import',
         'switch',
@@ -3064,7 +3063,6 @@ export default {
     },
     showPostionline(row) {
       let disableBtn = [
-        'js',
         'add',
         'import',
         'switch',
--
libgit2 0.21.2