From 2dc217ef7ea1a58350962cffe6962bc4a6053df9 Mon Sep 17 00:00:00 2001 From: Surpriseplus <845948745@qq.com> Date: 星期二, 07 三月 2023 14:52:05 +0800 Subject: [PATCH] 转孔柱状图添加鼠标移入显示信息,登录页面修改,样式管理,资料馆添加批量下载 --- src/views/userManage/resourceManage.vue | 865 +++++++++++++++++++++++++++++---------------------------- 1 files changed, 444 insertions(+), 421 deletions(-) diff --git a/src/views/userManage/resourceManage.vue b/src/views/userManage/resourceManage.vue index 73b61b7..b413418 100644 --- a/src/views/userManage/resourceManage.vue +++ b/src/views/userManage/resourceManage.vue @@ -5,60 +5,78 @@ `${$t('userManage.resManage')}`, ]"></My-bread> <el-divider /> - <div class="power_quire subpage_Div" ref="container"> + <div + class="power_quire subpage_Div" + ref="container" + > <el-form ref="form" :model="ruleForm" :inline="true" > <div class="flex_box"> - <el-form-item :label="$t('userManage.resManageObj.name')" style="margin-right: auto"> - <el-input v-model="ruleForm.name" size="small" style="width:200px" :placeholder="$t('userManage.resManageObj.nameHolder')"> - <i slot="suffix" class="el-icon-search" @click="submitForm"></i> - </el-input> - </el-form-item> - <el-form-item> - <el-button - v-if="menuStatus.insert" - @click="setInsertFormdialog" - icon="el-icon-edit" - type="success" - size="small" - >{{ $t('common.append') }}</el-button> - <el-button - v-if="menuStatus.delete" - @click="DelFromData" - icon="el-icon-delete" - type="danger" - size="small" - >{{ $t('common.delete') }}</el-button> -<!-- <el-button--> -<!-- @click="submitForm('ruleForm')"--> -<!-- icon="el-icon-search"--> -<!-- size="small"--> -<!-- type="primary"--> -<!-- style="background: #1890ff"--> -<!-- >{{ $t('common.iquery') }}</el-button>--> - <el-button - @click="resetForm('ruleForm')" - icon="el-icon-refresh" - type="info" - size="small" - >{{ $t('common.empty') }}</el-button> - </el-form-item> - </div> + <el-form-item + :label="$t('userManage.resManageObj.name')" + style="margin-right: auto" + > + <el-input + v-model="ruleForm.name" + size="small" + style="width:200px" + :placeholder="$t('userManage.resManageObj.nameHolder')" + > + <i + slot="suffix" + class="el-icon-search" + @click="submitForm" + ></i> + </el-input> + </el-form-item> + <el-form-item> + <el-button + v-if="menuStatus.insert" + @click="setInsertFormdialog" + icon="el-icon-edit" + type="success" + size="small" + >{{ $t('common.append') }}</el-button> + <el-button + v-if="menuStatus.delete" + @click="DelFromData" + icon="el-icon-delete" + type="danger" + size="small" + >{{ $t('common.delete') }}</el-button> + <!-- <el-button--> + <!-- @click="submitForm('ruleForm')"--> + <!-- icon="el-icon-search"--> + <!-- size="small"--> + <!-- type="primary"--> + <!-- style="background: #1890ff"--> + <!-- >{{ $t('common.iquery') }}</el-button>--> + <el-button + @click="resetForm('ruleForm')" + icon="el-icon-refresh" + type="info" + size="small" + >{{ $t('common.empty') }}</el-button> + </el-form-item> + </div> </el-form> </div> <div class="dividing-line"></div> - <div class="table_box" :style="styleVar"> + <div + class="table_box" + :style="styleVar" + > <el-table :data="tableData" style="width: 100%" fit border @selection-change="handleSelectionChange" - height="calc(100% - 45px)" + height="calc(100% - 45px)" > <el-table-column type="selection" @@ -114,7 +132,6 @@ > </el-table-column> <el-table-column - :label="$t('common.operate')" width="170px" > @@ -135,112 +152,115 @@ </template> </el-table-column> </el-table> - <div class="pagination_box" style="margin-top: 10px"> - <el-pagination - @size-change="handleSizeChange" - @current-change="handleCurrentChange" - :current-page="listData.pageIndex" - :page-sizes="[10, 20, 50, 100]" - :page-size="listData.pageSize" - layout="total, sizes, prev, pager, next, jumper" - :total="count" - > - </el-pagination> - </div> - </div> - <div class="infoBox_box" v-show="showinfoBox"> - <div - class="infoBox box_div " - - > <div - slot="header" - class="clearfix" + class="pagination_box" + style="margin-top: 10px" > - <span>{{ $t('dataManage.styleObj.deInformation') }}</span> - <div - style="float: right; cursor: pointer" - @click="closeDetial" + <el-pagination + @size-change="handleSizeChange" + @current-change="handleCurrentChange" + :current-page="listData.pageIndex" + :page-sizes="[10, 20, 50, 100]" + :page-size="listData.pageSize" + layout="total, sizes, prev, pager, next, jumper" + :total="count" > - <i class="el-icon-close"></i> - </div> + </el-pagination> </div> - <el-divider></el-divider> - <div class="contentBox"> - <p> - <label> {{ $t('userManage.resManageObj.name') }}:</label> - <label class="boxlabel">{{ itemdetail.name }}</label> - </p> - <el-divider></el-divider> - <p> - <p> - <label> {{ $t('userManage.resManageObj.server') }}:</label> - <label class="boxlabel">{{ itemdetail.server }}</label> - </p> - </p> - <el-divider></el-divider> - <p> - <label> {{ $t('userManage.resManageObj.source') }}:</label> - <label class="boxlabel">{{ itemdetail.source }}</label> - </p> - <el-divider></el-divider> - <p> - <label> {{ $t('userManage.resManageObj.depid') }}:</label> - <label class="boxlabel">{{ itemdetail.depName }}</label> - </p> - <el-divider></el-divider> - <p> - <label> {{ $t('userManage.resManageObj.dirid') }}:</label> - <label class="boxlabel">{{ itemdetail.dirName }}</label> - </p> - <el-divider></el-divider> - <p> - <label> {{ $t('userManage.resManageObj.descr') }}:</label> - <label class="boxlabel">{{ itemdetail.descr }}</label> - </p> - <el-divider></el-divider> - <p> - <label> {{ $t('userManage.resManageObj.img') }}:</label> - <label class="boxlabel"> - <div style="width:440px;height:200px;"> - <img - style="width:100%; height:100%" - :src="itemdetail.imageFile" - alt="" - /> - </div> - </label> - </p> - <el-divider></el-divider> - <p> - <label> {{ $t('userManage.resManageObj.createUser') }}:</label> - <label class="boxlabel">{{ itemdetail.createUser }}</label> - </p> - <el-divider></el-divider> - <p> - <label> {{ $t('userManage.resManageObj.createTime') }}:</label> - <label class="boxlabel">{{ itemdetail.createTime }}</label> - </p> - <el-divider></el-divider> - <p> - <label> {{ $t('userManage.resManageObj.updateUser') }}:</label> - <label class="boxlabel">{{ itemdetail.updateUser }}</label> - </p> - <el-divider></el-divider> - <p> - <label> {{ $t('userManage.resManageObj.updateTime') }}:</label> - <label class="boxlabel">{{ itemdetail.updateTime }}</label> - </p> - <el-divider></el-divider> - <p> - <label> {{ $t('userManage.resManageObj.bak') }}:</label> - <label class="boxlabel">{{ itemdetail.bak }}</label> - </p> - <el-divider></el-divider> - </div> - </div> - </div> + <div + class="infoBox_box" + v-show="showinfoBox" + > + <div class="infoBox box_div "> + <div + slot="header" + class="clearfix" + > + <span>{{ $t('dataManage.styleObj.deInformation') }}</span> + <div + style="float: right; cursor: pointer" + @click="closeDetial" + > + <i class="el-icon-close"></i> + </div> + </div> + <el-divider></el-divider> + <div class="contentBox"> + <p> + <label> {{ $t('userManage.resManageObj.name') }}:</label> + <label class="boxlabel">{{ itemdetail.name }}</label> + </p> + <el-divider></el-divider> + <p> + <p> + <label> {{ $t('userManage.resManageObj.server') }}:</label> + <label class="boxlabel">{{ itemdetail.server }}</label> + </p> + </p> + <el-divider></el-divider> + <p> + <label> {{ $t('userManage.resManageObj.source') }}:</label> + <label class="boxlabel">{{ itemdetail.source }}</label> + </p> + <el-divider></el-divider> + <p> + <label> {{ $t('userManage.resManageObj.depid') }}:</label> + <label class="boxlabel">{{ itemdetail.depName }}</label> + </p> + <el-divider></el-divider> + <p> + <label> {{ $t('userManage.resManageObj.dirid') }}:</label> + <label class="boxlabel">{{ itemdetail.dirName }}</label> + </p> + <el-divider></el-divider> + <p> + <label> {{ $t('userManage.resManageObj.descr') }}:</label> + <label class="boxlabel">{{ itemdetail.descr }}</label> + </p> + <el-divider></el-divider> + <p> + <label> {{ $t('userManage.resManageObj.img') }}:</label> + <label class="boxlabel"> + <div style="width:440px;height:200px;"> + <img + style="width:100%; height:100%" + :src="itemdetail.imageFile" + alt="" + /> + </div> + </label> + </p> + <el-divider></el-divider> + <p> + <label> {{ $t('userManage.resManageObj.createUser') }}:</label> + <label class="boxlabel">{{ itemdetail.createUser }}</label> + </p> + <el-divider></el-divider> + <p> + <label> {{ $t('userManage.resManageObj.createTime') }}:</label> + <label class="boxlabel">{{ itemdetail.createTime }}</label> + </p> + <el-divider></el-divider> + <p> + <label> {{ $t('userManage.resManageObj.updateUser') }}:</label> + <label class="boxlabel">{{ itemdetail.updateUser }}</label> + </p> + <el-divider></el-divider> + <p> + <label> {{ $t('userManage.resManageObj.updateTime') }}:</label> + <label class="boxlabel">{{ itemdetail.updateTime }}</label> + </p> + <el-divider></el-divider> + <p> + <label> {{ $t('userManage.resManageObj.bak') }}:</label> + <label class="boxlabel">{{ itemdetail.bak }}</label> + </p> + <el-divider></el-divider> + </div> + + </div> + </div> <el-dialog :title="dialogTitle" :visible.sync="isTransfer" @@ -271,63 +291,66 @@ style="overflow: hidden" :visible.sync="InsertFormdialog" > - <div style="height: 500px; overflow: auto"> - <el-form :model="insertform" label-position="top"> - <el-form-item - :label="$t('userManage.resManageObj.name')" - :label-width="formLabelWidth" + <div style="height: 500px; overflow: auto"> + <el-form + :model="insertform" + label-position="top" > - <el-input - v-model="insertform.name" - autocomplete="off" - style="width:85%" - ></el-input> - </el-form-item> - <el-form-item - :label="$t('userManage.resManageObj.server')" - :label-width="formLabelWidth" - > - <el-input - v-model="insertform.server" - autocomplete="off" - style="width:85%" - ></el-input> - </el-form-item> - <el-form-item - :label="$t('userManage.resManageObj.source')" - :label-width="formLabelWidth" - > - <el-input - v-model="insertform.source" - autocomplete="off" - style="width:85%" - ></el-input> - </el-form-item> - <el-form-item - :label="$t('userManage.resManageObj.depid')" - :label-width="formLabelWidth" - > - <el-select - :popper-append-to-body="false" - v-model="insertform.depValue" - placeholder="璇烽�夋嫨" - style="width:85%" + <el-form-item + :label="$t('userManage.resManageObj.name')" + :label-width="formLabelWidth" > - <el-option - :value="insertform.depid" - :label="insertform.depValue" - style=" height:auto" + <el-input + v-model="insertform.name" + autocomplete="off" + style="width:85%" + ></el-input> + </el-form-item> + <el-form-item + :label="$t('userManage.resManageObj.server')" + :label-width="formLabelWidth" + > + <el-input + v-model="insertform.server" + autocomplete="off" + style="width:85%" + ></el-input> + </el-form-item> + <el-form-item + :label="$t('userManage.resManageObj.source')" + :label-width="formLabelWidth" + > + <el-input + v-model="insertform.source" + autocomplete="off" + style="width:85%" + ></el-input> + </el-form-item> + <el-form-item + :label="$t('userManage.resManageObj.depid')" + :label-width="formLabelWidth" + > + <el-select + :popper-append-to-body="false" + v-model="insertform.depValue" + placeholder="璇烽�夋嫨" + style="width:85%" > - <el-tree - ref="tree" - :data="depList" - node-key="id" - :props="props" - @node-click="handleDepList" - /> - </el-option> - </el-select> - <!-- <el-input + <el-option + :value="insertform.depid" + :label="insertform.depValue" + style=" height:auto" + > + <el-tree + ref="tree" + :data="depList" + node-key="id" + :props="props" + @node-click="handleDepList" + /> + </el-option> + </el-select> + <!-- <el-input v-model="insertform.depValue" disabled autocomplete="off" @@ -337,97 +360,96 @@ @click="showDepTree(0)" style="margin-left: 10px" ><i class="el-icon-plus"></i></el-link> --> - </el-form-item> - <el-form-item - :label="$t('userManage.resManageObj.dirid')" - :label-width="formLabelWidth" - > - <el-select - :popper-append-to-body="false" - v-model="insertform.dirValue" - placeholder="璇烽�夋嫨" - style="width:85%" + </el-form-item> + <el-form-item + :label="$t('userManage.resManageObj.dirid')" + :label-width="formLabelWidth" > - <el-option - :value="insertform.dirid" - :label="insertform.dirValue" - style=" height:auto" + <el-select + :popper-append-to-body="false" + v-model="insertform.dirValue" + placeholder="璇烽�夋嫨" + style="width:85%" > - <el-tree - ref="tree" - :data="dirList" - node-key="id" - :props="props" - @node-click="handleDirList" - /> - </el-option> - </el-select> + <el-option + :value="insertform.dirid" + :label="insertform.dirValue" + style=" height:auto" + > + <el-tree + ref="tree" + :data="dirList" + node-key="id" + :props="props" + @node-click="handleDirList" + /> + </el-option> + </el-select> - </el-form-item> - <el-form-item - :label="$t('userManage.resManageObj.descr')" - :label-width="formLabelWidth" - > - <el-input - v-model="insertform.descr" - autocomplete="off" - style="width:85%" - ></el-input> - </el-form-item> - <el-form-item - :label="$t('userManage.resManageObj.img')" - :label-width="formLabelWidth" - > - <div class="BoxFlex"> - <div class="BoxFlexinput"> - <el-input - v-model="insertform.img" - disabled - autocomplete="off" - style="width:100%" - ></el-input> + </el-form-item> + <el-form-item + :label="$t('userManage.resManageObj.descr')" + :label-width="formLabelWidth" + > + <el-input + v-model="insertform.descr" + autocomplete="off" + style="width:85%" + ></el-input> + </el-form-item> + <el-form-item + :label="$t('userManage.resManageObj.img')" + :label-width="formLabelWidth" + > + <div class="BoxFlex"> + <div class="BoxFlexinput"> + <el-input + v-model="insertform.img" + disabled + autocomplete="off" + style="width:100%" + ></el-input> - </div> + </div> - <div class="BoxFlexbutton"> - <input - name="file1" - :accept="'.jpg,.png'" - type="file" - id="imageFile" - multiple="multiple" - style="display: none" - @change="insertFile" - /> - <el-link - :title="$t('common.append')" - :underline="false" - @click="getIsertFile" - style="margin-left: 6px" - ><i class="el-icon-plus"></i></el-link> - <el-link - :title="$t('common.upload')" - :underline="false" - @click="setUploadFile(0)" - ><i class="el-icon-upload2"></i></el-link> - </div> - </div> + <div class="BoxFlexbutton"> + <input + name="file1" + :accept="'.jpg,.png'" + type="file" + id="imageFile" + multiple="multiple" + style="display: none" + @change="insertFile" + /> + <el-link + :title="$t('common.append')" + :underline="false" + @click="getIsertFile" + style="margin-left: 6px" + ><i class="el-icon-plus"></i></el-link> + <el-link + :title="$t('common.upload')" + :underline="false" + @click="setUploadFile(0)" + ><i class="el-icon-upload2"></i></el-link> + </div> + </div> + </el-form-item> + <el-form-item + :label="$t('userManage.resManageObj.bak')" + :label-width="formLabelWidth" + > + <el-input + v-model="insertform.bak" + autocomplete="off" + style="width:85%" + ></el-input> - </el-form-item> - <el-form-item - :label="$t('userManage.resManageObj.bak')" - :label-width="formLabelWidth" - > - <el-input - v-model="insertform.bak" - autocomplete="off" - style="width:85%" - ></el-input> - - </el-form-item> - </el-form> - </div> + </el-form-item> + </el-form> + </div> <div slot="footer" class="dialog-footer" @@ -449,67 +471,69 @@ </el-dialog> <el-dialog :title="$t('userManage.userInfoObj.editPermission')" - :visible.sync="EditFormdialog" :before-close="EditFromDataClose" > - <div style="height: 500px; overflow: auto"> - <el-form :model="upform" label-position="top"> - <el-form-item - :label="$t('userManage.resManageObj.name')" - :label-width="formLabelWidth" + <div style="height: 500px; overflow: auto"> + <el-form + :model="upform" + label-position="top" > - <el-input - v-model="upform.name" - autocomplete="off" - style="width:85%" - ></el-input> - </el-form-item> - <el-form-item - :label="$t('userManage.resManageObj.server')" - :label-width="formLabelWidth" - > - <el-input - v-model="upform.server" - autocomplete="off" - style="width:85%" - ></el-input> - </el-form-item> - <el-form-item - :label="$t('userManage.resManageObj.source')" - :label-width="formLabelWidth" - > - <el-input - v-model="upform.source" - autocomplete="off" - style="width:85%" - ></el-input> - </el-form-item> - <el-form-item - :label="$t('userManage.resManageObj.depid')" - :label-width="formLabelWidth" - > - <el-select - :popper-append-to-body="false" - v-model="upform.depValue" - placeholder="璇烽�夋嫨" - style="width:85%" + <el-form-item + :label="$t('userManage.resManageObj.name')" + :label-width="formLabelWidth" > - <el-option - :value="upform.depid" - :label="upform.depValue" - style=" height:auto" + <el-input + v-model="upform.name" + autocomplete="off" + style="width:85%" + ></el-input> + </el-form-item> + <el-form-item + :label="$t('userManage.resManageObj.server')" + :label-width="formLabelWidth" + > + <el-input + v-model="upform.server" + autocomplete="off" + style="width:85%" + ></el-input> + </el-form-item> + <el-form-item + :label="$t('userManage.resManageObj.source')" + :label-width="formLabelWidth" + > + <el-input + v-model="upform.source" + autocomplete="off" + style="width:85%" + ></el-input> + </el-form-item> + <el-form-item + :label="$t('userManage.resManageObj.depid')" + :label-width="formLabelWidth" + > + <el-select + :popper-append-to-body="false" + v-model="upform.depValue" + placeholder="璇烽�夋嫨" + style="width:85%" > - <el-tree - ref="tree1" - :data="dirList" - node-key="id" - :props="props" - @node-click="handleEditDepList" - /> - </el-option> - </el-select> - <!-- <el-input + <el-option + :value="upform.depid" + :label="upform.depValue" + style=" height:auto" + > + <el-tree + ref="tree1" + :data="dirList" + node-key="id" + :props="props" + @node-click="handleEditDepList" + /> + </el-option> + </el-select> + <!-- <el-input v-model="upform.depValue" disabled autocomplete="off" @@ -519,33 +543,33 @@ @click="showDepTree(1)" style="margin-left: 10px" ><i class="el-icon-plus"></i></el-link> --> - </el-form-item> - <el-form-item - :label="$t('userManage.resManageObj.dirid')" - :label-width="formLabelWidth" - > - <el-select - :popper-append-to-body="false" - v-model="upform.dirValue" - placeholder="璇烽�夋嫨" - style="width:85%" + </el-form-item> + <el-form-item + :label="$t('userManage.resManageObj.dirid')" + :label-width="formLabelWidth" > - <el-option - :value="upform.dirid" - :label="upform.dirValue" - style=" height:auto" + <el-select + :popper-append-to-body="false" + v-model="upform.dirValue" + placeholder="璇烽�夋嫨" + style="width:85%" > - <el-tree - ref="tree1" - :data="dirList" - node-key="id" - :props="props" - :default-expand-all="defaultExpand" - @node-click="handleEditDirList" - /> - </el-option> - </el-select> - <!-- <el-input + <el-option + :value="upform.dirid" + :label="upform.dirValue" + style=" height:auto" + > + <el-tree + ref="tree1" + :data="dirList" + node-key="id" + :props="props" + :default-expand-all="defaultExpand" + @node-click="handleEditDirList" + /> + </el-option> + </el-select> + <!-- <el-input v-model="upform.dirValue" disabled autocomplete="off" @@ -555,69 +579,68 @@ @click="showDirTree(1)" style="margin-left: 10px" ><i class="el-icon-plus"></i></el-link> --> - </el-form-item> - <el-form-item - :label="$t('userManage.resManageObj.descr')" - :label-width="formLabelWidth" - > - <el-input - v-model="upform.descr" - autocomplete="off" - style="width:85%" - ></el-input> - </el-form-item> - <el-form-item - :label="$t('userManage.resManageObj.img')" - :label-width="formLabelWidth" - > - <div class="BoxFlex"> - <div class="BoxFlexinput"> - <el-input - v-model="upform.img" - disabled - autocomplete="off" - style="width:100%" - - ></el-input> + </el-form-item> + <el-form-item + :label="$t('userManage.resManageObj.descr')" + :label-width="formLabelWidth" + > + <el-input + v-model="upform.descr" + autocomplete="off" + style="width:85%" + ></el-input> + </el-form-item> + <el-form-item + :label="$t('userManage.resManageObj.img')" + :label-width="formLabelWidth" + > + <div class="BoxFlex"> + <div class="BoxFlexinput"> + <el-input + v-model="upform.img" + disabled + autocomplete="off" + style="width:100%" + ></el-input> + </div> + <div class="BoxFlexbutton"> + <input + name="file1" + :accept="'.jpg,.png'" + type="file" + id="editimageFile" + multiple="multiple" + style="display: none" + @change="updateFile" + /> + <el-link + :underline="false" + @click="getupdateFile" + style="margin-left: 10px" + ><i class="el-icon-plus"></i></el-link> + <el-link + v-if="menuStatus.upload" + :title="$t('common.upload')" + :underline="false" + @click="setUploadFile(1)" + style="margin-left: 10px" + ><i class="el-icon-upload2"></i></el-link> + </div> </div> - <div class="BoxFlexbutton"> - <input - name="file1" - :accept="'.jpg,.png'" - type="file" - id="editimageFile" - multiple="multiple" - style="display: none" - @change="updateFile" - /> - <el-link - :underline="false" - @click="getupdateFile" - style="margin-left: 10px" - ><i class="el-icon-plus"></i></el-link> - <el-link - v-if="menuStatus.upload" - :title="$t('common.upload')" - :underline="false" - @click="setUploadFile(1)" - style="margin-left: 10px" - ><i class="el-icon-upload2"></i></el-link> - </div> - </div> - </el-form-item> - <el-form-item - :label="$t('userManage.resManageObj.bak')" - :label-width="formLabelWidth" - > - <el-input - v-model="upform.bak" - autocomplete="off" - style="width:85%" - ></el-input> + </el-form-item> + <el-form-item + :label="$t('userManage.resManageObj.bak')" + :label-width="formLabelWidth" + > + <el-input + v-model="upform.bak" + autocomplete="off" + style="width:85%" + ></el-input> - </el-form-item> - </el-form> - </div> + </el-form-item> + </el-form> + </div> <div slot="footer" class="dialog-footer" @@ -1029,8 +1052,8 @@ ); this.itemdetail.imageFile = - BASE_URL + "/res/download?guid=" + row.img + "&token=" + token; - console.log(this.itemdetail.imageFile); + BASE_URL + "/comprehensive/downloadForView?guid=" + row.img + "&token=" + token; + }, handleEdit(index, row) { this.getDepList(); -- Gitblit v1.9.3