流程表单

jero-web/src/components/processForm/index.vue

@@ -1,19 +1,37 @@
 <template>
     <div class="process-from">
       <div class="process-header">
-        <div class="process-title">
+        <div class="process-header-top">
-          <a-icon type="arrow-left" class="back-to" @click="backTo"/>
+          <div></div>
-          <span>{{title}}</span>
+          <div class="right">
+            <a-popover placement="bottom" trigger="click" class="right-select">
+              <template slot="content">
+                <p>Content</p>
+                <p>Content</p>
+              </template>
+              <span>工作空间</span><a-icon type="down" />
+            </a-popover>
+            <a-icon type="bell" />
+            <a-icon type="tool" />
+            <a-icon type="question-circle" />
+            <i class="right-img"></i>
+          </div>
         </div>
-        <div class="process-header-btn">
+        <div class="process-header-title">
-<!--          终止流程-->
+          <div class="process-title">
-          <a-button class="header-btn termin" type="danger" ghost>{{$t('terminationProcess')}}</a-button>
+            <a-icon type="arrow-left" class="back-to" @click="backTo"/>
-<!--          保存-->
+            <span>{{title}}</span>
-          <a-button class="header-btn prese">{{$t('preservation')}}</a-button>
+          </div>
-<!--          下发-->
+          <div class="process-header-btn">
-          <a-button class="header-btn issue" type="primary" ghost>{{$t('issue')}}</a-button>
+  <!--          终止流程-->
-<!--          提交-->
+            <a-button class="header-btn termin" type="danger" ghost>{{$t('terminationProcess')}}</a-button>
-          <a-button class="header-btn submit" type="primary" @click="submit">{{$t('submit')}}</a-button>
+  <!--          保存-->
+            <a-button class="header-btn prese">{{$t('preservation')}}</a-button>
+  <!--          下发-->
+            <a-button class="header-btn issue" type="primary" ghost>{{$t('issue')}}</a-button>
+  <!--          提交-->
+            <a-button class="header-btn submit" type="primary" @click="submit">{{$t('submit')}}</a-button>
+          </div>
         </div>
       </div>
       <div class="process-content">
@@ -39,7 +57,9 @@
                       <span :title="ol.name">{{ol.name}}</span>
                    </span>
                   <span class="text-info-content-title">
-                    <span :title="ol.value">{{ol.value ? ol.value : '--'}}</span>
+                    <a href="javascript:;" v-if="ol.name=='交付物模板'" @click="downloadFile">{{ol.value ? ol.value : '--'}}<a-icon type="file-text" style="margin-left: 3px" /></a>
+                    <span :title="ol.value" v-else>{{ol.value ? ol.value : '--'}}</span>
+
                   </span>
                 </div>
               </div>
@@ -194,6 +214,10 @@
 
           }
         })
+      },
+      //下载文件
+      downloadFile(){
+
       }
     }
   }
@@ -205,25 +229,64 @@
       position: fixed;
       top:0;
       width: 100%;
-      display: flex;
+      .process-header-top{
-      justify-content: space-between;
+        height: 56px;
-      height: 68px;
+        line-height: 56px;
-      line-height: 68px;
+        margin: 0 32px;
-      border-top: 1px solid #efefef;
+        display: flex;
-      border-bottom: 1px solid #efefef;
+        justify-content: space-between;
-      background: #FFFFFF;
+        font-size: 14px;
-      .process-title{
+        .right{
-        padding-left: 32px;
+          display: flex;
-        font-size: 16px;
+          justify-content: flex-end;
-        font-width: 600;
+          .anticon{
-        .back-to{
+            line-height: 56px;
-          margin-right: 10px;
+            margin-left: 15px;
+            font-size: 18px;
+          }
+          .right-select{
+            cursor: pointer;
+            .anticon-down{
+              font-size: 12px;
+              margin-right: 15px;
+              margin-left: 5px;
+            }
+          }
+          .right-img{
+            display: inline-block;
+            width: 18px;
+            height: 18px;
+            margin: 19px;
+            margin-left: 15px;
+            border-radius: 50%;
+          }
         }
       }
-      .process-header-btn{
+      .process-header-title {
-        padding-right: 22px;
+        display: flex;
-        .header-btn{
+        justify-content: space-between;
-          margin-right: 10px;
+        height: 68px;
+        line-height: 68px;
+        border-top: 1px solid #efefef;
+        border-bottom: 1px solid #efefef;
+        background: #FFFFFF;
+
+        .process-title {
+          padding-left: 32px;
+          font-size: 16px;
+          font-width: 600;
+
+          .back-to {
+            margin-right: 10px;
+          }
+        }
+
+        .process-header-btn {
+          padding-right: 22px;
+
+          .header-btn {
+            margin-right: 10px;
+          }
         }
       }
     }

jero-web/src/views/documentManage/process/detail.vue

@@ -36,7 +36,7 @@
                 },
                 {
                   area: "项目信息",
-                  name: 'Studio工程师',
+                  name: '工程师',
                   value: "李四"
                 }
               ],
@@ -61,8 +61,8 @@
                 },
                 {
                   area: "标准内容",
-                  name: 'WVTA ID',
+                  name: '交付物模板',
-                  value: "字段占位符"
+                  value: "交付物模板.pdf"
                 }
               ]
           }

jero-web/src/views/documentManage/tags/tabs/tagContent.vue

@@ -111,8 +111,8 @@
         columns: [
           {
             title: this.$t('LabelName'),
-            dataIndex: 'dictName',
+            dataIndex: 'dict_name',
-            key: 'dictName',
+            key: 'dict_name',
             align: "center",
             width: 100,
           },
@@ -120,7 +120,7 @@
             title: this.$t('LabelType'),
             align: "center",
             width: 100,
-            dataIndex: 'attributeType_dictText',
+            dataIndex: 'attribute_type_name',
           },
           {
             title: this.$t('describe'),
@@ -170,7 +170,7 @@
         getAction(`sys/dict/page`,params).then(res=>{
           if(res.success){
             this.total=res.result.total
-            this.tableData=[...res.result.records]
+            this.tableData=[...res.result]
           }
         })
       },