From 13aed698b5e2fbb2b4b96ff27f1b706b740ae640 Mon Sep 17 00:00:00 2001
From: Fixiaobai <fixiaobai@163.com>
Date: 星期四, 12 十月 2023 17:50:29 +0800
Subject: [PATCH] modified: src/components/view/carrierContract.vue modified: src/components/view/shipmentOperate.vue modified: src/components/view/shipmentRequest.vue modified: src/components/view/shipmentTabulation.vue modified: src/view/index.vue
---
src/components/view/shipmentOperate.vue | 118 +++++++++
src/components/view/shipmentRequest.vue | 126 ++++++++++
src/components/view/carrierContract.vue | 97 +++++++
src/components/view/shipmentTabulation.vue | 119 +++++++++
src/view/index.vue | 246 +++++++++++++++----
5 files changed, 633 insertions(+), 73 deletions(-)
diff --git a/src/components/view/carrierContract.vue b/src/components/view/carrierContract.vue
index f203704..be34cf3 100644
--- a/src/components/view/carrierContract.vue
+++ b/src/components/view/carrierContract.vue
@@ -1,13 +1,102 @@
<template>
- <div>鎵胯繍鍟嗗悎鍚岀鐞�</div>
+ <div>
+ <el-row style="width: 100%;display: flex; justify-content: space-around;margin-top: 10px;">
+ <el-col>
+ <p style="margin-left: 20px;">鎵胯繍鍟嗗悎鍚岀鐞�</p>
+ </el-col>
+ <el-col style="display: flex; justify-content: end;">
+ <el-button size="mini" icon="el-icon-plus" type="primary">鏂板</el-button>
+ <el-button size="mini" icon="el-icon-edit-outline">淇敼</el-button>
+ <el-button size="mini" icon="el-icon-delete">鍒犻櫎</el-button>
+ </el-col>
+ </el-row>
+ <el-row style="width: 100%;height: 60px;background-color: white;display: flex;align-items: center;margin-top: 10px;">
+ <el-form style="height: 60%;margin-left: 20px;" :inline="true" :model="formInline" class="demo-form-inline">
+ <el-form-item label="渚涘簲鍟嗗悕绉�:">
+ <el-input size="small" v-model="formInline.name" placeholder="璇疯緭鍏�"></el-input>
+ </el-form-item>
+ <el-form-item label="绛捐鏃堕棿:">
+ <el-date-picker v-model="formInline.time" type="datetime" placeholder="閫夋嫨绛捐鏃堕棿">
+ </el-date-picker>
+ </el-form-item>
+ <el-form-item>
+ <el-button size="mini" @click="resetForm('ruleForm')">閲嶇疆</el-button>
+ <el-button size="mini" type="primary" @click="onSubmit">鏌ヨ</el-button>
+ </el-form-item>
+ </el-form>
+ </el-row>
+ <el-row style="height: calc(100% - 125px);margin-top: 10px;background-color: white;">
+ <el-col style="margin-top: 10px;width: 98%;margin-left: 10px;height: calc(100% - 64px);">
+ <el-table ref="inspectionTable" height="100%" :cell-style="{ textAlign: 'center' }"
+ :header-cell-style="{ border: '0px', background: '#f5f7fa', color: '#606266', boxShadow: 'inset 0 1px 0 #ebeef5', textAlign: 'center' }"
+ :data="inspectionTable" style="width: 100%;">
+ <el-table-column type="selection" width="50">
+ </el-table-column>
+ <el-table-column prop="order_number" label="搴忓彿" min-width="50" />
+ <el-table-column prop="customer_name" label="鏄惁涓烘鏋�" min-width="100" />
+ <el-table-column prop="project_name" label="鍚堝悓绛捐鏃堕棿" min-width="100" />
+ <el-table-column prop="quality_traceability" label="鎵胯繍鍟�" min-width="110" />
+ <el-table-column prop="material_code" label="鍚堝悓閲戦" min-width="100" />
+ <el-table-column prop="material" label="鍚堝悓鏈夋晥鏈�" min-width="85" />
+ <el-table-column prop="specifications_model" label="褰曞叆浜�" min-width="110" />
+ <el-table-column prop="unit" label="褰曞叆鏃堕棿" min-width="80" />
+ <el-table-column label="鎿嶄綔" min-width="80">
+ <template slot-scope="scope">
+ <el-button type="text" size="small" @click="goToDetail(scope.row)">鏌ョ湅</el-button>
+ <el-button type="text" size="small">鎵撳嵃</el-button>
+ <el-button v-if="scope.row.result == null" type="text" size="small" @click="goUp(scope.row)">缂栬緫</el-button>
+ </template>
+ </el-table-column>
+ </el-table>
+ </el-col>
+ <!-- 鍒嗛〉鍣� -->
+ <el-col class="pagination">
+ <el-pagination :current-page="pageParams.pageSize" :page-sizes="[10, 50, 100, 200]"
+ :page-size="pageParams.countSize" layout="total, sizes, prev, pager, next, jumper" :total="pageParams.total"
+ @size-change="handleSizeChange" @current-change="handleCurrentChange" />
+ </el-col>
+ </el-row>
+ </div>
</template>
<script>
export default {
+ data() {
+ return {
+ formInline: {
+ name: null,
+ time: null
+ },
+ pageParams: {
+ pageSize: 0,
+ countSize: 10,
+ total: 10
+ },
+ inspectionTable: []
+ }
+ },
+ methods: {
+ resetForm(formName) {
+ this.$refs[formName].resetFields();
+ },
+ onSubmit() {
+ },
+ handleSizeChange(val) {
+
+ },
+ handleCurrentChange(val) {
+
+ }
+ }
}
</script>
-<style>
-
-</style>
\ No newline at end of file
+<style scoped>
+.pagination {
+ width: 98%;
+ margin-top: 5px;
+ display: flex;
+ justify-content: end;
+}
+</style>>
\ No newline at end of file
diff --git a/src/components/view/shipmentOperate.vue b/src/components/view/shipmentOperate.vue
index 69147ca..e8817b0 100644
--- a/src/components/view/shipmentOperate.vue
+++ b/src/components/view/shipmentOperate.vue
@@ -1,13 +1,123 @@
<template>
- <div>鍙戣揣鎿嶄綔</div>
+ <div>
+ <el-row style="width: 100%;display: flex; justify-content: space-around;margin-top: 10px;">
+ <el-col>
+ <p style="margin-left: 20px;">鍙戣揣鎿嶄綔</p>
+ </el-col>
+ <el-col style="display: flex; justify-content: end;">
+ <el-button size="mini" icon="el-icon-plus" type="primary">鏂板</el-button>
+ <el-button size="mini" icon="el-icon-edit-outline">淇敼</el-button>
+ <el-button size="mini" icon="el-icon-delete">鍒犻櫎</el-button>
+ </el-col>
+ </el-row>
+ <el-row style="width: 100%;height: 60px;background-color: white;display: flex;align-items: center;margin-top: 10px;">
+ <el-form style="height: 60%;margin-left: 20px;" :inline="true" :model="formInline" class="demo-form-inline">
+ <el-form-item label="璁㈠崟鍙�:">
+ <el-input size="small" v-model="formInline.name" placeholder="璇疯緭鍏�"></el-input>
+ </el-form-item>
+ <el-form-item label="瀹㈡埛鍚嶇О:">
+ <el-input size="small" v-model="formInline.custormerName" placeholder="璇疯緭鍏ュ鎴峰悕绉�"></el-input>
+ </el-form-item>
+ <el-form-item label="鍙戣揣鐘舵��:">
+ <el-select v-model="formInline.state" placeholder="璇烽�夋嫨">
+ <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
+ </el-option>
+ </el-select>
+ </el-form-item>
+ <el-form-item>
+ <el-button size="mini" @click="resetForm('ruleForm')">閲嶇疆</el-button>
+ <el-button size="mini" type="primary" @click="onSubmit">鏌ヨ</el-button>
+ </el-form-item>
+ </el-form>
+ </el-row>
+ <el-row style="height: calc(100% - 125px);margin-top: 10px;background-color: white;">
+ <el-col style="margin-top: 10px;width: 98%;margin-left: 10px;height: calc(100% - 64px);">
+ <el-table ref="inspectionTable" height="100%" :cell-style="{ textAlign: 'center' }"
+ :header-cell-style="{ border: '0px', background: '#f5f7fa', color: '#606266', boxShadow: 'inset 0 1px 0 #ebeef5', textAlign: 'center' }"
+ :data="inspectionTable" style="width: 100%;">
+ <el-table-column label="閫夋嫨" width="60">
+ <template>
+ <el-checkbox>澶囬�夐」</el-checkbox>
+ </template>
+ </el-table-column>
+ <el-table-column prop="order_number" label="璁㈠崟鍙�" min-width="80" />
+ <el-table-column prop="customer_name" label="瀹㈡埛鍚嶇О" min-width="100" />
+ <el-table-column prop="quality_traceability" label="浜у搧澶х被" min-width="110" />
+ <el-table-column prop="material_code" label="璐ㄩ噺杩芥函鍙�" min-width="100" />
+ <el-table-column prop="material" label="瑙勬牸鍨嬪彿" min-width="100" />
+ <el-table-column prop="unit" label="鍗曚綅" min-width="100" />
+ <el-table-column prop="unit" label="搴撳瓨鏁伴噺" min-width="100" />
+ <el-table-column prop="unit" label="鍏ュ簱浜�" min-width="80" />
+ <el-table-column prop="unit" label="鍏ュ簱鏃ユ湡" min-width="100" />
+ <el-table-column prop="unit" label="鍙戣揣鐘舵��" min-width="80" />
+ <el-table-column label="鎿嶄綔" min-width="80">
+ <template slot-scope="scope">
+ <el-button type="text" size="small" @click="goToDetail(scope.row)">鏌ョ湅</el-button>
+ <el-button type="text" size="small">鎵撳嵃</el-button>
+ <el-button v-if="scope.row.result == null" type="text" size="small" @click="goUp(scope.row)">缂栬緫</el-button>
+ </template>
+ </el-table-column>
+ </el-table>
+ </el-col>
+ <!-- 鍒嗛〉鍣� -->
+ <el-col class="pagination">
+ <el-pagination :current-page="pageParams.pageSize" :page-sizes="[10, 50, 100, 200]"
+ :page-size="pageParams.countSize" layout="total, sizes, prev, pager, next, jumper" :total="pageParams.total"
+ @size-change="handleSizeChange" @current-change="handleCurrentChange" />
+ </el-col>
+ </el-row>
+ </div>
</template>
<script>
export default {
+ data() {
+ return {
+ options: [{
+ value: '0',
+ label: '鍏ㄩ儴'
+ }, {
+ value: '1',
+ label: '宸插彂璐�'
+ }, {
+ value: '2',
+ label: '寰呭彂璐�'
+ }],
+ formInline: {
+ name: null,
+ custormerName: null,
+ state: '0'
+ },
+ pageParams: {
+ pageSize: 0,
+ countSize: 10,
+ total: 10
+ },
+ inspectionTable: []
+ }
+ },
+ methods: {
+ resetForm(formName) {
+ this.$refs[formName].resetFields();
+ },
+ onSubmit() {
+ },
+ handleSizeChange(val) {
+
+ },
+ handleCurrentChange(val) {
+
+ }
+ }
}
</script>
-<style>
-
-</style>
\ No newline at end of file
+<style scoped>
+.pagination {
+ width: 98%;
+ margin-top: 5px;
+ display: flex;
+ justify-content: end;
+}
+</style>>
\ No newline at end of file
diff --git a/src/components/view/shipmentRequest.vue b/src/components/view/shipmentRequest.vue
index 2af8e33..0a45d2b 100644
--- a/src/components/view/shipmentRequest.vue
+++ b/src/components/view/shipmentRequest.vue
@@ -1,13 +1,131 @@
<template>
- <div>鍙戣揣鐢宠</div>
+ <div>
+ <el-row style="width: 100%;display: flex; justify-content: space-around;margin-top: 10px;">
+ <el-col>
+ <p style="margin-left: 20px;">鍙戣揣鐢宠</p>
+ </el-col>
+ <el-col style="display: flex; justify-content: end;">
+ <el-button size="mini" icon="el-icon-plus" type="primary">鏂板</el-button>
+ <el-button size="mini" icon="el-icon-edit-outline">淇敼</el-button>
+ <el-button size="mini" icon="el-icon-delete">鍒犻櫎</el-button>
+ </el-col>
+ </el-row>
+ <el-row style="width: 100%;height: 60px;background-color: white;display: flex;align-items: center;margin-top: 10px;">
+ <el-form style="height: 60%;margin-left: 20px;" :inline="true" :model="formInline" class="demo-form-inline">
+ <el-form-item label="璁㈠崟鍙�:">
+ <el-input size="small" v-model="formInline.name" placeholder="璇疯緭鍏�"></el-input>
+ </el-form-item>
+ <el-form-item label="瀹㈡埛鍚嶇О:">
+ <el-input size="small" v-model="formInline.custormerName" placeholder="璇疯緭鍏ュ鎴峰悕绉�"></el-input>
+ </el-form-item>
+ <el-form-item label="瀹℃牳鐘舵��:">
+ <el-select v-model="formInline.state" placeholder="璇烽�夋嫨">
+ <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
+ </el-option>
+ </el-select>
+ </el-form-item>
+ <el-form-item>
+ <el-button size="mini" @click="resetForm('ruleForm')">閲嶇疆</el-button>
+ <el-button size="mini" type="primary" @click="onSubmit">鏌ヨ</el-button>
+ </el-form-item>
+ </el-form>
+ </el-row>
+ <el-row style="height: calc(100% - 125px);margin-top: 10px;background-color: white;">
+ <el-col style="margin-top: 10px;width: 98%;margin-left: 10px;height: calc(100% - 64px);">
+ <el-table ref="inspectionTable" height="100%" :cell-style="{ textAlign: 'center' }"
+ :header-cell-style="{ border: '0px', background: '#f5f7fa', color: '#606266', boxShadow: 'inset 0 1px 0 #ebeef5', textAlign: 'center' }"
+ :data="inspectionTable" style="width: 100%;">
+ <el-table-column label="閫夋嫨" width="60">
+ <template>
+ <el-checkbox>澶囬�夐」</el-checkbox>
+ </template>
+ </el-table-column>
+ <el-table-column prop="order_number" label="璁㈠崟鍙�" min-width="80" />
+ <el-table-column prop="customer_name" label="瀹㈡埛鍚嶇О" min-width="100" />
+ <el-table-column prop="project_name" label="涓氬姟鍛�" min-width="100" />
+ <el-table-column prop="quality_traceability" label="浜у搧澶х被" min-width="110" />
+ <el-table-column prop="material_code" label="鍙戣揣浠舵暟" min-width="100" />
+ <el-table-column prop="material" label="浼扮畻浣撶Н(m3)" min-width="100" />
+ <el-table-column prop="specifications_model" label="浼扮畻閲嶉噺(鍚�)" min-width="110" />
+ <el-table-column prop="unit" label="鍚堝悓浜よ揣鏃ユ湡" min-width="100" />
+ <el-table-column prop="unit" label="瑕佹眰鍒拌揣鏃ユ湡" min-width="100" />
+ <el-table-column prop="unit" label="鐢宠浜�" min-width="80" />
+ <el-table-column prop="unit" label="鐢宠鏃ユ湡" min-width="100" />
+ <el-table-column prop="unit" label="瀹℃牳浜�" min-width="80" />
+ <el-table-column prop="unit" label="瀹℃牳鏃ユ湡" min-width="100" />
+ <el-table-column prop="unit" label="涓嶉�氳繃鍘熷洜" min-width="100" />
+ <el-table-column prop="quantity" label="瀹℃牳鐘舵��" min-width="100" />
+ <el-table-column fixed="right" label="鎿嶄綔" min-width="80">
+ <template slot-scope="scope">
+ <el-button type="text" size="small" @click="goToDetail(scope.row)">鏌ョ湅</el-button>
+ <el-button type="text" size="small">鎵撳嵃</el-button>
+ <el-button v-if="scope.row.result == null" type="text" size="small" @click="goUp(scope.row)">缂栬緫</el-button>
+ </template>
+ </el-table-column>
+ </el-table>
+ </el-col>
+ <!-- 鍒嗛〉鍣� -->
+ <el-col class="pagination">
+ <el-pagination :current-page="pageParams.pageSize" :page-sizes="[10, 50, 100, 200]"
+ :page-size="pageParams.countSize" layout="total, sizes, prev, pager, next, jumper" :total="pageParams.total"
+ @size-change="handleSizeChange" @current-change="handleCurrentChange" />
+ </el-col>
+ </el-row>
+ </div>
</template>
<script>
export default {
+ data() {
+ return {
+ options: [{
+ value: '0',
+ label: '鍏ㄩ儴'
+ }, {
+ value: '1',
+ label: '閫氳繃'
+ }, {
+ value: '2',
+ label: '鏈�氳繃'
+ }, {
+ value: '3',
+ label: '寰呭鏍�'
+ }],
+ formInline: {
+ name: null,
+ custormerName: null,
+ state: '0'
+ },
+ pageParams: {
+ pageSize: 0,
+ countSize: 10,
+ total: 10
+ },
+ inspectionTable: []
+ }
+ },
+ methods: {
+ resetForm(formName) {
+ this.$refs[formName].resetFields();
+ },
+ onSubmit() {
+ },
+ handleSizeChange(val) {
+
+ },
+ handleCurrentChange(val) {
+
+ }
+ }
}
</script>
-<style>
-
-</style>
\ No newline at end of file
+<style scoped>
+.pagination {
+ width: 98%;
+ margin-top: 5px;
+ display: flex;
+ justify-content: end;
+}
+</style>>
\ No newline at end of file
diff --git a/src/components/view/shipmentTabulation.vue b/src/components/view/shipmentTabulation.vue
index 33d8f6d..ca04f9f 100644
--- a/src/components/view/shipmentTabulation.vue
+++ b/src/components/view/shipmentTabulation.vue
@@ -1,13 +1,124 @@
<template>
- <div>鍙戣揣鍒楄〃</div>
+ <div>
+ <el-row style="width: 100%;display: flex; justify-content: space-around;margin-top: 10px;">
+ <el-col>
+ <p style="margin-left: 20px;">鍙戣揣鍒楄〃</p>
+ </el-col>
+ <el-col style="display: flex; justify-content: end;">
+ <el-button size="mini" icon="el-icon-plus" type="primary">鏂板</el-button>
+ <el-button size="mini" icon="el-icon-edit-outline">淇敼</el-button>
+ <el-button size="mini" icon="el-icon-delete">鍒犻櫎</el-button>
+ </el-col>
+ </el-row>
+ <el-row style="width: 100%;height: 60px;background-color: white;display: flex;align-items: center;margin-top: 10px;">
+ <el-form style="height: 60%;margin-left: 20px;" :inline="true" :model="formInline" class="demo-form-inline">
+ <el-form-item label="璁㈠崟鍙�:">
+ <el-input size="small" v-model="formInline.name" placeholder="璇疯緭鍏�"></el-input>
+ </el-form-item>
+ <el-form-item label="瀹㈡埛鍚嶇О:">
+ <el-input size="small" v-model="formInline.custormerName" placeholder="璇疯緭鍏ュ鎴峰悕绉�"></el-input>
+ </el-form-item>
+ <el-form-item label="閫佽揣鍗曞彿:">
+ <el-input size="small" v-model="formInline.order" placeholder="璇疯緭鍏ュ鎴峰悕绉�"></el-input>
+ </el-form-item>
+ <el-form-item>
+ <el-button size="mini" @click="resetForm('ruleForm')">閲嶇疆</el-button>
+ <el-button size="mini" type="primary" @click="onSubmit">鏌ヨ</el-button>
+ </el-form-item>
+ </el-form>
+ </el-row>
+ <el-row style="height: calc(100% - 125px);margin-top: 10px;background-color: white;">
+ <el-col style="margin-top: 10px;width: 98%;margin-left: 10px;height: calc(100% - 64px);">
+ <el-table ref="inspectionTable" height="100%" :cell-style="{ textAlign: 'center' }"
+ :header-cell-style="{ border: '0px', background: '#f5f7fa', color: '#606266', boxShadow: 'inset 0 1px 0 #ebeef5', textAlign: 'center' }"
+ :data="inspectionTable" style="width: 100%;">
+ <el-table-column label="閫夋嫨" width="60">
+ <template>
+ <el-checkbox>澶囬�夐」</el-checkbox>
+ </template>
+ </el-table-column>
+ <el-table-column prop="order_number" label="璁㈠崟鍙�" min-width="80" />
+ <el-table-column prop="customer_name" label="閫佽揣鍗曞彿" min-width="100" />
+ <el-table-column prop="quality_traceability" label="璁㈠崟鍙�" min-width="110" />
+ <el-table-column prop="material_code" label="瀹㈡埛鍚嶇О" min-width="100" />
+ <el-table-column prop="material" label="浠舵暟" min-width="100" />
+ <el-table-column prop="unit" label="閲嶉噺(鍚�)" min-width="100" />
+ <el-table-column prop="unit" label="杩愯垂(鍏�)" min-width="100" />
+ <el-table-column prop="unit" label="鎵胯繍鍗曚綅" min-width="100" />
+ <el-table-column prop="unit" label="杞︾墝鍙�" min-width="100" />
+ <el-table-column prop="unit" label="鍙告満" min-width="80" />
+ <el-table-column prop="unit" label="鍙告満鐢佃瘽" min-width="100" />
+ <el-table-column prop="unit" label="瑕佹眰鍒拌揣鏃ユ湡" min-width="130" />
+ <el-table-column prop="unit" label="鍙戣揣浜�" min-width="100" />
+ <el-table-column prop="unit" label="鍙戣揣鏃ユ湡" min-width="100" />
+ <el-table-column fixed="right" label="鎿嶄綔" min-width="80">
+ <template slot-scope="scope">
+ <el-button type="text" size="small" @click="goToDetail(scope.row)">鏌ョ湅</el-button>
+ <el-button type="text" size="small">鎵撳嵃</el-button>
+ <el-button v-if="scope.row.result == null" type="text" size="small" @click="goUp(scope.row)">缂栬緫</el-button>
+ </template>
+ </el-table-column>
+ </el-table>
+ </el-col>
+ <!-- 鍒嗛〉鍣� -->
+ <el-col class="pagination">
+ <el-pagination :current-page="pageParams.pageSize" :page-sizes="[10, 50, 100, 200]"
+ :page-size="pageParams.countSize" layout="total, sizes, prev, pager, next, jumper" :total="pageParams.total"
+ @size-change="handleSizeChange" @current-change="handleCurrentChange" />
+ </el-col>
+ </el-row>
+ </div>
</template>
<script>
export default {
+ data() {
+ return {
+ options: [{
+ value: '0',
+ label: '鍏ㄩ儴'
+ }, {
+ value: '1',
+ label: '宸插彂璐�'
+ }, {
+ value: '2',
+ label: '寰呭彂璐�'
+ }],
+ formInline: {
+ name: null,
+ custormerName: null,
+ order: null
+ },
+ pageParams: {
+ pageSize: 0,
+ countSize: 10,
+ total: 10
+ },
+ inspectionTable: []
+ }
+ },
+ methods: {
+ resetForm(formName) {
+ this.$refs[formName].resetFields();
+ },
+ onSubmit() {
+ },
+ handleSizeChange(val) {
+
+ },
+ handleCurrentChange(val) {
+
+ }
+ }
}
</script>
-<style>
-
-</style>
\ No newline at end of file
+<style scoped>
+.pagination {
+ width: 98%;
+ margin-top: 5px;
+ display: flex;
+ justify-content: end;
+}
+</style>>
\ No newline at end of file
diff --git a/src/view/index.vue b/src/view/index.vue
index e6947d6..a7afd8c 100644
--- a/src/view/index.vue
+++ b/src/view/index.vue
@@ -225,15 +225,130 @@
</div>
<el-popover placement="right-start" width="90" trigger="click" v-for="(a, ai) in menu" :key="ai"
v-if="a.self != true">
- <div :class="`box ${activeBox == a.k ? 'active_box' : ''}`" @click="activeBox = a.k" slot="reference">
+ <div :class="`box ${activeBox == a.k ? 'active_box' : ''}`" :id="'box'+`${a.k}`" @click="firstMenu(a.k,a.v)" slot="reference">
<i :class="a.i"></i>
<div>{{ a.v }}</div>
</div>
- <div class="small_menu">
- <p v-for="(b, bi) in a.c" :key="bi" :class="activeP == b.k ? 'active_p' : ''" @click="addTab(b)">
+ <div class="small_menu" v-if="a.v != '杩愯緭绠＄悊'">
+ <p v-for="(b, bi) in a.c" :key="bi" :class="activeP == b.k ? 'active_p' : ''" @click="addTab(b)">
<i :class="b.i"></i>
- <span :id="menu+`${b.k}`" >{{ b.v }}</span>
+ <span :id="menu + `${b.k}`">{{ b.v }}</span>
</p>
+ </div>
+ <div class="small_menu" v-if="a.v == '杩愯緭绠＄悊'" style="width: 100%;">
+ <el-row>
+ <el-col style="margin-left: 20px;margin-top: 10px;color: #EA5D26;">鍙戣揣鐢宠</el-col>
+ <el-col style="display: flex;">
+ <el-col>
+ <p :class="activeP == (a.c)[0].k ? 'active_p' : ''"
+ @click="addTab((a.c)[0])">
+ <i :class="(a.c)[0].i"></i>
+ <span :id="menu + `${(a.c)[0].k}`">{{ (a.c)[0].v }}</span>
+ </p>
+ </el-col>
+ <el-col>
+ <p :class="activeP == (a.c)[11].k ? 'active_p' : ''"
+ @click="addTab((a.c)[11])">
+ <i :class="(a.c)[11].i"></i>
+ <span :id="menu + `${(a.c)[0].k}`">{{ (a.c)[11].v }}</span>
+ </p>
+ </el-col>
+ </el-col>
+ </el-row>
+ <el-row>
+ <el-col style="margin-left: 10px;color: #EA5D26;">杩愯緭绠＄悊</el-col>
+ <el-col style="display: flex;">
+ <el-col>
+ <p :class="activeP == (a.c)[1].k ? 'active_p' : ''"
+ @click="addTab((a.c)[1])">
+ <i :class="(a.c)[1].i"></i>
+ <span :id="menu + `${(a.c)[1].k}`">{{ (a.c)[1].v }}</span>
+ </p>
+ </el-col>
+ <el-col>
+ <p :class="activeP == (a.c)[2].k ? 'active_p' : ''"
+ @click="addTab((a.c)[2])">
+ <i :class="(a.c)[2].i"></i>
+ <span :id="menu + `${(a.c)[2].k}`">{{ (a.c)[2].v }}</span>
+ </p>
+ </el-col>
+ </el-col>
+ <el-col style="display: flex;">
+ <el-col>
+ <p :class="activeP == (a.c)[3].k ? 'active_p' : ''"
+ @click="addTab((a.c)[3])">
+ <i :class="(a.c)[3].i"></i>
+ <span :id="menu + `${(a.c)[3].k}`">{{ (a.c)[3].v }}</span>
+ </p>
+ </el-col>
+ <el-col>
+ <p :class="activeP == (a.c)[10].k ? 'active_p' : ''"
+ @click="addTab((a.c)[10])">
+ <i :class="(a.c)[10].i"></i>
+ <span :id="menu + `${(a.c)[10].k}`">{{ (a.c)[10].v }}</span>
+ </p>
+ </el-col>
+ </el-col>
+ </el-row>
+ <el-row>
+ <el-col style="margin-left: 10px;color: #EA5D26;">鍥炲崟绠＄悊</el-col>
+ <el-col style="display: flex;">
+ <el-col>
+ <p :class="activeP == (a.c)[7].k ? 'active_p' : ''"
+ @click="addTab((a.c)[7])">
+ <i :class="(a.c)[7].i"></i>
+ <span :id="menu + `${(a.c)[7].k}`">{{ (a.c)[7].v }}</span>
+ </p>
+ </el-col>
+ <el-col>
+ <p :class="activeP == (a.c)[8].k ? 'active_p' : ''"
+ @click="addTab((a.c)[8])">
+ <i :class="(a.c)[8].i"></i>
+ <span :id="menu + `${(a.c)[8].k}`">{{ (a.c)[8].v }}</span>
+ </p>
+ </el-col>
+ </el-col>
+ </el-row>
+ <el-row>
+ <el-col style="margin-left: 10px;color: #EA5D26;">杩愯緭绠＄悊</el-col>
+ <el-col style="display: flex;">
+ <el-col>
+ <p :class="activeP == (a.c)[5].k ? 'active_p' : ''"
+ @click="addTab((a.c)[5])">
+ <i :class="(a.c)[5].i"></i>
+ <span :id="menu + `${(a.c)[5].k}`">{{ (a.c)[5].v }}</span>
+ </p>
+ </el-col>
+ <el-col>
+ <p :class="activeP == (a.c)[6].k ? 'active_p' : ''"
+ @click="addTab((a.c)[6])">
+ <i :class="(a.c)[6].i"></i>
+ <span :id="menu + `${(a.c)[6].k}`">{{ (a.c)[6].v }}</span>
+ </p>
+ </el-col>
+ </el-col>
+ <el-col style="display: flex;">
+ <el-col :span="12">
+ <p :class="activeP == (a.c)[7].k ? 'active_p' : ''"
+ @click="addTab((a.c)[7])">
+ <i :class="(a.c)[7].i"></i>
+ <span :id="menu + `${(a.c)[7].k}`">{{ (a.c)[7].v }}</span>
+ </p>
+ </el-col>
+ </el-col>
+ </el-row>
+ <el-row>
+ <el-col style="margin-left: 10px;color: #EA5D26;">鏁版嵁缁熻</el-col>
+ <el-col style="display: flex;">
+ <el-col :span="12">
+ <p :class="activeP == (a.c)[10].k ? 'active_p' : ''"
+ @click="addTab((a.c)[10])">
+ <i :class="(a.c)[10].i"></i>
+ <span :id="menu + `${(a.c)[10].k}`">{{ (a.c)[10].v }}</span>
+ </p>
+ </el-col>
+ </el-col>
+ </el-row>
</div>
</el-popover>
</div>
@@ -259,7 +374,7 @@
</template>
<script>
-import { ref,onMounted } from 'vue'
+import { ref, onMounted } from 'vue'
const requireComponent = require.context("../components/view", false, /\.vue/);
var comObj = {};
requireComponent.keys().forEach(fileName => {
@@ -455,63 +570,80 @@
mounted() {
// this.userName = JSON.parse(localStorage.getItem("user")).name;
},
- watch:{
- menuIsClick(){
+ watch: {
+ menuIsClick() {
$("#label").click()
}
},
methods: {
- menuClick() {
- this.menuIsClick=!this.menuIsClick
- },
- addTab(ob) {
- this.menuClick()
- if (ob.k == 0) this.activeBox = 0;
- this.activeP = ob.k; //0
- this.tabActive = ob.k; //0
- let num = -1;
- this.tabs.forEach((a, ai) => {
- if (ob.k == a.k) {
- num = a.k;
- }
- });
- if (num == -1) {
- this.tabs.push(ob);
- }
- },
- removeTab(index) {
- this.tabs.splice(index, 1);
- this.activeP = this.tabs[this.tabs.length - 1].k;
- this.tabActive = this.tabs[this.tabs.length - 1].k;
- },
- allDel() {
- this.activeBox = 0
- this.activeP = 0
- this.tabActive = 0
- this.tabs = [{
- k: 0,
- v: " 棣栭〉",
- i: "font icon-shouye",
- u: "index-index"
- }]
- },
- upTabActive(num) {
- this.tabActive = num;
- this.activeP = num;
- for (var i = 0; i < this.menu.length; i++) {
- this.menu[i].c.forEach(b => {
- if (b.k == num) {
- this.activeBox = this.menu[i].k;
- return
+ firstMenu(k,v){
+ this.activeBox = k
+ if(v=='杩愯緭绠＄悊'){
+ let idName=$('#box'+k).attr('aria-describedby');
+ //265
+ let css={
+ "width": "300px",
+
}
- })
+ $('#'+idName).css(css)
+
+ let pCss={
+ "color": "white"
+ }
+ $('#'+idName+'> p').css(pCss)
+ }
+ },
+ menuClick() {
+ this.menuIsClick = !this.menuIsClick
+ },
+ addTab(ob) {
+ this.menuClick()
+ if (ob.k == 0) this.activeBox = 0;
+ this.activeP = ob.k; //0
+ this.tabActive = ob.k; //0
+ let num = -1;
+ this.tabs.forEach((a, ai) => {
+ if (ob.k == a.k) {
+ num = a.k;
+ }
+ });
+ if (num == -1) {
+ this.tabs.push(ob);
+ }
+ },
+ removeTab(index) {
+ this.tabs.splice(index, 1);
+ this.activeP = this.tabs[this.tabs.length - 1].k;
+ this.tabActive = this.tabs[this.tabs.length - 1].k;
+ },
+ allDel() {
+ this.activeBox = 0
+ this.activeP = 0
+ this.tabActive = 0
+ this.tabs = [{
+ k: 0,
+ v: " 棣栭〉",
+ i: "font icon-shouye",
+ u: "index-index"
+ }]
+ },
+ upTabActive(num) {
+ this.tabActive = num;
+ this.activeP = num;
+ for (var i = 0; i < this.menu.length; i++) {
+ this.menu[i].c.forEach(b => {
+ if (b.k == num) {
+ this.activeBox = this.menu[i].k;
+ return
+ }
+ })
+ }
+ },
+ out() {
+ sessionStorage.clear();
+ localStorage.removeItem("autoenter");
+ this.$router.push("/enter");
}
- },
- out() {
- sessionStorage.clear();
- localStorage.removeItem("autoenter");
- this.$router.push("/enter");
}
-}
- };
+};
</script>
\ No newline at end of file
--
Gitblit v1.9.3