feat: #配置

README.md

@@ -105,12 +105,12 @@ Copyright (c) 2017-present PanJiaChen
 - 照片商品管理的编辑框，照片错位了。 [x]
 - 照片商品管理的列表。把是否精选，是否随手拍放到列表上[x]
 - 是否精选 配置哪里？ [x]
+- 省市区组件 [x]
 
 -------- todo -----------
 
 - 后台前端富文本需要 px 转换 rem
 - 积分配置
-- 省市区组件
 - img 裁切显示
 - 三个照片列表的图片被压缩。看看如何适配好看些。
 - H5 补充幼儿园详情页、活动详情页。到时再看看怎么展示图片等图片吧。（H5 的详情页只是做基本信息展示 + 后面增加个导流下载 app 的（增加一个浮动弹框，打开腾讯应用宝的注册。上线后就有了））

src/views/baseManagement/bannerManagement/modal/ItemModal.vue

@@ -34,6 +34,7 @@
       </el-form-item>
       <el-form-item label="排序" prop="sort">
         <el-input-number
+          controls-position="right"
           v-model="form.sort"
           :precision="0"
           :min="1"

src/views/baseManagement/infoManagement/modal/ItemModal.vue

@@ -34,6 +34,7 @@
       </el-form-item>
       <el-form-item label="排序" prop="sort">
         <el-input-number
+          controls-position="right"
           v-model="form.sort"
           :precision="0"
           :min="1"

src/views/baseManagement/trending/modal/ItemModal.vue

@@ -22,6 +22,7 @@
       </el-form-item>
       <el-form-item label="排序" prop="sort">
         <el-input-number
+          controls-position="right"
           v-model="form.sort"
           :precision="0"
           :min="1"

src/views/helpInfo/information/modal/ItemModal.vue

@@ -28,6 +28,7 @@
       </el-form-item>
       <el-form-item label="排序" prop="sort">
         <el-input-number
+          controls-position="right"
           v-model="form.sort"
           :precision="0"
           :min="1"

src/views/helpInfo/issueType/modal/ItemModal.vue

@@ -22,6 +22,7 @@
       </el-form-item>
       <el-form-item label="排序" prop="sort">
         <el-input-number
+          controls-position="right"
           v-model="form.sort"
           :precision="0"
           :min="1"

src/views/memberManagement/memberLever/modal/ItemModal.vue

@@ -16,6 +16,7 @@
       </el-form-item>
       <el-form-item label="年费" prop="yearPrice">
         <el-input-number
+          controls-position="right"
           v-model="form.yearPrice"
           class="w-80"
           :precision="2"
@@ -25,6 +26,7 @@
       </el-form-item>
       <el-form-item label="月费" prop="monthPrice">
         <el-input-number
+          controls-position="right"
           v-model="form.monthPrice"
           class="w-80"
           :precision="2"
@@ -34,6 +36,7 @@
       </el-form-item>
       <el-form-item label="商品优惠折扣" prop="sale">
         <el-input-number
+          controls-position="right"
           v-model="form.sale"
           class="w-80"
           :precision="2"
@@ -49,6 +52,7 @@
       </el-form-item>
       <el-form-item label="排序" prop="sort">
         <el-input-number
+          controls-position="right"
           v-model="form.sort"
           :precision="0"
           :min="1"

src/views/photoManagement/eventsList/modal/ItemModal.vue

@@ -45,6 +45,7 @@
       </el-form-item>
       <el-form-item label="排序" prop="sort">
         <el-input-number
+          controls-position="right"
           v-model="form.sort"
           :precision="0"
           :min="1"

src/views/photoManagement/imageGoodsManagement/modal/ItemModal.vue

@@ -26,6 +26,7 @@
 
       <el-form-item label="高清价格图">
         <el-input-number
+          controls-position="right"
           v-model="form.hdLogoPhotoPrice"
           :precision="2"
           :step="0.1"
@@ -35,6 +36,7 @@
 
       <el-form-item label="原图价格图">
         <el-input-number
