PC 超管端路由模块开发

src/apis/service/interest/action/index.js

@@ -0,0 +1,13 @@
+// 功能权限
+import http from '@/apis/axios'
+const api = 'admin/'
+export default {
+  // 详情
+  detail: (data, params) => http(api + 'roleinfo', data, 'post', params),
+  // 更新
+  update: (data, params) => http(api + 'rolesave', data, 'post', params),
+  // 拉取角色列表
+  getRole: (data, params) => http(api + 'roleall', data, 'post', params),
+  // 功能权限列表
+  actionList: (data, params) => http(api + 'menuactionlist', data, 'post', params)
+}

src/apis/service/superTube/appDataEdit/index.js

@@ -0,0 +1,18 @@
+// 物业管理员
+import http from '@/apis/axios'
+const api = 'admin/'
+export default {
+
+  // 分页查询
+  list: (data, params) => http(api + 'accountlist', data, 'post', params),
+  // 详情
+  detail: (data, params) => http(api + 'accountinfo', data, 'post', params),
+  // 更新
+  update: (data, params) => http(api + 'accountsave', data, 'post', params),
+  // 添加
+  add: (data, params) => http(api + 'accountadd', data, 'post', params),
+  // 视频列表
+  videoList:(data, params) => http(api + 'video', data, 'post', params),
+  // 重置密码
+  setpwd: (data, params) => http(api + 'checkpwd', data, 'post', params),
+}

src/apis/service/superTube/batchAccount/index.js

@@ -0,0 +1,18 @@
+// 物业管理员
+import http from '@/apis/axios'
+const api = 'admin/'
+export default {
+
+  // 分页查询
+  list: (data, params) => http(api + 'accountlist', data, 'post', params),
+  // 详情
+  detail: (data, params) => http(api + 'accountinfo', data, 'post', params),
+  // 更新
+  update: (data, params) => http(api + 'accountsave', data, 'post', params),
+  // 添加
+  add: (data, params) => http(api + 'accountadd', data, 'post', params),
+  // 视频列表
+  videoList:(data, params) => http(api + 'video', data, 'post', params),
+  // 重置密码
+  setpwd: (data, params) => http(api + 'checkpwd', data, 'post', params),
+}

src/apis/service/superTube/batchVideo/index.js

@@ -0,0 +1,18 @@
+// 物业管理员
+import http from '@/apis/axios'
+const api = 'admin/'
+export default {
+
+  // 分页查询
+  list: (data, params) => http(api + 'accountlist', data, 'post', params),
+  // 详情
+  detail: (data, params) => http(api + 'accountinfo', data, 'post', params),
+  // 更新
+  update: (data, params) => http(api + 'accountsave', data, 'post', params),
+  // 添加
+  add: (data, params) => http(api + 'accountadd', data, 'post', params),
+  // 视频列表
+  videoList:(data, params) => http(api + 'video', data, 'post', params),
+  // 重置密码
+  setpwd: (data, params) => http(api + 'checkpwd', data, 'post', params),
+}

src/apis/service/superTube/enterPrise/index.js

@@ -0,0 +1,18 @@
+// 物业管理员
+import http from '@/apis/axios'
+const api = 'admin/'
+export default {
+
+  // 分页查询
+  list: (data, params) => http(api + 'accountlist', data, 'post', params),
+  // 详情
+  detail: (data, params) => http(api + 'accountinfo', data, 'post', params),
+  // 更新
+  update: (data, params) => http(api + 'accountsave', data, 'post', params),
+  // 添加
+  add: (data, params) => http(api + 'accountadd', data, 'post', params),
+  // 视频列表
+  videoList:(data, params) => http(api + 'video', data, 'post', params),
+  // 重置密码
+  setpwd: (data, params) => http(api + 'checkpwd', data, 'post', params),
+}

src/apis/service/superTube/role/index.js

@@ -0,0 +1,18 @@
+// 物业管理员
+import http from '@/apis/axios'
+const api = 'admin/'
+export default {
+
+  // 分页查询
+  list: (data, params) => http(api + 'accountlist', data, 'post', params),
+  // 详情
+  detail: (data, params) => http(api + 'accountinfo', data, 'post', params),
+  // 更新
+  update: (data, params) => http(api + 'accountsave', data, 'post', params),
+  // 添加
+  add: (data, params) => http(api + 'accountadd', data, 'post', params),
+  // 视频列表
+  videoList:(data, params) => http(api + 'video', data, 'post', params),
+  // 重置密码
+  setpwd: (data, params) => http(api + 'checkpwd', data, 'post', params),
+}

src/assets/js/btnList.js

@@ -9,5 +9,6 @@ const btnList = [
   { code: "008", name: "重置" },
   { code: "009", name: "填写物流" },
   { code: "010", name: "变动记录" },
+  { code: "011", name: "提交" },
 ];
 export default btnList;

src/components/global/exSelect/index.js

@@ -0,0 +1,2 @@
+import Main from './main.vue'
+export default Main

src/components/global/exSelect/main.vue

@@ -0,0 +1,40 @@
+<template>
+  <div>
+    <el-select v-model="seleValue" placeholder="请选择" :disabled="fnType()" @change="seleFn">
+        <el-option
+            v-for="item in dataList"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value">
+        </el-option>
+    </el-select>
+  </div>
+</template>
+
+<script>
+export default {
+    props:["type","dataList","size","disabled","seleValue"],
+    data(){
+        return {
+           
+        }
+    },
+    methods:{
+        fnType(){
+            if((this.disabled ?? '') != ''){
+                return this.disabled;
+            }
+            this.type ?? '007';
+            return  this.type == '007' ? true : false;
+            
+        },
+        seleFn(val){
+            this.$emit("selectFn",val)
+        }
+    }
+}
+</script>
+
+<style lang="scss" scoped>
+
+</style>

src/views/developing/index.vue

@@ -1,26 +1,772 @@
 <template>
