优化mock模块

src/main.js

@@ -36,7 +36,9 @@ import {
   Dialog,
   Tabs,
   TabPane,
-  Switch
+  Switch,
+  RadioGroup,
+  Radio
 } from 'element-ui'
 
 Vue.config.productionTip = false
@@ -76,6 +78,8 @@ Vue.use(Dialog)
 Vue.use(Tabs)
 Vue.use(TabPane)
 Vue.use(Switch)
+Vue.use(RadioGroup)
+Vue.use(Radio)
 /* eslint-disable no-new */
 new Vue({
   el: '#app',

src/views/Mock/Mock.vue

@@ -81,11 +81,31 @@
         <el-form-item label="描述">
           <el-input v-model="addMockForm.description"></el-input>
         </el-form-item>
+        <el-form-item label="返回类型">
+          <el-radio-group v-model="addMockForm.type">
+            <el-radio :label="1">json</el-radio>
+            <el-radio :label="2">字符串</el-radio>
+          </el-radio-group>
+        </el-form-item>
+        <el-form-item label="是否加密">
+          <el-radio-group v-model="addMockForm.encrypt">
+            <el-radio :label="0">不加密</el-radio>
+            <el-radio :label="1">加密</el-radio>
+          </el-radio-group>
+        </el-form-item>
+        <el-form-item label="所属模块">
+          <el-select v-model="addMockForm.modlue" placeholder="模块" clearable>
+            <el-option v-for="item in moduleList" :key="item.id" :label="item.name" :value="item.id">
+            </el-option>
+          </el-select>
+        </el-form-item>
         <el-form-item label="成功响应">
-          <vue-json-editor v-model="addMockForm.success" :mode="'code'" :showBtns="false" lang="zh" @json-change="onSuccessJsonChange" @json-save="onSuccessJsonSave" />
+          <vue-json-editor v-if="addMockForm.type === 1" v-model="addMockForm.success" :mode="'code'" :showBtns="false" lang="zh" @json-change="onSuccessJsonChange" @json-save="onSuccessJsonSave" />
+          <el-input v-else-if="addMockForm.type === 2" v-model="addMockForm.success" type="textarea"></el-input>
         </el-form-item>
         <el-form-item label="失败响应">
-          <vue-json-editor v-model="addMockForm.fail" :mode="'code'" :showBtns="false" lang="zh" @json-change="onFailJsonChange" @json-save="onFailJsonSave" />
+          <vue-json-editor v-if="addMockForm.type === 1" v-model="addMockForm.fail" :mode="'code'" :showBtns="false" lang="zh" @json-change="onFailJsonChange" @json-save="onFailJsonSave" />
+          <el-input v-else-if="addMockForm.type === 2" v-model="addMockForm.fail" type="textarea"></el-input>
         </el-form-item>
         <el-form-item label="当前返回">
           <el-switch v-model="addMockForm.flag" active-color="#13ce66" inactive-color="#ff4949" active-value="1" inactive-value="0">
@@ -107,11 +127,31 @@
         <el-form-item label="描述">
           <el-input v-model="editMockForm.description"></el-input>
         </el-form-item>
+        <el-form-item label="返回类型">
+          <el-radio-group v-model="editMockForm.type">
+            <el-radio :label="1">json</el-radio>
+            <el-radio :label="2">字符串</el-radio>
+          </el-radio-group>
+        </el-form-item>
+        <el-form-item label="是否加密">
+          <el-radio-group v-model="editMockForm.encrypt">
+            <el-radio :label="0">不加密</el-radio>
+            <el-radio :label="1">加密</el-radio>
+          </el-radio-group>
+        </el-form-item>
+        <el-form-item label="所属模块">
+          <el-select v-model="editMockForm.modlue" placeholder="模块" clearable>
+            <el-option v-for="item in moduleList" :key="item.id" :label="item.name" :value="item.id">
+            </el-option>
+          </el-select>
+        </el-form-item>
         <el-form-item label="成功响应">
-          <vue-json-editor v-model="editMockForm.success" :mode="'code'" :showBtns="false" lang="zh" @json-change="onSuccessJsonChange" @json-save="onSuccessJsonSave" />
+          <vue-json-editor v-if="editMockForm.type === 1" v-model="editMockForm.success" :mode="'code'" :showBtns="false" lang="zh" @json-change="onSuccessJsonChange" @json-save="onSuccessJsonSave" />
+          <el-input v-else-if="editMockForm.type === 2" v-model="editMockForm.success" type="textarea"></el-input>
         </el-form-item>
         <el-form-item label="失败响应">
-          <vue-json-editor v-model="editMockForm.fail" :mode="'code'" :showBtns="false" lang="zh" @json-change="onFailJsonChange" @json-save="onFailJsonSave" />
+          <vue-json-editor v-if="editMockForm.type === 1" v-model="editMockForm.fail" :mode="'code'" :showBtns="false" lang="zh" @json-change="onFailJsonChange" @json-save="onFailJsonSave" />
+          <el-input v-else-if="editMockForm.type === 2" v-model="editMockForm.fail" type="textarea"></el-input>
         </el-form-item>
         <el-form-item label="当前返回">
           <el-switch v-model="editMockForm.flag" active-color="#13ce66" inactive-color="#ff4949" active-value="1" inactive-value="0">
@@ -157,7 +197,10 @@ export default {
         description: '',
         success: '',
         fail: '',
-        flag: ''
+        flag: '',
+        type: 1,
+        encrypt: 0,
+        module: ''
       },
       editMockForm: {
         id: '',
@@ -165,7 +208,10 @@ export default {
         description: '',
         success: '',
         fail: '',
-        flag: ''
+        flag: '',
+        type: 1,
+        encrypt: 0,
+        module: ''
       },
       successJson: '',
       failJson: '',
@@ -195,7 +241,6 @@ export default {
     },
     // 打开mock详情对话框
     openDetailDialog(row) {
-      console.log(this.activeTab)
       this.detailDialogVisible = true
       this.successResponse = JSON.parse(row.success)
       this.failResponse = JSON.parse(row.fail)
@@ -204,8 +249,10 @@ export default {
     },
     // 新增mock
     addMock() {
-      this.addMockForm.success = JSON.stringify(this.addMockForm.success)
-      this.addMockForm.fail = JSON.stringify(this.addMockForm.fail)
+      if (this.addMockForm.type === 1) {
+        this.addMockForm.success = JSON.stringify(this.addMockForm.success)
+        this.addMockForm.fail = JSON.stringify(this.addMockForm.fail)
+      }
       addMock(this.addMockForm).then((resp) => {
         if (resp.data.data === true) {
           this.addDialogVisible = false
@@ -225,10 +272,16 @@ export default {
       this.editMockForm.success = JSON.parse(row.success)
       this.editMockForm.fail = JSON.parse(row.fail)
       this.editMockForm.flag = String(row.flag)
+      this.editMockForm.type = row.type
+      this.editMockForm.encrypt = row.encrypt
+      this.editMockForm.module = row.modlue
     },
+    // 修改mock
     editMock() {
-      this.editMockForm.success = JSON.stringify(this.editMockForm.success)
-      this.editMockForm.fail = JSON.stringify(this.editMockForm.fail)
+      if (this.editMockForm.type === 1) {
+        this.editMockForm.success = JSON.stringify(this.editMockForm.success)
+        this.editMockForm.fail = JSON.stringify(this.editMockForm.fail)
+      }
       editMock(this.editMockForm).then((resp) => {
         if (resp.data.data === true) {
           this.editDialogVisible = false