交易项目维护详情

precision-effect-web/src/views/transaction/index.vue

@@ -92,7 +92,7 @@
       </el-table-column>
       <el-table-column label="单价" align="center" prop="price">
         <template slot-scope="scope">
-          <span v-if="scope.row.price">{{scope.row.price}}</span>
+          <span v-if="scope.row.price && scope.row.priceType == '1'">{{scope.row.price}}</span>
           <span v-else>-</span>
         </template>
       </el-table-column>
@@ -105,6 +105,12 @@
       <el-table-column label="部门" align="center" prop="deptName"/>
       <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
         <template slot-scope="scope">
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-document"
+            @click="handleDetail(scope.row)"
+          >详情</el-button>
           <el-button
             size="mini"
             type="text"
@@ -191,6 +197,76 @@
       </div>
     </el-dialog>
 
+    <!-- 详情 -->
+    <el-dialog class="transactionDetail" title="详情" :visible.sync="detailOpen" width="800px" append-to-body :close-on-click-modal="false" destroy-on-close>
+      <el-form label-width="130px">
+        <el-row>
+          <el-col :span="12">
+            <el-form-item label="交易项目名称" prop="transactionProjectName">
+              {{detailInfo.transactionProjectName}}
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-divider></el-divider>
+        <el-row>
+          <el-col :span="12">
+            <el-form-item label="职责项明细说明" prop="dutyDetailDescribe">
+              {{detailInfo.dutyDetailDescribe}}
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="工作结果的形式" prop="workResultStyle">
+              {{detailInfo.workResultStyle}}
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-divider></el-divider>
+        <el-row>
+          <el-col :span="12">
+            <el-form-item label="工作结果的时量/数量标准与交付方式/地址" prop="workResultDetail">
+              {{detailInfo.workResultDetail}}
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="工作结果的质量验收标准与方式" prop="workResultMethod">
+              {{detailInfo.workResultMethod}}
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-divider></el-divider>
+        <el-row>
+          <el-col :span="24">
+            <el-form-item label="职责定价与支付时间和方式" prop="dutyMethod">
+              {{detailInfo.dutyMethod}}
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-divider></el-divider>
+        <el-row>
+          <el-col :span="12">
+            <el-form-item label="定价类型" prop="priceType">
+              <span v-if="detailInfo.priceType == '1'">定价</span>
+              <span v-else>议价</span>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="单价" prop="price">
+              <span v-if="detailInfo.price && detailInfo.priceType == '1'">{{detailInfo.price}}</span>
+              <span v-else>-</span>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-divider></el-divider>
+        <el-row>
+          <el-col :span="12">
+            <el-form-item label="计量单位" prop="unit">
+              {{detailInfo.unit}}
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+    </el-dialog>
+
     <!-- 导入对话框 -->
     <el-dialog :title="upload.title" :visible.sync="upload.open" width="400px" append-to-body>
       <el-upload
@@ -331,7 +407,9 @@ export default {
       // 部门树选项
       deptOptions: [],
       disabled:false,
-      priceShow: true
+      priceShow: true,
+      detailOpen: false,
+      detailInfo: {}
     };
   },
   created() {
@@ -440,6 +518,14 @@ export default {
         this.title = "修改交易项目";
       });
     },
+    /** 详情 */
+    handleDetail(row){
+      this.detailInfo = {};
+      getProject(row.transactionProjectId).then(response => {
+        this.detailInfo = response.data;
+        this.detailOpen = true;
+      });
+    },
     /** 提交按钮 */
     submitForm() {
       this.form.deptId = this.$store.state.user.deptId;
@@ -528,3 +614,13 @@ export default {
   }
 };
 </script>
+<style lang="scss">
+  .transactionDetail{
+    .el-form-item {
+      margin-bottom: 0px;
+    }
+    .el-divider--horizontal {
+      margin: 5px 0;
+    }
+  }
+</style>