From bb48226b975e90fed00b255369194c39d6159b1f Mon Sep 17 00:00:00 2001
From: yuyu <1981343953@qq.com>
Date: 星期二, 22 八月 2023 10:01:19 +0800
Subject: [PATCH] 8.22
---
src/views/message/message/index.vue | 242 ++++++++++++++++++++
src/views/CNAS/nonConformanceManage/index.vue | 213 +++++++++++++++++
src/views/message/toDo/index.vue | 224 ++++++++++++++++++
3 files changed, 675 insertions(+), 4 deletions(-)
diff --git a/src/views/CNAS/nonConformanceManage/index.vue b/src/views/CNAS/nonConformanceManage/index.vue
index 884cce1..18c1c72 100644
--- a/src/views/CNAS/nonConformanceManage/index.vue
+++ b/src/views/CNAS/nonConformanceManage/index.vue
@@ -1,5 +1,214 @@
<template>
- <div>
- 涓嶇鍚堥」绠＄悊
+ <div class="content-main">
+ <div class="top-bar">
+ <el-form ref="form" :inline="true" :model="searchData">
+ <el-form-item label="褰曞叆鏃ユ湡:" style="margin-right: 20px;">
+ <el-date-picker
+ v-model="searchData.entry_date"
+ type="date"
+ placeholder="璇烽�夋嫨褰曞叆鏃ユ湡">
+ </el-date-picker>
+ </el-form-item>
+ <el-form-item label="瀹℃牳鏃ユ湡:" style="margin-right: 20px;">
+ <el-date-picker
+ v-model="searchData.check_date"
+ type="date"
+ placeholder="璇烽�夋嫨瀹℃牳鏃ユ湡">
+ </el-date-picker>
+ </el-form-item>
+ <el-form-item label="鐘舵��:" style="margin-right: 20px;">
+ <el-select v-model="searchData.state" placeholder="鍏ㄩ儴" style="width: 100px;">
+ <el-option
+ v-for="item in stateoptions"
+ :key="item.value"
+ :label="item.label"
+ :value="item.value">
+ </el-option>
+ </el-select>
+ </el-form-item>
+ <el-form-item label="閮ㄩ棬:" style="margin-right: 20px;">
+ <el-input v-model="searchData.department" placeholder="璇疯緭鍏ラ儴闂�">
+ </el-input>
+ </el-form-item>
+ <el-form-item>
+ <el-button type="primary" @click="searchInspections">鏌ヨ</el-button>
+ <el-button type="primary" plain @click="reset">閲嶇疆</el-button>
+ </el-form-item>
+ </el-form>
+ <el-form class="rightBtn">
+ <el-form-item class="createBtn">
+ <el-button type="primary" icon="el-icon-document-add" style="margin-right: 10px;">鏂板璁板綍</el-button>
+ </el-form-item>
+ <el-form-item class="getDataBtn">
+ <el-button type="primary" icon="el-icon-download">瀵煎嚭</el-button>
+ </el-form-item>
+ </el-form>
+ </div>
+ <div class="library-table">
+ <div class="table-header">
+ <el-radio-group v-model="radioValue" @change="radioclick">
+ <el-radio-button v-for="item in conditionsOptions" :key="item.value" :label="item.value">
+ {{ item.label }}
+ </el-radio-button>
+ </el-radio-group>
+ </div>
+ <div class="table-box">
+ <el-table
+ ref="recordTable"
+ :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="recordTable"
+ style="width: 100%"
+ >
+ <el-table-column
+ label="搴忓彿"
+ min-width="10%">
+ <template slot-scope="scope">
+ <el-checkbox v-model="checked"></el-checkbox>
+ </template>
+ </el-table-column>
+ <el-table-column
+ prop="title"
+ label="鏍囬"
+ min-width="12%"
+ />
+ <el-table-column
+ prop="content"
+ label="鍐呭"
+ min-width="12%"
+ />
+ <el-table-column
+ prop="level"
+ label="绛夌骇"
+ min-width="12%"
+ />
+ <el-table-column
+ prop="type"
+ label="绫诲瀷"
+ min-width="8%"
+ />
+ <el-table-column
+ prop="state"
+ label="鐘舵��"
+ min-width="12%">
+ <template slot-scope="scope">
+ <span v-if="scope.row.state === 1" style="color: red;">鏈</span>
+ <span v-if="scope.row.state === 2" style="color: green;">宸茶</span>
+ </template>
+ </el-table-column>
+ <el-table-column
+ prop="sender"
+ label="鍙戜欢浜�"
+ min-width="8%"
+ />
+ <el-table-column
+ prop="create_time"
+ label="鍒涘缓鏃堕棿"
+ min-width="12%"
+ />
+ <el-table-column
+ label="鎿嶄綔"
+ min-width="10%"
+ >
+ <template slot-scope="scope">
+ <el-button type="text" size="small" @click="deleteRow(scope.row)">鍒犻櫎</el-button>
+ <el-button type="text" size="small" @click="readRow(scope.row)">鏍囦负宸茶</el-button>
+ </template>
+ </el-table-column>
+ </el-table>
+ <!-- 鍒嗛〉鍣� -->
+ <div>
+ <el-pagination
+ @size-change="handleSizeChange"
+ @current-change="handleCurrentChange"
+ :current-page="currentPage"
+ :page-sizes="[5, 10, 15, 20]"
+ :page-size="pageSize"
+ layout="total, sizes, prev, pager, next, jumper"
+ :total="total">
+ </el-pagination>
+ </div>
+ </div>
+ </div>
</div>
</template>
+
+<script>
+export default {
+ data(){
+ return {
+ searchData:{
+ entry_date: '',
+ check_date: '',
+ state: 0,
+ department: ''
+ },
+ stateoptions:[{
+ value: 0,
+ label: '宸插叧闂�'
+ },{
+ value: 1,
+ label: '寰呭叧闂�'
+ }],
+ recordTable:[],
+ currentPage: 0,
+ pageSize:5,
+ total: 20
+ }
+ }
+}
+</script>
+
+<style lang="scss" scoped>
+.content-main{
+ width: 100%;
+ height: 100%;
+ display: flex;
+ flex-direction: column;
+ .top-bar{
+ margin: -25px -15px;
+ background: #fff;
+ display: flex;
+ justify-content: space-between;
+ padding: 5px 24px 0px 24px;
+ .rightBtn{
+ display: flex;
+ justify-content: space-between;
+ }
+ }
+ .library-table{
+ background-color: #fff;
+ flex: 1;
+ margin: 0px -15px;
+ margin-top: 40px;
+ display: flex;
+ flex-direction: column;
+ .table-header{
+ padding: 20px;
+ display: flex;
+ justify-content: space-between;
+ .el-form-item{
+ margin-bottom: 30px !important;
+ }
+ }
+ .table-box{
+ padding: 0px 20px;
+ margin-top: 0px;
+ flex: 1;
+ background: #fff;
+ /* padding: 20px 20px 10px 20px; */
+ display: flex;
+ flex-direction: column;
+ .el-table {
+ flex: 1;
+ }
+ >div:nth-child(2){
+ display: flex;
+ justify-content: end;
+ margin: 10px 0;
+ }
+ }
+ }
+}
+</style>
diff --git a/src/views/message/message/index.vue b/src/views/message/message/index.vue
index ba69703..5e272a3 100644
--- a/src/views/message/message/index.vue
+++ b/src/views/message/message/index.vue
@@ -1,13 +1,253 @@
<template>
- <div>娑堟伅</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.title"
+ class="input-form"
+ placeholder="璇疯緭鍏ユ爣棰�"
+ >
+ </el-input>
+ </el-form-item>
+ <el-form-item label="鍐呭:" style="margin-right: 30px;">
+ <el-input
+ v-model="searchData.content"
+ class="input-form"
+ placeholder="璇疯緭鍏ュ唴瀹�"
+ >
+ </el-input>
+ </el-form-item>
+ <el-form-item>
+ <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-button class="deleteBtn" plain type="primary" @click="deleteMessage" >鍒犻櫎</el-button>
+ <el-button type="primary" @click="readMessage" style="width: 110px;" >鏍囦负宸茶</el-button>
+ </el-form>
+ </div>
+ <div class="library-table">
+ <div class="table-header">
+ <el-radio-group v-model="radioValue" @change="radioclick">
+ <el-radio-button v-for="item in conditionsOptions" :key="item.value" :label="item.value">
+ {{ item.label }}
+ </el-radio-button>
+ </el-radio-group>
+ </div>
+ <div class="table-box">
+ <el-table
+ ref="messageTable"
+ :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="messageTable"
+ @selection-change="handleSelectionChange"
+ style="width: 100%"
+ >
+ <el-table-column
+ type="selection"
+ min-width="10%"
+ />
+ <el-table-column
+ prop="title"
+ label="鏍囬"
+ min-width="12%"
+ />
+ <el-table-column
+ prop="content"
+ label="鍐呭"
+ min-width="12%"
+ />
+ <el-table-column
+ prop="level"
+ label="绛夌骇"
+ min-width="12%"
+ />
+ <el-table-column
+ prop="type"
+ label="绫诲瀷"
+ min-width="8%"
+ />
+ <el-table-column
+ prop="state"
+ label="鐘舵��"
+ min-width="12%">
+ <template slot-scope="scope">
+ <span v-if="scope.row.state === 1" style="color: red;">鏈</span>
+ <span v-if="scope.row.state === 2" style="color: green;">宸茶</span>
+ </template>
+ </el-table-column>
+ <el-table-column
+ prop="sender"
+ label="鍙戜欢浜�"
+ min-width="8%"
+ />
+ <el-table-column
+ prop="create_time"
+ label="鍒涘缓鏃堕棿"
+ min-width="12%"
+ />
+ <el-table-column
+ label="鎿嶄綔"
+ min-width="10%"
+ >
+ <template slot-scope="scope">
+ <el-button type="text" size="small" @click="deleteRow(scope.row)">鍒犻櫎</el-button>
+ <el-button type="text" size="small" @click="readRow(scope.row)">鏍囦负宸茶</el-button>
+ </template>
+ </el-table-column>
+ </el-table>
+ <!-- 鍒嗛〉鍣� -->
+ <div>
+ <el-pagination
+ @size-change="handleSizeChange"
+ @current-change="handleCurrentChange"
+ :current-page="currentPage"
+ :page-sizes="[5, 10, 15, 20]"
+ :page-size="pageSize"
+ layout="total, sizes, prev, pager, next, jumper"
+ :total="total">
+ </el-pagination>
+ </div>
+ </div>
+
+ </div>
+
+ </div>
</template>
<script>
export default {
+ data(){
+ return {
+ searchData: {
+ title: '',
+ content: ''
+ },
+ radioValue: 0,
+ conditionsOptions: [
+ {
+ label: '鍏ㄩ儴',
+ value: 0
+ },
+ {
+ label: '鏈',
+ value: 1
+ },
+ {
+ label: '宸茶',
+ value: 2
+ }
+ ],
+ selectionRows:[],
+ messageTable:[],
+ currentPage:1,
+ pageSize: 5,
+ total:10,
+
+ }
+ },
+ created(){
+
+ },
+ methods: {
+ deleteMessage(){
+ console.log(this.selectionRows)
+ },
+ readMessage(){
+ console.log(this.selectionRows)
+ },
+ // 鎹曡幏琛ㄦ牸閫夋嫨鐨勬暟鎹�
+ handleSelectionChange(selection){
+ this.selectionRows = selection
+ },
+ // 鏍囪宸茶
+ readRow(row){
+ console.log(row)
+ },
+ // 鍒犻櫎
+ deleteRow(row){
+ console.log(row)
+ },
+ radioclick(){
+ console.log(this.radioValue)
+ },
+ handleSizeChange(val){
+ console.log(`褰撳墠姣忛〉${val}鏉℃暟鎹甡)
+ },
+ handleCurrentChange(val){
+ console.log(`褰撳墠鏄${val}椤礰)
+ }
+ }
}
</script>
<style lang="scss" scoped>
+.content-main{
+ width: 100%;
+ .top-bar{
+ margin: -25px -15px;
+ padding: 5px 24px 0px 24px;
+ display: flex;
+ justify-content: space-between;
+ background-color: #fff;
+ .sermargin{
+ margin-right: 60px;
+ }
+ .deleteBtn{
+ background-color: #fff;
+ border: 1px solid rgb(225, 222, 222);
+ color: rgb(184, 182, 182);
+ }
+ .deleteBtn:active {
+ outline: none; /* 鍘婚櫎鎸夐挳鐨勯粯璁ょ偣鍑绘椂鐨勫杈规 */
+ box-shadow: 0 0 4px rgb(142, 141, 141); /* 娣诲姞鐐瑰嚮鏃剁殑闃村奖鏁堟灉锛岄鑹茶涓虹伆鑹� */
+ }
+ .deleteBtn:hover {
+ outline: none; /* 鍘婚櫎鎸夐挳鐨勯粯璁ょ偣鍑绘椂鐨勫杈规 */
+ background-color: rgb(233, 233, 233); /* 娣诲姞鐐瑰嚮鏃剁殑闃村奖鏁堟灉锛岄鑹茶涓虹伆鑹� */
+ }
+ .deleteBtn:focus {
+ outline: none; /* 鍘婚櫎鎸夐挳鐨勯粯璁ょ偣鍑绘椂鐨勫杈规 */
+ background-color: rgb(233, 233, 233); /* 娣诲姞鐐瑰嚮鏃剁殑闃村奖鏁堟灉锛岄鑹茶涓虹伆鑹� */
+ }
+ }
+ .library-table{
+ background-color: #fff;
+ flex: 1;
+ margin: 0px -15px;
+ margin-top: 40px;
+ display: flex;
+ flex-direction: column;
+ .table-header{
+ padding: 20px;
+ display: flex;
+ justify-content: space-between;
+ .el-form-item{
+ margin-bottom: 30px !important;
+ }
+ }
+ .table-box{
+ padding: 0px 20px;
+ margin-top: 0px;
+ flex: 1;
+ background: #fff;
+ /* padding: 20px 20px 10px 20px; */
+ display: flex;
+ flex-direction: column;
+ .el-table {
+ flex: 1;
+ }
+ >div:nth-child(2){
+ display: flex;
+ justify-content: end;
+ margin: 10px 0;
+ }
+ }
+ }
+}
</style>
diff --git a/src/views/message/toDo/index.vue b/src/views/message/toDo/index.vue
index 135a43e..ca3ef41 100644
--- a/src/views/message/toDo/index.vue
+++ b/src/views/message/toDo/index.vue
@@ -1,13 +1,235 @@
<template>
- <div>寰呭姙</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.title"
+ class="input-form"
+ placeholder="璇疯緭鍏ユ爣棰�"
+ >
+ </el-input>
+ </el-form-item>
+ <el-form-item label="鍐呭:" style="margin-right: 30px;">
+ <el-input
+ v-model="searchData.content"
+ class="input-form"
+ placeholder="璇疯緭鍏ュ唴瀹�"
+ >
+ </el-input>
+ </el-form-item>
+ <el-form-item>
+ <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-button class="deleteBtn" plain type="primary" @click="deleteMessage" >鍒犻櫎</el-button>
+ <el-button type="primary" @click="readMessage" style="width: 110px;" >鏍囦负宸茶</el-button>
+ </el-form>
+ </div>
+ <div class="library-table">
+ <div class="table-header">
+ <el-radio-group v-model="radioValue" @change="radioclick">
+ <el-radio-button v-for="item in conditionsOptions" :key="item.value" :label="item.value">
+ {{ item.label }}
+ </el-radio-button>
+ </el-radio-group>
+ </div>
+ <div class="table-box">
+ <el-table
+ ref="toDoTable"
+ :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="toDoTable"
+ @selection-change="handleSelectionChange"
+ style="width: 100%"
+ >
+ <el-table-column
+ prop="sender"
+ label="鍙戜欢浜�"
+ min-width="8%"
+ />
+ <el-table-column
+ prop="title"
+ label="鏍囬"
+ min-width="13%"
+ />
+ <el-table-column
+ prop="todo"
+ label="浠ｅ姙鍐呭"
+ min-width="20%"
+ />
+ <el-table-column
+ prop="group"
+ label="鍒嗙粍"
+ min-width="15%"
+ />
+ <el-table-column
+ prop="level"
+ label="绛夌骇"
+ min-width="8%"
+ />
+ <el-table-column
+ prop="create_time"
+ label="鍒涘缓鏃堕棿"
+ min-width="12%"
+ />
+ <el-table-column
+ prop="deadline"
+ label="瑕佹眰瀹屾垚鏃堕棿"
+ min-width="12%"
+ />
+ <el-table-column
+ prop="state"
+ label="鐘舵��"
+ min-width="12%"
+ />
+ </el-table>
+ <!-- 鍒嗛〉鍣� -->
+ <div>
+ <el-pagination
+ @size-change="handleSizeChange"
+ @current-change="handleCurrentChange"
+ :current-page="currentPage"
+ :page-sizes="[5, 10, 15, 20]"
+ :page-size="pageSize"
+ layout="total, sizes, prev, pager, next, jumper"
+ :total="total">
+ </el-pagination>
+ </div>
+
+ </div>
+
+ </div>
+
+ </div>
</template>
<script>
export default {
+ data(){
+ return {
+ searchData: {
+ title: '',
+ content: ''
+ },
+ radioValue: 0,
+ conditionsOptions: [
+ {
+ label: '鍏ㄩ儴',
+ value: 0
+ },
+ {
+ label: '鏈鐞�',
+ value: 1
+ },
+ {
+ label: '宸插鐞�',
+ value: 2
+ },
+ {
+ label: '宸茶秴鏈�',
+ value: 3
+ }
+ ],
+ toDoTable:[],
+ selectionRows:[],
+ currentPage:1,
+ pageSize: 5,
+ total:100,
+
+ }
+ },
+ methods: {
+ deleteMessage(){
+ console.log(this.selectionRows)
+ },
+ readMessage(){
+ console.log(this.selectionRows)
+ },
+ // 鎹曡幏琛ㄦ牸閫夋嫨鐨勬暟鎹�
+ handleSelectionChange(selection){
+ this.selectionRows = selection
+ },
+ radioclick(){
+ console.log(this.radioValue)
+ },
+ handleSizeChange(val){
+ console.log(`褰撳墠姣忛〉${val}鏉℃暟鎹甡)
+ },
+ handleCurrentChange(val){
+ console.log(`褰撳墠鏄${val}椤礰)
+ }
+ }
}
</script>
<style lang="scss" scoped>
+.content-main{
+ width: 100%;
+ .top-bar{
+ margin: -25px -15px;
+ padding: 5px 24px 0px 24px;
+ display: flex;
+ justify-content: space-between;
+ background-color: #fff;
+ .sermargin{
+ margin-right: 60px;
+ }
+ .deleteBtn{
+ background-color: #fff;
+ border: 1px solid rgb(225, 222, 222);
+ color: rgb(184, 182, 182);
+ }
+ .deleteBtn:active {
+ outline: none; /* 鍘婚櫎鎸夐挳鐨勯粯璁ょ偣鍑绘椂鐨勫杈规 */
+ box-shadow: 0 0 4px rgb(142, 141, 141); /* 娣诲姞鐐瑰嚮鏃剁殑闃村奖鏁堟灉锛岄鑹茶涓虹伆鑹� */
+ }
+ .deleteBtn:hover {
+ outline: none; /* 鍘婚櫎鎸夐挳鐨勯粯璁ょ偣鍑绘椂鐨勫杈规 */
+ background-color: rgb(233, 233, 233); /* 娣诲姞鐐瑰嚮鏃剁殑闃村奖鏁堟灉锛岄鑹茶涓虹伆鑹� */
+ }
+ .deleteBtn:focus {
+ outline: none; /* 鍘婚櫎鎸夐挳鐨勯粯璁ょ偣鍑绘椂鐨勫杈规 */
+ background-color: rgb(233, 233, 233); /* 娣诲姞鐐瑰嚮鏃剁殑闃村奖鏁堟灉锛岄鑹茶涓虹伆鑹� */
+ }
+ }
+ .library-table{
+ background-color: #fff;
+ flex: 1;
+ margin: 0px -15px;
+ margin-top: 40px;
+ display: flex;
+ flex-direction: column;
+ .table-header{
+ padding: 20px;
+ display: flex;
+ justify-content: space-between;
+ .el-form-item{
+ margin-bottom: 30px !important;
+ }
+ }
+ .table-box{
+ padding: 0px 20px;
+ margin-top: 0px;
+ flex: 1;
+ background: #fff;
+ /* padding: 20px 20px 10px 20px; */
+ display: flex;
+ flex-direction: column;
+ .el-table {
+ flex: 1;
+ }
+ >div:nth-child(2){
+ display: flex;
+ justify-content: end;
+ margin: 10px 0;
+ }
+ }
+ }
+}
</style>
--
Gitblit v1.9.3