apply-clients 3.2.38-2 → 3.2.38-3

package/src/components/product/Process/Processes/InstallationDetails.vue

@@ -27,7 +27,7 @@
             <th style="white-space: nowrap;">
               <button type="button" class="btn btn-info head-but"
                       :disabled="$parent.$parent.$parent.mark === 1"
-                      @click="$parent.$parent.$parent.showFile = !$parent.$parent.$parent.showFile">导入</button>
+                      @click="$parent.$parent.$parent.showFile = !$parent.$parent.$parent.showFile,$parent.$parent.$parent.files = '导入'">导入</button>
               <a v-if="$parent.$parent.$parent.selectdata.f_apply_type === '开发商集体报建'" type="button" class="btn btn-info head-but"
                  href="/apply/download/excel/批量导入地址及安装明细.xlsx" download>模板下载</a>
               <a v-else type="button" class="btn btn-info head-but"
@@ -82,7 +82,7 @@
       </data-grid>
     </criteria-paged>
   </div>
-  <modal v-if="showFile" :show.sync="showFile" v-ref:modal :backdrop="false" title="选择文件">
+  <modal v-if="showFile"  style="z-index: 10000;" :show.sync="showFile" v-ref:modal :backdrop="false" title="选择文件">
     <header slot="modal-header" class="modal-header">
       <button type="button" class="close" @click="closeFile"><span>&times;</span></button>
       <h4 class="modal-title">选择文件</h4>
@@ -95,7 +95,7 @@
     <footer slot="modal-footer" class="modal-footer"></footer>
   </modal>
 
-  <modal v-if="showUserFile" :show.sync="showUserFile" v-ref:modal :large="true" :backdrop="false" title="安装明细">
+  <modal v-if="showUserFile"  :show.sync="showUserFile" v-ref:modal :large="true" :backdrop="false" title="安装明细">
     <header slot="modal-header" class="modal-header">
       <button type="button" class="close" @click="closeUserFile"><span>&times;</span></button>
       <h4 class="modal-title">安装明细</h4>
@@ -258,7 +258,40 @@
           </div>
         </div>
       </div>
-
+      <div class="form-group col-sm-12 panel panel-info">
+        <div class="panel-heading head col-sm-12" style="background-color: #e8f4ff;margin-bottom: 10px">
+          <div class="col-sm-6 text-left">附件信息</div>
+          <div class="col-sm-6 text-right">
+            <button type="button" class="btn btn-info head-but"
+                    :disabled="$parent.$parent.$parent.mark === 1"
+                    @click="showFile = !showFile,files = '上传'">上传</button>
+          </div>
+        </div>
+        <div class="col-sm-6 showData" v-for="row in user_files">
+          <div class="col-sm-12 item">
+            <div class="left col-sm-5">
+              <a href="#" class="thumbnail" style="width: 100%;height: 100%">
+                <img v-if="row.f_filetype === 'jpg'||row.f_filetype === 'png'||row.f_filetype === 'gif'||row.f_filetype === 'bmp'" :src="row.f_downloadURL" alt="..."/>
+                <img v-if="row.f_filetype === 'pdf'" src="../../../image/pdf.jpg" alt="" />
+                <img v-if="row.f_filetype === 'xls'||row.f_filetype === 'xlsx'" src="../../../image/excel.jpg" alt=""  />
+                <img v-if="row.f_filetype === 'doc'||row.f_filetype === 'docx'" src="../../../image/doc.jpg" alt=""  />
+              </a>
+            </div>
+            <div class="right col-sm-7">
+              <p :title="row.f_filename"><strong>文件名：</strong>{{row.f_filename}}</p>
+              <p :title="row.f_username" ><strong>操作员：</strong><span>{{row.f_username}}</span></p>
+              <p :title="row.fusetype"><strong>使用类型：</strong><span>{{row.fusetype}}</span></p>
+              <p :title="row.f_uploaddate"><strong>上传时间：</strong><span>{{row.f_uploaddate}}</span></p>
+              <p :title="row.fremarks"><strong>文件说明：</strong>{{row.fremarks}}</p>
+              <p>
+                <a v-if="row.f_filetype === 'jpg' || row.f_filetype==='png' || row.f_filetype==='gif' || row.f_filetype==='bmp'" :href="row.f_downloadURL" style="background:#6aa6e2" class="btn btn-primary" target="_blank" role="button">预览</a>
+                <a v-else  @click="downloadfile(row.f_downloadURL)" style="background:#6aa6e2" class="btn btn-primary" role="button">下载</a>
+                <a @click="delet($index, row)" href="#" class="btn btn-default" role="button" role="button">删除</a>
+              </p>
+            </div>
+          </div>
+        </div>
+      </div>
     </article>
     <footer slot="modal-footer" class="modal-footer">
       <!-- 去除一户多表 -->
