udpate: tem

src/views/goods/ruleList/info.vue

@@ -23,26 +23,49 @@
           label-width="160px"
           size="small"
         >
-          <el-form-item label="上架规则名称" prop="activityName">
+          <el-form-item label="上架规则名称" prop="ruleTitle">
             <el-input
               maxlength="12"
               show-word-limit
               placeholder="请输入上架规则名称"
-
-              v-model="ruleForm.activityName"
+              v-model="ruleForm.ruleTitle"
               style="width:340px"
             />
           </el-form-item>
-          <el-form-item label="上架规则名称备注" prop="activityRemark">
+          <el-form-item label="上架规则名称备注" prop="ruleExplanation">
             <el-input
               maxlength="30"
               show-word-limit
               placeholder="请输入上架规则说明"
-              v-model="ruleForm.activityRemark"
+              v-model="ruleForm.ruleExplanation"
               style="width:340px"
             />
           </el-form-item>
           <el-form-item label="适用人群" prop="activityTime">
+            <el-radio v-model="ruleForm.memberType" :label="1">
+              全部会员
+            </el-radio>
+            <el-radio v-model="ruleForm.memberType" :label="2">
+              会员分组
+            </el-radio>
+            <el-radio v-model="ruleForm.memberType" :label="3">
+              会员筛选
+            </el-radio>
+          </el-form-item>
+          <el-form-item v-if="ruleForm.memberType === 2">
+            <vue-gic-member-group
+              style="padding-left:0"
+              :readonly="readonly"
+              :height="543"
+              :defaltSelected="defaltSelected"
+              :projectName="projectName"
+
+              :effectiveStatus="1"
+              @handleDataTransferred="handleDataTransferred"
+              @handleDataLeft="handleDataLeft"
+            />
+          </el-form-item>
+          <el-form-item v-if="ruleForm.memberType === 3">
             <vue-gic-people
               :projectName="projectName"
               :searchBackTxt.sync="searchBackTxt"
@@ -67,7 +90,8 @@
               </el-button>
             </div>
           </el-form-item>
-          <div class="confim-btn">
+
+          <div class="confim-btn" :style="{ width: fixedWidth + 'px' }">
             <el-button type="primary" size="small" @click="nextStep()">
               确认新建
             </el-button>
@@ -85,11 +109,12 @@ export default {
       callback(new Error('请填写'));
     };
     return {
+      fixedWidth: document.documentElement.clientWidth - 200,
       ruleForm: {
 
       },
       rules: {
-        activityName: [
+        ruleTitle: [
           { required: true, message: '请填写', trigger: 'blur' },
         ],
         activityTime: [
@@ -103,7 +128,8 @@ export default {
       hasSearchData: '',
       sceneValue: 'member', // 场景值
       responseParams: [], // 回显的数据
-
+      defaltSelected: [],
+      headerList: ['isRealTime', 'latestUpdateTime', 'updateType', 'effectiveStatus', 'effectiveDate'], // 表头配置，默认全部，分组名称默认显示不可配置
     };
   },
   methods: {
@@ -125,10 +151,29 @@ export default {
     // 传个参数给父组件 来查数据
     hideBtn (refresh) {
     },
+    handleDataTransferred (data) {
+      this.defaltSelected = data;
+    },
+    handleDataLeft (selectedData, selectionToRemove) {
+      this.defaltSelected = selectedData;
+    },
   },
 };
 </script>
 
-<style>
-
+<style scoped>
+.confim-btn {
+  height: 32px;
+  padding: 12px 0;
+  position: fixed;
+  bottom: 0px;
+  left: 200px;
+  background: #fff;
+  z-index: 2;
+  text-align: center;
+  border-top: 1px solid #dcdfe6;
+}
+.fix-btn {
+  margin-left: -100px;
+}
 </style>