From 2a667d5b7f33ab1160ffb42fe0e43cad25c66444 Mon Sep 17 00:00:00 2001 From: fuliqi <fuliqi@qq.com> Date: 星期三, 13 三月 2024 13:37:25 +0800 Subject: [PATCH] 合同优化、考核分数、考核模板绑定公司 --- src/views/system/contract/index.vue | 226 +++++++++++++++++++++++++++++-------------------------- 1 files changed, 119 insertions(+), 107 deletions(-) diff --git a/src/views/system/contract/index.vue b/src/views/system/contract/index.vue index 8e6ce43..8ef0c84 100644 --- a/src/views/system/contract/index.vue +++ b/src/views/system/contract/index.vue @@ -75,112 +75,77 @@ style="width: 100%"> <el-table-column type="expand"> <template slot-scope="props"> - <el-form label-position="left" inline class="demo-table-expand"> + <el-form label-position="left" inline class="table-expand"> <el-collapse v-model="activeNames" @change="handleChange"> <el-collapse-item title="瑙嗛骞冲潎鍦ㄧ嚎鐜�" name="1"> <div>鈮�98%锛氫笉鎵e垎</div> - <div>95%鈮よ棰戝钩鍧囧湪绾跨巼锛�98%锛氭墸5鍒�</div> - <div>90%鈮よ棰戝钩鍧囧湪绾跨巼锛�95%锛氭墸10鍒�</div> - <div>锛�90%锛氭墸20鍒嗭紝鑻ユ湁杩炵画涓ゆ鐪佸巺鑰冩牳鍦ㄧ嚎鐜囦綆浜�90%锛屾嫑鏍囦汉鏈夋潈瑙i櫎鍚堝悓銆�</div> + <div class="inline-input-container"> + 95%鈮よ棰戝钩鍧囧湪绾跨巼锛�98%锛� <el-input v-model="props.row.score95to98" type="number" min="0" max="100" placeholder="璇疯緭鍏ユ墸鍒�"></el-input> + </div> + <div class="inline-input-container"> + 90%鈮よ棰戝钩鍧囧湪绾跨巼锛�95%锛�<el-input v-model="props.row.score90to95" type="number" min="0" max="100" placeholder="璇疯緭鍏ユ墸鍒�"></el-input> + </div> + <div class="inline-input-container"> + 锛�90%锛� <el-input v-model="props.row.scoreBelow90" type="number" min="0" max="100" placeholder="璇疯緭鍏ユ墸鍒�"></el-input>锛� + 鑻ユ湁杩炵画涓ゆ鐪佸巺鑰冩牳鍦ㄧ嚎鐜囦綆浜�90%锛屾嫑鏍囦汉鏈夋潈瑙i櫎鍚堝悓銆� + </div> </el-collapse-item> <el-collapse-item title="鍓嶇鎰熺煡婧愭不鐞嗗伐浣�" name="2"> - <div>鏃堕挓鍚屾锛堣秴杩嚶�3绉掍负涓嶅悎鏍硷級24灏忔椂鍐呮湭淇鐨勶細鎵i櫎鐩稿叧闀滃ご鏁伴噺*0.1鍒�</div> - <div>OSD鏍囪瘑涓嶆弧瓒炽�奊AT 751-2008 瑙嗛鍥惧儚鏂囧瓧鏍囨敞瑙勮寖銆嬶紝24灏忔椂鍐呮湭淇鐨勶細鏍囨墸闄ょ浉鍏抽暅澶存暟閲�*0.1鍒�</div> - <div>鐢ㄦ埛鎶芥锛屼竴鏈轰竴妗f暟鎹」涓嶅悎鏍硷紙鎻愪緵铏氬亣鏁版嵁鎴栭敊璇暟鎹负涓嶅悎鏍硷級锛�24灏忔椂鍐呮湭淇鐨勶細鎵i櫎鐩稿叧闀滃ご鏁伴噺*0.1鍒�</div> + <div class="inline-input-container"> + 鏃堕挓鍚屾锛堣秴杩嚶�3绉掍负涓嶅悎鏍硷級24灏忔椂鍐呮湭淇鐨勶細鎵i櫎鐩稿叧闀滃ご鏁伴噺* <el-input v-model="props.row.time24" type="number" min="0" max="100" placeholder="璇疯緭鍏ユ墸鍒�"></el-input>鍒� + </div> + <div class="inline-input-container"> + OSD鏍囪瘑涓嶆弧瓒炽�奊AT 751-2008 瑙嗛鍥惧儚鏂囧瓧鏍囨敞瑙勮寖銆嬶紝24灏忔椂鍐呮湭淇鐨勶細鏍囨墸闄ょ浉鍏抽暅澶存暟閲�* <el-input v-model="props.row.time24" type="number" min="0" max="100" placeholder="璇疯緭鍏ユ墸鍒�"></el-input>鍒� + </div> + <div class="inline-input-container"> + 鐢ㄦ埛鎶芥锛屼竴鏈轰竴妗f暟鎹」涓嶅悎鏍硷紙鎻愪緵铏氬亣鏁版嵁鎴栭敊璇暟鎹负涓嶅悎鏍硷級锛�24灏忔椂鍐呮湭淇鐨勶細鎵i櫎鐩稿叧闀滃ご鏁伴噺* <el-input v-model="props.row.time24" type="number" min="0" max="100" placeholder="璇疯緭鍏ユ墸鍒�"></el-input>鍒� + </div> </el-collapse-item> <el-collapse-item title="鍚庡彴绯荤粺鐨勪繚闅�" name="3"> - <div>涓埆璁惧鏁呴殰浣嗕笉褰卞搷璇ュ姛鑳芥ā鍧楁暣浣撳簲鐢ㄦ儏鍐典笅,瓒呭嚭72灏忔椂涓嶈冻144灏忔椂鐨勶紱鎵�1鍒�/12灏忔椂</div> - <div>涓埆璁惧鏁呴殰浣嗕笉褰卞搷璇ュ姛鑳芥ā鍧楁暣浣撳簲鐢ㄦ儏鍐典笅,瓒呭嚭144灏忔椂浠ュ悗锛屾瘡瓒呭嚭12灏忔椂锛氭墸2鍒�/12灏忔椂</div> - <div>涓埆璁惧鏁呴殰浣嗕笉褰卞搷璇ュ姛鑳芥ā鍧楁暣浣撳簲鐢ㄦ儏鍐典笅,鍚屼竴鍔熻兘妯″潡鐨勭浉鍚屾垨涓嶅悓璁惧绱涓�涓湀鍐呮晠闅滆秴杩�3娆★細鎵�1鍒�/娆�</div> - <div>鍚庡彴鍔熻兘妯″潡涓嶈兘姝e父杩愯褰卞搷姝e父浣跨敤鐨�,瓒呭嚭24灏忔椂涓嶈冻48灏忔椂鐨勶細鎵�3鍒�/12灏忔椂</div> - <div>鍚庡彴鍔熻兘妯″潡涓嶈兘姝e父杩愯褰卞搷姝e父浣跨敤鐨�,瓒呭嚭48灏忔椂浠ュ悗锛氭墸5鍒�/12灏忔椂</div> - <div>鍚庡彴鍔熻兘妯″潡涓嶈兘姝e父杩愯褰卞搷姝e父浣跨敤鐨�,鍚屼竴鍔熻兘妯″潡鐨勭浉鍚屾垨涓嶅悓璁惧绱涓�涓湀鍐呮晠闅滆秴杩�2娆★細鎵�3鍒�/娆�</div> + <div class="inline-input-container"> + 涓埆璁惧鏁呴殰浣嗕笉褰卞搷璇ュ姛鑳芥ā鍧楁暣浣撳簲鐢ㄦ儏鍐典笅,瓒呭嚭72灏忔椂涓嶈冻144灏忔椂鐨勶紱鎵� <el-input v-model="props.row.time24" type="number" min="0" max="100" placeholder="璇疯緭鍏ユ墸鍒�"></el-input>鍒�/12灏忔椂 + </div> + <div class="inline-input-container"> + 涓埆璁惧鏁呴殰浣嗕笉褰卞搷璇ュ姛鑳芥ā鍧楁暣浣撳簲鐢ㄦ儏鍐典笅,瓒呭嚭144灏忔椂浠ュ悗锛屾瘡瓒呭嚭12灏忔椂锛氭墸 <el-input v-model="props.row.time24" type="number" min="0" max="100" placeholder="璇疯緭鍏ユ墸鍒�"></el-input>鍒�/12灏忔椂 + </div> + <div class="inline-input-container"> + 涓埆璁惧鏁呴殰浣嗕笉褰卞搷璇ュ姛鑳芥ā鍧楁暣浣撳簲鐢ㄦ儏鍐典笅,鍚屼竴鍔熻兘妯″潡鐨勭浉鍚屾垨涓嶅悓璁惧绱涓�涓湀鍐呮晠闅滆秴杩�3娆★細鎵� <el-input v-model="props.row.time24" type="number" min="0" max="100" placeholder="璇疯緭鍏ユ墸鍒�"></el-input>鍒�/12灏忔椂 + </div> + <div class="inline-input-container"> + 鍚庡彴鍔熻兘妯″潡涓嶈兘姝e父杩愯褰卞搷姝e父浣跨敤鐨�,瓒呭嚭24灏忔椂涓嶈冻48灏忔椂鐨勶細鎵� <el-input v-model="props.row.time24" type="number" min="0" max="100" placeholder="璇疯緭鍏ユ墸鍒�"></el-input>鍒�/娆� + </div> + <div class="inline-input-container"> + 涓埆璁惧鏁呴殰浣嗕笉褰卞搷璇ュ姛鑳芥ā鍧楁暣浣撳簲鐢ㄦ儏鍐典笅,瓒呭嚭72灏忔椂涓嶈冻144灏忔椂鐨勶紱鎵� <el-input v-model="props.row.time24" type="number" min="0" max="100" placeholder="璇疯緭鍏ユ墸鍒�"></el-input>鍒�/12灏忔椂 + </div> + <div class="inline-input-container"> + 鍚庡彴鍔熻兘妯″潡涓嶈兘姝e父杩愯褰卞搷姝e父浣跨敤鐨�,瓒呭嚭48灏忔椂浠ュ悗锛氭墸 <el-input v-model="props.row.time24" type="number" min="0" max="100" placeholder="璇疯緭鍏ユ墸鍒�"></el-input>鍒�/12灏忔椂 + </div> + <div class="inline-input-container"> + 鍚庡彴鍔熻兘妯″潡涓嶈兘姝e父杩愯褰卞搷姝e父浣跨敤鐨�,鍚屼竴鍔熻兘妯″潡鐨勭浉鍚屾垨涓嶅悓璁惧绱涓�涓湀鍐呮晠闅滆秴杩�2娆★細鎵� <el-input v-model="props.row.time24" type="number" min="0" max="100" placeholder="璇疯緭鍏ユ墸鍒�"></el-input>鍒�/娆� + </div> </el-collapse-item> <el-collapse-item title="瀛樺偍鏁呴殰" name="4"> - <div>鍥犲瓨鍌ㄨ澶囥�佷簯瀛樺偍杞欢绛夊紩璧峰钩鍙颁笉鑳芥甯告煡鐪嬪巻鍙插浘鍍�,鍗曟鏁呴殰鏃堕暱鍦�24灏忔椂浠ュ唴鐨勶細鎵�0.5鍒�/灏忔椂</div> - <div>鍥犲瓨鍌ㄨ澶囥�佷簯瀛樺偍杞欢绛夊紩璧峰钩鍙颁笉鑳芥甯告煡鐪嬪巻鍙插浘鍍�,鍗曟鏁呴殰鏃堕暱鍦�24灏忔椂浠ュ唴鐨勶細鎵�1鍒�/灏忔椂</div> - <div>鍥犺棰戞垨鑰呭浘鐗囦涪澶卞鑷撮噸瑕佹浜嬩欢涓嶈兘鍥炴斁鎴栨煡鐪�,鍚屼竴鐐逛綅瑙嗛鍥惧儚鍚屼竴妗堜欢涓嶇疮璁¤绠楋細鎵�2鍒�/娆�</div> + <div class="inline-input-container"> + 鍥犲瓨鍌ㄨ澶囥�佷簯瀛樺偍杞欢绛夊紩璧峰钩鍙颁笉鑳芥甯告煡鐪嬪巻鍙插浘鍍�,鍗曟鏁呴殰鏃堕暱鍦�24灏忔椂浠ュ唴鐨勶細鎵�<el-input v-model="props.row.time24" type="number" min="0" max="100" placeholder="璇疯緭鍏ユ墸鍒�"></el-input>鍒�/灏忔椂 + </div> + <div class="inline-input-container"> + 鍥犲瓨鍌ㄨ澶囥�佷簯瀛樺偍杞欢绛夊紩璧峰钩鍙颁笉鑳芥甯告煡鐪嬪巻鍙插浘鍍�,鍗曟鏁呴殰鏃堕暱鍦�24灏忔椂浠ュ唴鐨勶細鎵�<el-input v-model="props.row.time24" type="number" min="0" max="100" placeholder="璇疯緭鍏ユ墸鍒�"></el-input>鍒�/灏忔椂 + </div> + <div class="inline-input-container"> + 鍥犺棰戞垨鑰呭浘鐗囦涪澶卞鑷撮噸瑕佹浜嬩欢涓嶈兘鍥炴斁鎴栨煡鐪�,鍚屼竴鐐逛綅瑙嗛鍥惧儚鍚屼竴妗堜欢涓嶇疮璁¤绠楋細鎵�<el-input v-model="props.row.time24" type="number" min="0" max="100" placeholder="璇疯緭鍏ユ墸鍒�"></el-input>鍒�/娆� + </div> </el-collapse-item> <el-collapse-item title="瀵逛簬鍓嶇鐐逛綅寮傚父鎯呭喌鐨勫鐞�" name="5"> - <div>24灏忔椂鍚庢湭淇鐨勶細鎵�0.5鍒�*闀滃ご鏁伴噺</div> - <div>48灏忔椂鍚庢湭淇锛岀疮璁℃墸鍒嗭細鎵�1鍒�*闀滃ご鏁伴噺*澶�</div> + <div class="inline-input-container"> + 24灏忔椂鍚庢湭淇鐨勶細鎵�<el-input v-model="props.row.time24" type="number" min="0" max="100" placeholder="璇疯緭鍏ユ墸鍒�"></el-input>鍒�*闀滃ご鏁伴噺 + </div> + <div class="inline-input-container"> + 48灏忔椂鍚庢湭淇锛岀疮璁℃墸鍒嗭細鎵�<el-input v-model="props.row.time24" type="number" min="0" max="100" placeholder="璇疯緭鍏ユ墸鍒�"></el-input>鍒�*闀滃ご鏁伴噺*澶� + </div> </el-collapse-item> - <el-collapse-item title="瀹夊叏绠$悊" name="6"> - <div>涓庣幇瀹炵敓娲讳竴鑷达細涓庣幇瀹炵敓娲荤殑娴佺▼銆侀�昏緫淇濇寔涓�鑷达紝閬靛惊鐢ㄦ埛涔犳儻鐨勮瑷�鍜屾蹇碉紱</div> - <div>鍦ㄧ晫闈腑涓�鑷达細鎵�鏈夌殑鍏冪礌鍜岀粨鏋勯渶淇濇寔涓�鑷达紝姣斿锛氳璁℃牱寮忋�佸浘鏍囧拰鏂囨湰銆佸厓绱犵殑浣嶇疆绛夈��</div> - </el-collapse-item> - <el-collapse-item title="杩愮淮鍛ㄦ湡鎬ф姤鍛�" name="7"> - <div>涓庣幇瀹炵敓娲讳竴鑷达細涓庣幇瀹炵敓娲荤殑娴佺▼銆侀�昏緫淇濇寔涓�鑷达紝閬靛惊鐢ㄦ埛涔犳儻鐨勮瑷�鍜屾蹇碉紱</div> - <div>鍦ㄧ晫闈腑涓�鑷达細鎵�鏈夌殑鍏冪礌鍜岀粨鏋勯渶淇濇寔涓�鑷达紝姣斿锛氳璁℃牱寮忋�佸浘鏍囧拰鏂囨湰銆佸厓绱犵殑浣嶇疆绛夈��</div> - </el-collapse-item> - <el-collapse-item title="寤虹珛鏁呴殰鐢虫姤鐑嚎鐢佃瘽" name="8"> - <div>涓庣幇瀹炵敓娲讳竴鑷达細涓庣幇瀹炵敓娲荤殑娴佺▼銆侀�昏緫淇濇寔涓�鑷达紝閬靛惊鐢ㄦ埛涔犳儻鐨勮瑷�鍜屾蹇碉紱</div> - <div>鍦ㄧ晫闈腑涓�鑷达細鎵�鏈夌殑鍏冪礌鍜岀粨鏋勯渶淇濇寔涓�鑷达紝姣斿锛氳璁℃牱寮忋�佸浘鏍囧拰鏂囨湰銆佸厓绱犵殑浣嶇疆绛夈��</div> - </el-collapse-item> - <el-collapse-item title="浜哄憳椹诲満鏈嶅姟" name="9"> - <div>涓庣幇瀹炵敓娲讳竴鑷达細涓庣幇瀹炵敓娲荤殑娴佺▼銆侀�昏緫淇濇寔涓�鑷达紝閬靛惊鐢ㄦ埛涔犳儻鐨勮瑷�鍜屾蹇碉紱</div> - <div>鍦ㄧ晫闈腑涓�鑷达細鎵�鏈夌殑鍏冪礌鍜岀粨鏋勯渶淇濇寔涓�鑷达紝姣斿锛氳璁℃牱寮忋�佸浘鏍囧拰鏂囨湰銆佸厓绱犵殑浣嶇疆绛夈��</div> - </el-collapse-item> - <el-collapse-item title="淇濋殰宸ヤ綔" name="10"> - <div>涓庣幇瀹炵敓娲讳竴鑷达細涓庣幇瀹炵敓娲荤殑娴佺▼銆侀�昏緫淇濇寔涓�鑷达紝閬靛惊鐢ㄦ埛涔犳儻鐨勮瑷�鍜屾蹇碉紱</div> - <div>鍦ㄧ晫闈腑涓�鑷达細鎵�鏈夌殑鍏冪礌鍜岀粨鏋勯渶淇濇寔涓�鑷达紝姣斿锛氳璁℃牱寮忋�佸浘鏍囧拰鏂囨湰銆佸厓绱犵殑浣嶇疆绛夈��</div> - </el-collapse-item> - <el-collapse-item title="杩愮淮淇濋殰鎯呭喌" name="11"> - <div>涓庣幇瀹炵敓娲讳竴鑷达細涓庣幇瀹炵敓娲荤殑娴佺▼銆侀�昏緫淇濇寔涓�鑷达紝閬靛惊鐢ㄦ埛涔犳儻鐨勮瑷�鍜屾蹇碉紱</div> - <div>鍦ㄧ晫闈腑涓�鑷达細鎵�鏈夌殑鍏冪礌鍜岀粨鏋勯渶淇濇寔涓�鑷达紝姣斿锛氳璁℃牱寮忋�佸浘鏍囧拰鏂囨湰銆佸厓绱犵殑浣嶇疆绛夈��</div> - </el-collapse-item> - <el-collapse-item title="绯荤粺鍙婅澶囦骇鍝佽川閲�" name="12"> - <div>涓庣幇瀹炵敓娲讳竴鑷达細涓庣幇瀹炵敓娲荤殑娴佺▼銆侀�昏緫淇濇寔涓�鑷达紝閬靛惊鐢ㄦ埛涔犳儻鐨勮瑷�鍜屾蹇碉紱</div> - <div>鍦ㄧ晫闈腑涓�鑷达細鎵�鏈夌殑鍏冪礌鍜岀粨鏋勯渶淇濇寔涓�鑷达紝姣斿锛氳璁℃牱寮忋�佸浘鏍囧拰鏂囨湰銆佸厓绱犵殑浣嶇疆绛夈��</div> - </el-collapse-item> - <el-collapse-item title="杩愮淮鍥㈤槦" name="13"> - <div>涓庣幇瀹炵敓娲讳竴鑷达細涓庣幇瀹炵敓娲荤殑娴佺▼銆侀�昏緫淇濇寔涓�鑷达紝閬靛惊鐢ㄦ埛涔犳儻鐨勮瑷�鍜屾蹇碉紱</div> - <div>鍦ㄧ晫闈腑涓�鑷达細鎵�鏈夌殑鍏冪礌鍜岀粨鏋勯渶淇濇寔涓�鑷达紝姣斿锛氳璁℃牱寮忋�佸浘鏍囧拰鏂囨湰銆佸厓绱犵殑浣嶇疆绛夈��</div> - </el-collapse-item> - <el-collapse-item title="璁惧绯荤粺鍗囩骇" name="14"> - <div>涓庣幇瀹炵敓娲讳竴鑷达細涓庣幇瀹炵敓娲荤殑娴佺▼銆侀�昏緫淇濇寔涓�鑷达紝閬靛惊鐢ㄦ埛涔犳儻鐨勮瑷�鍜屾蹇碉紱</div> - <div>鍦ㄧ晫闈腑涓�鑷达細鎵�鏈夌殑鍏冪礌鍜岀粨鏋勯渶淇濇寔涓�鑷达紝姣斿锛氳璁℃牱寮忋�佸浘鏍囧拰鏂囨湰銆佸厓绱犵殑浣嶇疆绛夈��</div> - </el-collapse-item> - <el-collapse-item title="娉勫瘑杩芥煡" name="15"> - <div>涓庣幇瀹炵敓娲讳竴鑷达細涓庣幇瀹炵敓娲荤殑娴佺▼銆侀�昏緫淇濇寔涓�鑷达紝閬靛惊鐢ㄦ埛涔犳儻鐨勮瑷�鍜屾蹇碉紱</div> - <div>鍦ㄧ晫闈腑涓�鑷达細鎵�鏈夌殑鍏冪礌鍜岀粨鏋勯渶淇濇寔涓�鑷达紝姣斿锛氳璁℃牱寮忋�佸浘鏍囧拰鏂囨湰銆佸厓绱犵殑浣嶇疆绛夈��</div> - </el-collapse-item> - <el-collapse-item title="瀹夊叏闃叉姢缁堢" name="16"> - <div>涓庣幇瀹炵敓娲讳竴鑷达細涓庣幇瀹炵敓娲荤殑娴佺▼銆侀�昏緫淇濇寔涓�鑷达紝閬靛惊鐢ㄦ埛涔犳儻鐨勮瑷�鍜屾蹇碉紱</div> - <div>鍦ㄧ晫闈腑涓�鑷达細鎵�鏈夌殑鍏冪礌鍜岀粨鏋勯渶淇濇寔涓�鑷达紝姣斿锛氳璁℃牱寮忋�佸浘鏍囧拰鏂囨湰銆佸厓绱犵殑浣嶇疆绛夈��</div> - </el-collapse-item> - <el-collapse-item title="鍙拌处鐧昏" name="17"> - <div>涓庣幇瀹炵敓娲讳竴鑷达細涓庣幇瀹炵敓娲荤殑娴佺▼銆侀�昏緫淇濇寔涓�鑷达紝閬靛惊鐢ㄦ埛涔犳儻鐨勮瑷�鍜屾蹇碉紱</div> - <div>鍦ㄧ晫闈腑涓�鑷达細鎵�鏈夌殑鍏冪礌鍜岀粨鏋勯渶淇濇寔涓�鑷达紝姣斿锛氳璁℃牱寮忋�佸浘鏍囧拰鏂囨湰銆佸厓绱犵殑浣嶇疆绛夈��</div> - </el-collapse-item> - <el-collapse-item title="寤虹珛鏁版嵁鐩戞祴缁存姢鏈哄埗" name="18"> - <div>涓庣幇瀹炵敓娲讳竴鑷达細涓庣幇瀹炵敓娲荤殑娴佺▼銆侀�昏緫淇濇寔涓�鑷达紝閬靛惊鐢ㄦ埛涔犳儻鐨勮瑷�鍜屾蹇碉紱</div> - <div>鍦ㄧ晫闈腑涓�鑷达細鎵�鏈夌殑鍏冪礌鍜岀粨鏋勯渶淇濇寔涓�鑷达紝姣斿锛氳璁℃牱寮忋�佸浘鏍囧拰鏂囨湰銆佸厓绱犵殑浣嶇疆绛夈��</div> - </el-collapse-item> - <el-collapse-item title="纭繚褰曞儚瀹屾暣锛屼笉瀹氭湡瀵规墍鏈夌偣浣嶅綍鍍忓畬鏁存�ф娊鏌�" name="19"> - <div>涓庣幇瀹炵敓娲讳竴鑷达細涓庣幇瀹炵敓娲荤殑娴佺▼銆侀�昏緫淇濇寔涓�鑷达紝閬靛惊鐢ㄦ埛涔犳儻鐨勮瑷�鍜屾蹇碉紱</div> - <div>鍦ㄧ晫闈腑涓�鑷达細鎵�鏈夌殑鍏冪礌鍜岀粨鏋勯渶淇濇寔涓�鑷达紝姣斿锛氳璁℃牱寮忋�佸浘鏍囧拰鏂囨湰銆佸厓绱犵殑浣嶇疆绛夈��</div> - </el-collapse-item> - <el-collapse-item title="纭繚鍥剧墖瀹屾暣锛屼笉瀹氭湡瀵规墍鏈変汉鑴搞�佽溅杈嗕互鍙婃櫤鑳藉墠绔姄鎷嶇殑鍥剧墖瀹屾暣鎬ф娊鏌�" name="20"> - <div>涓庣幇瀹炵敓娲讳竴鑷达細涓庣幇瀹炵敓娲荤殑娴佺▼銆侀�昏緫淇濇寔涓�鑷达紝閬靛惊鐢ㄦ埛涔犳儻鐨勮瑷�鍜屾蹇碉紱</div> - <div>鍦ㄧ晫闈腑涓�鑷达細鎵�鏈夌殑鍏冪礌鍜岀粨鏋勯渶淇濇寔涓�鑷达紝姣斿锛氳璁℃牱寮忋�佸浘鏍囧拰鏂囨湰銆佸厓绱犵殑浣嶇疆绛夈��</div> - </el-collapse-item> - <el-collapse-item title="瑙嗚璁$畻鐪佸巺楠岃瘉宸ヤ綔" name="21"> - <div>涓庣幇瀹炵敓娲讳竴鑷达細涓庣幇瀹炵敓娲荤殑娴佺▼銆侀�昏緫淇濇寔涓�鑷达紝閬靛惊鐢ㄦ埛涔犳儻鐨勮瑷�鍜屾蹇碉紱</div> - <div>鍦ㄧ晫闈腑涓�鑷达細鎵�鏈夌殑鍏冪礌鍜岀粨鏋勯渶淇濇寔涓�鑷达紝姣斿锛氳璁℃牱寮忋�佸浘鏍囧拰鏂囨湰銆佸厓绱犵殑浣嶇疆绛夈��</div> - </el-collapse-item> - <el-collapse-item title="鑷础甯傛櫤鎱у煄甯傚ぇ鏁版嵁涓績鏈烘埧" name="22"> - <div>涓庣幇瀹炵敓娲讳竴鑷达細涓庣幇瀹炵敓娲荤殑娴佺▼銆侀�昏緫淇濇寔涓�鑷达紝閬靛惊鐢ㄦ埛涔犳儻鐨勮瑷�鍜屾蹇碉紱</div> - <div>鍦ㄧ晫闈腑涓�鑷达細鎵�鏈夌殑鍏冪礌鍜岀粨鏋勯渶淇濇寔涓�鑷达紝姣斿锛氳璁℃牱寮忋�佸浘鏍囧拰鏂囨湰銆佸厓绱犵殑浣嶇疆绛夈��</div> - </el-collapse-item> - <el-collapse-item title="涓诲共閾捐矾锛�10G鍙婁互涓婏級鏁呴殰" name="23"> - <div>涓庣幇瀹炵敓娲讳竴鑷达細涓庣幇瀹炵敓娲荤殑娴佺▼銆侀�昏緫淇濇寔涓�鑷达紝閬靛惊鐢ㄦ埛涔犳儻鐨勮瑷�鍜屾蹇碉紱</div> - <div>鍦ㄧ晫闈腑涓�鑷达細鎵�鏈夌殑鍏冪礌鍜岀粨鏋勯渶淇濇寔涓�鑷达紝姣斿锛氳璁℃牱寮忋�佸浘鏍囧拰鏂囨湰銆佸厓绱犵殑浣嶇疆绛夈��</div> - </el-collapse-item> - <el-collapse-item title="鑰冩牳缁撴灉搴旂敤瑙勫垯" name="24"> - <div>涓庣幇瀹炵敓娲讳竴鑷达細涓庣幇瀹炵敓娲荤殑娴佺▼銆侀�昏緫淇濇寔涓�鑷达紝閬靛惊鐢ㄦ埛涔犳儻鐨勮瑷�鍜屾蹇碉紱</div> - <div>鍦ㄧ晫闈腑涓�鑷达細鎵�鏈夌殑鍏冪礌鍜岀粨鏋勯渶淇濇寔涓�鑷达紝姣斿锛氳璁℃牱寮忋�佸浘鏍囧拰鏂囨湰銆佸厓绱犵殑浣嶇疆绛夈��</div> - </el-collapse-item> + <div style="text-align: right; margin-top: 10px;"> + <el-button type="primary" @click="submitForm1(props.row)">鎻愪氦</el-button> + </div> </el-collapse> </el-form> </template> @@ -231,13 +196,38 @@ <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body> <el-form ref="form" :model="form" :rules="rules" label-width="80px"> <el-form-item label="鍏徃鍚�" prop="companyName"> - <el-input v-model="form.companyName" placeholder="璇疯緭鍏ュ叕鍙稿悕" /> + <el-select v-model="form.companyName" placeholder="璇烽�夋嫨"> + <el-option + v-for="item in unitList" + :key="item.id" + :label="item.value" + :value="item.id"> + </el-option> + </el-select> </el-form-item> <el-form-item label="閮ㄩ棬鍚嶇О" prop="deptName"> - <el-input v-model="form.deptName" placeholder="璇疯緭鍏ラ儴闂ㄥ悕绉�" /> + <el-select v-model="form.deptName" placeholder="璇烽�夋嫨"> + <el-option + v-for="item in deptList" + :key="item.id" + :label="item.value" + :value="item.id"> + </el-option> + </el-select> </el-form-item> - <el-form-item label="鍚堝悓鏄庣粏" prop="detail"> - <el-input v-model="form.detail" type="textarea" placeholder="璇疯緭鍏ュ唴瀹�" /> + <el-form-item label="鍚堝悓鏃堕棿" prop="timezone"> + <el-date-picker + :disabled="title === '淇敼鍚堝悓鏃堕棿'" + @change="dateChange" + v-model="form.timezone" + type="daterange" + align="right" + unlink-panels + range-separator="鑷�" + start-placeholder="寮�濮嬫棩鏈�" + end-placeholder="缁撴潫鏃ユ湡" + > + </el-date-picker> </el-form-item> </el-form> <div slot="footer" class="dialog-footer"> @@ -250,11 +240,15 @@ <script> import { listContract, getContract, delContract, addContract, updateContract } from "@/api/platform/contract"; +import {unitSelect} from "../../../api/platform/unit"; +import {deptSelect} from "../../../api/system/dept"; export default { name: "Contract", data() { return { + unitList: [], + deptList: [], activeNames: ['1'], // 閬僵灞� loading: true, @@ -311,8 +305,6 @@ }], // 琛ㄥ崟鍙傛暟 form: { - - }, // 琛ㄥ崟鏍¢獙 rules: { @@ -324,8 +316,25 @@ }, created() { this.getList(); + this.selectUnit(); + this.selectDept(); }, methods: { + // 杩愮淮鍏徃涓嬫媺鏁版嵁 + selectUnit() { + unitSelect().then(res => { + this.unitList = res.data; + }) + }, + // 鍏畨閮ㄩ棬涓嬫媺鏁版嵁 + selectDept() { + deptSelect().then(res => { + this.deptList = res.data; + }) + }, + submitForm1() { + alert('鎻愪氦鎴愬姛锛�'); + }, handleChange(val) { console.log(val); }, @@ -428,17 +437,20 @@ </script> <style scoped> -.demo-table-expand { +.table-expand { font-size: 0; } -.demo-table-expand .title{ - width: 250px; +.table-expand { + width: 100%; color: #99a9bf; } -.demo-table-expand { - margin-right: 0; - margin-bottom: 0; - width: 100%; +.table-expand { + +} +.inline-input-container { + white-space: nowrap; /* 闃叉鍐呭鍐呴儴鐨勬崲琛� */ + margin-right: 50px; /* 鍙�夌殑锛岀敤浜庡湪鍏冪礌涔嬮棿娣诲姞涓�浜涢棿璺� */ + width: 7%; } -- Gitblit v1.8.0