doum
7 天以前 b574291c99bba5819fe2d69405ffa10e9d47d994
admin/src/views/business/orders.vue
@@ -2,60 +2,48 @@
  <TableLayout :permissions="['business:orders:query']">
    <!-- 搜索表单 -->
    <el-form ref="searchForm" slot="search-form" :model="searchForm" label-width="100px" inline>
      <el-form-item label="订单号" prop="releaseMemberId">
        <el-input v-model="searchForm.code" style="width: 120px"  clearable placeholder="请输入订单号" @keypress.enter.native="search"></el-input>
      <el-form-item label="" prop="id">
        <el-input v-model="searchForm.id"    clearable placeholder="订单号" @keypress.enter.native="search"></el-input>
      </el-form-item>
      <el-form-item label="接单方" prop="acceptName">
        <el-input v-model="searchForm.acceptName" style="width: 120px"  clearable placeholder="请输入名称" @keypress.enter.native="search"></el-input>
      <el-form-item label="" prop="name">
        <el-input v-model="searchForm.name"    clearable placeholder="付款人姓名" @keypress.enter.native="search"></el-input>
      </el-form-item>
      <el-form-item label="发单方" prop="releaseName">
        <el-input v-model="searchForm.releaseName" style="width: 120px"  clearable placeholder="请输入名称" @keypress.enter.native="search"></el-input>
      <el-form-item label="" prop="phone">
        <el-input v-model="searchForm.phone"    clearable placeholder="付款人手机号" @keypress.enter.native="search"></el-input>
      </el-form-item>
      <el-form-item label="订单类型" prop="type">
        <el-select v-model="searchForm.type"  style="width: 120px"  @keypress.enter.native="search" clearable placeholder="订单类型">
          <el-option label="用工单" :value="0"></el-option>
          <el-option label="货运单" :value="1"></el-option>
          <el-option label="订餐单" :value="2"></el-option>
      <el-form-item label="" prop="username">
        <el-input v-model="searchForm.username"  clearable placeholder="负责人账号" @keypress.enter.native="search"></el-input>
      </el-form-item>
      <el-form-item label="" prop="userRealname">
        <el-input v-model="searchForm.userRealname"   clearable placeholder="负责人姓名" @keypress.enter.native="search"></el-input>
      </el-form-item>
      <el-form-item label="" prop="type">
        <el-select v-model="searchForm.type"    @change="search"  clearable placeholder="付款事由">
          <el-option label="车款" :value="0"></el-option>
          <el-option label="延期款" :value="1"></el-option>
        </el-select>
      </el-form-item>
      <el-form-item label="订单状态" prop="status">
        <el-select v-model="searchForm.status" style="width: 100px"  @keypress.enter.native="search" clearable placeholder="状态">
      <el-form-item label="" prop="status">
        <el-select v-model="searchForm.status"  @change="search" clearable placeholder="订单状态">
        <el-option label="待支付" :value="0"></el-option>
        <el-option label="待接单" :value="1"></el-option>
        <el-option label="已接单" :value="2"></el-option>
        <el-option label="进行中" :value="3"></el-option>
        <el-option label="已完成" :value="4"></el-option>
        <el-option label="已取消" :value="99"></el-option>
        <el-option label="已支付" :value="1"></el-option>
        <el-option label="支付失败" :value="2"></el-option>
        </el-select>
      </el-form-item>
      <el-form-item label="发布时间"   prop="createTimeStart"  label-width="100px" >
        <el-date-picker type="datetime"  style="width: 150px"  v-model="searchForm.createTimeStart" clearable value-format="yyyy-MM-dd HH:mm:ss"
                        placeholder="开始时间" /> -
        <el-form-item label=""   prop="starttime"  label-width="100px" >
          <el-date-picker type="datetime"    v-model="searchForm.starttime" clearable value-format="yyyy-MM-dd HH:mm:ss"
                          placeholder="开始(创建)时间" /> -
      </el-form-item>
      <el-form-item label="" prop="createTimeEnd"   label-width="0px" >
        <el-date-picker type="datetime"  style="width: 150px"  v-model="searchForm.createTimeEnd" clearable value-format="yyyy-MM-dd HH:mm:ss"
                        placeholder="结束时间" />
      </el-form-item>
      <el-form-item label="接单时间" prop="acceptTimeStart"  label-width="100px" >
        <el-date-picker type="datetime"  style="width: 150px"  v-model="searchForm.acceptTimeStart" clearable value-format="yyyy-MM-dd HH:mm:ss"
                        placeholder="开始时间" /> -
      </el-form-item>
      <el-form-item label="" prop="acceptTimeEnd"  label-width="0px" >
        <el-date-picker type="datetime"  style="width: 150px"  v-model="searchForm.acceptTimeEnd" clearable value-format="yyyy-MM-dd HH:mm:ss"
                        placeholder="结束时间" />
      </el-form-item>
      <el-form-item label="完成时间"    prop="doneTimeStart"   label-width="100px" >
        <el-date-picker type="datetime"  style="width: 150px"  v-model="searchForm.doneTimeStart" clearable value-format="yyyy-MM-dd HH:mm:ss"
                        placeholder="开始时间" /> -
      </el-form-item>
      <el-form-item label="" prop="doneTimeEnd"  label-width="0px" >
        <el-date-picker type="datetime"  style="width: 150px"  v-model="searchForm.doneTimeEnd" clearable value-format="yyyy-MM-dd HH:mm:ss"
                        placeholder="结束时间" />
        <el-form-item label="" prop="endtime"   label-width="0px" >
          <el-date-picker type="datetime"   v-model="searchForm.endtime" clearable value-format="yyyy-MM-dd HH:mm:ss"
                          placeholder="结束(创建)时间" />
      </el-form-item>
      <section>
        <el-button type="primary" @click="search">搜索</el-button>
        <el-button @click="reset">重置</el-button>
