1.0.75 合同模板右侧增加下载按钮

src/views/oa/erp/contractInfo/edit.vue

@@ -177,14 +177,19 @@
           </el-col>
           <el-col :span="12" v-show="form.contractTemplateFlag !== '1'">
             <el-form-item label="合同模板" prop="templateId">
-              <el-select v-model="form.templateId" placeholder="请选择合同模板" :disabled="isFormDisabled" filterable>
-                <el-option
-                  v-for="item in printTemplateList"
-                  :key="item.templateId"
-                  :label="item.templateName + '-' + item.version"
-                  :value="item.templateId"
-                />
-              </el-select>
+              <div class="flex gap-2 items-center" style="width: 100%">
+                <el-select v-model="form.templateId" placeholder="请选择合同模板" :disabled="isFormDisabled" filterable style="flex: 1">
+                  <el-option
+                    v-for="item in printTemplateList"
+                    :key="item.templateId"
+                    :label="item.templateName + '-' + item.version"
+                    :value="item.templateId"
+                  />
+                </el-select>
+                <el-tooltip content="合同模板查看" placement="top">
+                  <el-button link type="info" icon="Download" :disabled="!form.templateId" @click="handleContractTemplateDownload" />
+                </el-tooltip>
+              </div>
             </el-form-item>
           </el-col>
           <!-- <el-col :span="12">
@@ -740,6 +745,15 @@ const getPrintTemplateListSelect = async () => {
   printTemplateList.value = res.data;
 };
 
+/** 合同模板下载/查看 */
+const handleContractTemplateDownload = () => {
+  if (!form.value.templateId) return;
+  router.push({
+    path: '/contract/contractView',
+    query: { templateId: form.value.templateId, contractId: form.value.contractId }
+  });
+};
+
 /** 查询单位信息下拉框结构 */
 const unitInfoList = ref([]);
 const getUnitInfoListSelect = async () => {