+          controls-position="right"
           v-model="form.originPhotoPrice"
           :precision="2"
           :step="0.1"

src/views/pointsManagement/pointsSetting/index.vue

@@ -1,74 +1,109 @@
 <template>
   <div class="m-10 bg-w p-20 br-10">
     <h1>积分设置</h1>
-    <!--     <el-form
-      ref="form"
-      :model="form"
-      label-width="280px"
-      label-position="top"
-      class="mrow-60"
-    >
-      <el-form-item label="积分抵现（设置多少积分抵一元人民币）">
-        <el-input-number
-          v-model="num"
-          :precision="2"
-          :step="0.1"
-          :max="10"
-        ></el-input-number>
-      </el-form-item>
-      <el-form-item label="活动区域">
-        <el-select v-model="form.region" placeholder="请选择活动区域">
-          <el-option label="区域一" value="shanghai"></el-option>
-          <el-option label="区域二" value="beijing"></el-option>
-        </el-select>
-      </el-form-item>
-      <el-form-item label="活动时间">
-        <el-col :span="11">
-          <el-date-picker
-            type="date"
-            placeholder="选择日期"
-            v-model="form.date1"
+    <div class="f-c-c f-col">
+      <el-form
+        ref="form"
+        :model="form"
+        label-width="280px"
+        label-position="top"
+        :rules="rules"
+        class="mrow-60"
+      >
+        <el-form-item label="积分抵现（设置多少积分抵一元人民币）">
+          <el-input-number
+            controls-position="right"
+            v-model="form.INTEGRAL_CASH_OUT"
             style="width: 100%;"
-          ></el-date-picker>
-        </el-col>
-        <el-col class="line" :span="2">-</el-col>
-        <el-col :span="11">
-          <el-time-picker
-            placeholder="选择时间"
-            v-model="form.date2"
+            :precision="2"
+            :step="0.1"
+            :min="0"
+          ></el-input-number>
+        </el-form-item>
+
+        <el-form-item label="邀请好友注册获得积分">
+          <el-input-number
+            controls-position="right"
+            v-model="form.INVITE_TO_SIGN_UP"
+            style="width: 100%;"
+            :precision="2"
+            :step="0.1"
+            :min="0"
+          ></el-input-number>
+        </el-form-item>
+
+        <el-form-item label="分享资讯获得积分">
+          <el-input-number
+            controls-position="right"
+            v-model="form.SHARE_POINTS"
+            style="width: 100%;"
+            :precision="2"
+            :step="0.1"
+            :min="0"
+          ></el-input-number>
+        </el-form-item>
+
+        <el-form-item label="点赞照片获得积分">
+          <el-input-number
+            controls-position="right"
+            v-model="form.LIKE_TO_POINTS"
+            style="width: 100%;"
+            :precision="2"
+            :step="0.1"
+            :min="0"
+          ></el-input-number>
+        </el-form-item>
+
+        <el-form-item label="被点赞照片获得积分">
+          <el-input-number
+            controls-position="right"
+            v-model="form.POINTS_BY_LIKE"
             style="width: 100%;"
