用户管理，等级配置，任务审核

project/tianfuxing/AppLevelList/AppLevelList.vue

@@ -5,34 +5,34 @@
         <ai-title title="等级配置" :isShowBottomBorder="false" :isShowArea="false"></ai-title>
       </template>
       <template slot="content">
-        <ai-search-bar>
-          <template slot="left">
-            <el-button type="primary" icon="iconfont iconAdd" size="small" @click="add({}, '添加')">添加</el-button>
-          </template>
-        </ai-search-bar>
         <ai-table :tableData="tableData" :colConfigs="colConfigs" :total="page.total" :current.sync="page.current"
           :size.sync="page.size" @getList="getList" class="ai-table">
-          <el-table-column label="操作" align="center" width="250" slot="option">
-            <template slot-scope="{ row }">
-              <el-button type="text" @click="top(row)" v-if="row.showIndex > 1">上移</el-button>
-              <el-button type="text" @click="next(row)" v-if="row.showIndex < tableData.length">下移</el-button>
-              <el-button type="text" @click="addMiniApp(row, false, row.$index)">编辑</el-button>
-              <el-button type="text" @click="removeMiniApp(row)">删除</el-button>
+          <el-table-column slot="beginIntegral" label="积分范围" align="center">
+            <template slot-scope="{ row}">
+              <span>{{row.beginIntegral}}-{{row.endIntegral}}</span>
+            </template>
+          </el-table-column>
+          <el-table-column slot="option" label="操作" align="center" width="250">
+            <template slot-scope="{ row}">
+              <el-button type="text" @click="add(row)">编辑</el-button>
             </template>
           </el-table-column>
         </ai-table>
       </template>
     </ai-list>
-    <ai-dialog :title="dialog.title" :visible.sync="visible" @onCancel="visible = false" @onConfirm="addConfirm" width="800px">
+    <ai-dialog title="等级修改" :visible.sync="visible" @onCancel="visible = false; dialogInfo = {}" @onConfirm="addConfirm" width="800px">
       <el-form ref="ruleForm" :model="dialogInfo" :rules="formRules" size="small" label-width="120px">
-        <el-form-item label="等级名称" prop="title">
-          <el-input placeholder="请输入等级名称" :maxlength="10" show-word-limit v-model="dialogInfo.title"></el-input>
+        <el-form-item label="等级名称" prop="levelTitle">
+          <el-input placeholder="请输入等级名称" :maxlength="20" show-word-limit v-model="dialogInfo.levelTitle"></el-input>
         </el-form-item>
-        <el-form-item label="积分范围" prop="title">
-          <el-input placeholder="积分" :maxlength="10" v-model="dialogInfo.title" style="width:100px;"></el-input>
-          <span style="margin:0 16px;">-</span>
-          <el-input placeholder="积分" :maxlength="10" v-model="dialogInfo.title" style="width:100px;"></el-input>
+        <el-form-item label="积分范围" prop="beginIntegral" style="display:inline-block;">
+          <el-input placeholder="积分" :maxlength="4" v-model="dialogInfo.beginIntegral" style="width:100px;"></el-input>
+          <el-form-item prop="endIntegral" style="display:inline-block;" class="endIntegral">
+            <span style="margin: 0 16px;">-</span>
+            <el-input placeholder="积分" :maxlength="4" v-model="dialogInfo.endIntegral" style="width:100px;"></el-input>
+          </el-form-item>
         </el-form-item>
+        
       </el-form>
     </ai-dialog>
   </div>
