feat:运营账号管理、快递设置

src/apis/service/system/expressSettings/index.js

@@ -0,0 +1,10 @@
+// 系统权限-菜单管理-贾增超
+import http from '@/apis/axios'
+const api = 'admin/'
+export default {
+  // 分页查询
+  list: (data, params) => http(api + 'menulist', data, 'post', params),
+  // 状态
+  actionstatus: (data, params) =>
+    http(api + 'menuactionstatus', data, 'post', params),
+}

src/apis/service/system/operationAccount/index.js

@@ -0,0 +1,26 @@
+// 系统权限-菜单管理-贾增超
+import http from '@/apis/axios'
+const api = 'admin/'
+export default {
+  // 分页查询
+  list: (data, params) => http(api + 'menulist', data, 'post', params),
+  // 更新
+  update: (data, params) => http(api + 'menusave', data, 'post', params),
+  // 菜单状态
+  menustatus: (data, params) => http(api + 'menustatus', data, 'post', params),
+  // 菜单删除
+  menudel: (data, params) => http(api + 'menudel', data, 'post', params),
+
+  // 按钮
+  // 列表
+  actionList: (data, params) => http(api + 'menuaction', data, 'post', params),
+  // 添加
+  actionadd: (data, params) => http(api + 'menuactionadd', data, 'post', params),
+  // 更新
+  actionedit: (data, params) => http(api + 'menuactionsave', data, 'post', params),
+  // 状态
+  actionstatus: (data, params) =>
+    http(api + 'menuactionstatus', data, 'post', params),
+      // 删除
+  actiondel: (data, params) => http(api + 'menuactiondel', data, 'post', params),
+}

src/store/modules/user.js

@@ -156,21 +156,17 @@ const actions = {
     });
   },
 
-  //保存用户的业务公司列表
+  // 保存用户的业务公司列表
   // isSuperUser 是否超管用户
   async getCompanyList({ commit }, isSuperUser) {
     const result = await requsetCompanyList({});
-
     const { code, data } = result;
-
     if (code === 0) {
       commit("SET_COMPANY_LIST", data.list);
     }
-
     if (code >= 100 && code <= 104) {
       return "noToken"
     }
-
     return result;
   },
 

src/utils/actionType.js

@@ -0,0 +1,5 @@
+export const actionTypes = {
+  CREATE:'create',
+  PREVIEW:'preview',
+  UPDATE:'update',
+}

src/views/system/expressSettings/index.vue