-          ></el-time-picker>
-        </el-col>
-      </el-form-item>
-      <el-form-item label="即时配送">
-        <el-switch v-model="form.delivery"></el-switch>
-      </el-form-item>
-      <el-form-item label="活动性质">
-        <el-checkbox-group v-model="form.type">
-          <el-checkbox label="美食/餐厅线上活动" name="type"></el-checkbox>
-          <el-checkbox label="地推活动" name="type"></el-checkbox>
-          <el-checkbox label="线下主题活动" name="type"></el-checkbox>
-          <el-checkbox label="单纯品牌曝光" name="type"></el-checkbox>
-        </el-checkbox-group>
-      </el-form-item>
-      <el-form-item label="特殊资源">
-        <el-radio-group v-model="form.resource">
-          <el-radio label="线上品牌商赞助"></el-radio>
-          <el-radio label="线下场地免费"></el-radio>
-        </el-radio-group>
-      </el-form-item>
-      <el-form-item label="活动形式">
-        <el-input type="textarea" v-model="form.desc"></el-input>
-      </el-form-item>
-      <el-form-item class="f-fe-c">
-        <el-button type="primary" @click="onSubmit">立即创建</el-button>
-      </el-form-item>
-    </el-form> -->
+            :precision="2"
+            :step="0.1"
+            :min="0"
+          ></el-input-number>
+        </el-form-item>
+
+        <el-form-item label="每日签到获得积分">
+          <el-input-number
+            controls-position="right"
+            v-model="form.SIGN_IN_BY_DAY"
+            style="width: 100%;"
+            :precision="2"
+            :step="0.1"
+            :min="0"
+          ></el-input-number>
+        </el-form-item>
+
+        <el-form-item label="照片购买摄影师分成（%）">
+          <el-input-number
+            controls-position="right"
+            v-model="form.PHOTOER_INCOME"
+            style="width: 100%;"
+            :precision="2"
+            :step="0.1"
+            :min="0"
+          ></el-input-number>
+        </el-form-item>
+
+        <el-form-item label="H5网页域名">
+          <el-input
+            v-model="form.H5_WEB_DOMAIN"
+            placeholder="请输入"
+          ></el-input>
+        </el-form-item>
+
+        <el-form-item class="f-fe-c">
+          <el-button type="primary" @click="onSubmit">保存</el-button>
+        </el-form-item>
+      </el-form>
+    </div>
   </div>
 </template>
 
 <script>
-import { getList } from '@/api/config';
+import { getList, saveItem } from '@/api/config';
 
 export default {
   name: 'PointsSetting',
@@ -77,16 +112,42 @@ export default {
 
   data() {
     return {
-      // form: {
-      //   name: '',
-      //   region: '',
-      //   date1: '',
-      //   date2: '',
-      //   delivery: false,
-      //   type: [],
-      //   resource: '',
-      //   desc: ''
-      // }
+      form: {
+        INTEGRAL_CASH_OUT: 0,
+        INVITE_TO_SIGN_UP: 0,
+        SHARE_POINTS: 0,
+        LIKE_TO_POINTS: 0,
+        POINTS_BY_LIKE: 0,
+        SIGN_IN_BY_DAY: 0,
+        PHOTOER_INCOME: 0,
+        H5_WEB_DOMAIN: ''
+      },
+      rules: {
+        INTEGRAL_CASH_OUT: [
+          { required: true, message: '请输入积分', trigger: 'blur' }
+        ],
+        INVITE_TO_SIGN_UP: [
+          { required: true, message: '请输入积分', trigger: 'blur' }
+        ],
+        SHARE_POINTS: [
+          { required: true, message: '请输入积分', trigger: 'blur' }
+        ],
+        LIKE_TO_POINTS: [
+          { required: true, message: '请输入积分', trigger: 'blur' }
+        ],
+        POINTS_BY_LIKE: [
+          { required: true, message: '请输入积分', trigger: 'blur' }
+        ],
+        SIGN_IN_BY_DAY: [
+          { required: true, message: '请输入积分', trigger: 'blur' }
+        ],
+        PHOTOER_INCOME: [
+          { required: true, message: '请输入积分', trigger: 'blur' }
+        ],
+        H5_WEB_DOMAIN: [
+          { required: true, message: '请输入地址', trigger: 'blur' }
+        ]
+      }
     };
   },
 
@@ -97,7 +158,30 @@ export default {
   methods: {
     async loadData() {
       const { data } = await getList();
-      this.form = data;
+      const result = data.reduce((init, item) => {
+        init[item.code] = item.value;
+        return init;
+      }, {});
+      this.form = result;
+    },
+
+    async onSubmit() {
+      this.$refs.form.validate(async valid => {
+        if (valid) {
+          const params = [];
+          for (let key in this.form) {
+            params.push({
+              code: key,
+              value: this.form[key] + ''
+            });
+          }
+          const { success } = await saveItem(params);
+          if (success) {
+            this.$success('保存成功');
+            this.loadData();
+          }
+        }
+      });
     }
   }
 };