风险清单样式修改

src/views/riskProject/add/taskList.vue

@@ -163,7 +163,7 @@
               <van-dropdown-item v-model="value3" :options="option3" />
             </van-dropdown-menu>
           </van-sticky>
-          <div style="overflow-y: auto;">
+          <div style="overflow-y: auto;padding: 10px;">
             <van-cell-group
               inset
               v-for="(item, index) in riskList"
@@ -172,13 +172,14 @@
               <van-row
                 class="list-row"
                 type="flex"
-                justify="space-between"
+                align="center"
                 style="margin-top:10px;"
                 @click="toRiskDetail(item)"
               >
-                <van-col span="20">
-                  <van-col span="5" style="line-height: 9;">
+                <!-- <van-col span="20"> -->
+                  <van-col>
                     <van-image
+                    style="vertical-align: middle;margin-right: 15px;margin-left: 10px;"
                       width="58"
                       height="58"
                       :src="(item.level == '重大风险' ? 
@@ -190,31 +191,26 @@
                   </van-col>
                   <van-col span="17">
                     <van-row gutter="0">
-                      <van-col span="10" style="font-weight: bold;color:#000;font-size: 16px;">风险名称：</van-col>
-                      <van-col span="14" style="color: #000;font-size: 16px;">{{ item.name }}</van-col>
+                      <van-col style="font-weight: bold;color:#000;font-size: 16px;">风险名称：</van-col>
+                      <van-col span="14" style="color: #000;font-size: 16px;" class="item-prop">{{ item.name }}</van-col>
                     </van-row>
                     <van-row gutter="0">
-                      <van-col span="9" style="font-weight: bold;color:#666666;font-size: 12px;">风险等级：</van-col>
-                      <van-col span="15" style="color: #9d9d9d;font-size: 12px;">{{ item.level }}</van-col>
+                      <van-col style="font-weight: bold;color:#666666;font-size: 12px;">风险等级：</van-col>
+                      <van-col span="15" style="color: #9d9d9d;font-size: 12px;" class="item-prop">{{ item.level }}</van-col>
                     </van-row>
                     <van-row gutter="0">
-                      <van-col span="9" style="font-weight: bold;color:#666666;font-size: 12px;">上报时间：</van-col>
-                      <van-col span="15" style="color: #9d9d9d;font-size: 12px;">{{ timestampToTimes(item.createTime, "DT2") }}</van-col>
+                      <van-col style="font-weight: bold;color:#666666;font-size: 12px;">上报时间：</van-col>
+                      <van-col span="15" style="color: #9d9d9d;font-size: 12px;" class="item-prop">{{ timestampToTimes(item.createTime, "DT2") }}</van-col>
                     </van-row>
                     <van-row gutter="0">
-                      <van-col span="9" style="font-weight: bold;color:#666666;font-size: 12px;">所属房间：</van-col>
-                      <van-col span="15" style="color: #9d9d9d;font-size: 12px;">{{ item.buildingName + item.floorName + item.roomName }}</van-col>
+                      <van-col style="font-weight: bold;color:#666666;font-size: 12px;">所属房间：</van-col>
+                      <van-col span="15" style="color: #9d9d9d;font-size: 12px;" class="item-prop">{{ item.buildingName + item.floorName + item.roomName }}</van-col>
                     </van-row>
                   </van-col>
-                </van-col>
-                <van-col span="4" class="list-right">
+                <!-- </van-col> -->
+                <!-- <van-col span="4" class="list-right">
                   <van-tag plain type="primary">详情<van-icon name="arrow" size="12px" /></van-tag>
-                  
-                  <!-- <van-row type="flex">
-                    详情
-                    
-                  </van-row> -->
-                </van-col>
+                </van-col> -->
               </van-row>
             </van-cell-group>
           </div>
@@ -857,4 +853,9 @@ p {
   font-weight: none;
   z-index: 99;
 }
+.item-prop{
+      white-space: nowrap;
+    text-overflow: ellipsis;
+    overflow: hidden;
+}
 </style>

vue.config.js

@@ -2,24 +2,25 @@ module.exports = {
   productionSourceMap: false,
   devServer: {
     open: true,
-    host: 'localhost',
+    host: "localhost",
     port: 8080,
     https: false,
     //以上的ip和端口是我们本机的;下面为需要跨域的
-    proxy: { //配置跨域
-      '/app-api': {
-        // target: 'http://192.168.4.232:8080/', //这里是后台的地址
+    proxy: {
+      //配置跨域
+      "/app-api": {
+        target: "http://192.168.4.232:8080/", //这里是后台的地址
         // target: 'http://192.168.15.124:8080/', //这里是杨帆的地址
         // target: 'http://192.168.10.137:8080/', //这里是昊哥的地址
         // target: 'http://192.168.10.36:8080/', //这里是昊哥的地址
-        target: 'http://localhost:8081/', //这里是后台的地址
+        // target: 'http://localhost:8081/', //这里是后台的地址
         ws: true,
-        changOrigin: true, //允许跨域 
+        changOrigin: true //允许跨域
         // logLevel: 'debug',  // 显示代理调试信息
         // pathRewrite: {
         //   '^/app-api': '' //请求的时候使用这个api就可以
         // }
-      },
+      }
       //   '/ps_ceninss': {
       //     target: 'http://192.168.3.80:8080', //这里是后台的地址
       //     ws: true,
@@ -30,4 +31,4 @@ module.exports = {
       //   }
     }
   }
-} 
+};