Merge branch 'master' of http://gitlab.frkj.cc/php/ZhiHuiJiaoWu_UniApp

api/apiRoute.js

@@ -66,6 +66,20 @@ export default {
             return res;
         })
     },
+    //公共端-获取全部课程列表
+    common_getCourseAll(data = {}) {
+        let url = '/common/getCourseAll'
+        return http.get(url, data).then(res => {
+            return res;
+        })
+    },
+    //公共端-获取全部班级列表
+    common_getClassAll(data = {}) {
+        let url = '/common/getClassAll'
+        return http.get(url, data).then(res => {
+            return res;
+        })
+    },
     //公共端-教师/销售端验证旧密码是否正确
     common_personnelCheckOldPwd(data = {}) {
         let url = '/personnel/checkOldPwd'
@@ -643,6 +657,28 @@ export default {
         })
     },
 
+    //学生端-订单管理-列表
+    xy_orderTableList(data = {}) {
+        let url = '/xy/orderTable'
+        return http.get(url, data).then(res => {
+            return res;
+        })
+    },
+    //学生端-订单管理-详情
+    xy_orderTableInfo(data = {}) {
+        let url = '/xy/orderTable/info'
+        return http.get(url, data).then(res => {
+            return res;
+        })
+    },
+
+    //学生端-订单管理-添加
+    xy_orderTableAdd(data = {}) {
+        let url = '/xy/orderTable/add'
+        return http.post(url, data).then(res => {
+            return res;
+        })
+    },
 
 
 

pages.json

