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