|
|
@@ -0,0 +1,312 @@
|
|
|
+<script>
|
|
|
+import {deleteDecoctRoute, editDecoctRoute, listDecoctRoute} from '@/api/decoct';
|
|
|
+
|
|
|
+/**
|
|
|
+ * 待行区管理
|
|
|
+ */
|
|
|
+export default {
|
|
|
+ name: 'DecoctRoute',
|
|
|
+ components: {},
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ lineGroupOptions: [],
|
|
|
+ stateOptions: [
|
|
|
+ {label: '启用', value: 0},
|
|
|
+ {label: '停用', value: 1},
|
|
|
+ ],
|
|
|
+ // 查询参数
|
|
|
+ queryParams: {
|
|
|
+ pageNum: 1,
|
|
|
+ pageSize: 10,
|
|
|
+ areaName: void 0,
|
|
|
+ areaCode: void 0,
|
|
|
+ state: void 0,
|
|
|
+ },
|
|
|
+ loading: false,
|
|
|
+ dataset: [],
|
|
|
+ total: 0,
|
|
|
+ // 编辑参数
|
|
|
+ editTitle: '',
|
|
|
+ editOpen: false,
|
|
|
+ editModel: {
|
|
|
+ areaName: void 0,
|
|
|
+ areaCode: void 0,
|
|
|
+ remark: '',
|
|
|
+ state: 0,
|
|
|
+ lineGroup: void 0,
|
|
|
+ },
|
|
|
+ editRules: {
|
|
|
+ areaName: [{required: true, message: '待行区名称不能为空', trigger: 'blur'}],
|
|
|
+ areaCode: [{required: true, message: '待行区编号不能为空', trigger: 'blur'}],
|
|
|
+ },
|
|
|
+ editError: '',
|
|
|
+ submitting: false,
|
|
|
+
|
|
|
+ // 选择的
|
|
|
+ selected: [],
|
|
|
+ };
|
|
|
+ },
|
|
|
+ created() {
|
|
|
+ this.handleQuery();
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ async getList() {
|
|
|
+ this.loading = true;
|
|
|
+ try {
|
|
|
+ const res = await listDecoctRoute(this.queryParams);
|
|
|
+ this.dataset = res.rows.map((row) => Object.assign(row, {
|
|
|
+ createTime: (row.createTime || '').replace('T', ' '),
|
|
|
+ updateTime: (row.updateTime || '').replace('T', ' '),
|
|
|
+ }));
|
|
|
+ this.total = res.total;
|
|
|
+ } catch (e) {}
|
|
|
+ this.loading = false;
|
|
|
+ },
|
|
|
+ /** 搜索按钮操作 */
|
|
|
+ handleQuery() {
|
|
|
+ this.queryParams.pageNum = 1;
|
|
|
+ this.getList();
|
|
|
+ },
|
|
|
+ /** 重置按钮操作 */
|
|
|
+ resetQuery() {
|
|
|
+ this.resetForm('queryForm');
|
|
|
+ this.handleQuery();
|
|
|
+ },
|
|
|
+ async handleDelete(model) {
|
|
|
+ try {
|
|
|
+ await deleteDecoctRoute(model);
|
|
|
+ await this.getList();
|
|
|
+ this.$message.success('删除成功');
|
|
|
+ } catch (e) { }
|
|
|
+ },
|
|
|
+ async handleEdit(model) {
|
|
|
+ this.editModel = Object.assign({
|
|
|
+ areaName: void 0,
|
|
|
+ areaCode: void 0,
|
|
|
+ remark: '',
|
|
|
+ state: 0,
|
|
|
+ lineGroup: void 0,
|
|
|
+ }, model);
|
|
|
+ if (this.editModel.lineGroup != null) this.editModel.lineGroup = this.editModel.lineGroup.toString();
|
|
|
+ if (this.lineGroupOptions.length === 0) {
|
|
|
+ const loading = this.$loading({
|
|
|
+ lock: true,
|
|
|
+ text: '加载中...',
|
|
|
+ spinner: 'el-icon-loading',
|
|
|
+ background: 'rgba(0, 0, 0, 0.7)',
|
|
|
+ });
|
|
|
+ await this.getDicts('line_group').then((response) => {this.lineGroupOptions = response.data;}, () => []);
|
|
|
+ loading.close();
|
|
|
+ }
|
|
|
+ this.editTitle = (this.editModel.id ? `编辑` : `新增`) + '待行区';
|
|
|
+ this.editOpen = true;
|
|
|
+ this.editError = '';
|
|
|
+ this.$nextTick(() => {
|
|
|
+ this.$refs['editForm'].clearValidate();
|
|
|
+ });
|
|
|
+ },
|
|
|
+ async handleEditSubmit() {
|
|
|
+ this.editError = '';
|
|
|
+ const valid = await this.$refs['editForm'].validate().then(() => true, (err) => {
|
|
|
+ this.$message.warning({showClose: true, message: `请补充完整表单`});
|
|
|
+ return false;
|
|
|
+ });
|
|
|
+ if (!valid) return;
|
|
|
+
|
|
|
+ this.submitting = true;
|
|
|
+ try {
|
|
|
+ await editDecoctRoute(this.editModel);
|
|
|
+ this.$message.success('保存成功');
|
|
|
+ this.editOpen = false;
|
|
|
+ await this.getList();
|
|
|
+ } catch (e) {
|
|
|
+ this.editError = e.message;
|
|
|
+ }
|
|
|
+ this.submitting = false;
|
|
|
+ },
|
|
|
+ async handleUpdate(data, rows = []) {
|
|
|
+ if (rows.length === 0) rows = this.selected;
|
|
|
+ if (rows.length === 0) return;
|
|
|
+
|
|
|
+ const confirm = await this.$confirm(`是否修改 ${rows.length} 项待行区数据的状态?`, '提示', {
|
|
|
+ confirmButtonText: data.state === 0 ? '启用' : '停用',
|
|
|
+ cancelButtonText: '取消',
|
|
|
+ type: 'warning',
|
|
|
+ }).then(() => true, () => false);
|
|
|
+ if (!confirm) return;
|
|
|
+
|
|
|
+ const loading = this.$loading({
|
|
|
+ lock: true,
|
|
|
+ text: '更新中...',
|
|
|
+ spinner: 'el-icon-loading',
|
|
|
+ background: 'rgba(0, 0, 0, 0.7)',
|
|
|
+ });
|
|
|
+ try {
|
|
|
+ await Promise.all(rows.map((row) => editDecoctRoute({...row, ...data})));
|
|
|
+ this.$message.success('更新状态成功');
|
|
|
+ } catch (e) {}
|
|
|
+ await this.getList();
|
|
|
+ loading.close();
|
|
|
+ },
|
|
|
+
|
|
|
+ handleSelectionChange(selection) {
|
|
|
+ this.selected = [...selection];
|
|
|
+ },
|
|
|
+ },
|
|
|
+};
|
|
|
+</script>
|
|
|
+
|
|
|
+<template>
|
|
|
+ <div class="app-container">
|
|
|
+ <el-row :gutter="24">
|
|
|
+ <el-col :span="24" :xs="24">
|
|
|
+ <el-form ref="queryForm" label-width="68px" :inline="true" :model="queryParams">
|
|
|
+ <div class="query-box">
|
|
|
+ <div class="query-box__left">
|
|
|
+ <el-form-item label="" prop="areaName">
|
|
|
+ <el-input style="width: 240px" placeholder="待行区名称" clearable size="small"
|
|
|
+ v-model="queryParams.areaName" @keyup.enter.native="handleQuery"/>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="" prop="areaCode">
|
|
|
+ <el-input style="width: 240px" placeholder="待行区编号" clearable size="small"
|
|
|
+ v-model="queryParams.areaCode" @keyup.enter.native="handleQuery"/>
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ <el-form-item label="" prop="state">
|
|
|
+ <el-select v-model="queryParams.state" placeholder="状态" filterable clearable>
|
|
|
+ <el-option v-for="item in stateOptions" :key="item.value" :label="item.label" :value="item.value"/>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item>
|
|
|
+ <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
|
|
|
+ <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
|
|
|
+ </el-form-item>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </el-form>
|
|
|
+
|
|
|
+ <div style="display: flex; justify-content: space-between; margin-bottom: 12px; clear: both;">
|
|
|
+ <div>
|
|
|
+ <el-button type="primary" plain icon="el-icon-plus" size="mini"
|
|
|
+ @click="handleEdit()"
|
|
|
+ v-hasPermi="['decoct:route:add']"
|
|
|
+ >新增
|
|
|
+ </el-button>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <el-button size="mini" :disabled="selected.length === 0" v-has-permi="['decoct:route:edit']"
|
|
|
+ @click="handleUpdate({ state: 0 })">启用
|
|
|
+ </el-button>
|
|
|
+ <el-button size="mini" :disabled="selected.length === 0" v-has-permi="['decoct:route:edit']"
|
|
|
+ @click="handleUpdate({ state: 1 })">停用
|
|
|
+ </el-button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <el-table v-loading="loading" :data="dataset" @selection-change="handleSelectionChange" border>
|
|
|
+ <el-table-column type="selection" width="50" align="center"/>
|
|
|
+ <el-table-column type="index" label="序号" align="center" width="55"/>
|
|
|
+ <el-table-column label="待行区名称" prop="areaName" align="center" :show-overflow-tooltip="true"/>
|
|
|
+ <el-table-column label="待行区编号" prop="areaCode" align="center"/>
|
|
|
+ <el-table-column label="状态" prop="state" align="center">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{ (stateOptions.find(option => option.value === scope.row.state) || {}).label }}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="备注" prop="remark" align="center" :show-overflow-tooltip="true"/>
|
|
|
+ <!--<el-table-column label="创建时间" prop="createTime" align="center" :show-overflow-tooltip="true"/>-->
|
|
|
+ <!--<el-table-column label="更新时间" prop="createTime" align="center" :show-overflow-tooltip="true"/>-->
|
|
|
+ <el-table-column
|
|
|
+ label="操作"
|
|
|
+ align="center"
|
|
|
+ width="160"
|
|
|
+ class-name="small-padding fixed-width"
|
|
|
+ >
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-button type="primary" style="width: 40px" size="mini"
|
|
|
+ @click="handleEdit(scope.row)"
|
|
|
+ v-hasPermi="['decoct:route:edit']"
|
|
|
+ >修改
|
|
|
+ </el-button>
|
|
|
+ <el-popconfirm style="margin-left: 10px;" v-hasPermi="['decoct:route:remove']" title="确定删除吗？"
|
|
|
+ confirm-button-text="删除" confirm-button-type="danger" @confirm="handleDelete(scope.row)"
|
|
|
+ >
|
|
|
+ <template #reference>
|
|
|
+ <el-button style="width: 40px" size="mini">删除</el-button>
|
|
|
+ </template>
|
|
|
+ </el-popconfirm>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+
|
|
|
+ <pagination v-show="total > 0" :total="total"
|
|
|
+ :page.sync="queryParams.pageNum"
|
|
|
+ :limit.sync="queryParams.pageSize"
|
|
|
+ @pagination="getList"/>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+
|
|
|
+ <el-dialog class="edit-dialog-wrapper" :title="editTitle" :visible.sync="editOpen" width="600px" append-to-body>
|
|
|
+ <el-form ref="editForm" :model="editModel" :rules="editRules" label-width="100px" @submit="handleEditSubmit()">
|
|
|
+ <el-form-item label="待行区名称" prop="areaName">
|
|
|
+ <el-input v-model="editModel.areaName" placeholder="请输入待行区名称" maxlength="30"/>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="待行区编号" prop="areaCode">
|
|
|
+ <el-input v-model="editModel.areaCode" placeholder="请输入待行区编号" maxlength="30"/>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="线组" prop="lineGroup">
|
|
|
+ <el-select v-model="editModel.lineGroup" placeholder="请选择线组" clearable>
|
|
|
+ <el-option v-for="item in lineGroupOptions" :key="item.dictCode"
|
|
|
+ :label="item.dictLabel" :value="item.dictValue" :disabled="item.status !== '0'"
|
|
|
+ />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="备注" prop="remark">
|
|
|
+ <el-input type="textarea" :autosize="{ minRows: 2, maxRows: 4}"
|
|
|
+ v-model="editModel.remark" placeholder="请输入备注">
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="状态" prop="lineGroup">
|
|
|
+ <el-select v-model="editModel.state" placeholder="请选择状态">
|
|
|
+ <el-option v-for="item in stateOptions" :key="item.value"
|
|
|
+ :label="item.label" :value="item.value"
|
|
|
+ />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ <div slot="footer" class="dialog-footer">
|
|
|
+ <div style="display: flex;justify-content: space-between;align-items: center;">
|
|
|
+ <div style="color: #ff4949;">{{ editError }}</div>
|
|
|
+ <div>
|
|
|
+ <el-button type="primary" :loading="submitting" @click="handleEditSubmit()">保 存</el-button>
|
|
|
+ <el-button :disabled="submitting" @click="editOpen = false;">取 消</el-button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </el-dialog>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<style scoped lang="scss">
|
|
|
+.edit-dialog-wrapper {
|
|
|
+ ::v-deep {
|
|
|
+ .el-select {
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-input-group {
|
|
|
+ border-top-left-radius: 8px;
|
|
|
+ border-bottom-left-radius: 8px;
|
|
|
+
|
|
|
+ .el-input__inner {
|
|
|
+ border-radius: inherit;
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-input-group__append {
|
|
|
+ border-top-right-radius: 8px;
|
|
|
+ border-bottom-right-radius: 8px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+</style>
|
