From ea5384632d7f21efb3b93c465c374db209577c58 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=8E=8B=E7=86=99=E4=B8=9C?= <2195178163@qq.com>
Date: Thu, 17 Nov 2022 09:26:30 +0800
Subject: [PATCH] =?UTF-8?q?feat:=E5=90=88=E5=B9=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/drawers/ AssessmentList.vue |   1 -
 src/components/drawers/AddInvist.vue       |   3 +
 src/components/drawers/AddTest.vue         |   9 +-
 src/components/drawers/AddVote1.vue        |  25 +-
 src/components/vote/AddVote.vue            |   6 +-
 src/components/vote/CreateVote.vue         | 788 ++++++++++-----------
 6 files changed, 418 insertions(+), 414 deletions(-)

diff --git a/src/components/drawers/ AssessmentList.vue b/src/components/drawers/ AssessmentList.vue
index 3669d29c..ab7d1fff 100644
--- a/src/components/drawers/ AssessmentList.vue	
+++ b/src/components/drawers/ AssessmentList.vue	
@@ -97,7 +97,6 @@ export default {
     });
     const closeDrawer = () => {
       ctx.emit("update:assessmentVisible", false);
-      
     };
     const afterVisibleChange = (bool) => {
       console.log("state getAllInvistText", bool);
diff --git a/src/components/drawers/AddInvist.vue b/src/components/drawers/AddInvist.vue
index 57fa3d0e..f7140bef 100644
--- a/src/components/drawers/AddInvist.vue
+++ b/src/components/drawers/AddInvist.vue
@@ -145,6 +145,9 @@ export default {
     }
     const afterVisibleChange = (bool) => {
       console.log("state", bool);
+      state.assessmentId=null;
+      state.assessmentName="";
+      state.assessment=null;
     };
 
     const updateTask =()=>{
diff --git a/src/components/drawers/AddTest.vue b/src/components/drawers/AddTest.vue
index fbd6c832..2f7d1ff7 100644
--- a/src/components/drawers/AddTest.vue
+++ b/src/components/drawers/AddTest.vue
@@ -17,9 +17,9 @@
       </div>
       <div style="display: flex; flex-direction: row">
         <a-button style="width:100px;"
-        @click="()=>{isOuter = 1}"
+        @click="changeOuter(1)"
          :class="[isOuter == 1? 'outer' : '' ]">系统考试</a-button>
-      <a-button style="width:100px;" @click="()=>{isOuter = 2}"
+      <a-button style="width:100px;" @click="changeOuter(2)"
        :class="[isOuter == 2? 'outer' : '' ]" >外部考试</a-button>
       </div>
       <a-form
@@ -551,6 +551,10 @@ export default {
         formState.questionArrangement = "";
       }
     }
+    const changeOuter = (value) => {
+      console.log(value)
+      state.isOuter = value
+    }
     return {
       formState,
       afterVisibleChange,
@@ -569,6 +573,7 @@ export default {
       rules,
       updateTest,
       queryTest,
+      changeOuter,
       ...toRefs(state)
     };
   },
diff --git a/src/components/drawers/AddVote1.vue b/src/components/drawers/AddVote1.vue
index f91322d2..1521159a 100644
--- a/src/components/drawers/AddVote1.vue
+++ b/src/components/drawers/AddVote1.vue
@@ -40,7 +40,7 @@
             />
             <div class="votename">创建投票：</div>
           </div>
-          <div class="votebtn">创建投票</div>
+          <div class="votebtn" @click="showVoteDrawer">创建投票</div>
         </div>
         <!-- 创建投票 -->
         <!-- 起止时间 -->
@@ -135,6 +135,17 @@
       </div>
     </div>
   </a-drawer>
+    <a-drawer
+      v-model:visible="voteDrawerShow"
+      class="custom-class"
+      title="创建投票"
+      placement="right"
+      @after-visible-change="afterVoteVisibleChange"
+    >
+      <p>Some contents...</p>
+      <p>Some contents...</p>
+      <p>Some contents...</p>
+    </a-drawer>
 </template>
 <script>
 import { reactive, toRefs } from "vue";
@@ -147,7 +158,9 @@ export default {
     },
   },
   setup(props, ctx) {
-    const state = reactive({});
+    const state = reactive({
+      voteDrawerShow:false,
+    });
     const closeDrawer = () => {
       ctx.emit("update:addvoteVisible", false);
     };
@@ -160,12 +173,20 @@ export default {
       state.visible = true;
     };
 
+    const showVoteDrawer = () => {
+      state.voteDrawerShow = true;
+    }
+    const afterVoteVisibleChange = () => {
+
+    };
     return {
       ...toRefs(state),
       afterVisibleChange,
       showDrawer,
       closeDrawer,
       // change,
+      showVoteDrawer,
+      afterVoteVisibleChange
     };
   },
 };
