售后列表

CallCenterWeb.UI/src/views/afterSaleManagement/afterSaleList/components/addOrEdit.vue

@@ -0,0 +1,705 @@
+<template>
+  <div v-loading="loading">
+    <el-form ref="ruleForm" :model="ruleForm" :rules="rules" label-width="150px" class="order_form">
+      <!-- <el-form-item label="会员卡编号" prop="vipcode">
+        <el-input v-model="ruleForm.F_VIPCode" placeholder="请输入会员卡编号"></el-input>
+      </el-form-item> -->
+      <el-form-item label="客户姓名" prop="F_Name">
+        <el-input v-model="ruleForm.F_Name" placeholder="请输入客户姓名"/>
+      </el-form-item>
+      <el-form-item label="客户性别" prop="F_Sex">
+        <el-radio v-model="ruleForm.F_Sex" label="男">男</el-radio>
+        <el-radio v-model="ruleForm.F_Sex" label="女">女</el-radio>
+      </el-form-item>
+      <el-form-item label="客户年龄" prop="F_Age">
+        <el-input v-model="ruleForm.F_Age" placeholder="请输入客户年龄" onkeyup="value=value.replace(/[^\d.]/g,'')"/>
+      </el-form-item>
+      <el-form-item label="主号码" prop="F_Phone">
+        <el-input v-model="ruleForm.F_Phone" placeholder="请输入主号码"/>
+      </el-form-item>
+      <el-row>
+        <el-col :span="16">
+          <el-form-item label="备用号码" prop="backupMobile">
+            <el-input v-model="ruleForm.backupMobile" placeholder="请输入手机号码"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="">
+            <el-button type="primary" @click="addMobile">添加号码</el-button>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="24">
+          <el-form-item label="备用号码">
+            <el-table :data="mobileTableData" stripe style="width: 100%">
+              <el-table-column label="备用号码" align="center" >
+                <template slot-scope="scope">
+                  {{ scope.row.mobileNumber | phoneFilter }}
+                </template>
+              </el-table-column>
+              <el-table-column label="操作" align="center">
+                <template slot-scope="scope">
+                  <el-button type="text" @click="btn_deleteMobile(scope.row.mobileNumber)">删除</el-button>
+                </template>
+              </el-table-column>
+            </el-table>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row/>
+      <el-form-item label="会员标签" prop="F_Type">
+        <el-select v-model="ruleForm.F_Type" clearable placeholder="请选择会员标签" class="form_select">
+          <el-option
+            v-for="item in memberType"
+            :key="item.F_ID"
+            :label="item.F_Name"
+            :value="item.F_Name"/>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="默认地区" prop="provinceCity">
+        <el-cascader
+          ref="myCascader"
+          v-model="provinceCity"
+          :options="provinceCityDatas"
+          :props="props"
+          :placeholder="placeholderArea"
+          :class="{'placeholderAreaClass':isPlaceholderAreaClass} "
+          class="form_select"
+          clearable
+          change-on-select
+          @change="handleItemChange"/>
+      </el-form-item>
+      <el-form-item label="默认地址" prop="F_Address">
+        <el-input v-model="ruleForm.F_Address" placeholder="请输入详细地址"/>
+      </el-form-item>
+      <el-form-item label="备用地区1" prop="provinceCity1">
+        <el-cascader
+          ref="myCascader1"
+          v-model="provinceCity1"
+          :options="provinceCityDatas1"
+          :props="props"
+          :placeholder="placeholderArea1"
+          :class="{'placeholderAreaClass': isPlaceholderAreaClass} "
+          class="form_select"
+          clearable
+          change-on-select
+          @change="handleItemChange1"/>
+      </el-form-item>
+      <el-form-item label="备用地址1" prop="F_Address1">
+        <el-input v-model="ruleForm.F_Address1" placeholder="请输入备用地址"/>
+      </el-form-item>
+      <el-form-item label="备用地区2" prop="provinceCity2">
+        <el-cascader
+          ref="myCascader2"
+          v-model="provinceCity2"
+          :options="provinceCityDatas2"
+          :props="props"
+          :placeholder="placeholderArea2"
+          :class="{'placeholderAreaClass':isPlaceholderAreaClass} "
+          class="form_select"
+          clearable
+          change-on-select
+          @change="handleItemChange2"/>
+      </el-form-item>
+      <el-form-item label="备用地址2" prop="F_Address2">
+        <el-input v-model="ruleForm.F_Address2" placeholder="请输入备用地址"/>
+      </el-form-item>
+      <el-form-item label="邮编" prop="F_Postcode">
+        <el-input v-model="ruleForm.F_Postcode" placeholder="请输入邮编"/>
+      </el-form-item>
+      <el-form-item label="鞋码" prop="F_ShoeSize">
+        <el-input v-model="ruleForm.F_ShoeSize" placeholder="请输入鞋码" onkeyup="value=value.replace(/[^\d.]/g,'')"/>
+      </el-form-item>
+      <el-form-item label="会员生日" prop="F_Birthday">
+        <el-date-picker
+          v-model="ruleForm.F_Birthday"
+          value-format="yyyy-MM-dd"
+          type="date"
+          placeholder="请选择会员生日"
+          class="form_date"
+        />
+      </el-form-item>
+      <el-form-item label="会员积分" prop="F_Score">
+        <el-input v-model="ruleForm.F_Score" placeholder="请输入会员积分" onkeyup="value=value.replace(/[^\d.]/g,'')"/>
+      </el-form-item>
+      <el-form-item label="推荐人" prop="F_RecommendName" >
+        <el-select v-model="ruleForm.F_RecommendName" :placeholder="recommendNameRemind" :remote-method="remoteMethodRecommend" :loading="loading" class="form_select" filterable remote reserve-keyword value-key="F_ID" @change="recommendChangeSelect">
+          <el-option v-for="item in recommendListOptions" :key="item.F_ID" :label="item.F_Name" :value="item"/>
+        </el-select>
+      </el-form-item>
+      <!-- <el-form-item label="推荐人" prop="F_Recommender">
+        <el-input v-model="ruleForm.F_Recommender" placeholder="请输入推荐人"></el-input>
+      </el-form-item>
+      <el-form-item label="推荐人手机号码" prop="F_RecommenderTel">
+        <el-input v-model="ruleForm.F_RecommenderTel" placeholder="请输入推荐人手机号码"></el-input>
+      </el-form-item> -->
+      <el-form-item label="累计消费金额" prop="F_Money">
+        <el-input v-model="ruleForm.F_Money" placeholder="请输入累计消费金额" onkeyup="value=value.replace(/[^\d.]/g,'')"/>
+      </el-form-item>
+      <el-form-item label="累计积分" prop="F_TotalScore">
+        <el-input v-model="ruleForm.F_TotalScore" placeholder="请输入累计积分" onkeyup="value=value.replace(/[^\d.]/g,'')"/>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" @click="submitForm">保存</el-button>
+        <el-button @click="resetForm">重置</el-button>
+      </el-form-item>
+    </el-form>
+  </div>
+</template>
+
+<script>
+import { getProviceCityById } from '@/api/commonAPI'
+import { getMemberInfo, addOrder, editOrder, getLabelLists } from '@/api/memberManagement/memberList'
+import { validateTel } from '@/utils/validate'
+import { filterContent, pickerOptions } from '@/utils'
+import { getOrderLists } from '@/api/memberManagement/memberList'
+
+export default {
+  name: 'AddOrEdit',
+  filters: {
+    phoneFilter(status) {
+      const mtel = status.substr(0, 3) + '****' + status.substr(7)
+      return mtel
+    }
+  },
+  props: {
+    rowid: {
+      type: String,
+      default: ''
+    },
+    callid: {
+      type: Number,
+      default: 0
+    },
+    layerid: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    return {
+      aa: '',
+      sourceOptions: [], // 工单来源下拉数据
+      memberType: [], // 会员类型下拉数据
+      recommendList: [], // 会员列表数据
+      recommendListOptions: [], // 会员列表数据
+      provinceCityDatas: [], // 省市下拉数据
+      provinceCityDatas1: [], // 省市下拉数据
+      provinceCityDatas2: [], // 省市下拉数据
+      provinceCity: [], // 省市下拉绑定的值
+      provinceCity1: [], // 省市下拉绑定的值
+      provinceCity2: [], // 省市下拉绑定的值
+      provinceCityText: [], // 省市下拉绑定的文本值
+      provinceCityText1: [], // 省市下拉绑定的文本值
+      provinceCityText2: [], // 省市下拉绑定的文本值
+      mobileTableData: [], // 备用号码列表
+      mobileData: '', // 备用号码数据
+      props: {
+        // 自定义省市下拉数据的key值
+        value: 'id',
+        label: 'text',
+        children: 'children'
+      },
+      addressParams: {
+        pid: 1
+      },
+      isPlaceholderAreaClass: true,
+      placeholderArea: '', // 地区默认值
+      placeholderArea1: '', // 备选地区1默认值
+      placeholderArea2: '', // 备选地区2默认值
+      level: 0, // 城市等级
+      pickerOptions, // 日期数据
+      recommendNameRemind: '请输入手机号码',
+      ruleForm: {
+        unique_id: '', //		否	string	callid
+        id: '', // 编辑会员信息id
+        // F_VIPCode: "", //会员卡编号
+        F_Name: '', // 客户姓名
+        F_Sex: '男', // 客户性别
+        F_Age: '', // 客户年龄
+        // F_Mobile: "", //备用号码
+        backupMobile: '', // 备用号码
+        F_Phone: '', // 主号码
+        F_Type: '', // 会员类型
+        // province: "", //省
+        // city: "", //市
+        // county: "", //县/区
+        // township: "", //乡镇
+        F_Address: '', // 详细地址
+        F_Address1: '', // 备用地址1
+        F_Address2: '', // 备用地址2
+        F_Postcode: '', // 邮编
+        F_ShoeSize: '', // 鞋码
+        F_Birthday: '', // 会员生日
+        F_Score: '', // 会员积分
+        F_Recommender: '', // 推荐人
+        F_RecommenderTel: '', // 推荐人手机号码
+        F_RecommenderID: '', // 推荐人id
+        F_RecommendName: '', // 推荐人名称
+        F_Money: '', // 累计消费金额
+        F_TotalScore: '' // 累计积分
+      },
+      rules: {
+        F_Name: [
+          {
+            required: true,
+            trigger: 'blur',
+            message: '请输入客户姓名'
+          }
+        ],
+        F_Phone: [
+          {
+            required: true,
+            trigger: 'blur',
+            message: '请输入主号码'
+          }
+        ]
+      },
+      loading: false
+    }
+  },
+  computed: {
+    F_Phone: {
+      get: function() {
+        return this.ruleForm.F_Phone // 获取的时候直接获取值
+      },
+      set: function(value) {
+        this.ruleForm.F_Phone = value.substr(0, 3) + '****' + value.substr(7) //
+      }
+    }
+  },
+  created() {
+    this.getProCity()
+    this.getRecommendList()
+    if (this.callid) {
+      this.ruleForm.unique_id = this.callid
+    }
+    Promise.all([]).then(() => {
+      this.getType()
+      if (this.rowid) {
+        this.ruleForm.id = this.rowid
+        this.getDetail(this.rowid)
+      } else {
+        this.placeholderArea = '请选择地区'
+        this.placeholderArea1 = '请选择备用地区1'
+        this.placeholderArea2 = '请选备用择地区2'
+        this.isPlaceholderAreaClass = false
+      }
+    })
+  },
+  methods: {
+    submitForm() {
+      this.$refs.ruleForm.validate(valid => {
+        if (valid) {
+          this.ruleForm.content = filterContent.delHtmlTag(
+            this.ruleForm.content
+          ) // 保存内容时去掉 html 标签
+          this.loading = true
+          return new Promise(resolve => {
+            this.mobileData = ''
+            for (let i = 0; i < this.mobileTableData.length; i++) {
+              this.mobileData += this.mobileTableData[i].mobileNumber + ','
+            }
+            const params = {
+              id: this.rowid ? this.rowid : '',
+              state: '1',
+              name: this.ruleForm.F_Name, // 客户姓名
+              phone: this.ruleForm.F_Phone, // 主号码
+              mobile: this.mobileData, // 手机号码
+              F_RecommenderID: this.ruleForm.F_RecommenderID, // 推荐人
+              recommender: this.ruleForm.F_Recommender, // 推荐人
+              recommendertel: this.ruleForm.F_RecommenderTel, // 推荐人手机号码
+              sex: this.ruleForm.F_Sex, // 性别
+              age: this.ruleForm.F_Age, // 年龄
+              label: this.ruleForm.F_Type, // 会员类型
+              address: this.ruleForm.F_Address, // 详细地址
+              address1: this.ruleForm.F_Address1, // 备用地址1
+              address2: this.ruleForm.F_Address2, // 备用地址2
+              postcode: this.ruleForm.F_Postcode, // 邮编
+              province: this.provinceCityText && this.provinceCityText[0], // 省份
+              city: this.provinceCityText && this.provinceCityText[1], // 市
+              area: this.provinceCityText && this.provinceCityText[2], // 县
+              town: this.provinceCityText && this.provinceCityText[3], // 乡
+              province1: this.provinceCityText1 && this.provinceCityText1[0], // 省份
+              city1: this.provinceCityText1 && this.provinceCityText1[1], // 市
+              area1: this.provinceCityText1 && this.provinceCityText1[2], // 县
+              town1: this.provinceCityText1 && this.provinceCityText1[3], // 乡
+              province2: this.provinceCityText2 && this.provinceCityText2[0], // 省份
+              city2: this.provinceCityText2 && this.provinceCityText2[1], // 市
+              area2: this.provinceCityText2 && this.provinceCityText2[2], // 县
+              town2: this.provinceCityText2 && this.provinceCityText2[3], // 乡
+              shoesize: this.ruleForm.F_ShoeSize, // 鞋码
+              birthday: this.ruleForm.F_Birthday, // 会员生日
+              score: this.ruleForm.F_Score, // 会员积分
+              money: this.ruleForm.F_Money, // 累计消费金额
+              totalscore: this.ruleForm.F_TotalScore // 累计积分
+            }
+            // 添加
+            if (!this.rowid) {
+              addOrder(params)
+                .then(response => {
+                  this.loading = false
+                  if (response.state.toLowerCase() === 'success') {
+                    this.$parent.$layer.close(this.layerid)
+                    this.$parent.btn_search() // 重新加载父级数据
+                    this.$message.success('恭喜你，添加成功!')
+                  }
+                })
+                .catch(() => {
+                  this.loading = false
+                })
+              return
+            }
+            // 编辑
+            editOrder(params)
+              .then(response => {
+                this.loading = false
+                if (response.state.toLowerCase() === 'success') {
+                  this.$parent.$layer.close(this.layerid)
+                  this.$parent.getList() // 重新加载父级数据
+                  this.$message.success('恭喜你，编辑成功!')
+                }
+              })
+              .catch(() => {
+                this.loading = false
+              })
+          })
+        } else {
+          this.$message.error('请输入有效的必填项信息!')
+          return false
+        }
+      })
+    },
+    resetForm() {
+      this.$refs.ruleForm.resetFields()
+      this.provinceCityText = []
+      this.provinceCity = []
+      this.provinceCityText1 = []
+      this.provinceCity1 = []
+      this.provinceCityText2 = []
+      this.provinceCity2 = []
+      this.placeholderArea = '请选择地区'
+      this.isPlaceholderAreaClass = false
+    },
+    // 详情
+    getDetail(rid) {
+      getMemberInfo(rid).then(response => {
+        const res = response.model
+        this.ruleForm = response.model
+        this.ruleForm.F_Type = res.F_Label
+        this.ruleForm.F_RecommenderID = res.F_RecommenderID + ''
+        this.recommendNameRemind = res.F_Recommender
+        this.ruleForm.F_Recommender = res.F_Recommender
+        this.ruleForm.F_RecommenderTel = res.F_RecommenderTel
+        for (let i = 0; i < res.F_Mobile.split(',').length; i++) {
+          const data = {
+            mobileNumber: res.F_Mobile.split(',')[i]
+          }
+          this.mobileTableData.push(data)
+        }
+        if (res.F_Province) {
+          if (res.F_City) {
+            this.placeholderArea = res.F_Province + '/'
+          } else {
+            this.placeholderArea = res.F_Province
+          }
+          if (res.F_City && res.F_Area) {
+            this.placeholderArea += res.F_City + '/'
+          } else {
+            this.placeholderArea += res.F_City
+          }
+          if (res.F_Area && res.F_Town) {
+            this.placeholderArea += res.F_Area + '/'
+          } else {
+            this.placeholderArea += res.F_Area
+          }
+          if (res.F_Town) {
+            this.placeholderArea += res.F_Town
+          }
+          this.provinceCityText = this.placeholderArea.split('/')
+        } else {
+          this.placeholderArea = '请选择地区'
+          this.isPlaceholderAreaClass = false
+        }
+        if (res.F_Province1) {
+          if (res.F_City1) {
+            this.placeholderArea1 = res.F_Province1 + '/'
+          } else {
+            this.placeholderArea1 = res.F_Province1
+          }
+          if (res.F_City1 && res.F_Area1) {
+            this.placeholderArea1 += res.F_City1 + '/'
+          } else {
+            this.placeholderArea1 += res.F_City1
+          }
+          if (res.F_Area1 && res.F_Town1) {
+            this.placeholderArea1 += res.F_Area1 + '/'
+          } else {
+            this.placeholderArea1 += res.F_Area1
+          }
+          if (res.F_Town1) {
+            this.placeholderArea1 += res.F_Town1
+          }
+          this.provinceCityText1 = this.placeholderArea1.split('/')
+        } else {
+          this.placeholderArea1 = '请选择备用地区1'
+          this.isPlaceholderAreaClass = false
+        }
+        if (res.F_Province2) {
+          if (res.F_City2) {
+            this.placeholderArea2 = res.F_Province2 + '/'
+          } else {
+            this.placeholderArea2 = res.F_Province2
+          }
+          if (res.F_City2 && res.F_Area2) {
+            this.placeholderArea2 += res.F_City2 + '/'
+          } else {
+            this.placeholderArea2 += res.F_City2
+          }
+          if (res.F_Area2 && res.F_Town2) {
+            this.placeholderArea2 += res.F_Area2 + '/'
+          } else {
+            this.placeholderArea2 += res.F_Area2
+          }
+          if (res.F_Town2) {
+            this.placeholderArea2 += res.F_Town2
+          }
+          this.provinceCityText2 = this.placeholderArea2.split('/')
+        } else {
+          this.placeholderArea2 = '请选择备用地区2'
+          this.isPlaceholderAreaClass = false
+        }
+      })
+    },
+    // 获取会员类型
+    getType() {
+      return new Promise(resolve => {
+        const params = {
+          pageindex: 1,
+          pagesize: 100
+        }
+        getLabelLists(params).then(response => {
+          if (response.state.toLowerCase() === 'success') {
+            this.memberType = response.rows.Rows
+          }
+        })
+      })
+    },
+    addMobile() {
+      if (this.ruleForm.backupMobile.length !== 11) {
+        this.$message({
+          message: '号码为11位！',
+          type: 'warning'
+        })
+        return
+      }
+      const data = {
+        mobileNumber: this.ruleForm.backupMobile
+      }
+      this.mobileTableData.push(data)
+    },
+    btn_deleteMobile(val) {
+      const index = this.mobileTableData.indexOf(val)
+      this.mobileTableData.splice(index, 1)
+    },
+    // 获取推荐人列表
+    getRecommendList() {
+      this.loading = true
+      return new Promise(resolve => {
+        const params = {
+          pageindex: '', // int 第几页
+          pagesize: '', // int 每页几条信息
+          name: '', // 客户姓名
+          phone: '', // 手机号码
+          type: '', // 会员类型
+          province: '', // 省份
+          city: '', // 市
+          area: '', // 县区
+          town: '', // 乡镇
+          address: '', // 详细地址
+          birthday: '', // 会员生日
+          recommender: '', // 推荐人
+          saleperson: '', // 销售负责人
+          contact: '' // 联系频次
+        }
+        getOrderLists(params).then(response => {
+          this.loading = false
+          if (response.state.toLowerCase() === 'success') {
+            this.recommendList = response.rows.Rows
+          }
+        })
+        resolve()
+      })
+    },
+    // 获取推荐人
+    remoteMethodRecommend(query) {
+      if (query !== '') {
+        this.loading = true
+        setTimeout(() => {
+          this.loading = false
+          this.recommendListOptions = this.recommendList.filter(item => {
+            return (item.F_Phone).toLowerCase()
+              .indexOf(query.toLowerCase()) > -1
+          })
+        }, 200)
+      } else {
+        this.recommendListOptions = []
+      }
+    },
+    recommendChangeSelect(item) {
+      this.ruleForm.F_RecommenderID = item.F_ID
+      this.ruleForm.F_Recommender = item.F_Name
+      this.ruleForm.F_RecommenderTel = item.F_Phone
+    },
+    // 获取省市下拉数据
+    getProCity() {
+      getProviceCityById(this.addressParams)
+        .then(res => {
+          this.provinceCityDatas = this.handleData(res.data)
+          this.provinceCityDatas1 = this.handleData1(res.data)
+          this.provinceCityDatas2 = this.handleData2(res.data)
+        })
+        .catch(err => {})
+    },
+    handleItemChange(val) {
+      this.provinceCityText = this.$refs['myCascader'].currentLabels
+      const pid = val ? val[val.length - 1] : 1 // id值
+      this.level = val.length + 1 // 判断第几级
+      this.provinceCityDatas = this.handleData(
+        this.provinceCityDatas,
+        pid,
+        this.level
+      )
+    },
+    handleItemChange1(val) {
+      this.provinceCityText1 = this.$refs['myCascader1'].currentLabels
+      const pid = val ? val[val.length - 1] : 1 // id值
+      this.level = val.length + 1 // 判断第几级
+      this.provinceCityDatas1 = this.handleData1(
+        this.provinceCityDatas1,
+        pid,
+        this.level
+      )
+    },
+    handleItemChange2(val) {
+      this.provinceCityText2 = this.$refs['myCascader2'].currentLabels
+      const pid = val ? val[val.length - 1] : 1 // id值
+      this.level = val.length + 1 // 判断第几级
+      this.provinceCityDatas2 = this.handleData2(
+        this.provinceCityDatas2,
+        pid,
+        this.level
+      )
+    },
+    handleData(data, val, level) {
+      for (let i = 0; i < data.length; i++) {
+        if (!data[i].children) {
+          this.$set(data[i], 'children', [])
+        }
+        if (data[i].id === val) {
+          getProviceCityById({ pid: val })
+            .then(res => {
+              if (res.data.length) {
+                data[i].children = res.data
+                if (this.level !== 4) {
+                  data[i].children.forEach(ele => {
+                    this.$set(ele, 'children', [])
+                  })
+                }
+              } else {
+                data[i].children = undefined
+              }
+            })
+            .catch(err => {})
+        } else {
+          if (data[i].children.length) {
+            this.handleData(data[i].children, val, level)
+          }
+        }
+      }
+      return data
+    },
+    handleData1(data, val, level) {
+      for (let i = 0; i < data.length; i++) {
+        if (!data[i].children) {
+          this.$set(data[i], 'children', [])
+        }
+        if (data[i].id === val) {
+          getProviceCityById({ pid: val })
+            .then(res => {
+              if (res.data.length) {
+                data[i].children = res.data
+                if (this.level !== 4) {
+                  data[i].children.forEach(ele => {
+                    this.$set(ele, 'children', [])
+                  })
+                }
+              } else {
+                data[i].children = undefined
+              }
+            })
+            .catch(err => {})
+        } else {
+          if (data[i].children.length) {
+            this.handleData1(data[i].children, val, level)
+          }
+        }
+      }
+      return data
+    },
+    handleData2(data, val, level) {
+      for (let i = 0; i < data.length; i++) {
+        if (!data[i].children) {
+          this.$set(data[i], 'children', [])
+        }
+        if (data[i].id === val) {
+          getProviceCityById({ pid: val })
+            .then(res => {
+              if (res.data.length) {
+                data[i].children = res.data
+                if (this.level !== 4) {
+                  data[i].children.forEach(ele => {
+                    this.$set(ele, 'children', [])
+                  })
+                }
+              } else {
+                data[i].children = undefined
+              }
+            })
+            .catch(err => {})
+        } else {
+          if (data[i].children.length) {
+            this.handleData2(data[i].children, val, level)
+          }
+        }
+      }
+      return data
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss">
+.order_form {
+  .form_select {
+    width: 100%;
+  }
+  .form_date {
+    width: 100%;
+  }
+  .col_select_text {
+    text-align: right;
+    padding-right: 15px;
+  }
+}
+.placeholderAreaClass .el-input__inner::-webkit-input-placeholder { /* WebKit browsers */
+  color: #606266;
+  font-size: 14px;
+}
+
+.placeholderAreaClass .el-input__inner::-moz-placeholder { /* Mozilla Firefox 19+ */
+  color: #606266;
+  font-size: 14px;
+}
+</style>

CallCenterWeb.UI/src/views/afterSaleManagement/afterSaleList/components/addTodo.vue

@@ -0,0 +1,286 @@
+<template>
+  <div v-loading="loading">
+    <el-form
+      ref="ruleForm"
+      :model="ruleForm"
+      :rules="rules"
+      label-width="100px"
+    >
+      <el-form-item label="类型" prop="type">
+        <el-select
+          v-model="ruleForm.type"
+          class="select_picker"
+          filterable
+          placeholder="请选择类型"
+          @change="handleChange"
+        >
+          <el-option
+            v-for="item in typeList"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="状态" prop="state">
+        <el-select
+          v-model="ruleForm.state"
+          class="select_picker"
+          filterable
+          clearable
+          placeholder="请选择状态"
+        >
+          <el-option
+            v-for="item in stateList"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="是否提醒" prop="isRemind">
+        <el-select
+          v-model="ruleForm.isRemind"
+          placeholder="请选择是否提醒"
+          width
+        >
+          <el-option label="否" value="0"/>
+          <el-option label="是" value="1"/>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="提醒时间" prop="remindDate">
+        <el-date-picker
+          v-model="ruleForm.remindDate"
+          type="datetime"
+          placeholder="请选择提醒时间"
+        />
+      </el-form-item>
+      <el-form-item v-if="showSchedule" label="待办标题" prop="title">
+        <el-input v-model="ruleForm.title" placeholder="请输入待办标题" />
+      </el-form-item>
+      <el-form-item v-if="showSchedule" label="待办内容" prop="content">
+        <el-input
+          v-model="ruleForm.content"
+          type="textarea"
+          autosize
+          placeholder="请输入待办内容"
+        />
+      </el-form-item>
+      <el-form-item
+        v-if="showContacts"
+        label="待联系人姓名"
+        prop="name"
+        label-width="110px"
+      >
+        <el-input v-model="ruleForm.name" placeholder="请输入待联系人姓名" />
+      </el-form-item>
+      <el-form-item
+        v-if="showContacts"
+        label="待联系人电话"
+        prop="phone"
+        label-width="110px"
+      >
+        <el-input
+          v-model="ruleForm.phone"
+          onkeyup="value=value.replace(/[^\d.]/g,'')"
+          placeholder="待联系人电话"
+        />
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" @click="submitForm">保存</el-button>
+        <el-button @click="resetForm">重置</el-button>
+      </el-form-item>
+    </el-form>
+  </div>
+</template>
+
+<script>
+import { addTodo, editTodo, getTodo } from '@/api/todoManagement/todoList'
+import { filterContent } from '@/utils'
+
+export default {
+  name: 'AddOrEdit',
+  props: {
+    rowPhone: {
+      type: String,
+      default: ''
+    },
+    rowName: {
+      type: String,
+      default: ''
+    },
+    layerid: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    return {
+      ruleForm: {
+        id: '',
+        type: 0,
+        state: '',
+        isRemind: '0',
+        remindDate: '',
+        title: '',
+        content: '',
+        name: '',
+        phone: ''
+      },
+      showSchedule: true, // 日程展示
+      showContacts: false, // 联系人展示
+      stateList: [
+        {
+          value: 0,
+          label: '未完成'
+        },
+        {
+          value: 1,
+          label: '已完成'
+        }
+      ], // 待办状态数据
+      typeList: [
+        {
+          value: 0,
+          label: '日程'
+        },
+        {
+          value: 1,
+          label: '待联系人'
+        }
+      ], // 类型数据
+      rules: {
+        title: [
+          {
+            required: true,
+            message: '请输入待办标题!',
+            trigger: 'blur'
+          }
+        ],
+        type: [
+          {
+            required: true,
+            message: '请选择类型!',
+            trigger: 'blur'
+          }
+        ],
+        state: [
+          {
+            required: true,
+            message: '请选择状态!',
+            trigger: 'change'
+          }
+        ],
+        content: [
+          {
+            required: true,
+            message: '请输入待办内容!',
+            trigger: 'blur'
+          }
+        ],
+        name: [
+          {
+            required: true,
+            message: '请输入待联系人姓名!',
+            trigger: 'blur'
+          }
+        ],
+        phone: [
+          {
+            required: true,
+            message: '请输入待联系人电话!',
+            trigger: 'blur'
+          }
+        ],
+        isRemind: [
+          {
+            required: true,
+            message: '请选择是否提醒!',
+            trigger: 'blur'
+          }
+        ]
+      },
+      positionData: [], // 职位数据
+      loading: false
+    }
+  },
+  created() {
+    if (this.rowPhone) {
+      this.ruleForm.phone = this.rowPhone.substr(0, 3) + '****' + this.rowPhone.substr(7)
+    }
+    if (this.rowName) {
+      this.ruleForm.name = this.rowName
+    }
+  },
+  methods: {
+    submitForm() {
+      if (this.ruleForm.isRemind == 1 && !this.ruleForm.remindDate) {
+        this.$message.error('请选择提醒时间')
+        return
+      }
+      this.$refs.ruleForm.validate((valid) => {
+        if (valid) {
+          this.loading = true
+          const datas = {
+            F_ID: this.ruleForm.id,
+            F_Type: this.ruleForm.type,
+            F_Name: this.ruleForm.title,
+            F_State: this.ruleForm.state,
+            F_IsRemind: this.ruleForm.isRemind,
+            F_Remindertime: this.ruleForm.remindDate,
+            F_Content: this.ruleForm.content,
+            F_PeopleName: this.ruleForm.name,
+            F_Tel: this.ruleForm.phone
+          }
+
+          // 添加
+          if (!this.rowid) {
+            addTodo(datas)
+              .then((response) => {
+                this.loading = false
+                if (response.state.toLowerCase() === 'success') {
+                  this.$parent.$layer.close(this.layerid)
+                  this.$parent.getList() // 重新加载父级数据
+                  this.$message.success('恭喜你，待办信息添加成功!')
+                }
+              })
+              .catch(() => {
+                this.loading = false
+              })
+            return
+          }
+        } else {
+          this.$message.error('请输入有效的必填项信息!')
+          return false
+        }
+      })
+    },
+    resetForm() {
+      this.$refs.ruleForm.resetFields()
+    },
+    // 选择切换
+    handleChange(val) {
+      if (val == 0) {
+        this.ruleForm.name = ''
+        this.ruleForm.phone = ''
+        this.showSchedule = true
+        this.showContacts = false
+      } else if (val == 1) {
+        this.ruleForm.title = ''
+        this.ruleForm.content = ''
+        this.showSchedule = false
+        this.showContacts = true
+      }
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+.date_picker {
+  width: 100%;
+}
+div.date_picker input.el-range-input {
+  width: 46%;
+}
+</style>

CallCenterWeb.UI/src/views/afterSaleManagement/afterSaleList/components/afterSale.vue

@@ -0,0 +1,377 @@
+<template>
+  <div v-loading="loading">
+    <el-form ref="ruleForm" :model="ruleForm" :rules="rules" label-width="150px" class="order_form">
+      <el-form-item label="订单编号" prop="F_OrderId" >
+        <el-input v-model="ruleForm.F_OrderId" disabled="false" />
+      </el-form-item>
+      <el-form-item label="售后类型" prop="F_Type" >
+        <el-select v-model="ruleForm.F_Type" class="form_select" filterable clearable placeholder="请选择售后类型">
+          <el-option label="调换货" value="1"></el-option>
+          <el-option label="退货" value="2"></el-option>
+          <el-option label="部分退货" value="3"></el-option>
+          <el-option label="对发货" value="4"></el-option>
+          <el-option label="补发货" value="5"></el-option>
+          <el-option label="补差额" value="6"></el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="变动金额" prop="F_Money">
+        <el-input-number v-model="ruleForm.F_Money" controls-position="right" class="form_input_number"></el-input-number>
+        <!-- <el-input v-model="ruleForm.F_Money" placeholder="-需要退 +用户需补"/> -->
+      </el-form-item>
+      <el-form-item label="售后原因类型" prop="F_ReturnType" >
+        <el-select v-model="ruleForm.F_ReturnType" class="form_select" filterable clearable placeholder="请选择售后原因类型">
+          <el-option v-for="item in afterSaleReasonsList" :key="item.F_ValueId" :label="item.F_Value" :value="item.F_Value"></el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="售后原因" prop="F_ReturnDes" >
+        <el-input v-model="ruleForm.F_ReturnDes" placeholder="请输入售后原因" />
+      </el-form-item>
+      <el-form-item label="退回商品状态" prop="F_ProductStatus" >
+        <el-input v-model="ruleForm.F_ProductStatus" placeholder="请输入退回商品状态" />
+      </el-form-item>
+      <el-row>
+        <el-col :span='8'>
+          <el-form-item label="商品分类" prop="parentids" >
+            <el-cascader
+              v-model="parentids"
+              :options="commodityTypeLists"
+              :props="typeDropProps"
+              placeholder="请选择商品分类"
+              clearable
+              filterable
+              change-on-select
+              @change="commodityTypeChange"
+              style="width: 100%;"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span='8'>
+          <el-form-item label="商品" prop="productName" >
+            <el-select v-model="commoditySearchData.productName" class="filter-item" value-key="F_ProductId" clearable placeholder="请选择商品" @change="commodityListChange">
+              <el-option
+                v-for="item in commodityListLists"
+                :key="item.F_ProductId"
+                :label="item.F_ProductName"
+                :value="item">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span='8'>
+          <el-form-item label="商品数量" prop="num" >
+            <el-input-number v-model="commoditySearchData.num" :min="1" label="描述文字"></el-input-number>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-form-item>
+          <el-button type="primary" @click="addCommodity">添加商品</el-button>
+        </el-form-item>
+      </el-row>
+      <el-row>
+        <el-col :span='24'>
+          <el-form-item label="补发商品">
+            <el-table :data="commodityTableData" stripe style="width: 100%">
+              <el-table-column prop="F_ProductName" label="商品名称" align="center" ></el-table-column>
+              <el-table-column prop="F_Count" label="商品数量" align="center"></el-table-column>
+              <el-table-column label="操作" align="center">
+                <template slot-scope="scope">
+                  <el-button type="text" @click="btn_deleteCommodity(scope.row)">删除</el-button>
+                </template>
+              </el-table-column>
+            </el-table>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span='24'>
+          <el-form-item label="退回商品">
+            <el-table :data="oldCommodityTableData" stripe style="width: 100%" @selection-change="handleSelectionChange" ref="oldCommodityTable" >
+              <el-table-column type="selection" width="55"></el-table-column>
+              <el-table-column prop="F_ProductName" label="商品名称" align="center" ></el-table-column>
+              <el-table-column prop="F_Count" label="商品数量" align="center"></el-table-column>
+            </el-table>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-form-item label="售后备注" prop="F_Remark">
+        <el-input :autosize="{ minRows: 4}" v-model="ruleForm.F_Remark" type="textarea" placeholder="请输入售后备注"/>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" @click="submitForm(0)">保存</el-button>
+        <el-button type="primary" @click="submitForm(1)">提交</el-button>
+      </el-form-item>
+    </el-form>
+  </div>
+</template>
+
+<script>
+import { getDictionaryValueList } from '@/api/commonAPI'
+import { getOrder } from '@/api/orderManagement/orderList'
+import { getCommodityType } from '@/api/commodityManagement/commodityType'
+import { getCommodityList } from '@/api/commodityManagement/commodityList'
+import { addAfterSaleList, getAfterSaleList, getAfterSaleOrderCommodityList } from "@/api/afterSaleManagement/afterSaleList";
+
+export default {
+  name: "AfterSale",
+  props: {
+    rowid: {
+      type: String,
+      default: ""
+    },
+    collectionAfterSalesReasonType: {
+      type: String,
+      default: ""
+    },
+    layerid: {
+      type: String,
+      default: ""
+    }
+  },
+  data() {
+    return {
+      parentids: [],
+      afterSaleReasonsList: [], //售后原因类型
+      commodityTypeLists: [], //商品分类下拉数据
+      // 自定义菜单下拉数据的key值
+      typeDropProps: {
+        value: 'id',
+        label: 'text'
+      },
+      commodityTableData: [], //添加商品
+      commoditySearchData: { //商品搜索数据
+        classId: '', // 商品分类id
+        className: '', // 商品分类名称
+        productName: '', //商品名称
+        productId: '', //商品id
+        num: 1, //商品数量
+      },
+      oldCommodityTableData: [], //退回商品列表
+      oldDetailListSelection: [], // 退回商品选中数据
+      ruleForm: {
+        F_OrderId: '', //订单编号
+        F_DetailList: '', //补发产品列表
+        F_OldDetailList: '', //退回产品列表
+        F_Type: '', //合并类型
+        F_Money: '', //减免金额
+        F_Remark: '', //销售备注
+        F_ReturnType: '', //售后原因类型
+        F_ReturnDes: '', //售后原因
+        F_ProductStatus: '', //退回商品状态
+        F_CheckStateSH: '', //0保存 1提交按钮 2不通过
+      },
+      rules: {
+        order1: [{
+          required: true,
+          trigger: 'blur',
+          message: '请输入订单编号1',
+        }],
+        order2: [{
+          required: true,
+          trigger: 'blur',
+          message: '请输入订单编号2',
+        }],
+        F_Type: [{
+          required: true,
+          trigger: 'change',
+          message: '请选择售后类型',
+        }],
+        F_Money: [{
+          required: true,
+          trigger: 'blur',
+          message: '请输入变动金额',
+        }],
+        F_ReturnType: [{
+          required: true,
+          trigger: 'change',
+          message: '请选择售后原因类型',
+        }],
+        F_ReturnDes: [{
+          required: true,
+          trigger: 'blur',
+          message: '请输入售后原因',
+        }],
+        F_ProductStatus: [{
+          required: true,
+          trigger: 'blur',
+          message: '请输入退回商品状态',
+        }],
+      },
+      loading: false
+    };
+  },
+  created() {
+    this.getCommodityTypeSelect()
+    this.getAfterSaleReasons()
+    Promise.all([
+    ]).then(() => {
+      if (this.rowid) {
+        this.ruleForm.F_OrderId = this.rowid
+        this.getAfterSaleOrderCommodity(this.rowid)
+      }
+      if (this.collectionAfterSalesReasonType) {
+        this.ruleForm.F_ReturnType = this.collectionAfterSalesReasonType
+      }
+    });
+  },
+  methods: {
+    submitForm(state) {
+      this.$refs.ruleForm.validate(valid => {
+        if (valid) {
+          this.loading = true;
+          this.ruleForm.F_CheckStateSH = state
+          //添加
+          addAfterSaleList(this.ruleForm).then(response => {
+            this.loading = false
+            if (response.state.toLowerCase() === 'success') {
+              this.$parent.$layer.close(this.layerid)
+              this.$parent.getList() // 重新加载父级数据
+              this.$message.success('恭喜你，添加成功!')
+            }
+          }).catch(() => {
+            this.loading = false
+          })
+          return
+        } else {
+          this.$message.error("请输入有效的必填项信息!");
+          return false;
+        }
+      });
+    },
+    //获取商品分类
+    getCommodityTypeSelect() {
+      this.loading = true
+      return new Promise(resolve => {
+        const data = {
+          pageindex: 1, // int 第几页
+          pagesize: 300, // int 每页几条信息
+          ParentId: 0,
+        }
+        getCommodityType(data).then(response => {
+          this.loading = false
+          if (response.state.toLowerCase() === 'success') {
+            this.commodityTypeLists = response.data
+          }
+        })
+        resolve()
+      })
+    },
+
+    commodityTypeChange(item) {
+      this.commoditySearchData.classId = this.parentids[this.parentids.length - 1]
+      this.getCommodityListSelect()
+    },
+    commodityListChange(item) {
+      this.commoditySearchData.productId = item.F_ProductId
+      this.commoditySearchData.productName = item.F_ProductName
+    },
+    //获取商品
+    getCommodityListSelect() {
+      this.loading = true
+      return new Promise(resolve => {
+        const params = {
+          pageindex: 1, // int 第几页,
+          pagesize: 300, // int 每页几条信息,
+          ProductId: '',
+          ClassId: this.commoditySearchData.classId === '' ? 0 : this.commoditySearchData.classId,
+          ClassName: '',
+          ProductName: '',
+          PinyinShort: '',
+          ProductNumber: '',
+          ProductShortName: '',
+          tag: '',
+          issale: 1,
+        }
+        getCommodityList(params).then(response => {
+          this.loading = false
+          if (response.state.toLowerCase() === 'success') {
+            this.commodityListLists = response.data.Rows
+          }
+        })
+        resolve()
+      })
+    },
+    addCommodity() {
+      if (this.commoditySearchData.productName === ''){
+        this.$message({
+          message: '请选择商品！',
+          type: 'warning'
+        })
+        return
+      }
+      if (this.commodityTableData.length > 0) {
+        for (let i=0; i < this.commodityTableData.length; i++ ) {
+          if (this.commodityTableData[i].F_ProductId === this.commoditySearchData.productId) {
+            this.commodityTableData[i].F_Count = this.commodityTableData[i].F_Count + this.commoditySearchData.num
+            return
+          }
+        }
+      }
+      let data = {
+        F_ProductId: this.commoditySearchData.productId,
+        F_ProductName: this.commoditySearchData.productName,
+        F_Count: this.commoditySearchData.num,
+      }
+      this.commodityTableData.push(data)
+      let idsQuantity = []
+      for (let i=0; i<this.commodityTableData.length; i++) {
+        idsQuantity.push(this.commodityTableData[i].F_ProductId + ',' +this.commodityTableData[i].F_Count)
+      }
+      this.ruleForm.F_DetailList = idsQuantity.join('|') //补发产品列表
+    },
+    //删除商品
+    btn_deleteCommodity (val) {
+      let index = this.commodityTableData.indexOf(val)
+      this.commodityTableData.splice(index, 1)
+    },
+    // 售后订单商品列表
+    getAfterSaleOrderCommodity(rid) {
+      const params = {
+        orderid: rid
+      }
+      getAfterSaleOrderCommodityList(params).then(response => {
+        if (response.state.toLowerCase() === 'success') {
+          const res = response.data
+          this.oldCommodityTableData = res
+          this.$nextTick(()=>{
+            this.oldCommodityTableData.forEach((row,index)=>{
+              this.$refs.oldCommodityTable.toggleRowSelection(row)
+            })
+          },1)
+        }
+      })
+    },
+    //售后原因类型
+    getAfterSaleReasons() {
+      return new Promise(resolve=>{
+        const params={
+          isleaf:true,
+          code:'AfterSaleReasons'
+        }
+        getDictionaryValueList(params).then(response=>{
+          if(response.state.toLowerCase() === 'success'){
+            this.afterSaleReasonsList = response.data.Rows
+          }
+        })
+      })
+    },
+    //选择多个
+    handleSelectionChange(selection) {
+      let idsQuantity = []
+      this.oldDetailListSelection = selection
+      for (let i=0; i<this.oldDetailListSelection.length; i++) {
+        idsQuantity.push(this.oldDetailListSelection[i].F_ProductId + ',' + this.oldDetailListSelection[i].F_Count)
+      }
+      this.ruleForm.F_OldDetailList = idsQuantity.join('|')
+    }, 
+  }
+};
+</script>
+
+<style rel="stylesheet/scss" lang="scss">
+.order_form .form_select {
+  width: 100%;
+}
+.form_input_number {
+  width: 100%; 
+}
+</style>

CallCenterWeb.UI/src/views/afterSaleManagement/afterSaleList/components/detail.vue

@@ -0,0 +1,407 @@
+<template>
+  <div class="order_detail">
+    <el-row :gutter="20">
+      <el-col :md="24" class="order_detail_body">
+        <el-card shadow="hover">
+          <!-- <el-col :md="3">
+            <div class="round_img">
+              <img :src="avatar" alt="头像">
+            </div>
+          </el-col>-->
+          <el-col :md="21">
+            <h1 class="title">
+              <svg-icon class="title_icon" icon-class="hongqi" />会员信息
+            </h1>
+            <!-- <p class="title_sub"><span class="green">{{ name }}</span> {{ createtime }}</p> -->
+            <p class="title_sub">
+              <span class="green">{{ name }}</span> 足力健
+            </p>
+            <!-- <p class="title_sub">催单次数：<span class="red">10</span>次 | 工单状态： <span class="done">已完成</span></p> -->
+          </el-col>
+          <el-col :md="24" class="order_detail_content">
+            <el-col :md="6" class="order_detail_item">客户姓名：{{ name }}</el-col>
+            <el-col :md="6" class="order_detail_item">客户性别：{{ sex }}</el-col>
+            <el-col :md="6" class="order_detail_item">客户年龄：{{ age }}</el-col>
+            <el-col :md="6" class="order_detail_item">主号码：{{ phone | phoneFilter }}</el-col>
+            <el-col :md="6" class="order_detail_item">备用号码：{{ mobile1 | mobileFilter }}</el-col>
+            <el-col :md="6" class="order_detail_item">会员标签：{{ type }}</el-col>
+            <el-col :md="6" class="order_detail_item">会员生日：{{ birthday }}</el-col>
+            <el-col :md="6" class="order_detail_item">省份：{{ province }}</el-col>
+            <el-col :md="6" class="order_detail_item">市：{{ city }}</el-col>
+            <el-col :md="6" class="order_detail_item">县区：{{ area }}</el-col>
+            <el-col :md="6" class="order_detail_item">乡镇：{{ town }}</el-col>
+            <el-col :md="6" class="order_detail_item">详细地址：{{ address }}</el-col>
+            <el-col :md="6" class="order_detail_item">备用省份1：{{ province1 }}</el-col>
+            <el-col :md="6" class="order_detail_item">备用市1：{{ city1 }}</el-col>
+            <el-col :md="6" class="order_detail_item">备用县区1：{{ area1 }}</el-col>
+            <el-col :md="6" class="order_detail_item">备用乡镇1：{{ town1 }}</el-col>
+            <el-col :md="6" class="order_detail_item">备用详细地址1：{{ address1 }}</el-col>
+            <el-col :md="6" class="order_detail_item">备用省份2：{{ province2 }}</el-col>
+            <el-col :md="6" class="order_detail_item">备用市2：{{ city2 }}</el-col>
+            <el-col :md="6" class="order_detail_item">备用县区2：{{ area2 }}</el-col>
+            <el-col :md="6" class="order_detail_item">备用乡镇2：{{ town2 }}</el-col>
+            <el-col :md="6" class="order_detail_item">备用详细地址2：{{ address2 }}</el-col>
+            <el-col :md="6" class="order_detail_item">鞋码：{{ shoesize }}</el-col>
+            <el-col :md="6" class="order_detail_item">会员积分：{{ score }}</el-col>
+            <el-col :md="6" class="order_detail_item">推荐人：{{ recommender }}</el-col>
+            <el-col :md="6" class="order_detail_item">推荐人手机号：{{ recommenderTel }}</el-col>
+            <el-col :md="6" class="order_detail_item">累计消费金额：{{ money }}</el-col>
+            <el-col :md="6" class="order_detail_item">累计积分：{{ totalscore }}</el-col>
+            <el-col :md="6" class="order_detail_item">首次通话记录：{{ firstcalltime  }}</el-col>
+            <el-col :md="6" class="order_detail_item">末联通话记录：{{ lastholetime }}</el-col>
+            <el-col :md="6" class="order_detail_item">修改人：{{ F_LastModifyBy  }}</el-col>
+            <el-col :md="6" class="order_detail_item">修改时间：{{ F_LastModifyOn }}</el-col>
+            <!-- <el-col :md="18" :offset="6">
+              <el-button type="primary" size="mini" plain>打标签</el-button>
+              <el-button type="primary" size="mini" plain>赠送优惠券</el-button>
+              <el-button type="primary" size="mini" plain>群发短信</el-button>
+              <el-button type="primary" size="mini" plain>付费会员延期</el-button>
+              <el-button type="primary" size="mini" plain>会员等级</el-button>
+              <el-button type="primary" size="mini" plain>档案合并</el-button>
+              <el-button type="primary" size="mini" plain>档案拆分</el-button>
+            </el-col>-->
+          </el-col>
+        </el-card>
+      </el-col>
+      <!-- <el-col :md="12">
+        <el-card shadow="hover">
+          <div slot="header" class="clearfix">
+            <span>工单动态</span>
+          </div>
+          <div class="order_steps">
+            <el-steps :active="0" :space="100" direction="vertical" process-status="success">
+              <el-step title="已完成" description="2018-10-23 10:30:20 这是一段很长很长很长的描述性文字"/>
+              <el-step title="已转派" description="2018-10-23 10:30:20 这是一段很长很长很长的描述性文字"/>
+              <el-step title="已创建" description="2018-10-23 10:30:20 这是一段很长很长很长的描述性文字"/>
+            </el-steps>
+          </div>
+        </el-card>
+      </el-col>-->
+      <!-- <el-col :md="24">
+        <el-card shadow="hover" class="order_record">
+          <el-tabs v-model="activeName" @tab-click="handleClick">
+            <el-tab-pane label="催单记录(2)" name="first">
+              <div class="tab_body">
+                催单记录
+              </div>
+            </el-tab-pane>
+            <el-tab-pane label="录音记录(3)" name="second">
+              <div class="tab_body">
+                录音记录
+              </div>
+            </el-tab-pane>
+          </el-tabs>
+        </el-card>
+      </el-col>-->
+    </el-row>
+    <el-row>
+      <el-col>
+        被推荐人信息
+      </el-col>
+    </el-row>
+    <el-table
+      :data="dataLists"
+      border
+      stripe
+    >
+    <el-table-column
+       type="index"
+        label="编号"
+        align="center"
+        width=""
+      ></el-table-column>
+      <el-table-column
+        prop="F_Recommender"
+        label="推荐人"
+        align="center"
+        width=""
+      ></el-table-column>
+   <el-table-column
+        prop="F_RecommenderTel"
+        label="联系方式"
+        align="center"
+        width=""
+      ></el-table-column>
+    </el-table>
+   
+  </div>
+</template>
+
+<script>
+import { getMemberInfo } from '@/api/memberManagement/memberList'
+import { mapGetters } from 'vuex'
+import { filterContent } from '@/utils'
+
+export default {
+  name: 'Detail',
+  props: {
+    rowid: {
+      type: String,
+      default: ''
+    },
+    layerid: {
+      type: String,
+      default: ''
+    }
+  },
+  filters: {
+    phoneFilter(status) {
+      const mtel = status.substr(0, 3) + "****" +status.substr(7);
+      return mtel;
+    },
+     mobileFilter(status) {
+      const arr=status.split(',')
+      var mtel=''
+      for (let i = 0; i < arr.length; i++) {
+        mtel +=  arr[i].substr(0, 3) + "****" + arr[i].substr(7)+",";
+      }
+         return mtel;
+
+    },
+  },
+  data () {
+    return {
+      activeName: 'first',
+      name: '', // 姓名
+      phone: '', // 固定电话
+      sex: '', // 性别
+      age: '', // 年龄
+      mobile1: '', // 手机号码1
+      type: '', // 会员类型
+      postcode: '', // 邮编
+      shoesize: '', // 鞋码
+      regtime: '', // 会员日期
+      birthday: '', // 会员生日
+      score: '', // 会员积分
+      recommender: '', // 推荐人
+      recommenderTel: '', //推荐人手机号
+      money: '', // 累计消费金额
+      totalscore: '', // 累计积分
+      province: '', // 省
+      city: '', // 市
+      area: '', // 县
+      town: '', // 乡
+      address: '', // 地址
+      province1: '', // 省
+      city1: '', // 市
+      area1: '', // 县
+      town1: '', // 乡
+      address1: '', // 地址
+      province2: '', // 省
+      city2: '', // 市
+      area2: '', // 县
+      town2: '', // 乡
+      address2: '', // 地址
+      firstcalltime: '', //首次通话记录
+      lastholetime: '', // 末联通话记录
+      F_LastModifyOn:'',//修改时间
+      F_LastModifyBy:'',//修改人
+      
+      dataLists: [], // 列表数据
+    }
+   
+  },
+  computed: {
+    ...mapGetters([
+      'avatar'
+    ])
+  },
+  created () {
+    if (this.rowid) {
+      this.getDetail(this.rowid)
+    }
+  },
+  methods: {
+    handleClick (tab, event) {
+      console.log(tab, event)
+    },
+    // 详情
+    getDetail (rid) {
+      getMemberInfo(rid).then(response => {
+        const res = response.model
+        this.dataLists=response.viplist
+        console.log('res', res)
+        this.name = res.F_Name // 姓名
+        this.sex = res.F_Sex // 性别
+        this.age = res.F_Age // 年龄
+        this.mobile1 = res.F_Mobile // 手机号码1
+        this.phone = res.F_Phone // 固定电话
+        this.type = res.F_Label // 会员标签
+        this.postcode = res.F_Postcode // 邮编
+        this.shoesize = res.F_ShoeSize // 鞋码
+        this.regtime = res.F_RegTime // 会员日期
+        this.birthday = res.Birthday // 会员生日
+        this.score = res.F_Score // 会员积分
+        this.recommender = res.F_Recommender // 推荐人
+        this.recommenderTel = res.F_RecommenderTel // 推荐人
+        this.money = res.F_Money // 累计消费金额  
+        this.totalscore = res.F_TotalScore // 累计积分
+        this.province = res.F_Province // 省
+        this.city = res.F_City // 市
+        this.area = res.F_Area // 县
+        this.town = res.F_Town // 乡
+        this.address = res.F_Address // 详细地址
+        this.province1 = res.F_Province1 // 省
+        this.city1 = res.F_City1 // 市
+        this.area1 = res.F_Area1 // 县
+        this.town1 = res.F_Town1 // 乡
+        this.address1 = res.F_Address1 // 备用地址
+        this.province2 = res.F_Province2 // 省
+        this.city2 = res.F_City2 // 市
+        this.area2 = res.F_Area2 // 县
+        this.town2 = res.F_Town2 // 乡
+        this.address2 = res.F_Address2 // 备用地址
+        this.firstcalltime = res.F_Firstcalltime  //首次通话记录
+        this.lastholetime = res.F_Lastholetime // 末联通话记录
+         this.F_LastModifyOn=res.F_LastModifyOn//修改时间
+         this.F_LastModifyBy=res.F_LastModifyBy//修改人
+      })
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss">
+.order_detail {
+  .el-col {
+    margin-bottom: 20px;
+  }
+  .el-icon-time {
+    color: #d81e06;
+  }
+  .el-card__header {
+    padding-top: 14px;
+    padding-bottom: 14px;
+    background-color: #f5f5f6;
+  }
+  .order_file {
+    .el-card__body {
+      padding: 22px 0 0 0;
+      text-align: center;
+    }
+  }
+  .order_steps {
+    .el-step__icon-inner {
+      display: none;
+    }
+  }
+  .order_record {
+    .el-card__body {
+      padding: 0;
+    }
+    .el-tabs__header {
+      padding: 0px 20px;
+      background-color: #f5f5f6;
+      .el-tabs__item {
+        font-size: 16px;
+        height: 47px;
+        line-height: 47px;
+      }
+    }
+  }
+}
+</style>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+.order_detail {
+  .order_detail_body {
+    margin-bottom: 20px;
+    .round_img {
+      width: 90px;
+      height: 90px;
+      border-radius: 50%;
+      overflow: hidden;
+      margin: 14px;
+      img {
+        width: 100%;
+        height: 100%;
+      }
+    }
+    .title {
+      font-size: 20px;
+      .title_icon {
+        color: #d81e06;
+        font-size: 16px;
+        margin-right: 20px;
+      }
+    }
+    .title_sub {
+      font-size: 14px;
+      color: #666666;
+    }
+    .order_detail_content {
+      background-color: #f5f5f6;
+      padding-top: 20px;
+      color: #4c4c4c;
+      font-size: 14px;
+      .order_detail_item {
+        margin-bottom: 10px;
+        .order_content {
+          margin-top: 10px;
+        }
+        .order_file {
+          position: relative;
+          cursor: pointer;
+          .img_mask {
+            display: none;
+            position: absolute;
+            left: 0px;
+            top: 0px;
+            background-color: rgba(0, 0, 0, 0.3);
+            width: 100%;
+            height: 22px;
+            text-align: right;
+            z-index: 1;
+            i {
+              font-size: 20px;
+              line-height: 22px;
+              display: inline-block;
+              margin-right: 15px;
+              color: #fff;
+            }
+          }
+          p {
+            margin-top: 5px;
+            padding-left: 14px;
+            padding-right: 14px;
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+          }
+          .file_icon {
+            height: 68px;
+            line-height: 68px;
+            font-size: 68px;
+            color: #409eff;
+          }
+        }
+        .order_file:hover .img_mask {
+          display: block;
+        }
+      }
+    }
+  }
+  .green {
+    color: #00c1de;
+  }
+  .done {
+    color: #198120;
+  }
+  .red {
+    color: #d81e06;
+  }
+  .yellow {
+    color: #e6a23c;
+  }
+  .order_steps {
+    // height: 240px;
+    .el-step__icon-inner {
+      display: none;
+    }
+  }
+
+  .tab_body {
+    padding: 0 20px 20px 20px;
+  }
+}
+</style>

CallCenterWeb.UI/src/views/afterSaleManagement/afterSaleList/components/editLabel.vue

@@ -0,0 +1,107 @@
+<template>
+  <div v-loading="loading">
+    <el-form ref="ruleForm" :model="ruleForm" :rules="rules" label-width="150px" class="order_form">
+      <el-form-item label="已选中标签" prop="SelectedLabel">
+        <el-input v-model="ruleForm.SelectedLabel" placeholder="已选中标签"></el-input>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" @click="submitForm">保存</el-button>
+      </el-form-item>
+    </el-form>
+  </div>
+</template>
+
+<script>
+import { getProviceCity, getDictionary } from '@/api/commonAPI'
+import { getOrder, addOrder } from '@/api/memberManagement/memberList'
+import { validateTel } from '@/utils/validate'
+import { filterContent } from '@/utils'
+
+export default {
+  name: 'EditLabel',
+  props: {
+    rowid: {
+      type: String,
+      default: ''
+    },
+    callid: {
+      type: Number,
+      default: 0
+    },
+    layerid: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    return {
+      props: { // 自定义省市下拉数据的key值
+        value: 'code',
+        label: 'name',
+        children: 'entityJson'
+      },
+      sourceOptions: [], // 工单来源下拉数据
+      ruleForm: {
+        unique_id: '', //		否	string	callid
+        ordercode: '',
+        SelectedLabel: '',
+        labelDescription: '',
+      },
+      rules: {
+        SelectedLabel: [{
+          required: true,
+          trigger: 'blur',
+          message: '已选中标签',
+        }]
+      },
+      loading: false
+    }
+  },
+  created() {
+    if (this.callid) {
+      this.ruleForm.unique_id = this.callid
+    }
+    Promise.all([])
+      .then(() => {
+        if (this.rowid) {
+          this.ruleForm.ordercode = this.rowid
+          console.log("rowid",this.rowid)
+        }
+      })
+  },
+  methods: {
+    submitForm() {
+      this.$refs.ruleForm.validate((valid) => {
+        if (valid) {
+          this.ruleForm.content = filterContent.delHtmlTag(this.ruleForm.content)// 保存内容时去掉 html 标签
+          this.loading = true
+          // 添加
+          addOrder(this.ruleForm).then(response => {
+            this.loading = false
+            if (response.state.toLowerCase() === 'success') {
+              this.$parent.$layer.close(this.layerid)
+              this.$parent.getList() // 重新加载父级数据
+              this.$message.success('恭喜你，添加成功!')
+            }
+          }).catch(() => {
+            this.loading = false
+          })
+          return
+        } else {
+          this.$message.error('请输入有效的必填项信息!')
+          return false
+        }
+      })
+    },
+    resetForm() {
+      this.$refs.ruleForm.resetFields()
+    },
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss">
+.order_form .form_select{
+	width: 100%;
+}
+</style>

CallCenterWeb.UI/src/views/afterSaleManagement/afterSaleList/components/freeCoupons.vue

@@ -0,0 +1,118 @@
+<template>
+  <div v-loading="loading">
+    <el-form ref="ruleForm" :model="ruleForm" :rules="rules" label-width="150px" class="order_form">
+      <el-form-item label="优惠券">
+        <el-select v-model="ruleForm.labelName" class="form_select" placeholder="优惠券">
+          <el-option label="全部" value="0"></el-option>
+          <el-option label="代金券" value="1"></el-option>
+          <el-option label="折扣券" value="2"></el-option>
+          <el-option label="兑换券" value="3"></el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="优惠券">
+        <el-select v-model="ruleForm.labelName" class="form_select" placeholder="优惠券">
+          <el-option label="全部" value="0"></el-option>
+          <el-option label="代金券" value="1"></el-option>
+          <el-option label="折扣券" value="2"></el-option>
+          <el-option label="兑换券" value="3"></el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" @click="submitForm">保存</el-button>
+      </el-form-item>
+    </el-form>
+  </div>
+</template>
+
+<script>
+import { getProviceCity, getDictionary } from '@/api/commonAPI'
+import { getOrder, addOrder } from '@/api/memberManagement/memberList'
+import { validateTel } from '@/utils/validate'
+import { filterContent } from '@/utils'
+
+export default {
+  name: 'FreeCoupons',
+  props: {
+    rowid: {
+      type: String,
+      default: ''
+    },
+    callid: {
+      type: Number,
+      default: 0
+    },
+    layerid: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    return {
+      props: { // 自定义省市下拉数据的key值
+        value: 'code',
+        label: 'name',
+        children: 'entityJson'
+      },
+      sourceOptions: [], // 工单来源下拉数据
+      ruleForm: {
+        unique_id: '', //		否	string	callid
+        ordercode: '',
+        labelName: '',
+        labelDescription: '',
+      },
+      rules: {
+        labelName: [{
+          required: true,
+          trigger: 'blur',
+          message: '请输入标签姓名',
+        }]
+      },
+      loading: false
+    }
+  },
+  created() {
+    if (this.callid) {
+      this.ruleForm.unique_id = this.callid
+    }
+    Promise.all([])
+      .then(() => {
+        if (this.rowid) {
+          this.ruleForm.ordercode = this.rowid
+        }
+      })
+  },
+  methods: {
+    submitForm() {
+      this.$refs.ruleForm.validate((valid) => {
+        if (valid) {
+          this.ruleForm.content = filterContent.delHtmlTag(this.ruleForm.content)// 保存内容时去掉 html 标签
+          this.loading = true
+          addOrder(this.ruleForm).then(response => {
+            this.loading = false
+            if (response.state.toLowerCase() === 'success') {
+              this.$parent.$layer.close(this.layerid)
+              this.$parent.getList() // 重新加载父级数据
+              this.$message.success('恭喜你，添加成功!')
+            }
+          }).catch(() => {
+            this.loading = false
+          })
+          return
+        } else {
+          this.$message.error('请输入有效的必填项信息!')
+          return false
+        }
+      })
+    },
+    resetForm() {
+      this.$refs.ruleForm.resetFields()
+    },
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss">
+.order_form .form_select{
+	width: 100%;
+}
+</style>

CallCenterWeb.UI/src/views/afterSaleManagement/afterSaleList/components/importFile.vue

@@ -0,0 +1,134 @@
+<template>
+  <div class="importFile">
+    <el-alert title="选取的EXCEL文件需要严格按照下载的EXCEL模板进行填写！选择好文件后点击导入即可！" type="warning" class="md" show-icon/>
+    <el-row>
+      <el-col :lg="7" class="md">
+        <a :href="downloadUrl" download="会员信息导入模板.xlsx" class="download_btn" title="点击下载EXCEL模板" rel="nofollow">
+          下载EXCEL模板
+        </a>
+      </el-col>
+      <el-col :lg="17" class="md">
+        <el-upload
+          ref="upload"
+          :limit="1"
+          :file-list="uploadData.fileList"
+          :action= "uploadData.uploadUrl"
+          :data = "uploadData.uploaderFiles"
+          :headers="{'Authorization': token}"
+          :on-success="uploadSuccess"
+          :on-error="uploadError"
+          :on-exceed="uploadExceed"
+          :auto-upload="false"
+          class="uploadFiles"
+          list-type="text"
+          name="upFile"
+          accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel">
+          <el-button slot="trigger" size="small" type="primary">选取EXCEL文件</el-button>
+          <el-button style="margin-left: 10px;" size="small" type="success" @click="submitUpload">导入</el-button>
+          <!-- <div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过500kb</div> -->
+        </el-upload>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import { mapGetters } from 'vuex'
+export default {
+  name: 'ImportFile',
+  props: {
+    rowid: {
+      type: String,
+      default: ''
+    },
+    layerid: {
+      type: String,
+      default: ''
+    }
+  },
+  computed: {
+    ...mapGetters([
+      'token'
+    ])
+  },
+  data() {
+    return {
+      downloadUrl: '/static/xls/huiyuanxinxiTemplate.xlsx',
+      uploadData: {// 文件上传数据
+        uploadUrl: this.$store.getters.serverConfig.BASE_API + 'api/vipinfo/importexcel',
+        uploaderFiles: {// 上传文件的参数
+          // taskid: this.rowid // 是	string	任务id
+        },
+        fileList: [] // 展示文件的数据
+      }
+    }
+  },
+  created() {
+  },
+  methods: {
+    submitUpload() {
+      this.$refs.upload.submit()
+    },
+    // 文件上传
+    uploadSuccess(response, file, fileList) {
+      if (response.state.toLowerCase() === 'success') {
+        this.$parent.$layer.close(this.layerid)
+        this.$parent.$parent.getList() // 重新加载父级数据
+        this.$message.success('恭喜你，会员信息导入成功!')
+      } else {
+        this.$message.error(response.message)
+      }
+    },
+    uploadExceed(file, fileList) {
+      this.$message.warning('只能选择一个文件!')
+    },
+    uploadError(err, file, fileList) {
+      this.$message.error(err)
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss">
+
+</style>
+<style rel="stylesheet/scss" lang="scss" scoped>
+	.importFile{
+		.md{
+			margin-bottom: 20px;
+		}
+		.download_btn{
+			display: inline-block;
+			line-height: 1;
+			white-space: nowrap;
+			cursor: pointer;
+			border: 1px solid #dcdfe6;
+			-webkit-appearance: none;
+			text-align: center;
+			-webkit-box-sizing: border-box;
+			box-sizing: border-box;
+			outline: 0;
+			margin: 0;
+			-webkit-transition: .1s;
+			transition: .1s;
+			font-weight: 500;
+			padding: 9px 15px;
+			font-size: 12px;
+			border-radius: 4px;
+			color: #fff;
+			background-color: #409EFF;
+			border-color: #409EFF;
+			&:hover{
+				background: #66b1ff;
+				border-color: #66b1ff;
+				color: #fff;
+			}
+			&:active{
+				background: #66b1ff;
+				border-color: #66b1ff;
+				color: #fff;
+			}
+		}
+	}
+
+</style>

CallCenterWeb.UI/src/views/afterSaleManagement/afterSaleList/components/memberExtension.vue

@@ -0,0 +1,114 @@
+<template>
+  <div v-loading="loading">
+    <el-form ref="ruleForm" :model="ruleForm" :rules="rules" label-width="150px" class="order_form">
+      <el-form-item label="付费会员类型">
+        <el-select v-model="ruleForm.paidMemberType" class="form_select" placeholder="付费会员类型">
+          <el-option label="一般付费" value="0"></el-option>
+          <el-option label="超级付费" value="1"></el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="延期条件">
+        <el-select v-model="ruleForm.extensionCondition" class="form_select" placeholder="延期条件">
+          <el-option label="指定会员或指定条件" value="0"></el-option>
+          <el-option label="付费会员已失效" value="1"></el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="延期天数" prop="deferredDays">
+        <el-input v-model="ruleForm.deferredDays" placeholder="请输入延期天数"/>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" @click="submitForm">保存</el-button>
+        <el-button @click="resetForm">重置</el-button>
+      </el-form-item>
+    </el-form>
+  </div>
+</template>
+
+<script>
+import { getProviceCity, getDictionary } from '@/api/commonAPI'
+import { getOrder, addOrder } from '@/api/memberManagement/memberList'
+import { validateTel } from '@/utils/validate'
+import { filterContent } from '@/utils'
+
+export default {
+  name: 'MemberExtension',
+  props: {
+    rowid: {
+      type: String,
+      default: ''
+    },
+    callid: {
+      type: Number,
+      default: 0
+    },
+    layerid: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    return {
+      props: { // 自定义省市下拉数据的key值
+        value: 'code',
+        label: 'name',
+        children: 'entityJson'
+      },
+      sourceOptions: [], // 工单来源下拉数据
+      ruleForm: {
+        unique_id: '', //		否	string	callid
+        ordercode: '', 
+        paidMemberType: '', // 付费会员类型 
+        extensionCondition: '', // 延期条件
+        deferredDays: '', // 延期天数
+      },
+      rules: {
+      },
+      loading: false
+    }
+  },
+  created() {
+    if (this.callid) {
+      this.ruleForm.unique_id = this.callid
+    }
+    Promise.all([])
+      .then(() => {
+        if (this.rowid) {
+          this.ruleForm.ordercode = this.rowid
+        }
+      })
+  },
+  methods: {
+    submitForm() {
+      this.$refs.ruleForm.validate((valid) => {
+        if (valid) {
+          this.ruleForm.content = filterContent.delHtmlTag(this.ruleForm.content)// 保存内容时去掉 html 标签
+          this.loading = true
+          addOrder(this.ruleForm).then(response => {
+            this.loading = false
+            if (response.state.toLowerCase() === 'success') {
+              this.$parent.$layer.close(this.layerid)
+              this.$parent.getList() // 重新加载父级数据
+              this.$message.success('恭喜你，添加成功!')
+            }
+          }).catch(() => {
+            this.loading = false
+          })
+          return
+        } else {
+          this.$message.error('请输入有效的必填项信息!')
+          return false
+        }
+      })
+    },
+    resetForm() {
+      this.$refs.ruleForm.resetFields()
+    },
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss">
+.order_form .form_select{
+	width: 100%;
+}
+</style>

CallCenterWeb.UI/src/views/afterSaleManagement/afterSaleList/components/memberLevel.vue

@@ -0,0 +1,113 @@
+<template>
+  <div v-loading="loading">
+    <el-form ref="ruleForm" :model="ruleForm" :rules="rules" label-width="150px" class="order_form">
+      <el-form-item label="会员等级">
+        <el-select v-model="ruleForm.memberLevelInput" class="form_select" placeholder="优惠券">
+          <el-option label="普通会员" value="0"></el-option>
+          <el-option label="高级会员" value="1"></el-option>
+          <el-option label="尊贵会员" value="2"></el-option>
+          <el-option label="黄金会员" value="3"></el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="备注">
+        <el-input
+          type="textarea"
+          :rows="4"
+          placeholder="备注"
+          v-model="ruleForm.textarea">
+        </el-input>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" @click="submitForm">保存</el-button>
+        <el-button @click="resetForm">重置</el-button>
+      </el-form-item>
+    </el-form>
+  </div>
+</template>
+
+<script>
+import { getProviceCity, getDictionary } from '@/api/commonAPI'
+import { getOrder, addOrder } from '@/api/memberManagement/memberList'
+import { validateTel } from '@/utils/validate'
+import { filterContent } from '@/utils'
+
+export default {
+  name: 'MemberLevel',
+  props: {
+    rowid: {
+      type: String,
+      default: ''
+    },
+    callid: {
+      type: Number,
+      default: 0
+    },
+    layerid: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    return {
+      props: { // 自定义省市下拉数据的key值
+        value: 'code',
+        label: 'name',
+        children: 'entityJson'
+      },
+      sourceOptions: [], // 工单来源下拉数据
+      ruleForm: {
+        unique_id: '', //		否	string	callid
+        ordercode: '',
+        memberLevelInput: '', // 会员等级
+      },
+      rules: {
+      },
+      loading: false
+    }
+  },
+  created() {
+    if (this.callid) {
+      this.ruleForm.unique_id = this.callid
+    }
+    Promise.all([])
+      .then(() => {
+        if (this.rowid) {
+          this.ruleForm.ordercode = this.rowid
+        }
+      })
+  },
+  methods: {
+    submitForm() {
+      this.$refs.ruleForm.validate((valid) => {
+        if (valid) {
+          this.ruleForm.content = filterContent.delHtmlTag(this.ruleForm.content)// 保存内容时去掉 html 标签
+          this.loading = true
+          addOrder(this.ruleForm).then(response => {
+            this.loading = false
+            if (response.state.toLowerCase() === 'success') {
+              this.$parent.$layer.close(this.layerid)
+              this.$parent.getList() // 重新加载父级数据
+              this.$message.success('恭喜你，添加成功!')
+            }
+          }).catch(() => {
+            this.loading = false
+          })
+          return
+        } else {
+          this.$message.error('请输入有效的必填项信息!')
+          return false
+        }
+      })
+    },
+    resetForm() {
+      this.$refs.ruleForm.resetFields()
+    },
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss">
+.order_form .form_select{
+	width: 100%;
+}
+</style>

CallCenterWeb.UI/src/views/afterSaleManagement/afterSaleList/components/mergeId.vue

@@ -0,0 +1,90 @@
+<template>
+  <div class="app-container">
+    <el-form>
+      <el-form-item label="选择主档案">
+        <el-radio-group v-model="radioTreaty" @change="agreeChange">
+          <el-radio :label="idsOne" border>{{ vipNameOne }}</el-radio>
+          <el-radio :label="idsTwo" border>{{ vipNameTwo }}</el-radio>
+        </el-radio-group>
+      </el-form-item>
+      <el-button class="btn_merge" type="primary" @click="onSubmit">合并</el-button>
+    </el-form>
+  </div>
+</template>
+<script>
+import {
+  Merge
+} from '@/api/memberManagement/memberList'
+export default {
+  props: {
+    name: {
+      type: Array,
+      default: []
+    },
+    ids: {
+      type: Array,
+      default: []
+    },
+    layerid: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    return {
+      radioTreaty: [],
+      vipNameOne: '', // name1
+      vipNameTwo: '', // name2
+      idsOne: '',
+      idsTwo: '',
+      selectOne: '',
+      selectTwo: ''
+    }
+  },
+  created() {
+    this.radioTreaty = this.ids
+    for (var i = 0; i < this.name.length; i++) {
+      this.vipNameOne = this.name[0]
+      this.vipNameTwo = this.name[1]
+    }
+    for (var j = 0; j < this.radioTreaty.length; j++) {
+      this.idsOne = this.radioTreaty[0]
+      this.idsTwo = this.radioTreaty[1]
+    }
+  },
+  methods: {
+    agreeChange: function(val) {
+      this.selectOne = val
+      if (this.selectOne == this.idsOne) {
+        this.selectTwo = this.idsTwo
+      } else if (this.selectOne == this.idsTwo) {
+        this.selectTwo = this.idsOne
+      }
+    },
+    onSubmit() {
+      const params = {
+        MainID: this.selectOne,
+        ViceID: this.selectTwo
+      }
+      Merge(params).then((response) => {
+        if (response.state.toLowerCase() === 'success') {
+          this.$parent.$layer.close(this.layerid)
+          this.$parent.getList() // 重新加载父级数据
+          this.$message.success('合并成功!')
+        }
+      })
+        .catch(() => {
+          this.$message.info('已取消合并')
+        })
+    }
+  }
+
+}
+</script>
+<style rel="stylesheet/scss" lang="scss" scoped>
+.btn_merge{
+    display: block;
+    margin-top: 20px;
+}
+</style>
+

CallCenterWeb.UI/src/views/afterSaleManagement/afterSaleList/components/searchFilter.vue

@@ -0,0 +1,395 @@
+<template>
+  <div class="filter-container">
+    <el-date-picker
+      v-model="searchDatas.memberBirthday"
+      type="date"
+      placeholder="会员生日"
+      value-format="yyyy-MM-dd"
+      class="filter-item"
+    />
+    <el-select
+      v-model="searchDatas.labelList"
+      placeholder="请选择会员标签"
+      class="form_select"
+      clearable
+    >
+      <el-option
+        v-for="item in labelList"
+        :key="item.F_Id"
+        :label="item.F_Name"
+        :value="item.F_Name"
+      />
+    </el-select>
+    <el-cascader
+      ref="myCascader"
+      v-model="searchDatas.provinceCity"
+      :options="provinceCityDatas"
+      :props="props"
+      placeholder="请选择地区"
+      class="form_select area"
+      clearable
+      change-on-select
+      @change="handleItemChange"
+    />
+    <el-input
+      v-model="searchDatas.customerName"
+      placeholder="客户姓名"
+      class="filter-item"
+    />
+    <el-input
+      v-model="searchDatas.phoneNumber"
+      placeholder="手机号码"
+      class="filter-item"
+    />
+    <el-input
+      v-model="searchDatas.address"
+      placeholder="详细地址"
+      class="filter-item"
+    />
+    <el-input
+      v-model="searchDatas.referrer"
+      placeholder="推荐人"
+      class="filter-item"
+    />
+    <el-input
+      v-model="searchDatas.saleperson"
+      placeholder="销售负责人"
+      class="filter-item"
+    />
+    <!-- <el-input v-model="searchDatas.contactFrequency" placeholder="联系频次" class="filter-item"></el-input> -->
+    <el-button
+      type="primary"
+      class="filter-item"
+      icon="el-icon-search"
+      @click="btn_search"
+    >搜索</el-button
+    >
+
+    <!-- <el-button
+      v-permission="'HY_label'"
+      type="primary"
+      class="filter-item"
+      @click="btn_label"
+    >打标签</el-button
+    > -->
+    <!-- <el-button
+      v-permission="'HY_coupon'"
+      type="primary"
+      class="filter-item"
+      @click="btn_coupon"
+    >赠送优惠券</el-button
+    > -->
+    <!-- <el-button
+      v-permission="'HY_send_message'"
+      type="primary"
+      class="filter-item"
+      @click="btn_send_message"
+    >群发短信</el-button
+    >
+    <el-button
+      v-permission="'HY_member_extension'"
+      type="primary"
+      class="filter-item"
+      @click="btn_member_extension"
+    >付费会员延期</el-button
+    >
+    <el-button
+      v-permission="'HY_member_level'"
+      type="primary"
+      class="filter-item"
+      @click="btn_member_level"
+    >会员等级</el-button
+    >
+    <el-button type="primary" class="filter-item" @click="btn_import">
+      <svg-icon icon-class="daoru" />导入
+    </el-button>
+    <el-button
+      type="primary"
+      class="filter-item"
+      @click="btn_export"
+    >导出</el-button
+    >
+    <el-button type="primary" class="filter-item" @click="btn_file_merge">档案合并</el-button>
+    <el-button type="primary" class="filter-item" @click="btn_file_split">档案拆分</el-button> -->
+    <el-button
+      type="primary"
+      class="filter-item"
+      icon="el-icon-plus"
+      @click="btn_add"
+    >添加</el-button
+    >
+    <!-- <el-button
+      type="primary"
+      class="filter-item"
+      @click="btn_deletes"
+    >批量删除</el-button
+    >
+    <el-button
+      type="primary"
+      class="filter-item"
+      @click="transfer"
+    >转移</el-button
+    > -->
+  </div>
+</template>
+
+<script>
+import {
+  getProviceCity,
+  getDictionary,
+  getProviceCityById
+} from '@/api/commonAPI'
+import { pickerOptions } from '@/utils'
+import addOrEdit from './addOrEdit'
+import editLabel from './editLabel'
+import freeCoupons from './freeCoupons'
+import sendGroupMessage from './sendGroupMessage'
+import memberExtension from './memberExtension'
+import memberLevel from './memberLevel'
+import importFile from './importFile'
+import { getLabelLists } from '@/api/memberManagement/memberList'
+export default {
+  name: 'SearchFilter',
+  props: {
+    searchDatas: {
+      required: true,
+      type: Object,
+      default() {
+        return {
+          customerName: '', // 客户姓名
+          phoneNumber: '', // 手机号码
+          labelList: '', // 会员标签
+          // province: '', //省份
+          // city: '', //市
+          // county: '', //县区
+          // township: '', //乡镇
+          address: '', // 详细地址
+          memberBirthday: '', // 会员生日
+          referrer: '', // 推荐人
+          saleperson: '', // 销售负责人
+          // contactFrequency: "", //联系频次
+          provinceCity: [] // 省市下拉绑定的值
+        }
+      }
+    },
+    selectedId: Array
+    // provinceCity: Array,
+  },
+  data() {
+    return {
+      provinceCityDatas: [], // 省市下拉数据
+      provinceCityText: [], // 省市下拉绑定的值
+      props: {
+        // 自定义省市下拉数据的key值
+        value: 'id',
+        label: 'text',
+        children: 'children'
+      },
+      addressParams: {
+        pid: 1
+      },
+      level: 0, // 城市等级
+      deptOptions: [], // 咨询/投诉下拉数据
+      labelList: [], // 会员类型下拉数据
+      pickerOptions // 日期数据
+    }
+  },
+  created() {
+    this.getType()
+    this.getProCity()
+  },
+  methods: {
+    btn_search() {
+      console.log(this.provinceCityText)
+      this.$emit('search', this.searchDatas, this.provinceCityText)
+    },
+    btn_export() {
+      this.$emit('export', this.searchDatas, this.provinceCityText)
+    },
+    btn_deletes() {
+      this.$emit('delorders')
+    },
+    transfer() {
+      this.$emit('transfer')
+    },
+    btn_add() {
+      this.$layer.iframe({
+        content: {
+          content: addOrEdit, // 传递的组件对象
+          parent: this, // 当前的vue对象
+          data: { rowid: '' } // props//该方法会自动添加一个key为layerid的值， 该值为创建层的id， 可以直接使用
+        },
+        area: ['80%', '90%'],
+        title: '添加会员信息'
+      })
+    },
+    btn_label() {
+      this.$layer.iframe({
+        content: {
+          content: editLabel,
+          parent: this,
+          data: { rowid: this.selectedId }
+        },
+        area: ['80%', '90%'],
+        title: '打标签'
+      })
+    },
+    btn_coupon() {
+      this.$layer.iframe({
+        content: {
+          content: freeCoupons, // 传递的组件对象
+          parent: this, // 当前的vue对象
+          data: { rowid: this.selectedId } // props//该方法会自动添加一个key为layerid的值， 该值为创建层的id， 可以直接使用
+        },
+        area: ['80%', '90%'],
+        title: '赠送优惠券'
+      })
+    },
+    btn_send_message() {
+      this.$layer.iframe({
+        content: {
+          content: sendGroupMessage, // 传递的组件对象
+          parent: this, // 当前的vue对象
+          data: { rowid: this.selectedId } // props
+        },
+        area: ['80%', '90%'],
+        title: '群发短信'
+      })
+    },
+    btn_member_extension() {
+      this.$layer.iframe({
+        content: {
+          content: memberExtension, // 传递的组件对象
+          parent: this, // 当前的vue对象
+          data: { rowid: this.selectedId } // props
+        },
+        area: ['80%', '90%'],
+        title: '付费会员延期'
+      })
+    },
+    btn_member_level() {
+      this.$layer.iframe({
+        content: {
+          content: memberLevel, // 传递的组件对象
+          parent: this, // 当前的vue对象
+          data: { rowid: this.selectedId } // props
+        },
+        area: ['80%', '90%'],
+        title: '会员等级'
+      })
+    },
+    btn_import() {
+      // if (!this.planId) {
+      //   this.$message.warning('请先选择一行!')
+      //   return
+      // }
+      this.$layer.iframe({
+        content: {
+          content: importFile, // 传递的组件对象
+          parent: this, // 当前的vue对象
+          data: { rowid: '' } // props//该方法会自动添加一个key为layerid的值， 该值为创建层的id， 可以直接使用
+        },
+        area: ['40%', '380px'],
+        shadeClose: false,
+        title: '导入会员信息'
+      })
+    },
+    btn_file_merge() {
+      this.$emit('merge')
+    },
+    btn_file_split() {
+      this.$emit('split')
+    },
+    // 获取省市下拉数据
+    // getProCity() {
+    //   return new Promise(resolve => {
+    //     const params={
+    //       level:1
+    //     }
+    //     getProviceCity(params).then(response => {
+    //       if (response.state.toLowerCase() === 'success') {
+    //         this.provinceCityDatas = response.data
+    //       }
+    //     })
+    //     resolve()
+    //   })
+    // },
+    getProCity() {
+      getProviceCityById(this.addressParams)
+        .then((res) => {
+          this.provinceCityDatas = this.handleData(res.data)
+        })
+        .catch((err) => {})
+    },
+    handleItemChange(val) {
+      this.provinceCityText = this.$refs['myCascader'].currentLabels
+      const pid = val ? val[val.length - 1] : 1 // id值
+      this.level = val.length + 1 // 判断第几级
+      this.provinceCityDatas = this.handleData(
+        this.provinceCityDatas,
+        pid,
+        this.level
+      )
+    },
+    handleData(data, val, level) {
+      for (let i = 0; i < data.length; i++) {
+        if (!data[i].children) {
+          this.$set(data[i], 'children', [])
+        }
+        if (data[i].id === val) {
+          getProviceCityById({ pid: val })
+            .then((res) => {
+              if (res.data.length) {
+                data[i].children = res.data
+                if (this.level !== 4) {
+                  data[i].children.forEach((ele) => {
+                    this.$set(ele, 'children', [])
+                  })
+                }
+              } else {
+                data[i].children = undefined
+              }
+            })
+            .catch((err) => {})
+        } else {
+          if (data[i].children.length) {
+            this.handleData(data[i].children, val, level)
+          }
+        }
+      }
+
+      return data
+    },
+
+    // 获取会员类型
+    getType() {
+      return new Promise((resolve) => {
+        const params = {
+          pageindex: 1,
+          pagesize: 10,
+          isleaf: true,
+          code: 'HYLX'
+        }
+        getLabelLists(params).then((response) => {
+          if (response.state.toLowerCase() === 'success') {
+            this.labelList = response.rows.Rows
+          }
+        })
+      })
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+.filter-container .filter-item.el-select {
+  margin-right: 10px;
+}
+.filter-container .filter-item.el-date-editor {
+  margin-right: 10px;
+}
+.area {
+  width: 270px !important;
+}
+</style>
+

CallCenterWeb.UI/src/views/afterSaleManagement/afterSaleList/components/sendGroupMessage.vue

@@ -0,0 +1,99 @@
+<template>
+  <div v-loading="loading">
+    <el-form ref="ruleForm" :model="ruleForm" :rules="rules" label-width="150px" class="order_form">
+      <el-form-item label="短信内容">
+        <el-input type="textarea" :rows="4" placeholder="请输入内容" v-model="ruleForm.textarea"></el-input>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" @click="submitForm">发送短信</el-button>
+      </el-form-item>
+    </el-form>
+  </div>
+</template>
+
+<script>
+import { getProviceCity, getDictionary } from '@/api/commonAPI'
+import { getOrder, addOrder } from '@/api/memberManagement/memberList'
+import { validateTel } from '@/utils/validate'
+import { filterContent } from '@/utils'
+
+export default {
+  name: 'SendGroupMessage',
+  props: {
+    rowid: {
+      type: String,
+      default: ''
+    },
+    callid: {
+      type: Number,
+      default: 0
+    },
+    layerid: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    return {
+      props: { // 自定义省市下拉数据的key值
+        value: 'code',
+        label: 'name',
+        children: 'entityJson'
+      },
+      sourceOptions: [], // 工单来源下拉数据
+      ruleForm: {
+        unique_id: '', //		否	string	callid
+        ordercode: '',
+        labelDescription: '',
+      },
+      rules: {
+      },
+      loading: false
+    }
+  },
+  created() {
+    if (this.callid) {
+      this.ruleForm.unique_id = this.callid
+    }
+    Promise.all([])
+      .then(() => {
+        if (this.rowid) {8
+          this.ruleForm.ordercode = this.rowid
+        }
+      })
+  },
+  methods: {
+    submitForm() {
+      this.$refs.ruleForm.validate((valid) => {
+        if (valid) {
+          this.ruleForm.content = filterContent.delHtmlTag(this.ruleForm.content)// 保存内容时去掉 html 标签
+          this.loading = true
+          addOrder(this.ruleForm).then(response => {
+            this.loading = false
+            if (response.state.toLowerCase() === 'success') {
+              this.$parent.$layer.close(this.layerid)
+              this.$parent.getOrderRecord() // 重新加载来电弹屏工单记录
+              this.$message.success('恭喜你，添加成功!')
+            }
+          }).catch(() => {
+            this.loading = false
+          })
+          return
+        } else {
+          this.$message.error('请输入有效的必填项信息!')
+          return false
+        }
+      })
+    },
+    resetForm() {
+      this.$refs.ruleForm.resetFields()
+    },
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss">
+.order_form .form_select{
+	width: 100%;
+}
+</style>

CallCenterWeb.UI/src/views/afterSaleManagement/afterSaleList/components/transfer.vue

@@ -0,0 +1,171 @@
+<template>
+  <div v-loading="loading">
+    <el-form ref="ruleForm" :model="ruleForm" :rules="rules" label-width="150px" class="order_form">
+      <el-form-item label="部门" prop="depid">
+        <el-cascader
+          v-model="ruleForm.depid"
+          :options="depData"
+          :props="props"
+          placeholder="请选择部门"
+          class="form_select"
+          clearable
+          style="width:199px"
+          filterable
+          change-on-select
+          @change="handleSalesMan"
+        />
+      </el-form-item>
+      <el-form-item label="新销售负责人" prop="F_Name">
+        <el-select v-model="ruleForm.F_Name" clearable placeholder="请选择销售负责人">
+          <el-option
+            v-for="item in salesMan"
+            :key="item.F_UserCode"
+            :label="item.F_UserName"
+            :value="item.F_UserCode"/>
+        </el-select>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" @click="submitForm">保存</el-button>
+      </el-form-item>
+    </el-form>
+  </div>
+</template>
+
+<script>
+import { getDepartmentTreeList } from '@/api/commonAPI'
+import { formatterContent } from '@/utils'
+import { getTransfer, getSalesmanData } from '@/api/memberManagement/memberList'
+export default {
+  name: 'AddOrEdit',
+  props: {
+    rowid: {
+      type: Array,
+      default: []
+    },
+    callid: {
+      type: Number,
+      default: 0
+    },
+    layerid: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    return {
+      ruleForm: {
+        F_Name: '', // 客户姓名
+        depid: [] // 部门id
+      },
+      rules: {
+        F_Name: [
+          {
+            required: true,
+            trigger: 'blur',
+            message: '请输入新负责人姓名'
+          }
+        ],
+        depid: [
+          {
+            required: true,
+            trigger: 'blur',
+            message: '请选择部门'
+          }
+        ]
+      },
+      props: {
+        // 自定义部门下拉数据的key值
+        value: 'id',
+        label: 'text',
+        children: 'children'
+      },
+      depData: [], // 部门数据
+      salesMan: [], // 销售负责人数据
+      loading: false
+    }
+  },
+  created() {
+    if (this.callid) {
+      this.ruleForm.unique_id = this.callid
+    }
+    Promise.all([]).then(() => {
+      if (this.rowid) {
+        this.getDepartment()
+      }
+    })
+  },
+  methods: {
+    submitForm() {
+      this.$refs.ruleForm.validate(valid => {
+        if (valid) {
+          this.loading = true
+          return new Promise(resolve => {
+            // const params ={
+            //   ids:this.rowid,
+            //   toperson: this.ruleForm.F_Name
+            // }
+            // console.log(params)
+            // 添加
+            if (this.rowid) {
+              getTransfer(this.rowid, this.ruleForm.F_Name)
+                .then(response => {
+                  this.loading = false
+                  if (response.state.toLowerCase() === 'success') {
+                    this.$parent.$layer.close(this.layerid)
+                    this.$parent.getList() // 重新加载父级数据
+                    this.$message.success('恭喜你，转移成功!')
+                  }
+                })
+                .catch(() => {
+                  this.loading = false
+                })
+            }
+          })
+        } else {
+          this.$message.error('请输入有效的必填项信息!')
+          return false
+        }
+      })
+    },
+    // 获取部门信息
+    getDepartment() {
+      getDepartmentTreeList().then(response => {
+        if (response.state.toLowerCase() == 'success') {
+          this.depData = response.data
+        }
+      })
+    },
+    // 获取销售负责人数据
+    handleSalesMan() {
+      this.ruleForm.F_Name = ''
+      return new Promise(resolve => {
+        const params = {
+          deptid: this.ruleForm.depid && this.ruleForm.depid[this.ruleForm.depid.length - 1]
+        }
+        getSalesmanData(params).then(response => {
+          if (response.state.toLowerCase() == 'success') {
+            this.salesMan = response.data
+          }
+        }).catch(result => {
+          console.log(result)
+        })
+      })
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss">
+.order_form {
+  .form_select {
+    width: 100%;
+  }
+  .form_date {
+    width: 100%;
+  }
+  .col_select_text {
+    text-align: right;
+    padding-right: 15px;
+  }
+}
+</style>

CallCenterWeb.UI/src/views/afterSaleManagement/afterSaleList/index.vue

@@ -1,53 +1,163 @@
 <template>
   <div class="app-container">
-    <div class="filter-container">
-      <el-select v-model="searchData.checkState" class="filter-item" filterable clearable placeholder="请选择售后审核状态">
-        <el-option label="全部" value="-2"></el-option>
-        <el-option label="保存" value="0"></el-option>
-        <el-option label="审核通过" value="1"></el-option>
-        <el-option label="审核未通过" value="2"></el-option>
-      </el-select>
-      <el-select v-model="searchData.type" class="filter-item" filterable clearable placeholder="请选择售后类型">
-          <el-option label="调换货" value="1"></el-option>
-          <el-option label="退货" value="2"></el-option>
-          <el-option label="部分退货" value="3"></el-option>
-          <el-option label="对发货" value="4"></el-option>
-          <el-option label="补发货" value="5"></el-option>
-          <el-option label="补差额" value="6"></el-option>
-      </el-select>
-      <el-button type="primary" class="filter-item" icon="el-icon-search" @click="btn_search">搜索</el-button>
-    </div>
-    <el-table v-loading="loading" :data="dataLists" border stripe  @selection-change="handleSelectionChange">
-      <el-table-column type="selection"></el-table-column>
-      <el-table-column type="index" label="编号" align="center" fixed width="80" />
-      <el-table-column prop="F_OrderId" label="订单编号" align="center" min-width="180" >
-        <template slot-scope="scope">
-          <el-button type="text" size="small" @click="hadndleOrderCode(scope.row.F_OrderId)">{{ scope.row.F_OrderId }}</el-button>
-        </template>
-      </el-table-column>
-      <el-table-column label="售后类型" align="center">
+    <search-filter
+      :search-datas.sync="searchDatas"
+      :selected-id="selectedId"
+      showadd
+      @transfer="btn_transfer"
+      @search="btn_search"
+    />
+    <el-table
+      v-loading="loading"
+      :data="dataLists"
+      border
+      stripe
+      @selection-change="changeSelects"
+    >
+      <el-table-column type="selection" width="40" fixed/>
+      <el-table-column
+        prop="F_Name"
+        label="客户姓名"
+        align="center"
+        width=""
+      />
+      <el-table-column
+        prop="F_Sex"
+        label="客户性别"
+        align="center"
+        width=""
+      />
+      <el-table-column
+        prop="F_Age"
+        label="客户年龄"
+        align="center"
+        width=""
+      />
+      <el-table-column label="主号码" align="center" width="100px">
         <template slot-scope="scope">
-          {{ scope.row.F_Type | judgmentStateName }}
+          {{ scope.row.F_Phone | phoneFilter }}
+          <i
+            class="el-icon-phone phoneIcon"
+            @click="clickCut(scope.row.F_ID)"
+          />
         </template>
       </el-table-column>
-      <el-table-column label="售后审核状态" align="center">
+      <el-table-column label="备用号码" align="center" width="">
         <template slot-scope="scope">
-          {{ scope.row.F_CheckStateSH | judgmentAfterSaleCheckState }}
+          {{ scope.row.F_Mobile | mobileFilter }}
+          <i
+            class="el-icon-phone phoneIcon"
+            @click="clickCut2(scope.row.F_ID)"
+          />
         </template>
       </el-table-column>
-      <el-table-column label="仓库审核状态" align="center">
-        <template slot-scope="scope">
-          {{ scope.row.F_CheckStateKG | judgmentCustodianStateName }}
+      <el-table-column
+        prop="F_Label"
+        label="会员标签"
+        align="center"
+        width=""
+      />
+      <el-table-column label="详细地址" align="center" width="100px">
+        <template slot-scope="scoped">
+          <!-- <span v-show="scoped.row.F_Province==null?false:true">{{scoped.row.F_Province}}</span>
+          <span v-show="scoped.row.F_City==null?false:true">{{scoped.row.F_City}}</span>
+          <span v-show="scoped.row.F_Area==null?false:true">{{scoped.row.F_Area}}</span>
+          <span v-show="scoped.row.F_Town==null?false:true">{{scoped.row.F_Town}}</span> -->
+          <span v-show="scoped.row.F_Address == null ? false : true">{{
+            scoped.row.F_Address
+          }}</span>
         </template>
       </el-table-column>
-      <el-table-column prop="F_Money" label="变动金额" align="center" />
-      <el-table-column prop="F_Remark" label="备注" align="center" />
-      <el-table-column prop="F_AddTime" label="下单日期" align="center" />
-      <el-table-column label="操作" width="240" align="center" class-name="oparate_btn" fixed="right">
+      <el-table-column
+        prop="F_Address1"
+        label="备用地址"
+        align="center"
+        width=""
+      />
+      <el-table-column
+        prop="F_ShoeSize"
+        label="鞋码"
+        align="center"
+        width=""
+      />
+      <el-table-column
+        prop="Birthday"
+        label="会员生日"
+        align="center"
+        width="100px"
+      />
+      <el-table-column
+        prop="F_Score"
+        label="会员积分"
+        align="center"
+        width=""
+      />
+      <el-table-column
+        prop="F_Recommender"
+        label="推荐人"
+        align="center"
+        width=""
+      />
+      <el-table-column
+        prop="F_Saleperson"
+        label="销售负责人"
+        align="center"
+        width="90px"
+      />
+      <el-table-column
+        prop="F_Money"
+        label="累计消费金额"
+        align="center"
+        width=""
+      />
+      <el-table-column
+        prop="F_Firstcalltime"
+        label="首次通话记录"
+        align="center"
+        width=""
+      />
+      <el-table-column
+        prop="F_Lastholetime"
+        label="末联通话记录"
+        align="center"
+        width=""
+      />
+      <el-table-column
+        prop="F_TotalScore"
+        label="累计积分"
+        align="center"
+        width=""
+      />
+      <el-table-column
+        label="操作"
+        width="140"
+        align="center"
+        class-name="oparate_btn"
+        fixed="right"
+      >
         <template slot-scope="scope">
-          <el-button v-permission="'HY_after_sale_detail'" type="text" @click="btn_after_sale_detail(scope.row.F_Id)">详情</el-button>
-          <el-button v-permission="'HY_edit'" v-if="authority_edit(scope.row.F_CheckStateSH)" type="text" @click="btn_edit(scope.row.F_Id)">编辑</el-button>
-          <el-button v-permission="'HY_delete'" v-if="authority_delete(scope.row.F_CheckStateSH)" type="text" @click="btn_delete(scope.row.F_Id)">删除</el-button>
+          <el-button
+            v-permission="'HY_add_aftersale'"
+            type="text"
+            @click="btn_add_order(scope.row.F_ID)"
+          >添加售后</el-button
+          >
+
+          <el-button
+            type="text"
+            @click="btn_detail(scope.row.F_ID.toString())"
+          >详情</el-button
+          >
+          <el-button
+            type="text"
+            @click="btn_edit(scope.row.F_ID)"
+          >编辑</el-button
+          >
+          <el-button
+            type="text"
+            @click="btn_delete(scope.row.F_ID)"
+          >删除</el-button
+          >
         </template>
       </el-table-column>
     </el-table>
@@ -63,58 +173,73 @@
 </template>
 
 <script>
-import { getDictionaryValueList } from '@/api/commonAPI'
-import { getAfterSaleList, deleteAfterSaleList } from "@/api/afterSaleManagement/afterSaleList";
-import { pickerOptions, formatterContent } from "@/utils";
-import Pagination from "@/components/Pagination"; // 对el-pagination 二次封装
-import addOrEdit from "./addOrEdit"
-import afterSaleDetail from "./afterSaleDetail"
-import detail from "@/views/orderManagement/orderList/detail"
-
-
+import { mapGetters } from 'vuex'
+import {
+  getOrderLists,
+  deleteOrder,
+  deletesMember,
+  encryptphone,
+  split
+} from '@/api/memberManagement/memberList'
+import searchFilter from './components/searchFilter'
+import addOrEdit from './components/addOrEdit'
+import addTodo from './components/addTodo'
+import detail from './components/detail'
+import transfer from './components/transfer'
+import addOrder from './components/addOrder'
+import afterSale from './components/afterSale'
+import { formatterContent } from '@/utils'
+import Pagination from '@/components/Pagination' // 对el-pagination 二次封装
+import mergeId from './components/mergeId'
 export default {
-  name: "ConsolidateOrderList",
+  name: 'MemberLabel',
   components: {
-    Pagination
+    Pagination,
+    searchFilter
   },
   filters: {
-    judgmentStateName(status) {
-      const statusMap = {
-        '1': '调换货',
-        '2': '退货',
-        '3': '部分退货',
-        '4': '对发货',
-        '5': '补发货',
-        '6': '补差额',
-      }
-      return statusMap[status]
-    },
-    judgmentAfterSaleCheckState(status) {
-      const statusMap = {
-        '0': '保存',
-        '1': '审核通过',
-        '2': '审核未通过',
+    phoneFilter(status) {
+      if (status) {
+        const mtel = status.substr(0, 3) + '****' + status.substr(7)
+        return mtel
       }
-      return statusMap[status]
     },
-    judgmentCustodianStateName(status) {
-      const statusMap = {
-        '0': '未审核',
-        '1': '收到货',
-        '2': '货物不符',
-        '3': '未收到货',
+    mobileFilter(status) {
+      if (status) {
+        const arr = status.split(',')
+        var mtel = ''
+        for (let i = 0; i < arr.length; i++) {
+          mtel += arr[i].substr(0, 3) + '****' + arr[i].substr(7) + ','
+        }
       }
-      return statusMap[status]
-    },
+
+      return mtel
+    }
   },
+
   data() {
     return {
-      loading: false,
-      searchData: {
-        checkState: '-2', //售后审核状态
-        type: '', //售后类型
+      phoneOne: '', // 加密主号码
+      phoneOne2: '', // 加密备用号码
+      phoneNumOne: '',
+      searchDatas: {
+        VIPCode: '', // 会员卡编号
+        customerName: '', // 客户姓名
+        phoneNumber: '', // 手机号码
+        labelList: '', // 会员标签
+        province: '', // 省份
+        city: '', // 市
+        county: '', // 县区
+        township: '', // 乡镇
+        address: '', // 详细地址
+        birthday: '', // 会员生日
+        referrer: '', // 推荐人
+        saleperson: '', // 销售负责人
+        // contactFrequency: '', //联系频次
+        provinceCity: [], // 省市下拉绑定的值
+        provinceCityText: [] // 省市下拉绑定文本值
       },
-      pickerOptions, // 日期数据
+      loading: false,
       pageParams: {
         pageindex: 1, // 当前第几页
         pagesize: Number(this.$store.getters.serverConfig.PAGESIZE), // 每页几条数据
@@ -122,127 +247,315 @@ export default {
       },
       dataLists: [], // 列表数据
       multipleSelection: [], // 选中的数据
-      selectedId: [], // 选中的数据的id
-    };
+      selectedId: [], // 选中的id
+      namesData: []
+    }
   },
   created() {
     this.getList()
-    document.onkeyup = e => {
+    document.onkeyup = (e) => {
       if (e.keyCode === 13) {
-        this.getList();
+        this.getList()
       }
-    };
+    }
+  },
+  computed: {
+    ...mapGetters(['token'])
   },
   methods: {
     getList() {
-      this.loading = true;
-      return new Promise(resolve => {
+      this.loading = true
+      return new Promise((resolve) => {
         const params = {
-          F_CheckStateSH: this.searchData.checkState, //售后审核状态
-          F_Type: this.searchData.type, //售后类型
-          F_State: -2, //订单状态
-          F_Id: '',
           pageindex: this.pageParams.pageindex, // int 第几页
           pagesize: this.pageParams.pagesize, // int 每页几条信息
-           F_PayState:'-2',
-        };
-        getAfterSaleList(params).then(response => {
-          this.loading = false;
-          if (response.state.toLowerCase() === "success") {
-            this.pageParams.total = response.data.Totals;
-            this.dataLists = response.data.Rows;
+          name: this.searchDatas.customerName.trim(), // 客户姓名
+          phone: this.searchDatas.phoneNumber.trim(), // 手机号码
+          label: this.searchDatas.labelList, // 会员标签
+          province:
+            this.searchDatas.provinceCityText &&
+            this.searchDatas.provinceCityText[0], // 省份
+          city:
+            this.searchDatas.provinceCityText[1] &&
+            this.searchDatas.provinceCityText[1], // 市
+          area:
+            this.searchDatas.provinceCityText[2] &&
+            this.searchDatas.provinceCityText[2], // 县区
+          town:
+            this.searchDatas.provinceCityText[3] &&
+            this.searchDatas.provinceCityText[3], // 乡镇
+          address: this.searchDatas.address.trim(), // 详细地址
+          birthday: this.searchDatas.memberBirthday, // 会员生日
+          recommender: this.searchDatas.referrer.trim(), // 推荐人
+          saleperson: this.searchDatas.saleperson.trim() // 销售负责人
+          // contact: this.searchDatas.contactFrequency.trim(), //联系频次
+        }
+        getOrderLists(params).then((response) => {
+          this.loading = false
+          if (response.state.toLowerCase() === 'success') {
+            this.pageParams.total = response.rows.Totals
+            this.dataLists = response.rows.Rows
           }
-        });
-        resolve();
-      });
+        })
+        resolve()
+      })
+    },
+    btn_search(val, data) {
+      this.searchDatas.provinceCityText = data
+      this.pageParams.pageindex = 1
+      this.getList()
+    },
+    btn_export(val, data) {
+      this.searchDatas.provinceCityText = data
+      window.location.href =
+        this.$store.getters.serverConfig.BASE_API +
+        'api/vipinfo/exportexcel?name=' +
+        this.searchDatas.customerName +
+        '&phone=' +
+        this.searchDatas.phoneNumber + // 手机号码
+        '&province=' +
+        (this.searchDatas.provinceCityText.length > 0
+          ? this.searchDatas.provinceCityText[0]
+          : '') +
+        '&city=' +
+        (this.searchDatas.provinceCityText.length > 1
+          ? this.searchDatas.provinceCityText[1]
+          : '') +
+        '&area=' +
+        (this.searchDatas.provinceCityText.length > 2
+          ? this.searchDatas.provinceCityText[2]
+          : '') +
+        '&town=' +
+        (this.searchDatas.provinceCityText.length > 3
+          ? this.searchDatas.provinceCityText[3]
+          : '') +
+        '&label=' +
+        this.searchDatas.labelList + // 会员类型
+        '&address=' +
+        this.searchDatas.address + // 地址
+        '&recommender=' +
+        this.searchDatas.referrer + // 推荐人
+        '&saleperson=' +
+        this.searchDatas.saleperson + // 销售负责人
+        // '&token=' + this.token +
+        '&birthday=' +
+        this.searchDatas.birthday
     },
-    //编辑详情
-    btn_after_sale_detail(editId) {
+    btn_detail(editId) {
       this.$layer.iframe({
         content: {
-          content: afterSaleDetail, // 传递的组件对象
+          content: detail, // 传递的组件对象
           parent: this, // 当前的vue对象
           data: { rowid: editId } // props
         },
-        area: ["80%", "90%"],
-        title: "售后列表详情"
-      });
+        area: ['80%', '90%'],
+        title: '详情'
+      })
     },
-    //编辑
     btn_edit(editId) {
       this.$layer.iframe({
         content: {
           content: addOrEdit, // 传递的组件对象
           parent: this, // 当前的vue对象
-          data: { rowid: editId } // props
+          data: { rowid: editId.toString() } // props
         },
-        area: ["80%", "90%"],
-        title: "编辑售后"
-      });
-    },
-    btn_delete(id) {
-      this.$confirm('您确定删除吗?', '提示', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning'
-      }).then(() => {
-        const data = {
-          ids: id
-        }
-        deleteAfterSaleList(data).then(response => {
-          if (response.state.toLowerCase() === 'success') {
-            this.getList()
-            this.$message.success('删除成功!')
-          }
-        })
-      }).catch(() => {
-        this.$message.info('已取消删除')
+        area: ['80%', '90%'],
+        title: '编辑会员信息'
       })
     },
-    btn_search() {
-      this.pageParams.pageindex = 1;
-      this.getList();
-    },
-    hadndleOrderCode(ordercode){
+    // 添加订单
+    btn_add_order(id) {
       this.$layer.iframe({
         content: {
-          content: detail, // 传递的组件对象
+          content: afterSale, // 传递的组件对象
           parent: this, // 当前的vue对象
-          data: { 'rowid': ordercode }// props
+          data: { rowid: id.toString() } // props
         },
         area: ['80%', '90%'],
-        title: '订单详情'
+        title: '添加订单'
       })
     },
-    //选择多个
-    handleSelectionChange(val) {
-      const ids = []
-      this.multipleSelection = val
-      for (let i=0; i<this.multipleSelection.length; i++) {
-        ids.push(this.multipleSelection[i].id)
+    // 添加待办
+    btn_addTodo(phone, name) {
+      this.$layer.iframe({
+        content: {
+          content: addTodo, // 传递的组件对象
+          parent: this, // 当前的vue对象
+          data: { rowPhone: phone, rowName: name } // props
+        },
+        area: ['40%', '70%'],
+        title: '添加待办信息'
+      })
+    },
+    // 批量删除
+    btn_deletes() {
+      if (this.selectedId.length == 0) {
+        this.$message('请选择一个选项')
+        return
+      } else {
+        this.$confirm('您确定要删除吗?', '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        })
+          .then(() => {
+            deletesMember(this.selectedId).then((response) => {
+              if (response.state.toLowerCase() === 'success') {
+                this.getList()
+                this.$message.success('删除成功!')
+              }
+            })
+          })
+          .catch(() => {
+            this.$message.info('已取消删除')
+          })
+      }
+    },
+    // 档案合并
+    btn_file_merge() {
+      if (this.selectedId.length == 1) {
+        this.$message('请选择两个选项')
+        return
+      } else {
+        this.$layer.iframe({
+          content: {
+            content: mergeId, // 传递的组件对象
+            parent: this, // 当前的vue对象
+            data: { name: this.namesData, ids: this.selectedId } // props
+          },
+          area: ['40%', '70%'],
+          title: '选择主档案'
+        })
       }
-      this.selectedPhone = ids;
     },
-    authority_edit(checkStateSH) {
-      if (checkStateSH == 0 || checkStateSH == 2) {
-        return true
+    // 档案拆分
+    btn_file_split() {
+      if (this.selectedId.length == 0) {
+        this.$message('请选择一个选项')
+        return
       } else {
-        return false
+        this.$confirm('您确定要拆分吗?', '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        })
+          .then(() => {
+            const params = {
+              id: this.selectedId[0]
+            }
+            split(params).then((response) => {
+              if (response.state.toLowerCase() === 'success') {
+                this.getList()
+                this.$message.success('拆分成功!')
+              }
+            })
+          })
+          .catch(() => {
+            this.$message.info('已取消拆分')
+          })
       }
     },
-    authority_delete(checkStateSH) {
-      if (checkStateSH == 0 || checkStateSH == 2) {
-        return true
+    // 转移
+    btn_transfer() {
+      if (this.selectedId.length == 0) {
+        this.$message('请选择一个选项')
+        return
       } else {
-        return false
+        this.$layer.iframe({
+          content: {
+            content: transfer, // 传递的组件对象
+            parent: this, // 当前的vue对象
+            data: { rowid: this.selectedId } // props
+          },
+          area: ['40%', '40%'],
+          title: '转移档案'
+        })
       }
     },
+    btn_delete(editId) {
+      this.$confirm('您确定要将此会员删除吗?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      })
+        .then(() => {
+          deletesMember(editId).then((response) => {
+            if (response.state.toLowerCase() === 'success') {
+              this.getList()
+              this.$message.success('删除成功!')
+            }
+          })
+        })
+        .catch(() => {
+          this.$message.info('已取消删除')
+        })
+    },
+    changeSelects(val) {
+      const ids = []
+      const names = []
+      this.multipleSelection = val
+      for (let i = 0; i < this.multipleSelection.length; i++) {
+        ids.push(this.multipleSelection[i].F_ID)
+        names.push(this.multipleSelection[i].F_Name)
+      }
+      this.selectedId = ids
+      this.namesData = names
+      console.log(this.selectedId, this.namesData)
+    },
+
+    // 主号码加密
+    clickCut(id) {
+      const params = {
+        id: id,
+        type: 0
+      }
+      encryptphone(params)
+        .then((response) => {
+          if (response.state.toLowerCase() === 'success') {
+            this.phoneOne = response.data
+            this.$copyText(this.phoneOne).then(
+              (e) => {
+                this.$message.success(
+                  '号码复制成功成功，请联系管理员进行解密!'
+                )
+              },
+              (e) => {
+                this.$toast('复制失败')
+              }
+            )
+          }
+        })
+        .catch(() => {
+          this.$message.info('查询失败')
+        })
+    },
+    // 备用号码解密
+    clickCut2(id) {
+      const params = {
+        id: id,
+        type: 1
+      }
+      encryptphone(params)
+        .then((response) => {
+          if (response.state.toLowerCase() === 'success') {
+            this.phoneOne2 = response.data
+            this.$copyText(this.phoneOne2).then(
+              (e) => {
+                this.$message.success('号码复制成功成功!')
+              },
+              (e) => {
+                this.$toast('复制失败')
+              }
+            )
+          }
+        })
+        .catch(() => {
+          this.$message.info('查询失败')
+        })
+    }
   }
-};
+}
 </script>
 
 <style rel="stylesheet/scss" lang="scss" scoped>
-.el{
-  cursor: pointer;
-}
 </style>

CallCenterWeb.UI/src/views/memberManagement/memberList/components/detail.vue

@@ -47,9 +47,9 @@
             <el-col :md="6" class="order_detail_item">推荐人手机号：{{ recommenderTel }}</el-col>
             <el-col :md="6" class="order_detail_item">累计消费金额：{{ money }}</el-col>
             <el-col :md="6" class="order_detail_item">累计积分：{{ totalscore }}</el-col>
-            <el-col :md="6" class="order_detail_item">首次通话记录：{{ firstcalltime  }}</el-col>
+            <el-col :md="6" class="order_detail_item">首次通话记录：{{ firstcalltime }}</el-col>
             <el-col :md="6" class="order_detail_item">末联通话记录：{{ lastholetime }}</el-col>
-            <el-col :md="6" class="order_detail_item">修改人：{{ F_LastModifyBy  }}</el-col>
+            <el-col :md="6" class="order_detail_item">修改人：{{ F_LastModifyBy }}</el-col>
             <el-col :md="6" class="order_detail_item">修改时间：{{ F_LastModifyOn }}</el-col>
             <!-- <el-col :md="18" :offset="6">
               <el-button type="primary" size="mini" plain>打标签</el-button>
@@ -104,36 +104,123 @@
       border
       stripe
     >
-    <el-table-column
-       type="index"
+      <el-table-column
+        type="index"
         label="编号"
         align="center"
         width=""
-      ></el-table-column>
+      />
       <el-table-column
         prop="F_Recommender"
         label="推荐人"
         align="center"
         width=""
-      ></el-table-column>
-   <el-table-column
+      />
+      <el-table-column
         prop="F_RecommenderTel"
         label="联系方式"
         align="center"
         width=""
-      ></el-table-column>
+      />
+    </el-table>
+    <el-row>
+      <el-col>
+        订单列表
+      </el-col>
+    </el-row>
+    <el-table
+      :data="orderLists"
+      border
+      stripe
+    >
+      <el-table-column
+        type="index"
+        label="编号"
+        align="center"
+        width=""
+      />
+      <el-table-column prop="F_Id" label="订单编号" align="center" min-width="180"/>
+      <el-table-column prop="F_Customer" label="客户姓名" align="center" min-width />
+      <el-table-column prop="F_CustomerPhone" label="手机号码" align="center" min-width="140">
+        <template slot-scope="scope">
+          {{ scope.row.F_CustomerPhone }}
+
+        </template>
+      </el-table-column>
+      <el-table-column label="订购商品" align="center" min-width>
+        <template slot-scope="scope">{{ scope.row.OrderDetailList | judgmentOrderGoods }}</template>
+      </el-table-column>
+      <el-table-column prop="F_AddTime" label="下单日期" align="center" />
+      <el-table-column label="订单状态" align="center">
+        <template slot-scope="scope">{{ scope.row.F_State | judgmentStateName }}</template>
+      </el-table-column>
+      <el-table-column prop="F_AddUserName" label="下单员工" align="center" />
+      <el-table-column prop="F_BelongName" label="归属员工" align="center" />
+      <el-table-column prop="F_Type" label="订单类型" align="center" />
+      <el-table-column prop="F_Express" label="快递公司" align="center" />
+      <el-table-column label="物流状态" align="center">
+        <template slot-scope="scope">{{ scope.row.F_Status | judgmentStatusName }}</template>
+      </el-table-column>
     </el-table>
-   
   </div>
 </template>
 
 <script>
 import { getMemberInfo } from '@/api/memberManagement/memberList'
+import { getOrderLists } from '@/api/orderManagement/orderList'
 import { mapGetters } from 'vuex'
 import { filterContent } from '@/utils'
 
 export default {
   name: 'Detail',
+  filters: {
+    phoneFilter(status) {
+      const mtel = status.substr(0, 3) + '****' + status.substr(7)
+      return mtel
+    },
+    mobileFilter(status) {
+      const arr = status.split(',')
+      var mtel = ''
+      for (let i = 0; i < arr.length; i++) {
+        mtel += arr[i].substr(0, 3) + '****' + arr[i].substr(7) + ','
+      }
+      return mtel
+    },
+    judgmentStateName(status) {
+      const statusMap = {
+        '-1': '无效',
+        0: '暂存',
+        1: '提交',
+        2: '退回',
+        3: '通过',
+        4: '无货',
+        5: '已分拣',
+        6: '已发货'
+      }
+      return statusMap[status]
+    },
+    judgmentStatusName(status) {
+      const statusMap = {
+        0: '未发出',
+        1: '未签收',
+        2: '签收',
+        3: '改代收',
+        4: '拒收'
+      }
+      return statusMap[status]
+    },
+    judgmentOrderGoods(status) {
+      let orderGoodsNameQuantity = ''
+      for (let i = 0; i < status.length; i++) {
+        orderGoodsNameQuantity = `${orderGoodsNameQuantity}${status[i].F_ProductName}*${status[i].F_Count},`
+      }
+      orderGoodsNameQuantity = orderGoodsNameQuantity.substring(
+        0,
+        orderGoodsNameQuantity.length - 1
+      )
+      return orderGoodsNameQuantity
+    }
+  },
   props: {
     rowid: {
       type: String,
@@ -144,22 +231,7 @@ export default {
       default: ''
     }
   },
-  filters: {
-    phoneFilter(status) {
-      const mtel = status.substr(0, 3) + "****" +status.substr(7);
-      return mtel;
-    },
-     mobileFilter(status) {
-      const arr=status.split(',')
-      var mtel=''
-      for (let i = 0; i < arr.length; i++) {
-        mtel +=  arr[i].substr(0, 3) + "****" + arr[i].substr(7)+",";
-      }
-         return mtel;
-
-    },
-  },
-  data () {
+  data() {
     return {
       activeName: 'first',
       name: '', // 姓名
@@ -174,7 +246,7 @@ export default {
       birthday: '', // 会员生日
       score: '', // 会员积分
       recommender: '', // 推荐人
-      recommenderTel: '', //推荐人手机号
+      recommenderTel: '', // 推荐人手机号
       money: '', // 累计消费金额
       totalscore: '', // 累计积分
       province: '', // 省
@@ -192,35 +264,34 @@ export default {
       area2: '', // 县
       town2: '', // 乡
       address2: '', // 地址
-      firstcalltime: '', //首次通话记录
+      firstcalltime: '', // 首次通话记录
       lastholetime: '', // 末联通话记录
-      F_LastModifyOn:'',//修改时间
-      F_LastModifyBy:'',//修改人
-      
-      dataLists: [], // 列表数据
+      F_LastModifyOn: '', // 修改时间
+      F_LastModifyBy: '', // 修改人
+      orderLists: [], // 订单列表数据
+      dataLists: [] // 列表数据
     }
-   
   },
   computed: {
     ...mapGetters([
       'avatar'
     ])
   },
-  created () {
+  created() {
+    this.getList()
     if (this.rowid) {
       this.getDetail(this.rowid)
     }
   },
   methods: {
-    handleClick (tab, event) {
+    handleClick(tab, event) {
       console.log(tab, event)
     },
     // 详情
-    getDetail (rid) {
+    getDetail(rid) {
       getMemberInfo(rid).then(response => {
         const res = response.model
-        this.dataLists=response.viplist
-        console.log('res', res)
+        this.dataLists = response.viplist
         this.name = res.F_Name // 姓名
         this.sex = res.F_Sex // 性别
         this.age = res.F_Age // 年龄
@@ -234,7 +305,7 @@ export default {
         this.score = res.F_Score // 会员积分
         this.recommender = res.F_Recommender // 推荐人
         this.recommenderTel = res.F_RecommenderTel // 推荐人
-        this.money = res.F_Money // 累计消费金额  
+        this.money = res.F_Money // 累计消费金额
         this.totalscore = res.F_TotalScore // 累计积分
         this.province = res.F_Province // 省
         this.city = res.F_City // 市
@@ -251,10 +322,26 @@ export default {
         this.area2 = res.F_Area2 // 县
         this.town2 = res.F_Town2 // 乡
         this.address2 = res.F_Address2 // 备用地址
-        this.firstcalltime = res.F_Firstcalltime  //首次通话记录
+        this.firstcalltime = res.F_Firstcalltime // 首次通话记录
         this.lastholetime = res.F_Lastholetime // 末联通话记录
-         this.F_LastModifyOn=res.F_LastModifyOn//修改时间
-         this.F_LastModifyBy=res.F_LastModifyBy//修改人
+        this.F_LastModifyOn = res.F_LastModifyOn// 修改时间
+        this.F_LastModifyBy = res.F_LastModifyBy// 修改人
+      })
+    },
+    getList() {
+      return new Promise((resolve) => {
+        const params = {
+
+          pageindex: 1, // int 第几页
+          pagesize: 500, // int 每页几条信息
+          F_VipId: this.rowid
+        }
+        getOrderLists(params).then((response) => {
+          if (response.state.toLowerCase() === 'success') {
+            this.orderLists = response.data.Rows
+          }
+        })
+        resolve()
       })
     }
   }

CallCenterWeb.UI/src/views/outbound/automaticOutbound/components/importFile.vue

@@ -52,13 +52,13 @@ export default {
       downloadUrl: '/static/xls/importOutbound.xlsx',
       uploadData: {// 文件上传数据
         uploadHeader: {
-          Authorization: getToken(),
+          Authorization: getToken()
         },
         uploadUrl: this.$store.getters.serverConfig.BASE_API + 'api/OutboundTask/importexcel',
         uploaderFiles: {// 上传文件的参数
           pid: this.rowid
         },
-        fileList: [], // 展示文件的数据
+        fileList: [] // 展示文件的数据
       }
     }
   },

CallCenterWeb.UI/src/views/systemSetup/roleSetting/department/component/addOrEditGroup.vue

@@ -0,0 +1,156 @@
+<template>
+  <div v-loading="loading">
+    <el-form ref="ruleForm" :model="ruleForm" :rules="rules" label-width="100px">
+      <el-form-item label="团队名称:">
+        <span>{{ this.depName }}</span>
+      </el-form-item>
+      <el-form-item label="小组名称:" prop="position">
+        <el-input v-model="ruleForm.position" type="text" autosize placeholder="请输入团队名称" />
+      </el-form-item>
+      <el-form-item label="描述说明:" prop="des">
+        <el-input v-model="ruleForm.des" type="textarea" autosize placeholder="请输入描述说明" />
+      </el-form-item>
+      <el-form-item label="任务额:" prop="targetmoney">
+        <el-input v-model.number="ruleForm.targetmoney" autosize placeholder="请输入任务额" />
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" @click="submitForm">保存</el-button>
+        <el-button @click="resetForm">重置</el-button>
+      </el-form-item>
+    </el-form>
+  </div>
+</template>
+
+<script>
+import { addTeam, editTeam, getTeamDetail } from '@/api/systemSetup/sysSetting/teamManagement'
+import { filterContent } from '@/utils'
+
+export default {
+  name: 'AddOrEdit',
+  props: {
+    rowid: {
+      type: String,
+      default: ''
+    },
+    layerid: {
+      type: String,
+      default: ''
+    },
+    depId: {
+      type: Number,
+      default: 0
+    },
+    depName: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    return {
+      props: {
+        value: 'id',
+        label: 'text',
+        children: 'children'
+      },
+      ruleForm: {
+        id: '',
+        position: '',
+        department: [],
+        des: '',
+        targetmoney: ''
+      },
+      rules: {
+        position: [{
+          required: true,
+          message: '请输入团队名称!',
+          trigger: 'blur'
+        }],
+        targetmoney: [
+          { type: 'number', message: '任务额必须为数字!' }
+        ]
+      },
+      positionData: [], // 职位数据
+      loading: false
+    }
+  },
+  created() {
+    if (this.rowid) {
+      this.ruleForm.id = this.rowid
+      this.getDetail(this.rowid)
+    }
+  },
+  methods: {
+    submitForm() {
+      this.$refs.ruleForm.validate((valid) => {
+        if (valid) {
+          this.loading = true
+          const datas = {
+            id: this.ruleForm.id,
+            name: this.ruleForm.position,
+            deptid: this.depId,
+            targetmoney: this.ruleForm.targetmoney,
+            des: filterContent.delHtmlTag(this.ruleForm.des)
+          }
+
+          // 添加
+          if (!this.rowid) {
+            addTeam(datas).then(response => {
+              this.loading = false
+              if (response.state.toLowerCase() === 'success') {
+                this.$parent.$layer.close(this.layerid)
+                this.$parent.getteamList()
+                this.$parent.getList() // 重新加载父级数据
+                this.$parent.getTreeLists() // 重新加载父级数据
+                this.$parent.depId = 0
+                this.$message.success('恭喜你，团队管理添加成功!')
+              }
+            }).catch(() => {
+              this.loading = false
+            })
+            return
+          }
+          // 编辑
+          editTeam(datas).then(response => {
+            this.loading = false
+            if (response.state.toLowerCase() === 'success') {
+              this.$parent.$layer.close(this.layerid)
+              this.$parent.getList() // 重新加载父级数据
+              this.$parent.getTreeLists() // 重新加载父级数据
+              this.$parent.depId = 0
+              this.$message.success('恭喜你，团队管理编辑成功!')
+            }
+          }).catch(() => {
+            this.loading = false
+          })
+        } else {
+          this.$message.error('请输入有效的必填项信息!')
+          return false
+        }
+      })
+    },
+    resetForm() {
+      this.$refs.ruleForm.resetFields()
+    },
+    // 获取详情
+    getDetail(rid) {
+      getTeamDetail(rid).then(response => {
+        if (response.state.toLowerCase() === 'success') {
+          const res = response.data
+          this.ruleForm.position = res.F_Name
+          this.ruleForm.des = res.F_Des
+          this.ruleForm.targetmoney = res.F_TargetMoney
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+.date_picker {
+  width: 100%;
+}
+div.date_picker input.el-range-input {
+  width: 46%;
+}
+</style>

CallCenterWeb.UI/src/views/systemSetup/roleSetting/department/index.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="app-container">
     <el-row :gutter="20">
-      <el-col :span="8">
+      <el-col :span="4">
         <div class="filter-container">
           <el-button type="primary" class="filter-item" icon="el-icon-plus" @click="btn_add()">添加</el-button>
           <el-button type="primary" class="filter-item" icon="el-icon-edit" @click="btn_edit()">编辑</el-button>
@@ -16,12 +16,12 @@
         <el-table
           v-loading="loading"
           :data="departmentDataLists"
+          :tree-props="{children: 'children', hasChildren: 'hasChildren'}"
           highlight-current-row
-          @current-change="handleCurrentChange"
           border
           row-key="F_DeptId"
           default-expand-all
-          :tree-props="{children: 'children', hasChildren: 'hasChildren'}"
+          @current-change="handleCurrentChange"
           @row-click="openEdit"
         >
           <el-table-column prop="F_DeptName" label="部门名称" align="center" min-width />
@@ -35,7 +35,7 @@
           </el-table-column>
         </el-table>
       </el-col>
-      <el-col :span="16">
+      <el-col :span="11">
         <div>
           <div class="filter-container search">
             <el-input v-model="keyword" placeholder="请输入关键字" class="filter-item" />
@@ -53,8 +53,8 @@
               @click="btn_addR"
             >添加</el-button>
           </div>
-          <el-table v-loading="loading" :data="dataLists" border stripe>
-            <el-table-column type="index" label="编号" align="center" fixed width="80" />
+          <el-table v-loading="loading" :data="dataLists" border stripe @row-click="handleTableClick">
+            <el-table-column type="index" label="编号" align="center" fixed width="60" />
             <el-table-column prop="F_DeptName" label="部门名称" align="center" min-width />
             <el-table-column prop="F_Name" label="团队名称" align="center" min-width />
             <el-table-column prop="F_CreateBy" label="创建人" align="center" min-width />
@@ -98,6 +98,68 @@
           />
         </div>
       </el-col>
+      <el-col :span="9">
+        <div>
+          <div class="filter-container search">
+            <el-input v-model="teamkeyword" placeholder="请输入关键字" class="filter-item" />
+            <el-button
+              type="primary"
+              class="filter-item"
+              icon="el-icon-search"
+              @click="btn_searchGrop"
+            >搜索</el-button>
+            <el-button
+              v-permission="'HY_add'"
+              type="primary"
+              class="filter-item"
+              icon="el-icon-plus"
+              @click="btn_addGrop"
+            >添加</el-button>
+          </div>
+          <el-table v-loading="loading" :data="teamLists" border stripe>
+            <el-table-column type="index" label="编号" align="center" fixed width="50" />
+            <el-table-column prop="F_DeptName" label="部门名称" align="center" min-width />
+            <el-table-column prop="F_Name" label="小组名称" align="center" min-width />
+            <el-table-column prop="F_CreateBy" label="创建人" align="center" min-width />
+            <el-table-column prop="F_TargetMoney" label="任务额" align="center" min-width>
+              <template slot-scope="scope">{{ scope.row.F_TargetMoney | judgmentTargetMoney }}</template>
+            </el-table-column>
+            <el-table-column prop="F_Des" label="描述说明" align="center" min-width />
+            <el-table-column
+              label="操作"
+              width="160"
+              align="center"
+              class-name="oparate_btn"
+              fixed="right"
+            >
+              <template slot-scope="scope">
+                <el-button
+                  v-permission="'HY_edit'"
+                  size="mini"
+                  plain
+                  type="primary"
+                  @click="btn_editR(scope.row.F_Id.toString())"
+                >编辑</el-button>
+                <el-button
+                  v-permission="'HY_delete'"
+                  size="mini"
+                  plain
+                  type="danger"
+                  @click="btn_deleteR(scope.row.F_Id.toString())"
+                >删除</el-button>
+              </template>
+            </el-table-column>
+          </el-table>
+          <pagination
+            v-show="pageParams.total > 0"
+            :total="pageParams.total"
+            :pageindex.sync="pageParams.pageindex"
+            :pagesize.sync="pageParams.pagesize"
+            class="pagination"
+            @pagination="getList"
+          />
+        </div>
+      </el-col>
     </el-row>
   </div>
 </template>
@@ -106,249 +168,338 @@ import {
   getScoreList,
   deleteType,
   deleteScore,
-  getDepartmentList,
-} from "@/api/systemSetup/roleSetting/department";
+  getDepartmentList
+} from '@/api/systemSetup/roleSetting/department'
 import {
   getTeamLists,
   deleteTeam,
-  getDepidTeam,
-} from "@/api/systemSetup/sysSetting/teamManagement";
-import addOrEditKnowledge from "./component/addOrEdit";
-import addOrEditTeam from "./component/addOrEditTeam";
-import Pagination from "@/components/Pagination"; // 对el-pagination 二次封装
+  getDepidTeam
+} from '@/api/systemSetup/sysSetting/teamManagement'
+import addOrEditKnowledge from './component/addOrEdit'
+import addOrEditTeam from './component/addOrEditTeam'
+import addOrEditGrop from './component/addOrEditGroup'
+import Pagination from '@/components/Pagination' // 对el-pagination 二次封装
 export default {
   components: {
-    Pagination,
+    Pagination
   },
   filters: {
     judgmentLockName(status) {
       const statusMap = {
-        0: "未锁定",
-        1: "锁定",
-      };
-      return statusMap[status];
+        0: '未锁定',
+        1: '锁定'
+      }
+      return statusMap[status]
     },
     judgmentTargetMoney(status) {
       if (status == 0) {
-        return "";
+        return ''
       } else {
-        return status;
+        return status
       }
-    },
+    }
   },
   data() {
     return {
-      keyword: "",
-      selectedId:'',
-      depId: 0, //最后一级部门id
-      depName: "", //最后一级部门名称
+      keyword: '',
+      teamkeyword: '',
+      selectedId: '',
+      depId: 0, // 最后一级部门id
+      depName: '', // 最后一级部门名称
+      gropName: '', // 点击团队名称
       loading: false,
+      clickId: '', // 团队点击id
       pageParams: {
         pageindex: 1, // 当前第几页
         pagesize: Number(this.$store.getters.serverConfig.PAGESIZE), // 每页几条数据
-        total: 0, // 总共多少数据
+        total: 0 // 总共多少数据
       },
       dataLists: [], // 团队管理列表数据
-      departmentDataLists: [], //部门列表数据
-    };
+      teamLists: [], // 小组列表数据
+      departmentDataLists: [] // 部门列表数据
+    }
   },
   created() {
-    this.getDepList(); //部门列表
-    this.getList(); // 团队管理数据
+    this.getDepList() // 部门列表
+    this.getList() // 团队管理数据
     document.onkeyup = (e) => {
       if (e.keyCode === 13) {
-        this.getList();
+        this.getList()
       }
-    };
+    }
   },
-  mounted: function () {},
+  mounted: function() {},
   methods: {
     // 部门分类
     getDepList() {
-      this.loading = true;
+      this.loading = true
       return new Promise((resolve) => {
         const params = {
           pageindex: this.pageParams.pageindex, // 第几页
           pagesize: this.pageParams.pagesize, // 每页几条信息
-          keyword: this.keyword.trim(),
-        };
+          keyword: this.keyword.trim()
+        }
         getDepartmentList(params)
           .then((response) => {
-            this.loading = false;
-            this.departmentDataLists = response;
+            this.loading = false
+            this.departmentDataLists = response
           })
           .catch((result) => {
-            this.loading = false;
-            this.departmentDataLists = [];
-          });
-        resolve();
-      });
+            this.loading = false
+            this.departmentDataLists = []
+          })
+        resolve()
+      })
     },
-    //添加
+    // 添加
     btn_add() {
       this.$layer.iframe({
         content: {
           content: addOrEditKnowledge, // 传递的组件对象
           parent: this, // 当前的vue对象
-          data: { rowid: "" }, // props//该方法会自动添加一个key为layerid的值， 该值为创建层的id， 可以直接使用
+          data: { rowid: '' } // props//该方法会自动添加一个key为layerid的值， 该值为创建层的id， 可以直接使用
         },
-        area: ["80%", "90%"],
+        area: ['80%', '90%'],
         shadeClose: false,
-        title: "添加部门分类",
-      });
+        title: '添加部门分类'
+      })
     },
-    //编辑
+    // 编辑
     openEdit(row) {
-      this.selectedId=row.F_DeptId.toString()
+      this.selectedId = row.F_DeptId.toString()
     },
     btn_edit() {
       if (this.selectedId == String) {
         this.$message({
-          message: "请选择一行编辑！",
-          type: "warning",
-        });
-        return;
+          message: '请选择一行编辑！',
+          type: 'warning'
+        })
+        return
       }
-      let rowId = this.selectedId;
+      const rowId = this.selectedId
       this.$layer.iframe({
         content: {
           content: addOrEditKnowledge, // 传递的组件对象
           parent: this, // 当前的vue对象
-          data: { rowid: rowId }, // props//该方法会自动添加一个key为layerid的值， 该值为创建层的id， 可以直接使用
+          data: { rowid: rowId } // props//该方法会自动添加一个key为layerid的值， 该值为创建层的id， 可以直接使用
         },
-        area: ["80%", "90%"],
+        area: ['80%', '90%'],
         shadeClose: false,
-        title: "编辑部门分类",
-      });
+        title: '编辑部门分类'
+      })
     },
-    //删除
+    // 删除
     btn_delete() {
       if (this.selectedId == String) {
         this.$message({
-          message: "没有可删除的选项！",
-          type: "warning",
-        });
+          message: '没有可删除的选项！',
+          type: 'warning'
+        })
       } else {
-        let ids = this.selectedId;
-        this.deleteType(this.selectedId);
+        const ids = this.selectedId
+        this.deleteType(this.selectedId)
       }
     },
-    //删除
+    // 删除
     deleteType(ids) {
-      this.$confirm("您确定要删除吗?", "提示", {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
-        type: "warning",
+      this.$confirm('您确定要删除吗?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
       })
         .then(() => {
           deleteType(ids).then((response) => {
-            if (response.state.toLowerCase() === "success") {
-              this.getDepList();
-              this.$message.success("删除成功!");
+            if (response.state.toLowerCase() === 'success') {
+              this.getDepList()
+              this.$message.success('删除成功!')
             }
-          });
+          })
         })
         .catch(() => {
-          this.$message.info("已取消删除");
-        });
+          this.$message.info('已取消删除')
+        })
     },
     changeSelects(val) {
-      const ids = [];
-      this.multipleSelection = val;
+      const ids = []
+      this.multipleSelection = val
       for (let i = 0; i < this.multipleSelection.length; i++) {
-        ids.push(this.multipleSelection[i].F_DeptId);
+        ids.push(this.multipleSelection[i].F_DeptId)
       }
-      this.selectedId = ids;
+      this.selectedId = ids
     },
     handleCurrentChange(data) {
       if (data.F_DeptId !== 0) {
-        this.depId = data.F_DeptId;
-        this.depName = data.F_DeptName;
-        this.getList();
+        this.depId = data.F_DeptId
+        this.depName = data.F_DeptName
+        this.getList()
       } else {
-        this.depId = 0;
+        this.depId = 0
       }
     },
 
-    //获取团队列表数据
+    // 获取团队列表数据
     getList() {
-      this.loading = true;
+      this.loading = true
       return new Promise((resolve) => {
         const params = {
           pageindex: this.pageParams.pageindex, // 第几页
           pagesize: this.pageParams.pagesize, // 每页几条信息
           key: this.keyword.trim(),
-          deptid: this.depId,
-        };
+          deptid: this.depId
+        }
         getTeamLists(params).then((response) => {
-          this.loading = false;
-          if (response.state.toLowerCase() === "success") {
-            this.pageParams.total = response.data.Totals;
-            this.dataLists = response.data.Rows;
+          this.loading = false
+          if (response.state.toLowerCase() === 'success') {
+            this.pageParams.total = response.data.Totals
+            this.dataLists = response.data.Rows
           }
-        });
-        resolve();
-      });
+        })
+        resolve()
+      })
     },
-    //搜索
+    // 搜索
     btn_search() {
-      this.pageParams.pageindex = 1;
-      this.getList();
+      this.pageParams.pageindex = 1
+      this.getList()
     },
-    //右边添加功能
+    // 右边添加功能
     btn_addR() {
       if (this.depId !== 0) {
         this.$layer.iframe({
           content: {
             content: addOrEditTeam, // 传递的组件对象
             parent: this, // 当前的vue对象
-            data: { depId: this.depId, depName: this.depName }, // props//该方法会自动添加一个key为layerid的值， 该值为创建层的id， 可以直接使用
+            data: { depId: this.depId, depName: this.depName } // props//该方法会自动添加一个key为layerid的值， 该值为创建层的id， 可以直接使用
           },
-          area: ["80%", "80%"],
-          title: "添加团队管理信息",
-        });
+          area: ['80%', '80%'],
+          title: '添加团队管理信息'
+        })
       } else {
-        this.$message.info("请选择部门");
+        this.$message.info('请选择部门')
       }
     },
-    //右边编辑功能
+    // 右边编辑功能
     btn_editR(editId) {
       if (this.depId !== 0) {
         this.$layer.iframe({
           content: {
             content: addOrEditTeam, // 传递的组件对象
             parent: this, // 当前的vue对象
-            data: { rowid: editId, depId: this.depId, depName: this.depName }, // props
+            data: { rowid: editId, depId: this.depId, depName: this.depName } // props
           },
-          area: ["80%", "80%"],
-          title: "编辑团队管理信息",
-        });
+          area: ['80%', '80%'],
+          title: '编辑团队管理信息'
+        })
       } else {
-        this.$message.info("请选择部门");
+        this.$message.info('请选择部门')
       }
     },
-    //右边删除功能
+    // 右边删除功能
     btn_deleteR(editId) {
-      this.$confirm("您确定要将此团队信息删除吗?", "提示", {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
-        type: "warning",
+      this.$confirm('您确定要将此团队信息删除吗?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
       })
         .then(() => {
           deleteTeam(editId).then((response) => {
-            if (response.state.toLowerCase() === "success") {
-              this.getList();
-              this.$message.success("删除成功!");
-              this.depId = 0;
+            if (response.state.toLowerCase() === 'success') {
+              this.getList()
+              this.$message.success('删除成功!')
+              this.depId = 0
             }
-          });
+          })
         })
         .catch(() => {
-          this.$message.info("已取消删除");
-        });
+          this.$message.info('已取消删除')
+        })
     },
-  },
-};
+    //  点击某一行团队
+    handleTableClick(row, event, column) {
+      this.gropName = row.F_Name
+      this.clickId = row.F_Id
+      this.getteamList()
+    },
+    // 获取小组列表数据
+    getteamList() {
+      this.loading = true
+      return new Promise((resolve) => {
+        const params = {
+          pageindex: this.pageParams.pageindex, // 第几页
+          pagesize: this.pageParams.pagesize, // 每页几条信息
+          praentid: this.clickId,
+          key: this.teamkeyword.trim(),
+          deptid: this.depId
+        }
+        getTeamLists(params).then((response) => {
+          this.loading = false
+          if (response.state.toLowerCase() === 'success') {
+            this.pageParams.total = response.data.Totals
+            this.teamLists = response.data.Rows
+          }
+        })
+        resolve()
+      })
+    },
+    // 搜索
+    btn_searchGrop() {
+      this.pageParams.pageindex = 1
+      this.getteamList()
+    },
+    // 小组添加功能
+    btn_addGrop() {
+      if (this.clickId !== 0) {
+        this.$layer.iframe({
+          content: {
+            content: addOrEditGrop, // 传递的组件对象
+            parent: this, // 当前的vue对象
+            data: { depId: this.depId, depName: this.depName } // props//该方法会自动添加一个key为layerid的值， 该值为创建层的id， 可以直接使用
+          },
+          area: ['80%', '80%'],
+          title: '添加小组管理信息'
+        })
+      } else {
+        this.$message.info('请选择团队')
+      }
+    },
+    // 右边编辑功能
+    btn_editGrop(editId) {
+      if (this.depId !== 0) {
+        this.$layer.iframe({
+          content: {
+            content: addOrEditTeam, // 传递的组件对象
+            parent: this, // 当前的vue对象
+            data: { rowid: editId, depId: this.depId, depName: this.depName } // props
+          },
+          area: ['80%', '80%'],
+          title: '编辑团队管理信息'
+        })
+      } else {
+        this.$message.info('请选择部门')
+      }
+    },
+    // 右边删除功能
+    btn_deleteGrop(editId) {
+      this.$confirm('您确定要将此团队信息删除吗?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      })
+        .then(() => {
+          deleteTeam(editId).then((response) => {
+            if (response.state.toLowerCase() === 'success') {
+              this.getList()
+              this.$message.success('删除成功!')
+              this.depId = 0
+            }
+          })
+        })
+        .catch(() => {
+          this.$message.info('已取消删除')
+        })
+    }
+  }
+}
 </script>
 <style lang="scss" scoped>
 .search {