From 5f371d1e1862060d191241ea01eaa8372545528f Mon Sep 17 00:00:00 2001
From: asd <a374367073@126.com>
Date: Wed, 27 Nov 2019 16:24:31 +0800
Subject: [PATCH] =?UTF-8?q?=E5=8F=AA=E5=B7=AE=E5=AF=B9=E6=8E=A5=E5=8F=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/IndexReport.vue                | 151 +++++++++++++++++++++++++++++
 src/IndexReport1.vue               |  53 ++++++++++
 src/IndexReport2.vue               |  59 +++++++++++
 src/assets/close.png               | Bin 821 -> 0 bytes
 src/assets/more.png                | Bin 0 -> 344 bytes
 src/assets/selected.png            | Bin 0 -> 983 bytes
 src/components/indexreporttop.vue  |  42 ++++++++
 src/components/indexreporttype.vue | 130 +++++++++++++++++++++++++
 src/login.vue                      |   2 +-
 src/loginpwd.vue                   |   2 +-
 src/router.js                      |  15 +++
 11 files changed, 452 insertions(+), 2 deletions(-)
 create mode 100644 src/IndexReport.vue
 create mode 100644 src/IndexReport1.vue
 create mode 100644 src/IndexReport2.vue
 delete mode 100644 src/assets/close.png
 create mode 100644 src/assets/more.png
 create mode 100644 src/assets/selected.png
 create mode 100644 src/components/indexreporttop.vue
 create mode 100644 src/components/indexreporttype.vue

