fix: 修复点击活动标题跳转预览页bug [2129]；修复bug [2134]

src/modules/tools/signIn/views/List.vue

@@ -22,7 +22,9 @@
       <template v-slot:body="{ data }">
         <div class="sign-item" v-for="(item, index) in data" :key="index">
           <div class="sign-item-hd">
-            <el-checkbox v-model="item.checked" @change="handleCheckChange(data)">{{ item.name }}</el-checkbox>
+            <el-checkbox v-model="item.checked" @change="handleCheckChange(data)">
+              <span @click="handlePreview(item.id)">{{ item.name }}</span>
+            </el-checkbox>
           </div>
           <div class="sign-item-bd">
             <div class="sign-item-bd-pic"><img :src="item.background_img" width="100" height="100" /></div>
@@ -173,6 +175,9 @@ export default {
       const checkedVal = val.filter(item => item.checked)
       this.multipleSelection = checkedVal
     },
+    handlePreview(id) {
+      this.$router.push({ path: '/tools/preview', query: { id }})
+    },
     handleCreate() {
       this.drawerType = 'create'
       this.drawerVisible = true

src/modules/tools/signIn/views/Preview.vue

 <template>
   <div class="preview">
-    <div class="mobile">
+    <div class="mobile" ref="mobile">
       <div class="content">
-        <!-- <img v-if="details.market_background_img" :src="details.market_background_img"> -->
+        <img v-if="details.market_background_img" :src="details.market_background_img">
         <h5>签到成功</h5>
         <p>此处显示签到备注文字</p>
       </div>
     </div>
     <div class="bottom-bar">
-      <el-button size="small" @click="goBack">上一步</el-button>
-      <el-button size="small">完成</el-button>
+      <el-button size="small" @click="goBack">完成</el-button>
     </div>
   </div>
 </template>
@@ -35,6 +34,7 @@ export default {
       getActivityDetails(this.id).then(res => {
         if (res.code === 0) {
           this.details = res.data
+          // this.$refs.mobile.style.backgroundImage = `url(${res.data.market_background_img})`
         }
       })
     },
@@ -46,24 +46,35 @@ export default {
 </script>
 <style scoped>
 .preview{
-  height:800px;
+  height:700px;
   padding:30px 0;
   background:#fff;
   border-radius:6px;
 }
 .mobile{
   width:320px;
-  height:600px;
+  height:500px;
   background:#eee;
+  background-size:100% 100%;
+  background-repeat: no-repeat;
   margin:0 auto;
   border-radius:6px;
   padding-top:100px;
+  border:1px solid #f1f1f1;
 }
 .content{
   margin:0 20px;
   background:#fff;
   height:300px;
+  padding-top:20px;
   border-radius:4px;
+  box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
+}
+.content img{
+  display:block;
+  width: 80%;
+  height:100px;
+  margin:0 auto;
 }
 .content h5{
   font-size:20px;
@@ -74,7 +85,7 @@ export default {
   font-size:16px;
   line-height:40px;
   text-align:center;
-  margin-top:40px;
+  margin-top:20px;
 }
 .bottom-bar{
   margin-top:40px;

src/modules/tools/signIn/views/components/ActivityForm.vue

@@ -127,7 +127,6 @@ export default {
       if (this.data.sign_start_time) {
         this.form.signin_time = [this.data.sign_start_time, this.data.sign_end_time]
       }
-      console.log(this.signin_time)
     }
   },
   methods: {

src/modules/tools/signIn/views/components/PersonList.vue

@@ -8,7 +8,7 @@
       <template v-slot:filter-type="{ params }">
         <el-select v-model="params.type" placeholder="请选择类型" size="small">
           <el-option label="姓名" value="username"></el-option>
-          <el-option label="手机号码" value="mobile"></el-option>
+          <el-option label="手机号码" value="phone"></el-option>
           <el-option label="邮箱" value="email"></el-option>
         </el-select>
       </template>