| | |
| | | <template> |
| | | <div class="authorityManagement_box"> |
| | | <My-bread |
| | | :list="[ |
| | | <My-bread :list="[ |
| | | `${$t('dataManage.dataManage')}`, |
| | | `${$t('dataManage.styleManage')}`, |
| | | ]" |
| | | ></My-bread> |
| | | ]"></My-bread> |
| | | <el-divider /> |
| | | <div class="searchComp"> |
| | | <el-form ref="ruleForm" :model="ruleForm" :inline="true"> |
| | | <el-form-item :label="$t('dataManage.vmobj.keyword')" prop="name"> |
| | | <el-form |
| | | ref="ruleForm" |
| | | :model="ruleForm" |
| | | :inline="true" |
| | | > |
| | | <el-form-item |
| | | :label="$t('dataManage.vmobj.keyword')" |
| | | prop="name" |
| | | > |
| | | <el-input |
| | | v-model="ruleForm.name" |
| | | :placeholder="$t('common.pleaseInput')" |
| | |
| | | icon="el-icon-search" |
| | | class="primary" |
| | | size="small" |
| | | >{{ $t('common.iquery') }}</el-button |
| | | > |
| | | >{{ $t('common.iquery') }}</el-button> |
| | | <el-button |
| | | @click="resetForm('ruleForm')" |
| | | icon="el-icon-refresh" |
| | | type="info" |
| | | size="small" |
| | | >{{ $t('common.empty') }}</el-button |
| | | > |
| | | <el-button v-if="btnStatus.insert" |
| | | >{{ $t('common.empty') }}</el-button> |
| | | <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" |
| | | >{{ $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 |
| | | > |
| | | >{{ $t('common.delete') }}</el-button> |
| | | </el-form-item> |
| | | </el-form> |
| | | </div> |
| | |
| | | <el-table |
| | | :data="tableData" |
| | | style="width: 100%" |
| | | |
| | | height="100%" |
| | | @selection-change="handleSelectionChange" |
| | | > |
| | | <el-table-column type="selection" width="55" /> |
| | | <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="id" |
| | | v-if="false" |
| | | /> |
| | | <el-table-column |
| | | align="center" |
| | | prop="name" |
| | |
| | | prop="bak" |
| | | :label="$t('dataManage.styleObj.bak')" |
| | | /> |
| | | <el-table-column min-width="120" :label="$t('common.operate')"> |
| | | <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 |
| | | > |
| | | >{{ $t('common.see') }}</el-button> |
| | | <el-button |
| | | @click="handleEdit(scope.$index, scope.row)" |
| | | type="warning" |
| | | plain |
| | | size="small" |
| | | >{{ $t('common.update') }}</el-button |
| | | > |
| | | >{{ $t('common.update') }}</el-button> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <div class="infoBox" v-show="showinfoBox"> |
| | | <div |
| | | class="infoBox" |
| | | v-show="showinfoBox" |
| | | > |
| | | <el-card class="box-card"> |
| | | <div slot="header" class="clearfix"> |
| | | <div |
| | | slot="header" |
| | | class="clearfix" |
| | | > |
| | | <span>{{ $t('dataManage.styleObj.deInformation') }}</span> |
| | | <div style="float: right; cursor: pointer" @click="closeDetial"> |
| | | <div |
| | | style="float: right; cursor: pointer" |
| | | @click="closeDetial" |
| | | > |
| | | <i class="el-icon-close"></i> |
| | | </div> |
| | | </div> |
| | |
| | | </p> |
| | | <el-divider></el-divider> |
| | | <p> |
| | | <p> |
| | | <p> |
| | | <label> {{ $t('dataManage.styleObj.type') }}:</label> |
| | | <label class="boxlabel">{{ itemdetail.type }}</label> |
| | | </p> |
| | |
| | | <label class="boxlabel">{{ itemdetail.dirName }}</label> |
| | | </p> |
| | | <el-divider></el-divider> |
| | | <p> |
| | | <p> |
| | | <label> {{ $t('dataManage.styleObj.depid') }}:</label> |
| | | <label class="boxlabel">{{ itemdetail.depName }}</label> |
| | | </p> |
| | |
| | | <label class="boxlabel">{{ itemdetail.status }}</label> |
| | | </p> |
| | | <el-divider></el-divider> |
| | | <p> |
| | | <p> |
| | | <label> {{ $t('dataManage.styleObj.descr') }}:</label> |
| | | <label class="boxlabel">{{ itemdetail.descr }}</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></label> |
| | | <label class="boxlabel"> |
| | | <div style="width:440px;height:200px;"> |
| | | <img |
| | | style="width:100%; height:100%" |
| | | :src="itemdetail.imageFile" |
| | | alt="" |
| | | /> |
| | | </div> |
| | | </label> |
| | | </p> |
| | | <el-divider></el-divider> |
| | | <p> |
| | |
| | | <label class="boxlabel">{{ itemdetail.createUser }}</label> |
| | | </p> |
| | | <el-divider></el-divider> |
| | | <p> |
| | | <p> |
| | | <label> {{ $t('dataManage.styleObj.createTime') }}:</label> |
| | | <label class="boxlabel">{{ itemdetail.createTime }}</label> |
| | | </p> |
| | | <el-divider></el-divider> |
| | | <p> |
| | | <p> |
| | | <label> {{ $t('dataManage.styleObj.updateUser') }}:</label> |
| | | <label class="boxlabel">{{ itemdetail.updateUser }}</label> |
| | | </p> |
| | | <el-divider></el-divider> |
| | | <p> |
| | | <p> |
| | | <label> {{ $t('dataManage.styleObj.updateTime') }}:</label> |
| | | <label class="boxlabel">{{ itemdetail.updateTime }}</label> |
| | | </p> |
| | | <el-divider></el-divider> |
| | | <p> |
| | | <p> |
| | | <label> {{ $t('dataManage.styleObj.bak') }}:</label> |
| | | <label class="boxlabel">{{ itemdetail.bak }}</label> |
| | | </p> |
| | |
| | | :label="$t('dataManage.styleObj.name')" |
| | | :label-width="formLabelWidth" |
| | | > |
| | | <el-input v-model="upform.name" autocomplete="off"></el-input> |
| | | <el-input |
| | | v-model="upform.name" |
| | | autocomplete="off" |
| | | ></el-input> |
| | | </el-form-item> |
| | | <el-form-item |
| | | :label="$t('dataManage.styleObj.type')" |
| | | :label-width="formLabelWidth" |
| | | > |
| | | <el-input v-model="upform.type" autocomplete="off"></el-input> |
| | | <el-input |
| | | v-model="upform.type" |
| | | autocomplete="off" |
| | | ></el-input> |
| | | </el-form-item> |
| | | <el-form-item |
| | | :label="$t('dataManage.styleObj.dirid')" |
| | | :label-width="formLabelWidth" |
| | | > |
| | | <el-cascader |
| | | v-model="upform.dirid" |
| | | :options="editcatalogOption" |
| | | @change="catalogChange" |
| | | :props="cascader" style="width:730px" |
| | | ></el-cascader> |
| | | <el-cascader |
| | | v-model="upform.dirid" |
| | | :options="editcatalogOption" |
| | | @change="catalogChange" |
| | | :props="cascader" |
| | | style="width:730px" |
| | | ></el-cascader> |
| | | <!-- <el-input |
| | | v-model="upform.dirValue" |
| | | disabled |
| | |
| | | :label-width="formLabelWidth" |
| | | > |
| | | <el-cascader |
| | | v-model="upform.depid" |
| | | :options="editCompanyOption" |
| | | @change="editcompanyChange" |
| | | :props="cascader" |
| | | style="width:730px" |
| | | ></el-cascader> |
| | | v-model="upform.depid" |
| | | :options="editCompanyOption" |
| | | @change="editcompanyChange" |
| | | :props="cascader" |
| | | style="width:730px" |
| | | ></el-cascader> |
| | | <!-- <el-input |
| | | v-model="upform.depValue" |
| | | disabled |
| | |
| | | :label="$t('dataManage.styleObj.ver')" |
| | | :label-width="formLabelWidth" |
| | | > |
| | | <el-input v-model="upform.ver" autocomplete="off"></el-input> |
| | | <el-input |
| | | v-model="upform.ver" |
| | | autocomplete="off" |
| | | ></el-input> |
| | | </el-form-item> |
| | | <el-form-item |
| | | :label="$t('dataManage.styleObj.status')" |
| | |
| | | :label="$t('dataManage.styleObj.descr')" |
| | | :label-width="formLabelWidth" |
| | | > |
| | | <el-input v-model="upform.descr" autocomplete="off"></el-input> |
| | | <el-input |
| | | v-model="upform.descr" |
| | | autocomplete="off" |
| | | ></el-input> |
| | | </el-form-item> |
| | | <el-form-item |
| | | :label="$t('dataManage.styleObj.fileguid')" |
| | | :label-width="formLabelWidth" |
| | | > |
| | | <el-input v-model="upform.fileGuid" disabled autocomplete="off"></el-input> |
| | | <input |
| | | <el-input |
| | | v-model="upform.fileGuid" |
| | | disabled |
| | | autocomplete="off" |
| | | ></el-input> |
| | | <input |
| | | name="file1" |
| | | type="file" |
| | | id="editFile" |
| | |
| | | style="display: none" |
| | | @change="editFile(0)" |
| | | /> |
| | | <el-link |
| | | <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')" |
| | | ><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> |
| | | ><i class="el-icon-upload2"></i></el-link> |
| | | </el-form-item> |
| | | <el-form-item |
| | | :label="$t('dataManage.styleObj.viewguid')" |
| | | :label-width="formLabelWidth" |
| | | > |
| | | <el-input v-model="upform.viewGuid" disabled autocomplete="off"></el-input> |
| | | <input |
| | | <el-input |
| | | v-model="upform.viewGuid" |
| | | disabled |
| | | autocomplete="off" |
| | | ></el-input> |
| | | <input |
| | | name="file1" |
| | | :accept="'.jpg,.png'" |
| | | type="file" |
| | |
| | | style="display: none" |
| | | @change="editFile(1)" |
| | | /> |
| | | <el-link |
| | | <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')" |
| | | ><i class="el-icon-plus"></i></el-link> |
| | | <el-link |
| | | :title="$t('common.upload')" |
| | | :underline="false" |
| | | @click="seteditFile(1)" |
| | | @click="seteditFile(1)" |
| | | style="margin-left: 10px" |
| | | ><i class="el-icon-upload2"></i |
| | | ></el-link> |
| | | ><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"></el-input> |
| | | <el-input |
| | | v-model="upform.bak" |
| | | autocomplete="off" |
| | | ></el-input> |
| | | </el-form-item> |
| | | </el-form> |
| | | <div slot="footer" class="dialog-footer"> |
| | | <el-button type="info" @click="removeUpdate">{{$t('common.close')}}</el-button> |
| | | <el-button class="primary" @click="updateForm">{{$t('common.confirm')}}</el-button> |
| | | <div |
| | | slot="footer" |
| | | class="dialog-footer" |
| | | > |
| | | <el-button |
| | | type="info" |
| | | @click="removeUpdate" |
| | | >{{$t('common.close')}}</el-button> |
| | | <el-button |
| | | class="primary" |
| | | @click="updateForm" |
| | | >{{$t('common.confirm')}}</el-button> |
| | | </div> |
| | | </el-dialog> |
| | | <el-dialog |
| | |
| | | :label="$t('dataManage.styleObj.name')" |
| | | :label-width="formLabelWidth" |
| | | > |
| | | <el-input v-model="insertform.name" autocomplete="off"></el-input> |
| | | <el-input |
| | | v-model="insertform.name" |
| | | autocomplete="off" |
| | | ></el-input> |
| | | </el-form-item> |
| | | <el-form-item |
| | | :label="$t('dataManage.styleObj.type')" |
| | | :label-width="formLabelWidth" |
| | | > |
| | | <el-input v-model="insertform.type" autocomplete="off"></el-input> |
| | | <el-input |
| | | v-model="insertform.type" |
| | | autocomplete="off" |
| | | ></el-input> |
| | | </el-form-item> |
| | | <el-form-item |
| | | :label="$t('dataManage.styleObj.dirid')" |
| | | :label-width="formLabelWidth" |
| | | > |
| | | <el-cascader |
| | | v-model="insertform.dirid" |
| | | :options="catalogOption" |
| | | @change="catalogChange" |
| | | :props="cascader" |
| | | style="width:730px" |
| | | ></el-cascader> |
| | | <el-cascader |
| | | v-model="insertform.dirid" |
| | | :options="catalogOption" |
| | | @change="catalogChange" |
| | | :props="cascader" |
| | | style="width:730px" |
| | | ></el-cascader> |
| | | <!-- <el-input |
| | | v-model="insertform.dirValue" |
| | | disabled |
| | |
| | | :label-width="formLabelWidth" |
| | | > |
| | | <el-cascader |
| | | v-model="insertform.depid" |
| | | :options="companyOption" |
| | | @change="companyChange" |
| | | :props="cascader" |
| | | style="width:730px" |
| | | ></el-cascader> |
| | | v-model="insertform.depid" |
| | | :options="companyOption" |
| | | @change="companyChange" |
| | | :props="cascader" |
| | | style="width:730px" |
| | | ></el-cascader> |
| | | <!-- <el-input |
| | | v-model="insertform.depValue" |
| | | disabled |
| | |
| | | :label="$t('dataManage.styleObj.ver')" |
| | | :label-width="formLabelWidth" |
| | | > |
| | | <el-input v-model="insertform.ver" autocomplete="off"></el-input> |
| | | <el-input |
| | | v-model="insertform.ver" |
| | | autocomplete="off" |
| | | ></el-input> |
| | | </el-form-item> |
| | | <el-form-item |
| | | :label="$t('dataManage.styleObj.status')" |
| | |
| | | :label="$t('dataManage.styleObj.descr')" |
| | | :label-width="formLabelWidth" |
| | | > |
| | | <el-input v-model="insertform.descr" autocomplete="off"></el-input> |
| | | <el-input |
| | | v-model="insertform.descr" |
| | | autocomplete="off" |
| | | ></el-input> |
| | | </el-form-item> |
| | | <el-form-item |
| | | :label="$t('dataManage.styleObj.fileguid')" |
| | | :label-width="formLabelWidth" |
| | | > |
| | | <el-input v-model="insertform.fileGuid" disabled autocomplete="off" /> |
| | | <input |
| | | <el-input |
| | | v-model="insertform.fileGuid" |
| | | disabled |
| | | autocomplete="off" |
| | | /> |
| | | <input |
| | | name="file1" |
| | | |
| | | type="file" |
| | | id="insertFile" |
| | | multiple="multiple" |
| | | style="display: none" |
| | | @change="insertFile(0)" |
| | | /> |
| | | <el-link |
| | | <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')" |
| | | ><i class="el-icon-plus"></i></el-link> |
| | | <el-link |
| | | :title="$t('common.upload')" |
| | | :underline="false" |
| | | @click="setinsertFile(0)" |
| | | @click="setinsertFile(0)" |
| | | style="margin-left: 10px" |
| | | ><i class="el-icon-upload2"></i |
| | | ></el-link> |
| | | ><i class="el-icon-upload2"></i></el-link> |
| | | </el-form-item> |
| | | <el-form-item |
| | | :label="$t('dataManage.styleObj.viewguid')" |
| | | :label-width="formLabelWidth" |
| | | > |
| | | <el-input v-model="insertform.viewGuid" disabled autocomplete="off"/> |
| | | <input |
| | | <el-input |
| | | v-model="insertform.viewGuid" |
| | | disabled |
| | | autocomplete="off" |
| | | /> |
| | | <input |
| | | name="file1" |
| | | :accept="'.jpg,.png'" |
| | | type="file" |
| | |
| | | style="display: none" |
| | | @change="insertFile(1)" |
| | | /> |
| | | <el-link |
| | | <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')" |
| | | ><i class="el-icon-plus"></i></el-link> |
| | | <el-link |
| | | :title="$t('common.upload')" |
| | | :underline="false" |
| | | @click="setinsertFile(1)" |
| | | @click="setinsertFile(1)" |
| | | style="margin-left: 10px" |
| | | ><i class="el-icon-upload2"></i |
| | | ></el-link> |
| | | ><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"></el-input> |
| | | <el-input |
| | | v-model="insertform.bak" |
| | | autocomplete="off" |
| | | ></el-input> |
| | | </el-form-item> |
| | | </el-form> |
| | | <div slot="footer" class="dialog-footer"> |
| | | <el-button type="info" @click="insertFromDataClose">{{$t('common.close')}}</el-button> |
| | | <el-button class="primary" @click="insertFromData">{{$t('common.confirm')}}</el-button> |
| | | <div |
| | | slot="footer" |
| | | class="dialog-footer" |
| | | > |
| | | <el-button |
| | | type="info" |
| | | @click="insertFromDataClose" |
| | | >{{$t('common.close')}}</el-button> |
| | | <el-button |
| | | class="primary" |
| | | @click="insertFromData" |
| | | >{{$t('common.confirm')}}</el-button> |
| | | </div> |
| | | </el-dialog> |
| | | <div class="leftTree" v-if="showDirCata"> |
| | | <div |
| | | class="leftTree" |
| | | v-if="showDirCata" |
| | | > |
| | | <div class="treeBox"> |
| | | <style-dir-tree></style-dir-tree> |
| | | </div> |
| | | <div class="btnBox"> |
| | | <el-button class="primary" size="small" @click="selectDirCataName">{{ |
| | | <el-button |
| | | class="primary" |
| | | size="small" |
| | | @click="selectDirCataName" |
| | | >{{ |
| | | $t('common.confirm') |
| | | }}</el-button> |
| | | <el-button type="info" size="small" @click="showDirCata = false">{{ |
| | | <el-button |
| | | type="info" |
| | | size="small" |
| | | @click="showDirCata = false" |
| | | >{{ |
| | | $t('common.close') |
| | | }}</el-button> |
| | | </div> |
| | | </div> |
| | | <div class="leftTree" v-if="showDepCata"> |
| | | <div |
| | | class="leftTree" |
| | | v-if="showDepCata" |
| | | > |
| | | <div class="treeBox"> |
| | | <style-dep-tree></style-dep-tree> |
| | | </div> |
| | | <div class="btnBox"> |
| | | <el-button class="primary" size="small" @click="selectDepCataName">{{ |
| | | <el-button |
| | | class="primary" |
| | | size="small" |
| | | @click="selectDepCataName" |
| | | >{{ |
| | | $t('common.confirm') |
| | | }}</el-button> |
| | | <el-button type="info" size="small" @click="showDepCata = false">{{ |
| | | <el-button |
| | | type="info" |
| | | size="small" |
| | | @click="showDepCata = false" |
| | | >{{ |
| | | $t('common.close') |
| | | }}</el-button> |
| | | </div> |
| | |
| | | update: false, |
| | | }, |
| | | |
| | | companyOption:[], |
| | | catalogOption:[], |
| | | editCompanyOption:[], |
| | | editcatalogOption:[], |
| | | cascader: { |
| | | companyOption: [], |
| | | catalogOption: [], |
| | | editCompanyOption: [], |
| | | editcatalogOption: [], |
| | | cascader: { |
| | | label: 'name', |
| | | value: 'id', |
| | | children: 'children', |
| | |
| | | created() { |
| | | this.getRoleTabelData(); |
| | | this.showPermsBtn(); |
| | | this.getQueryDepTree();this.getSelectdirTab(); |
| | | this.getQueryDepTree(); this.getSelectdirTab(); |
| | | }, |
| | | methods: { |
| | | showPermsBtn() { |
| | |
| | | filesReset() { |
| | | // document.getElementById("insertFile").reset(); |
| | | // document.getElementById("insertimageFile").reset(); |
| | | document.getElementById("insertFile").value = ""; |
| | | document.getElementById("insertimageFile").value = ""; |
| | | document.getElementById("insertFile").value = ""; |
| | | document.getElementById("insertimageFile").value = ""; |
| | | |
| | | this.guidFile = ''; |
| | | this.fileGuid = ''; |
| | |
| | | }, |
| | | insertFromDataClose() { |
| | | this.InsertFormdialog = false; |
| | | this.insertform= { |
| | | this.insertform = { |
| | | fileGuid: null, |
| | | viewGuid: null, |
| | | } |
| | | this.filesReset(); |
| | | }, |
| | | handleClose(){ |
| | | this.InsertFormdialog = false; |
| | | this.insertform= { |
| | | handleClose() { |
| | | this.InsertFormdialog = false; |
| | | this.insertform = { |
| | | fileGuid: null, |
| | | viewGuid: null, |
| | | } |
| | | this.filesReset(); |
| | | this.filesReset(); |
| | | }, |
| | | async insertFromData() { |
| | | if (this.insertform.dirid == null || this.insertform.depid == null) { |
| | |
| | | const data = await insertStyle(this.insertform); |
| | | if (data.code == 200) { |
| | | this.InsertFormdialog = false; |
| | | this.insertform= { |
| | | fileGuid: null, |
| | | viewGuid: null, |
| | | } |
| | | this.insertform = { |
| | | fileGuid: null, |
| | | viewGuid: null, |
| | | } |
| | | this.filesReset(); |
| | | this.$message({ |
| | | message: "添加成功!", |
| | |
| | | if (!val || !val.length) return; |
| | | var formData = new FormData(); |
| | | formData.append("file0", val[0]); |
| | | var res = $.ajax( + "/style/upload", { |
| | | var res = $.ajax(+ "/style/upload", { |
| | | type: "post", |
| | | data: formData, |
| | | async: false, |
| | |
| | | }); |
| | | this.startFromData(); |
| | | }) |
| | | .catch(() => {}); |
| | | .catch(() => { }); |
| | | }, |
| | | // 获取多选 |
| | | |
| | |
| | | // "height=800, width=1500, top=150, left=350, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no" |
| | | // ); |
| | | // }, |
| | | catalogChange(res) { |
| | | catalogChange(res) { |
| | | this.insertform.dirid = res; |
| | | this.upform.dirid =res; |
| | | this.upform.dirid = res; |
| | | |
| | | }, |
| | | editcompanyChange(res){ |
| | | this.upform.depid = res; |
| | | editcompanyChange(res) { |
| | | this.upform.depid = res; |
| | | }, |
| | | companyChange(res){ |
| | | this.insertform.depid = res; |
| | | companyChange(res) { |
| | | this.insertform.depid = res; |
| | | |
| | | }, |
| | | //新增数据 |
| | | setInsertShow(){ |
| | | this.InsertFormdialog = true; |
| | | setInsertShow() { |
| | | this.InsertFormdialog = true; |
| | | }, |
| | | //目录列表获取 |
| | | async getSelectdirTab() { |
| | |
| | | } |
| | | this.insertform.dirid = 1; |
| | | this.upform.dirid = 1; |
| | | this.catalogOption = this.treeData(res.result); |
| | | this.editcatalogOption= this.treeData(res.result); |
| | | this.catalogOption = this.treeData(res.result); |
| | | this.editcatalogOption = this.treeData(res.result); |
| | | }, |
| | | //单位列表获取 |
| | | //单位列表获取 |
| | | async getQueryDepTree() { |
| | | const res = await queryDepTree(); |
| | | if (res.code != 200) { |
| | |
| | | return; |
| | | } |
| | | this.insertform.depid = 1; |
| | | this.upform.depid = 1; |
| | | this.upform.depid = 1; |
| | | this.companyOption = this.treeData(res.result); |
| | | this.editCompanyOption= this.treeData(res.result); |
| | | this.editCompanyOption = this.treeData(res.result); |
| | | }, |
| | | //树列表生成 |
| | | treeData(source) { |
| | |
| | | <style lang="less" scoped> |
| | | //@import url(); 引入公共css类 |
| | | .authorityManagement_box { |
| | | |
| | | height: 81%; |
| | | width: 97%; |
| | | position: absolute; |
| | | box-sizing: border-box; |
| | | height: 98%; |
| | | width: 98%; |
| | | padding: 1%; |
| | | |
| | | .el-input { |
| | | width: 730px; |
| | |
| | | width: 100%; |
| | | .table_box { |
| | | width: 100%; |
| | | height: 90%; |
| | | height: 80%; |
| | | margin: 0 auto; |
| | | overflow: auto; |
| | | /*修改table 表体的背景颜色和文字颜色*/ |
| | | /deep/ .el-table { |
| | | background-color: transparent; |
| | | /*修改table 表体的背景颜色和文字颜色*/ |
| | | /deep/ .el-table { |
| | | background-color: transparent; |
| | | |
| | | th, |
| | | td { |
| | | background-color: transparent; |
| | | } |
| | | .el-table__expanded-cell { |
| | | background-color: transparent !important; |
| | | } |
| | | th, |
| | | td { |
| | | background-color: transparent; |
| | | } |
| | | .el-table__expanded-cell { |
| | | background-color: transparent !important; |
| | | } |
| | | |
| | | // 表头背景色 |
| | | th.el-table__cell { |
| | | background-color: #303030; |
| | | color: #fff; |
| | | } |
| | | tr > td { |
| | | background-color: #303030; |
| | | color: #fff; |
| | | } |
| | | // 表头背景色 |
| | | th.el-table__cell { |
| | | background-color: #303030; |
| | | color: #fff; |
| | | } |
| | | tr > td { |
| | | background-color: #303030; |
| | | color: #fff; |
| | | } |
| | | |
| | | // hover效果 |
| | | tr:hover > td { |
| | | background-color: rgba(255, 255, 255, 0.3) !important; |
| | | } |
| | | // hover效果 |
| | | tr:hover > td { |
| | | background-color: rgba(255, 255, 255, 0.3) !important; |
| | | } |
| | | |
| | | tbody tr:hover { |
| | | background-color: rgba(255, 255, 255, 0.3) !important; |
| | | // text-align: center; |
| | | } |
| | | tbody tr:hover { |
| | | background-color: rgba(255, 255, 255, 0.3) !important; |
| | | // text-align: center; |
| | | } |
| | | |
| | | // 滚动条宽高 |
| | | .el-table__body-wrapper::-webkit-scrollbar { |
| | | width: 5px; |
| | | height: 5px; |
| | | } |
| | | // 滚动条宽高 |
| | | .el-table__body-wrapper::-webkit-scrollbar { |
| | | width: 5px; |
| | | height: 5px; |
| | | } |
| | | |
| | | .el-table__body-wrapper::-webkit-scrollbar { |
| | | width: 5px; |
| | | /*滚动条宽度*/ |
| | | height: 5px; |
| | | /*滚动条高度*/ |
| | | } |
| | | /*定义滚动条轨道 内阴影+圆角*/ |
| | | .el-table__body-wrapper::-webkit-scrollbar-track { |
| | | box-shadow: 0px 1px 3px #216fe6 inset; |
| | | /*滚动条的背景区域的内阴影*/ |
| | | border-radius: 10px; |
| | | } |
| | | .el-table__body-wrapper::-webkit-scrollbar { |
| | | width: 5px; |
| | | /*滚动条宽度*/ |
| | | height: 5px; |
| | | /*滚动条高度*/ |
| | | } |
| | | /*定义滚动条轨道 内阴影+圆角*/ |
| | | .el-table__body-wrapper::-webkit-scrollbar-track { |
| | | box-shadow: 0px 1px 3px #216fe6 inset; |
| | | /*滚动条的背景区域的内阴影*/ |
| | | border-radius: 10px; |
| | | } |
| | | |
| | | /*定义滑块 内阴影+圆角*/ |
| | | .el-table__body-wrapper::-webkit-scrollbar-thumb { |
| | | box-shadow: 0px 1px 3px #216fe6 inset; |
| | | border-radius: 6px; |
| | | background-color: #216fe6; |
| | | } |
| | | } |
| | | |
| | | /*定义滑块 内阴影+圆角*/ |
| | | .el-table__body-wrapper::-webkit-scrollbar-thumb { |
| | | box-shadow: 0px 1px 3px #216fe6 inset; |
| | | border-radius: 6px; |
| | | background-color: #216fe6; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | } |
| | |
| | | background: #ededed; |
| | | } |
| | | } |
| | | .pagination_box { |
| | | .pagination_box { |
| | | margin-top: 20px; |
| | | /deep/.el-input__inner { |
| | | background-color: transparent !important; |
| | |
| | | color: white; |
| | | } |
| | | } |
| | | /deep/.el-form-item__label { |
| | | /deep/.el-form-item__label { |
| | | color: white; |
| | | } |
| | | // 设置输入框的背景色、字体颜色、边框属性设置; |
| | |
| | | border: #409eff; |
| | | color: white; |
| | | } |
| | | .el-icon-plus{ |
| | | .el-icon-plus { |
| | | color: white; |
| | | } |
| | | .el-icon-upload2{ |
| | | .el-icon-upload2 { |
| | | color: white; |
| | | } |
| | | } |