更新友情链接-上报-网上调查

src/layout/layout-part/menus.vue

@@ -71,6 +71,20 @@
           <el-menu-item index="/personnel/guidance/index">就业指导信息管理</el-menu-item>
         </el-menu-item-group>
       </el-submenu>
+      <el-submenu index="6">
+        <template v-slot:title>
+          <i class="el-icon-files"></i>
+          <span>技术问答</span>
+        </template>
+        <el-menu-item-group>
+          <el-menu-item index="/technology/label/index">标签管理</el-menu-item>
+          <el-menu-item index="/technology/theme/index">主题审核</el-menu-item>
+          <el-menu-item index="/technology/answer/index">回答审核</el-menu-item>
+        </el-menu-item-group>
+      </el-submenu>
+      <el-menu-item index="/report/index"> <i class="el-icon-s-grid"></i>上报通知管理</el-menu-item>
+      <el-menu-item index="/online/index"> <i class="el-icon-s-grid"></i>网上调查</el-menu-item>
+      <el-menu-item index="/links/index"> <i class="el-icon-s-grid"></i>友情链接管理</el-menu-item>
     </el-menu>
   </div>
 </template>

src/layout/links/linksData.vue

@@ -0,0 +1,121 @@
+<template>
+  <div id="linksData">
+    <el-row>
+      <el-col :span="24" class="linksData">
+        <el-table :data="tableData" style="width: 100%" border>
+          <el-table-column label="序号" type="index" width="50" align="left"> </el-table-column>
+          <el-table-column prop="title" label="名称" width="80" align="left"> </el-table-column>
+          <el-table-column prop="url" label="相关链接" width="180" align="left"> </el-table-column>
+          <el-table-column prop="pic" label="图片地址" width="365" align="left"> </el-table-column>
+          <el-table-column prop="state" label="目前状态" width="80" align="left"> </el-table-column>
+          <el-table-column label="状态操作" width="90" align="left">
+            <template slot-scope="">
+              <el-link :underline="false">开启</el-link>&nbsp;
+              <el-link :underline="false">关闭</el-link>
+            </template>
+          </el-table-column>
+          <el-table-column label="操作" width="200" align="left">
+            <template slot-scope="scoped">
+              <el-button size="mini" type="primary" icon="el-icon-view" @click="openDialog(scoped.$index)"></el-button>
+              <el-button size="mini" type="primary" icon="el-icon-edit" @click="addData(scoped.$index)"></el-button>
+              <el-button size="mini" type="danger" icon="el-icon-delete" @click.native.prevent="deleteRow(scoped.$index, tableData)"></el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+        <el-col :span="24" class="page">
+          <el-pagination
+            @size-change="handleSizeChange"
+            @current-change="handleCurrentChange"
+            :current-page="currentPage"
+            layout="total, prev, pager, next, jumper"
+            :total="1"
+          >
+          </el-pagination>
+        </el-col>
+      </el-col>
+    </el-row>
+    <el-dialog title="详细信息" :visible.sync="dialog">
+      <p class="text">名称：{{ info.title }}</p>
+      <p class="text">相关链接：{{ info.url }}</p>
+      <p class="text">图片地址：{{ info.pic }}</p>
+      <p class="text">状态：{{ info.state }}</p>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'linksData',
+  props: {
+    tableData: null,
+  },
+  components: {},
+  data: () => ({
+    currentPage: 1,
+    dialog: false,
+    info: {},
+    pic: require('@/assets/logo.png'),
+  }),
+  created() {},
+  computed: {},
+  methods: {
+    handleSizeChange(val) {
+      console.log(`每页 ${val} 条`);
+    },
+    handleCurrentChange(val) {
+      console.log(`当前页: ${val}`);
+    },
+    addData(index) {
+      if (index !== undefined) {
+        let data = this.tableData[index];
+      } else {
+        this.form = {};
+      }
+      this.$router.push({ path: './detail' });
+    },
+    deleteRow(index, rows) {
+      rows.splice(index, 1);
+    },
+    openDialog(index) {
+      if (index !== undefined) {
+        let data = JSON.parse(JSON.stringify(this.tableData[index]));
+        data[`index`] = index;
+        this.$set(this, `info`, data);
+      }
+      this.dialog = true;
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+p {
+  padding: 0;
+  margin: 0;
+}
+/deep/.el-table th {
+  padding: 5px 0;
+  background: #f2f2f2;
+}
+/deep/.el-table td {
+  padding: 5px 0;
+}
+/deep/.el-table tr {
+  background: #f9f9f9;
+}
+/deep/.el-table tr:nth-child(2n) {
+  background: #fff;
+}
+.page {
+  text-align: center;
+  padding: 30px 0;
+}
+.text {
+  font-size: 16px;
+  padding: 0 0 10px 0;
+}
+.text span {
+  display: inherit;
+  text-indent: 1rem;
+}
+</style>

src/layout/links/linksForm.vue

@@ -0,0 +1,75 @@
+<template>
+  <div id="linksForm">
+    <el-row>
+      <el-col :span="24" class="linksForm">
+        <el-form ref="form" :model="form" label-width="80px">
+          <el-form-item label="名称">
+            <el-input v-model="form.title" placeholder="请输入名称"></el-input>
+          </el-form-item>
+          <el-form-item label="相关链接">
+            <el-input v-model="form.url" placeholder="请输入相关链接"></el-input>
+          </el-form-item>
+          <el-form-item label="图片地址">
+            <el-upload
+              class="upload-demo"
+              action="https://jsonplaceholder.typicode.com/posts/"
+              :on-preview="handlePreview"
+              :on-remove="handleRemove"
+              :before-remove="beforeRemove"
+              multiple
+              :limit="1"
+              :file-list="fileList"
+            >
+              <el-button size="small" type="primary">点击上传</el-button>
+            </el-upload>
+          </el-form-item>
+          <el-form-item>
+            <el-button @click="handleCancel">返回</el-button>
+            <el-button type="primary" @click="handleEdit()">提交</el-button>
+          </el-form-item>
+        </el-form>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'linksForm',
+  props: {
+    form: null,
+  },
+  components: {},
+  data: () => ({
+    fileList: [],
+  }),
+  created() {},
+  computed: {},
+  methods: {
+    handleEdit() {
+      this.handleCancel();
+    },
+    handleCancel() {
+      this.$router.push({ path: './index' });
+    },
+    handleRemove(file, fileList) {
+      console.log(file, fileList);
+    },
+    handlePreview(file) {
+      console.log(file);
+    },
+    beforeRemove(file, fileList) {
+      return this.$confirm(`确定移除 ${file.name}？`);
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.el-form {
+  padding: 0 200px;
+}
+.mainForm {
+  padding: 20px 0;
+}
+</style>

src/layout/links/searchInfo.vue

@@ -0,0 +1,47 @@
+<template>
+  <div id="searchInfo">
+    <el-row>
+      <el-col :span="24" class="searchInfo">
+        <el-col :span="6" class="left">
+          <span>查询名称：</span>
+          <el-input v-model="input" placeholder="请输入名称"></el-input>
+        </el-col>
+        <el-col :span="6" class="right">
+          <el-button size="mini" type="primary" icon="el-icon-search">查询</el-button>
+          <el-button size="mini" type="success" icon="el-icon-check" @click="addData()">添加友情链接</el-button>
+        </el-col>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'searchInfo',
+  props: {},
+  components: {},
+  data: () => ({
+    input: '',
+  }),
+  created() {},
+  computed: {},
+  methods: {
+    addData() {
+      this.$router.push({ path: './detail' });
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.searchInfo .left span {
+  font-size: 13px;
+  color: #393939;
+}
+.searchInfo .left .el-input {
+  width: 50%;
+}
+/deep/.searchInfo .left .el-input .el-input__inner {
+  height: 28px;
+}
+</style>

src/layout/online/onlineData.vue

@@ -0,0 +1,124 @@
+<template>
+  <div id="onlineData">
+    <el-row>
+      <el-col :span="24" class="onlineData">
+        <el-table :data="tableData" style="width: 100%" border>
+          <el-table-column label="序号" type="index" width="50" align="left"> </el-table-column>
+          <el-table-column prop="content" label="主题说明" width="" align="left"> </el-table-column>
+          <el-table-column prop="num" label="可选择数量" width="" align="left"> </el-table-column>
+          <el-table-column prop="state" label="目前状态" width="" align="left"> </el-table-column>
+          <el-table-column label="状态操作" width="" align="left">
+            <template slot-scope="">
+              <el-link :underline="false">开启</el-link>&nbsp; <el-link :underline="false">关闭</el-link>&nbsp;
+              <el-link :underline="false">结束</el-link>
+            </template>
+          </el-table-column>
+          <el-table-column label="操作" width="" align="left">
+            <template slot-scope="scoped">
+              <el-button size="mini" type="primary" icon="el-icon-view" @click="openDialog(scoped.$index)"></el-button>
+              <el-button size="mini" type="primary" icon="el-icon-edit" @click="addData(scoped.$index)"></el-button>
+              <el-button size="mini" type="danger" icon="el-icon-delete" @click.native.prevent="deleteRow(scoped.$index, tableData)"></el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+        <el-col :span="24" class="page">
+          <el-pagination
+            @size-change="handleSizeChange"
+            @current-change="handleCurrentChange"
+            :current-page="currentPage"
+            layout="total, prev, pager, next, jumper"
+            :total="1"
+          >
+          </el-pagination>
+        </el-col>
+      </el-col>
+    </el-row>
+    <el-dialog title="详细信息" :visible.sync="dialog">
+      <p class="text">用户编码：{{ info.bianhao }}</p>
+      <p class="text">主题说明：{{ info.content }}</p>
+      <p class="text">
+        <span>主题图片：</span>
+        <el-image style="width:200px;height:200px;" :src="pic"></el-image>
+      </p>
+      <p class="text">选择数量：{{ info.num }}</p>
+      <p class="text">状态：{{ info.state }}</p>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'onlineData',
+  props: {
+    tableData: null,
+  },
+  components: {},
+  data: () => ({
+    currentPage: 1,
+    dialog: false,
+    info: {},
+    pic: require('@/assets/logo.png'),
+  }),
+  created() {},
+  computed: {},
+  methods: {
+    handleSizeChange(val) {
+      console.log(`每页 ${val} 条`);
+    },
+    handleCurrentChange(val) {
+      console.log(`当前页: ${val}`);
+    },
+    addData(index) {
+      if (index !== undefined) {
+        let data = this.tableData[index];
+      } else {
+        this.form = {};
+      }
+      this.$router.push({ path: './detail' });
+    },
+    deleteRow(index, rows) {
+      rows.splice(index, 1);
+    },
+    openDialog(index) {
+      if (index !== undefined) {
+        let data = JSON.parse(JSON.stringify(this.tableData[index]));
+        data[`index`] = index;
+        this.$set(this, `info`, data);
+      }
+      this.dialog = true;
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+p {
+  padding: 0;
+  margin: 0;
+}
+/deep/.el-table th {
+  padding: 5px 0;
+  background: #f2f2f2;
+}
+/deep/.el-table td {
+  padding: 5px 0;
+}
+/deep/.el-table tr {
+  background: #f9f9f9;
+}
+/deep/.el-table tr:nth-child(2n) {
+  background: #fff;
+}
+.page {
+  text-align: center;
+  padding: 30px 0;
+}
+.text {
+  font-size: 16px;
+  padding: 0 0 10px 0;
+}
+.text span {
+  display: inherit;
+  text-indent: 1rem;
+}
+</style>

src/layout/online/onlineForm.vue

@@ -0,0 +1,77 @@
+<template>
+  <div id="onlineForm">
+    <el-row>
+      <el-col :span="24" class="onlineForm">
+        <el-form ref="form" :model="form" label-width="120px">
+          <el-form-item label="主题说明">
+            <el-input type="textarea" v-model="form.content" placeholder="请输入主题说明"></el-input>
+          </el-form-item>
+          <el-form-item label="图片地址">
+            <el-upload
+              class="upload-demo"
+              action="https://jsonplaceholder.typicode.com/posts/"
+              :on-preview="handlePreview"
+              :on-remove="handleRemove"
+              :before-remove="beforeRemove"
+              multiple
+              :limit="1"
+              :file-list="fileList"
+            >
+              <el-button size="small" type="primary">点击上传</el-button>
+            </el-upload>
+          </el-form-item>
+          <el-form-item label="请选择选项数量" prop="num">
+            <el-select v-model="form.num" placeholder="请选择选项数量">
+              <el-option label="1" value="man"></el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item>
+            <el-button @click="handleCancel">返回</el-button>
+            <el-button type="primary" @click="handleEdit()">提交</el-button>
+          </el-form-item>
+        </el-form>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'onlineForm',
+  props: {
+    form: null,
+  },
+  components: {},
+  data: () => ({
+    fileList: [],
+  }),
+  created() {},
+  computed: {},
+  methods: {
+    handleEdit() {
+      this.handleCancel();
+    },
+    handleCancel() {
+      this.$router.push({ path: './index' });
+    },
+    handleRemove(file, fileList) {
+      console.log(file, fileList);
+    },
+    handlePreview(file) {
+      console.log(file);
+    },
+    beforeRemove(file, fileList) {
+      return this.$confirm(`确定移除 ${file.name}？`);
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.el-form {
+  padding: 0 200px;
+}
+.onlineForm {
+  padding: 20px 0;
+}
+</style>

src/layout/online/searchInfo.vue

@@ -0,0 +1,51 @@
+<template>
+  <div id="searchInfo">
+    <el-row>
+      <el-col :span="24" class="searchInfo">
+        <el-col :span="6" class="left">
+          <span>查询用户编码：</span>
+          <el-input v-model="input" placeholder="请输入用户编码"></el-input>
+        </el-col>
+        <el-col :span="6" class="left">
+          <span>查询主题说明：</span>
+          <el-input v-model="input" placeholder="请输入调查说明"></el-input>
+        </el-col>
+        <el-col :span="6" class="right">
+          <el-button size="mini" type="primary" icon="el-icon-search">查询</el-button>
+          <el-button size="mini" type="success" icon="el-icon-check" @click="addData()">添加调查主题</el-button>
+        </el-col>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'searchInfo',
+  props: {},
+  components: {},
+  data: () => ({
+    input: '',
+  }),
+  created() {},
+  computed: {},
+  methods: {
+    addData() {
+      this.$router.push({ path: './detail' });
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.searchInfo .left span {
+  font-size: 13px;
+  color: #393939;
+}
+.searchInfo .left .el-input {
+  width: 50%;
+}
+/deep/.searchInfo .left .el-input .el-input__inner {
+  height: 28px;
+}
+</style>

src/layout/report/reportData.vue

@@ -0,0 +1,125 @@
+<template>
+  <div id="reportData">
+    <el-row>
+      <el-col :span="24" class="reportData">
+        <el-table :data="tableData" style="width: 100%" border>
+          <el-table-column label="序号" type="index" width="50" align="left"> </el-table-column>
+          <el-table-column prop="title" label="名称" width="80" align="left"> </el-table-column>
+          <el-table-column prop="url" label="相关链接" width="130" align="left"> </el-table-column>
+          <el-table-column prop="startDate" label="开始时间" width="" align="left"> </el-table-column>
+          <el-table-column prop="endDate" label="结束时间" width="" align="left"> </el-table-column>
+          <el-table-column prop="content" label="简述" width="" align="left"> </el-table-column>
+          <el-table-column prop="state" label="目前状态" width="" align="left"> </el-table-column>
+          <el-table-column label="状态操作" width="" align="left">
+            <template slot-scope=""> <el-link :underline="false">开启</el-link>&nbsp; <el-link :underline="false">结束</el-link>&nbsp; </template>
+          </el-table-column>
+          <el-table-column label="操作" width="200" align="left">
+            <template slot-scope="scoped">
+              <el-button size="mini" type="primary" icon="el-icon-view" @click="openDialog(scoped.$index)"></el-button>
+              <el-button size="mini" type="primary" icon="el-icon-edit" @click="addData(scoped.$index)"></el-button>
+              <el-button size="mini" type="danger" icon="el-icon-delete" @click.native.prevent="deleteRow(scoped.$index, tableData)"></el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+        <el-col :span="24" class="page">
+          <el-pagination
+            @size-change="handleSizeChange"
+            @current-change="handleCurrentChange"
+            :current-page="currentPage"
+            layout="total, prev, pager, next, jumper"
+            :total="1"
+          >
+          </el-pagination>
+        </el-col>
+      </el-col>
+    </el-row>
+    <el-dialog title="详细信息" :visible.sync="dialog">
+      <p class="text">名称：{{ info.title }}</p>
+      <p class="text">开始时间：{{ info.startDate }}</p>
+      <p class="text">结束时间：{{ info.endDate }}</p>
+      <p class="text">相关链接：{{ info.url }}</p>
+      <p class="text">
+        简述：
+        <span>{{ info.content }}</span>
+      </p>
+      <p class="text">状态：{{ info.state }}</p>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'reportData',
+  props: {
+    tableData: null,
+  },
+  components: {},
+  data: () => ({
+    currentPage: 1,
+    dialog: false,
+    info: {},
+    pic: require('@/assets/logo.png'),
+  }),
+  created() {},
+  computed: {},
+  methods: {
+    handleSizeChange(val) {
+      console.log(`每页 ${val} 条`);
+    },
+    handleCurrentChange(val) {
+      console.log(`当前页: ${val}`);
+    },
+    addData(index) {
+      if (index !== undefined) {
+        let data = this.tableData[index];
+      } else {
+        this.form = {};
+      }
+      this.$router.push({ path: './detail' });
+    },
+    deleteRow(index, rows) {
+      rows.splice(index, 1);
+    },
+    openDialog(index) {
+      if (index !== undefined) {
+        let data = JSON.parse(JSON.stringify(this.tableData[index]));
+        data[`index`] = index;
+        this.$set(this, `info`, data);
+      }
+      this.dialog = true;
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+p {
+  padding: 0;
+  margin: 0;
+}
+/deep/.el-table th {
+  padding: 5px 0;
+  background: #f2f2f2;
+}
+/deep/.el-table td {
+  padding: 5px 0;
+}
+/deep/.el-table tr {
+  background: #f9f9f9;
+}
+/deep/.el-table tr:nth-child(2n) {
+  background: #fff;
+}
+.page {
+  text-align: center;
+  padding: 30px 0;
+}
+.text {
+  font-size: 16px;
+  padding: 0 0 10px 0;
+}
+.text span {
+  display: inherit;
+  text-indent: 1rem;
+}
+</style>

src/layout/report/reportForm.vue

@@ -0,0 +1,70 @@
+<template>
+  <div id="reportData">
+    <el-row>
+      <el-col :span="24" class="reportData">
+        <el-form ref="form" :model="form" label-width="120px">
+          <el-form-item label="名称">
+            <el-input v-model="form.title" placeholder="请输入名称"></el-input>
+          </el-form-item>
+          <el-form-item label="相关链接">
+            <el-input v-model="form.url" placeholder="请输入相关链接"></el-input>
+          </el-form-item>
+          <el-form-item label="简述">
+            <el-input type="textarea" v-model="form.content" placeholder="请输入简述"></el-input>
+          </el-form-item>
+          <el-form-item label="开始时间">
+            <el-date-picker v-model="form.startDate" type="datetime" placeholder="选择日期时间"> </el-date-picker>
+          </el-form-item>
+          <el-form-item label="结束时间">
+            <el-date-picker v-model="form.endDate" type="datetime" placeholder="选择日期时间"> </el-date-picker>
+          </el-form-item>
+          <el-form-item>
+            <el-button @click="handleCancel">返回</el-button>
+            <el-button type="primary" @click="handleEdit()">提交</el-button>
+          </el-form-item>
+        </el-form>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'reportData',
+  props: {
+    form: null,
+  },
+  components: {},
+  data: () => ({
+    fileList: [],
+  }),
+  created() {},
+  computed: {},
+  methods: {
+    handleEdit() {
+      this.handleCancel();
+    },
+    handleCancel() {
+      this.$router.push({ path: './index' });
+    },
+    handleRemove(file, fileList) {
+      console.log(file, fileList);
+    },
+    handlePreview(file) {
+      console.log(file);
+    },
+    beforeRemove(file, fileList) {
+      return this.$confirm(`确定移除 ${file.name}？`);
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.el-form {
+  padding: 0 200px;
+}
+.reportData {
+  padding: 20px 0;
+}
+</style>

src/layout/report/searchInfo.vue

@@ -0,0 +1,47 @@
+<template>
+  <div id="searchInfo">
+    <el-row>
+      <el-col :span="24" class="searchInfo">
+        <el-col :span="6" class="left">
+          <span>查询名称</span>
+          <el-input v-model="input" placeholder="请输入名称"></el-input>
+        </el-col>
+        <el-col :span="6" class="right">
+          <el-button size="mini" type="primary" icon="el-icon-search">查询</el-button>
+          <el-button size="mini" type="success" icon="el-icon-check" @click="addData()">添加上报通知管理</el-button>
+        </el-col>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'searchInfo',
+  props: {},
+  components: {},
+  data: () => ({
+    input: '',
+  }),
+  created() {},
+  computed: {},
+  methods: {
+    addData() {
+      this.$router.push({ path: './detail' });
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.searchInfo .left span {
+  font-size: 13px;
+  color: #393939;
+}
+.searchInfo .left .el-input {
+  width: 50%;
+}
+/deep/.searchInfo .left .el-input .el-input__inner {
+  height: 28px;
+}
+</style>

src/router/index.js

@@ -256,5 +256,48 @@ export default new Router({
       path: '/personnel/guidance/detail',
       component: () => import('../views/personnel/guidance/detail.vue'),
     },
+    // 技术问答
+    // 技术问答-标签管理
+    {
+      path: '/technology/label/index',
+      component: () => import('../views/technology/label/index.vue'),
+    },
+    // 技术问答-主题审核
+    {
+      path: '/technology/theme/index',
+      component: () => import('../views/technology/theme/index.vue'),
+    },
+    // 技术问答-回答管理
+    {
+      path: '/technology/answer/index',
+      component: () => import('../views/technology/answer/index.vue'),
+    },
+    // 上报通知管理
+    {
+      path: '/report/index',
+      component: () => import('../views/report/index.vue'),
+    },
+    {
+      path: '/report/detail',
+      component: () => import('../views/report/detail.vue'),
+    },
+    // 网上调查
+    {
+      path: '/online/index',
+      component: () => import('../views/online/index.vue'),
+    },
+    {
+      path: '/online/detail',
+      component: () => import('../views/online/detail.vue'),
+    },
+    // 友情链接管理
+    {
+      path: '/links/index',
+      component: () => import('../views/links/index.vue'),
+    },
+    {
+      path: '/links/detail',
+      component: () => import('../views/links/detail.vue'),
+    },
   ],
 });

src/views/links/detail.vue

@@ -0,0 +1,45 @@
+<template>
+  <div id="detail">
+    <el-row>
+      <el-col :span="24" class="info">
+        <el-col :span="24" class="top">
+          <topInfo :topTitle="topTitle"></topInfo>
+        </el-col>
+        <el-col :span="24" class="main">
+          <linksForm :form="form"></linksForm>
+        </el-col>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import topInfo from '@/layout/public/top.vue';
+import linksForm from '@/layout/links/linksForm.vue';
+export default {
+  name: 'detail',
+  props: {},
+  components: {
+    topInfo, //头部标题
+    linksForm, //新闻信息form
+  },
+  data: () => ({
+    topTitle: '友情链接编辑',
+    form: {},
+  }),
+  created() {},
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style lang="less" scoped>
+.top {
+  height: 40px;
+  background-color: #f5f5f5;
+}
+.main {
+  width: 97%;
+  margin: 0 15px;
+}
+</style>

src/views/links/index.vue

@@ -0,0 +1,68 @@
+<template>
+  <div id="index">
+    <el-row>
+      <el-col :span="24" class="info">
+        <el-col :span="24" class="top">
+          <topInfo :topTitle="topTitle"></topInfo>
+        </el-col>
+        <el-col :span="24" class="search">
+          <searchInfo></searchInfo>
+        </el-col>
+        <el-col :span="24" class="main">
+          <linksData :tableData="tableData"></linksData>
+        </el-col>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import topInfo from '@/layout/public/top.vue';
+import searchInfo from '@/layout/links/searchInfo.vue';
+import linksData from '@/layout/links/linksData.vue';
+export default {
+  name: 'index',
+  props: {},
+  components: {
+    topInfo, //头部标题
+    searchInfo, //搜索
+    linksData, //新闻信息列表
+  },
+  data: () => ({
+    topTitle: '友情链接管理',
+    tableData: [
+      {
+        title: '百度',
+        url: 'http://www.baidu.com',
+        pic: '/LINKS_PATH/20170512/20170512152818.jpg',
+        state: '关闭',
+      },
+      {
+        title: '十条数据',
+        url: 'http://www.baidu.com',
+        pic: '/LINKS_PATH/20170512/20170512152818.jpg',
+        state: '关闭',
+      },
+    ],
+  }),
+  created() {},
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style lang="less" scoped>
+.top {
+  height: 40px;
+  background-color: #f5f5f5;
+}
+.search {
+  height: 40px;
+  line-height: 40px;
+  padding: 0 15px;
+}
+.main {
+  width: 97%;
+  margin: 0 15px;
+}
+</style>

src/views/online/detail.vue

@@ -0,0 +1,45 @@
+<template>
+  <div id="detail">
+    <el-row>
+      <el-col :span="24" class="info">
+        <el-col :span="24" class="top">
+          <topInfo :topTitle="topTitle"></topInfo>
+        </el-col>
+        <el-col :span="24" class="main">
+          <onlineForm :form="form"></onlineForm>
+        </el-col>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import topInfo from '@/layout/public/top.vue';
+import onlineForm from '@/layout/online/onlineForm.vue';
+export default {
+  name: 'detail',
+  props: {},
+  components: {
+    topInfo, //头部标题
+    onlineForm, //新闻信息form
+  },
+  data: () => ({
+    topTitle: '调查主题添加',
+    form: {},
+  }),
+  created() {},
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style lang="less" scoped>
+.top {
+  height: 40px;
+  background-color: #f5f5f5;
+}
+.main {
+  width: 97%;
+  margin: 0 15px;
+}
+</style>

src/views/online/index.vue

@@ -0,0 +1,61 @@
+<template>
+  <div id="index">
+    <el-row>
+      <el-col :span="24" class="info">
+        <el-col :span="24" class="top">
+          <topInfo :topTitle="topTitle"></topInfo>
+        </el-col>
+        <el-col :span="24" class="search">
+          <searchInfo></searchInfo>
+        </el-col>
+        <el-col :span="24" class="main">
+          <onlineData :tableData="tableData"></onlineData>
+        </el-col>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import topInfo from '@/layout/public/top.vue';
+import searchInfo from '@/layout/online/searchInfo.vue';
+import onlineData from '@/layout/online/onlineData.vue';
+export default {
+  name: 'index',
+  props: {},
+  components: {
+    topInfo, //头部标题
+    searchInfo, //搜索
+    onlineData, //新闻信息列表
+  },
+  data: () => ({
+    topTitle: '网上调查管理',
+    tableData: [
+      {
+        content: '您是否愿意继续关注本平台',
+        num: '1',
+        state: '开启',
+      },
+    ],
+  }),
+  created() {},
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style lang="less" scoped>
+.top {
+  height: 40px;
+  background-color: #f5f5f5;
+}
+.search {
+  height: 40px;
+  line-height: 40px;
+  padding: 0 15px;
+}
+.main {
+  width: 97%;
+  margin: 0 15px;
+}
+</style>

src/views/report/detail.vue

@@ -0,0 +1,45 @@
+<template>
+  <div id="detail">
+    <el-row>
+      <el-col :span="24" class="info">
+        <el-col :span="24" class="top">
+          <topInfo :topTitle="topTitle"></topInfo>
+        </el-col>
+        <el-col :span="24" class="main">
+          <reportForm :form="form"></reportForm>
+        </el-col>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import topInfo from '@/layout/public/top.vue';
+import reportForm from '@/layout/report/reportForm.vue';
+export default {
+  name: 'detail',
+  props: {},
+  components: {
+    topInfo, //头部标题
+    reportForm, //新闻信息form
+  },
+  data: () => ({
+    topTitle: '上报通知编辑',
+    form: {},
+  }),
+  created() {},
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style lang="less" scoped>
+.top {
+  height: 40px;
+  background-color: #f5f5f5;
+}
+.main {
+  width: 97%;
+  margin: 0 15px;
+}
+</style>

src/views/report/index.vue

@@ -0,0 +1,64 @@
+<template>
+  <div id="index">
+    <el-row>
+      <el-col :span="24" class="info">
+        <el-col :span="24" class="top">
+          <topInfo :topTitle="topTitle"></topInfo>
+        </el-col>
+        <el-col :span="24" class="search">
+          <searchInfo></searchInfo>
+        </el-col>
+        <el-col :span="24" class="main">
+          <reportData :tableData="tableData"></reportData>
+        </el-col>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import topInfo from '@/layout/public/top.vue';
+import searchInfo from '@/layout/report/searchInfo.vue';
+import reportData from '@/layout/report/reportData.vue';
+export default {
+  name: 'index',
+  props: {},
+  components: {
+    topInfo, //头部标题
+    searchInfo, //搜索
+    reportData, //新闻信息列表
+  },
+  data: () => ({
+    topTitle: '上报通知管理',
+    tableData: [
+      {
+        title: '标题',
+        url: 'www.baidu.com',
+        startDate: '2019-01-14',
+        endDate: '2019-01-14',
+        content: '简述',
+        state: '开启',
+      },
+    ],
+  }),
+  created() {},
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style lang="less" scoped>
+.top {
+  height: 40px;
+  background-color: #f5f5f5;
+}
+.search {
+  height: 40px;
+  line-height: 40px;
+  padding: 0 15px;
+}
+.main {
+  width: 97%;
+  margin: 0 15px;
+}
+</style>

src/views/technology/answer/index.vue

@@ -0,0 +1,19 @@
+<template>
+  <div id="index">
+    <p>index</p>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'index',
+  props: {},
+  components: {},
+  data: () => ({}),
+  created() {},
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style lang="less" scoped></style>

src/views/technology/label/index.vue

@@ -0,0 +1,19 @@
+<template>
+  <div id="index">
+    <p>index</p>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'index',
+  props: {},
+  components: {},
+  data: () => ({}),
+  created() {},
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style lang="less" scoped></style>

src/views/technology/theme/index.vue

@@ -0,0 +1,19 @@
+<template>
+  <div id="index">
+    <p>index</p>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'index',
+  props: {},
+  components: {},
+  data: () => ({}),
+  created() {},
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style lang="less" scoped></style>