From 7298d5354963a88643a543b51b90192dc9fc934c Mon Sep 17 00:00:00 2001
From: doum <doum>
Date: 星期四, 11 九月 2025 18:43:14 +0800
Subject: [PATCH] 最新版本541200007

---
 admin/src/views/platform/LogisticsRecord/subscribe.vue |  487 ++++++++++++++++++++++++++++++++++++++++++-----------
 1 files changed, 383 insertions(+), 104 deletions(-)

diff --git a/admin/src/views/platform/LogisticsRecord/subscribe.vue b/admin/src/views/platform/LogisticsRecord/subscribe.vue
index 92cba1b..8644181 100644
--- a/admin/src/views/platform/LogisticsRecord/subscribe.vue
+++ b/admin/src/views/platform/LogisticsRecord/subscribe.vue
@@ -1,160 +1,439 @@
 <template>
   <div class="main_app">
-    <QueryForm
-      v-model="filters"
-      :query-form-config="queryFormConfig"
-      @handleQuery="getList(1)"
-      @clear="clear"
-    />
-    <el-table v-loading="loading" :data="list" stripe>
-      <el-table-column
-        prop="name"
-        label="杞︾墝鍓嶇収鍙�"
-        min-width="100"
-        show-overflow-tooltip
-      />
-      <el-table-column
-        prop="name"
-        label="杞︾墝鍚庣収鍙�"
-        min-width="100"
-        show-overflow-tooltip
-      />
-      <el-table-column
-        prop="name"
-        label="椹鹃┒鍛�"
-        min-width="100"
-        show-overflow-tooltip
-      />
-      <el-table-column
-        prop="name"
-        label="鑱旂郴鏂瑰紡"
-        min-width="100"
-        show-overflow-tooltip
-      />
-      <el-table-column
-        prop="name"
-        label="鍚堝悓鍗曞彿"
-        min-width="100"
-        show-overflow-tooltip
-      />
-      <el-table-column
-        prop="name"
-        label="鍏ュ簱绫诲瀷"
-        min-width="100"
-        show-overflow-tooltip
-      />
-      <el-table-column
-        prop="name"
-        label="棰勭害鍒板満鏃堕棿"
-        min-width="100"
-        show-overflow-tooltip
-      />
-      <el-table-column
-        prop="name"
-        label="瀹℃壒缁撴灉"
-        min-width="100"
-        show-overflow-tooltip
-      />
-      <el-table-column
-        prop="name"
-        label="瀹℃壒浜�"
-        min-width="100"
-        show-overflow-tooltip
-      />
-      <el-table-column
-        prop="name"
-        label="鎿嶄綔鏃堕棿"
-        min-width="100"
-        show-overflow-tooltip
-      />
-      <el-table-column
-        prop="name"
-        label="鎿嶄綔"
-        min-width="80"
-        align="center"
-        show-overflow-tooltip
-      >
+    <QueryForm v-model="filters" :query-form-config="queryFormConfig" @changeForm='changeForm' @handleQuery="getList(1)"
+      @clear="clear">
+      <template #fastdate>
+        <el-radio-group v-model="filters.fastdate" size="small" @input="changeRadio">
+          <el-radio-button label="0">褰撳ぉ</el-radio-button>
+          <el-radio-button label="6">杩�7澶�</el-radio-button>
+          <el-radio-button label="29">杩�30澶�</el-radio-button>
+        </el-radio-group>
+      </template>
+    </QueryForm>
+    <div class="pt16">
+      <el-button type="primary" @click="handleEdit" icon="el-icon-plus"
+        v-permissions="['business:platformbooks:create']">鏂板缓</el-button>
+      <el-button type="primary" @click="complete(ids)">瀹屾垚浣滀笟</el-button>
+      <el-button :loading="exLoading" @click="handleEx"
+        v-permissions="['business:platformbooks:exportExcel']">瀵煎嚭</el-button>
+    </div>
+    <el-table :height="tableHeightNew" v-loading="loading" :data="list" @selection-change="handleSelectionChange" stripe>
+      <el-table-column type="selection" width="55"></el-table-column>
+      <el-table-column prop="contractNum" label="鍚堝悓/鍗曟嵁缂栧彿" min-width="100" show-overflow-tooltip />
+      <el-table-column prop="inReason" label="鍏ュ洯鍘熷洜" min-width="100" show-overflow-tooltip />
+      <el-table-column prop="totalNum" label="鎬讳綔涓氶噺(涓囨敮)" min-width="100" show-overflow-tooltip />
+      <el-table-column prop="carCodeFront" label="杞︾墝鍓嶇収鍙�" min-width="100" show-overflow-tooltip />
+      <el-table-column prop="carCodeBack" label="杞︾墝鍚庣収鍙�" min-width="100" show-overflow-tooltip />
+      <el-table-column prop="driverName" label="椹鹃┒鍛�" min-width="100" show-overflow-tooltip />
+      <el-table-column prop="driverPhone" label="鑱旂郴鏂瑰紡" min-width="100" show-overflow-tooltip />
+      <el-table-column prop="inTypeTemp" label="浣滀笟绫诲瀷" min-width="100" show-overflow-tooltip />
+      <el-table-column label="浣滀笟鐘舵��" min-width="100" show-overflow-tooltip>
         <template v-slot="scope">
