From 4e3b0ffb433f6e331cd2eae93bcd874d41b8de84 Mon Sep 17 00:00:00 2001 From: value <z1292839451@163.com> Date: 星期四, 23 五月 2024 17:37:07 +0800 Subject: [PATCH] 解决标准库bug --- src/components/tool/value-table.vue | 53 +++++++++++++++++++++++++++-------------------------- 1 files changed, 27 insertions(+), 26 deletions(-) diff --git a/src/components/tool/value-table.vue b/src/components/tool/value-table.vue index bcf2326..57471ca 100644 --- a/src/components/tool/value-table.vue +++ b/src/components/tool/value-table.vue @@ -85,15 +85,21 @@ width: 100%; } - .handleBtn.is-disabled .el-upload:focus { + .value-table .handleBtn.is-disabled .el-upload:focus { color: #C0C4CC !important; } - .avatar-uploader .el-upload { + .value-table .avatar-uploader .el-upload { height: 80px; display: flex; align-items: center; justify-content: center; + } + .el-table__empty-text{ + text-align: left; + width: 100%; + display: inline-block; + margin-left: 200px; } </style> @@ -156,8 +162,8 @@ :total="total"> </el-pagination> </div> - <el-dialog title="缂栬緫" :visible.sync="upDia" :width="data.row==1?'500px':500+data.row * 200 + 'px'" append-to-body> - <div class="body" v-if="upDia" style="max-height: 550px;overflow-y: auto;padding: 5px 10px 5px 0;"> + <el-dialog title="缂栬緫" :visible.sync="upDia" :width="data.row==1?'500px':540+data.row * 200 + 'px'" append-to-body> + <div class="body" style="max-height: 550px;overflow-y: auto;padding: 5px 10px 5px 0;"> <div v-if="data.row > 1"> <div v-for="(a, ai) in upHead" :key="ai" style="line-height: 50px;"> <el-col :span="6/data.row" style="text-align: right;" :offset="1"> @@ -183,7 +189,7 @@ style="width: 80px;height: 80px;border-radius: 6px;"> <i v-else class="el-icon-plus avatar-uploader-icon"></i> </el-upload> - <el-cascader :value="upData[a.label]" :options="data.cascaderField[a.label].tree" + <el-cascader :value="upData[a.label]" :options="data.cascaderField[a.label].tree" :show-all-levels="false" v-if="showCascader(a.label)" :placeholder="`璇烽�夋嫨${a.value}`" clearable :props="data.cascaderField.props" size="small" style="width: 100%;" @change="m=>handleCascader(m,a.label)" filterable></el-cascader> @@ -225,14 +231,14 @@ <el-button type="primary" @click="saveUpData" :loading="upLoad">纭� 瀹�</el-button> </span> </el-dialog> - <el-dialog title="鏂板" :visible.sync="addDia" :width="data.row==1?'500px':500+data.row * 200 + 'px'" append-to-body> + <el-dialog title="鏂板" :visible.sync="addDia" :width="data.row==1?'500px':540+data.row * 200 + 'px'" append-to-body> <div class="body" v-if="addDia" style="max-height: 550px;overflow-y: auto;padding: 5px 10px 5px 0;"> <div v-if="data.row > 1"> <div v-for="(a, ai) in upHead" :key="ai" style="line-height: 50px;"> - <el-col :span="6/data.row" style="text-align: right;"><span class="required-span" + <el-col :span="6/data.row" style="text-align: right;" :offset="1"><span class="required-span" v-if="showAddReq(a.label)">* </span>{{a.value}}锛�</el-col> - <el-col :span="16/data.row" :offset="1"> + <el-col :span="16/data.row"> <el-input v-model="upData[a.label]" size="small" clearable :placeholder="`璇疯緭鍏�${a.value}`" v-if="showType(a.label, data.selectField) == null&&!showUpload(a.label)&&!showCascader(a.label)"></el-input> <el-select v-model="upData[a.label]" size="small" v-if="showType(a.label, data.selectField) != null" @@ -252,7 +258,7 @@ </el-upload> <el-cascader :options="data.cascaderField[a.label].tree" v-if="showCascader(a.label)" clearable :placeholder="`璇烽�夋嫨${a.value}`" :props="data.cascaderField.props" size="small" style="width: 100%;" - @change="m=>handleCascader(m,a.label)" filterable></el-cascader> + @change="m=>handleCascader(m,a.label)" filterable :show-all-levels="false"></el-cascader> </el-col> </div> </div> @@ -280,7 +286,7 @@ </el-upload> <el-cascader :options="data.cascaderField[a.label].tree" v-if="showCascader(a.label)" clearable :placeholder="`璇烽�夋嫨${a.value}`" :props="data.cascaderField.props" size="small" style="width: 100%;" - @change="m=>handleCascader(m,a.label)" filterable></el-cascader> + @change="m=>handleCascader(m,a.label)" filterable :show-all-levels="false"></el-cascader> </el-col> </el-row> </div> @@ -303,7 +309,7 @@ <el-dialog title="鏁版嵁瀵煎叆" :visible.sync="uploadDia" width="500px"> <div style="margin: 0 auto;"> <el-upload ref="upload" drag :action="javaApi + inputUrl" :headers="token" :file-list="fileList" name="file" - :auto-upload="false" accept=".csv" :limit="1" :on-change="beforeUpload" :on-success="onSuccess" + :auto-upload="false" :accept="data.accept===undefined?'.csv':data.accept" :limit="1" :on-change="beforeUpload" :on-success="onSuccess" :on-error="onError" :data="{param: data.uploadStr}"> <i class="el-icon-upload"></i> <div class="el-upload__text">灏嗘枃浠舵嫋鍒版澶勶紝鎴�<em>鐐瑰嚮涓婁紶</em></div> @@ -452,16 +458,6 @@ specialKey:'table-' } }, - watch: { - tableData: { - deep: true, - handler: function() { - this.$nextTick(() => { - this.$refs.eltable.doLayout() - }) - } - }, - }, beforeUpdate() { this.$nextTick(() => { this.$refs.eltable.doLayout() @@ -568,14 +564,17 @@ }, sizeChange(val) { this.page.size = val - this.selectList() + this.selectList('page') }, currentChange(val) { this.page.current = val - this.selectList() + this.selectList('page') }, - selectList() { + selectList(val) { this.loading = true + if(val===undefined){ + this.page.current = 1; + } if (this.data.isPage != undefined && this.data.isPage != true) { this.page = { current: -1, @@ -597,6 +596,7 @@ this.total = res.data.body.total this.tableHead = res.data.head this.tableData = res.data.body.records + // console.log(JSON.stringify(this.tableHead)+"---------"+JSON.stringify(this.tableData)) for (var a in this.data.selectField) { if (this.data.selectField[a].choose == true) { this.tableData.map(b => { @@ -712,7 +712,7 @@ else if (val.method == 'doDiy') { if (val.id == 'update') { this.upDia = true, - this.upData = this.HaveJson(row) + this.upData = this.HaveJson(row) this.upHead = this.HaveJson(this.tableHead) this.upHead.forEach((item, index) => { if (this.data.cascaderField && this.data.cascaderField[item.label]) { @@ -964,7 +964,8 @@ this.uploadDia = true }, beforeUpload(file, fileList) { - if (file.raw.type != 'text/csv') { + console.log(file.raw.type); + if (file.raw.type != (this.data.inputType===undefined?'text/csv':this.data.inputType)) { this.$message.error('涓婁紶鏂囦欢鏍煎紡涓嶆纭�'); this.$refs.upload.clearFiles() return false; -- Gitblit v1.9.3