update:奖励增删改

src/api/clock/activityClocks.js

@@ -5,3 +5,16 @@ export const activityClocks = (data) => {
 export const getActivityConfigByPay = (data) => {
     return $http.get('/cms/configs/getActivityConfigByPay', data)
   }
+  //奖励列表
+  export const configAwards = (data) => {
+    return $http.get('/cms/configs/configAwards?type='+ data)
+  }
+  export const addConfigAward = (data) => {
+    return $http.postObj('/cms/configs/configAwards/addConfigAward', data)
+  }
+  export const editConfigAward = (data) => {
+    return $http.putObj('/cms/configs/configAwards/editConfigAward', data)
+  }
+  export const deleteConfigAward = (data) => {
+    return $http.delete('/cms/configs/configAwards/deleteConfigAward', data)
+  }
\ No newline at end of file

src/libs/http.js

@@ -105,6 +105,19 @@ const _HttpService = {
     config = Object.assign({}, _selfConfig, config);
     return _http.post(url, JSON.stringify(data), config);
   },
+  putObj: (url, data, config) => {
+    const _selfConfig = {
+      headers: {
+        "Content-Type": "application/json",
+        "X-Access-Token":
+          sessionStorage.getItem("token") || "1b8cc15a59947ce27dd62b"
+      },
+      setLoading: true
+    };
+
+    config = Object.assign({}, _selfConfig, config);
+    return _http.put(url, JSON.stringify(data), config);
+  },
   postParams: (url, data, config) => {
     const _selfConfig = {
       params: data,
@@ -131,7 +144,9 @@ const _HttpService = {
   delete: (url, data, config) => {
     const _selfConfig = {
       headers: {
-        "Content-Type": "application/json"
+        "Content-Type": "application/json",
+        "X-Access-Token":
+        sessionStorage.getItem("token") || "1b8cc15a59947ce27dd62b"
       },
       data: JSON.stringify(data),
       setLoading: true

src/view/clockEarly/setTabs.vue

@@ -8,6 +8,7 @@
         <TabPane label="规则设置" name="6"></TabPane>
       </Tabs>
       <Table
+        height="520"
         v-if="tab === '1'"
         :loading="$store.state.app.isLoading"
         border
@@ -15,39 +16,46 @@
         :columns="daycolumns"
         :data="payData"
       >
-        <template slot-scope="{ row }" slot="created_at">
-          <span>{{ row.created_at | format }}</span>
+        <template slot-scope="{ row }" slot="break_time">
+          <TimePicker
+            v-model="row.break_time"
+            format="HH:mm"
+            type="timerange"
+            placement="bottom-end"
+            placeholder="Select time"
+            style="width: 168px"
+          ></TimePicker>
         </template>
-        <template slot-scope="{ row }" slot="enable">
-          <i-switch
-            :value="row.is_enable === 1 ? true : false"
-            @on-change="
-              value => {
-                change(value, row);
-              }
-            "
-          />
+        <template slot-scope="{ row }" slot="clock_time">
+          <TimePicker
+            v-model="row.clock_time"
+            format="HH:mm"
+            type="timerange"
+            placement="bottom-end"
+            placeholder="Select time"
+            style="width: 168px"
+          ></TimePicker>
         </template>
-        <template slot-scope="{ row }" slot="action">
-          <a @click="edit(row)">编辑</a>
+        <template slot-scope="{ row }" slot="close_time">
+          <TimePicker
+            v-model="row.close_time"
+            format="HH:mm"
+            type="timerange"
+            placement="bottom-end"
+            placeholder="Select time"
+            style="width: 168px"
+          ></TimePicker>
         </template>
-        <template slot-scope="{ row }" slot="edit">
-          <a @click="goTheme(row)">编辑</a>
+        <template slot-scope="{ row }" slot="pay_amount">
+          <Input
+            v-model="row.pay_amount"
+            style="width:168px"
+            type="number"
+            placeholder="请输入"
+          />
         </template>
-      </Table>
-      <Button style="margin-bottom:20px" v-if="tab === '2'" type="primary"
-        >新建活动</Button
-      >
-      <Table
-        v-if="tab === '2'"
-        :loading="$store.state.app.isLoading"
-        border
-        ref="selection"
-        :columns="spcolumns"
-        :data="data"
-      >
         <template slot-scope="{ row }" slot="action">
-          <a @click="edit(row)">编辑</a>
+          <a @click="save(row)">保存</a>
         </template>
       </Table>
       <div
@@ -56,7 +64,14 @@
         v-if="tab === '4' || tab === '3'"
       >
         <div class="left">
-          <Button type="primary" @click="goDetail">新增奖品</Button>
+          <Button
+            type="primary"
+            @click="
+              modalVisible = true;
+              add = true;
+            "
+            >新增奖品</Button
+          >
           <Button type="primary" style="margin-right: 20px;"
             >开启新用户奖励</Button
           >
@@ -112,56 +127,28 @@
         :rules="ruleValidate"
         :label-width="90"
       >
-        <FormItem label="日期" prop="name">
-          <DatePicker
-            :value="value2"
-            format="yyyy/MM/dd"
-            type="daterange"
-            placement="bottom-end"
-            placeholder="Select date"
-            style="width: 200px"
-          ></DatePicker>
-        </FormItem>
-        <FormItem label="倍数" prop="name">
-          <Input v-model="formValidate.mail" placeholder="请输入"></Input>
-        </FormItem>
-        <span>
-          <FormItem label="奖励名称" prop="name">
-            <Input v-model="formValidate.mail" placeholder="请输入"></Input>
-          </FormItem>
-          <FormItem label="奖励类型" prop="name">
-            <Select v-model="formValidate.city" placeholder="请选择">
-                <Option value="beijing">真我币</Option>
-                <Option value="shanghai">优惠券</Option>
-            </Select>
+        <FormItem label="奖品名称" prop="name">
+          <Input v-model="formValidate.award_name" placeholder="请输入"></Input>
         </FormItem>
         <FormItem label="优惠卷类型" prop="name">
-            <Input v-model="formValidate.mail" placeholder="请输入"></Input>
-          </FormItem>
-          <FormItem label="模版编号" prop="name">
-            <Input v-model="formValidate.mail" placeholder="请输入"></Input>
-          </FormItem>
-          <FormItem label="获奖概率" prop="name">
-            <Input v-model="formValidate.mail" placeholder="请输入"></Input>
-          </FormItem>
-        </span>
-          <span>
-          <FormItem label="奖励名称" prop="name">
-            <Input v-model="formValidate.mail" placeholder="请输入"></Input>
-          </FormItem>
-          <FormItem label="奖励类型" prop="name">
-            <Select v-model="formValidate.city" placeholder="请选择">
-                <Option value="beijing">真我币</Option>
-                <Option value="shanghai">优惠券</Option>
+          <Select v-model="formValidate.award_type" placeholder="请选择">
+            <Option :value="1">优惠券</Option>
+            <Option :value="2">真我币</Option>
           </Select>
         </FormItem>
-          <FormItem label="真我币数量" prop="name">
-            <Input v-model="formValidate.mail" placeholder="请输入"></Input>
+        <FormItem label="模版编号" prop="name">
+          <Input
+            v-model="formValidate.template_code"
+            placeholder="请输入"
+          ></Input>
         </FormItem>
         <FormItem label="获奖概率" prop="name">
-            <Input v-model="formValidate.mail" placeholder="请输入"></Input>
+          <Input
+            v-model="formValidate.award_rate"
+            type="number"
+            placeholder="请输入"
+          ></Input>
         </FormItem>
-        </span>
         <FormItem>
           <Button type="primary" @click="submit">保存</Button>
         </FormItem>
@@ -171,7 +158,13 @@
 </template>
 
 <script>
-import { getActivityConfigByPay } from "@/api/clock/activityClocks";
+import {
+  getActivityConfigByPay,
+  configAwards,
+  addConfigAward,
+  editConfigAward,
+  deleteConfigAward
+} from "@/api/clock/activityClocks";
 import Editor from "_c/editor";
 export default {
   name: "categories",
@@ -180,10 +173,21 @@ export default {
   },
   data() {
     return {
-        payData:[],
-      modalVisible: true,
+      payData: [
+        {
+          break_time: "",
+          clock_time: "",
+          close_time: "",
+          pay_amount: null
+        }
+      ],
+      add: true,
+      modalVisible: false,
       formValidate: {
-        name: ""
+        award_name: "",
+        award_type: "",
+        award_rate: "",
+        template_code: ""
       },
       ruleValidate: {
         name: [
@@ -199,7 +203,7 @@ export default {
       daycolumns: [
         {
           title: "休息时间",
-          key: "break_time"
+          slot: "break_time"
         },
         {
           title: "打卡时间",
@@ -215,7 +219,7 @@ export default {
         },
         {
           title: "操作",
-          slot: "name"
+          slot: "action"
         }
       ],
       spcolumns: [
@@ -235,33 +239,70 @@ export default {
       newoldcolumns: [
         {
           title: "奖励名称",
-          key: "created_at"
+          key: "award_name"
         },
         {
           title: "奖励类型",
-          slot: "name"
+          slot: "award_type"
         },
         {
-          title: "奖励",
-          slot: "title"
+          title: "模板编号",
+          slot: "template_code"
         },
         {
           title: "获奖概率",
-          key: "created_at"
+          key: "award_rate"
         },
         {
           title: "操作",
           slot: "action"
         }
-      ],
+      ]
     };
   },
-  methods: {},
-  mounted() {
+  watch: {
+    tab: {
+      handler: function(val) {
+        if (val === "3" || val === "4") {
+          let type = val === "3" ? 1 : 2;
+          this.getjllist(type);
+        }
+      },
+      immediate: true
+    }
+  },
+  methods: {
+    save(row) {
+      console.log(row);
+    },
+    submit() {
+      if (this.add) {
+        addConfigAward(this.formValidate).then(res => {
+          console.log(res);
+        });
+      } else {
+        editConfigAward(this.formValidate).then(res => {
+          console.log(res);
+        });
+      }
+    },
+    del() {
+      deleteConfigAward(id).then(res => {
+        console.log(res);
+      });
+    },
+    getjllist(type) {
+      configAwards(type).then(res => {
+        this.data = res;
+      });
+    },
+    getTime() {
       getActivityConfigByPay().then(res => {
-        this.payData = [res]
+        this.payData = [res];
       });
     }
+  },
+  mounted() {}
 };
 </script>