<!--
 * @Author: zhp
 * @Date: 2023-02-14 15:02:26
 * @LastEditTime: 2023-06-26 15:01:44
 * @LastEditors: zhp
 * @Description: 
-->
<template>
  <el-transfer v-model="chooseData" :titles="['用户列表', '团队成员']" :data="notChooseData"></el-transfer>
</template>

<script>
import debounce from "lodash/debounce";
import basicAdd from "@/mixins/basic-add";
export default {
  mixins: [basicAdd],
  data() {
    // const generateData = _ => {
    //   const data = [];
    //   const cities = ['上海', '北京', '广州', '深圳', '南京', '西安', '成都'];
    //   const pinyin = ['shanghai', 'beijing', 'guangzhou', 'shenzhen', 'nanjing', 'xian', 'chengdu'];
    //   cities.forEach((city, index) => {
    //     data.push({
    //       label: city,
    //       key: index,
    //       pinyin: pinyin[index]
    //     });
    //   });
    //   return data;
    // }
    return {
      notChooseData:[],
      chooseData: [],
      urlOptions: {
        submitURL: "/basic/qmsCustomer",
        getCustomerPageListURL: "/basic/qmsCustomerType/page",
        infoURL: "/basic/qmsCustomer/{id}",
        getCodeURL: '/basic/qmsCustomer/getCode',
        getTeamMemberURL: '/basic/qmsTeamMember/page',
        getUserListURL: '/sys/user/page',
        editTeamMemberListURL: '/basic/qmsTeamMember'
      },
      options: [{
        value: 0,
        label: '不可用'
      },
      {
        value: 1,
        label: '可用'
        }],
      listQuery: {
        limit: 999,
        page:1
      },
      visible: false,
      customerTypeList: {},
      teamId: null,
    };
  },
  computed: {
    dataRule() {
      return {
        // dictLabel: [
        //   {
        //     required: true,
        //     message: this.$t("validate.required"),
        //     trigger: "blur",
        //   },
        // ],
        // dictValue: [
        //   {
        //     required: true,
        //     message: this.$t("validate.required"),
        //     trigger: "blur",
        //   },
        // ],
        // sort: [
        //   {
        //     required: true,
        //     message: this.$t("validate.required"),
        //     trigger: "blur",
        //   },
        // ],
      };
    },
  },
  methods: {
    init(id,) {
      this.teamId = id || ""
      // this.dataForm.dictTypeId = dictTypeId || "";
      this.$http
        .get(this.urlOptions.getTeamMemberURL, {
          params: {
            limit: 999,
            page: 1,
            teamId: id
          }
        })
        .then(({ data: res }) => {
          // this.dataListLoading = false;
          if (res.code === 0) {
            if (res.data.list.length > 0) {
              var data = res.data.list
              for (let i = 0; i < data.length; i++) {
                this.chooseData.push(data[i].userId)
              }
            }
          }
        })
      this.$http
        .get(this.urlOptions.getUserListURL, {
          params: {
            limit: 999,
            page: 1,
          }
        })
        .then(({ data: res }) => {
          // this.dataListLoading = false;
          if (res.code === 0) {
            this.notChooseData = res.data.list.map((item) => {
              return {
                key: item.id,
                label: item.username
              }
            })
          }
        })
      this.visible = true;
      // this.$nextTick(() => {
      //   // this.$refs["dataForm"].resetFields();
      //   if (this.dataForm.id) {
      //     // console.log(1111);
      //     this.getInfo();
      //   } else {
      //     this.getCode()
      //   }
      // });
    },
    // getCode() {
    //   // console.log(111111);
    //   this.$http
    //     .post(this.urlOptions.getCodeURL)
    //     .then(({ data: res }) => {
    //       if (res.code === 0) {
    //         console.log(res);
    //         this.dataForm.customerCode = res.data
    //       }
    //     })
    //     .catch(() => {
    //     });
    // },
    // 获取信息
    // getInfo() {
    //   this.$http
    //     .get(`/basic/qmsCustomer/${this.dataForm.id}`)
    //     .then(({ data: res }) => {
    //       if (res.code !== 0) {
    //         return this.$message.error(res.msg);
    //       }
    //       this.dataForm = {
    //         ...this.dataForm,
    //         ...res.data,
    //       };
    //     })
    //     .catch(() => { });
    // },
    // 表单提交
    dataFormSubmit() {
        let ids = this.chooseData
        ids.unshift(this.teamId)
        this.$http.put(this.urlOptions.editTeamMemberListURL,ids)
          .then(({ data: res }) => {
            if (res.code !== 0) {
              return this.$message.error(res.msg);
            }
            this.$message({
              message: this.$t("prompt.success"),
              type: "success",
              duration: 500,
              onClose: () => {
                this.visible = false
                this.$emit("refreshDataList")
              },
            });
          })
          .catch(() => { })
    },
    // dataFormSubmitHandle: debounce(
    //   function () {
    //     this.$refs["dataForm"].validate((valid) => {
    //       if (!valid) {
    //         return false;
    //       }
    //       this.$http[!this.dataForm.id ? "post" : "put"](this.urlOptions.submitURL, this.dataForm)
    //         .then(({ data: res }) => {
    //           if (res.code !== 0) {
    //             return this.$message.error(res.msg);
    //           }
    //           this.$message({
    //             message: this.$t("prompt.success"),
    //             type: "success",
    //             duration: 500,
    //             onClose: () => {
    //               this.visible = false;
    //               console.log(1111);
    //               this.$emit("successSubmit");
    //             },
    //           });
    //         })
    //         .catch(() => { });
    //     });
    //   },
    //   1000,
    //   { leading: true, trailing: false }
    // ),
  },
};
</script>
