apply-clients 3.4.89-21 → 3.4.89-22

package/src/components/product/Material/Materiallist.vue

@@ -1,74 +1,74 @@
-<template>
-  <div class="flex-row">
-    <div style="height: 95%" class="basic-main" >
-      <criteria-paged :model="model" v-ref:cp>
-        <data-grid :model="model" partial='list' v-ref:grid style="overflow: auto" class="list_area table_sy">
-          <template partial='head'>
-            <tr>
-              <th>序号</th>
-              <th>材料名称</th>
-              <th>材料型号</th>
-              <th>材料单位</th>
-              <th>材料数量</th>
-            </tr>
-          </template>
-          <template partial='body'>
-            <tr >
-              <td style="text-align: center;">
-                <nobr><font>{{$index+1}}</font></nobr>
-              </td>
-              <td style="text-align: center;">
-                <nobr><font>{{row.f_material_name}}</font></nobr>
-              </td>
-              <td style="text-align: center;">
-                <nobr><font>{{row.f_material_style}}</font></nobr>
-              </td>
-              <td style="text-align: center;">
-                <nobr><font>{{row.f_material_unit}}</font></nobr>
-              </td>
-              <td style="text-align: center;">
-                <nobr><font>{{row.f_material_number}}</font></nobr>
-              </td>
-            </tr>
-          </template>
-        </data-grid>
-
-      </criteria-paged>
-    </div>
-
-  </div>
-</template>
-
-<script>
-import {PagedList} from 'vue-client'
-export default {
-  title: '材料明细',
-  props: ['materialuser'],
-  data () {
-    return {
-      model: new PagedList('rs/sql/applyGetMaterial', 30, null),
-    }
-  },
-  ready () {
-    // 调用查询
-    this.search()
-  },
-  methods: {
-    // 查询
-    search () {
-      let condition = ` ma.f_process_id = '${this.materialuser.f_process_id}' `
-      this.model.search(condition)
-    }
-  },
-  computed: {
-  },
-  watch: {
-    'materialuser' () {
-      this.search()
-    }
-  }
-}
-</script>
-
-<style scoped>
-</style>
+<template>
+  <div class="flex-row">
+    <div style="height: 95%" class="basic-main" >
+      <criteria-paged :model="model" v-ref:cp>
+        <data-grid :model="model" partial='list' v-ref:grid style="overflow: auto" class="list_area table_sy">
+          <template partial='head'>
+            <tr>
+              <th>序号</th>
+              <th>材料名称</th>
+              <th>材料型号</th>
+              <th>材料单位</th>
+              <th>材料数量</th>
+            </tr>
+          </template>
+          <template partial='body'>
+            <tr >
+              <td style="text-align: center;">
+                <nobr><font>{{$index+1}}</font></nobr>
+              </td>
+              <td style="text-align: center;">
+                <nobr><font>{{row.f_material_name}}</font></nobr>
+              </td>
+              <td style="text-align: center;">
+                <nobr><font>{{row.f_material_style}}</font></nobr>
+              </td>
+              <td style="text-align: center;">
+                <nobr><font>{{row.f_material_unit}}</font></nobr>
+              </td>
+              <td style="text-align: center;">
+                <nobr><font>{{row.f_material_number}}</font></nobr>
+              </td>
+            </tr>
+          </template>
+        </data-grid>
+
+      </criteria-paged>
+    </div>
+
+  </div>
+</template>
+
+<script>
+import {PagedList} from 'vue-client'
+export default {
+  title: '材料明细',
+  props: ['materialuser'],
+  data () {
+    return {
+      model: new PagedList('rs/sql/applyGetMaterial', 30, null),
+    }
+  },
+  ready () {
+    // 调用查询
+    this.search()
+  },
+  methods: {
+    // 查询
+    search () {
+      let condition = ` ma.f_process_id = '${this.materialuser.f_process_id}' `
+      this.model.search(condition)
+    }
+  },
+  computed: {
+  },
+  watch: {
+    'materialuser' () {
+      this.search()
+    }
+  }
+}
+</script>
+
+<style scoped>
+</style>

package/src/components/product/Material/Materialmanger.vue

@@ -1,58 +1,58 @@
-<template>
-  <div id="unit" class="flex-row" :class="{'binary':showItem}">
-    <div :class="{'basic-main':!showItem,'binary-left':showItem}">
-      <material-user @select-changed="selected" :style="style" :style2="style2" v-ref:check></material-user>
-    </div>
-    <div class="binary-right" v-if="showItem">
-      <div class="flex">
-        <apply-material-list  v-ref:detail :materialuser="materialuser" ></apply-material-list>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  title: '材料查看',
-  props: [],
-  data () {
-    return {
-      showItem: false,
-      materialuser: '',
-      style: 'col-sm-2 form-group',
-      style2: 'col-sm-4 form-group'
-    }
-  },
-  methods: {
-    selected (obj) {
-      this.materialuser = obj.val
-      this.showItem = true
-    }
-  },
-  watch: {
-    'showItem' (val) {
-      if (val) {
-        this.style = 'col-sm-3 form-group'
-        this.style2 = 'col-sm-6 form-group'
-      } else {
-        this.style = 'col-sm-2 form-group'
-        this.style2 = 'col-sm-4 form-group'
-      }
-    }
-  }
-}
-</script>
-<style>
-.form-input-group label {
-  text-align: right;
-  width: auto;
-}
-
-.datapanel {
-  color: #333;
-  background-color: white;
-  box-shadow: darkgrey 0.5px 0.5px 0.5px 0.5px;
-  padding: 5px 7px 5px 7px;
-  border-radius: 10px;
-}
-</style>
+<template>
+  <div id="unit" class="flex-row" :class="{'binary':showItem}">
+    <div :class="{'basic-main':!showItem,'binary-left':showItem}">
+      <material-user @select-changed="selected" :style="style" :style2="style2" v-ref:check></material-user>
+    </div>
+    <div class="binary-right" v-if="showItem">
+      <div class="flex">
+        <apply-material-list  v-ref:detail :materialuser="materialuser" ></apply-material-list>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  title: '材料查看',
+  props: [],
+  data () {
+    return {
+      showItem: false,
+      materialuser: '',
+      style: 'col-sm-2 form-group',
+      style2: 'col-sm-4 form-group'
+    }
+  },
+  methods: {
+    selected (obj) {
+      this.materialuser = obj.val
+      this.showItem = true
+    }
+  },
+  watch: {
+    'showItem' (val) {
+      if (val) {
+        this.style = 'col-sm-3 form-group'
+        this.style2 = 'col-sm-6 form-group'
+      } else {
+        this.style = 'col-sm-2 form-group'
+        this.style2 = 'col-sm-4 form-group'
+      }
+    }
+  }
+}
+</script>
+<style>
+.form-input-group label {
+  text-align: right;
+  width: auto;
+}
+
+.datapanel {
+  color: #333;
+  background-color: white;
+  box-shadow: darkgrey 0.5px 0.5px 0.5px 0.5px;
+  padding: 5px 7px 5px 7px;
+  border-radius: 10px;
+}
+</style>