From 43e1199ca0c75787fb6b52bef7d595abd115ceab Mon Sep 17 00:00:00 2001 From: feige <791364011@qq.com> Date: 星期四, 02 一月 2025 21:44:58 +0800 Subject: [PATCH] 修改bug --- ruoyi-ui/src/views/self/memo.vue | 1127 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++- 1 files changed, 1,099 insertions(+), 28 deletions(-) diff --git a/ruoyi-ui/src/views/self/memo.vue b/ruoyi-ui/src/views/self/memo.vue index 7a32f90..128f77c 100644 --- a/ruoyi-ui/src/views/self/memo.vue +++ b/ruoyi-ui/src/views/self/memo.vue @@ -1,5 +1,10 @@ <template> <div class="app-container" id="printable-content"> + <el-backtop :bottom="150" :right="30"> + <el-button type="primary" circle + class="el-icon-top" + ></el-button> + </el-backtop> <h1 style="font-size:21px;padding-top:30px;display: flex;"> <span>涓汉绠�鍘�</span> <div class="button-container" > @@ -72,12 +77,12 @@ <!-- <el-input v-model="individualList.sex === 1 ? '鐢�':'濂�' " placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">--> <!-- </el-input>--> <template v-if="!isEditing"> - <el-input v-model="individualList.sex === 1 ? inds='鐢�':inds='濂�'" placeholder="" clearable :style="{width: '100%'}" :disabled="dsb"></el-input> + <el-input v-model="individualList.sex === 0 ? inds='鐢�':inds='濂�'" placeholder="" clearable :style="{width: '100%'}" :disabled="dsb"></el-input> </template> <template v-else> <el-select v-model="inds" placeholder="璇烽�夋嫨鎬у埆" clearable :style="{width: '100%'}" :disabled="dsb"> - <el-option label="鐢�" value='1'></el-option> - <el-option label="濂�" value='0'></el-option> + <el-option label="鐢�" value='0'></el-option> + <el-option label="濂�" value='1'></el-option> </el-select> </template> </el-form-item> @@ -113,7 +118,7 @@ <template v-if="!isEditing" > <el-input v-if="individualList.maritalStatus===0" placeholder="鏈"></el-input> <el-input v-if="individualList.maritalStatus===1" placeholder="宸插"></el-input> - <el-input v-if="individualList.maritalStatus===2" placeholder="鏈"></el-input> + <el-input v-if="individualList.maritalStatus===2" placeholder="绂诲"></el-input> </template> <template v-else> @@ -144,7 +149,7 @@ accept="image/*" :multiple="false" :http-request="requestUpload" - :on-success="handleSucess" + :limit="1"> <el-avatar shape="square" style="width: 200px;;height: 200px;" > @@ -251,6 +256,478 @@ </el-collapse-item> </el-collapse> + <!--鎶樺彔闈㈡澘--> + <el-collapse v-model="activeNames" @change="handleChange5"> + <!-- <el-collapse-item title="绉诲眳鍥斤紙澧冿級鎯呭喌" name="3" > + <div> + <el-form v-loading="loading" :data="individualList" @selection-change="handleSelectionChange"> + <el-form-item label="鏄惁鎷ユ湁澶栫睄銆佸澶栧眳鐣欐潈銆侀暱鏈熷眳鐣欒鍙�" > + <el-radio-group v-model="individualList.outStatus" style="margin-bottom: 0;color: #FEF7FC;" :disabled="dsb"> + <el-radio :label="1">鏄�</el-radio> + <el-radio :label="0">鍚�</el-radio> + </el-radio-group> + <el-container > + <el-row :span="7"> + <el-form v-loading="loading" :data="individualList" @selection-change="handleSelectionChange"> + <el-form-item label="璇佷欢鍙风爜" prop="idNo" label-width="70px"> + <el-input v-model="individualList.idNo" style="color: #FEF7FC;" placeholder="" clearable :style="{width: '100%'}" :disabled="dsb"> + </el-input> + </el-form-item> + </el-form> + </el-row> + </el-container> + </el-form-item> + </el-form> + + </div> + + </el-collapse-item> --> + + <!--涓昏瀛︿範鍙婂伐浣滅粡鍘�--> + <el-collapse-item name="1" > + <template v-slot:title> + <div class="title-wrapper"> + <div class="left-content">涓昏瀛︿範鍙婂伐浣滅粡鍘�</div> + <div> + <el-button class="button" size="mini" type="text" @click="showDialog('open')" > + <span v-html="'\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'"></span></el-button> + </div> + </div> + </template> + <el-table v-loading="loading" border :data="experienceList" @selection-change="handleSelectionChange" :row-class-name="tableRowClassName" style="background: #FFEFF2; border-radius: 14px 14px 14px 14px;"> + <el-table-column label="寮�濮嬫棩鏈�" prop="startDate" sortable width="250" align="center" > + <template slot-scope="scope"> + <template v-if="!scope.row.isEdit">{{ scope.row.startDate }}</template> + <template v-else> + <el-date-picker v-model="scope.row.startDate" type="date" placeholder="璇烽�夋嫨鏃ユ湡" + :editable="false" :clearable="false" :style="{width: '100%'}" value-format="yyyy-MM-dd" + ></el-date-picker></template> + </template> + </el-table-column> + <el-table-column label="缁撴潫鏃ユ湡" prop="endDate" sortable width="250" align="center" > + <template slot-scope="scope"> + <template v-if="!scope.row.isEdit">{{ scope.row.endDate }}</template> + <template v-else><el-date-picker v-model="scope.row.endDate" type="date" placeholder="璇烽�夋嫨鏃ユ湡" + :editable="false" :clearable="false" :style="{width: '100%'}" value-format="yyyy-MM-dd" + ></el-date-picker></template> + </template> + </el-table-column> + <el-table-column label="涓昏瀛︿範缁忓巻銆佸伐浣滃崟浣嶅強浠昏亴鎯呭喌" prop="content" sortable width="350" align="center" > + <template slot-scope="scope"> + <template v-if="!scope.row.isEdit">{{ scope.row.content }}</template> + <template v-else><el-input v-model="scope.row.content"></el-input></template> + </template> + </el-table-column> + <el-table-column label="璇佹槑浜�" prop="witness" sortable width="300" align="center" > + <template slot-scope="scope"> + <template v-if="!scope.row.isEdit">{{ scope.row.witness }}</template> + <template v-else><el-input v-model="scope.row.witness"></el-input></template> + </template> + </el-table-column> + <!-- 鎿嶄綔--> + <el-table-column label="鎿嶄綔" align="center" class-name="small-padding fixed-width" v-if="userId != 2"> + <template slot-scope="scope" v-if="scope.row.roleId !== 1"> + <el-button size="mini" type="text" icon="el-icon-edit" v-if="!editStatus[scope.row.id]" + @click="editRow(scope.row)" v-hasPermi="['system:role:edit']">淇敼</el-button> + <el-button size="mini" type="text" + v-if="editStatus[scope.row.id]" @click="saveRowExperienceList(scope.row)">淇濆瓨</el-button> + <el-button size="mini" type="text" icon="el-icon-delete" + @click="handleExperienceDelete(scope.row)" v-hasPermi="['system:role:remove']">鍒犻櫎</el-button> + </template> + </el-table-column> + </el-table> + </el-collapse-item> + <!-- 瀹跺涵鎴愬憳鍙婁富瑕佺ぞ浼氬叧绯绘儏鍐� --> + <el-collapse-item name="2" > + <template v-slot:title> + <div class="title-wrapper"> + <div class="left-content">瀹跺涵鎴愬憳鍙婁富瑕佺ぞ浼氬叧绯绘儏鍐�</div> + <div> + <el-button class="button" size="mini" type="text" @click="showDialog('relation1')"> + <span v-html="'\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'"></span></el-button> + </div> + </div> + </template> + <el-table v-loading="loading" border :data="relationList" @selection-change="handleSelectionChange" + :row-class-name="tableRowClassName" style="background: #FFEFF2; border-radius: 14px 14px 14px 14px;"> + <el-table-column label="涓庢湰浜哄叧绯�" prop="relation" sortable width="260" align="center" > + <template slot-scope="scope"> + <template v-if="!scope.row.isEdit">{{ scope.row.relation }}</template> + <template v-else><el-input v-model="scope.row.relation"></el-input></template> + </template> + </el-table-column> + <el-table-column label="濮撳悕" prop="otherName" sortable width="260" align="center" > + <template slot-scope="scope"> + <template v-if="!scope.row.isEdit">{{ scope.row.otherName }}</template> + <template v-else><el-input v-model="scope.row.otherName"></el-input></template> + </template> + </el-table-column> + <el-table-column label="鍗曚綅" prop="otherUnit" sortable width="220" align="center" > + <template slot-scope="scope"> + <template v-if="!scope.row.isEdit">{{ scope.row.otherUnit }}</template> + <template v-else><el-input v-model="scope.row.otherUnit"></el-input></template> + </template> + </el-table-column> + <el-table-column label="鑱屽姟" prop="otherPosition" sortable width="220" align="center"> + <template slot-scope="scope"> + <template v-if="!scope.row.isEdit">{{ scope.row.otherPosition }}</template> + <template v-else><el-input v-model="scope.row.otherPosition"></el-input></template> + </template> + </el-table-column> + <el-table-column label="鏀挎不闈㈣矊" prop="otherPolitical" sortable width="260" align="center"> + <template slot-scope="scope"> + <template v-if="!scope.row.isEdit">{{ scope.row.otherPolitical }}</template> + <template v-else><el-input v-model="scope.row.otherPolitical"></el-input></template> + </template> + </el-table-column> + <el-table-column label="鎿嶄綔" align="center" class-name="small-padding fixed-width" v-if="userId != 2"> + <template slot-scope="scope" v-if="scope.row.roleId !== 1"> + <el-button size="mini" type="text" icon="el-icon-edit" v-if="!editStatus[scope.row.id]" + @click="editRow(scope.row)" v-hasPermi="['system:role:edit']">淇敼</el-button> + <el-button size="mini" type="text" v-if="editStatus[scope.row.id]" + @click="saveRowRelationList(scope.row)">淇濆瓨</el-button> + <el-button size="mini" type="text" icon="el-icon-delete" + @click="handleRelationDelete(scope.row)" v-hasPermi="['system:role:remove']">鍒犻櫎</el-button> + </template> + </el-table-column> + </el-table> + </el-collapse-item> + <!--鎸佹湁鍑哄叆澧冭瘉浠舵儏鍐�--> + <el-collapse-item name="4"> + <template v-slot:title> + <div class="title-wrapper"> + <div class="left-content">鎸佹湁璇佷欢鎯呭喌</div> + <el-button class="button" size="mini" type="text" @click="showDialog('certificate')"> + <span v-html="'\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'"></span></el-button> + </div> + </template> + <el-table v-loading="loading" border :data="certificateList" @selection-change="handleSelectionChange" + :row-class-name="tableRowClassName" style="background: #FFEFF2; border-radius: 14px 14px 14px 14px;"> + <el-table-column label="璇佷欢鍚嶇О" prop="cerName" sortable width="230" align="center" > + <template slot-scope="scope"> + <template v-if="!scope.row.isEdit">{{ scope.row.cerName }}</template> + <template v-else><el-input v-model="scope.row.cerName"></el-input></template> + </template> + </el-table-column> + <el-table-column label="璇佷欢绫诲瀷" prop="type" sortable width="230" align="center" > + <template slot-scope="scope"> + <template v-if="!scope.row.isEdit">{{ scope.row.type }}</template> + <template v-else><el-input v-model="scope.row.type"></el-input></template> + </template> + </el-table-column> + <el-table-column label="鎸佹湁鎯呭喌" prop="ownStatus" sortable width="230" align="center" > + <template slot-scope="scope"> + <template v-if="!scope.row.isEdit">{{ scope.row.ownStatus }}</template> + <template v-else><el-input v-model="scope.row.ownStatus"></el-input></template> + </template> + </el-table-column> + <el-table-column label="璇佷欢鍙风爜" prop="idNo" sortable width="230" align="center" > + <template slot-scope="scope"> + <template v-if="!scope.row.isEdit">{{ scope.row.idNo }}</template> + <template v-else><el-input v-model="scope.row.idNo"></el-input></template> + </template> + </el-table-column> + <el-table-column label="寮�濮嬫椂闂�" prop="startTime" sortable width="230" align="center"> + <template slot-scope="scope"> + <template v-if="!scope.row.isEdit">{{ scope.row.startTime }}</template> + <template v-else> + <el-date-picker v-model="scope.row.startTime" type="date" placeholder="璇烽�夋嫨鏃ユ湡" + :editable="false" :clearable="false" :style="{width: '100%'}" value-format="yyyy-MM-dd" + ></el-date-picker></template> + </template> + </el-table-column> + <el-table-column label="缁撴潫鏃堕棿" prop="endTime" sortable width="230" align="center"> + <template slot-scope="scope"> + <template v-if="!scope.row.isEdit">{{ scope.row.endTime }}</template> + <template v-else> + <el-date-picker v-model="scope.row.endTime" type="date" placeholder="璇烽�夋嫨鏃ユ湡" + :editable="false" :clearable="false" :style="{width: '100%'}" value-format="yyyy-MM-dd" + ></el-date-picker></template> + </template> + </el-table-column> + <el-table-column label="鎿嶄綔" align="center" class-name="small-padding fixed-width" v-if="userId != 2"> + <template slot-scope="scope" v-if="scope.row.roleId !== 1"> + <el-button size="mini" type="text" icon="el-icon-edit" v-if="!editStatus[scope.row.id]" + @click="editRow(scope.row)" v-hasPermi="['system:role:edit']">淇敼</el-button> + <el-button size="mini" type="text" v-if="editStatus[scope.row.id]" + @click="saveRowCertificateList(scope.row)">淇濆瓨</el-button> + <el-button size="mini" type="text" icon="el-icon-delete" + @click="handleCertificateDelete(scope.row)" v-hasPermi="['system:role:remove']">鍒犻櫎</el-button> + </template> + </el-table-column> + </el-table> + </el-collapse-item> + <!--鍑哄浗锛堝锛夋儏鍐�--> + <el-collapse-item name="5"> + <template v-slot:title> + <div class="title-wrapper"> + <div class="left-content">鍑哄浗锛堝锛夋儏鍐�</div> + <el-button class="button" size="mini" type="text" @click="showDialog('abroad')"> + <span v-html="'\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'"></span></el-button> + </div> + </template> + <el-table v-loading="loading" border :data="AbroadList" @selection-change="handleSelectionChange" + :row-class-name="tableRowClassName" style="background: #FFEFF2; border-radius: 14px 14px 14px 14px;"> + <el-table-column label="寮�濮嬫椂闂�" prop="startTime" sortable width="200" align="center"> + <template slot-scope="scope"> + <template v-if="!scope.row.isEdit">{{ scope.row.startTime }}</template> + <template v-else> + <el-date-picker v-model="scope.row.startTime" type="date" placeholder="璇烽�夋嫨鏃ユ湡" + :editable="false" :clearable="false" :style="{width: '100%'}" value-format="yyyy-MM-dd" + ></el-date-picker></template> + </template> + </el-table-column> + <el-table-column label="缁撴潫鏃堕棿" prop="endTime" sortable width="200" align="center"> + <template slot-scope="scope"> + <template v-if="!scope.row.isEdit">{{ scope.row.endTime }}</template> + <template v-else> + <el-date-picker v-model="scope.row.endTime" type="date" placeholder="璇烽�夋嫨鏃ユ湡" + :editable="false" :clearable="false" :style="{width: '100%'}" value-format="yyyy-MM-dd" + ></el-date-picker></template> + </template> + </el-table-column> + <el-table-column label="鎵�鍒板浗瀹舵垨鑰呭湴鍖�" prop="destination" sortable width="300" align="center" > + <template slot-scope="scope"> + <template v-if="!scope.row.isEdit">{{ scope.row.destination }}</template> + <template v-else><el-input v-model="scope.row.destination"></el-input></template> + </template> + </el-table-column> + <el-table-column label="浜嬬敱锛堟梾娓搞�佽蛋璁裤�佹帰浜层�佺户鎵胯储浜с�佸叾浠栵級" prop="cause" sortable width="420" align="center" > + <template slot-scope="scope"> + <template v-if="!scope.row.isEdit">{{ scope.row.cause }}</template> + <template v-else><el-input v-model="scope.row.cause"></el-input></template> + </template> + </el-table-column> + <el-table-column label="鎿嶄綔" align="center" class-name="small-padding fixed-width" v-if="userId != 2"> + <template slot-scope="scope" v-if="scope.row.roleId !== 1"> + <el-button size="mini" type="text" icon="el-icon-edit" v-if="!editStatus[scope.row.id]" + @click="editRow(scope.row)" v-hasPermi="['system:role:edit']">淇敼</el-button> + <el-button size="mini" type="text" v-if="editStatus[scope.row.id]" + @click="saveRowAbroadList(scope.row)">淇濆瓨</el-button> + <el-button size="mini" type="text" icon="el-icon-delete" @click="handleAbroadDelete(scope.row)" + v-hasPermi="['system:role:remove']">鍒犻櫎</el-button> + </template> + </el-table-column> + </el-table> + </el-collapse-item> + <!-- 鑷紶--> + <el-collapse-item name="6"> + <template v-slot:title> + <div class="title-wrapper"> + <div class="left-content">鑷紶</div> + <div> + <el-button size='mini' type="text" class="button" @click="showDialog('autobiography')" > + <span v-html="'\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'"></span> + </el-button> + </div> + </div> + </template> + <el-container> + <div> + <el-tabs type="border-card" v-model="activeName" @tab-click="handleClick" + v-loading="loading" :data="AutobiographyList" > + <el-tab-pane v-for="(item, index) in AutobiographyList" + :key='item.id' :label="item.ageBegin+'~'+item.ageEnd+'宀�'+'('+item.term+')'"> + <div>{{ item.content }}</div> + <div style="margin-bottom: 20px;"> + <el-button size='mini' type="text" class="btn_edit" @click="editAutobiography(item)" style='right:40px;top:5px;'> + <span v-html="'\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'"></span> + </el-button> + + <el-button size="mini" type="text" class="btn_del" @click="handleAutobiography(item)" style='right:10px;top:5px;'> + <span v-html="'\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'"></span> + </el-button> + </div> + </el-tab-pane> + </el-tabs></div> + </el-container> + </el-collapse-item> + + </el-collapse> + + + + + <pagination + v-show="total>0" + :total="total" + :page.sync="queryParams.pageNum" + :limit.sync="queryParams.pageSize" + @pagination="getList" + /> + + <!-- 鏂板涓昏缁忓巻淇℃伅閰嶇疆瀵硅瘽妗� --> + <el-dialog title="鏂板涓昏缁忓巻淇℃伅" :visible.sync="dialogVisible.open" width="900px" append-to-body> + <el-form ref="elForm1" :model="formDat" :rules="rules" size="medium" label-width="140px"> + <el-form-item label="寮�濮嬫棩鏈�" prop="startDate"> + <el-date-picker v-model="formDat.startDate" type="date" placeholder="璇烽�夋嫨鏃ユ湡" + :editable="false" :clearable="false" :style="{width: '100%'}" value-format="yyyy-MM-dd" + ></el-date-picker> + </el-form-item> + <el-form-item label="缁撴潫鏃ユ湡" prop="endDate"> + <el-date-picker v-model="formDat.endDate" type="date" placeholder="璇烽�夋嫨鏃ユ湡" + :editable="false" :clearable="false" :style="{width: '100%'}" value-format="yyyy-MM-dd" + ></el-date-picker> + </el-form-item> + <el-form-item label="涓昏瀛︿範缁忓巻銆佸伐浣滃崟浣嶅強浠昏亴鎯呭喌" prop="content"> + <el-input v-model="formDat.content" type="textarea" :rows="5" placeholder="璇疯緭鍏ヤ富瑕佸涔犵粡鍘嗐�佸伐浣滃崟浣嶅強浠昏亴鎯呭喌" clearable :style="{width: '100%'}" > + </el-input> + </el-form-item> + <el-form-item label="璇佹槑浜�" prop="witness"> + <el-input v-model="formDat.witness" placeholder="璇疯緭鍏ヨ瘉鏄庝汉" clearable :style="{width: '100%'}" > + </el-input> + </el-form-item> + + </el-form> + <h4 class="form-header"> </h4> + + <div slot="footer" class="dialog-footer"> + <el-button type="primary" @click="submitDataScope">淇� 瀛�</el-button> + <el-button @click="cancelData">鍙� 娑�</el-button> + </div> + </el-dialog> + <!-- 鏂板瀹跺涵鎴愬憳鍙婁富瑕佺ぞ浼氬叧绯绘儏鍐典俊鎭厤缃璇濇 --> + <el-dialog title="鏂板瀹跺涵鎴愬憳鍙婁富瑕佺ぞ浼氬叧绯绘儏鍐�" :visible.sync="dialogVisible.relation1" width="900px" append-to-body> + <el-form ref="elForm" :model="formDat" :rules="rules" size="medium" label-width="140px"> + <el-form-item label="涓庢湰浜哄叧绯�" prop="relation"> + <el-input v-model="formDat.relation" placeholder="璇疯緭鍏ヤ笌鏈汉鍏崇郴" clearable :style="{width: '100%'}" ></el-input> + </el-form-item> + <el-form-item label="濮撳悕" prop="otherName"> + <el-input v-model="formDat.otherName" placeholder="璇疯緭鍏ュ鍚�" clearable :style="{width: '100%'}" > + </el-input> + </el-form-item> + <el-form-item label="鍗曚綅" prop="otherUnit"> + <el-input v-model="formDat.otherUnit" placeholder="璇疯緭鍏ュ崟浣�" clearable :style="{width: '100%'}" > + </el-input> + </el-form-item> + <el-form-item label="鑱屽姟" prop="otherPosition"> + <el-input v-model="formDat.otherPosition" placeholder="璇疯緭鍏ヨ亴鍔�" clearable :style="{width: '100%'}" > + </el-input> + </el-form-item> + <el-form-item label="鏀挎不闈㈣矊" prop="otherPolitical"> + <el-input v-model="formDat.otherPolitical" placeholder="璇疯緭鍏ユ斂娌婚潰璨�" clearable :style="{width: '100%'}" > + </el-input> + </el-form-item> + + </el-form> + <h4 class="form-header"> </h4> + + <div slot="footer" class="dialog-footer"> + <el-button type="primary" @click="submitDataScope2">淇� 瀛�</el-button> + <el-button @click="cancelData">鍙� 娑�</el-button> + </div> + </el-dialog> + <!-- 鏂板鎸佹湁璇佷欢鎯呭喌淇℃伅閰嶇疆瀵硅瘽妗� --> + <el-dialog title="鏂板鎸佹湁璇佷欢鎯呭喌" :visible.sync="dialogVisible.certificate" width="900px" append-to-body> + <el-form ref="elForm" :model="formDat" :rules="rules" size="medium" label-width="140px"> + <el-form-item label="璇佷欢鍚嶇О" prop="cerName"> + <el-input v-model="formDat.cerName" placeholder="璇疯緭鍏ヨ瘉浠跺悕绉�" clearable :style="{width: '100%'}" > + </el-input> + </el-form-item> + <el-form-item label="璇佷欢绫诲瀷" prop="type"> + <el-select v-model="formDat.type" placeholder="璇烽�夋嫨璇佷欢绫诲瀷" clearable :style="{width: '100%'}" > + <el-option v-for="(item, index) in typeOption" :key="index" :label="item.label" :value="item.value" + ></el-option> + </el-select> + <el-input v-model="newOption" placeholder="鑻ユ湭鍦ㄤ笂杩伴�夐」涓壘鍒板搴旂被鍨嬶紝璇峰湪姝よ緭鍏ユ柊鐨勮瘉浠剁被鍨�" ></el-input> + + </el-form-item> + <el-form-item label="鎸佹湁鎯呭喌" prop="ownStatus"> + <el-input v-model="formDat.ownStatus" placeholder="璇疯緭鍏ユ寔鏈夋儏鍐�" clearable :style="{width: '100%'}" > + </el-input> + </el-form-item> + <el-form-item label="璇佷欢鍙风爜" prop="idNo"> + <el-input v-model="formDat.idNo" placeholder="璇疯緭鍏ヨ瘉浠跺彿鐮�" clearable :style="{width: '100%'}" > + </el-input> + </el-form-item> + <el-form-item label="寮�濮嬫棩鏈�" prop="startTime"> + <el-date-picker v-model="formDat.startTime" type="date" placeholder="璇烽�夋嫨鏃ユ湡" + :editable="false" :clearable="false" :style="{width: '100%'}" value-format="yyyy-MM-dd" + ></el-date-picker> + </el-form-item> + <el-form-item label="缁撴潫鏃ユ湡" prop="endTime"> + <el-date-picker v-model="formDat.endTime" type="date" placeholder="璇烽�夋嫨鏃ユ湡" + :editable="false" :clearable="false" :style="{width: '100%'}" value-format="yyyy-MM-dd" + ></el-date-picker></el-form-item> + </el-form> + <h4 class="form-header"> </h4> + + <div slot="footer" class="dialog-footer"> + <el-button type="primary" @click="submitDataScope4">淇� 瀛�</el-button> + <el-button @click="cancelData">鍙� 娑�</el-button> + </div> + </el-dialog> + <!-- 鏂板鍑哄浗锛堝锛夋儏鍐典俊鎭厤缃璇濇 --> + <el-dialog title="鏂板鍑哄浗锛堝锛夋儏鍐典俊鎭�" :visible.sync="dialogVisible.abroad" width="900px" append-to-body> + <el-form ref="elForm" :model="formDat" :rules="rules" size="medium" label-width="140px"> + <el-form-item label="寮�濮嬫棩鏈�" prop="startTime"> + <el-date-picker v-model="formDat.startTime" type="date" placeholder="璇烽�夋嫨鏃ユ湡" + :editable="false" :clearable="false" :style="{width: '100%'}" value-format="yyyy-MM-dd" + ></el-date-picker></el-form-item> + <el-form-item label="缁撴潫鏃ユ湡" prop="endTime"> + <el-date-picker v-model="formDat.endTime" type="date" placeholder="璇烽�夋嫨鏃ユ湡" + :editable="false" :clearable="false" :style="{width: '100%'}" value-format="yyyy-MM-dd" + ></el-date-picker> + </el-form-item> + <el-form-item label="鎵�鍒板浗瀹舵垨鑰呭湴鍖�" prop="destination"> + <el-input v-model="formDat.destination" type="textarea" :rows="5" placeholder="璇疯緭鍏ユ墍鍒板浗瀹舵垨鑰呭湴鍖�" clearable :style="{width: '100%'}" > + </el-input> + </el-form-item> + <el-form-item label="浜嬬敱(鏃呮父銆佽蛋璁裤�佹帰浜层�佺户鎵胯储浜с�佸叾浠�)" prop="cause"> + <el-input v-model="formDat.cause" placeholder="璇疯緭鍏ヤ簨鐢�(鏃呮父銆佽蛋璁裤�佹帰浜层�佺户鎵胯储浜с�佸叾浠�)" clearable :style="{width: '100%'}" > + </el-input> + </el-form-item> + + </el-form> + <h4 class="form-header"> </h4> + + <div slot="footer" class="dialog-footer"> + <el-button type="primary" @click="submitDataScope5">淇� 瀛�</el-button> + <el-button @click="cancelData">鍙� 娑�</el-button> + </div> + </el-dialog> + <!--鏂板鑷紶--> + <el-dialog :title="isEdit1 ? '缂栬緫璁板綍' : '鏂板璁板綍'" :visible.sync="dialogVisible.autobiography" width="900px" append-to-body> + <el-col > + <el-form ref="elFormzz" :model="formDat6" :rules="rules" size="medium" label-position="left" > + <el-row :span="5"> + <!-- <el-form-item label="闇�瑕佷慨鏀圭殑璁板綍锛�" prop="id">--> + <!-- <el-select v-model="formDat.id" placeholder="璇烽�夋嫨闇�瑕佷慨鏀圭殑璁板綍" clearable :style="{width: '50%'}" >--> + <!-- <el-option v-for="(item, index) in AutobiographyList" :key='item.id' :label="item.ageBegin+'~'+item.ageEnd+'宀�'+'('+item.term+')'"--> + <!-- ></el-option>--> + <!-- </el-select>--> + <!-- </el-form-item>--> + <el-form-item label="骞撮緞娈碉細" prop="ageBegin ageEnd" label-width="70px"> + <el-input @input="$forceUpdate()" type="number" v-model="formDat6.ageBegin" placeholder="" clearable :style="{width: '20%'}" > + </el-input> + <span> 宀� 鈥斺��</span> + <el-input @input="$forceUpdate()" type="number" v-model="formDat6.ageEnd" placeholder="" clearable :style="{width: '20%'}" > + </el-input> + <span> 宀� </span> + </el-form-item> + <el-form-item label="鏃舵湡锛�" prop="term"> + <!-- <el-select v-model="formDat.term" placeholder="璇烽�夋嫨鏃舵湡" clearable :style="{width: '50%'}" >--> + <!-- <el-option v-for="(item, index) in typeOptions" :key="index" :label="item.label" :value="item.value"--> + <!-- ></el-option>--> + <!-- </el-select>--> + <el-input @input="$forceUpdate()" v-model="formDat6.term" placeholder="璇疯緭鍏ユ椂鏈�" clearable :style="{width: '100%'}" > + </el-input> + </el-form-item> + <el-form-item label="鍐呭缂栬緫锛�" prop="content"> + <el-input @input="$forceUpdate()" v-model="formDat6.content" type="textarea" :rows="5" placeholder="" clearable :style="{width: '100%'}" > + </el-input> + </el-form-item> + </el-row> + </el-form> + </el-col> + <h4 class="form-header"> </h4> + + <div slot="footer" class="dialog-footer"> + <el-button type="primary" @click="submitDataScope6">淇� 瀛�</el-button> + <el-button @click="cancelData">鍙� 娑�</el-button> + </div> + </el-dialog> + </div> </template> @@ -264,7 +741,9 @@ getAutobiographyList, getAutobiographyTermList, addAutobiography, updateAutobiography,delAutobiography, getCategory, } from "@/api/self/index"; -import {listNote,enload,getNote, addNote,updateNote, delNote,uploadPic} from "@/api/memo/index"; +import {getAllInfo} from "@/api/system/user" +import {showShareUser} from "@/api/bignote/index"; +import {listNote,enload,getNote, addNote,updateNote, delNote,uploadPic,uploadPics} from "@/api/memo/index"; import { Notification, MessageBox, Message, Loading } from 'element-ui' export default { @@ -272,6 +751,7 @@ dicts: ['sys_normal_disable'], data() { return { + userId: undefined, // 閬僵灞� disabled: false, inds:undefined, @@ -281,7 +761,7 @@ formData:[], // 閫変腑鏁扮粍 ids: [], - fit:['cover'], + fit:'cover', // 闈炲崟涓鐢� single: true, // 闈炲涓鐢� @@ -305,13 +785,34 @@ // 鏃ユ湡鑼冨洿 dateRange: [], // 鏁版嵁鑼冨洿閫夐」 - fot:[".jpg",".jif"], + fot:[".jpg",".jif",'.M4A'], fileList:[], fileListOther:[], + //涓嬫媺瀹炵幇 + activeNames:'3', + dialogVisible: { + open: false, + relation1:false, + certificate:false, + abroad:false, + autobiography:false + }, + + // 涓汉缁忓巻鏁版嵁 + experienceList: undefined, + // isEdit:true, + editStatus: {}, + //瀹跺涵鎴愬憳鍏崇郴鏁版嵁 + relationList: undefined, + //鍑哄叆澧冭瘉浠舵儏鍐� + certificateList:[], + typeList:[], + //鍑哄浗鎯呭喌 + AbroadList:[], uploading: false, uploading1: false, - fit:['fill'], + fit1: ['fill'], keyword:'', rules: { //鍩烘湰淇℃伅 @@ -400,16 +901,20 @@ }], ageBegin: [{ required: true, - message: '', + message: '璇疯緭鍏ュ紑濮嬫椂闂�', trigger: 'blur' }], ageEnd: [{ required: true, - message: '', + message: '璇疯緭鍏ョ粨鏉熸椂闂�', trigger: 'blur' }], }, + + + open:false, + formDat6: {}, formDat: { //涓汉璁颁簨鏈鎯� id:undefined, @@ -421,6 +926,7 @@ url: undefined, }, individualList:[], + newOption: undefined, // 鑿滃崟鍒楄〃 menuOptions: [], // 閮ㄩ棬鍒楄〃 @@ -436,7 +942,10 @@ remark:undefined }, // searchVal:"", - + //涓汉鑷紶 + activeName: '0', + AutobiographyList:[], + content1:'', // 琛ㄥ崟鍙傛暟 form: {}, defaultProps: { @@ -472,6 +981,7 @@ trigger: 'blur' }], }, + typeOption: [], typeOptions: [], isShow:true, dsb:true, @@ -484,22 +994,86 @@ }, created() { this.getList(); - + this.getList1(); + this.getAutobiographyInfor() + this.getInfo() // for (let i = 0; i < this.contactList.length; i++) { // this.formDat[i] = this.contactList[i]; // } }, methods: { + getInfo(){ + console.log('-----------------') + // getInfo().then(response=>{ + // console.log(response.user.roles[0].roleId,'roleID') + // this.userId = response.user.roles[0].roleId + // }) + }, + getList1() { + this.loading1 = true; + let userId = this.$store.state.user.userId + // alert(userId) - + showShareUser(userId, 2062).then(response=>{ + console.log("===========ddddddddddddd") + console.log(response.data) + console.log("--------------------") + response.data.forEach(element =>{ + this.userOptions.push({label: element.oldName,value: element.userId}) + }) + }) + // this.queryParams1.happenStartTime = this.dateRange1.length > 0 && this.dateRange1[0] + // this.queryParams1.happenEndTime = this.dateRange1.length > 0 && this.dateRange1[1] + // // alert(this.$store.state.user.clanId) + // this.listRoot = [] + let clanId = this.$store.state.user.clanId + if(clanId!=null){ + getAllInfo(clanId).then(response => { + this.listRoot = response.data; + const kon = {} + console.log(response.data,'userListuserListuserList99999999999999') + this.listRoot.forEach(element => { + kon[element['nickName']] = element['userId'] + }) + // for(let i in kon){ + // this.userOptions.push({label: i,value: kon[i]}) + // } + // for(let i in this.userOptions){ + // this.userList.push(this.userOptions[i].value) + // } + // console.log(this.userList,'userListuserListuserList99999999999999') + this.loading1 = false; + } + ); + } + }, /** 鏌ヨ璁板綍鍒楄〃 */ getList() { this.loading = true; let _this = this //涓汉淇℃伅 - getIndividualList(this.queryParams).then(response => { + + + listExperience(this.queryParams).then(response => { + // alert(123) + // console.log(response.data) + _this.experienceList = response.data; + // this.total = response.data.total; + _this.loading = false; + } + ); + //鎴愬憳鍏崇郴 + getIndividualRelation(this.queryParams).then(response => { + // alert(123) + // console.log(response.data) + _this.relationList = response.data; + // this.total = response.data.total; + _this.loading = false; + } + ); + getIndividualList(this.queryParams).then(response => { // alert(123) // console.log(response.data) _this.individualList = response.data; @@ -508,13 +1082,57 @@ _this.loading = false; } ); + //鍑哄叆澧冭瘉浠舵儏鍐� + getCertificateList(this.queryParams).then(response => { + // alert(123) + // console.log(response.data) + _this.certificateList = response.data; + // this.total = response.data.total; + _this.loading = false; + } + ); + //鍑哄浗鎯呭喌 + getAbroadList(this.queryParams).then(response => { + // alert(123) + // console.log(response.data) + _this.AbroadList = response.data; + // this.total = response.data.total; + _this.loading = false; + } + ); + //鏌ヨ涓汉鎵�鏈夎嚜浼� + getAutobiographyList(this.queryParams).then(response => { + // alert(123) + // console.log(response.data) + _this.AutobiographyList = response.data; + // this.total = response.data.total; + _this.loading = false; + + }); + //鏍规嵁涓嶅悓鏃舵鐨勪釜浜鸿嚜浼� + // getAutobiographyTermList(this.queryParams).then(response => { + // // alert(123) + // // console.log(response.data) + // this.AutobiographyTermList = response.data; + // this.total = response.data.total; + // this.loading = false; + // }); + listType(this.queryParams).then(response => { + _this.typeList = response.data; + // this.total = response.data.total; + // console.log( this.typeList ) + // 鍦ㄥ洖璋冨嚱鏁颁腑璋冪敤 getTypeOptions() + _this.getTypeOptions(); + _this.loading = false; + } + ); }, // 鍙栨秷鎸夐挳 cancel() { this.open = false; - this.reset(); + // this.reset(); }, getRowId(row) { @@ -543,16 +1161,21 @@ }, `self_${new Date().getTime()}.xlsx`) }, //涓汉鍩烘湰淇℃伅 submitForm() { - if(this.inds=='1') + + if(this.inds=='1'||this.inds=='濂�') this.individualList.sex = 1; else this.individualList.sex = 0; - if(this.mrs=='0') + + if(this.mrs=='0'||this.mrs=='鏈') this.individualList.maritalStatus = 0 - else if(this.mrs == '1') + else if(this.mrs == '1'||this.mrs=='宸插') this.individualList.maritalStatus = 1 else this.individualList.maritalStatus = 2 + + + //alert(123) // alert(10) // let ul = this.fileList.map(function (elem){ // return elem.url.replace(process.env.VUE_APP_BASE_TRUE_API,"") @@ -568,15 +1191,18 @@ updateIndividual(this.individualList).then(response => { this.$modal.msgSuccess("淇敼鎴愬姛"); // 寮哄埗鏇存柊鐩稿叧缁勪欢 - this.individualList={...this.individualList} - - // this.open = false; + + // this.individualList={...this.individualList} + // alert(this.individualList.sex) + + // // this.open = false; this.dsb = true this.btn=false this.isShow_2=false this.isShow=true this.isEditing = false - }); + //this.getList() + }) } else { this.$modal.msgSuccess("淇敼澶辫触"); @@ -597,17 +1223,19 @@ requestUpload(params) { var file = params.file; + console.log(file) var formData = new FormData(); formData.append('uploadFile', file); let _this = this - +console.log(formData) + console.log('dddddddd===========') // console.log(this.individualList) this.$refs.uploadDemo.clearFiles(); // alert(234) - uploadPic(formData).then(response => { - // alert(response.data.url) - // alert(response.data.originalFilename) - let pth = response.data.originalFilename.substr(response.data.originalFilename.length-4, response.data.originalFilename.length) + uploadPics(formData).then(response => { + // alert(response.data.url) + // // alert(response.data.originalFilename) + let pth = response.data.originalFilename.substr(response.data.originalFilename.length-4, response.data.originalFilename.length) if(_this.fot.includes(pth) === true) { @@ -621,6 +1249,7 @@ } _this.individualList.img = response.data.url.replace(process.env.VUE_APP_BASE_TRUE_API,"") _this.individualList.url = response.data.url.replace(process.env.VUE_APP_BASE_TRUE_API,"") + console.log(_this.individualList) updateIndividual(_this.individualList).then(response => { // 灏嗛�変腑閫夐」鐨勬枃鏈缃负"term"瀛楁鐨勫�� // this.formDat.term = selectedOption.value; @@ -685,12 +1314,418 @@ }, + /** 鎻愪氦鎸夐挳锛堟暟鎹潈闄愶級 */ + //鏂板涓昏缁忓巻鐨勪繚瀛� + submitDataScope: function() { + let _this = this + this.$refs["elForm1"].validate(valid => { + if (valid) { + //alert(1235) + _this.dialogVisible.open = false; + addExperience(_this.formDat).then(response => { + _this.$modal.msgSuccess("鏂板鎴愬姛"); + + _this.getList(); + }); + } + }); + // 娓呯┖formDat瀵硅薄鐨勬暟鎹� + Object.keys(this.formDat).forEach(key => { + this.formDat[key] = ''; + }); + }, + //鏂板鎴愬憳鍏崇郴鐨勪繚瀛� + submitDataScope2: function() { + this.$refs["elForm"].validate(valid => { + if (valid) { + this.dialogVisible.relation1 = false; + addRelation(this.formDat).then(response => { + this.$modal.msgSuccess("鏂板鎴愬姛"); + + this.getList(); + }); + } + }); + // 娓呯┖formDat瀵硅薄鐨勬暟鎹� + Object.keys(this.formDat).forEach(key => { + this.formDat[key] = ''; + }); + }, + //鏂板鍑哄叆澧冭瘉浠剁殑淇濆瓨 + submitDataScope4: function() { + this.$refs["elForm"].validate(valid => { + if (valid) { + addCertificate(this.formDat).then(response => { + this.$modal.msgSuccess("鏂板鎴愬姛"); + this.dialogVisible.certificate = false; + this.getList(); + }); + } + }); + // 娓呯┖formDat瀵硅薄鐨勬暟鎹� + this.newOption=undefined + Object.keys(this.formDat).forEach(key => { + this.formDat[key] = ''; + }); + }, + //鏂板鍑哄浗澧冪殑淇濆瓨 + submitDataScope5: function() { + this.$refs["elForm"].validate(valid => { + if (valid) { + addAbroad(this.formDat).then(response => { + this.$modal.msgSuccess("鏂板鎴愬姛"); + this.dialogVisible.abroad = false; + this.getList(); + }); + } + }); + // 娓呯┖formDat瀵硅薄鐨勬暟鎹� + Object.keys(this.formDat).forEach(key => { + this.formDat[key] = ''; + }); + }, + //涓汉鑷紶鐨勪繚瀛� + submitDataScope6: function() { + this.$refs["elForm"].validate(valid => { + if (valid) { + // 鏍规嵁鍊兼壘鍒伴�変腑鐨勯�夐」瀵硅薄 + // const selectedOption = this.typeOptions.find(option => option.value === this.formDat.term); + + if (this.isEdit1) { + // 鎵ц淇敼鎿嶄綔 + + console.log(this.formDat6) + updateAutobiography(this.formDat6).then(response => { + // 灏嗛�変腑閫夐」鐨勬枃鏈缃负"term"瀛楁鐨勫�� + // this.formDat.term = selectedOption.value; + // this.formDat.id = selectedOption.id; + console.log("1") + this.$modal.msgSuccess("淇敼鎴愬姛"); + this.dialogVisible.autobiography = false; + this.isEdit1 = false; + this.getList(); + // 娓呯┖formDat瀵硅薄鐨勬暟鎹� + Object.keys(this.formDat6).forEach(key => { + this.formDat6[key] = ''; + }); + + }).catch(error => { + // alert(24) + console.log(error); + this.isEdit1 = false; + this.dialogVisible.autobiography = false; + }); + } else { + // 鎵ц鏂板鎿嶄綔 + addAutobiography(this.formDat6).then(response => { + // this.formDat.term = selectedOption.label; + this.$modal.msgSuccess("鏂板鎴愬姛"); + this.dialogVisible.autobiography = false; + this.getList(); + // 娓呯┖formDat瀵硅薄鐨勬暟鎹� + Object.keys(this.formDat6).forEach(key => { + this.formDat6[key] = ''; + }); + // 閲嶇疆isEdit涓篺alse锛屼互渚夸笅娆$偣鍑绘柊澧炴椂涓烘柊澧炴搷浣� + this.isEdit1 = false; + }).catch(error => { + console.log(error); + this.dialogVisible.autobiography = false; + }); + } + } + }); + + }, + + editRow(row) { + this.$set(row, 'isEdit', true); + this.$set(this.editStatus, row.id, true); + }, + //淇敼鍚庣殑淇濆瓨 + + + //涓昏缁忓巻 + saveRowExperienceList(row) { + // this.$refs['elForm'].validate(valid => { + // if (valid) { + const foundIndex = this.experienceList.findIndex(item => item.id === row.id); + if (foundIndex !== -1) { + const updatedData = Object.assign({}, this.experienceList[foundIndex], row); + updateExperience(updatedData).then(response => { + this.$modal.msgSuccess("淇敼鎴愬姛"); + }).catch(error => { + this.$modal.msgError("淇敼澶辫触"); + console.log(error); + }); + } else { + this.$modal.msgError("淇敼澶辫触"); + } + //} + // }); + this.$set(row, 'isEdit', false); + this.$set(this.editStatus, row.id, false); + }, + //鎴愬憳鍏崇郴 + saveRowRelationList(row) { + // this.$refs['elForm'].validate(valid => { + // if (valid) { + const foundIndex = this.relationList.findIndex(item => item.id === row.id); + if (foundIndex !== -1) { + const updatedData = Object.assign({}, this.relationList[foundIndex], row); + updateRelation(updatedData).then(response => { + this.$modal.msgSuccess("淇敼鎴愬姛"); + }).catch(error => { + this.$modal.msgError("淇敼澶辫触"); + console.log(error); + }); + } else { + this.$modal.msgError("淇敼澶辫触"); + } + // } + // }); + this.$set(row, 'isEdit', false); + this.$set(this.editStatus, row.id, false); + }, + //璇佷欢鎯呭喌 + saveRowCertificateList(row) { + // this.$refs['elForm'].validate(valid => { + // if (valid) { + const foundIndex = this.certificateList.findIndex(item => item.id === row.id); + if (foundIndex !== -1) { + const updatedData = Object.assign({}, this.certificateList[foundIndex], row); + updateCertificate(updatedData).then(response => { + this.$modal.msgSuccess("淇敼鎴愬姛"); + }).catch(error => { + this.$modal.msgError("淇敼澶辫触"); + console.log(error); + }); + } else { + this.$modal.msgError("淇敼澶辫触"); + } + // } + //}); + this.$set(row, 'isEdit', false); + this.$set(this.editStatus, row.id, false); + }, + //鍑哄浗鎯呭喌 + saveRowAbroadList(row) { + // this.$refs['elForm'].validate(valid => { + // if (valid) { + const foundIndex = this.AbroadList.findIndex(item => item.id === row.id); + if (foundIndex !== -1) { + const updatedData = Object.assign({}, this.AbroadList[foundIndex], row); + updateAbroad(updatedData).then(response => { + this.$modal.msgSuccess("淇敼鎴愬姛"); + }).catch(error => { + this.$modal.msgError("淇敼澶辫触"); + console.log(error); + }); + } else { + this.$modal.msgError("淇敼澶辫触"); + } + // } + // }); + this.$set(row, 'isEdit', false); + this.$set(this.editStatus, row.id, false); + }, + + /** 鍒犻櫎涓汉缁忓巻鎸夐挳鎿嶄綔 */ + handleExperienceDelete(row) { + const Ids = row.id || this.ids; + this.$modal.confirm('鏄惁纭鍒犻櫎鏁版嵁椤癸紵').then(function() { + return delExperience(Ids); + }).then(() => { + this.getList(); + this.$modal.msgSuccess("鍒犻櫎鎴愬姛"); + }).catch(() => {}); + }, + /** 鍒犻櫎鎴愬憳鍏崇郴鎸夐挳鎿嶄綔 */ + handleRelationDelete(row) { + const Ids = row.id || this.ids; + this.$modal.confirm('鏄惁纭鍒犻櫎鏁版嵁椤癸紵').then(function() { + return delRelation(Ids); + }).then(() => { + this.getList(); + this.$modal.msgSuccess("鍒犻櫎鎴愬姛"); + }).catch(() => {}); + }, + /** 鍒犻櫎鎸佹湁鍑哄叆澧冭瘉浠舵儏鍐垫寜閽搷浣� */ + handleCertificateDelete(row) { + const Ids = row.id || this.ids; + this.$modal.confirm('鏄惁纭鍒犻櫎鏁版嵁椤癸紵').then(function() { + return delCertificate(Ids); + }).then(() => { + this.getList(); + this.$modal.msgSuccess("鍒犻櫎鎴愬姛"); + }).catch(() => {}); + }, + /** 鍒犻櫎鍑哄浗锛堝锛夋儏鍐垫寜閽搷浣� */ + handleAbroadDelete(row) { + const Ids = row.id || this.ids; + this.$modal.confirm('鏄惁纭鍒犻櫎鏁版嵁椤癸紵').then(function() { + return delAbroad(Ids); + }).then(() => { + this.getList(); + this.$modal.msgSuccess("鍒犻櫎鎴愬姛"); + }).catch(() => {}); + }, + /** 鍒犻櫎涓汉鑷紶鎸夐挳鎿嶄綔 */ + handleAutobiography(row) { + const Ids = row.id || this.ids; + this.$modal.confirm('鏄惁纭鍒犻櫎鏁版嵁椤癸紵').then(function() { + return delAutobiography(Ids); + }).then(() => { + this.getList(); + this.$modal.msgSuccess("鍒犻櫎鎴愬姛"); + }).catch(() => {}); + }, + /** 鏌ヨ鑷紶淇℃伅 */ + getAutobiographyInfor() + { + let _this = this + getCategory().then(response => { + // response.data.itemValues.replace("{","").replace("}","").split(",").map(elem=>{ + // _this.typeOptions.push({"label":elem.split(":")[0], "value":elem.split(":")[0]}) + // }) + response.data.itemValues.replace("{", "").replace("}", "").split(",").map(elem => { + const label = elem.split(":")[0].trim(); + const value = parseInt(elem.split(":")[1].trim()); + + // 鍒ゆ柇 typeOptions 鏁扮粍涓槸鍚﹀凡瀛樺湪鐩稿悓鐨� value + if (!_this.typeOptions.some(option => option.value === value)) { + _this.typeOptions.push({ "label": label, "value": value }); + } + // console.log(_this.typeOptions) + // _this.getSrc1(value) + }); + }); + + }, + + // 鍙栨秷鎸夐挳 + cancelData() { + // alert(23) + this.dialogVisible.open = false; + this.dialogVisible.relation1 = false; + this.dialogVisible.certificate =false; + this.dialogVisible.abroad=false; + this.dialogVisible.autobiography=false; + this.isEdit1 = false; + // this.reset(); + // alert(32) + // 娓呯┖formDat瀵硅薄鐨勬暟鎹� + Object.keys(this.formDat).forEach(key => { + this.formDat[key] = ''; + }); + // 娓呯┖formDat瀵硅薄鐨勬暟鎹� + Object.keys(this.formDat6).forEach(key => { + this.formDat6[key] = ''; + }); + + }, + handleUploadSuccess(response, file) { + // 澶勭悊鏂囦欢涓婁紶鎴愬姛鍚庣殑鍥炶皟 + this.individualList.img = response.url; + }, + + //涓嬫媺 + handleChange5(activeNames) { + // console.log(activeNames); + //this.reset(); + }, + showDialog(dialogName) { + this.dialogVisible[dialogName] = true; + // alert(dialogName) + // if(dialogName=="autobiography") + // { + // alert(123) + // } + }, + + //涓汉鑷紶 + handleClick(tab, event) { + // console.log(tab, event); + // alert(987) + this.getAutobiographyInfor(); + // this.getSrc1(typeOptions) + }, + //涓汉鑷紶缂栬緫 + editData(data) { + // alert(1234) + this.isEdit1 = true; // 璁剧疆涓虹紪杈戞搷浣� + // 灏嗚淇敼鐨勬暟鎹~鍏呭埌formDat瀵硅薄涓� + + this.formDat6.ageBegin = data.ageBegin; + this.formDat6.ageEnd = data.ageEnd; + this.formDat6.term = data.term; + this.formDat6.content = data.content; + + // 鎵撳紑寮圭獥 + this.dialogVisible.autobiography = true; + }, + editAutobiography(data) { + //alert(234) + //alert(23) + console.log(data) + this.isEdit1 = true; + this.formDat6.ageBegin = data.ageBegin; + this.formDat6.ageEnd = data.ageEnd; + this.formDat6.term = data.term; + this.formDat6.content = data.content; + // alert(data.id) + this.formDat6.id = data.id + this.dialogVisible.autobiography = true; + //this.formDat = { item }; + }, + getTypeOptions() { + const filteredOptions = this.typeList.filter(item => typeof item === 'string' && item !== ''); + // 鍒涘缓涓�涓┖瀵硅薄鐢ㄤ簬瀛樺偍鍞竴鐨勫瓧绗︿覆閫夐」 + const uniqueOptions = {}; + // 鏋勫缓涓嬫媺閫夐」鍒楄〃 + this.typeOption = filteredOptions.reduce((options, option) => { + if (!uniqueOptions[option]) { + uniqueOptions[option] = true; + options.push({ + label: option, + value: option + }); + } + return options; + }, []); + + }, + //闅旇鍙樿壊 + tableRowClassName({row, rowIndex}) { + if (rowIndex % 2 == 0) { + return "statistics-warning-row"; + } else { + return "statistics-warning-row1"; + } + return ''; + }, } }; </script> <style> .app-container{ background-color: #FEF7FC; +} + +.el-icon-top { + background: no-repeat center url("../../assets/icons/top.png"); +} + + +.el-collapse-item__header { + background-color:#FEF7FC; + width: 100%; +} +.title-wrapper { + display: flex; + justify-content: space-between; + align-items: center; + width: calc(100% - 50px); } .el-table__row.statistics-warning-row { background: #E0EEFE; @@ -706,5 +1741,41 @@ .button-container { display: inline-flex; /* 璁剧疆鎸夐挳瀹瑰櫒涓鸿鍐呭厓绱� */ } +.btn_autobiography{ + background:center no-repeat url('../../assets/icons/add1.png') ; + margin-left: 76vw; +} +.btn_edit{ + background:center no-repeat url('../../assets/icons/edit.png') ; + float:right; +} +.btn_del{ + background:center no-repeat url('../../assets/images/鍒犻櫎2.png') ;float:right; +} +.button-container { + text-align: right; + display: flex; + justify-content: flex-end; + align-items: center; + flex-grow: 1; +} +.button { + background:center no-repeat url('../../assets/icons/add1.png') ; + /*margin-right: -10px ;*/ + flex-shrink: 0; + width: 30px; + height: 28px; +} +.form{ + background:center/11% no-repeat url('../../assets/icons/form.png') ; + +} +.button { + background:center no-repeat url('../../assets/icons/add1.png') ; + /*margin-right: -10px ;*/ + flex-shrink: 0; + width: 30px; + height: 28px; +} </style> -- Gitblit v1.9.1