客户服务单，销售机会字段调整

zuozhengqing

2024-01-08 554aef0a4395d72dc3e2d22990c129475b052b5f

 src/views/service/serviceFeeManage/index.vue

@@ -9,14 +9,15 @@
        :statistics="true"
        :operates-list="operatesList"
      />
      <PagerView class="page" />
      <PagerView class="page" :pager-options="pagerOptions" v-on="pagerEvents" />
    </div>
    <TableCommonView ref="tableListRef" :table-list="tableList">
    <TableCommonView ref="tableListRef" :table-list="tableList" @getSelectArray="getSelectArray">
      <template slot="tableButton">
        <el-table-column label="操作" width="100">
        <el-table-column label="操作" width="120">
          <template slot-scope="scope">
            <el-button @click="handleClick(scope.row)" type="text" size="small">编辑</el-button>
            <el-button type="text" size="small">跟进</el-button>
            <el-button @click="delClick(scope.row.id)" type="text" size="small">删除</el-button>
          </template>
        </el-table-column>
      </template>
@@ -28,11 +29,13 @@

<script>
import AddServiceFeeManageDialog from "@/views/service/serviceFeeManage/AddServiceFeeManageDialog"
import { getServiceFeeManageList } from "@/api/serviceManage/serviceFeeManage"
import { getServiceFeeManageList, getDelServiceFeeManage } from "@/api/serviceManage/serviceFeeManage"
import pageMixin from "@/components/makepager/pager/mixin/pageMixin"

export default {
  name: "ServiceFeeManage",
  props: {},
  mixins: [pageMixin],
  components: {
    AddServiceFeeManageDialog
  },
@@ -80,17 +83,17 @@
      this.tableList = {
        tableInfomation: [],
        tableColumn: [
          { label: "客户名称", prop: "customName", min: 120 }, // 客户名称
          { label: "客户类型", prop: "customType", min: 90, status: true }, // 客户类型
          { label: "销售负责人", prop: "salesHead" }, // 销售负责人
          { label: "修改时间", prop: "modifyTime", min: 100 }, // 修改时间
          { label: "客户规模", prop: "customerSize" }, // 客户规模
          { label: "重要级别", prop: "importantLevel" }, // 重要级别
          { label: "客户编号", prop: "customNumber" }, // 客户编号
          { label: "客户状态", prop: "customStatus" }, // 客户状态
          { label: "客户名称", prop: "client_name", min: 120 }, // 客户名称
          { label: "客户类型", prop: "client_type", min: 90 }, // 客户类型
          { label: "销售负责人", prop: "member_id" }, // 销售负责人
          // { label: "修改时间", prop: "modifyTime", min: 100 }, // 修改时间
          { label: "客户规模", prop: "enterprise_scale_id" }, // 客户规模
          { label: "重要级别", prop: "client_level_id" }, // 重要级别
          { label: "客户编号", prop: "client_id" }, // 客户编号
          { label: "客户状态", prop: "client_status_id" }, // 客户状态
          { label: "产品名称", prop: "productName" }, // 产品名称
          { label: "服务开始日期", prop: "startDate" }, // 服务开始日期
          { label: "服务到期日", prop: "endDate" } // 服务到期日
          // { label: "服务开始日期", prop: "startDate", width: 150 }, // 服务开始日期
          { label: "服务到期日", prop: "latest_date", width: 160 } // 服务到期日
        ]
      }
      this.searchOptions = []
@@ -102,17 +105,27 @@
    // 请求数据
    async getData() {
      this.loading = true
      await getServiceFeeManageList()
      await getServiceFeeManageList({
        keyword: "",
        page: this.pagerOptions.currPage,
        pageSize: this.pagerOptions.pageSize
      })
        .then((res) => {
          console.log(res)
          if (res.code === 200) {
            if (res.data.list && res.data.list.length > 0) {
              const list = res.data.list.map((item) => {
                return {
                  ...item
                  ...item,
                  client_name: item.client ? item.client.name : item.client_id,
                  client_type: item.client ? item.client.client_type_id : "", // item.client.client_type.name : item.client_type_id
                  enterprise_scale_id: item.client ? item.client.enterprise_scale_id : "",
                  client_level_id: item.client ? item.client.client_level_id : "",
                  client_status_id: item.client ? item.client.client_status_id : ""
                }
              })
              this.tableList.tableInfomation = list || []
              this.pagerOptions.totalCount = res.data.count
            } else {
              this.tableList.tableInfomation = []
            }
@@ -131,68 +144,37 @@
    addBtnClick() {
      this.editConfig.visible = true
      this.editConfig.title = "新建"
      this.editConfig.infomation = {
        customName: "",
        serviceCharger: "",
        customNumber: "",
        customerSize: "",
        customStatus: "",
        importantLevel: "",
        customType: "",
        customSource: "",
        serviceAgent: "",
        latestServiceDate: "",
        contactName: "",
        duties: "",
        phoneNumber: "",
        contactsEmail: "",
        operateRange: "",
        position: "",
        map: "",
        country: "1",
        province: "1",
        city: "1",
        region: "1",
        address: "",
        industry: "",
        companyNature: "",
        companyWeb: "",
        notes: ""
      }
      this.editConfig.infomation = {}
    },
    // 编辑
    handleClick(row) {
      console.log(row)
      this.editConfig.visible = true
      this.editConfig.title = "编辑"
      this.editConfig.infomation = {
        customName: "",
        serviceCharger: "",
        customNumber: "",
        customerSize: "",
        customStatus: "",
        importantLevel: "",
        customType: "",
        customSource: "",
        serviceAgent: "",
        latestServiceDate: "",
        contactName: "",
        duties: "",
        phoneNumber: "",
        contactsEmail: "",
        operateRange: "",
        position: "",
        map: "",
        country: "1",
        province: "1",
        city: "1",
        region: "1",
        address: "",
        industry: "",
        companyNature: "",
        companyWeb: "",
        notes: ""
      }
      this.editConfig.infomation = { ...row }
    },
    // 删除
    delClick(id) {
      this.$confirm("是否确认删除?", "警告", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning"
      })
        .then(function () {
          return getDelServiceFeeManage({ id: id })
        })
        .then((response) => {
          if (response.code === 200) {
            this.$message.success("删除成功")
            this.getData()
          } else {
            this.$message.warning("删除失败")
          }
        })
        .catch(function () {})
    },
    getSelectArray(val) {
      console.log(val)
    }
  }
}