| | |
| | | </el-dialog> |
| | | |
| | | <!-- 新增或修改 --> |
| | | <el-dialog :title="title" :visible.sync="open" width="700px" append-to-body> |
| | | <el-dialog :title="title" :visible.sync="open" width="800px" append-to-body> |
| | | <el-form ref="form" :model="form" :rules="rules" label-width="120px"> |
| | | <el-form-item label="运维考核单位" prop="unitId"> |
| | | <el-select v-model="form.unitId" placeholder="运维考核单位" @change="handleChangeUnit"> |
| | |
| | | <div class="row-left"> |
| | | <div class="block"> |
| | | <span class="demonstration"></span> |
| | | <el-cascader ref="cascader" v-model="form.ruleIdsArray" :options="options" @change="handleChange"> |
| | | <el-cascader |
| | | ref="cascader" |
| | | v-model="form.ruleIdsArray" |
| | | :options="options" |
| | | @change="handleChange" |
| | | :props="{ expandTrigger: 'hover'}" |
| | | > |
| | | <template slot-scope="{ data }"> |
| | | <el-tooltip class="item" :disabled="data.label.length < 16 && !data.deductCategory" effect="dark" |
| | | :content=" |
| | |
| | | </div> |
| | | </div> |
| | | <div class="row-right" v-if="needNum"> |
| | | <div>指标</div> |
| | | <div>次数/数量/小时</div> |
| | | <div class="margin-5"> |
| | | <el-input placeholder="请输入" v-model="form.num" @input="handleChangeNum" /> |
| | | </div> |
| | |
| | | </div> |
| | | </div> |
| | | </el-form-item> |
| | | <el-form-item label="运维考核扣分" style="width: 51%" prop="score"> |
| | | <el-form-item label="运维考核扣分" style="width: 30%" prop="score"> |
| | | <el-input v-model="form.score"></el-input> |
| | | </el-form-item> |
| | | </el-form> |
| | |
| | | <right-toolbar :showSearch.sync="showSearch" @queryTable="getList" :columns="columns"></right-toolbar> |
| | | </el-form> |
| | | |
| | | <div v-hasPermi="['system:monitor:export']"> |
| | | <el-button slot="reference" type="primary" size="mini" @click="handleExport" plain >导出</el-button> |
| | | </div> |
| | | |
| | | <el-table v-loading="loading" :data="monitorList" @selection-change="handleSelectionChange"> |
| | | <el-table-column label="设备名称" align="center" prop="name" width="280" fixed show-overflow-tooltip/> |
| | | <el-table-column label="设备编码" align="center" prop="serialNumber" width="180"/> |
| | |
| | | <right-toolbar :showSearch.sync="showSearch" @queryTable="getList" :columns="columns"></right-toolbar> |
| | | </el-form> |
| | | |
| | | <div v-hasPermi="['system:monitor:export']"> |
| | | <el-button slot="reference" type="primary" size="mini" @click="handleExport" plain >导出</el-button> |
| | | </div> |
| | | |
| | | <el-table v-loading="loading" :data="monitorList" @selection-change="handleSelectionChange"> |
| | | <el-table-column label="设备名称" align="center" prop="name" width="280" fixed show-overflow-tooltip/> |
| | | <el-table-column label="设备编码" align="center" prop="serialNumber" width="180"/> |
| | |
| | | </el-form> |
| | | <!-- 导出按钮 --> |
| | | <div v-hasPermi="['system:monitor:export']"> |
| | | <el-button style="margin-right: 10px" slot="reference" type="primary" size="mini" @click="handleExport" plain >导出</el-button> |
| | | <el-popover |
| | | placement="left" |
| | | width="300px" |
| | | trigger="click"> |
| | | <span style="font-weight: bold;font-size: 16px">导出</span> |
| | | <span style="font-weight: bold;font-size: 16px">导出报表</span> |
| | | <el-form ref="exportForm" :model="exportForm" :rules="exportRules" label-width="100px"> |
| | | <el-form-item label="考核时间" prop="month" required> |
| | | <el-date-picker |
| | |
| | | <!-- </div>--> |
| | | </el-radio-group> |
| | | </el-form-item> |
| | | <el-button type="primary" size="small" style="width: 100%" @click="handleExport">导出</el-button> |
| | | <el-button type="primary" size="small" style="width: 100%" @click="handleFormExport">导出</el-button> |
| | | </el-form> |
| | | <el-button slot="reference" type="primary" size="mini" plain>导出</el-button> |
| | | <el-button slot="reference" type="primary" size="mini" plain>导出报表</el-button> |
| | | </el-popover> |
| | | </div> |
| | | </el-col> |
| | |
| | | }, |
| | | /** 导出按钮操作 */ |
| | | handleExport() { |
| | | this.download('system/monitor/export', { |
| | | ...this.queryParams |
| | | }, `monitor_${new Date().getTime()}.xlsx`) |
| | | }, |
| | | handleFormExport() { |
| | | this.$refs["exportForm"].validate(valid => { |
| | | if (valid) { |
| | | if (this.exportForm.dataType === 0) { |