页面新建

src/components/tableList.vue

@@ -178,8 +178,7 @@
           </div>
           <template
             v-else-if="
-              item.scope === 'copyTime' &&
-              scope.row[item.prop] != null
+              item.scope === 'copyTime' && scope.row[item.prop] != null
             "
           >
             <div v-for="(item, index) in scope.row['copyTime']" :key="index">
@@ -278,6 +277,13 @@
             "
             >结构树视图</span
           >
+          <div
+            v-else-if="item.scope === 'PvOrdown'"
+            style="color: blue; cursor: pointer"
+          >
+            <span style="padding-right: 20px">预览</span>
+            <span>下载</span>
+          </div>
           <span v-else-if="item.scope === 'leftCh'">
             {{ item.ch }}{{ scope.row[item.prop] }}
           </span>
@@ -1733,7 +1739,7 @@
       </div>
       <div style="max-height: 600px; overflow: auto">
         <el-tree
-        v-if="diaviosOpen"
+          v-if="diaviosOpen"
           default-expand-all
           :key="Math.random()"
           :props="props1"
@@ -1838,7 +1844,7 @@
       </div>
       <div style="max-height: 600px; overflow: auto">
         <el-tree
-        v-if="diaviosTKOpen"
+          v-if="diaviosTKOpen"
           default-expand-all
           :key="Math.random()"
           :props="props2"
