修改

src/components/Index.vue

@@ -221,17 +221,17 @@
     <!-- 创建商城 -->
     <el-dialog title="创建商城" :visible.sync="creatDig" width="440px">
       <el-form :model="creatMsg" :rules="creatMsgrules" ref="creatMsg" label-width="100px">
-        <el-form-item label="商城名称" prop="name">
-          <el-input size="small" v-model="addMsg.name"></el-input>
+        <el-form-item label="商城名称" prop="MallName">
+          <el-input size="small" v-model="creatMsg.MallName"></el-input>
         </el-form-item>
-        <el-form-item label="商城有效期" prop="name">
-          <el-input style="width:220px;margin-right:8px" size="small" v-model="addMsg.name"></el-input>
-          <el-checkbox v-model="val">永久</el-checkbox>
+        <el-form-item label="商城有效期" prop="MallValidate">
+          <el-date-picker v-model="creatMsg.MallValidate" :disabled="creatMsg.isChecked" value-format="yyyy-MM-dd" style="width:220px;margin-right:8px" type="date" placeholder="选择日期时间"></el-date-picker>
+          <el-checkbox v-model="creatMsg.isChecked">永久</el-checkbox>
         </el-form-item>
       </el-form>
       <span slot="footer" class="dialog-footer">
-        <el-button size="small" @click="dialogVisible = false">取 消</el-button>
-        <el-button size="small" type="primary" @click="dialogVisible = false">确 定</el-button>
+        <el-button size="small" @click="creatDig = false">取 消</el-button>
+        <el-button size="small" type="primary" @click="submitForm('creatMsg')">确 定</el-button>
       </span>
     </el-dialog>
     <!-- 存储位置编辑 -->
@@ -305,9 +305,23 @@
   export default {
     name: 'homeIndex',
     data() {
+      let validataMala = (rule, value, callback) => {
+        if (!this.creatMsg.isChecked&&this.creatMsg.MallValidate=='') {
+            return callback(new Error('请选择商城有效期'));
+        } 
+        else {
+            callback();
+        }
+      }
       return {
         currentUserMsg:{},
-        creatMsg: {},
+        creatMsg: {
+            MallBaseId:0,
+            MallName:'',
+            MallValidate:'',
+            IsEffective:0,
+            isChecked:false
+        },
         creatDig: false,
         editMsg: {
           type: '',
@@ -339,11 +353,13 @@
           }],
         },
         creatMsgrules: {
-          name: [{
+          MallName: [{
             required: true,
-            message: '不能为空',
+            message: '请填写商城名称。',
             trigger: 'blur'
           }],
+          
+          MallValidate: [{ validator: validataMala, trigger: "blur",required: true}],
         },
 
       }
@@ -402,6 +418,21 @@
             ], )
           ]
         )
+      },
+      //创建商城
+      submitForm(addMsg){
+        this.$refs[addMsg].validate(valid => {
+            if (valid) {
+                this.createShop();
+            } else {
+              return false;
+            }
+        });
+      },
+      createShop(){
+          if(this.creatMsg.isChecked){
+            this.creatMsg.MallValidate=""
+          }
       }
     },
     mounted()

src/components/zanIndex.vue

 <style>
-    
+    .zanTotalTop{
+        padding:18px 20px;
+        background: #fff;
+        border-bottom:1px solid #EBEEF5;
+    }
+    .zanIndex_Second{
+        background-color: #fff;
+        position: relative;
+        padding-bottom: 50px;
+        margin: 10px 0;
+        border: 1px solid #EBEEF5;
+    }
 </style>
 <template>
-    <div>
-        123
+    <div class="zanIndex">
+        <div class="zanTotalTop">数据概况</div>
+        <div class="zanIndex_Second">
+            <div class="selectDiv">
+
+            </div>
+        </div>
     </div>
 </template>
\ No newline at end of file