leisure-travel 0.4.99

package/index.js

@@ -0,0 +1,85 @@
+import leTravelMenus from "./le-travel-menus/index.js";
+import leTravelDict from "./le-travel-dict/index.js";
+import LeTravelPcategory from "./le-travel-pcategory/index.js";
+import LeTravelProduct from "./le-travel-product/index.js";
+import LeTravelProductDrange from "./le-travel-product-drange/index.js";
+import LeTravelTicket from "./le-travel-ticket/index.js";
+import LeTravelOrder, {
+  LeTravelOrderStatistics,
+} from "./le-travel-order/index.js";
+import LeTravelVoice, {
+  LeTravelVoiceSubject,
+} from "./le-travel-voice/index.js";
+import LeTravelStrategy, {
+  LeTravelStrategyCategory,
+} from "./le-travel-strategy/index.js";
+import LeTravelStudy, {
+  LeTravelStudyCategory,
+} from "./le-travel-study/index.js";
+import LeTravelAgency from "./le-travel-agency/index.js";
+import LeTravelHotel from "./le-travel-hotel/index.js";
+import LeTravelHotelPackage from "./le-travel-hotel-package/index.js";
+import LeTravelIntroduce from "./le-travel-introduce/index.js";
+import LeTravelAgencyInfo from "./le-travel-agency-info/index.js";
+import LeTravelBuy from "./le-travel-buy/index.js";
+import LeTravelNarrator, {
+  LeTravelNarratorMp3,
+} from "./le-travel-narrator/index.js";
+const components = [
+  leTravelMenus,
+  leTravelDict,
+  LeTravelPcategory,
+  LeTravelProduct,
+  LeTravelProductDrange,
+  LeTravelTicket,
+  LeTravelOrder,
+  LeTravelOrderStatistics,
+  LeTravelVoice,
+  LeTravelVoiceSubject,
+  LeTravelStrategy,
+  LeTravelStrategyCategory,
+  LeTravelStudy,
+  LeTravelStudyCategory,
+  LeTravelAgency,
+  LeTravelHotel,
+  LeTravelHotelPackage,
+  LeTravelIntroduce,
+  LeTravelAgencyInfo,
+  LeTravelBuy,
+  LeTravelNarrator,
+  LeTravelNarratorMp3,
+];
+
+const install = function (Vue) {
+  if (install.installed) return;
+
+  components.forEach((component) => {
+    Vue.component(component.name, component);
+  });
+};
+
+export default {
+  install,
+  leTravelMenus,
+  leTravelDict,
+  LeTravelPcategory,
+  LeTravelProduct,
+  LeTravelProductDrange,
+  LeTravelTicket,
+  LeTravelOrder,
+  LeTravelOrderStatistics,
+  LeTravelVoice,
+  LeTravelVoiceSubject,
+  LeTravelStrategy,
+  LeTravelStrategyCategory,
+  LeTravelStudy,
+  LeTravelStudyCategory,
+  LeTravelAgency,
+  LeTravelHotel,
+  LeTravelHotelPackage,
+  LeTravelIntroduce,
+  LeTravelAgencyInfo,
+  LeTravelBuy,
+  LeTravelNarrator,
+  LeTravelNarratorMp3,
+};

package/le-travel-agency/index.js

@@ -0,0 +1,7 @@
+import LeTravelAgency from "./src/main.vue";
+
+LeTravelAgency.install = function (Vue) {
+  Vue.component(LeTravelAgency.name, LeTravelAgency);
+};
+
+export default LeTravelAgency;

package/le-travel-agency/src/main.vue