@@ -295,7 +328,9 @@
         }),
         meterbrands: [],      // 气表品牌
         useradders: null,
-        userinfo: {}
+        userinfo: {},
+        files: '导入',
+        user_files:[]
       }
     },
     ready () {
@@ -442,7 +477,7 @@
             }
           }
         }
-
+        await this.getfiles()
         this.showUserFile = true
       },
       // 获取气表品牌
@@ -473,30 +508,76 @@
         this.showFile = false
         // 将选的文件清空
         this.$refs.file.$el.querySelector('input').value = ''
-        this.search()
-      }
+        if (this.files === '导入'){
+          this.search()
+        }
+      },
+      getfiles(){
+        let http = new HttpResetClass()
+        let data = {
+          tablename: 't_files',
+          condition: `f_blobid= '${this.userinfo.f_userinfo_id}' and fusetype = '表具附件'` + ` order by f_uploaddate desc `
+        }
+        http.load('POST', 'rs/sql/singleTable', {data: data}, {
+          warnMsg: null,
+          resolveMsg: null
+        }).then(res=>{
+          const protocol = location.protocol + '//'
+          const host = location.host
+          this.user_files = res.data.map(item => {
+            let temp = item.f_downloadpath
+            let URL = temp.substring(temp.lastIndexOf(":\\") + 2)
+            return {
+              ...item,
+              f_downloadURL: URL ? `${protocol}${host}/${URL}` : ''
+            }
+          })
+          console.log('this.user_files',this.user_files)
+        })
+      },
+      delet(index, row) {
+        this.$resetdelete('rs/entity/t_files', {id: row.id}, {resolveMsg: '删除成功', rejectMsg: '删除失败'}).then((res) => {
+          this.getfiles()
+        })
+      },
+      // 下载
+      downloadfile(filepath){
+        var link = document.createElement('a');
+        link.href = filepath;
+        link.target='_blank'
+        link.dispatchEvent(new MouseEvent('click'));
+      },
     },
     events: {
       async 'onFileUpload'(file, result) {
-        let data = {
-          selectdata: this.selectdata,
-          filepath: result.f_downloadpath,
-          user: this.$login.f
-        }
-        let url = null
-        if (this.selectdata.f_apply_type === '开发商集体报建' || this.selectdata.f_apply_type === '散户集体报建') {
-          url = 'rs/logic/importAddressUserFiles'
-        } else {
-          url = 'rs/logic/importAddInstallationDetails'
-        }
+        if (this.files === '导入'){
+          let data = {
+            selectdata: this.selectdata,
+            filepath: result.f_downloadpath,
+            user: this.$login.f
+          }
+          let url = null
+          if (this.selectdata.f_apply_type === '开发商集体报建' || this.selectdata.f_apply_type === '散户集体报建') {
+            url = 'rs/logic/importAddressUserFiles'
+          } else {
+            url = 'rs/logic/importAddInstallationDetails'
+          }
 
-        let res = await this.$resetpost(url, {data:data}, {resolveMsg: null, rejectMsg: '导入失败', silent: true}, 0)
-        if(res.data.type === "success"){
-          this.$showAlert("导入信息:"+res.data.msg, res.data.type, 2000);
-        }else{
-          this.$showMessage(res.data.msg);
+          let res = await this.$resetpost(url, {data:data}, {resolveMsg: null, rejectMsg: '导入失败', silent: true}, 0)
+          if(res.data.type === "success"){
+            this.$showAlert("导入信息:"+res.data.msg, res.data.type, 2000);
+          }else{
+            this.$showMessage(res.data.msg);
+          }
+          this.$dispatch('breakControl', this.selectdata)
+        }
+        if (this.files === '上传') {
+          await this.$resetpost(
+            'rs/entity/t_files', { id: result.id, f_blobid: this.userinfo.f_userinfo_id, fusetype:'表具附件'}
+          )
+          await this.getfiles()
+          await this.closeFile()
         }
-        this.$dispatch('breakControl', this.selectdata)
       }
     },
     computed: {
@@ -523,6 +604,29 @@
   }
 </script>
 <style scoped>
+  p {
+    margin: 0;
+  }
+  .showData {
+    padding: 15px 10px 0px 10px;
+    box-sizing: border-box;
+    height: 230px;
+    font-family: "微软雅黑";
+  }
+  .showData .item{
+    padding-bottom: 10px;
+    border-bottom: solid 1px #c1c1c1;
+  }
+  .left {
+    padding-right: 10px;
+  }
+  .left img{
+    height: 100%;
+    width: 100%;
+  }
+  .right{
+    height: 100%;
+  }
   .head-but{
     margin-left: 5px;
     height: 34px;