-          <el-button type="text" @click="handleEdit(scope.row)">棰勭害璇︽儏</el-button>
+          <span v-if="[2,3,4].includes(scope.row.status)">{{ statusMap[scope.row.jobStatus] || '' }}</span>
+          <span v-else>-</span>
+        </template>
+      </el-table-column>
+      <el-table-column prop="arriveDate" label="棰勭害鍒板満鏃堕棿" min-width="150" show-overflow-tooltip />
+      <el-table-column label="瀹℃壒缁撴灉" min-width="100" show-overflow-tooltip>
+        <template v-slot="scope">
+          <span v-if="scope.row.status == '0'">寰呭鎵�</span>
+          <span v-if="scope.row.status == '1'">瀹℃壒涓�</span>
+          <span v-if="scope.row.status == '2'">瀹℃壒閫氳繃</span>
+          <span v-if="scope.row.status == '3'">瀹℃壒椹冲洖</span>
+          <span v-if="scope.row.status == '4'">宸插彇娑�</span>
+        </template>
+      </el-table-column>
+      <el-table-column prop="auditName" label="褰撳墠瀹℃壒浜�" min-width="100" show-overflow-tooltip />
+      <el-table-column prop="editDate" label="鎿嶄綔鏃堕棿" min-width="150" show-overflow-tooltip />
+      <el-table-column prop="editUserName" label="鏈�鍚庢搷浣滀汉鍛�" min-width="150" show-overflow-tooltip />
+      <el-table-column prop="name" label="鎿嶄綔" min-width="170" align="center" fixed="right" show-overflow-tooltip>
+        <template v-slot="scope">
+          <el-button type="text" v-permissions="['business:platformbooks:detail']"
+            @click="handleDetail(scope.row)">棰勭害璇︽儏</el-button>
+          <el-button type="text" @click="complete([scope.row.jobId])" v-if="[0,1,2].includes(scope.row.jobStatus)">瀹屾垚浣滀笟</el-button>
+          <el-button type="text" class="red" v-permissions="['business:platformbooks:delete']"
+            @click="handleDel(scope.row)">鍒犻櫎</el-button>
         </template>
       </el-table-column>
     </el-table>
