From 49e8a69a09a1b33545b77eb47b3a8f8d1ce0c261 Mon Sep 17 00:00:00 2001
From: liuyg <376836862@qq.com>
Date: Sat, 07 Aug 2021 18:03:10 +0800
Subject: [PATCH] 样式
---
src/views/dispatch/dispatchChildoperableSee.vue | 855 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 851 insertions(+), 4 deletions(-)
diff --git a/src/views/dispatch/dispatchChildoperableSee.vue b/src/views/dispatch/dispatchChildoperableSee.vue
index fe93d15..77bb38a 100644
--- a/src/views/dispatch/dispatchChildoperableSee.vue
+++ b/src/views/dispatch/dispatchChildoperableSee.vue
@@ -1,10 +1,857 @@
<template>
- <div>543435</div>
-</template>
+ <basic-container>
+ <div class="dispatchChildoperable">
+ <!-- <avue-tabs :option="optionTABS" @change="handleChangeTABS"></avue-tabs> -->
+ <!-- <span v-if="typeTABS.prop === 'tab1'"> -->
+ <!-- <avue-crud
+ :option="option"
+ :data="data"
+ :page.sync="page"
+ ref="crudrec"
+ @on-load="onLoad"
+ :table-loading="loading"
+ @row-save="rowSave"
+ @search-change="searchChange"
+ @search-reset="searchReset"
+ @row-update="rowUpdate"
+ @row-del="rowDel"
+ @selection-change="selectionChange"
+ @refresh-change="refreshChange"
+ >
+ <template slot="menuLeft">
+ <el-button
+ type="danger"
+ size="small"
+ plain
+ icon="el-icon-delete"
+ @click="handleDelete"
+ >删 除
+ </el-button>
+ </template>
+ </avue-crud> -->
+ <!-- <avue-form ref="form" v-model="obj0" :option="option0"> -->
+ <!-- <template slot-scope="scope" slot="menuForm">
+ <el-button @click="tip">自定义按钮</el-button>
+ </template> -->
+ <!-- </avue-form>
+ </span>
+ <span v-else-if="typeTABS.prop === 'tab2'"> -->
+ <avue-crud
+ :option="option1"
+ :data="data1"
+ :page.sync="page1"
+ ref="crudrec1"
+ :table-loading="loading1"
+ @row-save="rowSave1"
+ @search-change="searchChange1"
+ @search-reset="searchReset1"
+ @row-update="rowUpdate1"
+ @row-del="rowDel1"
+ @selection-change="selectionChange1"
+ @refresh-change="refreshChange1"
+ >
+ <!-- <template slot="menuLeft">
+ <el-button
+ type="danger"
+ size="small"
+ plain
+ icon="el-icon-delete"
+ @click="handleDelete1"
+ >删 除
+ </el-button>
+ </template> -->
+ </avue-crud>
+ <!-- </span> -->
+ <!-- <span v-else-if="typeTABS.prop === 'tab3'">选项卡内容3</span> -->
+ </div>
+ </basic-container>
+</template>
<script>
-export default {};
+// import { column, column1 } from "./data";
+import {
+ // getdata,
+ // adddata,
+ // update,
+ // remove,
+ getdata1,
+ adddata1,
+ update1,
+ remove1,
+} from "@/api/dispatch/dispatch";
+import { getDept } from "@/api/system/dept";
+import { mapGetters } from "vuex";
+
+export default {
+ data() {
+ let baseUrl = "https://cli.avuejs.com/api/area";
+ return {
+ // typeTABS: {}, //标签页
+ // optionTABS: {
+ // column: [
+ // {
+ // // icon: "el-icon-info",
+ // label: "派遣服务公司详情",
+ // prop: "tab1",
+ // },
+ // {
+ // // icon: "el-icon-info",
+ // label: "派遣记录",
+ // prop: "tab2",
+ // },
+ // // {
+ // // icon: "el-icon-info",
+ // // label: "选项卡3",
+ // // prop: "tab3",
+ // // },
+ // ],
+ // },
+
+ // id: "", //记录归属id
+ // //基本信息
+ // //保安单位信息表单
+ // obj0: {
+ // // title: "我是头部标题",
+ // },
+ // option0: {
+ // emptyBtn: false,
+ // submitBtn: false,
+ // gutter: 30,
+ // column: column,
+ // },
+ // loading: true, //派遣服务公司登记
+ // selectionList: [],
+ // page: {
+ // pageSize: 10,
+ // currentPage: 1,
+ // total: 0,
+ // },
+ // query: {},
+ // data: [],
+ // option: {
+ // card: true,
+ // searchSize: "mini",
+ // searchMenuSpan: 6,
+ // height: 547,
+ // menuWidth: 160,
+ // align: "center",
+ // selection: true,
+ // column: column,
+ // },
+ deptCategory: "",
+ deptId: "",
+
+ loading1: true, //派遣记录
+ selectionList1: [],
+ page1: {
+ pageSize: 10,
+ currentPage: 1,
+ total: 0,
+ },
+ query1: {},
+ data1: [],
+ option1: {
+ // card: true,
+ tip: false,
+ index: true,
+ // menu: false,
+ searchSize: "mini",
+ searchMenuSpan: 8,
+ height: 623,
+ cellBtn: false,
+ // addBtn: false,
+ // menuWidth: 160,
+ align: "center",
+ selection: true,
+ column: [
+ // 派遣服务公司登记
+ // {
+ // label: "id",
+ // prop: "id",
+ // // search: true,
+ // // searchSpan: 4,
+ // // overHidden: true,
+ // // hide: true,
+ // // editDisplay: false,
+ // // addDisplay: false
+ // },
+ // {
+ // label: "保安公司",
+ // prop: "deptId",
+ // labelWidth: 120,
+ // searchLabelWidth: 120,
+ // searchSpan: 4,
+ // dicUrl:
+ // "/api/blade-system/dept/security_lazy-tree?parentId=1413470343230877697",
+ // props: {
+ // label: "title",
+ // value: "id",
+ // },
+ // search: true,
+ // overHidden: true,
+ // type: "select",
+ // rules: [
+ // {
+ // required: true,
+ // message: "请输入保安公司",
+ // trigger: "blur",
+ // },
+ // ],
+ // },
+ {
+ label: "派遣单位",
+ prop: "dispatcherCompany",
+ addDisplay: false,
+ editDisplay: false,
+ },
+ // {
+ // label: "派遣单位",
+ // prop: "dispatcherUnitId",
+ // labelWidth: 120,
+ // searchLabelWidth: 120,
+ // dicUrl: "/api/dispatcherUnit/page-tree",
+ // props: {
+ // label: "name",
+ // value: "id",
+ // },
+ // hide: true,
+ // searchSpan: 4,
+ // search: true,
+ // overHidden: true,
+ // type: "tree",
+ // rules: [
+ // {
+ // required: true,
+ // message: "请输入保安公司",
+ // trigger: "blur",
+ // },
+ // ],
+ // },
+ {
+ label: "保安公司",
+ prop: "deptId",
+ labelWidth: 120,
+ search: true,
+ overHidden: true,
+ type: "tree",
+ searchSpan: 4,
+ cascaderItem: ["name"],
+ // cascaderItem: ["city", "area"],
+ props: {
+ label: "title",
+ value: "id",
+ },
+ dicUrl: `/api/blade-system/dept/security_lazy-tree?parentId=1413470343230877697`,
+ rules: [
+ {
+ required: true,
+ message: "请输入保安公司",
+ trigger: "blur",
+ },
+ ],
+ },
+ {
+ width: 120,
+ label: "保安员",
+ prop: "name",
+ labelWidth: 120,
+ type: "tree",
+ search: true,
+ searchSpan: 4,
+ cell: true,
+ props: {
+ label: "realName",
+ value: "id",
+ },
+ dicUrl: `/api/blade-user/page-security-unit?deptId={{deptId}}`,
+ rules: [
+ {
+ required: true,
+ message: "请选择保安",
+ trigger: "blur",
+ },
+ ],
+ },
+ // {
+ // width: 120,
+ // label: "保安人名称",
+ // prop: "area",
+ // cell: true,
+ // props: {
+ // label: "name",
+ // value: "code",
+ // },
+ // type: "select",
+ // dicUrl: `${baseUrl}/getArea/{{key}}`,
+ // rules: [
+ // {
+ // required: true,
+ // message: "请选择地区",
+ // trigger: "blur",
+ // },
+ // ],
+ // },
+ // {
+ // label: "保安人名称",
+ // prop: "name",
+ // search: true,
+ // searchSpan: 4,
+ // labelWidth: 120,
+ // searchLabelWidth: 120,
+ // // overHidden: true
+ // type: "tree",
+ // dicUrl: "/api/blade-user/page-security",
+ // props: {
+ // label: "realName",
+ // value: "postId",
+ // },
+ // rules: [
+ // {
+ // required: true,
+ // message: "请输入保安人名称",
+ // trigger: "click",
+ // },
+ // ],
+ // },
+ {
+ label: "身份证",
+ prop: "cardid",
+ labelWidth: 120,
+ overHidden: true,
+ rules: [
+ {
+ required: true,
+ message: "请输入身份证",
+ trigger: "click",
+ },
+ ],
+ // search: true,
+ // searchSpan: 4,
+ // overHidden: true
+ },
+ // {
+ // label: "派遣人",
+ // prop: "dispatcher",
+ // // search: true,
+ // // searchSpan: 4,
+ // // overHidden: true
+ // },
+
+ {
+ label: "派遣时间",
+ prop: "dispatchertime",
+ type: "date",
+ format: "yyyy-MM-dd hh:mm:ss",
+ valueFormat: "yyyy-MM-dd hh:mm:ss",
+ labelWidth: 120,
+ searchSpan: 4,
+ // search: true,
+ overHidden: true,
+ rules: [
+ {
+ required: true,
+ message: "请输入派遣时间",
+ trigger: "click",
+ },
+ ],
+ // overHidden: true
+ },
+ {
+ label: "结束时间",
+ prop: "endTime",
+ type: "date",
+ format: "yyyy-MM-dd hh:mm:ss",
+ valueFormat: "yyyy-MM-dd hh:mm:ss",
+ labelWidth: 120,
+ overHidden: true,
+ rules: [
+ {
+ required: true,
+ message: "请输入结束时间",
+ trigger: "click",
+ },
+ ],
+ // search: true,
+ // searchSpan: 4,
+ // overHidden: true
+ },
+ {
+ label: "派遣时间",
+ prop: "releaseTimeRange",
+ type: "datetime",
+ format: "yyyy-MM-dd",
+ valueFormat: "yyyy-MM-dd",
+ searchValue: [this.getStartTime(), this.getEndTime()],
+ searchRange: true,
+ searchSpan: 5,
+ hide: true,
+ addDisplay: false,
+ editDisplay: false,
+ viewDisplay: false,
+ search: true,
+ rules: [
+ {
+ required: true,
+ message: "请输入时间",
+ trigger: "blur",
+ },
+ ],
+ },
+ {
+ label: "派遣地址",
+ prop: "dispatcheraddress",
+ labelWidth: 120,
+ rules: [
+ {
+ required: true,
+ message: "请输入派遣地址",
+ trigger: "click",
+ },
+ ],
+ // search: true,
+ // searchSpan: 4,
+ // overHidden: true
+ },
+ // {
+ // label: "派遣单位",
+ // // prop: "dispatcherCompany",
+ // prop: "tenantName",
+ // type: "tree",
+ // dicUrl: "/api/blade-system/dept/lazy-tree?parentId=0",
+ // props: {
+ // label: "title",
+ // value: "id"
+ // },
+ // // hide: !website.tenantMode,
+ // // addDisplay: website.tenantMode,
+ // // editDisplay: website.tenantMode,
+ // // viewDisplay: website.tenantMode,
+ // rules: [{
+ // required: true,
+ // message: "请输入派遣单位",
+ // trigger: "click"
+ // }],
+ // search: true,
+ // searchSpan: 4,
+ // overHidden: true
+ // },
+ ],
+ },
+ };
+ },
+ computed: {
+ // ids() {
+ // let ids = [];
+ // this.selectionList.forEach((ele) => {
+ // ids.push(ele.id);
+ // });
+ // return ids.join(",");
+ // },
+ ...mapGetters(["userInfo"]),
+ ids1() {
+ let ids1 = [];
+ this.selectionList1.forEach((ele) => {
+ ids1.push(ele.id);
+ });
+ return ids1.join(",");
+ },
+ },
+ methods: {
+ handleChangeTABS(column) {
+ this.typeTABS = column;
+ if (column.prop == "tab1") {
+ this.loading1 = false;
+ // this.onLoad(this.page);
+ } else if (column.prop == "tab2") {
+ // this.loading = false;
+ console.log(document.getElementsByClassName("el-card__body")[0]);
+ this.onLoad1(this.page1); //第二个表格不会自动执行
+ }
+ // this.$message.success(JSON.stringify(column));
+ },
+ //派遣服务公司登记
+ // sizeChange(val) {
+ // this.page1.currentPage = 1;
+ // this.page1.pageSize = val;
+ // // this.getData();
+ // this.onLoad(this.page, this.query);
+ // // this.$message.success("行数" + val);
+ // },
+ // currentChange(val) {
+ // this.page1.currentPage = val;
+ // // this.getData();
+ // this.onLoad(this.page, this.query);
+ // // this.$message.success("页码" + val);
+ // },
+ // rowSave(form, done, loading) {
+ // var that = this;
+ // var form = this.data[0];
+ // delete form.id;
+ // for (var k = 0; k < 13; k++) {
+ // adddata(form).then(
+ // (res) => {
+ // this.onLoad(this.page);
+ // this.$message({
+ // type: "success",
+ // message: "操作成功!",
+ // });
+ // done();
+ // },
+ // (error) => {
+ // window.console.log(error);
+ // loading();
+ // }
+ // );
+ // }
+ // },
+ // searchChange(params, done) {
+ // this.query = params;
+ // this.page.currentPage = 1;
+ // this.onLoad(this.page, params);
+ // done();
+ // },
+ // searchReset() {
+ // this.query = {};
+ // this.onLoad(this.page);
+ // },
+ // rowUpdate(row, index, done, loading) {
+ // console.log(row);
+ // update(row).then(
+ // () => {
+ // this.onLoad(this.page);
+ // this.$message({
+ // type: "success",
+ // message: "操作成功!",
+ // });
+ // done();
+ // },
+ // (error) => {
+ // window.console.log(error);
+ // loading();
+ // }
+ // );
+ // },
+ // rowDel(row) {
+ // this.$confirm("确定将选择数据删除?", {
+ // confirmButtonText: "确定",
+ // cancelButtonText: "取消",
+ // type: "warning",
+ // })
+ // .then(() => {
+ // return remove(row.id);
+ // })
+ // .then(() => {
+ // this.onLoad(this.page);
+ // this.$message({
+ // type: "success",
+ // message: "操作成功!",
+ // });
+ // });
+ // },
+ // selectionChange(list) {
+ // this.selectionList = list;
+ // },
+ // handleDelete() {
+ // if (this.selectionList.length === 0) {
+ // this.$message.warning("请选择至少一条数据");
+ // return;
+ // }
+ // this.$confirm("确定将选择数据删除?", {
+ // confirmButtonText: "确定",
+ // cancelButtonText: "取消",
+ // type: "warning",
+ // })
+ // .then(() => {
+ // return remove(this.ids);
+ // })
+ // .then(() => {
+ // this.onLoad(this.page);
+ // this.$message({
+ // type: "success",
+ // message: "操作成功!",
+ // });
+ // this.$refs.crudrec.toggleSelection();
+ // });
+ // },
+ // refreshChange() {
+ // this.onLoad(this.page, this.query);
+ // },
+ // onLoad(page, params = {}) {
+ // this.loading = true;
+ // getdata(
+ // page.currentPage,
+ // page.pageSize,
+ // Object.assign(params, this.query)
+ // ).then((res) => {
+ // // console.log(res);
+ // const data = res.data.data;
+ // this.page.total = data.total;
+ // this.data = data.records;
+ // console.log(this.data);
+ // this.loading = false;
+ // });
+ // },
+ //派遣服务公司登记
+
+ //派遣记录
+ sizeChange1(val) {
+ this.page1.currentPage = 1;
+ this.page1.pageSize = val;
+ // this.getData();
+ this.onLoad1(this.page1, this.query1);
+ // this.$message.success("行数" + val);
+ },
+ currentChange1(val) {
+ this.page1.currentPage = val;
+ // this.getData();
+ this.onLoad1(this.page1, this.query1);
+ // this.$message.success("页码" + val);
+ },
+ rowSave1(form, done, loading) {
+ // var that = this;
+ // var form = this.data1[0];
+ // delete form.id;
+ // for (var k = 0; k < 13; k++) {
+ // form["deptId"] = form.tenantName;
+ // form["tenantName"] = form.$tenantName;
+ // form["dispatcherUnitId"] = this.id;
+ // console.log(form);
+
+ adddata1(form).then(
+ (res) => {
+ this.onLoad1(this.page1);
+ this.$message({
+ type: "success",
+ message: "操作成功!",
+ });
+ done();
+ },
+ (error) => {
+ window.console.log(error);
+ loading();
+ }
+ );
+ // }
+ },
+ searchChange1(params, done) {
+ this.query1 = params;
+ this.page1.currentPage = 1;
+ this.onLoad1(this.page1, params);
+ done();
+ },
+ searchReset1() {
+ this.query = {};
+ this.onLoad1(this.page1);
+ },
+ rowUpdate1(row, index, done, loading) {
+ // row["deptId"] = row.tenantName;
+ // row["tenantName"] = row.$tenantName;
+ // row["dispatcherUnitId"] = this.id;
+ // console.log(row, "row");
+ update1(row).then(
+ () => {
+ this.onLoad1(this.page1);
+ this.$message({
+ type: "success",
+ message: "操作成功!",
+ });
+ done();
+ },
+ (error) => {
+ window.console.log(error);
+ loading();
+ }
+ );
+ },
+ rowDel1(row) {
+ this.$confirm("确定将选择数据删除?", {
+ confirmButtonText: "确定",
+ cancelButtonText: "取消",
+ type: "warning",
+ })
+ .then(() => {
+ return remove1(row.id);
+ })
+ .then(() => {
+ this.onLoad1(this.page1);
+ this.$message({
+ type: "success",
+ message: "操作成功!",
+ });
+ });
+ },
+ selectionChange1(list) {
+ this.selectionList1 = list;
+ // console.log(this.selectionList1.length);
+ },
+ handleDelete1() {
+ console.log(this.selectionList1);
+ if (this.selectionList1.length === 0) {
+ this.$message.warning("请选择至少一条数据");
+ return;
+ }
+ this.$confirm("确定将选择数据删除?", {
+ confirmButtonText: "确定",
+ cancelButtonText: "取消",
+ type: "warning",
+ })
+ .then(() => {
+ return remove1(this.ids1);
+ })
+ .then(() => {
+ this.onLoad1(this.page1);
+ this.$message({
+ type: "success",
+ message: "操作成功!",
+ });
+ this.$refs.crudrec1.toggleSelection();
+ });
+ },
+ refreshChange1() {
+ // console.log(4534)
+ this.onLoad1(this.page1, this.query1);
+ },
+
+ getStartTime() {
+ if (
+ this.$route.query.startTime != undefined &&
+ this.$route.query.startTime != null &&
+ this.$route.query.startTime != ""
+ ) {
+ return this.$route.query.startTime;
+ }
+ return "";
+ },
+ getEndTime() {
+ if (
+ this.$route.query.endTime != undefined &&
+ this.$route.query.endTime != null &&
+ this.$route.query.endTime != ""
+ ) {
+ return this.$route.query.endTime;
+ }
+ return "";
+ },
+ //
+ onLoad1(page, params = {}) {
+ this.loading1 = true;
+ // params["cardid"] = this.cardid;
+ // params["name"] = this.name;
+ // params["dispatcherCompany"] = this.dispatcherCompany;
+ // params["dispatcherUnitId"] = this.id;
+ // console.log(params, "get");
+ // console.log(page);
+ console.log(this.userInfo, "userInfo");
+ var values;
+ const { releaseTimeRange } = this.query1;
+ if (releaseTimeRange) {
+ values = {
+ ...params,
+ beginTime: releaseTimeRange[0],
+ overTime: releaseTimeRange[1],
+ ...this.query,
+ };
+ values.releaseTimeRange = null;
+ } else {
+ values = {
+ ...params,
+ ...this.query,
+ };
+ }
+
+ // values
+
+ // console.log(values);
+ getdata1(
+ page.currentPage,
+ page.pageSize,
+ // Object.assign(params, this.query)
+ values
+ ).then((res) => {
+ // console.log(res);
+ const data = res.data.data;
+ this.page1.total = data.total;
+ this.data1 = data.records;
+ console.log(this.data1, 1);
+ this.loading1 = false;
+ });
+ },
+ //派遣记录
+ // saveLock(name, val) {
+ // localStorage.setItem(name, val);
+ // },
+ // readLock(name) {
+ // return localStorage.getItem(name);
+ // },
+ },
+ mounted() {
+ this.onLoad1(this.page1, this.query1);
+ //去掉缓存
+ // this.typeTABS = this.optionTABS.column[0];
+ // var row = {};
+ // if (this.readLock("paqiandata") != null) {
+ // row = JSON.parse(this.readLock("paqiandata"));
+ // this.obj0.name = row.name;
+ // for (var k in row) {
+ // this.obj0[k] = row[k];
+ // }
+ // console.log(this.obj0, 11111111);
+ // this.id = row.id;
+ // if (this.readLock("paqiandataS") != null) {
+ // var b = JSON.parse(this.readLock("paqiandataS"));
+ // var i = 0;
+ // for (var k in b) {
+ // if (b[k].name == row.name) {
+ // i = 1;
+ // }
+ // }
+ // if (i == 1) {
+ // // console.log("存在");
+ // } else {
+ // // console.log("已删除");
+ // this.obj0 = {};
+ // this.obj0.name = row.name + " 该派遣单位已删除";
+ // window.localStorage.removeItem("paqiandata");
+ // this.id = 1244241;
+ // }
+ // }
+ // } else {
+ // // console.log("no");
+ // this.obj0.name = " 未选择派遣单位";
+ // }
+ },
+ // onLoad(page, params = {}) {
+ // this.deptId = JSON.parse(
+ // window.localStorage.getItem("saber-userInfo")
+ // ).content.dept_id;
+
+ // //获取当前用户部门信息，判断是否为公安，如果是公安，则只能查看公告信息
+ // var that = this;
+ // getDept(this.deptId).then((res) => {
+ // var deptCategory = res.data.data.deptCategory;
+ // deptCategory == 1
+ // ? (that.deptCategory = true)
+ // : (that.deptCategory = false);
+
+ // if (that.deptCategory) {
+ // params["deptId"] = this.deptId;
+ // }
+ // let values = {
+ // ...params,
+ // };
+ // })
+ // }
+};
</script>
-<style>
+<style lang="scss" scoped>
+.dispatch {
+ width: 100%;
+ height: 100%;
+ // border: 1px solid #000;
+ box-sizing: border-box;
+}
+.el-collapse-item {
+ padding-top: 15px !important;
+}
</style>
\ No newline at end of file
--
Gitblit v1.9.3