From 801770456ae3750a44e0989b0025a98ccbad24e6 Mon Sep 17 00:00:00 2001 From: bob <bob.zhang@highdatas.com> Date: 星期四, 13 八月 2020 17:13:53 +0800 Subject: [PATCH] 最新 --- src/components/popup/portion/substepReadOnly.vue | 1670 ++++++++++++++++++++++++++++++++++++++++++++++++++--------- 1 files changed, 1,407 insertions(+), 263 deletions(-) diff --git a/src/components/popup/portion/substepReadOnly.vue b/src/components/popup/portion/substepReadOnly.vue index 1c65e80..d678259 100644 --- a/src/components/popup/portion/substepReadOnly.vue +++ b/src/components/popup/portion/substepReadOnly.vue @@ -1,12 +1,15 @@ <template> - <div class="class_substep"> - <div style="width: 79%; height: 100%; overflow: auto; padding-top: 0px; box-sizing: border-box;"> + <div class="class_substep" > + <div style="width: 79%;text-align: center; margin: 0 10px;"> + <h2 style="margin: 10px;">椤圭洰鎬婚噾棰�:<span style="font-weight: bold;">{{money}}</span></h2> + </div> + <div class="class_form_z1" style="width: 79%; height: 88%; overflow: auto; padding-top: 0px; box-sizing: border-box;"> <transition name="el-zoom-in-top"> <div v-show="showData['title']" class="transition-box" style="text-align: center; margin: 0 10px;"> <h3 style="margin: 10px;">绔嬮鏈嶅姟</h3> <div> <el-form disabled :show-message="false" :model="form_['title']" ref="form_1" label-position='right' label-width="100px" class="demo-form-inline"> - <el-row> + <!-- <el-row> <el-col :span="22" class="z_grid-content3"> <el-form-item label="棰樼洰绫诲瀷" prop="titleType" :rules="[{required: true, message: '璇烽�夋嫨', trigger: ['blur', 'change']}]" @@ -23,19 +26,64 @@ </el-select> </el-form-item> </el-col> - </el-row> - <el-row v-if="form_['title'].titleType"> - <el-col :span="22" class="z_grid-content2"> + </el-row> --> + <!-- <el-row v-if="form_['title'].titleType"> + <el-col :span="22" class="z_grid-content1"> <el-form-item label="鎻忚堪" prop="titleType" :rules="[{required: true, message: '璇疯緭鍏�', trigger: ['blur', 'change']}]" > <el-input type="textarea" v-model="form_['title'].titleInput" :placeholder="titleInput_" style="width: 100%;"></el-input> </el-form-item> </el-col> + </el-row> --> + <el-form-item label="浜虹兢" + prop="population" + :rules="[{required: true, message: '璇疯緭鍏ヤ汉缇�', trigger: ['blur', 'change']}]" + > + <el-input type="textarea" v-model="form_['title'].population" ></el-input> + </el-form-item> + <el-form-item label="骞查鎴栧洜绱�" + prop="exposure" + :rules="[{required: true, message: '璇疯緭鍏ュ共棰勬垨鍥犵礌', trigger: ['blur', 'change']}]" + > + <el-input type="textarea" v-model="form_['title'].exposure" ></el-input> + </el-form-item> + <el-form-item label="瀵圭収" + prop="comparator" + :rules="[{required: true, message: '璇疯緭鍏ュ鐓�', trigger: ['blur', 'change']}]" + > + <el-input type="textarea" v-model="form_['title'].comparator" ></el-input> + </el-form-item> + <el-form-item label="鐮旂┒绫诲瀷" + prop="titleType" + :rules="[{required: true, message: '璇烽�夋嫨鐮旂┒绫诲瀷', trigger: ['blur', 'change']}]" + > + <el-select size="small" v-model="form_['title'].titleType" style="width: 100%;"> + <el-option label="浜屾鐮旂┒" value="浜屾鐮旂┒"></el-option> + <el-option label="涓�娆$爺绌�" value="涓�娆$爺绌�"></el-option> + </el-select> + </el-form-item> + <el-row> + <el-col :span="10"> + <el-form-item label="缁撳眬"> + <el-select multiple size="small" v-model="form_['title'].outcomes_array" style="width: 100%;"> + <el-option label="鏈夋晥鎬�" value="鏈夋晥鎬�"></el-option> + <el-option label="瀹夊叏鎬�" value="瀹夊叏鎬�"></el-option> + <el-option label="缁忔祹鎬�" value="缁忔祹鎬�"></el-option> + <el-option label="鍏跺畠" value="鍏跺畠"></el-option> + </el-select> + </el-form-item> + </el-col> + <el-col :span="14"> + <el-form-item v-if="form_['title'].outcomes && form_['title'].outcomes.indexOf('鍏跺畠') != -1" label="缁撳眬琛ュ厖"> + <el-input type="textarea" v-model="form_['title'].outcomesOther" style="width: 100%;"></el-input> + </el-form-item> + </el-col> </el-row> + <el-row> <el-col :span="6" class="z_grid-content3"> - <el-form-item label="閲戦" prop="budget" + <el-form-item label="鍚堝悓閲戦" prop="budget" :rules="[{required: true, message: '璇疯緭鍏ラ噾棰�', trigger: ['blur', 'change']}]" > <el-input type="number" size="mini" v-model="form_['title'].budget" placeholder="璇疯緭鍏ラ噾棰�" style="width: 100%;"></el-input> @@ -43,14 +91,14 @@ </el-col> <el-col :span="11" class="z_grid-content3"> - <el-form-item label="璐熻矗浜�" prop="userId" + <el-form-item label="璐熻矗浜�" prop="userIds" :rules="{required: true, message: '璇烽�夋嫨璐熻矗浜�', trigger: ['change', 'blur']}" > <el-cascader style="width: 100%;" size="mini" - v-model="form_['title'].userId" + v-model="form_['title'].userIds" :options="options_users" :props="{ expandTrigger: 'hover' }" placeholder="璇烽�夋嫨璐熻矗浜�" @@ -82,7 +130,70 @@ </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> + </el-form-item> + </el-col> + <el-col :span="5" class="z_grid-content3"> + <el-form-item label="璇█" prop="language" label-width="80px" + :rules="[{required: true, message: '璇烽�夋嫨', trigger: ['blur', 'change']}]" + > + <el-select size="mini" v-model="form_['title'].language" placeholder="閫夋嫨璇█" style="width: 100%;"> + <el-option label="涓枃" value="Cn"></el-option> + <el-option label="鑻辨枃" value="En"></el-option> + <el-option label="涓嫳鏂�" value="CnEn"></el-option> + </el-select> + </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-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="璐圭敤" align="center"> + </el-table-column> + </el-table> + </div> </div> <el-divider></el-divider> </div> @@ -94,20 +205,20 @@ <el-form disabled :show-message="false" :model="form_['scheme']" ref="form_1" label-position='right' label-width="100px" class="demo-form-inline"> <el-row> <el-col :span="6" class="z_grid-content3"> - <el-form-item label="閲戦" prop="budget" + <el-form-item label="鍚堝悓閲戦" prop="budget" :rules="[{required: true, message: '璇疯緭鍏ラ噾棰�', trigger: ['blur', 'change']}]" > <el-input type="number" size="mini" v-model="form_['scheme'].budget" placeholder="璇疯緭鍏ラ噾棰�" style="width: 100%;"></el-input> </el-form-item> </el-col> <el-col :span="11" class="z_grid-content3"> - <el-form-item label="璐熻矗浜�" prop="userId" + <el-form-item label="璐熻矗浜�" prop="userIds" :rules="{required: true, message: '璇烽�夋嫨璐熻矗浜�', trigger: ['change', 'blur']}" > <el-cascader size="mini" style="width: 100%;" - v-model="form_['scheme'].userId" + v-model="form_['scheme'].userIds" :options="options_users" :props="{ expandTrigger: 'hover' }" placeholder="璇烽�夋嫨璐熻矗浜�" @@ -139,7 +250,70 @@ </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> + </el-form-item> + </el-col> + <el-col :span="5" class="z_grid-content3"> + <el-form-item label="璇█" prop="language" label-width="80px" + :rules="[{required: true, message: '璇烽�夋嫨', trigger: ['blur', 'change']}]" + > + <el-select size="mini" v-model="form_['scheme'].language" placeholder="閫夋嫨璇█" style="width: 100%;"> + <el-option label="涓枃" value="Cn"></el-option> + <el-option label="鑻辨枃" value="En"></el-option> + <el-option label="涓嫳鏂�" value="CnEn"></el-option> + </el-select> + </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-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="璐圭敤" align="center"> + </el-table-column> + </el-table> + </div> </div> <el-divider></el-divider> </div> @@ -151,14 +325,14 @@ <el-form disabled :show-message="false" :model="form_['search']" ref="form_1" label-position='right' label-width="100px" class="demo-form-inline"> <el-row> <el-col :span="6" class="z_grid-content3"> - <el-form-item label="閲戦" prop="budget" + <el-form-item label="鍚堝悓閲戦" prop="budget" :rules="[{required: true, message: '璇疯緭鍏ラ噾棰�', trigger: ['blur', 'change']}]" > <el-input type="number" size="mini" v-model="form_['search'].budget" placeholder="璇疯緭鍏ラ噾棰�" style="width: 100%;"></el-input> </el-form-item> </el-col> <el-col :span="11" class="z_grid-content3"> - <el-form-item label="璐熻矗浜�" prop="userId" + <el-form-item label="璐熻矗浜�" prop="userIds" :rules="{required: true, message: '璇烽�夋嫨璐熻矗浜�', trigger: ['change', 'blur']}" > <el-cascader @@ -166,7 +340,7 @@ :options="options_users" :props="{ expandTrigger: 'hover' }" size="mini" - v-model="form_['search'].userId" + v-model="form_['search'].userIds" placeholder="璇烽�夋嫨璐熻矗浜�" > </el-cascader> @@ -196,7 +370,70 @@ </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> + </el-form-item> + </el-col> + <el-col :span="5" class="z_grid-content3"> + <el-form-item label="璇█" prop="language" label-width="80px" + :rules="[{required: true, message: '璇烽�夋嫨', trigger: ['blur', 'change']}]" + > + <el-select size="mini" v-model="form_['search'].language" placeholder="閫夋嫨璇█" style="width: 100%;"> + <el-option label="涓枃" value="Cn"></el-option> + <el-option label="鑻辨枃" value="En"></el-option> + <el-option label="涓嫳鏂�" value="CnEn"></el-option> + </el-select> + </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-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="璐圭敤" align="center"> + </el-table-column> + </el-table> + </div> </div> <el-divider></el-divider> </div> @@ -208,14 +445,14 @@ <el-form disabled :show-message="false" :model="form_['select']" ref="form_1" label-position='right' label-width="100px" class="demo-form-inline"> <el-row> <el-col :span="6" class="z_grid-content3"> - <el-form-item label="閲戦" prop="budget" + <el-form-item label="鍚堝悓閲戦" prop="budget" :rules="[{required: true, message: '璇疯緭鍏ラ噾棰�', trigger: ['blur', 'change']}]" > <el-input type="number" size="mini" v-model="form_['select'].budget" placeholder="璇疯緭鍏ラ噾棰�" style="width: 100%;"></el-input> </el-form-item> </el-col> <el-col :span="11" class="z_grid-content3"> - <el-form-item label="璐熻矗浜�" prop="userId" + <el-form-item label="璐熻矗浜�" prop="userIds" :rules="{required: true, message: '璇烽�夋嫨璐熻矗浜�', trigger: ['change', 'blur']}" > <el-cascader @@ -223,7 +460,7 @@ :options="options_users" :props="{ expandTrigger: 'hover' }" size="mini" - v-model="form_['select'].userId" + v-model="form_['select'].userIds" placeholder="璇烽�夋嫨璐熻矗浜�" > </el-cascader> @@ -253,7 +490,70 @@ </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> + </el-form-item> + </el-col> + <el-col :span="5" class="z_grid-content3"> + <el-form-item label="璇█" prop="language" label-width="80px" + :rules="[{required: true, message: '璇烽�夋嫨', trigger: ['blur', 'change']}]" + > + <el-select size="mini" v-model="form_['select'].language" placeholder="閫夋嫨璇█" style="width: 100%;"> + <el-option label="涓枃" value="Cn"></el-option> + <el-option label="鑻辨枃" value="En"></el-option> + <el-option label="涓嫳鏂�" value="CnEn"></el-option> + </el-select> + </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-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="璐圭敤" align="center"> + </el-table-column> + </el-table> + </div> </div> <el-divider></el-divider> </div> @@ -265,14 +565,14 @@ <el-form disabled :show-message="false" :model="form_['get']" ref="form_1" label-position='right' label-width="100px" class="demo-form-inline"> <el-row> <el-col :span="6" class="z_grid-content3"> - <el-form-item label="閲戦" prop="budget" + <el-form-item label="鍚堝悓閲戦" prop="budget" :rules="[{required: true, message: '璇疯緭鍏ラ噾棰�', trigger: ['blur', 'change']}]" > <el-input type="number" size="mini" v-model="form_['get'].budget" placeholder="璇疯緭鍏ラ噾棰�" style="width: 100%;"></el-input> </el-form-item> </el-col> <el-col :span="11" class="z_grid-content3"> - <el-form-item label="璐熻矗浜�" prop="userId" + <el-form-item label="璐熻矗浜�" prop="userIds" :rules="{required: true, message: '璇烽�夋嫨璐熻矗浜�', trigger: ['change', 'blur']}" > <el-cascader @@ -280,7 +580,7 @@ :options="options_users" :props="{ expandTrigger: 'hover' }" size="mini" - v-model="form_['get'].userId" + v-model="form_['get'].userIds" placeholder="璇烽�夋嫨璐熻矗浜�" > </el-cascader> @@ -310,7 +610,70 @@ </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> + </el-form-item> + </el-col> + <el-col :span="5" class="z_grid-content3"> + <el-form-item label="璇█" prop="language" label-width="80px" + :rules="[{required: true, message: '璇烽�夋嫨', trigger: ['blur', 'change']}]" + > + <el-select size="mini" v-model="form_['get'].language" placeholder="閫夋嫨璇█" style="width: 100%;"> + <el-option label="涓枃" value="Cn"></el-option> + <el-option label="鑻辨枃" value="En"></el-option> + <el-option label="涓嫳鏂�" value="CnEn"></el-option> + </el-select> + </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-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="璐圭敤" align="center"> + </el-table-column> + </el-table> + </div> </div> <el-divider></el-divider> </div> @@ -322,14 +685,14 @@ <el-form disabled :show-message="false" :model="form_['find']" ref="form_1" label-position='right' label-width="100px" class="demo-form-inline"> <el-row> <el-col :span="6" class="z_grid-content3"> - <el-form-item label="閲戦" prop="budget" + <el-form-item label="鍚堝悓閲戦" prop="budget" :rules="[{required: true, message: '璇疯緭鍏ラ噾棰�', trigger: ['blur', 'change']}]" > <el-input type="number" size="mini" v-model="form_['find'].budget" placeholder="璇疯緭鍏ラ噾棰�" style="width: 100%;"></el-input> </el-form-item> </el-col> <el-col :span="11" class="z_grid-content3"> - <el-form-item label="璐熻矗浜�" prop="userId" + <el-form-item label="璐熻矗浜�" prop="userIds" :rules="{required: true, message: '璇烽�夋嫨璐熻矗浜�', trigger: ['change', 'blur']}" > <el-cascader @@ -337,7 +700,7 @@ :options="options_users" :props="{ expandTrigger: 'hover' }" size="mini" - v-model="form_['find'].userId" + v-model="form_['find'].userIds" placeholder="璇烽�夋嫨璐熻矗浜�" > </el-cascader> @@ -367,7 +730,70 @@ </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> + </el-form-item> + </el-col> + <el-col :span="5" class="z_grid-content3"> + <el-form-item label="璇█" prop="language" label-width="80px" + :rules="[{required: true, message: '璇烽�夋嫨', trigger: ['blur', 'change']}]" + > + <el-select size="mini" v-model="form_['find'].language" placeholder="閫夋嫨璇█" style="width: 100%;"> + <el-option label="涓枃" value="Cn"></el-option> + <el-option label="鑻辨枃" value="En"></el-option> + <el-option label="涓嫳鏂�" value="CnEn"></el-option> + </el-select> + </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-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="璐圭敤" align="center"> + </el-table-column> + </el-table> + </div> </div> <el-divider></el-divider> </div> @@ -379,14 +805,14 @@ <el-form disabled :show-message="false" :model="form_['properties']" ref="form_1" label-position='right' label-width="100px" class="demo-form-inline"> <el-row> <el-col :span="6" class="z_grid-content3"> - <el-form-item label="閲戦" prop="budget" + <el-form-item label="鍚堝悓閲戦" prop="budget" :rules="[{required: true, message: '璇疯緭鍏ラ噾棰�', trigger: ['blur', 'change']}]" > <el-input type="number" size="mini" v-model="form_['properties'].budget" placeholder="璇疯緭鍏ラ噾棰�" style="width: 100%;"></el-input> </el-form-item> </el-col> <el-col :span="11" class="z_grid-content3"> - <el-form-item label="璐熻矗浜�" prop="userId" + <el-form-item label="璐熻矗浜�" prop="userIds" :rules="{required: true, message: '璇烽�夋嫨璐熻矗浜�', trigger: ['change', 'blur']}" > <el-cascader @@ -394,7 +820,7 @@ :options="options_users" :props="{ expandTrigger: 'hover' }" size="mini" - v-model="form_['properties'].userId" + v-model="form_['properties'].userIds" placeholder="璇烽�夋嫨璐熻矗浜�" > </el-cascader> @@ -424,26 +850,89 @@ </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> + </el-form-item> + </el-col> + <el-col :span="5" class="z_grid-content3"> + <el-form-item label="璇█" prop="language" label-width="80px" + :rules="[{required: true, message: '璇烽�夋嫨', trigger: ['blur', 'change']}]" + > + <el-select size="mini" v-model="form_['properties'].language" placeholder="閫夋嫨璇█" style="width: 100%;"> + <el-option label="涓枃" value="Cn"></el-option> + <el-option label="鑻辨枃" value="En"></el-option> + <el-option label="涓嫳鏂�" value="CnEn"></el-option> + </el-select> + </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-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="璐圭敤" align="center"> + </el-table-column> + </el-table> + </div> </div> <el-divider></el-divider> </div> </transition> - <transition name="el-zoom-in-top"> + <!-- <transition name="el-zoom-in-top"> <div v-show="showData['risk']" class="transition-box" style="text-align: center; margin: 0 10px;"> <h3 style="margin: 10px;">椋庨櫓鍋忓�氫俊鎭�</h3> <div style="z-index: 1"> <el-form disabled :show-message="false" :model="form_['risk']" ref="form_1" label-position='right' label-width="100px" class="demo-form-inline"> <el-row> <el-col :span="6" class="z_grid-content3"> - <el-form-item label="閲戦" prop="budget" + <el-form-item label="鍚堝悓閲戦" prop="budget" :rules="[{required: true, message: '璇疯緭鍏ラ噾棰�', trigger: ['blur', 'change']}]" > <el-input type="number" size="mini" v-model="form_['risk'].budget" placeholder="璇疯緭鍏ラ噾棰�" style="width: 100%;"></el-input> </el-form-item> </el-col> <el-col :span="11" class="z_grid-content3"> - <el-form-item label="璐熻矗浜�" prop="userId" + <el-form-item label="璐熻矗浜�" prop="userIds" :rules="{required: true, message: '璇烽�夋嫨璐熻矗浜�', trigger: ['change', 'blur']}" > <el-cascader @@ -451,7 +940,7 @@ :options="options_users" :props="{ expandTrigger: 'hover' }" size="mini" - v-model="form_['risk'].userId" + v-model="form_['risk'].userIds" placeholder="璇烽�夋嫨璐熻矗浜�" > </el-cascader> @@ -485,22 +974,22 @@ </div> <el-divider></el-divider> </div> - </transition> - <transition name="el-zoom-in-top"> + </transition> --> + <!-- <transition name="el-zoom-in-top"> <div v-show="showData['target']" class="transition-box" style="text-align: center; margin: 0 10px;"> <h3 style="margin: 10px;">缁撳眬鎸囨爣鏁版嵁</h3> <div style="z-index: 1"> <el-form disabled :show-message="false" :model="form_['target']" ref="form_1" label-position='right' label-width="100px" class="demo-form-inline"> <el-row> <el-col :span="6" class="z_grid-content3"> - <el-form-item label="閲戦" prop="budget" + <el-form-item label="鍚堝悓閲戦" prop="budget" :rules="[{required: true, message: '璇疯緭鍏ラ噾棰�', trigger: ['blur', 'change']}]" > <el-input type="number" size="mini" v-model="form_['target'].budget" placeholder="璇疯緭鍏ラ噾棰�" style="width: 100%;"></el-input> </el-form-item> </el-col> <el-col :span="11" class="z_grid-content3"> - <el-form-item label="璐熻矗浜�" prop="userId" + <el-form-item label="璐熻矗浜�" prop="userIds" :rules="{required: true, message: '璇烽�夋嫨璐熻矗浜�', trigger: ['change', 'blur']}" > <el-cascader @@ -508,7 +997,7 @@ :options="options_users" :props="{ expandTrigger: 'hover' }" size="mini" - v-model="form_['target'].userId" + v-model="form_['target'].userIds" placeholder="璇烽�夋嫨璐熻矗浜�" > </el-cascader> @@ -542,22 +1031,22 @@ </div> <el-divider></el-divider> </div> - </transition> + </transition> --> <transition name="el-zoom-in-top"> - <div v-show="showData['propertiesArrangement']" class="transition-box" style="text-align: center; margin: 0 10px;"> - <h3 style="margin: 10px;">瀹氭�т俊鎭暣鐞嗘�荤粨</h3> + <div v-show="showData['analyse']" class="transition-box" style="text-align: center; margin: 0 10px;"> + <h3 style="margin: 10px;">鏁版嵁鍒嗘瀽</h3> <div style="z-index: 1"> - <el-form disabled :show-message="false" :model="form_['propertiesArrangement']" ref="form_1" label-position='right' label-width="100px" class="demo-form-inline"> + <el-form disabled :show-message="false" :model="form_['analyse']" ref="form_1" label-position='right' label-width="100px" class="demo-form-inline"> <el-row> <el-col :span="6" class="z_grid-content3"> - <el-form-item label="閲戦" prop="budget" + <el-form-item label="鍚堝悓閲戦" prop="budget" :rules="[{required: true, message: '璇疯緭鍏ラ噾棰�', trigger: ['blur', 'change']}]" > - <el-input type="number" size="mini" v-model="form_['propertiesArrangement'].budget" placeholder="璇疯緭鍏ラ噾棰�" style="width: 100%;"></el-input> + <el-input type="number" size="mini" v-model="form_['analyse'].budget" placeholder="璇疯緭鍏ラ噾棰�" style="width: 100%;"></el-input> </el-form-item> </el-col> <el-col :span="11" class="z_grid-content3"> - <el-form-item label="璐熻矗浜�" prop="userId" + <el-form-item label="璐熻矗浜�" prop="userIds" :rules="{required: true, message: '璇烽�夋嫨璐熻矗浜�', trigger: ['change', 'blur']}" > <el-cascader @@ -565,7 +1054,7 @@ :options="options_users" :props="{ expandTrigger: 'hover' }" size="mini" - v-model="form_['propertiesArrangement'].userId" + v-model="form_['analyse'].userIds" placeholder="璇烽�夋嫨璐熻矗浜�" > </el-cascader> @@ -575,7 +1064,7 @@ <el-form-item label="浜や粯鐗�" prop="mustAttach" :rules="[{required: true, message: '璇烽�夋嫨', trigger: ['blur', 'change']}]" > - <el-switch v-model="form_['propertiesArrangement'].mustAttach"></el-switch> + <el-switch v-model="form_['analyse'].mustAttach"></el-switch> </el-form-item> </el-col> </el-row> @@ -584,37 +1073,100 @@ <el-form-item label="寮�濮嬫棩鏈�" prop="startTime" :rules="{required: true, message: '璇烽�夋嫨', trigger: ['change', 'blur']}" > - <el-date-picker type="date" size="mini" placeholder="閫夋嫨寮�濮嬫棩鏈�" v-model="form_['propertiesArrangement'].startTime" style="width: 100%;"></el-date-picker> + <el-date-picker type="date" size="mini" placeholder="閫夋嫨寮�濮嬫棩鏈�" v-model="form_['analyse'].startTime" style="width: 100%;"></el-date-picker> </el-form-item> </el-col> <el-col :span="11" class="z_grid-content3"> <el-form-item label="缁撴潫鏃ユ湡" prop="endTime" :rules="{required: true, message: '璇烽�夋嫨', trigger: ['change', 'blur']}" > - <el-date-picker type="date" size="mini" placeholder="閫夋嫨缁撴潫鏃ユ湡" v-model="form_['propertiesArrangement'].endTime" style="width: 100%;"></el-date-picker> + <el-date-picker type="date" size="mini" placeholder="閫夋嫨缁撴潫鏃ユ湡" v-model="form_['analyse'].endTime" style="width: 100%;"></el-date-picker> </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> + </el-form-item> + </el-col> + <el-col :span="5" class="z_grid-content3"> + <el-form-item label="璇█" prop="language" label-width="80px" + :rules="[{required: true, message: '璇烽�夋嫨', trigger: ['blur', 'change']}]" + > + <el-select size="mini" v-model="form_['analyse'].language" placeholder="閫夋嫨璇█" style="width: 100%;"> + <el-option label="涓枃" value="Cn"></el-option> + <el-option label="鑻辨枃" value="En"></el-option> + <el-option label="涓嫳鏂�" value="CnEn"></el-option> + </el-select> + </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-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="璐圭敤" align="center"> + </el-table-column> + </el-table> + </div> </div> <el-divider></el-divider> </div> </transition> <transition name="el-zoom-in-top"> - <div v-show="showData['riskChart']" class="transition-box" style="text-align: center; margin: 0 10px;"> - <h3 style="margin: 10px;">椋庨櫓鍋忓�氬浘琛ㄥ埗浣�</h3> + <div v-show="showData['arrange']" class="transition-box" style="text-align: center; margin: 0 10px;"> + <h3 style="margin: 10px;">鏁版嵁鏁寸悊涓庡綍鍏�</h3> <div style="z-index: 1"> - <el-form disabled :show-message="false" :model="form_['riskChart']" ref="form_1" label-position='right' label-width="100px" class="demo-form-inline"> + <el-form disabled :show-message="false" :model="form_['arrange']" ref="form_1" label-position='right' label-width="100px" class="demo-form-inline"> <el-row> <el-col :span="6" class="z_grid-content3"> - <el-form-item label="閲戦" prop="budget" + <el-form-item label="鍚堝悓閲戦" prop="budget" :rules="[{required: true, message: '璇疯緭鍏ラ噾棰�', trigger: ['blur', 'change']}]" > - <el-input type="number" size="mini" v-model="form_['riskChart'].budget" placeholder="璇疯緭鍏ラ噾棰�" style="width: 100%;"></el-input> + <el-input type="number" size="mini" v-model="form_['arrange'].budget" placeholder="璇疯緭鍏ラ噾棰�" style="width: 100%;"></el-input> </el-form-item> </el-col> <el-col :span="11" class="z_grid-content3"> - <el-form-item label="璐熻矗浜�" prop="userId" + <el-form-item label="璐熻矗浜�" prop="userIds" :rules="{required: true, message: '璇烽�夋嫨璐熻矗浜�', trigger: ['change', 'blur']}" > <el-cascader @@ -622,7 +1174,7 @@ :options="options_users" :props="{ expandTrigger: 'hover' }" size="mini" - v-model="form_['riskChart'].userId" + v-model="form_['arrange'].userIds" placeholder="璇烽�夋嫨璐熻矗浜�" > </el-cascader> @@ -632,7 +1184,7 @@ <el-form-item label="浜や粯鐗�" prop="mustAttach" :rules="[{required: true, message: '璇烽�夋嫨', trigger: ['blur', 'change']}]" > - <el-switch v-model="form_['riskChart'].mustAttach"></el-switch> + <el-switch v-model="form_['arrange'].mustAttach"></el-switch> </el-form-item> </el-col> </el-row> @@ -641,18 +1193,81 @@ <el-form-item label="寮�濮嬫棩鏈�" prop="startTime" :rules="{required: true, message: '璇烽�夋嫨', trigger: ['change', 'blur']}" > - <el-date-picker type="date" size="mini" placeholder="閫夋嫨寮�濮嬫棩鏈�" v-model="form_['riskChart'].startTime" style="width: 100%;"></el-date-picker> + <el-date-picker type="date" size="mini" placeholder="閫夋嫨寮�濮嬫棩鏈�" v-model="form_['arrange'].startTime" style="width: 100%;"></el-date-picker> </el-form-item> </el-col> <el-col :span="11" class="z_grid-content3"> <el-form-item label="缁撴潫鏃ユ湡" prop="endTime" :rules="{required: true, message: '璇烽�夋嫨', trigger: ['change', 'blur']}" > - <el-date-picker type="date" size="mini" placeholder="閫夋嫨缁撴潫鏃ユ湡" v-model="form_['riskChart'].endTime" style="width: 100%;"></el-date-picker> + <el-date-picker type="date" size="mini" placeholder="閫夋嫨缁撴潫鏃ユ湡" v-model="form_['arrange'].endTime" style="width: 100%;"></el-date-picker> </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> + </el-form-item> + </el-col> + <el-col :span="5" class="z_grid-content3"> + <el-form-item label="璇█" prop="language" label-width="80px" + :rules="[{required: true, message: '璇烽�夋嫨', trigger: ['blur', 'change']}]" + > + <el-select size="mini" v-model="form_['arrange'].language" placeholder="閫夋嫨璇█" style="width: 100%;"> + <el-option label="涓枃" value="Cn"></el-option> + <el-option label="鑻辨枃" value="En"></el-option> + <el-option label="涓嫳鏂�" value="CnEn"></el-option> + </el-select> + </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-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="璐圭敤" align="center"> + </el-table-column> + </el-table> + </div> </div> <el-divider></el-divider> </div> @@ -664,14 +1279,14 @@ <el-form disabled :show-message="false" :model="form_['meta']" ref="form_1" label-position='right' label-width="100px" class="demo-form-inline"> <el-row> <el-col :span="6" class="z_grid-content3"> - <el-form-item label="閲戦" prop="budget" + <el-form-item label="鍚堝悓閲戦" prop="budget" :rules="[{required: true, message: '璇疯緭鍏ラ噾棰�', trigger: ['blur', 'change']}]" > <el-input type="number" size="mini" v-model="form_['meta'].budget" placeholder="璇疯緭鍏ラ噾棰�" style="width: 100%;"></el-input> </el-form-item> </el-col> <el-col :span="11" class="z_grid-content3"> - <el-form-item label="璐熻矗浜�" prop="userId" + <el-form-item label="璐熻矗浜�" prop="userIds" :rules="{required: true, message: '璇烽�夋嫨璐熻矗浜�', trigger: ['change', 'blur']}" > <el-cascader @@ -679,7 +1294,7 @@ :options="options_users" :props="{ expandTrigger: 'hover' }" size="mini" - v-model="form_['meta'].userId" + v-model="form_['meta'].userIds" placeholder="璇烽�夋嫨璐熻矗浜�" > </el-cascader> @@ -709,7 +1324,70 @@ </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> + </el-form-item> + </el-col> + <el-col :span="5" class="z_grid-content3"> + <el-form-item label="璇█" prop="language" label-width="80px" + :rules="[{required: true, message: '璇烽�夋嫨', trigger: ['blur', 'change']}]" + > + <el-select size="mini" v-model="form_['meta'].language" placeholder="閫夋嫨璇█" style="width: 100%;"> + <el-option label="涓枃" value="Cn"></el-option> + <el-option label="鑻辨枃" value="En"></el-option> + <el-option label="涓嫳鏂�" value="CnEn"></el-option> + </el-select> + </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-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="璐圭敤" align="center"> + </el-table-column> + </el-table> + </div> </div> <el-divider></el-divider> </div> @@ -721,14 +1399,14 @@ <el-form disabled :show-message="false" :model="form_['grade']" ref="form_1" label-position='right' label-width="100px" class="demo-form-inline"> <el-row> <el-col :span="6" class="z_grid-content3"> - <el-form-item label="閲戦" prop="budget" + <el-form-item label="鍚堝悓閲戦" prop="budget" :rules="[{required: true, message: '璇疯緭鍏ラ噾棰�', trigger: ['blur', 'change']}]" > <el-input type="number" size="mini" v-model="form_['grade'].budget" placeholder="璇疯緭鍏ラ噾棰�" style="width: 100%;"></el-input> </el-form-item> </el-col> <el-col :span="11" class="z_grid-content3"> - <el-form-item label="璐熻矗浜�" prop="userId" + <el-form-item label="璐熻矗浜�" prop="userIds" :rules="{required: true, message: '璇烽�夋嫨璐熻矗浜�', trigger: ['change', 'blur']}" > <el-cascader @@ -736,7 +1414,7 @@ :options="options_users" :props="{ expandTrigger: 'hover' }" size="mini" - v-model="form_['grade'].userId" + v-model="form_['grade'].userIds" placeholder="璇烽�夋嫨璐熻矗浜�" > </el-cascader> @@ -766,11 +1444,75 @@ </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> + </el-form-item> + </el-col> + <el-col :span="5" class="z_grid-content3"> + <el-form-item label="璇█" prop="language" label-width="80px" + :rules="[{required: true, message: '璇烽�夋嫨', trigger: ['blur', 'change']}]" + > + <el-select size="mini" v-model="form_['grade'].language" placeholder="閫夋嫨璇█" style="width: 100%;"> + <el-option label="涓枃" value="Cn"></el-option> + <el-option label="鑻辨枃" value="En"></el-option> + <el-option label="涓嫳鏂�" value="CnEn"></el-option> + </el-select> + </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-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="璐圭敤" align="center"> + </el-table-column> + </el-table> + </div> </div> <el-divider></el-divider> </div> </transition> + + <transition name="el-zoom-in-top"> <div v-show="showData['tsa']" class="transition-box" style="text-align: center; margin: 0 10px;"> <h3 style="margin: 10px;">TSA 鍒嗘瀽</h3> @@ -778,14 +1520,14 @@ <el-form disabled :show-message="false" :model="form_['tsa']" ref="form_1" label-position='right' label-width="100px" class="demo-form-inline"> <el-row> <el-col :span="6" class="z_grid-content3"> - <el-form-item label="閲戦" prop="budget" + <el-form-item label="鍚堝悓閲戦" prop="budget" :rules="[{required: true, message: '璇疯緭鍏ラ噾棰�', trigger: ['blur', 'change']}]" > <el-input type="number" size="mini" v-model="form_['tsa'].budget" placeholder="璇疯緭鍏ラ噾棰�" style="width: 100%;"></el-input> </el-form-item> </el-col> <el-col :span="11" class="z_grid-content3"> - <el-form-item label="璐熻矗浜�" prop="userId" + <el-form-item label="璐熻矗浜�" prop="userIds" :rules="{required: true, message: '璇烽�夋嫨璐熻矗浜�', trigger: ['change', 'blur']}" > <el-cascader @@ -793,7 +1535,7 @@ :options="options_users" :props="{ expandTrigger: 'hover' }" size="mini" - v-model="form_['tsa'].userId" + v-model="form_['tsa'].userIds" placeholder="璇烽�夋嫨璐熻矗浜�" > </el-cascader> @@ -823,7 +1565,70 @@ </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> + </el-form-item> + </el-col> + <el-col :span="5" class="z_grid-content3"> + <el-form-item label="璇█" prop="language" label-width="80px" + :rules="[{required: true, message: '璇烽�夋嫨', trigger: ['blur', 'change']}]" + > + <el-select size="mini" v-model="form_['tsa'].language" placeholder="閫夋嫨璇█" style="width: 100%;"> + <el-option label="涓枃" value="Cn"></el-option> + <el-option label="鑻辨枃" value="En"></el-option> + <el-option label="涓嫳鏂�" value="CnEn"></el-option> + </el-select> + </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-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="璐圭敤" align="center"> + </el-table-column> + </el-table> + </div> </div> <el-divider></el-divider> </div> @@ -835,14 +1640,14 @@ <el-form disabled :show-message="false" :model="form_['compose']" ref="form_1" label-position='right' label-width="100px" class="demo-form-inline"> <el-row> <el-col :span="6" class="z_grid-content3"> - <el-form-item label="閲戦" prop="budget" + <el-form-item label="鍚堝悓閲戦" prop="budget" :rules="[{required: true, message: '璇疯緭鍏ラ噾棰�', trigger: ['blur', 'change']}]" > <el-input type="number" size="mini" v-model="form_['compose'].budget" placeholder="璇疯緭鍏ラ噾棰�" style="width: 100%;"></el-input> </el-form-item> </el-col> <el-col :span="11" class="z_grid-content3"> - <el-form-item label="璐熻矗浜�" prop="userId" + <el-form-item label="璐熻矗浜�" prop="userIds" :rules="{required: true, message: '璇烽�夋嫨璐熻矗浜�', trigger: ['change', 'blur']}" > <el-cascader @@ -850,7 +1655,7 @@ :options="options_users" :props="{ expandTrigger: 'hover' }" size="mini" - v-model="form_['compose'].userId" + v-model="form_['compose'].userIds" placeholder="璇烽�夋嫨璐熻矗浜�" > </el-cascader> @@ -880,7 +1685,70 @@ </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> + </el-form-item> + </el-col> + <el-col :span="5" class="z_grid-content3"> + <el-form-item label="璇█" prop="language" label-width="80px" + :rules="[{required: true, message: '璇烽�夋嫨', trigger: ['blur', 'change']}]" + > + <el-select size="mini" v-model="form_['compose'].language" placeholder="閫夋嫨璇█" style="width: 100%;"> + <el-option label="涓枃" value="Cn"></el-option> + <el-option label="鑻辨枃" value="En"></el-option> + <el-option label="涓嫳鏂�" value="CnEn"></el-option> + </el-select> + </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-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="璐圭敤" align="center"> + </el-table-column> + </el-table> + </div> </div> <el-divider></el-divider> </div> @@ -892,14 +1760,14 @@ <el-form disabled :show-message="false" :model="form_['translate']" ref="form_1" label-position='right' label-width="100px" class="demo-form-inline"> <el-row> <el-col :span="6" class="z_grid-content3"> - <el-form-item label="閲戦" prop="budget" + <el-form-item label="鍚堝悓閲戦" prop="budget" :rules="[{required: true, message: '璇疯緭鍏ラ噾棰�', trigger: ['blur', 'change']}]" > <el-input type="number" size="mini" v-model="form_['translate'].budget" placeholder="璇疯緭鍏ラ噾棰�" style="width: 100%;"></el-input> </el-form-item> </el-col> <el-col :span="11" class="z_grid-content3"> - <el-form-item label="璐熻矗浜�" prop="userId" + <el-form-item label="璐熻矗浜�" prop="userIds" :rules="{required: true, message: '璇烽�夋嫨璐熻矗浜�', trigger: ['change', 'blur']}" > <el-cascader @@ -907,7 +1775,7 @@ :options="options_users" :props="{ expandTrigger: 'hover' }" size="mini" - v-model="form_['translate'].userId" + v-model="form_['translate'].userIds" placeholder="璇烽�夋嫨璐熻矗浜�" > </el-cascader> @@ -937,7 +1805,70 @@ </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> + </el-form-item> + </el-col> + <el-col :span="5" class="z_grid-content3"> + <el-form-item label="璇█" prop="language" label-width="80px" + :rules="[{required: true, message: '璇烽�夋嫨', trigger: ['blur', 'change']}]" + > + <el-select size="mini" v-model="form_['translate'].language" placeholder="閫夋嫨璇█" style="width: 100%;"> + <el-option label="涓枃" value="Cn"></el-option> + <el-option label="鑻辨枃" value="En"></el-option> + <el-option label="涓嫳鏂�" value="CnEn"></el-option> + </el-select> + </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-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="璐圭敤" align="center"> + </el-table-column> + </el-table> + </div> </div> <el-divider></el-divider> </div> @@ -949,14 +1880,14 @@ <el-form disabled :show-message="false" :model="form_['evaluation']" ref="form_1" label-position='right' label-width="100px" class="demo-form-inline"> <el-row> <el-col :span="6" class="z_grid-content3"> - <el-form-item label="閲戦" prop="budget" + <el-form-item label="鍚堝悓閲戦" prop="budget" :rules="[{required: true, message: '璇疯緭鍏ラ噾棰�', trigger: ['blur', 'change']}]" > <el-input type="number" size="mini" v-model="form_['evaluation'].budget" placeholder="璇疯緭鍏ラ噾棰�" style="width: 100%;"></el-input> </el-form-item> </el-col> <el-col :span="11" class="z_grid-content3"> - <el-form-item label="璐熻矗浜�" prop="userId" + <el-form-item label="璐熻矗浜�" prop="userIds" :rules="{required: true, message: '璇烽�夋嫨璐熻矗浜�', trigger: ['change', 'blur']}" > <el-cascader @@ -964,7 +1895,7 @@ :options="options_users" :props="{ expandTrigger: 'hover' }" size="mini" - v-model="form_['evaluation'].userId" + v-model="form_['evaluation'].userIds" placeholder="璇烽�夋嫨璐熻矗浜�" > </el-cascader> @@ -994,7 +1925,70 @@ </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> + </el-form-item> + </el-col> + <el-col :span="5" class="z_grid-content3"> + <el-form-item label="璇█" prop="language" label-width="80px" + :rules="[{required: true, message: '璇烽�夋嫨', trigger: ['blur', 'change']}]" + > + <el-select size="mini" v-model="form_['evaluation'].language" placeholder="閫夋嫨璇█" style="width: 100%;"> + <el-option label="涓枃" value="Cn"></el-option> + <el-option label="鑻辨枃" value="En"></el-option> + <el-option label="涓嫳鏂�" value="CnEn"></el-option> + </el-select> + </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-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="璐圭敤" align="center"> + </el-table-column> + </el-table> + </div> </div> <el-divider></el-divider> </div> @@ -1006,14 +2000,14 @@ <el-form disabled :show-message="false" :model="form_['recommend']" ref="form_1" label-position='right' label-width="100px" class="demo-form-inline"> <el-row> <el-col :span="6" class="z_grid-content3"> - <el-form-item label="閲戦" prop="budget" + <el-form-item label="鍚堝悓閲戦" prop="budget" :rules="[{required: true, message: '璇疯緭鍏ラ噾棰�', trigger: ['blur', 'change']}]" > <el-input type="number" size="mini" v-model="form_['recommend'].budget" placeholder="璇疯緭鍏ラ噾棰�" style="width: 100%;"></el-input> </el-form-item> </el-col> <el-col :span="11" class="z_grid-content3"> - <el-form-item label="璐熻矗浜�" prop="userId" + <el-form-item label="璐熻矗浜�" prop="userIds" :rules="{required: true, message: '璇烽�夋嫨璐熻矗浜�', trigger: ['change', 'blur']}" > <el-cascader @@ -1021,7 +2015,7 @@ :options="options_users" :props="{ expandTrigger: 'hover' }" size="mini" - v-model="form_['recommend'].userId" + v-model="form_['recommend'].userIds" placeholder="璇烽�夋嫨璐熻矗浜�" > </el-cascader> @@ -1051,7 +2045,70 @@ </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> + </el-form-item> + </el-col> + <el-col :span="5" class="z_grid-content3"> + <el-form-item label="璇█" prop="language" label-width="80px" + :rules="[{required: true, message: '璇烽�夋嫨', trigger: ['blur', 'change']}]" + > + <el-select size="mini" v-model="form_['recommend'].language" placeholder="閫夋嫨璇█" style="width: 100%;"> + <el-option label="涓枃" value="Cn"></el-option> + <el-option label="鑻辨枃" value="En"></el-option> + <el-option label="涓嫳鏂�" value="CnEn"></el-option> + </el-select> + </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-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="璐圭敤" align="center"> + </el-table-column> + </el-table> + </div> </div> <el-divider></el-divider> </div> @@ -1063,14 +2120,14 @@ <el-form disabled :show-message="false" :model="form_['format']" ref="form_1" label-position='right' label-width="100px" class="demo-form-inline"> <el-row> <el-col :span="6" class="z_grid-content3"> - <el-form-item label="閲戦" prop="budget" + <el-form-item label="鍚堝悓閲戦" prop="budget" :rules="[{required: true, message: '璇疯緭鍏ラ噾棰�', trigger: ['blur', 'change']}]" > <el-input type="number" size="mini" v-model="form_['format'].budget" placeholder="璇疯緭鍏ラ噾棰�" style="width: 100%;"></el-input> </el-form-item> </el-col> <el-col :span="11" class="z_grid-content3"> - <el-form-item label="璐熻矗浜�" prop="userId" + <el-form-item label="璐熻矗浜�" prop="userIds" :rules="{required: true, message: '璇烽�夋嫨璐熻矗浜�', trigger: ['change', 'blur']}" > <el-cascader @@ -1078,7 +2135,7 @@ :options="options_users" :props="{ expandTrigger: 'hover' }" size="mini" - v-model="form_['format'].userId" + v-model="form_['format'].userIds" placeholder="璇烽�夋嫨璐熻矗浜�" > </el-cascader> @@ -1108,7 +2165,70 @@ </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> + </el-form-item> + </el-col> + <el-col :span="5" class="z_grid-content3"> + <el-form-item label="璇█" prop="language" label-width="80px" + :rules="[{required: true, message: '璇烽�夋嫨', trigger: ['blur', 'change']}]" + > + <el-select size="mini" v-model="form_['format'].language" placeholder="閫夋嫨璇█" style="width: 100%;"> + <el-option label="涓枃" value="Cn"></el-option> + <el-option label="鑻辨枃" value="En"></el-option> + <el-option label="涓嫳鏂�" value="CnEn"></el-option> + </el-select> + </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-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="璐圭敤" align="center"> + </el-table-column> + </el-table> + </div> </div> <el-divider></el-divider> </div> @@ -1120,14 +2240,14 @@ <el-form disabled :show-message="false" :model="form_['Contribute']" ref="form_1" label-position='right' label-width="100px" class="demo-form-inline"> <el-row> <el-col :span="6" class="z_grid-content3"> - <el-form-item label="閲戦" prop="budget" + <el-form-item label="鍚堝悓閲戦" prop="budget" :rules="[{required: true, message: '璇疯緭鍏ラ噾棰�', trigger: ['blur', 'change']}]" > <el-input type="number" size="mini" v-model="form_['Contribute'].budget" placeholder="璇疯緭鍏ラ噾棰�" style="width: 100%;"></el-input> </el-form-item> </el-col> <el-col :span="11" class="z_grid-content3"> - <el-form-item label="璐熻矗浜�" prop="userId" + <el-form-item label="璐熻矗浜�" prop="userIds" :rules="{required: true, message: '璇烽�夋嫨璐熻矗浜�', trigger: ['change', 'blur']}" > <el-cascader @@ -1135,7 +2255,7 @@ :options="options_users" :props="{ expandTrigger: 'hover' }" size="mini" - v-model="form_['Contribute'].userId" + v-model="form_['Contribute'].userIds" placeholder="璇烽�夋嫨璐熻矗浜�" > </el-cascader> @@ -1165,7 +2285,70 @@ </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> + </el-form-item> + </el-col> + <el-col :span="5" class="z_grid-content3"> + <el-form-item label="璇█" prop="language" label-width="80px" + :rules="[{required: true, message: '璇烽�夋嫨', trigger: ['blur', 'change']}]" + > + <el-select size="mini" v-model="form_['Contribute'].language" placeholder="閫夋嫨璇█" style="width: 100%;"> + <el-option label="涓枃" value="Cn"></el-option> + <el-option label="鑻辨枃" value="En"></el-option> + <el-option label="涓嫳鏂�" value="CnEn"></el-option> + </el-select> + </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-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="璐圭敤" align="center"> + </el-table-column> + </el-table> + </div> </div> <el-divider></el-divider> </div> @@ -1178,19 +2361,30 @@ <script> export default { props:{ - showData_: { + /* showData_: { type: Object, required: true }, form_objs: { type: Object, required: true + }, */ + + xmId: { + type: String, + required: true }, + /* totalItems: { + type: Array, + required: true + } */ }, data() { return { showData: {}, + money:0, hideData: { + 'title': false, 'scheme': false, 'search': false, @@ -1200,8 +2394,8 @@ 'properties': false, 'risk': false, 'target': false, - 'propertiesArrangement': false, - 'riskChart': false, + 'analyse': false, + 'arrange': false, 'meta': false, 'grade': false, 'tsa': false, @@ -1213,159 +2407,7 @@ 'Contribute': false, }, - data_: [ - { - id:"001", - title: "绔嬮涓庢柟妗堝紑鍙�", - parentId: "0", - checkArr: "0", - children:[ - { - id:"title", - title: "绔嬮鏈嶅姟", - parentId: "001", - checkArr: "0" - }, - { - id:"scheme", - title: "鏂规寮�鍙戞湇鍔�", - parentId: "001", - checkArr: "0" - } - ] - },{ - id:"002", - title: "鏂囩尞妫�绱笌绛涙煡", - parentId: "0", - checkArr: "0", - children:[ - { - id:"search", - title: "鏂囩尞妫�绱�", - parentId: "002", - checkArr: "0" - }, - { - id:"select", - title: "鏂囩尞鍒濈瓫", - parentId: "002", - checkArr: "0" - }, - { - id:"get", - title: "鍏ㄦ枃鑾峰彇", - parentId: "002", - checkArr: "0" - }, - { - id:"find", - title: "鍏ㄦ枃绛涙煡", - parentId: "002", - checkArr: "0" - } - ] - },{ - id:"003", - title: "鏁版嵁鎻愬彇", - parentId: "0", - checkArr: "0", - children:[ - { - id:"properties", - title: "瀹氭�т俊鎭�", - parentId: "003", - checkArr: "0" - }, - { - id:"risk", - title: "椋庨櫓鍋忓�氫俊鎭�", - parentId: "003", - checkArr: "0" - }, - { - id:"target", - title: "缁撳眬鎸囨爣鏁版嵁", - parentId: "003", - checkArr: "0" - }, - ] - },{ - id:"004", - title: "鏁版嵁鍒嗘瀽", - parentId: "0", - checkArr: "0", - children:[ - { - id:"propertiesArrangement", - title: "瀹氭�т俊鎭暣鐞嗘�荤粨", - parentId: "004", - checkArr: "0" - }, - { - id:"riskChart", - title: "椋庨櫓鍋忓�氬浘琛ㄥ埗浣�", - parentId: "004", - checkArr: "0" - }, - { - id:"meta", - title: "Meta 鍒嗘瀽", - parentId: "004", - checkArr: "0" - }, - { - id:"grade", - title: "GRADE 璇佹嵁璐ㄩ噺璇勪环", - parentId: "004", - checkArr: "0" - }, - { - id:"tsa", - title: "TSA 鍒嗘瀽", - parentId: "004", - checkArr: "0" - } - ] - },{ - id:"005", - title: "鏂囩鎾板啓鍙婄浉鍏虫湇鍔�", - parentId: "0", - checkArr: "0", - children:[ - { - id:"compose", - title: "鏂囩鎾板啓", - parentId: "005", - checkArr: "0" - },{ - id:"translate", - title: "璇█缈昏瘧鍙婃鼎鑹�", - parentId: "005", - checkArr: "0" - },{ - id:"evaluation", - title: "鏂囩璇勪及", - parentId: "005", - checkArr: "0" - },{ - id:"recommend", - title: "鏉傚織鎺ㄨ崘", - parentId: "005", - checkArr: "0" - },{ - id:"format", - title: "鏂囩鏍煎紡淇敼", - parentId: "005", - checkArr: "0" - },{ - id:"Contribute", - title: "缃戜笂鎶曠", - parentId: "005", - checkArr: "0" - } - ] - }, - ], + data_: [], defaultProps: { children: 'children', label: 'title' @@ -1374,26 +2416,26 @@ defaultCheckedKeys: [], form_: { - title: {mustAttach: true}, - scheme: {mustAttach: true}, - search: {mustAttach: true}, - select: {mustAttach: true}, - get: {mustAttach: true}, - find: {mustAttach: true}, - properties: {mustAttach: true}, - risk: {mustAttach: true}, - target: {mustAttach: true}, - propertiesArrangement: {mustAttach: true}, - riskChart: {mustAttach: true}, - meta: {mustAttach: true}, - grade: {mustAttach: true}, - tsa: {mustAttach: true}, - compose: {mustAttach: true}, - translate: {mustAttach: true}, - evaluation: {mustAttach: true}, - recommend: {mustAttach: true}, - format: {mustAttach: true}, - Contribute: {mustAttach: true}, + title: {mustAttach: true, parttimeList: [], parttime: false}, + scheme: {mustAttach: true, parttimeList: [], parttime: false}, + search: {mustAttach: true, parttimeList: [], parttime: false}, + select: {mustAttach: true, parttimeList: [], parttime: false}, + get: {mustAttach: true, parttimeList: [], parttime: false}, + find: {mustAttach: true, parttimeList: [], parttime: false}, + properties: {mustAttach: true, parttimeList: [], parttime: false}, + risk: {mustAttach: true, parttimeList: [], parttime: false}, + target: {mustAttach: true, parttimeList: [], parttime: false}, + analyse: {mustAttach: true, parttimeList: [], parttime: false}, + arrange: {mustAttach: true, parttimeList: [], parttime: false}, + meta: {mustAttach: true, parttimeList: [], parttime: false}, + grade: {mustAttach: true, parttimeList: [], parttime: false}, + tsa: {mustAttach: true, parttimeList: [], parttime: false}, + compose: {mustAttach: true, parttimeList: [], parttime: false}, + translate: {mustAttach: true, parttimeList: [], parttime: false}, + evaluation: {mustAttach: true, parttimeList: [], parttime: false}, + recommend: {mustAttach: true, parttimeList: [], parttime: false}, + format: {mustAttach: true, parttimeList: [], parttime: false}, + Contribute: {mustAttach: true, parttimeList: [], parttime: false}, }, options_titleType: [ @@ -1409,6 +2451,7 @@ titleInput_: "", + options_parttimeUser: [], options_users: [ { value: "user1", @@ -1429,6 +2472,9 @@ created() { //user this.getUsers(); + + this.getPartTime(); + this.getMenu(); }, mounted() { @@ -1436,12 +2482,60 @@ }, methods: { + getPartTime() { + let me = this; + let url = "/api/sysRoleMapping/partTime"; + this.$axios.get(url) + .then(data_ => { + this.options_parttimeUser = data_.data.data; + + }).catch(error =>{ + + }) + }, + getMenu() { + let me = this; + this.loading_tree = true; + this.data_ = []; + let url = "/api/module/all"; + this.$axios.get(url + ).then(data_ => { + window.console.log(data_); + let list = data_.data.data; + let parId = ""; + let obj = {}; + let result = []; + list.map(el => { + obj[el.id] = el; + }) + for(let i=0, len = list.length; i < len; i++) { + let id = list[i].parentId; + //璁剧疆鏄剧ず瀛楁 + // list[i].label = list[i].title; + // list[i].value = list[i].id; + if(id == parId || !id) { + if (!obj[list[i].id].children) { + obj[list[i].id].children = []; + } + result.push(list[i]); + continue; + } + if(obj[id].children) { + obj[id].children.push(list[i]); + } else { + obj[id].children = [list[i]]; + } + } + me.data_ = result;//缁檛ableData璧嬪�� + this.loading_tree = false; + }) + }, + getUsers() { let me = this; let url = "/api/sysRoleMapping/detail"; this.$axios.get(url) .then(data_ => { - console.log(data_); let list = data_.data.data; let parId = ""; let obj = {}; @@ -1472,14 +2566,63 @@ me.options_users = result; }).catch(error =>{ - console.log(error); }) }, getDetailed() { + let me = this; + let url = "/api/detail/parent/" + this.xmId; + this.$axios.get(url).then(data_ => { + me.defaultCheckedKeys = []; + me.showData = {}; + let details_ = data_.data.data; + me.money = 0; + if(details_.length > 0) {//濡傛灉瀛樺湪鏄庣粏 + for(let i=0; i<details_.length; i++) { + let detail_ = details_[i]; + //璁剧疆鏍戠殑閫変腑 + me.defaultCheckedKeys.push(detail_.type); + //灞曞紑鎵�鏈夋爲鑺傜偣瀵瑰簲鐨刦rom + me.showData[detail_.type] = true; + + //缁欐墍鏈夌殑from鐨勬暟鎹祴鍊� + + me.form_[detail_.type] = detail_; + me.form_[detail_.type].userIds = []; + me.form_[detail_.type].userIds.push(detail_.roleName); + me.form_[detail_.type].userIds.push(detail_.userId); + /* if (detail_.parttimeUser) { + me.form_[detail_.type].parttimeUser = detail_.parttimeUser.split(";"); + } */ + if (detail_.existsObject) {//濡傛灉鏈夐澶栧瓧娈� + for(let itm in detail_.existsObject) { + me.form_[detail_.type][itm] = detail_.existsObject[itm]; + if (itm == "outcomes" && me.form_[detail_.type].outcomes) { + me.form_[detail_.type].outcomes_array = me.form_[detail_.type].outcomes.split(";"); + } + } + } + + me.money += parseFloat(detail_.budget); + } + + } + }).catch(error =>{ + }) + + }, + + /* getDetailed() { this.showData = this.showData_; this.form_= this.form_objs; - }, + this.money = 0; + for (let itm_k in this.showData_) { + + let form_obj = {}; + form_obj = this.form_objs[itm_k]; + this.money += parseFloat(form_obj.budget); + } + }, */ //鍗曚竴浜嬩欢 title_titleType(val) { @@ -1500,6 +2643,7 @@ <style> .class_substep { height: 100%; + overflow: hidden; } .class_substep .el-divider--horizontal { -- Gitblit v1.8.0