团队报名和团队票务管理

src/api/distribution/detailsMr.js

@@ -0,0 +1,21 @@
+import request from '@/utils/request'
+
+// 分页查询
+export const pageList = (query) => {
+  return request({
+    url: '/member/marketPersonsSerial/list',
+    method: 'get',
+    params: query
+  })
+}
+
+//  导出
+export function downOrderListXls(params) {
+  return request({
+    url: '/member/marketPersonsSerial/exportExcel',
+    method: 'get',
+    responseType: 'blob',
+    params
+  });
+}
+

src/api/distribution/personnelMr.js

@@ -58,3 +58,20 @@ export function getSetInfo(id) {
     method: 'get'
   })
 }
+
+//获取海报信息
+export function getPoster() {
+  return request({
+    url: '/member/marketPersonsPoster/info',
+    method: 'get'
+  })
+}
+
+// 新增/保存海报信息
+export const posterUpdate = (data) => {
+  return request({
+    url: '/member/marketPersonsPoster/insertOrUpdate',
+    method: 'post',
+    data: data
+  })
+}

src/api/distribution/ticketMr.js

@@ -0,0 +1,53 @@
+import request from '@/utils/request'
+
+// 分页查询
+export const pageList = (query) => {
+  return request({
+    url: '/member/marketPersonsBrokerageConfig/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 新增/修改
+export const saveAndEdit = (data) => {
+  return request({
+    url: '/member/marketPersonsBrokerageConfig/insertOrUpdate',
+    method: 'post',
+    data: data
+  })
+}
+
+// 删除模板
+export const deleteById = (id) => {
+  return request({
+    url: '/member/marketPersonsBrokerageConfig/deleteById',
+    method: 'delete',
+    params: {id:id}
+  })
+}
+
+// 修改状态
+export const updateStatus = (data) => {
+  return request({
+    url: '/member/marketPersonsBrokerageConfig/insertOrUpdate',
+    method: 'post',
+    data: data
+  })
+}
+
+export function getSelectById(id) {
+  return request({
+    url: '/member/marketPersonsBrokerageConfig/selectById?id=' + id,
+    method: 'get'
+  })
+}
+
+// 票务价格分页查询
+export const seatPricePageList = (query) => {
+  return request({
+    url: '/merchant/merchantAuditoriumSeatPrice/pageList',
+    method: 'get',
+    params: query
+  })
+}

src/api/team/applicationMr.js

@@ -0,0 +1,53 @@
+import request from '@/utils/request'
+
+// 分页查询
+export const pageList = (query) => {
+  return request({
+    url: '/member/marketTeamApply/pageList',
+    method: 'get',
+    params: query
+  })
+}
+
+// 新增/修改
+export const saveAndEdit = (data) => {
+  return request({
+    url: '/member/marketTeamApply/teamApply',
+    method: 'post',
+    data: data
+  })
+}
+
+// 删除模板
+export const deleteById = (id) => {
+  return request({
+    url: '/member/marketTeam/deleteById',
+    method: 'delete',
+    params: {id:id}
+  })
+}
+
+// 修改状态
+export const updateStatus = (data) => {
+  return request({
+    url: '/member/marketTeam/insertOrUpdate',
+    method: 'post',
+    data: data
+  })
+}
+
+export function getSelectById(id) {
+  return request({
+    url: '/member/marketTeam/selectById?id=' + id,
+    method: 'get'
+  })
+}
+
+// 解析人员的excel文件
+export function uploadExcel(data) {
+  return request({
+    url: '/member/marketTeamApplyViewer/analysis',
+    method: 'post',
+    data: data
+  })
+}

src/api/team/teamMr.js

@@ -9,6 +9,15 @@ export const pageList = (query) => {
   })
 }
 
+// 分页查询
+export const teamPageList = (query) => {
+  return request({
+    url: '/member/marketTeam/pageList',
+    method: 'get',
+    params: query
+  })
+}
+
 // 新增/修改
 export const saveAndEdit = (data) => {
   return request({

src/api/team/ticketMr.js

@@ -0,0 +1,71 @@
+import request from '@/utils/request'
+
+// 分页查询
+export const pageList = (query) => {
+  return request({
+    url: '/member/marketTeamBrokerageConfig/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 新增/修改
+export const saveAndEdit = (data) => {
+  return request({
+    url: '/member/marketTeamBrokerageConfig/insertOrUpdate',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改状态
+export const updateStatus = (data) => {
+  return request({
+    url: '/member/marketTeamBrokerageConfig/insertOrUpdate',
+    method: 'post',
+    data: data
+  })
+}
+
+// 删除模板
+export const deleteById = (id) => {
+  return request({
+    url: '/member/marketTeamBrokerageConfig/deleteById',
+    method: 'delete',
+    params: {id:id}
+  })
+}
+
+export function getSelectById(id) {
+  return request({
+    url: '/member/marketTeam/selectById?id=' + id,
+    method: 'get'
+  })
+}
+
+// 绑定团队
+export const bindTeam = (data) => {
+  return request({
+    url: '/member/marketTeamBrokerage/bindTeam',
+    method: 'post',
+    data: data
+  })
+}
+
+// 获取绑定/未绑定的团队列表
+export const queryBindTeam = (query) => {
+  return request({
+    url: '/member/marketTeam/queryBindTeam',
+    method: 'get',
+    params: query
+  })
+}
+
+// 移除绑定团队
+export const unBindTeam = (data) => {
+  return request({
+    url: '/member/marketTeamBrokerage/unBindTeam',
+    method: 'post',
+    data: data
+  })
+}

src/views/distribution/detailMr/index.vue

@@ -0,0 +1,252 @@
+<template>
+  <div class="app-container">
+    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="80px">
+      <el-form-item label="分销商名称" label-width="90px">
+        <el-input
+          v-model="queryParams.personsName"
+          placeholder="请输入分销商名称"
+          clearable
+          style="width: 200px;"
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="收支类型">
+        <el-select
+          v-model="queryParams.serialType"
+          placeholder="收支类型"
+          clearable
+          style="width: 160px"
+        >
+          <el-option
+            v-for="dict in incomeExpensesList"
+            :key="dict.id"
+            :label="dict.name"
+            :value="dict.value"
+          />
+        </el-select>
+      </el-form-item>
+<!--      <el-form-item label="业务类型">-->
+<!--        <el-select-->
+<!--          v-model="queryParams.serialContent"-->
+<!--          placeholder="业务类型"-->
+<!--          clearable-->
+<!--          style="width: 160px"-->
+<!--        >-->
+<!--          <el-option-->
+<!--            v-for="dict in businessTypeList"-->
+<!--            :key="dict.id"-->
+<!--            :label="dict.name"-->
+<!--            :value="dict.value"-->
+<!--          />-->
+<!--        </el-select>-->
+<!--      </el-form-item>-->
+      <el-form-item label="产生时间">
+        <el-date-picker
+          v-model="queryParams.time"
+          type="daterange"
+          value-format="yyyy-MM-dd"
+          range-separator="至"
+          start-placeholder="开始日期"
+          end-placeholder="结束日期">
+        </el-date-picker>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+    <el-row :gutter="10" class="mb8"  style="margin-left: 0; margin-top: 10px">
+      <el-button
+        type="primary"
+        size="mini"
+        icon="el-icon-download"
+        :disabled="tableData.length === 0"
+        v-hasPermi="['distributionDetailMr:distributionDetailMr:downloadExcel']"
+        @click="handleExport"
+        v-loading.fullscreen.lock="handleExportLoading"
+        element-loading-text="正在拼命生成数据中..."
+        element-loading-spinner="el-icon-loading"
+        element-loading-background="rgba(0, 0, 0, 0.5)"
+      >导出excel</el-button>
+      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+    </el-row>
+
+    <el-table ref="tables" v-loading="loading" :data="dataList" border>
+      <el-table-column label="序号" align="center" type="index" width="60"></el-table-column>
+      <el-table-column label="分销商名称" align="center" prop="personsName" />
+      <el-table-column label="分销商类型" align="center" prop="personType" />
+      <el-table-column label="金额(元)" align="center" prop="type">
+        <template slot-scope="scope">
+          <span v-if="scope.row.balance">￥{{ scope.row.balance }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="收支类型" align="center" prop="serialType">
+        <template slot-scope="scope">
+          <span>{{ scope.row.serialType == 1 ? '收入' : '支出' }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="业务类型" align="center" prop="serialContent" />
+      <el-table-column label="产生时间" align="center" prop="createTime" width="160" >
+        <template slot-scope="scope">
+          <span>{{ parseTime(scope.row.createTime) }}</span>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <pagination
+      v-show="total>0"
+      :total="total"
+      :page.sync="queryParams.pageNum"
+      :limit.sync="queryParams.pageSize"
+      @pagination="getList"
+    />
+
+  </div>
+</template>
+
+<script>
+
+import { pageList, downOrderListXls } from '@/api/distribution/detailsMr'
+import { exportExcel } from '@/utils/exportexcel'
+export default {
+  name: "agreement",
+  dicts: ['agreement_type'],
+  data() {
+    return {
+      // 遮罩层
+      loading: true,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 用户表格数据
+      dataList: null,
+      // 弹出层标题
+      title: "",
+
+      // 是否显示弹出层
+      open: false,
+      // 日期范围
+      dateRange: [],
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+      },
+      statusList: [
+        {id: 1, name: '申请中', value: 0},
+        {id: 2, name: '退款成功', value: 1},
+        {id: 3, name: '退款失败', value: 2},
+        {id: 4, name: '退款中', value: 3},
+      ],
+      sourceMap: {
+        1: '小程序',
+        2: '美团',
+        3: '携程',
+        4: '公众号',
+        5: '支付宝',
+      },
+      incomeExpensesList: [
+        {id: 1, name: '收入', value: '收入'},
+        {id: 2, name: '支出', value: '支出'},
+      ],
+      businessTypeList: [
+        {id: 1, name: '佣金收益', value: '佣金收益'},
+        {id: 2, name: '余额提现', value: '余额提现'},
+      ],
+      visibleStatus: false,
+      newObj: {},
+      visibleType: '',
+      handleExportLoading: false,
+      tableData: {}
+    };
+  },
+  created() {
+    this.getList();
+  },
+  methods: {
+    /** 查询列表 */
+    getList() {
+      this.loading = true;
+      if(this.queryParams.time && this.queryParams.time.length > 0){
+        this.queryParams.beginTime = this.queryParams.time[0];
+        this.queryParams.endTime = this.queryParams.time[1];
+      } else {
+        if(this.queryParams.beginTime){
+          delete this.queryParams.beginTime
+          delete this.queryParams.endTime
+        }
+      }
+      pageList(this.addDateRange(this.queryParams, this.dateRange))
+      .then(response => {
+          this.dataList = response.data.rows;
+          this.total = response.data.total;
+          this.loading = false;
+        }
+      );
+    },
+    // 取消按钮
+    cancel() {
+      this.open = false;
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      this.getList();
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.dateRange = [];
+      this.$set(this.queryParams, 'id', '');
+      this.$set(this.queryParams, 'time', []);
+      this.$set(this.queryParams, 'serialContent', '');
+      this.$set(this.queryParams, 'incomeExpenses', '');
+      this.queryParams.pageNum = 1;
+      this.handleQuery();
+    },
+    /** 详情按钮操作 */
+    openDetails(row, type) {
+      this.$refs["detailsDia"].openDialog("详情", row, type);
+    },
+    /**
+     * 导出报表
+     * @date 2022-10-24
+     * @returns {any}
+     */
+    handleExport() {
+      this.$confirm('您确定要导出当前查询的数据吗？', '提示', {
+        confirmButtonText: '确定 ',
+        cancelButtonText: '取消 ',
+        type: 'warning'
+      })
+        .then(() => {
+          this.handleExportLoading = true;
+          // const { pageNum, pageSize} = this.params;
+          let postMap = {}
+          for (let key in this.queryParams) {
+            if(key != 'pageNum' && key != 'pageSize'){
+              postMap[key] = this.queryParams[key]
+            }
+          }
+          downOrderListXls(postMap)
+            .then((res) => {
+              exportExcel(res, '流水管理', '.xlsx');
+              this.handleExportLoading = false;
+            })
+            .catch(() => {
+              this.handleExportLoading = false;
+            });
+        })
+        .catch(() => {
+          this.$message.info('您已取消导出！');
+        });
+    },
+  }
+};
+</script>

src/views/distribution/personnelMr/dialog/addAndEdit.vue

@@ -18,7 +18,7 @@
   >
     <div class="dialog">
       <el-form :model="form" ref="form" :rules="rules" label-width="120px">
-        <el-form-item label="分销商名称" prop="name">
+        <el-form-item label="分销商名称:" prop="name">
           <el-input
             v-model="form.name"
             placeholder="分销商名称"
@@ -26,7 +26,7 @@
             style="width: 100%;"
           />
         </el-form-item>
-        <el-form-item label="分销商类型" prop="type">
+        <el-form-item label="分销商类型:" prop="type">
           <el-select
             v-model="form.type"
             placeholder="分销商类型"
@@ -41,7 +41,7 @@
             />
           </el-select>
         </el-form-item>
-        <el-form-item label="负责人" prop="contact">
+        <el-form-item label="负责人:" prop="contact">
           <el-input
             v-model="form.contact"
             placeholder="负责人"
@@ -49,7 +49,7 @@
             style="width: 100%;"
           />
         </el-form-item>
-        <el-form-item label="联系电话" prop="mobile">
+        <el-form-item label="联系电话:" prop="mobile">
           <el-input
             v-model="form.mobile"
             placeholder="联系电话"
@@ -57,7 +57,7 @@
             style="width: 100%;"
           />
         </el-form-item>
-        <el-form-item label="密码">
+        <el-form-item label="密码:">
           <el-input
             show-password
             v-model="form.password"

src/views/distribution/personnelMr/dialog/promotionCode.vue

@@ -0,0 +1,239 @@
+<!--
+ * @Description: 新增/编辑弹框
+ * @Author: Sugar.
+ * @Date: 2023-11-24 13:55:00
+ * @LastEditors: Sugar.
+ * @LastEditTime: 22023-11-24 13:55:00
+ * @FilePath: \cattle_webui\src\views\distribution\personnelMr\promotionCode.vue
+ * @Copyright: Copyright (c) 2016~2023 by Sugar., All Rights Reserved.
+-->
+<template>
+  <el-dialog
+    :title="title"
+    :visible.sync="open"
+    width="500px"
+    append-to-body
+    :close-on-click-modal="false"
+    @close="cancel"
+  >
+    <div class="dialog">
+      <el-form :model="form" ref="form" :rules="rules" label-width="100px">
+        <el-form-item label="上传海报:" prop="posterImg">
+          <el-upload
+            ref="upload"
+            class="avatar-uploader"
+            :action="uploadObj.url"
+            :headers="uploadObj.headers"
+            :show-file-list="false"
+            accept=".jpg,.png"
+            :on-success="handleAvatarSuccess"
+            :before-upload="beforeAvatarUpload"
+          >
+            <div class="avatar" v-if="form.posterImg">
+              <el-image
+                style="width: 100px; height: 100px"
+                :src="form.posterImg"
+                fit="cover"
+              />
+            </div>
+            <div class="upload-btn" v-else>
+              <i class="el-icon-plus"></i>
+              <div class="upload-btn-text">上传照片</div>
+            </div>
+            <div class="el-upload__tip" slot="tip">只能上传.jpg或.png格式</div>
+          </el-upload>
+        </el-form-item>
+      </el-form>
+    </div>
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="cancel">取消</el-button>
+      <el-button
+        type="primary"
+        @click="submitForm"
+        v-loading.fullscreen.lock="loading"
+        element-loading-text="提交中..."
+        element-loading-spinner="el-icon-loading"
+        element-loading-background="rgba(0, 0, 0, 0.8)"
+      >
+        <span v-if="loading">提交中...</span>
+        <span v-else>保存</span>
+      </el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import { posterUpdate, getPoster } from "@/api/distribution/personnelMr";
+import Editor from "@/components/Editor";
+import { getToken } from "@/utils/auth";
+export default {
+  name: "promotionCode",
+  components: {
+    Editor,
+  },
+  data() {
+    return {
+      title: "编辑",
+      model: "EDIT",
+      activeName: '01',
+      open: false,
+      loading: false,
+      form: {
+        id: undefined,
+      },
+      rules: {
+        posterImg: [{ required: true, message: "请上传海报", trigger: "blur" }],
+      },
+      uploadObj: {
+        url: process.env.VUE_APP_UPLOAD_FILE_API + "/upload/single/minio",
+        Headers: { Authorization: "Bearer " + getToken() },
+      },
+    };
+  },
+  methods: {
+    /**
+     * 打开弹框
+     * @date 2023-11-22
+     * @param {any} obj
+     * @returns {any}
+     */
+    openDialog(title, obj) {
+      this.open = true;
+      this.title = "推广码设置";
+      this.reset();
+      this.getSelectByIdApi();
+    },
+    /** 获取详情 */
+    getSelectByIdApi() {
+      getPoster().then(response => {
+        const obj = response.data;
+        this.$nextTick(() => {
+          this.$set(this.form, 'id', obj.id);
+          this.$set(this.form, 'posterImg', obj.posterImg);
+        });
+      });
+    },
+    /**
+     * 保存
+     * @date 2023-11-22
+     * @returns {any}
+     */
+    submitForm() {
+      this.$refs["form"].validate(async (valid) => {
+        if (valid) {
+          try {
+            this.loading = true;
+            const { code } = await posterUpdate({ ...this.form });
+            if (code === 200) {
+              this.$message.success("操作成功!");
+              this.$emit("getList");
+              this.cancel();
+            }
+          } catch (error) {
+          } finally {
+            this.loading = false;
+          }
+        }
+      });
+    },
+    /**
+     * 重置
+     * @date 2023-11-22
+     * @returns {any}
+     */
+    reset() {
+      this.$set(this.form, 'id', "");
+      this.$set(this.form, 'posterImg', "");
+    },
+    /**
+     * 关闭弹框
+     * @date 2023-11-22
+     * @returns {any}
+     */
+    cancel() {
+      this.reset();
+      this.open = false;
+    },
+    /**
+     * 上传成功
+     * @date 2023-11-22
+     * @param {any} res
+     * @returns {any}
+     */
+    handleAvatarSuccess(res) {
+      if (res.code === 200) {
+        // this.form.mainImg = res?.data?.url;
+        this.$set(this.form, 'posterImg', res?.data?.url)
+      }
+    },
+    /**
+     * 上传文件之前之前
+     * @date 2023-11-22
+     * @param {any} file
+     * @returns {any}
+     */
+    beforeAvatarUpload(file) {
+      const isJPG = file.type === "image/jpeg" || "image/png";
+      if (!isJPG) {
+        this.$message.error("上传头像图片只能是jpg或png格式!");
+      }
+      return isJPG;
+    },
+    /**
+     * 剧目海报上传成功
+     * @date 2023-11-22
+     * @param {any} res
+     * @returns {any}
+     */
+    handlePhotoListSuccess(res) {
+      if (res.code === 200) {
+        let photo = {
+          imageUrl: res?.data?.url,
+          url: res?.data?.url,
+          photoType: '2'
+        }
+        if(!this.form.photoList){
+          this.form.photoList = []
+        }
+        // this.form.photoList.push(photo);
+        this.$set(this.form.photoList, this.form.photoList.length, photo);
+      }
+    },
+    handleRemove(file, fileList) {
+      this.form.photoList.forEach((item, index) => {
+        if(item.uid == file.uid){
+          this.form.photoList.splice(index, 1)
+        }
+      })
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.dialog {
+  padding: 0 30px;
+  max-height: 65vh;
+  overflow-y: auto;
+}
+.dialog {
+  padding: 0 30px;
+  .upload-btn {
+    width: 100px;
+    height: 100px;
+    background-color: #fbfdff;
+    border: dashed 1px #c0ccda;
+    border-radius: 5px;
+    i {
+      font-size: 30px;
+      margin-top: 20px;
+    }
+    &-text {
+      margin-top: -10px;
+    }
+  }
+  .avatar {
+    cursor: pointer;
+  }
+}
+</style>

src/views/distribution/personnelMr/index.vue

@@ -52,6 +52,16 @@
           v-hasPermi="['personnelMr:personnelMr:set']"
         >提现设置</el-button>
       </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="warning"
+          plain
+          icon="el-icon-s-tools"
+          size="mini"
+          @click="codeSet"
+          v-hasPermi="['personnelMr:personnelMr:set']"
+        >推广码海报设置</el-button>
+      </el-col>
       <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
     </el-row>
 
@@ -105,6 +115,12 @@
             @click="resettingApi(scope.row)"
             v-hasPermi="['personnelMr:personnelMr:resetting']"
           >重置密码</el-button>
+          <el-button
+            size="mini"
+            type="text"
+            @click="handleCode(scope.row, 'img')"
+            v-hasPermi="['personnelMr:personnelMr:edit']"
+          >推广码</el-button>
           <el-button
             size="mini"
             type="text"
@@ -130,17 +146,20 @@
       @getList="getList"
     />
 
+    <!--  海报设置  -->
+    <promotion-code ref="promotionCode"></promotion-code>
+
     <el-dialog
-      title="查看"
+      title="推广码"
       :visible.sync="visibleStatus"
-      width="600px"
+      width="500px"
       :destroy-on-close="true"
       :close-on-click-modal="false"
     >
       <div v-if="visibleType == 'img'">
         <el-image
           style="width: 400px; height: 100%"
-          :src="newObj.mainImg"
+          :src="newObj.retailQrcode"
           fit="cover"
         />
       </div>
@@ -148,7 +167,8 @@
         <div v-html="newObj.centent"></div>
       </div>
       <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="visibleStatus = false">确 定</el-button>
+        <el-button @click="visibleStatus = false">取 消</el-button>
+        <el-button type="primary" @click="codeDownload(newObj)">下 载</el-button>
       </div>
     </el-dialog>
 
@@ -211,11 +231,13 @@
 
 import { pageList, deleteById, updateStatus, configUpdate, getSetInfo } from '@/api/distribution/personnelMr'
 import addAndEdit from "./dialog/addAndEdit.vue";
+import promotionCode from "./dialog/promotionCode.vue";
+import { Message } from 'element-ui'
 
 export default {
   name: "agreement",
   dicts: ['distribution_type'],
-  components: { addAndEdit },
+  components: { addAndEdit, promotionCode },
   data() {
     return {
       // 遮罩层
@@ -311,6 +333,10 @@ export default {
       this.setStatus = true
       this.getSetApi();
     },
+    /** 海报设置按钮操作 */
+    codeSet() {
+      this.$refs["promotionCode"].openDialog("海报设置", null);
+    },
     /** 修改按钮操作 */
     handleUpdate(row) {
       this.$refs["addAndEdit"].openDialog("修改数据", row);
@@ -375,7 +401,7 @@ export default {
 
     /** 置顶或者取消置顶按钮操作 */
     resettingApi(row) {
-      this.$confirm("是否对分销商名称为" + row.name + "的数据进行密码重置,重置后的密码为123456？", '提示', {
+      this.$confirm("是否对分销商名称为" + row.name + "的数据进行密码重置？重置后的密码为123456!", '提示', {
         confirmButtonText: '确定',
         cancelButtonText: '取消',
         type: 'warning'
@@ -402,11 +428,31 @@ export default {
         this.$modal.msgSuccess("删除成功");
       }).catch(() => {});
     },
-    /** 查看按钮操作 */
-    seeCenter(obj, type) {
+    /** 推广码按钮操作 */
+    handleCode(obj, type) {
+      console.log(obj)
       this.visibleStatus = true
       this.visibleType = type;
       this.newObj = obj;
+    },
+    // 推广码下载
+    codeDownload(row) {
+      let url = row.retailQrcode || ''
+      let name = row.name + '的推广码' || ''
+      if(url.indexOf("://") > -1){
+        let urlU = url.split("://")
+        let a = document.createElement("a");
+        a.href = "https://" + urlU[1];
+        if(name.indexOf(".") > -1){
+          a.download = name;
+        } else {
+          a.download = name + ".jpg";
+        }
+        a.style.display = "none";
+        document.body.appendChild(a);
+        a.click();
+        a.remove();
+      }
     }
   }
 };

src/views/distribution/ticketMr/dialog/addAndEdit.vue

@@ -18,11 +18,12 @@
   >
     <div class="dialog">
       <el-form :model="form" ref="form" :rules="rules" label-width="120px">
-        <el-form-item label="选择剧目" prop="type">
+        <el-form-item label="选择剧目:" prop="performId">
           <el-select
-            v-model="form.goodsId"
+            v-model="form.performId"
             placeholder="选择剧目"
             clearable
+            @change="performChangeEven"
             style="width: 100%;"
           >
             <el-option
@@ -33,49 +34,66 @@
             />
           </el-select>
         </el-form-item>
-        <el-form-item label="票务管理" prop="type">
+        <el-form-item label="票务管理:" prop="goodsId">
           <el-select
-            v-model="form.ticketId"
+            v-model="form.goodsId"
             placeholder="票务管理"
             clearable
+            @change="goodsChangeEven"
             style="width: 100%;"
           >
             <el-option
               v-for="dict in ticketList"
               :key="dict.id"
               :label="dict.goodsName"
-              :value="dict.id"
+              :value="dict.goodsId"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="座位类型:" prop="seatTypeId">
+          <el-select
+            v-model="form.seatTypeId"
+            placeholder="座位类型"
+            clearable
+            @change="seatChangeEven"
+            style="width: 100%;"
+          >
+            <el-option
+              v-for="dict in seatList"
+              :key="dict.seatTypeId"
+              :label="dict.seatTypeName"
+              :value="dict.seatTypeId"
             />
           </el-select>
         </el-form-item>
-        <el-form-item label="销售价" prop="contact">
+        <el-form-item label="销售价:" prop="originalSalePrice">
           <el-input
             disabled
-            v-model="form.contact"
+            v-model="form.originalSalePrice"
             placeholder="销售价"
             clearable
             style="width: 100%;"
           />
         </el-form-item>
-        <el-form-item label="分销价">
+        <el-form-item label="分销价:" prop="salePrice">
           <el-input
             type="number"
-            v-model="form.serviceCharge"
+            v-model="form.salePrice"
             placeholder=""
             clearable
-            @change="changePriceAmount('serviceCharge')"
+            @change="changePriceAmount('salePrice')"
             style="width: 260px;"
           >
             <template slot="append">元</template>
           </el-input>
         </el-form-item>
-        <el-form-item label="佣金">
+        <el-form-item label="佣金:" prop="brokeragePrice">
           <el-input
             type="number"
-            v-model="form.serviceCharge"
+            v-model="form.brokeragePrice"
             placeholder=""
             clearable
-            @change="changePriceAmount('serviceCharge')"
+            @change="changePriceAmount('brokeragePrice')"
             style="width: 260px;"
           >
             <template slot="append">元</template>
@@ -102,11 +120,12 @@
 
 <script>
 // import { updateNoticeMgr } from "@/api/system/noticeMgr";
-import { saveAndEdit, getSelectById } from "@/api/distribution/personnelMr";
+import { saveAndEdit, getSelectById, seatPricePageList } from "@/api/distribution/ticketMr";
 import Editor from "@/components/Editor";
 import { getToken } from "@/utils/auth";
 import { goodsPageList } from '@/api/programmeMr/programmeMr'
 import { ticketPageList } from '@/api/ticketMr/ticketMr'
+import { SeatTypeList } from '@/api/seatTypeMr/seatTypeMr'
 export default {
   name: "addAndEdit",
   props: {
@@ -129,17 +148,20 @@ export default {
         id: undefined,
       },
       rules: {
-        name: [{ required: true, message: "请选择选择剧目", trigger: "blur" }],
-        type: [{ required: true, message: "请选择票务", trigger: "blur" }],
-        contact: [{ required: true, message: "请输入分销价", trigger: "blur" }],
-        mobile: [{ required: true, message: "请输入佣金", trigger: "blur" }],
+        performId: [{ required: true, message: "请选择剧目", trigger: "blur" }],
+        goodsId: [{ required: true, message: "请选择票务", trigger: "blur" }],
+        seatTypeId: [{ required: true, message: "请选择座位类型", trigger: "blur" }],
+        originalSalePrice: [{ required: true, message: "请输入销售价", trigger: "blur" }],
+        salePrice: [{ required: true, message: "请输入分销价", trigger: "blur" }],
+        brokeragePrice: [{ required: true, message: "请输入佣金", trigger: "blur" }],
       },
       uploadObj: {
         url: process.env.VUE_APP_UPLOAD_FILE_API + "/upload/single/minio",
         Headers: { Authorization: "Bearer " + getToken() },
       },
       goodsList: [],
-      ticketList: []
+      ticketList: [],
+      seatList: []
     };
   },
   methods: {
@@ -152,13 +174,12 @@ export default {
     openDialog(title, obj) {
       this.open = true;
       this.goodsPageList();
-      this.ticketListApi();
       this.reset();
       if (obj){
-        this.title = "编辑分销人员";
+        this.title = "编辑票务管理";
         this.getSelectByIdApi(obj);
       }else{
-        this.title = "添加分销人员";
+        this.title = "添加票务管理";
         this.$nextTick(() => {
           this.$refs["form"].clearValidate();
         });
@@ -171,10 +192,15 @@ export default {
         const obj = response.data;
         this.$nextTick(() => {
           this.$set(this.form, 'id', obj.id);
-          this.$set(this.form, 'name', obj.name);
-          this.$set(this.form, 'type', obj.type + '');
-          this.$set(this.form, 'contact', obj.contact);
-          this.$set(this.form, 'mobile', obj.mobile);
+          this.$set(this.form, 'goodsId', obj.goodsId);
+          this.$set(this.form, 'seatTypeId', obj.seatTypeId);
+          this.$set(this.form, 'performId', obj.performId);
+          this.$set(this.form, 'originalSalePrice', obj.originalSalePrice);
+          this.$set(this.form, 'salePrice', obj.salePrice);
+          this.$set(this.form, 'brokeragePrice', obj.brokeragePrice);
+
+          this.ticketListApi();
+          this.getSeatTypeList({goodsId: this.form.goodsId, performId: this.form.performId});
         });
       });
     },
@@ -186,10 +212,30 @@ export default {
         });
     },
     /** 票务列表查询 */
-    ticketListApi() {
-      ticketPageList(this.addDateRange({pageNum: 1, pageSize: 100,  goodsType: 2, classifyId: 1, status: 0}))
+    ticketListApi(performId) {
+      this.ticketList = []
+      seatPricePageList(this.addDateRange({pageNum: 1, pageSize: 100,  performId: performId}))
+        .then(response => {
+          let ticketList = []
+          response.data.rows.forEach(item => {
+            if(ticketList.indexOf(item.goodsId) == -1){
+              this.ticketList.push(item);
+              ticketList.push(item.goodsId);
+            }
+          })
+        });
+    },
+    /** 座位类型列表 */
+    getSeatTypeList(obj) {
+      seatPricePageList(this.addDateRange({pageNum: 1, pageSize: 100, goodsId: obj.goodsId, performId: obj.performId}))
         .then(response => {
-          this.ticketList = response.data.rows;
+          let ticketList = []
+          response.data.rows.forEach(item => {
+            if(ticketList.indexOf(item.seatTypeId) == -1){
+              this.seatList.push(item);
+              ticketList.push(item.seatTypeId);
+            }
+          })
         });
     },
     /** 价格输入事件 */
@@ -200,6 +246,31 @@ export default {
         return false
       }
     },
+    // 剧目改变事件
+    performChangeEven(val) {
+      this.seatList = [];
+      this.ticketList = [];
+      this.$set(this.form, 'goodsId', '')
+      this.$set(this.form, 'seatTypeId', '')
+      this.$set(this.form, 'originalSalePrice', '')
+      this.ticketListApi(val);
+    },
+    // 票务改变事件
+    goodsChangeEven() {
+      this.seatList = [];
+      this.$set(this.form, 'originalSalePrice', '');
+      this.$set(this.form, 'seatTypeId', '');
+      let selectMap = {goodsId: this.form.goodsId, performId: this.form.performId}
+      this.getSeatTypeList(selectMap);
+    },
+    // 座位类型改变事件
+    seatChangeEven(val) {
+      this.ticketList.forEach(item => {
+        if(item.seatTypeId == val){
+          this.$set(this.form, 'originalSalePrice', item.priceAmount);
+        }
+      })
+    },
     /**
      * 保存
      * @date 2023-11-22
@@ -230,10 +301,12 @@ export default {
      */
     reset() {
       this.$set(this.form, 'id', '');
-      this.$set(this.form, 'name', '');
-      this.$set(this.form, 'type', '');
-      this.$set(this.form, 'contact', '');
-      this.$set(this.form, 'mobile', '');
+      this.$set(this.form, 'goodsId', '');
+      this.$set(this.form, 'seatTypeId', '');
+      this.$set(this.form, 'performId', '');
+      this.$set(this.form, 'originalSalePrice', '');
+      this.$set(this.form, 'salePrice', '');
+      this.$set(this.form, 'brokeragePrice', '');
     },
     /**
      * 关闭弹框

src/views/distribution/ticketMr/index.vue

@@ -3,7 +3,7 @@
     <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="120px">
       <el-form-item label="票务名称" label-width="70px">
         <el-input
-          v-model="queryParams.name"
+          v-model="queryParams.goodsName"
           placeholder="请输入票务名称"
           clearable
           style="width: 240px;"
@@ -32,26 +32,28 @@
 
     <el-table ref="tables" v-loading="loading" :data="dataList" border>
       <el-table-column label="序号" align="center" type="index" width="50"></el-table-column>
-      <el-table-column label="剧目名称" align="center" prop="name" />
-      <el-table-column label="票务名称" align="center" prop="name" />
+      <el-table-column label="剧目名称" align="center" prop="performName" />
+      <el-table-column label="票务名称" align="center" prop="goodsName" />
+      <el-table-column label="座位类型" align="center" prop="seatTypeName" />
       <el-table-column label="销售价" align="center" prop="brokerageTotal">
         <template slot-scope="scope">
-          <span v-if="scope.row.brokerageTotal">￥{{ scope.row.brokerageTotal }}</span>
+          <span v-if="scope.row.originalSalePrice">￥{{ scope.row.originalSalePrice }}</span>
         </template>
       </el-table-column>
       <el-table-column label="分销价" align="center" prop="withdrawTotal">
         <template slot-scope="scope">
-          <span v-if="scope.row.withdrawTotal">￥{{ scope.row.withdrawTotal }}</span>
+          <span v-if="scope.row.salePrice">￥{{ scope.row.salePrice }}</span>
         </template>
       </el-table-column>
       <el-table-column label="佣金" align="center" prop="withdrawTotal">
         <template slot-scope="scope">
-          <span v-if="scope.row.withdrawTotal">￥{{ scope.row.withdrawTotal }}</span>
+          <span v-if="scope.row.brokeragePrice">￥{{ scope.row.brokeragePrice }}</span>
         </template>
       </el-table-column>
       <el-table-column label="状态" align="center">
         <template slot-scope="scope">
-          <span></span>
+          <el-tag type="success" v-if="scope.row.status == 1">己上架</el-tag>
+          <el-tag type="info" v-if="scope.row.status == 0">未上架</el-tag>
         </template>
       </el-table-column>
       <el-table-column label="添加时间" align="center" prop="createTime" width="160">
@@ -70,9 +72,9 @@
           <el-button
             size="mini"
             type="text"
-            @click="resettingApi(scope.row)"
+            @click="ionlineApi(scope.row)"
             v-hasPermi="['distributionTicketMr:distributionTicketMr:resetting']"
-          >{{ scope.row.status == 1 ? '上架' : '下架' }}</el-button>
+          >{{ scope.row.status == 1 ? '下架' : '上架' }}</el-button>
           <el-button
             size="mini"
             type="text"
@@ -124,7 +126,7 @@
 
 <script>
 
-import { pageList, deleteById, updateStatus, configUpdate, getSetInfo } from '@/api/distribution/personnelMr'
+import { pageList, deleteById, updateStatus } from '@/api/distribution/ticketMr'
 import addAndEdit from "./dialog/addAndEdit.vue";
 
 export default {
@@ -204,8 +206,7 @@ export default {
     /** 重置按钮操作 */
     resetQuery() {
       this.dateRange = [];
-      this.$set(this.queryParams, 'name', '');
-      this.$set(this.queryParams, 'type', '');
+      this.$set(this.queryParams, 'goodsName', '');
       this.queryParams.pageNum = 1;
       this.handleQuery();
     },
@@ -253,7 +254,7 @@ export default {
 
     /** 禁用或者启用发布按钮操作 */
     ionlineApi(row) {
-      this.$confirm("是否对分销商名称为" + row.name + "的数据进行" + (row.status == 1 ? '禁用？' : '启用？'), '提示', {
+      this.$confirm("是否对剧目名称为" + row.performName + "的数据进行" + (row.status == 1 ? '下架？' : '上架？'), '提示', {
         confirmButtonText: '确定',
         cancelButtonText: '取消',
         type: 'warning'
@@ -272,7 +273,7 @@ export default {
 
     /** 置顶或者取消置顶按钮操作 */
     resettingApi(row) {
-      this.$confirm("是否对分销商名称为" + row.name + "的数据进行密码重置,重置后的密码为123456？", '提示', {
+      this.$confirm("是否对剧目名称为" + row.performName + "的数据进行密码重置,重置后的密码为123456？", '提示', {
         confirmButtonText: '确定',
         cancelButtonText: '取消',
         type: 'warning'
@@ -292,7 +293,7 @@ export default {
 
     /** 删除按钮操作 */
     handleDelete(row) {
-      this.$modal.confirm('是否确认删除数据分销商名称为"' + row.name + '"的数据项？').then(function() {
+      this.$modal.confirm('是否确认删除数据剧目名称为"' + row.performName + '"的数据项？').then(function() {
         return deleteById(row.id);
       }).then(() => {
         this.getList();

src/views/index.vue

@@ -22,6 +22,14 @@ export default {
 </script>
 
 <style scoped lang="scss">
+.app-container{
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  min-height: calc(100vh - 84px);
+  background-size: 100% 100%;
+  background-image: url("../assets/images/login-prod.jpg") !important;
+}
 .home {
   blockquote {
     padding: 10px 20px;

src/views/login.vue

@@ -180,7 +180,7 @@ export default {
   background-size: cover;
 }
 .login-prod{
-  background-image: url("../assets/images/login-background.jpg") !important;
+  background-image: url("../assets/images/login-prod.png") !important;
 }
 .login-stage{
   background-image: url("../assets/images/login-bg-img.png") !important;

src/views/order/groupBuyingMr/dialog/details.vue

@@ -0,0 +1,216 @@
+<!--
+ * @Description: 详情弹框
+ * @Author: Sugar.
+ * @Date: 2023-11-24 13:55:00
+ * @LastEditors: Sugar.
+ * @LastEditTime: 2023-11-24 13:55:00
+ * @FilePath: \cattle_webui\src\views\performMr\dialog\AddOrEditDialog.vue
+ * @Copyright: Copyright (c) 2016~2023 by Sugar., All Rights Reserved.
+-->
+<template>
+  <el-dialog
+    title="订单详情"
+    :visible.sync="open"
+    width="800px"
+    append-to-body
+    :close-on-click-modal="false"
+    @close="cancel"
+  >
+    <div class="dialog" v-if="form">
+      <!--   基础信息   -->
+      <div class="title-class" style="margin-top: 0">基础信息</div>
+      <el-row>
+        <el-col :span="12">
+          <div class="grid-content bg-purple item-class">团队名称: <span>{{ form.goodsName || ''}}</span></div>
+        </el-col>
+        <el-col :span="12">
+          <div class="grid-content bg-purple item-class">团队类型: <span>{{ form.id || '' }}</span></div>
+        </el-col>
+        <el-col :span="12">
+          <div class="grid-content bg-purple item-class">预约场馆: <span>{{ form.memberName || '' }}</span></div>
+        </el-col>
+        <el-col :span="12">
+          <div class="grid-content bg-purple item-class">预约演出厅: <span>{{ form.memberMobile || '' }}</span></div>
+        </el-col>
+        <el-col :span="12">
+          <div class="grid-content bg-purple item-class">预约剧目: <span>{{ form.memberCardId || '' }}</span></div>
+        </el-col>
+        <el-col :span="12">
+          <div class="grid-content bg-purple item-class">票务名称: <span>{{ form.performName || '' }}</span></div>
+        </el-col>
+        <el-col :span="12">
+          <div class="grid-content bg-purple item-class">座位类型: <span>{{ form.seatTypeName || '' }}</span></div>
+        </el-col>
+        <el-col :span="12">
+          <div class="grid-content bg-purple item-class">团购单价: <span>{{ form.seatTypeName || '' }}</span></div>
+        </el-col>
+        <el-col :span="12">
+          <div class="grid-content bg-purple item-class">预约时间: <span>{{ form.seatTypeName || '' }}</span></div>
+        </el-col>
+        <el-col :span="12">
+          <div class="grid-content bg-purple item-class">报名时间: <span>{{ form.seatTypeName || '' }}</span></div>
+        </el-col>
+        <el-col :span="12">
+          <div class="grid-content bg-purple item-class">负责人: <span>{{ form.seatTypeName || '' }}</span></div>
+        </el-col>
+        <el-col :span="12">
+          <div class="grid-content bg-purple item-class">联系电话: <span>{{ sourceList[form.source] || '' }}</span></div>
+        </el-col>
+        <el-col :span="12">
+          <div class="grid-content bg-purple item-class">支付总额: <span>￥{{ form.orderPrice || '' }}</span></div>
+        </el-col>
+        <el-col :span="12">
+          <div class="grid-content bg-purple item-class">团购人数: <span>{{ form.viewerNum || '' }}</span></div>
+        </el-col>
+        <el-col :span="12">
+          <div class="grid-content bg-purple item-class">支付时间: <span>{{ form.payTime || '' }}</span></div>
+        </el-col>
+        <el-col :span="12">
+          <div class="grid-content bg-purple item-class">支付方式: <span>{{ payList[form.payStatus] || '' }}</span></div>
+        </el-col>
+        <el-col :span="12">
+          <div class="grid-content bg-purple item-class">订单状态: <span>{{ statusList[form.status] || '' }}</span></div>
+        </el-col>
+      </el-row>
+
+
+      <!--   观影人员信息   -->
+      <div class="title-class">观影人员信息</div>
+      <el-row>
+        <el-col :span="24">
+          <el-table ref="tables" :data="form.viewersList" border>
+            <el-table-column label="序号" align="center" type="index" width="60"></el-table-column>
+            <el-table-column label="姓名" align="center" prop="name" />
+            <el-table-column label="身份证号码" width="180" align="center" prop="idcard" />
+            <el-table-column label="核销状态" align="center">
+              <template slot-scope="scope">
+                <el-tag v-if="scope.row.status == 0">未使用</el-tag>
+                <el-tag v-if="scope.row.status == 1" type="success">已使用</el-tag>
+                <el-tag v-if="scope.row.status == 2" type="info">过期</el-tag>
+              </template>
+            </el-table-column>
+            <el-table-column label="核销时间" align="center" prop="qrcodeUseTime" />
+            <el-table-column label="座位信息" align="center" prop="seatName" />
+          </el-table>
+        </el-col>
+      </el-row>
+    </div>
+
+    <span slot="footer" class="dialog-footer">
+      <el-button type="primary" @click="cancel">确定</el-button>
+    </span>
+
+  </el-dialog>
+</template>
+
+<script>
+import { getSelectById } from '@/api/order/orderMr'
+export default {
+  name: "detailsDia",
+  data() {
+    return {
+      title: "编辑",
+      model: "EDIT",
+      open: false,
+      loading: false,
+      form: {
+        id: undefined,
+      },
+      performerVisible: false,
+      performerList: [],
+      refund: false,
+      statusList: {
+        0: '待支付',
+        2: '超时取消',
+        3: '支付完成，待使用',
+        4: '退款中',
+        5: '己退款',
+        6: '退款失败',
+        7: '己使用',
+        8: '己超期',
+        9: '关闭',
+      },
+      payList: {
+        0: '未支付',
+        1: '已支付',
+        2: '支付中',
+        3: '支付失败',
+        4: '支付退款',
+      },
+      sourceList: {
+        1: '小程序',
+        2: '美团',
+        3: '携程',
+        4: '公众号',
+        5: '支付宝',
+      },
+      dataList: []
+    };
+  },
+  methods: {
+    /**
+     * 打开弹框
+     * @date 2023-11-22
+     * @param {any} obj
+     * @returns {any}
+     */
+    openDialog(title, obj, type) {
+      this.open = true;
+      this.getSelectByIdApi(obj);
+    },
+    /** 获取详情 */
+    getSelectByIdApi(row) {
+      const id = row.id
+      getSelectById(id).then(response => {
+        this.form = response.data;
+      });
+    },
+    /**
+     * 关闭弹框
+     * @date 2023-11-22
+     * @returns {any}
+     */
+    cancel() {
+      this.open = false;
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.dialog {
+  padding: 0 30px;
+  max-height: 65vh;
+  overflow-y: auto;
+}
+.dialog {
+  padding: 0 30px;
+  .upload-btn {
+    width: 100px;
+    height: 100px;
+    background-color: #fbfdff;
+    border: dashed 1px #c0ccda;
+    border-radius: 5px;
+    i {
+      font-size: 30px;
+      margin-top: 20px;
+    }
+    &-text {
+      margin-top: -10px;
+    }
+  }
+  .avatar {
+    cursor: pointer;
+  }
+  .title-class{
+    font-size: 16px;
+    font-weight: bold;
+    color: black;
+    margin-bottom: 20px;
+    margin-top: 20px;
+  }
+  .item-class{
+    margin-bottom: 20px;
+  }
+}
+</style>

src/views/order/groupBuyingMr/index.vue

@@ -0,0 +1,265 @@
+<template>
+  <div class="app-container">
+    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
+      <el-form-item label="订单号">
+        <el-input
+          v-model="queryParams.orderId"
+          placeholder="请输入订单号"
+          clearable
+          style="width: 240px;"
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="团队名称" label-width="100px">
+        <el-input
+          v-model="queryParams.memberMobile"
+          placeholder="请输入团队名称"
+          clearable
+          style="width: 240px;"
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="团队类型">
+        <el-select
+          v-model="queryParams.source"
+          placeholder="团队类型"
+          clearable
+          style="width: 100%"
+        >
+          <el-option
+            v-for="dict in sourceMapList"
+            :key="dict.value"
+            :label="dict.name"
+            :value="dict.value"
+          />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="订单状态">
+        <el-select
+          v-model="queryParams.status"
+          placeholder="订单状态"
+          clearable
+          style="width: 100%"
+        >
+          <el-option
+            v-for="dict in statusMapList"
+            :key="dict.value"
+            :label="dict.name"
+            :value="dict.value"
+          />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="支付时间">
+        <el-date-picker
+          v-model="queryParams.time"
+          type="daterange"
+          value-format="yyyy-MM-dd"
+          range-separator="至"
+          start-placeholder="开始日期"
+          end-placeholder="结束日期">
+        </el-date-picker>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+
+    <el-row :gutter="10" class="mb8">
+      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+    </el-row>
+
+    <el-table ref="tables" v-loading="loading" :data="dataList" border>
+      <el-table-column label="序号" align="center" type="index" width="60"></el-table-column>
+      <el-table-column label="订单号" align="center" prop="id" />
+      <el-table-column label="团队名称" align="center" prop="memberMobile" />
+      <el-table-column label="团队类型" align="center" prop="performName" />
+      <el-table-column label="联系电话" align="center" prop="goodsName" />
+      <el-table-column label="负责人" align="center" prop="seatTypeName" />
+      <el-table-column label="剧目名称" align="center" prop="goodsName" />
+      <el-table-column label="座位类型" align="center" prop="goodsName" />
+      <el-table-column label="团购数量" align="center" prop="quantity" />
+      <el-table-column label="支付总额" align="center" prop="orderPrice">
+        <template slot-scope="scope">
+          <span>￥{{ scope.row.orderPrice }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="支付方式" align="center" prop="type">
+        <template slot-scope="scope">
+          <span>{{ payWayList[scope.row.payWay] }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="支付时间" align="center" prop="payTime" width="160" >
+        <template slot-scope="scope">
+          <span>{{ parseTime(scope.row.payTime) }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="订单状态" align="center" prop="type">
+        <template slot-scope="scope">
+          <span>{{statusList[scope.row.status]}}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="操作" align="center" width="100" class-name="small-padding fixed-width">
+        <template slot-scope="scope">
+          <el-button
+            size="mini"
+            type="text"
+            @click="openDetails(scope.row)"
+            v-hasPermi="['orderMr:orderMr:details']"
+          >详情</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <pagination
+      v-show="total>0"
+      :total="total"
+      :page.sync="queryParams.pageNum"
+      :limit.sync="queryParams.pageSize"
+      @pagination="getList"
+    />
+
+    <!-- 详情 -->
+    <details-dia ref="detailsDia" @getList="getList"></details-dia>
+
+  </div>
+</template>
+
+<script>
+
+import { pageList } from '@/api/order/orderMr'
+import detailsDia from "./dialog/details.vue";
+
+export default {
+  name: "agreement",
+  dicts: ['agreement_type'],
+  components: { detailsDia },
+  data() {
+    return {
+      // 遮罩层
+      loading: true,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 用户表格数据
+      dataList: null,
+      // 弹出层标题
+      title: "",
+
+      // 是否显示弹出层
+      open: false,
+      // 日期范围
+      dateRange: [],
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+      },
+      statusList: {
+        0: '待支付',
+        2: '超时取消',
+        3: '待使用',
+        4: '退款中',
+        5: '己退款',
+        6: '退款失败',
+        7: '己使用',
+        8: '己超期',
+        9: '关闭',
+      },
+      statusMapList: [
+        {id: 1, name: '待支付', value: 0},
+        {id: 2, name: '超时取消', value: 2},
+        {id: 3, name: '待使用', value: 3},
+        {id: 4, name: '退款中', value: 4},
+        {id: 5, name: '己退款', value: 5},
+        {id: 6, name: '退款失败', value: 6},
+        {id: 7, name: '己使用', value: 7},
+        {id: 8, name: '己超期', value: 8},
+        {id: 9, name: '关闭', value: 9},
+      ],
+      payList: {
+        0: '未支付',
+        1: '已支付',
+        2: '支付中',
+        3: '支付失败',
+        4: '支付退款',
+      },
+      payWayList: {
+        'cahsh': '现金',
+        'wecaht.applet': '微信小程序支付',
+        'alipay': '支付宝',
+      },
+      sourceList: {
+        1: '小程序',
+        2: '美团',
+        3: '携程',
+        4: '公众号',
+        5: '支付宝',
+      },
+      sourceMapList: [
+        {id: 1, name: '小程序', value: 1},
+        {id: 2, name: '美团', value: 2},
+        {id: 3, name: '携程', value: 3},
+        {id: 4, name: '公众号', value: 4},
+        {id: 5, name: '支付宝', value: 5},
+      ],
+      visibleStatus: false,
+      newObj: {},
+      visibleType: ''
+    };
+  },
+  created() {
+    this.getList();
+  },
+  methods: {
+    /** 查询列表 */
+    getList() {
+      this.loading = true;
+      pageList(this.addDateRange(this.queryParams, this.dateRange))
+      .then(response => {
+          this.dataList = response.data.rows;
+          this.total = response.data.total;
+          this.loading = false;
+      });
+    },
+    // 取消按钮
+    cancel() {
+      this.open = false;
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      if(this.queryParams.time){
+        this.queryParams.payBeginTime = this.queryParams.time[0];
+        this.queryParams.payEndTime = this.queryParams.time[1];
+      }
+      this.getList();
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.dateRange = [];
+      this.$set(this.queryParams, 'orderId', '');
+      this.$set(this.queryParams, 'status', '');
+      this.$set(this.queryParams, 'memberMobile', '');
+      this.$set(this.queryParams, 'source', '');
+      this.$set(this.queryParams, 'performName', '');
+      this.$set(this.queryParams, 'payBeginTime', '');
+      this.$set(this.queryParams, 'payEndTime', '');
+      this.$set(this.queryParams, 'time', '');
+      this.queryParams.pageNum = 1;
+      this.handleQuery();
+    },
+    /** 详情按钮操作 */
+    openDetails(row, type) {
+      this.$refs["detailsDia"].openDialog("详情", row, type);
+    },
+  }
+};
+</script>

src/views/order/orderMr/index.vue

@@ -59,12 +59,6 @@
         </el-select>
       </el-form-item>
       <el-form-item label="支付时间">
-<!--        <el-date-picker-->
-<!--          v-model="queryParams.payBeginTime"-->
-<!--          type="date"-->
-<!--          value-format="yyyy-MM-dd"-->
-<!--          placeholder="选择日期">-->
-<!--        </el-date-picker>-->
         <el-date-picker
           v-model="queryParams.time"
           type="daterange"

src/views/team/applicationMr/dialog/addAndEdit.vue

@@ -0,0 +1,580 @@
+<!--
+ * @Description: 新增/编辑弹框
+ * @Author: Sugar.
+ * @Date: 2023-11-24 13:55:00
+ * @LastEditors: Sugar.
+ * @LastEditTime: 22023-11-24 13:55:00
+ * @FilePath: \cattle_webui\src\views\distribution\personnelMr\AddOrEditDialog.vue
+ * @Copyright: Copyright (c) 2016~2023 by Sugar., All Rights Reserved.
+-->
+<template>
+  <el-dialog
+    :title="title"
+    :visible.sync="open"
+    width="700px"
+    append-to-body
+    :close-on-click-modal="false"
+    @close="cancel"
+  >
+    <div class="dialog">
+      <el-form :model="form" ref="form" :rules="rules" label-width="120px">
+        <el-form-item label="选择团队:" prop="teamId">
+          <el-select
+            v-model="form.teamId"
+            placeholder="选择团队"
+            clearable
+            @change="teamChange"
+            style="width: 100%;"
+          >
+            <el-option
+              v-for="dict in teamList"
+              :key="dict.id"
+              :label="dict.name"
+              :value="dict.id"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="选择场馆:" prop="theatreId">
+          <el-select
+            v-model="form.theatreId"
+            placeholder="选择场馆"
+            clearable
+            @change="changeTheatre"
+            style="width: 100%;"
+          >
+            <el-option
+              v-for="dict in theatreList"
+              :key="dict.id"
+              :label="dict.name"
+              :value="dict.id"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="选择演出厅:" prop="auditoriumId">
+          <el-select
+            v-model="form.auditoriumId"
+            placeholder="选择演出厅"
+            @change="auditoriumChange"
+            clearable
+            style="width: 100%;"
+          >
+            <el-option
+              v-for="dict in merchantList"
+              :key="dict.id"
+              :label="dict.name"
+              :value="dict.id"
+            />
+          </el-select>
+        </el-form-item>
+
+        <el-form-item label="选择剧目:" prop="performId">
+          <el-select
+            v-model="form.performId"
+            placeholder="选择剧目"
+            clearable
+            @change="performChangeEven"
+            style="width: 100%;"
+          >
+            <el-option
+              v-for="dict in goodsList"
+              :key="dict.id"
+              :label="dict.name"
+              :value="dict.id"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="票务管理:" prop="goodsId">
+          <el-select
+            v-model="form.goodsId"
+            placeholder="票务管理"
+            clearable
+            @change="goodsChangeEven"
+            style="width: 100%;"
+          >
+            <el-option
+              v-for="dict in ticketList"
+              :key="dict.id"
+              :label="dict.goodsName"
+              :value="dict.goodsId"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="座位类型:" prop="seatTypeId">
+          <el-select
+            v-model="form.seatTypeId"
+            placeholder="座位类型"
+            clearable
+            @change="seatChangeEven"
+            style="width: 100%;"
+          >
+            <el-option
+              v-for="dict in seatList"
+              :key="dict.seatTypeId"
+              :label="dict.seatTypeName"
+              :value="dict.seatTypeId"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="团购单价:" prop="price">
+          <el-input
+            type="number"
+            disabled
+            v-model="form.price"
+            placeholder=""
+            clearable
+            @change="changePriceAmount('salePrice')"
+            style="width: 260px;"
+          >
+            <template slot="append">元/人</template>
+          </el-input>
+        </el-form-item>
+        <el-form-item label="预约场次:" prop="performDate">
+          <el-select
+            v-model="form.seatTypeId"
+            placeholder="座位类型"
+            clearable
+            @change="sessionChangeEven"
+            style="width: 100%;"
+          >
+            <el-option
+              v-for="dict in sessionList"
+              :key="dict.id"
+              :label="dict.name"
+              :value="dict.id"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="观影人员:" prop="performDate">
+          <el-upload
+            class="upload-demo"
+            :action="uploadObj.url"
+            :headers="uploadObj.headers"
+            :auto-upload="false"
+            :disabled="uploadLoading"
+            :show-file-list="false"
+            :on-change="beforeAvatarUpload"
+            :file-list="form.fileList">
+            <el-button size="small" type="primary"  :loading="uploadLoading">{{form.viewerList && form.viewerList.length == 0 ? '导入excel' : '重新导入excel'}}</el-button>
+            <div slot="tip" class="el-upload__tip">上传excel文件，导入模板表头序号、姓名、身份证号码</div>
+          </el-upload>
+          <div v-if="form.viewerList && form.viewerList.length > 0">
+            <el-table :data="form.viewerList" style="width: 100%" border>
+              <el-table-column label="序号" align="center" type="index" width="50"></el-table-column>
+              <el-table-column prop="name" label="姓名" align="center" ></el-table-column>
+              <el-table-column prop="cardId" label="身份证号码" align="center"> </el-table-column>
+            </el-table>
+          </div>
+        </el-form-item>
+      </el-form>
+    </div>
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="cancel">取消</el-button>
+      <el-button
+        type="primary"
+        @click="submitForm"
+        v-loading.fullscreen.lock="loading"
+        element-loading-text="提交中..."
+        element-loading-spinner="el-icon-loading"
+        element-loading-background="rgba(0, 0, 0, 0.8)"
+      >
+        <span v-if="loading">提交中...</span>
+        <span v-else>保存</span>
+      </el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import { saveAndEdit, getSelectById, uploadExcel } from "@/api/team/applicationMr";
+import Editor from "@/components/Editor";
+import { getToken } from "@/utils/auth";
+import { goodsPageList } from '@/api/programmeMr/programmeMr'
+import { seatPricePageList } from '@/api/distribution/ticketMr'
+import { merchantPageList } from '@/api/performanceHallMr/performanceHallMr'
+import { pageList } from "@/api/venueMr/venueMr";
+import { teamPageList } from '@/api/team/teamMr'
+export default {
+  name: "addAndEdit",
+  props: {
+    dict: {
+      type: Object,
+      default: () => [],
+    },
+  },
+  components: {
+    Editor,
+  },
+  data() {
+    return {
+      title: "编辑",
+      model: "EDIT",
+      activeName: '01',
+      open: false,
+      loading: false,
+      uploadLoading: false,
+      form: {
+        id: undefined,
+      },
+      rules: {
+        teamId: [{ required: true, message: "请选择团队", trigger: "blur" }],
+        theatreId: [{ required: true, message: "请选择场馆", trigger: "blur" }],
+        auditoriumId: [{ required: true, message: "请选择演出厅", trigger: "blur" }],
+        performId: [{ required: true, message: "请选择选择剧目", trigger: "blur" }],
+        goodsId: [{ required: true, message: "请选择票务", trigger: "blur" }],
+        seatTypeId: [{ required: true, message: "请选择座位类型", trigger: "blur" }],
+        price: [{ required: true, message: "请输入团购单价", trigger: "blur" }],
+        teamPersonNum: [{ required: true, message: "请输入人数", trigger: "blur" }],
+      },
+      uploadObj: {
+        url: process.env.VUE_APP_UPLOAD_FILE_API + "/upload/single/minio",
+        Headers: { Authorization: "Bearer " + getToken() },
+      },
+      goodsList: [],
+      ticketList: [],
+      seatList: [],
+      merchantList: [],
+      theatreList: [],
+      teamList: [],
+      sssionList: []
+    };
+  },
+  methods: {
+    /**
+     * 打开弹框
+     * @date 2023-11-22
+     * @param {any} obj
+     * @returns {any}
+     */
+    openDialog(title, obj) {
+      this.open = true;
+      this.teamPageListApi();
+      this.getList();
+      this.goodsPageList();
+      this.reset();
+      if (obj){
+        this.title = "编辑报名";
+        this.getSelectByIdApi(obj);
+      }else{
+        this.title = "添加报名";
+        this.$nextTick(() => {
+          this.$refs["form"].clearValidate();
+        });
+      }
+    },
+    /** 获取详情 */
+    getSelectByIdApi(row) {
+      const id = row.id
+      getSelectById(id).then(response => {
+        const obj = response.data;
+        this.$nextTick(() => {
+          this.$set(this.form, 'id', obj.id);
+          this.$set(this.form, 'goodsId', obj.goodsId);
+          this.$set(this.form, 'seatTypeId', obj.seatTypeId);
+          this.$set(this.form, 'performId', obj.performId);
+          this.$set(this.form, 'originalSalePrice', obj.originalSalePrice);
+          this.$set(this.form, 'salePrice', obj.salePrice);
+          this.$set(this.form, 'brokeragePrice', obj.brokeragePrice);
+
+          this.ticketListApi();
+          this.getSeatTypeList({goodsId: this.form.goodsId, performId: this.form.performId});
+        });
+      });
+    },
+    /** 团队列表查询 */
+    teamPageListApi() {
+      teamPageList(this.addDateRange({pageNum: 1, pageSize: 100}))
+        .then(response => {
+          this.teamList = response.data.rows;
+        });
+    },
+    /** 场馆列表查询 */
+    getList(name) {
+      pageList(this.addDateRange({pageNum: 1, pageSize: 100}))
+        .then(response => {
+          this.theatreList = response.data.rows;
+          this.theatreList.forEach(item => {
+            if(name == item.name){
+              this.$set(this.form, 'venueId', item.id)
+            }
+          })
+          this.merchantPageList(this.form.venueId)
+        });
+    },
+    /** 团队选择 */
+    teamChange(val) {
+      this.teamList.forEach(item => {
+        if(val == item.id){
+          this.$set(this.form, 'teamName', item.name)
+        }
+      })
+    },
+    /** 场馆选择 */
+    changeTheatre(id) {
+      this.merchantPageList(id)
+      this.theatreList.forEach(item => {
+        if(id == item.id){
+          this.$set(this.form, 'theatreName', item.name)
+        }
+      })
+      this.$set(this.form, 'auditoriumId', '')
+    },
+    /** 演出厅选择 */
+    auditoriumChange(id) {
+      this.merchantList.forEach(item => {
+        if(id == item.id){
+          this.$set(this.form, 'auditoriumName', item.name)
+        }
+      })
+    },
+    /** 演出厅列表查询 */
+    merchantPageList(id) {
+      merchantPageList(this.addDateRange({theatreId: id, pageNum: 1, pageSize: 100}))
+        .then(response => {
+          this.merchantList = response.data.rows;
+        });
+    },
+    /** 剧目列表查询 */
+    goodsPageList() {
+      goodsPageList(this.addDateRange({pageNum: 1, pageSize: 100, status: 1}))
+        .then(response => {
+          this.goodsList = response.data.rows;
+        });
+    },
+    /** 票务列表查询 */
+    ticketListApi(performId) {
+      this.ticketList = []
+      seatPricePageList(this.addDateRange({pageNum: 1, pageSize: 100,  performId: performId}))
+        .then(response => {
+          let ticketList = []
+          response.data.rows.forEach(item => {
+            if(ticketList.indexOf(item.goodsId) == -1){
+              this.ticketList.push(item);
+              ticketList.push(item.goodsId);
+            }
+          })
+        });
+    },
+    /** 座位类型列表 */
+    getSeatTypeList(obj) {
+      seatPricePageList(this.addDateRange({pageNum: 1, pageSize: 100, goodsId: obj.goodsId, performId: obj.performId}))
+        .then(response => {
+          this.seatList = response.data.rows;
+        });
+    },
+    /** 预约场次列表 */
+    getSessionList(obj) {
+      seatPricePageList(this.addDateRange({pageNum: 1, pageSize: 100, goodsId: obj.goodsId, performId: obj.performId}))
+        .then(response => {
+          this.sessionList = response.data.rows;
+        });
+    },
+    /** 价格输入事件 */
+    changePriceAmount(key) {
+      if(this.form[key] * 1 < 0){
+        this.$message.error("输入需大于或等于0!");
+        this.$set(this.form, key, '');
+        return false
+      }
+    },
+    /** 预约场次改变事件 */
+    sessionChangeEven(val) {
+
+    },
+    // 剧目改变事件
+    performChangeEven(val) {
+      this.seatList = [];
+      this.ticketList = [];
+      this.$set(this.form, 'originalSalePrice', '')
+      this.goodsList.forEach(item => {
+        if(item.id == val){
+          this.$set(this.form, 'performName', item.name)
+        }
+      })
+      this.ticketListApi(val);
+    },
+    // 票务改变事件
+    goodsChangeEven(id) {
+      this.seatList = [];
+      this.ticketList.forEach(item => {
+        if(item.id == val){
+          this.$set(this.form, 'goodsName', item.goodsName)
+        }
+      })
+      this.$set(this.form, 'originalSalePrice', '');
+      this.$set(this.form, 'seatTypeId', '');
+
+      let selectMap = {goodsId: this.form.goodsId, performId: this.form.performId}
+      this.getSeatTypeList(selectMap);
+    },
+    // 座位类型改变事件
+    seatChangeEven(val) {
+      this.ticketList.forEach(item => {
+        if(item.seatTypeId == val){
+          this.$set(this.form, 'originalSalePrice', item.priceAmount);
+        }
+      })
+      this.seatList.forEach(item =>{
+        if(item.seatTypeId == val){
+          this.$set(this.form, 'seatTypeName', item.seatTypeName);
+        }
+      })
+    },
+    // 座位类型名称
+    seatTypeNameEven(val) {
+      let seatTypeName = '';
+      this.seatList.forEach(item =>{
+        if(item.seatTypeId == val){
+          seatTypeName = item.seatTypeName;
+        }
+      })
+      seatTypeName
+    },
+    // 预约时间
+    performDateEven(val) {
+
+    },
+    /**
+     * 保存
+     * @date 2023-11-22
+     * @returns {any}
+     */
+    submitForm() {
+      this.$refs["form"].validate(async (valid) => {
+        if (valid) {
+          try {
+            this.loading = true;
+            const { code } = await saveAndEdit({ ...this.form });
+            if (code === 200) {
+              this.$message.success("操作成功!");
+              this.$emit("getList");
+              this.cancel();
+            }
+          } catch (error) {
+          } finally {
+            this.loading = false;
+          }
+        }
+      });
+    },
+    /**
+     * 重置
+     * @date 2023-11-22
+     * @returns {any}
+     */
+    reset() {
+      this.$set(this.form, 'id', '');
+      this.$set(this.form, 'goodsId', '');
+      this.$set(this.form, 'seatTypeId', '');
+      this.$set(this.form, 'performId', '');
+      this.$set(this.form, 'originalSalePrice', '');
+      this.$set(this.form, 'salePrice', '');
+      this.$set(this.form, 'brokeragePrice', '');
+      this.$set(this.form, 'viewerList', []);
+    },
+    /**
+     * 关闭弹框
+     * @date 2023-11-22
+     * @returns {any}
+     */
+    cancel() {
+      this.reset();
+      this.open = false;
+    },
+    /**
+     * 上传成功
+     * @date 2023-11-22
+     * @param {any} res
+     * @returns {any}
+     */
+    handleAvatarSuccess(res) {
+      if (res.code === 200) {
+        // this.form.mainImg = res?.data?.url;
+        this.$set(this.form, 'mainImg', res?.data?.url)
+      }
+    },
+    /**
+     * 上传文件之前之前
+     * @date 2023-11-22
+     * @param {any} file
+     * @returns {any}
+     */
+    beforeAvatarUpload(file) {
+      const isJPG = file.type === "image/jpeg" || "image/png";
+      if (!isJPG) {
+        this.$message.error("上传头像图片只能是jpg或png格式!");
+      }
+      this.uploadExcelApi(file.raw)
+      return isJPG;
+    },
+    // 上传图片
+    uploadExcelApi(file) {
+      try {
+        let formData = new FormData();
+        formData.append("file", file);
+        this.uploadLoading = true;
+        uploadExcel(formData).then(response => {
+          this.$set(this.form, 'viewerList', response.data)
+        });
+      } catch (e) {
+      } finally {
+        this.uploadLoading = false;
+      }
+    },
+    /**
+     * 剧目海报上传成功
+     * @date 2023-11-22
+     * @param {any} res
+     * @returns {any}
+     */
+    handlePhotoListSuccess(res) {
+      if (res.code === 200) {
+        let photo = {
+          imageUrl: res?.data?.url,
+          url: res?.data?.url,
+          photoType: '2'
+        }
+        if(!this.form.photoList){
+          this.form.photoList = []
+        }
+        // this.form.photoList.push(photo);
+        this.$set(this.form.photoList, this.form.photoList.length, photo);
+      }
+    },
+    handleRemove(file, fileList) {
+      this.form.photoList.forEach((item, index) => {
+        if(item.uid == file.uid){
+          this.form.photoList.splice(index, 1)
+        }
+      })
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.dialog {
+  padding: 0 30px;
+  max-height: 65vh;
+  overflow-y: auto;
+}
+.dialog {
+  padding: 0 30px;
+  .upload-btn {
+    width: 100px;
+    height: 100px;
+    background-color: #fbfdff;
+    border: dashed 1px #c0ccda;
+    border-radius: 5px;
+    i {
+      font-size: 30px;
+      margin-top: 20px;
+    }
+    &-text {
+      margin-top: -10px;
+    }
+  }
+  .avatar {
+    cursor: pointer;
+  }
+}
+</style>

src/views/team/applicationMr/dialog/details.vue

@@ -0,0 +1,381 @@
+<!--
+ * @Description: 详情弹框
+ * @Author: Sugar.
+ * @Date: 2023-11-24 13:55:00
+ * @LastEditors: Sugar.
+ * @LastEditTime: 2023-11-24 13:55:00
+ * @FilePath: \cattle_webui\src\views\performMr\dialog\AddOrEditDialog.vue
+ * @Copyright: Copyright (c) 2016~2023 by Sugar., All Rights Reserved.
+-->
+<template>
+  <el-dialog
+    :title="title"
+    :visible.sync="open"
+    width="700px"
+    append-to-body
+    :close-on-click-modal="false"
+    @close="cancel"
+  >
+    <div class="dialog" v-if="form">
+      <!--   基础信息   -->
+      <div class="title-class" style="margin-top: 0">基础信息</div>
+      <el-row>
+        <el-col :span="12">
+          <div class="grid-content bg-purple item-class">团队名称: <span>{{ form.goodsName || ''}}</span></div>
+        </el-col>
+        <el-col :span="12">
+          <div class="grid-content bg-purple item-class">团队类型: <span>{{ form.id || '' }}</span></div>
+        </el-col>
+        <el-col :span="12">
+          <div class="grid-content bg-purple item-class">预约场馆: <span>{{ form.memberName || '' }}</span></div>
+        </el-col>
+        <el-col :span="12">
+          <div class="grid-content bg-purple item-class">预约演出厅: <span>{{ form.memberMobile || '' }}</span></div>
+        </el-col>
+        <el-col :span="12">
+          <div class="grid-content bg-purple item-class">预约剧目: <span>{{ form.memberCardId || '' }}</span></div>
+        </el-col>
+        <el-col :span="12">
+          <div class="grid-content bg-purple item-class">票务名称: <span>{{ form.performName || '' }}</span></div>
+        </el-col>
+        <el-col :span="12">
+          <div class="grid-content bg-purple item-class">座位类型: <span>{{ form.seatTypeName || '' }}</span></div>
+        </el-col>
+        <el-col :span="12">
+          <div class="grid-content bg-purple item-class">团购单价: <span>{{ form.seatTypeName || '' }}</span></div>
+        </el-col>
+        <el-col :span="12">
+          <div class="grid-content bg-purple item-class">预约时间: <span>{{ form.seatTypeName || '' }}</span></div>
+        </el-col>
+        <el-col :span="12">
+          <div class="grid-content bg-purple item-class">报名时间: <span>{{ form.seatTypeName || '' }}</span></div>
+        </el-col>
+        <el-col :span="12">
+          <div class="grid-content bg-purple item-class">负责人: <span>{{ form.seatTypeName || '' }}</span></div>
+        </el-col>
+        <el-col :span="12">
+          <div class="grid-content bg-purple item-class">联系电话: <span>{{ sourceList[form.source] || '' }}</span></div>
+        </el-col>
+      </el-row>
+
+
+      <!--   观影人员信息   -->
+      <div class="title-class">观影人员信息</div>
+      <el-row>
+        <el-col :span="24">
+          <el-table ref="tables" :data="form.viewersList" border>
+            <el-table-column label="序号" align="center" type="index" width="60"></el-table-column>
+            <el-table-column label="姓名" align="center" prop="name" />
+            <el-table-column label="身份证号码" width="180" align="center" prop="idcard" />
+          </el-table>
+        </el-col>
+      </el-row>
+    </div>
+
+    <span slot="footer" class="dialog-footer" v-if="!detailsType">
+      <el-button type="primary" @click="cancel">确定</el-button>
+    </span>
+
+    <span slot="footer" class="dialog-footer" v-if="detailsType">
+      <el-button type="primary" @click="passOpenEven" style="margin-right: 20px">通过</el-button>
+       <el-button type="danger" @click="rejectOpen = true" >驳回</el-button>
+    </span>
+
+
+    <!--  审核驳回  -->
+    <el-dialog
+      title="审核驳回"
+      :visible.sync="rejectOpen"
+      width="700px"
+      append-to-body
+      :close-on-click-modal="false"
+      @close="rejectOpen = false"
+    >
+      <div class="dialog">
+        <el-form :model="rejectForm" ref="rejectForm" :rules="rejectRules" label-width="90px">
+          <el-form-item label="驳回原因:" prop="name">
+            <el-input
+              type="textarea"
+              placeholder="请输入驳回原因"
+              v-model="rejectForm.name"
+              maxlength="300"
+              show-word-limit
+            >
+            </el-input>
+          </el-form-item>
+        </el-form>
+      </div>
+      <span slot="footer" class="dialog-footer">
+      <el-button @click="rejectOpen = false">取消</el-button>
+      <el-button
+        type="primary"
+        @click="submitForm"
+        v-loading.fullscreen.lock="loading"
+        element-loading-text="提交中..."
+        element-loading-spinner="el-icon-loading"
+        element-loading-background="rgba(0, 0, 0, 0.8)"
+      >
+        <span v-if="loading">提交中...</span>
+        <span v-else>保存</span>
+      </el-button>
+    </span>
+    </el-dialog>
+
+    <!--  审核通过  -->
+    <el-dialog
+      title="选择座位"
+      :visible.sync="passOpen"
+      width="910px"
+      append-to-body
+      :close-on-click-modal="false"
+      @close="passOpen = false"
+    >
+      <!--  座位排版  -->
+      <div class="dialog">
+        <div class="seat-box-class">
+          <div class="seat-item-class" :class="item.isDisabled ? 'disabled-class' : item.isSelect ? 'select-class' : ''" v-for="(item, index) in seatMapList" @click.stop="seatClick(item)" :key="item">
+            <p class="text-class">{{item.row}}排{{item.col}}列</p>
+<!--            <i class="el-icon-circle-check" v-if="item.isSelect"></i>-->
+          </div>
+        </div>
+      </div>
+
+      <span slot="footer" class="dialog-footer">
+      <el-button @click="passOpen = false">取消</el-button>
+      <el-button
+        type="primary"
+        @click="submitPass"
+        v-loading.fullscreen.lock="loading"
+        element-loading-text="提交中..."
+        element-loading-spinner="el-icon-loading"
+        element-loading-background="rgba(0, 0, 0, 0.8)"
+      >
+        <span v-if="loading">提交中...</span>
+        <span v-else>保存</span>
+      </el-button>
+    </span>
+    </el-dialog>
+
+  </el-dialog>
+</template>
+
+<script>
+import { getSelectById } from '@/api/order/orderMr'
+export default {
+  name: "appDetails",
+  data() {
+    return {
+      title: "编辑",
+      model: "EDIT",
+      open: false,
+      rejectOpen: false,
+      passOpen: false,
+      loading: false,
+      form: {
+        id: undefined,
+      },
+      performerVisible: false,
+      performerList: [],
+      refund: false,
+      rejectRules: {
+        name: [{ required: true, message: "请输入驳回原因", trigger: "blur" }],
+      },
+      statusList: {
+        0: '待支付',
+        2: '超时取消',
+        3: '支付完成，待使用',
+        4: '退款中',
+        5: '己退款',
+        6: '退款失败',
+        7: '己使用',
+        8: '己超期',
+        9: '关闭',
+      },
+      payList: {
+        0: '未支付',
+        1: '已支付',
+        2: '支付中',
+        3: '支付失败',
+        4: '支付退款',
+      },
+      sourceList: {
+        1: '小程序',
+        2: '美团',
+        3: '携程',
+        4: '公众号',
+        5: '支付宝',
+      },
+      dataList: [],
+      rejectForm: {},
+      detailsType: false,
+      seatMapList: [], // 座位集合
+    };
+  },
+  methods: {
+    /**
+     * 打开弹框
+     * @date 2023-11-22
+     * @param {any} obj
+     * @returns {any}
+     */
+    openDialog(title, obj, type) {
+      this.open = true;
+      if(type) {
+        this.detailsType = true
+        this.title = '审核'
+      } else {
+        this.detailsType = false
+        this.title = '详情'
+      }
+      this.getSelectByIdApi(obj);
+    },
+    /** 获取详情 */
+    getSelectByIdApi(row) {
+      const id = row.id
+      getSelectById(id).then(response => {
+        this.form = response.data;
+      });
+    },
+    // 设置座位集合
+    setSeatMapList() {
+      for (let i = 0; i < 100; i++) {
+        let map = {
+          id: i,
+          row: i,
+          col: i,
+          name: i,
+          isDisabled: i % 4 == 0,
+          isSelect: false,
+        }
+        this.seatMapList.push(map)
+      }
+    },
+    // 座位点击事件
+    seatClick(row) {
+      if(row.isDisabled){
+        return false
+      }
+      row.isSelect = !row.isSelect
+    },
+    // 审核通过
+    passOpenEven() {
+      this.passOpen = true;
+      this.setSeatMapList()
+    },
+    /**
+     * 保存
+     * @date 2023-11-22
+     * @returns {any}
+     */
+    submitForm() {
+      this.$refs["rejectOpen"].validate(async (valid) => {
+        if (valid) {
+          try {
+            this.loading = true;
+            const { code } = await saveAndEdit({ ...this.rejectForm });
+            if (code === 200) {
+              this.$message.success("操作成功!");
+              this.$emit("getList");
+              this.cancel();
+            }
+          } catch (error) {
+          } finally {
+            this.loading = false;
+          }
+        }
+      });
+    },
+    // 审核通过 - 座位选择保存
+    submitPass() {
+
+    },
+    /**
+     * 关闭弹框
+     * @date 2023-11-22
+     * @returns {any}
+     */
+    cancel() {
+      this.open = false;
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.dialog {
+  padding: 0 30px;
+  max-height: 65vh;
+  overflow-y: auto;
+}
+.dialog {
+  padding: 0 30px;
+  .upload-btn {
+    width: 100px;
+    height: 100px;
+    background-color: #fbfdff;
+    border: dashed 1px #c0ccda;
+    border-radius: 5px;
+    i {
+      font-size: 30px;
+      margin-top: 20px;
+    }
+    &-text {
+      margin-top: -10px;
+    }
+  }
+  .avatar {
+    cursor: pointer;
+  }
+  .title-class{
+    font-size: 16px;
+    font-weight: bold;
+    color: black;
+    margin-bottom: 20px;
+    margin-top: 20px;
+  }
+  .item-class{
+    margin-bottom: 20px;
+  }
+  .seat-box-class{
+    width: 800px;
+    height: auto;
+    padding: 5px;
+    border-radius: 10px;
+    border: 1px  solid #323333;
+    .disabled-class{
+      background-color: #aaabad;
+    }
+    .select-class{
+      background-color: #e85353;
+      color: #eceaea !important;
+    }
+    .seat-item-class{
+      display: inline-block;
+      width: 50px;
+      height: 50px;
+      margin: 5px;
+      border: 1px solid #4c4d4d;
+      border-radius: 2px;
+      cursor: pointer;
+      position: relative;
+      &:hover{
+        opacity: 0.6;
+      }
+
+      .text-class{
+        font-size: 14px;
+        padding: 5px;
+        margin: 0;
+      }
+
+      i{
+        position: absolute;
+        top: 10px;
+        right: 10px;
+        font-size: 30px;
+        color: red;
+      }
+    }
+  }
+}
+</style>

src/views/team/applicationMr/dialog/orderDetails.vue

@@ -0,0 +1,216 @@
+<!--
+ * @Description: 详情弹框
+ * @Author: Sugar.
+ * @Date: 2023-11-24 13:55:00
+ * @LastEditors: Sugar.
+ * @LastEditTime: 2023-11-24 13:55:00
+ * @FilePath: \cattle_webui\src\views\performMr\dialog\AddOrEditDialog.vue
+ * @Copyright: Copyright (c) 2016~2023 by Sugar., All Rights Reserved.
+-->
+<template>
+  <el-dialog
+    title="订单详情"
+    :visible.sync="open"
+    width="800px"
+    append-to-body
+    :close-on-click-modal="false"
+    @close="cancel"
+  >
+    <div class="dialog" v-if="form">
+      <!--   基础信息   -->
+      <div class="title-class" style="margin-top: 0">基础信息</div>
+      <el-row>
+        <el-col :span="12">
+          <div class="grid-content bg-purple item-class">团队名称: <span>{{ form.goodsName || ''}}</span></div>
+        </el-col>
+        <el-col :span="12">
+          <div class="grid-content bg-purple item-class">团队类型: <span>{{ form.id || '' }}</span></div>
+        </el-col>
+        <el-col :span="12">
+          <div class="grid-content bg-purple item-class">预约场馆: <span>{{ form.memberName || '' }}</span></div>
+        </el-col>
+        <el-col :span="12">
+          <div class="grid-content bg-purple item-class">预约演出厅: <span>{{ form.memberMobile || '' }}</span></div>
+        </el-col>
+        <el-col :span="12">
+          <div class="grid-content bg-purple item-class">预约剧目: <span>{{ form.memberCardId || '' }}</span></div>
+        </el-col>
+        <el-col :span="12">
+          <div class="grid-content bg-purple item-class">票务名称: <span>{{ form.performName || '' }}</span></div>
+        </el-col>
+        <el-col :span="12">
+          <div class="grid-content bg-purple item-class">座位类型: <span>{{ form.seatTypeName || '' }}</span></div>
+        </el-col>
+        <el-col :span="12">
+          <div class="grid-content bg-purple item-class">团购单价: <span>{{ form.seatTypeName || '' }}</span></div>
+        </el-col>
+        <el-col :span="12">
+          <div class="grid-content bg-purple item-class">预约时间: <span>{{ form.seatTypeName || '' }}</span></div>
+        </el-col>
+        <el-col :span="12">
+          <div class="grid-content bg-purple item-class">报名时间: <span>{{ form.seatTypeName || '' }}</span></div>
+        </el-col>
+        <el-col :span="12">
+          <div class="grid-content bg-purple item-class">负责人: <span>{{ form.seatTypeName || '' }}</span></div>
+        </el-col>
+        <el-col :span="12">
+          <div class="grid-content bg-purple item-class">联系电话: <span>{{ sourceList[form.source] || '' }}</span></div>
+        </el-col>
+        <el-col :span="12">
+          <div class="grid-content bg-purple item-class">支付总额: <span>￥{{ form.orderPrice || '' }}</span></div>
+        </el-col>
+        <el-col :span="12">
+          <div class="grid-content bg-purple item-class">团购人数: <span>{{ form.viewerNum || '' }}</span></div>
+        </el-col>
+        <el-col :span="12">
+          <div class="grid-content bg-purple item-class">支付时间: <span>{{ form.payTime || '' }}</span></div>
+        </el-col>
+        <el-col :span="12">
+          <div class="grid-content bg-purple item-class">支付方式: <span>{{ payList[form.payStatus] || '' }}</span></div>
+        </el-col>
+        <el-col :span="12">
+          <div class="grid-content bg-purple item-class">订单状态: <span>{{ statusList[form.status] || '' }}</span></div>
+        </el-col>
+      </el-row>
+
+
+      <!--   观影人员信息   -->
+      <div class="title-class">观影人员信息</div>
+      <el-row>
+        <el-col :span="24">
+          <el-table ref="tables" :data="form.viewersList" border>
+            <el-table-column label="序号" align="center" type="index" width="60"></el-table-column>
+            <el-table-column label="姓名" align="center" prop="name" />
+            <el-table-column label="身份证号码" width="180" align="center" prop="idcard" />
+            <el-table-column label="核销状态" align="center">
+              <template slot-scope="scope">
+                <el-tag v-if="scope.row.status == 0">未使用</el-tag>
+                <el-tag v-if="scope.row.status == 1" type="success">已使用</el-tag>
+                <el-tag v-if="scope.row.status == 2" type="info">过期</el-tag>
+              </template>
+            </el-table-column>
+            <el-table-column label="核销时间" align="center" prop="qrcodeUseTime" />
+            <el-table-column label="座位信息" align="center" prop="seatName" />
+          </el-table>
+        </el-col>
+      </el-row>
+    </div>
+
+    <span slot="footer" class="dialog-footer">
+      <el-button type="primary" @click="cancel">确定</el-button>
+    </span>
+
+  </el-dialog>
+</template>
+
+<script>
+import { getSelectById } from '@/api/order/orderMr'
+export default {
+  name: "orderDetails",
+  data() {
+    return {
+      title: "编辑",
+      model: "EDIT",
+      open: false,
+      loading: false,
+      form: {
+        id: undefined,
+      },
+      performerVisible: false,
+      performerList: [],
+      refund: false,
+      statusList: {
+        0: '待支付',
+        2: '超时取消',
+        3: '支付完成，待使用',
+        4: '退款中',
+        5: '己退款',
+        6: '退款失败',
+        7: '己使用',
+        8: '己超期',
+        9: '关闭',
+      },
+      payList: {
+        0: '未支付',
+        1: '已支付',
+        2: '支付中',
+        3: '支付失败',
+        4: '支付退款',
+      },
+      sourceList: {
+        1: '小程序',
+        2: '美团',
+        3: '携程',
+        4: '公众号',
+        5: '支付宝',
+      },
+      dataList: []
+    };
+  },
+  methods: {
+    /**
+     * 打开弹框
+     * @date 2023-11-22
+     * @param {any} obj
+     * @returns {any}
+     */
+    openDialog(title, obj, type) {
+      this.open = true;
+      this.getSelectByIdApi(obj);
+    },
+    /** 获取详情 */
+    getSelectByIdApi(row) {
+      const id = row.id
+      getSelectById(id).then(response => {
+        this.form = response.data;
+      });
+    },
+    /**
+     * 关闭弹框
+     * @date 2023-11-22
+     * @returns {any}
+     */
+    cancel() {
+      this.open = false;
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.dialog {
+  padding: 0 30px;
+  max-height: 65vh;
+  overflow-y: auto;
+}
+.dialog {
+  padding: 0 30px;
+  .upload-btn {
+    width: 100px;
+    height: 100px;
+    background-color: #fbfdff;
+    border: dashed 1px #c0ccda;
+    border-radius: 5px;
+    i {
+      font-size: 30px;
+      margin-top: 20px;
+    }
+    &-text {
+      margin-top: -10px;
+    }
+  }
+  .avatar {
+    cursor: pointer;
+  }
+  .title-class{
+    font-size: 16px;
+    font-weight: bold;
+    color: black;
+    margin-bottom: 20px;
+    margin-top: 20px;
+  }
+  .item-class{
+    margin-bottom: 20px;
+  }
+}
+</style>

src/views/team/applicationMr/index.vue

@@ -0,0 +1,341 @@
+<template>
+  <div class="app-container">
+    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="120px">
+      <el-form-item label="团队名称" label-width="70px">
+        <el-input
+          v-model="queryParams.goodsName"
+          placeholder="请输入团队名称"
+          clearable
+          style="width: 240px;"
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="票务名称:" prop="goodsId">
+        <el-select
+          v-model="queryParams.goodsId"
+          placeholder="票务名称"
+          clearable
+          style="width: 100%;"
+        >
+          <el-option
+            v-for="dict in ticketList"
+            :key="dict.id"
+            :label="dict.goodsName"
+            :value="dict.id"
+          />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="审核状态">
+        <el-select
+          v-model="queryParams.status"
+          placeholder="审核状态"
+          clearable
+          style="width: 100%"
+        >
+          <el-option
+            v-for="dict in statusList"
+            :key="dict.value"
+            :label="dict.name"
+            :value="dict.value"
+          />
+        </el-select>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+
+    <el-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button
+              type="primary"
+              plain
+              icon="el-icon-plus"
+              size="mini"
+              @click="handleAdd"
+              v-hasPermi="['teamTicketMr:teamTicketMr:add']"
+            >新增报名</el-button>
+      </el-col>
+      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+    </el-row>
+
+    <el-table ref="tables" v-loading="loading" :data="dataList" border>
+      <el-table-column label="序号" align="center" type="index" width="50"></el-table-column>
+      <el-table-column label="团队名称" align="center" prop="teamName" />
+      <el-table-column label="预约场馆" align="center" prop="theatreName" />
+      <el-table-column label="预约演出厅" align="center" prop="auditoriumName" />
+      <el-table-column label="预约剧目" align="center" prop="performName" />
+      <el-table-column label="票务名称" align="center" prop="goodsName" />
+      <el-table-column label="座位类型" align="center" prop="seatTypeName" />
+      <el-table-column label="团购单价" align="center" prop="price">
+        <template slot-scope="scope">
+          <span v-if="scope.row.originalSalePrice">￥{{ scope.row.price }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="预约时间" align="center" prop="performTimeStart" width="160">
+        <template slot-scope="scope">
+          <span>{{ parseTime(scope.row.performTimeStart) }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="观影人数" align="center" prop="viewerNum" />
+      <el-table-column label="合计" align="center" prop="priceTotal" />
+      <el-table-column label="报名时间" align="center" prop="createTime" width="160">
+        <template slot-scope="scope">
+          <span>{{ parseTime(scope.row.createTime) }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="审核状态" align="center">
+        <template slot-scope="scope">
+          <el-tag type="info" v-if="scope.row.status == 0">待审核</el-tag>
+          <el-tag type="success" v-if="scope.row.status == 1">审核成功</el-tag>
+          <el-tag type="danger" v-if="scope.row.status == 2">审核失败</el-tag>
+        </template>
+      </el-table-column>
+      <el-table-column label="审核时间" align="center" prop="createTime" width="160">
+        <template slot-scope="scope">
+          <span>{{ parseTime(scope.row.createTime) }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="审核人" align="center" prop="teamPersonNum" />
+      <el-table-column label="操作" align="center" width="200" class-name="small-padding fixed-width">
+        <template slot-scope="scope">
+<!--          <el-button-->
+<!--            size="mini"-->
+<!--            type="text"-->
+<!--            @click="handleUpdate(scope.row)"-->
+<!--            v-hasPermi="['teamTicketMr:teamTicketMr:edit']"-->
+<!--          >修改</el-button>-->
+          <el-button
+            size="mini"
+            type="text"
+            v-if="scope.row.status == 0"
+            @click="handleDetails(scope.row, 'examine')"
+            v-hasPermi="['teamTicketMr:teamTicketMr:edit']"
+          >审核</el-button>
+          <el-button
+            size="mini"
+            type="text"
+            @click="handleDetails(scope.row)"
+            v-hasPermi="['teamTicketMr:teamTicketMr:edit']"
+          >详情</el-button>
+          <el-button
+            size="mini"
+            type="text"
+            v-if="scope.row.status == 1"
+            @click="handleOrderDetails(scope.row)"
+            v-hasPermi="['teamTicketMr:teamTicketMr:edit']"
+          >查看订单</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <pagination
+      v-show="total>0"
+      :total="total"
+      :page.sync="queryParams.pageNum"
+      :limit.sync="queryParams.pageSize"
+      @pagination="getList"
+    />
+
+    <!-- 新增/编辑弹框 -->
+    <add-and-edit
+      ref="addAndEdit"
+      :dict="dict"
+      @getList="getList"
+    />
+
+    <!-- 详情弹框 -->
+    <app-details
+      ref="appDetails"></app-details>
+
+    <!-- 团购订单详情弹框 -->
+    <order-details
+      ref="orderDetails"></order-details>
+
+    <el-dialog
+      title="查看"
+      :visible.sync="visibleStatus"
+      width="600px"
+      :destroy-on-close="true"
+      :close-on-click-modal="false"
+    >
+      <div v-if="visibleType == 'img'">
+        <el-image
+          style="width: 400px; height: 100%"
+          :src="newObj.mainImg"
+          fit="cover"
+        />
+      </div>
+      <div v-if="visibleType == 'html'">
+        <div v-html="newObj.centent"></div>
+      </div>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="visibleStatus = false">确 定</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+
+import { pageList, deleteById, updateStatus } from '@/api/team/applicationMr'
+import addAndEdit from "./dialog/addAndEdit.vue";
+import details from "./dialog/details.vue";
+import orderDetails from "./dialog/orderDetails.vue";
+import { ticketPageList } from '@/api/ticketMr/ticketMr'
+import DetailsDia from '@/views/perform/programmeMr/dialog/details.vue'
+import AppDetails from '@/views/team/applicationMr/dialog/details.vue'
+export default {
+  name: "agreement",
+  dicts: ['distribution_type'],
+  components: { AppDetails, DetailsDia, addAndEdit, details, orderDetails },
+  data() {
+    return {
+      // 遮罩层
+      loading: true,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 用户表格数据
+      dataList: null,
+      // 弹出层标题
+      title: "",
+
+      // 是否显示弹出层
+      open: false,
+      // 日期范围
+      dateRange: [],
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        type: undefined
+      },
+      statusList: [
+        {id: 1, name: '待审核', value: 0},
+        {id: 2, name: '已通过', value: 1},
+        {id: 3, name: '已驳回', value: 2},
+      ],
+      visibleStatus: false,
+      newObj: {},
+      visibleType: '',
+      setStatus: false,
+      setForm: {},
+      setRules: [],
+      setLoading: false,
+      ticketList: []
+    };
+  },
+  created() {
+    this.getList();
+    this.ticketListApi();
+  },
+  methods: {
+    /** 查询列表 */
+    getList() {
+      this.loading = true;
+      pageList(this.queryParams)
+      .then(response => {
+          this.dataList = response.data.rows;
+          this.dataList.forEach(item =>{
+            item.switchValue = item.status;
+          })
+          this.total = response.data.total;
+          this.loading = false;
+        }
+      );
+    },
+    /** 票务列表查询 */
+    ticketListApi() {
+      ticketPageList(this.addDateRange({pageNum: 1, pageSize: 100,  goodsType: 2, classifyId: 1, status: 0}))
+        .then(response => {
+          this.ticketList = response.data.rows;
+        });
+    },
+    // 取消按钮
+    cancel() {
+      this.open = false;
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      this.getList();
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.dateRange = [];
+      this.$set(this.queryParams, 'goodsName', '');
+      this.queryParams.pageNum = 1;
+      this.handleQuery();
+    },
+    /** 价格输入事件 */
+    changePriceAmount(key) {
+      if(this.setForm[key] * 1 < 0){
+        this.$message.error("输入需大于或等于0!");
+        this.$set(this.setForm, key, '');
+        return false
+      }
+    },
+    /** 新增按钮操作 */
+    handleAdd() {
+      this.$refs["addAndEdit"].openDialog("新增数据", null);
+    },
+    /** 详情审核按钮操作 */
+    handleDetails(row, type) {
+      this.$refs["appDetails"].openDialog("查看详情", row, type);
+    },
+    /** 详情按钮操作 */
+    handleOrderDetails(row) {
+      this.$refs["orderDetails"].openDialog("查看详情", row);
+    },
+    /** 团队绑定按钮操作 */
+    handleTeam(row) {
+      this.$refs["dumplingEdit"].openDialog("团队绑定", row);
+    },
+
+
+    /** 禁用或者启用发布按钮操作 */
+    ionlineApi(row) {
+      this.$confirm("是否对剧目名称为" + row.performName + "的数据进行" + (row.status == 1 ? '下架？' : '上架？'), '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        updateStatus({ id: row.id, status: row.status == 1 ? 0 : 1 }).then((res) => {
+          if (res.code == 200) {
+            this.$message({
+              type: 'success',
+              message: '操作成功!'
+            });
+            this.getList();
+          }
+        });
+      }).catch(() => {});
+    },
+
+    /** 删除按钮操作 */
+    handleDelete(row) {
+      this.$modal.confirm('是否确认删除数据剧目名称为"' + row.performName + '"的数据项？').then(function() {
+        return deleteById(row.id);
+      }).then(() => {
+        this.getList();
+        this.$modal.msgSuccess("删除成功");
+      }).catch(() => {});
+    },
+    /** 查看按钮操作 */
+    seeCenter(obj, type) {
+      this.visibleStatus = true
+      this.visibleType = type;
+      this.newObj = obj;
+    }
+  }
+};
+</script>

src/views/team/teamMr/dialog/addAndEdit.vue

@@ -18,7 +18,7 @@
   >
     <div class="dialog">
       <el-form :model="form" ref="form" :rules="rules" label-width="120px">
-        <el-form-item label="团队名称" prop="name">
+        <el-form-item label="团队名称:" prop="name">
           <el-input
             v-model="form.name"
             placeholder="团队名称"
@@ -26,7 +26,7 @@
             style="width: 100%;"
           />
         </el-form-item>
-        <el-form-item label="团队类型" prop="type">
+        <el-form-item label="团队类型:" prop="type">
           <el-select
             v-model="form.type"
             placeholder="团队类型"
@@ -41,7 +41,7 @@
             />
           </el-select>
         </el-form-item>
-        <el-form-item label="负责人" prop="contact">
+        <el-form-item label="负责人:" prop="contact">
           <el-input
             v-model="form.contact"
             placeholder="负责人"
@@ -49,7 +49,7 @@
             style="width: 100%;"
           />
         </el-form-item>
-        <el-form-item label="联系电话" prop="mobile">
+        <el-form-item label="联系电话:" prop="mobile">
           <el-input
             v-model="form.mobile"
             placeholder="联系电话"
@@ -66,7 +66,7 @@
             style="width: 100%;"
           />
         </el-form-item>
-        <el-form-item label="合约信息">
+        <el-form-item label="合约信息:">
           <el-upload
             ref="upload"
             :action="uploadObj.url"
@@ -176,14 +176,14 @@ export default {
               if(obj.contractImg.indexOf(',') > -1){
                 let img_list = obj.contractImg.split(',');
                 let img_list_new = [];
-                img_list.forEach(item => {
+                img_list.forEach((item, index) => {
                   img_list_new.push({
                     url: item,
                   })
                 });
                 this.$set(this.form, 'photoList', img_list_new);
               } else {
-                this.$set(this.form, 'photoList', obj.contractImg);
+                this.$set(this.form, 'photoList', [{url: obj.contractImg}]);
               }
             } else {
               this.$set(this.form, 'photoList', []);
@@ -235,6 +235,7 @@ export default {
       this.$set(this.form, 'contact', "");
       this.$set(this.form, 'password', "");
       this.$set(this.form, 'mobile', "");
+      this.$set(this.form, 'photoList', []);
     },
     /**
      * 关闭弹框

src/views/team/teamMr/index.vue

@@ -253,7 +253,7 @@ export default {
     },
     /** 重置密码按钮操作 */
     resettingApi(row) {
-      this.$confirm("是否对团队名称为" + row.name + "的数据进行密码重置,重置后的密码为123456？", '提示', {
+      this.$confirm("是否对团队名称为" + row.name + "的数据进行密码重置？重置后的密码为123456！", '提示', {
         confirmButtonText: '确定',
         cancelButtonText: '取消',
         type: 'warning'

src/views/team/ticketMr/dialog/addAndEdit.vue

@@ -0,0 +1,395 @@
+<!--
+ * @Description: 新增/编辑弹框
+ * @Author: Sugar.
+ * @Date: 2023-11-24 13:55:00
+ * @LastEditors: Sugar.
+ * @LastEditTime: 22023-11-24 13:55:00
+ * @FilePath: \cattle_webui\src\views\distribution\personnelMr\AddOrEditDialog.vue
+ * @Copyright: Copyright (c) 2016~2023 by Sugar., All Rights Reserved.
+-->
+<template>
+  <el-dialog
+    :title="title"
+    :visible.sync="open"
+    width="700px"
+    append-to-body
+    :close-on-click-modal="false"
+    @close="cancel"
+  >
+    <div class="dialog">
+      <el-form :model="form" ref="form" :rules="rules" label-width="120px">
+        <el-form-item label="选择剧目:" prop="performId">
+          <el-select
+            v-model="form.performId"
+            placeholder="选择剧目"
+            clearable
+            @change="performChangeEven"
+            style="width: 100%;"
+          >
+            <el-option
+              v-for="dict in goodsList"
+              :key="dict.id"
+              :label="dict.name"
+              :value="dict.id"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="票务管理:" prop="goodsId">
+          <el-select
+            v-model="form.goodsId"
+            placeholder="票务管理"
+            clearable
+            @change="goodsChangeEven"
+            style="width: 100%;"
+          >
+            <el-option
+              v-for="dict in ticketList"
+              :key="dict.id"
+              :label="dict.goodsName"
+              :value="dict.goodsId"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="座位类型:" prop="seatTypeId">
+          <el-select
+            v-model="form.seatTypeId"
+            placeholder="座位类型"
+            clearable
+            @change="seatChangeEven"
+            style="width: 100%;"
+          >
+            <el-option
+              v-for="dict in seatList"
+              :key="dict.seatTypeId"
+              :label="dict.seatTypeName"
+              :value="dict.seatTypeId"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="销售价:" prop="originalSalePrice">
+          <el-input
+            disabled
+            v-model="form.originalSalePrice"
+            placeholder="销售价"
+            clearable
+            style="width: 100%;"
+          />
+        </el-form-item>
+        <el-form-item label="团购单价:" prop="salePrice">
+          <el-input
+            type="number"
+            v-model="form.salePrice"
+            placeholder=""
+            clearable
+            @change="changePriceAmount('salePrice')"
+            style="width: 260px;"
+          >
+            <template slot="append">元/人</template>
+          </el-input>
+        </el-form-item>
+        <el-form-item label="成团人数:" prop="teamPersonNum">
+          <el-input
+            type="number"
+            v-model="form.teamPersonNum"
+            placeholder=""
+            clearable
+            @change="changePriceAmount('teamPersonNum')"
+            style="width: 260px;"
+          >
+          </el-input>
+          <span style="margin-left: 5px">人起成团</span>
+        </el-form-item>
+      </el-form>
+    </div>
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="cancel">取消</el-button>
+      <el-button
+        type="primary"
+        @click="submitForm"
+        v-loading.fullscreen.lock="loading"
+        element-loading-text="提交中..."
+        element-loading-spinner="el-icon-loading"
+        element-loading-background="rgba(0, 0, 0, 0.8)"
+      >
+        <span v-if="loading">提交中...</span>
+        <span v-else>保存</span>
+      </el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+// import { updateNoticeMgr } from "@/api/system/noticeMgr";
+import { saveAndEdit, getSelectById } from "@/api/team/ticketMr";
+import Editor from "@/components/Editor";
+import { getToken } from "@/utils/auth";
+import { goodsPageList } from '@/api/programmeMr/programmeMr'
+import { ticketPageList } from '@/api/ticketMr/ticketMr'
+import { SeatTypeList } from '@/api/seatTypeMr/seatTypeMr'
+import { seatPricePageList } from '@/api/distribution/ticketMr'
+export default {
+  name: "addAndEdit",
+  props: {
+    dict: {
+      type: Object,
+      default: () => [],
+    },
+  },
+  components: {
+    Editor,
+  },
+  data() {
+    return {
+      title: "编辑",
+      model: "EDIT",
+      activeName: '01',
+      open: false,
+      loading: false,
+      form: {
+        id: undefined,
+      },
+      rules: {
+        performId: [{ required: true, message: "请选择选择剧目", trigger: "blur" }],
+        goodsId: [{ required: true, message: "请选择票务", trigger: "blur" }],
+        seatTypeId: [{ required: true, message: "请选择座位类型", trigger: "blur" }],
+        salePrice: [{ required: true, message: "请输入团购单价", trigger: "blur" }],
+        originalSalePrice: [{ required: true, message: "请输入销售价", trigger: "blur" }],
+        teamPersonNum: [{ required: true, message: "请输入人数", trigger: "blur" }],
+      },
+      uploadObj: {
+        url: process.env.VUE_APP_UPLOAD_FILE_API + "/upload/single/minio",
+        Headers: { Authorization: "Bearer " + getToken() },
+      },
+      goodsList: [],
+      ticketList: [],
+      seatList: []
+    };
+  },
+  methods: {
+    /**
+     * 打开弹框
+     * @date 2023-11-22
+     * @param {any} obj
+     * @returns {any}
+     */
+    openDialog(title, obj) {
+      this.open = true;
+      this.goodsPageList();
+      this.reset();
+      if (obj){
+        this.title = "编辑票务管理";
+        this.getSelectByIdApi(obj);
+      }else{
+        this.title = "添加票务管理";
+        this.$nextTick(() => {
+          this.$refs["form"].clearValidate();
+        });
+      }
+    },
+    /** 获取详情 */
+    getSelectByIdApi(row) {
+      const id = row.id
+      getSelectById(id).then(response => {
+        const obj = response.data;
+        this.$nextTick(() => {
+          this.$set(this.form, 'id', obj.id);
+          this.$set(this.form, 'goodsId', obj.goodsId);
+          this.$set(this.form, 'seatTypeId', obj.seatTypeId);
+          this.$set(this.form, 'performId', obj.performId);
+          this.$set(this.form, 'originalSalePrice', obj.originalSalePrice);
+          this.$set(this.form, 'salePrice', obj.salePrice);
+          this.$set(this.form, 'brokeragePrice', obj.brokeragePrice);
+
+          this.ticketListApi();
+          this.getSeatTypeList({goodsId: this.form.goodsId, performId: this.form.performId});
+        });
+      });
+    },
+    /** 剧目列表查询 */
+    goodsPageList() {
+      goodsPageList(this.addDateRange({pageNum: 1, pageSize: 100, status: 1}))
+        .then(response => {
+          this.goodsList = response.data.rows;
+        });
+    },
+    /** 票务列表查询 */
+    ticketListApi(performId) {
+      this.ticketList = []
+      seatPricePageList(this.addDateRange({pageNum: 1, pageSize: 100,  performId: performId}))
+        .then(response => {
+          let ticketList = []
+          response.data.rows.forEach(item => {
+            if(ticketList.indexOf(item.goodsId) == -1){
+              this.ticketList.push(item);
+              ticketList.push(item.goodsId);
+            }
+          })
+        });
+    },
+    /** 座位类型列表 */
+    getSeatTypeList(obj) {
+      seatPricePageList(this.addDateRange({pageNum: 1, pageSize: 100, goodsId: obj.goodsId, performId: obj.performId}))
+        .then(response => {
+          this.seatList = response.data.rows;
+        });
+    },
+    /** 价格输入事件 */
+    changePriceAmount(key) {
+      if(this.form[key] * 1 < 0){
+        this.$message.error("输入需大于或等于0!");
+        this.$set(this.form, key, '');
+        return false
+      }
+    },
+    // 剧目改变事件
+    performChangeEven(val) {
+      this.seatList = [];
+      this.ticketList = [];
+      this.$set(this.form, 'originalSalePrice', '')
+      this.ticketListApi(val);
+    },
+    // 票务改变事件
+    goodsChangeEven() {
+      this.seatList = [];
+      this.$set(this.form, 'originalSalePrice', '');
+      this.$set(this.form, 'seatTypeId', '');
+      let selectMap = {goodsId: this.form.goodsId, performId: this.form.performId}
+      this.getSeatTypeList(selectMap);
+    },
+    // 座位类型改变事件
+    seatChangeEven(val) {
+      this.ticketList.forEach(item => {
+        if(item.seatTypeId == val){
+          this.$set(this.form, 'originalSalePrice', item.priceAmount);
+        }
+      })
+    },
+    /**
+     * 保存
+     * @date 2023-11-22
+     * @returns {any}
+     */
+    submitForm() {
+      this.$refs["form"].validate(async (valid) => {
+        if (valid) {
+          try {
+            this.loading = true;
+            const { code } = await saveAndEdit({ ...this.form });
+            if (code === 200) {
+              this.$message.success("操作成功!");
+              this.$emit("getList");
+              this.cancel();
+            }
+          } catch (error) {
+          } finally {
+            this.loading = false;
+          }
+        }
+      });
+    },
+    /**
+     * 重置
+     * @date 2023-11-22
+     * @returns {any}
+     */
+    reset() {
+      this.$set(this.form, 'id', '');
+      this.$set(this.form, 'goodsId', '');
+      this.$set(this.form, 'seatTypeId', '');
+      this.$set(this.form, 'performId', '');
+      this.$set(this.form, 'originalSalePrice', '');
+      this.$set(this.form, 'salePrice', '');
+      this.$set(this.form, 'brokeragePrice', '');
+    },
+    /**
+     * 关闭弹框
+     * @date 2023-11-22
+     * @returns {any}
+     */
+    cancel() {
+      this.reset();
+      this.open = false;
+    },
+    /**
+     * 上传成功
+     * @date 2023-11-22
+     * @param {any} res
+     * @returns {any}
+     */
+    handleAvatarSuccess(res) {
+      if (res.code === 200) {
+        // this.form.mainImg = res?.data?.url;
+        this.$set(this.form, 'mainImg', res?.data?.url)
+      }
+    },
+    /**
+     * 上传文件之前之前
+     * @date 2023-11-22
+     * @param {any} file
+     * @returns {any}
+     */
+    beforeAvatarUpload(file) {
+      const isJPG = file.type === "image/jpeg" || "image/png";
+      if (!isJPG) {
+        this.$message.error("上传头像图片只能是jpg或png格式!");
+      }
+      return isJPG;
+    },
+    /**
+     * 剧目海报上传成功
+     * @date 2023-11-22
+     * @param {any} res
+     * @returns {any}
+     */
+    handlePhotoListSuccess(res) {
+      if (res.code === 200) {
+        let photo = {
+          imageUrl: res?.data?.url,
+          url: res?.data?.url,
+          photoType: '2'
+        }
+        if(!this.form.photoList){
+          this.form.photoList = []
+        }
+        // this.form.photoList.push(photo);
+        this.$set(this.form.photoList, this.form.photoList.length, photo);
+      }
+    },
+    handleRemove(file, fileList) {
+      this.form.photoList.forEach((item, index) => {
+        if(item.uid == file.uid){
+          this.form.photoList.splice(index, 1)
+        }
+      })
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.dialog {
+  padding: 0 30px;
+  max-height: 65vh;
+  overflow-y: auto;
+}
+.dialog {
+  padding: 0 30px;
+  .upload-btn {
+    width: 100px;
+    height: 100px;
+    background-color: #fbfdff;
+    border: dashed 1px #c0ccda;
+    border-radius: 5px;
+    i {
+      font-size: 30px;
+      margin-top: 20px;
+    }
+    &-text {
+      margin-top: -10px;
+    }
+  }
+  .avatar {
+    cursor: pointer;
+  }
+}
+</style>

src/views/team/ticketMr/dialog/dumplingEdit.vue

@@ -0,0 +1,298 @@
+<!--
+ * @Description: 新增/编辑弹框
+ * @Author: Sugar.
+ * @Date: 2023-11-24 13:55:00
+ * @LastEditors: Sugar.
+ * @LastEditTime: 2023-11-24 13:55:00
+ * @FilePath: \cattle_webui\src\views\otaMr\dialog\AddOrEditDialog.vue
+ * @Copyright: Copyright (c) 2016~2023 by Sugar., All Rights Reserved.
+-->
+<template>
+  <el-dialog
+    :title="title"
+    :visible.sync="open"
+    width="700px"
+    append-to-body
+    :close-on-click-modal="false"
+    @close="cancel"
+  >
+    <div class="dialog" style="padding: 0">
+      <el-row :gutter="10" class="mb8">
+        <el-col :span="1.5">
+          <el-button
+            type="primary"
+            plain
+            icon="el-icon-plus"
+            size="mini"
+            @click="handleAdd"
+          >添加</el-button>
+        </el-col>
+      </el-row>
+      <el-table ref="tables" v-loading="tabLoading" :data="dataList" border>
+        <el-table-column label="序号" align="center" type="index" width="50"></el-table-column>
+        <el-table-column label="团队名称" align="center" prop="name" />
+        <el-table-column label="团队类型" align="center" prop="type">
+          <template slot-scope="scope">
+            <dict-tag :options="dict.type.team_type" :value="scope.row.type"/>
+          </template>
+        </el-table-column>
+        <el-table-column label="负责人" align="center" prop="contact" />
+        <el-table-column label="操作" align="center" width="200" class-name="small-padding fixed-width">
+          <template slot-scope="scope">
+            <el-button
+              size="mini"
+              type="text"
+              @click="handleDelete(scope.row)"
+            >移除</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <pagination
+        v-show="total>0"
+        :total="total"
+        :page.sync="queryParams.pageNum"
+        :limit.sync="queryParams.pageSize"
+        @pagination="getList"
+      />
+    </div>
+
+    <el-dialog
+      title="团队选择"
+      :visible.sync="selectionOpen"
+      width="600px"
+      append-to-body
+      :close-on-click-modal="false"
+      @close="selectionCancel"
+    >
+      <div class="dialog" style="padding: 0">
+        <el-table ref="tables" v-loading="selectionTabLoading" :data="selectionDataList" border @selection-change="handleSelectionChange">
+          <el-table-column type="selection" width="50" align="center" />
+          <el-table-column label="序号" align="center" type="index" width="50"></el-table-column>
+          <el-table-column label="团队名称" align="center" prop="name" />
+          <el-table-column label="团队类型" align="center" prop="type">
+            <template slot-scope="scope">
+              <dict-tag :options="dict.type.team_type" :value="scope.row.type"/>
+            </template>
+          </el-table-column>
+          <el-table-column label="负责人" align="center" prop="contact" />
+        </el-table>
+        <pagination
+          v-show="selectionTabTotal>0"
+          :total="selectionTabTotal"
+          :page.sync="selectQueryParams.pageNum"
+          :limit.sync="selectQueryParams.pageSize"
+          @pagination="getList"
+        />
+      </div>
+      <span slot="footer" class="dialog-footer">
+      <el-button @click="selectionCancel">取消</el-button>
+      <el-button
+        type="primary"
+        @click="submitForm"
+        v-loading.fullscreen.lock="loading"
+        element-loading-text="提交中..."
+        element-loading-spinner="el-icon-loading"
+        element-loading-background="rgba(0, 0, 0, 0.8)"
+      >
+        <span v-if="loading">提交中...</span>
+        <span v-else>确认</span>
+      </el-button>
+    </span>
+    </el-dialog>
+
+    <span slot="footer" class="dialog-footer">
+      <el-button  type="primary"  @click="cancel">确认</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import { bindTeam, queryBindTeam, unBindTeam } from '@/api/team/ticketMr'
+import Editor from "@/components/Editor";
+import { getToken } from "@/utils/auth";
+import { updateStatus } from '@/api/team/teamMr'
+export default {
+  name: "dumplingEdit",
+  components: {
+    Editor,
+  },
+  props: {
+    dict: {
+      type: Object,
+      default: () => [],
+    },
+  },
+  data() {
+    return {
+      title: "团队绑定",
+      model: "EDIT",
+      open: false,
+      loading: false,
+      tabLoading: false,
+      selectionTabLoading: false,
+      dataList: [],
+      selectionDataList: [],
+      total: 0,
+      selectionTabTotal: 0,
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        type: 1,
+      },
+      selectQueryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        type: 2,
+      },
+      selectList: [],
+      selectionOpen: false,
+      onwObj: {},
+    };
+  },
+  methods: {
+    /**
+     * 打开弹框
+     * @date 2023-11-22
+     * @param {any} obj
+     * @returns {any}
+     */
+    openDialog(title, obj) {
+      this.open = true;
+      this.title = "团队绑定";
+      this.onwObj = obj;
+      this.getList(obj);
+    },
+    handleAdd() {
+      this.getSelectList();
+      this.selectionOpen = true
+    },
+    /** 查询列表 */
+    getList(obj) {
+      this.tabLoading = true;
+      this.queryParams.configId = obj.id
+      queryBindTeam(this.queryParams)
+        .then(response => {
+            this.dataList = response.data.rows;
+            this.total = response.data.total;
+            this.tabLoading = false;
+          }
+        ).catch(() => {
+        this.tabLoading = false;
+      });
+    },
+    /** 查询列表 */
+    getSelectList(obj) {
+      this.selectionTabLoading = true;
+      queryBindTeam(this.selectQueryParams)
+        .then(response => {
+            this.selectionDataList = response.data.rows;
+            this.selectionTabTotal = response.data.total;
+            this.selectionTabLoading = false;
+          }
+        ).catch(() => {
+        this.selectionTabLoading = false;
+      });
+    },
+    // 多选框选中数据
+    handleSelectionChange(selection) {
+      this.selectList = selection;
+    },
+    /**
+     * 保存
+     * @date 2023-11-22
+     * @returns {any}
+     */
+    async submitForm() {
+      try {
+        if(this.selectList.length <= 0) {
+          this.$message.error("请勾选团队!");
+          return false
+        }
+        let postList = [];
+        this.selectList.forEach(item => {
+          postList.push({
+            "teamId": item.id,
+            "configId": this.onwObj.id
+          })
+        })
+        this.loading = true;
+        const { code } = await bindTeam(postList);
+        if (code === 200) {
+          this.$message.success("操作成功!");
+          this.getList(this.onwObj);
+          this.selectionOpen = false;
+        }
+      } catch (error) {
+      } finally {
+        this.loading = false;
+      }
+    },
+    /** 删除按钮操作 */
+    handleDelete(row) {
+      this.$confirm('是否确认移除数据剧目名称为"' + row.name + '"的数据项？', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        unBindTeam({ teamId: row.id, configId: this.onwObj.id }).then((res) => {
+          if (res.code == 200) {
+            this.$message({
+              type: 'success',
+              message: '操作成功!'
+            });
+            this.getList(this.onwObj);
+          }
+        });
+      }).catch(() => {});
+    },
+    /**
+     * 重置
+     * @date 2023-11-22
+     * @returns {any}
+     */
+    reset() {
+
+    },
+    /**
+     * 关闭弹框
+     * @date 2023-11-22
+     * @returns {any}
+     */
+    cancel() {
+      this.open = false;
+    },
+    selectionCancel() {
+      this.selectionOpen = false;
+    }
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.dialog {
+  padding: 0 30px;
+  max-height: 65vh;
+  overflow-y: auto;
+}
+.dialog {
+  padding: 0 30px;
+  .upload-btn {
+    width: 100px;
+    height: 100px;
+    background-color: #fbfdff;
+    border: dashed 1px #c0ccda;
+    border-radius: 5px;
+    i {
+      font-size: 30px;
+      margin-top: 20px;
+    }
+    &-text {
+      margin-top: -10px;
+    }
+  }
+  .avatar {
+    cursor: pointer;
+  }
+}
+</style>

src/views/team/ticketMr/index.vue

@@ -0,0 +1,275 @@
+<template>
+  <div class="app-container">
+    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="120px">
+      <el-form-item label="票务名称" label-width="70px">
+        <el-input
+          v-model="queryParams.goodsName"
+          placeholder="请输入票务名称"
+          clearable
+          style="width: 240px;"
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+
+    <el-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button
+              type="primary"
+              plain
+              icon="el-icon-plus"
+              size="mini"
+              @click="handleAdd"
+              v-hasPermi="['teamTicketMr:teamTicketMr:add']"
+            >新增</el-button>
+      </el-col>
+      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+    </el-row>
+
+    <el-table ref="tables" v-loading="loading" :data="dataList" border>
+      <el-table-column label="序号" align="center" type="index" width="50"></el-table-column>
+      <el-table-column label="剧目名称" align="center" prop="performName" />
+      <el-table-column label="票务名称" align="center" prop="goodsName" />
+      <el-table-column label="座位类型" align="center" prop="seatTypeName" />
+      <el-table-column label="销售价" align="center" prop="brokerageTotal">
+        <template slot-scope="scope">
+          <span v-if="scope.row.originalSalePrice">￥{{ scope.row.originalSalePrice }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="团购单价" align="center" prop="withdrawTotal">
+        <template slot-scope="scope">
+          <span v-if="scope.row.salePrice">￥{{ scope.row.salePrice }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="成团人数" align="center" prop="teamPersonNum" />
+      <el-table-column label="状态" align="center">
+        <template slot-scope="scope">
+          <el-tag type="success" v-if="scope.row.status == 1">己上架</el-tag>
+          <el-tag type="info" v-if="scope.row.status == 0">未上架</el-tag>
+        </template>
+      </el-table-column>
+      <el-table-column label="添加时间" align="center" prop="createTime" width="160">
+        <template slot-scope="scope">
+          <span>{{ parseTime(scope.row.createTime) }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="操作" align="center" width="200" class-name="small-padding fixed-width">
+        <template slot-scope="scope">
+          <el-button
+            size="mini"
+            type="text"
+            @click="handleUpdate(scope.row)"
+            v-hasPermi="['teamTicketMr:teamTicketMr:edit']"
+          >修改</el-button>
+          <el-button
+            size="mini"
+            type="text"
+            @click="handleTeam(scope.row)"
+            v-hasPermi="['teamTicketMr:teamTicketMr:edit']"
+          >团队绑定</el-button>
+          <el-button
+            size="mini"
+            type="text"
+            @click="ionlineApi(scope.row)"
+            v-hasPermi="['teamTicketMr:teamTicketMr:resetting']"
+          >{{ scope.row.status == 1 ? '下架' : '上架' }}</el-button>
+          <el-button
+            size="mini"
+            type="text"
+            @click="handleDelete(scope.row,scope.index)"
+            v-hasPermi="['teamTicketMr:teamTicketMr:delete']"
+          >删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <pagination
+      v-show="total>0"
+      :total="total"
+      :page.sync="queryParams.pageNum"
+      :limit.sync="queryParams.pageSize"
+      @pagination="getList"
+    />
+
+    <!-- 新增/编辑弹框 -->
+    <add-and-edit
+      ref="addAndEdit"
+      :dict="dict"
+      @getList="getList"
+    />
+
+    <dumpling-edit :dict="dict" ref="dumplingEdit"></dumpling-edit>
+
+    <el-dialog
+      title="查看"
+      :visible.sync="visibleStatus"
+      width="600px"
+      :destroy-on-close="true"
+      :close-on-click-modal="false"
+    >
+      <div v-if="visibleType == 'img'">
+        <el-image
+          style="width: 400px; height: 100%"
+          :src="newObj.mainImg"
+          fit="cover"
+        />
+      </div>
+      <div v-if="visibleType == 'html'">
+        <div v-html="newObj.centent"></div>
+      </div>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="visibleStatus = false">确 定</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+
+import { pageList, deleteById, updateStatus } from '@/api/team/ticketMr'
+import addAndEdit from "./dialog/addAndEdit.vue";
+import dumplingEdit from "./dialog/dumplingEdit.vue";
+export default {
+  name: "agreement",
+  dicts: ['distribution_type', 'team_type'],
+  components: { addAndEdit, dumplingEdit },
+  data() {
+    return {
+      // 遮罩层
+      loading: true,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 用户表格数据
+      dataList: null,
+      // 弹出层标题
+      title: "",
+
+      // 是否显示弹出层
+      open: false,
+      // 日期范围
+      dateRange: [],
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        type: undefined
+      },
+      statusList: [
+        {id: 1, name: '未发布', value: 0},
+        {id: 2, name: '发布', value: 1},
+        {id: 3, name: '下架', value: 2},
+      ],
+      visibleStatus: false,
+      newObj: {},
+      visibleType: '',
+      setStatus: false,
+      setForm: {},
+      setRules: [],
+      setLoading: false,
+    };
+  },
+  created() {
+    this.getList();
+  },
+  methods: {
+    /** 查询列表 */
+    getList() {
+      this.loading = true;
+      pageList(this.queryParams)
+      .then(response => {
+          this.dataList = response.data.rows;
+          this.dataList.forEach(item =>{
+            item.switchValue = item.status;
+          })
+          this.total = response.data.total;
+          this.loading = false;
+        }
+      );
+    },
+    // 取消按钮
+    cancel() {
+      this.open = false;
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      this.getList();
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.dateRange = [];
+      this.$set(this.queryParams, 'goodsName', '');
+      this.queryParams.pageNum = 1;
+      this.handleQuery();
+    },
+    /** 价格输入事件 */
+    changePriceAmount(key) {
+      if(this.setForm[key] * 1 < 0){
+        this.$message.error("输入需大于或等于0!");
+        this.$set(this.setForm, key, '');
+        return false
+      }
+    },
+    /** 新增按钮操作 */
+    handleAdd() {
+      this.$refs["addAndEdit"].openDialog("新增数据", null);
+    },
+    /** 修改按钮操作 */
+    handleUpdate(row) {
+      this.$refs["addAndEdit"].openDialog("修改数据", row);
+    },
+    /** 团队绑定按钮操作 */
+    handleTeam(row) {
+      this.$refs["dumplingEdit"].openDialog("团队绑定", row);
+    },
+
+
+    /** 禁用或者启用发布按钮操作 */
+    ionlineApi(row) {
+      this.$confirm("是否对剧目名称为" + row.performName + "的数据进行" + (row.status == 1 ? '下架？' : '上架？'), '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        updateStatus({ id: row.id, status: row.status == 1 ? 0 : 1 }).then((res) => {
+          if (res.code == 200) {
+            this.$message({
+              type: 'success',
+              message: '操作成功!'
+            });
+            this.getList();
+          }
+        });
+      }).catch(() => {});
+    },
+
+    /** 删除按钮操作 */
+    handleDelete(row) {
+      this.$modal.confirm('是否确认删除数据剧目名称为"' + row.performName + '"的数据项？').then(function() {
+        return deleteById(row.id);
+      }).then(() => {
+        this.getList();
+        this.$modal.msgSuccess("删除成功");
+      }).catch(() => {});
+    },
+    /** 查看按钮操作 */
+    seeCenter(obj, type) {
+      this.visibleStatus = true
+      this.visibleType = type;
+      this.newObj = obj;
+    }
+  }
+};
+</script>

src/views/ticket/priceMr/dialog/addAndEdit.vue

@@ -271,6 +271,19 @@ export default {
       ticketPageList(this.addDateRange({pageNum: 1, pageSize: 100,  goodsType: 2, classifyId: 1, status: 0}))
         .then(response => {
             this.ticketList = response.data.rows;
+
+            // 判断票务回写时 是否被删除或者关闭 如果是goodsId为空
+            if(this.form.goodsId  && this.form.goodsId != ''){
+              let goodsType = false
+              this.ticketList.forEach(item => {
+                if(item.id == this.form.goodsId){
+                  goodsType = true;
+                }
+              })
+              if(!goodsType){
+                this.$set(this.form, 'goodsId', "");
+              }
+            }
         });
     },
     /** 演出厅列表查询 */

src/views/ticket/ticketMr/dialog/addAndEdit.vue

@@ -31,6 +31,19 @@
             <el-form-item label="实名信息:" prop="isAuth">
               <el-radio v-model="form.isAuth" label="1">全部观影人员均实名</el-radio>
             </el-form-item>
+            <el-form-item label="核销时间:" prop="beforeTime">
+              <span style="margin-right: 5px">开演前</span>
+              <el-input
+                v-model="form.beforeTime"
+                @change="changePriceAmount('beforeTime')"
+                type="number"
+                placeholder="核销时间"
+                clearable
+                style="width: 120px;"
+              >
+              </el-input>
+              <span style="margin-left: 5px">分钟内</span>
+            </el-form-item>
             <el-form-item label="核销播报次数:" prop="verificationSpeaker">
               <el-input
                 v-model="form.verificationSpeaker"
@@ -40,7 +53,6 @@
                 clearable
                 style="width: 100%;"
               >
-                <template slot="append">次</template>
               </el-input>
             </el-form-item>
             <el-form-item label="票务说明:">
@@ -172,6 +184,7 @@ export default {
       },
       rules: {
         goodsName: [{ required: true, message: "请输入票务名称", trigger: "blur" }],
+        beforeTime: [{ required: true, message: "请输入核销时间", trigger: "blur" }],
         verificationSpeaker: [{ required: true, message: "请输入核销播报次数", trigger: "blur" }],
         detail: [{ required: true, message: "请输入票务说明", trigger: "blur" }],
         salePrice: [{ required: true, message: "请输入销售价", trigger: "blur" }],
@@ -243,6 +256,7 @@ export default {
           this.$set(this.form, 'goodsName', obj.goodsName);
           this.$set(this.form, 'isAuth', '1');
           this.$set(this.form, 'verificationSpeaker', obj.goodsPerform.verificationSpeaker);
+          this.$set(this.form, 'beforeTime', obj.goodsPerform.beforeTime);
           this.$set(this.form, 'detail', obj.goodsPerform.detail);
 
 
@@ -294,6 +308,7 @@ export default {
             postMap.goodsName = this.form.goodsName;
             postMap.isAuth = this.form.isAuth;
             postMap.goodsPerform.verificationSpeaker = this.form.verificationSpeaker;
+            postMap.goodsPerform.beforeTime = this.form.beforeTime;
             postMap.goodsPerform.detail = this.form.detail;
 
 

src/views/ticket/ticketMr/index.vue

@@ -85,6 +85,7 @@
             size="mini"
             type="text"
             @click="handleUpdate(scope.row)"
+            v-if="scope.row.status != 0"
             v-hasPermi="['ticketMr:ticketMr:edit']"
           >修改</el-button>
           <el-button

src/views/venue/performanceHallMr/dialog/addAndEdit.vue

@@ -41,7 +41,7 @@
             />
           </el-select>
         </el-form-item>
-        <el-form-item label="票区图上传" prop="seatImg">
+        <el-form-item label="票区图上传">
           <el-upload
             ref="upload"
             class="avatar-uploader"
@@ -52,12 +52,15 @@
             :on-success="handleAvatarSuccess"
             :before-upload="beforeAvatarUpload"
           >
-            <div class="avatar" v-if="form.seatImg">
+            <div class="avatar" style="position: relative" v-if="form.seatImg">
               <el-image
                 style="width: 100px; height: 100px"
                 :src="form.seatImg"
                 fit="cover"
               />
+              <div class="img_remove">
+                <el-button type="text" icon="el-icon-delete" @click.stop="removeImg">删除</el-button>
+              </div>
             </div>
             <div class="upload-btn" v-else>
               <i class="el-icon-plus"></i>
@@ -220,6 +223,15 @@ export default {
       }
       return isJPG;
     },
+    /**
+     * 删除图片
+     * @date 2023-11-22
+     * @param {any} res
+     * @returns {any}
+     */
+    removeImg() {
+      this.$set(this.form, 'seatImg', "")
+    }
   },
 };
 </script>
@@ -238,6 +250,28 @@ export default {
     height: 50px;
   }
 
+  .avatar:hover{
+    .img_remove{
+      display: block;
+    }
+  }
+  .avatar:before{
+    .img_remove{
+      display: none;
+    }
+  }
+  .img_remove{
+    position: absolute;
+    display: none;
+    left: 0;
+    top: 0;
+    width: 100px;
+    height: 100px;
+    background: #565454;
+    opacity: 0.8;
+    line-height: 100px;
+  }
+
   .upload-btn {
     width: 100px;
     height: 100px;

src/views/venue/performanceHallMr/dialog/seatTemplateEdit.vue

@@ -49,13 +49,13 @@
                >
             <!--  画框确定  -->
             <div class="draw-dialog-class" id="draw-dialog-type" v-show="drawDialogType">
-              <div class="box-class" style="border: none; height: 240px" @wheel.stop="wheelDrawHandle">
+              <div class="box-class" style="border: none; height: 280px" @wheel.stop="wheelDrawHandle">
                 <el-form :model="drawForm" ref="drawForm" :rules="drawRules" label-width="100px" label-position="top">
                   <el-form-item label="" prop="status">
                     <el-radio v-model="drawForm.status" label="1">可售</el-radio>
                     <el-radio v-model="drawForm.status" label="2">不可售</el-radio>
                   </el-form-item>
-                  <el-form-item label="" prop="seatTypeId">
+                  <el-form-item label="" prop="seatTypeId" v-if="drawForm.status == 1">
                     <el-select
                       v-model="drawForm.seatTypeId"
                       placeholder="座位类型"
@@ -71,7 +71,7 @@
                       />
                     </el-select>
                   </el-form-item>
-                  <el-form-item label="">
+                  <el-form-item label="" v-if="drawForm.status == 1">
                     <el-input
                       v-model.number="drawForm.priority"
                       placeholder="座位自动分配优先级"
@@ -114,7 +114,7 @@
         </el-col>
         <el-col :span="6" style="padding-left: 15px">
           <div class="title-class">座位设置</div>
-          <div class="box-class">
+          <div class="box-class" style="height: 540px">
             <el-form :model="form" ref="form" label-width="100px" label-position="top">
               <el-form-item label="是否可售">
                 <el-radio v-model="form.status" label="1">可售</el-radio>
@@ -224,7 +224,9 @@ export default {
       canNum: [],
       unCanNum: [],
 
-      drawForm: {},
+      drawForm: {
+        status: '1'
+      },
       drawDialogType: false,
       drawRules: {
         status: [{ required: true, message: "请选择状态", trigger: "blur" }],
@@ -277,16 +279,16 @@ export default {
     setSeatDrawMap(row, col) {
       let map = this.colSeatMap[row + '_' +col];
       map.status = this.drawForm.status;
-      map.color = this.drawForm.seat.color;
-      map.seatTypeId = this.drawForm.seat.id;
-      map.seatLabel = this.drawForm.seat.name;
+      map.color = this.drawForm.seat ? this.drawForm.seat.color : '';
+      map.seatTypeId = this.drawForm.seat ? this.drawForm.seat.id : '';
+      map.seatLabel = this.drawForm.seat ? this.drawForm.seat.name : '';
       map.name = "";
       map.priority = this.drawForm.priority;
 
       if(this.drawForm.status == 2) {
-        this.map.color = '#7d7d7e';
-        this.map.seatTypeId = '';
-        this.map.seatLabel = '';
+        map.color = '#7d7d7e';
+        map.seatTypeId = '';
+        map.seatLabel = '';
       }
       this.$set(this.colSeatMap, row + '_' +col, map);
       this.countNum();
@@ -333,11 +335,10 @@ export default {
       this.getSeatTypeList();
       this.colSeatMap = {}
       this.drawForm = {};
+      this.$set(this.drawForm, 'status', '1')
       this.boxWidth = 0;
       this.dragStatus = true;
-      this.form = {
-        status: '1'
-      }
+      this.$set(this.form, 'status', '1')
       if (obj){
         this.title = "座位模板";
         this.auditoriumId = obj.id;
@@ -594,7 +595,7 @@ export default {
 .draw-dialog-class{
   border-radius: 10px;
   height: 240px;
-  width: 200px;
+  width: 220px;
   background-color: #fff;
   position: absolute;
   z-index: 55;