From 6b6cc07fb81f05153fc07995e0a5be5596b5ca4f Mon Sep 17 00:00:00 2001 From: WXL <1785969728@qq.com> Date: 星期一, 29 七月 2024 09:36:45 +0800 Subject: [PATCH] 测试完成 --- src/components/Regular/index.vue | 63 +++++++++++++++++++++++++------ 1 files changed, 51 insertions(+), 12 deletions(-) diff --git a/src/components/Regular/index.vue b/src/components/Regular/index.vue index 98b5462..e1553ba 100644 --- a/src/components/Regular/index.vue +++ b/src/components/Regular/index.vue @@ -14,9 +14,9 @@ ></el-col> <el-col :span="12" ><el-form-item label="棰勮鍊�"> - <el-radio-group v-model="radio"> - <el-radio :label="3">鏄�</el-radio> - <el-radio :label="6">鍚�</el-radio> + <el-radio-group v-model="item.isabnormal"> + <el-radio :label="1">鏄�</el-radio> + <el-radio :label="0">鍚�</el-radio> </el-radio-group> </el-form-item></el-col > @@ -37,7 +37,7 @@ <el-input type="text" placeholder="璇疯緭鍏�" - v-model="item.targetvalue2" + v-model="item.optiondesc" show-word-limit > </el-input> </el-form-item @@ -66,7 +66,7 @@ </el-input> </el-form-item ></el-col> </el-row> - <el-form-item label="鍏抽敭瀛�(鍚�)" prop="desc"> + <el-form-item label="鍏抽敭瀛�(鍚�)" prop="desc" v-if="hasValue"> <div class="xinz-inf"> <el-tag :key="crux" @@ -108,7 +108,7 @@ > </div> </el-form-item> - <el-form-item label="鍏抽敭瀛�(闈�)" prop="desc"> + <el-form-item label="鍏抽敭瀛�(闈�)" prop="desc" v-if="hasValue"> <div class="xinz-inf"> <el-tag :key="crux" @@ -150,15 +150,35 @@ > </div> </el-form-item> + <el-form-item label="閫夐」鏂囦欢" prop="sickness"> + <div style="width: 40vw"> + <el-upload + class="upload-demo" + :action="uploadImgUrl" + :headers="headers" + accept=".jpg,.png,image/*" + :on-success="handleChange.bind(this, item)" + > + <el-button size="small" type="primary">鐐瑰嚮涓婁紶</el-button> + </el-upload> + <div style="margin: 20px"> + <el-image + style="width: 100px; height: 100px" + :src="item.picturePath" + :preview-src-list="[...item.picturePath]" + > + </el-image> + </div> + </div> + </el-form-item> <el-row :gutter="10"> - <el-col :span="16"> + <el-col :span="16" v-if="intent"> <el-form-item label="璇煶鏂囦欢"> <el-upload class="upload-demo" style="display: flex" action="https://jsonplaceholder.typicode.com/posts/" - :on-change="handleChange" :file-list="fileList" :limit="1" :on-exceed="handleExceed" @@ -167,7 +187,7 @@ </el-upload> </el-form-item></el-col > - <el-col :span="8"> + <el-col :span="intent ? 8 : 22"> <div style="text-align: right; padding-right: 10px"> <el-button v-if="controlsc" @@ -205,6 +225,7 @@ <script> import store from "@/store"; +import { getToken } from "@/utils/auth"; export default { data() { @@ -217,6 +238,10 @@ url: "https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100", }, ], + headers: { + Authorization: "Bearer " + getToken(), + }, + uploadImgUrl: process.env.VUE_APP_BASE_API + "/common/uploadSort", whether: 1, //1涓哄叧閿瘝锛�2涓哄惁瀹氬叧閿瘝 inputValue: "", inputVisible: false, @@ -239,6 +264,10 @@ default: true, }, intent: { + type: Boolean, + default: true, + }, + hasValue: { type: Boolean, default: true, }, @@ -288,9 +317,9 @@ this.handleSelectionChange(); }, // 鎺у埗鏂囦欢 - handleChange(file, fileList) { - this.fileList = fileList.slice(-3); - }, + // handleChange(file, fileList) { + // this.fileList = fileList.slice(-3); + // }, // 鏂囦欢瓒呭嚭涓暟闄愬埗鏃剁殑閽╁瓙 handleExceed(files, fileList) { this.$message.warning( @@ -364,6 +393,16 @@ console.log(this.TargetoptionList); this.$emit("handleSelectionChange", selection); }, + // 閫夐」鏂囦欢涓婁紶 + handleChange(item, response, file, fileList) { + console.log(response, "response"); + console.log(item, "item"); + console.log(this.TargetoptionList, "this.TargetoptionList"); + let index = this.TargetoptionList.findIndex( + (obj) => obj.guid == item.guid && obj.name == item.name + ); + this.TargetoptionList[index].picturePath = response.url; + }, }, }; </script> -- Gitblit v1.9.3