@@ -0,0 +1,458 @@
+<template>
+  <div class="page-container">
+    <el-form :inline="true" class="demo-form-inline">
+      <el-form-item>
+        <el-input
+          clearable
+          v-model="searchName"
+          placeholder="请输入旅行社名称"
+        ></el-input>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" @click="gettravelAgencyList()">
+          查询
+        </el-button>
+        <el-button type="info" @click="resetSearch()">重置</el-button>
+        <el-button type="success" @click="addtravelAgency()">
+          添加旅行社
+        </el-button>
+      </el-form-item>
+    </el-form>
+    <el-table :data="tableData" border row-key="id" stripe style="width: 100%">
+      <el-table-column prop="name" label="旅行社名称" align="center">
+      </el-table-column>
+      <el-table-column prop="account" label="账号" align="center">
+      </el-table-column>
+      <el-table-column label="审核状态" align="center">
+        <template slot-scope="scope">
+          <span v-if="scope.row.check_status == 0">未审核</span>
+          <span v-if="scope.row.check_status == 1">审核通过</span>
+        </template>
+      </el-table-column>
+      <el-table-column prop="contacts" label="联系人" align="center">
+      </el-table-column>
+      <el-table-column prop="phone" label="联系电话" align="center">
+      </el-table-column>
+      <el-table-column prop="address" label="地址" align="center">
+      </el-table-column>
+      <el-table-column prop="cdate" label="创建日期" align="center">
+        <template slot-scope="scope">
+          <span>{{ parseTime(scope.row.cdate) }}</span>
+        </template>
+      </el-table-column>
+
+      <el-table-column fixed="right" label="操作" align="center" width="280">
+        <template slot-scope="scope">
+          <el-button
+            type="primary"
+            size="small"
+            @click="edittravelAgency(scope.row)"
+            >编辑</el-button
+          >
+          <el-popconfirm
+            :title="`该操作不可逆，确定删除？`"
+            @confirm="del(scope.row.id)"
+          >
+            <template #reference>
+              <el-button type="danger" size="small" style="margin-left: 10px"
+                >删除
+              </el-button>
+            </template>
+          </el-popconfirm>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <div style="text-align: center; margin-top: 30px" v-if="total > 0">
+      <el-pagination
+        background
+        layout="prev, pager, next"
+        :current-page="pageNo"
+        :total="total"
+        :page-size="pageSize"
+        @current-change="current_change"
+      >
+      </el-pagination>
+    </div>
+
+    <el-dialog
+      v-el-drag-dialog
+      title="添加/编辑旅行社"
+      :visible.sync="showAddPageModal"
+      :close-on-click-modal="false"
+      width="70%"
+      @close="handleClose"
+    >
+      <el-form
+        :model="ruleForm"
+        :rules="rules"
+        ref="ruleForm"
+        label-width="140px"
+      >
+        <el-form-item label="旅行社名称" prop="name">
+          <el-input v-model="ruleForm.name"></el-input>
+        </el-form-item>
+        <el-form-item label="旅行社账号" prop="account">
+          <el-input v-model="ruleForm.account"></el-input>
+        </el-form-item>
+        <el-form-item label="支付宝账号" prop="alipay">
+          <el-input v-model="ruleForm.alipay"></el-input>
+        </el-form-item>
+        <!-- <el-form-item label="账号密码" prop="password">
+          <el-input show-password v-model="ruleForm.password"></el-input>
+        </el-form-item> -->
+        <el-form-item label="联系人" prop="contacts">
+          <el-input v-model="ruleForm.contacts"></el-input>
+        </el-form-item>
+        <el-form-item label="联系电话" prop="phone">
+          <el-input v-model="ruleForm.phone"></el-input>
+        </el-form-item>
+        <el-form-item label="营业执照">
+          <div v-if="ruleForm.cob">
+            <le-image
+              :src="ruleForm.cob"
+              :preview-src-list="srcList"
+              style="width: 100px; height: 100px"
+            >
+            </le-image>
+            <span style="margin-left: 10px">双击查看大图</span>
+          </div>
+        </el-form-item>
+        <el-form-item label="备注" phone>
+          <el-input
+            type="textarea"
+            placeholder="请输入内容"
+            maxlength="100"
+            show-word-limit
+            v-model="ruleForm.note"
+          >
+          </el-input>
+        </el-form-item>
+        <el-form-item label="审核状态">
+          <el-radio-group v-model="ruleForm.check_status">
+            <el-radio :label="0">不通过</el-radio>
+            <el-radio :label="1">通过</el-radio>
+          </el-radio-group>
+        </el-form-item>
+        <el-form-item label="导游列表">
+          <el-table border :data="accounts" ref="refAccount">
+            <el-table-column label="手机号" min-width="130" align="center">
+              <template slot-scope="scope">
+                <el-form-item>
+                  <el-input v-model="scope.row.phone"></el-input>
+                </el-form-item>
+              </template>
+            </el-table-column>
+            <el-table-column label="姓名" min-width="130" align="center">
+              <template slot-scope="scope">
+                <el-form-item>
+                  <el-input v-model="scope.row.name"></el-input>
+                </el-form-item>
+              </template>
+            </el-table-column>
+            <el-table-column label="支付宝" min-width="130" align="center">
+              <template slot-scope="scope">
+                <el-form-item>
+                  <el-input v-model="scope.row.alipay"></el-input>
+                </el-form-item>
+              </template>
+            </el-table-column>
+            <el-table-column label="账号状态" min-width="100" align="center">
+              <template slot-scope="scope">
+                <el-form-item>
+                  <el-select v-model="scope.row.check_status">
+                    <el-option label="待审核" :value="0" :key="0"></el-option>
+                    <el-option label="审核通过" :value="1" :key="1"></el-option>
+                    <el-option
+                      label="审核不通过"
+                      :value="2"
+                      :key="2"
+                    ></el-option>
+                  </el-select>
+                </el-form-item>
+              </template>
+            </el-table-column>
+            <el-table-column label="日期" min-width="120" align="center">
+              <template slot-scope="scope">
+                <el-form-item>
+                  <!-- <el-input v-model="scope.row.cdate"></el-input> -->
+                  <span>{{ parseTime(scope.row.cdate) }}</span>
+                </el-form-item>
+              </template>
+            </el-table-column>
+            <el-table-column label="操作" min-width="160" align="center">
+              <template slot-scope="scope">
+                <el-button
+                  type="primary"
+                  size="small"
+                  @click="saveAccount(scope)"
+                  >保存</el-button
+                >
+                <el-popconfirm
+                  :title="`该操作不可逆，确定删除？`"
+                  @confirm="handleDelAccountRow(scope)"
+                >
+                  <template #reference>
+                    <el-button
+                      type="danger"
+                      style="margin-left: 10px"
+                      size="small"
+                      >删除</el-button
+                    >
+                  </template>
+                </el-popconfirm>
+              </template>
+            </el-table-column>
+          </el-table>
+        </el-form-item>
+      </el-form>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="handleAddGuide">新增导游</el-button>
+        <el-button @click="handleClose">取 消</el-button>
+        <el-button type="primary" @click="savetravelAgency">确 定</el-button>
+      </span>
+    </el-dialog>
+  </div>
+</template>
+<script>
+import {
+  travelAgencyCreate,
+  travelAgencyDel,
+  travelAgencyEdit,
+  travelAgencyList,
+  travelAgencyUserList,
+  editAgencyUserInfo,
+  delGuideUserInfo,
+} from "@/api/travelAgency";
+import { edit as userEdit } from "@/api/user";
+
+export default {
+  name: "le-travel-agency",
+  components: {},
+  data() {
+    return {
+      searchName: "",
+      pageNo: 1,
+      total: 0,
+      pageSize: 10,
+      tableData: [],
+      accounts: [],
+      ruleForm: {
+        id: "",
+        name: "",
+        account: "",
+        contacts: "",
+        cob: "",
+        phone: "",
+        address: "",
+        alipay: "",
+        note: "",
+        check_status: 1,
+      },
+      srcList: [],
+      rules: {
+        name: [
+          { required: true, message: "请输入旅行社名称", trigger: "blur" },
+          {
+            min: 1,
+            max: 100,
+            message: "长度在 1 到 100 个字符",
+            trigger: "blur",
+          },
+        ],
+        account: [
+          { required: true, message: "请输入旅行社账号  ", trigger: "blur" },
+          {
+            min: 1,
+            max: 30,
+            message: "长度在 1 到 30 个字符",
+            trigger: "blur",
+          },
+        ],
+        alipay: [
+          { required: true, message: "请输入支付宝账号", trigger: "blur" },
+          {
+            min: 1,
+            max: 20,
+            message: "长度在 1 到 20 个字符",
+            trigger: "blur",
+          },
+        ],
+        contacts: [
+          { required: false, message: "请输入旅行社账号  ", trigger: "blur" },
+          {
+            min: 1,
+            max: 20,
+            message: "长度在 1 到 20 个字符",
+            trigger: "blur",
+          },
+        ],
+        phone: [
+          { required: true, message: "请输入旅行社手机号", trigger: "blur" },
+          {
+            min: 1,
+            max: 13,
+            message: "长度在 1 到 13 个字符",
+            trigger: "blur",
+          },
+        ],
+        password: [
+          { required: true, message: "请输入账号密码", trigger: "blur" },
+          {
+            min: 1,
+            max: 12,
+            message: "长度在 1 到 12 个字符",
+            trigger: "blur",
+          },
+        ],
+        note: [
+          { required: false, message: "请输入账号密码", trigger: "blur" },
+          {
+            min: 1,
+            max: 100,
+            message: "长度在 1 到 100个字符",
+            trigger: "blur",
+          },
+        ],
+      },
+      showAddPageModal: false,
+      isEdittravelAgency: false,
+      travelAgencyEditId: "",
+    };
+  },
+  computed: {},
+  mounted() {
+    this.gettravelAgencyList();
+  },
+  methods: {
+    resetSearch() {
+      this.pageNo = 1;
+      this.searchName = "";
+      this.gettravelAgencyList();
+    },
+    current_change(page) {
+      this.pageNo = page;
+      this.gettravelAgencyList();
+    },
+    approveAccountStatus(status) {
+      this.ruleForm.approved = status;
+      let params = {};
+      params.id = this.ruleForm.aguid; //用户表里面的uid
+      params.approved = this.ruleForm.approved;
+      params.note = this.ruleForm.reson;
+      userEdit(params).then((res) => {});
+    },
+    addtravelAgency() {
+      this.ruleForm.cdate = new Date();
+      this.showAddPageModal = true;
+      this.travelAgencyEditId = "";
+      this.isEdittravelAgency = false;
+    },
+    edittravelAgency(row) {
+      this.ruleForm = JSON.parse(JSON.stringify(row));
+      if (this.ruleForm.cob) {
+        this.srcList = [];
+        this.srcList.push(this.ruleForm.cob);
+      }
+      this.showAddPageModal = true;
+      this.travelAgencyEditId = row.id;
+      this.isEdittravelAgency = true;
+      this.getAgencyUserList(row.id);
+    },
+    getAgencyUserList(aid) {
+      let params = {};
+      params.aid = aid;
+      travelAgencyUserList(params).then((res) => {
+        this.accounts = res.data.data;
+      });
+    },
+    savetravelAgency() {
+      let params = JSON.parse(JSON.stringify(this.ruleForm));
+      this.$refs["ruleForm"].validate((valid) => {
+        if (valid) {
+          if (this.isEdittravelAgency) {
+            delete params.uid;
+            params.id = this.travelAgencyEditId;
+            travelAgencyEdit(params).then(() => {
+              this.$message.success("修改旅行社成功～");
+              this.gettravelAgencyList(this.pageNo);
+              this.handleClose();
+            });
+          } else {
+            travelAgencyCreate(params).then(() => {
+              this.$message.success("添加旅行社成功～");
+              this.gettravelAgencyList(this.pageNo);
+              this.handleClose();
+            });
+          }
+        } else {
+          return false;
+        }
+      });
+    },
+    handleClose() {
+      this.showAddPageModal = false;
+      this.travelAgencyEditId = "";
+      this.ruleForm.name = "";
+      this.ruleForm.account = "";
+      this.ruleForm.contacts = "";
+      this.ruleForm.phone = "";
+      this.ruleForm.alipay = "";
+      this.ruleForm.password = "";
+      this.ruleForm.note = "";
+      this.ruleForm.address = "";
+      this.ruleForm.cob = "";
+      this.ruleForm.check_status = 1;
+      delete this.ruleForm.id;
+    },
+    gettravelAgencyList() {
+      let params = {
+        pageNo: this.pageNo,
+        name: this.searchName,
+      };
+      travelAgencyList(params).then((res) => {
+        this.tableData = res.data.data.list || [];
+        this.total = res.data.data.count || 0;
+        this.pageSize = res.data.data.pageSize || 10;
+      });
+    },
+    del(id) {
+      travelAgencyDel({
+        id: id,
+      }).then((response) => {
+        this.gettravelAgencyList(this.pageNo);
+        this.$message.success("删除旅行社成功");
+      });
+    },
+    saveAccount(item) {
+      let account = item.row;
+      let params = {};
+      params.id = account.id;
+      params.name = account.name;
+      params.aid = this.ruleForm.id;
+      params.phone = account.phone;
+      params.check_status = account.check_status;
+      params.alipay = account.alipay;
+      params.note = "后台增加";
+      editAgencyUserInfo(params).then((res) => {
+        this.getAgencyUserList(params.aid);
+        this.$message.success("状态变更成功!");
+      });
+    },
+    handleAddGuide() {
+      let guide = {};
+      this.accounts.push(guide);
+    },
+    handleDelAccountRow(item) {
+      let account = item.row;
+      let params = {};
+      params.guid = account.id;
+      if (!params.guid || !params.guid) return;
+      delGuideUserInfo(params).then((res) => {
+        this.getAgencyUserList(account.aid);
+        this.$message.success("删除旅行社成功");
+      });
+    },
+  },
+};
+</script>

package/le-travel-agency-info/index.js

@@ -0,0 +1,7 @@
+import LeTravelAgencyInfo from "./src/main.vue";
+
+LeTravelAgencyInfo.install = function (Vue) {
+  Vue.component(LeTravelAgencyInfo.name, LeTravelAgencyInfo);
+};
+
+export default LeTravelAgencyInfo;