From 348f8c93cbd5439422d9c82a16e17ebb38138bbe Mon Sep 17 00:00:00 2001
From: dongwug <guoys@dongwu-inc.com>
Date: Wed, 2 Nov 2022 18:12:39 +0800
Subject: [PATCH] =?UTF-8?q?feat:=E5=88=9B=E5=BB=BA=E6=8A=95=E7=A5=A8?=
 =?UTF-8?q?=E5=88=9B=E5=BB=BA=E9=A2=98=E5=B9=B2=20=E5=88=9B=E5=BB=BA?=
 =?UTF-8?q?=E9=80=89=E9=A1=B9=EF=BC=8C=E8=AF=84=E4=BC=B0=E7=BC=96=E8=BE=91?=
 =?UTF-8?q?=E6=8E=A5=E5=8F=A3=E5=AF=B9=E6=8E=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/drawers/CreVote.vue | 194 ++++++++++++++++++++++-------
 1 file changed, 147 insertions(+), 47 deletions(-)

diff --git a/src/components/drawers/CreVote.vue b/src/components/drawers/CreVote.vue
index d3c43f77..4957fc70 100644
--- a/src/components/drawers/CreVote.vue
+++ b/src/components/drawers/CreVote.vue
@@ -18,70 +18,79 @@
       </div>
       <div class="contentMain">
         <div class="box" @click="showDrawerCreVote">
-          <button class="cjtpbtn">创建标题</button>
+          <button class="cjtpbtn" @click="addQue()">创建题干</button>
         </div>
-        <div class="main_item">
-          <div class="signbox">
-            <div class="sign">
-              <img src="@/assets/images/coursewareManage/asterisk.png" alt="" />
+        <div class="queBox" v-for="(q, index) in questions" :key="index">
+          <div class="main_item">
+            <div class="signbox">
+              <div class="sign">
+                <img
+                  src="@/assets/images/coursewareManage/asterisk.png"
+                  alt=""
+                />
+              </div>
+              <span style="margin-right: 3px">题干</span>
             </div>
-            <span style="margin-right: 3px">题干：</span>
-          </div>
-          <div class="btnbox">
-            <a-input
-              v-model:value="inputV1"
-              style="width: 424px; height: 32px"
-              placeholder="请输入题干"
-            />
-          </div>
-        </div>
-        <div class="main_item">
-          <div class="signbox">
-            <div class="sign">
-              <img src="@/assets/images/coursewareManage/asterisk.png" alt="" />
+            <div class="btnbox">
+              <a-input
+                v-model:value="q.inputV"
+                style="width: 424px; height: 32px"
+                placeholder="请输入题干"
+              />
             </div>
-            <span style="margin-right: 3px">选项1：</span>
           </div>
-          <div class="btnbox">
-            <a-input
-              v-model:value="inputV2"
-              style="width: 424px; height: 32px"
-            />
-            <a-button type="link">+ 上传图片</a-button>
-          </div>
-        </div>
-        <div class="main_item">
-          <div class="signbox">
-            <div class="sign">
-              <img src="@/assets/images/coursewareManage/asterisk.png" alt="" />
+          <div class="option" v-for="(o, index) in q.options" :key="index">
+            <div class="main_item">
+              <div class="signbox">
+                <div class="sign">
+                  <img
+                    src="@/assets/images/coursewareManage/asterisk.png"
+                    alt=""
+                  />
+                </div>
+                <span style="margin-right: 3px">{{ o.title }}</span>
+              </div>
+              <div class="btnbox">
+                <a-input
+                  v-model:value="o.opvalue"
+                  style="width: 424px; height: 32px"
+                />
+                <a-button v-if="o.opvalue == ''" type="link"
+                  >+ 上传图片</a-button
+                >
+                <a-button v-else type="link">删除</a-button>
+              </div>
             </div>
-            <span style="margin-right: 3px">选项2：</span>
           </div>
