From d0be57c51de4ed3bf6e8d9a68242f24a5716e65d Mon Sep 17 00:00:00 2001 From: zhangyanpeng <bob.zhang@highdatas.com> Date: 星期三, 06 五月 2020 19:34:51 +0800 Subject: [PATCH] 添加修改密码功能 --- src/components/popup/portion/substep.vue | 1594 ++++++++++++++++++++++++++++++++++++++++++++-------------- 1 files changed, 1,198 insertions(+), 396 deletions(-) diff --git a/src/components/popup/portion/substep.vue b/src/components/popup/portion/substep.vue index 8f3fcdd..d7a4cc1 100644 --- a/src/components/popup/portion/substep.vue +++ b/src/components/popup/portion/substep.vue @@ -115,27 +115,6 @@ </el-row> <el-row> - <el-col :span="4" class="z_grid-content3"> - <el-form-item label="鏄惁鍏艰亴缂栬緫" label-width="120px"> - <el-checkbox @change="parttimeChange('title')" v-model="form_['title'].parttime"></el-checkbox> - </el-form-item> - </el-col> - - <el-col :span="18" class="z_grid-content3"> - <el-form-item label="鍏艰亴缂栬緫鎴愬憳" label-width="120px"> - <el-select multiple :disabled="!form_['title'].parttime" size="mini" v-model="form_['title'].parttimeUser" style="width: 100%;"> - <el-option - v-for="item in options_parttimeUser" - :key="item.id" - :label="item.name" - :value="item.id" - ></el-option> - </el-select> - </el-form-item> - </el-col> - </el-row> - - <el-row> <el-col :span="17" class="z_grid-content1"> <el-form-item label="澶囨敞璇存槑"> <el-input type="textarea" v-model="form_['title'].remark" style="width: 100%;"></el-input> @@ -153,7 +132,68 @@ </el-form-item> </el-col> </el-row> + + <el-row> + <el-col :span="4" class="z_grid-content3"> + <el-form-item label="鏄惁鍏艰亴缂栬緫" label-width="120px"> + <el-checkbox @change="parttimeChange('title')" v-model="form_['title'].parttime"></el-checkbox> + </el-form-item> + </el-col> + + <!-- <el-col :span="18" class="z_grid-content3"> + <el-form-item label="鍏艰亴缂栬緫鎴愬憳" label-width="120px"> + <el-select multiple :disabled="!form_['title'].parttime" size="mini" v-model="form_['title'].parttimeUser" style="width: 100%;"> + <el-option + v-for="item in options_parttimeUser" + :key="item.id" + :label="item.name" + :value="item.id" + ></el-option> + </el-select> + </el-form-item> + </el-col> --> + </el-row> + </el-form> + <div v-if="form_['title'].parttime" style="text-align: left;"> + <el-button :disabled="!form_['title'].parttime" size="small" @click="addParttime('title')">鏂板鍏艰亴浜哄憳</el-button> + <el-table + :data="form_['title'].parttimeList" + :show-header="true" + style="width: 100%;" + > + <el-table-column prop="parttimeUser" label="濮撳悕" width="300" align="left" show-overflow-tooltip> + <template slot-scope="scope"> + <div> + <el-select disabled size="mini" v-model="scope.row.parttimeUser" style="width: 100%;"> + <el-option + v-for="item in options_parttimeUser" + :key="item.id" + :label="item.name" + :value="item.id" + ></el-option> + </el-select> + </div> + </template> + </el-table-column> + <el-table-column prop="parttimePay" label="璐圭敤" width="200" align="center"> + <template slot-scope="scope"> + <div> + <el-input-number size="small" v-model="scope.row.parttimePay" :min="1" label="鏀粯璐圭敤"></el-input-number> + </div> + </template> + </el-table-column> + <el-table-column width="280" label="鎿嶄綔" align="center"> + <template v-slot="{row}"> + <el-row> + <el-tooltip class="item" effect="dark" content="鍒犻櫎" placement="top"> + <el-button type="danger" size="mini" icon="el-icon-delete" circle @click="deleteParttime('title', row)"></el-button> + </el-tooltip> + </el-row> + </template> + </el-table-column> + </el-table> + </div> </div> <el-divider></el-divider> </div> @@ -228,28 +268,6 @@ </el-row> <el-row> - <el-col :span="4" class="z_grid-content3"> - <el-form-item label="鏄惁鍏艰亴缂栬緫" label-width="120px" - > - <el-checkbox @change="parttimeChange('scheme')" v-model="form_['scheme'].parttime"></el-checkbox> - </el-form-item> - </el-col> - - <el-col :span="18" class="z_grid-content3"> - <el-form-item label="鍏艰亴缂栬緫鎴愬憳" label-width="120px"> - <el-select multiple :disabled="!form_['scheme'].parttime" size="mini" v-model="form_['scheme'].parttimeUser" style="width: 100%;"> - <el-option - v-for="item in options_parttimeUser" - :key="item.id" - :label="item.name" - :value="item.id" - ></el-option> - </el-select> - </el-form-item> - </el-col> - </el-row> - - <el-row> <el-col :span="17" class="z_grid-content1"> <el-form-item label="澶囨敞璇存槑"> <el-input type="textarea" v-model="form_['scheme'].remark" style="width: 100%;"></el-input> @@ -267,7 +285,68 @@ </el-form-item> </el-col> </el-row> + <el-row> + <el-col :span="4" class="z_grid-content3"> + <el-form-item label="鏄惁鍏艰亴缂栬緫" label-width="120px" + > + <el-checkbox @change="parttimeChange('scheme')" v-model="form_['scheme'].parttime"></el-checkbox> + </el-form-item> + </el-col> + + <!-- <el-col :span="18" class="z_grid-content3"> + <el-form-item label="鍏艰亴缂栬緫鎴愬憳" label-width="120px"> + <el-select multiple :disabled="!form_['scheme'].parttime" size="mini" v-model="form_['scheme'].parttimeUser" style="width: 100%;"> + <el-option + v-for="item in options_parttimeUser" + :key="item.id" + :label="item.name" + :value="item.id" + ></el-option> + </el-select> + </el-form-item> + </el-col> --> + </el-row> </el-form> + + <div v-if="form_['scheme'].parttime" style="text-align: left;"> + <el-button :disabled="!form_['scheme'].parttime" size="small" @click="addParttime('scheme')">鏂板鍏艰亴浜哄憳</el-button> + <el-table + :data="form_['scheme'].parttimeList" + :show-header="true" + style="width: 100%;" + > + <el-table-column prop="parttimeUser" label="濮撳悕" width="300" align="left" show-overflow-tooltip> + <template slot-scope="scope"> + <div> + <el-select disabled size="mini" v-model="scope.row.parttimeUser" style="width: 100%;"> + <el-option + v-for="item in options_parttimeUser" + :key="item.id" + :label="item.name" + :value="item.id" + ></el-option> + </el-select> + </div> + </template> + </el-table-column> + <el-table-column prop="parttimePay" label="璐圭敤" width="200" align="center"> + <template slot-scope="scope"> + <div> + <el-input-number size="small" v-model="scope.row.parttimePay" :min="1" label="鏀粯璐圭敤"></el-input-number> + </div> + </template> + </el-table-column> + <el-table-column width="280" label="鎿嶄綔" align="center"> + <template v-slot="{row}"> + <el-row> + <el-tooltip class="item" effect="dark" content="鍒犻櫎" placement="top"> + <el-button type="danger" size="mini" icon="el-icon-delete" circle @click="deleteParttime('scheme', row)"></el-button> + </el-tooltip> + </el-row> + </template> + </el-table-column> + </el-table> + </div> </div> <el-divider></el-divider> </div> @@ -342,28 +421,6 @@ </el-row> <el-row> - <el-col :span="4" class="z_grid-content3"> - <el-form-item label="鏄惁鍏艰亴缂栬緫" label-width="120px" - > - <el-checkbox @change="parttimeChange('search')" v-model="form_['search'].parttime"></el-checkbox> - </el-form-item> - </el-col> - - <el-col :span="18" class="z_grid-content3"> - <el-form-item label="鍏艰亴缂栬緫鎴愬憳" label-width="120px"> - <el-select multiple :disabled="!form_['search'].parttime" size="mini" v-model="form_['search'].parttimeUser" style="width: 100%;"> - <el-option - v-for="item in options_parttimeUser" - :key="item.value" - :label="item.label" - :value="item.value" - ></el-option> - </el-select> - </el-form-item> - </el-col> - </el-row> - - <el-row> <el-col :span="17" class="z_grid-content1"> <el-form-item label="澶囨敞璇存槑"> <el-input type="textarea" v-model="form_['search'].remark" style="width: 100%;"></el-input> @@ -381,7 +438,68 @@ </el-form-item> </el-col> </el-row> + + <el-row> + <el-col :span="4" class="z_grid-content3"> + <el-form-item label="鏄惁鍏艰亴缂栬緫" label-width="120px" + > + <el-checkbox @change="parttimeChange('search')" v-model="form_['search'].parttime"></el-checkbox> + </el-form-item> + </el-col> + + <!-- <el-col :span="18" class="z_grid-content3"> + <el-form-item label="鍏艰亴缂栬緫鎴愬憳" label-width="120px"> + <el-select multiple :disabled="!form_['search'].parttime" size="mini" v-model="form_['search'].parttimeUser" style="width: 100%;"> + <el-option + v-for="item in options_parttimeUser" + :key="item.value" + :label="item.label" + :value="item.value" + ></el-option> + </el-select> + </el-form-item> + </el-col> --> + </el-row> </el-form> + <div v-if="form_['search'].parttime" style="text-align: left;"> + <el-button :disabled="!form_['search'].parttime" size="small" @click="addParttime('search')">鏂板鍏艰亴浜哄憳</el-button> + <el-table + :data="form_['search'].parttimeList" + :show-header="true" + style="width: 100%;" + > + <el-table-column prop="parttimeUser" label="濮撳悕" width="300" align="left" show-overflow-tooltip> + <template slot-scope="scope"> + <div> + <el-select disabled size="mini" v-model="scope.row.parttimeUser" style="width: 100%;"> + <el-option + v-for="item in options_parttimeUser" + :key="item.id" + :label="item.name" + :value="item.id" + ></el-option> + </el-select> + </div> + </template> + </el-table-column> + <el-table-column prop="parttimePay" label="璐圭敤" width="200" align="center"> + <template slot-scope="scope"> + <div> + <el-input-number size="small" v-model="scope.row.parttimePay" :min="1" label="鏀粯璐圭敤"></el-input-number> + </div> + </template> + </el-table-column> + <el-table-column width="280" label="鎿嶄綔" align="center"> + <template v-slot="{row}"> + <el-row> + <el-tooltip class="item" effect="dark" content="鍒犻櫎" placement="top"> + <el-button type="danger" size="mini" icon="el-icon-delete" circle @click="deleteParttime('search', row)"></el-button> + </el-tooltip> + </el-row> + </template> + </el-table-column> + </el-table> + </div> </div> <el-divider></el-divider> </div> @@ -454,28 +572,6 @@ </el-row> <el-row> - <el-col :span="4" class="z_grid-content3"> - <el-form-item label="鏄惁鍏艰亴缂栬緫" label-width="120px" - > - <el-checkbox @change="parttimeChange('select')" v-model="form_['select'].parttime"></el-checkbox> - </el-form-item> - </el-col> - - <el-col :span="18" class="z_grid-content3"> - <el-form-item label="鍏艰亴缂栬緫鎴愬憳" label-width="120px"> - <el-select multiple :disabled="!form_['select'].parttime" size="mini" v-model="form_['select'].parttimeUser" style="width: 100%;"> - <el-option - v-for="item in options_parttimeUser" - :key="item.id" - :label="item.name" - :value="item.id" - ></el-option> - </el-select> - </el-form-item> - </el-col> - </el-row> - - <el-row> <el-col :span="17" class="z_grid-content1"> <el-form-item label="澶囨敞璇存槑"> <el-input type="textarea" v-model="form_['select'].remark" style="width: 100%;"></el-input> @@ -493,7 +589,69 @@ </el-form-item> </el-col> </el-row> + + <el-row> + <el-col :span="4" class="z_grid-content3"> + <el-form-item label="鏄惁鍏艰亴缂栬緫" label-width="120px" + > + <el-checkbox @change="parttimeChange('select')" v-model="form_['select'].parttime"></el-checkbox> + </el-form-item> + </el-col> + + <!-- <el-col :span="18" class="z_grid-content3"> + <el-form-item label="鍏艰亴缂栬緫鎴愬憳" label-width="120px"> + <el-select multiple :disabled="!form_['select'].parttime" size="mini" v-model="form_['select'].parttimeUser" style="width: 100%;"> + <el-option + v-for="item in options_parttimeUser" + :key="item.id" + :label="item.name" + :value="item.id" + ></el-option> + </el-select> + </el-form-item> + </el-col> --> + </el-row> </el-form> + + <div v-if="form_['select'].parttime" style="text-align: left;"> + <el-button :disabled="!form_['select'].parttime" size="small" @click="addParttime('select')">鏂板鍏艰亴浜哄憳</el-button> + <el-table + :data="form_['select'].parttimeList" + :show-header="true" + style="width: 100%;" + > + <el-table-column prop="parttimeUser" label="濮撳悕" width="300" align="left" show-overflow-tooltip> + <template slot-scope="scope"> + <div> + <el-select disabled size="mini" v-model="scope.row.parttimeUser" style="width: 100%;"> + <el-option + v-for="item in options_parttimeUser" + :key="item.id" + :label="item.name" + :value="item.id" + ></el-option> + </el-select> + </div> + </template> + </el-table-column> + <el-table-column prop="parttimePay" label="璐圭敤" width="200" align="center"> + <template slot-scope="scope"> + <div> + <el-input-number size="small" v-model="scope.row.parttimePay" :min="1" label="鏀粯璐圭敤"></el-input-number> + </div> + </template> + </el-table-column> + <el-table-column width="280" label="鎿嶄綔" align="center"> + <template v-slot="{row}"> + <el-row> + <el-tooltip class="item" effect="dark" content="鍒犻櫎" placement="top"> + <el-button type="danger" size="mini" icon="el-icon-delete" circle @click="deleteParttime('select', row)"></el-button> + </el-tooltip> + </el-row> + </template> + </el-table-column> + </el-table> + </div> </div> <el-divider></el-divider> </div> @@ -566,28 +724,6 @@ </el-row> <el-row> - <el-col :span="4" class="z_grid-content3"> - <el-form-item label="鏄惁鍏艰亴缂栬緫" label-width="120px" - > - <el-checkbox @change="parttimeChange('get')" v-model="form_['get'].parttime"></el-checkbox> - </el-form-item> - </el-col> - - <el-col :span="18" class="z_grid-content3"> - <el-form-item label="鍏艰亴缂栬緫鎴愬憳" label-width="120px"> - <el-select multiple :disabled="!form_['get'].parttime" size="mini" v-model="form_['get'].parttimeUser" style="width: 100%;"> - <el-option - v-for="item in options_parttimeUser" - :key="item.id" - :label="item.name" - :value="item.id" - ></el-option> - </el-select> - </el-form-item> - </el-col> - </el-row> - - <el-row> <el-col :span="17" class="z_grid-content1"> <el-form-item label="澶囨敞璇存槑"> <el-input type="textarea" v-model="form_['get'].remark" style="width: 100%;"></el-input> @@ -605,7 +741,68 @@ </el-form-item> </el-col> </el-row> + + <el-row> + <el-col :span="4" class="z_grid-content3"> + <el-form-item label="鏄惁鍏艰亴缂栬緫" label-width="120px" + > + <el-checkbox @change="parttimeChange('get')" v-model="form_['get'].parttime"></el-checkbox> + </el-form-item> + </el-col> + + <!-- <el-col :span="18" class="z_grid-content3"> + <el-form-item label="鍏艰亴缂栬緫鎴愬憳" label-width="120px"> + <el-select multiple :disabled="!form_['get'].parttime" size="mini" v-model="form_['get'].parttimeUser" style="width: 100%;"> + <el-option + v-for="item in options_parttimeUser" + :key="item.id" + :label="item.name" + :value="item.id" + ></el-option> + </el-select> + </el-form-item> + </el-col> --> + </el-row> </el-form> + <div v-if="form_['get'].parttime" style="text-align: left;"> + <el-button :disabled="!form_['get'].parttime" size="small" @click="addParttime('get')">鏂板鍏艰亴浜哄憳</el-button> + <el-table + :data="form_['get'].parttimeList" + :show-header="true" + style="width: 100%;" + > + <el-table-column prop="parttimeUser" label="濮撳悕" width="300" align="left" show-overflow-tooltip> + <template slot-scope="scope"> + <div> + <el-select disabled size="mini" v-model="scope.row.parttimeUser" style="width: 100%;"> + <el-option + v-for="item in options_parttimeUser" + :key="item.id" + :label="item.name" + :value="item.id" + ></el-option> + </el-select> + </div> + </template> + </el-table-column> + <el-table-column prop="parttimePay" label="璐圭敤" width="200" align="center"> + <template slot-scope="scope"> + <div> + <el-input-number size="small" v-model="scope.row.parttimePay" :min="1" label="鏀粯璐圭敤"></el-input-number> + </div> + </template> + </el-table-column> + <el-table-column width="280" label="鎿嶄綔" align="center"> + <template v-slot="{row}"> + <el-row> + <el-tooltip class="item" effect="dark" content="鍒犻櫎" placement="top"> + <el-button type="danger" size="mini" icon="el-icon-delete" circle @click="deleteParttime('get', row)"></el-button> + </el-tooltip> + </el-row> + </template> + </el-table-column> + </el-table> + </div> </div> <el-divider></el-divider> </div> @@ -678,28 +875,6 @@ </el-row> <el-row> - <el-col :span="4" class="z_grid-content3"> - <el-form-item label="鏄惁鍏艰亴缂栬緫" label-width="120px" - > - <el-checkbox @change="parttimeChange('find')" v-model="form_['find'].parttime"></el-checkbox> - </el-form-item> - </el-col> - - <el-col :span="18" class="z_grid-content3"> - <el-form-item label="鍏艰亴缂栬緫鎴愬憳" label-width="120px"> - <el-select multiple :disabled="!form_['find'].parttime" size="mini" v-model="form_['find'].parttimeUser" style="width: 100%;"> - <el-option - v-for="item in options_parttimeUser" - :key="item.id" - :label="item.name" - :value="item.id" - ></el-option> - </el-select> - </el-form-item> - </el-col> - </el-row> - - <el-row> <el-col :span="17" class="z_grid-content1"> <el-form-item label="澶囨敞璇存槑"> <el-input type="textarea" v-model="form_['find'].remark" style="width: 100%;"></el-input> @@ -717,7 +892,68 @@ </el-form-item> </el-col> </el-row> + + <el-row> + <el-col :span="4" class="z_grid-content3"> + <el-form-item label="鏄惁鍏艰亴缂栬緫" label-width="120px" + > + <el-checkbox @change="parttimeChange('find')" v-model="form_['find'].parttime"></el-checkbox> + </el-form-item> + </el-col> + + <!-- <el-col :span="18" class="z_grid-content3"> + <el-form-item label="鍏艰亴缂栬緫鎴愬憳" label-width="120px"> + <el-select multiple :disabled="!form_['find'].parttime" size="mini" v-model="form_['find'].parttimeUser" style="width: 100%;"> + <el-option + v-for="item in options_parttimeUser" + :key="item.id" + :label="item.name" + :value="item.id" + ></el-option> + </el-select> + </el-form-item> + </el-col> --> + </el-row> </el-form> + <div v-if="form_['find'].parttime" style="text-align: left;"> + <el-button :disabled="!form_['find'].parttime" size="small" @click="addParttime('find')">鏂板鍏艰亴浜哄憳</el-button> + <el-table + :data="form_['find'].parttimeList" + :show-header="true" + style="width: 100%;" + > + <el-table-column prop="parttimeUser" label="濮撳悕" width="300" align="left" show-overflow-tooltip> + <template slot-scope="scope"> + <div> + <el-select disabled size="mini" v-model="scope.row.parttimeUser" style="width: 100%;"> + <el-option + v-for="item in options_parttimeUser" + :key="item.id" + :label="item.name" + :value="item.id" + ></el-option> + </el-select> + </div> + </template> + </el-table-column> + <el-table-column prop="parttimePay" label="璐圭敤" width="200" align="center"> + <template slot-scope="scope"> + <div> + <el-input-number size="small" v-model="scope.row.parttimePay" :min="1" label="鏀粯璐圭敤"></el-input-number> + </div> + </template> + </el-table-column> + <el-table-column width="280" label="鎿嶄綔" align="center"> + <template v-slot="{row}"> + <el-row> + <el-tooltip class="item" effect="dark" content="鍒犻櫎" placement="top"> + <el-button type="danger" size="mini" icon="el-icon-delete" circle @click="deleteParttime('find', row)"></el-button> + </el-tooltip> + </el-row> + </template> + </el-table-column> + </el-table> + </div> </div> <el-divider></el-divider> </div> @@ -790,28 +1026,6 @@ </el-row> <el-row> - <el-col :span="4" class="z_grid-content3"> - <el-form-item label="鏄惁鍏艰亴缂栬緫" label-width="120px" - > - <el-checkbox @change="parttimeChange('properties')" v-model="form_['properties'].parttime"></el-checkbox> - </el-form-item> - </el-col> - - <el-col :span="18" class="z_grid-content3"> - <el-form-item label="鍏艰亴缂栬緫鎴愬憳" label-width="120px"> - <el-select multiple :disabled="!form_['properties'].parttime" size="mini" v-model="form_['properties'].parttimeUser" style="width: 100%;"> - <el-option - v-for="item in options_parttimeUser" - :key="item.id" - :label="item.name" - :value="item.id" - ></el-option> - </el-select> - </el-form-item> - </el-col> - </el-row> - - <el-row> <el-col :span="17" class="z_grid-content1"> <el-form-item label="澶囨敞璇存槑"> <el-input type="textarea" v-model="form_['properties'].remark" style="width: 100%;"></el-input> @@ -829,7 +1043,68 @@ </el-form-item> </el-col> </el-row> + + <el-row> + <el-col :span="4" class="z_grid-content3"> + <el-form-item label="鏄惁鍏艰亴缂栬緫" label-width="120px" + > + <el-checkbox @change="parttimeChange('properties')" v-model="form_['properties'].parttime"></el-checkbox> + </el-form-item> + </el-col> + + <!-- <el-col :span="18" class="z_grid-content3"> + <el-form-item label="鍏艰亴缂栬緫鎴愬憳" label-width="120px"> + <el-select multiple :disabled="!form_['properties'].parttime" size="mini" v-model="form_['properties'].parttimeUser" style="width: 100%;"> + <el-option + v-for="item in options_parttimeUser" + :key="item.id" + :label="item.name" + :value="item.id" + ></el-option> + </el-select> + </el-form-item> + </el-col> --> + </el-row> </el-form> + <div v-if="form_['properties'].parttime" style="text-align: left;"> + <el-button :disabled="!form_['properties'].parttime" size="small" @click="addParttime('properties')">鏂板鍏艰亴浜哄憳</el-button> + <el-table + :data="form_['properties'].parttimeList" + :show-header="true" + style="width: 100%;" + > + <el-table-column prop="parttimeUser" label="濮撳悕" width="300" align="left" show-overflow-tooltip> + <template slot-scope="scope"> + <div> + <el-select disabled size="mini" v-model="scope.row.parttimeUser" style="width: 100%;"> + <el-option + v-for="item in options_parttimeUser" + :key="item.id" + :label="item.name" + :value="item.id" + ></el-option> + </el-select> + </div> + </template> + </el-table-column> + <el-table-column prop="parttimePay" label="璐圭敤" width="200" align="center"> + <template slot-scope="scope"> + <div> + <el-input-number size="small" v-model="scope.row.parttimePay" :min="1" label="鏀粯璐圭敤"></el-input-number> + </div> + </template> + </el-table-column> + <el-table-column width="280" label="鎿嶄綔" align="center"> + <template v-slot="{row}"> + <el-row> + <el-tooltip class="item" effect="dark" content="鍒犻櫎" placement="top"> + <el-button type="danger" size="mini" icon="el-icon-delete" circle @click="deleteParttime('properties', row)"></el-button> + </el-tooltip> + </el-row> + </template> + </el-table-column> + </el-table> + </div> </div> <el-divider></el-divider> </div> @@ -1054,27 +1329,6 @@ </el-row> <el-row> - <el-col :span="4" class="z_grid-content3"> - <el-form-item label="鏄惁鍏艰亴缂栬緫" label-width="120px" - > - <el-checkbox @change="parttimeChange('analyse')" v-model="form_['analyse'].parttime"></el-checkbox> - </el-form-item> - </el-col> - - <el-col :span="18" class="z_grid-content3"> - <el-form-item label="鍏艰亴缂栬緫鎴愬憳" label-width="120px"> - <el-select multiple :disabled="!form_['analyse'].parttime" size="mini" v-model="form_['analyse'].parttimeUser" style="width: 100%;"> - <el-option - v-for="item in options_parttimeUser" - :key="item.id" - :label="item.name" - :value="item.id" - ></el-option> - </el-select> - </el-form-item> - </el-col> - </el-row> - <el-row> <el-col :span="17" class="z_grid-content1"> <el-form-item label="澶囨敞璇存槑"> <el-input type="textarea" v-model="form_['analyse'].remark" style="width: 100%;"></el-input> @@ -1092,7 +1346,67 @@ </el-form-item> </el-col> </el-row> + <el-row> + <el-col :span="4" class="z_grid-content3"> + <el-form-item label="鏄惁鍏艰亴缂栬緫" label-width="120px" + > + <el-checkbox @change="parttimeChange('analyse')" v-model="form_['analyse'].parttime"></el-checkbox> + </el-form-item> + </el-col> + + <!-- <el-col :span="18" class="z_grid-content3"> + <el-form-item label="鍏艰亴缂栬緫鎴愬憳" label-width="120px"> + <el-select multiple :disabled="!form_['analyse'].parttime" size="mini" v-model="form_['analyse'].parttimeUser" style="width: 100%;"> + <el-option + v-for="item in options_parttimeUser" + :key="item.id" + :label="item.name" + :value="item.id" + ></el-option> + </el-select> + </el-form-item> + </el-col> --> + </el-row> </el-form> + <div v-if="form_['analyse'].parttime" style="text-align: left;"> + <el-button :disabled="!form_['analyse'].parttime" size="small" @click="addParttime('analyse')">鏂板鍏艰亴浜哄憳</el-button> + <el-table + :data="form_['analyse'].parttimeList" + :show-header="true" + style="width: 100%;" + > + <el-table-column prop="parttimeUser" label="濮撳悕" width="300" align="left" show-overflow-tooltip> + <template slot-scope="scope"> + <div> + <el-select disabled size="mini" v-model="scope.row.parttimeUser" style="width: 100%;"> + <el-option + v-for="item in options_parttimeUser" + :key="item.id" + :label="item.name" + :value="item.id" + ></el-option> + </el-select> + </div> + </template> + </el-table-column> + <el-table-column prop="parttimePay" label="璐圭敤" width="200" align="center"> + <template slot-scope="scope"> + <div> + <el-input-number size="small" v-model="scope.row.parttimePay" :min="1" label="鏀粯璐圭敤"></el-input-number> + </div> + </template> + </el-table-column> + <el-table-column width="280" label="鎿嶄綔" align="center"> + <template v-slot="{row}"> + <el-row> + <el-tooltip class="item" effect="dark" content="鍒犻櫎" placement="top"> + <el-button type="danger" size="mini" icon="el-icon-delete" circle @click="deleteParttime('analyse', row)"></el-button> + </el-tooltip> + </el-row> + </template> + </el-table-column> + </el-table> + </div> </div> <el-divider></el-divider> </div> @@ -1165,28 +1479,6 @@ </el-row> <el-row> - <el-col :span="4" class="z_grid-content3"> - <el-form-item label="鏄惁鍏艰亴缂栬緫" label-width="120px" - > - <el-checkbox @change="parttimeChange('arrange')" v-model="form_['arrange'].parttime"></el-checkbox> - </el-form-item> - </el-col> - - <el-col :span="18" class="z_grid-content3"> - <el-form-item label="鍏艰亴缂栬緫鎴愬憳" label-width="120px"> - <el-select multiple :disabled="!form_['arrange'].parttime" size="mini" v-model="form_['arrange'].parttimeUser" style="width: 100%;"> - <el-option - v-for="item in options_parttimeUser" - :key="item.id" - :label="item.name" - :value="item.id" - ></el-option> - </el-select> - </el-form-item> - </el-col> - </el-row> - - <el-row> <el-col :span="17" class="z_grid-content1"> <el-form-item label="澶囨敞璇存槑"> <el-input type="textarea" v-model="form_['arrange'].remark" style="width: 100%;"></el-input> @@ -1204,7 +1496,68 @@ </el-form-item> </el-col> </el-row> + + <el-row> + <el-col :span="4" class="z_grid-content3"> + <el-form-item label="鏄惁鍏艰亴缂栬緫" label-width="120px" + > + <el-checkbox @change="parttimeChange('arrange')" v-model="form_['arrange'].parttime"></el-checkbox> + </el-form-item> + </el-col> + + <!-- <el-col :span="18" class="z_grid-content3"> + <el-form-item label="鍏艰亴缂栬緫鎴愬憳" label-width="120px"> + <el-select multiple :disabled="!form_['arrange'].parttime" size="mini" v-model="form_['arrange'].parttimeUser" style="width: 100%;"> + <el-option + v-for="item in options_parttimeUser" + :key="item.id" + :label="item.name" + :value="item.id" + ></el-option> + </el-select> + </el-form-item> + </el-col> --> + </el-row> </el-form> + <div v-if="form_['arrange'].parttime" style="text-align: left;"> + <el-button :disabled="!form_['arrange'].parttime" size="small" @click="addParttime('arrange')">鏂板鍏艰亴浜哄憳</el-button> + <el-table + :data="form_['arrange'].parttimeList" + :show-header="true" + style="width: 100%;" + > + <el-table-column prop="parttimeUser" label="濮撳悕" width="300" align="left" show-overflow-tooltip> + <template slot-scope="scope"> + <div> + <el-select disabled size="mini" v-model="scope.row.parttimeUser" style="width: 100%;"> + <el-option + v-for="item in options_parttimeUser" + :key="item.id" + :label="item.name" + :value="item.id" + ></el-option> + </el-select> + </div> + </template> + </el-table-column> + <el-table-column prop="parttimePay" label="璐圭敤" width="200" align="center"> + <template slot-scope="scope"> + <div> + <el-input-number size="small" v-model="scope.row.parttimePay" :min="1" label="鏀粯璐圭敤"></el-input-number> + </div> + </template> + </el-table-column> + <el-table-column width="280" label="鎿嶄綔" align="center"> + <template v-slot="{row}"> + <el-row> + <el-tooltip class="item" effect="dark" content="鍒犻櫎" placement="top"> + <el-button type="danger" size="mini" icon="el-icon-delete" circle @click="deleteParttime('arrange', row)"></el-button> + </el-tooltip> + </el-row> + </template> + </el-table-column> + </el-table> + </div> </div> <el-divider></el-divider> </div> @@ -1277,28 +1630,6 @@ </el-row> <el-row> - <el-col :span="4" class="z_grid-content3"> - <el-form-item label="鏄惁鍏艰亴缂栬緫" label-width="120px" - > - <el-checkbox @change="parttimeChange('meta')" v-model="form_['meta'].parttime"></el-checkbox> - </el-form-item> - </el-col> - - <el-col :span="18" class="z_grid-content3"> - <el-form-item label="鍏艰亴缂栬緫鎴愬憳" label-width="120px"> - <el-select multiple :disabled="!form_['meta'].parttime" size="mini" v-model="form_['meta'].parttimeUser" style="width: 100%;"> - <el-option - v-for="item in options_parttimeUser" - :key="item.id" - :label="item.name" - :value="item.id" - ></el-option> - </el-select> - </el-form-item> - </el-col> - </el-row> - - <el-row> <el-col :span="17" class="z_grid-content1"> <el-form-item label="澶囨敞璇存槑"> <el-input type="textarea" v-model="form_['meta'].remark" style="width: 100%;"></el-input> @@ -1316,7 +1647,68 @@ </el-form-item> </el-col> </el-row> + + <el-row> + <el-col :span="4" class="z_grid-content3"> + <el-form-item label="鏄惁鍏艰亴缂栬緫" label-width="120px" + > + <el-checkbox @change="parttimeChange('meta')" v-model="form_['meta'].parttime"></el-checkbox> + </el-form-item> + </el-col> + + <!-- <el-col :span="18" class="z_grid-content3"> + <el-form-item label="鍏艰亴缂栬緫鎴愬憳" label-width="120px"> + <el-select multiple :disabled="!form_['meta'].parttime" size="mini" v-model="form_['meta'].parttimeUser" style="width: 100%;"> + <el-option + v-for="item in options_parttimeUser" + :key="item.id" + :label="item.name" + :value="item.id" + ></el-option> + </el-select> + </el-form-item> + </el-col> --> + </el-row> </el-form> + <div v-if="form_['meta'].parttime" style="text-align: left;"> + <el-button :disabled="!form_['meta'].parttime" size="small" @click="addParttime('meta')">鏂板鍏艰亴浜哄憳</el-button> + <el-table + :data="form_['meta'].parttimeList" + :show-header="true" + style="width: 100%;" + > + <el-table-column prop="parttimeUser" label="濮撳悕" width="300" align="left" show-overflow-tooltip> + <template slot-scope="scope"> + <div> + <el-select disabled size="mini" v-model="scope.row.parttimeUser" style="width: 100%;"> + <el-option + v-for="item in options_parttimeUser" + :key="item.id" + :label="item.name" + :value="item.id" + ></el-option> + </el-select> + </div> + </template> + </el-table-column> + <el-table-column prop="parttimePay" label="璐圭敤" width="200" align="center"> + <template slot-scope="scope"> + <div> + <el-input-number size="small" v-model="scope.row.parttimePay" :min="1" label="鏀粯璐圭敤"></el-input-number> + </div> + </template> + </el-table-column> + <el-table-column width="280" label="鎿嶄綔" align="center"> + <template v-slot="{row}"> + <el-row> + <el-tooltip class="item" effect="dark" content="鍒犻櫎" placement="top"> + <el-button type="danger" size="mini" icon="el-icon-delete" circle @click="deleteParttime('meta', row)"></el-button> + </el-tooltip> + </el-row> + </template> + </el-table-column> + </el-table> + </div> </div> <el-divider></el-divider> </div> @@ -1389,28 +1781,6 @@ </el-row> <el-row> - <el-col :span="4" class="z_grid-content3"> - <el-form-item label="鏄惁鍏艰亴缂栬緫" label-width="120px" - > - <el-checkbox @change="parttimeChange('grade')" v-model="form_['grade'].parttime"></el-checkbox> - </el-form-item> - </el-col> - - <el-col :span="18" class="z_grid-content3"> - <el-form-item label="鍏艰亴缂栬緫鎴愬憳" label-width="120px"> - <el-select multiple :disabled="!form_['grade'].parttime" size="mini" v-model="form_['grade'].parttimeUser" style="width: 100%;"> - <el-option - v-for="item in options_parttimeUser" - :key="item.id" - :label="item.name" - :value="item.id" - ></el-option> - </el-select> - </el-form-item> - </el-col> - </el-row> - - <el-row> <el-col :span="17" class="z_grid-content1"> <el-form-item label="澶囨敞璇存槑"> <el-input type="textarea" v-model="form_['grade'].remark" style="width: 100%;"></el-input> @@ -1428,7 +1798,68 @@ </el-form-item> </el-col> </el-row> + + <el-row> + <el-col :span="4" class="z_grid-content3"> + <el-form-item label="鏄惁鍏艰亴缂栬緫" label-width="120px" + > + <el-checkbox @change="parttimeChange('grade')" v-model="form_['grade'].parttime"></el-checkbox> + </el-form-item> + </el-col> + + <!-- <el-col :span="18" class="z_grid-content3"> + <el-form-item label="鍏艰亴缂栬緫鎴愬憳" label-width="120px"> + <el-select multiple :disabled="!form_['grade'].parttime" size="mini" v-model="form_['grade'].parttimeUser" style="width: 100%;"> + <el-option + v-for="item in options_parttimeUser" + :key="item.id" + :label="item.name" + :value="item.id" + ></el-option> + </el-select> + </el-form-item> + </el-col> --> + </el-row> </el-form> + <div v-if="form_['grade'].parttime" style="text-align: left;"> + <el-button :disabled="!form_['grade'].parttime" size="small" @click="addParttime('grade')">鏂板鍏艰亴浜哄憳</el-button> + <el-table + :data="form_['grade'].parttimeList" + :show-header="true" + style="width: 100%;" + > + <el-table-column prop="parttimeUser" label="濮撳悕" width="300" align="left" show-overflow-tooltip> + <template slot-scope="scope"> + <div> + <el-select disabled size="mini" v-model="scope.row.parttimeUser" style="width: 100%;"> + <el-option + v-for="item in options_parttimeUser" + :key="item.id" + :label="item.name" + :value="item.id" + ></el-option> + </el-select> + </div> + </template> + </el-table-column> + <el-table-column prop="parttimePay" label="璐圭敤" width="200" align="center"> + <template slot-scope="scope"> + <div> + <el-input-number size="small" v-model="scope.row.parttimePay" :min="1" label="鏀粯璐圭敤"></el-input-number> + </div> + </template> + </el-table-column> + <el-table-column width="280" label="鎿嶄綔" align="center"> + <template v-slot="{row}"> + <el-row> + <el-tooltip class="item" effect="dark" content="鍒犻櫎" placement="top"> + <el-button type="danger" size="mini" icon="el-icon-delete" circle @click="deleteParttime('grade', row)"></el-button> + </el-tooltip> + </el-row> + </template> + </el-table-column> + </el-table> + </div> </div> <el-divider></el-divider> </div> @@ -1501,28 +1932,6 @@ </el-row> <el-row> - <el-col :span="4" class="z_grid-content3"> - <el-form-item label="鏄惁鍏艰亴缂栬緫" label-width="120px" - > - <el-checkbox @change="parttimeChange('tsa')" v-model="form_['tsa'].parttime"></el-checkbox> - </el-form-item> - </el-col> - - <el-col :span="18" class="z_grid-content3"> - <el-form-item label="鍏艰亴缂栬緫鎴愬憳" label-width="120px"> - <el-select multiple :disabled="!form_['tsa'].parttime" size="mini" v-model="form_['tsa'].parttimeUser" style="width: 100%;"> - <el-option - v-for="item in options_parttimeUser" - :key="item.id" - :label="item.name" - :value="item.id" - ></el-option> - </el-select> - </el-form-item> - </el-col> - </el-row> - - <el-row> <el-col :span="17" class="z_grid-content1"> <el-form-item label="澶囨敞璇存槑"> <el-input type="textarea" v-model="form_['tsa'].remark" style="width: 100%;"></el-input> @@ -1540,7 +1949,69 @@ </el-form-item> </el-col> </el-row> + + <el-row> + <el-col :span="4" class="z_grid-content3"> + <el-form-item label="鏄惁鍏艰亴缂栬緫" label-width="120px" + > + <el-checkbox @change="parttimeChange('tsa')" v-model="form_['tsa'].parttime"></el-checkbox> + </el-form-item> + </el-col> + + <!-- <el-col :span="18" class="z_grid-content3"> + <el-form-item label="鍏艰亴缂栬緫鎴愬憳" label-width="120px"> + <el-select multiple :disabled="!form_['tsa'].parttime" size="mini" v-model="form_['tsa'].parttimeUser" style="width: 100%;"> + <el-option + v-for="item in options_parttimeUser" + :key="item.id" + :label="item.name" + :value="item.id" + ></el-option> + </el-select> + </el-form-item> + </el-col> --> + </el-row> </el-form> + + <div v-if="form_['tsa'].parttime" style="text-align: left;"> + <el-button :disabled="!form_['tsa'].parttime" size="small" @click="addParttime('tsa')">鏂板鍏艰亴浜哄憳</el-button> + <el-table + :data="form_['tsa'].parttimeList" + :show-header="true" + style="width: 100%;" + > + <el-table-column prop="parttimeUser" label="濮撳悕" width="300" align="left" show-overflow-tooltip> + <template slot-scope="scope"> + <div> + <el-select disabled size="mini" v-model="scope.row.parttimeUser" style="width: 100%;"> + <el-option + v-for="item in options_parttimeUser" + :key="item.id" + :label="item.name" + :value="item.id" + ></el-option> + </el-select> + </div> + </template> + </el-table-column> + <el-table-column prop="parttimePay" label="璐圭敤" width="200" align="center"> + <template slot-scope="scope"> + <div> + <el-input-number size="small" v-model="scope.row.parttimePay" :min="1" label="鏀粯璐圭敤"></el-input-number> + </div> + </template> + </el-table-column> + <el-table-column width="280" label="鎿嶄綔" align="center"> + <template v-slot="{row}"> + <el-row> + <el-tooltip class="item" effect="dark" content="鍒犻櫎" placement="top"> + <el-button type="danger" size="mini" icon="el-icon-delete" circle @click="deleteParttime('tsa', row)"></el-button> + </el-tooltip> + </el-row> + </template> + </el-table-column> + </el-table> + </div> </div> <el-divider></el-divider> </div> @@ -1613,28 +2084,6 @@ </el-row> <el-row> - <el-col :span="4" class="z_grid-content3"> - <el-form-item label="鏄惁鍏艰亴缂栬緫" label-width="120px" - > - <el-checkbox @change="parttimeChange('compose')" v-model="form_['compose'].parttime"></el-checkbox> - </el-form-item> - </el-col> - - <el-col :span="18" class="z_grid-content3"> - <el-form-item label="鍏艰亴缂栬緫鎴愬憳" label-width="120px"> - <el-select multiple :disabled="!form_['compose'].parttime" size="mini" v-model="form_['compose'].parttimeUser" style="width: 100%;"> - <el-option - v-for="item in options_parttimeUser" - :key="item.id" - :label="item.name" - :value="item.id" - ></el-option> - </el-select> - </el-form-item> - </el-col> - </el-row> - - <el-row> <el-col :span="17" class="z_grid-content1"> <el-form-item label="澶囨敞璇存槑"> <el-input type="textarea" v-model="form_['compose'].remark" style="width: 100%;"></el-input> @@ -1652,7 +2101,68 @@ </el-form-item> </el-col> </el-row> + + <el-row> + <el-col :span="4" class="z_grid-content3"> + <el-form-item label="鏄惁鍏艰亴缂栬緫" label-width="120px" + > + <el-checkbox @change="parttimeChange('compose')" v-model="form_['compose'].parttime"></el-checkbox> + </el-form-item> + </el-col> + + <!-- <el-col :span="18" class="z_grid-content3"> + <el-form-item label="鍏艰亴缂栬緫鎴愬憳" label-width="120px"> + <el-select multiple :disabled="!form_['compose'].parttime" size="mini" v-model="form_['compose'].parttimeUser" style="width: 100%;"> + <el-option + v-for="item in options_parttimeUser" + :key="item.id" + :label="item.name" + :value="item.id" + ></el-option> + </el-select> + </el-form-item> + </el-col> --> + </el-row> </el-form> + <div v-if="form_['compose'].parttime" style="text-align: left;"> + <el-button :disabled="!form_['compose'].parttime" size="small" @click="addParttime('compose')">鏂板鍏艰亴浜哄憳</el-button> + <el-table + :data="form_['compose'].parttimeList" + :show-header="true" + style="width: 100%;" + > + <el-table-column prop="parttimeUser" label="濮撳悕" width="300" align="left" show-overflow-tooltip> + <template slot-scope="scope"> + <div> + <el-select disabled size="mini" v-model="scope.row.parttimeUser" style="width: 100%;"> + <el-option + v-for="item in options_parttimeUser" + :key="item.id" + :label="item.name" + :value="item.id" + ></el-option> + </el-select> + </div> + </template> + </el-table-column> + <el-table-column prop="parttimePay" label="璐圭敤" width="200" align="center"> + <template slot-scope="scope"> + <div> + <el-input-number size="small" v-model="scope.row.parttimePay" :min="1" label="鏀粯璐圭敤"></el-input-number> + </div> + </template> + </el-table-column> + <el-table-column width="280" label="鎿嶄綔" align="center"> + <template v-slot="{row}"> + <el-row> + <el-tooltip class="item" effect="dark" content="鍒犻櫎" placement="top"> + <el-button type="danger" size="mini" icon="el-icon-delete" circle @click="deleteParttime('compose', row)"></el-button> + </el-tooltip> + </el-row> + </template> + </el-table-column> + </el-table> + </div> </div> <el-divider></el-divider> </div> @@ -1725,28 +2235,6 @@ </el-row> <el-row> - <el-col :span="4" class="z_grid-content3"> - <el-form-item label="鏄惁鍏艰亴缂栬緫" label-width="120px" - > - <el-checkbox @change="parttimeChange('translate')" v-model="form_['translate'].parttime"></el-checkbox> - </el-form-item> - </el-col> - - <el-col :span="18" class="z_grid-content3"> - <el-form-item label="鍏艰亴缂栬緫鎴愬憳" label-width="120px"> - <el-select multiple :disabled="!form_['translate'].parttime" size="mini" v-model="form_['translate'].parttimeUser" style="width: 100%;"> - <el-option - v-for="item in options_parttimeUser" - :key="item.id" - :label="item.name" - :value="item.id" - ></el-option> - </el-select> - </el-form-item> - </el-col> - </el-row> - - <el-row> <el-col :span="17" class="z_grid-content1"> <el-form-item label="澶囨敞璇存槑"> <el-input type="textarea" v-model="form_['translate'].remark" style="width: 100%;"></el-input> @@ -1764,7 +2252,68 @@ </el-form-item> </el-col> </el-row> + + <el-row> + <el-col :span="4" class="z_grid-content3"> + <el-form-item label="鏄惁鍏艰亴缂栬緫" label-width="120px" + > + <el-checkbox @change="parttimeChange('translate')" v-model="form_['translate'].parttime"></el-checkbox> + </el-form-item> + </el-col> + + <!-- <el-col :span="18" class="z_grid-content3"> + <el-form-item label="鍏艰亴缂栬緫鎴愬憳" label-width="120px"> + <el-select multiple :disabled="!form_['translate'].parttime" size="mini" v-model="form_['translate'].parttimeUser" style="width: 100%;"> + <el-option + v-for="item in options_parttimeUser" + :key="item.id" + :label="item.name" + :value="item.id" + ></el-option> + </el-select> + </el-form-item> + </el-col> --> + </el-row> </el-form> + <div v-if="form_['translate'].parttime" style="text-align: left;"> + <el-button :disabled="!form_['translate'].parttime" size="small" @click="addParttime('translate')">鏂板鍏艰亴浜哄憳</el-button> + <el-table + :data="form_['translate'].parttimeList" + :show-header="true" + style="width: 100%;" + > + <el-table-column prop="parttimeUser" label="濮撳悕" width="300" align="left" show-overflow-tooltip> + <template slot-scope="scope"> + <div> + <el-select disabled size="mini" v-model="scope.row.parttimeUser" style="width: 100%;"> + <el-option + v-for="item in options_parttimeUser" + :key="item.id" + :label="item.name" + :value="item.id" + ></el-option> + </el-select> + </div> + </template> + </el-table-column> + <el-table-column prop="parttimePay" label="璐圭敤" width="200" align="center"> + <template slot-scope="scope"> + <div> + <el-input-number size="small" v-model="scope.row.parttimePay" :min="1" label="鏀粯璐圭敤"></el-input-number> + </div> + </template> + </el-table-column> + <el-table-column width="280" label="鎿嶄綔" align="center"> + <template v-slot="{row}"> + <el-row> + <el-tooltip class="item" effect="dark" content="鍒犻櫎" placement="top"> + <el-button type="danger" size="mini" icon="el-icon-delete" circle @click="deleteParttime('translate', row)"></el-button> + </el-tooltip> + </el-row> + </template> + </el-table-column> + </el-table> + </div> </div> <el-divider></el-divider> </div> @@ -1837,28 +2386,6 @@ </el-row> <el-row> - <el-col :span="4" class="z_grid-content3"> - <el-form-item label="鏄惁鍏艰亴缂栬緫" label-width="120px" - > - <el-checkbox @change="parttimeChange('evaluation')" v-model="form_['evaluation'].parttime"></el-checkbox> - </el-form-item> - </el-col> - - <el-col :span="18" class="z_grid-content3"> - <el-form-item label="鍏艰亴缂栬緫鎴愬憳" label-width="120px"> - <el-select multiple :disabled="!form_['evaluation'].parttime" size="mini" v-model="form_['evaluation'].parttimeUser" style="width: 100%;"> - <el-option - v-for="item in options_parttimeUser" - :key="item.id" - :label="item.name" - :value="item.id" - ></el-option> - </el-select> - </el-form-item> - </el-col> - </el-row> - - <el-row> <el-col :span="17" class="z_grid-content1"> <el-form-item label="澶囨敞璇存槑"> <el-input type="textarea" v-model="form_['evaluation'].remark" style="width: 100%;"></el-input> @@ -1876,7 +2403,69 @@ </el-form-item> </el-col> </el-row> + + <el-row> + <el-col :span="4" class="z_grid-content3"> + <el-form-item label="鏄惁鍏艰亴缂栬緫" label-width="120px" + > + <el-checkbox @change="parttimeChange('evaluation')" v-model="form_['evaluation'].parttime"></el-checkbox> + </el-form-item> + </el-col> + + <!-- <el-col :span="18" class="z_grid-content3"> + <el-form-item label="鍏艰亴缂栬緫鎴愬憳" label-width="120px"> + <el-select multiple :disabled="!form_['evaluation'].parttime" size="mini" v-model="form_['evaluation'].parttimeUser" style="width: 100%;"> + <el-option + v-for="item in options_parttimeUser" + :key="item.id" + :label="item.name" + :value="item.id" + ></el-option> + </el-select> + </el-form-item> + </el-col> --> + </el-row> </el-form> + + <div v-if="form_['evaluation'].parttime" style="text-align: left;"> + <el-button :disabled="!form_['evaluation'].parttime" size="small" @click="addParttime('evaluation')">鏂板鍏艰亴浜哄憳</el-button> + <el-table + :data="form_['evaluation'].parttimeList" + :show-header="true" + style="width: 100%;" + > + <el-table-column prop="parttimeUser" label="濮撳悕" width="300" align="left" show-overflow-tooltip> + <template slot-scope="scope"> + <div> + <el-select disabled size="mini" v-model="scope.row.parttimeUser" style="width: 100%;"> + <el-option + v-for="item in options_parttimeUser" + :key="item.id" + :label="item.name" + :value="item.id" + ></el-option> + </el-select> + </div> + </template> + </el-table-column> + <el-table-column prop="parttimePay" label="璐圭敤" width="200" align="center"> + <template slot-scope="scope"> + <div> + <el-input-number size="small" v-model="scope.row.parttimePay" :min="1" label="鏀粯璐圭敤"></el-input-number> + </div> + </template> + </el-table-column> + <el-table-column width="280" label="鎿嶄綔" align="center"> + <template v-slot="{row}"> + <el-row> + <el-tooltip class="item" effect="dark" content="鍒犻櫎" placement="top"> + <el-button type="danger" size="mini" icon="el-icon-delete" circle @click="deleteParttime('evaluation', row)"></el-button> + </el-tooltip> + </el-row> + </template> + </el-table-column> + </el-table> + </div> </div> <el-divider></el-divider> </div> @@ -1949,28 +2538,6 @@ </el-row> <el-row> - <el-col :span="4" class="z_grid-content3"> - <el-form-item label="鏄惁鍏艰亴缂栬緫" label-width="120px" - > - <el-checkbox @change="parttimeChange('recommend')" v-model="form_['recommend'].parttime"></el-checkbox> - </el-form-item> - </el-col> - - <el-col :span="18" class="z_grid-content3"> - <el-form-item label="鍏艰亴缂栬緫鎴愬憳" label-width="120px"> - <el-select multiple :disabled="!form_['recommend'].parttime" size="mini" v-model="form_['recommend'].parttimeUser" style="width: 100%;"> - <el-option - v-for="item in options_parttimeUser" - :key="item.id" - :label="item.name" - :value="item.id" - ></el-option> - </el-select> - </el-form-item> - </el-col> - </el-row> - - <el-row> <el-col :span="17" class="z_grid-content1"> <el-form-item label="澶囨敞璇存槑"> <el-input type="textarea" v-model="form_['recommend'].remark" style="width: 100%;"></el-input> @@ -1988,7 +2555,68 @@ </el-form-item> </el-col> </el-row> + + <el-row> + <el-col :span="4" class="z_grid-content3"> + <el-form-item label="鏄惁鍏艰亴缂栬緫" label-width="120px" + > + <el-checkbox @change="parttimeChange('recommend')" v-model="form_['recommend'].parttime"></el-checkbox> + </el-form-item> + </el-col> + + <!-- <el-col :span="18" class="z_grid-content3"> + <el-form-item label="鍏艰亴缂栬緫鎴愬憳" label-width="120px"> + <el-select multiple :disabled="!form_['recommend'].parttime" size="mini" v-model="form_['recommend'].parttimeUser" style="width: 100%;"> + <el-option + v-for="item in options_parttimeUser" + :key="item.id" + :label="item.name" + :value="item.id" + ></el-option> + </el-select> + </el-form-item> + </el-col> --> + </el-row> </el-form> + <div v-if="form_['recommend'].parttime" style="text-align: left;"> + <el-button :disabled="!form_['recommend'].parttime" size="small" @click="addParttime('recommend')">鏂板鍏艰亴浜哄憳</el-button> + <el-table + :data="form_['recommend'].parttimeList" + :show-header="true" + style="width: 100%;" + > + <el-table-column prop="parttimeUser" label="濮撳悕" width="300" align="left" show-overflow-tooltip> + <template slot-scope="scope"> + <div> + <el-select disabled size="mini" v-model="scope.row.parttimeUser" style="width: 100%;"> + <el-option + v-for="item in options_parttimeUser" + :key="item.id" + :label="item.name" + :value="item.id" + ></el-option> + </el-select> + </div> + </template> + </el-table-column> + <el-table-column prop="parttimePay" label="璐圭敤" width="200" align="center"> + <template slot-scope="scope"> + <div> + <el-input-number size="small" v-model="scope.row.parttimePay" :min="1" label="鏀粯璐圭敤"></el-input-number> + </div> + </template> + </el-table-column> + <el-table-column width="280" label="鎿嶄綔" align="center"> + <template v-slot="{row}"> + <el-row> + <el-tooltip class="item" effect="dark" content="鍒犻櫎" placement="top"> + <el-button type="danger" size="mini" icon="el-icon-delete" circle @click="deleteParttime('recommend', row)"></el-button> + </el-tooltip> + </el-row> + </template> + </el-table-column> + </el-table> + </div> </div> <el-divider></el-divider> </div> @@ -2061,28 +2689,6 @@ </el-row> <el-row> - <el-col :span="4" class="z_grid-content3"> - <el-form-item label="鏄惁鍏艰亴缂栬緫" label-width="120px" - > - <el-checkbox @change="parttimeChange('format')" v-model="form_['format'].parttime"></el-checkbox> - </el-form-item> - </el-col> - - <el-col :span="18" class="z_grid-content3"> - <el-form-item label="鍏艰亴缂栬緫鎴愬憳" label-width="120px"> - <el-select multiple :disabled="!form_['format'].parttime" size="mini" v-model="form_['format'].parttimeUser" style="width: 100%;"> - <el-option - v-for="item in options_parttimeUser" - :key="item.id" - :label="item.name" - :value="item.id" - ></el-option> - </el-select> - </el-form-item> - </el-col> - </el-row> - - <el-row> <el-col :span="17" class="z_grid-content1"> <el-form-item label="澶囨敞璇存槑"> <el-input type="textarea" v-model="form_['format'].remark" style="width: 100%;"></el-input> @@ -2100,7 +2706,68 @@ </el-form-item> </el-col> </el-row> + + <el-row> + <el-col :span="4" class="z_grid-content3"> + <el-form-item label="鏄惁鍏艰亴缂栬緫" label-width="120px" + > + <el-checkbox @change="parttimeChange('format')" v-model="form_['format'].parttime"></el-checkbox> + </el-form-item> + </el-col> + + <!-- <el-col :span="18" class="z_grid-content3"> + <el-form-item label="鍏艰亴缂栬緫鎴愬憳" label-width="120px"> + <el-select multiple :disabled="!form_['format'].parttime" size="mini" v-model="form_['format'].parttimeUser" style="width: 100%;"> + <el-option + v-for="item in options_parttimeUser" + :key="item.id" + :label="item.name" + :value="item.id" + ></el-option> + </el-select> + </el-form-item> + </el-col> --> + </el-row> </el-form> + <div v-if="form_['format'].parttime" style="text-align: left;"> + <el-button :disabled="!form_['format'].parttime" size="small" @click="addParttime('format')">鏂板鍏艰亴浜哄憳</el-button> + <el-table + :data="form_['format'].parttimeList" + :show-header="true" + style="width: 100%;" + > + <el-table-column prop="parttimeUser" label="濮撳悕" width="300" align="left" show-overflow-tooltip> + <template slot-scope="scope"> + <div> + <el-select disabled size="mini" v-model="scope.row.parttimeUser" style="width: 100%;"> + <el-option + v-for="item in options_parttimeUser" + :key="item.id" + :label="item.name" + :value="item.id" + ></el-option> + </el-select> + </div> + </template> + </el-table-column> + <el-table-column prop="parttimePay" label="璐圭敤" width="200" align="center"> + <template slot-scope="scope"> + <div> + <el-input-number size="small" v-model="scope.row.parttimePay" :min="1" label="鏀粯璐圭敤"></el-input-number> + </div> + </template> + </el-table-column> + <el-table-column width="280" label="鎿嶄綔" align="center"> + <template v-slot="{row}"> + <el-row> + <el-tooltip class="item" effect="dark" content="鍒犻櫎" placement="top"> + <el-button type="danger" size="mini" icon="el-icon-delete" circle @click="deleteParttime('format', row)"></el-button> + </el-tooltip> + </el-row> + </template> + </el-table-column> + </el-table> + </div> </div> <el-divider></el-divider> </div> @@ -2173,28 +2840,6 @@ </el-row> <el-row> - <el-col :span="4" class="z_grid-content3"> - <el-form-item label="鏄惁鍏艰亴缂栬緫" label-width="120px" - > - <el-checkbox @change="parttimeChange('Contribute')" v-model="form_['Contribute'].parttime"></el-checkbox> - </el-form-item> - </el-col> - - <el-col :span="18" class="z_grid-content3"> - <el-form-item label="鍏艰亴缂栬緫鎴愬憳" label-width="120px"> - <el-select multiple :disabled="!form_['Contribute'].parttime" size="mini" v-model="form_['Contribute'].parttimeUser" style="width: 100%;"> - <el-option - v-for="item in options_parttimeUser" - :key="item.id" - :label="item.name" - :value="item.id" - ></el-option> - </el-select> - </el-form-item> - </el-col> - </el-row> - - <el-row> <el-col :span="17" class="z_grid-content1"> <el-form-item label="澶囨敞璇存槑"> <el-input type="textarea" v-model="form_['Contribute'].remark" style="width: 100%;"></el-input> @@ -2212,12 +2857,100 @@ </el-form-item> </el-col> </el-row> + <el-row> + <el-col :span="4" class="z_grid-content3"> + <el-form-item label="鏄惁鍏艰亴缂栬緫" label-width="120px" + > + <el-checkbox @change="parttimeChange('Contribute')" v-model="form_['Contribute'].parttime"></el-checkbox> + </el-form-item> + </el-col> + + <!-- <el-col :span="18" class="z_grid-content3"> + <el-form-item label="鍏艰亴缂栬緫鎴愬憳" label-width="120px"> + <el-select multiple :disabled="!form_['Contribute'].parttime" size="mini" v-model="form_['Contribute'].parttimeUser" style="width: 100%;"> + <el-option + v-for="item in options_parttimeUser" + :key="item.id" + :label="item.name" + :value="item.id" + ></el-option> + </el-select> + </el-form-item> + </el-col> --> + </el-row> </el-form> + <div v-if="form_['Contribute'].parttime" style="text-align: left;"> + <el-button :disabled="!form_['Contribute'].parttime" size="small" @click="addParttime('Contribute')">鏂板鍏艰亴浜哄憳</el-button> + <el-table + :data="form_['Contribute'].parttimeList" + :show-header="true" + style="width: 100%;" + > + <el-table-column prop="parttimeUser" label="濮撳悕" width="300" align="left" show-overflow-tooltip> + <template slot-scope="scope"> + <div> + <el-select disabled size="mini" v-model="scope.row.parttimeUser" style="width: 100%;"> + <el-option + v-for="item in options_parttimeUser" + :key="item.id" + :label="item.name" + :value="item.id" + ></el-option> + </el-select> + </div> + </template> + </el-table-column> + <el-table-column prop="parttimePay" label="璐圭敤" width="200" align="center"> + <template slot-scope="scope"> + <div> + <el-input-number size="small" v-model="scope.row.parttimePay" :min="1" label="鏀粯璐圭敤"></el-input-number> + </div> + </template> + </el-table-column> + <el-table-column width="280" label="鎿嶄綔" align="center"> + <template v-slot="{row}"> + <el-row> + <el-tooltip class="item" effect="dark" content="鍒犻櫎" placement="top"> + <el-button type="danger" size="mini" icon="el-icon-delete" circle @click="deleteParttime('Contribute', row)"></el-button> + </el-tooltip> + </el-row> + </template> + </el-table-column> + </el-table> + </div> </div> <el-divider></el-divider> </div> </transition> </div> + + <el-dialog custom-class="z_master_dialog" v-if="dialog_2_2" title="鏂板鍏艰亴鎴愬憳" :visible.sync="dialog_2_2" append-to-body width="400px"> + <el-form ref="formParttime" :model="formInline" class="demo-form-inline" label-position="left" label-width="90px"> + <el-form-item label="鎴愬憳閫夋嫨" prop="parttimeUser" + :rules="{required: true, message: '璇烽�夋嫨鎴愬憳', trigger: ['change', 'blur']}" + > + <el-select size="small" v-model="formInline.parttimeUser" style="width: 100%;"> + <el-option + v-for="item in options_parttimeU_list" + :key="item.id" + :label="item.name" + :value="item.id" + :disabled="item.disabled" + ></el-option> + </el-select> + </el-form-item> + + <el-form-item label="鏀粯璐圭敤" prop="parttimePay" + :rules="{required: true, message: '璇峰~鍐欒垂鐢�', trigger: ['change', 'blur']}" + > + <el-input-number size="small" v-model="formInline.parttimePay" :min="1" label="鏀粯璐圭敤" style="width: 100%;"></el-input-number> + </el-form-item> + </el-form> + <div slot="footer" class="dialog-footer" style="text-align: right;"> + <el-button type="" size="small" @click="dialog_2_2 = false">鍙� 娑�</el-button> + <el-button type="primary" size="small" @click="saveparttime">淇� 瀛�</el-button> + </div> + </el-dialog> </div> </template> @@ -2799,7 +3532,33 @@ }, loading_tree: true, - + + dialog_2_2: false, + formInline: {}, + parttimeList_: { + 'title': [], + 'scheme': [], + 'search': [], + 'select': [], + 'get': [], + 'find': [], + 'properties': [], + 'risk': [], + 'target': [], + 'analyse': [], + 'arrange': [], + 'meta': [], + 'grade': [], + 'tsa': [], + 'compose': [], + 'translate': [], + 'evaluation': [], + 'recommend': [], + 'format': [], + 'Contribute': [] + }, + ParttimeType: "", + showData: {}, finish: false, hideData: { @@ -3025,6 +3784,7 @@ }, options_parttimeUser: [], + options_parttimeU_list: [], options_users: [ { value: "user1", @@ -3220,8 +3980,50 @@ if (!this.form_[code].parttime ) { this.form_[code].parttimeUser = []; } - } + }, + addParttime(code) { + let me = this; + this.ParttimeType = code; + this.formInline = {}; + let parttimeListObj_ = {}; + if (this.form_[code].parttimeList.length>0) { + this.form_[code].parttimeList.map(e => { + parttimeListObj_[e.parttimeUser] = true; + }) + } + + this.options_parttimeU_list = []; + let parttimeUserList = this.options_parttimeUser; + parttimeUserList.forEach(e => { + let o_ = {...e}; + if (parttimeListObj_[o_.id]) { + o_.disabled = true; + } + me.options_parttimeU_list.push(o_); + }) + + this.dialog_2_2 = true; + }, + saveparttime() { + let is_null1 = true; + this.$refs.formParttime.validate((valid) => { + if (!valid) { + is_null1 = false; + } + }); + + if (is_null1) { + this.form_[this.ParttimeType].parttimeList.push({...this.formInline}); + this.dialog_2_2 = false; + } + + }, + + deleteParttime(code, row) { + const index = this.form_[code].parttimeList.findIndex(d => d.parttimeUser === row.parttimeUser); + this.form_[code].parttimeList.splice(index, 1); + }, } }; -- Gitblit v1.8.0