@@ -2423,7 +2429,7 @@ export default {
       }
     },
     diavios(ids) {
-      console.log(ids,"触发")
+      console.log(ids, "触发");
       this.$api.obtainCourseSgoodsId(ids).then((res) => {
         res.rows.forEach((item) => {
           item.TypeId = "0-" + item.courseId;
@@ -3069,4 +3075,3 @@ export default {
   overflow-y: auto;
 }
 </style>
-

src/views/salesman/actList.vue

@@ -1,19 +1,258 @@
 <template>
-  <div>list</div>
+  <div id="registeredUser">
+    <search-box-new
+      ref="searchBox"
+      :formData="formData"
+      :formList="formList"
+      @search="search"
+      @init="init"
+    />
+    <table-list
+      :tableSets="tableSet"
+      :tableData="tableData"
+      :navText="navText"
+      :loading="loading"
+    >
+      <template slot="btn" slot-scope="props">
+        <el-button type="text">详情</el-button>
+      </template>
+    </table-list>
+    <pagination
+      :total="total"
+      :pageSize="formData.pageSize"
+      :currentPage="formData.pageNum"
+      @handleSizeChange="handleSizeChange"
+      @handleCurrentChange="handleCurrentChange"
+    />
+  </div>
 </template>
 
 <script>
+import searchBoxNew from "@/components/searchBoxNew";
+import tableList from "@/components/tableList";
+import pagination from "@/components/pagination";
 export default {
-  name: "SaasEntrepotAdminList",
-
+  name: "RegisteredUser",
+  components: { searchBoxNew, tableList, pagination },
   data() {
-    return {};
+    return {
+      loading: false, //当前表单加载是否加载动画
+      navText: {
+        title: "活动列表",
+        index: 0,
+        ch: "条",
+        num: false,
+        choice: false,
+        addHide: true,
+        backFatherBtn: {
+          status: false,
+          title: "未定义",
+        },
+      },
+      //搜索
+      formList: [
+        {
+          prop: "nickname",
+          placeholder: "请输入活动名称",
+        },
+      ],
+      formData: {
+        status: "0,1",
+        pageSize: 10,
+        pageNum: 1,
+      },
+      // 表单
+      tableSet: [
+        {
+          label: "活动名称",
+          prop: "studentCode",
+          hidden: true,
+        },
+        {
+          label: "活动类型",
+          prop: "nickname",
+          hidden: true,
+        },
+        {
+          label: "模板",
+          prop: "sex",
+          hidden: true,
+          scope: "sex",
+        },
+        {
+          label: "活动开始时间",
+          prop: "payWay",
+          hidden: true,
+        },
+        {
+          label: "活动结束时间",
+          prop: "realname",
+          hidden: true,
+        },
+        {
+          label: "创建人",
+          prop: "idCard",
+          hidden: true,
+        },
+        {
+          label: "创建时间",
+          prop: "telphone",
+          hidden: true,
+        },
+        {
+          label: "状态",
+          prop: "orderNum",
+          hidden: true,
+        },
+        {
+          label: "海报",
+          prop: "idCard",
+          scope: "PvOrdown",
+          hidden: true,
+        },
+        {
+          label: "备注",
+          prop: "idCard",
+          hidden: true,
+        },
+      ],
+      tableData: [], //表单数据
+      total: 0, //一共多少条
+      pageSize: 10, //每页多少条数据
+      currentPage: 1, //当前页码
+    };
+  },
+  mounted() {
+    this.search();
+  },
+  methods: {
+    search(int) {
+      this.loading = true;
+      if (int === 1) {
+        this.formData.pageNum = 1;
+      }
+      if (int === 2) {
+        this.formData = {
+          status: "0,1",
+          pageSize: 10,
+          pageNum: 1,
+        };
+      }
+      this.$api
+        .inquireappuserlists(this.formData)
+        .then((res) => {
+          this.tableData = res.rows;
+          this.total = res.total;
+          this.navText.index = res.total;
+        })
+        .finally(() => {
+          this.loading = false;
+        });
+    },
+    init() {
+      this.search(2);
+    },
+    handleSizeChange(v) {
+      this.formData.pageSize = v;
+      this.formData.pageNum = 1;
+      this.search();
+    },
+    handleCurrentChange(v) {
+      this.formData.pageNum = v;
+      this.search();
+    },
   },
-
-  mounted() {},
-
-  methods: {},
 };
 </script>
 
-<style lang="scss" scoped></style>
+<style lang="less" scoped>
+/deep/.el-button {
+  border-radius: 8px;
+}
+/deep/.el-dialog {
+  border-radius: 8px;
+  .el-dialog__header {
+    padding: 0;
+    .hearders {
+      height: 40px;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 0px 18px 0px 20px;
+      border-bottom: 1px solid #e2e2e2;
+      .leftTitle {
+        font-size: 14px;
+        font-weight: bold;
+        color: #2f4378;
+      }
+      .rightBoxs {
+        display: flex;
+        align-items: center;
+        img {
+          width: 14px;
+          height: 14px;
+          margin-left: 13px;
+          cursor: pointer;
+        }
+      }
+    }
+  }
+  .el-dialog__footer {
+    padding: 0;
+    .dialog-footer {
+      padding: 0px 40px;
+      height: 70px;
+      border-top: 1px solid #e2e2e2;
+      display: flex;
+      align-items: center;
+      justify-content: flex-end;
+    }
+  }
+}
+.imgBox {
+  width: 100%;
+  // height: 210px;
+  border: 1px solid #e2e2e2;
+  border-radius: 8px;
+  padding: 8px 8px 3px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  .imgLabel {
+    flex: 1;
+    width: 100%;
+    border: 1px dotted #e2e2e2;
+    color: #999;
+    font-size: 14px;
+    cursor: pointer;
+    border-radius: 8px;
+    .msPhoto {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      max-width: 100%;
+      max-height: 270px;
+      img {
+        max-width: 100%;
+        max-height: 270px;
+      }
+    }
+    .imgbbx {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      width: 100%;
+      height: 100%;
+      i {
+        font-weight: bold;
+        margin: 14px 0;
+        font-size: 24px;
+      }
+    }
+  }
+  p {
+    margin: 5px 0px;
+  }
+}
+</style>

src/views/salesman/commission.vue

@@ -4,7 +4,7 @@
 
 <script>
 export default {
-  name: "SaasEntrepotAdminCommission",
+  name: "commission",
 
   data() {
     return {};

src/views/salesman/personInfo.vue

@@ -4,8 +4,7 @@
 
 <script>
 export default {
-  name: "SaasEntrepotAdminIndex",
-
+  name: "person",
   data() {
     return {};
   },