Browse Source

修改显示高度

zhuliu 2 years ago
parent
commit
3a39549405

+ 4 - 0
RMS-FrontEnd/src/App.vue

@@ -154,6 +154,10 @@ export default {
 </script>
 
 <style lang="scss">
+.div_MAX_Height{
+  max-height: 300px;
+  overflow-y: auto;
+}
 .opinion .el-form-item{
   margin-bottom: 10px;
   .el-form-item__content,.el-form-item__label{

+ 2 - 2
RMS-FrontEnd/src/views/components/common/RichText/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <div class="edit-box" contenteditable="true" :placeholder="placeholder" v-html="content" :key="keys" :id="keys"
+    <div class="edit-box div_MAX_Height" contenteditable="true" :placeholder="placeholder" v-html="content" :key="keys" :id="keys"
         @blur="saveValue($event)" @click="getFocus($event)" v-on:paste="handlePaste($event)">
     </div>
   </div>
@@ -193,7 +193,7 @@ export default {
 </script>
 <style lang="scss" scoped>
 .edit-box{
-  overflow: hidden;
+  overflow-x: hidden;
     text-overflow: ellipsis;
   padding: 0 15px;
     min-height:40px;

+ 4 - 4
RMS-FrontEnd/src/views/report/InvalidResponse/components/InvalidDetails/InvalidDetails.vue

@@ -9,10 +9,10 @@
                 <i class="iconfont icon-yanjing_yincang" v-else @click="changeShow(item)" style="font-size:20px"></i>
               </span>
             </p>
-            <div style="display:flex;align-items:center" v-if="!item.show">
-              <p style="width:80px">陈述意见:</p>
-                <div  v-if="!item.editArgumentStr" >
-                  <span v-html="item.argumentStr"></span><span @click="editArgumentStr(item)"><el-link type="primary"><i class="iconfont icon-bianji" style="font-size:28px"></i></el-link></span>
+            <div style="display:flex;align-items:center;" v-if="!item.show">
+              <p style="min-width:80px !important">陈述意见:</p>
+                <div  v-if="!item.editArgumentStr" style="display:flex;align-items:center">
+                  <div v-html="item.argumentStr" class="div_MAX_Height" ></div><span @click="editArgumentStr(item)"><el-link type="primary"><i class="iconfont icon-bianji" style="font-size:28px"></i></el-link></span>
                 </div>
                 <div v-else style="width:100%;display:flex;align-items:center">
                   <myRich-Text style="width:100%" v-model="item.argumentStr" placeholder="请输入陈述意见"></myRich-Text>

+ 3 - 3
RMS-FrontEnd/src/views/report/InvalidResponse/components/InvalidDetails/table.vue

@@ -39,15 +39,15 @@
                     <el-table-column prop="proofStr" align="center" label="无效请求书理由">
                         <template slot-scope="scope">
                             <!-- <myRich-Text placeholder="请输入无效请求书理由" v-model="scope.row.proofStr" v-if="scope.row.edit"></myRich-Text> -->
-                            <div v-html="scope.row.proofStr" ></div>
+                            <div v-html="scope.row.proofStr" class="div_MAX_Height"></div>
                         </template>
                     </el-table-column>
                     <el-table-column prop="arguments" align="center" label="答辩意见">
                         <template slot-scope="scope">
                             <div class="innerTable" style="width:calc(100% + 20px);margin-left:-10px;word-wrap:break-word;">
-                                <div class="item" v-for="(item1, index) in scope.row.arguments" :key="index+'p'">
+                                <div class="item div_MAX_Height" v-for="(item1, index) in scope.row.arguments" :key="index+'p'">
                                     <myRich-Text placeholder="请输入答辩意见" v-model="item1.argumentStr" style="width:100%" v-if="scope.row.edit"></myRich-Text>
-                                    <div v-else v-html="item1.argumentStr"></div>
+                                    <div v-else v-html="item1.argumentStr" class="div_MAX_Height"></div>
                                 </div>
                             </div>
 

+ 4 - 4
RMS-FrontEnd/src/views/report/InvalidResponse/components/InvalidIndex.vue

@@ -73,10 +73,10 @@
                 <el-link type="primary" @click="toogleExpand(scope.row,scope.$index)">详情</el-link> 
               </span>
             </div> -->
-            <div v-else-if="item.key=='argument_str'">
-              <span v-if="scope.row.proofGroups && scope.row.proofGroups.length!=0" v-html="scope.row.proofGroups[0].argument_str"></span>
+            <div v-else-if="item.key=='argument_str'" class="div_MAX_Height">
+              <span  v-if="scope.row.proofGroups && scope.row.proofGroups.length!=0" v-html="scope.row.proofGroups[0].argument_str"></span>
             </div>
-            <div v-else v-html="getData(scope.row,item.key)"></div>
+            <div v-else v-html="getData(scope.row,item.key)" class="div_MAX_Height"></div>
         </template>
       </el-table-column>
       <el-table-column v-for="item in tableField2.filter(item => item.fieldState)"  :key="item.fieldKey" :label="item.fieldName" prop="id"  align="center" type>
@@ -110,7 +110,7 @@
           <div v-if="item[('edit'+item.fieldKey)]">
             <myRich-Text v-model="scope.row[item.fieldKey]" :placeholder="'请输入'+item.fieldName"></myRich-Text>
           </div>
-          <div v-else v-html="getData1(scope.row,item.fieldKey)"></div>
+          <div v-else v-html="getData1(scope.row,item.fieldKey)" class="div_MAX_Height"></div>
         </template>
       </el-table-column>
       <el-table-column  label="操作" align="center" width="180px" type prop="id">