feat:聊天会员限制

src/views/member/config/index.vue

@@ -2,47 +2,57 @@
   <doc-alert title="会员手册（功能开启）" url="https://doc.iocoder.cn/member/build/" />
 
   <ContentWrap>
-    <el-form
-      ref="formRef"
-      :model="formData"
-      :rules="formRules"
-      label-width="120px"
-      v-loading="formLoading"
-    >
+    <el-form ref="formRef" :model="formData" :rules="formRules" label-width="120px" v-loading="formLoading">
       <el-form-item label="hideId" v-show="false">
         <el-input v-model="formData.id" />
       </el-form-item>
 
       <el-tabs>
-        <el-tab-pane label="积分">
+        <el-tab-pane label="聊天">
+          <el-form-item label-width="200px" label="普通用户每天沟通人数" prop="pointTradeDeductUnitPrice">
+            <el-input-number v-model="formData.defaultChatUserCout" placeholder="" :min="1" :max="100" />
+            <el-text class="w-full" size="small" type="info">
+              <div>
+                <span>普通用户</span>
+                <span class="color-red">(非会员)</span>
+                一天可以免费沟通
+                <span class="color-blue">{{ formData.defaultChatUserCout }}</span>
+                <span>人</span>
+              </div>
+            </el-text>
+          </el-form-item>
+          <el-form-item label-width="200px" label="普通用户每天沟通次数" prop="pointTradeDeductUnitPrice">
+            <el-input-number v-model="formData.defaultChatUserMsgCout" placeholder="" :min="1" :max="100" />
+            <el-text class="w-full" size="small" type="info">
+              <div>
+                <span>普通用户</span>
+                <span class="color-red">(非会员)</span>
+                一天可以免费和其他用户发送
+                <span class="color-blue">{{ formData.defaultChatUserCout }}</span>
+                <span>条消息</span>
+              </div>
+            </el-text>
+          </el-form-item>
+        </el-tab-pane>
+        <el-tab-pane v-if="false" label="积分">
           <el-form-item label="积分抵扣" prop="pointTradeDeductEnable">
             <el-switch v-model="formData.pointTradeDeductEnable" style="user-select: none" />
             <el-text class="w-full" size="small" type="info">下单积分是否抵用订单金额</el-text>
           </el-form-item>
           <el-form-item label="积分抵扣" prop="pointTradeDeductUnitPrice">
-            <el-input-number
-              v-model="computedPointTradeDeductUnitPrice"
-              placeholder="请输入积分抵扣金额"
-              :precision="2"
-            />
+            <el-input-number v-model="computedPointTradeDeductUnitPrice" placeholder="请输入积分抵扣金额" :precision="2" />
             <el-text class="w-full" size="small" type="info">
               积分抵用比例(1 积分抵多少金额)，单位：元
             </el-text>
           </el-form-item>
           <el-form-item label="积分抵扣最大值" prop="pointTradeDeductMaxPrice">
-            <el-input-number
-              v-model="formData.pointTradeDeductMaxPrice"
-              placeholder="请输入积分抵扣最大值"
-            />
+            <el-input-number v-model="formData.pointTradeDeductMaxPrice" placeholder="请输入积分抵扣最大值" />
             <el-text class="w-full" size="small" type="info">
               单次下单积分使用上限，0 不限制
             </el-text>
           </el-form-item>
           <el-form-item label="1 元赠送多少分" prop="pointTradeGivePoint">
-            <el-input-number
-              v-model="formData.pointTradeGivePoint"
-              placeholder="请输入 1 元赠送多少积分"
-            />
+            <el-input-number v-model="formData.pointTradeGivePoint" placeholder="请输入 1 元赠送多少积分" />
             <el-text class="w-full" size="small" type="info">
               下单支付金额按比例赠送积分（实际支付 1 元赠送多少积分）
             </el-text>
@@ -68,6 +78,8 @@ const dialogVisible = ref(false) // 弹窗的是否展示
 const formLoading = ref(false) // 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用
 const formData = ref({
   id: undefined,
+  defaultChatUserCout: 0,
+  defaultChatUserMsgCout: 0,
   pointTradeDeductEnable: true,
   pointTradeDeductUnitPrice: 0,
   pointTradeDeductMaxPrice: 0,