examine1 mesplan

pages/mesPlan/detail.vue

 <template>
-  <div class="orderDetail">
+<div class="orderDetail">
     <Row>
-      <Col span="8">
+        <Col span="8">
         <span class="fwBold">{{l('mesCode')}}</span>
         <p>{{entity.mesCode}}</p>
-      </Col>
-      <Col span="8">
+        </Col>
+        <Col span="8">
         <span class="fwBold">{{l('taskType')}}</span>
-        <p> <state code="plan.order.taskType" :value="entity.taskType" type="text"></state></p>
-      </Col>
-      <Col span="8">
+        <p>
+            <state code="plan.order.taskType" :value="entity.taskType" type="text"></state>
+        </p>
+        </Col>
+        <Col span="8">
         <span class="fwBold">{{l('quantity')}}</span>
         <p>{{entity.quantity}}</p>
-      </Col>
+        </Col>
     </Row>
     <Row>
-      <Col span="8">
+        <Col span="8">
         <span class="fwBold">{{l('status')}}</span>
-        <p><state code="plan.order.status" :value="entity.status" type="text"></state></p>
-      </Col>
-      <Col span="8">
+        <p>
+            <state code="plan.order.status" :value="entity.status" type="text"></state>
+        </p>
+        </Col>
+        <Col span="8">
         <span class="fwBold">{{l('productName')}}</span>
         <p>{{entity.productName}}</p>
-      </Col>
-      <Col span="8">
+        </Col>
+        <Col span="8">
         <span class="fwBold">{{l('drawnNumber')}}</span>
         <p>{{entity.drawnNumber}}</p>
-      </Col>
+        </Col>
     </Row>
     <Row>
-      <Col span="8">
+        <Col span="8">
         <span class="fwBold">{{l('batchNumber')}}</span>
         <p>{{entity.batchNumber}}</p>
-      </Col>
-      <Col span="8">
+        </Col>
+        <Col span="8">
         <span class="fwBold">{{l('projectNumber')}}</span>
         <p>{{entity.projectNumber}}</p>
-      </Col>
-      <Col span="8">
+        </Col>
+        <Col span="8">
         <span class="fwBold">{{l('urgencyLevel')}}</span>
-        <p><state code="plan.order.urgencyLevel" :value="entity.urgencyLevel" type="text"></state></p>
-      </Col>
+        <p>
+            <state code="plan.order.urgencyLevel" :value="entity.urgencyLevel" type="text"></state>
+        </p>
+        </Col>
     </Row>
-     <Row>
-      <Col span="8">
+    <Row>
+        <Col span="8">
         <span class="fwBold">{{l('demandStartDate')}}</span>
-        <p><DTSpan type="date" v-model="entity.demandStartDate"></DTSpan></p>
-      </Col>
-      <Col span="8">
+        <p>
+            <DTSpan type="date" v-model="entity.demandStartDate"></DTSpan>
+        </p>
+        </Col>
+        <Col span="8">
         <span class="fwBold">{{l('demandFinishDate')}}</span>
-        <p><DTSpan type="date" v-model="entity.demandFinishDate"></DTSpan></p>
-      </Col>
-      <Col span="8">
+        <p>
+            <DTSpan type="date" v-model="entity.demandFinishDate"></DTSpan>
+        </p>
+        </Col>
+        <Col span="8">
         <span class="fwBold">{{l('taskRequire')}}</span>
         <p>{{entity.taskRequire}}</p>
-      </Col>
+        </Col>
+    </Row>
+    <Row>
+        <Col span="8">
+        <span class="fwBold">{{l('productingPreparationPeople')}}</span>
+        <p>
+            <WorkShopName v-model="entity.productingPreparationPeople" v-if="entity.productingPreparationPeople>0"></WorkShopName>
+        </p>
+        </Col>
+        <Col span="8">
+        <span class="fwBold">{{l('quotationPeople')}}</span>
+        <p>
+            <User v-model="entity.quotationPeople" v-if="entity.quotationPeople>0"></User>
+        </p>
+        </Col>
+        <Col span="8">
+        <span class="fwBold">&nbsp;</span>
+        <p>&nbsp;</p>
+        </Col>
     </Row>
     <Row class="lastRow">
-      <Col span="24">
+        <Col span="24">
         <span class="fwBold">{{l('remark')}}</span>
         <p>{{entity.remark}}</p>
-      </Col>
+        </Col>
     </Row>
 
-  </div>
+</div>
 </template>
+
 <script>
 import Api from "./api";
 export default {
-  name: "detail",
-  data() {
-    return {
-      entity: {}
-    };
-  },
-  props: {
-    row: {
-      type: Object,
-      default: () => {
-        return null;
-      }
-    }
-  },
-  methods: {
-    handleClose() {
-      this.$emit("on-close");
+    name: "detail",
+    data() {
+        return {
+            entity: {}
+        };
     },
-    l(key) {
-      key = "mes_plan" + "." + key;
-      return this.$t(key);
-    }
-  },
-  watch: {
-    row(v) {
-      if (v != null) {
-        this.entity = this.$u.clone(this.row);
-      }
+    props: {
+        row: {
+            type: Object,
+            default: () => {
+                return null;
+            }
+        }
+    },
+    methods: {
+        handleClose() {
+            this.$emit("on-close");
+        },
+        l(key) {
+            key = "mes_plan" + "." + key;
+            return this.$t(key);
+        }
+    },
+    watch: {
+        row(v) {
+            if (v != null) {
+                this.entity = this.$u.clone(this.row);
+            }
+        }
     }
-  }
 };
 </script>
+
 <style lang="less">
-.orderDetail
-{
-  line-height: 30px;
-  width: 90%;
-  margin: 0 auto;
-  .ivu-row{
-    padding-top: 20px;
-    padding-bottom: 20px;
-    border-bottom:#ccc solid 1px;
-  }
-  .lastRow
-  {
-     border-bottom:none;
-  }
+.orderDetail {
+    line-height: 30px;
+    width: 90%;
+    margin: 0 auto;
+
+    .ivu-row {
+        padding-top: 20px;
+        padding-bottom: 20px;
+        border-bottom: #ccc solid 1px;
+    }
+
+    .lastRow {
+        border-bottom: none;
+    }
 }
 </style>