设备操作弹窗

2 years ago · 50dbc4c959
3 changed files with 42 additions and 67 deletions
--- a/src/views/user/Index.vue
+++ b/src/views/user/Index.vue
@ -85,12 +85,13 @@
      <span class="actions" slot="action" slot-scope="item">
        <!-- <a title="会员充值" v-action:recharge @click="handleRecharge(item)">充值</a> -->
        <!-- <a title="会员等级" v-action:grade @click="handleGrade(item)">等级</a> -->
-        <a title="开通" v-action:opendev @click="handleOpenDev(item)">开通</a>
+        <a title="设备管理" v-action:opendev @click="handleOpenDev(item)">开通</a>
        <a v-action:delete @click="handleDelete(item)">删除</a>
      </span>
    </s-table>
    <GradeForm ref="GradeForm" :gradeList="gradeList" @handleSubmit="handleRefresh" />
    <RechargeForm ref="RechargeForm" @handleSubmit="handleRefresh" />
+    <OpendevForm ref="OpendevForm" @handleSubmit="handleRefresh"/>
  </a-card>
 </template>

@ -98,7 +99,7 @@
 import * as Api from '@/api/user'
 import * as GradeApi from '@/api/user/grade'
 import { STable } from '@/components'
-import { GradeForm, RechargeForm } from './modules'
+import { GradeForm, RechargeForm,OpendevForm } from './modules'
 import PlatformIcon from '@/components/PlatformIcon'

 export default {
@ -107,6 +108,7 @@ export default {
    STable,
    GradeForm,
    RechargeForm,
+    OpendevForm,
    PlatformIcon
  },
  data () {
@ -123,20 +125,10 @@ export default {
          title: '会员ID',
          dataIndex: 'user_id'
        },
-        // {
-        //   title: '会员头像',
-        //   dataIndex: 'avatar_url',
-        //   scopedSlots: { customRender: 'avatar_url' }
-        // },
        {
          title: '昵称/手机号',
          scopedSlots: { customRender: 'main_info' }
        },
-        // {
-        //   title: '会员等级',
-        //   dataIndex: 'grade',
-        //   scopedSlots: { customRender: 'grade' }
-        // },
        {
          title:'实名信息',
          dataIndex:'real_name',
@ -151,21 +143,6 @@ export default {
          title:'设备编号',
          dataIndex:"devsn"
        },
-        // {
-        //   title: '余额/积分',
-        //   dataIndex: 'balance',
-        //   scopedSlots: { customRender: 'balance' }
-        // },
-        // {
-        //   title: '实际消费金额',
-        //   dataIndex: 'expend_money',
-        //   scopedSlots: { customRender: 'expend_money' }
-        // },
-        // {
-        //   title: '注册来源',
-        //   dataIndex: 'platform',
-        //   scopedSlots: { customRender: 'platform' }
-        // },
        {
          title: '注册时间',
          dataIndex: 'create_time'
@ -211,7 +188,7 @@ export default {

    // 开通设备
    handleOpenDev(item){
-      this.$refs.GradeForm.handle(item)
+      this.$refs.OpendevForm.handle(item)
    },

    /**
--- a/src/views/user/modules/OpendevForm.vue
+++ b/src/views/user/modules/OpendevForm.vue
@ -8,44 +8,41 @@
      :maskClosable="false"
      @ok="handleSubmit"
      @cancel="handleCancel"
-    >
+    > 
      <a-spin :spinning="confirmLoading">
        <a-form :form="form">
          <a-tabs :activeKey="activeKey" @change="onChangeTabs">
-            <a-tab-pane :key="RECHARGE_TYPE_BALANCE" tab="充值余额">
-              <template v-if="activeKey === RECHARGE_TYPE_BALANCE">
+
+            <a-tab-pane :key="DEV_STATUS_OPEN" tab="操作设备">
+              <template v-if="activeKey === DEV_STATUS_OPEN">
                <a-form-item class="mb-5" label="会员ID" :labelCol="labelCol" :wrapperCol="wrapperCol">
                  <span>{{ record.user_id }}</span>
                </a-form-item>
-                <a-form-item class="mb-5" label="当前余额" :labelCol="labelCol" :wrapperCol="wrapperCol">
-                  <span class="c-p">{{ record.balance }}</span>
+                <a-form-item class="mb-5" label="登记手机号码" :labelCol="labelCol" :wrapperCol="wrapperCol">
+                  <span class="c-p">{{ record.mobile }}</span>
                </a-form-item>
-                <a-form-item label="充值方式" :labelCol="labelCol" :wrapperCol="wrapperCol">
+                <a-form-item class="mb-5" label="真实姓名" :labelCol="labelCol" :wrapperCol="wrapperCol">
+                  <span class="c-p">{{ record.real_name }}</span>
+                </a-form-item>
+                <a-form-item class="mb-5" label="身份证号码" :labelCol="labelCol" :wrapperCol="wrapperCol">
+                  <span class="c-p">{{ record.id_no }}</span>
+                </a-form-item>
+                <a-form-item class="mb-5" label="登记设备编码" :labelCol="labelCol" :wrapperCol="wrapperCol">
+                  <span class="c-p">{{ record.devsn }}</span>
+                </a-form-item>
+                <a-form-item label="操作方式" :labelCol="labelCol" :wrapperCol="wrapperCol">
                  <a-radio-group
-                    v-decorator="[`${RECHARGE_TYPE_BALANCE}.mode`, { initialValue: 'inc', rules: [{ required: true }] }]"
+                    v-decorator="[`dev.status`, { initialValue: '10', rules: [{ required: true }] }]"
                  >
-                    <a-radio value="inc">增加</a-radio>
-                    <a-radio value="dec">减少</a-radio>
-                    <a-radio value="final">最终金额</a-radio>
+                    <a-radio value="10">开启</a-radio>
+                    <a-radio value="20">关闭</a-radio>
                  </a-radio-group>
                </a-form-item>
-                <a-form-item label="变更金额" :labelCol="labelCol" :wrapperCol="wrapperCol">
-                  <a-input-number
-                    :min="0.01"
-                    v-decorator="[`${RECHARGE_TYPE_BALANCE}.money`, { initialValue: '', rules: [{ required: true, message: '请输入变更的金额' }] }]"
-                  />
-                </a-form-item>
-                <a-form-item label="管理员备注" :labelCol="labelCol" :wrapperCol="wrapperCol">
-                  <a-textarea
-                    placeholder="请输入管理员备注"
-                    :rows="3"
-                    v-decorator="[`${RECHARGE_TYPE_BALANCE}.remark`, { rules: [{ required: true, message: '请输入管理员备注' }] }]"
-                  />
-                </a-form-item>
+
              </template>
            </a-tab-pane>
-            <a-tab-pane :key="RECHARGE_TYPE_POINTS" tab="充值积分">
-              <template v-if="activeKey === RECHARGE_TYPE_POINTS">
+            <a-tab-pane :key="DEV_STATUS_CLOSE" tab="关闭设备">
+              <template v-if="activeKey === DEV_STATUS_CLOSE">
                <a-form-item class="mb-5" label="会员ID" :labelCol="labelCol" :wrapperCol="wrapperCol">
                  <span>{{ record.user_id }}</span>
                </a-form-item>
@ -54,7 +51,7 @@
                </a-form-item>
                <a-form-item label="充值方式" :labelCol="labelCol" :wrapperCol="wrapperCol">
                  <a-radio-group
-                    v-decorator="[`${RECHARGE_TYPE_POINTS}.mode`, { initialValue: 'inc', rules: [{ required: true }] }]"
+                    v-decorator="[`${DEV_STATUS_CLOSE}.mode`, { initialValue: 'inc', rules: [{ required: true }] }]"
                  >
                    <a-radio value="inc">增加</a-radio>
                    <a-radio value="dec">减少</a-radio>
@ -64,14 +61,14 @@
                <a-form-item label="变更数量" :labelCol="labelCol" :wrapperCol="wrapperCol">
                  <a-input-number
                    :min="0.01"
-                    v-decorator="[`${RECHARGE_TYPE_POINTS}.value`, { initialValue: '', rules: [{ required: true, message: '请输入变更的金数量' }] }]"
+                    v-decorator="[`${DEV_STATUS_CLOSE}.value`, { initialValue: '', rules: [{ required: true, message: '请输入变更的金数量' }] }]"
                  />
                </a-form-item>
                <a-form-item label="管理员备注" :labelCol="labelCol" :wrapperCol="wrapperCol">
                  <a-textarea
                    placeholder="请输入管理员备注"
                    :rows="3"
-                    v-decorator="[`${RECHARGE_TYPE_POINTS}.remark`, { rules: [{ required: true, message: '请输入管理员备注' }] }]"
+                    v-decorator="[`${DEV_STATUS_CLOSE}.remark`, { rules: [{ required: true, message: '请输入管理员备注' }] }]"
                  />
                </a-form-item>
              </template>
@ -86,11 +83,10 @@
  // import pick from 'lodash.pick'
  import * as Api from '@/api/user'
  
-  // 充值类型枚举: 余额
-  const RECHARGE_TYPE_BALANCE = 'balance'
-  
-  // 充值类型枚举: 积分
-  const RECHARGE_TYPE_POINTS = 'points'
+  // 设备状态
+  const DEV_STATUS_OPEN = "open"
+
+  const DEV_STATUS_CLOSE = "close"
  
  export default {
    components: {
@ -98,7 +94,7 @@
    data () {
      return {
        // 对话框标题
-        title: '会员充值',
+        title: '设备管理',
        // 标签布局属性
        labelCol: { span: 7 },
        // 输入框布局属性
@ -110,10 +106,10 @@
        // 当前表单元素
        form: this.$form.createForm(this),
        // 当前tab索引
-        activeKey: RECHARGE_TYPE_BALANCE,
-        // 充值类型
-        RECHARGE_TYPE_BALANCE,
-        RECHARGE_TYPE_POINTS,
+        activeKey: DEV_STATUS_OPEN,
+        // 状态类型
+        DEV_STATUS_CLOSE,
+        DEV_STATUS_OPEN,
        // 当前记录
        record: {}
      }
@ -122,6 +118,7 @@
  
      // 显示对话框
      handle (record) {
+        console.log("open dev flag::",record)
        // 显示窗口
        this.visible = true
        // 当前记录
--- a/src/views/user/modules/index.js
+++ b/src/views/user/modules/index.js
@ -1,4 +1,5 @@
 import GradeForm from './GradeForm'
 import RechargeForm from './RechargeForm'
+import OpendevForm from './OpendevForm'

-export { GradeForm, RechargeForm }
+export { GradeForm, RechargeForm,OpendevForm }