diff --git a/src/IndexReport.vue b/src/IndexReport.vue
new file mode 100644
index 0000000..6aa5567
--- /dev/null
+++ b/src/IndexReport.vue
@@ -0,0 +1,151 @@
+<template>
+  <div>
+    <div>
+      <indexreporttop :left="menu"></indexreporttop>
+      <div>
+        <indexreporttype :list="list" @change="xz"></indexreporttype>
+        <!-- <div @click="choose('不友善行为',0)">
+          <indexreporttype left="不友善行为"></indexreporttype>
+        </div>
+        <div @click="choose('有害信息',0)">
+          <indexreporttype left="有害信息"></indexreporttype>
+        </div>
+        <div @click="choose('涉嫌侵权',0)">
+          <indexreporttype left="涉嫌侵权"></indexreporttype>
+        </div>
+        <div @click="choose('诱导赞同、关注等行为',0)">
+          <indexreporttype left="诱导赞同、关注等行为"></indexreporttype>
+        </div>
+        <div @click="choose('其他',1)">
+          <indexreporttype left="其他"></indexreporttype>
+        </div>-->
+      </div>
+
+  
+
+        <div class="btns" v-if="choose1">
+          <button class="btn2">举报</button>
+          <button class="btn1">举报</button>
+    </div>
+        <button class="btn" v-else>举报</button>
+    </div>
+  </div>
+</template>
+
+<script>
+import indexreporttop from "./components/indexreporttop";
+import indexreporttype from "./components/indexreporttype";
+import more from "./assets/more.png";
+export default {
+  data() {
+    return {
+      menu: "举报",
+      more,
+      list: [
+        { left: "垃圾广告信息", right: this.more ,class:"more" },
+        { left: "不友善行为", right: this.more,class:"more" },
+        { left: "有害信息", right:this.more,class:"more"  },
+        { left: "涉嫌侵权", right: this.more ,class:"more" },
+         { left: "诱导赞同、关注等行为", right: this.more ,class:"more" },
+           { left: "其他", right: this.more ,class:"more" },
+      ],
+      ifselect: false,
+      choose1:false
+      
+    };
+  },
+  methods: {
+      xz(e){
+          window.console.log("uguihiovhiao")
+          if(e){
+              this.choose1=true
+          }else{
+              this.choose1=false
+          }
+      },
+    choose(e, i) {
+      //   this.menu = e;
+      if (this.menu == "举报") {
+        window.console.log(111);
+        window.console.log(i, 464646);
+        switch (i) {
+          case 0:
+            this.menu = e;
+            this.list = ["垃圾广告信息", "不友善行为", "有害信息", "涉嫌侵权"];
+
+            break;
+          case 1:
+            this.menu = e;
+            this.list = ["骚扰、辱骂、歧视等", "其他不友善行为"];
+            window.console.log(this.list);
+
+            break;
+          case 2:
+            this.menu = e;
+            this.list = ["垃圾广告信息", "不友善行为", "有害信息"];
+
+            break;
+          case 3:
+            this.menu = e;
+            this.list = ["垃圾广告信息", "不友善行为"];
+
+            break;
+          case 4:
+            this.menu = e;
+            this.list = ["垃圾广告信息", "不友善行为", "有害信息", "aaaa"];
+
+            break;
+        }
+      } else {
+        window.console.log(i, "asd");
+        return;
+      }
+    }
+  },
+  components: {
+    indexreporttop,
+    indexreporttype
+  }
+};
+</script>
+
+<style lang="scss">
+body {
+  background-color: white;
+}
+
+.btn {
+  width: 398px;
+  height: 62px;
+  background: rgba(107, 145, 71, 0.55);
+  line-height: 62px;
+  text-align: center;
+  color: white;
+  font-size: 32px;
+  margin-left: 176px;
+  margin-top: 55px;
+}
+.btns{
+  display: flex;
+  justify-content: space-around;
+  margin-top: 55px;
+  .btn1{
+width:330px;
+height:62px;
+background:rgba(107,145,71,1);
+border-radius:4px;
+font-size: 32px;
+color: white;
+line-height: 62px;
+text-align: center;
+  }
+.btn2{
+  width:330px;
+height:62px;
+border:2px solid rgba(149,153,143,1);
+background-color: white;
+opacity:0.55;
+border-radius:4px;
+}
+}
+</style>
\ No newline at end of file
diff --git a/src/IndexReport1.vue b/src/IndexReport1.vue
new file mode 100644
index 0000000..043c17a
--- /dev/null
+++ b/src/IndexReport1.vue
@@ -0,0 +1,53 @@
+<template>
+  <div>
+    <indexreporttop left="不友善行为"></indexreporttop>
+    <indexreporttype left="骚扰、辱骂、歧视等"></indexreporttype>
+    <indexreporttype left="其他不友善行为"></indexreporttype>
+    <div class="btns">
+          <button class="btn2">举报</button>
+          <button class="btn1">举报</button>
+    </div>
+
+  </div>
+</template>
+
+<script>
+import indexreporttop from "./components/indexreporttop";
+import indexreporttype from "./components/indexreporttype";
+export default {
+  components: {
+    indexreporttop,
+    indexreporttype
+  }
+};
+</script>
+
+<style lang="scss">
+body {
+  background-color: white;
+}
+.btns{
+  display: flex;
+  justify-content: space-around;
+  margin-top: 55px;
+  .btn1{
+width:330px;
+height:62px;
+background:rgba(107,145,71,1);
+border-radius:4px;
+font-size: 32px;
+color: white;
+line-height: 62px;
+text-align: center;
+  }
+.btn2{
+  width:330px;
+height:62px;
+border:2px solid rgba(149,153,143,1);
+background-color: white;
+opacity:0.55;
+border-radius:4px;
+}
+}
+
+</style>
\ No newline at end of file
diff --git a/src/IndexReport2.vue b/src/IndexReport2.vue
new file mode 100644
index 0000000..c03b877
--- /dev/null
+++ b/src/IndexReport2.vue
@@ -0,0 +1,59 @@
+<template>
+<div class="indexreport2">
+    <indexreporttop left="其他不友善行为"></indexreporttop>
+    <textarea name="" id="" cols="30" rows="20" class="shuru" placeholder="举报详细说明（必填）"></textarea>
+        <div class="btns">
+          <button class="btn2">返回</button>
+          <button class="btn1">举报</button>
+    </div>
+</div>
+</template>
+
+<script>
+import indexreporttop from "./components/indexreporttop";
+export default {
+  components: {
+    indexreporttop,
+  }
+}
+</script>
+
+<style lang="scss">
+.indexreport2{
+    .shuru{
+        width: 688px;
+        height: 230px;
+        margin-left:31px;
+        color:#333333;
+        line-height: 50px;
+         border: none;
+    }
+    .shuru::placeholder{
+        color: #999999;
+    }
+    .btns{
+  display: flex;
+  justify-content: space-around;
+  margin-top: 55px;
+  .btn1{
+width:330px;
+height:62px;
+background:rgba(107,145,71,0.55);
+// opacity:0.55;
+border-radius:4px;
+font-size: 32px;
+color: white;
+line-height: 62px;
+text-align: center;
+  }
+.btn2{
+  width:330px;
+height:62px;
+border:2px solid rgba(149,153,143,1);
+background-color: white;
+opacity:0.55;
+border-radius:4px;
+}
+}
+}
+</style>
\ No newline at end of file
diff --git a/src/assets/close.png b/src/assets/close.png
deleted file mode 100644
index 8ffa705050805e2de70d512f66784729b6396206..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 821
zcmV-51Iqk~P)<h;3K|Lk000e1NJLTq001Na001Ni1^@s6;Q*MJ00006VoOIv0RI60
z0RN!9r;`8x010qNS#tmY3ljhU3ljkVnw%H_000McNliru;|m!B7$Q^njcfn_03B&m
zSad^gZEa<4bN~PV002XBWnpw>WFU8GbZ8()Nlj2>E@cM*00NmwL_t(o!?l<_YZOrw
zhM#k_Ok)vPv*`Z_o6lchlO+T{0@2nkg`Jibc1kMK_(2Fst3{e@K9>B1Ea^lx2?!#=
zRKmVCXJA}+?#yQIUbrmmJ?GBDF!!04v9q%?fVEz)_XfBH>`7V&zA@f$-^@0ESpZ2J
zz^mK9(_XLlK3BK|Oac#q?wDZezz1MH`@_s$NWwau&QIV@e}|+aU>Ueb409LQHnZ6Q
zYrg|9F{sNMc7R$!m>RHC00S@)Bz-OFHnWDA?Iwb%nc1$HH6k^80eCK{9Vu#<*{FA_
z=6e*vNNP)33&3}v>Ca5jm@%{M8$#8*cP0XJ1T=we@c%A=6-ft?jpxj43z!-LX3Bf!
zA}|NQN_KccZmsJ_eLr%61vC5P$F}rnd+kD`X1`xAp|7AT>2V3vqM3axfvS7WVhqNw
z^^fbqfWoe%M?fnE1$-`ms{2|Drsdc8PrRX^;at)Ra2Qd-Jh0`W%S&&|*NVoW?|nXK
zF+>_KB`pKT5vWX_lRjh81330QFAMiPJw2@?w3tJH6aSr#)U+in#bC<rQ2tIWmB@2C
z2IJBzg{caJZ&W7FGU;7bsSiW!oyoH`1WYS0z0^RNJfjbK{sH#dp)%F5Kw}@n0@Z=&
zi!%R0_S*WmfHLVVRBiCuet9MVDoc7)kY_CwP?e;2l9S^|$um@dsgm>__#8QThD1s4
zhtH9dXGoRwQYFujD(R(4o*`AzOO-rBs-%}Hd4^O;FIDmkPB(JWOO!nC1vA?$kzQL;
z^M){as3y=Zk>^|MbUKPj&p*$M0@MEridp|p0IpLcy%fn)(shvZuA=l(jY4^b5Y_|m
zQqpVS%I6p0$r!($W%68=v<qBG`ekO%%xv>7YXxY^6x-@`00000NkvXXu0mjfnbT)<

diff --git a/src/assets/more.png b/src/assets/more.png
new file mode 100644
index 0000000000000000000000000000000000000000..4b2a97a7ddd6ea208681d4eb1bee2d5231c2833e
GIT binary patch
literal 344
zcmeAS@N?(olHy`uVBq!ia0vp@KrG3@1|(mtS@ID`u_bxCyD<C*!3BGlPX>x`7I;J!
zGca%qgD@k*tT_@uLG}_)Usv|W+|o=63|40@od*iZW`;zRIOpf)rskCZxeN@>MX8A;
zsVNHOnI#zt?w-B@DSD~wK=D1EE{-7<r>9<V<Z3bCVZHGGzsyPD&LEcc%6eNKeY9y!
z3A3^a%iWa4y?%a*pqOi-BFmvbriMg`GrfBPj(h7}`R~jZa(mksr<sy_0vH~&E}u7R
z*~zBqjv=96xu$llfBj4F)w-MN8k^&dJSW^apBkyQ@LK6nHdRNVGd#!7$FUc#shp>8
z)N&wNB-y7aWzx*VS<9je9MjqgW#kWXPIS5deSLzv%Ei)Hu^WMThr;HkM#d;u?wxa1
fMc+d4{JY;wOXG7loxC6ZALKz#S3j3^P6<r_XX$>O

literal 0
HcmV?d00001

diff --git a/src/assets/selected.png b/src/assets/selected.png
new file mode 100644
index 0000000000000000000000000000000000000000..ea49a19d04704a67990ad67f662c60d872cfb2a0
GIT binary patch
literal 983
zcmV;|11S87P)<h;3K|Lk000e1NJLTq000~S000~a1^@s6at+^<00006VoOIv0RI60
z0RN!9r;`8x010qNS#tmY3ljhU3ljkVnw%H_000McNliru;|m)H10cD;M~wgg03B&m
zSad^gZEa<4bN~PV002XBWnpw>WFU8GbZ8()Nlj2>E@cM*00TQoL_t(Y$F-KtiycK2
z#eb)|`#lA}f*V%~3d#r)G9Vg#!DtXvf^Om>n=lxR!3i=XF~L7TF<(d)B5~Bk3=A$r
z%pz_SHBJa-1VJPU8eAAuG@!<fyzZ_#F6P6`<n`ob-guVXMg8jDx^>Uh*lQcPRJ95s
zfx;D$oFuh{9|AhSdSFP>bpW>i0?q;_fiDu_^V|^;sZ}7r5+Oxelo*lIAOn(LkTfE+
zuGbn#Hv+c-PXGj%7K~#ioAwP2-|vaar>$^Qu#P?@ydfz}B=Y0JxAX-xJTB>!qz)@p
z(328pfZ;}9rJO3XHly&N@C^(s-74`hW^GSkvhFt76sxN>67K^yF93}&QV^5E*R%S%
zUE=LI4xvk%Qms)GhG%PYFd2RTE?!bdSmCLzu6e9Wn;`kxAjSp<iQxJTrTX54w*dbv
zzEba&OpyHmaL3@Vc&u>sywF9^X`ovCWY{F9J97nX8WfhfK32Hg8Ocb>ko7WJT<L;9
z&?CWc-+*a+Gk3K!l2NJ+a9HwK!}|LJ_FWD8{b4u<YKBpdw_HA#2=lN*5__6Y=%FC#
zrXIh3OX$(yxIT0Jj+a2^?rgkB<&OEt1P6k=ciC1Tt;y*Tg3Zr1UrCU=+@2&7*)y7L
z>12*?<?ilCWRz+ld_-b*UtJG;;qsF(9OPFc8Ig=u>TVCNrz{a%PZaJxn-=a&2l|D9
zF9b{9^$wr?z@buYA{m9NZCQ%ja#th&rO`)%ysz&flg<Y0Q_VSNFYrpG7ExIgX)-Ev
zsTRP&{v%sx*wZ=YlZHZ^a~i*7E2}B?O9@*D9hSW3DqCJ@b23kaF9UonytX+~@3WE7
zabT<D(W`#1#P@>YPeFE#)4?mcn|M*^Q%R#MX%fNlXzrTOrc2A^6iy$pTyAGotgz3H
z2gjL2SY*H>37!8R{P2v;E-iKZjPy(9dJFjPRfPQrei|q*8!-wh3YRm&9i#78!H7?T
zJHYv#GtK-60DNP615WR*5EY%$>zIweul>%Yzh{nHZEv>upifentO?l<XT)7zV!-pt
zukaX77*5C@vgjZ^D0>KIM}6?0mcCW;XNVc2b4JV7`oAxYbB!?gLgxSg002ovPDHLk
FV1kyTvj+eG

literal 0
HcmV?d00001

diff --git a/src/components/indexreporttop.vue b/src/components/indexreporttop.vue
new file mode 100644
index 0000000..2e17541
--- /dev/null
+++ b/src/components/indexreporttop.vue
@@ -0,0 +1,42 @@
+<template>
+  <div class="indexreporttop">
+        <p class="left">{{left}}</p>
+        <img src="../assets/quit.png" alt="" class="close">
+  </div>
+</template>
+
+<script>
+export default {
+name:"indexreporttop",
+props:{
+  left:{
+    type:String
+  }
+}
+}
+</script>
+
+<style lang="scss">
+.indexreporttop{
+  width: 100%;
+  height:88px;
+  display: flex;
+  justify-content: space-between;
+  border-bottom: 1px solid #F5F5F5;
+  box-sizing: border-box;
+  .left{
+      color: #333333;
+      font-size:34px;
+      line-height: 88px;
+      margin-left: 31px;
+      font-weight:500;
+  } 
+  .close{
+    width: 36px;
+    height: 36px;
+    
+    margin: auto 0;
+    margin-right: 30px;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/components/indexreporttype.vue b/src/components/indexreporttype.vue
new file mode 100644
index 0000000..b221b2e
--- /dev/null
+++ b/src/components/indexreporttype.vue
@@ -0,0 +1,130 @@
+<template>
+  <div>
+    <div class="indexreporttype" v-for="(i,j) in list1" :key="j" @click="choose(i.left,j)">
+      <p class="left">{{i.left}}</p>
+      <img :src="i.right" alt :class="i.class" />
+    </div>
+  </div>
+</template>
+
+<script>
+import more from "../assets/more.png";
+import selected from "../assets/selected.png"
+export default {
+  data() {
+    return {
+      ifselect: false,
+      menu: "举报",
+      list1: [],
+      more,
+      selected,
+      classmore:"more"
+    };
+  },
+  mounted() {
+    this.list1 = this.list;
+    for(let i in this.list1){
+        this.list1[i].right=this.more
+    }
+  },
+  methods: {
+    choose(e, i) {
+      //   this.menu = e;
+      if (this.menu == "举报") {
+        window.console.log(111);
+        window.console.log(i, 464646);
+        switch (i) {
+          case 0:
+            this.menu = e;
+            this.list1 = [
+              { left: "垃圾广告信息", right:this.more,class:"more" },
+              { left: "不友善行为", right: this.more ,class:"more"},
+              { left: "有害信息", right: this.more ,class:"more"},
+              { left: "涉嫌侵权", right:this.more ,class:"more"}
+            ];
+
+            break;
+          case 1:
+            this.menu = e;
+            this.list1 = [
+              { left: "骚扰、辱骂、歧视等", right: this.more ,class:"more"},
+               { left: "其他不友善行为", right: this.more ,class:"more"},            ];
+            window.console.log(this.list);
+
+            break;
+          case 2:
+            this.menu = e;
+             this.list1 = [
+              { left: "垃圾广告信息", right: this.more ,class:"more"},
+               { left: "不友善行为", right:this.more ,class:"more"},  
+                 { left: "有害信息", right: this.more ,class:"more"},          ];
+
+            break;
+          case 3:
+            this.menu = e;
+                this.list1 = [
+              { left: "垃圾广告信息", right: this.more ,class:"more"},
+               { left: "不友善行为", right: this.more,class:"more"},       ];
+
+            break;
+          case 4:
+            this.menu = e;
+                   this.list1 = [
+              { left: "垃圾广告信息", right: this.more ,class:"more"},
+               { left: "不友善行为", right: this.more,class:"more"},    
+                 { left: "有害信息", right: this.more ,class:"more"}, 
+                   { left: "aaaa", right: this.more ,class:"more"},    ];
+
+            break;
+            case 5:
+             this.$router.push({
+          path: `/IndexReport2`,
+        })
+        }
+      } else {
+        window.console.log(i, "asd");
+         for(let i in this.list1){
+        this.list1[i].right=this.more
+         this.list1[i].class="more"
+    }
+        this.list1[i].right=this.selected
+        this.list1[i].class="selected"
+        this.classmore=""
+        this.$emit("change",true)
+        return;
+      }
+    }
+  },
+  props: {
+    left: {
+      type: String
+    },
+
+    list: {}
+  }
+};
+</script>
+
+<style lang="scss">
+.indexreporttype {
+  width: 690px;
+  height: 89px;
+  color: #333333;
+  font-size: 30px;
+  line-height: 89px;
+  border-bottom: 1px solid #f5f5f5;
+  margin: 0 auto;
+  display: flex;
+  justify-content: space-between;
+  .more {
+    width: 13px;
+    height: 25px;
+    margin: auto 0;
+  }
+  .selected{
+          width: 28px;
+    height: 28px;
+    margin: auto 0;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/login.vue b/src/login.vue
index 1f696f8..3cb2992 100644
--- a/src/login.vue
+++ b/src/login.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="login">
     <div class="logo">
-      <img src="./assets/close.png" alt class="close" />
+      <img src="./assets/quit.png" alt class="close" />
     </div>
     <div class="tel">
       <p>+86</p>
diff --git a/src/loginpwd.vue b/src/loginpwd.vue
index 3601c55..8327423 100644
--- a/src/loginpwd.vue
+++ b/src/loginpwd.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="login">
     <div class="logo">
-      <img src="./assets/close.png" alt class="close" />
+      <img src="./assets/quit.png" alt class="close" />
     </div>
     <!-- <div class="tel">
       <p>+86</p>
diff --git a/src/router.js b/src/router.js
index 80f2e5b..a9cfe1c 100644
--- a/src/router.js
+++ b/src/router.js
@@ -11,10 +11,25 @@ import IndexArticleDetail from "./IndexArticleDetail"
 import login from "./login"
 import loginpwd from "./loginpwd"
 import indexfind from "./IndexFind"
+import IndexReport from "./IndexReport"
+import IndexReport1 from "./IndexReport1"
+import IndexReport2 from "./IndexReport2"
 const router=new Router({
   routes: [
     {
       path: '/',
+      component: IndexReport
+    },
+    {
+      path: '/IndexReport1',
+      component: IndexReport1
+    },
+    {
+      path: '/IndexReport2',
+      component: IndexReport2
+    },
+    {
+      path: '/indexfind',
       component: indexfind
     },
     {