emis-frontend/src/views/emis/customerService/problemList.vue

<template>
  <div class="">
    <xd-table v-loading="loading"
           border stripe
           size="mini"
           height="300px"
           :data="dataList"
           :queryParams="queryParams"
           :total="total"
           @queryTable="getList"
           :showRightButton="false"
           :showPagination="false"
           :showOperateButton="false"
           >
      <el-table-column label="序号" align="center" min-width="60">
        <template slot-scope="scope">
          <span v-text="getIndex(scope.$index)"> </span>
        </template>
      </el-table-column>
      <el-table-column :label="$t('扫描时间')" align="center" prop="registerDate" min-width="170" >
        <template slot-scope="scope">
          <span>{{ parseTime(scope.row.registerDate) }}</span>
        </template>
      </el-table-column>
      <el-table-column :label="$t('问题描述')" align="center" prop="problemCause" min-width="150">
        <template slot-scope="scope">
          <span class="ellipsis">{{scope.row.problemTypeName}}-{{ scope.row.problemCause }}</span>
        </template>
      </el-table-column>
      <el-table-column :label="$t('备注')" align="center" prop="remark" min-width="150">
        <template slot-scope="scope">
          <span class="ellipsis">{{ scope.row.remark }}</span>
        </template>
      </el-table-column>
      <el-table-column :label="$t('扫描类型')" align="center" prop="scanType" min-width="100" >
        <template slot-scope="scope">
          <span>问题件</span>
        </template>
      </el-table-column>
      <el-table-column :label="$t('扫描网点')" align="center" prop="registerSiteName" min-width="100" />
      <el-table-column :label="$t('通知网点')" align="center" prop="sendSiteName" min-width="100" />
      <el-table-column :label="$t('问题件类型')" align="center" prop="problemTypeName" min-width="100" />
      <el-table-column :label="$t('处理状态')" align="center" prop="dealResult" min-width="100" />
      <el-table-column :label="$t('问题件原因')" align="center" prop="problemCause" min-width="100" />
      <el-table-column :label="$t('问题件回复内容')" align="center" prop="reversionStr" min-width="150" />
      <el-table-column :label="$t('回复人')" align="center" prop="reversionManName" min-width="150" />
      <el-table-column :label="$t('回复网点')" align="center" prop="reversionSiteName" min-width="100" />

      <el-table-column :label="$t('操作人')" align="center" prop="createByName" min-width="100" />
      <el-table-column :label="$t('重量')" align="center" prop="billWeight" min-width="100" >
      <template slot-scope="scope">
          <span></span>
        </template>
      </el-table-column>
      <el-table-column :label="$t('回复时间')" align="center" prop="reversionDate" min-width="170">
        <template slot-scope="scope">
          <span>{{ scope.row.reversionDate }}</span>
        </template>
      </el-table-column>
      <!-- <el-table-column :label="$t('回复状态')" align="center" prop="blReversion" min-width="100" >
        <template slot-scope="scope">
          <span>{{ scope.row.blReversion == "1" ? "是" : "否" }}</span>
        </template>
      </el-table-column> -->
      <!-- <el-table-column :label="$t('登记日期')" align="center" prop="registerDate" min-width="170">
        <template slot-scope="scope">
          <span>{{ parseTime(scope.row.registerDate) }}</span>
        </template>
      </el-table-column> -->
      <!-- <el-table-column :label="$t('登记人')" align="center" prop="registerManName" min-width="150" />
      <el-table-column :label="$t('登记部门')" align="center" prop="registerManDept" min-width="100" />
      <el-table-column :label="$t('图片路径')" align="center" prop="filePath" min-width="100">
        <template slot-scope="scope">
          <ImagePreview height="50px" v-for="pic in (scope.row.filePath||'').split(',')" :key="pic" :src="pic" ></ImagePreview>
        </template>
      </el-table-column> -->

      <!-- <el-table-column :label="$t('登记保存时间')" align="center" prop="registerSaveDate" min-width="170">
        <template slot-scope="scope">
          <span>{{ parseTime(scope.row.registerSaveDate) }}</span>
        </template>
      </el-table-column>
      <el-table-column :label="$t('所属业务员')" align="center" prop="salesmen" min-width="150" />
      <el-table-column :label="$t('业务员编号')" align="center" prop="xxx" min-width="150" />
      <el-table-column :label="$t('回复日期')" align="center" prop="reversionDate" min-width="170">
        <template slot-scope="scope">
          <span>{{ parseTime(scope.row.reversionDate) }}</span>
        </template>
      </el-table-column>
      <el-table-column :label="$t('是否查看')" align="center" prop="blSee" min-width="100">
        <template slot-scope="scope">
          <span>{{ scope.row.blSee == "1" ? "是" : "否" }}</span>
        </template>
      </el-table-column>
      <el-table-column :label="$t('是否回复')" align="center" prop="blReversion" min-width="100">
        <template slot-scope="scope">
          <span>{{ scope.row.blReversion == "1" ? "是" : "否" }}</span>
        </template>
      </el-table-column>
      <el-table-column :label="$t('问题件路径')" align="center" prop="problemCause" min-width="100" />
      <el-table-column :label="$t('问题件主题')" align="center" prop="problemTitle" min-width="100" />
      <el-table-column :label="$t('备注')" align="center" prop="remark" min-width="150">
        <template slot-scope="scope">
          <span class="ellipsis">{{ scope.row.remark }}</span>
        </template>
      </el-table-column> -->

    </xd-table>
  </div>
</template>

<script>
import { queryListByBillCode } from "@/api/emis/emisWaybillProblemInfo";

export default {
  name: "TraceInfoView",
   props:{
    billCode:{
      type: String,
    }
  },
  dicts: ['emis_scan_type'],
  data() {
    return {
      reverse: false,
      loading: true,
      dataList: [],
      total:0,
      queryParams:{

      }
    };
  },
  created() {
    this.getList();
  },
  watch: {
      "billCode": {
      handler (newValue, oldValue) {
        this.getList();
      },
      deep: true
    }
  },
  methods: {
    getList() {
         this.loading = true;
         this.queryParams={
            pageNum:1,
            pageSize:1000,
            billCode:this.billCode
         }
         queryListByBillCode(this.queryParams).then(response => {
          this.dataList = response.rows;
          this.total=response.total;
          this.loading = false;
        });

    },

    getIndex($index) {
          return (this.queryParams.pageNum - 1) * this.queryParams.pageSize + $index + 1
    },

  }
};
</script>


<style rel="stylesheet/scss" lang="scss">

.margin-top{
  margin-top: 20px;
}

.el-descriptions-item__label.is-bordered-label {
    min-width: 80px;
}

.printMeClass {
  font-family: SimHei;
  label {
    font-weight: normal;
  }
}

.siteOrManHighlight {
  color: #00BFFF;
  font-weight: bold;
}
</style>