|
@@ -1,225 +0,0 @@
|
|
|
-<template>
|
|
|
|
|
- <div class="full-container-p24">
|
|
|
|
|
- <div style="display: flex; justify-content: space-between">
|
|
|
|
|
- <div style="display: flex">
|
|
|
|
|
- <el-input
|
|
|
|
|
- placeholder="请输入名称/联系人/手机号"
|
|
|
|
|
- prefix-icon="el-icon-search"
|
|
|
|
|
- v-model="term"
|
|
|
|
|
- clearable
|
|
|
|
|
- style="height: 32px; width: 330px; line-height: 32px"
|
|
|
|
|
- @keyup.enter="getAgencyList"
|
|
|
|
|
- ></el-input>
|
|
|
|
|
- <div class="seach-btn" @click="getAgencyList">查询</div>
|
|
|
|
|
- </div>
|
|
|
|
|
- <el-button v-auth="'ADDPROXY'" type="primary" @click="visable = true">
|
|
|
|
|
- 添加代理
|
|
|
|
|
- </el-button>
|
|
|
|
|
- </div>
|
|
|
|
|
-
|
|
|
|
|
- <el-dialog v-model="visable" title="添加代理" width="550px">
|
|
|
|
|
- <template v-slot:default>
|
|
|
|
|
- <div class="df jcc">
|
|
|
|
|
- <el-form
|
|
|
|
|
- :model="ruleForm"
|
|
|
|
|
- :rules="rules"
|
|
|
|
|
- ref="form"
|
|
|
|
|
- label-width="110px"
|
|
|
|
|
- label-position="left"
|
|
|
|
|
- >
|
|
|
|
|
- <el-form-item prop="proxyName" label="代理名称">
|
|
|
|
|
- <el-input
|
|
|
|
|
- style="width: 280px"
|
|
|
|
|
- v-model="ruleForm.proxyName"
|
|
|
|
|
- ></el-input>
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- <el-form-item prop="contactName" label="联系人">
|
|
|
|
|
- <el-input
|
|
|
|
|
- style="width: 280px"
|
|
|
|
|
- v-model="ruleForm.contactName"
|
|
|
|
|
- ></el-input>
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- <el-form-item prop="contactPhone" label="联系人手机号">
|
|
|
|
|
- <el-input
|
|
|
|
|
- style="width: 280px"
|
|
|
|
|
- v-model="ruleForm.contactPhone"
|
|
|
|
|
- ></el-input>
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- </el-form>
|
|
|
|
|
- </div>
|
|
|
|
|
- </template>
|
|
|
|
|
- <template v-slot:footer>
|
|
|
|
|
- <div class="dialog-footer">
|
|
|
|
|
- <el-button @click="resetForm">取 消</el-button>
|
|
|
|
|
- <el-button type="primary" @click="addAgency(ruleForm)">
|
|
|
|
|
- 确 定
|
|
|
|
|
- </el-button>
|
|
|
|
|
- </div>
|
|
|
|
|
- </template>
|
|
|
|
|
- </el-dialog>
|
|
|
|
|
-
|
|
|
|
|
- <div style="margin-top: 24px">
|
|
|
|
|
- <el-table :data="tableData" stripe style="width: 100%">
|
|
|
|
|
- <el-table-column
|
|
|
|
|
- type="index"
|
|
|
|
|
- label="序号"
|
|
|
|
|
- min-width="80"
|
|
|
|
|
- align="center"
|
|
|
|
|
- ></el-table-column>
|
|
|
|
|
- <el-table-column
|
|
|
|
|
- prop="companyName"
|
|
|
|
|
- label="代理公司"
|
|
|
|
|
- min-width="100"
|
|
|
|
|
- align="center"
|
|
|
|
|
- ></el-table-column>
|
|
|
|
|
- <el-table-column
|
|
|
|
|
- prop="contactName"
|
|
|
|
|
- label="联系人"
|
|
|
|
|
- min-width="100"
|
|
|
|
|
- align="center"
|
|
|
|
|
- ></el-table-column>
|
|
|
|
|
- <el-table-column
|
|
|
|
|
- prop="contactPhone"
|
|
|
|
|
- label="手机号"
|
|
|
|
|
- min-width="80"
|
|
|
|
|
- align="center"
|
|
|
|
|
- ></el-table-column>
|
|
|
|
|
- <el-table-column
|
|
|
|
|
- prop="createTime"
|
|
|
|
|
- label="入驻时间"
|
|
|
|
|
- min-width="160"
|
|
|
|
|
- align="center"
|
|
|
|
|
- >
|
|
|
|
|
- <template v-slot="scope">
|
|
|
|
|
- {{ subTimeStr(scope.row.createTime) }}
|
|
|
|
|
- </template>
|
|
|
|
|
- </el-table-column>
|
|
|
|
|
- <el-table-column label="操作" min-width="120" align="center">
|
|
|
|
|
- <el-button disabled size="small" type="danger">删除</el-button>
|
|
|
|
|
- </el-table-column>
|
|
|
|
|
- </el-table>
|
|
|
|
|
- <div style="width: 100%; text-align: right; margin-top: 43px">
|
|
|
|
|
- <el-pagination
|
|
|
|
|
- background
|
|
|
|
|
- layout="prev, pager, next"
|
|
|
|
|
- :total="total"
|
|
|
|
|
- @current-change="pageChange"
|
|
|
|
|
- ></el-pagination>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
-</template>
|
|
|
|
|
-
|
|
|
|
|
-<script setup>
|
|
|
|
|
-import api from "../../apis/fetch";
|
|
|
|
|
-import { ref, onMounted, reactive } from "vue";
|
|
|
|
|
-import { ElNotification, ElMessageBox } from "element-plus";
|
|
|
|
|
-import { subTimeStr } from "../../utils/utils";
|
|
|
|
|
-
|
|
|
|
|
-let tableData = ref([]);
|
|
|
|
|
-let currentPage = ref(1);
|
|
|
|
|
-let total = ref(0);
|
|
|
|
|
-let term = ref("");
|
|
|
|
|
-let loginAccountId = ref(0);
|
|
|
|
|
-let ruleForm = ref({
|
|
|
|
|
- proxyName: "",
|
|
|
|
|
- contactName: "",
|
|
|
|
|
- contactPhone: "",
|
|
|
|
|
-});
|
|
|
|
|
-const rules = reactive({
|
|
|
|
|
- proxyName: [
|
|
|
|
|
- {
|
|
|
|
|
- required: true,
|
|
|
|
|
- message: "请填写代理名称",
|
|
|
|
|
- trigger: "blur",
|
|
|
|
|
- },
|
|
|
|
|
- ],
|
|
|
|
|
- contactPhone: [
|
|
|
|
|
- {
|
|
|
|
|
- required: true,
|
|
|
|
|
- message: "请填联系人手机号",
|
|
|
|
|
- trigger: "blur",
|
|
|
|
|
- },
|
|
|
|
|
- ],
|
|
|
|
|
- contactName: [
|
|
|
|
|
- {
|
|
|
|
|
- required: true,
|
|
|
|
|
- message: "请填写联系人名称",
|
|
|
|
|
- trigger: "blur",
|
|
|
|
|
- },
|
|
|
|
|
- ],
|
|
|
|
|
-});
|
|
|
|
|
-
|
|
|
|
|
-async function getAgencyList() {
|
|
|
|
|
- let res = await api.getAgencyList({
|
|
|
|
|
- term: term.value,
|
|
|
|
|
- currentPage: currentPage.value,
|
|
|
|
|
- size: 10,
|
|
|
|
|
- loginAccountId: loginAccountId.value,
|
|
|
|
|
- });
|
|
|
|
|
- if (res.data.status == 0) {
|
|
|
|
|
- tableData.value = res.data.result;
|
|
|
|
|
- total.value = res.data.total;
|
|
|
|
|
- } else {
|
|
|
|
|
- tableData.value = [];
|
|
|
|
|
- total.value = 0;
|
|
|
|
|
- }
|
|
|
|
|
-}
|
|
|
|
|
-
|
|
|
|
|
-function pageChange(e) {
|
|
|
|
|
- currentPage.value = e;
|
|
|
|
|
- getAgencyList();
|
|
|
|
|
-}
|
|
|
|
|
-let visable = ref(false);
|
|
|
|
|
-let form = ref(null);
|
|
|
|
|
-async function addAgency() {
|
|
|
|
|
- console.log(ruleForm.value);
|
|
|
|
|
- let res = await api.addAgency({
|
|
|
|
|
- ...ruleForm.value,
|
|
|
|
|
- loginAccountId: loginAccountId.value,
|
|
|
|
|
- });
|
|
|
|
|
- console.log(res);
|
|
|
|
|
- let status = res.data.status == 0;
|
|
|
|
|
- ElNotification({
|
|
|
|
|
- title: status ? "成功" : "失败",
|
|
|
|
|
- duration: 1500,
|
|
|
|
|
- message: res.data.msg,
|
|
|
|
|
- type: status ? "success" : "error",
|
|
|
|
|
- });
|
|
|
|
|
- resetForm();
|
|
|
|
|
- getAgencyList();
|
|
|
|
|
-}
|
|
|
|
|
-function resetForm() {
|
|
|
|
|
- visable.value = false;
|
|
|
|
|
- form.value.resetFields();
|
|
|
|
|
-}
|
|
|
|
|
-
|
|
|
|
|
-function closeModal() {
|
|
|
|
|
- proxyName.value = "";
|
|
|
|
|
- contactPhone.value = "";
|
|
|
|
|
- contactName.value = "";
|
|
|
|
|
-}
|
|
|
|
|
-
|
|
|
|
|
-onMounted(() => {
|
|
|
|
|
- loginAccountId.value = localStorage.loginAccountId;
|
|
|
|
|
- getAgencyList();
|
|
|
|
|
-});
|
|
|
|
|
-</script>
|
|
|
|
|
-
|
|
|
|
|
-<style scoped>
|
|
|
|
|
-.seach-btn {
|
|
|
|
|
- display: inline-block;
|
|
|
|
|
- width: 60px;
|
|
|
|
|
- height: 38px;
|
|
|
|
|
- background: #0094fe;
|
|
|
|
|
- border-radius: 2px;
|
|
|
|
|
- font-size: 14px;
|
|
|
|
|
- font-family: PingFangSC-Regular, PingFang SC;
|
|
|
|
|
- font-weight: 400;
|
|
|
|
|
- color: #ffffff;
|
|
|
|
|
- text-align: center;
|
|
|
|
|
- line-height: 38px;
|
|
|
|
|
- margin-left: 10px;
|
|
|
|
|
- cursor: pointer;
|
|
|
|
|
-}
|
|
|
|
|
-</style>
|
|
|