From 5c929cfb5286a31a4e067cbc61e8774f4e7d42ae Mon Sep 17 00:00:00 2001 From: xiangpei <xiangpei@timesnew.cn> Date: 星期二, 06 五月 2025 11:25:41 +0800 Subject: [PATCH] 任务查看:任务名称undefined解决 --- src/views/codingRuler/index.vue | 345 ++++++++++++++++++++++++++++---------------------------- 1 files changed, 172 insertions(+), 173 deletions(-) diff --git a/src/views/codingRuler/index.vue b/src/views/codingRuler/index.vue index bd576b7..c207652 100644 --- a/src/views/codingRuler/index.vue +++ b/src/views/codingRuler/index.vue @@ -1,5 +1,6 @@ <template> <div class="app-container"> + <div v-loading="loading"> <div class="slot"> <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="75px"> <el-form-item label="椤圭洰鐮佺被鍨�" prop="projectCodeType"> @@ -38,181 +39,180 @@ </div> </div> </div> + <el-table + :data="tableData" + row-key="id" + border + @selection-change="handleSelectionChange"> + <el-table-column + type="selection" + width="55"> + </el-table-column> + <el-table-column + prop="projectCodeType" + label="椤圭洰鐮佺被鍨�" + > + <template slot-scope="scope"> + <dict-tag :options="dict.type.coding_type" :value="scope.row.projectCodeType"/> + </template> + </el-table-column> + <el-table-column + prop="intervalType" + label="鍖洪棿绫诲瀷" + > + <template slot-scope="scope"> + <dict-tag :options="dict.type.interval_type" :value="scope.row.intervalType"/> + </template> + </el-table-column> + <el-table-column + prop="leftSymbol" + label="宸︾鍙�" + > + <template slot-scope="scope"> + <dict-tag :options="dict.type.sys_coding_operator" :value="scope.row.leftSymbol"/> + </template> + </el-table-column> + <el-table-column + prop="leftValue" + label="宸﹀��" + > + </el-table-column> + <el-table-column + prop="rightSymbol" + label="鍙崇鍙�" + > + <template slot-scope="scope"> + <dict-tag :options="dict.type.sys_coding_operator" :value="scope.row.rightSymbol"/> + </template> + </el-table-column> + <el-table-column + prop="rightValue" + label="鍙冲��" + > + </el-table-column> + <el-table-column + prop="status" + label="鐘舵��" + > + <template slot-scope="scope"> + <el-tag :type="scope.row.status === 0 ? 'info' : 'success'"> + {{scope.row.status === 0 ? "鏈惎鐢�" : "鍚敤"}} + </el-tag> + </template> + </el-table-column> + <el-table-column + label="鎿嶄綔" min-width="100"> + <template slot-scope="scope"> + <el-button v-if="editShow" size="medium" type="text" + @click="changeStatus(scope.row)"> + {{scope.row.status === 0 ? "鍚敤" : "鍋滅敤"}} + </el-button> - <el-table - :data="tableData" - row-key="id" - border - @selection-change="handleSelectionChange"> - <el-table-column - type="selection" - width="55"> - </el-table-column> - <el-table-column + <el-button v-if="editShow" size="medium" type="text" + @click="editCodingRuler(scope.row)" + :disabled="scope.row.status === 1" + >缂栬緫</el-button> - prop="projectCodeType" - label="椤圭洰鐮佺被鍨�" - > - <template slot-scope="scope"> - <dict-tag :options="dict.type.coding_type" :value="scope.row.projectCodeType"/> - </template> - </el-table-column> - <el-table-column - prop="intervalType" - label="鍖洪棿绫诲瀷" - > - <template slot-scope="scope"> - <dict-tag :options="dict.type.interval_type" :value="scope.row.intervalType"/> - </template> - </el-table-column> - <el-table-column - prop="leftSymbol" - label="宸︾鍙�" - > - <template slot-scope="scope"> - <dict-tag :options="dict.type.sys_coding_operator" :value="scope.row.leftSymbol"/> - </template> - </el-table-column> - <el-table-column - prop="leftValue" - label="宸﹀��" - > - </el-table-column> - <el-table-column - prop="rightSymbol" - label="鍙崇鍙�" - > - <template slot-scope="scope"> - <dict-tag :options="dict.type.sys_coding_operator" :value="scope.row.rightSymbol"/> - </template> - </el-table-column> - <el-table-column - prop="rightValue" - label="鍙冲��" - > - </el-table-column> - <el-table-column - prop="status" - label="鐘舵��" - > - <template slot-scope="scope"> - <el-tag :type="scope.row.status === 0 ? 'info' : 'success'"> - {{scope.row.status === 0 ? "鏈惎鐢�" : "鍚敤"}} - </el-tag> - </template> - </el-table-column> - <el-table-column - label="鎿嶄綔" min-width="100"> - <template slot-scope="scope"> - <el-button v-if="editShow" size="medium" type="text" @click="changeStatus(scope.row)"> - {{scope.row.status === 0 ? "鍚敤" : "鍋滅敤"}} - </el-button> + <el-button v-if="delShow" size="medium" + type="text" + @click="deleteCodingRuler(scope.row)" + :disabled="scope.row.status === 1" + >鍒犻櫎</el-button> + </template> + </el-table-column> + </el-table> + <pagination + v-show="total>0" + :total="total" + :page.sync="queryParams.currentPage" + :limit.sync="queryParams.pageSize" + @pagination="getList" + /> + <el-dialog width="45%" :title="dialogTitle" @close="closeDialog" :visible.sync="open" :show-close="true" :close-on-click-modal="true" :destroy-on-close="true"> + <el-form :model="codingRulerForm" :rules="rules" ref="codingRulerForm"> + <el-form-item label="椤圭洰鐮佺被鍨�" :label-width="formLabelWidth" prop="projectCodeType"> + <el-select v-model="codingRulerForm.projectCodeType" placeholder="椤圭洰鐮佺被鍨�" @change="changeOption($event)"> + <el-option + v-for="dict in dict.type.coding_type" + :key="dict.value" + :value="dict.value" + :label="dict.label" + > + </el-option> + </el-select> + </el-form-item> + <el-form-item label="鍖洪棿绫诲瀷" :label-width="formLabelWidth" prop="intervalType"> + <el-select v-model="codingRulerForm.intervalType" placeholder="鍖洪棿绫诲瀷" @change="changeOption($event)"> + <el-option + v-for="dict in dict.type.interval_type" + :key="dict.value" + :value="dict.value" + :label="dict.label" + > + </el-option> + </el-select> + </el-form-item> + <el-row> + <el-col :span="12"> + <el-form-item label="宸︾鍙�" :label-width="formLabelWidth" prop="leftSymbol" > + <el-select v-model="codingRulerForm.leftSymbol" placeholder="閫夋嫨绗﹀彿" @change="changeOption($event)"> + <el-option + v-for="dict in leftOption" + :key="dict.value" + :value="dict.value" + :label="dict.label.replace('澶т簬', '>') + .replace('灏忎簬', '<') + .replace('澶х瓑浜�', '>=') + .replace('绛変簬', '=') + .replace('灏忎簬绛変簬', '<=')" + > + </el-option> + </el-select> - <el-button v-if="editShow" size="medium" type="text" icon="el-icon-edit" @click="editCodingRuler(scope.row)" - :disabled="scope.row.status === 1" - >缂栬緫</el-button> + </el-form-item> + </el-col> + <el-col :span="12"> + <el-form-item label="宸﹀��" :label-width="formLabelWidth" prop="leftValue"> + <el-input v-model="codingRulerForm.leftValue" autocomplete="off" type="number" :min="0"></el-input> + </el-form-item> + </el-col> + </el-row> + </el-form> + <el-form :model="singleForm" :rules="rules2" ref="singleForm" v-show="isSingleInterval"> + <el-row> + <el-col :span="12"> + <el-form-item label="鍙崇鍙�" :label-width="formLabelWidth" prop="rightSymbol" > + <el-select v-model="singleForm.rightSymbol" placeholder="閫夋嫨绗﹀彿" @change="changeOption($event)"> + <el-option + v-for="dict in rightOption" + :key="dict.value" + :value="dict.value" + :label="dict.label.replace('澶т簬', '>') + .replace('灏忎簬', '<') + .replace('澶х瓑浜�', '>=') + .replace('绛変簬', '=') + .replace('灏忎簬绛変簬', '<=')" + > + </el-option> + </el-select> + </el-form-item> + </el-col> + <el-col :span="12"> + <el-form-item label="鍙冲��" :label-width="formLabelWidth" prop="rightValue"> + <el-input v-model="singleForm.rightValue" autocomplete="off" type="number" :min="0"></el-input> + </el-form-item> + </el-col> + </el-row> - <el-button v-if="delShow" size="medium" - type="text" - icon="el-icon-delete" @click="deleteCodingRuler(scope.row)" - :disabled="scope.row.status === 1" - >鍒犻櫎</el-button> - </template> - </el-table-column> - </el-table> + </el-form> - <pagination - v-show="total>0" - :total="total" - :page.sync="queryParams.currentPage" - :limit.sync="queryParams.pageSize" - @pagination="getList" - /> - - <el-dialog width="45%" :title="dialogTitle" @close="closeDialog" :visible.sync="open" :show-close="true" :close-on-click-modal="true" :destroy-on-close="true"> - <el-form :model="codingRulerForm" :rules="rules" ref="codingRulerForm"> - <el-form-item label="椤圭洰鐮佺被鍨�" :label-width="formLabelWidth" prop="projectCodeType"> - <el-select v-model="codingRulerForm.projectCodeType" placeholder="椤圭洰鐮佺被鍨�" @change="changeOption($event)"> - <el-option - v-for="dict in dict.type.coding_type" - :key="dict.value" - :value="dict.value" - :label="dict.label" - > - </el-option> - </el-select> - </el-form-item> - <el-form-item label="鍖洪棿绫诲瀷" :label-width="formLabelWidth" prop="intervalType"> - <el-select v-model="codingRulerForm.intervalType" placeholder="鍖洪棿绫诲瀷" @change="changeOption($event)"> - <el-option - v-for="dict in dict.type.interval_type" - :key="dict.value" - :value="dict.value" - :label="dict.label" - > - </el-option> - </el-select> - </el-form-item> - <el-row> - <el-col :span="12"> - <el-form-item label="宸︾鍙�" :label-width="formLabelWidth" prop="leftSymbol" > - <el-select v-model="codingRulerForm.leftSymbol" placeholder="閫夋嫨绗﹀彿" @change="changeOption($event)"> - <el-option - v-for="dict in leftOption" - :key="dict.value" - :value="dict.value" - :label="dict.label.replace('澶т簬', '>') - .replace('灏忎簬', '<') - .replace('澶х瓑浜�', '>=') - .replace('绛変簬', '=') - .replace('灏忎簬绛変簬', '<=')" - > - </el-option> - </el-select> - - </el-form-item> - </el-col> - <el-col :span="12"> - <el-form-item label="宸﹀��" :label-width="formLabelWidth" prop="leftValue"> - <el-input v-model="codingRulerForm.leftValue" autocomplete="off" type="number" :min="0"></el-input> - </el-form-item> - </el-col> - </el-row> - </el-form> - <el-form :model="singleForm" :rules="rules2" ref="singleForm" v-show="isSingleInterval"> - <el-row> - <el-col :span="12"> - <el-form-item label="鍙崇鍙�" :label-width="formLabelWidth" prop="rightSymbol" > - <el-select v-model="singleForm.rightSymbol" placeholder="閫夋嫨绗﹀彿" @change="changeOption($event)"> - <el-option - v-for="dict in rightOption" - :key="dict.value" - :value="dict.value" - :label="dict.label.replace('澶т簬', '>') - .replace('灏忎簬', '<') - .replace('澶х瓑浜�', '>=') - .replace('绛変簬', '=') - .replace('灏忎簬绛変簬', '<=')" - > - </el-option> - </el-select> - </el-form-item> - </el-col> - <el-col :span="12"> - <el-form-item label="鍙冲��" :label-width="formLabelWidth" prop="rightValue"> - <el-input v-model="singleForm.rightValue" autocomplete="off" type="number" :min="0"></el-input> - </el-form-item> - </el-col> - </el-row> - - </el-form> - - <div slot="footer" class="dialog-footer"> - <el-button @click="closeDialog">鍙� 娑�</el-button> - <el-button type="primary" @click="addOrEditCodingRuler">纭� 瀹�</el-button> - </div> - </el-dialog> + <div slot="footer" class="dialog-footer"> + <el-button @click="closeDialog">鍙� 娑�</el-button> + <el-button type="primary" @click="addOrEditCodingRuler">纭� 瀹�</el-button> + </div> + </el-dialog> + </div> </div> </template> @@ -279,10 +279,7 @@ open: false, // 閫変腑鏁扮粍 ids: [], - // //宸︾鍙� - // leftOption:[], - // //鍙崇鍙� - // rightOption:[], + loading:false, } }, computed:{ @@ -330,9 +327,11 @@ }, // 鑾峰彇琛ㄦ牸鏁版嵁 getList(){ + this.loading = true; getCodingRulers(this.queryParams).then(res =>{ this.tableData = res.data; this.total = res.total; + this.loading = false; }) }, -- Gitblit v1.8.0