yos_web/src/HManagement/ecycle/agentManage/index.vue

<template>
  <div>
    <basicLayout
        ref="basicLayout"
        tableName="agentTable"
        idName="sa_agentsid"
        :apiId="{query:20221011144903,del:''}"
        :autoQuery="false"
        @checkboxCallBack="checkboxCallBack"
    >
      <template #titleLight>
        <batchDeletion v-if="tool.checkAuth($route.name,'batchDeletion')" ref="batchDeletion" :ownerids="selectData" :sys_object="application" @delSuccess="queryData"></batchDeletion>
        <batchRecovery v-if="tool.checkAuth($route.name,'batchRecovery')" ref="batchRecovery" :ownerids="selectData" :sys_object="application" @recoverySuccess="queryData"></batchRecovery>
      </template>
      <template #custom>
        <div class="mt-10">
          <p class="search__label">{{ $t('应用') }}:</p>
          <el-select
              class="inline-24"
              size="small"
              v-model="application"
              :placeholder="$t('请选择范围')"
              @change="applicationChange"
          >
            <el-option
                v-for="item in applicationList"
                :key="item.index"
                :label="$t(item.label)"
                :value="item.value"
            ></el-option>
          </el-select>
        </div>
        <div class="mt-10">
          <p class="search__label">{{ $t('合作伙伴类型') }}:</p>
          <el-select
              class="inline-16"
              ref="sle"
              v-model="selectParam.type"
              :placeholder="$t(`请选择合作伙伴类型`)"
              size="small"
              @change="selectChange"
              clearable
          >
            <el-option
                v-for="item in agent_type"
                :key="item.value"
                :label="$t(item.value)"
                :value="item.value"
            >
              <span style="float: left">{{ $t(item.value) }}</span>
             <span style="float: right; color: #8492a6; font-size: 12px">{{ item.helptips?$t(item.helptips):$t('暂无描述') }}</span>
            </el-option>
          </el-select>
        </div>
        <div class="mt-10">
          <p class="search__label">{{ $t('合作状态') }}:</p>
          <el-select
              class="inline-16"
              ref="sle"
              v-model="selectParam.cooperationstatus"
              :placeholder="$t(`合作状态`)"
              size="small"
              @change="selectChange"
              clearable
          >
            <el-option
                v-for="item in cooperationstatus"
                :key="item.label"
                :label="$t(item.label)"
                :value="item.label"
            >
            </el-option>
          </el-select>
        </div>
      </template>
      <template v-slot:tbList="scope">
        <div>
          <p v-if="scope.data.column.columnname === 'province'">
            {{`${scope.data.column.data.province}-${scope.data.column.data.city}-${scope.data.column.data.county}`}}
          </p>
          <p v-else-if="scope.data.column.columnname === 'type'">
              <span v-if="scope.data.column.data.type">
               <span v-for="(item,index) in scope.data.column.data.type" :key="index">
                  <span v-if="scope.data.column.data.type.length - 1 === index">
                    {{$t(item)}}
                  </span>
                  <span v-else>
                    {{$t(item) + ','}}
                  </span>
                </span>
             </span>
            <span v-else>
               --
             </span>
          </p>
          <p v-else-if="scope.data.column.columnname === 'cooperationstatus'">
            <span :style="tool.getStatusColor(scope.data.column.data[[scope.data.column.columnname]])">{{$t(scope.data.column.data[[scope.data.column.columnname]])}}</span>
          </p>
          <p v-else-if="scope.data.column.columnname === 'status'">
            <span :style="tool.getStatusColor(scope.data.column.data[[scope.data.column.columnname]])">{{$t(scope.data.column.data[[scope.data.column.columnname]])}}</span>
          </p>
          <p v-else-if="scope.data.column.columnname === 'isservice'">
            {{scope.data.column.data.isservice ? $t('是') : $t('否')}}
          </p>
          <p v-else>{{scope.data.column.data[[scope.data.column.columnname]]?$t(scope.data.column.data[[scope.data.column.columnname]]):'--'}}</p>
        </div>
      </template>
      <template v-slot:tbOpreation="scope">
        <delData class="inline-16" :ownerid="scope.data.data.sa_agentsid" :sys_object="application" @delSuccess="queryData"></delData>
        <recovery type="合作伙伴" class="inline-16" :ownerid="scope.data.data.sa_agentsid" :sys_object="application" @recoverySuccess="queryData"></recovery>
      </template>
    </basicLayout>
  </div>
