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/styleManage.vue | 1752 +++++++++++++++++++++++++++++---------------------------- 1 files changed, 890 insertions(+), 862 deletions(-) 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