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/substep.vue | 2960 +++++++++++++++++++++++++++++++++++++++++++++++++++++++--- 1 files changed, 2,780 insertions(+), 180 deletions(-) diff --git a/src/components/popup/portion/substep.vue b/src/components/popup/portion/substep.vue index 847d34a..86248a5 100644 --- a/src/components/popup/portion/substep.vue +++ b/src/components/popup/portion/substep.vue @@ -1,8 +1,16 @@ <template> + + <!-- + 宸插畬鎴愮殑涓嶄慨鏀归渶灏嗘墍鏈夌殑 + finish ? false : false + 鏀规垚 + finish ? true : false + --> <div class="class_substep"> <div style="float: left; width: 20%; height: 100%; border-right: 1px solid #333333; overflow: auto; padding-top: 5%; box-sizing: border-box;"> <el-tree :data="data_" + v-loading="loading_tree" accordion show-checkbox node-key="id" @@ -13,13 +21,13 @@ > </el-tree> </div> - <div style="float: right; width: 79%; height: 100%; overflow: auto; padding-top: 0px; box-sizing: border-box;"> + <div class="class_form_z1" style="float: right; width: 79%; height: 100%; 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 :show-message="false" :model="form_['title']" ref="ref_title" label-position='right' label-width="100px" class="demo-form-inline"> - <el-row> + <el-form :disabled="form_['title'].finish ? false : false" :rules="rules_check" :show-message="false" :model="form_['title']" ref="ref_title" label-position='right' label-width="100px" class="demo-form-inline"> + <!-- <el-row> <el-col :span="22" class="z_grid-content3"> <el-form-item label="棰樼洰绫诲瀷" prop="titleType" :rules="[{required: true, message: '璇烽�夋嫨', trigger: ['blur', 'change']}]" @@ -36,19 +44,63 @@ </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-form-item label="鎻忚堪" prop="titleType" - :rules="[{required: true, message: '璇疯緭鍏�', trigger: ['blur', 'change']}]" + </el-row> --> + <!-- <el-row v-if="form_['title'].titleType"> + <el-col :span="22" class="z_grid-content1"> + <el-form-item label="鎻忚堪" > <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" @input="change_($event)" maxlength="50" show-word-limit @change="form_change('title', 'population', 'population', null)"></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" @input="change_($event)" maxlength="50" show-word-limit @change="form_change('title', 'exposure', 'exposure', null)"></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" @input="change_($event)" maxlength="50" show-word-limit @change="form_change('title', 'comparator', 'comparator', null)"></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%;" @change="form_change('title', 'titleType', 'titleType', null)"> + <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%;" @change="form_change('title', 'outcomes', 'outcomes_array', 'arrayToStr')"> + <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%;" @input="change_($event)" maxlength="50" show-word-limit @change="form_change('title', 'outcomesOther', 'outcomesOther', null)"></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> @@ -80,22 +132,118 @@ </el-col> </el-row> <el-row> + <!-- <el-col :span="22" class="z_grid-content3"> + <el-form-item label="璧锋鏃堕棿:" prop="items_fz"> + <el-date-picker + v-model="form_['title'].items_fz" + type="daterange" + range-separator="鑷�" + start-placeholder="寮�濮嬫棩鏈�" + end-placeholder="缁撴潫鏃ユ湡" + style="width: 100%;" + size="mini" + @change="title_items" + > + </el-date-picker> + </el-form-item> + </el-col> --> + <el-col :span="11" class="z_grid-content3"> <el-form-item label="寮�濮嬫棩鏈�" prop="startTime" - :rules="{required: true, message: '璇烽�夋嫨', trigger: ['change', 'blur']}" + :rules="{ required: true, trigger: ['change', 'blur']}" > - <el-date-picker type="date" size="mini" placeholder="閫夋嫨寮�濮嬫棩鏈�" v-model="form_['title'].startTime" style="width: 100%;"></el-date-picker> + <el-date-picker type="date" :picker-options="pickerOptions01" size="mini" placeholder="閫夋嫨寮�濮嬫棩鏈�" v-model="form_['title'].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']}" + :rules="{required: true, trigger: ['change', 'blur']}" > - <el-date-picker type="date" size="mini" placeholder="閫夋嫨缁撴潫鏃ユ湡" v-model="form_['title'].endTime" style="width: 100%;"></el-date-picker> + <el-date-picker type="date" :picker-options="pickerOptions02" size="mini" placeholder="閫夋嫨缁撴潫鏃ユ湡" v-model="form_['title'].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_['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-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> @@ -104,10 +252,10 @@ <div v-show="showData['scheme']" class="transition-box" style="text-align: center; margin: 0 10px;"> <h3 style="margin: 10px;">鏂规寮�鍙戞湇鍔�</h3> <div style="z-index: 1"> - <el-form :show-message="false" :model="form_['scheme']" ref="ref_scheme" label-position='right' label-width="100px" class="demo-form-inline"> + <el-form :disabled="form_['scheme'].finish ? false : false" :rules="rules_check" :show-message="false" :model="form_['scheme']" ref="ref_scheme" 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> @@ -137,22 +285,118 @@ </el-col> </el-row> <el-row> + <!-- <el-col :span="22" class="z_grid-content3"> + <el-form-item label="璧锋鏃堕棿:" prop="items_fz"> + <el-date-picker + v-model="form_['scheme'].items_fz" + type="daterange" + range-separator="鑷�" + start-placeholder="寮�濮嬫棩鏈�" + end-placeholder="缁撴潫鏃ユ湡" + style="width: 100%;" + size="mini" + @change="scheme_items" + > + </el-date-picker> + </el-form-item> + </el-col> --> + <el-col :span="11" class="z_grid-content3"> <el-form-item label="寮�濮嬫棩鏈�" prop="startTime" :rules="{required: true, message: '璇烽�夋嫨', trigger: ['change', 'blur']}" > - <el-date-picker type="date" size="mini" placeholder="閫夋嫨寮�濮嬫棩鏈�" v-model="form_['scheme'].startTime" style="width: 100%;"></el-date-picker> + <el-date-picker type="date" :picker-options="pickerOptions11" size="mini" placeholder="閫夋嫨寮�濮嬫棩鏈�" v-model="form_['scheme'].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_['scheme'].endTime" style="width: 100%;"></el-date-picker> + <el-date-picker type="date" :picker-options="pickerOptions12" size="mini" placeholder="閫夋嫨缁撴潫鏃ユ湡" v-model="form_['scheme'].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_['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-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> @@ -161,10 +405,10 @@ <div v-show="showData['search']" class="transition-box" style="text-align: center; margin: 0 10px;"> <h3 style="margin: 10px;">鏂囩尞妫�绱�</h3> <div style="z-index: 1"> - <el-form :show-message="false" :model="form_['search']" ref="ref_search" label-position='right' label-width="100px" class="demo-form-inline"> + <el-form :disabled="form_['search'].finish ? false : false" :rules="rules_check" :show-message="false" :model="form_['search']" ref="ref_search" 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> @@ -194,22 +438,118 @@ </el-col> </el-row> <el-row> + <!-- <el-col :span="22" class="z_grid-content3"> + <el-form-item label="璧锋鏃堕棿:" prop="items_fz" + :rules="[{required: true, message: '璇烽�夋嫨', trigger: ['blur', 'change']}]" + > + <el-date-picker + v-model="form_['search'].items_fz" + type="daterange" + range-separator="鑷�" + start-placeholder="寮�濮嬫棩鏈�" + end-placeholder="缁撴潫鏃ユ湡" + style="width: 100%;" + size="mini" + > + </el-date-picker> + </el-form-item> + </el-col> --> <el-col :span="11" class="z_grid-content3"> <el-form-item label="寮�濮嬫棩鏈�" prop="startTime" - :rules="{required: true, message: '璇烽�夋嫨', trigger: ['change', 'blur']}" + :rules="{ required: true, trigger: ['change', 'blur']}" > - <el-date-picker type="date" size="mini" placeholder="閫夋嫨寮�濮嬫棩鏈�" v-model="form_['search'].startTime" style="width: 100%;"></el-date-picker> + <el-date-picker type="date" :picker-options="pickerOptions21" size="mini" placeholder="閫夋嫨寮�濮嬫棩鏈�" v-model="form_['search'].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']}" + :rules="{required: true, trigger: ['change', 'blur']}" > - <el-date-picker type="date" size="mini" placeholder="閫夋嫨缁撴潫鏃ユ湡" v-model="form_['search'].endTime" style="width: 100%;"></el-date-picker> + <el-date-picker type="date" :picker-options="pickerOptions22" size="mini" placeholder="閫夋嫨缁撴潫鏃ユ湡" v-model="form_['search'].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_['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-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> @@ -218,10 +558,10 @@ <div v-show="showData['select']" class="transition-box" style="text-align: center; margin: 0 10px;"> <h3 style="margin: 10px;">鏂囩尞鍒濈瓫</h3> <div style="z-index: 1"> - <el-form :show-message="false" :model="form_['select']" ref="ref_select" label-position='right' label-width="100px" class="demo-form-inline"> + <el-form :disabled="form_['select'].finish ? false : false" :rules="rules_check" :show-message="false" :model="form_['select']" ref="ref_select" 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> @@ -251,22 +591,117 @@ </el-col> </el-row> <el-row> + <!-- <el-col :span="22" class="z_grid-content3"> + <el-form-item label="璧锋鏃堕棿:" prop="items_fz"> + <el-date-picker + v-model="form_['select'].items_fz" + type="daterange" + range-separator="鑷�" + start-placeholder="寮�濮嬫棩鏈�" + end-placeholder="缁撴潫鏃ユ湡" + style="width: 100%;" + size="mini" + > + </el-date-picker> + </el-form-item> + </el-col> --> <el-col :span="11" class="z_grid-content3"> <el-form-item label="寮�濮嬫棩鏈�" prop="startTime" - :rules="{required: true, message: '璇烽�夋嫨', trigger: ['change', 'blur']}" + :rules="{ required: true, trigger: ['change', 'blur']}" > - <el-date-picker type="date" size="mini" placeholder="閫夋嫨寮�濮嬫棩鏈�" v-model="form_['select'].startTime" style="width: 100%;"></el-date-picker> + <el-date-picker type="date" :picker-options="pickerOptions31" size="mini" placeholder="閫夋嫨寮�濮嬫棩鏈�" v-model="form_['select'].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']}" + :rules="{required: true, trigger: ['change', 'blur']}" > - <el-date-picker type="date" size="mini" placeholder="閫夋嫨缁撴潫鏃ユ湡" v-model="form_['select'].endTime" style="width: 100%;"></el-date-picker> + <el-date-picker type="date" :picker-options="pickerOptions32" size="mini" placeholder="閫夋嫨缁撴潫鏃ユ湡" v-model="form_['select'].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_['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-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> @@ -275,10 +710,10 @@ <div v-show="showData['get']" class="transition-box" style="text-align: center; margin: 0 10px;"> <h3 style="margin: 10px;">鍏ㄦ枃鑾峰彇</h3> <div style="z-index: 1"> - <el-form :show-message="false" :model="form_['get']" ref="ref_get" label-position='right' label-width="100px" class="demo-form-inline"> + <el-form :disabled="form_['get'].finish ? false : false" :rules="rules_check" :show-message="false" :model="form_['get']" ref="ref_get" 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> @@ -308,22 +743,116 @@ </el-col> </el-row> <el-row> + <!-- <el-col :span="22" class="z_grid-content3"> + <el-form-item label="璧锋鏃堕棿:" prop="items_fz"> + <el-date-picker + v-model="form_['get'].items_fz" + type="daterange" + range-separator="鑷�" + start-placeholder="寮�濮嬫棩鏈�" + end-placeholder="缁撴潫鏃ユ湡" + style="width: 100%;" + size="mini" + > + </el-date-picker> + </el-form-item> + </el-col> --> <el-col :span="11" class="z_grid-content3"> <el-form-item label="寮�濮嬫棩鏈�" prop="startTime" - :rules="{required: true, message: '璇烽�夋嫨', trigger: ['change', 'blur']}" + :rules="{ required: true, trigger: ['change', 'blur']}" > - <el-date-picker type="date" size="mini" placeholder="閫夋嫨寮�濮嬫棩鏈�" v-model="form_['get'].startTime" style="width: 100%;"></el-date-picker> + <el-date-picker type="date" :picker-options="pickerOptions41" size="mini" placeholder="閫夋嫨寮�濮嬫棩鏈�" v-model="form_['get'].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']}" + :rules="{required: true, trigger: ['change', 'blur']}" > - <el-date-picker type="date" size="mini" placeholder="閫夋嫨缁撴潫鏃ユ湡" v-model="form_['get'].endTime" style="width: 100%;"></el-date-picker> + <el-date-picker type="date" :picker-options="pickerOptions42" size="mini" placeholder="閫夋嫨缁撴潫鏃ユ湡" v-model="form_['get'].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_['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-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> @@ -332,10 +861,10 @@ <div v-show="showData['find']" class="transition-box" style="text-align: center; margin: 0 10px;"> <h3 style="margin: 10px;">鍏ㄦ枃绛涙煡</h3> <div style="z-index: 1"> - <el-form :show-message="false" :model="form_['find']" ref="ref_find" label-position='right' label-width="100px" class="demo-form-inline"> + <el-form :disabled="form_['find'].finish ? false : false" :rules="rules_check" :show-message="false" :model="form_['find']" ref="ref_find" 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> @@ -365,34 +894,128 @@ </el-col> </el-row> <el-row> + <!-- <el-col :span="22" class="z_grid-content3"> + <el-form-item label="璧锋鏃堕棿:" prop="items_fz"> + <el-date-picker + v-model="form_['find'].items_fz" + type="daterange" + range-separator="鑷�" + start-placeholder="寮�濮嬫棩鏈�" + end-placeholder="缁撴潫鏃ユ湡" + style="width: 100%;" + size="mini" + > + </el-date-picker> + </el-form-item> + </el-col> --> <el-col :span="11" class="z_grid-content3"> <el-form-item label="寮�濮嬫棩鏈�" prop="startTime" - :rules="{required: true, message: '璇烽�夋嫨', trigger: ['change', 'blur']}" + :rules="{ required: true, trigger: ['change', 'blur']}" > - <el-date-picker type="date" size="mini" placeholder="閫夋嫨寮�濮嬫棩鏈�" v-model="form_['find'].startTime" style="width: 100%;"></el-date-picker> + <el-date-picker type="date" :picker-options="pickerOptions51" size="mini" placeholder="閫夋嫨寮�濮嬫棩鏈�" v-model="form_['find'].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']}" + :rules="{required: true, trigger: ['change', 'blur']}" > - <el-date-picker type="date" size="mini" placeholder="閫夋嫨缁撴潫鏃ユ湡" v-model="form_['find'].endTime" style="width: 100%;"></el-date-picker> + <el-date-picker type="date" :picker-options="pickerOptions52" size="mini" placeholder="閫夋嫨缁撴潫鏃ユ湡" v-model="form_['find'].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_['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-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> </transition> <transition name="el-zoom-in-top"> <div v-show="showData['properties']" class="transition-box" style="text-align: center; margin: 0 10px;"> - <h3 style="margin: 10px;">瀹氭�т俊鎭�</h3> + <h3 style="margin: 10px;">鏁版嵁鎻愬彇</h3> <div style="z-index: 1"> - <el-form :show-message="false" :model="form_['properties']" ref="ref_properties" label-position='right' label-width="100px" class="demo-form-inline"> + <el-form :disabled="form_['properties'].finish ? false : false" :rules="rules_check" :show-message="false" :model="form_['properties']" ref="ref_properties" 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> @@ -422,34 +1045,128 @@ </el-col> </el-row> <el-row> + <!-- <el-col :span="22" class="z_grid-content3"> + <el-form-item label="璧锋鏃堕棿:" prop="items_fz"> + <el-date-picker + v-model="form_['properties'].items_fz" + type="daterange" + range-separator="鑷�" + start-placeholder="寮�濮嬫棩鏈�" + end-placeholder="缁撴潫鏃ユ湡" + style="width: 100%;" + size="mini" + > + </el-date-picker> + </el-form-item> + </el-col> --> <el-col :span="11" class="z_grid-content3"> <el-form-item label="寮�濮嬫棩鏈�" prop="startTime" - :rules="{required: true, message: '璇烽�夋嫨', trigger: ['change', 'blur']}" + :rules="{ required: true, trigger: ['change', 'blur']}" > - <el-date-picker type="date" size="mini" placeholder="閫夋嫨寮�濮嬫棩鏈�" v-model="form_['properties'].startTime" style="width: 100%;"></el-date-picker> + <el-date-picker type="date" :picker-options="pickerOptions61" size="mini" placeholder="閫夋嫨寮�濮嬫棩鏈�" v-model="form_['properties'].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']}" + :rules="{required: true, trigger: ['change', 'blur']}" > - <el-date-picker type="date" size="mini" placeholder="閫夋嫨缁撴潫鏃ユ湡" v-model="form_['properties'].endTime" style="width: 100%;"></el-date-picker> + <el-date-picker type="date" :picker-options="pickerOptions62" size="mini" placeholder="閫夋嫨缁撴潫鏃ユ湡" v-model="form_['properties'].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_['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-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> </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 :show-message="false" :model="form_['risk']" ref="ref_risk" label-position='right' label-width="100px" class="demo-form-inline"> + <el-form :disabled="form_['risk'].finish ? false : false" :rules="rules_check" :show-message="false" :model="form_['risk']" ref="ref_risk" 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> @@ -481,16 +1198,35 @@ <el-row> <el-col :span="11" class="z_grid-content3"> <el-form-item label="寮�濮嬫棩鏈�" prop="startTime" - :rules="{required: true, message: '璇烽�夋嫨', trigger: ['change', 'blur']}" + :rules="{ required: true, trigger: ['change', 'blur']}" > - <el-date-picker type="date" size="mini" placeholder="閫夋嫨寮�濮嬫棩鏈�" v-model="form_['risk'].startTime" style="width: 100%;"></el-date-picker> + <el-date-picker type="date" :picker-options="pickerOptions71" size="mini" placeholder="閫夋嫨寮�濮嬫棩鏈�" v-model="form_['risk'].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']}" + :rules="{required: true, trigger: ['change', 'blur']}" > - <el-date-picker type="date" size="mini" placeholder="閫夋嫨缁撴潫鏃ユ湡" v-model="form_['risk'].endTime" style="width: 100%;"></el-date-picker> + <el-date-picker type="date" :picker-options="pickerOptions72" size="mini" placeholder="閫夋嫨缁撴潫鏃ユ湡" v-model="form_['risk'].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_['risk'].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_['risk'].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> @@ -498,15 +1234,15 @@ </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 :show-message="false" :model="form_['target']" ref="ref_target" label-position='right' label-width="100px" class="demo-form-inline"> + <el-form :disabled="form_['target'].finish ? false : false" :rules="rules_check" :show-message="false" :model="form_['target']" ref="ref_target" 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> @@ -538,16 +1274,35 @@ <el-row> <el-col :span="11" class="z_grid-content3"> <el-form-item label="寮�濮嬫棩鏈�" prop="startTime" - :rules="{required: true, message: '璇烽�夋嫨', trigger: ['change', 'blur']}" + :rules="{ required: true, trigger: ['change', 'blur']}" > - <el-date-picker type="date" size="mini" placeholder="閫夋嫨寮�濮嬫棩鏈�" v-model="form_['target'].startTime" style="width: 100%;"></el-date-picker> + <el-date-picker type="date" :picker-options="pickerOptions81" size="mini" placeholder="閫夋嫨寮�濮嬫棩鏈�" v-model="form_['target'].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']}" + :rules="{required: true, trigger: ['change', 'blur']}" > - <el-date-picker type="date" size="mini" placeholder="閫夋嫨缁撴潫鏃ユ湡" v-model="form_['target'].endTime" style="width: 100%;"></el-date-picker> + <el-date-picker type="date" :picker-options="pickerOptions82" size="mini" placeholder="閫夋嫨缁撴潫鏃ユ湡" v-model="form_['target'].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_['target'].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_['target'].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> @@ -555,18 +1310,18 @@ </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 :show-message="false" :model="form_['propertiesArrangement']" ref="ref_propertiesArrangement" label-position='right' label-width="100px" class="demo-form-inline"> + <el-form :disabled="form_['analyse'].finish ? false : false" :rules="rules_check" :show-message="false" :model="form_['analyse']" ref="ref_analyse" 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"> @@ -578,7 +1333,7 @@ :options="options_users" :props="{ expandTrigger: 'hover' }" size="mini" - v-model="form_['propertiesArrangement'].userIds" + v-model="form_['analyse'].userIds" placeholder="璇烽�夋嫨璐熻矗浜�" > </el-cascader> @@ -588,42 +1343,135 @@ <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> <el-row> + <!-- <el-col :span="22" class="z_grid-content3"> + <el-form-item label="璧锋鏃堕棿:" prop="items_fz"> + <el-date-picker + v-model="form_['analyse'].items_fz" + type="daterange" + range-separator="鑷�" + start-placeholder="寮�濮嬫棩鏈�" + end-placeholder="缁撴潫鏃ユ湡" + style="width: 100%;" + size="mini" + > + </el-date-picker> + </el-form-item> + </el-col> --> <el-col :span="11" class="z_grid-content3"> <el-form-item label="寮�濮嬫棩鏈�" prop="startTime" - :rules="{required: true, message: '璇烽�夋嫨', trigger: ['change', 'blur']}" + :rules="{ required: true, 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" :picker-options="pickerOptions91" 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']}" + :rules="{required: true, 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" :picker-options="pickerOptions92" 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-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> </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 :show-message="false" :model="form_['riskChart']" ref="ref_riskChart" label-position='right' label-width="100px" class="demo-form-inline"> + <el-form :disabled="form_['arrange'].finish ? false : false" :rules="rules_check" :show-message="false" :model="form_['arrange']" ref="ref_arrange" 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"> @@ -635,7 +1483,7 @@ :options="options_users" :props="{ expandTrigger: 'hover' }" size="mini" - v-model="form_['riskChart'].userIds" + v-model="form_['arrange'].userIds" placeholder="璇烽�夋嫨璐熻矗浜�" > </el-cascader> @@ -645,27 +1493,121 @@ <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> <el-row> + <!-- <el-col :span="22" class="z_grid-content3"> + <el-form-item label="璧锋鏃堕棿:" prop="items_fz"> + <el-date-picker + v-model="form_['arrange'].items_fz" + type="daterange" + range-separator="鑷�" + start-placeholder="寮�濮嬫棩鏈�" + end-placeholder="缁撴潫鏃ユ湡" + style="width: 100%;" + size="mini" + > + </el-date-picker> + </el-form-item> + </el-col> --> <el-col :span="11" class="z_grid-content3"> <el-form-item label="寮�濮嬫棩鏈�" prop="startTime" - :rules="{required: true, message: '璇烽�夋嫨', trigger: ['change', 'blur']}" + :rules="{ required: true, 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" :picker-options="pickerOptions101" 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']}" + :rules="{required: true, 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" :picker-options="pickerOptions102" 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-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> @@ -674,10 +1616,10 @@ <div v-show="showData['meta']" class="transition-box" style="text-align: center; margin: 0 10px;"> <h3 style="margin: 10px;">Meta 鍒嗘瀽</h3> <div style="z-index: 1"> - <el-form :show-message="false" :model="form_['meta']" ref="ref_meta" label-position='right' label-width="100px" class="demo-form-inline"> + <el-form :disabled="form_['meta'].finish ? false : false" :rules="rules_check" :show-message="false" :model="form_['meta']" ref="ref_meta" 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> @@ -707,22 +1649,116 @@ </el-col> </el-row> <el-row> + <!-- <el-col :span="22" class="z_grid-content3"> + <el-form-item label="璧锋鏃堕棿:" prop="items_fz"> + <el-date-picker + v-model="form_['meta'].items_fz" + type="daterange" + range-separator="鑷�" + start-placeholder="寮�濮嬫棩鏈�" + end-placeholder="缁撴潫鏃ユ湡" + style="width: 100%;" + size="mini" + > + </el-date-picker> + </el-form-item> + </el-col> --> <el-col :span="11" class="z_grid-content3"> <el-form-item label="寮�濮嬫棩鏈�" prop="startTime" - :rules="{required: true, message: '璇烽�夋嫨', trigger: ['change', 'blur']}" + :rules="{ required: true, trigger: ['change', 'blur']}" > - <el-date-picker type="date" size="mini" placeholder="閫夋嫨寮�濮嬫棩鏈�" v-model="form_['meta'].startTime" style="width: 100%;"></el-date-picker> + <el-date-picker type="date" :picker-options="pickerOptions111" size="mini" placeholder="閫夋嫨寮�濮嬫棩鏈�" v-model="form_['meta'].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']}" + :rules="{required: true, trigger: ['change', 'blur']}" > - <el-date-picker type="date" size="mini" placeholder="閫夋嫨缁撴潫鏃ユ湡" v-model="form_['meta'].endTime" style="width: 100%;"></el-date-picker> + <el-date-picker type="date" :picker-options="pickerOptions112" size="mini" placeholder="閫夋嫨缁撴潫鏃ユ湡" v-model="form_['meta'].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_['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-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> @@ -731,10 +1767,10 @@ <div v-show="showData['grade']" class="transition-box" style="text-align: center; margin: 0 10px;"> <h3 style="margin: 10px;">GRADE 璇佹嵁璐ㄩ噺璇勪环</h3> <div style="z-index: 1"> - <el-form :show-message="false" :model="form_['grade']" ref="ref_grade" label-position='right' label-width="100px" class="demo-form-inline"> + <el-form :disabled="form_['grade'].finish ? false : false" :rules="rules_check" :show-message="false" :model="form_['grade']" ref="ref_grade" 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> @@ -764,22 +1800,116 @@ </el-col> </el-row> <el-row> + <!-- <el-col :span="22" class="z_grid-content3"> + <el-form-item label="璧锋鏃堕棿:" prop="items_fz"> + <el-date-picker + v-model="form_['grade'].items_fz" + type="daterange" + range-separator="鑷�" + start-placeholder="寮�濮嬫棩鏈�" + end-placeholder="缁撴潫鏃ユ湡" + style="width: 100%;" + size="mini" + > + </el-date-picker> + </el-form-item> + </el-col> --> <el-col :span="11" class="z_grid-content3"> <el-form-item label="寮�濮嬫棩鏈�" prop="startTime" - :rules="{required: true, message: '璇烽�夋嫨', trigger: ['change', 'blur']}" + :rules="{ required: true, trigger: ['change', 'blur']}" > - <el-date-picker type="date" size="mini" placeholder="閫夋嫨寮�濮嬫棩鏈�" v-model="form_['grade'].startTime" style="width: 100%;"></el-date-picker> + <el-date-picker type="date" :picker-options="pickerOptions121" size="mini" placeholder="閫夋嫨寮�濮嬫棩鏈�" v-model="form_['grade'].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']}" + :rules="{required: true, trigger: ['change', 'blur']}" > - <el-date-picker type="date" size="mini" placeholder="閫夋嫨缁撴潫鏃ユ湡" v-model="form_['grade'].endTime" style="width: 100%;"></el-date-picker> + <el-date-picker type="date" :picker-options="pickerOptions122" size="mini" placeholder="閫夋嫨缁撴潫鏃ユ湡" v-model="form_['grade'].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_['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-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> @@ -788,10 +1918,10 @@ <div v-show="showData['tsa']" class="transition-box" style="text-align: center; margin: 0 10px;"> <h3 style="margin: 10px;">TSA 鍒嗘瀽</h3> <div style="z-index: 1"> - <el-form :show-message="false" :model="form_['tsa']" ref="ref_tsa" label-position='right' label-width="100px" class="demo-form-inline"> + <el-form :disabled="form_['tsa'].finish ? false : false" :rules="rules_check" :show-message="false" :model="form_['tsa']" ref="ref_tsa" 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> @@ -821,22 +1951,117 @@ </el-col> </el-row> <el-row> + <!-- <el-col :span="22" class="z_grid-content3"> + <el-form-item label="璧锋鏃堕棿:" prop="items_fz"> + <el-date-picker + v-model="form_['tsa'].items_fz" + type="daterange" + range-separator="鑷�" + start-placeholder="寮�濮嬫棩鏈�" + end-placeholder="缁撴潫鏃ユ湡" + style="width: 100%;" + size="mini" + > + </el-date-picker> + </el-form-item> + </el-col> --> <el-col :span="11" class="z_grid-content3"> <el-form-item label="寮�濮嬫棩鏈�" prop="startTime" - :rules="{required: true, message: '璇烽�夋嫨', trigger: ['change', 'blur']}" + :rules="{ required: true, trigger: ['change', 'blur']}" > - <el-date-picker type="date" size="mini" placeholder="閫夋嫨寮�濮嬫棩鏈�" v-model="form_['tsa'].startTime" style="width: 100%;"></el-date-picker> + <el-date-picker type="date" :picker-options="pickerOptions131" size="mini" placeholder="閫夋嫨寮�濮嬫棩鏈�" v-model="form_['tsa'].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']}" + :rules="{required: true, trigger: ['change', 'blur']}" > - <el-date-picker type="date" size="mini" placeholder="閫夋嫨缁撴潫鏃ユ湡" v-model="form_['tsa'].endTime" style="width: 100%;"></el-date-picker> + <el-date-picker type="date" :picker-options="pickerOptions132" size="mini" placeholder="閫夋嫨缁撴潫鏃ユ湡" v-model="form_['tsa'].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_['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-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> @@ -845,10 +2070,10 @@ <div v-show="showData['compose']" class="transition-box" style="text-align: center; margin: 0 10px;"> <h3 style="margin: 10px;">鏂囩鎾板啓</h3> <div style="z-index: 1"> - <el-form :show-message="false" :model="form_['compose']" ref="ref_compose" label-position='right' label-width="100px" class="demo-form-inline"> + <el-form :disabled="form_['compose'].finish ? false : false" :rules="rules_check" :show-message="false" :model="form_['compose']" ref="ref_compose" 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> @@ -878,22 +2103,116 @@ </el-col> </el-row> <el-row> + <!-- <el-col :span="22" class="z_grid-content3"> + <el-form-item label="璧锋鏃堕棿:" prop="items_fz"> + <el-date-picker + v-model="form_['compose'].items_fz" + type="daterange" + range-separator="鑷�" + start-placeholder="寮�濮嬫棩鏈�" + end-placeholder="缁撴潫鏃ユ湡" + style="width: 100%;" + size="mini" + > + </el-date-picker> + </el-form-item> + </el-col> --> <el-col :span="11" class="z_grid-content3"> <el-form-item label="寮�濮嬫棩鏈�" prop="startTime" - :rules="{required: true, message: '璇烽�夋嫨', trigger: ['change', 'blur']}" + :rules="{ required: true, trigger: ['change', 'blur']}" > - <el-date-picker type="date" size="mini" placeholder="閫夋嫨寮�濮嬫棩鏈�" v-model="form_['compose'].startTime" style="width: 100%;"></el-date-picker> + <el-date-picker type="date" :picker-options="pickerOptions141" size="mini" placeholder="閫夋嫨寮�濮嬫棩鏈�" v-model="form_['compose'].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']}" + :rules="{required: true, trigger: ['change', 'blur']}" > - <el-date-picker type="date" size="mini" placeholder="閫夋嫨缁撴潫鏃ユ湡" v-model="form_['compose'].endTime" style="width: 100%;"></el-date-picker> + <el-date-picker type="date" :picker-options="pickerOptions142" size="mini" placeholder="閫夋嫨缁撴潫鏃ユ湡" v-model="form_['compose'].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_['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-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> @@ -902,10 +2221,10 @@ <div v-show="showData['translate']" class="transition-box" style="text-align: center; margin: 0 10px;"> <h3 style="margin: 10px;">璇█缈昏瘧鍙婃鼎鑹�</h3> <div style="z-index: 1"> - <el-form :show-message="false" :model="form_['translate']" ref="ref_translate" label-position='right' label-width="100px" class="demo-form-inline"> + <el-form :disabled="form_['translate'].finish ? false : false" :rules="rules_check" :show-message="false" :model="form_['translate']" ref="ref_translate" 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> @@ -935,22 +2254,116 @@ </el-col> </el-row> <el-row> + <!-- <el-col :span="22" class="z_grid-content3"> + <el-form-item label="璧锋鏃堕棿:" prop="items_fz"> + <el-date-picker + v-model="form_['translate'].items_fz" + type="daterange" + range-separator="鑷�" + start-placeholder="寮�濮嬫棩鏈�" + end-placeholder="缁撴潫鏃ユ湡" + style="width: 100%;" + size="mini" + > + </el-date-picker> + </el-form-item> + </el-col> --> <el-col :span="11" class="z_grid-content3"> <el-form-item label="寮�濮嬫棩鏈�" prop="startTime" - :rules="{required: true, message: '璇烽�夋嫨', trigger: ['change', 'blur']}" + :rules="{ required: true, trigger: ['change', 'blur']}" > - <el-date-picker type="date" size="mini" placeholder="閫夋嫨寮�濮嬫棩鏈�" v-model="form_['translate'].startTime" style="width: 100%;"></el-date-picker> + <el-date-picker type="date" :picker-options="pickerOptions151" size="mini" placeholder="閫夋嫨寮�濮嬫棩鏈�" v-model="form_['translate'].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']}" + :rules="{required: true, trigger: ['change', 'blur']}" > - <el-date-picker type="date" size="mini" placeholder="閫夋嫨缁撴潫鏃ユ湡" v-model="form_['translate'].endTime" style="width: 100%;"></el-date-picker> + <el-date-picker type="date" :picker-options="pickerOptions152" size="mini" placeholder="閫夋嫨缁撴潫鏃ユ湡" v-model="form_['translate'].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_['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-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> @@ -959,10 +2372,10 @@ <div v-show="showData['evaluation']" class="transition-box" style="text-align: center; margin: 0 10px;"> <h3 style="margin: 10px;">鏂囩璇勪及</h3> <div style="z-index: 1"> - <el-form :show-message="false" :model="form_['evaluation']" ref="ref_evaluation" label-position='right' label-width="100px" class="demo-form-inline"> + <el-form :disabled="form_['evaluation'].finish ? false : false" :rules="rules_check" :show-message="false" :model="form_['evaluation']" ref="ref_evaluation" 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> @@ -992,22 +2405,117 @@ </el-col> </el-row> <el-row> + <!-- <el-col :span="22" class="z_grid-content3"> + <el-form-item label="璧锋鏃堕棿:" prop="items_fz"> + <el-date-picker + v-model="form_['evaluation'].items_fz" + type="daterange" + range-separator="鑷�" + start-placeholder="寮�濮嬫棩鏈�" + end-placeholder="缁撴潫鏃ユ湡" + style="width: 100%;" + size="mini" + > + </el-date-picker> + </el-form-item> + </el-col> --> <el-col :span="11" class="z_grid-content3"> <el-form-item label="寮�濮嬫棩鏈�" prop="startTime" - :rules="{required: true, message: '璇烽�夋嫨', trigger: ['change', 'blur']}" + :rules="{ required: true, trigger: ['change', 'blur']}" > - <el-date-picker type="date" size="mini" placeholder="閫夋嫨寮�濮嬫棩鏈�" v-model="form_['evaluation'].startTime" style="width: 100%;"></el-date-picker> + <el-date-picker type="date" :picker-options="pickerOptions161" size="mini" placeholder="閫夋嫨寮�濮嬫棩鏈�" v-model="form_['evaluation'].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']}" + :rules="{required: true, trigger: ['change', 'blur']}" > - <el-date-picker type="date" size="mini" placeholder="閫夋嫨缁撴潫鏃ユ湡" v-model="form_['evaluation'].endTime" style="width: 100%;"></el-date-picker> + <el-date-picker type="date" :picker-options="pickerOptions162" size="mini" placeholder="閫夋嫨缁撴潫鏃ユ湡" v-model="form_['evaluation'].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_['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-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> @@ -1016,10 +2524,10 @@ <div v-show="showData['recommend']" class="transition-box" style="text-align: center; margin: 0 10px;"> <h3 style="margin: 10px;">鏉傚織鎺ㄨ崘</h3> <div style="z-index: 1"> - <el-form :show-message="false" :model="form_['recommend']" ref="ref_recommend" label-position='right' label-width="100px" class="demo-form-inline"> + <el-form :disabled="form_['recommend'].finish ? false : false" :rules="rules_check" :show-message="false" :model="form_['recommend']" ref="ref_recommend" 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> @@ -1049,22 +2557,116 @@ </el-col> </el-row> <el-row> + <!-- <el-col :span="22" class="z_grid-content3"> + <el-form-item label="璧锋鏃堕棿:" prop="items_fz"> + <el-date-picker + v-model="form_['recommend'].items_fz" + type="daterange" + range-separator="鑷�" + start-placeholder="寮�濮嬫棩鏈�" + end-placeholder="缁撴潫鏃ユ湡" + style="width: 100%;" + size="mini" + > + </el-date-picker> + </el-form-item> + </el-col> --> <el-col :span="11" class="z_grid-content3"> <el-form-item label="寮�濮嬫棩鏈�" prop="startTime" - :rules="{required: true, message: '璇烽�夋嫨', trigger: ['change', 'blur']}" + :rules="{ required: true, trigger: ['change', 'blur']}" > - <el-date-picker type="date" size="mini" placeholder="閫夋嫨寮�濮嬫棩鏈�" v-model="form_['recommend'].startTime" style="width: 100%;"></el-date-picker> + <el-date-picker type="date" :picker-options="pickerOptions171" size="mini" placeholder="閫夋嫨寮�濮嬫棩鏈�" v-model="form_['recommend'].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']}" + :rules="{required: true, trigger: ['change', 'blur']}" > - <el-date-picker type="date" size="mini" placeholder="閫夋嫨缁撴潫鏃ユ湡" v-model="form_['recommend'].endTime" style="width: 100%;"></el-date-picker> + <el-date-picker type="date" :picker-options="pickerOptions172" size="mini" placeholder="閫夋嫨缁撴潫鏃ユ湡" v-model="form_['recommend'].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_['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-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> @@ -1073,10 +2675,10 @@ <div v-show="showData['format']" class="transition-box" style="text-align: center; margin: 0 10px;"> <h3 style="margin: 10px;">鏂囩鏍煎紡淇敼</h3> <div style="z-index: 1"> - <el-form :show-message="false" :model="form_['format']" ref="ref_format" label-position='right' label-width="100px" class="demo-form-inline"> + <el-form :disabled="form_['format'].finish ? false : false" :rules="rules_check" :show-message="false" :model="form_['format']" ref="ref_format" 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> @@ -1106,22 +2708,116 @@ </el-col> </el-row> <el-row> + <!-- <el-col :span="22" class="z_grid-content3"> + <el-form-item label="璧锋鏃堕棿:" prop="items_fz"> + <el-date-picker + v-model="form_['format'].items_fz" + type="daterange" + range-separator="鑷�" + start-placeholder="寮�濮嬫棩鏈�" + end-placeholder="缁撴潫鏃ユ湡" + style="width: 100%;" + size="mini" + > + </el-date-picker> + </el-form-item> + </el-col> --> <el-col :span="11" class="z_grid-content3"> <el-form-item label="寮�濮嬫棩鏈�" prop="startTime" - :rules="{required: true, message: '璇烽�夋嫨', trigger: ['change', 'blur']}" + :rules="{ required: true, trigger: ['change', 'blur']}" > - <el-date-picker type="date" size="mini" placeholder="閫夋嫨寮�濮嬫棩鏈�" v-model="form_['format'].startTime" style="width: 100%;"></el-date-picker> + <el-date-picker type="date" :picker-options="pickerOptions181" size="mini" placeholder="閫夋嫨寮�濮嬫棩鏈�" v-model="form_['format'].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']}" + :rules="{required: true, trigger: ['change', 'blur']}" > - <el-date-picker type="date" size="mini" placeholder="閫夋嫨缁撴潫鏃ユ湡" v-model="form_['format'].endTime" style="width: 100%;"></el-date-picker> + <el-date-picker type="date" :picker-options="pickerOptions182" size="mini" placeholder="閫夋嫨缁撴潫鏃ユ湡" v-model="form_['format'].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_['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-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> @@ -1130,10 +2826,10 @@ <div v-show="showData['Contribute']" class="transition-box" style="text-align: center; margin: 0 10px;"> <h3 style="margin: 10px;">缃戜笂鎶曠</h3> <div style="z-index: 1"> - <el-form :show-message="false" :model="form_['Contribute']" ref="ref_Contribute" label-position='right' label-width="100px" class="demo-form-inline"> + <el-form :disabled="form_['Contribute'].finish ? false : false" :rules="rules_check" :show-message="false" :model="form_['Contribute']" ref="ref_Contribute" 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> @@ -1163,27 +2859,148 @@ </el-col> </el-row> <el-row> + <!-- <el-col :span="22" class="z_grid-content3"> + <el-form-item label="璧锋鏃堕棿:" prop="items_fz"> + <el-date-picker + v-model="form_['Contribute'].items_fz" + type="daterange" + range-separator="鑷�" + start-placeholder="寮�濮嬫棩鏈�" + end-placeholder="缁撴潫鏃ユ湡" + style="width: 100%;" + size="mini" + > + </el-date-picker> + </el-form-item> + </el-col> --> <el-col :span="11" class="z_grid-content3"> <el-form-item label="寮�濮嬫棩鏈�" prop="startTime" - :rules="{required: true, message: '璇烽�夋嫨', trigger: ['change', 'blur']}" + :rules="{ required: true, trigger: ['change', 'blur']}" > - <el-date-picker type="date" size="mini" placeholder="閫夋嫨寮�濮嬫棩鏈�" v-model="form_['Contribute'].startTime" style="width: 100%;"></el-date-picker> + <el-date-picker type="date" :picker-options="pickerOptions191" size="mini" placeholder="閫夋嫨寮�濮嬫棩鏈�" v-model="form_['Contribute'].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']}" + :rules="{required: true, trigger: ['change', 'blur']}" > - <el-date-picker type="date" size="mini" placeholder="閫夋嫨缁撴潫鏃ユ湡" v-model="form_['Contribute'].endTime" style="width: 100%;"></el-date-picker> + <el-date-picker type="date" :picker-options="pickerOptions192" size="mini" placeholder="閫夋嫨缁撴潫鏃ユ湡" v-model="form_['Contribute'].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_['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-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> @@ -1194,10 +3011,604 @@ xmId: { type: String, required: true - } + }, + totalItems: { + type: Array, + required: true + } }, data() { return { + pickerOptions01: { + disabledDate: (time) => { + if (this.totalItems.length>0) { + let code = "title"; + let bb0 = new Date(this.totalItems[0]); + let bb1 = new Date(this.totalItems[1]); + if(this.form_[code].endTime) { + return time.getTime() < bb0 || time.getTime() > this.form_[code].endTime; + }else { + return time.getTime() < bb0 || time.getTime() > bb1; + } + }} + }, + pickerOptions02: { + disabledDate: (time) => { + if (this.totalItems.length>0) { + let code = "title"; + let bb0 = new Date(this.totalItems[0]); + let bb1 = new Date(this.totalItems[1]); + + if(this.form_[code].startTime) { + return time.getTime() < this.form_[code].startTime || time.getTime() > bb1; + }else { + return time.getTime() < bb0 || time.getTime() > bb1; + } + }} + }, + + pickerOptions11: { + disabledDate: (time) => { + if (this.totalItems.length>0) { + let code = "scheme"; + let bb0 = new Date(this.totalItems[0]); + let bb1 = new Date(this.totalItems[1]); + if(this.form_[code].endTime) { + return time.getTime() < bb0 || time.getTime() > this.form_[code].endTime; + }else { + return time.getTime() < bb0 || time.getTime() > bb1; + } + }} + }, + + pickerOptions12: { + disabledDate: (time) => { + if (this.totalItems.length>0) { + let code = "scheme"; + let bb0 = new Date(this.totalItems[0]); + let bb1 = new Date(this.totalItems[1]); + + if(this.form_[code].startTime) { + return time.getTime() < this.form_[code].startTime || time.getTime() > bb1; + }else { + return time.getTime() < bb0 || time.getTime() > bb1; + } + }} + }, + + pickerOptions21: { + disabledDate: (time) => { + if (this.totalItems.length>0) { + let code = "search"; + let bb0 = new Date(this.totalItems[0]); + let bb1 = new Date(this.totalItems[1]); + if(this.form_[code].endTime) { + return time.getTime() < bb0 || time.getTime() > this.form_[code].endTime; + }else { + return time.getTime() < bb0 || time.getTime() > bb1; + } + }} + }, + pickerOptions22: { + disabledDate: (time) => { + if (this.totalItems.length>0) { + let code = "search"; + let bb0 = new Date(this.totalItems[0]); + let bb1 = new Date(this.totalItems[1]); + + if(this.form_[code].startTime) { + return time.getTime() < this.form_[code].startTime || time.getTime() > bb1; + }else { + return time.getTime() < bb0 || time.getTime() > bb1; + } + }} + }, + + pickerOptions31: { + disabledDate: (time) => { + if (this.totalItems.length>0) { + let code = "select"; + let bb0 = new Date(this.totalItems[0]); + let bb1 = new Date(this.totalItems[1]); + if(this.form_[code].endTime) { + return time.getTime() < bb0 || time.getTime() > this.form_[code].endTime; + }else { + return time.getTime() < bb0 || time.getTime() > bb1; + } + }} + }, + pickerOptions32: { + disabledDate: (time) => { + if (this.totalItems.length>0) { + let code = "select"; + let bb0 = new Date(this.totalItems[0]); + let bb1 = new Date(this.totalItems[1]); + + if(this.form_[code].startTime) { + return time.getTime() < this.form_[code].startTime || time.getTime() > bb1; + }else { + return time.getTime() < bb0 || time.getTime() > bb1; + } + }} + }, + + pickerOptions41: { + disabledDate: (time) => { + if (this.totalItems.length>0) { + let code = "get"; + let bb0 = new Date(this.totalItems[0]); + let bb1 = new Date(this.totalItems[1]); + if(this.form_[code].endTime) { + return time.getTime() < bb0 || time.getTime() > this.form_[code].endTime; + }else { + return time.getTime() < bb0 || time.getTime() > bb1; + } + }} + }, + pickerOptions42: { + disabledDate: (time) => { + if (this.totalItems.length>0) { + let code = "get"; + let bb0 = new Date(this.totalItems[0]); + let bb1 = new Date(this.totalItems[1]); + + if(this.form_[code].startTime) { + return time.getTime() < this.form_[code].startTime || time.getTime() > bb1; + }else { + return time.getTime() < bb0 || time.getTime() > bb1; + } + }} + }, + + pickerOptions51: { + disabledDate: (time) => { + if (this.totalItems.length>0) { + let code = "find"; + let bb0 = new Date(this.totalItems[0]); + let bb1 = new Date(this.totalItems[1]); + if(this.form_[code].endTime) { + return time.getTime() < bb0 || time.getTime() > this.form_[code].endTime; + }else { + return time.getTime() < bb0 || time.getTime() > bb1; + } + }} + }, + pickerOptions52: { + disabledDate: (time) => { + if (this.totalItems.length>0) { + let code = "find"; + let bb0 = new Date(this.totalItems[0]); + let bb1 = new Date(this.totalItems[1]); + + if(this.form_[code].startTime) { + return time.getTime() < this.form_[code].startTime || time.getTime() > bb1; + }else { + return time.getTime() < bb0 || time.getTime() > bb1; + } + }} + }, + + pickerOptions61: { + disabledDate: (time) => { + if (this.totalItems.length>0) { + let code = "properties"; + let bb0 = new Date(this.totalItems[0]); + let bb1 = new Date(this.totalItems[1]); + if(this.form_[code].endTime) { + return time.getTime() < bb0 || time.getTime() > this.form_[code].endTime; + }else { + return time.getTime() < bb0 || time.getTime() > bb1; + } + }} + }, + pickerOptions62: { + disabledDate: (time) => { + if (this.totalItems.length>0) { + let code = "properties"; + let bb0 = new Date(this.totalItems[0]); + let bb1 = new Date(this.totalItems[1]); + + if(this.form_[code].startTime) { + return time.getTime() < this.form_[code].startTime || time.getTime() > bb1; + }else { + return time.getTime() < bb0 || time.getTime() > bb1; + } + }} + }, + + pickerOptions71: { + disabledDate: (time) => { + if (this.totalItems.length>0) { + let code = "risk"; + let bb0 = new Date(this.totalItems[0]); + let bb1 = new Date(this.totalItems[1]); + if(this.form_[code].endTime) { + return time.getTime() < bb0 || time.getTime() > this.form_[code].endTime; + }else { + return time.getTime() < bb0 || time.getTime() > bb1; + } + }} + }, + pickerOptions72: { + disabledDate: (time) => { + if (this.totalItems.length>0) { + let code = "risk"; + let bb0 = new Date(this.totalItems[0]); + let bb1 = new Date(this.totalItems[1]); + + if(this.form_[code].startTime) { + return time.getTime() < this.form_[code].startTime || time.getTime() > bb1; + }else { + return time.getTime() < bb0 || time.getTime() > bb1; + } + }} + }, + + pickerOptions81: { + disabledDate: (time) => { + if (this.totalItems.length>0) { + let code = "target"; + let bb0 = new Date(this.totalItems[0]); + let bb1 = new Date(this.totalItems[1]); + if(this.form_[code].endTime) { + return time.getTime() < bb0 || time.getTime() > this.form_[code].endTime; + }else { + return time.getTime() < bb0 || time.getTime() > bb1; + } + }} + }, + pickerOptions82: { + disabledDate: (time) => { + if (this.totalItems.length>0) { + let code = "target"; + let bb0 = new Date(this.totalItems[0]); + let bb1 = new Date(this.totalItems[1]); + + if(this.form_[code].startTime) { + return time.getTime() < this.form_[code].startTime || time.getTime() > bb1; + }else { + return time.getTime() < bb0 || time.getTime() > bb1; + } + }} + }, + + pickerOptions91: { + disabledDate: (time) => { + if (this.totalItems.length>0) { + let code = "analyse"; + let bb0 = new Date(this.totalItems[0]); + let bb1 = new Date(this.totalItems[1]); + if(this.form_[code].endTime) { + return time.getTime() < bb0 || time.getTime() > this.form_[code].endTime; + }else { + return time.getTime() < bb0 || time.getTime() > bb1; + } + }} + }, + pickerOptions92: { + disabledDate: (time) => { + if (this.totalItems.length>0) { + let code = "analyse"; + let bb0 = new Date(this.totalItems[0]); + let bb1 = new Date(this.totalItems[1]); + + if(this.form_[code].startTime) { + return time.getTime() < this.form_[code].startTime || time.getTime() > bb1; + }else { + return time.getTime() < bb0 || time.getTime() > bb1; + } + }} + }, + + pickerOptions101: { + disabledDate: (time) => { + if (this.totalItems.length>0) { + let code = "arrange"; + let bb0 = new Date(this.totalItems[0]); + let bb1 = new Date(this.totalItems[1]); + if(this.form_[code].endTime) { + return time.getTime() < bb0 || time.getTime() > this.form_[code].endTime; + }else { + return time.getTime() < bb0 || time.getTime() > bb1; + } + }} + }, + pickerOptions102: { + disabledDate: (time) => { + if (this.totalItems.length>0) { + let code = "arrange"; + let bb0 = new Date(this.totalItems[0]); + let bb1 = new Date(this.totalItems[1]); + + if(this.form_[code].startTime) { + return time.getTime() < this.form_[code].startTime || time.getTime() > bb1; + }else { + return time.getTime() < bb0 || time.getTime() > bb1; + } + }} + }, + + pickerOptions111: { + disabledDate: (time) => { + if (this.totalItems.length>0) { + let code = "meta"; + let bb0 = new Date(this.totalItems[0]); + let bb1 = new Date(this.totalItems[1]); + if(this.form_[code].endTime) { + return time.getTime() < bb0 || time.getTime() > this.form_[code].endTime; + }else { + return time.getTime() < bb0 || time.getTime() > bb1; + } + }} + }, + pickerOptions112: { + disabledDate: (time) => { + if (this.totalItems.length>0) { + let code = "meta"; + let bb0 = new Date(this.totalItems[0]); + let bb1 = new Date(this.totalItems[1]); + + if(this.form_[code].startTime) { + return time.getTime() < this.form_[code].startTime || time.getTime() > bb1; + }else { + return time.getTime() < bb0 || time.getTime() > bb1; + } + }} + }, + + pickerOptions121: { + disabledDate: (time) => { + if (this.totalItems.length>0) { + let code = "grade"; + let bb0 = new Date(this.totalItems[0]); + let bb1 = new Date(this.totalItems[1]); + if(this.form_[code].endTime) { + return time.getTime() < bb0 || time.getTime() > this.form_[code].endTime; + }else { + return time.getTime() < bb0 || time.getTime() > bb1; + } + }} + }, + pickerOptions122: { + disabledDate: (time) => { + if (this.totalItems.length>0) { + let code = "grade"; + let bb0 = new Date(this.totalItems[0]); + let bb1 = new Date(this.totalItems[1]); + + if(this.form_[code].startTime) { + return time.getTime() < this.form_[code].startTime || time.getTime() > bb1; + }else { + return time.getTime() < bb0 || time.getTime() > bb1; + } + }} + }, + + pickerOptions131: { + disabledDate: (time) => { + if (this.totalItems.length>0) { + let code = "tsa"; + let bb0 = new Date(this.totalItems[0]); + let bb1 = new Date(this.totalItems[1]); + if(this.form_[code].endTime) { + return time.getTime() < bb0 || time.getTime() > this.form_[code].endTime; + }else { + return time.getTime() < bb0 || time.getTime() > bb1; + } + }} + }, + pickerOptions132: { + disabledDate: (time) => { + if (this.totalItems.length>0) { + let code = "tsa"; + let bb0 = new Date(this.totalItems[0]); + let bb1 = new Date(this.totalItems[1]); + + if(this.form_[code].startTime) { + return time.getTime() < this.form_[code].startTime || time.getTime() > bb1; + }else { + return time.getTime() < bb0 || time.getTime() > bb1; + } + }} + }, + + pickerOptions141: { + disabledDate: (time) => { + if (this.totalItems.length>0) { + let code = "compose"; + let bb0 = new Date(this.totalItems[0]); + let bb1 = new Date(this.totalItems[1]); + if(this.form_[code].endTime) { + return time.getTime() < bb0 || time.getTime() > this.form_[code].endTime; + }else { + return time.getTime() < bb0 || time.getTime() > bb1; + } + }} + }, + pickerOptions142: { + disabledDate: (time) => { + if (this.totalItems.length>0) { + let code = "compose"; + let bb0 = new Date(this.totalItems[0]); + let bb1 = new Date(this.totalItems[1]); + + if(this.form_[code].startTime) { + return time.getTime() < this.form_[code].startTime || time.getTime() > bb1; + }else { + return time.getTime() < bb0 || time.getTime() > bb1; + } + }} + }, + + pickerOptions151: { + disabledDate: (time) => { + if (this.totalItems.length>0) { + let code = "translate"; + let bb0 = new Date(this.totalItems[0]); + let bb1 = new Date(this.totalItems[1]); + if(this.form_[code].endTime) { + return time.getTime() < bb0 || time.getTime() > this.form_[code].endTime; + }else { + return time.getTime() < bb0 || time.getTime() > bb1; + } + }} + }, + pickerOptions152: { + disabledDate: (time) => { + if (this.totalItems.length>0) { + let code = "translate"; + let bb0 = new Date(this.totalItems[0]); + let bb1 = new Date(this.totalItems[1]); + + if(this.form_[code].startTime) { + return time.getTime() < this.form_[code].startTime || time.getTime() > bb1; + }else { + return time.getTime() < bb0 || time.getTime() > bb1; + } + }} + }, + + pickerOptions161: { + disabledDate: (time) => { + if (this.totalItems.length>0) { + let code = "evaluation"; + let bb0 = new Date(this.totalItems[0]); + let bb1 = new Date(this.totalItems[1]); + if(this.form_[code].endTime) { + return time.getTime() < bb0 || time.getTime() > this.form_[code].endTime; + }else { + return time.getTime() < bb0 || time.getTime() > bb1; + } + }} + }, + pickerOptions162: { + disabledDate: (time) => { + if (this.totalItems.length>0) { + let code = "evaluation"; + let bb0 = new Date(this.totalItems[0]); + let bb1 = new Date(this.totalItems[1]); + + if(this.form_[code].startTime) { + return time.getTime() < this.form_[code].startTime || time.getTime() > bb1; + }else { + return time.getTime() < bb0 || time.getTime() > bb1; + } + }} + }, + + pickerOptions171: { + disabledDate: (time) => { + if (this.totalItems.length>0) { + let code = "recommend"; + let bb0 = new Date(this.totalItems[0]); + let bb1 = new Date(this.totalItems[1]); + if(this.form_[code].endTime) { + return time.getTime() < bb0 || time.getTime() > this.form_[code].endTime; + }else { + return time.getTime() < bb0 || time.getTime() > bb1; + } + }} + }, + pickerOptions172: { + disabledDate: (time) => { + if (this.totalItems.length>0) { + let code = "recommend"; + let bb0 = new Date(this.totalItems[0]); + let bb1 = new Date(this.totalItems[1]); + + if(this.form_[code].startTime) { + return time.getTime() < this.form_[code].startTime || time.getTime() > bb1; + }else { + return time.getTime() < bb0 || time.getTime() > bb1; + } + }} + }, + + pickerOptions181: { + disabledDate: (time) => { + if (this.totalItems.length>0) { + let code = "format"; + let bb0 = new Date(this.totalItems[0]); + let bb1 = new Date(this.totalItems[1]); + if(this.form_[code].endTime) { + return time.getTime() < bb0 || time.getTime() > this.form_[code].endTime; + }else { + return time.getTime() < bb0 || time.getTime() > bb1; + } + }} + }, + pickerOptions182: { + disabledDate: (time) => { + if (this.totalItems.length>0) { + let code = "format"; + let bb0 = new Date(this.totalItems[0]); + let bb1 = new Date(this.totalItems[1]); + + if(this.form_[code].startTime) { + return time.getTime() < this.form_[code].startTime || time.getTime() > bb1; + }else { + return time.getTime() < bb0 || time.getTime() > bb1; + } + }} + }, + + + pickerOptions191: { + disabledDate: (time) => { + if (this.totalItems.length>0) { + let code = "Contribute"; + let bb0 = new Date(this.totalItems[0]); + let bb1 = new Date(this.totalItems[1]); + if(this.form_[code].endTime) { + return time.getTime() < bb0 || time.getTime() > this.form_[code].endTime; + }else { + return time.getTime() < bb0 || time.getTime() > bb1; + } + }} + }, + pickerOptions192: { + disabledDate: (time) => { + if (this.totalItems.length>0) { + let code = "Contribute"; + let bb0 = new Date(this.totalItems[0]); + let bb1 = new Date(this.totalItems[1]); + + if(this.form_[code].startTime) { + return time.getTime() < this.form_[code].startTime || time.getTime() > bb1; + }else { + return time.getTime() < bb0 || time.getTime() > bb1; + } + }} + }, + + 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: { @@ -1210,8 +3621,8 @@ 'properties': false, 'risk': false, 'target': false, - 'propertiesArrangement': false, - 'riskChart': false, + 'analyse': false, + 'arrange': false, 'meta': false, 'grade': false, 'tsa': false, @@ -1282,11 +3693,11 @@ children:[ { id:"properties", - title: "瀹氭�т俊鎭�", + title: "鏁版嵁鎻愬彇", parentId: "003", checkArr: "0" }, - { + /* { id:"risk", title: "椋庨櫓鍋忓�氫俊鎭�", parentId: "003", @@ -1297,7 +3708,7 @@ title: "缁撳眬鎸囨爣鏁版嵁", parentId: "003", checkArr: "0" - }, + }, */ ] },{ id:"004", @@ -1306,14 +3717,14 @@ checkArr: "0", children:[ { - id:"propertiesArrangement", - title: "瀹氭�т俊鎭暣鐞嗘�荤粨", + id:"analyse", + title: "鏁版嵁鍒嗘瀽", parentId: "004", checkArr: "0" }, { - id:"riskChart", - title: "椋庨櫓鍋忓�氬浘琛ㄥ埗浣�", + id:"arrange", + title: "鏁版嵁鏁寸悊涓庡綍鍏�", parentId: "004", checkArr: "0" }, @@ -1384,26 +3795,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: [ @@ -1418,7 +3829,12 @@ ], titleInput_: "", + rules_check: { + + }, + options_parttimeUser: [], + options_parttimeU_list: [], options_users: [ { value: "user1", @@ -1439,6 +3855,8 @@ created() { //user this.getUsers(); + this.getPartTime(); + this.getMenu(); }, mounted() { @@ -1446,6 +3864,17 @@ }, methods: { + getPartTime() { + let me = this; + let url = "/api/sysRoleMapping/partTime"; + this.$axios.get(url) + .then(data_ => { + this.options_parttimeUser = data_.data.data; + + }).catch(error =>{ + + }) + }, getUsers() { let me = this; let url = "/api/sysRoleMapping/detail"; @@ -1485,37 +3914,103 @@ }) }, + 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; + }) + }, + getDetailed() { + let me = this; let url = "/api/detail/parent/" + this.xmId; this.$axios.get(url).then(data_ => { - this.defaultCheckedKeys = []; - this.showData = {}; + window.console.log(data_); + me.defaultCheckedKeys = []; + me.showData = {}; let details_ = data_.data.data; if(details_.length > 0) {//濡傛灉瀛樺湪鏄庣粏 for(let i=0; i<details_.length; i++) { let detail_ = details_[i]; //璁剧疆鏍戠殑閫変腑 - this.defaultCheckedKeys.push(detail_.type); + me.defaultCheckedKeys.push(detail_.type); //灞曞紑鎵�鏈夋爲鑺傜偣瀵瑰簲鐨刦rom - this.showData[detail_.type] = true; + me.showData[detail_.type] = true; //缁欐墍鏈夌殑from鐨勬暟鎹祴鍊� - this.form_[detail_.type] = detail_; - this.form_[detail_.type].userIds = []; - this.form_[detail_.type].userIds.push(detail_.roleName); - this.form_[detail_.type].userIds.push(detail_.userId); + 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_.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(";"); + } + } + } + + /* if (detail_.parttimeUser) { + me.form_[detail_.type].parttimeUser = detail_.parttimeUser.split(";"); + } */ + + /* let items_ = "items_" + detail_.type; + this.form_[detail_.type][items_] = []; + this.form_[detail_.type][items_].push(new Date(detail_.startTime)); + this.form_[detail_.type][items_].push(new Date(detail_.endTime)); */ + // me.form_[detail_.type].items_fz = [me.$moment(detail_.startTime).format('YYYY-MM-DD'), me.$moment(detail_.endTime).format('YYYY-MM-DD')]; } } - this.finish = true; + me.finish = true; }).catch(error =>{ }) }, + title_items(value) { + this.form_['title'].items_fz = value; + }, + + scheme_items(value) { + this.form_['scheme'].items_fz = value; + }, + handleNodeClick(data,checkedNodes){ - console.log(data); //鑾峰彇鎵�鏈夎閫変腑鐨勬牴鑺傜偣锛� let showData_ = {}; let checkedDatas = checkedNodes.checkedNodes; @@ -1523,6 +4018,9 @@ let checkedData = checkedDatas[i]; if (!checkedData.children) { showData_[checkedData.id] = true; + if (checkedData.tableName) { + this.form_[checkedData.id].dataInfoTable = checkedData.tableName; + } } } @@ -1540,7 +4038,102 @@ } }, + parttimeChange(code) { + if (!this.form_[code].parttime ) { + this.form_[code].parttimeList = []; + } + }, + change_(e){ + this.$forceUpdate(); + }, + form_change(type, key, valKey, code) { + let val = this.form_[type][valKey]; + if (!this.form_[type].existsObject) { + this.form_[type].existsObject = {}; + } + if (code && code == "arrayToStr") { + if (val.length > 0) { + for (let i = 0; i< val.length; i++) { + if (i == 0) { + this.form_[type].existsObject[key] = val[i]; + } + else { + this.form_[type].existsObject[key] += ";" + val[i]; + } + } + } + else { + this.form_[type].existsObject[key] = ""; + } + } + else { + this.form_[type].existsObject[key] = val; + } + }, + + outcomesArrayChange_(code) { + let val = this.form_[code].outcomes_array; + if (val.length > 0) { + for (let i = 0; i< val.length; i++) { + if (i == 0) { + this.form_[code].outcomes = val[i]; + } + else { + this.form_[code].outcomes += ";" + val[i]; + } + } + } + else { + this.form_[code].outcomes = ""; + } + }, + + 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) { + if (!this.form_[this.ParttimeType].parttimeList) { + this.form_[this.ParttimeType].parttimeList = []; + } + 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); + }, } }; @@ -1555,6 +4148,13 @@ margin: 10px 0; } + .class_substep .z_grid-content1 { + display:table-cell; + vertical-align:bottom; + color: #2c3e50; + height: 60px; + } + .class_substep .z_grid-content3 { display:table-cell; vertical-align:bottom; -- Gitblit v1.8.0