优化

src/views/xm/core/components/XmIterationSelect.vue

@@ -1,28 +1,27 @@
 <template> 
-<span>
-   <mdp-select-table v-model="myVal" ref="selectTableRef" show-style="tag" :placeholder="placeholder" :props="{id:'id',name:'iterationName'}" :load-fun="listXmIterationWithState" :params="{linkProjectId:linkProjectId}" @change2="onChange2" @clear="onClear" @change="onChange" @click="onRowClick">
+  <span>
+     <mdp-select-table v-model="myVal" ref="selectTableRef" :init-name="initName" show-style="showStyle" :placeholder="placeholder" :props="{id:'id',name:'iterationName'}" :load-fun="listXmIterationWithState" :params="{linkProjectId:linkProjectId}" @change2="onChange2" @clear="onClear" @change="onChange" @click="onRowClick" :disabled="disabled">
         <el-row slot="toolbar"><el-button size="mini" icon="el-icon-plus" @click="$refs['addDialog'].open()">创建迭代</el-button><el-button size="mini" icon="el-icon-search" @click="$refs['selectTableRef'].$refs['tableDialog'].open()">更多迭代</el-button></el-row>
      </mdp-select-table> 
      
      <mdp-dialog ref="addDialog">
       <template v-slot="visible,data,dialog">
         <xm-iteration-add op-type="add"
-            :xm-product="productId?{ id: productId, name: '' }:null"
-			      :sel-project="linkProjectId?{id:linkProjectId,name:''}:null"
+          :sel-project="{ id: linkProjectId, name: '' }"
           @cancel="dialog.close()"
           @submit="afterAddSubmit"
         >
         </xm-iteration-add>
       </template>
     </mdp-dialog>
-</span>
-</template> 
+  </span>
+  </template> 
   
-<script>  
+  <script>  
   
    import { listXmIterationWithState } from "@/api/xm/core/xmIteration";
-import XmIterationAdd from "../xmIteration/XmIterationEdit.vue";
-export default {
+  import XmIterationAdd from "../xmIteration/XmIterationEdit.vue";
+  export default {
     components: { XmIterationAdd },
     name: 'xm-iteration-select',
     props:{ 
@@ -33,15 +32,26 @@ export default {
         type:String,
         default:null,
       }, 
-    productId:{
+      placeholder:{
+        type:String,
+        default:"选择/创建迭代"
+      },
+      value:{
         type:String,
         default:null,
       },
-    placeholder:{
+      initName:{
         type:String,
-      default:"选择产迭代"
+        default:null
+      },
+      disabled:{
+        type:Boolean,
+        default:false
+      },
+      showStyle:{
+        type:String,
+        default:'origin'
       }
-    
     },
     data(){
       return { 
@@ -70,11 +80,11 @@ export default {
       }
     },
     mounted(){
-       
+         this.myVal=this.value
     }, 
-}
-</script>
-<style lang="scss" scoped>   
+  }
+  </script>
+  <style lang="scss" scoped>   
   
-</style> 
+  </style> 
     

src/views/xm/core/components/XmProjectSelect.vue

@@ -1,43 +1,56 @@
 <template> 
-<span>
-   <mdp-select-table v-model="myVal" ref="selectTableRef" show-style="tag" :placeholder="placeholder" :props="{id:'id',name:'projectName'}" :load-fun="listXmProject" :params="{linkProductId:linkProductId}" @change2="onChange2" @clear="onClear" @change="onChange" @click="onRowClick">
+  <span>
+     <mdp-select-table v-model="myVal" ref="selectTableRef" :init-name="initName" show-style="showStyle" :placeholder="placeholder" :props="{id:'id',name:'projectName'}" :load-fun="listXmProject" :params="{linkProjectId:linkProjectId}" @change2="onChange2" @clear="onClear" @change="onChange" @click="onRowClick" :disabled="disabled">
         <el-row slot="toolbar"><el-button size="mini" icon="el-icon-plus" @click="$refs['addDialog'].open()">创建项目</el-button><el-button size="mini" icon="el-icon-search" @click="$refs['selectTableRef'].$refs['tableDialog'].open()">更多项目</el-button></el-row>
      </mdp-select-table> 
      
      <mdp-dialog ref="addDialog">
       <template v-slot="visible,data,dialog">
         <xm-project-add op-type="add"
-        :xm-project="{ id: linkProductId, name: '' }"
+          :sel-project="{ id: linkProjectId, name: '' }"
           @cancel="dialog.close()"
           @submit="afterAddSubmit"
         >
         </xm-project-add>
       </template>
     </mdp-dialog>
-</span>
-</template> 
-
-<script>  
-
-import { listXmProject } from "@/api/xm/core/xmProject";
-import { mapGetters } from "vuex"; 
+  </span>
+  </template> 
   
-import XmProjectAdd from "../xmProject/XmProjectEdit.vue";
+  <script>  
   
-export default {
+   import { listXmProject } from "@/api/xm/core/xmProject";
+  import XmProjectAdd from "../xmProject/XmProjectEdit.vue";
+  export default {
     components: { XmProjectAdd },
     name: 'xm-project-select',
     props:{ 
       /**
        * 项目编号
        */
-      linkProductId:{
+        linkProjectId:{
         type:String,
         default:null,
       }, 
       placeholder:{
         type:String,
-      default:"选择项目"
+        default:"选择/创建项目"
+      },
+      value:{
+        type:String,
+        default:null,
+      },
+      initName:{
+        type:String,
+        default:null
+      },
+      disabled:{
+        type:Boolean,
+        default:false
+      },
+      showStyle:{
+        type:String,
+        default:'origin'
       }
     },
     data(){
@@ -67,11 +80,11 @@ export default {
       }
     },
     mounted(){
-       
+         this.myVal=this.value
     }, 
-}
-</script>
-<style lang="scss" scoped>   
+  }
+  </script>
+  <style lang="scss" scoped>   
   
-</style> 
+  </style>