From 31ddefba164704168d3a12b8e250a34bbb078e4d Mon Sep 17 00:00:00 2001
From: dayou <853094838@qq.com>
Date: Thu, 11 Jan 2024 14:06:12 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=88=97=E8=A1=A8=E9=A1=B5=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9E=E5=A4=8D=E5=88=B6=E5=8A=9F=E8=83=BD=20(#42)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/management/api/survey.js              |  4 ++
 .../pages/list/components/baseList.vue        | 16 +++--
 .../pages/list/components/modify.vue          | 58 +++++++++++++++----
 .../pages/list/components/toolBar.vue         |  8 ++-
 web/src/management/utils/constant.js          |  5 ++
 5 files changed, 75 insertions(+), 16 deletions(-)
 create mode 100644 web/src/management/utils/constant.js

diff --git a/web/src/management/api/survey.js b/web/src/management/api/survey.js
index feb7fd12..01d47716 100644
--- a/web/src/management/api/survey.js
+++ b/web/src/management/api/survey.js
@@ -49,3 +49,7 @@ export const deleteSurvey = (surveyId) => {
 export const updateSurvey = (data) => {
   return axios.post('/surveyManage/update', data);
 };
+
+export const copySurvey = (data) => {
+  return axios.post('/surveyManage/create', data);
+};
diff --git a/web/src/management/pages/list/components/baseList.vue b/web/src/management/pages/list/components/baseList.vue
index efbf446b..1b2cc2da 100644
--- a/web/src/management/pages/list/components/baseList.vue
+++ b/web/src/management/pages/list/components/baseList.vue
@@ -40,7 +40,7 @@
             :data="scope.row"
             type="list"
             :tools="getToolConfig(scope.row)"
-            :tool-width="65"
+            :tool-width="50"
             @on-delete="onDelete"
             @on-modify="onModify"
           />
@@ -63,6 +63,7 @@
     </div>
 
     <modify-dialog
+      :type="modifyType"
       :visible="showModify"
       :question-info="questionInfo"
       @on-close-codify="onCloseModify"
@@ -84,7 +85,7 @@ import State from './state';
 import ToolBar from './toolBar';
 import { fieldConfig, thead, noListDataConfig } from '../config';
 import { CODE_MAP } from '@/management/api/base';
-
+import { QOP_MAP } from '@/management/utils/constant';
 import { getSurveyList, deleteSurvey } from '@/management/api/survey';
 
 export default {
@@ -92,6 +93,7 @@ export default {
   data() {
     return {
       fields: ['type', 'title', 'remark', 'creator', 'state', 'updateDate', 'createDate'],
+      modifyType: QOP_MAP.EDIT,
       showModify: false,
       loading: false,
       theadDict: thead,
@@ -152,7 +154,7 @@ export default {
     getToolConfig() {
       const funcList = [
         {
-          key: 'edit',
+          key: QOP_MAP.EDIT,
           label: '修改',
         },
         {
@@ -168,6 +170,11 @@ export default {
           label: '删除',
           icon: 'icon-shanchu',
         },
+        {
+          key: QOP_MAP.COPY,
+          label: '复制',
+          icon: 'icon-shanchu',
+        }
       ];
       return funcList;
     },
@@ -192,8 +199,9 @@ export default {
       this.currentPage = current;
       this.init();
     },
-    onModify(data) {
+    onModify(data, type = QOP_MAP.EDIT) {
       this.showModify = true;
+      this.modifyType = type
       this.questionInfo = data;
     },
     onCloseModify(type) {
diff --git a/web/src/management/pages/list/components/modify.vue b/web/src/management/pages/list/components/modify.vue
index a179076f..b19179fc 100644
--- a/web/src/management/pages/list/components/modify.vue
+++ b/web/src/management/pages/list/components/modify.vue
@@ -25,7 +25,7 @@
 
     <div slot="footer" class="dialog-footer">
       <el-button type="primary" class="save-btn" @click="onSave"
-        >保存</el-button
+        >{{ type === QOP_MAP.EDIT ? '保存' : '确定' }}</el-button
       >
     </div>
   </el-dialog>
@@ -33,18 +33,21 @@
 
 <script>
 import { CODE_MAP } from '@/management/api/base';
-import { updateSurvey } from '@/management/api/survey';
+import { updateSurvey, copySurvey } from '@/management/api/survey';
 import { pick as _pick } from 'lodash';
+import { QOP_MAP } from '@/management/utils/constant'
 
 export default {
   name: 'modifyDialog',
   props: {
+    type: String,
     questionInfo: Object,
     width: String,
     visible: Boolean,
   },
   data() {
     return {
+      QOP_MAP,
       loadingInstance: null,
       rules: {
         title: [{ required: true, message: '请输入问卷标题', trigger: 'blur' }],
@@ -70,19 +73,54 @@ export default {
       this.$emit('on-close-codify');
     },
     async onSave() {
-      const res = await updateSurvey({
-        surveyId: this.questionInfo._id,
-        ...this.current,
-      });
-
-      if (res.code === CODE_MAP.SUCCESS) {
-        this.$message.success('修改成功');
+      if(this.type === QOP_MAP.COPY) {
+        await this.handleCopy()
       } else {
-        this.$message.error(res.errmsg);
+        await this.handleUpdate()
       }
+      
 
       this.$emit('on-close-codify', 'update');
     },
+    async handleUpdate() {
+      try {
+        const res = await updateSurvey({
+          surveyId: this.questionInfo._id,
+          ...this.current,
+        });
+
+        if (res.code === CODE_MAP.SUCCESS) {
+          this.$message.success('修改成功');
+        } else {
+          this.$message.error(res.errmsg);
+        }
+      } catch (err) {
+        this.$message.error(err);
+      }
+    },
+    async handleCopy() {
+      try {
+        const res = await copySurvey({
+          createFrom: this.questionInfo._id,
+          createMethod: QOP_MAP.COPY,
+          ...this.current,
+        });
+
+        if (res.code === CODE_MAP.SUCCESS) {
+          const { data } = res
+          this.$router.push({
+            name: 'QuestionEditIndex',
+            params: {
+              id: data.id,
+            },
+          });
+        } else {
+          this.$message.error(res.errmsg);
+        }
+      } catch(err) {
+        this.$message.error(err);
+      }
+    }
   },
 };
 </script>
diff --git a/web/src/management/pages/list/components/toolBar.vue b/web/src/management/pages/list/components/toolBar.vue
index e41b36a2..45c59aca 100644
--- a/web/src/management/pages/list/components/toolBar.vue
+++ b/web/src/management/pages/list/components/toolBar.vue
@@ -15,6 +15,7 @@
 </template>
 
 <script>
+import { QOP_MAP } from '@/management/utils/constant';
 import Tool from './tool';
 
 export default {
@@ -31,8 +32,11 @@ export default {
   methods: {
     onCall(val) {
       switch (val.key) {
-        case 'edit':
-          this.$emit('on-modify', this.data);
+        case QOP_MAP.EDIT:
+          this.$emit('on-modify', this.data, QOP_MAP.EDIT);
+          return;
+        case QOP_MAP.COPY:
+          this.$emit('on-modify', this.data, QOP_MAP.COPY);
           return;
         case 'analysis':
           this.$router.push({
diff --git a/web/src/management/utils/constant.js b/web/src/management/utils/constant.js
new file mode 100644
index 00000000..0bc3ce6e
--- /dev/null
+++ b/web/src/management/utils/constant.js
@@ -0,0 +1,5 @@
+// 问卷操作枚举
+export const QOP_MAP = {
+  COPY: 'copy',
+  EDIT: 'edit',
+};
\ No newline at end of file