<!--
        <el-button type="primary" :loading="isWorking.export" @click="exportExcel">导出</el-button>
-->
      </section>
    </el-form>
    <!-- 表格和分页 -->
@@ -71,54 +59,38 @@
        stripe
        @selection-change="handleSelectionChange"
      >
        <el-table-column prop="code" label="订单编号" width="180px" fixed="left">
        <el-table-column prop="id" label="订单编号" width="120px" fixed="left">
          <template slot-scope="{row}">
            <span style="cursor: pointer;color: #2E68EC" @click="openDetail(row)">{{row.code}}</span>
            <span style="cursor: pointer;color: #2E68EC" @click="openDetail(row)">{{row.id}}</span>
          </template>
        </el-table-column>
        <el-table-column prop="name" label="付款人姓名"  width="100px" :show-overflow-tooltip='true'></el-table-column>
        <el-table-column prop="phone" label="付款人手机号"  width="120px" :show-overflow-tooltip='true'></el-table-column>
        <el-table-column prop="money" label="支付金额(元)" min-width="150px">
          <template slot-scope="{row}">
            <span class="yellowstate">{{((row.money || 0)/100).toFixed(2)}}</span>
          </template>
        </el-table-column>
        <el-table-column prop="statusName" label="订单状态" min-width="100px"  >
          <template slot-scope="{row}">
          <span :class="'orderstate'+row.status">{{row.statusName}}</span>
          <span v-if="row.status == 0" class="blue">待支付</span>
          <span v-if="row.status == 1" class="green">已支付</span>
          <span v-if="row.status == 2" class="grey">支付失败</span>
          </template>
        </el-table-column>
        <el-table-column prop="type" label="订单类型" min-width="100px">
          <template slot-scope="{row}">
            <span v-if="row.type==0">用工单</span>
            <span v-if="row.type==1">货运单</span>
            <span v-if="row.type==2">订餐单</span>
            <span v-if="row.type==0">车款</span>
            <span v-if="row.type==1">延期款</span>
          </template>
        </el-table-column>
        <el-table-column prop="orderContent" label="订单内容"  width="200px" :show-overflow-tooltip='true'></el-table-column>
        <el-table-column prop="releaseName" label="发单方"  min-width="100px" :show-overflow-tooltip='true'>
          <template slot-scope="{row}">
           <span v-if="row.releaseName || row.releasePhone">{{(row.releaseName||'') +' - ' +(row.releasePhone||'')  }}</span>
          </template>
        </el-table-column>
        <el-table-column prop="acceptName" label="接单方" min-width="100px" :show-overflow-tooltip='true'>
          <template slot-scope="{row}">
            <span v-if="row.acceptName || row.acceptPhone">{{(row.acceptName||'') +' - ' +(row.acceptPhone ||'')  }}</span>
          </template>
        </el-table-column>
        <el-table-column prop="createTime" label="发布时间" min-width="150px"></el-table-column>
        <el-table-column prop="acceptTime" label="接单时间" min-width="150px"></el-table-column>
        <el-table-column prop="finishTime" label="完成时间" min-width="150px"></el-table-column>
        <el-table-column prop="estimatedAccount" label="预估金额(元)" min-width="150px">
          <template slot-scope="{row}">
            <span class="yellowstate">{{((row.estimatedAccount || 0)/100).toFixed(2)}}</span>
          </template>
        </el-table-column>
        <el-table-column prop="payAccount" label="实付金额(元)" min-width="150px">
          <template slot-scope="{row}">
            <span class="yellowstate">{{((row.payAccount || 0)/100).toFixed(2)}}</span>
          </template>
        </el-table-column>
        <el-table-column prop="acceptType" label="接单类型" min-width="100px">
          <template slot-scope="{row}">
            <span v-if="row.acceptType==0">手动接单</span>
            <span v-if="row.acceptType==1">系统派单</span>
          </template>
        </el-table-column>
        <el-table-column
        <el-table-column prop="remark" label="订单备注"  width="100px"  ></el-table-column>
        <el-table-column prop="userRealname" label="收款人姓名"  width="100px"  ></el-table-column>
        <el-table-column prop="username" label="负责人账号"  width="120px"  ></el-table-column>
        <el-table-column prop="createTime" label="创建时间" min-width="150px"></el-table-column>
        <el-table-column prop="payDate" label="付款时间" min-width="150px"></el-table-column>
        <el-table-column prop="cancelDate" label="取消时间" min-width="150px"></el-table-column>
