From 1992296129f04cfb206a34d254b9c251199a8c5b Mon Sep 17 00:00:00 2001
From: 王旭 <1377869194@qq.com>
Date: 星期日, 09 十月 2022 17:59:52 +0800
Subject: [PATCH] 登录，操作，资源日志
---
src/views/datamanage/styleManage.vue | 1187 ++++++++++++++++++++++++++++++++++++----------------------
1 files changed, 730 insertions(+), 457 deletions(-)
diff --git a/src/views/datamanage/styleManage.vue b/src/views/datamanage/styleManage.vue
index 03eafdf..6736c9c 100644
--- a/src/views/datamanage/styleManage.vue
+++ b/src/views/datamanage/styleManage.vue
@@ -1,11 +1,19 @@
<template>
<div class="authorityManagement_box">
- <My-bread :list="['鏁版嵁绠＄悊', '鏍峰紡绠＄悊']"></My-bread>
+ <My-bread
+ :list="[
+ `${$t('dataManage.dataManage')}`,
+ `${$t('dataManage.styleManage')}`,
+ ]"
+ ></My-bread>
<el-divider />
<div class="searchComp">
<el-form ref="ruleForm" :model="ruleForm" :inline="true">
- <el-form-item label="鍏抽敭瀛�" prop="name">
- <el-input v-model="ruleForm.name" placeholder="璇疯緭鍏�" />
+ <el-form-item :label="$t('dataManage.vmobj.keyword')" prop="name">
+ <el-input
+ v-model="ruleForm.name"
+ :placeholder="$t('common.pleaseInput')"
+ />
</el-form-item>
<el-form-item>
<el-button
@@ -13,28 +21,28 @@
icon="el-icon-search"
type="primary"
size="small"
- >鏌ヨ</el-button
+ >{{ $t('common.iquery') }}</el-button
>
<el-button
@click="resetForm('ruleForm')"
icon="el-icon-refresh"
type="info"
size="small"
- >閲嶇疆</el-button
+ >{{ $t('common.empty') }}</el-button
>
<el-button
@click="InsertFormdialog = true"
icon="el-icon-edit"
type="success"
size="small"
- >鏂板</el-button
+ >{{ $t('common.append') }}</el-button
>
<el-button
@click="delStyleData"
icon="el-icon-delete"
type="danger"
size="small"
- >鍒犻櫎</el-button
+ >{{ $t('common.delete') }}</el-button
>
</el-form-item>
</el-form>
@@ -44,61 +52,113 @@
<div class="table_box">
<el-table
:data="tableData"
- border
style="width: 100%"
fit
height="100%"
@selection-change="handleSelectionChange"
>
<el-table-column type="selection" width="55" />
- <el-table-column width="50" type="index" label="搴忓彿" />
- <el-table-column min-width="70" prop="name" label="鏍峰紡鍚嶇О" />
-
- <!-- <el-table-column min-width="70" prop="path" label="瀛樺偍鐩綍" /> -->
- <el-table-column min-width="70" prop="type" label="绫诲瀷" />
- <!-- <el-table-column min-width="70" prop="img" label="鍥剧墖" /> -->
<el-table-column
- min-width="150"
- prop="queryLevel"
- label="鎵�灞炵洰褰�"
+ align="center"
+ type="index"
+ :label="$t('dataManage.styleObj.index')"
+ width="70px"
+ />
+ <el-table-column align="center" prop="id" v-if="false" />
+ <el-table-column
+ align="center"
+ prop="name"
+ :label="$t('dataManage.styleObj.name')"
/>
<el-table-column
- min-width="100"
- prop="create_time"
- label="鍒涘缓鏃堕棿"
+ align="center"
+ prop="type"
+ :label="$t('dataManage.styleObj.type')"
/>
<el-table-column
- min-width="100"
- prop="create_user"
- label="鍒涘缓浜哄憳"
+ align="center"
+ prop="dirName"
+ :label="$t('dataManage.styleObj.dirid')"
/>
- <el-table-column min-width="100" prop="up_time" label="鏇存柊鏃堕棿" />
- <el-table-column min-width="100" prop="up_user" label="鏇存柊浜哄憳" />
- <el-table-column min-width="70" prop="format" label="鏍煎紡" />
- <el-table-column min-width="100" prop="up_unit" label="涓婁紶鍗曚綅" />
- <el-table-column min-width="70" prop="status" label="鐘舵��" />
- <el-table-column min-width="70" prop="version" label="鐗堟湰" />
- <el-table-column min-width="70" prop="accuracy" label="绮惧害" />
- <el-table-column min-width="70" prop="remarks" label="澶囨敞" />
- <el-table-column min-width="100" label="鎿嶄綔">
+ <el-table-column
+ align="center"
+ prop="depName"
+ :label="$t('dataManage.styleObj.depid')"
+ />
+ <el-table-column
+ align="center"
+ prop="ver"
+ :label="$t('dataManage.styleObj.ver')"
+ />
+ <el-table-column
+ align="center"
+ prop="status"
+ :label="$t('dataManage.styleObj.status')"
+ :formatter="formatStatus"
+ />
+ <el-table-column
+ align="center"
+ prop="precision"
+ :label="$t('dataManage.styleObj.precision')"
+ />
+ <el-table-column
+ align="center"
+ prop="descr"
+ :label="$t('dataManage.styleObj.descr')"
+ />
+ <el-table-column
+ align="center"
+ prop="fileGuid"
+ :label="$t('dataManage.styleObj.fileguid')"
+ />
+ <el-table-column
+ align="center"
+ prop="viewGuid"
+ :label="$t('dataManage.styleObj.viewguid')"
+ />
+ <el-table-column
+ align="center"
+ prop="createUser"
+ :label="$t('dataManage.styleObj.createUser')"
+ />
+ <el-table-column
+ align="center"
+ prop="createTime"
+ :label="$t('dataManage.styleObj.createTime')"
+ :formatter="formatTime"
+ />
+ <el-table-column
+ align="center"
+ prop="updateUser"
+ :label="$t('dataManage.styleObj.updateUser')"
+ />
+ <el-table-column
+ align="center"
+ prop="updateTime"
+ :label="$t('dataManage.styleObj.updateTime')"
+ :formatter="formatTime"
+ />
+ <el-table-column
+ align="center"
+ prop="bak"
+ :label="$t('dataManage.styleObj.bak')"
+ />
+ <el-table-column min-width="150" :label="$t('common.operate')">
<template slot-scope="scope">
- <el-link
- :underline="false"
+ <el-button
@click="showDetail(scope.$index, scope.row)"
- >鏌ョ湅</el-link
+ type="primary"
+ plain
+ size="small"
+ >{{ $t('common.see') }}</el-button
>
- <el-link
- :underline="false"
+ <el-button
@click="handleEdit(scope.$index, scope.row)"
- style="margin-left: 10px"
- >淇敼</el-link
+ type="warning"
+ plain
+ size="small"
+ >{{ $t('common.update') }}</el-button
>
- <!-- <el-link
- :underline="false"
- @click="handleDelete(scope.$index, scope.row)"
- style="margin-left: 10px"
- >鍒犻櫎</el-link
- > -->
</template>
</el-table-column>
</el-table>
@@ -110,9 +170,9 @@
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
- :current-page="currentPage1"
+ :current-page="listData.pageIndex"
:page-sizes="[10, 20, 50, 100]"
- :page-size="pageNum"
+ :page-size="listData.pageSize"
layout="total, sizes, prev, pager, next, jumper"
:total="count"
>
@@ -123,369 +183,546 @@
<div class="infoBox" v-show="showinfoBox">
<el-card class="box-card">
<div slot="header" class="clearfix">
- <span>璇︾粏淇℃伅</span>
+ <span>{{ $t('dataManage.styleObj.deInformation') }}</span>
<div style="float: right; cursor: pointer" @click="closeDetial">
<i class="el-icon-close"></i>
</div>
</div>
<div class="contentBox">
- <p>鏍峰紡鍚嶇О锛歿{ itemdetail.name }}</p>
+ <p>
+ <label> {{ $t('dataManage.styleObj.name') }}:</label>
+ <label class="boxlabel">{{ itemdetail.name }}</label>
+ </p>
<el-divider></el-divider>
<p>
- 鏈嶅姟鍦板潃锛歿{ itemdetail.path }}
- <el-link @click="ShowWindowFly(itemdetail.path)" :underline="false" type="primary"
- >璇︽儏</el-link
- >
+ <p>
+ <label> {{ $t('dataManage.styleObj.type') }}:</label>
+ <label class="boxlabel">{{ itemdetail.type }}</label>
</p>
- <el-divider></el-divider>銆�
- <p>绫诲瀷锛歿{ itemdetail.type }}</p>
-
+ </p>
<el-divider></el-divider>
- <p>缂╃暐鍥撅細<img id="showImg" src="" width="200px" height="100px" /></p>
+ <p>
+ <label> {{ $t('dataManage.styleObj.dirid') }}:</label>
+ <label class="boxlabel">{{ itemdetail.dirName }}</label>
+ </p>
<el-divider></el-divider>
- <p>鎵�灞炵洰褰曪細{{ itemdetail.queryLevel }}</p>
-
+ <p>
+ <label> {{ $t('dataManage.styleObj.depid') }}:</label>
+ <label class="boxlabel">{{ itemdetail.depName }}</label>
+ </p>
<el-divider></el-divider>
-
- <p>鏍煎紡锛歿{ itemdetail.format }}</p>
+ <p>
+ <label> {{ $t('dataManage.styleObj.ver') }}:</label>
+ <label class="boxlabel">{{ itemdetail.ver }}</label>
+ </p>
<el-divider></el-divider>
- <p>涓婁紶鍗曚綅锛歿{ itemdetail.up_unit }}</p>
+ <p>
+ <label> {{ $t('dataManage.styleObj.status') }}:</label>
+ <label class="boxlabel">{{ itemdetail.status }}</label>
+ </p>
<el-divider></el-divider>
- <p>鐘舵�侊細{{ itemdetail.status }}</p>
+ <p>
+ <label> {{ $t('dataManage.styleObj.descr') }}:</label>
+ <label class="boxlabel">{{ itemdetail.descr }}</label>
+ </p>
<el-divider></el-divider>
- <p>鐗堟湰锛歿{ itemdetail.version }}</p>
+ <p>
+ <label> {{ $t('dataManage.styleObj.fileguid') }}:</label>
+ <label class="boxlabel">{{ itemdetail.fileguid }}</label>
+ </p>
<el-divider></el-divider>
- <p>绮惧害锛歿{ itemdetail.accuracy }}</p>
+ <p>
+ <label> {{ $t('dataManage.styleObj.viewguid') }}:</label>
+ <label class="boxlabel">{{ itemdetail.viewguid }}</label>
+ </p>
<el-divider></el-divider>
- <p>澶囨敞锛歿{ itemdetail.remarks }}</p>
+ <p>
+ <label> {{ $t('dataManage.styleObj.createUser') }}:</label>
+ <label class="boxlabel">{{ itemdetail.createUser }}</label>
+ </p>
<el-divider></el-divider>
- <p>鍒涘缓鏃堕棿锛歿{ itemdetail.create_time }}</p>
+ <p>
+ <label> {{ $t('dataManage.styleObj.createTime') }}:</label>
+ <label class="boxlabel">{{ itemdetail.createTime }}</label>
+ </p>
<el-divider></el-divider>
- <p>鍒涘缓浜哄憳锛歿{ itemdetail.create_user }}</p>
+ <p>
+ <label> {{ $t('dataManage.styleObj.updateUser') }}:</label>
+ <label class="boxlabel">{{ itemdetail.updateUser }}</label>
+ </p>
<el-divider></el-divider>
- <p>鏇存柊鏃堕棿锛歿{ itemdetail.create_time }}</p>
+ <p>
+ <label> {{ $t('dataManage.styleObj.updateTime') }}:</label>
+ <label class="boxlabel">{{ itemdetail.updateTime }}</label>
+ </p>
<el-divider></el-divider>
- <p>鏇存柊浜哄憳锛歿{ itemdetail.create_user }}</p>
+ <p>
+ <label> {{ $t('dataManage.styleObj.bak') }}:</label>
+ <label class="boxlabel">{{ itemdetail.bak }}</label>
+ </p>
+ <el-divider></el-divider>
</div>
</el-card>
</div>
<el-dialog
title="淇敼璇︽儏"
- top="5vh"
+ top="2vh"
style="overflow: hidden"
:before-close="removeUpdate"
:visible.sync="dialogFormVisible"
>
<el-form :model="upform">
- <el-form-item label="鏍峰紡鍚嶇О" :label-width="formLabelWidth">
+ <el-form-item
+ :label="$t('dataManage.styleObj.name')"
+ :label-width="formLabelWidth"
+ >
<el-input v-model="upform.name" autocomplete="off"></el-input>
</el-form-item>
-
- <el-form-item label="鏂囦欢璺緞" :label-width="formLabelWidth">
- <input
- name="file1"
- :accept="'.fly,.ttf,.emp,.edp'"
- type="file"
- id="flyFile"
- multiple="multiple"
- style="display: none"
- @change="uploadflyFile"
- />
- <el-row>
- <el-col :span="22">
- <el-input v-model="upform.path" disabled class="firstInput"
- /></el-col>
- <el-col :span="2"
- ><el-link
- title="娣诲姞鏁版嵁"
- :underline="false"
- @click="getflyFile"
- style="margin-left: 10px"
- ><i class="el-icon-plus"></i
- ></el-link>
- </el-col>
- </el-row>
- </el-form-item>
- <el-form-item label="鎵�灞炵洰褰�" :label-width="formLabelWidth">
- <el-row>
- <el-col :span="22">
- <el-input
- disabled
- style="display: none"
- v-model="upform.path_id"
- autocomplete="off"
- ></el-input>
- <el-tooltip
- :content="
- upform.queryLevel == '' ? '鏈�夋嫨鐩綍' : upform.queryLevel
- "
- placement="top-start"
- >
- <el-input
- v-model="upform.queryLevel"
- disabled
- class="firstInput"
- />
- </el-tooltip>
- </el-col>
- <el-col :span="2">
- <el-link
- title="閫夋嫨鐩綍"
- :underline="false"
- @click="showCata = true"
- style="margin-left: 10px"
- ><i class="el-icon-plus"></i
- ></el-link>
- </el-col>
- </el-row>
- </el-form-item>
- <el-form-item label="绫诲瀷" :label-width="formLabelWidth">
+ <el-form-item
+ :label="$t('dataManage.styleObj.type')"
+ :label-width="formLabelWidth"
+ >
<el-input v-model="upform.type" autocomplete="off"></el-input>
</el-form-item>
- <el-form-item label="鏍煎紡" :label-width="formLabelWidth">
- <el-input v-model="upform.format" autocomplete="off"></el-input>
+ <el-form-item
+ :label="$t('dataManage.styleObj.dirid')"
+ :label-width="formLabelWidth"
+ >
+ <el-input
+ v-model="upform.dirValue"
+ disabled
+ autocomplete="off"
+ ></el-input
+ ><el-link
+ :underline="false"
+ @click="showDirTree(1)"
+ style="margin-left: 10px"
+ ><i class="el-icon-plus"></i
+ ></el-link>
</el-form-item>
- <el-form-item label="涓婁紶鍗曚綅" :label-width="formLabelWidth">
- <el-input v-model="upform.up_unit" autocomplete="off"></el-input>
+ <el-form-item
+ :label="$t('dataManage.styleObj.depid')"
+ :label-width="formLabelWidth"
+ >
+ <el-input
+ v-model="upform.depValue"
+ disabled
+ autocomplete="off"
+ ></el-input>
+ <el-link
+ :underline="false"
+ @click="showDepTree(1)"
+ style="margin-left: 10px"
+ ><i class="el-icon-plus"></i
+ ></el-link>
</el-form-item>
- <el-form-item label="鐘舵��" :label-width="formLabelWidth">
- <el-input v-model="upform.status" autocomplete="off"></el-input>
+ <el-form-item
+ :label="$t('dataManage.styleObj.ver')"
+ :label-width="formLabelWidth"
+ >
+ <el-input v-model="upform.ver" autocomplete="off"></el-input>
</el-form-item>
- <el-form-item label="鐗堟湰" :label-width="formLabelWidth">
- <el-input v-model="upform.version" autocomplete="off"></el-input>
+ <el-form-item
+ :label="$t('dataManage.styleObj.status')"
+ :label-width="formLabelWidth"
+ >
+ <el-select
+ v-model="upform.status"
+ style="width: 745px"
+ :placeholder="$t('common.choose')"
+ >
+ <el-option
+ value="0"
+ :label="$t('dataManage.styleObj.deactivate')"
+ ></el-option>
+ <el-option
+ value="1"
+ :label="$t('dataManage.styleObj.enable')"
+ ></el-option>
+ </el-select>
</el-form-item>
- <el-form-item label="绮惧害" :label-width="formLabelWidth">
- <el-input v-model="upform.accuracy" autocomplete="off"></el-input>
+ <el-form-item
+ :label="$t('dataManage.styleObj.precision')"
+ :label-width="formLabelWidth"
+ >
+ <el-input
+ v-model="upform.precision"
+ autocomplete="off"
+ ></el-input>
</el-form-item>
- <el-form-item label="澶囨敞" :label-width="formLabelWidth">
- <el-input v-model="upform.remarks" autocomplete="off"></el-input>
+ <el-form-item
+ :label="$t('dataManage.styleObj.descr')"
+ :label-width="formLabelWidth"
+ >
+ <el-input v-model="upform.descr" autocomplete="off"></el-input>
</el-form-item>
- <el-form-item label="缂╃暐鍥�" :label-width="formLabelWidth">
- <input
- name="file1"
- :accept="'.jpg,.png'"
- type="file"
- id="imageFile"
- multiple="multiple"
- style="display: none"
- @change="uploadFile"
- />
- <el-row>
- <el-col :span="22">
- <el-input v-model="upform.img" disabled class="firstInput"
- /></el-col>
- <el-col :span="2"
- ><el-link
- title="娣诲姞鏁版嵁"
- :underline="false"
- @click="getImageFile"
- style="margin-left: 10px"
- ><i class="el-icon-plus"></i
- ></el-link>
- </el-col>
- </el-row>
+ <el-form-item
+ :label="$t('dataManage.styleObj.fileguid')"
+ :label-width="formLabelWidth"
+ >
+ <el-input v-model="upform.fileGuid" autocomplete="off"></el-input>
+ </el-form-item>
+ <el-form-item
+ :label="$t('dataManage.styleObj.viewguid')"
+ :label-width="formLabelWidth"
+ >
+ <el-input v-model="upform.viewGuid" autocomplete="off"></el-input>
+ </el-form-item>
+ <el-form-item
+ :label="$t('dataManage.styleObj.bak')"
+ :label-width="formLabelWidth"
+ >
+ <el-input v-model="upform.bak" autocomplete="off"></el-input>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
- <el-button @click="removeUpdate">鍙� 娑�</el-button>
- <el-button type="primary" @click="updateForm">纭� 瀹�</el-button>
+ <el-button @click="removeUpdate">{{$t('common.close')}}</el-button>
+ <el-button type="primary" @click="updateForm">{{$t('common.confirm')}}</el-button>
</div>
</el-dialog>
<el-dialog
- title="娣诲姞鏁版嵁"
- top="5vh"
+ :title="$t('dataManage.styleObj.addStyleData')"
+ top="2vh"
style="overflow: hidden"
:visible.sync="InsertFormdialog"
>
<el-form :model="insertform">
- <el-form-item label="鏍峰紡鍚嶇О" :label-width="formLabelWidth">
+ <el-form-item
+ :label="$t('dataManage.styleObj.name')"
+ :label-width="formLabelWidth"
+ >
<el-input v-model="insertform.name" autocomplete="off"></el-input>
</el-form-item>
- <el-form-item label="鏂囦欢璺緞" :label-width="formLabelWidth">
- <input
- name="file1"
- :accept="'.fly,.ttf,.emp,.edp'"
- type="file"
- id="flyFile"
- multiple="multiple"
- style="display: none"
- @change="uploadflyFile"
- />
- <el-row>
- <el-col :span="22">
- <el-input v-model="insertform.path" disabled class="firstInput"
- /></el-col>
- <el-col :span="2"
- ><el-link
- title="娣诲姞鏁版嵁"
- :underline="false"
- @click="getflyFile"
- style="margin-left: 10px"
- ><i class="el-icon-plus"></i
- ></el-link>
- </el-col>
- </el-row>
- </el-form-item>
- <el-form-item label="鎵�灞炵洰褰�" :label-width="formLabelWidth">
- <el-row>
- <el-col :span="22">
- <el-input
- disabled
- style="display: none"
- v-model="insertform.path_id"
- autocomplete="off"
- ></el-input>
- <el-tooltip
- :content="
- insertform.queryLevel == ''
- ? '鏈�夋嫨鐩綍'
- : insertform.queryLevel
- "
- placement="top-start"
- >
- <el-input
- v-model="insertform.queryLevel"
- disabled
- class="firstInput"
- />
- </el-tooltip>
- </el-col>
- <el-col :span="2">
- <el-link
- title="閫夋嫨鐩綍"
- :underline="false"
- @click="showCata = true"
- style="margin-left: 10px"
- ><i class="el-icon-plus"></i
- ></el-link>
- </el-col>
- </el-row>
- </el-form-item>
- <el-form-item label="绫诲瀷" :label-width="formLabelWidth">
+ <el-form-item
+ :label="$t('dataManage.styleObj.type')"
+ :label-width="formLabelWidth"
+ >
<el-input v-model="insertform.type" autocomplete="off"></el-input>
</el-form-item>
- <el-form-item label="鏍煎紡" :label-width="formLabelWidth">
- <el-input v-model="insertform.format" autocomplete="off"></el-input>
+ <el-form-item
+ :label="$t('dataManage.styleObj.dirid')"
+ :label-width="formLabelWidth"
+ >
+ <el-input
+ v-model="insertform.dirValue"
+ disabled
+ autocomplete="off"
+ ></el-input
+ ><el-link
+ :underline="false"
+ @click="showDirTree(0)"
+ style="margin-left: 10px"
+ ><i class="el-icon-plus"></i
+ ></el-link>
</el-form-item>
- <el-form-item label="涓婁紶鍗曚綅" :label-width="formLabelWidth">
- <el-input v-model="insertform.up_unit" autocomplete="off"></el-input>
+ <el-form-item
+ :label="$t('dataManage.styleObj.depid')"
+ :label-width="formLabelWidth"
+ >
+ <el-input
+ v-model="insertform.depValue"
+ disabled
+ autocomplete="off"
+ ></el-input>
+ <el-link
+ :underline="false"
+ @click="showDepTree(0)"
+ style="margin-left: 10px"
+ ><i class="el-icon-plus"></i
+ ></el-link>
</el-form-item>
- <el-form-item label="鐘舵��" :label-width="formLabelWidth">
- <el-input v-model="insertform.status" autocomplete="off"></el-input>
+ <el-form-item
+ :label="$t('dataManage.styleObj.ver')"
+ :label-width="formLabelWidth"
+ >
+ <el-input v-model="insertform.ver" autocomplete="off"></el-input>
</el-form-item>
- <el-form-item label="鐗堟湰" :label-width="formLabelWidth">
- <el-input v-model="insertform.version" autocomplete="off"></el-input>
+ <el-form-item
+ :label="$t('dataManage.styleObj.status')"
+ :label-width="formLabelWidth"
+ >
+ <el-select
+ v-model="insertform.status"
+ style="width: 745px"
+ :placeholder="$t('common.choose')"
+ >
+ <el-option
+ value="0"
+ :label="$t('dataManage.styleObj.deactivate')"
+ ></el-option>
+ <el-option
+ value="1"
+ :label="$t('dataManage.styleObj.enable')"
+ ></el-option>
+ </el-select>
</el-form-item>
- <el-form-item label="绮惧害" :label-width="formLabelWidth">
- <el-input v-model="insertform.accuracy" autocomplete="off"></el-input>
+ <el-form-item
+ :label="$t('dataManage.styleObj.precision')"
+ :label-width="formLabelWidth"
+ >
+ <el-input
+ v-model="insertform.precision"
+ autocomplete="off"
+ ></el-input>
</el-form-item>
- <el-form-item label="澶囨敞" :label-width="formLabelWidth">
- <el-input v-model="insertform.remarks" autocomplete="off"></el-input>
+ <el-form-item
+ :label="$t('dataManage.styleObj.descr')"
+ :label-width="formLabelWidth"
+ >
+ <el-input v-model="insertform.descr" autocomplete="off"></el-input>
</el-form-item>
- <el-form-item label="缂╃暐鍥�" :label-width="formLabelWidth">
- <input
- name="file1"
- :accept="'.jpg,.png'"
- type="file"
- id="imageFile"
- multiple="multiple"
- style="display: none"
- @change="uploadFile"
- />
- <el-row>
- <el-col :span="22">
- <el-input v-model="insertform.img" disabled class="firstInput"
- /></el-col>
- <el-col :span="2"
- ><el-link
- title="娣诲姞鏁版嵁"
- :underline="false"
- @click="getImageFile"
- style="margin-left: 10px"
- ><i class="el-icon-plus"></i
- ></el-link>
- </el-col>
- </el-row>
+ <el-form-item
+ :label="$t('dataManage.styleObj.fileguid')"
+ :label-width="formLabelWidth"
+ >
+ <el-input v-model="insertform.fileGuid" autocomplete="off"></el-input>
+ </el-form-item>
+ <el-form-item
+ :label="$t('dataManage.styleObj.viewguid')"
+ :label-width="formLabelWidth"
+ >
+ <el-input v-model="insertform.viewGuid" autocomplete="off"></el-input>
+ </el-form-item>
+ <el-form-item
+ :label="$t('dataManage.styleObj.bak')"
+ :label-width="formLabelWidth"
+ >
+ <el-input v-model="insertform.bak" autocomplete="off"></el-input>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
- <el-button @click="InsertFormdialog = false">鍙� 娑�</el-button>
- <el-button type="primary" @click="insertFromData">纭� 瀹�</el-button>
+ <el-button @click="insertFromDataClose">{{$t('common.close')}}</el-button>
+ <el-button type="primary" @click="insertFromData">{{$t('common.confirm')}}</el-button>
</div>
</el-dialog>
- <div class="leftTree" v-show="showCata">
- <div class="treeBox"><catalogueTree></catalogueTree></div>
+ <div class="leftTree" v-if="showDirCata">
+ <div class="treeBox">
+ <style-dir-tree></style-dir-tree>
+ </div>
<div class="btnBox">
- <el-button type="primary" size="small" @click="selectCataName"
- >纭畾</el-button
- >
- <el-button type="primary" size="small" @click="showCata = false"
- >鍙栨秷</el-button
- >
+ <el-button type="primary" size="small" @click="selectDirCataName">{{
+ $t('common.confirm')
+ }}</el-button>
+ <el-button type="primary" size="small" @click="showDirCata = false">{{
+ $t('common.close')
+ }}</el-button>
+ </div>
+ </div>
+ <div class="leftTree" v-if="showDepCata">
+ <div class="treeBox">
+ <style-dep-tree></style-dep-tree>
+ </div>
+ <div class="btnBox">
+ <el-button type="primary" size="small" @click="selectDepCataName">{{
+ $t('common.confirm')
+ }}</el-button>
+ <el-button type="primary" size="small" @click="showDepCata = false">{{
+ $t('common.close')
+ }}</el-button>
</div>
</div>
</div>
</template>
<script>
-import $ from "jquery";
+import $ from 'jquery';
+import moment from 'moment';
+import MyBread from '../../components/MyBread.vue';
+import styleDirTree from './styleDirTree.vue';
+import styleDepTree from './styleDepTree.vue';
import {
- StyleQuery,
- StyleCounnt,
- DeletestStyle,
- InsertStyle,
- UpdateStyle,
-} from "../../api/api";
-import MyBread from "../../components/MyBread.vue";
-import catalogueTree from "../../components/catalogueTree.vue";
+ select_Style_ByPageAndCount,
+ insertStyle,
+ deleteStyles,
+ updateStyle
+} from '../../api/api';
export default {
- name: "styleManage",
- components: { MyBread, catalogueTree },
+ name: 'styleManage',
+ components: { MyBread, styleDirTree, styleDepTree },
data() {
return {
dialogFormVisible: false,
InsertFormdialog: false,
showCata: false,
upform: {},
- formLabelWidth: "100px",
+ formLabelWidth: '130px',
showinfoBox: false,
itemdetail: {},
ruleForm: {
- name: "",
},
- tableData: [],
- insertform: {
- img: "",
- path: "",
- },
+
backupData: [],
- currentPage1: 0,
- pageSize: 1,
- pageNum: 10,
- count: 0,
- searchName: "",
+
+ searchName: '',
multipleSelection: [],
upflag: false,
+ /** */
+ showDirCata: false,
+ showDepCata: false,
+ tableData: [],
+ insertform: {},
+ dirFlag: null,
+ depFlag: null,
+ count: 0,
+ listData: {
+ name: null,
+ pageIndex: 1,
+ pageSize: 10,
+ },
};
},
created() {
- this.startFromData();
+ this.getRoleTabelData();
},
methods: {
+ handleSelectionChange(val) {
+ this.multipleSelection = val;
+ },
+
+ handleSizeChange(val) {
+ this.listData.pageSize = val;
+ this.getRoleTabelData();
+ },
+ handleCurrentChange(val) {
+ this.listData.pageIndex = val;
+ this.getRoleTabelData();
+ },
+ async delStyleData() {
+ var std = [];
+ for (var i in this.multipleSelection) {
+ std.push(this.multipleSelection[i].id);
+ }
+ const data = await deleteStyles({ ids: std.toString() });
+ if (data.code == 200) {
+ this.$message({
+ message: '鍒犻櫎鎴愬姛锛�',
+ type: 'success',
+ });
+ this.getRoleTabelData();
+ } else {
+ this.$message({
+ message: '鍒犻櫎澶辫触锛�',
+ type: 'warning',
+ });
+ }
+ },
+ showDirTree(res) {
+ this.dirFlag = res;
+ this.showDirCata = true;
+ },
+ showDepTree(res) {
+ this.depFlag = res;
+ this.showDepCata = true;
+ },
+ selectDepCataName() {
+ this.showDepCata = false;
+ switch (this.depFlag) {
+ case 0:
+ this.insertform.depValue = this.$store.state.styleDepCateNodes.name;
+ this.insertform.depid = this.$store.state.styleDepCateNodes.id;
+ break;
+ case 1:
+ this.upform.depValue = this.$store.state.styleDepCateNodes.name;
+ this.upform.depid = this.$store.state.styleDepCateNodes.id;
+ break;
+ }
+ },
+ selectDirCataName() {
+ this.showDirCata = false;
+ switch (this.dirFlag) {
+ case 0:
+ // var data = this.$store.state.styleDirCateNodes;
+ this.insertform.dirValue = this.$store.state.styleDirCateNodes.name;
+ this.insertform.dirid = this.$store.state.styleDirCateNodes.id;
+ break;
+ case 1:
+ this.upform.dirValue = this.$store.state.styleDirCateNodes.name;
+ this.upform.dirid = this.$store.state.styleDirCateNodes.id;
+ break;
+ }
+ },
+ insertFromDataClose() {
+ this.InsertFormdialog = false;
+ this.insertform = {};
+ },
+ async insertFromData() {
+ if (this.insertform.dirid == null || this.insertform.depid == null) {
+ this.$message({
+ message: '璇烽�夋嫨鏍峰紡鎵�灞炵殑鐩綍鎴栧崟浣�',
+ type: 'warning',
+ });
+ return;
+ }
+ const data = await insertStyle(this.insertform);
+ if (data.code == 200) {
+ this.InsertFormdialog = false;
+ this.insertform = {};
+ this.$message({
+ message: '娣诲姞鎴愬姛锛�',
+ type: 'success',
+ });
+ this.getRoleTabelData();
+ } else {
+ this.$message({
+ message: '娣诲姞澶辫触锛�',
+ type: 'warning',
+ });
+ }
+ },
+ async getRoleTabelData() {
+ if (this.listData.tab == '') {
+ delete this.listData.tab;
+ }
+ this.listData.name = this.ruleForm.name;
+ const data = await select_Style_ByPageAndCount(this.listData);
+ if (data.code != 200) {
+ this.$message.error('鍒楄〃璋冪敤澶辫触');
+ }
+ this.tableData = data.result;
+ this.count = data.count;
+ },
+ formatTime(row, column) {
+ let date = row[column.property];
+ return this.formomentTime(date);
+ },
+ formomentTime(date) {
+ if (date === undefined || date === null) {
+ return;
+ }
+ return moment(parseInt(date)).format('YYYY-MM-DD HH:mm:ss');
+ },
+ formatStatus(row, column) {
+ let date = row[column.property];
+ return this.forMontStatus(date);
+ },
+ forMontStatus(date) {
+ if (date === undefined || date === null) {
+ return;
+ }
+ switch (date) {
+ case 1:
+ return '鍚敤';
+ break;
+ case 0:
+ return '鍋滅敤';
+ break;
+ }
+ },
+ /** */
getflyFile() {
- $("#flyFile").click();
+ $('#flyFile').click();
},
getImageFile() {
- $("#imageFile").click();
+ $('#imageFile').click();
},
uploadflyFile() {
- var val = document.getElementById("flyFile").files;
+ var val = document.getElementById('flyFile').files;
if (!val || !val.length) return;
if (!val || !val.length) return;
var formData = new FormData();
- formData.append("file0", val[0]);
- var res = $.ajax(serverUrl + "Style/Upload", {
- type: "post",
+ formData.append('file0', val[0]);
+ var res = $.ajax(serverUrl + 'Style/Upload', {
+ type: 'post',
data: formData,
async: false,
cache: false,
@@ -507,12 +744,12 @@
},
//鍥剧墖涓婁紶
uploadFile() {
- var val = document.getElementById("imageFile").files;
+ var val = document.getElementById('imageFile').files;
if (!val || !val.length) return;
var formData = new FormData();
- formData.append("file0", val[0]);
- var res = $.ajax(serverUrl + "Style/Upload", {
- type: "post",
+ formData.append('file0', val[0]);
+ var res = $.ajax(serverUrl + 'Style/Upload', {
+ type: 'post',
data: formData,
async: false,
cache: false,
@@ -541,8 +778,8 @@
this.insertform.path_id = this.$store.state.cataNode.id;
}
- this.$store.commit("changeCata", ""); //娓呯┖state鐨勯潰鍖呭睉
- this.$store.commit("changeNode", ""); //娓呯┖state鐨勮妭鐐瑰璞�
+ this.$store.commit('changeCata', ''); //娓呯┖state鐨勯潰鍖呭睉
+ this.$store.commit('changeNode', ''); //娓呯┖state鐨勮妭鐐瑰璞�
this.showCata = false;
},
startFromData() {
@@ -552,19 +789,10 @@
this.getStyleData(this.pageNum, this.pageSize, this.searchName);
this.getStyleDataCount(this.searchName);
},
- insertFromData() {
- this.InsertFormdialog = false;
- InsertStyle(this.insertform).then((res) => {});
- this.insertform = {
- img: "",
- path: "",
- };
- this.startFromData();
- },
+
// 璇锋眰鏁版嵁
getStyleData(size, index, name) {
StyleQuery(size, index, name).then((res) => {
- console.log(res);
this.tableData = res.data;
});
},
@@ -575,62 +803,81 @@
});
},
addstyle() {
- this.$router.push("/addstyle");
+ this.$router.push('/addstyle');
},
- updateForm() {
- var that = this;
- this.$confirm("鏄惁淇濆瓨淇敼?", "鎻愮ず", {
- confirmButtonText: "纭畾",
- cancelButtonText: "鍙栨秷",
- type: "warning",
- })
- .then(() => {
- this.dialogFormVisible = false;
- this.upflag = false;
- UpdateStyle(that.upform).then((res) => {
- that.startFromData();
- });
-
- this.$message({
- message: "淇敼鎴愬姛",
- type: "success",
- });
- })
- .catch(() => {
- that.upflag = false;
+ statusFormat(res){
+ switch(res){
+ case "鍚敤":
+ return 1;
+ break;
+ case "鍋滅敤":
+ return 0;
+ break;
+ case "Start Using":
+ return 1;
+ break;
+ case "Stop Using":
+ return 0;
+ break;
+ }
+ },
+ async updateForm() {
+ if (this.upform.dirid == null || this.upform.depid == null) {
+ this.$message({
+ message: '璇烽�夋嫨鏍峰紡鎵�灞炵殑鐩綍鎴栧崟浣�',
+ type: 'warning',
});
+ return;
+ }
+ if(Number.isInteger(this.upform.status) == false){
+ this.upform.status = this.statusFormat(this.upform.status)
+ }
+ const data = await updateStyle(this.upform);
+ if (data.code == 200) {
+ this.dialogFormVisible = false;
+ this.upform = {};
+ this.$message({
+ message: '淇敼鎴愬姛锛�',
+ type: 'success',
+ });
+ this.getRoleTabelData();
+ } else {
+ this.$message({
+ message: '淇敼澶辫触锛�',
+ type: 'warning',
+ });
+ }
+
+
},
removeUpdate() {
this.upflag = false;
this.dialogFormVisible = false;
+ this.upform = {}
},
submitForm(formName) {
- this.$refs[formName].validate((valid) => {
- if (valid) {
- this.searchName = this.ruleForm.name.trim();
- this.startFromData();
- } else {
- console.log("error submit!!");
- return false;
- }
- });
+ this.getRoleTabelData()
+ // this.$refs[formName].validate((valid) => {
+ // if (valid) {
+ // this.searchName = this.ruleForm.name.trim();
+ // this.startFromData();
+ // } else {
+ // console.log('error submit!!');
+ // return false;
+ // }
+ // });
},
resetForm(formName) {
- this.tableData = this.backupData;
- this.$refs[formName].resetFields();
- this.searchName = "";
- this.startFromData();
+ this.ruleForm ={}
+ this.getRoleTabelData();
},
showDetail(index, row) {
- console.log(index, row);
- var value = serverUrl + row.img;
-
- var img = document.getElementById("showImg");
-
- img.setAttribute("src", value);
this.showinfoBox = true;
this.itemdetail = row;
+ this.itemdetail.createTime = this.formomentTime(this.itemdetail.createTime);
+ this.itemdetail.updateTime = this.formomentTime(this.itemdetail.updateTime);
+
},
closeDetial() {
this.showinfoBox = false;
@@ -638,65 +885,37 @@
},
handleEdit(index, row) {
+
this.upflag = true;
this.dialogFormVisible = true;
this.upform = row;
+ this.upform.depValue = row.depName;
+ this.upform.dirValue = row.dirName;
+ this.upform.status = this.forMontStatus(row.status)
},
handleDelete(index, row) {
- this.$confirm("纭畾鏄惁鍒犻櫎?", "鎻愮ず", {
- confirmButtonText: "纭畾",
- cancelButtonText: "鍙栨秷",
- type: "warning",
+ this.$confirm('纭畾鏄惁鍒犻櫎?', '鎻愮ず', {
+ confirmButtonText: '纭畾',
+ cancelButtonText: '鍙栨秷',
+ type: 'warning',
})
.then(() => {
DeletestStyle([row.id]);
this.$message({
- type: "success",
- message: "鍒犻櫎鎴愬姛!",
+ type: 'success',
+ message: '鍒犻櫎鎴愬姛!',
});
this.startFromData();
})
- .catch(() => {});
+ .catch(() => { });
},
// 鑾峰彇澶氶��
- handleSelectionChange(val) {
- this.multipleSelection = val;
- },
- delStyleData() {
- var std = [];
- for (var i in this.multipleSelection) {
- std.push(this.multipleSelection[i].id);
- }
- this.$confirm("纭畾鏄惁鍒犻櫎鎵�閫夊唴瀹�?", "鎻愮ず", {
- confirmButtonText: "纭畾",
- cancelButtonText: "鍙栨秷",
- type: "warning",
- })
- .then(() => {
- DeletestStyle(std);
- this.$message({
- type: "success",
- message: "鍒犻櫎鎴愬姛!",
- });
- this.startFromData();
- })
- .catch(() => {});
- },
- handleSizeChange(val) {
- this.pageNum = val;
- this.getStyleData(this.pageNum, 1, this.searchName);
- this.getStyleDataCount(this.searchName);
- },
- handleCurrentChange(val) {
- this.pageSize = val;
- this.getStyleData(this.pageNum, this.pageSize, this.searchName);
- this.getStyleDataCount(this.searchName);
- },
+
ShowWindowFly(res) {
window.open(
- ifreamUrl+"/LFWeb/poper.html?name="+res,
- "",
- "height=800, width=1500, top=150, left=350, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no"
+ ifreamUrl + '/LFWeb/poper.html?name=' + res,
+ '',
+ 'height=800, width=1500, top=150, left=350, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no'
);
},
},
@@ -714,6 +933,7 @@
.el-input {
width: 745px;
}
+
.searchComp {
margin: 10px auto;
background: #fff;
@@ -731,7 +951,7 @@
z-index: 10;
z-index: 9999;
top: 100px;
- left: 600px;
+ left: 800px;
width: 400px;
height: 600px;
background: #f0f2f5;
@@ -761,53 +981,53 @@
margin: 0 auto;
overflow: auto;
background: #fff;
- .el-table {
- height: 100%;
- // overflow: auto;
- }
- .el-table /deep/ .el-table__header-wrapper tr th {
- background-color: rgb(255, 255, 255) !important;
- color: rgb(0, 0, 0);
- }
- // 淇敼姣忚鏍峰紡锛�
- .el-table /deep/ .el-table__row {
- background-color: rgba(255, 255, 255) !important;
- color: rgb(0, 0, 0);
- }
- .el-table /deep/ .el-table__body tr.current-row > td {
- background-color: rgb(211, 211, 211) !important;
- }
- .el-table /deep/ .el-table__body tr:hover > td {
- background-color: rgb(211, 211, 211) !important;
- }
- // 淇敼琛ㄦ牸姣忚杈规鐨勬牱寮忥細
- .el-table /deep/ td,
- .el-table /deep/ th.is-leaf {
- border-bottom: 1px solid #eee;
- border-right: 1px solid #eee;
- }
- .el-table /deep/ .el-table__cell {
- padding: 0;
- }
- // 璁剧疆琛ㄦ牸姣忚鐨勯珮搴︼細
- .el-table /deep/ .el-table__header tr,
- .el-table /deep/ .el-table__header th {
- height: 40px;
- }
- .el-table__body tr,
- .el-table__body td {
- height: 40px;
- padding: 0;
- }
- // 璁剧疆琛ㄦ牸杈规棰滆壊锛�
+ // .el-table {
+ // height: 100%;
+ // // overflow: auto;
+ // }
+ // .el-table /deep/ .el-table__header-wrapper tr th {
+ // background-color: rgb(255, 255, 255) !important;
+ // color: rgb(0, 0, 0);
+ // }
+ // // 淇敼姣忚鏍峰紡锛�
+ // .el-table /deep/ .el-table__row {
+ // background-color: rgba(255, 255, 255) !important;
+ // color: rgb(0, 0, 0);
+ // }
+ // .el-table /deep/ .el-table__body tr.current-row > td {
+ // background-color: rgb(211, 211, 211) !important;
+ // }
+ // .el-table /deep/ .el-table__body tr:hover > td {
+ // background-color: rgb(211, 211, 211) !important;
+ // }
+ // // 淇敼琛ㄦ牸姣忚杈规鐨勬牱寮忥細
+ // .el-table /deep/ td,
+ // .el-table /deep/ th.is-leaf {
+ // border-bottom: 1px solid #eee;
+ // border-right: 1px solid #eee;
+ // }
+ // .el-table /deep/ .el-table__cell {
+ // padding: 0;
+ // }
+ // // 璁剧疆琛ㄦ牸姣忚鐨勯珮搴︼細
+ // .el-table /deep/ .el-table__header tr,
+ // .el-table /deep/ .el-table__header th {
+ // height: 40px;
+ // }
+ // .el-table__body tr,
+ // .el-table__body td {
+ // height: 40px;
+ // padding: 0;
+ // }
+ // // 璁剧疆琛ㄦ牸杈规棰滆壊锛�
- .el-table--border::after,
- .el-table--group::after {
- width: 0;
- }
- .el-table::before {
- height: 0;
- }
+ // .el-table--border::after,
+ // .el-table--group::after {
+ // width: 0;
+ // }
+ // .el-table::before {
+ // height: 0;
+ // }
// a {
// color: #000;
// }
@@ -838,7 +1058,60 @@
// margin-bottom: 10px;
font-size: 14px;
}
+ .boxlabel {
+ margin-left: 10px;
+ }
+ }
+ /* 鏁翠綋鏍峰紡 */
+ .contentBox::-webkit-scrollbar {
+ width: 6px;
+ height: 6px;
+ }
+
+ /* 婊氬姩鏉� */
+ .contentBox::-webkit-scrollbar-thumb {
+ background-color: #b3d8ff;
+ border-radius: 6px;
+ }
+
+ /* 婊氬姩鏉￠紶鏍囩粡杩囨牱寮� */
+ .contentBox::-webkit-scrollbar-thumb:hover {
+ background-color: #b3d8ff;
+ border-radius: 6px;
+ }
+
+ /* 婊氬姩鏉¤建閬� */
+ .contentBox::-webkit-scrollbar-track-piece {
+ -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
+ border-radius: 10px;
+ background: #ededed;
}
}
}
</style>
+<style>
+/* 鏁翠綋鏍峰紡 */
+.el-table__body-wrapper::-webkit-scrollbar {
+ width: 6px;
+ height: 6px;
+}
+
+/* 婊氬姩鏉� */
+.el-table__body-wrapper::-webkit-scrollbar-thumb {
+ background-color: #b3d8ff;
+ border-radius: 6px;
+}
+
+/* 婊氬姩鏉￠紶鏍囩粡杩囨牱寮� */
+.el-table__body-wrapper::-webkit-scrollbar-thumb:hover {
+ background-color: #66b1ff;
+ border-radius: 8px;
+}
+
+/* 婊氬姩鏉¤建閬� */
+.el-table__body-wrapper::-webkit-scrollbar-track-piece {
+ -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
+ border-radius: 10px;
+ background: #ededed;
+}
+</style>
--
Gitblit v1.9.3