@@ -51,9 +51,6 @@ export default {
   },
   data() {
     return {
-      search: {
-        title: '',
-      },
       tableData: [],
       page: {
         size: 10,
@@ -61,35 +58,20 @@ export default {
         total: 0,
       },
       visible: false,
-      dialog: {
-        title: '',
-      },
       dialogInfo: {},
       formRules: {
-        banner: [{required: true, message: '请添加banner封面', trigger: 'blur'}],
-        title: [{required: true, message: '请输入主页名称', trigger: 'blur'}],
+        levelTitle: [{required: true, message: '请输入等级名称', trigger: 'blur'}],
+        beginIntegral: [{required: true, message: '请输入积分范围', trigger: 'blur' },
+          {pattern: /^([1-9]\d*|0)(\.\d{1,2})?$/, message: '请输入正数且最多只能保留两位小数'}],
+        endIntegral: [{required: true, message: '请输入积分范围', trigger: 'blur' },
+          {pattern: /^([1-9]\d*|0)(\.\d{1,2})?$/, message: '请输入正数且最多只能保留两位小数'}],
       },
       colConfigs: [
-        {prop: 'showIndex', label: '等级', width: 120, align: 'center'},
-        {prop: 'title', label: '等级名称', width: 150, align: 'center'},
-        {prop: 'title', label: '积分范围', align: 'center'},
-        {slot: 'option', label: '操作', width: 200, align: 'center'},
+        {prop: 'level', label: '等级', width: 120, align: 'center'},
+        {prop: 'levelTitle', label: '等级名称', align: 'center'},
+        {slot: 'beginIntegral'},
+        {slot: 'option'},
       ],
-      miniAppColConfigs: [
-        {prop: 'showIndex', label: '序号', width: 80, align: 'center'},
-        {prop: 'icon', label: 'icon图片', slot: 'icon', align: 'center'},
-        {prop: 'title', label: '积分范围',},
-        {slot: 'option', label: '操作', align: 'center'},
-      ],
-      miniAppFormRules: {
-        icon: [{required: true, message: '请添加icon图片', trigger: 'blur'}],
-        title: [{required: true, message: '请输入应用名称', trigger: 'blur'}],
-        accessPath: [{ required: true, message: '请输入页面路径', trigger: 'blur' }]
-      },
-      miniAppDialog: false,
-      miniAppInfo: {},
-      isAddMiniApp: false,
-      editMiniIndex: '',
     }
   },
   computed: {
@@ -101,28 +83,19 @@ export default {
   mounted() {
   },
   methods: {
-    add(row, title) {
-      this.dialog.title = title
+    add(row) {
       this.visible = true
-      if(row && row.id) {
-        this.instance.post(`/app/appwxapplication/queryDetailById?id=${row.id}`).then(res => {
-          if (res?.code == 0) {
-            this.dialogInfo = res.data
-            this.dialogInfo.bannerList = [{url: this.dialogInfo.banner}]
-            this.dialogInfo.wxApplicationList = this.dialogInfo.wxApplicationList || []
-          }
-        })
-      }else {
-        this.dialogInfo = {}
-        this.dialogInfo.wxApplicationList = []
-      } 
+      this.dialogInfo = {...row}
     },
     addConfirm() {
       this.$refs.ruleForm.validate((valid) => {
         if (valid) {
-          this.instance.post(`/app/appwxapplication/addOrUpdate`, {...this.dialogInfo}).then(res => {
+          if(Number(this.dialogInfo.beginIntegral) >= Number(this.dialogInfo.endIntegral)) {
+            return this.$message.error('请输入正确的积分范围')
+          }
+          this.instance.post(`/appintegrallevel/addOrUpdate`, {...this.dialogInfo}).then(res => {
             if (res?.code == 0) {
-              this.$message.success('新增成功')
+              this.$message.success('等级修改成功')
               this.visible = false
               this.getList()
             }
@@ -130,101 +103,14 @@ export default {
         }
       })
     },
-    remove(id) {
-      this.$confirm('删除后不可恢复，是否要删除该配置？', {
-        type: 'error',
-      }).then(() => {
-        this.instance.post(`/app/appwxapplication/delete?ids=${id}`).then((res) => {
-          if (res.code == 0) {
-            this.$message.success('删除成功！')
-            this.getList()
-          }
-        })
-      })
-    },
-    addMiniApp(row, isAddMiniApp, index) {
-      this.miniAppInfo = row || {}
-      if(this.miniAppInfo.icon) {
-        this.miniAppInfo.iconList = [{url: this.miniAppInfo.icon}]
-        this.editMiniIndex = index
-      }
-      this.miniAppDialog = true
-      this.isAddMiniApp = isAddMiniApp
-    },
-    removeMiniApp(row) {
-      this.$confirm('删除后不可恢复，是否要删除该应用？', {
-        type: 'error',
-      }).then(() => {
-        var showIndex = row.showIndex
-        this.dialogInfo.wxApplicationList.map((item) => {
-          if(item.showIndex > showIndex) {
-            item.showIndex = item.showIndex - 1
-          }
-        })
-        this.dialogInfo.wxApplicationList.splice(row.showIndex-1, 1)
-      })
-    },
-    addMiniAppConfirm() {
-      this.$refs.miniApppRuleForm.validate((valid) => {
-        if (valid) {
-          if(this.isAddMiniApp) { //新增
-            this.miniAppInfo.showIndex = this.dialogInfo.wxApplicationList.length + 1
-            this.dialogInfo.wxApplicationList.push(this.miniAppInfo)
-          }else {
-            this.dialogInfo.wxApplicationList[this.editMiniIndex] = this.miniAppInfo
-          }
-          this.miniAppDialog = false
-        }
-      })
-    },
-    top(row) {
-      var list = JSON.parse(JSON.stringify(this.dialogInfo.wxApplicationList))
-      var oldRow = list[row.showIndex - 2]
-      oldRow.showIndex ++
-      row.showIndex --
-      list[row.showIndex - 1] = row
-      list[row.showIndex] = oldRow
-      this.$set(this.dialogInfo, 'wxApplicationList', list)
-    },
-    next(row) {
-      var list = JSON.parse(JSON.stringify(this.dialogInfo.wxApplicationList))
-      var oldRow = list[row.showIndex]
-      oldRow.showIndex --
-      row.showIndex ++
-      list[row.showIndex-1] = row
-      list[oldRow.showIndex-1] = oldRow
-      this.$set(this.dialogInfo, 'wxApplicationList', list)
-    },
-    changeBanner(e) {
-      this.dialogInfo.bannerList = e
-      this.dialogInfo.banner = e[0].url
-    },
-    changeIcon(e) {
-      this.miniAppInfo.iconList = e
-      this.miniAppInfo.icon = e[0].url
-    },
     getList() {
-      this.instance.post(`/app/appwxapplication/list`, null, {
+      this.instance.post(`/appintegrallevel/list`, null, {
         params: {
-          ...this.search,
           ...this.page,
         },
-      })
-      .then((res) => {
+      }).then((res) => {
         if (res.code == 0) {
-          res.data.records.map((item) => {
-            item.appNames = ''
-            item.wxApplicationList.map((app, index) => {
-              if(index == 0) {
-                item.appNames = app.title
-              }
-              if(index > 0) {
-                item.appNames = item.appNames + `,${app.title}`
-              }
-            })
-          })
           this.tableData = res.data.records
-
           this.page.total = res.data.total
         }
       })
@@ -235,26 +121,15 @@ export default {
 }
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .AppLevelList {
   height: 100%;
-  // padding: 15px 10px;
-  .banner-img {
-    width: 50px;
-    height: 50px;
+  ::v-deep .endIntegral .el-form-item__content {
+    margin-left: 0!important;
   }
-  .dialog-title-flex{
-    display: flex;
-    justify-content: space-between;
-    margin-bottom: 8px;
-    h3{
-      font-size: 16px;
-      color: #333;
-    }
-    span{
-      color: #26f;
-      cursor: pointer;
-    }
+  ::v-deep .endIntegral .el-form-item__error{
+    left: 40px !important;
+    top: 50px !important;
   }
 }
 </style>