</template>

<script>
import recovery from "@/HManagement/ecycle/modules/recovery";
import delData from "@/HManagement/ecycle/modules/delData";
import batchDeletion from "@/HManagement/ecycle/modules/batchDeletion";
import batchRecovery from "@/HManagement/ecycle/modules/batchRecovery";

export default {
  name: "index",
  data () {
    return {
      application:'6',
      applicationList:[
        {
          label: '销售线索',
          value: "1",
        },
        {
          label: '客户',
          value: "2",
        },
        {
          label: '合同',
          value: "3",
        },
        {
          label: '项目商机',
          value: "4",
        },
        {
          label: '报价单',
          value: "5",
        },
        {
          label: '合作伙伴',
          value: "6",
        },
        {
          label: '公海线索',
          value: "7",
        }
      ],
      dateSelect:'',
      typeList:[],
      area:'1',
      tabIndex:"1",
      condition:'',
      selectParam: {
        status: "",
        type: "",
        cooperationstatus:"",
      },
      selectData:[],
      statusList:[],
      agent_type:[],
      cooperationstatus:[
        {
          label:'正式'
        },
        {
          label:'意向'
        },
      ],
    }
  },
  components:{recovery,delData,batchDeletion,batchRecovery},
  methods:{
    queryData(){
      this.$refs.basicLayout.param.content.isAll = 1
      this.$refs.basicLayout.param.content.type = 0
      this.$refs.basicLayout.param.content.isdeleted = 1
      this.$refs.basicLayout.param.content.containssub = 1
      this.$refs.basicLayout.param.content.sa_saleareaids = []
      this.$refs.basicLayout.param.content.sort = [{reversed:0,sorted:1,sortid:187,sortname:'作废时间倒序'}]
      this.$refs.basicLayout.listData()
    },
    applicationChange(val){
      this.$emit("changeApplication",val)
    },
    async userstatus() {
      let param = {
        classname: "sysmanage.develop.optiontype.optiontype",
        method: "optiontypeselect",
        content: {
          pageNumber: 1,
          pageSize: 20,
          typename: "userstatus",
          parameter: {},
        },
      };
      const res = await this.$api.requested(param);
      this.statusList = res.data;
    },
    async bindImportOrder (id) {
      const res = await this.$api.requested({
        "id": 20230311163004,
        "content": {
          "attachmentid":id
        }
      })
      if (res.data !== '成功') {
        this.errorUrl = res.data
      }
      this.tool.showMessage(res,() => {
        this.$refs.basicLayout.listData()
      })
    },
    /*合作伙伴类型*/
    async queryType(){
      const res = await this.$store.dispatch('optiontypeselect','agenttypemx')
      this.agent_type = res.data
    },
    selectChange () {
      this.$refs.basicLayout.param.content.where = this.selectParam
      this.$refs.basicLayout.listData()
    },
    checkboxCallBack(val){
      this.selectData = []
      val.forEach((item,index) => {
        this.selectData[index] = item.sa_agentsid
      })
      this.$refs.batchDeletion.length = this.selectData.length
      this.$refs.batchRecovery.length = this.selectData.length
    }
  },
  mounted() {
    this.queryData()
    this.userstatus()
    this.queryType()
  },
  created () {
    // this.getAgentList()
  },
}
</script>

<style scoped>

</style>