pay

src/views/teamBuild/modals/change-voice.vue

@@ -0,0 +1,105 @@
+<template>
+  <div>
+    <el-form :model="form" :rules="rules" ref="form" label-width="100px">
+      <el-form-item label="原乐器" prop="name">
+        <el-input v-model="form.name"></el-input>
+      </el-form-item>
+      <el-form-item label="原教辅" prop="name">
+        <el-input v-model="form.name"></el-input>
+      </el-form-item>
+      <el-form-item label="缴费时间" prop="name">
+        <el-date-picker
+          style="width: 100%"
+          v-model="form.time"
+          type="daterange"
+          range-separator="至"
+          start-placeholder="开始日期"
+          end-placeholder="结束日期">
+        </el-date-picker>
+      </el-form-item>
+      <el-form-item label="更改声部" prop="name">
+        <el-select style="width: 100%" v-model="value" clearable placeholder="请选择声部">
+          <el-option
+            v-for="item in options"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value">
+          </el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="更改乐器" prop="name">
+        <el-select style="width: 100%" v-model="value" clearable placeholder="请选择乐器">
+          <el-option
+            v-for="item in options"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value">
+          </el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="更换教辅" prop="name">
+        <el-select style="width: 100%" v-model="value" clearable placeholder="请选择教辅">
+          <el-option
+            v-for="item in options"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value">
+          </el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="支付差价" prop="name">
+        <span style="color: red;">0元</span>
+      </el-form-item>
+    </el-form>
+    <div
+      slot="footer"
+      class="dialog-footer"
+      style="text-align: right;"
+    >
+      <el-button
+        @click="$listeners.close"
+      >取 消</el-button>
+      <el-button
+        @click="cancel"
+        type="danger"
+      >取消订单</el-button>
+      <el-button
+        type="primary"
+        @click="submit"
+      >确 定</el-button>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  data() {
+    return {
+      options: [],
+      options2: [],
+      form: {},
+      rules: {}
+    }
+  },
+  methods: {
+    submit() {
+      this.$listeners.close()
+    },
+    cancel() {
+      this.$confirm('是否确认取消订单?', '提示', {
+        onfirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      })
+      .then(() => {
+        this.$message({
+          type: 'success',
+          message: '取消成功!'
+        })
+      })
+    }
+  },
+}
+</script>
+<style lang="less" scoped>
+
+</style>

src/views/teamBuild/signupList.vue

@@ -185,7 +185,7 @@
           </el-table-column>
           <el-table-column label="操作"
                            fixed='right'
-                           width="200"
+                           width="240"
                            align='center'>
             <template slot-scope="scope">
               <div>
@@ -216,6 +216,8 @@
                 <el-button type="text"
                            v-if="permission('visit/add')"
                            @click="addVisit(scope.row)">新增回访</el-button>
+                <el-button type="text"
+                           @click="openChangeVoice(scope.row)">更改声部</el-button>
               </div>
             </template>
           </el-table-column>
@@ -505,6 +507,15 @@
                    @click="submitAddVisit">确 定</el-button>
       </span>
     </el-dialog>
+    <el-dialog
+      title="修改声部"
+      :visible.sync="changeVoiceVisible"
+      @close="closeChangeVoice"
+      destroy-on-close
+      width="500px"
+    >
+      <changeVoice @close="closeChangeVoice" @submited="closeChangeVoice" :detail="rowDetail"/>
+    </el-dialog>
   </div>
 </template>
 <script>
@@ -521,15 +532,19 @@ import load from '@/utils/loading'
 import qs from 'qs'
 import { permission } from "@/utils/directivePage";
 import cleanDeep from 'clean-deep'
+import changeVoice from './modals/change-voice'
 export default {
   name: 'signupList',
   components: {
-    pagination
+    pagination,
+    changeVoice,
   },
   data () {
     return {
       multipleSelection: [], //
       isEdit: false,
+      rowDetail: null,
+      changeVoiceVisible: false,
       subjectVisible: false,
       orderVisible: false,
       quitVisible: false,
@@ -1084,6 +1099,14 @@ export default {
       this.visitForm.studentId = row.studentId
       this.visitVisiable = true;
     },
+    openChangeVoice(row) {
+      this.changeVoiceVisible = true
+      this.rowDetail = row
+    },
+    closeChangeVoice() {
+      this.changeVoiceVisible = false
+      this.rowDetail = null
+    },
     handleChange (val) {
       this.visitForm.type = val[0]
       this.visitForm.purpose = val[1]

vue.config.js

@@ -18,10 +18,10 @@ const name = defaultSettings.title || '管乐迷后台管理系统' // page titl
 // //  https://online.dayaedu.com
 // let target = 'https://online.dayaedu.com' //线上
 // let target = 'http://dyme.utools.club' //test环境
-// let target = 'http://192.168.3.139:8000' // 箭河
+let target = 'http://192.168.3.139:8000' // 箭河
 // let target = 'http://192.168.3.28:8000' //邹璇
 // let target = 'http://192.168.3.8:8000' //勇哥
-let target = 'http://dev.dayaedu.com' // 测试服
+// let target = 'http://dev.dayaedu.com' // 测试服
 // let target = 'http://192.168.3.196:8080' // 乔
 // All configuration item explanations can be find in https://cli.vuejs.org/config/
 module.exports = {