| | |
| | | `${$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 style="margin-right: auto"> |
| | | <el-form-item |
| | | size="small" |
| | | :label="$t('dataManage.vmobj.keyword')" |
| | | prop="name" |
| | | size="small" |
| | | :label="$t('dataManage.vmobj.keyword')" |
| | | prop="name" |
| | | > |
| | | <!-- suffix-icon="el-icon-edit" |
| | | <!-- suffix-icon="el-icon-edit" |
| | | :placeholder="$t('common.pleaseInput')"--> |
| | | <el-input |
| | | v-model="ruleForm.name" |
| | | :placeholder="$t('shuJuGuanLi.lable1')" |
| | | style="width:200px" |
| | | ><i slot="suffix" class="el-icon-search" @click="submitForm('ruleForm')" style="padding-right: 8px"></i></el-input> |
| | | v-model="ruleForm.name" |
| | | :placeholder="$t('shuJuGuanLi.lable1')" |
| | | style="width:200px" |
| | | ><i |
| | | slot="suffix" |
| | | class="el-icon-search" |
| | | @click="submitForm('ruleForm')" |
| | | style="padding-right: 8px" |
| | | ></i></el-input> |
| | | </el-form-item> |
| | | </div> |
| | | <div> |
| | | <el-form-item> |
| | | <el-button |
| | | v-if="btnStatus.insert" |
| | | @click="setInsertShow()" |
| | | icon="el-icon-edit" |
| | | type="success" |
| | | size="small" |
| | | 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" |
| | | v-if="btnStatus.delete" |
| | | @click="delStyleData" |
| | | icon="el-icon-delete" |
| | | type="danger" |
| | | size="small" |
| | | >{{ $t('common.delete') }} |
| | | </el-button> |
| | | <!-- <el-button |
| | | <!-- <el-button |
| | | @click="submitForm('ruleForm')" |
| | | icon="el-icon-search" |
| | | type="primary" |
| | |
| | | >{{ $t('common.iquery') }} |
| | | </el-button>--> |
| | | <el-button |
| | | @click="resetForm('ruleForm')" |
| | | icon="el-icon-refresh" |
| | | type="info" |
| | | size="small" |
| | | @click="resetForm('ruleForm')" |
| | | icon="el-icon-refresh" |
| | | type="info" |
| | | size="small" |
| | | >{{ $t('common.empty') }} |
| | | </el-button> |
| | | </el-form-item> |
| | | </div> |
| | | </div> |
| | | |
| | | |
| | | </el-form> |
| | | </div> |
| | | <div class="dividing-line"></div> |
| | | <div class="table_box" :style="styleVar"> |
| | | <div |
| | | class="table_box" |
| | | :style="styleVar" |
| | | > |
| | | <el-table |
| | | :data="tableData" |
| | | style="width: 100%" |
| | | height="calc(100% - 57px)" |
| | | @selection-change="handleSelectionChange" |
| | | :data="tableData" |
| | | style="width: 100%" |
| | | height="calc(100% - 57px)" |
| | | @selection-change="handleSelectionChange" |
| | | > |
| | | <el-table-column |
| | | type="selection" |
| | | width="55" |
| | | type="selection" |
| | | width="55" |
| | | /> |
| | | <el-table-column |
| | | align="center" |
| | | type="index" |
| | | :label="$t('dataManage.styleObj.index')" |
| | | width="70px" |
| | | align="center" |
| | | type="index" |
| | | :label="$t('dataManage.styleObj.index')" |
| | | width="70px" |
| | | /> |
| | | <el-table-column |
| | | align="center" |
| | | prop="id" |
| | | v-if="false" |
| | | align="center" |
| | | prop="id" |
| | | v-if="false" |
| | | /> |
| | | <el-table-column |
| | | align="center" |
| | | prop="name" |
| | | :label="$t('dataManage.styleObj.name')" |
| | | align="center" |
| | | prop="name" |
| | | :label="$t('dataManage.styleObj.name')" |
| | | /> |
| | | <el-table-column |
| | | align="center" |
| | | prop="type" |
| | | :label="$t('dataManage.styleObj.type')" |
| | | align="center" |
| | | prop="type" |
| | | :label="$t('dataManage.styleObj.type')" |
| | | /> |
| | | <el-table-column |
| | | align="center" |
| | | prop="dirName" |
| | | :label="$t('dataManage.styleObj.dirid')" |
| | | align="center" |
| | | prop="dirName" |
| | | :label="$t('dataManage.styleObj.dirid')" |
| | | /> |
| | | <el-table-column |
| | | align="center" |
| | | prop="depName" |
| | | :label="$t('dataManage.styleObj.depid')" |
| | | align="center" |
| | | prop="depName" |
| | | :label="$t('dataManage.styleObj.depid')" |
| | | /> |
| | | <el-table-column |
| | | align="center" |
| | | prop="ver" |
| | | :label="$t('dataManage.styleObj.ver')" |
| | | align="center" |
| | | prop="ver" |
| | | :label="$t('dataManage.styleObj.ver')" |
| | | /> |
| | | <el-table-column |
| | | align="center" |
| | | prop="status" |
| | | :label="$t('dataManage.styleObj.status')" |
| | | :formatter="formatStatus" |
| | | align="center" |
| | | prop="status" |
| | | :label="$t('dataManage.styleObj.status')" |
| | | :formatter="formatStatus" |
| | | /> |
| | | <el-table-column |
| | | align="center" |
| | | prop="precision" |
| | | :label="$t('dataManage.styleObj.precision')" |
| | | align="center" |
| | | prop="precision" |
| | | :label="$t('dataManage.styleObj.precision')" |
| | | /> |
| | | <el-table-column |
| | | align="center" |
| | | prop="descr" |
| | | :label="$t('dataManage.styleObj.descr')" |
| | | align="center" |
| | | prop="descr" |
| | | :label="$t('dataManage.styleObj.descr')" |
| | | /> |
| | | <!-- <el-table-column |
| | | align="center" |
| | |
| | | :label="$t('dataManage.styleObj.bak')" |
| | | /> --> |
| | | <el-table-column |
| | | min-width="120" |
| | | :label="$t('common.operate')" |
| | | min-width="120" |
| | | :label="$t('common.operate')" |
| | | > |
| | | <template slot-scope="scope"> |
| | | <el-button |
| | | @click="showDetail(scope.$index, scope.row)" |
| | | type="primary" |
| | | plain |
| | | size="small" |
| | | @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" |
| | | @click="handleEdit(scope.$index, scope.row)" |
| | | type="warning" |
| | | plain |
| | | size="small" |
| | | >{{ $t('common.update') }} |
| | | </el-button> |
| | | <el-button |
| | | @click="handleDownload(scope.$index, scope.row)" |
| | | type="success" |
| | | plain |
| | | size="small" |
| | | >{{ $t('common.download') }} |
| | | </el-button> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | <div |
| | | class="pagination_box" |
| | | style="margin-top: 15px" |
| | | class="pagination_box" |
| | | style="margin-top: 15px" |
| | | > |
| | | <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> |
| | | </div> |
| | | |
| | | <div class="infoBox_box" v-show="showinfoBox"> |
| | | <div |
| | | class="infoBox subpage_Div box_div" |
| | | > |
| | | <div |
| | | class="infoBox_box" |
| | | v-show="showinfoBox" |
| | | > |
| | | <div class="infoBox subpage_Div box_div"> |
| | | |
| | | <div |
| | | slot="header" |
| | | class="clearfix" |
| | | slot="header" |
| | | class="clearfix" |
| | | > |
| | | <span>{{ $t('dataManage.styleObj.deInformation') }}</span> |
| | | <div |
| | | style="float: right; cursor: pointer" |
| | | @click="closeDetial" |
| | | style="float: right; cursor: pointer" |
| | | @click="closeDetial" |
| | | > |
| | | <i class="el-icon-close"></i> |
| | | </div> |
| | |
| | | <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="" |
| | | /> |
| | | <img |
| | | style="width:100%; height:100%" |
| | | :src="itemdetail.imageFile" |
| | | alt="" |
| | | /> |
| | | </div> |
| | | </label> |
| | | </p> |
| | |
| | | </div> |
| | | </div> |
| | | <el-dialog |
| | | :title="$t('dataManage.styleObj.modifyStyleData')" |
| | | :before-close="removeUpdate" |
| | | :visible.sync="dialogFormVisible" |
| | | :title="$t('dataManage.styleObj.modifyStyleData')" |
| | | :before-close="removeUpdate" |
| | | :visible.sync="dialogFormVisible" |
| | | > |
| | | <div style="height: 500px; overflow: auto"> |
| | | <el-form :model="upform" label-position="top"> |
| | | <el-form |
| | | :model="upform" |
| | | label-position="top" |
| | | > |
| | | <el-form-item |
| | | :label="$t('dataManage.styleObj.name')" |
| | | :label-width="formLabelWidth" |
| | | :label="$t('dataManage.styleObj.name')" |
| | | :label-width="formLabelWidth" |
| | | > |
| | | <el-input |
| | | v-model="upform.name" |
| | | autocomplete="off" |
| | | style="width:85%" |
| | | 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" |
| | | :label="$t('dataManage.styleObj.type')" |
| | | :label-width="formLabelWidth" |
| | | > |
| | | <el-input |
| | | v-model="upform.type" |
| | | autocomplete="off" |
| | | style="width:85%" |
| | | 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" |
| | | :label="$t('dataManage.styleObj.dirid')" |
| | | :label-width="formLabelWidth" |
| | | > |
| | | <el-select |
| | | v-model="upform.dirid" |
| | | placeholder="请选择" |
| | | style="width:85%" |
| | | @focus="setOptionWidth" |
| | | v-model="upform.dirid" |
| | | placeholder="请选择" |
| | | style="width:85%" |
| | | @focus="setOptionWidth" |
| | | > |
| | | <el-option |
| | | :value="upform.dirid" |
| | | :label="upform.dirName" |
| | | :style="{ width: selectOptionWidth, height: selectheight }" |
| | | :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" |
| | | ref="tree" |
| | | :data="editcatalogOption" |
| | | :default-expand-all="defaultexpand" |
| | | node-key="id" |
| | | :props="defaultProps" |
| | | @node-click="handleNodeClickto" |
| | | /> |
| | | </el-option> |
| | | </el-select> |
| | |
| | | ></el-link> --> |
| | | </el-form-item> |
| | | <el-form-item |
| | | :label="$t('dataManage.styleObj.depid')" |
| | | :label-width="formLabelWidth" |
| | | :label="$t('dataManage.styleObj.depid')" |
| | | :label-width="formLabelWidth" |
| | | > |
| | | <el-select |
| | | v-model="upform.depid" |
| | | placeholder="请选择" |
| | | style="width:85%" |
| | | @focus="setOptionWidth" |
| | | v-model="upform.depid" |
| | | placeholder="请选择" |
| | | style="width:85%" |
| | | @focus="setOptionWidth" |
| | | > |
| | | <el-option |
| | | :value="upform.depid" |
| | | :label="upform.depName" |
| | | :style="{ width: selectOptionWidth, height: selectheight }" |
| | | :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" |
| | | ref="tree" |
| | | :data="editCompanyOption" |
| | | :default-expand-all="defaultexpand" |
| | | node-key="id" |
| | | :props="defaultProps" |
| | | @node-click="handleNodeClick" |
| | | /> |
| | | </el-option> |
| | | </el-select> |
| | |
| | | ></el-link> --> |
| | | </el-form-item> |
| | | <el-form-item |
| | | :label="$t('dataManage.styleObj.ver')" |
| | | :label-width="formLabelWidth" |
| | | :label="$t('dataManage.styleObj.ver')" |
| | | :label-width="formLabelWidth" |
| | | > |
| | | <el-input |
| | | v-model="upform.ver" |
| | | autocomplete="off" |
| | | style="width:85%" |
| | | 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" |
| | | :label="$t('dataManage.styleObj.status')" |
| | | :label-width="formLabelWidth" |
| | | > |
| | | <el-select |
| | | v-model="upform.status" |
| | | style="width:85%" |
| | | :placeholder="$t('common.choose')" |
| | | v-model="upform.status" |
| | | style="width:85%" |
| | | :placeholder="$t('common.choose')" |
| | | > |
| | | <el-option |
| | | value="0" |
| | | :label="$t('dataManage.styleObj.deactivate')" |
| | | value="0" |
| | | :label="$t('dataManage.styleObj.deactivate')" |
| | | ></el-option> |
| | | <el-option |
| | | value="1" |
| | | :label="$t('dataManage.styleObj.enable')" |
| | | 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" |
| | | :label="$t('dataManage.styleObj.precision')" |
| | | :label-width="formLabelWidth" |
| | | > |
| | | <el-input |
| | | v-model="upform.precision" |
| | | autocomplete="off" |
| | | style="width:85%" |
| | | 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" |
| | | :label="$t('dataManage.styleObj.descr')" |
| | | :label-width="formLabelWidth" |
| | | > |
| | | <el-input |
| | | v-model="upform.descr" |
| | | autocomplete="off" |
| | | style="width:85%" |
| | | 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" |
| | | :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%" |
| | | 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)" |
| | | 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)" |
| | | 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)" |
| | | type="primary" |
| | | size="small" |
| | | :underline="false" |
| | | @click="seteditFile(0)" |
| | | >上传 |
| | | </el-button> |
| | | </div> |
| | |
| | | ><i class="el-icon-upload2"></i></el-link> --> |
| | | </el-form-item> |
| | | <el-form-item |
| | | :label="$t('dataManage.styleObj.viewguid')" |
| | | :label-width="formLabelWidth" |
| | | :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%" |
| | | 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)" |
| | | 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)" |
| | | 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)" |
| | | type="primary" |
| | | size="small" |
| | | :underline="false" |
| | | @click="seteditFile(1)" |
| | | >上传 |
| | | </el-button> |
| | | </div> |
| | |
| | | ><i class="el-icon-upload2"></i></el-link> --> |
| | | </el-form-item> |
| | | <el-form-item |
| | | :label="$t('dataManage.styleObj.bak')" |
| | | :label-width="formLabelWidth" |
| | | :label="$t('dataManage.styleObj.bak')" |
| | | :label-width="formLabelWidth" |
| | | > |
| | | <el-input |
| | | v-model="upform.bak" |
| | | autocomplete="off" |
| | | style="width:85%" |
| | | 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" |
| | | type="info" |
| | | size="small" |
| | | @click="removeUpdate" |
| | | >{{ $t('common.close') }} |
| | | </el-button> |
| | | <el-button |
| | | type="primary" |
| | | @click="updateForm" |
| | | size="small" |
| | | type="primary" |
| | | @click="updateForm" |
| | | size="small" |
| | | >{{ $t('common.confirm') }} |
| | | </el-button> |
| | | </div> |
| | | </el-dialog> |
| | | <el-dialog |
| | | :title="$t('dataManage.styleObj.addStyleData')" |
| | | |
| | | :visible.sync="InsertFormdialog" |
| | | :before-close="handleClose" |
| | | :title="$t('dataManage.styleObj.addStyleData')" |
| | | :visible.sync="InsertFormdialog" |
| | | :before-close="handleClose" |
| | | > |
| | | <div style="height: 500px; overflow: auto"> |
| | | <el-form :model="insertform" label-position="top"> |
| | | <el-form |
| | | :model="insertform" |
| | | label-position="top" |
| | | > |
| | | <el-form-item |
| | | :label="$t('dataManage.styleObj.name')" |
| | | :label-width="formLabelWidth" |
| | | :label="$t('dataManage.styleObj.name')" |
| | | :label-width="formLabelWidth" |
| | | > |
| | | <el-input |
| | | v-model="insertform.name" |
| | | autocomplete="off" |
| | | style="width:85%" |
| | | 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" |
| | | :label="$t('dataManage.styleObj.type')" |
| | | :label-width="formLabelWidth" |
| | | > |
| | | <el-input |
| | | v-model="insertform.type" |
| | | autocomplete="off" |
| | | style="width:85%" |
| | | 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" |
| | | :label="$t('dataManage.styleObj.dirid')" |
| | | :label-width="formLabelWidth" |
| | | > |
| | | <el-select |
| | | v-model="insertform.dirid" |
| | | placeholder="请选择" |
| | | style="width:85%" |
| | | @focus="setOptionWidth" |
| | | v-model="insertform.dirid" |
| | | placeholder="请选择" |
| | | style="width:85%" |
| | | @focus="setOptionWidth" |
| | | > |
| | | <el-option |
| | | :value="insertform.dirid" |
| | | :label="insertform.dirName" |
| | | :style="{ width: selectOptionWidth, height: selectheight }" |
| | | :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" |
| | | ref="tree" |
| | | :data="catalogOption" |
| | | :default-expand-all="defaultexpand" |
| | | node-key="id" |
| | | :props="defaultProps" |
| | | @node-click="handcatalogChange" |
| | | /> |
| | | </el-option> |
| | | </el-select> |
| | |
| | | ></el-link> --> |
| | | </el-form-item> |
| | | <el-form-item |
| | | :label="$t('dataManage.styleObj.depid')" |
| | | :label-width="formLabelWidth" |
| | | :label="$t('dataManage.styleObj.depid')" |
| | | :label-width="formLabelWidth" |
| | | > |
| | | <el-select |
| | | v-model="insertform.depid" |
| | | placeholder="请选择" |
| | | style="width:85%" |
| | | @focus="setOptionWidth" |
| | | v-model="insertform.depid" |
| | | placeholder="请选择" |
| | | style="width:85%" |
| | | @focus="setOptionWidth" |
| | | > |
| | | <el-option |
| | | :value="insertform.depid" |
| | | :label="insertform.depName" |
| | | :style="{ width: selectOptionWidth, height: selectheight }" |
| | | :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" |
| | | ref="tree" |
| | | :data="companyOption" |
| | | :default-expand-all="defaultexpand" |
| | | node-key="id" |
| | | :props="cascader" |
| | | @node-click="handcompanyChange" |
| | | /> |
| | | </el-option> |
| | | </el-select> |
| | |
| | | ></el-link> --> |
| | | </el-form-item> |
| | | <el-form-item |
| | | :label="$t('dataManage.styleObj.ver')" |
| | | :label-width="formLabelWidth" |
| | | :label="$t('dataManage.styleObj.ver')" |
| | | :label-width="formLabelWidth" |
| | | > |
| | | <el-input |
| | | v-model="insertform.ver" |
| | | autocomplete="off" |
| | | style="width:85%" |
| | | 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" |
| | | :label="$t('dataManage.styleObj.status')" |
| | | :label-width="formLabelWidth" |
| | | > |
| | | <el-select |
| | | v-model="insertform.status" |
| | | style="width:85%" |
| | | :placeholder="$t('common.choose')" |
| | | v-model="insertform.status" |
| | | style="width:85%" |
| | | :placeholder="$t('common.choose')" |
| | | > |
| | | <el-option |
| | | value="0" |
| | | :label="$t('dataManage.styleObj.deactivate')" |
| | | value="0" |
| | | :label="$t('dataManage.styleObj.deactivate')" |
| | | ></el-option> |
| | | <el-option |
| | | value="1" |
| | | :label="$t('dataManage.styleObj.enable')" |
| | | 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" |
| | | :label="$t('dataManage.styleObj.precision')" |
| | | :label-width="formLabelWidth" |
| | | > |
| | | <el-input |
| | | v-model="insertform.precision" |
| | | autocomplete="off" |
| | | style="width:85%" |
| | | 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" |
| | | :label="$t('dataManage.styleObj.descr')" |
| | | :label-width="formLabelWidth" |
| | | > |
| | | <el-input |
| | | v-model="insertform.descr" |
| | | autocomplete="off" |
| | | style="width:85%" |
| | | 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" |
| | | :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%" |
| | | 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)" |
| | | 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)" |
| | | 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)" |
| | | type="primary" |
| | | size="small" |
| | | :underline="false" |
| | | @click="setinsertFile(0)" |
| | | >上传 |
| | | </el-button> |
| | | </div> |
| | |
| | | ><i class="el-icon-upload2"></i></el-link> --> |
| | | </el-form-item> |
| | | <el-form-item |
| | | :label="$t('dataManage.styleObj.viewguid')" |
| | | :label-width="formLabelWidth" |
| | | :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%" |
| | | v-model="insertViewGuid" |
| | | disabled |
| | | autocomplete="off" |
| | | style="width:100%" |
| | | /> |
| | | </div> |
| | | <div><input |
| | |
| | | multiple="multiple" |
| | | style="display: none" |
| | | @change="insertFileData(1)" |
| | | /> |
| | | /> |
| | | <el-button |
| | | style="margin-left: 6px;" |
| | | type="primary" |
| | | size="small" |
| | | :underline="false" |
| | | @click="getInsertFile(1)" |
| | | 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)" |
| | | type="primary" |
| | | size="small" |
| | | :underline="false" |
| | | @click="setinsertFile(1)" |
| | | >上传 |
| | | </el-button> |
| | | </div> |
| | |
| | | ><i class="el-icon-upload2"></i></el-link> --> |
| | | </el-form-item> |
| | | <el-form-item |
| | | :label="$t('dataManage.styleObj.bak')" |
| | | :label-width="formLabelWidth" |
| | | :label="$t('dataManage.styleObj.bak')" |
| | | :label-width="formLabelWidth" |
| | | > |
| | | <el-input |
| | | v-model="insertform.bak" |
| | | autocomplete="off" |
| | | style="width:85%" |
| | | 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" |
| | | type="info" |
| | | size="small" |
| | | @click="insertFromDataClose" |
| | | >{{ $t('common.close') }} |
| | | </el-button> |
| | | <el-button |
| | | type="primary" |
| | | size="small" |
| | | @click="insertFromData" |
| | | 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> |
| | | <el-button |
| | | type="info" |
| | | size="small" |
| | | @click="showDirCata = false" |
| | | type="info" |
| | | size="small" |
| | | @click="showDirCata = false" |
| | | >{{ |
| | | $t('common.close') |
| | | }} |
| | |
| | | </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> |
| | | <el-button |
| | | type="info" |
| | | size="small" |
| | | @click="showDepCata = false" |
| | | type="info" |
| | | size="small" |
| | | @click="showDepCata = false" |
| | | >{{ |
| | | $t('common.close') |
| | | }} |
| | | </el-button> |
| | | </div> |
| | | </div> |
| | | <iframe |
| | | id="downFrame" |
| | | src="" |
| | | style="display: none; border: 0; padding: 0; height: 0; width: 0" |
| | | ></iframe> |
| | | </div> |
| | | </template> |
| | | |
| | | <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"; |
| | |
| | | |
| | | export default { |
| | | name: "styleManage", |
| | | components: {MyBread, styleDirTree, styleDepTree}, |
| | | components: { MyBread, styleDirTree, styleDepTree }, |
| | | data() { |
| | | return { |
| | | insertFileGuid: "", |
| | |
| | | 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(); |
| | |
| | | cancelButtonText: "取消", |
| | | type: "warning", |
| | | }) |
| | | .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(() => { |
| | | .then(async () => { |
| | | const data = await deleteStyles({ ids: std.toString() }); |
| | | if (data.code == 200) { |
| | | this.$message({ |
| | | type: "info", |
| | | message: "已取消删除", |
| | | message: "删除成功!", |
| | | type: "success", |
| | | }); |
| | | this.getRoleTabelData(); |
| | | } else { |
| | | this.$message({ |
| | | message: "删除失败!", |
| | | type: "warning", |
| | | }); |
| | | } |
| | | }) |
| | | .catch(() => { |
| | | this.$message({ |
| | | type: "info", |
| | | message: "已取消删除", |
| | | }); |
| | | }); |
| | | }, |
| | | showDirTree(res) { |
| | | this.dirFlag = res; |
| | |
| | | |
| | | 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; |
| | | this.itemdetail = {}; |
| | | }, |
| | | |
| | | handleDownload(index, row) { |
| | | |
| | | var token = getToken() |
| | | var url = BASE_URL + "/res/download?token=" + token + "&guid=" + row.fileGuid; |
| | | |
| | | $("#downFrame").attr("src", url).click(); |
| | | |
| | | }, |
| | | handleEdit(index, row) { |
| | | this.upflag = true; |
| | | this.dialogFormVisible = true; |
| | |
| | | cancelButtonText: "取消", |
| | | type: "warning", |
| | | }) |
| | | .then(() => { |
| | | DeletestStyle([row.id]); |
| | | this.$message({ |
| | | type: "success", |
| | | message: "删除成功!", |
| | | }); |
| | | this.startFromData(); |
| | | }) |
| | | .catch(() => { |
| | | .then(() => { |
| | | DeletestStyle([row.id]); |
| | | this.$message({ |
| | | type: "success", |
| | | message: "删除成功!", |
| | | }); |
| | | this.startFromData(); |
| | | }) |
| | | .catch(() => { |
| | | }); |
| | | }, |
| | | // 获取多选 |
| | | |