From 1659aafc1ff0f9722adc1642f7856b19ce5ec6f0 Mon Sep 17 00:00:00 2001
From: XiaoRuby <3114200645@qq.com>
Date: 星期五, 18 八月 2023 17:29:16 +0800
Subject: [PATCH] 计量模块完成
---
src/components/view/measurementManagement.vue | 935 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 923 insertions(+), 12 deletions(-)
diff --git a/src/components/view/measurementManagement.vue b/src/components/view/measurementManagement.vue
index 517b179..8865a88 100644
--- a/src/components/view/measurementManagement.vue
+++ b/src/components/view/measurementManagement.vue
@@ -1,24 +1,935 @@
<template>
- <div>
- <el-row>
- <el-col :span="12" class="top_left_name">璁￠噺绠＄悊</el-col>
- <el-col :span="12" style="text-align: right;">
- <el-button size="mini" icon="el-icon-plus" style="color: #000;"
- >瀵煎嚭</el-button
- >
- </el-col>
- </el-row>
+ <div class="main_div">
+ <div
+ class="first_div"
+ :style="
+ `width:${addShow ? 0 : 100}%; overflow: hidden;opacity: ${
+ addShow ? 0 : 1
+ };`
+ "
+ >
+ <el-row>
+ <el-col :span="12" class="top_left_name">{{
+ radio1 == 1 ? "璁￠噺鍙拌处" : "璁￠噺璁″垝"
+ }}</el-col>
+ <el-col :span="12" style="text-align: right;">
+ <el-button
+ v-show="radio1 == 2"
+ @click="addShow = true"
+ type="primary"
+ size="mini"
+ icon="el-icon-plus"
+ style="background: #004EA2; "
+ >鏂板</el-button
+ >
+ <el-button size="mini"
+ ><i class="font icon-xiazaidaoru" style="padding-right: 3px;"></i
+ >瀵煎嚭</el-button
+ >
+ </el-col>
+ </el-row>
+ <div class="top_div">
+ <div class="table_top_div">
+ <span>{{ radio1 == 1 ? "璁￠噺缂栧彿锛�" : "璁″垝鍗曞彿锛�" }}</span>
+ <el-input
+ class="frame_input"
+ v-model="measureLedgerPage.code"
+ :placeholder="radio1 == 1 ? '璇疯緭鍏ヨ閲忕紪鍙凤細' : '璇疯緭鍏ヨ鍒掑崟鍙凤細'"
+ size="small"
+ />
+ <span style="margin-left: 30px;" v-show="radio1 == 1"
+ >浠櫒璁惧鍚嶇О锛�</span
+ >
+ <el-input
+ v-show="radio1 == 1"
+ class="frame_input"
+ v-model="measureLedgerPage.deviceName"
+ placeholder="璇疯緭鍏ヤ华鍣ㄨ澶囧悕绉�"
+ size="small"
+ />
+ <span style="margin-left: 30px;">璁￠噺鍗曚綅锛�</span>
+ <el-input
+ class="frame_input"
+ v-model="measureLedgerPage.measureUnit"
+ placeholder="璇疯緭鍏ヨ閲忓崟浣�"
+ size="small"
+ />
+ <el-button size="mini" @click="reset"><span>閲� 缃�</span></el-button>
+ <el-button
+ size="mini"
+ type="primary"
+ @click="selectTableData"
+ style="background: #004EA2;"
+ ><span>鏌� 璇�</span></el-button
+ >
+ </div>
+ </div>
+ <div class="middle_div">
+ <div class="middle_top_div">
+ <el-radio-group class="ai-tab-change" v-model="radio1">
+ <el-radio-button size="small" label="1">
+ <div class="el_radio_button_div">璁￠噺鍙拌处</div>
+ </el-radio-button>
+ <el-radio-button size="small" label="2">
+ <div class="el_radio_button_div">璁￠噺璁″垝</div>
+ </el-radio-button>
+ </el-radio-group>
+ </div>
+ <div class="middle_middle_div">
+ <el-table
+ v-show="radio1 == 1"
+ ref="multipleTable"
+ :header-cell-style="{ 'text-align': 'center' }"
+ :cell-style="{ 'text-align': 'center' }"
+ :data="measureLedgerPageData"
+ border
+ tooltip-effect="dark"
+ class="middle_middle_table"
+ height="calc(100vh - 372px)"
+ width="100%"
+ >
+ <el-table-column type="selection" width="55"> </el-table-column>
+ <el-table-column label="浠櫒璁惧缂栧彿" min-width="130px" prop="code">
+ </el-table-column>
+ <el-table-column label="浠櫒璁惧鍚嶇О" prop="name" min-width="130px">
+ </el-table-column>
+ <el-table-column
+ label="娴嬮噺鑼冨洿"
+ min-width="130px"
+ prop="measuring_range"
+ ></el-table-column>
+ <el-table-column
+ label="璁￠噺鍛ㄦ湡"
+ min-width="130px"
+ prop="measure_period"
+ >
+ <template slot-scope="scope">
+ <el-tag
+ v-if="scope.row.measure_period !== undefined"
+ disable-transitions
+ style="color: black;"
+ >{{ scope.row.measure_period + "/鏈�" }}</el-tag
+ ></template
+ >
+ </el-table-column>
+ <el-table-column
+ label="璁￠噺缁撴灉"
+ min-width="130px"
+ prop="measure_result"
+ >
+ <template slot-scope="scope">
+ <el-tag
+ v-if="scope.row.measure_result == 1"
+ disable-transitions
+ type="success"
+ >杩愯</el-tag
+ >
+ <el-tag
+ v-else-if="scope.row.measure_result == 2"
+ disable-transitions
+ type="danger"
+ >澶卞噯</el-tag
+ >
+ <el-tag
+ v-else-if="scope.row.measure_result == null"
+ disable-transitions
+ type="info"
+ >鏈閲�</el-tag
+ >
+ </template>
+ </el-table-column>
+ <el-table-column
+ label="璁￠噺鏃ユ湡"
+ min-width="130px"
+ prop="measureDate"
+ ></el-table-column>
+ <el-table-column
+ label="璁￠噺鏈夋晥鏈�"
+ min-width="130px"
+ prop="validityEnd"
+ ></el-table-column>
+ <el-table-column
+ label="璐熻矗浜�"
+ min-width="130px"
+ prop="person_charge"
+ ></el-table-column>
+ <el-table-column
+ label="鍒涘缓鏃ユ湡"
+ min-width="130px"
+ prop="createTime"
+ ></el-table-column>
+ <el-table-column
+ label="鍒涘缓浜�"
+ min-width="130px"
+ prop="founder"
+ ></el-table-column>
+ <el-table-column
+ label="璁￠噺鍗曚綅"
+ min-width="130px"
+ prop="plan_unit"
+ ></el-table-column>
+ <el-table-column
+ label="璁￠噺缂栧彿"
+ min-width="200px"
+ prop="measure_number"
+ ></el-table-column>
+ <el-table-column
+ fixed="right"
+ class="table-fixed"
+ min-width="200px"
+ label="鎿嶄綔"
+ show-overflow-tooltip
+ >
+ <template slot-scope="scope">
+ <el-button
+ type="text"
+ size="mini"
+ @click="showRecord(scope.row)"
+ >鏌ョ湅璁￠噺灞ュ巻</el-button
+ >
+ <el-button type="text" size="mini">鏌ョ湅闄勪欢</el-button>
+ </template>
+ </el-table-column>
+ </el-table>
+ <el-table
+ v-show="radio1 == 2"
+ ref="multipleTable"
+ :data="measurePlanPageData"
+ :header-cell-style="{ 'text-align': 'center' }"
+ :cell-style="{ 'text-align': 'center' }"
+ border
+ tooltip-effect="dark"
+ class="middle_middle_table"
+ height="calc(100vh - 372px)"
+ >
+ <el-table-column type="selection" width="55"> </el-table-column>
+ <el-table-column
+ label="璁″垝鍗曞彿"
+ prop="planNumber"
+ min-width="130px"
+ >
+ </el-table-column>
+ <el-table-column
+ label="璁″垝鏃ユ湡"
+ min-width="130px"
+ prop="planDate"
+ ></el-table-column>
+ <el-table-column
+ label="璁″垝鐘舵��"
+ min-width="130px"
+ prop="planStatue"
+ >
+ <template slot-scope="scope">
+ <el-tag
+ v-if="scope.row.planStatue == 'y'"
+ disable-transitions
+ type="success"
+ >宸插畬鎴�</el-tag
+ >
+ <el-tag
+ v-else-if="scope.row.planStatue == 'n'"
+ disable-transitions
+ type="danger"
+ >鏈畬鎴�</el-tag
+ >
+ </template>
+ </el-table-column>
+ <el-table-column
+ label="璁￠噺璐熻矗浜�"
+ min-width="130px"
+ prop="personCharge"
+ ></el-table-column>
+ <el-table-column
+ label="璁￠噺鍗曚綅"
+ min-width="130px"
+ prop="planUnit"
+ ></el-table-column>
+ <el-table-column
+ label="鍒涘缓浜�"
+ min-width="130px"
+ prop="founder"
+ ></el-table-column>
+ <el-table-column
+ label="鍒涘缓鏃ユ湡"
+ min-width="130px"
+ prop="createTime"
+ ></el-table-column>
+ <el-table-column
+ fixed="right"
+ width="200px"
+ label="鎿嶄綔"
+ show-overflow-tooltip
+ >
+ <template slot-scope="scope">
+ <el-button
+ type="text"
+ size="mini"
+ @click="showRecord(scope.row)"
+ >鏌ョ湅璁￠噺灞ュ巻</el-button
+ >
+ <el-button type="text" size="mini">鏌ョ湅闄勪欢</el-button>
+ </template>
+ </el-table-column>
+ </el-table>
+ </div>
+
+ <div class="middle_under_div">
+ <el-pagination
+ v-show="radio1 == 1"
+ @size-change="handleSizeChange"
+ @current-change="handleCurrentChange"
+ :current-page="currentPage"
+ :page-sizes="[10, 15, 20, 25]"
+ :pager-count="9"
+ :page-size="12"
+ layout="total, sizes, prev, pager, next, jumper"
+ :total="measureLedgerTotal"
+ >
+ </el-pagination>
+ <el-pagination
+ v-show="radio1 == 2"
+ @size-change="handleSizeChange"
+ @current-change="handleCurrentChange"
+ :current-page="currentPage"
+ :page-sizes="[10, 15, 20, 25]"
+ :pager-count="9"
+ :page-size="12"
+ layout="total, sizes, prev, pager, next, jumper"
+ :total="measureLedgerPageTotal"
+ >
+ </el-pagination>
+ </div>
+ </div>
+ </div>
+ <div
+ class="second_div"
+ :style="
+ `width: ${addShow ? 100 : 0}%; overflow: hidden;opacity: ${
+ addShow ? 1 : 0
+ };`
+ "
+ >
+ <el-row>
+ <el-col :span="12" class="top_left_name">{{
+ viewResume ? "鏂板璁￠噺璁″垝" : "鏌ョ湅璁￠噺灞ュ巻"
+ }}</el-col>
+ <el-col :span="12" style="text-align: right;">
+ <el-button
+ @click="
+ addShow = false;
+ viewResume = true;
+ "
+ size="mini"
+ :style="`opacity: ${addShow ? 1 : 0};transition: 0s`"
+ ><i class="font icon-fanhui"></i>杩斿洖</el-button
+ >
+ <el-button
+ v-show="viewResume == true"
+ type="primary"
+ size="mini"
+ icon="el-icon-plus"
+ :style="`background: #3a7bfa; opacity: ${addShow ? 1 : 0}`"
+ >淇濆瓨</el-button
+ >
+ </el-col>
+ </el-row>
+ <div class="second_div_main">
+ <div class="second_div_top">
+ <el-descriptions
+ class="secode_div_top_descriptions"
+ v-show="viewResume == false"
+ >
+ <template slot="title">
+ <span>璁″垝淇℃伅</span>
+ <span
+ v-show="measurePlanPage.accountOrPlan == false"
+ :style="
+ `font-size: 14px; color: ${okOrNo == 'y' ? 'green' : 'red'}`
+ "
+ > {{ okOrNo == "y" ? "宸插畬鎴�" : "鏈畬鎴�" }}</span
+ >
+ </template>
+ <el-descriptions-item label="璁″垝缂栧彿">{{
+ measureTop.plan_number
+ }}</el-descriptions-item>
+ <el-descriptions-item label="鍒涘缓浜�">{{
+ measureTop.founder
+ }}</el-descriptions-item>
+ <el-descriptions-item label="鍒涘缓鏃ユ湡">{{
+ measureTop.createTime
+ }}</el-descriptions-item>
+ <el-descriptions-item label="璁″垝鏃ユ湡">{{
+ measureTop.planTime
+ }}</el-descriptions-item>
+ <el-descriptions-item label="璁″垝鍗曚綅">{{
+ measureTop.plan_unit
+ }}</el-descriptions-item>
+ <el-descriptions-item label="璐熻矗浜�">{{
+ measureTop.person_charge
+ }}</el-descriptions-item>
+ </el-descriptions>
+ <el-descriptions
+ class="secode_div_top_descriptions"
+ v-show="viewResume == true"
+ >
+ <template slot="title">
+ <span>璁″垝淇℃伅</span>
+ </template>
+ >
+ <el-descriptions-item label="璁″垝鏃ユ湡">
+ <el-date-picker
+ v-model="value1"
+ type="datetime"
+ placeholder="閫夋嫨鏃ユ湡鏃堕棿"
+ >
+ </el-date-picker>
+ </el-descriptions-item>
+ <el-descriptions-item label="璁″垝鍗曚綅">
+ <el-input
+ style="width: 206px"
+ placeholder="璇疯緭鍏ヨ鍒掑崟浣�"
+ clearable
+ v-model="addFormDevice.planningUnit"
+ ></el-input
+ ></el-descriptions-item>
+ <el-descriptions-item label="璐熻矗浜�">
+ <el-select
+ v-model="addFormDevice.responsiblePerson"
+ size="small"
+ placeholder="璐熻矗浜�"
+ class="table_top"
+ >
+ <el-option
+ v-for="item in createPerson"
+ :key="item.index"
+ :label="item.name"
+ :value="item.id"
+ ></el-option>
+ </el-select>
+ </el-descriptions-item>
+ </el-descriptions>
+ </div>
+ <div class="second_div_middle">
+ <div class="el_divider_span">璁惧淇℃伅</div>
+ <el-divider></el-divider>
+ </div>
+ <div class="second_div_table">
+ <div style="float: right;padding-bottom: 8px">
+ <el-button size="mini" type="primary" @click="addDeviceAdd">
+ <span style="font-size: 14px;">鏂板璁惧</span></el-button
+ >
+ </div>
+ <div v-show="viewResume == true">
+ <el-table
+ ref="multipleTable"
+ tooltip-effect="dark"
+ :data="addFormDevice.addDevice"
+ border
+ :Key="key"
+ style="width: 100%; margin-top: 12px;"
+ height="calc(100vh - 380px)"
+ >
+ <el-table-column type="selection" width="55" min-width="5%">
+ </el-table-column>
+ <el-table-column label="浠櫒璁惧缂栫爜" min-width="10%" prop="code">
+ </el-table-column>
+ <el-table-column label="浠櫒璁惧鍚嶇О" min-width="10%" prop="name">
+ <template scope="scope">
+ <el-select
+ v-model="scope.row.deviceId"
+ @change="nameAndCode(scope)"
+ size="small"
+ placeholder="璇烽�夋嫨璁惧"
+ class="table_top"
+ >
+ <el-option
+ v-for="item in deviceIdAndNameAndCode"
+ :key="item.index"
+ :label="item.name"
+ :value="item.id"
+ ></el-option>
+ </el-select>
+ </template>
+ </el-table-column>
+ <el-table-column
+ label="娴嬮噺鑼冨洿"
+ min-width="10%"
+ ></el-table-column>
+ <el-table-column
+ label="璁￠噺鍛ㄦ湡"
+ min-width="10%"
+ ></el-table-column>
+ <el-table-column
+ label="璁￠噺缁撴灉"
+ min-width="10%"
+ ></el-table-column>
+ <el-table-column
+ label="璁￠噺鏃ユ湡"
+ min-width="10%"
+ ></el-table-column>
+ <el-table-column
+ label="璁￠噺鏈夋晥鏈�"
+ min-width="10%"
+ ></el-table-column>
+ <el-table-column label="鎿嶄綔" min-width="10%">
+ <el-button type="text" size="mini">浣滃簾</el-button>
+ </el-table-column>
+ </el-table>
+ </div>
+ <div v-show="viewResume == false">
+ <el-table
+ :data="recordData"
+ tooltip-effect="dark"
+ :header-cell-style="{ 'text-align': 'center' }"
+ border
+ :row-style="{ height: '50px' }"
+ :cell-style="{ padding: '0px', 'text-align': 'center' }"
+ style="width: 100%; margin-top: 12px;"
+ height="calc(100vh - 382px)"
+ >
+ <el-table-column
+ label="浠櫒璁惧缂栫爜"
+ prop="code"
+ ></el-table-column>
+ <el-table-column
+ label="浠櫒璁惧鍚嶇О"
+ prop="name"
+ ></el-table-column>
+ <el-table-column
+ label="娴嬮噺鑼冨洿"
+ prop="measuring_range"
+ ></el-table-column>
+ <el-table-column
+ label="璁￠噺鍛ㄦ湡"
+ prop="measure_period"
+ ></el-table-column>
+ <el-table-column label="璁￠噺缁撴灉" prop="measure_result">
+ <template slot-scope="scope">
+ <el-tag
+ v-if="scope.row.measure_result == 1"
+ disable-transitions
+ type="success"
+ >杩愯</el-tag
+ >
+ <el-tag
+ v-else-if="scope.row.measure_result == 2"
+ disable-transitions
+ type="danger"
+ >澶卞噯</el-tag
+ >
+ <el-tag
+ v-else-if="scope.row.measure_result == null"
+ disable-transitions
+ type="info"
+ >鏈閲�</el-tag
+ >
+ </template></el-table-column
+ >
+ <el-table-column
+ label="璁￠噺鏃ユ湡"
+ prop="measureDate"
+ ></el-table-column>
+ <el-table-column
+ label="璁￠噺鏈夋晥鏈�"
+ prop="validityEnd"
+ ></el-table-column>
+ <el-table-column
+ label="璐熻矗浜�"
+ prop="personCharge"
+ ></el-table-column>
+ <el-table-column
+ label="鍒涘缓鏃ユ湡"
+ prop="createTime"
+ ></el-table-column>
+ <el-table-column label="鍒涘缓浜�" prop="founder"></el-table-column>
+ <el-table-column
+ label="璁￠噺鍗曚綅"
+ prop="plan_unit"
+ ></el-table-column>
+ <el-table-column
+ width="200px"
+ label="璁￠噺缂栧彿"
+ prop="measure_number"
+ ></el-table-column>
+ </el-table>
+ <div
+ class="middle_under_div"
+ v-show="measurePlanPage.accountOrPlan == false"
+ >
+ <el-pagination
+ @size-change="handleSizeChange"
+ @current-change="handleCurrentChange"
+ :current-page="currentPage"
+ :page-sizes="[10, 15, 20, 25]"
+ :pager-count="9"
+ :page-size="12"
+ layout="total, sizes, prev, pager, next, jumper"
+ :total="measurePlanPageTotal"
+ >
+ </el-pagination>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
</div>
</template>
<script>
+import zhLocale from "element-ui/lib/locale/lang/zh-CN";
+
+// 鐒跺悗灏唀lement-ui涓璸agination閫夐」鏀规帀
+zhLocale.el.pagination = {
+ pagesize: "鏉�/椤�",
+ total: `鍏辨湁 {total} 鏉,
+ goto: "璺宠嚦",
+ pageClassifier: "椤�"
+};
+
export default {
- name: "measurementManagement"
+ name: "measurementManagement",
+ data() {
+ return {
+ radio1: 1, // 璁￠噺鍙拌处璁￠噺璁″垝鍒囨崲
+ addShow: false, // 鏂板璁￠噺
+ viewResume: true, // 鐐瑰嚮鏌ョ湅灞ュ巻鏄剧ず
+ currentPage: 1,
+ measureLedgerPage: {
+ code: "", // 璁″垝鍙拌处璁￠噺缂栧彿
+ deviceName: "", // 璁″垝鍙拌处浠櫒璁惧鍚嶇О
+ measureUnit: "", // 璁″垝鍙拌处璁￠噺鍗曚綅
+ pageNo: 1,
+ pageSize: 10
+ },
+ measurePlanPage: {
+ code: "", // 璁″垝鍗曞彿
+ meteringUnit: "", // 璁￠噺鍗曚綅
+ pageNo: 1,
+ pageSize: 10
+ },
+ key: 0,
+ measurePlanPageData: [], // 璁￠噺璁″垝琛ㄦ牸鏁版嵁
+ measureLedgerTotal: "",
+ measureLedgerPageData: [], // 璁￠噺鍙拌处琛ㄦ牸鏁版嵁
+ measureLedgerPageTotal: "",
+ recordData: [],
+ measurePlanPage: {
+ pageNo: 1,
+ pageSize: 10,
+ accountOrPlan: true,
+ measureId: ""
+ },
+ measureTop: {},
+ measurePlanPageTotal: "",
+ okOrNo: "",
+ value1: "",
+ deviceIdAndNameAndCode: [],
+ addFormDevice: {
+ responsiblePerson: "", //璐熻矗浜�
+ planningUnit: "", // 璁″垝鍗曚綅
+ addDevice: []
+ },
+ createPerson: [] // 鍒涘缓浜哄垪琛�
+ };
+ },
+ mounted() {
+ this.measureLedgerPageMethods(); // 鍒濆鍖栬皟鐢ㄨ鍒掑彴璐﹁〃鏍兼暟鎹�
+ },
+ methods: {
+ handleSizeChange(pageSize) {
+ if (this.radio1 == 1) {
+ this.measureLedgerPage.pageSize = pageSize;
+ this.measureLedgerPageMethods();
+ } else if (this.radio1 == 2) {
+ this.measurePlanPage.pageSize = pageSize;
+ this.measurePlanPageMethods();
+ }
+ },
+ handleCurrentChange(pageNo) {
+ if (this.radio1 == 1) {
+ this.measureLedgerPage.pageNo = pageNo;
+ this.measureLedgerPageMethods();
+ } else if (this.radio1 == 2) {
+ this.measurePlanPage.pageNo = pageNo;
+ this.measurePlanPageMethods();
+ }
+ },
+ measureLedgerPageMethods() {
+ this.$axios
+ .get(this.$api.url.measureLedgerPageTable, {
+ params: this.measureLedgerPage
+ })
+ .then(res => {
+ this.measureLedgerPageData = res.data.row;
+ this.measureLedgerTotal = res.data.total;
+ });
+ },
+ measurePlanPageMethods() {
+ this.$axios
+ .get(this.$api.url.meteringPlanPageTable, {
+ params: this.measurePlanPage
+ })
+ .then(res => {
+ this.measurePlanPageData = res.data.row;
+ this.measureLedgerPageTotal = res.data.total;
+ });
+ },
+ reset() {
+ if (this.radio1 == 1) {
+ this.measureLedgerPage = {
+ code: "", // 璁″垝鍙拌处璁￠噺缂栧彿
+ measureUnit: "", // 璁″垝鍙拌处浠櫒璁惧鍚嶇О
+ deviceName: "", // 璁″垝鍙拌处璁￠噺鍗曚綅
+ pageNo: 1,
+ pageSize: 10
+ };
+ this.measureLedgerPageMethods();
+ } else {
+ this.measurePlanPage = {
+ code: "", // 璁″垝鍗曞彿
+ meteringUnit: "", // 璁￠噺鍗曚綅
+ pageNo: 1,
+ pageSize: 10
+ };
+ this.measureLedgerPage.code = "";
+ this.measureLedgerPage.measureUnit = "";
+ this.measurePlanPageMethods();
+ }
+ },
+ selectTableData() {
+ if (this.radio1 == 1) {
+ this.measureLedgerPageData = [];
+ this.measureLedgerPageMethods();
+ } else {
+ this.measurePlanPage.code = this.measureLedgerPage.code;
+ this.measurePlanPage.meteringUnit = this.measureLedgerPage.measureUnit;
+ this.measurePlanPageData = [];
+ this.measurePlanPageMethods();
+ }
+ },
+ showRecord(row) {
+ this.addShow = true;
+ this.viewResume = false;
+ this.measurePlanPage.measureId = row.id;
+ this.$axios
+ .get(this.$api.url.meteringPlanListRecord, {
+ params: this.measurePlanPage
+ })
+ .then(res => {
+ console.log(`output->res.data`, res.data[0]);
+ this.recordData = res.data.table;
+ this.measureTop = res.data.top;
+ this.measurePlanPageTotal = res.data.total;
+ });
+ if (this.radio1 == 2) {
+ this.okOrNo = row.planStatue;
+ }
+ },
+ addDeviceAdd() {
+ let obj = {
+ code: "",
+
+ deviceId: "",
+ measureDate: "2023-08-16",
+ measurePeriod: 12,
+ measureResult: 0,
+ measuringRange: "0.2302",
+ validityBegin: "2023-08-16",
+ validityEnd: "2023-08-16"
+ };
+ this.addFormDevice.addDevice.push(obj);
+ },
+ nameAndCode(scope) {
+ let index = this.deviceIdAndNameAndCode.find(
+ role => role.id === scope.row.deviceId
+ );
+ this.addDeviceAdd.code = index.code;
+ this.addFormDevice.addDevice[scope.$index].push = this.addDeviceAdd;
+ this.$nextTick(() => {
+ this.key++;
+ });
+ // addDevice
+ console.log(`output->this.addDe`, this.addFormDevice);
+ }
+ },
+ watch: {
+ radio1: {
+ handler: function(newVal, oldVal) {
+ if (newVal == 2) {
+ this.measurePlanPage.accountOrPlan = false;
+ this.measurePlanPageMethods();
+ } else {
+ this.measurePlanPage.accountOrPlan = true;
+ }
+ }
+ },
+ addShow: {
+ handler: function(newVal, oldVal) {
+ if (newVal === true) {
+ this.$axios.get(this.$api.url.meterPlanListDevice).then(res => {
+ this.deviceIdAndNameAndCode = res.data;
+ });
+ this.$axios.get(this.$api.url.createPerson).then(res => {
+ this.createPerson = res.data;
+ });
+ }
+ }
+ }
+ }
};
</script>
<style>
-.div_acb {
- color: #000000;
+.main_div {
+ height: calc(100vh - 110px);
+ position: relative;
+ width: 100%;
+}
+.first_div {
+ float: left;
+ height: calc(100vh - 110px);
+ transition: 0.5s;
+}
+.second_div {
+ float: left;
+ height: calc(100vh - 110px);
+ transition: 0.5s;
+}
+.top_div {
+ width: 100%;
+ height: 100px;
+ background-color: #ffffff;
+ margin: 5px 0;
+}
+.middle_div {
+ width: 100%;
+ height: calc(100vh - 290x);
+ background-color: #ffffff;
+}
+.middle_top_div {
+ width: 100%;
+ height: 60px;
+}
+.ai-tab-change {
+ padding: 14px 0 15px 15px;
+}
+.middle_middle_div {
+ width: 100%;
+ height: calc(100vh - 360px);
+ margin-top: 5px;
+}
+.middle_middle_table {
+ width: 98%;
+ margin: 0 15px;
+}
+.middle_under_div {
+ width: 99%;
+ height: 30px;
+ margin-top: 5px;
+ padding-bottom: 6px;
+ text-align: right;
+}
+.table_top_input {
+ width: 13%;
+ margin-right: 24px;
+}
+.table_top_div {
+ margin-left: 20px;
+ padding: 35px 0;
+}
+.el-descriptions-item__label {
+ padding-top: 8px !important;
+ height: 20px !important;
+}
+.el-input__prefix {
+ padding-left: 0px !important;
+}
+.table_top_div span {
+ font-size: 15px;
+}
+.el-radio-button__inner {
+ border: 1px solid #ececed;
+ line-height: 14px;
+}
+.el-radio-button__orig-radio:checked + .el-radio-button__inner {
+ background: #fdfdfe;
+ border: 1px solid #2661a0;
+ color: #2661a0;
+ line-height: 14px;
+}
+.second_div_top {
+ height: 136px;
+ margin-bottom: 5px;
+ margin-top: 5px;
+}
+.second_div_table {
+ height: calc(100vh - 342px);
+ padding: 0 20px;
+}
+.second_div_middle {
+ height: 30px;
+ position: relative;
+}
+.el_divider_span {
+ z-index: 1;
+ width: 60px;
+ height: 20px;
+ position: absolute;
+ border-bottom: #538bfb 2px solid;
+ color: #538bfb;
+ margin-left: 15px;
+ font-size: 14px;
+}
+.el-divider {
+ position: absolute;
+ background-color: #dcdfe6;
+ width: 97%;
+ margin: 20px 60px 15px 15px;
+}
+.second_div_main {
+ background-color: #ffffff;
+ height: calc(100vh - 150px);
+}
+.table_top_div {
+ margin-left: 20px;
+ padding-top: 15px;
+ padding-bottom: 15px;
+}
+.secode_div_top_descriptions {
+ padding-left: 20px;
+ padding-top: 10px;
+}
+.el-descriptions__title {
+ font-size: 15px;
+ font-weight: 500;
+}
+.el-descriptions__body span {
+ padding-left: 30px;
+ font-size: 14px;
+}
+.el-descriptions__table {
+ width: 90%;
+ height: 80px;
+ margin: 0 auto;
+}
+::-webkit-scrollbar {
+ height: 10px;
+ background-color: transparent;
+}
+.icon-fanhui {
+ padding-right: 6px;
+}
+.frame_input {
+ width: 10%;
+ margin: 10px 0;
+ transition: 1.5s;
+}
+.el-tag.el-tag {
+ border-color: transparent;
+ background-color: transparent;
+}
+.el-tag.el-tag:hover {
+ border-color: transparent;
+ background-color: transparent;
}
</style>
--
Gitblit v1.9.3