-    <pagination
-      @size-change="handleSizeChange"
-      @current-change="getList"
-      :pagination="pagination"
-    />
+    <pagination @size-change="handleSizeChange" @current-change="getList" :pagination="pagination" />
+    <!--  -->
+    <GlobalWindow :title="param.id ? '缂栬緫鐗╂祦杞﹂绾�' : '鏂板鐗╂祦杞﹂绾�'" center :visible.sync="isShowEdit" width="600px"
+      :confirm-working="subLoading" @confirm="onSubmit">
+      <el-form :model="param" :rules="rules" ref="ruleForm" label-width="100px">
+        <div class="param_title">杩愯緭淇℃伅</div>
+        <el-form-item label="鍏ュ洯鍘熷洜" prop="reasonId">
+          <el-select v-model="param.reasonId" @change="checkSurplus" class="w300" placeholder="璇烽�夋嫨">
+            <el-option v-for="item in reasonList" :key="item.id" :label="item.reason" :value="item.id">
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="鍚堝悓/鍗曟嵁缂栧彿" prop="contractNum">
+          <el-input v-model="param.contractNum" class="w300" placeholder="璇疯緭鍏ュ悎鍚�/鍗曟嵁缂栧彿"></el-input>
+        </el-form-item>
+        <el-form-item label="鍒板満鏃堕棿" prop="arriveDate">
+          <el-date-picker v-model="param.arriveDate" @change="checkSurplus" value-format="yyyy-MM-dd HH:mm:ss"
+            type="datetime" class="w300" placeholder="璇烽�夋嫨">
+          </el-date-picker>
+        </el-form-item>
+        <el-form-item label="浣滀笟绫诲瀷" prop="inType">
+          <div>
+            <el-radio v-model="param.inType" :label="0">鏁翠欢鐩�</el-radio>
+            <el-radio v-model="param.inType" :label="1">浠剁儫</el-radio>
+          </div>
+        </el-form-item>
+        <el-form-item label="鎬昏繍杈撻噺" prop="totalNum">
+          <el-input @blur="checkSurplus" oninput="value=value.replace(/^(0+)|[^\d]+/g, '').slice(0, 10)"
+            v-model="param.totalNum" placeholder="璇疯緭鍏�" class="w300"></el-input>
+          <span class="ml10">涓囨敮</span>
+        </el-form-item>
+        <el-form-item label="鍑嗚繍璇�/杩愬崟鐓х墖" prop="transportImg">
+          <UploadAvatarImage :file="{ 'imgurlfull': param.transportImgFull, 'imgurl': param.transportImg }"
+            :uploadData="{ folder: 'platform' }" @uploadSuccess="uploadSuccess" @uploadEnd="isUploading = false"
+            @uploadBegin="isUploading = true" />
+        </el-form-item>
+        <div class="param_title">鍙告満/杞﹁締淇℃伅</div>
+        <el-form-item label="鍙告満濮撳悕" prop="driverName">
+          <el-input v-model="param.driverName" placeholder="璇疯緭鍏�" class="w300"></el-input>
+        </el-form-item>
+        <el-form-item label="鍙告満鎵嬫満鍙�" prop="driverPhone">
+          <el-input oninput="value=value.replace(/^(0+)|[^\d]+/g, '').slice(0, 11)" v-model="param.driverPhone"
+            placeholder="璇疯緭鍏�" class="w300"></el-input>
+        </el-form-item>
+        <el-form-item label="杞﹀墠鐗岀収鍙�" prop="carCodeFront">
+          <el-input v-model="param.carCodeFront" placeholder="璇疯緭鍏�" class="w300"></el-input>
+        </el-form-item>
+        <el-form-item label="杞﹀悗鐗岀収鍙�" prop="carCodeBack">
+          <el-input v-model="param.carCodeBack" placeholder="璇疯緭鍏�" class="w300"></el-input>
+        </el-form-item>
+      </el-form>
+    </GlobalWindow>
+    <!--  -->
+    <DriverDetail v-if="isShowDriver" @success="getList" @close="isShowDriver = false" ref="DriverDetailRef" />
   </div>
 </template>
 
 <script>
 import Pagination from '@/components/common/Pagination'
 import QueryForm from '@/components/common/QueryForm'