-  <div class="developing">
-      <img src="@/assets/sheji/developing.jpg" alt="">
+  <div class="action pagePadding">
+    <div
+      class="action_show"
+      v-if="powers && powers.length > 0 && powers.some((item) => item == '001')"
+    >
+      <div class="action_show_box">
+        <ul class="role-list">
+          <p class="role-list__title">角色列表</p>
+          <p
+            v-if="roleList.length == 0"
+            style="line-height: 60px; text-align: center; color: #909399"
+          >
+            暂无数据
+          </p>
+          <li
+            v-for="(item, index) in roleList"
+            :key="'role' + index"
+            class="role-list__item"
+            :class="{ active: item.id == roleActive.id }"
+            @click="!isBtnDisabled && switchRoleHandle(item)"
+          >
+            {{ item.role_name }}
+            <i
+              v-if="isBtnDisabled && item.id == roleActive.id"
+              class="el-icon-loading"
+            />
+          </li>
+        </ul>
+        <div class="rule-view">
+          <div class="rule-list">
+            <el-row
+              v-for="(item, index) in actionList"
+              :key="'menu' + item.id + index"
+            >
+              <el-col
+                v-if="item.child && item.child.length > 0"
+                class="ffff"
+                :span="24"
+              >
+                <div class="ftitle">
+                  <span>{{ item.menu_name }}</span>
+                </div>
+                <div class="fbody">
+                  <div
+                    class="fbody-item"
+                    v-for="(subItem, subIndex) in item.child"
+                    :key="'yemian' + subItem.id + subIndex"
+                  >
+                    <template
+                      v-if="
+                        !(
+                          subItem.action &&
+                          subItem.action.length === 0 &&
+                          subItem.action_data &&
+                          subItem.action_data.length === 0
+                        )
+                      "
+                    >
+                      <div class="stitle">
+                        <span class="_h2">{{ subItem.menu_name }}</span>
+                        <el-radio-group
+                          style="margin: 0 0 0 20px"
+                          size="mini"
+                          v-if="
+                            subItem &&
+                            subItem.private &&
+                            subItem.private.length === 2
+                          "
+                          v-model="subItem.is_private_change"
+                        >
+                          <el-radio-button
+                            v-for="(radioN, ri) in subItem.private"
+                            :key="radioN.label + ri"
+                            :label="radioN.id"
+                            >{{ radioN.label }}</el-radio-button
+                          >
+                        </el-radio-group>
+                      </div>
+                      <div
+                        class="scheck"
+                        v-if="subItem.action && subItem.action.length > 0"
+                      >
+                        <div class="checkAll">
+                          <el-checkbox
+                            v-model="subItem.checkAll"
+                            :disabled="!powers.some((item) => item == '011')"
+                            :indeterminate="indeterminateCheck(subItem)"
+                            @change="
+                              handleCheckAllChange(
+                                $event,
+                                index,
+                                item,
+                                subIndex
+                              )
+                            "
+                            >功能全选</el-checkbox
+                          >
+                        </div>
+                        <div class="checkItem">
+                          <el-checkbox-group
+                            v-model="subItem.checkList"
+                            :disabled="!powers.some((item) => item == '011')"
+                            @change="
+                              handleCheckedGroupChange(
+                                $event,
+                                index,
+                                item,
+                                subIndex
+                              )
+                            "
+                          >
+                            <template v-for="children in subItem.action">
+                              <el-checkbox
+                                :disabled="
+                                  !powers.some((item) => item == '011')
+                                "
+                                :key="'checkItem' + children.id"
+                                :label="children.id"
+                                @change="
+                                  handleCheckedChange(
+                                    $event,
+                                    children.id,
+                                    index,
+                                    subIndex,
+                                    item
+                                  )
+                                "
+                                >{{ children.action_name }}</el-checkbox
+                              >
+                            </template>
+                          </el-checkbox-group>
+                        </div>
+                      </div>
+                      <div
+                        class="sfield"
+                        v-if="
+                          subItem.action_data && subItem.action_data.length > 0
+                        "
+                      >
+                        <div class="checkAll">
+                          <el-checkbox
+                            v-model="subItem.fieldAll"
+                            :disabled="!powers.some((item) => item == '011')"
+                            :indeterminate="indeterminateField(subItem)"
+                            @change="
+                              handleFieldAllChange(
+                                $event,
+                                index,
+                                item,
+                                subIndex
+                              )
+                            "
+                            >字段全选</el-checkbox
+                          >
+                        </div>
+                        <div class="checkItem">
+                          <el-checkbox-group
+                            v-model="subItem.fieldList"
+                            :disabled="!powers.some((item) => item == '011')"
+                            @change="
+                              handleFieldGroupChange(
+                                $event,
+                                index,
+                                item,
+                                subIndex
+                              )
+                            "
+                          >
+                            <template v-for="children in subItem.action_data">
+                              <el-checkbox
+                                :key="'FieldItem' + children.id"
+                                :label="children.id"
+                                :disabled="
+                                  !powers.some((item) => item == '011')
+                                "
+                                @change="
+                                  handleFieldChange(
+                                    $event,
+                                    children.id,
+                                    index,
+                                    subIndex,
+                                    item
+                                  )
+                                "
+                                >{{ children.field_name }}</el-checkbox
+                              >
+                            </template>
+                          </el-checkbox-group>
+                        </div>
+                      </div>
+                    </template>
+                  </div>
+                </div>
+              </el-col>
+            </el-row>
+          </div>
+        </div>
+      </div>
+      <div class="rule-bottom">
+        <el-button
+          size="small"
+          type="primary"
+          v-if="powers.some((item) => item == '011')"
+          :disabled="isBtnDisabled"
+          @click="save()"
+          >提 交</el-button
+        >
+      </div>
+    </div>
+    <div v-else>
+      <no-auth></no-auth>
+    </div>
   </div>
 </template>
-
 <script>
