前端

jiangping

2025-07-15 368f3110e639b121bd389cae63ced823582de0c9

 admin/src/components/business/OperaMemberDetailWindow.vue

@@ -43,8 +43,8 @@
    <div class="main" v-if="activeTabs === 0 && info">
      <div class="title" >
        <el-form ref="searchForm" slot="search-form" :model="searchForm" label-width="100px" inline>
          <el-form-item label="交易流水号"  style="width: 200px;" label-width="100px" prop="telephone">
            <el-input v-model="searchForm.telephone" style="width: 100px"  clearable placeholder="请输入" ></el-input>
          <el-form-item label="交易流水号"  style="width: 200px;" label-width="100px" prop="transactionNo">
            <el-input v-model="searchForm.transactionNo" style="width: 100px"  clearable placeholder="请输入" ></el-input>
          </el-form-item>
          <el-form-item label="收支类型" prop="type"  style="width: 200px;" label-width="100px" >
            <el-select v-model="searchForm.optType"  style="width: 100px"  clearable placeholder="请选择类型"  >
@@ -52,16 +52,16 @@
              <el-option :value="-1" label="支出"></el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="收支时间" prop="eventType"  style="width: 330px;" label-width="100px" >
            <el-date-picker type="datetime"  style="width: 100px"  v-model="searchForm.startTime" clearable value-format="yyyy-MM-dd HH:mm:ss"
          <el-form-item label="收支时间" prop="eventType"  style="width: 380px;" label-width="100px" >
            <el-date-picker type="datetime"  style="width: 120px"  v-model="searchForm.startTime" clearable value-format="yyyy-MM-dd HH:mm:ss"
                            placeholder="开始时间" />-
            <el-date-picker type="datetime"  style="width: 100px"  v-model="searchForm.endTime" clearable value-format="yyyy-MM-dd HH:mm:ss"
            <el-date-picker type="datetime"  style="width: 120px"  v-model="searchForm.endTime" clearable value-format="yyyy-MM-dd HH:mm:ss"
                            placeholder="结束时间" />
          </el-form-item>
          <section  style="width: 200px;display: inline-block" >
          <section  style="width: 280px;display: inline-block" >
            <el-button type="primary" @click="handleCurrentChange0(0)">搜索</el-button>
            <el-button @click="reset0">重置</el-button>
            <el-button @click="exportExcel0">重置</el-button>
            <el-button type="primary" @click="exportExcel0" :loading="export0">导出</el-button>
          </section>
        </el-form>
      </div>
@@ -76,9 +76,9 @@
            <span style="cursor: pointer;color: #a10e0e" v-else>支出</span>
          </template>
        </el-table-column>
        <el-table-column prop="telephone" label="金额（元）" width="120px"  align="center">
        <el-table-column prop="amountInfo" label="金额（元）" width="120px"  align="center">
          <template slot-scope="{row}">
            <span class="yellowbtn">{{ ((row.amount || 0)/100).toFixed(2) }}</span>
            <span class="yellowbtn">{{ row.amountInfo || 0 }}</span>
          </template>
        </el-table-column>
        <el-table-column prop="createTime" label="收支时间" min-width="150px"  align="center"></el-table-column>
