jjx-web-sign-only/pages/enquiry/my.vue

<template>
  <view>
    <top-bar></top-bar>
    <common-header></common-header>
    <category-bar></category-bar>

    <!-- <view class="page-nav">
        <el-breadcrumb separator="/">
            <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
            <el-breadcrumb-item><navigator url="/pages/spot/goods/goods">现货市场</navigator></el-breadcrumb-item>
        </el-breadcrumb>
    </view> -->

    <view class="carousel">
      <!--            <el-carousel height="170px">-->
      <!--                <el-carousel-item v-for="item in 4" :key="item">-->
      <!--                    <image class="carousel-img"-->
      <!--                           src="/static/images/600fc93e6b85324b3ea1373ee264290d.jpg"-->
      <!--                           mode="aspectFill"></image>-->
      <!--                </el-carousel-item>-->
      <!--            </el-carousel>-->
      <common-swiper page="enquiry-mine" :height="200"/>
      <view class="goods-options">
        <el-row class="">
          <el-button @click="toRelease" type="primary" round>发布询价单</el-button>
          <!-- <el-button type="primary" round plain>我发布的询价单</el-button> -->
        </el-row>
      </view>
    </view>

    <!-- 商品列表 -->
    <view class="sheet-list">
      <vk-data-table ref="table1" :action="table1.action" :columns="table1.columns"
                     :customRightBtns="table1.customRightBtns"
                     :pagination="true" :query-form-param="queryForm1"></vk-data-table>
    </view>


    <common-footer></common-footer>
  </view>
</template>

<script>
import provinces from "@/uni_modules/vk-uview-ui/libs/address/provinces.json";
import citys from "@/uni_modules/vk-uview-ui/libs/address/citys.json";
import areas from "@/uni_modules/vk-uview-ui/libs/address/areas.json";

export default {
  data() {
    return {
      provinceData: provinces,
      cityData: citys,
      areaData: areas,
      keyword: '',
      // 表格相关开始 -----------------------------------------------------------
      queryForm1: {
        formData: {
          userId: vk.getVuex('$user.userInfo._id')
        },
        columns: [
          {key: "userId", title: "发布人ID", type: "text", width: 160, mode: "="},
        ]
      },
      table1: {
        // 表格数据请求地址
        action: "client/enquiry/sheet/kh/getList",
        customRightBtns: [
          {
            title: '详情',
            icon: 'el-icon-search',
            type: 'primary',
            onClick: (item) => {
              vk.navigateTo('/pages/enquiry/detail?id=' + item._id);
            }
          },
          {
            title: '删除',
            icon: 'el-icon-delete',
            type: 'primary',
            onClick: (item) => {
              this.$confirm('如果你要删除此条信息，之前其他客户填写的留言将无法查看', '提示', {
                confirmButtonText: '确定',
                cancelButtonText: '取消',
                type: 'warning'
              }).then(() => {
                vk.callFunction({
                  url: 'client/enquiry/sheet/kh/delete',
                  title: '请求中...',
                  data: {
                    _id: item._id
                  },
                }).then(res => {
                  this.$refs.table1.refresh()
                })
              })
            }
          },
        ],
        // 表格字段显示规则
        columns: [
          {
            key: "enquiryNo",
            title: "单号",
            type: "text",
          },
          {
            key: "title",
            title: "品名/材质",
            type: "text"
          },
          {
            key: "productList",
            title: "采购量",
            type: "text",
            formatter: (val, row, column, index) => {
              if (row.fillType === 0) return val.map(item => (item.procureNumber ? item.procureNumber : '') + (item.procureUnit ? item.procureUnit : '')).join("/")
              else return row.procureUnit ? `${row.procureNumber}${row.procureUnit}` : ''
            }
          },
          {
            key: "addressRegion",
            title: "收货地",
            type: "text",
            formatter: (val, row, column, index) => {
              let fullAddress = (val && val.province) ? `${val.province.name}${val.city.name}${val.area.name}` : ''
              if (row.addressDetail) fullAddress += ` ${row.addressDetail}`
              return fullAddress
            }
          },
          {
            key: "user",
            title: "采购单位",
            type: "text",
            formatter: (val, row, column, index) => {
              if (!val) return ''
              if (val.accountType == 1) {
                return val.person.personName
              } else {
                return val.company.companyName
              }
            }
          },
          {
            key: "quoteNum",
            title: "报价数",
            type: "text",
            formatter: (val, row, column, index) => {
              return `${val}家已报价`
            }
          },
          {
            key: "_add_time_str",
            title: "发布时间",
            type: "time",
            width: 160
          },
        ],
        // 多选框选中的值
        multipleSelection: [],
        // 当前高亮的记录
        selectItem: "",

      },
      // 表格相关结束 -----------------------------------------------------------
    };
  },
  onLoad() {

  },
  methods: {
    toRelease() {

      if (!vk.getVuex('$user.userInfo.fadadaConfirm')) {
        this.$confirm('您尚未认证, 是否前往个人中心认证?', '提示', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning'
        }).then(() => {
          vk.navigateTo({url: '/pages/user/user?menu=fadada'});
        })
      } else if (vk.pubfn.isNull(vk.getVuex('$user.userInfo.businessCard'))) {
        this.$confirm('您尚未认证和完善名片，是否前往个人中心？', '提示', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning'
        }).then(() => {
          vk.navigateTo('/pages/user/user?menu=fadada');
        })
      } else {
        uni.navigateTo({
          url: '/pages/enquiry/release'
        })
      }


    },
  },
  computed: {
    checkCategoryArr() {
      let arr = []
      this.checkCategoryList.forEach(item => {
        arr.push(...item)
      })

      this.checkProvinceList.forEach(item => {
        arr.push({
          ...item
        })
      })
      return arr
    }

  }
}
</script>

<style lang="scss" scoped>
.carousel {
  width: 1200px;
  margin: 20px auto;
}

.carousel-img {
  width: 100%;
  height: 100%;
}

.goods-options {
  background-color: #FFFFFF;
  padding: 20px;
}

.filter-outer {
  width: 1200px;
  margin: 20px auto;
  background-color: #FFFFFF;
  padding: 20px;
}

.tags {
  display: flex;

  .el-tag {
    margin-right: 10px;
  }
}


.sheet-list {
  width: 1200px;
  margin: 20px auto;
  // display: flex;

}


.paginatio {
  float: none;
  width: 1200px;
  margin: 20px auto;
  display: flex;
  justify-content: center;
}
</style>