From ca1adeef650c8d07fa8024fcf16f231eb88704df Mon Sep 17 00:00:00 2001 From: xing <xingjs@qq.com> Date: 星期日, 26 二月 2023 11:26:06 +0800 Subject: [PATCH] 20230226@xingjs@优化完善数据管理样式 --- src/views/datamanage/metadataManage.vue | 731 ++++++++-------- src/views/datamanage/styleManage.vue | 1752 +++++++++++++++++++++-------------------- 2 files changed, 1,263 insertions(+), 1,220 deletions(-) diff --git a/src/views/datamanage/metadataManage.vue b/src/views/datamanage/metadataManage.vue index 89f62c9..b6c3685 100644 --- a/src/views/datamanage/metadataManage.vue +++ b/src/views/datamanage/metadataManage.vue @@ -1,32 +1,32 @@ <template> <div class="authorityManagement_box"> <My-bread - :list="[ + :list="[ `${$t('dataManage.dataManage')}`, `${$t('dataManage.metadataManage')}`, ]" ></My-bread> - <el-divider /> + <el-divider/> <div class="inquire subpage_Div" ref="container"> <el-form ref="queryForm" :model="queryForm" :inline="true"> <div class="flex_box"> <div style="margin-right: auto"> <el-form-item> <el-select - :popper-append-to-body="false" - v-model="queryForm.depName" + :popper-append-to-body="false" + v-model="queryForm.depName" > <el-option - :value="queryForm.depid" - :label="queryForm.depName" - style="height: auto" + :value="queryForm.depid" + :label="queryForm.depName" + style="height: auto" > <el-tree - ref="tree" - :data="companyOption1" - node-key="id" - :props="cascader" - @node-click="handleChange1" + ref="tree" + :data="companyOption1" + node-key="id" + :props="cascader" + @node-click="handleChange1" /> </el-option> </el-select> @@ -46,20 +46,20 @@ </el-form-item> <el-form-item> <el-select - :popper-append-to-body="false" - v-model="queryForm.dirName" + :popper-append-to-body="false" + v-model="queryForm.dirName" > <el-option - :value="queryForm.dirid" - :label="queryForm.dirName" - style="height: auto" + :value="queryForm.dirid" + :label="queryForm.dirName" + style="height: auto" > <el-tree - ref="tree" - :data="companyOption" - node-key="id" - :props="cascader" - @node-click="handleChange" + ref="tree" + :data="companyOption" + node-key="id" + :props="cascader" + @node-click="handleChange" /> </el-option> </el-select> @@ -79,64 +79,68 @@ </el-form-item> <el-form-item> <el-select - :popper-append-to-body="false" - v-model="queryForm.verid" - placeholder="璇烽�夋嫨" - @change="verHandleChange($event)" + :popper-append-to-body="false" + v-model="queryForm.verid" + placeholder="璇烽�夋嫨" + @change="verHandleChange($event)" > <el-option - v-for="item in verOptions" - :key="item.id" - :label="item.name" - :value="item.id" + v-for="item in verOptions" + :key="item.id" + :label="item.name" + :value="item.id" > </el-option> </el-select> </el-form-item> <el-form-item prop="name"> <el-input - v-model="queryForm.name" - :placeholder="$t('common.pleaseInput')" - style="width: 200px" - suffix-icon="el-icon-edit" + v-model="queryForm.name" + :placeholder="$t('common.pleaseInput')" + style="width: 200px" + suffix-icon="el-icon-edit" /> </el-form-item> </div> <div> <el-form-item> <el-button - @click="resetInfo('queryForm')" - icon="el-icon-refresh" - type="info" - size="small" - >{{ $t("common.reset") }}</el-button + @click="resetInfo('queryForm')" + icon="el-icon-refresh" + type="info" + size="small" + >{{ $t("common.reset") }} + </el-button > </el-form-item> <el-form-item> <el-button - @click="queryInfo()" - icon="el-icon-search" - class="primary" - size="small" - >{{ $t("common.iquery") }}</el-button + @click="queryInfo()" + icon="el-icon-search" + class="primary" + size="small" + >{{ $t("common.iquery") }} + </el-button > </el-form-item> <el-form-item v-if="btnStatus.delete"> <el-button - type="danger" - size="small" - @click="deleteMetaInfo" - icon="el-icon-delete" - >{{ $t("common.delete") }}</el-button + type="danger" + size="small" + @click="deleteMetaInfo" + icon="el-icon-delete" + >{{ $t("common.delete") }} + </el-button > </el-form-item> <el-form-item v-if="btnStatus.download"> <el-button - @click="downFormData" - icon="el-icon-download" - type="success" - size="small" - >{{ $t("common.download") }}</el-button + @click="downFormData" + icon="el-icon-download" + type="success" + size="small" + >{{ $t("common.download") }} + </el-button > </el-form-item> </div> @@ -189,51 +193,51 @@ <div class="dividing-line"></div> <div class="table_box subpage_Div" :style="styleVar"> <el-table - :data="tableData" - style="width: 100%" - @selection-change="handleSelectionChange" - height="calc(100% - 57px)" + :data="tableData" + style="width: 100%" + @selection-change="handleSelectionChange" + height="calc(100% - 57px)" > - <el-table-column type="selection" width="55" /> + <el-table-column type="selection" width="55"/> <el-table-column - :label="$t('dataManage.dictionaryManageObj.number')" - type="index" - width="50" + :label="$t('dataManage.dictionaryManageObj.number')" + type="index" + width="50" > </el-table-column> <el-table-column :label="$t('dataManage.vmobj.name')"> <template slot-scope="scope"> <span v-if="scope.row.ismeta > 0"> <el-link - style="color: #409eff" - title="婧愭暟鎹煡璇�" - @click="setQueryMetaData(scope.row)" - target="_blank" - >{{ scope.row.name }}</el-link + style="color: #409eff" + title="婧愭暟鎹煡璇�" + @click="setQueryMetaData(scope.row)" + target="_blank" + >{{ scope.row.name }}</el-link > </span> <span v-else>{{ scope.row.name }}</span> </template> </el-table-column> - <el-table-column prop="type" :label="$t('dataManage.vmobj.format')" /> + <el-table-column prop="type" :label="$t('dataManage.vmobj.format')"/> <el-table-column - prop="sizes" - :label="$t('dataManage.vmobj.size')" - :formatter="stateFormatSizes" + prop="sizes" + :label="$t('dataManage.vmobj.size')" + :formatter="stateFormatSizes" /> <el-table-column - prop="depName" - :label="$t('dataManage.vmobj.depName')" + prop="depName" + :label="$t('dataManage.vmobj.depName')" /> <el-table-column - prop="dirName" - :label="$t('dataManage.vmobj.dirName')" - width="200" + prop="dirName" + :label="$t('dataManage.vmobj.dirName')" + width="200" /> <el-table-column - prop="verName" - :label="$t('dataManage.vmobj.versionNumber')" + prop="verName" + :label="$t('dataManage.vmobj.versionNumber')" /> <el-table-column :label="$t('dataManage.dataUpObj.tableName')"> <template slot-scope="scope"> @@ -246,46 +250,48 @@ :label="$t('dataManage.vmobj.tab')" :formatter="formatData" /> --> - <el-table-column prop="rows" :label="$t('dataManage.vmobj.row')" /> + <el-table-column prop="rows" :label="$t('dataManage.vmobj.row')"/> <el-table-column - prop="uname" - :label="$t('dataManage.vmobj.createonuser')" + prop="uname" + :label="$t('dataManage.vmobj.createonuser')" /> <el-table-column - prop="createTime" - :label="$t('dataManage.vmobj.createontime')" - :formatter="formatData" + prop="createTime" + :label="$t('dataManage.vmobj.createontime')" + :formatter="formatData" /> <el-table-column min-width="180" :label="$t('common.operate')"> <template slot-scope="scope"> <el-button - @click="showDetail(scope.row)" - type="primary" - plain - size="small" - >{{ $t("common.details") }}</el-button + @click="showDetail(scope.row)" + type="primary" + plain + size="small" + >{{ $t("common.details") }} + </el-button > <el-button - type="warning" - plain - size="small" - v-if="btnStatus.update" - @click="editInfo(scope.row)" - style="margin-left: 10px" - >{{ $t("common.edit") }}</el-button + type="warning" + plain + size="small" + v-if="btnStatus.update" + @click="editInfo(scope.row)" + style="margin-left: 10px" + >{{ $t("common.edit") }} + </el-button > </template> </el-table-column> </el-table> <div class="pagination_box"> <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" + @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> @@ -344,55 +350,55 @@ </div> <el-dialog - width="80vh" - top="5vh" - :title=" + width="80vh" + top="5vh" + :title=" behavior == '鏂板鐢ㄦ埛' ? `${$t('common.append')}` : `${$t('common.update')}` " - :visible.sync="dialogFormVisible" - :before-close="handleClose" + :visible.sync="dialogFormVisible" + :before-close="handleClose" > <el-form :model="editForm" ref="editForm"> <el-form-item - :label="$t('dataManage.vmobj.name')" - :label-width="formLabelWidth" + :label="$t('dataManage.vmobj.name')" + :label-width="formLabelWidth" > <el-input v-model="editForm.name" autocomplete="off"></el-input> </el-form-item> <el-form-item - :label="$t('dataManage.vmobj.format')" - :label-width="formLabelWidth" + :label="$t('dataManage.vmobj.format')" + :label-width="formLabelWidth" > <el-input v-model="editForm.type" autocomplete="off"></el-input> </el-form-item> <el-form-item - :label="$t('dataManage.vmobj.size')" - :label-width="formLabelWidth" + :label="$t('dataManage.vmobj.size')" + :label-width="formLabelWidth" > <el-input v-model="editForm.sizes" autocomplete="off"></el-input> </el-form-item> <el-form-item - :label="$t('dataManage.vmobj.depName')" - :label-width="formLabelWidth" + :label="$t('dataManage.vmobj.depName')" + :label-width="formLabelWidth" > <el-select - style="width: 100%" - :popper-append-to-body="false" - v-model="editForm.depName" + style="width: 100%" + :popper-append-to-body="false" + v-model="editForm.depName" > <el-option - :value="editForm.depid" - :label="editForm.depName" - style="height: auto" + :value="editForm.depid" + :label="editForm.depName" + style="height: auto" > <el-tree - ref="tree" - :data="companyOption1" - node-key="id" - :props="cascader" - @node-click="handleChange2" + ref="tree" + :data="companyOption1" + node-key="id" + :props="cascader" + @node-click="handleChange2" /> </el-option> </el-select> @@ -404,25 +410,25 @@ ></el-cascader> --> </el-form-item> <el-form-item - :label="$t('dataManage.vmobj.dirName')" - :label-width="formLabelWidth" + :label="$t('dataManage.vmobj.dirName')" + :label-width="formLabelWidth" > <el-select - style="width: 100%" - :popper-append-to-body="false" - v-model="editForm.dirName" + style="width: 100%" + :popper-append-to-body="false" + v-model="editForm.dirName" > <el-option - :value="editForm.dirid" - :label="editForm.dirName" - style="height: auto" + :value="editForm.dirid" + :label="editForm.dirName" + style="height: auto" > <el-tree - ref="tree" - :data="dirComPanyOption" - node-key="id" - :props="cascader" - @node-click="handleChange3" + ref="tree" + :data="dirComPanyOption" + node-key="id" + :props="cascader" + @node-click="handleChange3" /> </el-option> </el-select> @@ -434,8 +440,8 @@ ></el-cascader> --> </el-form-item> <el-form-item - :label="$t('dataManage.vmobj.describe')" - :label-width="formLabelWidth" + :label="$t('dataManage.vmobj.describe')" + :label-width="formLabelWidth" > <el-input v-model="editForm.describe" autocomplete="off"></el-input> </el-form-item> @@ -448,66 +454,70 @@ </el-form> <div v-if="behavior == '淇敼淇℃伅'" slot="footer" class="dialog-footer"> <el-button size="small" @click="cancelEdit()">{{ - $t("common.reset") - }}</el-button> + $t("common.reset") + }} + </el-button> <el-button - size="small" - type="primary" - @click="sendEdit('editForm')" - v-loading.fullscreen.lock="fullscreenLoading" - >{{ $t("common.submit") }}</el-button + size="small" + type="primary" + @click="sendEdit('editForm')" + v-loading.fullscreen.lock="fullscreenLoading" + >{{ $t("common.submit") }} + </el-button > </div> <div v-else slot="footer" class="dialog-footer"> <el-button size="small" @click="cancelAdd('editForm')">{{ - $t("common.reset") - }}</el-button> + $t("common.reset") + }} + </el-button> <el-button - size="small" - type="primary" - @click="sendAdd('editForm')" - v-loading.fullscreen.lock="fullscreenLoading" - >{{ $t("common.submit") }}</el-button + size="small" + type="primary" + @click="sendAdd('editForm')" + v-loading.fullscreen.lock="fullscreenLoading" + >{{ $t("common.submit") }} + </el-button > </div> </el-dialog> <el-dialog - :title="$t('common.details')" - :visible.sync="dialogVisible" - width="70%" + :title="$t('common.details')" + :visible.sync="dialogVisible" + width="70%" > <div style="height: 600px"> <el-table - ref="filterTable" - :data="dbTableData" - height="90%" - border - style="width: 100%" + ref="filterTable" + :data="dbTableData" + height="90%" + border + style="width: 100%" > <el-table-column - width="60" - align="center" - type="index" - :label="$t('common.index')" + width="60" + align="center" + type="index" + :label="$t('common.index')" /> <el-table-column - v-for="(item, index) in attributeData" - :key="index" - :label="item.alias" - :prop="item.field" - show-overflow-tooltip - align="center" + v-for="(item, index) in attributeData" + :key="index" + :label="item.alias" + :prop="item.field" + show-overflow-tooltip + align="center" ></el-table-column> </el-table> <div style="margin-top: 10px" class="pagination_box"> <el-pagination - @size-change="handleLoaderSizeChange" - @current-change="handleLoaderCurrentChange" - :current-page="listLoader.pageIndex" - :page-sizes="[10, 20, 50, 100]" - :page-size="listLoader.pageSize" - layout="total, sizes, prev, pager, next, jumper" - :total="count1" + @size-change="handleLoaderSizeChange" + @current-change="handleLoaderCurrentChange" + :current-page="listLoader.pageIndex" + :page-sizes="[10, 20, 50, 100]" + :page-size="listLoader.pageSize" + layout="total, sizes, prev, pager, next, jumper" + :total="count1" > </el-pagination> </div> @@ -516,43 +526,45 @@ <div class="downloadBox box_div subpage_Div" v-if="showCodeBox"> <h4 style="padding: 20px">{{ $t("common.passworld") }}</h4> <el-form - :model="codeForm" - :rules="rules" - ref="codeForm" - label-width="100px" - class="codeForm" + :model="codeForm" + :rules="rules" + ref="codeForm" + label-width="100px" + class="codeForm" > <el-form-item :label="$t('common.passworld')" prop="password"> <el-input - type="password" - v-model="codeForm.password" - show-password + type="password" + v-model="codeForm.password" + show-password ></el-input> </el-form-item> <el-form-item :label="$t('common.SPassword')" prop="repassword"> <el-input - type="password" - v-model="codeForm.repassword" - show-password + type="password" + v-model="codeForm.repassword" + show-password ></el-input> </el-form-item> <el-form-item> <el-button - class="primary" - size="small" - @click="download('codeForm')" - >{{ $t("common.confirm") }}</el-button + class="primary" + size="small" + @click="download('codeForm')" + >{{ $t("common.confirm") }} + </el-button > <el-button type="info" size="small" @click="closeDown('codeForm')">{{ - $t("common.cancel") - }}</el-button> + $t("common.cancel") + }} + </el-button> </el-form-item> </el-form> </div> <el-dialog - :title="fromQueryMeta.title" - :visible.sync="queryMetaFlag" - width="70%" + :title="fromQueryMeta.title" + :visible.sync="queryMetaFlag" + width="70%" > <div style="height: 65vh; width: 100%"> <el-form :inline="true" :model="fromQueryMeta" class="demo-form-inline"> @@ -562,128 +574,129 @@ <el-form-item> <el-button type="primary" size="small" @click="setSearchMetaData()" - >鏌ヨ</el-button + >鏌ヨ + </el-button > <el-button type="info" size="small" @click="setRestMetaData()" - >閲嶇疆</el-button + >閲嶇疆 + </el-button > </el-form-item> </el-form> <el-table - ref="filterTable" - :data="metaDataTable" - style="width: 100%" - height="calc(100% - 100px)" + ref="filterTable" + :data="metaDataTable" + style="width: 100%" + height="calc(100% - 100px)" > <el-table-column - align="center" - type="index" - :label="$t('common.index')" - width="70px" + align="center" + type="index" + :label="$t('common.index')" + width="70px" ></el-table-column> <el-table-column - align="center" - prop="name" - :label="$t('common.name')" - width="120" + align="center" + prop="name" + :label="$t('common.name')" + width="120" > </el-table-column> <el-table-column - align="center" - prop="dirName" - :label="$t('dataManage.dataUpObj.catalogue')" - width="300" + align="center" + prop="dirName" + :label="$t('dataManage.dataUpObj.catalogue')" + width="300" /> <el-table-column - align="center" - prop="depName" - :label="$t('dataManage.dataUpObj.company')" - width="200" + align="center" + prop="depName" + :label="$t('dataManage.dataUpObj.company')" + width="200" /> <el-table-column - align="center" - prop="verName" - :label="$t('dataManage.dataUpObj.versionNo')" + align="center" + prop="verName" + :label="$t('dataManage.dataUpObj.versionNo')" /> <el-table-column - align="center" - prop="type" - :label="$t('common.type')" + align="center" + prop="type" + :label="$t('common.type')" /> <el-table-column - align="center" - prop="sizes" - :label="$t('common.size')" - :formatter="changeSizeFile" + align="center" + prop="sizes" + :label="$t('common.size')" + :formatter="changeSizeFile" /> <el-table-column - align="center" - :label="$t('dataManage.dataUpObj.tableName')" + align="center" + :label="$t('dataManage.dataUpObj.tableName')" > <template slot-scope="scope"> <a class="scopeRowColor" @click="detail(scope.row)">{{ - scope.row.tab - }}</a> + scope.row.tab + }}</a> </template> </el-table-column> <el-table-column - align="center" - prop="rows" - :label="$t('common.lineNuber')" + align="center" + prop="rows" + :label="$t('common.lineNuber')" /> <el-table-column - align="center" - prop="desc" - :label="$t('dataManage.dataUpObj.describe')" + align="center" + prop="desc" + :label="$t('dataManage.dataUpObj.describe')" /> </el-table> <div class="pagination_box"> <el-pagination - @size-change="handleMetaSizeChange" - @current-change="handMetaCurrentChange" - :current-page="listMetaData.pageIndex" - :page-sizes="[10, 20, 50, 100]" - :page-size="listMetaData.pageSize" - layout="total, sizes, prev, pager, next, jumper" - :total="listMetaData.count" + @size-change="handleMetaSizeChange" + @current-change="handMetaCurrentChange" + :current-page="listMetaData.pageIndex" + :page-sizes="[10, 20, 50, 100]" + :page-size="listMetaData.pageSize" + layout="total, sizes, prev, pager, next, jumper" + :total="listMetaData.count" > </el-pagination> </div> </div> </el-dialog> <iframe - id="downFrame" - src="" - style="display: none; border: 0; padding: 0; height: 0; width: 0" + id="downFrame" + src="" + style="display: none; border: 0; padding: 0; height: 0; width: 0" ></iframe> </div> </template> <script> import $ from "jquery"; -import { getToken } from "@/utils/auth"; +import {getToken} from "@/utils/auth"; import { - select_meta_ByPageAndCount, - // queryDataCount, - updateMeta, deleteMeta, insertMeta, - selectDictTab, - selectdirTab, - selectdepTab, meta_downloadReq, - sign_getPublicKey, + meta_selectByPageForUpload, meta_selectDownloadFile, meta_selectFields, - meta_selectByPageForUpload, - meta_selectVerByDirid, meta_selectPageAndCountByPid, + meta_selectVerByDirid, + select_meta_ByPageAndCount, + selectdepTab, + selectdirTab, + sign_getPublicKey, + updateMeta, } from "../../api/api"; import MyBread from "../../components/MyBread.vue"; + export default { name: "metadataManage", - components: { MyBread }, + components: {MyBread}, data() { var repasswordValidator = (rule, value, callback) => { if (value === "") { @@ -696,7 +709,7 @@ }; var passwordValidator = (rule, value, callback) => { var passwordreg = - /^(?![a-zA-Z]+$)(?![A-Z0-9]+$)(?![A-Z\W!@#$%^&*`~()\\-_+=,.?;<>]+$)(?![a-z0-9]+$)(?![a-z\W!@#$%^&*`~()\\-_+=,.?;<>]+$)(?![0-9\W!@#$%^&*`~()\\-_+=,.?;<>]+$)[a-zA-Z0-9\W!@#$%^&*`~()\\-_+=,.?;<>]{12,20}$/; + /^(?![a-zA-Z]+$)(?![A-Z0-9]+$)(?![A-Z\W!@#$%^&*`~()\\-_+=,.?;<>]+$)(?![a-z0-9]+$)(?![a-z\W!@#$%^&*`~()\\-_+=,.?;<>]+$)(?![0-9\W!@#$%^&*`~()\\-_+=,.?;<>]+$)[a-zA-Z0-9\W!@#$%^&*`~()\\-_+=,.?;<>]{12,20}$/; if (!passwordreg.test(value)) { callback(new Error("瀵嗙爜蹇呴』鐢辨暟瀛椼�佸瓧姣嶃�佺壒娈婂瓧绗︾粍鍚�,璇疯緭鍏�13-20浣�")); } else { @@ -737,12 +750,12 @@ }, rules: { password: [ - { required: true, message: "璇疯緭鍏ュ瘑鐮�", trigger: "blur" }, - { validator: passwordValidator, trigger: "blur" }, + {required: true, message: "璇疯緭鍏ュ瘑鐮�", trigger: "blur"}, + {validator: passwordValidator, trigger: "blur"}, ], repassword: [ - { required: true, message: "璇疯緭鍏ョ‘璁ゅ瘑鐮�", trigger: "blur" }, - { validator: repasswordValidator, trigger: "blur" }, + {required: true, message: "璇疯緭鍏ョ‘璁ゅ瘑鐮�", trigger: "blur"}, + {validator: repasswordValidator, trigger: "blur"}, ], }, tableData: [], @@ -978,7 +991,7 @@ }, async getQueryVerList() { - const data = await meta_selectVerByDirid({ dirid: this.queryForm.dirid }); + const data = await meta_selectVerByDirid({dirid: this.queryForm.dirid}); if (data.code != 200) { this.$message.error("鐗堟湰鍒楄〃鑾峰彇澶辫触"); return; @@ -1050,17 +1063,17 @@ var mm = time.getMinutes(); var s = time.getSeconds(); return ( - y + - "-" + - this.add0(m) + - "-" + - this.add0(d) + - " " + - h + - ":" + - mm + - ":" + - s + y + + "-" + + this.add0(m) + + "-" + + this.add0(d) + + " " + + h + + ":" + + mm + + ":" + + s ); }, //鏍煎紡鍖栨椂闂� @@ -1100,8 +1113,8 @@ let currentPerms = this.$store.state.currentPerms; let permsEntity = this.$store.state.permsEntity; permsEntity - .filter((item) => item.perms == currentPerms) - .map((item) => (this.btnStatus[item.tag.substr(1)] = true)); + .filter((item) => item.perms == currentPerms) + .map((item) => (this.btnStatus[item.tag.substr(1)] = true)); }, // ShowWindowFly(res) { // console.log(res); @@ -1185,26 +1198,26 @@ if (valid) { this.fullscreenLoading = true; insertMeta(this.editForm) - .then((res) => { - setTimeout(() => { + .then((res) => { + setTimeout(() => { + this.fullscreenLoading = false; + if (res.code == 200) { + this.listData.pageSize = 10; + this.listData.pageIndex = 1; + this.getMetaData(); + this.$message({ + message: "娣诲姞鎴愬姛", + type: "success", + }); + this.editForm = {}; + this.dialogFormVisible = false; + } + }, 500); + }) + .catch((res) => { + alert("淇敼澶辫触锛岃閲嶈瘯锛�"); this.fullscreenLoading = false; - if (res.code == 200) { - this.listData.pageSize = 10; - this.listData.pageIndex = 1; - this.getMetaData(); - this.$message({ - message: "娣诲姞鎴愬姛", - type: "success", - }); - this.editForm = {}; - this.dialogFormVisible = false; - } - }, 500); - }) - .catch((res) => { - alert("淇敼澶辫触锛岃閲嶈瘯锛�"); - this.fullscreenLoading = false; - }); + }); } else { console.log("error submit!!"); return false; @@ -1222,30 +1235,30 @@ cancelButtonText: "鍙栨秷", type: "warning", }) - .then(() => { - var std = []; - for (var i in this.multipleSelection) { - std.push(this.multipleSelection[i].id); - } - deleteMeta({ ids: std.toString() }).then((res) => { - if (res.code == 200) { - this.$message({ - type: "success", - message: "鍒犻櫎鎴愬姛!", - }); - this.multipleSelection = []; - this.listData.pageSize = 10; - this.listData.pageIndex = 1; - this.getMetaData(); - } else { - this.$message.error("鍒犻櫎澶辫触"); - this.multipleSelection = []; + .then(() => { + var std = []; + for (var i in this.multipleSelection) { + std.push(this.multipleSelection[i].id); } + deleteMeta({ids: std.toString()}).then((res) => { + if (res.code == 200) { + this.$message({ + type: "success", + message: "鍒犻櫎鎴愬姛!", + }); + this.multipleSelection = []; + this.listData.pageSize = 10; + this.listData.pageIndex = 1; + this.getMetaData(); + } else { + this.$message.error("鍒犻櫎澶辫触"); + this.multipleSelection = []; + } + }); + }) + .catch(() => { + this.$message("宸插彇娑堝垹闄�"); }); - }) - .catch(() => { - this.$message("宸插彇娑堝垹闄�"); - }); }, // 鏌ョ湅鐣岄潰 @@ -1274,11 +1287,12 @@ }, handleClose(done) { this.$confirm("纭鍏抽棴锛�") - .then((_) => { - this.editForm = {}; - done(); - }) - .catch((_) => {}); + .then((_) => { + this.editForm = {}; + done(); + }) + .catch((_) => { + }); }, // 鎻愪氦淇敼 @@ -1288,29 +1302,29 @@ cancelButtonText: "鍙栨秷", type: "warning", }) - .then(() => { - this.dialogFormVisible = false; - updateMeta(this.editForm).then((res) => { - setTimeout(() => { - this.fullscreenLoading = false; - if (res.code == 200) { - this.listData.pageSize = 10; - this.listData.pageIndex = 1; - this.getMetaData(); - this.$message({ - message: "淇敼鎴愬姛", - type: "success", - }); - this.editForm = {}; - this.dialogFormVisible = false; - } - }, 500); + .then(() => { + this.dialogFormVisible = false; + updateMeta(this.editForm).then((res) => { + setTimeout(() => { + this.fullscreenLoading = false; + if (res.code == 200) { + this.listData.pageSize = 10; + this.listData.pageIndex = 1; + this.getMetaData(); + this.$message({ + message: "淇敼鎴愬姛", + type: "success", + }); + this.editForm = {}; + this.dialogFormVisible = false; + } + }, 500); + }); + }) + .catch(() => { + alert("淇敼澶辫触锛岃閲嶈瘯锛�"); + this.fullscreenLoading = false; }); - }) - .catch(() => { - alert("淇敼澶辫触锛岃閲嶈瘯锛�"); - this.fullscreenLoading = false; - }); }, cancelEdit() { this.$nextTick(() => { @@ -1345,13 +1359,13 @@ } var token = getToken(); var url = - BASE_URL + - "/meta/downloadFile?token=" + - token + - "&guid=" + - res.result + - "&pwd=" + - encodeURIComponent(encrypt.encrypt(this.codeForm.repassword)); + BASE_URL + + "/meta/downloadFile?token=" + + token + + "&guid=" + + res.result + + "&pwd=" + + encodeURIComponent(encrypt.encrypt(this.codeForm.repassword)); $("#downFrame").attr("src", url).click(); this.closeDown(); @@ -1417,6 +1431,7 @@ display: block; margin-left: 10px; //杩欎釜鐢ㄤ簬鍦嗙偣灞呬腑 } + .downloadBox { position: absolute; top: 20%; diff --git a/src/views/datamanage/styleManage.vue b/src/views/datamanage/styleManage.vue index a6832f1..d689bc1 100644 --- a/src/views/datamanage/styleManage.vue +++ b/src/views/datamanage/styleManage.vue @@ -4,155 +4,161 @@ `${$t('dataManage.dataManage')}`, `${$t('dataManage.styleManage')}`, ]"></My-bread> - <el-divider /> - <div class="searchComp subpage_Div" ref="container"> + <el-divider/> + <div class="searchComp subpage_Div" ref="container"> <el-form - ref="ruleForm" - :model="ruleForm" - :inline="true" + ref="ruleForm" + :model="ruleForm" + :inline="true" > - <div class="flex_box"> + <div class="flex_box"> <div style="margin-right: auto"> - <el-form-item - :label="$t('dataManage.vmobj.keyword')" - prop="name" - > - <el-input - v-model="ruleForm.name" - :placeholder="$t('common.pleaseInput')" - style="width:200px" - suffix-icon="el-icon-edit" - /> - </el-form-item> + <el-form-item + :label="$t('dataManage.vmobj.keyword')" + prop="name" + > + <el-input + v-model="ruleForm.name" + :placeholder="$t('common.pleaseInput')" + style="width:200px" + suffix-icon="el-icon-edit" + /> + </el-form-item> </div> <div> - <el-form-item> - <el-button - v-if="btnStatus.insert" - @click="setInsertShow()" - icon="el-icon-edit" - type="success" - size="small" - >{{ $t('common.append') }}</el-button> - <el-button - v-if="btnStatus.delete" - @click="delStyleData" - icon="el-icon-delete" - type="danger" - size="small" - >{{ $t('common.delete') }}</el-button> - <el-button - @click="submitForm('ruleForm')" - icon="el-icon-search" - type="primary" - size="small" - >{{ $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> + <el-form-item> + <el-button + v-if="btnStatus.insert" + @click="setInsertShow()" + icon="el-icon-edit" + type="success" + size="small" + >{{ $t('common.append') }} + </el-button> + <el-button + v-if="btnStatus.delete" + @click="delStyleData" + icon="el-icon-delete" + type="danger" + size="small" + >{{ $t('common.delete') }} + </el-button> + <el-button + @click="submitForm('ruleForm')" + icon="el-icon-search" + type="primary" + size="small" + >{{ $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> - </div> - - + </div> + + </el-form> </div> <div class="dividing-line"></div> - <div class="table_box" :style="styleVar"> - <el-table - :data="tableData" - style="width: 100%" - height="calc(100% - 57px)" - @selection-change="handleSelectionChange" - > - <el-table-column - type="selection" - width="55" - /> - <el-table-column - 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 - align="center" - prop="type" - :label="$t('dataManage.styleObj.type')" - /> - <el-table-column - align="center" - prop="dirName" - :label="$t('dataManage.styleObj.dirid')" - /> - <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="bak" - :label="$t('dataManage.styleObj.bak')" - /> --> - <el-table-column - min-width="120" - :label="$t('common.operate')" - > - <template slot-scope="scope"> - <el-button - @click="showDetail(scope.$index, scope.row)" - type="primary" - plain - size="small" - >{{ $t('common.see') }}</el-button> - <el-button - @click="handleEdit(scope.$index, scope.row)" - type="warning" - plain - size="small" - >{{ $t('common.update') }}</el-button> - </template> - </el-table-column> - </el-table> - <div - class="pagination_box" + <div class="table_box" :style="styleVar"> + <el-table + :data="tableData" + style="width: 100%" + height="calc(100% - 57px)" + @selection-change="handleSelectionChange" + > + <el-table-column + type="selection" + width="55" + /> + <el-table-column + 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 + align="center" + prop="type" + :label="$t('dataManage.styleObj.type')" + /> + <el-table-column + align="center" + prop="dirName" + :label="$t('dataManage.styleObj.dirid')" + /> + <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="bak" + :label="$t('dataManage.styleObj.bak')" + /> --> + <el-table-column + min-width="120" + :label="$t('common.operate')" > - <el-pagination + <template slot-scope="scope"> + <el-button + @click="showDetail(scope.$index, scope.row)" + type="primary" + plain + size="small" + >{{ $t('common.see') }} + </el-button> + <el-button + @click="handleEdit(scope.$index, scope.row)" + type="warning" + plain + size="small" + >{{ $t('common.update') }} + </el-button> + </template> + </el-table-column> + </el-table> + <div + class="pagination_box" + > + <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="listData.pageIndex" @@ -160,753 +166,769 @@ :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 subpage_Div 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> + </el-pagination> </div> - <el-divider></el-divider> - <div class="contentBox"> - <p> - <label> {{ $t('dataManage.styleObj.name') }}:</label> - <label class="boxlabel">{{ itemdetail.name }}</label> - </p> + </div> + + <div class="infoBox_box" v-show="showinfoBox"> + <div + class="infoBox subpage_Div 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> - <p> - <p> - <label> {{ $t('dataManage.styleObj.type') }}:</label> - <label class="boxlabel">{{ itemdetail.type }}</label> - </p> - </p> - <el-divider></el-divider> - <p> - <label> {{ $t('dataManage.styleObj.dirid') }}:</label> - <label class="boxlabel">{{ itemdetail.dirName }}</label> - </p> - <el-divider></el-divider> - <p> - <label> {{ $t('dataManage.styleObj.depid') }}:</label> - <label class="boxlabel">{{ itemdetail.depName }}</label> - </p> - <el-divider></el-divider> - <p> - <label> {{ $t('dataManage.styleObj.ver') }}:</label> - <label class="boxlabel">{{ itemdetail.ver }}</label> - </p> - <el-divider></el-divider> - <p> - <label> {{ $t('dataManage.styleObj.status') }}:</label> - <label class="boxlabel">{{ itemdetail.status }}</label> - </p> - <el-divider></el-divider> - <p> - <label> {{ $t('dataManage.styleObj.descr') }}:</label> - <label class="boxlabel">{{ itemdetail.descr }}</label> - </p> - <el-divider></el-divider> - <p> - <label> {{ $t('dataManage.styleObj.fileguid') }}:</label> - <label class="boxlabel">{{ itemdetail.fname }}</label> - </p> - <el-divider></el-divider> - <p> - <label> {{ $t('dataManage.styleObj.viewguid') }}:</label> - <label class="boxlabel"> - <div style="width:440px;height:200px;"> - <img + <div class="contentBox"> + <p> + <label> {{ $t('dataManage.styleObj.name') }}:</label> + <label class="boxlabel">{{ itemdetail.name }}</label> + </p> + <el-divider></el-divider> + <p> + <p> + <label> {{ $t('dataManage.styleObj.type') }}:</label> + <label class="boxlabel">{{ itemdetail.type }}</label> + </p> + </p> + <el-divider></el-divider> + <p> + <label> {{ $t('dataManage.styleObj.dirid') }}:</label> + <label class="boxlabel">{{ itemdetail.dirName }}</label> + </p> + <el-divider></el-divider> + <p> + <label> {{ $t('dataManage.styleObj.depid') }}:</label> + <label class="boxlabel">{{ itemdetail.depName }}</label> + </p> + <el-divider></el-divider> + <p> + <label> {{ $t('dataManage.styleObj.ver') }}:</label> + <label class="boxlabel">{{ itemdetail.ver }}</label> + </p> + <el-divider></el-divider> + <p> + <label> {{ $t('dataManage.styleObj.status') }}:</label> + <label class="boxlabel">{{ itemdetail.status }}</label> + </p> + <el-divider></el-divider> + <p> + <label> {{ $t('dataManage.styleObj.descr') }}:</label> + <label class="boxlabel">{{ itemdetail.descr }}</label> + </p> + <el-divider></el-divider> + <p> + <label> {{ $t('dataManage.styleObj.fileguid') }}:</label> + <label class="boxlabel">{{ itemdetail.fname }}</label> + </p> + <el-divider></el-divider> + <p> + <label> {{ $t('dataManage.styleObj.viewguid') }}:</label> + <label class="boxlabel"> + <div style="width:440px;height:200px;"> + <img style="width:100%; height:100%" :src="itemdetail.imageFile" alt="" - /> - </div> + /> + </div> </label> - </p> - <el-divider></el-divider> - <p> - <label> {{ $t('dataManage.styleObj.createUser') }}:</label> - <label class="boxlabel">{{ itemdetail.createUser }}</label> - </p> - <el-divider></el-divider> - <p> - <label> {{ $t('dataManage.styleObj.createTime') }}:</label> - <label class="boxlabel">{{ itemdetail.createTime }}</label> - </p> - <el-divider></el-divider> - <p> - <label> {{ $t('dataManage.styleObj.updateUser') }}:</label> - <label class="boxlabel">{{ itemdetail.updateUser }}</label> - </p> - <el-divider></el-divider> - <p> - <label> {{ $t('dataManage.styleObj.updateTime') }}:</label> - <label class="boxlabel">{{ itemdetail.updateTime }}</label> - </p> - <el-divider></el-divider> - <p> - <label> {{ $t('dataManage.styleObj.bak') }}:</label> - <label class="boxlabel">{{ itemdetail.bak }}</label> - </p> - <el-divider></el-divider> - </div> + </p> + <el-divider></el-divider> + <p> + <label> {{ $t('dataManage.styleObj.createUser') }}:</label> + <label class="boxlabel">{{ itemdetail.createUser }}</label> + </p> + <el-divider></el-divider> + <p> + <label> {{ $t('dataManage.styleObj.createTime') }}:</label> + <label class="boxlabel">{{ itemdetail.createTime }}</label> + </p> + <el-divider></el-divider> + <p> + <label> {{ $t('dataManage.styleObj.updateUser') }}:</label> + <label class="boxlabel">{{ itemdetail.updateUser }}</label> + </p> + <el-divider></el-divider> + <p> + <label> {{ $t('dataManage.styleObj.updateTime') }}:</label> + <label class="boxlabel">{{ itemdetail.updateTime }}</label> + </p> + <el-divider></el-divider> + <p> + <label> {{ $t('dataManage.styleObj.bak') }}:</label> + <label class="boxlabel">{{ itemdetail.bak }}</label> + </p> + <el-divider></el-divider> + </div> - </div> + </div> </div> <el-dialog - :title="$t('dataManage.styleObj.modifyStyleData')" - top="2vh" - :before-close="removeUpdate" - :visible.sync="dialogFormVisible" + :title="$t('dataManage.styleObj.modifyStyleData')" + top="2vh" + :before-close="removeUpdate" + :visible.sync="dialogFormVisible" > - <div style="height: 500px; overflow: auto"> - <el-form :model="upform" label-position="top"> - <el-form-item - :label="$t('dataManage.styleObj.name')" - :label-width="formLabelWidth" - > - <el-input - v-model="upform.name" - autocomplete="off" - style="width:85%" - ></el-input> - </el-form-item> - <el-form-item - :label="$t('dataManage.styleObj.type')" - :label-width="formLabelWidth" - > - <el-input - v-model="upform.type" - autocomplete="off" - style="width:85%" - ></el-input> - </el-form-item> - <el-form-item - :label="$t('dataManage.styleObj.dirid')" - :label-width="formLabelWidth" - > - <el-select - v-model="upform.dirid" - placeholder="璇烽�夋嫨" - style="width:85%" - @focus="setOptionWidth" + <div style="height: 500px; overflow: auto"> + <el-form :model="upform" label-position="top"> + <el-form-item + :label="$t('dataManage.styleObj.name')" + :label-width="formLabelWidth" > - <el-option - :value="upform.dirid" - :label="upform.dirName" - :style="{ width: selectOptionWidth, height: selectheight }" - > - <el-tree - ref="tree" - :data="editcatalogOption" - :default-expand-all="defaultexpand" - node-key="id" - :props="defaultProps" - @node-click="handleNodeClickto" - /> - </el-option> - </el-select> - <!-- <el-cascader - v-model="upform.dirid" - :options="editcatalogOption" - @change="catalogChange" - :props="cascader" - style="width:75%" - ></el-cascader> --> - <!-- <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="$t('dataManage.styleObj.depid')" - :label-width="formLabelWidth" - > - <el-select - v-model="upform.depid" - placeholder="璇烽�夋嫨" - style="width:85%" - @focus="setOptionWidth" + <el-input + v-model="upform.name" + autocomplete="off" + style="width:85%" + ></el-input> + </el-form-item> + <el-form-item + :label="$t('dataManage.styleObj.type')" + :label-width="formLabelWidth" > - <el-option - :value="upform.depid" - :label="upform.depName" - :style="{ width: selectOptionWidth, height: selectheight }" + <el-input + v-model="upform.type" + autocomplete="off" + style="width:85%" + ></el-input> + </el-form-item> + <el-form-item + :label="$t('dataManage.styleObj.dirid')" + :label-width="formLabelWidth" + > + <el-select + v-model="upform.dirid" + placeholder="璇烽�夋嫨" + style="width:85%" + @focus="setOptionWidth" > - <el-tree - ref="tree" - :data="editCompanyOption" - :default-expand-all="defaultexpand" - node-key="id" - :props="defaultProps" - @node-click="handleNodeClick" - /> - </el-option> - </el-select> - <!-- <el-cascader - v-model="upform.depid" - :options="editCompanyOption" - @change="editcompanyChange" - :props="cascader" - style="width:75%" - ></el-cascader> --> + <el-option + :value="upform.dirid" + :label="upform.dirName" + :style="{ width: selectOptionWidth, height: selectheight }" + > + <el-tree + ref="tree" + :data="editcatalogOption" + :default-expand-all="defaultexpand" + node-key="id" + :props="defaultProps" + @node-click="handleNodeClickto" + /> + </el-option> + </el-select> + <!-- <el-cascader + v-model="upform.dirid" + :options="editcatalogOption" + @change="catalogChange" + :props="cascader" + style="width:75%" + ></el-cascader> --> + <!-- <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="$t('dataManage.styleObj.depid')" + :label-width="formLabelWidth" + > + <el-select + v-model="upform.depid" + placeholder="璇烽�夋嫨" + style="width:85%" + @focus="setOptionWidth" + > + <el-option + :value="upform.depid" + :label="upform.depName" + :style="{ width: selectOptionWidth, height: selectheight }" + > + <el-tree + ref="tree" + :data="editCompanyOption" + :default-expand-all="defaultexpand" + node-key="id" + :props="defaultProps" + @node-click="handleNodeClick" + /> + </el-option> + </el-select> + <!-- <el-cascader + v-model="upform.depid" + :options="editCompanyOption" + @change="editcompanyChange" + :props="cascader" + style="width:75%" + ></el-cascader> --> - <!-- <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="$t('dataManage.styleObj.ver')" - :label-width="formLabelWidth" - > - <el-input - v-model="upform.ver" - autocomplete="off" - style="width:85%" - ></el-input> - </el-form-item> - <el-form-item - :label="$t('dataManage.styleObj.status')" - :label-width="formLabelWidth" - > - <el-select - v-model="upform.status" - style="width:85%" - :placeholder="$t('common.choose')" + <!-- <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="$t('dataManage.styleObj.ver')" + :label-width="formLabelWidth" > - <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="$t('dataManage.styleObj.precision')" - :label-width="formLabelWidth" - > - <el-input - v-model="upform.precision" - autocomplete="off" - style="width:85%" - ></el-input> - </el-form-item> - <el-form-item - :label="$t('dataManage.styleObj.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('dataManage.styleObj.fileguid')" - :label-width="formLabelWidth" - > - <!-- --> - <div class="BoxFlex"> - <div class="BoxFlexinput"> - <el-input - v-model="upform.fileGuid" - disabled + <el-input + v-model="upform.ver" autocomplete="off" - style="width:100%" - ></el-input> - </div> - <div class="BoxFlexbutton"> - <input - name="file1" - type="file" - id="editFile" - multiple="multiple" - style="display: none" - @change="editFile(0)" - /> - <el-button - style="margin-left: 6px;" - type="primary" - size="small" - :underline="false" - @click="geteditFile(0)" - >閫夋嫨</el-button> - <el-button - type="primary" - size="small" - :underline="false" - @click="seteditFile(0)" - >涓婁紶</el-button> - </div> - </div> - <!-- --> - <!-- <el-link - :underline="false" - @click="geteditFile(0)" - style="margin-left: 10px" - ><i class="el-icon-plus"></i></el-link> - <el-link - v-if="btnStatus.upload" - :title="$t('common.upload')" - :underline="false" - @click="seteditFile(0)" - style="margin-left: 10px" - ><i class="el-icon-upload2"></i></el-link> --> - </el-form-item> - <el-form-item - :label="$t('dataManage.styleObj.viewguid')" - :label-width="formLabelWidth" - > - <div class="BoxFlex"> - <div class="BoxFlexinput"> - <el-input - v-model="upform.viewGuid" - disabled + style="width:85%" + ></el-input> + </el-form-item> + <el-form-item + :label="$t('dataManage.styleObj.status')" + :label-width="formLabelWidth" + > + <el-select + v-model="upform.status" + style="width:85%" + :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="$t('dataManage.styleObj.precision')" + :label-width="formLabelWidth" + > + <el-input + v-model="upform.precision" autocomplete="off" - style="width:100%" - ></el-input> + style="width:85%" + ></el-input> + </el-form-item> + <el-form-item + :label="$t('dataManage.styleObj.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('dataManage.styleObj.fileguid')" + :label-width="formLabelWidth" + > + <!-- --> + <div class="BoxFlex"> + <div class="BoxFlexinput"> + <el-input + v-model="upform.fileGuid" + disabled + autocomplete="off" + style="width:100%" + ></el-input> + </div> + <div class="BoxFlexbutton"> + <input + name="file1" + type="file" + id="editFile" + multiple="multiple" + style="display: none" + @change="editFile(0)" + /> + <el-button + style="margin-left: 6px;" + type="primary" + size="small" + :underline="false" + @click="geteditFile(0)" + >閫夋嫨 + </el-button> + <el-button + type="primary" + size="small" + :underline="false" + @click="seteditFile(0)" + >涓婁紶 + </el-button> + </div> </div> - <div> - <input - name="file1" - :accept="'.jpg,.png'" - type="file" - id="editimageFile" - multiple="multiple" - style="display: none" - @change="editFile(1)" - /> - <el-button - style="margin-left: 6px;" - type="primary" - size="small" - :underline="false" - @click="geteditFile(1)" - >閫夋嫨</el-button> - <el-button - type="primary" - size="small" - :underline="false" - @click="seteditFile(1)" - >涓婁紶</el-button> + <!-- --> + <!-- <el-link + :underline="false" + @click="geteditFile(0)" + style="margin-left: 10px" + ><i class="el-icon-plus"></i></el-link> + <el-link + v-if="btnStatus.upload" + :title="$t('common.upload')" + :underline="false" + @click="seteditFile(0)" + style="margin-left: 10px" + ><i class="el-icon-upload2"></i></el-link> --> + </el-form-item> + <el-form-item + :label="$t('dataManage.styleObj.viewguid')" + :label-width="formLabelWidth" + > + <div class="BoxFlex"> + <div class="BoxFlexinput"> + <el-input + v-model="upform.viewGuid" + disabled + autocomplete="off" + style="width:100%" + ></el-input> + </div> + <div> + <input + name="file1" + :accept="'.jpg,.png'" + type="file" + id="editimageFile" + multiple="multiple" + style="display: none" + @change="editFile(1)" + /> + <el-button + style="margin-left: 6px;" + type="primary" + size="small" + :underline="false" + @click="geteditFile(1)" + >閫夋嫨 + </el-button> + <el-button + type="primary" + size="small" + :underline="false" + @click="seteditFile(1)" + >涓婁紶 + </el-button> + </div> </div> - </div> - <!-- - --> - <!-- <el-link - :underline="false" - @click="geteditFile(1)" - style="margin-left: 10px" - ><i class="el-icon-plus"></i></el-link> - <el-link - :title="$t('common.upload')" - :underline="false" - @click="seteditFile(1)" - style="margin-left: 10px" - ><i class="el-icon-upload2"></i></el-link> --> - </el-form-item> - <el-form-item - :label="$t('dataManage.styleObj.bak')" - :label-width="formLabelWidth" - > - <el-input - v-model="upform.bak" - autocomplete="off" - style="width:85%" - ></el-input> - </el-form-item> - </el-form> + <!-- + --> + <!-- <el-link + :underline="false" + @click="geteditFile(1)" + style="margin-left: 10px" + ><i class="el-icon-plus"></i></el-link> + <el-link + :title="$t('common.upload')" + :underline="false" + @click="seteditFile(1)" + style="margin-left: 10px" + ><i class="el-icon-upload2"></i></el-link> --> + </el-form-item> + <el-form-item + :label="$t('dataManage.styleObj.bak')" + :label-width="formLabelWidth" + > + <el-input + v-model="upform.bak" + autocomplete="off" + style="width:85%" + ></el-input> + </el-form-item> + </el-form> </div> <div - slot="footer" - class="dialog-footer" + slot="footer" + class="dialog-footer" > <el-button - type="info" - size="small" - @click="removeUpdate" - >{{$t('common.close')}}</el-button> + type="info" + size="small" + @click="removeUpdate" + >{{ $t('common.close') }} + </el-button> <el-button - type="primary" - @click="updateForm" - size="small" - >{{$t('common.confirm')}}</el-button> + type="primary" + @click="updateForm" + size="small" + >{{ $t('common.confirm') }} + </el-button> </div> </el-dialog> <el-dialog - :title="$t('dataManage.styleObj.addStyleData')" - - top="2vh" - :visible.sync="InsertFormdialog" - :before-close="handleClose" - > - <div style="height: 500px; overflow: auto"> - <el-form :model="insertform" label-position="top"> - <el-form-item - :label="$t('dataManage.styleObj.name')" - :label-width="formLabelWidth" - > - <el-input - v-model="insertform.name" - autocomplete="off" - style="width:85%" - ></el-input> - </el-form-item> - <el-form-item - :label="$t('dataManage.styleObj.type')" - :label-width="formLabelWidth" - > - <el-input - v-model="insertform.type" - autocomplete="off" - style="width:85%" - ></el-input> - </el-form-item> - <el-form-item - :label="$t('dataManage.styleObj.dirid')" - :label-width="formLabelWidth" - > - <el-select - v-model="insertform.dirid" - placeholder="璇烽�夋嫨" - style="width:85%" - @focus="setOptionWidth" - > - <el-option - :value="insertform.dirid" - :label="insertform.dirName" - :style="{ width: selectOptionWidth, height: selectheight }" - > - <el-tree - ref="tree" - :data="catalogOption" - :default-expand-all="defaultexpand" - node-key="id" - :props="defaultProps" - @node-click="handcatalogChange" - /> - </el-option> - </el-select> - <!-- <el-cascader - v-model="insertform.dirid" - :options="catalogOption" - @change="catalogChange" - :props="cascader" - style="width:730px" - ></el-cascader> --> - <!-- <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="$t('dataManage.styleObj.depid')" - :label-width="formLabelWidth" - > - <el-select - v-model="insertform.depid" - placeholder="璇烽�夋嫨" - style="width:85%" - @focus="setOptionWidth" - > - <el-option - :value="insertform.depid" - :label="insertform.depName" - :style="{ width: selectOptionWidth, height: selectheight }" - > - <el-tree - ref="tree" - :data="companyOption" - :default-expand-all="defaultexpand" - node-key="id" - :props="cascader" - @node-click="handcompanyChange" - /> - </el-option> - </el-select> - <!-- <el-cascader - v-model="insertform.depid" - :options="companyOption" - @change="companyChange" - :props="cascader" - style="width:730px" - ></el-cascader> --> - <!-- <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="$t('dataManage.styleObj.ver')" - :label-width="formLabelWidth" - > - <el-input - v-model="insertform.ver" - autocomplete="off" - style="width:85%" - ></el-input> - </el-form-item> - <el-form-item - :label="$t('dataManage.styleObj.status')" - :label-width="formLabelWidth" - > - <el-select - v-model="insertform.status" - style="width:85%" - :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="$t('dataManage.styleObj.precision')" - :label-width="formLabelWidth" - > - <el-input - v-model="insertform.precision" - autocomplete="off" - style="width:85%" - ></el-input> - </el-form-item> - <el-form-item - :label="$t('dataManage.styleObj.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('dataManage.styleObj.fileguid')" - :label-width="formLabelWidth" - > - <div class="BoxFlex"> - <div class="BoxFlexinput"> - <el-input - v-model="insertFileGuid" - disabled - autocomplete="off" - style="width:100%" - /> - </div> - <div> - <input - name="file1" - type="file" - id="insertFile" - multiple="multiple" - style="display: none" - @change="insertFileData(0)" - /> - <el-button - style="margin-left: 6px;" - type="primary" - size="small" - :underline="false" - @click="getInsertFile(0)" - >閫夋嫨</el-button> - <el-button - type="primary" - size="small" - :underline="false" - @click="setinsertFile(0)" - >涓婁紶</el-button> - </div> - </div> - <!-- - --> - <!-- <el-link - :underline="false" - @click="getInsertFile(0)" - style="margin-left: 10px" - ><i class="el-icon-plus"></i></el-link> - <el-link - :title="$t('common.upload')" - :underline="false" - @click="setinsertFile(0)" - style="margin-left: 10px" - ><i class="el-icon-upload2"></i></el-link> --> - </el-form-item> - <el-form-item - :label="$t('dataManage.styleObj.viewguid')" - :label-width="formLabelWidth" - > - <div class="BoxFlex"> - <div class="BoxFlexinput"> - <el-input - v-model="insertViewGuid" - disabled - autocomplete="off" - style="width:100%" - /> - </div> - <div> <input - name="file1" - :accept="'.jpg,.png'" - type="file" - id="insertimageFile" - multiple="multiple" - style="display: none" - @change="insertFileData(1)" - /> - <el-button - style="margin-left: 6px;" - type="primary" - size="small" - :underline="false" - @click="getInsertFile(1)" - >閫夋嫨</el-button> - <el-button - type="primary" - size="small" - :underline="false" - @click="setinsertFile(1)" - >涓婁紶</el-button> - </div> - </div> + :title="$t('dataManage.styleObj.addStyleData')" - <!-- <el-link - :underline="false" - @click="getInsertFile(1)" - style="margin-left: 10px" - ><i class="el-icon-plus"></i></el-link> - <el-link - :title="$t('common.upload')" - :underline="false" - @click="setinsertFile(1)" - style="margin-left: 10px" - ><i class="el-icon-upload2"></i></el-link> --> - </el-form-item> - <el-form-item - :label="$t('dataManage.styleObj.bak')" - :label-width="formLabelWidth" - > - <el-input - v-model="insertform.bak" - autocomplete="off" - style="width:85%" - ></el-input> - </el-form-item> - </el-form> - </div> + top="2vh" + :visible.sync="InsertFormdialog" + :before-close="handleClose" + > + <div style="height: 500px; overflow: auto"> + <el-form :model="insertform" label-position="top"> + <el-form-item + :label="$t('dataManage.styleObj.name')" + :label-width="formLabelWidth" + > + <el-input + v-model="insertform.name" + autocomplete="off" + style="width:85%" + ></el-input> + </el-form-item> + <el-form-item + :label="$t('dataManage.styleObj.type')" + :label-width="formLabelWidth" + > + <el-input + v-model="insertform.type" + autocomplete="off" + style="width:85%" + ></el-input> + </el-form-item> + <el-form-item + :label="$t('dataManage.styleObj.dirid')" + :label-width="formLabelWidth" + > + <el-select + v-model="insertform.dirid" + placeholder="璇烽�夋嫨" + style="width:85%" + @focus="setOptionWidth" + > + <el-option + :value="insertform.dirid" + :label="insertform.dirName" + :style="{ width: selectOptionWidth, height: selectheight }" + > + <el-tree + ref="tree" + :data="catalogOption" + :default-expand-all="defaultexpand" + node-key="id" + :props="defaultProps" + @node-click="handcatalogChange" + /> + </el-option> + </el-select> + <!-- <el-cascader + v-model="insertform.dirid" + :options="catalogOption" + @change="catalogChange" + :props="cascader" + style="width:730px" + ></el-cascader> --> + <!-- <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="$t('dataManage.styleObj.depid')" + :label-width="formLabelWidth" + > + <el-select + v-model="insertform.depid" + placeholder="璇烽�夋嫨" + style="width:85%" + @focus="setOptionWidth" + > + <el-option + :value="insertform.depid" + :label="insertform.depName" + :style="{ width: selectOptionWidth, height: selectheight }" + > + <el-tree + ref="tree" + :data="companyOption" + :default-expand-all="defaultexpand" + node-key="id" + :props="cascader" + @node-click="handcompanyChange" + /> + </el-option> + </el-select> + <!-- <el-cascader + v-model="insertform.depid" + :options="companyOption" + @change="companyChange" + :props="cascader" + style="width:730px" + ></el-cascader> --> + <!-- <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="$t('dataManage.styleObj.ver')" + :label-width="formLabelWidth" + > + <el-input + v-model="insertform.ver" + autocomplete="off" + style="width:85%" + ></el-input> + </el-form-item> + <el-form-item + :label="$t('dataManage.styleObj.status')" + :label-width="formLabelWidth" + > + <el-select + v-model="insertform.status" + style="width:85%" + :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="$t('dataManage.styleObj.precision')" + :label-width="formLabelWidth" + > + <el-input + v-model="insertform.precision" + autocomplete="off" + style="width:85%" + ></el-input> + </el-form-item> + <el-form-item + :label="$t('dataManage.styleObj.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('dataManage.styleObj.fileguid')" + :label-width="formLabelWidth" + > + <div class="BoxFlex"> + <div class="BoxFlexinput"> + <el-input + v-model="insertFileGuid" + disabled + autocomplete="off" + style="width:100%" + /> + </div> + <div> + <input + name="file1" + type="file" + id="insertFile" + multiple="multiple" + style="display: none" + @change="insertFileData(0)" + /> + <el-button + style="margin-left: 6px;" + type="primary" + size="small" + :underline="false" + @click="getInsertFile(0)" + >閫夋嫨 + </el-button> + <el-button + type="primary" + size="small" + :underline="false" + @click="setinsertFile(0)" + >涓婁紶 + </el-button> + </div> + </div> + <!-- + --> + <!-- <el-link + :underline="false" + @click="getInsertFile(0)" + style="margin-left: 10px" + ><i class="el-icon-plus"></i></el-link> + <el-link + :title="$t('common.upload')" + :underline="false" + @click="setinsertFile(0)" + style="margin-left: 10px" + ><i class="el-icon-upload2"></i></el-link> --> + </el-form-item> + <el-form-item + :label="$t('dataManage.styleObj.viewguid')" + :label-width="formLabelWidth" + > + <div class="BoxFlex"> + <div class="BoxFlexinput"> + <el-input + v-model="insertViewGuid" + disabled + autocomplete="off" + style="width:100%" + /> + </div> + <div><input + name="file1" + :accept="'.jpg,.png'" + type="file" + id="insertimageFile" + multiple="multiple" + style="display: none" + @change="insertFileData(1)" + /> + <el-button + style="margin-left: 6px;" + type="primary" + size="small" + :underline="false" + @click="getInsertFile(1)" + >閫夋嫨 + </el-button> + <el-button + type="primary" + size="small" + :underline="false" + @click="setinsertFile(1)" + >涓婁紶 + </el-button> + </div> + </div> + + <!-- <el-link + :underline="false" + @click="getInsertFile(1)" + style="margin-left: 10px" + ><i class="el-icon-plus"></i></el-link> + <el-link + :title="$t('common.upload')" + :underline="false" + @click="setinsertFile(1)" + style="margin-left: 10px" + ><i class="el-icon-upload2"></i></el-link> --> + </el-form-item> + <el-form-item + :label="$t('dataManage.styleObj.bak')" + :label-width="formLabelWidth" + > + <el-input + v-model="insertform.bak" + autocomplete="off" + style="width:85%" + ></el-input> + </el-form-item> + </el-form> + </div> <div - slot="footer" - class="dialog-footer" + slot="footer" + class="dialog-footer" > <el-button - type="info" - size="small" - @click="insertFromDataClose" - >{{$t('common.close')}}</el-button> + type="info" + size="small" + @click="insertFromDataClose" + >{{ $t('common.close') }} + </el-button> <el-button - type="primary" - size="small" - @click="insertFromData" - >{{$t('common.confirm')}}</el-button> + type="primary" + size="small" + @click="insertFromData" + >{{ $t('common.confirm') }} + </el-button> </div> </el-dialog> <div - class="leftTree" - v-if="showDirCata" + 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="selectDirCataName" + type="primary" + size="small" + @click="selectDirCataName" >{{ - $t('common.confirm') - }}</el-button> + $t('common.confirm') + }} + </el-button> <el-button - type="info" - size="small" - @click="showDirCata = false" + type="info" + size="small" + @click="showDirCata = false" >{{ - $t('common.close') - }}</el-button> + $t('common.close') + }} + </el-button> </div> </div> <div - class="leftTree subpage_Div" - v-if="showDepCata" + class="leftTree subpage_Div" + v-if="showDepCata" > <div class="treeBox"> <style-dep-tree></style-dep-tree> </div> <div class="btnBox"> <el-button - type="primary" - size="small" - @click="selectDepCataName" + type="primary" + size="small" + @click="selectDepCataName" >{{ - $t('common.confirm') - }}</el-button> + $t('common.confirm') + }} + </el-button> <el-button - type="info" - size="small" - @click="showDepCata = false" + type="info" + size="small" + @click="showDepCata = false" >{{ - $t('common.close') - }}</el-button> + $t('common.close') + }} + </el-button> </div> </div> </div> @@ -915,7 +937,7 @@ <script> import $ from "jquery"; import moment from "moment"; -import { getToken } from "../../utils/auth.js"; +import {getToken} from "../../utils/auth.js"; import MyBread from "../../components/MyBread.vue"; import styleDirTree from "./styleDirTree.vue"; import styleDepTree from "./styleDepTree.vue"; @@ -928,9 +950,10 @@ queryDepTree, selectdirTab, } from "../../api/api"; + export default { name: "styleManage", - components: { MyBread, styleDirTree, styleDepTree }, + components: {MyBread, styleDirTree, styleDepTree}, data() { return { insertFileGuid: "", @@ -1034,8 +1057,8 @@ let currentPerms = this.$store.state.currentPerms; let permsEntity = this.$store.state.permsEntity; permsEntity - .filter((item) => item.perms == currentPerms) - .map((item) => (this.btnStatus[item.tag.substr(1)] = true)); + .filter((item) => item.perms == currentPerms) + .map((item) => (this.btnStatus[item.tag.substr(1)] = true)); }, filesReset() { // document.getElementById("insertFile").reset(); @@ -1193,27 +1216,27 @@ cancelButtonText: "鍙栨秷", type: "warning", }) - .then(async () => { - const data = await deleteStyles({ ids: std.toString() }); - if (data.code == 200) { + .then(async () => { + const data = await deleteStyles({ids: std.toString()}); + if (data.code == 200) { + this.$message({ + message: "鍒犻櫎鎴愬姛锛�", + type: "success", + }); + this.getRoleTabelData(); + } else { + this.$message({ + message: "鍒犻櫎澶辫触锛�", + type: "warning", + }); + } + }) + .catch(() => { this.$message({ - message: "鍒犻櫎鎴愬姛锛�", - type: "success", + type: "info", + message: "宸插彇娑堝垹闄�", }); - this.getRoleTabelData(); - } else { - this.$message({ - message: "鍒犻櫎澶辫触锛�", - type: "warning", - }); - } - }) - .catch(() => { - this.$message({ - type: "info", - message: "宸插彇娑堝垹闄�", }); - }); }, showDirTree(res) { this.dirFlag = res; @@ -1521,13 +1544,13 @@ this.itemdetail = row; this.itemdetail.createTime = this.formomentTime( - this.itemdetail.createTime + this.itemdetail.createTime ); this.itemdetail.updateTime = this.formomentTime( - this.itemdetail.updateTime + this.itemdetail.updateTime ); this.itemdetail.imageFile = - BASE_URL + "/res/download?guid=" + row.viewGuid + "&token=" + token; + BASE_URL + "/res/download?guid=" + row.viewGuid + "&token=" + token; }, closeDetial() { this.showinfoBox = false; @@ -1550,15 +1573,16 @@ cancelButtonText: "鍙栨秷", type: "warning", }) - .then(() => { - DeletestStyle([row.id]); - this.$message({ - type: "success", - message: "鍒犻櫎鎴愬姛!", + .then(() => { + DeletestStyle([row.id]); + this.$message({ + type: "success", + message: "鍒犻櫎鎴愬姛!", + }); + this.startFromData(); + }) + .catch(() => { }); - this.startFromData(); - }) - .catch(() => {}); }, // 鑾峰彇澶氶�� @@ -1670,10 +1694,12 @@ .el-form-item { margin: 5px; } + // .el-input { // width: 467px; // } } + .leftTree { position: absolute; z-index: 10; @@ -1687,6 +1713,7 @@ height: 550px; overflow: auto; } + .btnBox { width: 160px; margin: 10px auto 0; @@ -1697,6 +1724,7 @@ display: flex; justify-content: space-around; width: 85%; + .BoxFlexinput { flex: 1; } -- Gitblit v1.9.3