From 4cc0aed338b6f77eeb049917164d8e2e38a5f7e2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=8A=B1=E6=9C=89=E6=B8=85=E9=A6=99=E6=9C=88=E6=9C=89?=
 =?UTF-8?q?=E9=98=B4?= <185154740@qq.com>
Date: Fri, 7 Jan 2022 15:12:46 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A4=9A=E9=80=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/apps/AppVillageDiscuss/Add.vue    | 143 +++++++++++++++++++++++++-
 src/apps/AppVillageDiscuss/img/1.png  | Bin 0 -> 338 bytes
 src/apps/AppVillageDiscuss/img/11.png | Bin 0 -> 623 bytes
 src/apps/AppVillageDiscuss/img/2.png  | Bin 0 -> 323 bytes
 src/apps/AppVillageDiscuss/img/22.png | Bin 0 -> 596 bytes
 5 files changed, 142 insertions(+), 1 deletion(-)
 create mode 100644 src/apps/AppVillageDiscuss/img/1.png
 create mode 100644 src/apps/AppVillageDiscuss/img/11.png
 create mode 100644 src/apps/AppVillageDiscuss/img/2.png
 create mode 100644 src/apps/AppVillageDiscuss/img/22.png

diff --git a/src/apps/AppVillageDiscuss/Add.vue b/src/apps/AppVillageDiscuss/Add.vue
index cf175989..48c34ef2 100644
--- a/src/apps/AppVillageDiscuss/Add.vue
+++ b/src/apps/AppVillageDiscuss/Add.vue
@@ -32,6 +32,53 @@
           </div>
         </u-form-item>
       </u-form>
+
+      <div class="options" v-if="form.type == 1">
+        <div class="oneopt" v-if="opts == 0">
+          <div class="items">
+            <img src="./img/22.png" alt="" />
+
+            <div class="rightopts">
+              <u-input v-model="content" placeholder="选项" maxlength="20" :clearable="false" />
+            </div>
+          </div>
+        </div>
+
+        <div class="moreopt" v-if="opts == 1">
+          <div class="items info" v-for="(item, index) in list" :key="index">
+            <div class="rightopts" style="color: #666">{{ item }}</div>
+            <u-icon name="close-circle-fill" color="#666" @click="del(index)" :border="false"></u-icon>
+          </div>
+          <div class="items">
+            <img src="./img/22.png" alt="" />
+
+            <div class="rightopts">
+              <u-input v-model="content" placeholder="选项" :clearable="false" maxlength="20" />
+            </div>
+          </div>
+
+          <div class="items" @click="addOpts">
+            <img src="./img/11.png" alt="" />
+
+            <div class="addopts">添加选项</div>
+          </div>
+        </div>
+
+        <div class="submitType">提交方式</div>
+        <div class="summitOpt">
+          <div class="leftopt" @click="opts = 0">单选</div>
+
+          <div class="rightopt" @click="opts = 1">多选</div>
+        </div>
+
+        <div class="lines"></div>
+
+        <div class="switchs">
+          <span>匿名提交</span>
+
+          <u-switch v-model="checked"></u-switch>
+        </div>
+      </div>
     </div>
     <div class="pad-b112"></div>
     <div class="btn" @click="submit">保存</div>
@@ -60,6 +107,10 @@ export default {
         second: false,
         timestamp: true,
       },
+      opts: 0,
+      checked: true,
+      list: [],
+      content: '',
     }
   },
   computed: { ...mapState(['user']) },
@@ -114,6 +165,18 @@ export default {
         })
     },
 
