2024.07.08

- 重构客户列表页，对接代金券转赠接口；

src/views/customer/clusteringList/index.vue

@@ -91,17 +91,18 @@
       </div>
     </el-dialog>
     <AddClustering ref="addClustering" @reset="reset" />
-    <CustomerDetail ref="customerDetail"></CustomerDetail>
+    <!-- 查看详情 -->
+    <DetailModal ref="DetailModal" />
   </div>
 </template>
 
 <script>
 import { getUsers, getCrowd, deleteCrowd } from '@/api/customer'
 import AddClustering from '@/views/customer/addClustering'
-import CustomerDetail from '@/views/customer/customerList/customerDetail'
+import DetailModal from '@/views/customer/customerList/components/DetailModal'
 export default {
   name: 'TagList',
-  components: { CustomerDetail, AddClustering },
+  components: { DetailModal, AddClustering },
   data() {
     return {
       formInline: {
@@ -227,7 +228,7 @@ export default {
     },
     showDetail(id) {
       // this.$router.push({ name: 'customerDetail', query: { buyerUserId: id }})
-      this.$refs.customerDetail.show(id)
+      this.$refs.DetailModal.show({ buyerUserId: id })
     },
     reset() {
       this.getCrowdAll(this.formInline)

src/views/customer/customerList/components/DetailModal.vue

@@ -0,0 +1,141 @@
+<template>
+  <el-dialog
+    :visible.sync="visible"
+    v-bind="modalOptions"
+  >
+    <el-form
+      ref="formData"
+      :model="formData"
+      size="mini"
+      label-position="left"
+      label-suffix=":"
+      label-width="200px"
+    >
+      <!-- 客户信息 -->
+      <div style="display: flex;padding-bottom: 14px;font-size: 16px;font-weight: bold;">
+        <div
+          style="width: 4px;height: 14px;margin-left: 6px;margin-right: 6px;background-color: #0519D4;border-radius: 2px;"
+        >
+        </div>
+        <div>基本信息</div>
+      </div>
+      <el-form-item label="客户手机号" prop="phone">
+        {{ formData.phone || '--' }}
+      </el-form-item>
+      <el-form-item label="客户昵称" prop="name">
+        {{ formData.name || '--' }}
+      </el-form-item>
+      <el-form-item label="成为客户时间" prop="time">
+        {{ formData.time || '--' }}
+      </el-form-item>
+      <el-form-item label="来源方式" prop="source">
+        {{ formData.source || '--' }}
+      </el-form-item>
+      <el-form-item label="性别" prop="sex">
+        {{ formData.sex || '--' }}
+      </el-form-item>
+      <el-form-item label="客户标签" prop="labelName">
+        {{ formData.labelName || '--' }}
+      </el-form-item>
+      <el-form-item label="备注" prop="remark">
+        {{ formData.remark || '--' }}
+      </el-form-item>
+
+      <div style="display: flex;padding-bottom: 14px;font-size: 16px;font-weight: bold;">
+        <div
+          style="width: 4px;height: 14px;margin-left: 6px;margin-right: 6px;background-color: #0519D4;border-radius: 2px;"
+        >
+        </div>
+        <div>交易信息</div>
+      </div>
+      <el-form-item label="累积消费金额（元）" prop="total">
+        {{ formData.total || 0 }}
+      </el-form-item>
+      <el-form-item label="累计消费订单数" prop="frequency">
+        {{ formData.frequency || 0 }}
+      </el-form-item>
+      <el-form-item label="最近下单时间" prop="lastTime">
+        {{ formData.lastTime || '--' }}
+      </el-form-item>
+      <el-form-item label="累计退款金额" prop="refundMoney">
+        {{ formData.refundMoney || 0 }}
+      </el-form-item>
+      <el-form-item label="累计退款订单数" prop="refunds">
+        {{ formData.refunds || 0 }}
+      </el-form-item>
+    </el-form>
+  </el-dialog>
+</template>
+
+<script>
+import { getCustomerDetail } from '@/api/customer'
+
+export default {
+  name: 'DetailModal',
+  data() {
+    return {
+      modalOptions: {
+        closeOnClickModal: false,
+        width: '800px',
+        title: '查看客户详情'
+      },
+      visible: false,
+      formData: {
+        buyerUserId: '',
+        phone: '',
+        name: '',
+        time: '',
+        source: '',
+        sex: '',
+        birthday: '',
+        remark: '',
+        total: '',
+        frequency: '',
+        lastTime: '',
+        refundMoney: '',
+        refunds: '',
+        labelName: '',
+        ids: []
+      }
+    }
+  },
+  methods: {
+    handleClose() {
+      this.visible = false
+    },
+    handleOpen(params = {}) {
+      this.formData = Object.assign(this.$options.data().formData, params)
+      if (params.buyerUserId) {
+        this.getInfo(params.buyerUserId)
+      }
+      this.visible = true
+    },
+    async getInfo(id) {
+      const loading = this.$loading({ text: '加载中' })
+      try {
+        const res = await getCustomerDetail({ buyerUserId: id })
+        this.formData = Object.assign(this.$options.data().formData, res.data, {
+          buyerUserId: res.data.buyerUserId || '',
+          phone: res.data.phone || '',
+          name: res.data.name || '',
+          time: res.data.time || '',
+          source: res.data.source || '',
+          sex: res.data.sex,
+          birthday: res.data.birthday || '',
+          remark: res.data.remark || '',
+          total: res.data.total,
+          frequency: res.data.frequency,
+          lastTime: res.data.lastTime || '',
+          refundMoney: res.data.refundMoney,
+          refunds: res.data.refunds,
+          labelName: res.data.labelName || '',
+          ids: res.data.ids || []
+        })
+      } finally {
+        loading.close()
+      }
+    }
+  }
+}
+</script>
+

src/views/customer/customerList/components/EditModal.vue

@@ -0,0 +1,190 @@
+<template>
+  <el-dialog
+    :visible.sync="visible"
+    v-bind="modalOptions"
+  >
+    <el-form
+      ref="formData"
+      :model="formData"
+      :rules="formRules"
+      size="mini"
+      label-suffix=":"
+      label-width="150px"
+    >
+      <el-form-item label="客户手机号" prop="phone">
+        <el-input v-model="formData.phone" :disabled="!!formData.buyerUserId" maxlength="11" clearable />
+      </el-form-item>
+      <el-form-item label="客户昵称" prop="name">
+        <el-input v-model="formData.name" placeholder="请输入客户昵称" maxlength="10" show-word-limit />
+      </el-form-item>
+      <el-form-item label="性别" prop="sex">
+        <el-radio-group v-model="formData.sex">
+          <el-radio label="男">男</el-radio>
+          <el-radio label="女">女</el-radio>
+        </el-radio-group>
+      </el-form-item>
+      <el-form-item label="生日" prop="birthday">
+        <el-date-picker
+          v-model="formData.birthday"
+          size="medium"
+          type="date"
+          placeholder="选择日期"
+          value-format="yyyy-MM-dd"
+        ></el-date-picker>
+      </el-form-item>
+      <el-form-item label="标签" prop="ids">
+        <el-select v-model="formData.ids" multiple size="mini" placeholder="请选择标签">
+          <el-option v-for="item in tagList" :key="item.labelId" :label="item.labelName" :value="item.labelId" />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="备注" prop="remark">
+        <el-input v-model="formData.remark" type="textarea" placeholder="请输入备注" maxlength="520" :rows="3" show-word-limit />
+      </el-form-item>
+    </el-form>
+    <span slot="footer" class="dialog-footer">
+      <el-button size="mini" @click="handleClose">取 消</el-button>
+      <el-button type="primary" size="mini" @click="handleSubmit">确 定</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import { addCustomer, updateCustomer, getCustomerDetail, getLabelData } from '@/api/customer'
+
+export default {
+  name: 'EditModal',
+  components: {
+  },
+  data() {
+    return {
+      modalOptions: {
+        closeOnClickModal: false,
+        width: '820px',
+        title: ''
+      },
+      visible: false,
+      formData: {
+        buyerUserId: '',
+        phone: '',
+        name: '',
+        time: '',
+        source: '',
+        sex: '',
+        birthday: '',
+        remark: '',
+        total: '',
+        frequency: '',
+        lastTime: '',
+        refundMoney: '',
+        refunds: '',
+        labelName: '',
+        ids: []
+      },
+      formRules: {
+        phone: [
+          { required: true, message: '缺少客户手机号' },
+          { pattern: /^1[3456789]\d{9}$/, message: '目前只支持中国大陆的手机号码' }
+        ],
+        name: [
+          { required: true, message: '请输入客户昵称' }
+        ]
+      },
+      tagList: []
+    }
+  },
+  watch: {
+    'formData.buyerUserId': {
+      deep: true,
+      handler(val) {
+        if (val) {
+          this.formRules.phone = [
+            { required: true, message: '缺少客户手机号' }
+          ]
+        } else {
+          this.formRules.phone = [
+            { required: true, message: '缺少客户手机号' },
+            { pattern: /^1[3456789]\d{9}$/, message: '目前只支持中国大陆的手机号码' }
+          ]
+        }
+      }
+    }
+  },
+  methods: {
+    handleClose() {
+      this.visible = false
+    },
+    async getTagList() {
+      const res = await getLabelData()
+      this.tagList = res.data
+    },
+    initList() {
+      this.getTagList()
+    },
+    handleOpen(params = {}) {
+      this.modalOptions.title = params.buyerUserId ? '编辑客户基本信息' : '添加客户基本信息'
+      this.formData = Object.assign(this.$options.data().formData, params)
+      this.visible = true
+      this.initList()
+      if (params.buyerUserId) {
+        this.getInfo(params.buyerUserId)
+      } else {
+        this.$refs.formData && this.$refs.formData.resetFields()
+      }
+    },
+    async getInfo(id) {
+      const loading = this.$loading({ text: '加载中' })
+      try {
+        const res = await getCustomerDetail({ buyerUserId: id })
+        this.formData = Object.assign(this.$options.data().formData, res.data, {
+          buyerUserId: res.data.buyerUserId || '',
+          phone: res.data.phone || '',
+          name: res.data.name || '',
+          time: res.data.time || '',
+          source: res.data.source || '',
+          sex: res.data.sex,
+          birthday: res.data.birthday || '',
+          remark: res.data.remark || '',
+          total: res.data.total,
+          frequency: res.data.frequency,
+          lastTime: res.data.lastTime || '',
+          refundMoney: res.data.refundMoney,
+          refunds: res.data.refunds,
+          labelName: res.data.labelName || '',
+          ids: res.data.ids || []
+        })
+        this.$nextTick(() => {
+          this.$refs.formData && this.$refs.formData.validate()
+        })
+      } finally {
+        loading.close()
+      }
+    },
+    handleSubmit() {
+      this.$refs.formData.validate(async (valid) => {
+        if (valid) {
+          const loading = this.$loading({ text: '提交中，请稍候……' })
+          try {
+            const { ...otps } = this.formData
+            const params = {
+              ...otps
+            }
+            this.formData.buyerUserId ? await updateCustomer(params) : await addCustomer(params)
+            loading.close()
+            this.$message({ message: `${this.formData.buyerUserId ? '编辑' : '添加'}成功!`, type: 'success' })
+            this.$emit('success')
+            this.visible = false
+          } catch (e) {
+            loading.close()
+          } finally {
+            loading.close()
+          }
+        } else {
+          this.$message({ message: '请输入相关信息', type: 'warning' })
+          return false
+        }
+      })
+    }
+  }
+}
+</script>
+

src/views/customer/customerList/components/TagAdd.vue

@@ -0,0 +1,112 @@
+<template>
+  <el-dialog
+    :visible.sync="visible"
+    v-bind="modalOptions"
+    append-to-body
+  >
+    <el-form
+      ref="formData"
+      :model="formData"
+      :rules="formRules"
+      size="mini"
+      label-suffix=":"
+      label-width="150px"
+    >
+      <el-form-item label="客户ID" prop="buyerUserId">
+        <el-input
+          v-model="formData.buyerUserId" maxlength="20" placeholder="客户ID" disabled
+        />
+      </el-form-item>
+      <el-form-item label="标签" prop="labelIds">
+        <el-select v-model="formData.labelIds" multiple size="mini" placeholder="请选择标签">
+          <el-option v-for="item in tagList" :key="item.labelId" :label="item.labelName" :value="item.labelId" />
+        </el-select>
+      </el-form-item>
+    </el-form>
+    <template #footer>
+      <span class="dialog-footer">
+        <el-button size="mini" @click="handleClose">取 消</el-button>
+        <el-button type="primary" size="mini" @click="handleSubmit">确 定</el-button>
+      </span>
+    </template>
+  </el-dialog>
+</template>
+
+<script>
+import { buyerSaveLabel, getLabelData } from '@/api/customer'
+
+export default {
+  name: 'TagAdd',
+  components: {
+  },
+  data() {
+    return {
+      modalOptions: {
+        closeOnClickModal: false,
+        width: '620px',
+        title: ''
+      },
+      visible: false,
+      formData: {
+        buyerUserId: '',
+        labelIds: []
+      },
+      formRules: {
+        buyerUserId: [
+          { required: true, message: '缺少客户信息' }
+        ],
+        labelIds: [
+          { type: 'array', required: true, message: '请选择标签' }
+        ]
+      },
+      tagList: []
+    }
+  },
+  methods: {
+    handleClose() {
+      this.visible = false
+    },
+    async getTagList() {
+      const res = await getLabelData()
+      this.tagList = res.data
+    },
+    initList() {
+      this.getTagList()
+    },
+    handleOpen(params = {}) {
+      this.modalOptions.title = '添加标签'
+      this.formData.buyerUserId = params.buyerUserId
+      // this.formData = Object.assign(this.$options.data().formData, params)
+      this.visible = true
+      this.initList()
+      this.$refs.formData && this.$refs.formData.resetFields()
+    },
+    handleSubmit() {
+      this.$refs.formData.validate(async (valid) => {
+        if (valid) {
+          const loading = this.$loading({ text: '加载中' })
+          try {
+            const { ...otps } = this.formData
+            const params = {
+              ...otps
+            }
+            await buyerSaveLabel(params)
+            loading.close()
+            this.$message({ message: `添加成功!`, type: 'success' })
+            this.$emit('success')
+            this.visible = false
+          } catch (e) {
+            loading.close()
+          } finally {
+            loading.close()
+          }
+        } else {
+          this.$message({ message: '请输入相关信息', type: 'warning' })
+          return false
+        }
+      })
+    }
+  }
+}
+</script>
+

src/views/customer/customerList/components/VoucherTransfer.vue

@@ -0,0 +1,118 @@
+<template>
+  <el-dialog
+    :visible.sync="visible"
+    v-bind="modalOptions"
+    append-to-body
+  >
+    <el-form
+      ref="formData"
+      :model="formData"
+      :rules="formRules"
+      size="mini"
+      label-suffix=":"
+      label-width="150px"
+    >
+      <el-form-item label="客户ID" prop="buyerUserId">
+        <el-input
+          v-model="formData.buyerUserId" maxlength="20" placeholder="客户ID" disabled
+        />
+      </el-form-item>
+      <el-form-item label="代金券类型" prop="shelveState">
+        <el-radio-group v-model="formData.voucherType">
+          <el-radio label="1">充值代金券</el-radio>
+          <el-radio label="2">兑换代金券</el-radio>
+        </el-radio-group>
+      </el-form-item>
+      <el-form-item label="数量" prop="number">
+        <el-input
+          v-model="formData.number" clearable size="mini" type="number"
+          style="width: 200px;"
+          placeholder="请输入代金券数量"
+        />
+      </el-form-item>
+    </el-form>
+    <template #footer>
+      <span class="dialog-footer">
+        <el-button size="mini" @click="handleClose">取 消</el-button>
+        <el-button type="primary" size="mini" @click="handleSubmit">确 定</el-button>
+      </span>
+    </template>
+  </el-dialog>
+</template>
+
+<script>
+import { updateTransferRechargeShopVoucher, updateTransferExchangeShopVoucher } from '@/api/voucherManagement/voucherOperation'
+
+export default {
+  name: 'VoucherTransfer',
+  components: {
+  },
+  data() {
+    return {
+      modalOptions: {
+        closeOnClickModal: false,
+        width: '620px',
+        title: ''
+      },
+      visible: false,
+      formData: {
+        voucherType: '1',
+        buyerUserId: '',
+        number: ''
+      },
+      formRules: {
+        voucherType: [ { required: true, message: '请选择代金券类型' } ],
+        buyerUserId: [ { required: true, message: '被赠与方id不能为空', trigger: 'blur' } ],
+        number: [ { required: true, message: '数量不能为空', trigger: 'blur' } ]
+      }
+    }
+  },
+  methods: {
+    handleClose() {
+      this.visible = false
+    },
+    initList() {
+    },
+    handleOpen(params = {}) {
+      this.modalOptions.title = '代金券转赠'
+      this.formData.buyerUserId = params.buyerUserId
+      // this.formData = Object.assign(this.$options.data().formData, params)
+      this.visible = true
+      this.initList()
+      this.$refs.formData && this.$refs.formData.resetFields()
+    },
+    handleSubmit() {
+      this.$refs.formData.validate(async (valid) => {
+        if (valid) {
+          const loading = this.$loading({ text: '加载中' })
+          try {
+            const { ...otps } = this.formData
+            const params = {
+              ...otps
+            }
+            let _url
+            if (this.formData.voucherType === '1') {
+              _url = updateTransferRechargeShopVoucher
+            } else if (this.formData.voucherType === '2') {
+              _url = updateTransferExchangeShopVoucher
+            }
+            await _url(params)
+            loading.close()
+            this.$message({ message: `操作成功!`, type: 'success' })
+            this.$emit('success')
+            this.visible = false
+          } catch (e) {
+            loading.close()
+          } finally {
+            loading.close()
+          }
+        } else {
+          this.$message({ message: '请输入相关信息', type: 'warning' })
+          return false
+        }
+      })
+    }
+  }
+}
+</script>
+

src/views/customer/customerList/customerDetail.vue

@@ -1,278 +0,0 @@
-<template>
-  <el-dialog :close-on-click-modal="false" title="客户详情" width="80%" :visible.sync="visible">
-    <div class="customerDetail">
-      <div class="detailBox">
-        <div class="infoTit">基本信息 <i class="el-icon-edit" @click="changeInfo" /></div>
-        <div class="itemBox">
-          <div class="itemInfo"><label>客户手机号：</label>{{ customerInfo.phone }}</div>
-          <div class="itemInfo"><label>客户昵称：</label>{{ customerInfo.name }}</div>
-          <div class="itemInfo"><label>成为客户时间：</label>{{ customerInfo.time }}</div>
-        </div>
-        <div class="itemBox">
-          <div class="itemInfo"><label>来源方式：</label>{{ customerInfo.source }}</div>
-          <div class="itemInfo"><label>性别：</label>{{ customerInfo.sex }}</div>
-          <div class="itemInfo"><label>生日：</label>{{ customerInfo.birthday ? customerInfo.birthday : '—' }}</div>
-        </div>
-        <div class="itemBox">
-          <div class="itemInfo"><label>客户标签：</label>{{ customerInfo.labelName ? customerInfo.labelName : '—' }}</div>
-          <div class="itemInfo"><label>备注：</label>{{ customerInfo.remark ? customerInfo.remark : '无' }}</div>
-        </div>
-        <div class="tradeInfoTit">交易信息</div>
-        <div class="tradeInfo">
-          <div class="tradeItem">
-            <div class="tradeTit">累积消费金额（元）</div>
-            <div class="tradeValue">{{ customerInfo.total ? customerInfo.total : '0' }}</div>
-          </div>
-          <div class="tradeItem">
-            <div class="tradeTit">累计消费订单数</div>
-            <div class="tradeValue">{{ customerInfo.frequency ? customerInfo.frequency : '0' }}</div>
-          </div>
-          <div class="tradeItem">
-            <div class="tradeTit">最近下单时间</div>
-            <div class="tradeValue">{{ customerInfo.lastTime ? customerInfo.lastTime : '—' }}</div>
-          </div>
-          <div class="tradeItem">
-            <div class="tradeTit">累计退款金额</div>
-            <div class="tradeValue">{{ customerInfo.refundMoney ? customerInfo.refundMoney : '0' }}</div>
-          </div>
-          <div class="tradeItem">
-            <div class="tradeTit">累计退款订单数</div>
-            <div class="tradeValue">{{ customerInfo.refunds ? customerInfo.refunds : '0' }}</div>
-          </div>
-        </div>
-      </div>
-      <!-- 详情弹窗 -->
-      <el-dialog
-        title="修改客户基本信息" :visible.sync="isDataVisible" width="30%" top="50px"
-        class="group-dialog"
-        :close-on-click-modal="false" :modal-append-to-body="false" :modal="false"
-      >
-        <div class="changeCustomer">
-          <el-form ref="form" :model="basicInfo" label-width="100px">
-            <el-form-item label="客户手机号">
-              <span>{{ basicInfo.phone }}</span>
-            </el-form-item>
-            <el-form-item class="inputWide" label="客户昵称">
-              <el-input
-                v-model="basicInfo.name" placeholder="请输入内容" maxlength="10"
-                onblur="value=value.replace(/(^\s*)|(\s*$)/g, '')" show-word-limit
-              />
-            </el-form-item>
-            <el-form-item class="inputWide" label="性别">
-              <el-radio v-model="basicInfo.sex" label="男">男</el-radio>
-              <el-radio v-model="basicInfo.sex" label="女">女</el-radio>
-            </el-form-item>
-            <el-form-item class="inputWide" label="生日">
-              <el-date-picker
-                v-model="basicInfo.birthday" type="date" value-format="yyyy-MM-dd" placeholder="选择日期"
-                style="width: 100%;"
-              />
-            </el-form-item>
-            <el-form-item class="inputWide" label="标签">
-              <el-select v-model="basicInfo.ids" multiple collapse-tags placeholder="请选择" style="width: 100%;">
-                <el-option v-for="item in tagList" :key="item.labelId" :label="item.labelName" :value="item.labelId" />
-              </el-select>
-            </el-form-item>
-            <el-form-item class="inputWide" label="备注">
-              <el-input v-model="basicInfo.remark" maxlength="200" type="textarea" :rows="4" placeholder="请输入内容" />
-            </el-form-item>
-          </el-form>
-        </div>
-        <span slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="saveChangeCustomer">保 存</el-button>
-          <el-button @click="closeChange">取 消</el-button>
-        </span>
-      </el-dialog>
-    </div>
-  </el-dialog>
-</template>
-
-<script>
-import { updateCustomer, getCustomerDetail, getLabelData } from '@/api/customer'
-function InitUserInfo() {
-  this.birthday = ''
-  this.buyerUserId = ''
-  this.ids = []
-  this.name = ''
-  this.phone = ''
-  this.remark = ''
-  this.sex = ''
-}
-export default {
-  name: 'CustomerDetail',
-  data() {
-    return {
-      visible: false,
-      isDataVisible: false,
-      userId: 0,
-      customerInfo: {}, // 客户详情
-      basicInfo: new InitUserInfo(),
-      tagList: [] // 标签列表
-    }
-  },
-  methods: {
-    show(id) {
-      this.visible = true
-      if (id) {
-        this.userId = id
-        this.getCustomerInfo()
-        this.getTagList()
-      } else {
-        this.customerInfo = {}
-        this.basicInfo = new InitUserInfo()
-      }
-    },
-    // 修改基本信息
-    changeInfo() {
-      this.isDataVisible = true
-    },
-    getCustomerInfo() {
-      getCustomerDetail({ buyerUserId: this.userId }).then((res) => {
-        if (res.code === '') {
-          this.customerInfo = res.data
-          this.basicInfo.birthday = this.customerInfo.birthday
-          this.basicInfo.buyerUserId = this.customerInfo.buyerUserId
-          this.basicInfo.ids = this.customerInfo.ids
-          this.basicInfo.name = this.customerInfo.name
-          this.basicInfo.phone = this.customerInfo.phone
-          this.basicInfo.remark = this.customerInfo.remark
-          this.basicInfo.sex = this.customerInfo.sex
-        } else {
-          this.$message({
-            message: res.message,
-            type: 'error'
-          })
-        }
-      })
-    },
-    async getTagList() {
-      const res = await getLabelData()
-      if (res.code === '') {
-        this.tagList = res.data
-        console.log(this.tagList, 'taglist')
-      } else {
-        this.$message({
-          message: res.message,
-          type: 'error'
-        })
-      }
-    },
-    saveChangeCustomer() {
-      updateCustomer(this.basicInfo).then((res) => {
-        if (res.code === '') {
-          this.$message({
-            message: '修改成功',
-            type: 'success'
-          })
-          this.getCustomerInfo()
-          this.isDataVisible = false
-        } else {
-          this.$message({
-            message: res.message,
-            type: 'error'
-          })
-        }
-      })
-    },
-    closeChange() {
-      this.isDataVisible = false
-    }
-  }
-}
-</script>
-
-<style lang='scss' scoped>
-//@import url(); 引入公共css类
-@import url("../../../styles/elDialog.scss");
-
-.pending {
-	margin: 20px;
-}
-
-.customerDetail {
-	padding: 0px 0px 100px 0px;
-	background: #FFFFFF;
-	height: 100%;
-
-	.title {
-		font-size: 24px;
-		font-weight: 500;
-		color: #333333;
-	}
-
-	.detailBox {
-		.infoTit {
-			margin: 30px 0;
-			font-size: 20px;
-			color: #333333;
-			height: 50px;
-			line-height: 50px;
-
-			i {
-				cursor: pointer;
-			}
-		}
-
-		.tradeInfoTit {
-			margin: 50px 0 30px 0;
-			font-size: 20px;
-			color: #333333;
-			height: 50px;
-			line-height: 50px;
-		}
-
-		.itemBox {
-			display: flex;
-			margin-bottom: 30px;
-
-			.itemInfo {
-				width: 350px;
-				display: flex;
-				color: #666666;
-				font-size: 16px;
-
-				label {
-					width: 120px;
-					text-align: right;
-					display: block;
-					color: #333333;
-				}
-			}
-		}
-
-		.tradeInfo {
-			display: flex;
-
-			.tradeItem {
-				width: 250px;
-				text-align: center;
-
-				.tradeTit {
-					font-size: 16px;
-					margin-bottom: 25px;
-				}
-
-				.tradeValue {
-					font-size: 16px;
-				}
-			}
-		}
-	}
-}
-</style>
-
-<style scoped>
-/* .changeCustomer .inputWide /deep/ .el-form-item__content {
-  width: 280px;
-}
-.changeCustomer .inputWide /deep/ .el-select {
-  width: 280px;
-} */
-.customerDetail /deep/ .el-dialog__headerbtn .el-dialog__close {
-	color: #FFFFFF;
-}
-
-/* .changeCustomer /deep/ .el-date-editor--date {
-  width: 280px;
-} */
-</style>

src/views/customer/customerList/index.vue

@@ -1,269 +1,180 @@
 <template>
-  <div class="pending">
-    <div class="formSearch">
-      <el-form :inline="true" :model="formInline" class="demo-form-inline">
-        <el-form-item label="上次消费时间">
-          <div class="dateBox">
-            <el-form-item>
-              <el-date-picker
-                v-model="formInline.lastTimes" type="datetimerange" range-separator="至"
-                start-placeholder="开始日期" end-placeholder="结束日期" value-format="yyyy-MM-dd HH:mm:ss"
-              />
-            </el-form-item>
-          </div>
-        </el-form-item>
-        <el-form-item label="成为客户时间">
-          <div class="dateBox">
-            <el-form-item>
-              <el-date-picker
-                v-model="formInline.dates" type="datetimerange" range-separator="至" start-placeholder="开始日期"
-                end-placeholder="结束日期" value-format="yyyy-MM-dd HH:mm:ss"
-              />
-            </el-form-item>
-          </div>
-        </el-form-item>
-        <el-form-item class="inputWide" label="手机号">
-          <el-input v-model="formInline.phone" maxlength="11" placeholder="请输入内容" />
-        </el-form-item>
-        <el-form-item class="inputWide" label="客户标签">
-          <el-select v-model="formInline.labelId" placeholder="客户标签" clearable>
-            <el-option v-for="item in tagList" :key="item.labelId" :label="item.labelName" :value="item.labelId" />
-          </el-select>
-        </el-form-item>
-        <el-form-item>
-          <el-button type="primary" plain @click="search">查询</el-button>
-          <el-button type="primary" plain @click="clear">重置</el-button>
-          <!--          <el-button type="primary" plain @click="addTag">添加标签</el-button> -->
-          <el-button type="primary" plain @click="addCustomer">添加客户</el-button>
-          <el-button type="success" plain @click="userDataExport">导出</el-button>
-        </el-form-item>
-      </el-form>
+  <div class="app-container">
+    <!-- 查询和其他操作 -->
+    <div class="filter-container">
+      <el-date-picker
+        v-model="listQuery.lastTimes" type="datetimerange" range-separator="至"
+        start-placeholder="上次消费开始时间" end-placeholder="上次消费结束时间" size="mini"
+        class="filter-item" style="line-height: 1;" value-format="yyyy-MM-dd HH:mm:ss"
+      />
+      <el-date-picker
+        v-model="listQuery.dates" type="datetimerange" range-separator="至"
+        start-placeholder="成为客户开始时间" end-placeholder="成为客户结束时间" size="mini"
+        class="filter-item" style="margin-left: 10px;line-height: 1;" value-format="yyyy-MM-dd HH:mm:ss"
+      />
+      <el-input
+        v-model="listQuery.phone" clearable size="mini" class="filter-item"
+        maxlength="11" style="width: 200px;margin-left: 10px;" placeholder="请输入手机号"
+      />
+      <el-select
+        v-model="listQuery.state" clearable size="mini" class="filter-item"
+        style="width: 200px;margin-left: 10px;" placeholder="请选择客户标签"
+      >
+        <el-option v-for="item in tagList" :key="item.labelId" :label="item.labelName" :value="item.labelId" />
+      </el-select>
+      <el-button
+        size="mini" class="filter-item" type="primary" icon="el-icon-search"
+        style="margin-left:10px;"
+        @click="handleSearch"
+      >
+        查找
+      </el-button>
+      <el-button size="mini" type="info" class="filter-item" @click="handleReset">
+        重置
+      </el-button>
+      <br />
+      <el-button
+        size="mini" type="primary" icon="el-icon-plus"
+        @click="$refs.EditModal && $refs.EditModal.handleOpen({ buyerUserId: '' })"
+      >
+        添加
+      </el-button>
+      <el-button size="mini" type="primary" icon="el-icon-plus" @click="handleDataExport">
+        导出客户
+      </el-button>
     </div>
-    <!-- 表格 -->
-    <div class="tableBox">
+
+    <!-- 查询结果 -->
+    <div v-tableHeight>
       <el-table
-        ref="multipleTable" :data="tableData" border
-        :header-cell-style="{ background: '#EEF3FF', color: '#333333' }" tooltip-effect="dark" style="width: 100%"
-        @selection-change="handleSelectionChange"
+        v-loading="listLoading" height="100%" element-loading-text="正在查询中。。。" :data="list"
+        v-bind="{ stripe: true, size: 'small', border: true, fit: true, highlightCurrentRow: true }"
       >
-        <el-table-column type="selection" width="55" />
-        <el-table-column prop="buyerUserId" width="80" label="客户ID" show-overflow-tooltip />
+        <el-table-column align="center" width="100" label="客户ID" prop="buyerUserId" fixed="left" />
         <el-table-column prop="name" label="客户昵称" width="120" show-overflow-tooltip />
         <el-table-column prop="phone" label="手机号" show-overflow-tooltip />
         <el-table-column prop="frequency" label="消费次数" show-overflow-tooltip />
         <el-table-column prop="total" label="累计消费金额（元）" show-overflow-tooltip />
         <el-table-column prop="lastTime" label="上次消费时间" show-overflow-tooltip />
         <el-table-column prop="time" label="成为客户时间" show-overflow-tooltip />
-        <el-table-column :formatter="row => row.registerIp ? row.registerIp : '-'" label="注册IP" show-overflow-tooltip />
-        <el-table-column
-          :formatter="row => row.lastLoginIp ? row.lastLoginIp : '-'" prop="time" label="最后登录IP"
-          show-overflow-tooltip
-        />
+        <el-table-column align="center" width="150" label="注册IP" prop="registerIp" show-overflow-tooltip />
+        <el-table-column align="center" width="150" label="最后登录IP" prop="lastLoginIp" show-overflow-tooltip />
         <el-table-column prop="labelName" label="客户标签" show-overflow-tooltip />
         <el-table-column prop="userGrade" label="客户等级" show-overflow-tooltip />
-        <el-table-column label="操作" show-overflow-tooltip fixed="right" width="200">
-          <template slot-scope="scope">
-            <div class="btnList">
-              <el-button type="text" @click="edit(scope.row)">加标签</el-button>
-              <el-button type="text" @click="showDetail(scope.row.buyerUserId)">详情</el-button>
-              <el-button type="text" @click="gift(scope.row)">代金券转增</el-button>
-              <!-- <el-popconfirm title="确定删除此标签？" @onConfirm="deleteTagFn(scope.row.labelId)">
-                <el-button slot="reference" class="delCls" type="text">删除</el-button>
-                </el-popconfirm> -->
-            </div>
+        <el-table-column align="center" label="操作" width="300" fixed="right" class-name="small-padding fixed-width">
+          <template slot-scope="{ row }">
+            <el-button type="warning" size="mini" @click="handleDetail(row)">
+              详情
+            </el-button>
+            <el-button type="success" size="mini" @click="$refs.TagAdd && $refs.TagAdd.handleOpen(row)">
+              加标签
+            </el-button>
+            <el-button size="mini" @click="handleEdit(row)">
+              编辑
+            </el-button>
+            <el-button type="danger" size="mini" @click="$refs.VoucherTransfer && $refs.VoucherTransfer.handleOpen(row)">
+              代金券转赠
+            </el-button>
+            <!-- <el-popconfirm title="确定删除此标签？" @onConfirm="deleteTagFn(scope.row.labelId)">
+              <el-button slot="reference" type="text">删除</el-button>
+              </el-popconfirm> -->
           </template>
         </el-table-column>
       </el-table>
-      <div class="fenye">
-        <el-pagination
-          :current-page="currentPage" :page-sizes="[10, 20, 50, 100]" :page-size="10"
-          layout="total, sizes, prev, pager, next, jumper" :total="total" @size-change="handleSizeChange"
-          @current-change="handleCurrentChange"
-        />
-      </div>
     </div>
-    <!-- 转增代金券数额 -->
-    <el-dialog
-      title="请输入需要转增的代金券数额"
-      :visible.sync="voucherShow"
-      width="30%"
-      :close-on-click-modal="false"
-      :close-on-press-escape="false"
-    >
-      <el-input v-model="giftNumber" autocomplete="off"></el-input>
-      <span slot="footer" class="dialog-footer">
-        <el-button @click="voucherShow = false">取 消</el-button>
-        <el-button type="primary" @click="giftVoucher">确 定</el-button>
-      </span>
-    </el-dialog>
-    <!-- 添加客户 -->
-    <el-dialog
-      :close-on-click-modal="false" title="添加客户" :visible.sync="isDataVisible" width="560px"
-      top="50px"
-      class="group-dialog"
-    >
-      <div class="changeCustomer">
-        <el-form ref="ruleForm" :model="basicInfo" label-width="150px" :rules="basicInfoRules">
-          <el-form-item class="inputWide" label="客户手机号" prop="phone">
-            <el-input
-              v-model="basicInfo.phone" placeholder="请输入客户手机号" maxlength="11" show-word-limit
-              oninput="value=value.replace(/[^\d]/g,'')"
-            />
-          </el-form-item>
-          <el-form-item class="inputWide" label="客户昵称">
-            <el-input
-              v-model="basicInfo.name" placeholder="请输入客户昵称" maxlength="10"
-              onblur="value=value.replace(/(^\s*)|(\s*$)/g, '')" show-word-limit
-            />
-          </el-form-item>
-          <el-form-item class="inputWide" label="性别">
-            <el-radio v-model="basicInfo.sex" label="男">男</el-radio>
-            <el-radio v-model="basicInfo.sex" label="女">女</el-radio>
-          </el-form-item>
-          <el-form-item class="inputWide" label="生日">
-            <el-date-picker v-model="basicInfo.birthday" type="date" value-format="yyyy-MM-dd" placeholder="选择日期" />
-          </el-form-item>
-          <el-form-item class="inputWide" label="标签">
-            <el-select v-model="basicInfo.ids" multiple collapse-tags placeholder="请选择">
-              <el-option v-for="item in tagList" :key="item.labelId" :label="item.labelName" :value="item.labelId" />
-            </el-select>
-          </el-form-item>
-          <el-form-item class="inputWide" label="备注">
-            <el-input v-model="basicInfo.remark" maxlength="200" type="textarea" :rows="4" placeholder="请输入内容" />
-          </el-form-item>
-        </el-form>
-      </div>
-      <span slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="saveCustomer('ruleForm')">保 存</el-button>
-        <el-button @click="closeAddCustomer">取 消</el-button>
-      </span>
-    </el-dialog>
-    <!-- 添加标签 -->
-    <el-dialog
-      :close-on-click-modal="false" title="添加标签" :visible.sync="isTagListVisible" width="500px"
-      top="50px"
-      class="group-dialog"
-    >
-      <div class="changeCustomer">
-        <el-form ref="ruleForm" label-width="150px">
-          <el-form-item class="inputWide" label="标签">
-            <el-select v-model="currentIds" multiple collapse-tags placeholder="请选择">
-              <el-option v-for="item in tagList" :key="item.labelId" :label="item.labelName" :value="item.labelId" />
-            </el-select>
-          </el-form-item>
-        </el-form>
-      </div>
-      <span slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="saveCustomerTag">保 存</el-button>
-        <el-button @click="closeAddTag">取 消</el-button>
-      </span>
-    </el-dialog>
 
-    <!-- 详情弹窗 -->
-    <CustomerDetail ref="customerDetail" />
+    <div>
+      <el-pagination
+        :current-page="listQuery.page" :page-sizes="[10, 20, 50, 100]" :page-size="listQuery.pageSize"
+        layout="total, sizes, prev, pager, next, jumper" :total="total"
+        @size-change="(val) => ((listQuery.pageSize = val) && getList())"
+        @current-change="(val) => ((listQuery.page = val) && getList())"
+      />
+    </div>
+
+    <!-- 加标签 -->
+    <TagAdd ref="TagAdd" @success="getList() && getTagList()" />
+    <!-- 代金券转赠 -->
+    <VoucherTransfer ref="VoucherTransfer" @success="getList() && getTagList()" />
+    <!-- 新增编辑 -->
+    <EditModal ref="EditModal" @success="getList() && getTagList()" />
+    <!-- 查看详情 -->
+    <DetailModal ref="DetailModal" />
   </div>
 </template>
 
 <script>
-import CustomerDetail from '@/views/customer/customerList/customerDetail.vue'
-import { voucherShopHold } from '@/api/volumeManagement'
-import { getCustomerList, getLabelData, addCustomer, deleteLabel, buyerSaveLabel, userExport } from '@/api/customer'
+import TagAdd from './components/TagAdd'
+import VoucherTransfer from './components/VoucherTransfer'
+import EditModal from './components/EditModal'
+import DetailModal from './components/DetailModal'
+import { getCustomerList, getLabelData, deleteLabel, userExport } from '@/api/customer'
 export default {
-  name: 'TagList',
+  name: 'CustomerList',
   components: {
-    CustomerDetail
+    TagAdd,
+    VoucherTransfer,
+    EditModal,
+    DetailModal
   },
   data() {
     return {
-      voucherShow: false,
-      clientId: '',
-      giftNumber: 0,
-      formInline: {
+      list: [],
+      total: 0,
+      listLoading: true,
+      listQuery: {
         dates: [], // 成为客户时间数组
         lastTimes: [], // 上次消费时间
         phone: '', // 手机号
         page: 1, // 当前页
-        pageSize: 10, // 每页数
+        pageSize: 20, // 每页数
         labelId: null
       },
-      basicInfo: {
-        birthday: '',
-        buyerUserId: '',
-        ids: [],
-        name: '',
-        phone: '',
-        remark: '',
-        sex: ''
-      },
-      currentIds: [], // 当前选择标签
-      customerInfo: {}, // 客户详情
-      tagList: [],
-      isDataVisible: false, // 数据效果展示
-      isTagListVisible: false, // 标签展示
-      total: 1,
-      currentId: '', // 当前标签ID
-      tableData: [],
-      currentPage: 1,
-      multipleSelection: [],
-      basicInfoRules: {
-        phone: [
-          { required: true, message: '请输入客户手机号', trigger: 'blur' }
-        ]
-      }
+      tagList: []
     }
   },
-  mounted() {
-    this.getCustomerAll(this.formInline)
+  created() {
+    this.getList()
     this.getTagList()
   },
   methods: {
-    //  查询
-    search() {
-      this.total = 1
-      this.formInline.page = 1
-      this.getCustomerAll(this.formInline)
-    },
-    // 清除
-    clear() {
-      this.formInline = {
-        labelName: '', // 标签名称
-        dates: [], // 成为客户时间数组
-        lastTimes: [], // 上次消费时间
-        phone: '', // 手机号
-        page: 1, // 当前页
-        pageSize: 10, // 每页数
-        labelId: null
+    async getList() {
+      this.listLoading = true
+      try {
+        const res = await getCustomerList(this.listQuery)
+        this.list = res.data.list
+        this.total = res.data.total
+      } finally {
+        this.listLoading = false
       }
-      this.getCustomerAll(this.formInline)
     },
-    handleSizeChange(val) {
-      this.formInline.pageSize = val
-      this.getCustomerAll(this.formInline)
+    async getTagList() {
+      const res = await getLabelData()
+      this.tagList = res.data
+    },
+    handleSearch() {
+      this.listQuery.page = 1
+      this.getList()
     },
-    handleCurrentChange(val) {
-      this.formInline.page = val
-      this.getCustomerAll(this.formInline)
+    handleReset() {
+      this.listQuery = { dates: [], lastTimes: [], phone: '', page: 1, pageSize: 10, labelId: null }
+      this.getList()
     },
-    // 客户详情
-    showDetail(id) {
-      this.$refs.customerDetail.show(id)
+    handleDetail(row) {
+      this.$refs.DetailModal && this.$refs.DetailModal.handleOpen(row)
     },
-    // 编辑
-    edit(item) {
-      this.currentIds = item.labelIds
-      this.currentId = item.buyerUserId
-      this.isTagListVisible = true
+    handleEdit(row) {
+      this.$refs.EditModal && this.$refs.EditModal.handleOpen(row)
     },
-    saveCustomerTag() {
-      buyerSaveLabel({ buyerUserId: this.currentId, labelIds: this.currentIds }).then((res) => {
+    deleteTagFn(id) {
+      deleteLabel({ labelId: id }).then((res) => {
         if (res.code === '') {
           this.$message({
-            message: '添加成功',
+            message: '删除成功',
             type: 'success'
           })
-          this.getCustomerAll(this.formInline)
-          this.getTagList()
-          this.isTagListVisible = false
+          this.listQuery.page = 1
+          this.getList()
         } else {
           this.$message({
             message: res.message,
@@ -272,21 +183,13 @@ export default {
         }
       })
     },
-    closeAddTag() {
-      this.isTagListVisible = false
-      this.currentIds = []
-    },
-    addCustomer() {
-      this.isDataVisible = true
-    },
     // 导出用户
-    async userDataExport() {
+    async handleDataExport() {
       this.$message({
         message: '数据导出中，请勿重复操作！',
         type: 'success'
       })
-      console.log(this.formInline, 'this.formInline')
-      const res = await userExport(this.formInline)
+      const res = await userExport(this.listQuery)
       if (!res) {
         return
       }
@@ -306,173 +209,36 @@ export default {
         // IE10+下载
         navigator.msSaveBlob(blob, fileName)
       }
-    },
-    saveCustomer(ruleForm) {
-      this.$refs[ruleForm].validate((valid) => {
-        if (valid) {
-          const reg = /^[1][3,4,5,7,8,9][0-9]{9}$/
-          if (!reg.test(this.basicInfo.phone)) {
-            this.$message({
-              message: '请输入正确的手机号',
-              type: 'warning'
-            })
-            return false
-          }
-          addCustomer(this.basicInfo).then((res) => {
-            if (res.code === '') {
-              this.$message({
-                message: '添加成功',
-                type: 'success'
-              })
-              this.formInline.page = 1
-              this.getCustomerAll(this.formInline)
-              this.basicInfo = {}
-              this.isDataVisible = false
-            } else {
-              this.$message({
-                message: res.message,
-                type: 'error'
-              })
-            }
-          })
-        }
-      })
-    },
-    closeAddCustomer() {
-      this.isDataVisible = false
-    },
-    // 初始化查询所有数据
-    async getCustomerAll(formInline) {
-      const res = await getCustomerList(formInline)
-      this.total = res.data.total
-      this.tableData = res.data.list
-    },
-    async getTagList() {
-      const res = await getLabelData()
-      if (res.code === '') {
-        this.tagList = res.data
-        console.log(this.tagList, 'taglist')
-      } else {
-        this.$message({
-          message: res.message,
-          type: 'error'
-        })
-      }
-    },
-    handleSelectionChange(val) {
-      this.multipleSelection = val
-    },
-    deleteTagFn(id) {
-      deleteLabel({ labelId: id }).then((res) => {
-        if (res.code === '') {
-          this.$message({
-            message: '删除成功',
-            type: 'success'
-          })
-          this.formInline.page = 1
-          this.getCustomerAll(this.formInline)
-        } else {
-          this.$message({
-            message: res.message,
-            type: 'error'
-          })
-        }
-      })
-    },
-    gift(row) {
-      this.clientId = row.buyerUserId
-      this.voucherShow = true
-    },
-    giftVoucher() {
-      voucherShopHold({
-        buyerUserId: this.clientId,
-        voucherNum: this.giftNumber
-      }).then((res) => {
-        console.log(res)
-        this.voucherShow = false
-        this.giftNumber = 0
-      })
-        .catch((err) => {
-          console.log(err)
-        })
     }
   }
 }
 </script>
 
-<style lang='scss' scoped>
-//@import url(); 引入公共css类
-@import url("../../../styles/elDialog.scss");
-
-.pending {
-	padding: 30px;
-}
-
-.fenye {
-	margin-top: 20px;
-}
-
-.dataEffect {
-	.couponTit {
-		margin: 20px 0;
+<style lang="scss" scoped>
+.app-container {
+	padding: 20px;
+	display: flex;
+	flex-direction: column;
+
+	.filter-container {
+		.filter-item {
+			display: inline-block;
+			vertical-align: middle;
+			margin-bottom: 10px;
+		}
 	}
 
-	.dataListBox {
-		display: flex;
-		justify-content: center;
-		margin: 30px 0;
-
-		.dataItem {
-			width: 220px;
-			height: 120px;
-			border-radius: 8px;
-			border: 1px solid #999999;
-			text-align: center;
-			margin: 0 10px;
-
-			span {
-				display: block;
-				margin-top: 35px;
-			}
+	.small-padding {
+		.cell {
+			padding-left: 5px;
+			padding-right: 5px;
 		}
 	}
 
-	.tabListInfo {
-		margin: 20px 0;
+	.fixed-width {
+		.el-button--mini {
+			padding: 7px 10px;
+		}
 	}
 }
 </style>
-
-<style scoped>
-.btnList /deep/ .delCls {
-	margin-left: 10px;
-}
-
-.group-dialog /deep/ .el-dialog__headerbtn .el-dialog__close {
-	color: #FFFFFF;
-}
-
-.inputWide /deep/ .el-form-item__content {
-	width: 260px;
-}
-
-.inputWide /deep/ .el-select {
-	width: 100%;
-}
-
-.changeCustomer .inputWide /deep/ .el-form-item__content {
-	width: 280px;
-}
-
-.changeCustomer .inputWide /deep/ .el-select {
-	width: 280px;
-}
-
-.customerDetail /deep/ .el-dialog__headerbtn .el-dialog__close {
-	color: #FFFFFF;
-}
-
-.changeCustomer /deep/ .el-date-editor--date {
-	width: 280px;
-}
-</style>

src/views/finance/account/components/EditModal.vue

@@ -19,6 +19,12 @@
         <el-input v-model="formData.oldCardNumber" />
         </el-form-item>
         <p class="card">新绑定信息</p> -->
+      <el-form-item label="账户类型" prop="bankType">
+        <el-radio-group v-model="formData.bankType">
+          <el-radio :label="1">对公</el-radio>
+          <el-radio :label="2">对私</el-radio>
+        </el-radio-group>
+      </el-form-item>
       <el-form-item label="持卡人姓名" prop="cardName">
         <el-input
           v-model="formData.cardName" maxlength="20"
@@ -46,12 +52,6 @@
           style="width: 120px;"
         />
       </el-form-item>
-      <el-form-item label="账户类型" prop="bankType">
-        <el-radio-group v-model="formData.bankType">
-          <el-radio :label="1">对公</el-radio>
-          <el-radio :label="2">对私</el-radio>
-        </el-radio-group>
-      </el-form-item>
       <el-form-item v-if="formData.bankType === 1" label="开户行所在省市" prop="city">
         <el-cascader
           v-model="regionArrDialog" :props="regionProps" size="large" placeholder="请选择区域"

src/views/selectionCenter/distributionPricingPlan/components/DetailModal.vue

@@ -11,7 +11,7 @@
       label-suffix=":"
       label-width="200px"
     >
-      <!-- 定时任务信息 -->
+      <!-- 定价方案信息 -->
       <el-form-item label="定价方案ID" prop="priceId">
         {{ formData.priceId || '--' }}
       </el-form-item>