-          <div class="btnbox">
-            <a-input
-              v-model:value="inputV3"
-              style="width: 424px; height: 32px"
-            />
-            <a-button type="link">+ 上传图片</a-button>
-            <a-button type="link">删除</a-button>
-          </div>
-        </div>
-        <div class="main_item">
-          <div class="signbox"></div>
-          <div class="btnbox">
-            <div class="tjxxbtn"><div class="btntext">添加选项</div></div>
+          <div class="main_item">
+            <div class="signbox"></div>
+            <div class="btnbox" @click="addOpt(q.options)">
+              <div class="tjxxbtn"><div class="btntext">添加选项</div></div>
+            </div>
           </div>
         </div>
       </div>
       <div class="main_btns">
         <button class="btn1">取消</button>
-        <button class="btn2">确定</button>
+        <button
+          class="btn2"
+          onclick="{()=> {
+          createVoteText()
+        }}"
+        >
+          确定
+        </button>
       </div>
     </div>
   </a-drawer>
 </template>
   <script>
 import { reactive, toRefs, ref } from "vue";
+import { useRouter } from "vue-router";
+import * as api from "../../api/indexVote";
+import { message } from "ant-design-vue";
+import { toDate } from "../../api/method";
+const router = useRouter();
 const rowSelection = ref({
   checkStrictly: false,
   onChange: (selectedRowKeys, selectedRows) => {
@@ -113,18 +122,109 @@ export default {
       inputV1: "",
       inputV2: "",
       inputV3: "",
+      time: undefined,
+      endTimes: "",
+      startTimes: "",
+      questions: [
+        {
+          inputV: "",
+          options: [
+            {
+              title: "选项1",
+              opvalue: "",
+            },
+            {
+              title: "选项2",
+              opvalue: "",
+            },
+          ],
+        },
+      ],
     });
+
+    const addQue = () => {
+      state.questions.push({
+        inputV: "",
+        options: [
+          {
+            title: "选项1",
+            opvalue: "",
+          },
+          {
+            title: "选项2",
+            opvalue: "",
+          },
+        ],
+      });
+    };
+    const addOpt = (value) => {
+      console.log(value);
+      value.push({
+        title: "选项" + (value.length + 1 * 1),
+        opvalue: "",
+      });
+    };
+
     const closeDrawer = () => {
       ctx.emit("update:crevoteVisible", false);
     };
     const afterVisibleChange = (bool) => {
       console.log("state", bool);
     };
+    //创建投票信息
+    const createVoteText = () => {
+      if (!state.inputV1) return message.info("请输入投票名称");
+      if (state.time != undefined) {
+        state.endTimes = toDate(
+          new Date(state.time[0].$d).getTime() / 1000,
+          "Y-M-D"
+        );
+        state.startTimes = toDate(
+          new Date(state.time[1].$d).getTime() / 1000,
+          "Y-M-D"
+        );
+      }
+
+      let obj = {
+        baseVote: "",
+        createTime: "",
+        createUser: 0,
+        stem: "",
+        stemId: 0,
+        updateTime: "",
+        updateUser: 0,
+        voteEndTime: state.endTimes,
+        voteExplain: "",
+        voteFlag: "",
+        voteId: 0,
+        voteName: state.inputV1,
+        voteStartTime: state.startTimes,
+        voteTag: "",
+      };
+      api
+        .createVote(obj)
+        .then((res) => {
+          setTimeout(() => {
+            console.log("创建成功", res);
+            message.success("创建成功");
+            // state.createLoading = false;
+            router.push("/leveladd");
+            // getLearnPath();
+          }, 1000);
+        })
+        .catch((err) => {
+          console.log("创建失败", err);
+          // state.createLoading = false;
+        });
+    };
     return {
       ...toRefs(state),
       afterVisibleChange,
       closeDrawer,
       rowSelection,
+      createVoteText,
+      addQue,
+      addOpt,
     };
   },
 };