+    addOpts() {
+      if (!this.content) {
+        return this.$u.toast('请输入选项内容')
+      }
+      this.list.push(this.content)
+      this.content = ''
+    },
+
+    del(index) {
+      this.list.splice(index, 1)
+    },
+
     areaSelect(e) {
       console.log(e)
       this.form.areaId = e
@@ -156,7 +219,7 @@ export default {
 
 <style lang="scss" scoped>
 .add {
-  height: 100%;
+  // height: 100%;
 
   .header-description {
     ::v-deep .u-form {
@@ -218,6 +281,73 @@ export default {
         }
       }
     }
+
+    .options {
+      background: #fff;
+      .oneopt,
+      .moreopt {
+        .items {
+          display: flex;
+          justify-content: space-between;
+          align-items: center;
+          padding: 0 40px 0 32px !important;
+          width: 100%;
+          height: 120px;
+          line-height: 120px;
+          box-sizing: border-box;
+          img {
+            width: 36px;
+            height: 36px;
+            vertical-align: middle;
+          }
+          .rightopts {
+            width: 100%;
+            margin-left: 12px;
+            border-bottom: 1px solid #eee;
+            font-size: 28px;
+            color: #cdcdcf;
+          }
+          .addopts {
+            width: 100%;
+            margin-left: 12px;
+            font-size: 30px;
+            color: #2270f1;
+          }
+        }
+      }
+
+      .submitType {
+        padding: 34px 0 0 52px;
+        font-size: 32px;
+      }
+
+      .summitOpt {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        box-sizing: border-box;
+        margin: 54px 32px 38px 32px;
+        .leftopt {
+          background: pink;
+          padding: 36px 126px 34px 128px;
+        }
+        .rightopt {
+          background: brown;
+          padding: 36px 126px 34px 128px;
+        }
+      }
+
+      .lines {
+        height: 16px;
+        background: #f5f5f5;
+      }
+
+      .switchs {
+        display: flex;
+        justify-content: space-between;
+        padding: 32px 56px 30px 40px;
+      }
+    }
   }
 
   .pad-b112 {
@@ -299,5 +429,16 @@ export default {
   .color-999 {
     color: #999;
   }
+
+  // .info {
+  //   display: flex !important;
+  //   div {
+  //     width: calc(100% - 100px) !important;
+  //   }
+  //   ::v-deep .u-icon {
+  //     display: inline-block;
+  //     width: 100px;
+  //   }
+  // }
 }
 </style>
diff --git a/src/apps/AppVillageDiscuss/img/1.png b/src/apps/AppVillageDiscuss/img/1.png
new file mode 100644
index 0000000000000000000000000000000000000000..f207b6c80015c86ab9068f618c239e553c7fe10d
GIT binary patch
literal 338
zcmV-Y0j>UtP)<h;3K|Lk000e1NJLTq000sI000sQ1^@s6R?d!B00001b5ch_0Itp)
z=>Px$3`s;mR5(wqR6B0MKop#TA_boVAa6&(4N$1)NJmdWkt?u0q&HVU3I#nK=~5Bp
z29cn%l>-<fB}I7A+88VgBY}5|UFq%ayqWhSE-W<)dmsh?JAkP82|Ym85G=fD^)362
zX+vWav`XZR;Nv9+iA^9M2a)IRY5gm)oq!y@>k?c7s9ys~-30>a`)=($;%hd;q|DOi
z4Il|#@F$11VHN>7dbiG#Bj6<VDAAc+MyBu9Iy?q;l_$q@tC2IML&=pac%stbD}Z4k
zAYe|V_ZvW(#eldqjD7$-oKwq*?^a%}WzNz2aVBQJHi7I(vlQ&OuZpMNT0vTEkt3_(
kO`Ft=l`)boz<UPUKhhVYvA*-19RL6T07*qoM6N<$g6X}9YybcN

literal 0
HcmV?d00001

diff --git a/src/apps/AppVillageDiscuss/img/11.png b/src/apps/AppVillageDiscuss/img/11.png
new file mode 100644
index 0000000000000000000000000000000000000000..e2bdce3b030fc49144cc47068883094080cdf9a5
GIT binary patch
literal 623
zcmV-#0+9WQP)<h;3K|Lk000e1NJLTq001Na001Ni1^@s6;Q*MJ00001b5ch_0Itp)
z=>Px%DM>^@R9HvNn7?ZjQ4q(!-`yN%?k=5zg?ksZQLqwhG^7f#NPVE#ClL%NZu<NI
zTL=;SQ7aKrTNtcDv<a~iOcBt_rVz9cvYX`4?8wXANp2Hwch3#Zwr_rXcIM5Sd5_5W
z)!g0lkwiCX$%ufLAyNf6)G{O6AU6s5BoS9ET5lTO;O8tZm`b=Vwo}`!19A_L>j2W}
z0Rr$nz{h@La1o2#Px6;&xatOD5in2SQj)P=>jJD>z|5vsdD~0wuRz0da%w-=c?4h*
zkVNowuoM8#?MmtXmpSeor*o{MvoqUg3PtNRAlK44$|}XxpUr6E>-^BSxaJWc12a(M
z^1r4i3DKnRS5rpgP+dUnG%cT8WRApR)vlCA52vpS$Z^A`fJ`O*UB2sl=6mJoj?F(n
zrkVs?%5MXw#ikH4-l@J8P+jbEweVv<`^NVwu_y<ok}`c}KW#P2SIjweV9arMZUNCk
zCM#{>Jb+rJtlPd<desIBR{**3e}VYU_sS!zKKOA#?17C8?VyW0zX(Ar*ca(M45vYP
z(ob}ZPL4pPp6;?b8@v#~9SuMvUecKj*C29L0}#j$blkx7lheI`;%Vs@-f<I;gzt3R
za1W584j?u)0%=Q`woR?C?A0BN+FD1e+be3WD#s6X1Dc7Ft`WA~H&hMzhDqHu$Uv#O
zD0Vu&s;hJdO4Vb-;n_&db4=I3rs=^dK1m*2n+k<-%E>(G{RZ&aX+CNs-c$ep002ov
JPDHLkV1j?-As_$%

literal 0
HcmV?d00001

diff --git a/src/apps/AppVillageDiscuss/img/2.png b/src/apps/AppVillageDiscuss/img/2.png
new file mode 100644
index 0000000000000000000000000000000000000000..477552d1103dc95cbf13489d7021286f0f769bb0
GIT binary patch
literal 323
zcmV-J0lfZ+P)<h;3K|Lk000e1NJLTq000sI000sQ1^@s6R?d!B00001b5ch_0Itp)
z=>Px#{YgYYR5(wqls!rVQ51#0lLYMCft`gr5L4MH=!`mc78Y*AxRHPscK(inc2)`Q
zK+w(|SSciP<b`AyC5gejSKfEu_s;zlV~+Q?HgNp_Xd0G+i{KsTp#Hfo?jL_YQ`O)k
zS#g6l(%QHWN}JtPk0a&z%g9!Oyt}=QYBv^(Qz64knGam-==$zys2GA08hV};QmP2B
zo>zmifudqB>HHbaB$;-%c9l035^L8VW(jAKkJR6kv-H$(I2Q=c0_fGSJSXT)MV5X7
z3zagqba{I+4eTsEHnb`}U-3ZELW`H|Smlq_kO35JL<X=JLp$n+C~M@$Ui!yk`v!Nk
Vj(h+5vAF;M002ovPDHLkV1kO{j57cL

literal 0
HcmV?d00001

diff --git a/src/apps/AppVillageDiscuss/img/22.png b/src/apps/AppVillageDiscuss/img/22.png
new file mode 100644
index 0000000000000000000000000000000000000000..955dd72941691880c3ff3b59ceb5cae2040915d4
GIT binary patch
literal 596
zcmV-a0;~OrP)<h;3K|Lk000e1NJLTq001Na001Ni1^@s6;Q*MJ00001b5ch_0Itp)
z=>Px%4oO5oR9HvNn9pkyQ4q&JlU3qH1<|XZUKBhDUbK`Rq$0&FE-onEwSt0wilE?+
zv!bvPXhfvNLy_vG=t(dKLGW5BsF#MCd}XsqXkwbTNt5vQ`sT-HXWn}=^NayM#g~uq
z*DhjA0jGeY!2YJ0Kfn**D`J&BTC(Kz_d#4(9%03CfT}Td?g-8Sx%2=Te5Albte9Am
z)Lj0Yh84|U5PATdbQyE3R}8yrrNwvs<aPwo%*;Lx9lQ^^sr(V?%Vdz6ddkMHd$zK&
z*-N-5km5^6sO^0tIJ?WJ^i(%kBiNd=<n4O5z<)qZnD^R!id@mE5Nu6%Lv;XUX*!U?
zj3qKXqOr!t@9FL7>jaAC9}C?YN1ArBY1k7hEiSay+d%1Q0xgef1Lysz=0=}woxTQ8
zde5j<{W5~1otL9qu3|y)bb3!^Kv%<Ss`Fx4YopM!0@v+T`DF$ag{y+|qcA+I4TBF>
zDo>fBx#J@EHb6NT)~8EP7U+cOO1L27kxP0K>n3iSqVSpE#v~lNd>A}Wfj$Y&xP&LM
zZtyt;S{EGd=de&JJG+8B!1XAUqtgFOfi?w2Pk^dk0(qA*?>4n($KJn-(X-OwU2*lZ
z{qU_p%hKji3)?Ci@~O#hM9H@?C~No|Q>!0?Vmoy{jnZu>pB@{w_eS14$8<pX^kCK9
iNv2~H3TDUkr1uY><{xBq@zvS@0000<MNUMnLSTZ(0vv(>

literal 0
HcmV?d00001