From e8b239efa63361a8984810bf9b4047981b98050c Mon Sep 17 00:00:00 2001
From: yuyu <1981343953@qq.com>
Date: 星期三, 16 八月 2023 17:17:18 +0800
Subject: [PATCH] 8.16提交 原材料报检 角色管理
---
src/views/laboratory/measure/index.vue | 155 +++++++++++---
src/views/laboratory/role/index.vue | 213 +++++++++++++++++++++
src/views/inspectionManagement/reportForInspection/index.vue | 175 +++++++++-------
src/api/inspection/rawmaterial.js | 10 +
src/router/index.js | 5
5 files changed, 443 insertions(+), 115 deletions(-)
diff --git a/src/api/inspection/rawmaterial.js b/src/api/inspection/rawmaterial.js
new file mode 100644
index 0000000..f32b4c3
--- /dev/null
+++ b/src/api/inspection/rawmaterial.js
@@ -0,0 +1,10 @@
+import request from '@/utils/request'
+
+// 鏌ヨ鍘熸潗鏂欐楠屽垪琛�
+export function getRawMaterialList(params) {
+ return request({
+ url: '/raw-material/selectAll',
+ method: 'get',
+ params
+ })
+}
diff --git a/src/router/index.js b/src/router/index.js
index e1261b7..ba88b65 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -327,6 +327,11 @@
name: 'Personnel',
component: () => import('@/views/laboratory/personnel/index'),
meta: { title: '浜哄憳绠＄悊', icon: 'tree' }
+ },{
+ path: 'role',
+ name: 'Role',
+ component: () => import('@/views/laboratory/role/index'),
+ meta: { title: '瑙掕壊绠＄悊', icon: 'tree' }
}
]
},
diff --git a/src/views/inspectionManagement/reportForInspection/index.vue b/src/views/inspectionManagement/reportForInspection/index.vue
index 84cdfb4..3ff10a1 100644
--- a/src/views/inspectionManagement/reportForInspection/index.vue
+++ b/src/views/inspectionManagement/reportForInspection/index.vue
@@ -37,18 +37,16 @@
</el-input>
</el-form-item>
<el-form-item>
- <el-button type="primary">鏌ヨ</el-button>
- <el-button type="primary" plain>閲嶇疆</el-button>
+ <el-button type="primary" @click="search">鏌ヨ</el-button>
+ <el-button type="primary" plain @click="reset">閲嶇疆</el-button>
</el-form-item>
</el-form>
</div>
<div class="library-table">
<div class="table-header">
<div class="search-bar">
- <el-radio-group v-model="radioValue">
- <el-radio-button label="鍏ㄩ儴" />
- <el-radio-button label="寰呮楠�" />
- <el-radio-button label="宸叉楠�" />
+ <el-radio-group v-model="radioValue" @change="radioclick">
+ <el-radio-button v-for="option in radioOptions" :key="option.value" :label="option.value">{{ option.label }}</el-radio-button>
</el-radio-group>
</div>
<div class="generateInsp">
@@ -66,7 +64,6 @@
>
<el-table-column
type="selection"
- label=""
min-width="10%"
/>
<el-table-column
@@ -75,27 +72,27 @@
min-width="8%"
/>
<el-table-column
- prop="date"
+ prop="createTime"
label="鏉ユ枡鏃ユ湡"
min-width="8%"
/>
<el-table-column
- prop="providerName"
+ prop="supplierName"
label="渚涘簲鍟嗗悕绉�"
min-width="12%"
/>
<el-table-column
- prop="code"
+ prop="materialCoding"
label="鏉愭枡缂栫爜"
min-width="8%"
/>
<el-table-column
- prop="name"
+ prop="materialName"
label="鏉愭枡鍚嶇О"
min-width="8%"
/>
<el-table-column
- prop="modelandspecification"
+ prop="specificationsModels"
label="瑙勬牸鍨嬪彿"
min-width="12%"
/>
@@ -105,33 +102,33 @@
min-width="5%"
/>
<el-table-column
- prop="amount"
+ prop="quantity"
label="鏁伴噺"
min-width="5%"
/>
<el-table-column
- prop="commisiondate"
+ prop="inspectionDate"
label="鎶ユ鏃ユ湡"
min-width="8%"
/>
<el-table-column
- prop="person"
+ prop="surveyor"
label="妫�楠屼汉"
min-width="8%"
/>
<el-table-column
- prop="checkdate"
+ prop="dateSurvey"
label="妫�楠屾棩鏈�"
min-width="8%"
/>
<el-table-column
- prop="state"
+ prop="condition"
label="鐘舵��"
min-width="8%"
>
<template slot-scope="scope">
- <span :style="{ color: scope.row.state === '宸叉娴�' ? 'green' : 'red' }">
- {{ scope.row.state }}
+ <span :style="{ color: scope.row.condition === 1 ? 'green' : 'red' }">
+ {{ scope.row.condition === 1 ? '宸叉娴�':'鏈娴�' }}
</span>
</template>
</el-table-column>
@@ -142,10 +139,10 @@
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="currentPage"
- :page-sizes="[100, 200, 300, 400]"
- :page-size="100"
+ :page-sizes="[5, 10, 15, 20]"
+ :page-size="pageSize"
layout="total, sizes, prev, pager, next, jumper"
- :total="400">
+ :total="total">
</el-pagination>
</div>
</div>
@@ -154,6 +151,7 @@
</template>
<script>
+import {getRawMaterialList } from '@/api/inspection/rawmaterial'
export default {
data() {
return {
@@ -165,79 +163,102 @@
date: ''
},
options: [{
- value: '1',
- label: '閮ㄩ棬1'
+ value: 0,
+ label: '鍏ㄩ儴'
}, {
- value: '2',
- label: '閮ㄩ棬2'
+ value: 1,
+ label: '宸叉楠�'
}, {
- value: '3',
- label: '閮ㄩ棬3'
+ value: 2,
+ label: '鏈楠�'
}],
- radioValue: '',
+ radioOptions:[{
+ label: '鍏ㄩ儴',
+ value: 0
+ },{
+ value: 1,
+ label: '宸叉楠�'
+ },{
+ value: 2,
+ label: '寰呮楠�'
+ }],
+ radioValue: 0,
inspectionTable: [{
- date: '2023-07-28',
- providerName: '鍥界綉灞变笢鐪佺數鍔涙湁闄愬叕鍙�',
- code: 'BP214274',
- name: '閾濆寘閽㈢粸绾�',
- modelandspecification: 'JLHA/G1A-185/30-26/7',
+ createTime: '2023-07-28',
+ supplier_name: '鍥界綉灞变笢鐪佺數鍔涙湁闄愬叕鍙�',
+ materialCoding: 'BP214274',
+ materialName: '閾濆寘閽㈢粸绾�',
+ specificationsModels: 'JLHA/G1A-185/30-26/7',
unit: '鍚�',
- amount: '21',
- commisiondate: '2023-08-02',
- person: '榛勫皬鏄�',
- checkdate: '2023-12-09',
- state: '宸叉娴�'
- }, {
- date: '2023-07-28',
- providerName: '鍥界綉灞变笢鐪佺數鍔涙湁闄愬叕鍙�',
- code: 'BP214274',
- name: '閾濆寘閽㈢粸绾�',
- modelandspecification: 'JLHA/G1A-185/30-26/7',
- unit: '鍚�',
- amount: '21',
- commisiondate: '2023-08-02',
- person: '榛勫皬鏄�',
- checkdate: '2023-12-09',
- state: '寰呮娴�'
- }, {
- date: '2023-07-28',
- providerName: '鍥界綉灞变笢鐪佺數鍔涙湁闄愬叕鍙�',
- code: 'BP214274',
- name: '閾濆寘閽㈢粸绾�',
- modelandspecification: 'JLHA/G1A-185/30-26/7',
- unit: '鍚�',
- amount: '21',
- commisiondate: '2023-08-02',
- person: '榛勫皬鏄�',
- checkdate: '2023-12-09',
- state: '宸叉娴�'
- }, {
- date: '2023-07-28',
- providerName: '鍥界綉灞变笢鐪佺數鍔涙湁闄愬叕鍙�',
- code: 'BP214274',
- name: '閾濆寘閽㈢粸绾�',
- modelandspecification: 'JLHA/G1A-185/30-26/7',
- unit: '鍚�',
- amount: '21',
- commisiondate: '2023-08-02',
- person: '榛勫皬鏄�',
- checkdate: '2023-12-09',
- state: '寰呮娴�'
+ quantity: 21,
+ dateSurvey: '2023-08-02',
+ surveyor: '榛勫皬鏄�',
+ inspectionDate: '2023-12-09',
+ condition: 1
}],
- currentPage: 0
+ currentPage: 1,
+ pageSize: 5,
+ total:20,
+ data: ''
}
},
+ created(){
+ this.getRawMaterialList()
+ },
methods: {
+ // 鑾峰彇鍒嗛〉鍒楄〃鏁版嵁
+ async getRawMaterialList(){
+ const res = await getRawMaterialList({pageNo: this.currentPage,pageSize:this.pageSize})
+ // console.log(res)
+ this.inspectionTable = res.data.row
+ this.data = res.data.row
+ this.total = res.data.total
+ },
+ async search(){
+ this.radioValue = this.searchData.state
+ const res = await getRawMaterialList({condition: this.searchData.state,
+ createTime:this.searchData.date,
+ materialCoding:this.searchData.code,
+ materialName: this.searchData.name,
+ pageNo: this.currentPage,
+ pageSize: this.pageSize
+ })
+ // console.log(res)
+ this.inspectionTable = res.data.row
+ this.data = res.data.row
+ this.total = res.data.total
+ },
+ reset(){
+ this.searchData = {
+ code: '',
+ name: '',
+ state: '',
+ date: ''
+ }
+ this.getRawMaterialList()
+ },
+ radioclick(){
+ this.searchData.state = this.radioValue
+ // console.log(this.radioValue)
+ this.inspectionTable = this.data.filter((item)=>{
+ return item.condition === this.radioValue
+ })
+ if(this.radioValue === 0){
+ this.inspectionTable = this.data
+ }
+ this.total = this.inspectionTable.length
+ },
// 姣忛〉鏉℃暟鏀瑰彉鏃惰Е鍙� 閫夋嫨涓�椤垫樉绀哄灏戣
handleSizeChange(val) {
console.log(`姣忛〉 ${val} 鏉)
- this.currentPage = 1
this.pageSize = val
+ this.getRawMaterialList({pageNo: this.currentPage,pageSize:this.pageSize})
},
// 褰撳墠椤垫敼鍙樻椂瑙﹀彂 璺宠浆鍏朵粬椤�
handleCurrentChange(val) {
console.log(`褰撳墠椤�: ${val}`)
this.currentPage = val
+ this.getRawMaterialList({pageNo: this.currentPage,pageSize:this.pageSize})
}
}
}
diff --git a/src/views/laboratory/measure/index.vue b/src/views/laboratory/measure/index.vue
index 7e72abe..f7efa18 100644
--- a/src/views/laboratory/measure/index.vue
+++ b/src/views/laboratory/measure/index.vue
@@ -63,31 +63,31 @@
min-width="10%"
/>
<el-table-column
- prop="hello"
+ prop="equipment_code"
label="浠櫒璁惧缂栧彿"
min-width="10%"
/>
<el-table-column
- prop="entrust_coding"
+ prop="equipment_name"
label="浠櫒璁惧鍚嶇О"
min-width="10%"
/>
<el-table-column
- prop="entrusted"
+ prop="measure_range"
label="娴嬮噺鑼冨洿"
min-width="15%"
/>
<el-table-column
- prop="samples_number"
+ prop="measurecycle"
label="璁￠噺鍛ㄦ湡"
min-width="6%"
/>
<el-table-column
- prop="inspection_status"
+ prop="mesureresult"
label="璁￠噺缁撴灉"
min-width="6%">
<template slot-scope="scope">
- <div v-if="scope.row.inspection_status === 1">
+ <div v-if="scope.row.mesureresult === 1">
<span style="color: green;">姝ｅ父</span>
</div>
<div v-else>
@@ -96,32 +96,32 @@
</template>
</el-table-column>
<el-table-column
- prop="specifications_models"
+ prop="date"
label="璁￠噺鏃ユ湡"
min-width="12%"
/>
<el-table-column
- prop="dateSurvey"
+ prop="term_validity"
label="璁￠噺鏈夋晥鏈�"
min-width="8%"
/>
<el-table-column
- prop="completionDeadline"
+ prop="head"
label="璐熻矗浜�"
min-width="6%"
/>
<el-table-column
- prop="contacts"
+ prop="create_time"
label="鍒涘缓鏃ユ湡"
min-width="8%"
/>
<el-table-column
- prop="inspectionTime"
+ prop="create_person"
label="鍒涘缓浜�"
min-width="8%"
/>
<el-table-column
- prop="inspectionTime"
+ prop="measure_code"
label="璁￠噺缂栧彿"
min-width="8%"
/>
@@ -136,7 +136,7 @@
</el-table-column>
</el-table>
<el-table
- v-if="this.radioValue === 1"
+ v-show="this.radioValue === 1"
:max-height="800"
:cell-style="{textAlign: 'center'}"
:header-cell-style="{border:'0px',background:'#f5f7fa',color:'#606266',boxShadow: 'inset 0 1px 0 #ebeef5',textAlign: 'center'}"
@@ -148,31 +148,31 @@
min-width="10%"
/>
<el-table-column
- prop="hello"
+ prop="measure_number"
label="璁￠噺鍗曞彿"
min-width="10%"
/>
<el-table-column
- prop="entrust_coding"
+ prop="equipment_code"
label="璁惧缂栧彿"
min-width="10%"
/>
<el-table-column
- prop="entrusted"
+ prop="equipment_name"
label="璁惧鍚嶇О"
+ min-width="8%"
+ />
+ <el-table-column
+ prop="scheduled_date"
+ label="璁″垝鏃ユ湡"
min-width="15%"
/>
<el-table-column
- prop="samples_number"
- label="璁″垝鏃ユ湡"
- min-width="6%"
- />
- <el-table-column
- prop="inspection_status"
+ prop="measure_state"
label="璁￠噺鐘舵��"
min-width="6%">
<template slot-scope="scope">
- <div v-if="scope.row.inspection_status === 1">
+ <div v-if="scope.row.measure_state === 1">
<span style="color: green;">宸插畬鎴�</span>
</div>
<div v-else>
@@ -181,22 +181,22 @@
</template>
</el-table-column>
<el-table-column
- prop="specifications_models"
+ prop="head"
label="璁￠噺璐熻矗浜�"
min-width="12%"
/>
<el-table-column
- prop="dateSurvey"
+ prop="department"
label="璁￠噺鍗曚綅"
min-width="8%"
/>
<el-table-column
- prop="completionDeadline"
+ prop="creater"
label="鍒涘缓浜�"
min-width="6%"
/>
<el-table-column
- prop="contacts"
+ prop="create_date"
label="鍒涘缓鏃ユ湡"
min-width="8%"
/>
@@ -211,7 +211,7 @@
</el-table-column>
</el-table>
<!-- 鍒嗛〉鍣� -->
- <div>
+ <div class="pagination">
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
@@ -246,8 +246,74 @@
value: 1 ,
label: '璁￠噺璁″垝'
}],
- measureLedgerTable: [],
- measurePlanTable: [],
+ measureLedgerTable: [{
+ equipment_code: 'JSTC-W1-00001', // 浠櫒璁惧缂栧彿
+ equipment_name: '鏁板瓧鐢垫ˉ', // 浠櫒璁惧鍚嶇О
+ measure_range: '---', // 娴嬮噺鑼冨洿
+ measurecycle: '12鏈�', // 璁￠噺鍛ㄦ湡
+ mesureresult: 1, // 璁￠噺缁撴灉
+ date: '2022-07-20', // 璁￠噺鏃ユ湡
+ term_validity: '2023-07-20', // 璁￠噺鏈夋晥鏈�
+ head: '榛勫皬鏄�' , // 璐熻矗浜�
+ create_time: '2023-07-20', // 鍒涘缓鏃ユ湡
+ create_person: '榛勫皬鏄�', // 鍒涘缓浜�
+ measure_code: 'QCX20230720' // 璁￠噺缂栧彿
+ },{
+ equipment_code: 'JSTC-W1-00001', // 浠櫒璁惧缂栧彿
+ equipment_name: '鏁板瓧鐢垫ˉ', // 浠櫒璁惧鍚嶇О
+ measure_range: '---', // 娴嬮噺鑼冨洿
+ measurecycle: '12鏈�', // 璁￠噺鍛ㄦ湡
+ mesureresult: 0, // 璁￠噺缁撴灉
+ date: '2022-07-20', // 璁￠噺鏃ユ湡
+ term_validity: '2023-07-20', // 璁￠噺鏈夋晥鏈�
+ head: '榛勫皬鏄�' , // 璐熻矗浜�
+ create_time: '2023-07-20', // 鍒涘缓鏃ユ湡
+ create_person: '榛勫皬鏄�', // 鍒涘缓浜�
+ measure_code: 'QCX20230720' // 璁￠噺缂栧彿
+ },{
+ equipment_code: 'JSTC-W1-00001', // 浠櫒璁惧缂栧彿
+ equipment_name: '鏁板瓧鐢垫ˉ', // 浠櫒璁惧鍚嶇О
+ measure_range: '---', // 娴嬮噺鑼冨洿
+ measurecycle: '12鏈�', // 璁￠噺鍛ㄦ湡
+ mesureresult: 1, // 璁￠噺缁撴灉
+ date: '2022-07-20', // 璁￠噺鏃ユ湡
+ term_validity: '2023-07-20', // 璁￠噺鏈夋晥鏈�
+ head: '榛勫皬鏄�' , // 璐熻矗浜�
+ create_time: '2023-07-20', // 鍒涘缓鏃ユ湡
+ create_person: '榛勫皬鏄�', // 鍒涘缓浜�
+ measure_code: 'QCX20230720' // 璁￠噺缂栧彿
+ }],
+ measurePlanTable: [{
+ measure_number: 'QC568946512', // 璁￠噺鍗曞彿
+ equipment_code: '010101', // 璁惧缂栧彿
+ equipment_name: '鎷夊姏鏈�', // 璁惧鍚嶇О
+ scheduled_date: '2023-04-08 ~ 2023-08-08', // 璁″垝鏃ユ湡
+ measure_state: 1, // 璁￠噺鐘舵��
+ head: '榛勫皬鏄�', // 璁￠噺璐熻矗浜�
+ department: '鍦扮嚎妫�娴�', // 璁￠噺鍗曚綅
+ creater: '榛勫皬鏄�', // 鍒涘缓浜�
+ create_date: '2023-07-20', // 鍒涘缓鏃ユ湡
+ },{
+ measure_number: 'QC568946512', // 璁￠噺鍗曞彿
+ equipment_code: '010101', // 璁惧缂栧彿
+ equipment_name: '鎷夊姏鏈�', // 璁惧鍚嶇О
+ scheduled_date: '2023-04-08 ~ 2023-08-08', // 璁″垝鏃ユ湡
+ measure_state: 1, // 璁￠噺鐘舵��
+ head: '榛勫皬鏄�', // 璁￠噺璐熻矗浜�
+ department: '鍦扮嚎妫�娴�', // 璁￠噺鍗曚綅
+ creater: '榛勫皬鏄�', // 鍒涘缓浜�
+ create_date: '2023-07-20', // 鍒涘缓鏃ユ湡
+ },{
+ measure_number: 'QC568946512', // 璁￠噺鍗曞彿
+ equipment_code: '010101', // 璁惧缂栧彿
+ equipment_name: '鎷夊姏鏈�', // 璁惧鍚嶇О
+ scheduled_date: '2023-04-08 ~ 2023-08-08', // 璁″垝鏃ユ湡
+ measure_state: 0, // 璁￠噺鐘舵��
+ head: '榛勫皬鏄�', // 璁￠噺璐熻矗浜�
+ department: '鍦扮嚎妫�娴�', // 璁￠噺鍗曚綅
+ creater: '榛勫皬鏄�', // 鍒涘缓浜�
+ create_date: '2023-07-20', // 鍒涘缓鏃ユ湡
+ }],
currentPage: 1,
pageSize: 5,
total: 20
@@ -255,14 +321,27 @@
},
created(){
this.getStandingPageList()
+ // this.getPlanPageList()
},
methods: {
+ // 璇锋眰璁￠噺鍙拌处鍒嗛〉鍒楄〃
async getStandingPageList(){
const res = await getStandingPageList({pageNo:this.currentPage , pageSize:this.pageSize })
- this.measureLedgerTable = res.data
- console.log(this.measureLedgerTable)
+ // this.measureLedgerTable = res.data
+ // console.log(this.measureLedgerTable)
+ },
+ // 璇锋眰璁￠噺璁″垝鍒嗛〉鍒楄〃
+ async getPlanPageList(){
+ const res = await getPlanPageList({})
+ },
+ handleSizeChange(val) {
+ console.log(`褰撳墠姣忛〉${val}鏉℃暟鎹甡)
+ this.pageSize = val
+ },
+ handleCurrentChange(val) {
+ console.log(`褰撳墠鏄${val}椤礰)
+ this.currentPage = val
}
-
}
}
</script>
@@ -308,11 +387,11 @@
.el-table {
flex: 1;
}
- >div:nth-child(2){
- display: flex;
- justify-content: end;
- margin: 10px 0;
- }
+ }
+ .pagination{
+ display:flex;
+ justify-content:end;
+ margin-top: 20px
}
}
diff --git a/src/views/laboratory/role/index.vue b/src/views/laboratory/role/index.vue
new file mode 100644
index 0000000..1c01efc
--- /dev/null
+++ b/src/views/laboratory/role/index.vue
@@ -0,0 +1,213 @@
+<template>
+ <div>
+ <div class="content-main">
+ <div class="top-bar">
+ <el-form ref="form" :inline="true" :model="searchData">
+ <el-form-item label="瑙掕壊鍚嶇О锛�" class="sermargin">
+ <el-input
+ v-model="searchData.roleName"
+ class="input-form"
+ placeholder="璇疯緭鍏ヨ鑹插悕绉�"
+ style="width:250px"
+ >
+ </el-input>
+ </el-form-item>
+ <el-form-item label="鏉冮檺锛�" class="sermargin">
+ <el-input
+ v-model="searchData.permission"
+ class="input-form"
+ placeholder="璇疯緭鍏ユ潈闄�"
+ style="width:250px"
+ >
+ </el-input>
+ </el-form-item>
+ <el-form-item class="rightBtn">
+ <el-button type="primary" @click="search">鏌ヨ</el-button>
+ <el-button type="primary" plain @click="reset">閲嶇疆</el-button>
+ </el-form-item>
+ </el-form>
+ <el-form>
+ <el-form-item class="rightBtn">
+ <el-button type="primary" @click="addRole" icon="el-icon-plus">鏂板鏉冮檺</el-button>
+ </el-form-item>
+ </el-form>
+ </el-form>
+ </div>
+ <div class="library-table">
+ <div class="table-box">
+ <el-table
+ :max-height="800"
+ :cell-style="{textAlign: 'center'}"
+ :header-cell-style="{border:'0px',background:'#f5f7fa',color:'#606266',boxShadow: 'inset 0 1px 0 #ebeef5',textAlign: 'center'}"
+ :data="roleTable"
+ style="width: 100%"
+ >
+ <el-table-column
+ type="selection"
+ min-width="8%"
+ />
+ <el-table-column
+ prop="rolename"
+ label="瑙掕壊鍚嶇О"
+ min-width="20%"
+ />
+ <el-table-column
+ prop="permission"
+ label="鏉冮檺"
+ min-width="20%"
+ />
+ <el-table-column
+ prop="create_time"
+ label="鍒涘缓鏃堕棿"
+ min-width="20%"
+ />
+ <el-table-column
+ prop="update_time"
+ label="鏇存柊鏃堕棿"
+ min-width="20%"
+ />
+ <el-table-column
+ label="鎿嶄綔"
+ min-width="12%"
+ >
+ <template slot-scope="scope">
+ <el-button type="text" size="small" >缂栬緫</el-button>
+ <el-button type="text" size="small" >鍒犻櫎</el-button>
+ </template>
+ </el-table-column>
+ </el-table>
+ <!-- 鍒嗛〉鍣� -->
+ <div class="pagination">
+ <el-pagination
+ @size-change="handleSizeChange"
+ @current-change="handleCurrentChange"
+ :current-page="currentPage"
+ :page-sizes="[5, 10, 20]"
+ :page-size="pageSize"
+ layout="total, sizes, prev, pager, next, jumper"
+ :total="total">
+ </el-pagination>
+ </div>
+ </div>
+ </div>
+ </div>
+ <el-dialog title="淇敼瀵嗙爜" :visible.sync="dialogTableVisible" width="30%">
+ <el-form :model="updateData" ref="updateData" label-position="right" label-width="100px">
+ <el-form-item label="鍘熷瘑鐮侊細">
+ <el-input style="width: 300px" v-model="updateData.oldPassWord" placeholder="璇疯緭鍏ュ師瀵嗙爜" >
+ </el-input>
+ </el-form-item>
+ <el-form-item label="鏂板瘑鐮侊細">
+ <el-input style="width: 300px" v-model="updateData.newPassWord" placeholder="璇疯緭鍏ユ柊瀵嗙爜">
+ </el-input>
+ </el-form-item>
+ <el-form-item label="纭瀵嗙爜锛�">
+ <el-input style="width: 300px" v-model="updateData.confirmPassWord" placeholder="鍐嶆杈撳叆瀵嗙爜">
+ </el-input>
+ </el-form-item>
+ </el-form>
+ <span slot="footer" class="dialog-footer">
+ <el-button @click="dialogTableVisible = false">鍙� 娑�</el-button>
+ <el-button type="primary" @click="changePassword">纭� 瀹�</el-button>
+ </span>
+ </el-dialog>
+ </div>
+</template>
+
+<script>
+import { getPlanPageList, getStandingPageList } from '@/api/laboratory/measure'
+export default {
+ data() {
+ return {
+ searchData:{
+ roleName: '',
+ permission: ''
+ },
+ roleTable:[{
+ rolename: '閮ㄩ暱',
+ permission: 'ROOT',
+ create_time: '2023-07-04 12:12:12',
+ update_time: '2023-07-04 12:12:12'
+ },{
+ rolename: '缁勯暱',
+ permission: '--',
+ create_time: '2023-07-04 12:12:12',
+ update_time: '2023-07-04 12:12:12'
+ }],
+ updateData:{
+ oldPassWord: '',
+ newPassWord: '',
+ confirmPassWord: ''
+ },
+ dialogTableVisible: false,
+ currentPage: 1,
+ pageSize: 5,
+ total: 20
+ }
+ },
+ created(){
+
+ },
+ methods: {
+ addRole(){
+ this.dialogTableVisible = true
+ // console.log(this.dialogTableVisible)
+ },
+ // search(){},
+ // reset(){},
+ // changePassword(){},
+
+ handleSizeChange(val) {
+ console.log(`褰撳墠姣忛〉${val}鏉℃暟鎹甡)
+ this.pageSize = val
+ },
+ handleCurrentChange(val) {
+ console.log(`褰撳墠鏄${val}椤礰)
+ this.currentPage = val
+ }
+ }
+}
+</script>
+
+<style scoped>
+
+.top-bar{
+ margin: -25px -15px;
+ background: #fff;
+ display: flex;
+ justify-content: space-between;
+ padding: 5px 24px 0px 24px;
+ .sermargin{
+ margin-right: 60px;
+ }
+ }
+.rightBtn{
+ margin-right: 50px
+}
+.library-table{
+ background-color: #fff;
+ flex: 1;
+ margin: 0px -15px;
+ margin-top: 40px;
+ display: flex;
+ flex-direction: column;
+ .table-box{
+ padding: 10px 20px;
+ margin-top: 0px;
+ flex: 1;
+ background: #fff;
+ /* padding: 20px 20px 10px 20px; */
+ display: flex;
+ flex-direction: column;
+ .el-table {
+ flex: 1;
+ }
+ }
+ .pagination{
+ display:flex;
+ justify-content:end;
+ margin-top: 20px
+ }
+ }
+
+</style>
--
Gitblit v1.9.3