@@ -0,0 +1,277 @@
+<template>
+  <div class="parameter pagePadding">
+    <ex-table
+      v-loading="loading"
+      v-if=" powers.some((i) => i == '001')"
+      :table="table"
+      :data="tableData"
+      :columns="columns"
+      :page="pageInfo"
+      :size="size"
+      @page-curr-change="handlePageChange"
+      @page-size-change="handleSizeChange"
+      @screen-reset="
+        pageInfo.curr = 1;
+        parmValue.page = 1;
+        searchList();
+      "
+      @screen-submit="
+        pageInfo.curr = 1;
+        parmValue.page = 1;
+        searchList();
+      "
+    >
+      <template #table-header="{}">
+        <div style="width: 100%">
+          <el-row style="padding: 0 0 10px 80px">
+            <el-col :span="4" style="width: 160px;margin-right:10px">
+              <el-select
+                v-model="parmValue.status"
+                clearable
+                :size="searchSize"
+                placeholder="快递属性"
+                style="width: 100%"
+                @change="
+                  pageInfo.curr = 1;
+                  parmValue.page = 1;
+                  searchList();
+                "
+              >
+                <el-option
+                  v-for="item in statusList"
+                  :key="'status' + item.value"
+                  :label="item.label"
+                  :value="item.value"
+                />
+              </el-select>
+            </el-col>
+
+            <el-col :span="4" style="margin-right:10px">
+              <el-input
+                :size="searchSize"
+                placeholder="快递名称"
+                @blur="pageInfo.curr = 1;
+                  parmValue.page = 1;
+                  searchList();"
+              />
+            </el-col>
+
+            <el-col :span="3" class="fr" style="width: 66px; padding: 0 0 0 10px">
+              <el-button type="primary" :size="searchSize" @click="searchList">刷新</el-button>
+            </el-col>
+            <el-col :span="3" class="fr" style="width: 66px; padding: 0 0 0 10px">
+              <el-button type="warning" :size="searchSize" @click="restSearch">重置</el-button>
+            </el-col>
+          </el-row>
+        </div>
+      </template>
+      <template #status="{ scope }">
+        <el-tag
+          :size="tablebtnSize"
+          :type="scope.row.status == '0' ? 'warning' : ''"
+          v-text="
+            (statusOptions.find((item) => item.id == scope.row.status) || {})
+              .label || '--'
+          "
+        ></el-tag>
+      </template>
+
+      <template #operation="{ scope }">
+        <el-tooltip
+          v-if="
+            powers.some((i) => i == '004') && scope.row.status === '1'
+          "
+          effect="dark"
+          content="禁用"
+          placement="top"
+        >
+          <i
+            class="el-icon-video-pause tb-icon"
+            @click="changeStatus(scope.row.id, scope.row.status)"
+          ></i>
+        </el-tooltip>
+        <el-tooltip
+          v-if="
+            powers.some((i) => i == '004') && scope.row.status === '0'
+          "
+          effect="dark"
+          content="启用"
+          placement="top"
+        >
+          <i
+            class="el-icon-video-play tb-icon"
+            @click="changeStatus(scope.row.id, scope.row.status)"
+          ></i>
+        </el-tooltip>
+      </template>
+    </ex-table>
+    <no-auth v-else></no-auth>
+  </div>
+</template>
+<script>
+import asyncRequest from "@/apis/service/system/expressSettings";
+import roleLevel from "@/assets/js/roleLevel";
+import mixinPage from "@/mixins/elPaginationHandle";
+import { mapGetters } from "vuex";
+import resToken from "@/mixins/resToken";
+import { actionTypes } from "@/utils/actionType";
+export default {
+  name: "parameter",
+  mixins: [mixinPage, resToken],
+  computed: {
+    //组件SIZE设置
+    ...mapGetters(["tablebtnSize", "searchSize", "size"]),
+    powers() {
+      const tran =
+        this.$store.getters.btnList.find(
+          item => item.menu_route == "expressSettings"
+        ) || {};
+      const { action } = tran ?? {};
+      return action ?? [];
+    }
+  },
+  data() {
+    return {
+      actionTypes,
+      roleLevel: roleLevel,
+      loading: true,
+      showModel: false,
+      type: "",
+      statusList: [
+        {
+          label: "启用",
+          value: "1"
+        },
+        {
+          label: "禁用",
+          value: "0"
+        }
+      ],
+      sitem: {},
+      parmValue: {
+        page: 1, // 页码
+        size: 15 // 每页显示条数
+      },
+      // 状态
+      statusOptions: [
+        { id: "0", label: "禁用" },
+        { id: "1", label: "启用" }
+      ],
+      // 表格 - 数据
+      tableData: [],
+      // 表格 - 参数
+      table: {
+        stripe: true,
+        border: true,
+        _defaultHeader_: ["setcol"]
+      },
+      // 表格 - 分页
+      pageInfo: {
+        size: 15,
+        curr: 1,
+        total: 0
+      },
+      // 表格 - 列参数
+      columns: [
+        {
+          prop: "id",
+          label: "快递类型名称"
+        },
+        {
+          prop: "parameter_name",
+          label: "快递名称"
+        },
+        {
+          prop: "parameter_name",
+          label: "快递简称"
+        },
+        {
+          prop: "status",
+          label: "快递英文",
+          _slot_: "status"
+        },
+        {
+          prop: "",
+          label: "操作",
+          fixed: "right",
+          _noset_: true,
+          _slot_: "operation"
+        }
+      ]
+    };
+  },
+  mounted() {
+    this.searchList();
+  },
+  methods: {
+    restSearch() {
+      // 表格 - 分页
+      this.pageInfo = {
+        size: 15,
+        curr: 1,
+        total: 0
+      };
+      this.parmValue = {
+        page: 1, // 页码
+        size: 15, // 每页显示条数
+      };
+      this.searchList();
+    },
+    /**
+     * 启用/禁用
+     * @param {String} id id
+     * @param {String} status 0-禁用 1-启用
+     */
+    async changeStatus(id, status) {
+      await this.$confirm(`确定要改为${status === "1" ? "禁用" : "启用"}？`, {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning"
+      })
+        .then(async () => {
+          this.loading = true;
+          const model = {
+            id: id,
+            status: status === "1" ? "0" : "1"
+          };
+          const res = await asyncRequest.status(model);
+          if (res && res.code === 0) {
+            this.loading = false;
+            this.$notify.success({
+              title: "状态修改成功！",
+              message: ""
+            });
+            await this.searchList();
+          } else if (res && res.code >= 100 && res.code <= 104) {
+            await this.logout();
+          } else {
+            this.loading = false;
+            this.$message.warning(res.message);
+          }
+        })
+        .catch(() => {
+          console.log("取消");
+        });
+    },
+    // 刷新表格
+    async searchList() {
+      this.loading = true;
+      const res = await asyncRequest.list(this.parmValue);
+      if (res && res.code === 0 && res.data) {
+        //todo:可能是list下
+        this.tableData = res.data;
+        this.pageInfo.total = Number(res.data.count);
+      } else if (res && res.code >= 100 && res.code <= 104) {
+        await this.logout();
+      } else {
+        this.tableData = [];
+        this.pageInfo.total = 0;
+      }
+      this.loading = false;
+    }
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+</style>

src/views/system/operationAccount/addEdit.vue

@@ -0,0 +1,169 @@
+<template>
+  <el-dialog
+    v-loading="loading"
+    :title="title"
+    :center="true"
+    align="left"
+    top="18vh"
+    width="500px"
+    :close-on-click-modal="false"
+    :visible.sync="showModelThis"
+    element-loading-text="拼命加载中"
+    element-loading-spinner="el-icon-loading"
+    element-loading-background="rgba(0, 0, 0, 0.8)"
+    @close="showModelThis = false"
+  >
+    <el-card style="margin: -20px 0 0 0">
+      <el-row :gutter="10">
+        <el-col :span="24">
+          <el-form
+            ref="ruleForm"
+            :model="ruleForm"
+            status-icon
+            :rules="rulesThis"
+            label-width="80px"
+            class="demo-ruleForm"
+            :disabled="type === actionTypes.PREVIEW"
+          >
+            <el-form-item label="真实姓名" prop="parameter_name">
+              <el-input
+                v-model="ruleForm.parameter_name"
+                placeholder="请输入真实姓名"
+                maxlength="20"
+              />
+            </el-form-item>
+
+            <el-form-item label="手机号" prop="parameter_name">
+              <el-input
+                v-model="ruleForm.parameter_name"
+                placeholder="请输入手机号"
+                maxlength="20"
+              />
+            </el-form-item>
+          </el-form>
+        </el-col>
+        <el-col :span="24" style="text-align: right">
+          <el-button type="primary" @click="submitForm" v-if="type !== actionTypes.PREVIEW"
+            >保 存
+          </el-button>
+          <el-button @click="showModelThis = false">关 闭</el-button>
+        </el-col>
+      </el-row>
+    </el-card>
+  </el-dialog>
+</template>
+<script>
+import asyncRequest from "@/apis/service/serviceParam/parameter";
+import { actionTypes } from "@/utils/actionType";
+import resToken from "@/mixins/resToken";
+
+export default {
+  name: "parameter",
+  props: ["showModel", "sitem", "type"],
+  mixins: [resToken],
+  data() {
+    return {
+      actionTypes,
+      loading: false,
+      title: "添加系统参数",
+      showModelThis: this.showModel,
+      select: "1",
+      activeOptions: [],
+      actionList: [],
+      ruleForm: {
+        id: "",
+        parameter_name: "",
+      },
+      rulesThis: this.rules,
+      rules: {
+      },
+    };
+  },
+  watch: {
+    showModel: function (val) {
+      this.showModelThis = val;
+      if (val) {
+        this.initForm();
+      }
+    },
+    showModelThis(val) {
+      if (!val) {
+        this.$emit("cancel");
+      }
+    },
+  },
+  methods: {
+    async initForm() {
+      this.loading = true;
+      if (this.type === actionTypes.CREATE) {
+        this.title = "添加运营账号";
+        this.rulesThis = this.rules;
+      } else if (this.type === actionTypes.UPDATE) {
+        this.title = "修改运营账号";
+        this.rulesThis = this.rules;
+      } else {
+        this.title = "运营账号详情";
+        this.rulesThis = {};
+      }
+      await this.resetForm();
+      this.loading = false;
+    },
+    async resetForm() {
+      // 重置
+      await this.$nextTick(() => {
+        if (this.$refs.ruleForm) {
+          this.$refs.ruleForm.resetFields();
+          this.$refs.ruleForm.clearValidate();
+          const { id, parameter_name } = this.sitem;
+          this.ruleForm = {
+            id: id || "",
+            parameter_name: parameter_name || "",
+          };
+        }
+      });
+    },
+    async submitForm() {
+      await this.$refs.ruleForm.validate(async (valid) => {
+        if (valid) {
+          if (this.loading) {
+            return;
+          }
+          this.loading = true;
+          let model = JSON.parse(JSON.stringify(this.ruleForm));
+          let res = {};
+          
+          if (this.id === "003") {
+            delete model["id"];
+            res = await asyncRequest.add(model);
+          } else {
+            res = await asyncRequest.update(model);
+          }
+          this.loading = false;
+          if (res && res.code === 0) {
+            const title = this.id === "add" ? "添加成功!" : "修改成功!";
+            this.$notify.success({
+              title,
+              message: "",
+            });
+            this.showModelThis = false;
+            // 刷新
+            this.$emit("refresh");
+          } else if (res && res.code >= 100 && res.code <= 104) {
+            await this.logout();
+          } else {
+            this.$message.warning(res.message);
+          }
+        } else {
+          console.log("error submit!!");
+          return false;
+        }
+      });
+    },
+  },
+};
+</script>
+
+   <style lang="scss" scoped>
+.parameter {
+}
+</style>

src/views/system/operationAccount/index.vue

@@ -0,0 +1,362 @@
+<template>
+  <div class="parameter pagePadding">
+    <ex-table
+      v-loading="loading"
+      v-if=" powers.some((i) => i == '001')"
+      :table="table"
+      :data="tableData"
+      :columns="columns"
+      :page="pageInfo"
+      :size="size"
+      @page-curr-change="handlePageChange"
+      @page-size-change="handleSizeChange"
+      @screen-reset="
+        pageInfo.curr = 1;
+        parmValue.page = 1;
+        searchList();
+      "
+      @screen-submit="
+        pageInfo.curr = 1;
+        parmValue.page = 1;
+        searchList();
+      "
+    >
+      <template #table-header="{}">
+        <div style="width: 100%">
+          <el-row style="padding: 0 0 10px 80px">
+            <el-col :span="4" style="width: 160px;margin-right:10px">
+              <el-select
+                v-model="parmValue.status"
+                clearable
+                :size="searchSize"
+                placeholder="当前状态"
+                style="width: 100%"
+                @change="
+                  pageInfo.curr = 1;
+                  parmValue.page = 1;
+                  searchList();
+                "
+              >
+                <el-option
+                  v-for="item in statusList"
+                  :key="'status' + item.value"
+                  :label="item.label"
+                  :value="item.value"
+                />
+              </el-select>
+            </el-col>
+
+            <el-col :span="4" style="margin-right:10px">
+              <el-input
+                :size="searchSize"
+                placeholder="用户名或姓名"
+                @blur="pageInfo.curr = 1;
+                  parmValue.page = 1;
+                  searchList();"
+              />
+            </el-col>
+
+            <el-col :span="4">
+              <el-input
+                :size="searchSize"
+                placeholder="业务员名称"
+                @blur="pageInfo.curr = 1;
+                  parmValue.page = 1;
+                  searchList();"
+              />
+            </el-col>
+
+            <el-col :span="3" class="fr" style="width: 66px; padding: 0 0 0 10px">
+              <el-button type="primary" :size="searchSize" @click="searchList">刷新</el-button>
+            </el-col>
+            <el-col :span="3" class="fr" style="width: 66px; padding: 0 0 0 10px">
+              <el-button type="warning" :size="searchSize" @click="restSearch">重置</el-button>
+            </el-col>
+          </el-row>
+
+          <el-row  v-if=" powers.some((i) => i == '003')">
+            <el-col :span="12" class="fr" style="width: 66px; padding: 0 0 0 10px">
+              <el-button type="primary" :size="searchSize" @click="openModal({}, actionTypes.CREATE)">添加</el-button>
+            </el-col>
+          </el-row>
+        </div>
+      </template>
+      <template #status="{ scope }">
+        <el-tag
+          :size="tablebtnSize"
+          :type="scope.row.status == '0' ? 'warning' : ''"
+          v-text="
+            (statusOptions.find((item) => item.id == scope.row.status) || {})
+              .label || '--'
+          "
+        ></el-tag>
+      </template>
+
+      <template #operation="{ scope }">
+        <el-tooltip
+          v-if="powers.some((i) => i == '007')"
+          effect="dark"
+          content="详情"
+          placement="top"
+        >
+          <i class="el-icon-view tb-icon" @click="openModal(scope.row, actionTypes.PREVIEW)"></i>
+        </el-tooltip>
+        <el-tooltip
+          v-if="powers.some((i) => i == '005')"
+          effect="dark"
+          content="修改"
+          placement="top"
+        >
+          <i class="el-icon-edit tb-icon" @click="openModal(scope.row, actionTypes.UPDATE)"></i>
+        </el-tooltip>
+        <el-tooltip
+          v-if="
+            powers.some((i) => i == '004') && scope.row.status === '1'
+          "
+          effect="dark"
+          content="禁用"
+          placement="top"
+        >
+          <i
+            class="el-icon-video-pause tb-icon"
+            @click="changeStatus(scope.row.id, scope.row.status)"
+          ></i>
+        </el-tooltip>
+        <el-tooltip
+          v-if="
+            powers.some((i) => i == '004') && scope.row.status === '0'
+          "
+          effect="dark"
+          content="启用"
+          placement="top"
+        >
+          <i
+            class="el-icon-video-play tb-icon"
+            @click="changeStatus(scope.row.id, scope.row.status)"
+          ></i>
+        </el-tooltip>
+        <el-tooltip
+          v-if="powers.some((i) => i == '006')"
+          effect="dark"
+          content="删除"
+          placement="top"
+        >
+          <i class="el-icon-delete tb-icon" @click="deleteItem(scope.row.id)"></i>
+        </el-tooltip>
+      </template>
+    </ex-table>
+    <no-auth v-else></no-auth>
+    <!-- 弹窗 新增/修改 -->
+    <add-edit
+      :type="modelId"
+      :show-model="showModel"
+      :sitem="sitem"
+      @refresh="searchList"
+      @cancel="showModel = false"
+    />
+  </div>
+</template>
+<script>
+import addEdit from "./addEdit";
+import asyncRequest from "@/apis/service/system/operationAccount";
+import roleLevel from "@/assets/js/roleLevel";
+import mixinPage from "@/mixins/elPaginationHandle";
+import { mapGetters } from "vuex";
+import resToken from "@/mixins/resToken";
+import { actionTypes } from "@/utils/actionType";
+export default {
+  name: "parameter",
+  mixins: [mixinPage, resToken],
+  components: {
+    addEdit
+  },
+  computed: {
+    //组件SIZE设置
+    ...mapGetters(["tablebtnSize", "searchSize", "size"]),
+    powers() {
+      const tran =
+        this.$store.getters.btnList.find(
+          item => item.menu_route == "operationAccount"
+        ) || {};
+      const { action } = tran ?? {};
+      return action ?? [];
+    }
+  },
+  data() {
+    return {
+      actionTypes,
+      roleLevel: roleLevel,
+      loading: true,
+      showModel: false,
+      type: "",
+      statusList: [
+        {
+          label: "启用",
+          value: "1"
+        },
+        {
+          label: "禁用",
+          value: "0"
+        }
+      ],
+      sitem: {},
+      parmValue: {
+        page: 1, // 页码
+        size: 15 // 每页显示条数
+      },
+      // 状态
+      statusOptions: [
+        { id: "0", label: "禁用" },
+        { id: "1", label: "启用" }
+      ],
+      // 表格 - 数据
+      tableData: [],
+      // 表格 - 参数
+      table: {
+        stripe: true,
+        border: true,
+        _defaultHeader_: ["setcol"]
+      },
+      // 表格 - 分页
+      pageInfo: {
+        size: 15,
+        curr: 1,
+        total: 0
+      },
+      // 表格 - 列参数
+      columns: [
+        {
+          prop: "id",
+          label: "序号"
+        },
+        {
+          prop: "parameter_name",
+          label: "用户名"
+        },
+        {
+          prop: "parameter_name",
+          label: "姓名"
+        },
+        {
+          prop: "status",
+          label: "状态",
+          _slot_: "status"
+        },
+        {
+          prop: "",
+          label: "操作",
+          fixed: "right",
+          _noset_: true,
+          _slot_: "operation"
+        }
+      ]
+    };
+  },
+  mounted() {
+    this.searchList();
+  },
+  methods: {
+    restSearch() {
+      // 表格 - 分页
+      this.pageInfo = {
+        size: 15,
+        curr: 1,
+        total: 0
+      };
+      this.parmValue = {
+        page: 1, // 页码
+        size: 15, // 每页显示条数
+      };
+      this.searchList();
+    },
+    // 新建/编辑/详情
+    openModal(row, type) {
+      this.sitem = row;
+      this.modelId = type;
+      this.showModel = true;
+    },
+    /**
+     * 启用/禁用
+     * @param {String} id id
+     * @param {String} status 0-禁用 1-启用
+     */
+    async changeStatus(id, status) {
+      await this.$confirm(`确定要改为${status === "1" ? "禁用" : "启用"}？`, {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning"
+      })
+        .then(async () => {
+          this.loading = true;
+          const model = {
+            id: id,
+            status: status === "1" ? "0" : "1"
+          };
+          const res = await asyncRequest.status(model);
+          if (res && res.code === 0) {
+            this.loading = false;
+            this.$notify.success({
+              title: "状态修改成功！",
+              message: ""
+            });
+            await this.searchList();
+          } else if (res && res.code >= 100 && res.code <= 104) {
+            await this.logout();
+          } else {
+            this.loading = false;
+            this.$message.warning(res.message);
+          }
+        })
+        .catch(() => {
+          console.log("取消");
+        });
+    },
+    async deleteItem(id) {
+      await this.$confirm("确定要删除？", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning"
+      })
+        .then(async () => {
+          const model = {
+            id: id
+          };
+          const res = await asyncRequest.delete(model);
+          if (res && res.code === 0) {
+            this.$notify.success({
+              title: "删除成功",
+              message: ""
+            });
+            this.searchList();
+          } else if (res && res.code >= 100 && res.code <= 104) {
+            await this.logout();
+          } else {
+            this.$message.warning(res.message);
+          }
+        })
+        .catch(() => {
+          console.log("取消");
+        });
+    },
+    // 刷新表格
+    async searchList() {
+      this.loading = true;
+      const res = await asyncRequest.list(this.parmValue);
+      if (res && res.code === 0 && res.data) {
+        //todo:可能是list下
+        this.tableData = res.data;
+        this.pageInfo.total = Number(res.data.count);
+      } else if (res && res.code >= 100 && res.code <= 104) {
+        await this.logout();
+      } else {
+        this.tableData = [];
+        this.pageInfo.total = 0;
+      }
+      this.loading = false;
+    }
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+</style>