From a2893c852014ca02a79c59dce01aac8a3ce40f38 Mon Sep 17 00:00:00 2001
From: Dayu <1010@qq.com>
Date: Tue, 9 Jul 2024 16:59:48 +0800
Subject: [PATCH] =?UTF-8?q?=E5=8A=A8=E6=80=81=E5=8F=B0=E8=B4=A6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/leger/dynamicledger.vue       | 196 +++++++++++++++
 src/views/leger/dynamicledgerDetail.vue | 322 ++++++++++++++++++++++++
 2 files changed, 518 insertions(+)
 create mode 100644 src/views/leger/dynamicledger.vue
 create mode 100644 src/views/leger/dynamicledgerDetail.vue

diff --git a/src/views/leger/dynamicledger.vue b/src/views/leger/dynamicledger.vue
new file mode 100644
index 0000000..966859c
--- /dev/null
+++ b/src/views/leger/dynamicledger.vue
@@ -0,0 +1,196 @@
+<template>
+  <basic-container>
+    <avue-crud :option="option"
+               :table-loading="loading"
+               :data="data"
+               :page="page"
+               :permission="permissionList"
+               :before-open="beforeOpen"
+               :search.sync="search"
+               :header-cell-class-name="headerClass"
+               v-model="form"
+               ref="crud"
+               @search-change="searchChange"
+               @search-reset="searchReset"
+               @selection-change="selectionChange"
+               @current-change="currentChange"
+               @size-change="sizeChange"
+               @on-load="onLoad">
+      <template #menu="{row,index,size}">
+        <el-button @click="handleDetailSearch(row,index)" type="text">查看详情</el-button>
+      </template>
+    </avue-crud>
+  </basic-container>
+</template>
+
+<script>
+import {getList, getDetail, add, update, remove, reject, auditing} from "@/api/leger/equipmentledger";
+import {mapGetters} from "vuex";
+import website from "@/config/website";
+import {getToken} from "@/util/auth";
+
+export default {
+  data() {
+    return {
+      form: {},
+      search: {},
+      query: {},
+      loading: true,
+      page: {
+        pageSize: 10,
+        currentPage: 1,
+        total: 0
+      },
+      selectionList: [],
+      option: {
+        height: 'auto',
+        calcHeight: 210,
+        searchShow: true,
+        searchMenuSpan: 6,
+        tip: false,
+        border: true,
+        indexLabel: "序号",
+        index: true,
+        viewBtn: false,
+        selection: false,
+        column: [
+          {
+            label: "场站",
+            prop: "station",
+            type: "select",
+            search: true,
+            hide: true,
+            dicUrl: "/api/daf-system/dict/dictionary?code=station",
+            props: {
+              label: "dictValue",
+              value: "dictKey"
+            },
+          },
+          {
+            label: "KKS编码",
+            prop: "kksEncoding",
+            search: true,
+
+          },
+          {
+            label: "KKS描述",
+            prop: "kksDescription",
+          },
+          {
+            label: "工单",
+            prop: "workorder",
+          },
+          {
+            label: "工作票",
+            prop: "workticket",
+          },
+          {
+            label: "操作票",
+            prop: "operation",
+          },
+          {
+            label: "开始日期",
+            prop: "startDate",
+            search: true,
+            hide: true,
+          },
+          {
+            label: "结束日期",
+            prop: "endDate",
+            search: true,
+            hide: true,
+          },
+        ]
+      },
+      data: []
+    };
+  },
+  computed: {
+    ...mapGetters(["permission"]),
+    permissionList() {
+      // this.option.column = this.option.column.filter(v => {
+      //     return this.permission['equipmentledger_col_' + v.prop]
+      // })
+      return {
+        addBtn: false,
+        viewBtn: false,
+        delBtn: false,
+        editBtn: false
+      };
+    },
+    ids() {
+      let ids = [];
+      this.selectionList.forEach(ele => {
+        ids.push(ele.id);
+      });
+      return ids.join(",");
+    }
+  },
+  methods: {
+    handleDetailSearch(row) {
+      debugger
+      this.$router.push({
+        path: "/leger/dynamicledgerDetail",
+        query: {
+          frameMode:"search",
+          id: row.id,
+          station: row.station,
+          kksEncoding: row.kksEncoding,
+          kksDescription: row.kksDescription
+        },
+      });
+    },
+    beforeOpen(done, type) {
+      if (["edit", "view"].includes(type)) {
+        getDetail(this.form.id).then(res => {
+          this.form = res.data.data;
+        });
+      }
+      done();
+    },
+    searchReset() {
+      this.query = {};
+      this.onLoad(this.page);
+    },
+    searchChange(params, done) {
+      this.query = params;
+      this.page.currentPage = 1;
+      this.onLoad(this.page, params);
+      done();
+    },
+    selectionChange(list) {
+      this.selectionList = list;
+    },
+    selectionClear() {
+      this.selectionList = [];
+      this.$refs.crud.toggleSelection();
+    },
+    currentChange(currentPage) {
+      this.page.currentPage = currentPage;
+    },
+    sizeChange(pageSize) {
+      this.page.pageSize = pageSize;
+    },
+    onLoad(page, params = {}) {
+      this.loading = true;
+      getList(page.currentPage, page.pageSize, Object.assign(params, this.query)).then(res => {
+        const data = res.data.data;
+        this.page.total = data.total;
+        this.data = data.records;
+        this.loading = false;
+        this.selectionClear();
+      });
+    },
+    headerClass() {
+      return 'header-class'
+    }
+  }
+};
+</script>
+
+<style>
+.header-class {
+  background-color: #3366cc !important;
+  color: #FFFFFF !important;
+}
+</style>
diff --git a/src/views/leger/dynamicledgerDetail.vue b/src/views/leger/dynamicledgerDetail.vue
new file mode 100644
index 0000000..cbde1ce
--- /dev/null
+++ b/src/views/leger/dynamicledgerDetail.vue
@@ -0,0 +1,322 @@
+<template>
+  <basic-container>
+    <template>
+      <el-row :span="24">
+        <el-col :span="6">
+          场站:{{stationValue}}
+        </el-col>
+        <el-col :span="6">
+          KKS编码:{{kksEncodingValue}}
+        </el-col>
+        <el-col :span="6">
+          KKS描述:{{kksDesValue}}
+        </el-col>
+      </el-row>
+    </template>
+    <avue-tabs :option="option"
+               @change="handleChange"></avue-tabs>
+    <span v-if="type.prop==='workorder'">
+        <div>
+          <avue-crud :data="workorder_data"
+                     :table-loading="loading"
+                     :option="optionWorkOrder"
+                     :permission="permissionList"
+                     :before-open="beforeOpen"
+                     :header-cell-class-name="headerClass"
+                     v-model="workorder_form"
+                     ref="workorder_crud">
+          </avue-crud>
+        </div>
+      </span>
+    <span v-else-if="type.prop==='workticket'">
+          <avue-crud :data="workticket_data"
+                     :table-loading="loading"
+                     :option="optionWorkTicket"
+                     :permission="permissionList"
+                     :before-open="beforeOpen"
+                     :header-cell-class-name="headerClass"
+                     v-model="workticket_form"
+                     ref="workticket_crud">
+          </avue-crud>
+      </span>
+    <span v-else-if="type.prop==='operation'">
+      <div id="operation">
+        <avue-crud :option="optionOperation"
+                   :table-loading="loading"
+                   :data="operation_data"
+                   :permission="permissionList"
+                   :header-cell-class-name="headerClass"
+                   v-model="operation_form"
+                   ref="operation_crud">
+          </avue-crud>
+      </div>
+      </span>
+  </basic-container>
+</template>
+<script>
+import {getList, getDetail, add, update, remove} from "@/api/leger/equipmentledger";
+import {
+  parameters_add,
+  parameters_update,
+  parameters_remove,
+  parameters_getListBylegerId,
+  parameters_Del
+} from "@/api/leger/techparameters";
+import {
+  document_add,
+  document_update,
+  document_remove,
+  document_getListBylegerId,
+  document_Del
+} from "@/api/leger/inventorydocument";
+import {mapGetters} from "vuex";
+import website from "@/config/website";
+import {readonly} from "vue";
+import {getToken} from "@/util/auth";
+export default {
+  name: "dynamicledgerDetail",
+  data () {
+    return {
+      stationValue:this.$route.query.station,
+      kksEncodingValue:this.$route.query.kksEncoding,
+      kksDesValue:this.$route.query.kksDescription,
+      frame_class: '',
+      type: {},
+      shouldShowButton:{},
+      addUpdateShowButton:{},
+      readonlyForm:{},
+      option: {
+        column: [{
+          label: '工单',
+          prop: 'workorder',
+        }, {
+          label: '工作票',
+          prop: 'workticket',
+        },{
+          label: '操作票',
+          prop: 'operation',
+        }
+        ]
+      },
+      workorder_form: {},
+      optionWorkOrder: {
+        align: 'center',
+        menuAlign: 'center',
+        height: 'auto',
+        calcHeight: 210,
+        searchShow: true,
+        searchMenuSpan: 6,
+        menu: false,
+        tip: false,
+        border: true,
+        indexLabel: "序号",
+        index: true,
+        column: [
+          {
+            label: "工单编号",
+            prop: "orderNo",
+          },
+          {
+            label: "工单类型",
+            prop: "orderType",
+          },
+          {
+            label: "内容描述",
+            prop: "orderDescription",
+          },
+          {
+            label: "维护作业类型",
+            prop: "maintenenceType",
+          },
+          {
+            label: "用户状态",
+            prop: "userStatus",
+          },
+          {
+            label: "发生时间",
+            prop: "happenDate",
+          },
+          {
+            label: "处理时间",
+            prop: "processDate",
+          },
+          {
+            label: "处理结果",
+            prop: "processResult",
+          },
+        ]
+      },
+      tab2_page: {
+        pageSize: 20,
+        pagerCount: 5
+      },
+      workticket_data: [],
+      optionWorkTicket: {
+        align: 'center',
+        menuAlign: 'center',
+        height: 'auto',
+        calcHeight: 210,
+        searchShow: true,
+        searchMenuSpan: 6,
+        menu: false,
+        tip: false,
+        border: true,
+        indexLabel: "序号",
+        index: true,
+        column: [
+          {
+            label: "工作票编号",
+            prop: "ticketNo",
+          },
+          {
+            label: "工作票类型",
+            prop: "ticketType",
+          },
+          {
+            label: "工作负责人",
+            prop: "workPrincipal",
+          },
+          {
+            label: "许可人",
+            prop: "licensor",
+          },
+          {
+            label: "签发人",
+            prop: "signer",
+          },
+          {
+            label: "许可时间",
+            prop: "permissionDate",
+          },
+          {
+            label: "状态",
+            prop: "workStatus",
+          },
+        ]
+      },
+      tab3_page: {
+        pageSize: 20,
+        pagerCount: 5
+      },
+      operation_data: [],
+      optionOperation: {
+        align: 'center',
+        menuAlign: 'center',
+        height: 'auto',
+        calcHeight: 210,
+        searchShow: true,
+        searchMenuSpan: 6,
+        menu: false,
+        tip: false,
+        border: true,
+        indexLabel: "序号",
+        index: true,
+        column: [
+          {
+            label: "操作票编号",
+            prop: "operationNo",
+          },
+          {
+            label: "状态",
+            prop: "operationStatus",
+          },
+          {
+            label: "操作任务",
+            prop: "operationTask",
+          },
+          {
+            label: "操作开始时间",
+            prop: "operationStateData",
+          },
+          {
+            label: "操作结束时间",
+            prop: "operationEndData",
+          },
+          {
+            label: "操作人",
+            prop: "operator",
+          },
+          {
+            label: '监护人',
+            prop: 'guardian',
+          },
+          {
+            label: "发令人",
+            prop: "enforcer",
+          },
+          {
+            label: "操作人所属班组",
+            prop: "operationTeam",
+          },
+          {
+            label: '风险等级',
+            prop: 'risk',
+          },
+          {
+            label: '是否合格',
+            prop: 'isQualified',
+          }
+        ]
+      }
+    }
+  },
+  computed: {
+    ...mapGetters(["permission"]),
+    permissionList() {
+      return {
+        addBtn:  false,
+        viewBtn: false,
+        delBtn: false,
+        editBtn: false
+      };
+    },
+  },
+  created () {
+    this.type = this.option.column[0];
+  },
+  methods: {
+    handleChange (column) {
+      this.type = column
+      // if (column.prop == 'workodrder') {
+      //   this.workodrder_onLoad();
+      // }if (column.prop == 'workticket') {
+      //   this.workticket_onLoad();
+      // }if (column.prop == 'operation') {
+      //   this.operation_onLoad();
+      // }
+    },
+
+    headerClass(){
+      return 'head-style'
+    },
+    // workodrder_onLoad(row, params = {}) {
+    //   this.loading = true;
+    //   workodrder_getListBylegerId(this.$route.query.id).then(res => {
+    //     this.parameters_data = res.data.data;
+    //   this.loading = false;
+    //   });
+    // },
+    // workticket_onLoad(row, params = {}) {
+    //   this.loading = true;
+    //   workticket_getListBylegerId(this.$route.query.id).then(res => {
+    //     this.document_data = res.data.data;
+    //   this.loading = false;
+    //   });
+    // },
+    // operation_onLoad(row, params = {}) {
+    //   this.loading = true;
+    //   operation_getListBylegerId(this.$route.query.id).then(res => {
+    //     this.document_data = res.data.data;
+    //   this.loading = false;
+    //   });
+    // }
+
+  }
+}
+</script>
+<style>
+.head-style{
+  background-color: #3366cc !important;
+  color: #FFFFFF !important;
+}
+</style>