+import asyncRequest from "@/apis/service/interest/action";
+import resToken from "@/mixins/resToken";
 export default {
-    name:"developing"
+  name: "Action",
+  mixins: [resToken],
+  data() {
+    return {
+      ruleForm: {},
+      // 按钮是否可点击
+      isBtnDisabled: true,
+      // 当前角色
+      roleActive: {},
+      actionChange: [],
+      // 角色列表
+      roleList: [],
+      rules: [],
+      // 功能权限列表
+      actionList: [],
+      action_data: [], // 字段数据
+      action: [], // 功能数据
+      private_data: [], //私有数据菜单ID
+      private_field: [],
+    };
+  },
+  computed: {
+    powers() {
+      let tran =
+        this.$store.getters.btnList.find(
+          (item) => item.menu_route == "action"
+        ) || {};
+      if (tran && tran.action && tran.action.length > 0) {
+        return tran.action;
+      } else {
+        return [];
+      }
+    },
+    indeterminateCheck() {
+      return (item) => {
+        // 选中子节点的数量
+        const selectItemLength = item.action.filter(
+          (filitem) =>
+            item.checkList.findIndex((finditem) => finditem === filitem.id) > -1
+        ).length;
+        // 未选中子节点的数量
+        const noSlectItemLength = item.action.filter(
+          (filitem) =>
+            item.checkList.findIndex((finditem) => finditem === filitem.id) ==
+            -1
+        ).length;
+        // // 当前节点的index
+        // 存在选中子节点且存在未选中子节点为中间态
+        return selectItemLength > 0 && noSlectItemLength > 0;
+      };
+    },
+    indeterminateField() {
+      return (item) => {
+        // 选中子节点的数量
+        const selectItemLength = item.action_data.filter(
+          (filitem) =>
+            item.fieldList.findIndex((finditem) => finditem === filitem.id) > -1
+        ).length;
+        // 未选中子节点的数量
+        const noSlectItemLength = item.action_data.filter(
+          (filitem) =>
+            item.fieldList.findIndex((finditem) => finditem === filitem.id) ==
+            -1
+        ).length;
+        // // 当前节点的index
+        // 存在选中子节点且存在未选中子节点为中间态
+        return selectItemLength > 0 && noSlectItemLength > 0;
+      };
+    },
+  },
+  mounted() {
+    // this.initactionList();
+  },
 
-}
-</script>
+  methods: {
+    // 全选/全不选
+    handleCheckAllChange(checkAll, index, item, subIndex) {
+      this.actionList[index].child[subIndex].checkAll = checkAll;
+      this.$set(this.actionList, index, item);
+      this.actionList[index].child[subIndex].action.forEach((element) => {
+        const findindex = this.actionList[index].child[
+          subIndex
+        ].checkList.findIndex((findItem) => findItem === element.id);
+        if (checkAll && findindex == -1) {
+          this.actionList[index].child[subIndex].checkList.push(element.id);
+        } else if (!checkAll && findindex > -1) {
+          this.actionList[index].child[subIndex].checkList.splice(findindex, 1);
+        }
+      });
+    },
+    // 全选/全不选
+    handleFieldAllChange(fieldAll, index, item, subIndex) {
+      this.actionList[index].child[subIndex].fieldAll = fieldAll;
+      this.$set(this.actionList, index, item);
+      this.actionList[index].child[subIndex].action_data.forEach((element) => {
+        const findindex = this.actionList[index].child[
+          subIndex
+        ].fieldList.findIndex((findItem) => findItem === element.id);
+        if (fieldAll && findindex == -1) {
+          this.actionList[index].child[subIndex].fieldList.push(element.id);
+        } else if (!fieldAll && findindex > -1) {
+          this.actionList[index].child[subIndex].fieldList.splice(findindex, 1);
+        }
+      });
+    },
+    // 复选框组内的选中/不选中
+    handleCheckedGroupChange(event, index, item, subIndex) {
+      // console.log(event, index, subIndex);
+      this.actionList[index].child[subIndex].checkAll = this.actionList[
+        index
+      ].child[subIndex].action.every(
+        (evitem) =>
+          this.actionList[index].child[subIndex].checkList.findIndex(
+            (finditem) => finditem === evitem.id
+          ) > -1
+      );
+      this.$set(this.actionList, index, item);
+    },
+    // 复选框组内的选中/不选中
+    handleFieldGroupChange(event, index, item, subIndex) {
+      this.actionList[index].child[subIndex].fieldAll = this.actionList[
+        index
+      ].child[subIndex].action_data.every(
+        (evitem) =>
+          this.actionList[index].child[subIndex].fieldList.findIndex(
+            (finditem) => finditem === evitem.id
+          ) > -1
+      );
+      this.$set(this.actionList, index, item);
+    },
+
+    // 单项复选框选中/不选中
+
+    handleCheckedChange(checked, id, index, subIndex, item) {
+      // console.log(checked, id, index, subIndex);
+      if (checked) {
+        // 选中时检查pid的选中状态
+        this.actionList[index].child[subIndex].checkList.indexOf(id) == -1 &&
+          this.actionList[index].child[subIndex].checkList.push(id);
+      } else {
+        const find = this.actionList[index].child[subIndex].checkList.findIndex(
+          (e) => e == id
+        );
+        if (find > -1) {
+          this.actionList[index].child[subIndex].checkList.splice(find, 1);
+        }
+        this.actionList[index].child[subIndex].checkAll = false;
+      }
+      this.$set(this.actionList, index, item);
+      // console.log(this.actionList[index].child[subIndex]);
+    },
+    // 单项复选框选中/不选中
+    handleFieldChange(checked, id, index, subIndex, item) {
+      // console.log(checked, id, index, subIndex);
+      if (checked) {
+        // 选中时检查pid的选中状态
+        this.actionList[index].child[subIndex].fieldList.indexOf(id) == -1 &&
+          this.actionList[index].child[subIndex].fieldList.push(id);
+      } else {
+        const find = this.actionList[index].child[subIndex].fieldList.findIndex(
+          (e) => e == id
+        );
+        if (find > -1) {
+          this.actionList[index].child[subIndex].fieldList.splice(find, 1);
+        }
+        this.actionList[index].child[subIndex].fieldAll = false;
+      }
+      this.$set(this.actionList, index, item);
+      // console.log(this.actionList[index].child[subIndex]);
+    },
+    // 切换角色
+    switchRoleHandle(item) {
+      this.roleActive = Object.assign({}, item);
+      this.$nextTick(async () => {
+        await this.refreshRoleDetail(item.id);
+      });
+    },
+    // 保存
+    async save() {
+      this.action_data = []; // 字段数据
+      this.action = []; // 功能数据
+      let arr = [];
+      this.actionList.forEach((x) => {
+        x.child.forEach((y) => {
+          this.action_data.push(...y.fieldList);
+          this.action.push(...y.checkList);
+          if (y.is_private_change === "1") {
+            arr.push(y.id);
+          }
+        });
+      });
+
+      // this.action_data.length === 0 || 和字段
+      if (this.action.length === 0) {
+        this.$message.warning("请选择功能!");
+      } else {
+        const model = {
+          roleid: this.roleActive.id,
+          role_name: this.ruleForm.role_name,
+          level: this.ruleForm.level,
+          action: this.action,
+          action_data: this.action_data,
+          private_data: arr,
+          private_field: this.private_field,
+        };
+
+        const loadding = this.$loading();
+        const res = await asyncRequest.update(model);
+        if (res && res.code === 0 && res.data) {
+          this.$notify.success({
+            title: "保存成功！",
+            message: "",
+          });
+        } else if (res && res.code >= 100 && res.code <= 104) {
+          await this.logout();
+        } else {
+          this.$message.warning(res.message);
+        }
+        loadding.close();
+      }
+    },
+    // 刷新角色详情
+    async refreshRoleDetail(roleid) {
+      this.isBtnDisabled = true;
 
+      const res = await asyncRequest.detail({ roleid: roleid });
+
+      if (res && res.code === 0 && res.data) {
+        let resD = res.data;
+        this.ruleForm = resD;
+
+        if (resD.action && resD.action.length > 0) {
+          this.action = resD.action;
+        } else {
+          this.action = [];
+        }
+        if (resD.action_data && resD.action_data.length > 0) {
+          this.action_data = resD.action_data;
+        } else {
+          this.action_data = [];
+        }
+        if (resD.private_data === "") {
+          resD.private_data = [];
+        }
+        if (resD.private_data && resD.private_data.length > 0) {
+          this.private_data = resD.private_data;
+        } else {
+          this.private_data = [];
+        }
+        this.private_field = resD.private_field;
+        console.log(this.private_field);
+        this.refreshRoleCheckAllStatus();
+      } else if (res && res.code >= 100 && res.code <= 104) {
+        await this.logout();
+      } else {
+        this.$message.warning(res.message);
+      }
+      this.isBtnDisabled = false;
+    },
+    // 初始化功能权限列表
+    async initactionList() {
+      const res = await asyncRequest.actionList({});
+      if (res && res.code === 0 && res.data) {
+        this.rules = res.data;
+        await this.initRoleList();
+      } else if (res && res.code >= 100 && res.code <= 104) {
+        await this.logout();
+      } else {
+        this.$message.warning(res.message);
+      }
+    },
+    // 初始化角色列表
+    async initRoleList() {
+      const res = await asyncRequest.getRole({});
+      if (res && res.code === 0 && res.data) {
+        this.roleList = [].concat(res.data);
+        if (this.roleList.length > 0) {
+          await this.switchRoleHandle(this.roleList[0]);
+        } else if (res && res.code >= 100 && res.code <= 104) {
+          await this.logout();
+        } else {
+          this.$message.warning(res.message);
+        }
+      }
+    },
+    // 刷新选择状态
+    refreshRoleCheckAllStatus() {
+      const list = JSON.parse(JSON.stringify(this.rules));
+      let arr = list.filter((item) => item.child && item.child.length > 0);
+      arr = arr.map((x) => {
+        x.child.map((y) => {
+          y.checkAll = false;
+          y.checkList = [];
+          y.fieldAll = false;
+          y.fieldList = [];
+          y.is_private_change = "0";
+          if (y.is_private === "0") {
+            y.private = [];
+          } else {
+            y.private = [
+              {
+                id: "0",
+                label: "公有数据",
+              },
+              {
+                id: "1",
+                label: "私有数据",
+              },
+            ];
+          }
+          return y;
+        });
+        return x;
+      });
+      this.actionList = arr;
+      this.actionList.forEach((x, xi) => {
+        if (x.child && x.child.length > 0) {
+          x.child.forEach((y, yi) => {
+            let id = y.id;
+            if (y.action && y.action.length > 0) {
+              y.action.forEach((z) => {
+                const Aindex = this.action.findIndex((a) => a === z.id);
+                if (Aindex !== -1) {
+                  y.checkList.push(this.action[Aindex]);
+                }
+                if (y.action.length === y.checkList.length) {
+                  y.checkAll = true;
+                }
+              });
+            }
+            if (y.action_data && y.action_data.length > 0) {
+              y.action_data.map((z) => {
+                const Bindex = this.action_data.findIndex((a) => a === z.id);
+                if (Bindex !== -1) {
+                  y.fieldList.push(this.action_data[Bindex]);
+                }
+              });
+              if (y.action_data.length === y.fieldList.length) {
+                y.fieldAll = true;
+              }
+            }
+            if (y.private && y.private.length === 2) {
+              let Cindex = this.private_data.findIndex((a) => a === y.id);
+              if (Cindex !== -1) {
+                y.is_private_change = "1";
+              } else {
+                y.is_private_change = "0";
+              }
+            } else {
+              y.is_private_change = "0";
+            }
+          });
+        }
+        this.$set(this.actionList, xi, x);
+      });
+    },
+  },
+};
+</script>
 <style lang="scss" scoped>