<!--        <el-table-column
          label="操作"
          align="center"
          min-width="150"
@@ -128,7 +100,7 @@
            <el-button type="text" class="redstate" @click="cancelDo(row)" v-if="row.status!=5 && row.status!=4&& row.status!=99" icon="el-icon-delete" v-permissions="['business:orders:update']">取消</el-button>
            <el-button type="text" @click="openDetail( row)" icon="el-icon-info"  >详情</el-button>
          </template>
        </el-table-column>
        </el-table-column>-->
      </el-table>
      <pagination
        @size-change="handleSizeChange"
@@ -156,17 +128,16 @@
    return {
      // 搜索
      searchForm: {
        acceptName: null,
        releaseName: null,
        type: null,
        createTimeEnd: null,
        createTimeStart: null,
        acceptTimeStart: null,
        acceptTimeEnd: null,
        doneTimeStart: null,
        doneTimeEnd: null,
        id: null,
        status: null,
        code: null
        type: null,
        starttime: null,
        endTime: null,
        username: null,
        userRealName: null,
        name: null,
        phone: null,
        payCode: null
      }
    }
  },
@@ -179,25 +150,8 @@
    })
    this.search()
  },
  reset () {
    this.searchForm = {
      acceptName: null,
      releaseName: null,
      type: null,
      createTimeEnd: null,
      createTimeStart: null,
      acceptTimeStart: null,
      acceptTimeEnd: null,
      doneTimeStart: null,
      doneTimeEnd: null,
      status: null,
      code: null
    }
    this.search()
  },
  methods: {
    openDetail (row) {
      this.$refs.OperaOrderDetailWindow.open('订单详情', row )
    },
    cancelDo (row) {
      this.$dialog.actionConfirm('您确认【取消】该订单吗?', '操作确认')