LY 一机一档

ui/src/views/intact/gyl/index.vue

@@ -576,7 +576,7 @@
       <el-table-column label="数据表文件号" align="center" prop="dataNo" :show-overflow-tooltip="true"/>
       <el-table-column label="计算书文件号" align="center" prop="bookNo" :show-overflow-tooltip="true"/>
       <el-table-column label="厂家" align="center" prop="manufactor" :show-overflow-tooltip="true"/>
-      <el-table-column label="操作" align="center" fixed="right" width="140" class-name="small-padding fixed-width">
+      <el-table-column label="操作" align="center" fixed="right" width="250" class-name="small-padding fixed-width">
         <template slot-scope="scope">
 <!--          <el-button-->
 <!--            size="mini"-->
@@ -611,6 +611,12 @@
             @click="addAprrove(scope.row,devType)"
           >{{ $t('提交维修申请') }}
           </el-button>
+          <el-button
+            type="text"
+            size="mini"
+            @click="openIntactRecord(scope.row)"
+          >{{ $t('一机一档') }}
+          </el-button>
           <add-approve v-if="addAprroveVisible" ref="addApprove" @refreshDataList="getList"></add-approve>
           <his-approve v-if="hisAprroveVisible" ref="hisApprove" @refreshDataList="getList"></his-approve>
         </template>
@@ -961,6 +967,7 @@
         <iframe :src="pdf.pdfUrl" frameborder="0" width="100%" height="700px"></iframe>
       </div>
     </el-dialog>
+    <intact-record  v-if="intactRecordVisible" ref="intactRecord"></intact-record>
   </div>
 </template>
 
@@ -973,13 +980,15 @@ import { getToken } from "@/utils/auth";
 import Treeselect from "@riophae/vue-treeselect";
 import "@riophae/vue-treeselect/dist/vue-treeselect.css";
 import HisApprove from "../approve/tapprove-maintenance-his";
