项目管理

pages/project/project/detail.vue

@@ -33,8 +33,12 @@
       <Filed :span="12" :name="l('type')">
         <state code="project.main.type" :value="entity.type" />
       </Filed>
-      <Filed :span="12" :name="l('picture')">{{ entity.picture }}</Filed>
-      <Filed :span="12" :name="l('attachment')">{{ entity.attachment }}</Filed>
+      <Filed :span="12" :name="l('picture')"
+        ><a @click="imgClick(entity.picture)">查看图片</a></Filed
+      >
+      <Filed :span="12" :name="l('attachment')">
+        <files ref="refFile" :parms="parms" fileFormat :showList="false" />
+      </Filed>
       <Filed :span="24" :name="l('note')">{{ entity.note }}</Filed>
     </Row>
   </div>
@@ -50,6 +54,12 @@ export default {
         name: [{ required: true, message: "必填", trigger: "blur" }],
         code: [{ required: true, message: "必填", trigger: "blur" }],
       },
+      parms: {
+        app: "material",
+        eid: null,
+        name: "",
+        field: "",
+      },
     };
   },
   props: ["eid"],
@@ -57,11 +67,17 @@ export default {
     this.load(this.eid);
   },
   methods: {
+    imgClick(img) {
+      window.open(fileUrlDown + img, "_blank");
+    },
     load(v) {
       Api.get({ id: v }).then((r) => {
         this.entity = r.result;
-         this.entity.type = r.result.type+'';
-        this.entity.state = r.result.state+'';
+        this.entity.type = r.result.type + "";
+        this.entity.state = r.result.state + "";
+
+        this.parms.eid = r.result.attachment;
+
         this.$emit("on-load");
       });
     },

pages/project/project/index.vue

@@ -7,6 +7,7 @@
       :conditions="easySearch"
       :type="typeInfo"
       :span="6"
+      :format="formatFun"
       ><template slot="easySearch"
         ><Form ref="formInline" :model="easySearch" inline
           ><FormItem prop="keys"
@@ -34,11 +35,16 @@
         ></Button>
       </template>
       <template slot="card" slot-scope="{ row }">
-        <div class="body-card">
+        <Card
+          class="body-card"
+          :style="row._checked ? 'border:1px solid #2680eb;' : ''"
+        >
           <Row class="title-i">
             <Col :span="10" class="title-l">
+              <Checkbox v-model="row._checked"></Checkbox>
               <Ellipsis :text="row.title" :length="18" tooltip />
             </Col>
+
             <Col :span="10" class="btn-click">
               <!-- <Ellipsis :text="row.code" :length="18" tooltip/> -->
             </Col>
@@ -104,7 +110,7 @@
               </div>
             </Col>
           </Row>
-        </div>
+        </Card>
       </template>
     </DataGrid>
     <Modal v-model="modal" :title="title" width="1200" footer-hide>
@@ -131,6 +137,7 @@ export default {
       easySearch: {
         keys: { op: "title", value: null },
       },
+      // single: false,
       modal: false,
       title: "新增",
       detail: null,
@@ -338,10 +345,17 @@ export default {
     await store.dispatch("loadDictionary"); // 加载数据字典
   },
   methods: {
+    //格式化原始数据
+    formatFun(data) {
+      data.map((e) => {
+        return (e._checked = false);
+      });
+      return data;
+    },
     tdStyle(val) {
-      //动态根据状态值加载状态值对应的颜色
-      let temDic = this.$store.getters.dictionaryByKey("taskList.status");
-      let temColor = "#666";
+      //动态根据状态值加载状态值对应的颜色 #19c919
+      let temDic = this.$store.getters.dictionaryByKey("project.main.state");
+      let temColor = "#19c919";
       temDic.forEach((data) => {
         if (Number(data.code) == val) {
           temColor = data.color;
@@ -425,21 +439,25 @@ export default {
 </script>
 <style lang="less">
 .project {
+  .ivu-card-body {
+    padding: 0 !important;
+  }
   .body-card {
-    border: 1px solid rgba(38, 128, 235, 1);
+    // border: 1px solid rgba(38, 128, 235, 1);
     margin: 5px 0;
     border-radius: 4px;
-    height: 280px;
+    // height: 280px;
 
     .title-i {
-      border-bottom: 1px solid #2680eb;
+      // border-bottom: 1px solid #2680eb;
       // padding: 0 10px;
       height: 35px;
       line-height: 35px;
       background: rgba(38, 128, 235, 0.2);
       color: #2680eb;
+      padding-left: 10px;
       .title-l {
-        padding-left: 10px;
+        display: -webkit-inline-box;
       }
       .btn-click {
         text-align: right;
@@ -477,22 +495,18 @@ export default {
     }
     .row-down {
       padding: 14px;
-      // height: 110px;
 
       .img-i {
         height: 170px;
         width: 170px;
-        // img {
-        //   width: 90px;
-        //   height: 90px;
-        // }
       }
       .c {
         padding-left: 14px;
         height: 170px;
 
         div {
-          height: 30px;
+          height: 33px;
+          line-height: 33px;
         }
       }
       .shuo-ming {
@@ -501,8 +515,8 @@ export default {
       }
     }
     .bottom-b {
-      line-height: 40px;
-      padding-left: 14px;
+      // line-height: 40px;
+      padding: 0 0 6px 14px;
       .a-icon {
         text-align: right;
       }