完善交车资料管理

anrui-buscenter/anrui-buscenter-ui/src/api/suicheziliao/jiaocheziliao.js

@@ -24,6 +24,13 @@ export function fetchDetailsBySid(data) {
   })
 }
 
+export function details(data) {
+  return request({
+    url: '/buscenter/v1/busvehicledatahandover/details/' + data,
+    method: 'get'
+  })
+}
+
 // 确认
 export function saveDeliveryInfo(data) {
   return request({

anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/suicheziliaoguanli/datapreparation.vue

@@ -41,12 +41,13 @@
           <el-table :key="tableKey" v-loading="listLoading" :data="list" border style="width: 100%;" @selection-change="handleSelectionChange">
             <el-table-column width="50" type="selection" align="center"/>
             <el-table-column fixed width="60" label="序号" type="index" :index="indexMethod" align="center"/>
-            <el-table-column label="操作" align="center" width="100">
+            <el-table-column label="操作" align="center" width="180">
               <template slot-scope="scope">
+                <el-button type="primary" v-show="scope.row.downloadPath !== ''" size="mini" @click="toDownLoad(scope.row)">下载</el-button>
                 <el-button type="primary" size="mini" @click="toInfo(scope.row)">查看</el-button>
               </template>
             </el-table-column>
-            <el-table-column label="完成状态" align="center">
+            <el-table-column label="完成状态" align="center" width="100">
               <template slot-scope="scope">
                 <span>{{ scope.row.completeStateValue }}</span>
               </template>
@@ -56,7 +57,7 @@
                 <span>{{ scope.row.contractNo }}</span>
               </template>
             </el-table-column>
-            <el-table-column label="客户名称" align="center">
+            <el-table-column label="客户名称" align="center" width="180">
               <template slot-scope="scope">
                 <span>{{ scope.row.customerName }}</span>
               </template>
@@ -66,24 +67,29 @@
                 <span>{{ scope.row.model }}</span>
               </template>
             </el-table-column>
-            <el-table-column label="车架号" align="center">
+            <el-table-column label="车架号" align="center" width="180">
               <template slot-scope="scope">
                 <span>{{ scope.row.vinNo }}</span>
               </template>
             </el-table-column>
-            <el-table-column label="创建人" align="center">
+            <el-table-column label="单据编号" align="center" width="190">
+              <template slot-scope="scope">
+                <span>{{ scope.row.billNo }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="创建人" align="center" width="100">
               <template slot-scope="scope">
                 <span>{{ scope.row.createName }}</span>
               </template>
             </el-table-column>
-            <el-table-column label="创建日期" align="center">
+            <el-table-column label="创建日期" align="center" width="100">
               <template slot-scope="scope">
                 <span>{{ scope.row.createTime }}</span>
               </template>
             </el-table-column>
-            <el-table-column label="图片" align="center" width="180px" class-name="small-padding fixed-width">
+            <el-table-column label="图片" align="center" width="100" class-name="small-padding fixed-width">
               <template slot-scope="scope">
-                <el-button size="mini" v-show="scope.row.witMatUrl !== ''" type="primary" @click="handleGetCheck(scope.row)">查看</el-button>
+                <el-button size="mini" v-show="scope.row.imgs.length > 0" type="primary" @click="handleGetCheck(scope.row)">查看</el-button>
               </template>
             </el-table-column>
           </el-table>
@@ -99,6 +105,27 @@
     <datapreparationAdd v-show="viewState == 2" ref="divAdd" @doback="reseaState" @reloadlist="getList"/>
     <!-- 交车确认详情 -->
     <datapreparationInfo v-show="viewState == 3" ref="divInfo" @doback="reseaState"/>
+    <!-- 上传确认单 -->
+    <el-dialog title="上传确认单" :append-to-body="true" :visible.sync="dialogFileVisible">
+      <el-form class="formadd">
+        <el-row style="border-top: 1px solid #E0E3EB">
+          <el-col :span="24">
+            <el-form-item>
+              <el-upload ref="imgUpload" class="avatar-uploader" :headers="accessToken" :action="uploadFile" :data="uploadData" accept=".jpg,.jpeg,.png,.JPG,.JPEG" list-type="picture-card" :file-list="files" :on-preview="handlePictureCardPreview" :on-success="handleSuccess">
+                <i class="el-icon-plus avatar-uploader-icon"/>
+              </el-upload>
+              <el-dialog :visible.sync="dialogVisible" :append-to-body="true" title="查看图片">
+                <img width="100%" :src="dialogImageUrl" alt="">
+              </el-dialog>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <span slot="footer" class="dialog-footer">
+        <el-button type="primary" size="small" @click="dialogFileVisible = false">确定</el-button>
+        <el-button size="small" @click="dialogFileVisible = false">取消</el-button>
+      </span>
+    </el-dialog>
     <!-- 照片弹窗 -->
     <el-dialog :append-to-body="true" :visible.sync="dialogImgVisible">
       <el-image v-for="(item,index) in dialogUrl" :key="index" :src="item" style="width: 100px; height: 100px" :preview-src-list="dialogUrl">
@@ -115,14 +142,13 @@ import pageye from '@/components/pagination/pageye'
 import ButtonBar from '@/components/ButtonBar'
 import datapreparationAdd from './datapreparationAdd'
 import datapreparationInfo from './datapreparationInfo'
-// import upload from '@/components/uploadFileimg/upload'
+import { getStorage } from '@/utils/auth'
 
 export default {
   name: 'Datapreparation',
   components: {
     Pagination,
     pageye,
-    // upload,
     ButtonBar,
     datapreparationAdd,
     datapreparationInfo
@@ -143,7 +169,7 @@ export default {
           type: 'primary',
           size: 'small',
           icon: '',
-          btnKey: 'doDel',
+          btnKey: 'toUpload',
           btnLabel: '上传确认单'
         },
         {
@@ -158,6 +184,14 @@ export default {
       searchxianshitit: '显示查询条件',
       dialogImgVisible: false,
       dialogFileVisible: false,
+      dialogVisible: false,
+      uploadFile: process.env.VUE_APP_BASE_API + '/buscenter/v1/busvehicledatahandover/upload',
+      uploadData: {
+        sid: ''
+      },
+      accessToken: {},
+      files: [],
+      dialogImageUrl: '',
       // 查询条件 -----------
       tableKey: 0,
       list: [],
@@ -188,6 +222,9 @@ export default {
   },
   mounted() {
     this.$refs['btnbar'].setButtonList(this.btnList)
+    this.accessToken = {
+      token: getStorage()
+    }
   },
   methods: {
     // 搜索条件效果
@@ -205,8 +242,8 @@ export default {
         case 'toAdd':
           this.toAdd()
           break
-        case 'doDel':
+        case 'toUpload':
-          this.doDel()
+          this.toUpload()
           break
         case 'doClose':
           this.doClose()
@@ -293,13 +330,53 @@ export default {
        this.$message({ showClose: true, type: 'error', message: '请至少选择一条记录进行操作' })
       }
     },
+    toUpload() {
+      if (this.sids.length === 1) {
+        this.dialogFileVisible = true
+        this.files = []
+        this.uploadData.sid = this.sids[0]
+      } else {
+        this.$message({ showClose: true, type: 'error', message: '请选择一条记录进行操作' })
+        return
+      }
+    },
+    handlePictureCardPreview(file) {
+      this.dialogVisible = true
+      this.dialogImageUrl = file.url
+    },
+    handleSuccess(file) {
+      this.$message({ showClose: true, type: 'success', message: '上传成功' })
+      this.getList()
+    },
+    toDownLoad(row) {
+      var xhr = new XMLHttpRequest()
+      xhr.open('GET', process.env.VUE_APP_BASE_API + '/base/file/download?filePath=' + row.downloadPath + '&outFileName=' + '交车资料确认单', true)
+      xhr.setRequestHeader('token', getStorage())
+      xhr.responseType = 'blob'
+      xhr.onload = function(e) {
+        // 如果请求执行成功
+        var blob = this.response
+        var filename = '交车资料确认单.pdf'
+        var a = document.createElement('a')
+        // blob.type="application/octet-stream";
+        // 创键临时url对象
+        var url = URL.createObjectURL(blob)
+        a.href = url
+        a.download = filename
+        a.click()
+        // 释放之前创建的URL对象
+        window.URL.revokeObjectURL(url)
+      }
+      // 发送请求
+      xhr.send()
+    },
     toInfo(row) {
       this.viewState = 3
       this.$refs['divInfo'].showInfo(row)
     },
     handleGetCheck(row) {
       this.dialogImgVisible = true
-      this.dialogImageUrl = row.witMatUrl
+      this.dialogUrl = row.imgs
     },
     reseaState() {
       this.viewState = 1

anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/suicheziliaoguanli/datapreparationInfo.vue

@@ -51,7 +51,7 @@
 </template>
 
 <script>
-import { fetchDetailsBySid } from '@/api/suicheziliao/jiaocheziliao'
+import { details } from '@/api/suicheziliao/jiaocheziliao'
 
 export default {
   name: 'DatapreparationInfo',
@@ -74,9 +74,7 @@ export default {
   methods: {
     showInfo(row) {
       this.viewTitle = '交车资料确认详情'
-      const aa = []
+      details(row.sid).then((resp) => {
-      aa.push(row.sid)
-      fetchDetailsBySid(aa).then((resp) => {
         if (resp.success) {
           this.formobj = resp.data
         }