@@ -93,122 +93,87 @@
          :total="tableData.total">
      </el-pagination>
    </div>
    <div class="main" v-if="activeTabs === 1 && info">
    <div class="main"   v-if="activeTabs === 1 && info">
      <el-radio-group v-model="type" @change="changeType" style="margin-bottom: 20px;">
        <el-radio-button :label="0">收到的评价</el-radio-button>
        <el-radio-button :label="1">发布的评价</el-radio-button>
      </el-radio-group>
      <el-table
        :data="tableData"
        border
        v-loading="loading"
        style="width: 100%">
        <el-table-column
          width="150"
          label="账单编号">
        </el-table-column>
        <el-table-column
          label="费用类型">
        </el-table-column>
        <el-table-column
          prop="totleFee"
          label="账单金额">
        </el-table-column>
        <el-table-column
          :key="Date.now()"
          prop="receivableFee"
          :label="`应${type === 0 ? '收' : '付'}金额`">
        </el-table-column>
        <el-table-column
          prop="actReceivableFee"
          :label="`实${type === 0 ? '收' : '付'}金额`">
        </el-table-column>
        <el-table-column
          :label="`需${type === 0 ? '收' : '付'}金额`">
          v-loading="isWorking.search"
          :data="tableData1.records"
          stripe
      >
        <el-table-column prop="commentTime" label="评价时间" min-width="150px"  align="center">
          <template slot-scope="{row}">
            <template v-if="type === 0">
              <el-tag type="success" v-if="row.needReceivableFee > 0">收</el-tag>
              <el-tag type="warning" v-else-if="row.needReceivableFee < 0">付</el-tag>
            </template>
            <template v-else>
              <el-tag type="warning" v-if="row.needReceivableFee !== 0">付</el-tag>
            </template>
            <span style="margin-left: 10px;">{{Math.abs(row.needReceivableFee)}}</span>
            <span >{{ row.commentTime  }}</span>
          </template>
        </el-table-column>
        <el-table-column
          label="账单来源">
        <el-table-column prop="commentLevel" label="评分" width="120px"  align="center">
          <template slot-scope="{row}">
            <span v-if="row.type === 0">合同账单</span>
            <span v-else>自建账单</span>
            <span class="yellowbtn">{{ row.commentLevel || 0 }}分</span>
          </template>
        </el-table-column>
        <el-table-column
          width="200"
          label="计费周期">
        <el-table-column prop="commentInfo" label="评价内容" min-width="100px"  align="center"></el-table-column>
        <el-table-column prop="code" label="订单号" min-width="100px"  align="center">  </el-table-column>
        <el-table-column prop="type" label="订单类型" min-width="100px"  align="center">
          <template slot-scope="{row}">
            {{ row.startDate }} ~ {{ row.endDate }}
            <span v-if="row.type ==0" >用工单
                <span v-if="row.workType ==0">/采摘工</span>
                <span v-if="row.workType ==1">/分拣工</span>
                <span v-if="row.workType ==2">/包装工</span>
            </span>
            <span v-if="row.type ==1" >运货单</span>
            <span v-if="row.type ==2"  >订餐单</span>
          </template>
        </el-table-column>
        <el-table-column
          prop="planPayDate"
          label="应收日期">
        </el-table-column>
        <el-table-column
          label="是否逾期">
        </el-table-column>
        <el-table-column
          fixed="right"
          label="状态">
        </el-table-column>
      </el-table>
      <el-pagination
        @size-change="handleSizeChange"
        @current-change="handleCurrentChange"
        :current-page="page"
        :page-sizes="[10, 15, 20, 25]"
        :page-size="pageSize"
        layout="total, sizes, prev, pager, next, jumper"
        :total="total">
          @current-change="handleCurrentChange0"
          :current-page="page1"
          :page-size="pageSize"
          layout="total, prev, pager, next, jumper"
          :total="tableData1.total">
      </el-pagination>
    </div>
    <div class="main" v-if="activeTabs === 2 && info">
      <div class="title">操作记录</div>
      <el-table
        :data="info.logList"
        border
        style="width: 100%">
        <el-table-column
          :key="Date.now()"
          width="200"
          prop="param1"
          label="操作人">
        </el-table-column>
        <el-table-column
          :key="Date.now()"
          width="200"
          prop="createDate"
          label="操作时间">
        </el-table-column>
        <el-table-column
          :key="Date.now()"
          width="150"
          label="操作">
          <template slot-scope="{row}">
            <span v-if="row.objType === 0">工单创建</span>
            <span v-if="row.objType === 1">指派</span>
            <span v-if="row.objType === 2">处理</span>
            <span v-if="row.objType === 3">合同创建</span>
            <span v-if="row.objType === 4">合同变更</span>
            <span v-if="row.objType === 5">合同退租</span>
          </template>
        </el-table-column>
        <el-table-column
          :key="Date.now()"
          prop="content"
          label="操作内容">
        </el-table-column>
      </el-table>
      <div class="renzheng"   v-for="item in tableData2">
          <div class="info" >
              <span class="m10" v-if="item.type ==0">用工认证</span>
              <span class="m10" v-if="item.type ==1">货运认证</span>
              <span class="m10" v-if="item.type ==2">供餐认证</span>
              <el-tag type="primary" class="ml10 tag2" v-if="item.auditStatus == 1">认证中</el-tag>
              <el-tag type="success" class="ml10 tag2" v-if="item.auditStatus == 2">认证通过</el-tag>
              <el-tag type="danger" class="ml10 tag2" v-if="item.auditStatus == 3">认证失败</el-tag>
          </div>
          <div class="detail" >
            <div class="line">
              <span class="label"> 认证类型：</span> <span class="txt">{{item.authType == 0? '个人':'企业' }}</span>
              <span class="label"> 联系人：</span> <span class="txt">{{item.linkName || '' }}</span>
              <span class="label"> 联系方式：</span> <span class="txt">{{item.telephone || '' }}</span>
            </div>
            <template v-if="item.authType ==1">
              <div class="line">
                <span class="label">单位位置：</span><span class="txt">{{item.location || '' }}</span>
                <span class="label">单位名称：</span><span class="txt">{{item.companyName || '' }}</span>
              </div>
              <div class="line"> <span class="label">认证资料：</span> <span v-if="!item.imgList || item.imgList.length==0" class="txt">无</span> </div>
            </template>
            <template v-else>
              <div class="line">  <span class="label">身份信息：</span> <span v-if="!item.imgList || item.imgList.length==0" class="txt">无</span> </div>
            </template>
              <div class="line" v-if="item.imgList && item.imgList.length>0">
                <div v-for="info in item.imgList" style="display: inline-block">
                  <el-image v-if="info" style="width: 50px; height: 50px; margin-right: 10px" :src="info"
                            :preview-src-list="[info]">
                  </el-image>
                </div>
              </div>
            <div class="line" v-if="item.auditStatus == 3 || item.auditStatus == 2" :style="'background-color: '+(item.auditStatus==2?'#eff8ea':'rgb(253 226 226)')+';padding: 20px'">
              <span class="label"> 审核人：</span> <span class="txt">{{item.editorName}} </span><span class="label">{{item.auditTime || '' }} </span>
              <div  style="margin-top: 20px"> <span class="label">  审核信息：</span> <span class="txt">{{item.auditRemark || '' }}</span></div>
          </div>
          </div>
        </div>
    </div>
  </GlobalWindow>