-.developing{
+.action {
+  // height: calc(100vh - 80px);
+  height: 100%;
+  position: relative;
+  width: 100%;
+  text-align: center;
+  .action_show {
+    position: relative;
     width: 100%;
-    text-align: center;
-    padding:5vh 0 0 0;
-    img{
-        width: 600px;
-        display: inline-block;
+    height: 100%;
+    // height: calc(100vh - 122px);
+    .rule-bottom {
+      padding: 18px 16px 0 18%;
+      background: #fff;
+      width: 100%;
+      text-align: left;
+      &::before {
+        content: "";
+        position: absolute;
+        top: 0;
+        right: 0;
+        height: 2px;
+        width: 100%;
+        background-color: #e4e7ed;
+        z-index: 1;
+      }
+    }
+    .action_show_box {
+      position: relative;
+      height: calc(100% - 50px);
+      min-height: calc(100% - 50px);
 
+      display: flex;
+      text-align: left;
+
+      .role-list {
+        position: relative;
+        height: 100%;
+        overflow-y: auto;
+        width: 15%;
+        padding: 8px 16px;
+        min-height: 100%;
+        flex-shrink: 0;
+        &::after {
+          content: "";
+          position: absolute;
+          top: 0;
+          right: 0;
+          height: 100%;
+          width: 2px;
+          background-color: #e4e7ed;
+          z-index: 1;
+        }
+        .role-list__title {
+          color: #b4b6c0;
+          line-height: 32px;
+        }
+        .role-list__item {
+          position: relative;
+          white-space: nowrap;
+          text-overflow: ellipsis;
+          overflow: hidden;
+          height: 32px;
+          line-height: 32px;
+          padding-left: 8px;
+          color: rgb(48, 49, 51);
+          cursor: pointer;
+          i {
+            position: absolute;
+            right: 0;
+            line-height: 32px;
+          }
+        }
+        .role-list__item.active {
+          color: #63cbe7;
+          background: #f7f7f7;
+        }
+      }
+      .rule-view {
+        position: relative;
+        height: 100%;
+        width: 85%;
+        overflow-y: scroll;
+        // padding: 0 0 0 16px;
+        .ffff {
+          width: 100%;
+          display: flex;
+          align-items: stretch;
+          .ftitle {
+            width: 110px;
+            text-align: center;
+            border-right: 1px solid #dfe6ec;
+            border-bottom: 1px solid #dfe6ec;
+            padding: 12px 14px;
+            display: flex;
+            align-items: center;
+            span {
+              display: inline-block;
+              width: 100%;
+              font-size: 17px;
+              text-align: center;
+              color: #97a8be;
+            }
+          }
+          .fbody {
+            width: calc(100% - 110px);
+            .fbody-item {
+              border-right: 1px solid #dfe6ec;
+              border-bottom: 1px solid #dfe6ec;
+
+              .stitle {
+                padding: 18px 18px 12px 18px;
+                border-bottom: 1px dashed #dfe6ec;
+                font-size: 14px;
+                color: #97a8be;
+                ._h2 {
+                  display: inline-block;
+                  // width: 100px;
+                }
+              }
+              .scheck {
+                padding: 15px 0 10px 0;
+                display: flex;
+                width: 100%;
+                .checkAll {
+                  width: 140px;
+                  text-align: right;
+                  padding: 0 35px 0 0;
+                }
+                .checkItem {
+                  width: calc(100% - 140px);
+                }
+              }
+              .sfield {
+                padding: 0 0 10px 0;
+                display: flex;
+                width: 100%;
+                .checkAll {
+                  width: 140px;
+                  text-align: right;
+                  padding: 0 35px 0 0;
+                }
+                .checkItem {
+                  width: calc(100% - 140px);
+                }
+              }
+            }
+          }
+        }
+        // .rule-list {
+        //   height: 100%;
+        //   overflow-y: auto;
+        //   padding: 0 0 80px 0;
+        //   .rule-title {
+        //     .title {
+        //       font-size: 20px;
+        //       color: #333;
+        //     }
+        //     .desc {
+        //       margin: 10px 0;
+        //       font-size: 12px;
+        //       color: #999;
+        //     }
+        //   }
+        //   .rule-item {
+        //     .title {
+        //       margin: 30px 30px 10px 0;
+        //       font-size: 18px;
+        //       padding-bottom: 12px;
+        //       border-bottom: 1px solid #eee;
+        //       color: #333;
+        //       .el-checkbox {
+        //         margin-left: 10px;
+        //       }
+        //     }
+        //     .el-checkbox-group {
+        //       margin: 10px 30px 30px 0;
+        //       .el-checkbox {
+        //         line-height: 30px;
+        //       }
+        //       .children-checkbox-hr {
+        //         margin: 8px 0;
+        //         border: none;
+        //         border-top: 2px dotted #eee;
+        //       }
+        //     }
+        //   }
+        // }
+      }
     }
+  }
 }
-
-</style>
+</style>

src/views/superTube/appDataEdit/index.vue

@@ -0,0 +1,13 @@
+<template>
+  <div>555</div>
+</template>
+
+<script>
+export default {
+
+}
+</script>
+
+<style>
+
+</style>

src/views/superTube/batchAccount/addEdit.vue

@@ -0,0 +1,324 @@
+<template>
+  <el-dialog
+    v-loading="loading"
+    :title="title"
+    :center="true"
+    align="left"
+    top="12vh"
+    width="800px"
+    :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="closeModel"
+  >
+    <el-card style="margin-top: -25px">
+      <el-row :gutter="10">
+        <el-col :span="24">
+          <el-form
+            ref="ruleForm"
+            :model="ruleForm"
+            status-icon
+            :rules="rulesThis"
+            label-width="110px"
+            class="demo-ruleForm"
+          >
+            <el-form-item label="企业名称" prop="testName">
+              <exSelect :type="isDetail" :dataList="test" :seleValue="ruleForm.testName" @selectFn = "selectFn" />
+              
+            </el-form-item>
+            <!-- <el-form-item label="企业名称" prop="testName">
+              <el-input
+                v-model="ruleForm.testName"
+                placeholder="请输入企业名称"
+                :disabled="isDetail === '007'"
+              />
+            </el-form-item> -->
+            <el-form-item label="联系人" prop="nickname">
+              <el-input
+                v-model="ruleForm.nickname"
+                placeholder="请输入联系人"
+                :disabled="isDetail === '007'"
+              />
+            </el-form-item>
+            <el-form-item label="手机号" prop="mobile">
+              <el-input
+                v-model="ruleForm.mobile"
+                placeholder="请输入手机号手机号"
+                :disabled="isDetail === '007'"
+              />
+            </el-form-item>
+            <el-form-item label="备注" prop="remark">
+              <el-input
+                v-model="ruleForm.remark"
+                type="textarea"
+                :autosize="{ minRows: 4, maxRows: 4 }"
+                placeholder="请输入内容"
+                :disabled="isDetail === '007'"
+                maxlength="250"
+                show-word-limit
+              />
+            </el-form-item>
+          </el-form>
+        </el-col>
+        <el-col :span="24" style="text-align: right">
+          <el-button
+            v-if="isDetail !== '007'"
+            type="primary"
+            @click="submitForm"
+            >保 存
+          </el-button>
+          <el-button @click="showModelThis = false">{{
+            isDetail !== "007" ? "取 消" : "关 闭"
+          }}</el-button>
+        </el-col>
+      </el-row>
+    </el-card>
+  </el-dialog>
+</template>
+<script>
+import asyncRequest from "@/apis/service/superTube/batchAccount";
+import resToken from "@/mixins/resToken";
+import PeriodDateTimePicker from "@/components/PeriodDateTimePicker";
+import exSelect from "@/components/global/exSelect";
+import {
+  isnumber,
+  isMobile,
+  isChinese,
+  isEmoticon,
+  validAlphabets,
+} from "@/utils/validate";
+export default {
+  name: "batchAccount",
+  props: ["showModel", "id", "isDetail", "sitem"],
+  mixins: [resToken],
+  components: {
+    PeriodDateTimePicker,
+    exSelect,
+  },
+  data() {
+    const validatename = (rule, value, callback) => {
+      if ((value ?? "") != "") {
+        callback();
+      } else {
+        callback(new Error("联系人不能为空！"));
+      }
+    };
+    const validatetestName = (rule, value, callback) => {
+      if ((value ?? "") != "") {
+        callback();
+      } else {
+        callback(new Error("企业名称不能为空！"));
+      }
+    };
+    const validateremark = (rule, value, callback) => {
+      if ((value ?? "") != "") {
+        callback();
+      } else {
+        callback(new Error("备注不能为空！"));
+      }
+    };
+    const validatemobile = (rule, value, callback) => {
+      if ((value ?? "") != "") {
+        if (!isMobile(value) && value) {
+          callback(new Error("手机号格式不正确！"));
+        } else {
+          callback();
+        }
+      } else {
+        callback(new Error("联系方式不能为空！"));
+      }
+    };
+    return {
+      seleValue:"2",
+      test: [
+        { value: "1", label: "哈哈" },
+        { value: "2", label: "AG" },
+        { value: "3", label: "嘎嘎" },
+      ],
+
+      options: [],
+      value: [],
+      list: [],
+      states: [],
+      tags: [],
+      roleList: [],
+      loading: false,
+      title: "添加账号",
+      showModelThis: this.showModel,
+      parmValue: {
+        testName: "",
+        nickname: "",
+        remark: "",
+        mobile: "",
+        page: 1,
+        size: 15,
+      },
+      ruleForm: {
+        testName: "",
+        nickname: "",
+        mobile: "",
+        remark: "",
+      },
+      rulesThis: this.rules,
+      rules: {
+        testName: [
+          {
+            required: true,
+            validator: validatetestName,
+            // trigger: "change",
+            trigger: "blur",
+
+          },
+        ],
+        nickname: [
+          {
+            required: true,
+            validator: validatename,
+            trigger: "blur",
+          },
+        ],
+        mobile: [
+          {
+            required: true,
+            validator: validatemobile,
+            trigger: "blur",
+          },
+        ],
+        remark: [
+          {
+            required: true,
+            validator: validateremark,
+            trigger: "blur",
+          },
+        ],
+      },
+    };
+  },
+  watch: {
+    showModel: function (val) {
+      this.showModelThis = val;
+      if (val) {
+        this.initForm();
+      }
+    },
+    showModelThis(val) {
+      if (!val) {
+        this.$emit("cancel");
+      }
+    },
+  },
+
+  methods: {
+    selectFn(val){
+      this.ruleForm.testName = val;
+      this.$refs.ruleForm.validateField("testName");
+      console.log(this.ruleForm.testName)
+    },
+    restSearch() {
+      this.select = "1";
+      this.input = "";
+      this.pageInfo = {
+        size: 15,
+        curr: 1,
+        total: 0,
+      };
+      this.parmValue = {
+        testName: "",
+        nickname: "",
+        remark: "",
+        mobile: "",
+        page: 1,
+        size: 15,
+      };
+    },
+
+    closeModel() {},
+    async initForm() {
+      this.loading = true;
+      if (this.isDetail === "003") {
+        this.title = "新建企业";
+        this.rulesThis = this.rules;
+        await this.resetForm();
+      } else {
+        if (this.isDetail === "007") {
+          this.title = "企业详情";
+          this.rulesThis = {};
+        } else {
+          this.title = "编辑企业";
+          this.rulesThis = this.rules;
+        }
+        await this.resetForm();
+        await this.initData();
+      }
+      this.loading = false;
+    },
+    async initData() {
+      const res = await asyncRequest.detail({ id: this.id });
+      if (res && res.code === 0 && res.data) {
+        const { testName, nickname, mobile, remark } = res.data;
+
+        this.ruleForm = {
+          testName,
+          nickname,
+          mobile,
+          remark,
+        };
+      } else if (res && res.code >= 100 && res.code <= 104) {
+        await this.logout();
+      }
+    },
+    async resetForm() {
+      this.tags = [];
+      this.options = [];
+      this.value = [];
+      await this.$nextTick(() => {
+        if (this.$refs.ruleForm) {
+          // this.$refs.videoSet.$data.selectedLabel = "";
+          // this.$refs.ruleForm.resetFields();
+          // this.$refs.ruleForm.clearValidate();
+          this.ruleForm = {
+            testName: "",
+
+            nickname: "",
+            mobile: "",
+            remark: "",
+          };
+        }
+      });
+    },
+    async submitForm() {
+      await this.$refs.ruleForm.validate(async (valid) => {
+        if (valid) {
+          this.loading = true;
+
+          let res = {};
+          if (this.id === "add") {
+            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.msg);
+          }
+        } else {
+          return false;
+        }
+      });
+    },
+  },
+};
+</script>
+

src/views/superTube/batchAccount/index.vue

@@ -0,0 +1,376 @@
+<template>
+  <div class="batchAccount pagePadding">
+    <div
+      v-if="powers && powers.length > 0 && powers.some((item) => item == '001')"
+    >
+      <ex-table
+        v-loading="loading"
+        v-if="
+          powers && powers.length > 0 && powers.some((item) => item == '001')
+        "
+        :table="table"
+        :data="tableData"
+        :columns="columns"
+        :page="pageInfo"
+        :size="size"
+        @page-curr-change="handlePageChange"
+        @page-size-change="handleSizeChange"
+        @screen-reset="
+          pageInfo.curr = 1;
+          searchList();
+        "
+        @screen-submit="
+          pageInfo.curr = 1;
+          searchList();
+        "
+      >
+        <template #table-header="{}">
+          <div style="width: 100%">
+            <el-row>
+              <el-col :span="24">
+                <el-col :span="4" style="width: 180px">
+                  <el-select
+                    :size="searchSize"
+                    v-model="parmValue.status"
+                    filterable
+                    clearable
+                    placeholder="账号状态"
+                    style="width: 100%"
+                  >
+                    <el-option
+                      v-for="item in statusList"
+                      :key="'status' + item.id"
+                      :label="item.label"
+                      :value="item.id"
+                    />
+                  </el-select>
+                </el-col>
+                <el-col :span="4" style="width: 380px; padding: 0 0 0 10px">
+                  <el-input
+                    :size="searchSize"
+                    v-model="input"
+                    :maxlength="40"
+                    placeholder="关键字"
+                  >
+                    <el-select
+                      v-model="select"
+                      slot="prepend"
+                      style="width: 95px"
+                      placeholder="请选择"
+                    >
+                      <el-option
+                        v-for="(item, index) in selectList"
+                        :label="item.name"
+                        :value="item.code"
+                        :key="index + 'se'"
+                      ></el-option>
+                    </el-select>
+
+                    <el-button
+                      slot="append"
+                      icon="el-icon-search"
+                      @click.native="searchList"
+                    ></el-button>
+                  </el-input>
+                </el-col>
+
+                <el-col
+                  :span="4"
+                  style="width: 80px; padding: 0 0 0 10px"
+                  v-if="powers.some((item) => item == '008')"
+                >
+                  <el-button
+                    type="warning"
+                    :size="searchSize"
+                    @click="restSearch"
+                  >
+                    重置
+                  </el-button>
+                </el-col>
+                <el-col
+                  :span="3"
+                  v-if="powers.some((item) => item == '002')"
+                  style="width: 80px; padding: 0 0 0 10px; float: right"
+                >
+                  <el-button
+                    :size="searchSize"
+                    type="primary"
+                    style="float: right"
+                    @click="searchList"
+                  >
+                    刷新
+                  </el-button>
+                </el-col>
+
+                <el-col
+                  :span="3"
+                  style="width: 60px; float: right"
+                  v-if="powers.some((item) => item == '003')"
+                >
+                  <el-button
+                    type="success"
+                    :size="searchSize"
+                    style="float: right"
+                    @click="openModal('add', '003', {})"
+                  >
+                    添加
+                  </el-button>
+                </el-col>
+              </el-col>
+            </el-row>
+          </div>
+        </template>
+        <template #status="{ scope }">
+          <el-tag
+            :size="tablebtnSize"
+            :type="
+              scope.row.status == '0'
+                ? 'warning'
+                : scope.row.status == '1'
+                ? 'success'
+                : ''
+            "
+            v-text="
+              (statusList.find((item) => item.id == scope.row.status) || {})
+                .label || '--'
+            "
+          ></el-tag>
+        </template>
+        <template #time="{ scope }">
+          <span>{{ scope.row.starttime }}~{{ scope.row.expiretime }}</span>
+        </template>
+        <template #operation="{ scope }">
+           <!-- v-if="roles === 'admin'" -->
+          
+          <el-tooltip
+            v-if="powers.some((item) => item == '007')"
+            class="item"
+            effect="dark"
+            content="详情"
+            placement="top"
+          >
+            <i
+              class="el-icon-view tb-icon"
+              @click="openModal(scope.row.id, '007', scope.row)"
+            ></i>
+          </el-tooltip>
+          <el-tooltip
+            v-if="powers.some((item) => item == '005')"
+            class="item"
+            effect="dark"
+            content="修改"
+            placement="top"
+          >
+            <i
+              class="el-icon-edit tb-icon"
+              @click="openModal(scope.row.id, '005', scope.row)"
+            ></i>
+          </el-tooltip>
+        </template>
+      </ex-table>
+      <add-edit
+        :id="modelId"
+        :sitem="sitem"
+        :show-model="showModel"
+        :is-detail="isDetail"
+        @refresh="searchList"
+        @cancel="showModel = false"
+      />
+
+      <!-- <reset-password
+        :id="passwordModelId"
+        :show-model="passwordModel"
+        :is-detail="isPasswordDetail"
+        @refresh="searchList"
+        @cancel="passwordModel = false"
+      /> -->
+    </div>
+    <div v-else>
+      <no-auth></no-auth>
+    </div>
+  </div>
+</template>
+<script>
+import mixinPage from "@/mixins/elPaginationHandle";
+import asyncRequest from "@/apis/service/superTube/batchAccount";
+import ExTable from "@/components/ExTableNew.vue";
+import addEdit from "./addEdit";
+import { mapGetters } from "vuex";
+// import resetPassword from "./resetPassword";
+import resToken from "@/mixins/resToken";
+export default {
+  name: "batchAccount",
+  components: {
+    addEdit,
+    ExTable,
+    // resetPassword,
+  },
+  mixins: [mixinPage, resToken],
+  computed: {
+    ...mapGetters(["tablebtnSize", "searchSize", "size", "roles"]),
+    powers() {
+      let tran =
+        this.$store.getters.btnList.find((item) => item.menu_route == "batchAccount") ||
+        {};
+      if (tran && tran.action && tran.action.length > 0) {
+        return tran.action;
+      } else {
+        return [];
+      }
+    },
+  },
+  data() {
+    return {
+      showDetail: "",
+      sitem: null,
+      select: "1",
+      input: "",
+      selectList: [
+        { code: "1", name: "账号" },
+        { code: "2", name: "客户姓名" },
+        { code: "3", name: "手机号" },
+      ],
+      // 状态
+      statusList: [
+        { id: "0", label: "未激活" },
+        { id: "1", label: "已激活" },
+        { id: "2", label: "已过期" },
+      ],
+      loading: true,
+      showModel: false,
+      isDetail: false,
+      modelId: 0,
+      parmValue: {
+        username: "", // 账户名
+        nickname: "", // 用户名
+        status: "", //状态
+        mobile: "",//手机号
+        page: 1, // 页码
+        size: 15, // 每页显示条数
+      },
+      passwordModel: false,
+      passwordModelId: 0,
+      isPasswordDetail: false,
+      // 表格 - 数据
+      tableData: [],
+      // 表格 - 参数
+      table: {
+        stripe: true,
+        border: true,
+      },
+      // 表格 - 分页
+      pageInfo: {
+        size: 15,
+        curr: 1,
+        total: 0,
+      },
+      // 表格 - 列参数
+      columns: [
+        {
+          prop: "username",
+          label: "账号",
+          width: "120px",
+          fixed: "left",
+        },
+        {
+          prop: "status",
+          label: "账号状态",
+          _slot_: "status",
+          width: "80px",
+        },
+        {
+          prop: "nickname",
+          label: "客户姓名",
+        },
+        {
+          prop: "mobile",
+          label: "客户手机号",
+          width: "110px",
+        },
+        {
+          prop: "time",
+          label: "账户有效期",
+          _slot_: "time",
+          width: "280px",
+        },
+        {
+          prop: "activetime",
+          label: "账户激活时间",
+        //   sortable: true,
+          width: "140px",
+        },
+
+        {
+          prop: "addtime",
+          label: "创建时间",
+        //   sortable: true,
+          width: "140px",
+        },
+        {
+          prop: "",
+          label: "操作",
+          fixed: "right",
+          _noset_: true,
+          width: "80px",
+          _slot_: "operation",
+        },
+      ],
+    };
+  },
+  mounted() {
+    alert("table数据非真实数据，需要更换表头，筛选及数据需要更换接口")
+    this.searchList();
+  },
+  methods: {
+    restSearch() {
+      this.select = "1";
+      this.input = "";
+      // 表格 - 分页
+      this.pageInfo = {
+        size: 15,
+        curr: 1,
+        total: 0,
+      };
+      this.parmValue = {
+        username: "", // 账户名
+        nickname: "", // 用户名
+        status: "", //状态
+        mobile: "",//手机号
+        page: 1, // 页码
+        size: 15, // 每页显示条数
+      };
+      this.searchList();
+    },
+    openModal(id, isDetail, sitem) {
+      this.showModel = true; //显示弹窗框
+      this.modelId = id;
+      this.isDetail = isDetail;
+      this.sitem = sitem;
+    },
+    openPasswordModal(id, isDetail) {
+      this.passwordModel = true;
+      this.passwordModelId = id;
+      this.isPasswordDetail = isDetail;
+    },
+    async searchList() {
+      this.loading = true;
+      this.parmValue.username = this.select === "1" ? this.input : "";
+      this.parmValue.nickname = this.select === "2" ? this.input : "";
+      this.parmValue.mobile = this.select === "3" ? this.input : "";
+      const res = await asyncRequest.list(this.parmValue);
+      if (res && res.code === 0 && res.data) {
+        this.tableData = res.data.list;
+        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/superTube/batchVideo/index.vue

@@ -0,0 +1,13 @@
+<template>
+  <div>333</div>
+</template>
+
+<script>
+export default {
+
+}
+</script>
+
+<style>
+
+</style>

src/views/superTube/enterPrise/addEdit.vue

@@ -0,0 +1,312 @@
+<template>
+  <el-dialog
+    v-loading="loading"
+    :title="title"
+    :center="true"
+    align="left"
+    top="12vh"
+    width="800px"
+    :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="closeModel"
+  >
+    <el-card style="margin-top: -25px">
+      <el-row :gutter="10">
+        <el-col :span="24">
+          <el-form
+            ref="ruleForm"
+            :model="ruleForm"
+            status-icon
+            :rules="rulesThis"
+            label-width="110px"
+            class="demo-ruleForm"
+          >
+            <el-form-item label="企业名称" prop="testName">
+              <el-input
+                v-model="ruleForm.testName"
+                placeholder="请输入企业名称"
+                :disabled="isDetail === '007'"
+              />
+            </el-form-item>
+            <el-form-item label="联系人" prop="nickname">
+              <el-input
+                v-model="ruleForm.nickname"
+                placeholder="请输入联系人"
+                :disabled="isDetail === '007'"
+              />
+            </el-form-item>
+            <el-form-item label="手机号" prop="mobile">
+              <el-input
+                v-model="ruleForm.mobile"
+                placeholder="请输入手机号手机号"
+                :disabled="isDetail === '007'"
+              />
+            </el-form-item>
+            <el-form-item label="备注" prop="remark">
+              <el-input
+                v-model="ruleForm.remark"
+                type="textarea"
+                :autosize="{ minRows: 4, maxRows: 4 }"
+                placeholder="请输入内容"
+                :disabled="isDetail === '007'"
+                maxlength="250"
+                show-word-limit
+              />
+            </el-form-item>
+          </el-form>
+        </el-col>
+        <el-col :span="24" style="text-align: right">
+          <el-button
+            v-if="isDetail !== '007'"
+            type="primary"
+            @click="submitForm"
+            >保 存
+          </el-button>
+          <el-button @click="showModelThis = false">{{
+            isDetail !== "007" ? "取 消" : "关 闭"
+          }}</el-button>
+        </el-col>
+      </el-row>
+    </el-card>
+  </el-dialog>
+</template>
+<script>
+import asyncRequest from "@/apis/service/superTube/enterPrise";
+import resToken from "@/mixins/resToken";
+import PeriodDateTimePicker from "@/components/PeriodDateTimePicker";
+import {
+  isnumber,
+  isMobile,
+  isChinese,
+  isEmoticon,
+  validAlphabets,
+} from "@/utils/validate";
+export default {
+  name: "enterPrise",
+  props: ["showModel", "id", "isDetail", "sitem"],
+  mixins: [resToken],
+  components: {
+    PeriodDateTimePicker,
+  },
+  data() {
+    const validatename = (rule, value, callback) => {
+      if ((value ?? "") != "") {
+        callback();
+      } else {
+        callback(new Error("联系人不能为空！"));
+      }
+    };
+    const validatetestName = (rule, value, callback) => {
+      if ((value ?? "") != "") {
+        callback();
+      } else {
+        callback(new Error("企业名称不能为空！"));
+      }
+    };
+    const validateremark = (rule, value, callback) => {
+      if ((value ?? "") != "") {
+        callback();
+      } else {
+        callback(new Error("备注不能为空！"));
+      }
+    };
+    const validatemobile = (rule, value, callback) => {
+      if ((value ?? "") != "") {
+        if (!isMobile(value) && value) {
+          callback(new Error("手机号格式不正确！"));
+        } else {
+          callback();
+        }
+      } else {
+        callback(new Error("联系方式不能为空！"));
+      }
+    };
+    return {
+      options: [],
+      value: [],
+      list: [],
+      states: [],
+      tags: [],
+      roleList: [],
+      loading: false,
+      title: "添加账号",
+      showModelThis: this.showModel,
+      parmValue: {
+        testName: "",
+        nickname: "",
+        remark: "",
+        mobile: "",
+        page: 1,
+        size: 15,
+      },
+      ruleForm: {
+        testName: "",
+        nickname: "",
+        mobile: "",
+        remark: "",
+      },
+      rulesThis: this.rules,
+      rules: {
+        testName: [
+          {
+            required: true,
+            validator: validatetestName,
+            trigger: "blur",
+          },
+        ],
+        nickname: [
+          {
+            required: true,
+            validator: validatename,
+            trigger: "blur",
+          },
+        ],
+        mobile: [
+          {
+            required: true,
+            validator: validatemobile,
+            trigger: "blur",
+          },
+        ],
+        remark: [
+          {
+            required: true,
+            validator: validateremark,
+            trigger: "blur",
+          },
+        ],
+      },
+    };
+  },
+  watch: {
+    showModel: function (val) {
+      this.showModelThis = val;
+      if (val) {
+        this.initForm();
+      }
+    },
+    showModelThis(val) {
+      if (!val) {
+        this.$emit("cancel");
+      }
+    },
+  },
+
+  methods: {
+    restSearch() {
+      this.select = "1";
+      this.input = "";
+      this.pageInfo = {
+        size: 15,
+        curr: 1,
+        total: 0,
+      };
+      this.parmValue = {
+        testName: "",
+        nickname: "",
+        remark: "",
+        mobile: "",
+        page: 1,
+        size: 15,
+      };
+    },
+
+    closeModel() {},
+    async initForm() {
+      this.loading = true;
+      if (this.isDetail === "003") {
+        this.title = "新建企业";
+        this.rulesThis = this.rules;
+        await this.resetForm();
+      } else {
+        if (this.isDetail === "007") {
+          this.title = "企业详情";
+          this.rulesThis = {};
+        } else {
+          this.title = "编辑企业";
+          this.rulesThis = this.rules;
+        }
+        await this.resetForm();
+        await this.initData();
+      }
+      this.loading = false;
+    },
+    async initData() {
+      const res = await asyncRequest.detail({ id: this.id });
+      if (res && res.code === 0 && res.data) {
+        const {
+         testName,
+          nickname,
+          mobile,
+          remark,
+        } = res.data;
+       
+        this.ruleForm = {
+
+         testName,
+          nickname,
+          mobile,
+          remark,
+        };
+      } else if (res && res.code >= 100 && res.code <= 104) {
+        await this.logout();
+      }
+    },
+    async resetForm() {
+      this.tags = [];
+      this.options = [];
+      this.value = [];
+      await this.$nextTick(() => {
+        if (this.$refs.ruleForm) {
+          // this.$refs.videoSet.$data.selectedLabel = "";
+          // this.$refs.ruleForm.resetFields();
+          // this.$refs.ruleForm.clearValidate();
+          this.ruleForm = {
+            testName: "",
+
+            nickname: "",
+            mobile: "",
+            remark: "",
+
+          };
+        }
+      });
+    },
+    async submitForm() {
+      await this.$refs.ruleForm.validate(async (valid) => {
+        if (valid) {
+          this.loading = true;
+          
+
+          let res = {};
+          if (this.id === "add") {
+            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.msg);
+          }
+        } else {
+          return false;
+        }
+      });
+    },
+  },
+};
+</script>
+

src/views/superTube/enterPrise/index.vue

@@ -0,0 +1,376 @@
+<template>
+  <div class="enterPrise pagePadding">
+    <div
+      v-if="powers && powers.length > 0 && powers.some((item) => item == '001')"
+    >
+      <ex-table
+        v-loading="loading"
+        v-if="
+          powers && powers.length > 0 && powers.some((item) => item == '001')
+        "
+        :table="table"
+        :data="tableData"
+        :columns="columns"
+        :page="pageInfo"
+        :size="size"
+        @page-curr-change="handlePageChange"
+        @page-size-change="handleSizeChange"
+        @screen-reset="
+          pageInfo.curr = 1;
+          searchList();
+        "
+        @screen-submit="
+          pageInfo.curr = 1;
+          searchList();
+        "
+      >
+        <template #table-header="{}">
+          <div style="width: 100%">
+            <el-row>
+              <el-col :span="24">
+                <el-col :span="4" style="width: 180px">
+                  <el-select
+                    :size="searchSize"
+                    v-model="parmValue.status"
+                    filterable
+                    clearable
+                    placeholder="账号状态"
+                    style="width: 100%"
+                  >
+                    <el-option
+                      v-for="item in statusList"
+                      :key="'status' + item.id"
+                      :label="item.label"
+                      :value="item.id"
+                    />
+                  </el-select>
+                </el-col>
+                <el-col :span="4" style="width: 380px; padding: 0 0 0 10px">
+                  <el-input
+                    :size="searchSize"
+                    v-model="input"
+                    :maxlength="40"
+                    placeholder="关键字"
+                  >
+                    <el-select
+                      v-model="select"
+                      slot="prepend"
+                      style="width: 95px"
+                      placeholder="请选择"
+                    >
+                      <el-option
+                        v-for="(item, index) in selectList"
+                        :label="item.name"
+                        :value="item.code"
+                        :key="index + 'se'"
+                      ></el-option>
+                    </el-select>
+
+                    <el-button
+                      slot="append"
+                      icon="el-icon-search"
+                      @click.native="searchList"
+                    ></el-button>
+                  </el-input>
+                </el-col>
+
+                <el-col
+                  :span="4"
+                  style="width: 80px; padding: 0 0 0 10px"
+                  v-if="powers.some((item) => item == '008')"
+                >
+                  <el-button
+                    type="warning"
+                    :size="searchSize"
+                    @click="restSearch"
+                  >
+                    重置
+                  </el-button>
+                </el-col>
+                <el-col
+                  :span="3"
+                  v-if="powers.some((item) => item == '002')"
+                  style="width: 80px; padding: 0 0 0 10px; float: right"
+                >
+                  <el-button
+                    :size="searchSize"
+                    type="primary"
+                    style="float: right"
+                    @click="searchList"
+                  >
+                    刷新
+                  </el-button>
+                </el-col>
+
+                <el-col
+                  :span="3"
+                  style="width: 60px; float: right"
+                  v-if="powers.some((item) => item == '003')"
+                >
+                  <el-button
+                    type="success"
+                    :size="searchSize"
+                    style="float: right"
+                    @click="openModal('add', '003', {})"
+                  >
+                    添加
+                  </el-button>
+                </el-col>
+              </el-col>
+            </el-row>
+          </div>
+        </template>
+        <template #status="{ scope }">
+          <el-tag
+            :size="tablebtnSize"
+            :type="
+              scope.row.status == '0'
+                ? 'warning'
+                : scope.row.status == '1'
+                ? 'success'
+                : ''
+            "
+            v-text="
+              (statusList.find((item) => item.id == scope.row.status) || {})
+                .label || '--'
+            "
+          ></el-tag>
+        </template>
+        <template #time="{ scope }">
+          <span>{{ scope.row.starttime }}~{{ scope.row.expiretime }}</span>
+        </template>
+        <template #operation="{ scope }">
+           <!-- v-if="roles === 'admin'" -->
+          
+          <el-tooltip
+            v-if="powers.some((item) => item == '007')"
+            class="item"
+            effect="dark"
+            content="详情"
+            placement="top"
+          >
+            <i
+              class="el-icon-view tb-icon"
+              @click="openModal(scope.row.id, '007', scope.row)"
+            ></i>
+          </el-tooltip>
+          <el-tooltip
+            v-if="powers.some((item) => item == '005')"
+            class="item"
+            effect="dark"
+            content="修改"
+            placement="top"
+          >
+            <i
+              class="el-icon-edit tb-icon"
+              @click="openModal(scope.row.id, '005', scope.row)"
+            ></i>
+          </el-tooltip>
+        </template>
+      </ex-table>
+      <add-edit
+        :id="modelId"
+        :sitem="sitem"
+        :show-model="showModel"
+        :is-detail="isDetail"
+        @refresh="searchList"
+        @cancel="showModel = false"
+      />
+
+      <!-- <reset-password
+        :id="passwordModelId"
+        :show-model="passwordModel"
+        :is-detail="isPasswordDetail"
+        @refresh="searchList"
+        @cancel="passwordModel = false"
+      /> -->
+    </div>
+    <div v-else>
+      <no-auth></no-auth>
+    </div>
+  </div>
+</template>
+<script>
+import mixinPage from "@/mixins/elPaginationHandle";
+import asyncRequest from "@/apis/service/superTube/enterPrise";
+import ExTable from "@/components/ExTableNew.vue";
+import addEdit from "./addEdit";
+import { mapGetters } from "vuex";
+// import resetPassword from "./resetPassword";
+import resToken from "@/mixins/resToken";
+export default {
+  name: "enterPrise",
+  components: {
+    addEdit,
+    ExTable,
+    // resetPassword,
+  },
+  mixins: [mixinPage, resToken],
+  computed: {
+    ...mapGetters(["tablebtnSize", "searchSize", "size", "roles"]),
+    powers() {
+      let tran =
+        this.$store.getters.btnList.find((item) => item.menu_route == "enterPrise") ||
+        {};
+      if (tran && tran.action && tran.action.length > 0) {
+        return tran.action;
+      } else {
+        return [];
+      }
+    },
+  },
+  data() {
+    return {
+      showDetail: "",
+      sitem: null,
+      select: "1",
+      input: "",
+      selectList: [
+        { code: "1", name: "账号" },
+        { code: "2", name: "客户姓名" },
+        { code: "3", name: "手机号" },
+      ],
+      // 状态
+      statusList: [
+        { id: "0", label: "未激活" },
+        { id: "1", label: "已激活" },
+        { id: "2", label: "已过期" },
+      ],
+      loading: true,
+      showModel: false,
+      isDetail: false,
+      modelId: 0,
+      parmValue: {
+        username: "", // 账户名
+        nickname: "", // 用户名
+        status: "", //状态
+        mobile: "",//手机号
+        page: 1, // 页码
+        size: 15, // 每页显示条数
+      },
+      passwordModel: false,
+      passwordModelId: 0,
+      isPasswordDetail: false,
+      // 表格 - 数据
+      tableData: [],
+      // 表格 - 参数
+      table: {
+        stripe: true,
+        border: true,
+      },
+      // 表格 - 分页
+      pageInfo: {
+        size: 15,
+        curr: 1,
+        total: 0,
+      },
+      // 表格 - 列参数
+      columns: [
+        {
+          prop: "username",
+          label: "账号",
+          width: "120px",
+          fixed: "left",
+        },
+        {
+          prop: "status",
+          label: "账号状态",
+          _slot_: "status",
+          width: "80px",
+        },
+        {
+          prop: "nickname",
+          label: "客户姓名",
+        },
+        {
+          prop: "mobile",
+          label: "客户手机号",
+          width: "110px",
+        },
+        {
+          prop: "time",
+          label: "账户有效期",
+          _slot_: "time",
+          width: "280px",
+        },
+        {
+          prop: "activetime",
+          label: "账户激活时间",
+        //   sortable: true,
+          width: "140px",
+        },
+
+        {
+          prop: "addtime",
+          label: "创建时间",
+        //   sortable: true,
+          width: "140px",
+        },
+        {
+          prop: "",
+          label: "操作",
+          fixed: "right",
+          _noset_: true,
+          width: "80px",
+          _slot_: "operation",
+        },
+      ],
+    };
+  },
+  mounted() {
+    alert("table数据非真实数据，需要更换表头，筛选及数据需要更换接口")
+    this.searchList();
+  },
+  methods: {
+    restSearch() {
+      this.select = "1";
+      this.input = "";
+      // 表格 - 分页
+      this.pageInfo = {
+        size: 15,
+        curr: 1,
+        total: 0,
+      };
+      this.parmValue = {
+        username: "", // 账户名
+        nickname: "", // 用户名
+        status: "", //状态
+        mobile: "",//手机号
+        page: 1, // 页码
+        size: 15, // 每页显示条数
+      };
+      this.searchList();
+    },
+    openModal(id, isDetail, sitem) {
+      this.showModel = true; //显示弹窗框
+      this.modelId = id;
+      this.isDetail = isDetail;
+      this.sitem = sitem;
+    },
+    openPasswordModal(id, isDetail) {
+      this.passwordModel = true;
+      this.passwordModelId = id;
+      this.isPasswordDetail = isDetail;
+    },
+    async searchList() {
+      this.loading = true;
+      this.parmValue.username = this.select === "1" ? this.input : "";
+      this.parmValue.nickname = this.select === "2" ? this.input : "";
+      this.parmValue.mobile = this.select === "3" ? this.input : "";
+      const res = await asyncRequest.list(this.parmValue);
+      if (res && res.code === 0 && res.data) {
+        this.tableData = res.data.list;
+        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/superTube/role/index.vue

@@ -0,0 +1,13 @@
+<template>
+  <div>444</div>
+</template>
+
+<script>
+export default {
+
+}
+</script>
+
+<style>
+
+</style>