-import AddApprove from "../approve/tapprove-maintenance-add";
+import AddApprove from "../approve/tapprove-maintenance-add"
+import IntactRecord from "./intactRecord"
 
 export default {
   name: "Gyl",
-  components: {Treeselect, AddApprove, HisApprove},
+  components: {Treeselect, AddApprove, HisApprove,IntactRecord},
   data() {
     return {
+      intactRecordVisible: false,
       // 遮罩层
       loading: true,
       // 选中数组
@@ -1429,6 +1438,12 @@ export default {
       a.setAttribute('href', process.env.VUE_APP_BASE_API + url)
       a.click()
     },
+    openIntactRecord(row){
+      this.intactRecordVisible = true
+      this.$nextTick(() => {
+        this.$refs.intactRecord.init(row)
+      })
+    }
   }
 };
 </script>

ui/src/views/intact/gyl/intactRecord.vue

@@ -0,0 +1,202 @@
+<template>
+  <el-dialog :title="$t('一机一档')" :visible.sync="visible" width="1200px" append-to-body>
+    <el-card>
+      <div slot="header" class="clearfix">
+        <span>基本资料</span>
+      </div>
+      <div class="el-descriptions">
+        <div class="el-descriptions__body">
+          <table class="el-descriptions__table is-bordered el-descriptions--big" style="table-layout: fixed;border: 1px solid #e6ebf5;">
+            <tr class="el-descriptions-row">
+              <th colspan="1" class="el-descriptions-item__cell el-descriptions-item__label is-bordered-label "> 装置</th>
+              <td colspan="1" class="el-descriptions-item__cell el-descriptions-item__content"> {{}}</td>
+              <th colspan="1" class="el-descriptions-item__cell el-descriptions-item__label is-bordered-label "> 单元</th>
+              <td colspan="1" class="el-descriptions-item__cell el-descriptions-item__content" > {{}}</td>
+              <th colspan="1" class="el-descriptions-item__cell el-descriptions-item__label is-bordered-label "> 位号</th>
+              <td colspan="1" class="el-descriptions-item__cell el-descriptions-item__content">{{}}</td>
+            </tr>
+            <tr class="el-descriptions-row">
+              <th colspan="1" class="el-descriptions-item__cell el-descriptions-item__label is-bordered-label "> 设备名称</th>
+              <td colspan="1" class="el-descriptions-item__cell el-descriptions-item__content">{{}}</td>
+              <th colspan="1" class="el-descriptions-item__cell el-descriptions-item__label is-bordered-label "> 设备类型</th>
+              <td colspan="1" class="el-descriptions-item__cell el-descriptions-item__content">{{}}</td>
+              <th colspan="1" class="el-descriptions-item__cell el-descriptions-item__label is-bordered-label "> 使用证编号</th>
+              <td colspan="1" class="el-descriptions-item__cell el-descriptions-item__content">{{}}</td>
+            </tr>
+          </table>
+        </div>
+      </div>
+    </el-card>
+
+    <el-card>
+      <div slot="header" class="clearfix">
+        <span>原始资料（厂家，产品编号等）</span>
+      </div>
+      <el-table v-loading="loading" :data="list" border>
+
+      </el-table>
+    </el-card>
+    <el-card>
+      <div slot="header" class="clearfix">
+        <span>安装资料、使用说明</span>
+      </div>
+      <el-table v-loading="loading" :data="list" border>
+
+      </el-table>
+    </el-card>
+    <el-card>
+      <div slot="header" class="clearfix">
+        <span> 巡检记录</span><div style="float: right;margin-bottom: -14px">
+        <el-form :model="queryDeviceParams" ref="queryRegularForm" label-width="68px" :inline="true">
+          <el-form-item :label="$t('年份')" prop="year">
+            <el-date-picker clearable size="small" style="width: 200px"
+                            v-model="queryDeviceParams.year"
+                            type="year"
+                            value-format="yyyy"
+                            :placeholder="$t('请选择') + $t('年份')">
+            </el-date-picker>
+          </el-form-item>
+          <el-button type="cyan" icon="el-icon-search" size="mini" @click="staffPlanQuery" style="margin-left: 20px;">
+            {{ $t('搜索') }}</el-button>
+        </el-form>
+      </div>
+      </div>
+
+      <el-table :data="list" v-loading="planLoading"  border>
+
+      </el-table>
+    </el-card>
+    <el-card>
+      <div slot="header" class="clearfix">
+        <span> 维修记录</span><div style="float: right;margin-bottom: -14px">
+        <el-form :model="queryDeviceParams" ref="queryRegularForm" label-width="68px" :inline="true">
+          <el-form-item :label="$t('年份')" prop="year">
+            <el-date-picker clearable size="small" style="width: 200px"
+                            v-model="queryDeviceParams.year"
+                            type="year"
+                            value-format="yyyy"
+                            :placeholder="$t('请选择') + $t('年份')">
+            </el-date-picker>
+          </el-form-item>
+          <el-button type="cyan" icon="el-icon-search" size="mini" @click="staffPlanQuery" style="margin-left: 20px;">
+            {{ $t('搜索') }}</el-button>
+        </el-form>
+      </div>
+      </div>
+
+      <el-table :data="list" v-loading="planLoading"  border>
+
+      </el-table>
+    </el-card>
+    <el-card>
+      <div slot="header" class="clearfix">
+        <span> 变更记录</span><div style="float: right;margin-bottom: -14px">
+        <el-form :model="queryDeviceParams" ref="queryRegularForm" label-width="68px" :inline="true">
+          <el-form-item :label="$t('年份')" prop="year">
+            <el-date-picker clearable size="small" style="width: 200px"
+                            v-model="queryDeviceParams.year"
+                            type="year"
+                            value-format="yyyy"
+                            :placeholder="$t('请选择') + $t('年份')">
+            </el-date-picker>
+          </el-form-item>
+          <el-button type="cyan" icon="el-icon-search" size="mini" @click="staffPlanQuery" style="margin-left: 20px;">
+            {{ $t('搜索') }}</el-button>
+        </el-form>
+      </div>
+      </div>
+      <el-table :data="list" v-loading="planLoading"  border>
+
+      </el-table>
+    </el-card>
+  </el-dialog>
+</template>
+
+<script>
+import Treeselect from "@riophae/vue-treeselect";
+import "@riophae/vue-treeselect/dist/vue-treeselect.css";
+import {listPlan} from "@/api/training/spec/plan";
+import {listParticipants} from "@/api/training/participants";
+import {listDevice} from "@/api/training/device";
+
+export default {
+  name: "Resume",
+  components: {Treeselect},
+  data() {
+    return {
+      list: [],
+      // 遮罩层
+      loading: false,
+      planLoading: false,
+      visible: false,
+      // 选中数组
+      ids: [],
+      photo: '',
+      dataListSelections: [],
+      // 装置名称字典
+      plantCodeOptions: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: false,
+      // 总条数
+      total: 0,
+      // 弹出层标题
+      title: "",
+      // 操作
+      operation: "",
+      // 部门树选项
+      deptOptions: undefined,
+      clientHeight: 300,
+      // 是否显示弹出层
+      open: false,
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 20,
+        staffId: null,
+        plantName: null,
+        startDate: null,
+        endDate: null,
+        classHour: null,
+        studyState: null
+      },
+      queryDeviceParams: {
+        staffId: null,
+        regularId: null,
+        year: this.getNowTime(),
+        trainingType: null
+      },
+      // 表单参数
+      form: {},
+      // 表单校验
+      rules: {}
+    };
+  },
+  watch: {},
+  created() {
+    this.getDicts("PLANT_DIVIDE").then(response => {
+      this.plantCodeOptions = response.data;
+    });
+  },
+  methods: {
+    init(row) {
+      this.visible = true
+    },
+    /** 获取当前年份 */
+    getNowTime() {
+      var now = new Date();
+      var year = now.getFullYear(); //得到年份
+      var defaultDate = `${year}`;
+      defaultDate = `${year}`
+      return defaultDate;
+    },
+    // 装置名称字典翻译
+    plantCodeFormat(row, column) {
+      return this.selectDictLabel(this.plantCodeOptions, row.plantCode);
+    },
+  }
+};
+</script>