添加问卷管理

src/router/index.js

@@ -438,7 +438,10 @@ export const asyncRoutes = {
   // 报表中心 下载列表
   downList:()=>import('@/views/reportForm/downList'),
   // 乐器置换
-  reaplceMusicPlayer:()=>import('@/views/reaplceMusicPlayer')
+  reaplceMusicPlayer:()=>import('@/views/reaplceMusicPlayer'),
+  // 问卷管理
+  setQuestions: () => import('@/views/setQuestions'),
+  questionOperation: () => import('@/views/setQuestions/operation'),
 }
 
 export default router

src/views/setQuestions/components/questionList.vue

@@ -0,0 +1,23 @@
+<template>
+<el-form :model="form">
+    <el-form-item label="问卷名称" prop="name1" :rules="[{ required: true, message: '请输入问卷名称', trigger: 'blur' }]">
+        <el-input v-model="form.name1"></el-input>
+    </el-form-item>
+</el-form>
+</template>
+<script>
+export default {
+    props: ['form'],
+    data () {
+        return {
+        }
+    },
+    mounted () {
+    },
+    methods: {
+    }
+}
+</script>
+<style lang="scss" scoped>
+
+</style>

src/views/setQuestions/index.vue

@@ -0,0 +1,154 @@
+<template>
+  <div class='m-container'>
+    <h2>
+      <div class="squrt"></div>问卷管理
+    </h2>
+    <div class="m-core">
+        <el-button type="primary" @click="onQuestionOperation('create')"
+           v-permission="'organization/add'"
+           class='newBand'>添加问卷</el-button>
+        <save-form :inline="true"
+               @submit="search"
+               @reset="onReSet"
+               ref="searchForm"
+               :model="searchForm">
+        <el-form-item prop="search">
+            <el-input
+                type="text"
+                clearable
+                v-model="searchForm.search"
+                placeholder="问卷编号或编号"
+            ></el-input>
+        </el-form-item>
+        <el-form-item prop="status">
+          <el-select v-model="searchForm.status"
+                     filterable
+                     placeholder="请选择收费类型"
+                     clearable>
+            <el-option label="启用" :value="1"></el-option>
+            <el-option label="停用" :value="0"></el-option>
+          </el-select>
+        </el-form-item>
+
+        <el-form-item>
+          <el-button type="danger" native-type="submit">搜索</el-button>
+          <el-button native-type="reset" type="primary">重置</el-button>
+        </el-form-item>
+      </save-form>
+      <!-- 列表 -->
+      <div class="tableWrap">
+        <el-table :data='tableList'
+                  :header-cell-style="{background:'#EDEEF0',color:'#444'}">
+          <el-table-column align='center'
+                           prop="id"
+                           label="问卷编号">
+          </el-table-column>
+          <el-table-column align='center'
+                           prop="name"
+                           label="问卷名称">
+          </el-table-column>
+          <el-table-column align='center'
+                           prop="areaName"
+                           label="状态">
+          </el-table-column>
+          <el-table-column align='center'
+                           label="操作">
+            <template slot-scope="scope">
+              <el-button @click="onQuestionOperation('update', scope.row)"
+                         v-permission="'organization/update'"
+                         type="text">修改</el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+        <pagination sync :total.sync="pageInfo.total"
+                    :page.sync="pageInfo.page"
+                    :limit.sync="pageInfo.limit"
+                    :page-sizes="pageInfo.page_size"
+                    @pagination="getList" />
+      </div>
+    </div>
+
+  </div>
+</template>
+<script>
+import pagination from '@/components/Pagination/index'
+import { branchQueryPage, areaQueryChild, branchAdd, branchUpdate, getParentArea } from '@/api/specialSetting'
+export default {
+  name: 'branchSetting',
+  components: { pagination },
+  data () {
+    return {
+        searchForm: {
+            search: null,
+            status: null
+        },
+        tableList: [],
+        pageInfo: {
+            // 分页规则
+            limit: 10, // 限制显示条数
+            page: 1, // 当前页
+            total: 0, // 总条数
+            page_size: [10, 20, 40, 50] // 选择限制显示条数
+        },
+        organId: null,
+    }
+  },
+  mounted () {
+    this.getList()
+  },
+  methods: {
+    getList () {
+      branchQueryPage({
+        rows: this.pageInfo.limit,
+        page: this.pageInfo.page
+      }).then(res => {
+        if (res.code == 200 && res.data) {
+          this.tableList = res.data.rows
+          this.pageInfo.total = res.data.total
+        }
+      })
+    },
+    onQuestionOperation(type) {
+        let str = '问卷'
+        str = (type == 'create' ? '添加' : '修改') + str
+        this.$router.push({
+            path: '/operateManager/questionOperation',
+            query: {
+                type
+            }
+        }, (router) => {
+            router.meta.title = str;
+        })
+    },
+    search() {
+      this.pageInfo.page = 1;
+      this.getList();
+    },
+    onReSet() {
+      this.$refs['searchForm'].resetFields();
+      this.search();
+    },
+
+  }
+}
+</script>
+<style lang="scss" scoped>
+/deep/.el-button--primary {
+  background: #14928a;
+  border-color: #14928a;
+  color: #fff;
+  &:hover,
+  &:active,
+  &:focus {
+    background: #14928a;
+    border-color: #14928a;
+    color: #fff;
+  }
+}
+/deep/.el-date-editor.el-input {
+  width: 100% !important;
+}
+/deep/.el-select {
+  width: 98% !important;
+}
+</style>

