编辑产品信息

RMS-FrontEnd/src/views/components/articles/index.vue

@@ -316,7 +316,6 @@ export default {
   },
   mounted() {
     window.selectMark = this.selectMark
-    
     this.signPatentNo = this.$s.getSession('params').signPatentNo
     console.log(this.$s.getSession('params'))
    this.taskId = this.$s.getSession('params').taskId

RMS-FrontEnd/src/views/report/FTO/FTOPage/components/ProductMessage.vue

@@ -9,10 +9,14 @@
                     <div>
                         <el-form ref="form" :model="product" :rules="productRules" label-width="200px">
                             <el-form-item label="标的产品：" prop="productName">
-                                <span>{{ product.productName }}</span>
+                                <el-input v-model="product.productName" v-if="isEdit == 'productName'"></el-input>
+                                <span @dblclick="changEdit('productName')" v-else>{{ product.productName }}</span>
+                                <!-- <span>{{ product.productName }}</span> -->
                             </el-form-item> 
                             <el-form-item label="调查标的说明：" prop="productDescription">
-                                <span>{{ product.productDescription }}</span>
+                                <el-input v-model="product.productDescription" v-if="isEdit == 'productDescription'"></el-input>
+                                <span @dblclick="changEdit('productDescription')" v-else>{{ product.productDescription }}</span>
+                                <!-- <span>{{ product.productDescription }}</span> -->
                             </el-form-item>
                             <el-form-item label="调查区域：" prop="surveyArea">
                                 <span>{{ product.surveyArea }}</span>
@@ -42,8 +46,9 @@
                                     </span>
                                 </el-upload>
                             </el-form-item>
-                            <el-form-item label="检索策略：" v-if="product.searchPolicy">
-                                <span>{{ product.searchPolicy }}</span>
+                            <el-form-item label="检索策略：" prop="searchPolicy">
+                                <el-input v-model="product.searchPolicy" v-if="isEdit == 'searchPolicy'" placeholder="请输入"></el-input>
+                                <span @dblclick="changEdit('searchPolicy')" placeholder="请输入" v-else>{{ product.searchPolicy}}</span>
                             </el-form-item>
                             <el-form-item label="检索截止日期：">
                                 <el-date-picker
@@ -73,6 +78,7 @@ export default{
     props:['reportId'],
     data() {
         return {
+            isEdit:'',//是否编辑
             file:[],
             dialogImageUrl:[],
             ImageUrl:'',
@@ -91,7 +97,10 @@ export default{
         this.getProduct()
     },
     methods: {
-
+        changEdit(val){
+            console.log(val)
+            this.isEdit = val
+        },
         handleChangeUpload(file, fileList) {
             if(this.product.reportFiles){
                 var index3 = this.product.reportFiles.findIndex(item=>{
@@ -206,6 +215,10 @@ export default{
 </script>
 
 <style lang="scss" scoped>
+span:empty::before {
+        content: attr(placeholder);
+        color:white;
+      }
     .header1{
         display: flex;
         flex-direction: row;