kk

src/views/myTopic/newTopic/index.vue

@@ -53,7 +53,12 @@
                 </td>
                 <th style="border: 1px solid black; width: 200px;">填表日期</th>
                 <td style="border: 1px solid black;">
-                  <el-input v-model="ruleForm.name" style="width: 200px; margin: 0 10px" />
+<!--                  <el-input v-model="ruleForm.name" style="width: 200px; margin: 0 10px" />-->
+                  <el-date-picker
+                    v-model="value1"
+                    type="date"
+                    placeholder="选择日期">
+                  </el-date-picker>
                 </td>
               </tr>
               <tr>
@@ -330,8 +335,9 @@
               </tr>
             </table>
             <div style="margin: 10px; text-align: center;">
-              <el-button type="primary">临时保存</el-button>
-              <el-button type="primary">提交立项申请</el-button>
+              <el-button v-if="showBtn" type="primary" @click="temporarySaving">临时保存</el-button>
+              <el-button v-if="showBtn" type="primary" @click="submitRequest">提交立项申请</el-button>
+              <el-button v-else type="primary" @click="quashRequest">撤销申请</el-button>
             </div>
           </div>
         </el-tab-pane>
@@ -360,8 +366,10 @@ export default {
     return {
       checked: false,
       showForm: false,
+      showBtn: true,
       implementationPlan: '',
       content: '',
+      value1: '',
       formData: {
         name: '',
         age: '',
@@ -421,6 +429,48 @@ export default {
     },
     goBack() {
       this.$router.go(-1)
+    },
+    temporarySaving() {
+      this.$message({
+        message: '临时保存成功',
+        type: 'success'
+      })
+    },
+    submitRequest() {
+      this.$confirm('是否提交立项申请?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        this.$message({
+          type: 'success',
+          message: '立项申请提交成功!'
+        })
+        this.showBtn = false
+      }).catch(() => {
+        this.$message({
+          type: 'info',
+          message: '已取消提交立项申请'
+        })
+      })
+    },
+    quashRequest() {
+      this.$confirm('是否撤销立项申请?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        this.$message({
+          type: 'success',
+          message: '撤销立项申请成功!'
+        })
+        this.showBtn = true
+      }).catch(() => {
+        this.$message({
+          type: 'info',
+          message: '撤销取消立项申请成功!'
+        })
+      })
     }
   }
 

src/views/reviewExperts/topicList/reviewExperts.js

+import request from '@/utils/request'
+import Qs from 'qs'
+
+/**
+ * 1. 列表查询
+ * 2. 查询详细信息
+ * 3. 新增
+ * 4. 修改
+ * 5. 逻辑删除
+ * 6. 导出
+ * 7、导入标签信息
+ * 8.下载错误文件
+ * -------------------------
+ * 9.下载用户导入模板
+ */
+
+// 1. 查询标签信息列表
+export function listResLabelInfo(query) {
+  return request({
+    url: '/reslabelinfo/list',
+    method: 'get',
+    params: query
+  })
+}
+
+//
+// export function listResLabelInfoAll(query) {
+//   return request({
+//     url: '/reslabelinfo/listAll',
+//     method: 'get',
+//     params: query
+//   })
+// }
+//
+// // 2. 查询标签信息详细信息
+// export function getResLabelInfo(businessId) {
+//   return request({
+//     url: '/reslabelinfo/detail/' + businessId,
+//     method: 'get'
+//   })
+// }
+//
+// // 3. 新增标签信息
+// export function addResLabelInfo(data) {
+//   data = Qs.stringify(data)
+//   return request({
+//     url: '/reslabelinfo/add',
+//     method: 'post',
+//     data: data
+//   })
+// }
+//
+// // 4. 修改标签信息
+// export function updateResLabelInfo(data) {
+//   const businessId = data.businessId
+//   data = Qs.stringify(data)
+//   return request({
+//     url: '/reslabelinfo/update/' + businessId,
+//     method: 'put',
+//     data
+//   })
+// }
+//
+// // 5. 逻辑删除标签信息
+// export function delResLabelInfo(businessId) {
+//   return request({
+//     url: '/reslabelinfo/deleteLogical/' + businessId,
+//     method: 'delete'
+//   })
+// }
+//
+// // 6. 导出标签信息
+// export function exportResLabelInfo(query) {
+//   return request({
+//     url: '/reslabelinfo/export',
+//     method: 'get',
+//     params: query,
+//     responseType: 'blob'
+//   })
+// }
+//
+// // 7、导入标签信息
+// export function importExcel(data) {
+//   return request({
+//     url: '/reslabelinfo/importExcel',
+//     method: 'post',
+//     headers: {
+//       'Content-Type': 'multipart/form-data'
+//     },
+//     transformRequest: [(data) => {
+//       return data
+//     }],
+//     data
+//   })
+// }
+// // 8.下载错误文件
+// export function uploadFalseFile(params) {
+//   params = Qs.stringify(params)
+//   return request({
+//     url: '/reslabelinfo/downFalseFile',
+//     method: 'post',
+//     data: params,
+//     responseType: 'blob'
+//   })
+// }
+// // 9.下载用户导入模板
+// export function importTemplate(params) {
+//   return request({
+//     url: '/reslabelinfo/importTemplate',
+//     method: 'get',
+//     responseType: 'blob',
+//     params
+//   })
+// }