+import { platformBooksPage, platformReasonList, platformBooksApply, platformBooksExport, dealJobFinish } from '@/api'
+import { checkSurplusNum, deletebooksById } from '@/api/platform/platform'
+import DriverDetail from '@/views/task/driverDetail'
+import GlobalWindow from '@/components/common/GlobalWindow'
+import UploadAvatarImage from '@/components/common/UploadAvatarImage'
+import { Message } from 'element-ui'
+import { statusMap } from '../config'
+import dayjs from 'dayjs'
+import BaseComputHeight from "@/components/base/BaseComputHeight"
 export default {
+  extends: BaseComputHeight,
   components: {
     Pagination,
-    QueryForm
+    QueryForm,
+    DriverDetail,
+    GlobalWindow,
+    UploadAvatarImage
   },
-  data () {
+  data() {
     return {
+      statusMap,
+      isShowDriver: false,
+      exLoading: false,
       loading: false,
       pagination: {
-        capacity: 10,
-        page: 1
+        pageSize: 10,
+        page: 1,
+        total: 0
       },
-      filters: {},
+      filters: {
+        arriveDateStart: '',
+        arriveDateEnd: '',
+        fastdate: 0
+      },
       list: [],
-      total: 0,
+
       isShowEdit: false,
-      param: {},
-      rules: {},
+      subLoading: false,
+      param: {
+        inType: 0
+      },
+      reasonList: [],
+      rules: {
+        contractNum: [{ required: true, message: '璇疯緭鍏�', trigger: 'blur' }],
+        totalNum: [{ required: true, message: '璇疯緭鍏�', trigger: 'blur' }],
+        driverPhone: [{ required: true, message: '璇疯緭鍏�', trigger: 'blur' }],
+        carCodeFront: [{ required: true, message: '璇疯緭鍏�', trigger: 'blur' }],
+        carCodeBack: [{ required: true, message: '璇疯緭鍏�', trigger: 'blur' }],
+
+        transportImg: [{ required: true, message: '璇蜂笂浼�', trigger: 'blur' }],
+        reasonId: [{ required: true, message: '璇烽�夋嫨', trigger: 'blur' }],
+        arriveDate: [{ required: true, message: '璇烽�夋嫨', trigger: 'blur' }],
+        inType: [{ required: true, message: '璇烽�夋嫨', trigger: 'blur' }],
+        driverName: [{ required: true, message: '璇烽�夋嫨', trigger: 'blur' }]
+      },
       queryFormConfig: {
         formItems: [
           {
-            filed: 'aaaa',
+            filed: 'carCodeFront',
             type: 'input',
             label: '杞︾墝鍙�'
           },
           {
-            filed: 'bbb',
+            filed: 'driverName',
             type: 'input',
             label: '椹鹃┒鍛�'
           },
           {
-            filed: 'cc',
+            filed: 'contractNum',
             type: 'input',
             label: '鍚堝悓鍗曞彿'
           },
           {
-            filed: 'selDate',
-            type: 'daterange',
-            label: '鎿嶄綔鏃堕棿'
+            filed: 'jobStatus',
+            type: 'select',
+            label: '浣滀笟鐘舵��',
+            options: [
+              { value: 0, label: '寰呯‘璁�' },
+              { value: 1, label: '寰呯鍒�' },
+              { value: 2, label: '绛夊緟鍙彿' },
+              { value: 3, label: '鍏ュ洯绛夊緟' },
+              { value: 4, label: '鏈堝彴绛夊緟' },
+              { value: 5, label: '浣滀笟涓�' },
+              { value: 6, label: '浣滀笟瀹屾垚' },
+              { value: 7, label: '杞Щ涓�' },
+              { value: 8, label: '寮傚父鎸傝捣' },
+              { value: 9, label: '宸叉巿鏉冪鍥�' },
+              // { value: 10, label: '宸茬鍥�' },
+              { value: 11, label: '宸茶繃鍙�' },
+              { value: 12, label: '宸插彇娑�' },
+            ]
+          },
+          {
+            filed: 'status',
+            type: 'select',
+            label: '瀹℃壒缁撴灉',
+            options: [
+              { value: 0, label: '寰呭鎵�' },
+              { value: 1, label: '瀹℃壒涓�' },
+              { value: 2, label: '瀹℃壒閫氳繃' },
+              { value: 3, label: '瀹℃壒椹冲洖' },
+              { value: 4, label: '宸插彇娑�' }
+            ]
+          },
+          {
+            filed: 'reasonId',
+            type: 'select',
+            label: '鍏ュ洯鍘熷洜',
+            options: []
+          },
+          {
+            filed1: 'arriveDateStart',
+            filed2: 'arriveDateEnd',
+            type: 'datetime',
+            label: '棰勭害鍒板満鏃堕棿'
+          },
+          {
+            type: 'slot',
+            filed: 'fastdate',
+            label: ''
           }
         ],
         online: true
       },
+      ids: []
     }
   },
+  created() {
+    this.changeRadio('0')
+    this.getplatformReasons()
+    // this.getList()
+  },
   methods: {
-    handleSub () {
+    handleSelectionChange(ids) {
+      this.ids = ids.map(item => item.jobId)
+    },
+    complete(ids) {
+      var that = this;
+      if (ids.length === 0) {
+        return this.$message.warning('鑷冲皯閫夋嫨涓�椤瑰唴瀹�')
+      }
+      this.$confirm('鏄惁纭瀹屾垚浣滀笟锛�, 鏄惁纭?', '鎻愮ず', {
+        confirmButtonText: '纭',
+        cancelButtonText: '鍙栨秷',
+        type: 'warning'
+      }).then(() => {
+        dealJobFinish(ids)
+          .then(res => {
+            that.getList()
+          })
+      }).catch(() => {
+
+      });
+    },
+    checkSurplus() {
+      const { arriveDate, reasonId, totalNum } = this.param
+      if (!arriveDate || !reasonId || !totalNum) return
+      checkSurplusNum({
+        arriveDate,
+        reasonId,
+        totalNum
+      }).then(res => {
+        if (res == 0 || res < Number(totalNum)) {
+          Message.error(`褰撴棩鍓╀綑鍙绾︿綔涓氶噺${res}涓囨敮涓嶈冻璇烽�夋嫨鍏朵粬鍒板満鏃ユ湡`)
+        }
+      })
+    },
+    changeRadio(day) {
+      const arr = [dayjs().subtract(day, 'day').format('YYYY-MM-DD') + ' 00:00:00', dayjs().format('YYYY-MM-DD') + ' 23:59:59']
+      this.filters.arriveDateStart = arr[0]
+      this.filters.arriveDateEnd = arr[1]
+      this.getList(1)
+    },
+    changeForm(str) {
+      if (this.filters.arriveDateStart > this.filters.arriveDateEnd) {
+        this.filters.arriveDateStart = this.filters.arriveDateEnd
+        return this.$message.error('寮�濮嬫椂闂翠笉鑳藉ぇ浜庣粨鏉熸椂闂�')
+      }
+      this.getList()
+    },
+    getList(page) {
+      const { pagination, filters } = this
+      this.loading = true
+      platformBooksPage({
+        model: {
+          ...filters
+        },
+        capacity: pagination.pageSize,
+        page: page || pagination.page
+      }).then(res => {
+        this.loading = false
+        this.list = res.records || []
+        this.list.forEach(item => {
+          item.inTypeTemp = item.inType == 0 ? '鏁存墭鐩�' : '浠剁儫'
+        })
+        this.pagination.total = res.total || 0
+      }, () => {
+        this.loading = false
+      })
+    },
+    handleEx() {
+      this.$dialog.exportConfirm('纭瀵煎嚭鍚楋紵')
+        .then(() => {
+          const { filters } = this
+          this.exLoading = true
+          platformBooksExport({
+            page: this.pagination.page,
+            capacity: 1000000,
+            model: {
+              ...filters
+            }
+          })
+            .then(response => {
+              this.download(response)
+            })
+            .catch(e => {
+              this.$tip.apiFailed(e)
+            })
+            .finally(() => {
+              this.exLoading = false
+            })
+        })
+    },
+    onSubmit() {
+      this.$refs.ruleForm.validate((valid) => {
+        const param = this.param
+        param.inReason = this.reasonList.find(item => param.reasonId == item.id).reason
+        if (valid) {
+          this.subLoading = true
+          platformBooksApply({ ...param }).then(res => {
+            this.getList()
+            this.subLoading = false
+            this.isShowEdit = false
+          }, () => {
+            this.subLoading = false
+          })
+        }
+      })
+    },
+    uploadSuccess(file) {
+      this.$set(this.param, 'transportImg', file.imgurl)
+      this.$set(this.param, 'transportImgFull', file.imgurlfull)
+    },
+    handleEdit(row) {
+      this.isShowEdit = true
+      this.param = {
+        inType: 0
+      }
+      this.$nextTick(() => {
+        this.$refs.ruleForm.clearValidate()
+      })
+      this.$set(this.param, 'arriveDate', dayjs().format('YYYY-MM-DD HH:mm:ss'))
+      this.getplatformReason()
+    },
+    getplatformReason() {
+      platformReasonList().then(res => {
+        this.reasonList = res || []
+      })
+    },
+    getplatformReasons() {
+      platformReasonList().then(res => {
+        this.queryFormConfig.formItems[5].options = (res || []).map(item => {
+          return {
+            value: item.id,
+            label: item.reason
+          }
+        })
+      })
+    },
+    handleSub() {
       this.$refs.ruleForm.validate((valid) => {
         if (valid) {
           alert('submit!')
         }
       })
     },
-    getList (page) { },
-    clear () { },
-    handleEdit (row) {
-      this.isShowEdit = true
+    clear() {
+      this.pagination.page = 1
+      this.filters = {}
+      this.getList()
+      // this.changeRadio('0')
     },
-    handleDel () { },
-    handleSizeChange (capacity) {
-      this.pagination.capacity = capacity
+    handleDetail(row) {
+      this.isShowDriver = true
+      this.$nextTick(() => {
+        this.$refs.DriverDetailRef.id = row.id
+        this.$refs.DriverDetailRef.type = 6
+        this.$refs.DriverDetailRef.getDetail()
+        this.$refs.DriverDetailRef.isShowModal = true
+      })
+    },
+    handleDel(row) {
+      this.$confirm('纭畾鍒犻櫎璇ヨ褰曞悧, 鏄惁缁х画?', '鎻愮ず', {
+        confirmButtonText: '纭畾',
+        cancelButtonText: '鍙栨秷',
+        type: 'warning'
+      }).then(() => {
+        deletebooksById(row.id)
+          .then(res => {
+            this.$message.success('鎿嶄綔鎴愬姛')
+            this.page = 1
+            this.getList()
+          })
+      }).catch(() => {
+      })
+    },
+    handleSizeChange(capacity) {
+      this.pagination.pageSize = capacity
+      this.getList(1)
     }
   }
 }
 </script>
-
-<style>
+<style lang="scss" scoped>
+.param_title {
+  font-size: 18px;
+  font-weight: 600;
+  color: #000000;
+  margin-bottom: 15px;
+}
 </style>

--
Gitblit v1.9.3