添加开启缴费

src/views/reaplceMusicPlayer/api.js

@@ -83,3 +83,13 @@ export function questionnaireQuestionQueryPage (data) {
   })
 }
 
+
+export function updateOpenFlag (data) {
+  return request2({
+    url: api + `/replacementInstrumentActivity/updateOpenFlag`,
+    method: 'post',
+    data,
+    requestType: 'form',
+  })
+}
+

src/views/reaplceMusicPlayer/index.vue

@@ -80,6 +80,11 @@
           ></el-table-column>
           <el-table-column
             align="center"
+            prop="title"
+            label="活动主题"
+          ></el-table-column>
+          <el-table-column
+            align="center"
             prop="organName"
             label="分部"
           ></el-table-column>

src/views/reaplceMusicPlayer/modals/addUrl.vue

@@ -42,6 +42,18 @@
         </el-select>
       </el-form-item>
       <el-form-item
+        label="活动主题"
+        prop="title"
+        :rules="[{ required: true, message: '请输入活动主题', max: 20 }]"
+      >
+        <el-input
+            v-model.trim="form.title"
+            maxlength="20"
+            clearable
+            placeholder="请输入活动主题"
+          ></el-input>
+      </el-form-item>
+      <el-form-item
         label="选择问卷"
       >
         <el-select
@@ -84,6 +96,7 @@ export default {
       form: {
         organId: "",
         school: "",
+        title: "",
         topicId: null,
       },
       cooperationList: [],
@@ -111,10 +124,15 @@ export default {
       this.$refs.form.validate( async(res) => {
         if (res) {
           try{
-          const res = await addReplacement({cooperationOrganId:this.form.school,organId:this.form.organId, topicId: this.form.topicId})
-          this.$message.success('生成链接成功')
-           this.$emit('getList')
-          this.$emit('close')
+            let form = this.form
+            const res = await addReplacement({
+              cooperationOrganId: form.school,
+              organId: form.organId,
+              topicId: form.topicId,
+              title: form.title})
+            this.$message.success('生成链接成功')
+            this.$emit('getList')
+            this.$emit('close')
           }catch(e){
           console.log(e)
           }

src/views/reaplceMusicPlayer/modals/detail.vue

@@ -120,6 +120,13 @@
             <div>{{ scope.row.brand }}{{ scope.row.specification }}</div>
           </template>
         </el-table-column>
+        <el-table-column align="center" prop="payStatus" label="是否开启缴费">
+          <template slot-scope="scope">
+            <div>
+              {{ scope.row.openFlag | openFlagStatus }}
+            </div>
+          </template>
+        </el-table-column>
         <el-table-column align="center" prop="payStatus" label="缴费状态">
           <template slot-scope="scope">
             <div>
@@ -137,11 +144,16 @@
           </template>
         </el-table-column>
 
-        <el-table-column align="center" prop="studentId" label="操作">
+        <el-table-column align="center" prop="studentId" label="操作" width="150px">
           <template slot-scope="scope">
             <div>
               <el-button
                 type="text"
+                @click="openFlagMusic(scope.row)"
+                v-if="scope.row.openFlag == 0 && scope.row.instrumentsId && permission('replacementInstrumentActivity/updateOpenFlag')"
+                >开启缴费</el-button>
+              <el-button
+                type="text"
                 @click="resetMusic(scope.row)"
                 v-if="
                   permission('replacementInstrumentActivity/update') &&
@@ -184,7 +196,7 @@
 <script>
 import pagination from "@/components/Pagination/index";
 import resetInfo from "./resetInfo";
-import { getInstrumentSoundList, getInstrumentActivityList } from "../api";
+import { getInstrumentSoundList, getInstrumentActivityList, updateOpenFlag } from "../api";
 import ItemVue from "@/layout/components/Sidebar/Item.vue";
 import Tooltip from "@/components/Tooltip/index";
 import { permission } from "@/utils/directivePage";
@@ -255,6 +267,25 @@ export default {
       this.rules.page = 1;
       this.getList();
     },
+    openFlagMusic(row) {
+      // 开启缴费
+      this.$confirm('您是否开启缴费?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(async () => {
+        try {
+          await updateOpenFlag({
+            Id: row.id,
+            openFlag: 1
+          })
+          this.$message.success('开启成功')
+          this.getList()
+        } catch {
+          //
+        }
+      })
+    },
     onReSet() {
       this.$refs.searchForm.resetFields();
       this.searchForm.cooperationId = this.detail.id;
@@ -295,6 +326,12 @@ export default {
       return permission(str, parent);
     },
   },
+  filters: {
+    openFlagStatus(val) {
+      let template = ['否', '是']
+      return template[val]
+    }
+  }
 };
 </script>