From dcf9c9e0410fe1186239e3f8d6f7bdc789c08010 Mon Sep 17 00:00:00 2001 From: lzhe <lzhe@example.com> Date: 星期三, 05 六月 2024 18:00:39 +0800 Subject: [PATCH] 1 --- src/views/mdc/state-feedback.vue | 108 +++++++++++++++++++++++++++++------------------------ 1 files changed, 59 insertions(+), 49 deletions(-) diff --git a/src/views/mdc/state-feedback.vue b/src/views/mdc/state-feedback.vue index 834e746..4cd3ad1 100644 --- a/src/views/mdc/state-feedback.vue +++ b/src/views/mdc/state-feedback.vue @@ -2,59 +2,69 @@ * @Author: lzhe lzhe@example.com * @Date: 2024-03-26 10:28:33 * @LastEditors: lzhe lzhe@example.com - * @LastEditTime: 2024-06-05 11:37:06 + * @LastEditTime: 2024-06-05 12:03:50 * @FilePath: /smart-web/src/views/master/person/main/index.vue * @Description: 杩欐槸榛樿璁剧疆,璇疯缃甡customMade`, 鎵撳紑koroFileHeader鏌ョ湅閰嶇疆 杩涜璁剧疆: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE --> <template> - <div class="aposcope-main"> - <div class="aposcope-left"> - <div class="left-title">宸ヤ綅</div> - <el-tree :data="tableData" node-key="id" default-expand-all :expand-on-click-node="false" :props="defalutProps" @node-click="handleNodeClick" ref="treeRef" highlight-current /> - </div> - <div class="aposcope-right"> - <div class="right-top"> - <div> - <el-button type="primary" @click="addData">鍙嶉</el-button> - <el-button type="danger" plain @click="delData">鎵归噺鍒犻櫎</el-button> - </div> - <div> - <el-select v-model="searchData.feedBackStatus" multiple style="width: 185px;margin-right: 8px;;" @change="feedBackStatusChange"> - <el-option v-for="item in feedBackStatusList" :key="item.code" :label="item.name" :value="item.code"/> - </el-select> - <el-date-picker v-model="searchData.date" type="datetimerange" range-separator="鑷�" start-placeholder="寮�濮嬫棩鏈�" end-placeholder="缁撴潫鏃ユ湡" align="right" value-format="YYYY-MM-DD HH:mm:ss" @change="dateChange" style="vertical-align: middle;"> - </el-date-picker> - </div> - </div> - <div class="right-content" v-if="searchDataList.length == 0"> - <!-- <img src="./quesheng.bd026700.png" /> --> - <div> - <span>鏆傛棤鍙嶉鐘舵�佹暟鎹�</span> - </div> - </div> - <el-table ref="searchDataListRef" v-if="searchDataList.length != 0" :data="searchDataList" border style="width: 100%;margin-top: 20px;" class="multipleTableRef" @selection-change="searchHandleSelectionChange"> - <el-table-column type="selection" width="55" /> - <el-table-column prop="workstationName" label="宸ヤ綅鍚嶇О"></el-table-column> - <el-table-column prop="wcsDesc" label="鐘舵��"></el-table-column> - <el-table-column prop="feedbackDesc" label="鎻忚堪"></el-table-column> - <el-table-column prop="httpMethod" label="鎸佺画鏃堕暱"> - <template #default="scope"> - <span>{{sumTime(scope.row.startTime,scope.row.endTime)}}</span> - </template> - </el-table-column> - <el-table-column prop="scopePath" label="鐘舵�佹椂闂�"> - <template #default="scope"> - <span>{{scope.row.startTime}}~{{ scope.row.endTime }}</span> - </template> - </el-table-column> - <el-table-column fixed="right" label="鎿嶄綔"> - <template #default="scope"> - <el-button text type="primary" size="small" @click="table_del(scope.row, scope.$index)">鍒犻櫎</el-button> - </template> - </el-table-column> - </el-table> - </div> - </div> + <el-main style="height: 100%;"> + <el-card shadow="never" style="height: 100%;" body-style="height: 100%;padding: 0;"> + <el-container style="height: 100%;"> + <el-aside width="300px" style="height: 100%;"> + <el-container style="flex-direction: column;"> + <div class="left-title">宸ヤ綅</div> + <el-main style="padding: 12px 20px 20px;"> + <el-tree :data="tableData" node-key="id" default-expand-all :expand-on-click-node="false" :props="defalutProps" @node-click="handleNodeClick" ref="treeRef" highlight-current /> + </el-main> + </el-container> + </el-aside> + <el-container> + <el-main> + <div class="right-top"> + <div> + <el-button type="primary" @click="addData">鍙嶉</el-button> + <el-button type="danger" plain @click="delData">鎵归噺鍒犻櫎</el-button> + </div> + <div> + <el-select v-model="searchData.feedBackStatus" multiple style="width: 185px;margin-right: 8px;;" @change="feedBackStatusChange"> + <el-option v-for="item in feedBackStatusList" :key="item.code" :label="item.name" :value="item.code"/> + </el-select> + <el-date-picker v-model="searchData.date" type="datetimerange" range-separator="鑷�" start-placeholder="寮�濮嬫棩鏈�" end-placeholder="缁撴潫鏃ユ湡" align="right" value-format="YYYY-MM-DD HH:mm:ss" @change="dateChange" style="vertical-align: middle;"> + </el-date-picker> + </div> + </div> + <div class="right-content" v-if="searchDataList.length == 0"> + <!-- <img src="./quesheng.bd026700.png" /> --> + <div style="margin-top: 120px;font-size: 16px;color: #666;"> + <span>鏆傛棤鍙嶉鐘舵�佹暟鎹�</span> + </div> + </div> + <el-table ref="searchDataListRef" v-if="searchDataList.length != 0" :data="searchDataList" border style="width: 100%;margin-top: 20px;" class="multipleTableRef" @selection-change="searchHandleSelectionChange"> + <el-table-column type="selection" width="55" /> + <el-table-column prop="workstationName" label="宸ヤ綅鍚嶇О"></el-table-column> + <el-table-column prop="wcsDesc" label="鐘舵��"></el-table-column> + <el-table-column prop="feedbackDesc" label="鎻忚堪"></el-table-column> + <el-table-column prop="httpMethod" label="鎸佺画鏃堕暱"> + <template #default="scope"> + <span>{{sumTime(scope.row.startTime,scope.row.endTime)}}</span> + </template> + </el-table-column> + <el-table-column prop="scopePath" label="鐘舵�佹椂闂�"> + <template #default="scope"> + <span>{{scope.row.startTime}}~{{ scope.row.endTime }}</span> + </template> + </el-table-column> + <el-table-column fixed="right" label="鎿嶄綔"> + <template #default="scope"> + <el-button text type="primary" size="small" @click="table_del(scope.row, scope.$index)">鍒犻櫎</el-button> + </template> + </el-table-column> + </el-table> + </el-main> + </el-container> + </el-container> + </el-card> + </el-main> <save-dialog v-if="dialog.save" ref="saveDialog" :feedBackStatusList="feedBackStatusList" :workstationId="lastLevelId" @success="addfeedbackSuccess" @closed="dialog.save=false"></save-dialog> </template> <script> -- Gitblit v1.9.3