修改卡片央视

src/views/formTable/page/cardPageNew.vue

@@ -472,9 +472,12 @@ const delTask = (val:any) => {
             <el-card v-for="item in listPage" :key="item.id" class="taskCardBox"  shadow="always">
                 <template #header>
                     <div class="card-header contentBetween">
-                        <el-checkbox label="" :value="item.masters_key"  />
+                        <div>
+                            <el-checkbox  v-if="item.isMyMsg" label="" :value="item.masters_key"  />
+                            <el-text class="cardInfoTitle">{{ item.title }}</el-text>
+                        </div>
                         <div v-if="item.flowIsOpens==1" class="carHeadStaus">
-                            <el-text>状态：</el-text>
+                            
                             <el-tag  v-if="item.taskStatus==1" type="warning">草稿</el-tag>
                             <el-tag  v-if="item.taskStatus==2" type="danger">被驳回</el-tag>
                             <el-tag  v-if="item.taskStatus==3" type="primary">审批中</el-tag>
@@ -482,21 +485,39 @@ const delTask = (val:any) => {
                         </div>
                     </div>
                 </template>
-                <el-image v-if="item.img != ''" src="https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpegs.jpeg"  class="cardImg" :title="item.titleWork" @click="openLook(item)">
+                
+
+                <el-row v-if="item.img != ''" :gutter="20">
+                    <el-col :span="10">
+                        <el-image  :src="item.img"  class="cardImg" :title="item.titleWork" @click="openLook(item)">
                             <template #error>
                                 <div class="image-slot">
                                     <i class="fa fa-picture-o" />
                                 </div>
                             </template>
                         </el-image>
+                    </el-col>
+                    <el-col :span="14">
                         <el-row @click="openLook(item)">
-                    <el-col class="cardInfoTitle" :span="24">{{ item.title }}</el-col>
+                            <el-col v-for="(descvVal,inVal) in item.describe" :key="inVal" class="cardInfoContents" :span="24" v-html="descvVal"></el-col>
-                    <el-col class="cardInfoContent" :span="24">{{ item.describe }}</el-col>
+                            <el-col class="cardInfoContents" :span="24">创建人：{{ item.creater }}</el-col>
+                            <el-col class="cardInfoContents" :span="24">创建时间：{{ item.creater_time }}</el-col>
                         </el-row>
+                    </el-col>
+
+                </el-row>
+                <el-row v-else @click="openLook(item)">
+                    <el-col v-for="(descvVal,inVal) in item.describe" :key="inVal" class="cardInfoContent" :span="24" v-html="descvVal"></el-col>
+                    <el-col class="cardInfoContents" :span="24">创建人：{{ item.creater }}</el-col>
+                    <el-col class="cardInfoContents" :span="24">创建时间：{{ item.creater_time }}</el-col>
+                </el-row>
+
+
+
                 <template #footer>
                     <div class="contentBetween">
-                        <span> </span>
+                        <el-text></el-text>
-                        <el-button-group>
+                        <el-button-group v-if="item.isMyMsg">
                             <el-button  v-if="butIsShow(item,7)" type="success" size="small" @click="submitApproval(item)">提交审批</el-button>
                             <el-button v-if="butIsShow(item,2)" type="warning" size="small" @click="reapplyApproval(item)">重新申请</el-button>
                             <el-button v-if="butIsShow(item,3)" type="" size="small" @click="withdrawAnApplication(item)">撤回</el-button>
@@ -532,24 +553,21 @@ const delTask = (val:any) => {
         margin-top:10px;
         
         :deep .el-card__footer{
-            padding: 10px 5px;
+            padding: 5px 5px;
             text-align: right;
         }
     }
     :deep .el-card__body{
+        min-height:100px;
         padding: 10px 10px;
-        td{
-            padding: 5px 0;
-        }
     }
     :deep .el-card__header{
-        padding: 0px 10px;
+        padding: 0px 5px;
     }
     .cardImg{
-        max-height: 200px;
+        max-height: 150px;
         width: 100%;
-        height: 200px;
+        height: 150px;
-        margin-bottom: 15px;
         i{
             width:50px;
             height:50px;
@@ -584,6 +602,12 @@ const delTask = (val:any) => {
     color:rgb(99, 91, 91);
     margin-top:10px;
 }
+.cardInfoContents{
+    font-size:14px;
+    line-height:20px;
+    color:rgb(99, 91, 91);
+    margin-top:5px;
+}
 .carHeadStaus{
     display: flex;
 }