</template>
@@ -217,9 +182,9 @@
import GlobalWindow from '@/components/common/GlobalWindow'
import BaseOpera from '@/components/base/BaseOpera'
import { getById } from '@/api/business/member'
import { fetchList as yueList } from '@/api/business/memberRevenue'
import { commentList } from '@/api/business/orders'
import { fetchList as renzhengList } from '@/api/business/identityInfo'
import { fetchList as yueList, exportExcel as yueExportExcel } from '@/api/business/memberRevenue'
import { fetchList as commentList } from '@/api/business/orders'
import { allList as renzhengList} from '@/api/business/identityInfo'
export default {
  components: {
    GlobalWindow
@@ -236,15 +201,19 @@
      page: 1,
      total: 0,
      tableData: {},
      tableData1: {},
      tableData2:[],
      page0: 1,
      totalPage0: 0,
      total0: 0,
      page1: 1,
      loading: false,
      export0: false,
      searchForm: {
        type: 0,
        startTime: null,
        endTime: null,
        optType: null,
        acceptMemberId: -1,
        releaseMemberId: -1,
        transactionNo: null
      }
    }
@@ -256,11 +225,20 @@
      this.activeTabs = 0
      this.type = 0
      this.page0 = 1
      this.totalPage0 = 0
      this.total0 = 0
      this.pageSize = 10
      this.tableData = {}
      this.tableData1 = {}
      this.tableData2 = []
      this.id = id
      this.searchForm = {
        type: 0,
        startTime: null,
        endTime: null,
        optType: null,
        acceptMemberId: -1,
        releaseMemberId: -1,
        transactionNo: null
      }
      this.getData()
    },
    getData () {
@@ -268,12 +246,36 @@
        .then(res => {
          this.info = res
          this.visible = true
          this.handleCurrentChange0(0)
          this.handleCurrentChange0(1)
          this.changeType(0)
          this.getRenzhengList()
        })
    },
    exportExcel0 (page) {
      this.page0 = page
      this.getYueList()
    exportExcel0 () {
      this.$dialog.exportConfirm('确认导出吗？')
        .then(() => {
          this.export0 = true
          yueExportExcel({
            page: 1,
            capacity: 1000000,
            model: {
              memberId: this.info.id || -1,
              startTime: this.searchForm.startTime,
              endTime: this.searchForm.endTime,
              optType: this.searchForm.optType,
              transactionNo: this.searchForm.transactionNo
            }
          }).then(response => {
            this.download(response)
          })
            .catch(e => {
              this.$tip.apiFailed(e)
            })
            .finally(() => {
              this.export0 = false
            })
        })
        .catch(() => {})
    },
    reset0 () {
      this.searchForm.startTime = null
@@ -286,6 +288,10 @@
    handleCurrentChange0 (page) {
      this.page0 = page
      this.getYueList()
    },
    handleCurrentChange1 (page) {
      this.page1 = page
      this.getCommentList()
    },
    getYueList () {
      this.loading = true
@@ -302,9 +308,27 @@
      }).then(res => {
        this.loading = false
        this.tableData = res
        this.total0 = res.total
        this.totalPage0 = res.total
        console.log(this.tableData)
      }).catch(e => {
        this.$tip.apiFailed(e)
      }).finally(() => {
        this.loading = false
      })
    },
    getCommentList () {
      this.loading = true
      commentList({
        capacity: this.pageSize,
        page: this.page1,
        model: {
          acceptMemberId: this.searchForm.acceptMemberId,
          releaseMemberId: this.searchForm.releaseMemberId,
          commentStatus: 1
        }
      }).then(res => {
        this.loading = false
        this.tableData1 = res
        console.log(this.tableData1)
      }).catch(e => {
        this.$tip.apiFailed(e)
      }).finally(() => {
@@ -317,60 +341,32 @@
    getRenzhengList () {
      this.loading = true
      renzhengList({
        capacity: this.pageSize,
        page: this.page,
        model: {
          startTime: this.searchForm.startTime,
          endTime: this.searchForm.endTime,
          optType: this.searchForm.optType,
          transactionNo: this.searchForm.transactionNo
        }
        memberId: this.id || -1
      }).then(res => {
        this.loading = false
        this.tableData = res.records
        this.total = res.total
        this.tableData2 = res
      }).catch(e => {
        this.$tip.apiFailed(e)
      }).finally(() => {
        this.loading = false
      })
    },
    getCommentList () {
      this.loading = true
      commentList({
        capacity: this.pageSize,
        page: this.page,
        model: {
          status: 0,
          billType: this.type,
          contractId: this.info.id
        }
      }).then(res => {
        this.loading = false
        this.tableData = res.records
        this.total = res.total
      })
    },
    changeType (e) {
      this.type = e
      this.page = 1
      this.pageSize = 10
      this.tableData = []
      this.getList()
      this.searchForm.acceptMemberId = -1
      this.searchForm.releaseMemberId = -1
      if (e == 0) {
        this.searchForm.releaseMemberId = this.info.id || -1
        this.searchForm.acceptMemberId = null
      } else {
        this.searchForm.acceptMemberId = this.info.id || -1
        this.searchForm.releaseMemberId =null
      }
      this.page1 = 1
      this.tableData1 = {}
      this.handleCurrentChange1(0)
    },
    tabsClick (val) {
      this.activeTabs = val
    },
    getDetail () {

    },
    handleSizeChange (e) {
      this.pageSize = e
      this.getList()
    },
    handleCurrentChange (e) {
      this.page = e
      this.getList()
    }
  }
}
@@ -378,6 +374,32 @@

<style lang="scss" scoped>
@import '@/assets/style/variables.scss';
.renzheng{
  margin: 0px 0px 50px 20px;
  width: calc(100% - 60px);
  .detail{
    font-size: 14px;
    .label{
      color: #8c939d;
    }
    .txt{
      margin-right: 30px;
    }
    .line{
      margin-top: 15px;
    }
  }
  .ml10{
    margin-left: 10px;
  }
  .info{
    font-size: 14px;
    font-weight: bold;
  }
  .tag2{
    font-size: 12px;
  }
}
.home_title {
  .mr10{
    margin-right: 10px;