src/views/setQuestions/operation.vue

@@ -0,0 +1,98 @@
+<template>
+<div class='m-container'>
+    <h2>
+      <el-page-header @back="onCancel" :content="type == 'create' ? '添加问卷' : '修改问卷'"></el-page-header>
+    </h2>
+    <div class="m-core">
+        <el-form ref="form" :model="form" label-width="80px">
+            <el-form-item label="问卷名称" prop="name" :rules="[{ required: true, message: '请输入问卷名称', trigger: 'blur' }]">
+                <el-input v-model="form.name"></el-input>
+            </el-form-item>
+        </el-form>
+        <div v-for="(item, index) in form.questionList" :key="index">
+                <!-- <el-form-item :label="'商品' + (index + 1)"
+                                :label-width="formLabelWidth"
+                                style="display: inline-block;"
+                                :prop="'goodsList.' + index + '.id'"
+                                :rules="[{ required: true, message: '请选择商品', trigger: 'change' }]">
+                </el-form-item> -->
+                <!-- <div v-if="!addDisabled" style="display: inline-block;">
+                    <el-button icon="el-icon-minus"
+                            v-if="form.goodsList.length > 1"
+                            @click.prevent="removeGoodsList(goodsList)"
+                            circle></el-button>
+                    <el-button icon="el-icon-plus"
+                            @click.prevent="addGoodsList"
+                            circle
+                            style="margin-left: 5px;"></el-button>
+                </div> -->
+                <question-list ref="questions" :form="item" />
+            </div>
+        <el-button type="primary" @click="onSubmit">立即创建</el-button>
+        <el-button>取消</el-button>
+    </div>
+
+</div>
+</template>
+<script>
+import questionList from './components/questionList'
+export default {
+    name: 'operationQuestion',
+    components: { questionList },
+    data () {
+        let query = this.$route.query
+        return {
+            type: query.type,
+            form: {
+                name: null,
+                questionList: [{}],
+            }
+        }
+    },
+    mounted () {
+    },
+    methods: {
+        getForms() {
+            const { $refs: refs } = this;
+            return [
+                refs.form,
+                ...(refs.cycles || []),
+            ].filter((item) => !!item).map((item) => item.$refs.form || item);
+        },
+        onSubmit() {
+            // console.log(this.)
+            const forms = this.getForms();
+            console.log(forms)
+            // this.$refs['form'].validate((valid) => {
+            //     if(valid) {
+            //         console.log(this.form)
+            //     }
+            // })
+        },
+        onCancel () {
+            this.$store.dispatch('delVisitedViews', this.$route)
+            this.$router.push({ path: '/operateManager/setQuestions' })
+        },
+    }
+}
+</script>
+<style lang="scss" scoped>
+/deep/.el-button--primary {
+  background: #14928a;
+  border-color: #14928a;
+  color: #fff;
+  &:hover,
+  &:active,
+  &:focus {
+    background: #14928a;
+    border-color: #14928a;
+    color: #fff;
+  }
+}
+/deep/.el-date-editor.el-input {
+  width: 100% !important;
+}
+/deep/.el-select {
+  width: 98% !important;
+}
+</style>

vue.config.js

@@ -20,8 +20,8 @@ const name = defaultSettings.title || '管乐迷后台管理系统' // page titl
 // let target = 'http://192.168.3.139:8000' // 箭河
 // let target = 'http://192.168.3.38:8000' //邹璇
 // let target = 'http://192.168.3.57:8000' //勇哥
-// let target = 'http://dev.dayaedu.com' // 开发环境
-let target = 'https://test.dayaedu.com' //测试环境
+let target = 'http://dev.dayaedu.com' // 开发环境
+// let target = 'https://test.dayaedu.com' //测试环境
 // let target = 'http://192.168.3.134' // 乔
 // All configuration item explanations can be find in https://cli.vuejs.org/config/
 module.exports = {
@@ -55,7 +55,7 @@ module.exports = {
     //   warnings: false,
     //   errors: true
     // },
-    https: true,
+    https: false,
     proxy: {
       // change xxx-api/login => mock/login
       // detail: https://cli.vuejs.org/config/#devserver-proxy