diff --git a/src/components/vote/AddVote.vue b/src/components/vote/AddVote.vue
index 812d5f18..ed6c398f 100644
--- a/src/components/vote/AddVote.vue
+++ b/src/components/vote/AddVote.vue
@@ -79,7 +79,7 @@
             </div>
             <!-- 创建投票侧弹窗 -->
             <div>
-              <cre-vote
+              <create-vote
                 v-model:crevoteVisible="crevotevisible"
                 @getData="getStemId"
                 v-model:ballotId="ballotId"
@@ -136,7 +136,7 @@
 </template>
 <script>
 import { reactive, toRefs} from "vue";
-import CreVote from "./CreateVote.vue";
+import CreateVote from "./CreateVote.vue";
 import * as api from "../../api/indexVote";
 import { message } from "ant-design-vue";
 import { RouterEditTask } from "@/api/indexTask";
@@ -147,7 +147,7 @@ import * as apiTask from "../../api/indexTaskadd";
 export default {
   name: "AddVote",
   components: {
-    CreVote,
+    CreateVote,
   },
   props: {
     addvoteVisible: {
diff --git a/src/components/vote/CreateVote.vue b/src/components/vote/CreateVote.vue
index e79d4b4d..16563461 100644
--- a/src/components/vote/CreateVote.vue
+++ b/src/components/vote/CreateVote.vue
@@ -1,209 +1,168 @@
 <!-- 评估管理-创建评估页面 -->
 <template>
-  <a-drawer
-  :visible="createVoteVisible"
-  class="drawerStyle createvoteDrawer"
-  width="80%"
-  placement="right"
-  @after-visible-change="afterVisibleChange"
->
-<div class="researchadd">
-  <div class="header">
-      <div  class="headerTitle">创建投票</div>
-      <img
-        style="width: 29px; height: 29px; cursor: pointer"
-        src="../../assets/images/basicinfo/close.png"
-        @click="closeDrawer"
-      />
-    </div>
-  <div class="main_left">
-    <div class="main_item">
+  <a-drawer :visible="createVoteVisible" class="drawerStyle createvoteDrawer" width="100%" placement="right"
+    @after-visible-change="afterVisibleChange">
+    <div class="researchadd">
+      <div class="header">
+        <div class="headerTitle">创建投票</div>
+        <img style="width: 29px; height: 29px; cursor: pointer" src="../../assets/images/basicinfo/close.png"
+          @click="closeDrawer" />
+      </div>
+      <div class="main_left">
+        <div class="main_item">
           <div class="signbox">
             <div class="sign">
-              <img
-                src="@/assets/images/coursewareManage/asterisk.png"
-                alt=""
-              />
+              <img src="@/assets/images/coursewareManage/asterisk.png" alt="" />
             </div>
             <span style="margin-right: 3px">投票名称：</span>
           </div>
           <div class="btnbox">
-            <a-input
-              v-model:value="voteName"
-              style="width: 424px; height: 32px"
-              placeholder="请输入任务名称"
-              maxlength="20"
-            />
+            <a-input v-model:value="voteName" style="width: 424px; height: 32px" placeholder="请输入任务名称" maxlength="20" />
           </div>
-      </div>
-    <div class="main_item">
-      <div class="signbox">
-        <div class="sign">
-          <img
-            src="@/assets/images/coursewareManage/asterisk.png"
-            alt=""
-          />
         </div>
-        <span>创建题干：</span>
+        <div class="main_item">
+          <div class="signbox">
+            <div class="sign">
+              <img src="@/assets/images/coursewareManage/asterisk.png" alt="" />
+            </div>
+            <span>创建题干：</span>
+          </div>
+          <div class="btnbox">
+            <button class="xkbtn" @click="handleTypes">
+              添加题干
+            </button>
+          </div>
+        </div> <!-- 创建投票侧弹窗 -->
       </div>
-      <div class="btnbox">
-        <button
-          class="xkbtn"
-          @click="handleTypes"
-        >
-          创建题干
-        </button>
-      </div>
-    </div> <!-- 创建投票侧弹窗 -->
-  </div>
-  <div v-for="(item, index) in allFormsData" :key="index">
-    <VoteQuestion
-      :item="item"
-      :ballotId="ballotId"
-      @del="handleDel"
-      
-    />
-    
-  </div>
+      <div v-for="(item, index) in allFormsData" :key="index">
+        <VoteQuestion :item="item" :ballotId="ballotId" @del="handleDel" />
 
-  <div class="footer">
-    <div class="btn">
-      <a-button
-        type="primary"
-        style="width: 100px;height: 40px;border-radius: 8px; background-color: #409eff;"
-        @click="handleSave"
-      >
-        保存
-      </a-button>
-      <a-button
-        type="primary"
-        ghost
-        style="width: 100px;height: 40px;margin-left: 14px;border-radius: 8px;"
-        @click="handleAllCancel"
-      >
-        取消
-      </a-button>
+      </div>
+
+      <div class="footer">
+        <div class="btn">
+          <a-button type="primary" style="width: 100px;height: 40px;border-radius: 8px; background-color: #409eff;"
+            @click="handleSave">
+            保存
+          </a-button>
+          <a-button type="primary" ghost style="width: 100px;height: 40px;margin-left: 14px;border-radius: 8px;"
+            @click="handleAllCancel">
+            取消
+          </a-button>
+        </div>
+      </div>
     </div>
-  </div>
-</div>
-</a-drawer>
+  </a-drawer>
 </template>
 <script>
-import { reactive,toRefs} from "vue";
+import { reactive, toRefs } from "vue";
 // import { message } from "ant-design-vue";
 // import { createResearch } from "../../api/indexResearch";
 import VoteQuestion from "./VoteQuestion.vue";
 
 import {
-// sortBy,
-traverseArr,
-// filterCommon,
-// deepCloneFilterString,
+  // sortBy,
+  traverseArr,
+  // filterCommon,
+  // deepCloneFilterString,
 } from "../../utils/utils";
 
 
 //import store from "@/store";
-import {
-//createOptionMessage,
-queryStemByStemId
-}from "@/api/indexVote";
-import {
-
-
-
-
-} from "@/api/indexResearch";
+import * as api from "@/api/indexVote";
+import {} from "@/api/indexResearch";
 //import { message } from "ant-design-vue";
 
 
 export default {
-name: "CreateVote",
-components: {
-  VoteQuestion,
+  name: "CreateVote",
+  components: {
+    VoteQuestion,
 
-},
-props: {
-  createVoteVisible: {
-    type: Boolean,
-    default: false,
   },
-  ballotId: {
-    type: Number,
-    default: null,
-  },
-  editChild: {
-    type: Boolean,
-    default: false,
-  },
-  
-},
-setup(props,ctx) {
-  const state = reactive({
-    ballotId: "", 
-    ballotName: "",
-    allFormsData: [],
+  props: {
+    createVoteVisible: {
+      type: Boolean,
+      default: false,
+    },
+    ballotId: {
+      type: Number,
+      default: null,
+    },
+    editChild: {
+      type: Boolean,
+      default: false,
+    },
 
-  });
-  const afterVisibleChange = (bool) => {
-    console.log("state======进来creates", bool);
-    handleTypes();
-  };
-  const closeDrawer = () => {
-    ctx.emit("update:createVoteVisible", false);
-    
-    console.log("======关闭");
-  }
-  // 详情
-  const getInfoDate = async () => {
-    if (props.editChild) {
-      //stemId 多余字段
-      let res = await queryStemByStemId({stemId:0,
-        ballotId: state.ballotId,
-      }).then((res) => {
-        if (res.data.code === 200) {
-          return res.data.data;
-        }
-      });
-      state.ballotName = res[0].ballotId;
-      let renderArr = [
-        ...res,
-      ];
-      // sortBy(renderArr, "orderNumber"); //序号
-      state.allFormsData = parseData(renderArr); //类型
-      // console.log("state.allFormsData");
-      // console.log(state.allFormsData);
+  },
+  setup(props, ctx) {
+    const state = reactive({
+      ballotId: "",
+      ballotName: "",
+      allFormsData: [],
+
+    });
+    const afterVisibleChange = (bool) => {
+      console.log("state======进来creates", bool);
+      handleTypes();
+    };
+    const closeDrawer = () => {
+      ctx.emit("update:createVoteVisible", false);
+
+      console.log("======关闭");
     }
-  };
-  getInfoDate();
+    // 详情
+    const getInfoDate = async () => {
+      if (props.editChild) {
+        //stemId 多余字段
+        let res = await api.queryStemByStemId({
+          stemId: 0,
+          ballotId: state.ballotId,
+        }).then((res) => {
+          if (res.data.code === 200) {
+            return res.data.data;
+          }
+        });
+        state.ballotName = res[0].ballotId;
+        let renderArr = [
+          ...res,
+        ];
+        // sortBy(renderArr, "orderNumber"); //序号
+        state.allFormsData = parseData(renderArr); //类型
+        // console.log("state.allFormsData");
+        // console.log(state.allFormsData);
+      }
+    };
+    getInfoDate();
 
-  // 转换成前端格式
-  const parseData = (arr) => {
-    const resultArr = [];
-    arr.forEach((item) => {
-      let obj = {};
-      let restList = traverseArr(item.optionDetailList, {
-        inputVal: "singleOptionName",
-        imgVal: "singleOptionPictureAddress",
-        optionId: "singleOptionId",
-      }).map((itm, idx) => {
+    // 转换成前端格式
+    const parseData = (arr) => {
+      const resultArr = [];
+      arr.forEach((item) => {
+        let obj = {};
+        let restList = traverseArr(item.optionDetailList, {
+          inputVal: "singleOptionName",
+          imgVal: "singleOptionPictureAddress",
+          optionId: "singleOptionId",
+        }).map((itm, idx) => {
+          itm.id = idx + 1;
+          return itm;
+        });
+
+        obj = {
+          voteStemName: item.singleStemName,
+          singleList: restList,
+        };
+        resultArr.push(obj);
+
+
+      });
+      resultArr.map((itm, idx) => {
         itm.id = idx + 1;
         return itm;
       });
-
-      obj = {
-        voteStemName: item.singleStemName,
-        singleList: restList,
-      };
-      resultArr.push(obj);
-      
-
-    });
-    resultArr.map((itm, idx) => {
-      itm.id = idx + 1;
-      return itm;
-    });
-    return resultArr;
-  };
+      return resultArr;
+    };
     /**
   // 转换成后端格式
   const restData = (arr, typeKey) => {
@@ -334,168 +293,166 @@ setup(props,ctx) {
   };
 
 */
-  const handleTypes = () => {
-    let   obj = {
-          id: state.allFormsData.length,
-          valueSingle: "",
-          singleList: [
-            {
-              id: 1,
-              inputVal: "",
-              imgVal: "",
-            },
-          ],
-        };
-    state.allFormsData.push(obj);
-    console.log("state.allFormsData=====",state.allFormsData,state.allFormsData.length);
-  };
+    const handleTypes = () => {
+      let obj = {
+        id: state.allFormsData.length,
+        valueSingle: "",
+        singleList: [
+          {
+            id: 1,
+            inputVal: "",
+            imgVal: "",
+          },
+        ],
+      };
+      state.allFormsData.push(obj);
+      console.log("state.allFormsData=====", state.allFormsData, state.allFormsData.length);
+    };
+
+    const handleDel = ({ id, curItem }) => {
+      state.allFormsData.forEach((item, index) => {
+        if (item.id === id) {
+          state.allFormsData.splice(index, 1);
+        }
+      });
+      state.allFormsData.map((item, index) => {
+        item.id = index + 1;
+        return item;
+      });
+      console.log("curItem.orderNumber", curItem.orderNumber);
 
-  const handleDel = ({ id ,curItem}) => {
-    state.allFormsData.forEach((item, index) => {
-      if (item.id === id) {
-        state.allFormsData.splice(index, 1);
-      }
-    });
-    state.allFormsData.map((item, index) => {
-      item.id = index + 1;
-      return item;
-    });
-    console.log("curItem.orderNumber",curItem.orderNumber);
-    
       // orderNumber: curItem.orderNumber,
-    
-    
-  };
+    };
 
-  const handleSave = () => {
-    /** 
-    let resultPost = {};
-    
-    let filterData = parseItem(restData(state.allFormsData, "type"));
-    // 校验
-    if (!checkVal(filterData)) {
-      return false;
-    }
-    console.log(12121212);
-    console.log(filterData);
-
-    if (state.ballotId) {
-      resultPost = {
-        ballotId: state.ballotId,
-        ballotName: state.ballotName,
-        ...filterData,
-      };
-      resultPost = deepCloneFilterString(resultPost, [
-        "assessmentMaxScore",
-        "assessmentMinScore",
-      ]);
-      console.log(1212334);
-      console.log(resultPost);
-      editResearchMessage(resultPost).then((res) => {
-        if (res.data.code === 200) {
-          message.success("编辑成功");
-          router.push({
-            path: "/researchmanage",
-          });
-        }
-      });
-    } else {
-      resultPost = {
-        ballotName: state.ballotNameNew,
-        assessmentMark: state.valueMore,
-        ...filterData,
-      };
-      resultPost = deepCloneFilterString(resultPost, [
-        "assessmentMaxScore",
-        "assessmentMinScore",
-      ]);
-      createOptionMessage(resultPost).then((res) => {
-        if (res.data.code === 200) {
-          message.success("创建成功");
-        
-        }
-      });
-    }
-    */
-  };
-  const handleAllCancel = () => {
-    state.allFormsData = [];
-  
-  };
-  /** 
-  const checkVal = (filterData) => {
-    // 问答
-    if (
-      filterData.assessmentEssayQuestionDtoList &&
-      filterData.assessmentEssayQuestionDtoList.length
-    ) {
-      let arr = filterData.assessmentEssayQuestionDtoList;
-      for (let item of arr) {
-        if (!item.assessmentQaTitle) {
-          message.error("问答题干为必填 请确认");
-          return false;
-        }
-      }
-    }
-    // 多选
-    if (
-      filterData.assessmentMultipleChoiceDtoList &&
-      filterData.assessmentMultipleChoiceDtoList.length
-    ) {
-      let arr = filterData.assessmentMultipleChoiceDtoList;
-      for (let item of arr) {
-        if (!item.multipleStemName) {
-          message.error("多选题干为必填 请确认");
-          return false;
-        }
-      }
-    }
-    // 评分
-    if (
-      filterData.assessmentScoringQuestionDtoList &&
-      filterData.assessmentScoringQuestionDtoList.length
-    ) {
-      let CountNum = 0;
-      let CountArr = filterData.assessmentScoringQuestionDtoList;
-      for (let item of CountArr) {
-        if (!item.assessmentScTitle) {
-          message.error("评分题干为必填 请确认");
-          return false;
-        }
-        CountNum += Number(item["weightScale"]);
-      }
-      if (CountNum !== 100) {
-        message.error("当前权重设置是百分制 请重新配置");
+    const handleSave = () => {
+      /** 
+      let resultPost = {};
+      
+      let filterData = parseItem(restData(state.allFormsData, "type"));
+      // 校验
+      if (!checkVal(filterData)) {
         return false;
       }
-    }
-    // 单选
-    if (
-      filterData.assessmentSingleChoiceDtoList &&
-      filterData.assessmentSingleChoiceDtoList.length
-    ) {
-      let arr = filterData.assessmentSingleChoiceDtoList;
-      for (let item of arr) {
-        if (!item.singleStemName) {
-          message.error("单选题干为必填 请确认");
+      console.log(12121212);
+      console.log(filterData);
+  
+      if (state.ballotId) {
+        resultPost = {
+          ballotId: state.ballotId,
+          ballotName: state.ballotName,
+          ...filterData,
+        };
+        resultPost = deepCloneFilterString(resultPost, [
+          "assessmentMaxScore",
+          "assessmentMinScore",
+        ]);
+        console.log(1212334);
+        console.log(resultPost);
+        editResearchMessage(resultPost).then((res) => {
+          if (res.data.code === 200) {
+            message.success("编辑成功");
+            router.push({
+              path: "/researchmanage",
+            });
+          }
+        });
+      } else {
+        resultPost = {
+          ballotName: state.ballotNameNew,
+          assessmentMark: state.valueMore,
+          ...filterData,
+        };
+        resultPost = deepCloneFilterString(resultPost, [
+          "assessmentMaxScore",
+          "assessmentMinScore",
+        ]);
+        createOptionMessage(resultPost).then((res) => {
+          if (res.data.code === 200) {
+            message.success("创建成功");
+          
+          }
+        });
+      }
+      */
+    };
+    const handleAllCancel = () => {
+      state.allFormsData = [];
+
+    };
+    /** 
+    const checkVal = (filterData) => {
+      // 问答
+      if (
+        filterData.assessmentEssayQuestionDtoList &&
+        filterData.assessmentEssayQuestionDtoList.length
+      ) {
+        let arr = filterData.assessmentEssayQuestionDtoList;
+        for (let item of arr) {
+          if (!item.assessmentQaTitle) {
+            message.error("问答题干为必填 请确认");
+            return false;
+          }
+        }
+      }
+      // 多选
+      if (
+        filterData.assessmentMultipleChoiceDtoList &&
+        filterData.assessmentMultipleChoiceDtoList.length
+      ) {
+        let arr = filterData.assessmentMultipleChoiceDtoList;
+        for (let item of arr) {
+          if (!item.multipleStemName) {
+            message.error("多选题干为必填 请确认");
+            return false;
+          }
+        }
+      }
+      // 评分
+      if (
+        filterData.assessmentScoringQuestionDtoList &&
+        filterData.assessmentScoringQuestionDtoList.length
+      ) {
+        let CountNum = 0;
+        let CountArr = filterData.assessmentScoringQuestionDtoList;
+        for (let item of CountArr) {
+          if (!item.assessmentScTitle) {
+            message.error("评分题干为必填 请确认");
+            return false;
+          }
+          CountNum += Number(item["weightScale"]);
+        }
+        if (CountNum !== 100) {
+          message.error("当前权重设置是百分制 请重新配置");
           return false;
         }
       }
-    }
-    return true;
-  };
-  */
+      // 单选
+      if (
+        filterData.assessmentSingleChoiceDtoList &&
+        filterData.assessmentSingleChoiceDtoList.length
+      ) {
+        let arr = filterData.assessmentSingleChoiceDtoList;
+        for (let item of arr) {
+          if (!item.singleStemName) {
+            message.error("单选题干为必填 请确认");
+            return false;
+          }
+        }
+      }
+      return true;
+    };
+    */
 
-  return {
-    ...toRefs(state),
-    handleTypes,
-    handleSave,
-    handleAllCancel,
-    handleDel,
-    afterVisibleChange,
-    closeDrawer,
-  };
-},
+    return {
+      ...toRefs(state),
+      handleTypes,
+      handleSave,
+      handleAllCancel,
+      handleDel,
+      afterVisibleChange,
+      closeDrawer,
+    };
+  },
 };
 </script>
 <style lang="scss">
@@ -508,6 +465,7 @@ setup(props,ctx) {
     align-items: center;
     flex-shrink: 0;
     margin-bottom: 25px;
+
     .headerTitle {
       font-size: 18px;
       font-weight: 600;
@@ -516,105 +474,123 @@ setup(props,ctx) {
       margin-left: 24px;
     }
   }
+
   .main_left {
-      padding-right: 30px;
-      flex: 1;
-      border-right: 1px solid #e8e8e8;
-      .main_item {
+    margin-left: 50px;
+    padding-right: 30px;
+    flex: 1;
+    border-right: 1px solid #e8e8e8;
+
+    .main_item {
+      display: flex;
+      align-items: center;
+      margin-bottom: 32px;
+
+      .signbox {
+        width: 120px;
         display: flex;
+        justify-content: end;
         align-items: center;
-        margin-bottom: 32px;
-        .signbox {
-          width: 120px;
+
+        .sign {
+          margin-right: 5px;
+        }
+      }
+
+      .btnbox {
+        display: flex;
+        flex: 1;
+        align-items: center;
+
+        .xkbtn {
+          cursor: pointer;
+          width: 130px;
+          height: 40px;
+          background: #388be1;
+          border-radius: 8px;
+          border: 0;
+          margin-right: 8px;
+          color: #fff;
+          margin-right: 10px;
+        }
+
+        .fileTigan {
           display: flex;
-          justify-content: end;
           align-items: center;
-          .sign {
+          padding: 3px 5px;
+          background-color: rgba(42, 103, 209, 0.4);
+
+          span {
             margin-right: 5px;
           }
-        }
-        .btnbox {
-          display: flex;
-          flex: 1;
-          align-items: center;
-          .xkbtn {
-            cursor: pointer;
-            width: 130px;
-            height: 40px;
-            background: #388be1;
-            border-radius: 8px;
-            border: 0;
-            margin-right: 8px;
-            color: #fff;
-            margin-right: 10px;
+
+          .delBox {
+            width: 13px;
+            height: 13px;
+            background-image: url(@/assets/images/basicinfo/ch.png);
+            background-size: 100% 100%;
+            border-radius: 50%;
           }
-          .fileTigan {
+        }
+      }
+    }
+
+    .main_item2 {
+      display: flex;
+      align-items: flex-start;
+      margin-bottom: 32px;
+
+      .signbox {
+        width: 120px;
+        display: flex;
+        justify-content: end;
+        align-items: center;
+
+        .sign {
+          margin-right: 5px;
+        }
+      }
+
+      .kqszbox {
+        .qdqtbox {
+          margin-left: 56px;
+        }
+
+        .setbox {
+          display: flex;
+          flex-wrap: wrap;
+          margin-top: 10px;
+          margin-bottom: 24px;
+
+          .timerbox {
+            margin-top: 6px;
+            margin-right: 32px;
             display: flex;
             align-items: center;
-            padding: 3px 5px;
-            background-color: rgba(42, 103, 209, 0.4);
-            span {
-              margin-right: 5px;
-            }
-            .delBox {
-              width: 13px;
-              height: 13px;
-              background-image: url(@/assets/images/basicinfo/ch.png);
-              background-size: 100% 100%;
-              border-radius: 50%;
-            }
+            flex-wrap: nowrap;
           }
         }
       }
-      .main_item2 {
+
+      .btnbox2 {
         display: flex;
-        align-items: flex-start;
-        margin-bottom: 32px;
-        .signbox {
-          width: 120px;
-          display: flex;
-          justify-content: end;
-          align-items: center;
-          .sign {
-            margin-right: 5px;
-          }
-        }
-        .kqszbox {
-          .qdqtbox {
-            margin-left: 56px;
-          }
-          .setbox {
-            display: flex;
-            flex-wrap: wrap;
-            margin-top: 10px;
-            margin-bottom: 24px;
-            .timerbox {
-              margin-top: 6px;
-              margin-right: 32px;
-              display: flex;
-              align-items: center;
-              flex-wrap: nowrap;
-            }
-          }
-        }
-        .btnbox2 {
-          display: flex;
-          flex-direction: column;
-          justify-content: flex-start;
-          .xkbtn {
-            cursor: pointer;
-            width: 130px;
-            height: 40px;
-            background: #388be1;
-            border-radius: 8px;
-            border: 0;
-            margin-right: 16px 8px 32px 0;
-            color: #fff;
-            margin-top: 16px;
-            margin-bottom: 60px;
-          }
+        flex-direction: column;
+        justify-content: flex-start;
+
+        .xkbtn {
+          cursor: pointer;
+          width: 130px;
+          height: 40px;
+          background: #388be1;
+          border-radius: 8px;
+          border: 0;
+          margin-right: 16px 8px 32px 0;
+          color: #fff;
+          margin-top: 16px;
+          margin-bottom: 60px;
         }
       }
+    }
   }
 
 }