@@ -207,7 +207,7 @@
     {
       "path" : "pages/common/contract_list",
       "style": {
-        "navigationBarTitleText": "合同列表",
+        "navigationBarTitleText": "订单列表",
         "navigationStyle": "default",
         "navigationBarBackgroundColor": "#292929",
         "navigationBarTextStyle": "white"

pages/common/contract_list.vue

@@ -1,4 +1,4 @@
-<!--合同列表-列表-->
+<!--订单列表-列表-->
 <template>
   <view class="main_box">
 
@@ -8,7 +8,7 @@
           scroll-y="true"
           :lower-threshold="lowerThreshold"
           @scrolltolower="loadMoreData"
-          style="height: 90vh;"
+          style="height: 83vh;"
       >
         <view
             class="item"
@@ -16,33 +16,210 @@
             :key="k"
         >
           <view class="top">
-            <view class="">企业合同</view>
+            <view class="title">订单状态：{{v.order_status == 'pending' ? '待支付':'已支付' }}</view>
-            <view class="btn" @click="downloadFile($util.img(v.file_data))">下载合同 <fui-icon name="arrowright" color="#A4ADB3" size="35"></fui-icon></view>
+            <!--            <view class="btn" @click="downloadFile($util.img(v.file_data))">下载合同 <fui-icon name="arrowright" color="#A4ADB3" size="35"></fui-icon></view>-->
           </view>
           <view class="bottom">
             <view class="box">
-              <view class="title">合同名称：</view>
+              <view class="title">客户姓名：</view>
-              <view class="content">{{v.title}}</view>
+              <view class="content">{{ v.resource_id_name || ''}}</view>
             </view>
+
+            <view class="box">
+              <view class="title">付款类型：</view>
+              <view class="content">
+                {{ v.payment_type === 'cash' ? '现金支付' : v.payment_type === 'scan_code' ? '扫码支付' : '订阅支付' }}
+              </view>
+            </view>
+
             <view class="box">
-              <view class="title">签署方：</view>
+              <view class="title">订单金额：</view>
-              <view class="content">{{v.signatory_a}}</view>
+              <view class="content">￥{{ v.order_amount || ''}}</view>
             </view>
+
             <view class="box">
-              <view class="title">签署方：</view>
+              <view class="title">课程：</view>
-              <view class="content">{{v.signatory_b}}</view>
+              <view class="content">{{ v.course_id_name || ''}}</view>
             </view>
+
+            <view class="box">
+              <view class="title">班级：</view>
+              <view class="content">{{ v.class_id_name }}</view>
+            </view>
+
+            <view class="box">
+              <view class="title">人员：</view>
+              <view class="content">{{ v.staff_id_name || ''}}</view>
+            </view>
+
+            <view class="box">
+              <view class="title">支付时间：</view>
+              <view class="content">{{ v.payment_time || '' }}</view>
+            </view>
+
           </view>
         </view>
 
       </scroll-view>
+<!--      <view class="btn_section">-->
+<!--        <view class="btn" style="background-color:#29d3b4;" @click="openOrderShow()">创建订单</view>-->
+<!--      </view>-->
+    </view>
+
+    <!--创建订单弹出层-->
+    <fui-modal class="order_modal" :buttons="[]" width="600" :show="order_show">
+      <text class="fui-title">创建订单</text>
+      <text class="fui-descr"></text>
+      <fui-form class="form-section" ref="form" top="0" :model="formData" :show="false">
+        <view class="input-style">
+          <!--客户名称-->
+          <fui-form-item
+              label="客户名称"
+              labelSize='26'
+              prop=""
+              background='#fff'
+              labelColor='#000'
+              :bottomBorder='true'
+          >
+            <view class="input-title" style="margin-right:14rpx;">
+              <fui-input
+                  :disabled="true"
+                  :borderBottom="false"
+                  :padding="[0]"
+                  placeholder="请输入客户名称"
+                  v-model="formData.resource_id_name"
+                  backgroundColor="#fff"
+                  size="26"
+                  color="#000"
+              ></fui-input>
+            </view>
+          </fui-form-item>
+
+          <!--付款类型-->
+          <fui-form-item
+              label="选择付款类型"
+              asterisk
+              asteriskPosition="right"
+              labelSize='26'
+              prop=""
+              background='#fff'
+              labelColor='#000'
+              :bottomBorder='true'
+          >
+            <view class="input-title" style="margin-right:14rpx;">
+              <view
+                  class="input-title"
+                  style="margin-right:14rpx;"
+                  @click="openPaymentType()">
+                {{ (formData.payment_type) ? formData.payment_type_name : '点击选择' }}
               </view>
             </view>
+            <fui-picker
+                :linkage='true'
+                :options="payment_type_options"
+                :layer="1"
+                :show="payment_type_show"
+                @change="changePaymentType"
+                @cancel="cancelPaymentType">
+            </fui-picker>
+          </fui-form-item>
+
+          <!--课程-->
+          <fui-form-item
+              label="选择课程"
+              asterisk
+              asteriskPosition="right"
+              labelSize='26'
+              prop=""
+              background='#fff'
+              labelColor='#000'
+              :bottomBorder='true'
+          >
+            <view class="input-title" style="margin-right:14rpx;">
+              <view
+                  class="input-title"
+                  style="margin-right:14rpx;"
+                  @click="openCourseId()">
+                {{ (formData.course_id) ? formData.course_id_name : '点击选择' }}
+              </view>
+            </view>
+            <fui-picker
+                :linkage='true'
+                :options="course_id_options"
+                :layer="1"
+                :show="course_id_show"
+                @change="changeCourseId"
+                @cancel="cancelCourseId">
+            </fui-picker>
+          </fui-form-item>
+
+          <!--班级-->
+          <fui-form-item
+              label="选择班级"
+              asterisk
+              asteriskPosition="right"
+              labelSize='26'
+              prop=""
+              background='#fff'
+              labelColor='#000'
+              :bottomBorder='true'
+          >
+            <view class="input-title" style="margin-right:14rpx;">
+              <view
+                  class="input-title"
+                  style="margin-right:14rpx;"
+                  @click="openClassId()">
+                {{ (formData.class_id) ? formData.class_id_name : '点击选择' }}
+              </view>
+            </view>
+            <fui-picker
+                :linkage='true'
+                :options="class_id_options"
+                :layer="1"
+                :show="class_id_show"
+                @change="changeClassId"
+                @cancel="cancelClassId">
+            </fui-picker>
+          </fui-form-item>
+
+          <!--订单金额-->
+          <fui-form-item
+              label="订单金额"
+              labelSize='26'
+              prop=""
+              background='#fff'
+              labelColor='#000'
+              :bottomBorder='true'
+          >
+            <view class="input-title" style="margin-right:14rpx;">
+              <fui-input
+                  :disabled="true"
+                  :borderBottom="false"
+                  :padding="[0]"
+                  placeholder="订单金额"
+                  v-model="formData.money"
+                  backgroundColor="#fff"
+                  size="26"
+                  color="#000"
+              ></fui-input>
+            </view>
+          </fui-form-item>
+        </view>
+        <view class="button_box">
+          <fui-button background="#fff" color="#414141" borderColor="#465CFF" btnSize="small" @click="closeOrderShow">取消</fui-button>
+          <fui-button background="#fff" color="#465CFF" borderColor="#465CFF" btnSize="small" @click="clickOrder({index:1})">确定</fui-button>
+
+        </view>
+      </fui-form>
+      <view class="fui-icon__close" @tap="closeOrderShow">
+        <fui-icon name="close" color="#B2B2B2" :size="48"></fui-icon>
+      </view>
+    </fui-modal>
+  </view>
 </template>
 
 <script>
-import marketApi from '@/api/market.js';
+import apiRoute from '@/api/apiRoute.js';
-import commonApi from '@/api/common.js';
 
 export default {
   components: {
@@ -58,11 +235,71 @@ export default {
         page:1,//当前页码
         limit:10,//每页返回数据条数
         total:10,//数据总条数
+        resource_id:'',//客户资源表id
       },
       tableList:[],//聊天数据列表
+
+      //订单表单
+      formData:{
+        payment_type:'',//付款类型必填验证
+        payment_type_name:'',//付款类型必填验证
+
+        course_id:'',//课程ID必填验证
+        course_id_name:'',//课程ID必填验证
+
+        class_id:'',//班级ID必填验证
+        class_id_name:'',//班级ID必填验证
+
+        staff_id:'',//员工ID必填验证
+        staff_id_name:'',//员工ID必填验证
+
+        resource_id:'',//客户资源表ID必填验证
+        resource_id_name:'',//客户资源表ID必填验证
+
+        money:'',//金额|这个不入库就展示先
+      },
+
+      order_show:false,//创建订单弹出层是否显示|true=显示,false=隐藏
+
+      //付款类型-下拉选择器相关
+      payment_type_options:[
+        // {
+        //   text:'张三',
+        //   value:'1'
+        // },
+      ],//可选值列表
+      payment_type_show:false,//下拉选择器是否展示
+
+      //课程-下拉选择器相关
+      course_id_options:[
+        // {
+        //   text:'张三',
+        //   value:'1',
+        //   price:'1'//课程价格
+        // },
+      ],//可选值列表
+      course_id_show:false,//下拉选择器是否展示
+
+      //班级-下拉选择器相关
+      class_id_options:[
+        // {
+        //   text:'张三',
+        //   value:'1'
+        // },
+      ],//可选值列表
+      class_id_show:false,//下拉选择器是否展示
     }
   },
-  onLoad(options) {},
+  onLoad(options) {
+    this.filteredData.resource_id = options.resource_id//客户资源表id
+
+    this.formData.resource_id = options.resource_id//客户资源表id
+    this.formData.resource_id_name = options.resource_name//客户资源表id姓名
+
+
+    this.formData.staff_id = options.staff_id//员工资源表id姓名
+    this.formData.staff_id_name = options.staff_id_name//员工资源表id姓名
+  },
   onShow(){
     this.init()
   },
@@ -75,8 +312,17 @@ export default {
   methods: {
 //初始化
     async init(){
+      //获取付款类型
+      await this.getPaymentTypeList()
+      //获取课程列表
+      await this.getCourseList()
+      //获取班级列表
+      await this.getClassList()
+
+      //获取列表
       await this.getList();
     },
+
     //加载更多(下一页)
     loadMoreData() {
       //判断是否加载
@@ -98,7 +344,7 @@ export default {
     async getList(){
       this.loading = true
 
-      let data = {...this.filteredData}
+      let params = {...this.filteredData}
 
       //判断是否还有数据
       if ((this.filteredData.page - 1) * this.filteredData.limit >= this.filteredData.total) {
@@ -110,11 +356,11 @@ export default {
         return
       }
 
-      if(data.page == 1){
+      if(params.page == 1){
         this.tableList = []
       }
 
-      let res = await marketApi.contractsList(data)//获取合同列表
+      let res = await apiRoute.xy_orderTableList(params)//获取订单列表
       this.loading = false
       this.isReachedBottom = false;
       if (res.code != 1){
@@ -133,13 +379,216 @@ export default {
       this.filteredData.page++
     },
 
-    //跳转文章详情
+    //获取付款类型
-    openViewArticleInfo(item) {
+    async getPaymentTypeList(){
-      let id = item.id
+      let res = await apiRoute.common_Dictionary({key:'payment_type'})
-      let redirect = item.redirect//重定向地址
+      if(res.code != 1){
-      uni.navigateTo({
+        uni.showToast({
-        url: `/pages/common/article_info?id=${id}`
+          title: res.msg,
+          icon: 'none'
+        })
+        return
+      }
+
+      let dictionary =  res.data.dictionary
+      let arr = []
+      dictionary.forEach((v,k)=>{
+        arr.push({
+          text: v.name,
+          value: v.value,
+        })
+      })
+      this.payment_type_options = arr
+      console.log('付款类型',this.payment_type_options)
+    },
+    //获取课程列表
+    async getCourseList(){
+      let params = {}
+
+      let res = await apiRoute.common_getCourseAll(params)
+      if(res.code != 1){
+        uni.showToast({
+          title: res.msg,
+          icon: 'none'
+        })
+        return
+      }
+
+
+      let arr = []
+      res.data.forEach((v,k)=>{
+        arr.push({
+          text: `${v.course_name}`,
+          value: v.id,
+          price: v.price,
+        })
+      })
+      this.course_id_options = arr
+      console.log('课程列表',this.course_id_options)
+
+    },
+    //获取班级列表
+    async getClassList(){
+      let params = {
+        status:1,//班级状态(1开启  2关闭)
+      }
+
+      let res = await apiRoute.common_getClassAll(params)
+      if(res.code != 1){
+        uni.showToast({
+          title: res.msg,
+          icon: 'none'
+        })
+        return
+      }
+      console.log('班级列表',res.data)
+      let arr = []
+      res.data.forEach((v,k)=>{
+        arr.push({
+          text: `${v.campus_name}-${v.class_name}`,
+          value: v.id,
+        })
       })
+      this.class_id_options = arr
+    },
+
+
+
+
+    //创建订单相关
+    //显示创建订单弹窗
+    openOrderShow(){
+      //重置的数据
+      this.formData.payment_type = ''//付款类型必填验证
+      this.formData.payment_type_name = ''//付款类型必填验证
+
+      this.formData.course_id = ''//课程ID必填验证
+      this.formData.course_id_name = ''//课程ID必填验证
+
+      this.formData.class_id = ''//班级ID必填验证
+      this.formData.class_id_name = ''//班级ID必填验证
+
+      this.formData.money = ''//金额|这个不入库就展示先
+
+      this.order_show = true//展示弹层
+    },
+    //关闭打卡弹窗
+    closeOrderShow(){
+      this.order_show = false
+    },
+    //监听-打卡签到回调
+    async clickOrder(e){
+      if(e.index == 0){
+        //取消按钮
+        this.closeOrderShow()
+      }else{
+        console.log('提交',this.formData)
+        await this.submitFormData()
+      }
+    },
+    //提交表单
+    async submitFormData() {
+      let param = {...this.formData}
+      //表单验证
+      //...
+      if(!param.class_id){
+        uni.showToast({
+          title: '请选择班级',
+          icon: 'none'
+        })
+        return
+      }
+      if(!param.course_id){
+        uni.showToast({
+          title: '请选择课程',
+          icon: 'none'
+        })
+        return
+      }
+      if(!param.payment_type){
+        uni.showToast({
+          title: '请选择付款类型',
+          icon: 'none'
+        })
+        return
+      }
+
+      console.log('提交xxx',param)
+      this.closeOrderShow()
+
+      let res = await apiRoute.xy_orderTableAdd(param)
+      if (res.code != 1) {
+        uni.showToast({
+          title: res.msg,
+          icon: 'none'
+        })
+        return
+      }
+
+      uni.showToast({
+        title: '操作成功',
+        icon: 'success'
+      })
+
+      //延迟1s执行
+      setTimeout(() => {
+        this.resetFilteredData()//重置表单
+        this.getList();//刷新列表
+      }, 1500)
+    },
+
+
+    //下拉选择器相关-付款类型
+    //监听-付款类型
+    changePaymentType(e){
+      this.formData.payment_type = e.value
+      this.formData.payment_type_name = e.text
+      this.cancelPaymentType()
+    },
+    //打开选择器-付款类型
+    openPaymentType(){
+      this.payment_type_show = true
+    },
+    //关闭选择器-付款类型
+    cancelPaymentType(){
+      this.payment_type_show = false
+    },
+
+    //下拉选择器相关-课程
+    //监听-课程
+    changeCourseId(e){
+      console.log('课程',e)
+      this.formData.course_id = e.value
+      this.formData.course_id_name = e.text
+
+      this.formData.money = this.course_id_options.find(v=>v.value == e.value).price
+
+      // console.log('课程formData',this.formData)
+      this.cancelCourseId()
+    },
+    //打开选择器-课程
+    openCourseId(){
+      this.course_id_show = true
+    },
+    //关闭选择器-课程
+    cancelCourseId(){
+      this.course_id_show = false
+    },
+
+    //下拉选择器相关-班级
+    //监听-班级
+    changeClassId(e){
+      this.formData.class_id = e.value
+      this.formData.class_id_name = e.text
+      this.cancelClassId()
+    },
+    //打开选择器-班级
+    openClassId(){
+      this.class_id_show = true
+    },
+    //关闭选择器-班级
+    cancelClassId(){
+      this.class_id_show = false
     },
 
     //下载文件
@@ -172,12 +621,12 @@ export default {
 </script>
 
 <style lang="less" scoped>
-	.main_box {
+.main_box {
   background: #292929;
-	}
+}
 
-	//自定义导航栏
+//自定义导航栏
-	.navbar_section {
+.navbar_section {
   display: flex;
   justify-content: center;
   align-items: center;
@@ -188,9 +637,9 @@ export default {
     font-size: 30rpx;
     color: #315d55;
   }
-	}
+}
 
-	.main_section {
+.main_section {
   min-height: 100vh;
   background: #292929 100%;
   padding: 0 0rpx;
@@ -223,6 +672,9 @@ export default {
         font-size: 28rpx;
         display: flex;
         justify-content: space-between;
+        .title{
+          font-size: 30rpx;
+        }
         .btn{
           display: flex;
           align-items: center;
@@ -250,13 +702,64 @@ export default {
     }
   }
 
+  .btn_section{
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    .btn{
+      border-radius: 10rpx;
+      padding: 15rpx 0;
+      width: 70%;
+      color: #fff;
+      font-size: 30rpx;
+      text-align: center;
+    }
+  }
 
 
 
-	}
+}
 
-	.describe {
+.describe {
   color: #999999;
   padding-left: 30rpx;
+}
+
+
+//创建订单弹出层
+.order_modal{
+  .fui-title {
+    font-size: 32rpx;
+    padding-top: 24rpx;
+  }
+
+  .fui-descr {
+    font-size: 24rpx;
+    color: #B2B2B2;
+    padding-top: 12rpx;
+    padding-bottom: 48rpx;
+  }
+
+  .fui-icon__close {
+    position: absolute;
+    right: 24rpx;
+    top: 20rpx;
+  }
+
+  .form-section{
+
+    .input-style {
+      text-align: right !important;
+      .input-title{}
     }
+    .button_box{
+      margin-top: 30rpx;
+      padding: 20rpx;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      gap: 20rpx;
+    }
+  }
+}
 </style>

pages/market/clue/clue_info.vue

@@ -290,6 +290,9 @@
         followList:[],
         //通话记录列表
         listCallUp:[],
+
+        //当前登录的员工信息
+        userInfo:{},
 			}
 		},
     onLoad(options) {
@@ -301,10 +304,25 @@
 		methods: {
 		  async init(){
 		    await this.getInfo()//客户详情
-		    // this.getFollowList()//获取跟进记录
+		    this.getUserInfo()//获取当前登录的员工信息
 		    // this.getListCallUp()//获取通话记录
       },
 
+      //获取当前登录的员工信息
+      async getUserInfo(){
+        let res = await apiRoute.getPersonnelInfo({})
+        if (res.code != 1) {
+          uni.showToast({
+            title: res.msg,
+            icon: 'none'
+          })
+          return
+        }
+
+        this.userInfo = res.data
+        // console.log('员工',this.userInfo)
+      },
+
       //获取客户详情
 		  async getInfo(){
 		    let data = {
@@ -379,8 +397,13 @@
       //跳转页面-订单列表
       openViewOrder() {
         let resource_id = this.clientInfo.resource_id//客户资源id
+        let resource_name = this.clientInfo.customerResource.name || ''//客户资源id姓名
+
+        let staff_id = this.userInfo.id//员工id
+        let staff_id_name = this.userInfo.name || ''//员工姓名
+
         this.$navigateTo({
-          url: `/pages/market/clue/order_list?resource_id=${resource_id}`
+          url: `/pages/market/clue/order_list?resource_id=${resource_id}&resource_name=${resource_name}&staff_id=${staff_id}&staff_id_name=${staff_id_name}`
         })
       },
 

pages/market/clue/order_list.vue

@@ -8,7 +8,7 @@
           scroll-y="true"
           :lower-threshold="lowerThreshold"
           @scrolltolower="loadMoreData"
-          style="height: 90vh;"
+          style="height: 83vh;"
       >
         <view
             class="item"
@@ -16,13 +16,13 @@
             :key="k"
         >
           <view class="top">
-            <view class="title">订单状态</view>
+            <view class="title">订单状态：{{v.order_status == 'pending' ? '待支付':'已支付' }}</view>
 <!--            <view class="btn" @click="downloadFile($util.img(v.file_data))">下载合同 <fui-icon name="arrowright" color="#A4ADB3" size="35"></fui-icon></view>-->
           </view>
           <view class="bottom">
             <view class="box">
               <view class="title">客户姓名：</view>
-              <view class="content">{{ v.resource_id_name }}</view>
+              <view class="content">{{ v.resource_id_name || ''}}</view>
             </view>
 
             <view class="box">
@@ -34,12 +34,12 @@
 
             <view class="box">
               <view class="title">订单金额：</view>
-              <view class="content">￥{{ v.order_amount }}</view>
+              <view class="content">￥{{ v.order_amount || ''}}</view>
             </view>
 
             <view class="box">
               <view class="title">课程：</view>
-              <view class="content">{{ v.course_id_name }}</view>
+              <view class="content">{{ v.course_id_name || ''}}</view>
             </view>
 
             <view class="box">
@@ -49,25 +49,177 @@
 
             <view class="box">
               <view class="title">人员：</view>
-              <view class="content">{{ v.staff_id_name }}</view>
+              <view class="content">{{ v.staff_id_name || ''}}</view>
             </view>
 
             <view class="box">
               <view class="title">支付时间：</view>
-              <view class="content">{{ v.payment_time }}</view>
+              <view class="content">{{ v.payment_time || '' }}</view>
             </view>
 
           </view>
         </view>
 
       </scroll-view>
+      <view class="btn_section">
+        <view class="btn" style="background-color:#29d3b4;" @click="openOrderShow()">创建订单</view>
       </view>
     </view>
+
+<!--创建订单弹出层-->
+    <fui-modal class="order_modal" :buttons="[]" width="600" :show="order_show">
+      <text class="fui-title">创建订单</text>
+      <text class="fui-descr"></text>
+      <fui-form class="form-section" ref="form" top="0" :model="formData" :show="false">
+        <view class="input-style">
+          <!--客户名称-->
+          <fui-form-item
+              label="客户名称"
+              labelSize='26'
+              prop=""
+              background='#fff'
+              labelColor='#000'
+              :bottomBorder='true'
+          >
+            <view class="input-title" style="margin-right:14rpx;">
+              <fui-input
+                  :disabled="true"
+                  :borderBottom="false"
+                  :padding="[0]"
+                  placeholder="请输入客户名称"
+                  v-model="formData.resource_id_name"
+                  backgroundColor="#fff"
+                  size="26"
+                  color="#000"
+              ></fui-input>
+            </view>
+          </fui-form-item>
+
+          <!--付款类型-->
+          <fui-form-item
+              label="选择付款类型"
+              asterisk
+              asteriskPosition="right"
+              labelSize='26'
+              prop=""
+              background='#fff'
+              labelColor='#000'
+              :bottomBorder='true'
+          >
+            <view class="input-title" style="margin-right:14rpx;">
+              <view
+                  class="input-title"
+                  style="margin-right:14rpx;"
+                  @click="openPaymentType()">
+                {{ (formData.payment_type) ? formData.payment_type_name : '点击选择' }}
+              </view>
+            </view>
+            <fui-picker
+                :linkage='true'
+                :options="payment_type_options"
+                :layer="1"
+                :show="payment_type_show"
+                @change="changePaymentType"
+                @cancel="cancelPaymentType">
+            </fui-picker>
+          </fui-form-item>
+
+          <!--课程-->
+          <fui-form-item
+              label="选择课程"
+              asterisk
+              asteriskPosition="right"
+              labelSize='26'
+              prop=""
+              background='#fff'
+              labelColor='#000'
+              :bottomBorder='true'
+          >
+            <view class="input-title" style="margin-right:14rpx;">
+              <view
+                  class="input-title"
+                  style="margin-right:14rpx;"
+                  @click="openCourseId()">
+                {{ (formData.course_id) ? formData.course_id_name : '点击选择' }}
+              </view>
+            </view>
+            <fui-picker
+                :linkage='true'
+                :options="course_id_options"
+                :layer="1"
+                :show="course_id_show"
+                @change="changeCourseId"
+                @cancel="cancelCourseId">
+            </fui-picker>
+          </fui-form-item>
+
+          <!--班级-->
+          <fui-form-item
+              label="选择班级"
+              asterisk
+              asteriskPosition="right"
+              labelSize='26'
+              prop=""
+              background='#fff'
+              labelColor='#000'
+              :bottomBorder='true'
+          >
+            <view class="input-title" style="margin-right:14rpx;">
+              <view
+                  class="input-title"
+                  style="margin-right:14rpx;"
+                  @click="openClassId()">
+                {{ (formData.class_id) ? formData.class_id_name : '点击选择' }}
+              </view>
+            </view>
+            <fui-picker
+                :linkage='true'
+                :options="class_id_options"
+                :layer="1"
+                :show="class_id_show"
+                @change="changeClassId"
+                @cancel="cancelClassId">
+            </fui-picker>
+          </fui-form-item>
+
+          <!--订单金额-->
+          <fui-form-item
+              label="订单金额"
+              labelSize='26'
+              prop=""
+              background='#fff'
+              labelColor='#000'
+              :bottomBorder='true'
+          >
+            <view class="input-title" style="margin-right:14rpx;">
+              <fui-input
+                  :disabled="true"
+                  :borderBottom="false"
+                  :padding="[0]"
+                  placeholder="订单金额"
+                  v-model="formData.money"
+                  backgroundColor="#fff"
+                  size="26"
+                  color="#000"
+              ></fui-input>
+            </view>
+          </fui-form-item>
+        </view>
+        <view class="button_box">
+          <fui-button background="#fff" color="#414141" borderColor="#465CFF" btnSize="small" @click="closeOrderShow">取消</fui-button>
+          <fui-button background="#fff" color="#465CFF" borderColor="#465CFF" btnSize="small" @click="clickOrder({index:1})">确定</fui-button>
+
+        </view>
+      </fui-form>
+      <view class="fui-icon__close" @tap="closeOrderShow">
+        <fui-icon name="close" color="#B2B2B2" :size="48"></fui-icon>
+      </view>
+    </fui-modal>
+  </view>
 </template>
 
 <script>
 import apiRoute from '@/api/apiRoute.js';
-import marketApi from '@/api/market.js';
 
 export default {
   components: {
@@ -86,10 +238,67 @@ export default {
         resource_id:'',//客户资源表id
       },
       tableList:[],//聊天数据列表
+
+      //订单表单
+      formData:{
+        payment_type:'',//付款类型必填验证
+        payment_type_name:'',//付款类型必填验证
+
+        course_id:'',//课程ID必填验证
+        course_id_name:'',//课程ID必填验证
+
+        class_id:'',//班级ID必填验证
+        class_id_name:'',//班级ID必填验证
+
+        staff_id:'',//员工ID必填验证
+        staff_id_name:'',//员工ID必填验证
+
+        resource_id:'',//客户资源表ID必填验证
+        resource_id_name:'',//客户资源表ID必填验证
+
+        money:'',//金额|这个不入库就展示先
+      },
+
+      order_show:false,//创建订单弹出层是否显示|true=显示,false=隐藏
+
+      //付款类型-下拉选择器相关
+      payment_type_options:[
+        // {
+        //   text:'张三',
+        //   value:'1'
+        // },
+      ],//可选值列表
+      payment_type_show:false,//下拉选择器是否展示
+
+      //课程-下拉选择器相关
+      course_id_options:[
+        // {
+        //   text:'张三',
+        //   value:'1',
+        //   price:'1'//课程价格
+        // },
+      ],//可选值列表
+      course_id_show:false,//下拉选择器是否展示
+
+      //班级-下拉选择器相关
+      class_id_options:[
+        // {
+        //   text:'张三',
+        //   value:'1'
+        // },
+      ],//可选值列表
+      class_id_show:false,//下拉选择器是否展示
     }
   },
   onLoad(options) {
     this.filteredData.resource_id = options.resource_id//客户资源表id
+
+    this.formData.resource_id = options.resource_id//客户资源表id
+    this.formData.resource_id_name = options.resource_name//客户资源表id姓名
+
+
+    this.formData.staff_id = options.staff_id//员工资源表id姓名
+    this.formData.staff_id_name = options.staff_id_name//员工资源表id姓名
   },
   onShow(){
     this.init()
@@ -103,8 +312,17 @@ export default {
   methods: {
 //初始化
     async init(){
+      //获取付款类型
+      await this.getPaymentTypeList()
+      //获取课程列表
+      await this.getCourseList()
+      //获取班级列表
+      await this.getClassList()
+
+      //获取列表
       await this.getList();
     },
+
     //加载更多(下一页)
     loadMoreData() {
       //判断是否加载
@@ -161,13 +379,218 @@ export default {
       this.filteredData.page++
     },
 
-    //跳转文章详情
+    //获取付款类型
-    openViewArticleInfo(item) {
+    async getPaymentTypeList(){
-      let id = item.id
+      let res = await apiRoute.common_Dictionary({key:'payment_type'})
-      let redirect = item.redirect//重定向地址
+      if(res.code != 1){
-      uni.navigateTo({
+        uni.showToast({
-        url: `/pages/common/article_info?id=${id}`
+          title: res.msg,
+          icon: 'none'
+        })
+        return
+      }
+
+      let dictionary =  res.data.dictionary
+      let arr = []
+      dictionary.forEach((v,k)=>{
+        arr.push({
+          text: v.name,
+          value: v.value,
+        })
+      })
+      this.payment_type_options = arr
+      console.log('付款类型',this.payment_type_options)
+    },
+    //获取课程列表
+    async getCourseList(){
+      let params = {}
+
+      let res = await apiRoute.common_getCourseAll(params)
+      if(res.code != 1){
+        uni.showToast({
+          title: res.msg,
+          icon: 'none'
+        })
+        return
+      }
+
+
+      let arr = []
+      res.data.forEach((v,k)=>{
+        arr.push({
+          text: `${v.course_name}`,
+          value: v.id,
+          price: v.price,
+        })
+      })
+      this.course_id_options = arr
+      console.log('课程列表',this.course_id_options)
+
+    },
+    //获取班级列表
+    async getClassList(){
+      let params = {
+        status:1,//班级状态(1开启  2关闭)
+      }
+
+      let res = await apiRoute.common_getClassAll(params)
+      if(res.code != 1){
+        uni.showToast({
+          title: res.msg,
+          icon: 'none'
+        })
+        return
+      }
+      console.log('班级列表',res.data)
+      let arr = []
+      res.data.forEach((v,k)=>{
+        arr.push({
+          text: `${v.campus_name}-${v.class_name}`,
+          value: v.id,
+        })
+      })
+      this.class_id_options = arr
+    },
+
+
+
+
+    //创建订单相关
+    //显示创建订单弹窗
+    openOrderShow(){
+      //重置的数据
+      this.formData.payment_type = ''//付款类型必填验证
+      this.formData.payment_type_name = ''//付款类型必填验证
+
+      this.formData.course_id = ''//课程ID必填验证
+      this.formData.course_id_name = ''//课程ID必填验证
+
+      this.formData.class_id = ''//班级ID必填验证
+      this.formData.class_id_name = ''//班级ID必填验证
+
+      this.formData.money = ''//金额|这个不入库就展示先
+
+      this.order_show = true//展示弹层
+    },
+    //关闭打卡弹窗
+    closeOrderShow(){
+      this.order_show = false
+    },
+    //监听-打卡签到回调
+    async clickOrder(e){
+      if(e.index == 0){
+        //取消按钮
+        this.closeOrderShow()
+      }else{
+        console.log('提交',this.formData)
+        await this.submitFormData()
+      }
+    },
+    //提交表单
+    async submitFormData() {
+      let param = {...this.formData}
+      //表单验证
+      //...
+      if(!param.class_id){
+        uni.showToast({
+          title: '请选择班级',
+          icon: 'none'
+        })
+        return
+      }
+      if(!param.course_id){
+        uni.showToast({
+          title: '请选择课程',
+          icon: 'none'
+        })
+        return
+      }
+      if(!param.payment_type){
+        uni.showToast({
+          title: '请选择付款类型',
+          icon: 'none'
+        })
+        return
+      }
+
+      console.log('提交xxx',param)
+      this.closeOrderShow()
+
+
+
+      let res = await apiRoute.xs_orderTableAdd(param)
+      if (res.code != 1) {
+        uni.showToast({
+          title: res.msg,
+          icon: 'none'
+        })
+        return
+      }
+
+      uni.showToast({
+        title: '操作成功',
+        icon: 'success'
       })
+
+      //延迟1s执行
+      setTimeout(() => {
+        this.resetFilteredData()//重置表单
+        this.getList();//刷新列表
+      }, 1500)
+    },
+
+
+    //下拉选择器相关-付款类型
+    //监听-付款类型
+    changePaymentType(e){
+      this.formData.payment_type = e.value
+      this.formData.payment_type_name = e.text
+      this.cancelPaymentType()
+    },
+    //打开选择器-付款类型
+    openPaymentType(){
+      this.payment_type_show = true
+    },
+    //关闭选择器-付款类型
+    cancelPaymentType(){
+      this.payment_type_show = false
+    },
+
+    //下拉选择器相关-课程
+    //监听-课程
+    changeCourseId(e){
+      console.log('课程',e)
+      this.formData.course_id = e.value
+      this.formData.course_id_name = e.text
+
+      this.formData.money = this.course_id_options.find(v=>v.value == e.value).price
+
+      // console.log('课程formData',this.formData)
+      this.cancelCourseId()
+    },
+    //打开选择器-课程
+    openCourseId(){
+      this.course_id_show = true
+    },
+    //关闭选择器-课程
+    cancelCourseId(){
+      this.course_id_show = false
+    },
+
+    //下拉选择器相关-班级
+    //监听-班级
+    changeClassId(e){
+      this.formData.class_id = e.value
+      this.formData.class_id_name = e.text
+      this.cancelClassId()
+    },
+    //打开选择器-班级
+    openClassId(){
+      this.class_id_show = true
+    },
+    //关闭选择器-班级
+    cancelClassId(){
+      this.class_id_show = false
     },
 
     //下载文件
@@ -281,6 +704,19 @@ export default {
       }
     }
 
+    .btn_section{
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      .btn{
+        border-radius: 10rpx;
+        padding: 15rpx 0;
+        width: 70%;
+        color: #fff;
+        font-size: 30rpx;
+        text-align: center;
+      }
+    }
 
 
 
@@ -290,4 +726,42 @@ export default {
 		color: #999999;
 		padding-left: 30rpx;
 	}
+
+
+  //创建订单弹出层
+  .order_modal{
+    .fui-title {
+      font-size: 32rpx;
+      padding-top: 24rpx;
+    }
+
+    .fui-descr {
+      font-size: 24rpx;
+      color: #B2B2B2;
+      padding-top: 12rpx;
+      padding-bottom: 48rpx;
+    }
+
+    .fui-icon__close {
+      position: absolute;
+      right: 24rpx;
+      top: 20rpx;
+    }
+
+    .form-section{
+
+      .input-style {
+        text-align: right !important;
+        .input-title{}
+      }
+      .button_box{
+        margin-top: 30rpx;
+        padding: 20rpx;
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        gap: 20rpx;
+      }
+    }
+  }
 </style>

pages/student/my/my.vue

@@ -56,7 +56,7 @@
 <!--					<view></view>-->
 <!--				</view>-->
 
-				<view class="item" @click="openViewContractList()">
+				<view class="item" @click="openViewOrder()">
 					<view>我的订单</view>
 					<view></view>
 				</view>
@@ -147,10 +147,19 @@
 				})
 			},
 
-      //跳转页面-合同列表
+      //跳转页面-订单列表
-      openViewContractList(item) {
+      openViewOrder() {
+        let resource_id = this.member_info.id//客户资源id
+        let resource_name = this.member_info.name || ''//客户资源id姓名
+
+        // let staff_id = this.userInfo.id//员工id
+        // let staff_id_name = this.userInfo.name || ''//员工姓名
+
+        let staff_id = ''//员工id
+        let staff_id_name = ''//员工姓名
+
         this.$navigateTo({
-          url: `/pages/common/contract_list`
+          url: `/pages/common/contract_list?resource_id=${resource_id}&resource_name=${resource_name}&staff_id=${staff_id}&staff_id_name=${staff_id_name}`
         })
       },